@charset "UTF-8";
/* 
@font-face {
  font-family: Nunito;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local("Segoe UI"),
    url(../fonts/NunitoLatin/NunitoLatin-Regular.eot);
  src: url(../fonts/NunitoLatin/NunitoLatin-Regular.eot?#iefix) format("embedded-opentype"),
    url(../fonts/NunitoLatin/NunitoLatin-Regular.woff) format("woff"),
    url(../fonts/NunitoLatin/NunitoLatin-Regular.ttf) format("truetype")
}

@font-face {
  font-family: Nunito;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local("Segoe UI"),
    url(../fonts/NunitoLatin/NunitoLatin-Bold.eot);
  src: url(../fonts/NunitoLatin/NunitoLatin-Bold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/NunitoLatin/NunitoLatin-Bold.woff) format("woff"),
    url(../fonts/NunitoLatin/NunitoLatin-Bold.ttf) format("truetype")
}

@font-face {
  font-family: Nunito;
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local("Segoe UI"),
    url(../fonts/NunitoLatin/NunitoLatin-Black.eot);
  src: url(../fonts/NunitoLatin/NunitoLatin-Black.eot?#iefix) format("embedded-opentype"),
    url(../fonts/NunitoLatin/NunitoLatin-Black.woff) format("woff"),
    url(../fonts/NunitoLatin/NunitoLatin-Black.ttf) format("truetype")
}

@font-face {
  font-family: Nunito;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: local("Segoe UI"),
    url(../fonts/NunitoLatin/NunitoLatin-Light.eot);
  src: url(../fonts/NunitoLatin/NunitoLatin-Light.eot?#iefix) format("embedded-opentype"),
    url(../fonts/NunitoLatin/NunitoLatin-Light.woff) format("woff"),
    url(../fonts/NunitoLatin/NunitoLatin-Light.ttf) format("truetype")
}

@font-face {
  font-family: "Style Script";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local("Segoe UI"),
    url(../fonts/StyleScript/StyleScript-Regular.eot);
  src: url(../fonts/StyleScript/StyleScript-Regular.eot?#iefix) format("embedded-opentype"),
    url(../fonts/StyleScript/StyleScript-Regular.woff) format("woff"),
    url(../fonts/StyleScript/StyleScript-Regular.ttf) format("truetype")
}

@font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local("Segoe UI"),
    url(../fonts/Inter/Inter-Regular.eot);
  src: url(../fonts/Inter/Inter-Regular.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Inter/Inter-Regular.woff) format("woff"),
    url(../fonts/Inter/Inter-Regular.ttf) format("truetype")
}

@font-face {
  font-family: Inter;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local("Segoe UI"),
    url(../fonts/Inter/Inter-Bold.eot);
  src: url(../fonts/Inter/Inter-Bold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Inter/Inter-Bold.woff) format("woff"),
    url(../fonts/Inter/Inter-Bold.ttf) format("truetype")
}

@font-face {
  font-family: Inter;
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local("Segoe UI"),
    url(../fonts/Inter/Inter-Black.eot);
  src: url(../fonts/Inter/Inter-Black.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Inter/Inter-Black.woff) format("woff"),
    url(../fonts/Inter/Inter-Black.ttf) format("truetype")
} */



*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* font-family: 'Nunito'; */
}

html {
  /* font-family: sans-serif; */
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
  width: device-width
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block
}

body {
  margin: 0;
  /* font-family: Nunito, sans-serif; */
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  /* background: radial-gradient(farthest-corner circle at top, #2f65ac 0, #152a4d 100%); */
  background: #fff567;
}

[tabindex="-1"]:focus {
  outline: 0 !important
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

dfn {
  font-style: italic
}

b,
strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: #277dff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:hover {
  /* color: #277dff; */
  text-decoration: none
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([tabindex]):focus {
  outline: 0
}

code,
kbd,
pre,
samp {
  /* font-family: monospace, monospace; */
  font-size: 1em
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar
}

figure {
  margin: 0 0 1rem
}

img {
  vertical-align: middle;
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

table {
  border-collapse: collapse
}

caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #7a91b6;
  text-align: left;
  caption-side: bottom
}

th {
  text-align: inherit
}

label {
  display: inline-block;
  margin-bottom: .5rem;
  color: white;
}

button {
  border-radius: 0
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  /* font-family: inherit; */
  font-size: inherit;
  line-height: inherit
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

/* [type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
} */

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

/* input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
  -webkit-appearance: listbox
} */

textarea {
  overflow: auto;
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal
}

progress {
  vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

/* [type=search] {
  outline-offset: -2px;
  -webkit-appearance: none
} */

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

summary {
  display: list-item;
  cursor: pointer
}

template {
  display: none
}

[hidden] {
  display: none !important
}

@-ms-viewport {
  width: device-width
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar
}

*,
::after,
::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

.container {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {
  .container {
    max-width: 540px
  }
}

@media (min-width:768px) {
  .container {
    max-width: 720px
  }
}

@media (min-width:992px) {
  .container {
    max-width: 960px
  }
}

@media (min-width:1280px) {
  .container {
    max-width: 1240px
  }
}

@media (min-width:1440px) {
  .container {
    max-width: 1400px
  }
}

.container-fluid {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -52px;
  margin-left: -28px
}

.no-gutters {
  margin-right: 0;
  margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
  padding-right: 0;
  padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto,
.col-xxl,
.col-xxl-1,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 30px;
  padding-left: 30px
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.3333333333%;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.6666666667%;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3333333333%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.6666666667%;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.3333333333%;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.6666666667%;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.3333333333%;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.6666666667%;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12
}

.offset-1 {
  margin-left: 8.3333333333%
}

.offset-2 {
  margin-left: 16.6666666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.3333333333%
}

.offset-5 {
  margin-left: 41.6666666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.3333333333%
}

.offset-8 {
  margin-left: 66.6666666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.3333333333%
}

.offset-11 {
  margin-left: 91.6666666667%
}

@media (min-width:576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }

  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }

  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }

  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
  }

  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
  }

  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
  }

  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
  }

  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
  }

  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
  }

  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width:768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }

  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }

  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }

  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
  }

  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
  }

  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
  }

  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
  }

  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
  }

  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
  }

  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.3333333333%
  }

  .offset-md-2 {
    margin-left: 16.6666666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.3333333333%
  }

  .offset-md-5 {
    margin-left: 41.6666666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.3333333333%
  }

  .offset-md-8 {
    margin-left: 66.6666666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.3333333333%
  }

  .offset-md-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width:992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }

  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }

  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }

  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
  }

  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
  }

  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
  }

  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
  }

  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
  }

  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
  }

  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width:1280px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }

  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }

  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }

  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
  }

  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
  }

  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
  }

  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
  }

  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
  }

  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
  }

  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%
  }
}

@media (min-width:1440px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }

  .col-xxl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }

  .col-xxl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-xxl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-xxl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-xxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-xxl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-xxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-xxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-xxl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-xxl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-xxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-xxl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }

  .order-xxl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
  }

  .order-xxl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .order-xxl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .order-xxl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .order-xxl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .order-xxl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }

  .order-xxl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }

  .order-xxl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
  }

  .order-xxl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
  }

  .order-xxl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
  }

  .order-xxl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
  }

  .order-xxl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
  }

  .order-xxl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
  }

  .order-xxl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
  }

  .offset-xxl-0 {
    margin-left: 0
  }

  .offset-xxl-1 {
    margin-left: 8.3333333333%
  }

  .offset-xxl-2 {
    margin-left: 16.6666666667%
  }

  .offset-xxl-3 {
    margin-left: 25%
  }

  .offset-xxl-4 {
    margin-left: 33.3333333333%
  }

  .offset-xxl-5 {
    margin-left: 41.6666666667%
  }

  .offset-xxl-6 {
    margin-left: 50%
  }

  .offset-xxl-7 {
    margin-left: 58.3333333333%
  }

  .offset-xxl-8 {
    margin-left: 66.6666666667%
  }

  .offset-xxl-9 {
    margin-left: 75%
  }

  .offset-xxl-10 {
    margin-left: 83.3333333333%
  }

  .offset-xxl-11 {
    margin-left: 91.6666666667%
  }
}

.d-none {
  display: none !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important
}

@media (min-width:576px) {
  .d-sm-none {
    display: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media (min-width:768px) {
  .d-md-none {
    display: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media (min-width:992px) {
  .d-lg-none {
    display: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media (min-width:1280px) {
  .d-xl-none {
    display: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media (min-width:1440px) {
  .d-xxl-none {
    display: none !important
  }

  .d-xxl-inline {
    display: inline !important
  }

  .d-xxl-inline-block {
    display: inline-block !important
  }

  .d-xxl-block {
    display: block !important
  }

  .d-xxl-table {
    display: table !important
  }

  .d-xxl-table-row {
    display: table-row !important
  }

  .d-xxl-table-cell {
    display: table-cell !important
  }

  .d-xxl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media print {
  .d-print-none {
    display: none !important
  }

  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important
}

@media (min-width:576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }

  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }

  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
  }

  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }

  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }

  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }

  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
  }

  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}

@media (min-width:768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }

  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }

  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
  }

  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }

  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }

  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }

  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
  }

  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }

  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}

@media (min-width:992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }

  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }

  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
  }

  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }

  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }

  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }

  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
  }

  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}

@media (min-width:1280px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }

  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
  }

  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }

  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }

  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }

  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
  }

  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}

@media (min-width:1440px) {
  .flex-xxl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }

  .flex-xxl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }

  .flex-xxl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }

  .flex-xxl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }

  .flex-xxl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }

  .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }

  .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xxl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
  }

  .justify-content-xxl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }

  .align-items-xxl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }

  .align-items-xxl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }

  .align-items-xxl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
  }

  .align-items-xxl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }

  .align-items-xxl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }

  .align-content-xxl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }

  .align-content-xxl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }

  .align-content-xxl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }

  .align-content-xxl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }

  .align-content-xxl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }

  .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }

  .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }

  .align-self-xxl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }

  .align-self-xxl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }

  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }

  .align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }

  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.mw-100 {
  max-width: 100% !important
}

.mh-100 {
  max-height: 100% !important
}

.m-0 {
  margin: 0 !important
}

.mt-0,
.my-0 {
  margin-top: 0 !important
}

.mr-0,
.mx-0 {
  margin-right: 0 !important
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
  margin-left: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.mt-1,
.my-1 {
  margin-top: .25rem !important
}

.mr-1,
.mx-1 {
  margin-right: .25rem !important
}

.mb-1,
.my-1 {
  margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
  margin-left: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.mt-2,
.my-2 {
  margin-top: .5rem !important
}

.mr-2,
.mx-2 {
  margin-right: .5rem !important
}

.mb-2,
.my-2 {
  margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
  margin-left: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.mt-3,
.my-3 {
  margin-top: 1rem !important
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.mt-5,
.my-5 {
  margin-top: 3rem !important
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important
}

.p-0 {
  padding: 0 !important
}

.pt-0,
.py-0 {
  padding-top: 0 !important
}

.pr-0,
.px-0 {
  padding-right: 0 !important
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important
}

.pl-0,
.px-0 {
  padding-left: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.pt-1,
.py-1 {
  padding-top: .25rem !important
}

.pr-1,
.px-1 {
  padding-right: .25rem !important
}

.pb-1,
.py-1 {
  padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
  padding-left: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.pt-2,
.py-2 {
  padding-top: .5rem !important
}

.pr-2,
.px-2 {
  padding-right: .5rem !important
}

.pb-2,
.py-2 {
  padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
  padding-left: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.pt-3,
.py-3 {
  padding-top: 1rem !important
}

.pr-3,
.px-3 {
  padding-right: 1rem !important
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
  padding-left: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.pt-5,
.py-5 {
  padding-top: 3rem !important
}

.pr-5,
.px-5 {
  padding-right: 3rem !important
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
  padding-left: 3rem !important
}

.m-auto {
  margin: auto !important
}

.mt-auto,
.my-auto {
  margin-top: auto !important
}

.mr-auto,
.mx-auto {
  margin-right: auto !important
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
  margin-left: auto !important
}

@media (min-width:576px) {
  .m-sm-0 {
    margin: 0 !important
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: .25rem !important
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: .25rem !important
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: .25rem !important
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: .5rem !important
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: .5rem !important
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: .5rem !important
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: .25rem !important
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: .25rem !important
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: .25rem !important
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: .5rem !important
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: .5rem !important
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: .5rem !important
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important
  }
}

@media (min-width:768px) {
  .m-md-0 {
    margin: 0 !important
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: .25rem !important
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: .25rem !important
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: .25rem !important
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: .5rem !important
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: .5rem !important
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: .5rem !important
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: .25rem !important
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: .25rem !important
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: .25rem !important
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: .5rem !important
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: .5rem !important
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: .5rem !important
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important
  }
}

@media (min-width:992px) {
  .m-lg-0 {
    margin: 0 !important
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: .25rem !important
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: .25rem !important
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: .25rem !important
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: .5rem !important
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: .5rem !important
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: .5rem !important
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: .25rem !important
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: .25rem !important
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: .25rem !important
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: .5rem !important
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: .5rem !important
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: .5rem !important
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important
  }
}

@media (min-width:1280px) {
  .m-xl-0 {
    margin: 0 !important
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: .25rem !important
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: .25rem !important
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: .25rem !important
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: .5rem !important
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: .5rem !important
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: .5rem !important
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: .25rem !important
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: .25rem !important
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: .25rem !important
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: .5rem !important
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: .5rem !important
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: .5rem !important
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important
  }
}

@media (min-width:1440px) {
  .m-xxl-0 {
    margin: 0 !important
  }

  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important
  }

  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important
  }

  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important
  }

  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important
  }

  .m-xxl-1 {
    margin: .25rem !important
  }

  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: .25rem !important
  }

  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: .25rem !important
  }

  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: .25rem !important
  }

  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem !important
  }

  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: .5rem !important
  }

  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: .5rem !important
  }

  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: .5rem !important
  }

  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem !important
  }

  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 1rem !important
  }

  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 1rem !important
  }

  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 1rem !important
  }

  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 1rem !important
  }

  .m-xxl-4 {
    margin: 1.5rem !important
  }

  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.5rem !important
  }

  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.5rem !important
  }

  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.5rem !important
  }

  .m-xxl-5 {
    margin: 3rem !important
  }

  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3rem !important
  }

  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3rem !important
  }

  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3rem !important
  }

  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3rem !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important
  }

  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important
  }

  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important
  }

  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: .25rem !important
  }

  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: .25rem !important
  }

  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: .5rem !important
  }

  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: .5rem !important
  }

  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 1rem !important
  }

  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 1rem !important
  }

  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 1rem !important
  }

  .p-xxl-4 {
    padding: 1.5rem !important
  }

  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.5rem !important
  }

  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.5rem !important
  }

  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.5rem !important
  }

  .p-xxl-5 {
    padding: 3rem !important
  }

  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3rem !important
  }

  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3rem !important
  }

  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important
  }

  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important
  }

  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important
  }
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.fade.show {
  opacity: 1
}

.collapse {
  display: none
}

.collapse.show {
  display: block
}

tr.collapse.show {
  display: table-row
}

tbody.collapse.show {
  display: table-row-group
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  transition: height .35s ease
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor
}

.icon-bullet {
  font-size: .6rem;
  width: 1em
}

.icon-date {
  font-size: 3.2rem;
  width: 1em
}

.icon-download {
  font-size: 1.6rem;
  width: .875em
}

.icon-dropdown-down {
  font-size: .8rem;
  width: 1.5em
}

.icon-dropdown-up {
  font-size: .8rem;
  width: 1.5em
}

.icon-go {
  font-size: 2.4rem;
  width: 1em
}

.icon-libre {
  font-size: 4.2rem;
  width: 1em
}

.icon-listing {
  font-size: 2.4rem;
  width: 1em
}

.icon-logo {
  font-size: 3.2rem;
  width: 4.15625em
}

.icon-phones {
  font-size: 2.4rem;
  width: 1em
}

.icon-time {
  font-size: 3.2rem;
  width: 1em
}

.connection-icon {
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  width: 48px;
  background-size: auto 100%
}

.connection-icon.activecampaign {
  background: url(https://skyvia.com/assets/img/connectors.svg#activecampaign) no-repeat
}

.connection-icon.acuity-scheduling {
  background: url(https://skyvia.com/assets/img/connectors.svg#acuity-scheduling) no-repeat
}

.connection-icon.acumatica {
  background: url(https://skyvia.com/assets/img/connectors.svg#acumatica) no-repeat
}

.connection-icon.affinity {
  background: url(https://skyvia.com/assets/img/connectors.svg#affinity) no-repeat
}

.connection-icon.aftership {
  background: url(https://skyvia.com/assets/img/connectors.svg#aftership) no-repeat
}

.connection-icon.agile_crm {
  background: url(https://skyvia.com/assets/img/connectors.svg#agile_crm) no-repeat
}

.connection-icon.agilecrm {
  background: url(https://skyvia.com/assets/img/connectors.svg#agilecrm) no-repeat
}

.connection-icon.aha {
  background: url(https://skyvia.com/assets/img/connectors.svg#aha) no-repeat
}

.connection-icon.airtable {
  background: url(https://skyvia.com/assets/img/connectors.svg#airtable) no-repeat
}

.connection-icon.alloydb {
  background: url(https://skyvia.com/assets/img/connectors.svg#alloydb) no-repeat
}

.connection-icon.alteryx {
  background: url(https://skyvia.com/assets/img/connectors.svg#alteryx) no-repeat
}

.connection-icon.amazon-rds {
  background: url(https://skyvia.com/assets/img/connectors.svg#amazon-rds) no-repeat
}

.connection-icon.amazon-s3 {
  background: url(https://skyvia.com/assets/img/connectors.svg#amazon-s3) no-repeat
}

.connection-icon.amplitude {
  background: url(https://skyvia.com/assets/img/connectors.svg#amplitude) no-repeat
}

.connection-icon.answerrocket {
  background: url(https://skyvia.com/assets/img/connectors.svg#answerrocket) no-repeat
}

.connection-icon.anycloud-blue {
  background: url(https://skyvia.com/assets/img/connectors.svg#anycloud-blue) no-repeat
}

.connection-icon.anycloud-green {
  background: url(https://skyvia.com/assets/img/connectors.svg#anycloud-green) no-repeat
}

.connection-icon.asana {
  background: url(https://skyvia.com/assets/img/connectors.svg#asana) no-repeat
}

.connection-icon.aurora {
  background: url(https://skyvia.com/assets/img/connectors.svg#aurora) no-repeat
}

.connection-icon.avalara {
  background: url(https://skyvia.com/assets/img/connectors.svg#avalara) no-repeat
}

.connection-icon.aweber {
  background: url(https://skyvia.com/assets/img/connectors.svg#aweber) no-repeat
}

.connection-icon.azure-devops {
  background: url(https://skyvia.com/assets/img/connectors.svg#azure-devops) no-repeat
}

.connection-icon.azure-file-storage {
  background: url(https://skyvia.com/assets/img/connectors.svg#azure-file-storage) no-repeat
}

.connection-icon.azure-mysql {
  background: url(https://skyvia.com/assets/img/connectors.svg#azure-mysql) no-repeat
}

.connection-icon.azure-postgresql {
  background: url(https://skyvia.com/assets/img/connectors.svg#azure-postgresql) no-repeat
}

.connection-icon.azure_app_insights {
  background: url(https://skyvia.com/assets/img/connectors.svg#azure_app_insights) no-repeat
}

.connection-icon.azurebackup {
  background: url(https://skyvia.com/assets/img/connectors.svg#azurebackup) no-repeat
}

.connection-icon.backup {
  background: url(https://skyvia.com/assets/img/connectors.svg#backup) no-repeat
}

.connection-icon.beakerx {
  background: url(https://skyvia.com/assets/img/connectors.svg#beakerx) no-repeat
}

.connection-icon.bigcommerce {
  background: url(https://skyvia.com/assets/img/connectors.svg#bigcommerce) no-repeat
}

.connection-icon.bime {
  background: url(https://skyvia.com/assets/img/connectors.svg#bime) no-repeat
}

.connection-icon.birst {
  background: url(https://skyvia.com/assets/img/connectors.svg#birst) no-repeat
}

.connection-icon.board {
  background: url(https://skyvia.com/assets/img/connectors.svg#board) no-repeat
}

.connection-icon.box {
  background: url(https://skyvia.com/assets/img/connectors.svg#box) no-repeat
}

.connection-icon.brevo {
  background: url(https://skyvia.com/assets/img/connectors.svg#brevo) no-repeat
}

.connection-icon.calendly {
  background: url(https://skyvia.com/assets/img/connectors.svg#calendly) no-repeat
}

.connection-icon.callrail {
  background: url(https://skyvia.com/assets/img/connectors.svg#callrail) no-repeat
}

.connection-icon.capsule-crm {
  background: url(https://skyvia.com/assets/img/connectors.svg#capsule-crm) no-repeat
}

.connection-icon.carto {
  background: url(https://skyvia.com/assets/img/connectors.svg#carto) no-repeat
}

.connection-icon.chargebee {
  background: url(https://skyvia.com/assets/img/connectors.svg#chargebee) no-repeat
}

.connection-icon.chargeover {
  background: url(https://skyvia.com/assets/img/connectors.svg#chargeover) no-repeat
}

.connection-icon.chartio {
  background: url(https://skyvia.com/assets/img/connectors.svg#chartio) no-repeat
}

.connection-icon.chartmogul {
  background: url(https://skyvia.com/assets/img/connectors.svg#chartmogul) no-repeat
}

.connection-icon.cin7-core-inventory {
  background: url(https://skyvia.com/assets/img/connectors.svg#cin7-core-inventory) no-repeat
}

.connection-icon.cleverreach {
  background: url(https://skyvia.com/assets/img/connectors.svg#cleverreach) no-repeat
}

.connection-icon.clicksend {
  background: url(https://skyvia.com/assets/img/connectors.svg#clicksend) no-repeat
}

.connection-icon.close {
  background: url(https://skyvia.com/assets/img/connectors.svg#close) no-repeat
}

.connection-icon.cluvio {
  background: url(https://skyvia.com/assets/img/connectors.svg#cluvio) no-repeat
}

.connection-icon.confluence-cloud {
  background: url(https://skyvia.com/assets/img/connectors.svg#confluence-cloud) no-repeat
}

.connection-icon.constant-contact {
  background: url(https://skyvia.com/assets/img/connectors.svg#constant-contact) no-repeat
}

.connection-icon.convertkit {
  background: url(https://skyvia.com/assets/img/connectors.svg#convertkit) no-repeat
}

.connection-icon.csv {
  background: url(https://skyvia.com/assets/img/connectors.svg#csv) no-repeat
}

.connection-icon.custom-connection-icon-01 {
  background: url(https://skyvia.com/assets/img/connectors.svg#custom-connection-icon-01) no-repeat
}

.connection-icon.custom-connection-icon-02 {
  background: url(https://skyvia.com/assets/img/connectors.svg#custom-connection-icon-02) no-repeat
}

.connection-icon.custom-connection-icon-03 {
  background: url(https://skyvia.com/assets/img/connectors.svg#custom-connection-icon-03) no-repeat
}

.connection-icon.custom-connection-icon-04 {
  background: url(https://skyvia.com/assets/img/connectors.svg#custom-connection-icon-04) no-repeat
}

.connection-icon.custom-connection-icon-05 {
  background: url(https://skyvia.com/assets/img/connectors.svg#custom-connection-icon-05) no-repeat
}

.connection-icon.custom-connection-icon-06 {
  background: url(https://skyvia.com/assets/img/connectors.svg#custom-connection-icon-06) no-repeat
}

.connection-icon.custom-connection-icon-07 {
  background: url(https://skyvia.com/assets/img/connectors.svg#custom-connection-icon-07) no-repeat
}

.connection-icon.custom-connection-icon-08 {
  background: url(https://skyvia.com/assets/img/connectors.svg#custom-connection-icon-08) no-repeat
}

.connection-icon.customerio {
  background: url(https://skyvia.com/assets/img/connectors.svg#customerio) no-repeat
}

.connection-icon.database {
  background: url(https://skyvia.com/assets/img/connectors.svg#database) no-repeat
}

.connection-icon.databricks {
  background: url(https://skyvia.com/assets/img/connectors.svg#databricks) no-repeat
}

.connection-icon.datapine {
  background: url(https://skyvia.com/assets/img/connectors.svg#datapine) no-repeat
}

.connection-icon.datarobot {
  background: url(https://skyvia.com/assets/img/connectors.svg#datarobot) no-repeat
}

.connection-icon.datawrapper {
  background: url(https://skyvia.com/assets/img/connectors.svg#datawrapper) no-repeat
}

.connection-icon.delighted {
  background: url(https://skyvia.com/assets/img/connectors.svg#delighted) no-repeat
}

.connection-icon.demo {
  background: url(https://skyvia.com/assets/img/connectors.svg#demo) no-repeat
}

.connection-icon.discourse {
  background: url(https://skyvia.com/assets/img/connectors.svg#discourse) no-repeat
}

.connection-icon.domo {
  background: url(https://skyvia.com/assets/img/connectors.svg#domo) no-repeat
}

.connection-icon.drip {
  background: url(https://skyvia.com/assets/img/connectors.svg#drip) no-repeat
}

.connection-icon.dropbox {
  background: url(https://skyvia.com/assets/img/connectors.svg#dropbox) no-repeat
}

.connection-icon.dundas {
  background: url(https://skyvia.com/assets/img/connectors.svg#dundas) no-repeat
}

.connection-icon.dynamics-crm {
  background: url(https://skyvia.com/assets/img/connectors.svg#dynamics-crm) no-repeat
}

.connection-icon.elasticsearch {
  background: url(https://skyvia.com/assets/img/connectors.svg#elasticsearch) no-repeat
}

.connection-icon.emailoctopus {
  background: url(https://skyvia.com/assets/img/connectors.svg#emailoctopus) no-repeat
}

.connection-icon.everhour {
  background: url(https://skyvia.com/assets/img/connectors.svg#everhour) no-repeat
}

.connection-icon.exacttarget {
  background: url(https://skyvia.com/assets/img/connectors.svg#exacttarget) no-repeat
}

.connection-icon.excel {
  background: url(https://skyvia.com/assets/img/connectors.svg#excel) no-repeat
}

.connection-icon.facebook-ads {
  background: url(https://skyvia.com/assets/img/connectors.svg#facebook-ads) no-repeat
}

.connection-icon.float {
  background: url(https://skyvia.com/assets/img/connectors.svg#float) no-repeat
}

.connection-icon.formcrafts {
  background: url(https://skyvia.com/assets/img/connectors.svg#formcrafts) no-repeat
}

.connection-icon.formstack {
  background: url(https://skyvia.com/assets/img/connectors.svg#formstack) no-repeat
}

.connection-icon.formstack-documents {
  background: url(https://skyvia.com/assets/img/connectors.svg#formstack-documents) no-repeat
}

.connection-icon.freshbooks {
  background: url(https://skyvia.com/assets/img/connectors.svg#freshbooks) no-repeat
}

.connection-icon.freshdesk {
  background: url(https://skyvia.com/assets/img/connectors.svg#freshdesk) no-repeat
}

.connection-icon.freshsales {
  background: url(https://skyvia.com/assets/img/connectors.svg#freshsales) no-repeat
}

.connection-icon.freshsales-suite {
  background: url(https://skyvia.com/assets/img/connectors.svg#freshsales-suite) no-repeat
}

.connection-icon.freshservice {
  background: url(https://skyvia.com/assets/img/connectors.svg#freshservice) no-repeat
}

.connection-icon.front {
  background: url(https://skyvia.com/assets/img/connectors.svg#front) no-repeat
}

.connection-icon.ftp {
  background: url(https://skyvia.com/assets/img/connectors.svg#ftp) no-repeat
}

.connection-icon.fullstory {
  background: url(https://skyvia.com/assets/img/connectors.svg#fullstory) no-repeat
}

.connection-icon.fusioncharts {
  background: url(https://skyvia.com/assets/img/connectors.svg#fusioncharts) no-repeat
}

.connection-icon.getresponse {
  background: url(https://skyvia.com/assets/img/connectors.svg#getresponse) no-repeat
}

.connection-icon.github {
  background: url(https://skyvia.com/assets/img/connectors.svg#github) no-repeat
}

.connection-icon.gmail {
  background: url(https://skyvia.com/assets/img/connectors.svg#gmail) no-repeat
}

.connection-icon.gooddata {
  background: url(https://skyvia.com/assets/img/connectors.svg#gooddata) no-repeat
}

.connection-icon.google-adwords {
  background: url(https://skyvia.com/assets/img/connectors.svg#google-adwords) no-repeat
}

.connection-icon.google-analytics {
  background: url(https://skyvia.com/assets/img/connectors.svg#google-analytics) no-repeat
}

.connection-icon.google-analytics-v4 {
  background: url(https://skyvia.com/assets/img/connectors.svg#google-analytics-v4) no-repeat
}

.connection-icon.google-bigquery {
  background: url(https://skyvia.com/assets/img/connectors.svg#google-bigquery) no-repeat
}

.connection-icon.google-cloud-sql-mysql {
  background: url(https://skyvia.com/assets/img/connectors.svg#google-cloud-sql-mysql) no-repeat
}

.connection-icon.google-cloud-sql-postgresql {
  background: url(https://skyvia.com/assets/img/connectors.svg#google-cloud-sql-postgresql) no-repeat
}

.connection-icon.google-cloud-sql-server {
  background: url(https://skyvia.com/assets/img/connectors.svg#google-cloud-sql-server) no-repeat
}

.connection-icon.google-drive {
  background: url(https://skyvia.com/assets/img/connectors.svg#google-drive) no-repeat
}

.connection-icon.google-sheets {
  background: url(https://skyvia.com/assets/img/connectors.svg#google-sheets) no-repeat
}

.connection-icon.googleapps {
  background: url(https://skyvia.com/assets/img/connectors.svg#googleapps) no-repeat
}

.connection-icon.grafana {
  background: url(https://skyvia.com/assets/img/connectors.svg#grafana) no-repeat
}

.connection-icon.greenhouse {
  background: url(https://skyvia.com/assets/img/connectors.svg#greenhouse) no-repeat
}

.connection-icon.grow {
  background: url(https://skyvia.com/assets/img/connectors.svg#grow) no-repeat
}

.connection-icon.h2o {
  background: url(https://skyvia.com/assets/img/connectors.svg#h2o) no-repeat
}

.connection-icon.harvest {
  background: url(https://skyvia.com/assets/img/connectors.svg#harvest) no-repeat
}

.connection-icon.help-scout {
  background: url(https://skyvia.com/assets/img/connectors.svg#help-scout) no-repeat
}

.connection-icon.helpdesk {
  background: url(https://skyvia.com/assets/img/connectors.svg#helpdesk) no-repeat
}

.connection-icon.heroku-postgres {
  background: url(https://skyvia.com/assets/img/connectors.svg#heroku-postgres) no-repeat
}

.connection-icon.highcharts {
  background: url(https://skyvia.com/assets/img/connectors.svg#highcharts) no-repeat
}

.connection-icon.hive {
  background: url(https://skyvia.com/assets/img/connectors.svg#hive) no-repeat
}

.connection-icon.holistics {
  background: url(https://skyvia.com/assets/img/connectors.svg#holistics) no-repeat
}

.connection-icon.hubspot {
  background: url(https://skyvia.com/assets/img/connectors.svg#hubspot) no-repeat
}

.connection-icon.ibm-cognos {
  background: url(https://skyvia.com/assets/img/connectors.svg#ibm-cognos) no-repeat
}

.connection-icon.idashboards {
  background: url(https://skyvia.com/assets/img/connectors.svg#idashboards) no-repeat
}

.connection-icon.indicative {
  background: url(https://skyvia.com/assets/img/connectors.svg#indicative) no-repeat
}

.connection-icon.infogram {
  background: url(https://skyvia.com/assets/img/connectors.svg#infogram) no-repeat
}

.connection-icon.insightly {
  background: url(https://skyvia.com/assets/img/connectors.svg#insightly) no-repeat
}

.connection-icon.intercom {
  background: url(https://skyvia.com/assets/img/connectors.svg#intercom) no-repeat
}

.connection-icon.iterable {
  background: url(https://skyvia.com/assets/img/connectors.svg#iterable) no-repeat
}

.connection-icon.izenda {
  background: url(https://skyvia.com/assets/img/connectors.svg#izenda) no-repeat
}

.connection-icon.jackdb {
  background: url(https://skyvia.com/assets/img/connectors.svg#jackdb) no-repeat
}

.connection-icon.jibble {
  background: url(https://skyvia.com/assets/img/connectors.svg#jibble) no-repeat
}

.connection-icon.jira {
  background: url(https://skyvia.com/assets/img/connectors.svg#jira) no-repeat
}

.connection-icon.jira-service-management {
  background: url(https://skyvia.com/assets/img/connectors.svg#jira-service-management) no-repeat
}

.connection-icon.jotform {
  background: url(https://skyvia.com/assets/img/connectors.svg#jotform) no-repeat
}

.connection-icon.jupyter {
  background: url(https://skyvia.com/assets/img/connectors.svg#jupyter) no-repeat
}

.connection-icon.klaviyo {
  background: url(https://skyvia.com/assets/img/connectors.svg#klaviyo) no-repeat
}

.connection-icon.knime {
  background: url(https://skyvia.com/assets/img/connectors.svg#knime) no-repeat
}

.connection-icon.linkedin {
  background: url(https://skyvia.com/assets/img/connectors.svg#linkedin) no-repeat
}

.connection-icon.linkedin-ads {
  background: url(https://skyvia.com/assets/img/connectors.svg#linkedin-ads) no-repeat
}

.connection-icon.logi {
  background: url(https://skyvia.com/assets/img/connectors.svg#logi) no-repeat
}

.connection-icon.looker {
  background: url(https://skyvia.com/assets/img/connectors.svg#looker) no-repeat
}

.connection-icon.looker-studio {
  background: url(https://skyvia.com/assets/img/connectors.svg#looker-studio) no-repeat
}

.connection-icon.magento {
  background: url(https://skyvia.com/assets/img/connectors.svg#magento) no-repeat
}

.connection-icon.magento-bi {
  background: url(https://skyvia.com/assets/img/connectors.svg#magento-bi) no-repeat
}

.connection-icon.mailchimp {
  background: url(https://skyvia.com/assets/img/connectors.svg#mailchimp) no-repeat
}

.connection-icon.mailerlite {
  background: url(https://skyvia.com/assets/img/connectors.svg#mailerlite) no-repeat
}

.connection-icon.mailgun {
  background: url(https://skyvia.com/assets/img/connectors.svg#mailgun) no-repeat
}

.connection-icon.mailjet {
  background: url(https://skyvia.com/assets/img/connectors.svg#mailjet) no-repeat
}

.connection-icon.mariadb {
  background: url(https://skyvia.com/assets/img/connectors.svg#mariadb) no-repeat
}

.connection-icon.marketo {
  background: url(https://skyvia.com/assets/img/connectors.svg#marketo) no-repeat
}

.connection-icon.maxio {
  background: url(https://skyvia.com/assets/img/connectors.svg#maxio) no-repeat
}

.connection-icon.metabase {
  background: url(https://skyvia.com/assets/img/connectors.svg#metabase) no-repeat
}

.connection-icon.microsoft-ads {
  background: url(https://skyvia.com/assets/img/connectors.svg#microsoft-ads) no-repeat
}

.connection-icon.microstrategy {
  background: url(https://skyvia.com/assets/img/connectors.svg#microstrategy) no-repeat
}

.connection-icon.mobile {
  background: url(https://skyvia.com/assets/img/connectors.svg#mobile) no-repeat
}

.connection-icon.mode {
  background: url(https://skyvia.com/assets/img/connectors.svg#mode) no-repeat
}

.connection-icon.monday {
  background: url(https://skyvia.com/assets/img/connectors.svg#monday) no-repeat
}

.connection-icon.mongodb {
  background: url(https://skyvia.com/assets/img/connectors.svg#mongodb) no-repeat
}

.connection-icon.mysql {
  background: url(https://skyvia.com/assets/img/connectors.svg#mysql) no-repeat
}

.connection-icon.netsuite {
  background: url(https://skyvia.com/assets/img/connectors.svg#netsuite) no-repeat
}

.connection-icon.nimble {
  background: url(https://skyvia.com/assets/img/connectors.svg#nimble) no-repeat
}

.connection-icon.odata {
  background: url(https://skyvia.com/assets/img/connectors.svg#odata) no-repeat
}

.connection-icon.odbc {
  background: url(https://skyvia.com/assets/img/connectors.svg#odbc) no-repeat
}

.connection-icon.okta {
  background: url(https://skyvia.com/assets/img/connectors.svg#okta) no-repeat
}

.connection-icon.onedrive {
  background: url(https://skyvia.com/assets/img/connectors.svg#onedrive) no-repeat
}

.connection-icon.onfleet {
  background: url(https://skyvia.com/assets/img/connectors.svg#onfleet) no-repeat
}

.connection-icon.oracle {
  background: url(https://skyvia.com/assets/img/connectors.svg#oracle) no-repeat
}

.connection-icon.oracle-bi {
  background: url(https://skyvia.com/assets/img/connectors.svg#oracle-bi) no-repeat
}

.connection-icon.outbrain {
  background: url(https://skyvia.com/assets/img/connectors.svg#outbrain) no-repeat
}

.connection-icon.outreach {
  background: url(https://skyvia.com/assets/img/connectors.svg#outreach) no-repeat
}

.connection-icon.owox-bi {
  background: url(https://skyvia.com/assets/img/connectors.svg#owox-bi) no-repeat
}

.connection-icon.paymo {
  background: url(https://skyvia.com/assets/img/connectors.svg#paymo) no-repeat
}

.connection-icon.pentaho {
  background: url(https://skyvia.com/assets/img/connectors.svg#pentaho) no-repeat
}

.connection-icon.periscope {
  background: url(https://skyvia.com/assets/img/connectors.svg#periscope) no-repeat
}

.connection-icon.persistiq {
  background: url(https://skyvia.com/assets/img/connectors.svg#persistiq) no-repeat
}

.connection-icon.pinterest {
  background: url(https://skyvia.com/assets/img/connectors.svg#pinterest) no-repeat
}

.connection-icon.pipedrive {
  background: url(https://skyvia.com/assets/img/connectors.svg#pipedrive) no-repeat
}

.connection-icon.pipeline_crm {
  background: url(https://skyvia.com/assets/img/connectors.svg#pipeline_crm) no-repeat
}

.connection-icon.pipeliner {
  background: url(https://skyvia.com/assets/img/connectors.svg#pipeliner) no-repeat
}

.connection-icon.podio {
  background: url(https://skyvia.com/assets/img/connectors.svg#podio) no-repeat
}

.connection-icon.popsql {
  background: url(https://skyvia.com/assets/img/connectors.svg#popsql) no-repeat
}

.connection-icon.postgresql {
  background: url(https://skyvia.com/assets/img/connectors.svg#postgresql) no-repeat
}

.connection-icon.powerbi {
  background: url(https://skyvia.com/assets/img/connectors.svg#powerbi) no-repeat
}

.connection-icon.prodpad {
  background: url(https://skyvia.com/assets/img/connectors.svg#prodpad) no-repeat
}

.connection-icon.productive {
  background: url(https://skyvia.com/assets/img/connectors.svg#productive) no-repeat
}

.connection-icon.pyramid {
  background: url(https://skyvia.com/assets/img/connectors.svg#pyramid) no-repeat
}

.connection-icon.python {
  background: url(https://skyvia.com/assets/img/connectors.svg#python) no-repeat
}

.connection-icon.qliksense {
  background: url(https://skyvia.com/assets/img/connectors.svg#qliksense) no-repeat
}

.connection-icon.qualtrics {
  background: url(https://skyvia.com/assets/img/connectors.svg#qualtrics) no-repeat
}

.connection-icon.qubole {
  background: url(https://skyvia.com/assets/img/connectors.svg#qubole) no-repeat
}

.connection-icon.quickbooks {
  background: url(https://skyvia.com/assets/img/connectors.svg#quickbooks) no-repeat
}

.connection-icon.quickbooks-time {
  background: url(https://skyvia.com/assets/img/connectors.svg#quickbooks-time) no-repeat
}

.connection-icon.quickbooksdesktop {
  background: url(https://skyvia.com/assets/img/connectors.svg#quickbooksdesktop) no-repeat
}

.connection-icon.quicksight {
  background: url(https://skyvia.com/assets/img/connectors.svg#quicksight) no-repeat
}

.connection-icon.r {
  background: url(https://skyvia.com/assets/img/connectors.svg#r) no-repeat
}

.connection-icon.rapidminer {
  background: url(https://skyvia.com/assets/img/connectors.svg#rapidminer) no-repeat
}

.connection-icon.razorsql {
  background: url(https://skyvia.com/assets/img/connectors.svg#razorsql) no-repeat
}

.connection-icon.recharge {
  background: url(https://skyvia.com/assets/img/connectors.svg#recharge) no-repeat
}

.connection-icon.recurly {
  background: url(https://skyvia.com/assets/img/connectors.svg#recurly) no-repeat
}

.connection-icon.redash {
  background: url(https://skyvia.com/assets/img/connectors.svg#redash) no-repeat
}

.connection-icon.redshift {
  background: url(https://skyvia.com/assets/img/connectors.svg#redshift) no-repeat
}

.connection-icon.repairshopr {
  background: url(https://skyvia.com/assets/img/connectors.svg#repairshopr) no-repeat
}

.connection-icon.reply {
  background: url(https://skyvia.com/assets/img/connectors.svg#reply) no-repeat
}

.connection-icon.rest {
  background: url(https://skyvia.com/assets/img/connectors.svg#rest) no-repeat
}

.connection-icon.reveal {
  background: url(https://skyvia.com/assets/img/connectors.svg#reveal) no-repeat
}

.connection-icon.rockdaisy {
  background: url(https://skyvia.com/assets/img/connectors.svg#rockdaisy) no-repeat
}

.connection-icon.rocketchat {
  background: url(https://skyvia.com/assets/img/connectors.svg#rocketchat) no-repeat
}

.connection-icon.sagemaker {
  background: url(https://skyvia.com/assets/img/connectors.svg#sagemaker) no-repeat
}

.connection-icon.salesforce {
  background: url(https://skyvia.com/assets/img/connectors.svg#salesforce) no-repeat
}

.connection-icon.sap-lumira-discovery {
  background: url(https://skyvia.com/assets/img/connectors.svg#sap-lumira-discovery) no-repeat
}

.connection-icon.seekwell {
  background: url(https://skyvia.com/assets/img/connectors.svg#seekwell) no-repeat
}

.connection-icon.segment {
  background: url(https://skyvia.com/assets/img/connectors.svg#segment) no-repeat
}

.connection-icon.sendcloud {
  background: url(https://skyvia.com/assets/img/connectors.svg#sendcloud) no-repeat
}

.connection-icon.sendgrid {
  background: url(https://skyvia.com/assets/img/connectors.svg#sendgrid) no-repeat
}

.connection-icon.sendpulse {
  background: url(https://skyvia.com/assets/img/connectors.svg#sendpulse) no-repeat
}

.connection-icon.servicenow {
  background: url(https://skyvia.com/assets/img/connectors.svg#servicenow) no-repeat
}

.connection-icon.sftp {
  background: url(https://skyvia.com/assets/img/connectors.svg#sftp) no-repeat
}

.connection-icon.shiny {
  background: url(https://skyvia.com/assets/img/connectors.svg#shiny) no-repeat
}

.connection-icon.shiphero {
  background: url(https://skyvia.com/assets/img/connectors.svg#shiphero) no-repeat
}

.connection-icon.shippo {
  background: url(https://skyvia.com/assets/img/connectors.svg#shippo) no-repeat
}

.connection-icon.shipstation {
  background: url(https://skyvia.com/assets/img/connectors.svg#shipstation) no-repeat
}

.connection-icon.shopify {
  background: url(https://skyvia.com/assets/img/connectors.svg#shopify) no-repeat
}

.connection-icon.sigma {
  background: url(https://skyvia.com/assets/img/connectors.svg#sigma) no-repeat
}

.connection-icon.sisense {
  background: url(https://skyvia.com/assets/img/connectors.svg#sisense) no-repeat
}

.connection-icon.skyvia {
  background: url(https://skyvia.com/assets/img/connectors.svg#skyvia) no-repeat
}

.connection-icon.skyvia--white {
  background: url(https://skyvia.com/assets/img/connectors.svg#skyvia--white) no-repeat
}

.connection-icon.slack {
  background: url(https://skyvia.com/assets/img/connectors.svg#slack) no-repeat
}

.connection-icon.slemma {
  background: url(https://skyvia.com/assets/img/connectors.svg#slemma) no-repeat
}

.connection-icon.smartsheet {
  background: url(https://skyvia.com/assets/img/connectors.svg#smartsheet) no-repeat
}

.connection-icon.snowflake {
  background: url(https://skyvia.com/assets/img/connectors.svg#snowflake) no-repeat
}

.connection-icon.sql-api {
  background: url(https://skyvia.com/assets/img/connectors.svg#sql-api) no-repeat
}

.connection-icon.sql-azure {
  background: url(https://skyvia.com/assets/img/connectors.svg#sql-azure) no-repeat
}

.connection-icon.sql-data-warehouse {
  background: url(https://skyvia.com/assets/img/connectors.svg#sql-data-warehouse) no-repeat
}

.connection-icon.sql-server {
  background: url(https://skyvia.com/assets/img/connectors.svg#sql-server) no-repeat
}

.connection-icon.square {
  background: url(https://skyvia.com/assets/img/connectors.svg#square) no-repeat
}

.connection-icon.starshipit {
  background: url(https://skyvia.com/assets/img/connectors.svg#starshipit) no-repeat
}

.connection-icon.statsbot {
  background: url(https://skyvia.com/assets/img/connectors.svg#statsbot) no-repeat
}

.connection-icon.streak {
  background: url(https://skyvia.com/assets/img/connectors.svg#streak) no-repeat
}

.connection-icon.stripe {
  background: url(https://skyvia.com/assets/img/connectors.svg#stripe) no-repeat
}

.connection-icon.sugarcrm {
  background: url(https://skyvia.com/assets/img/connectors.svg#sugarcrm) no-repeat
}

.connection-icon.superset {
  background: url(https://skyvia.com/assets/img/connectors.svg#superset) no-repeat
}

.connection-icon.surveymonkey {
  background: url(https://skyvia.com/assets/img/connectors.svg#surveymonkey) no-repeat
}

.connection-icon.survicate {
  background: url(https://skyvia.com/assets/img/connectors.svg#survicate) no-repeat
}

.connection-icon.tableau {
  background: url(https://skyvia.com/assets/img/connectors.svg#tableau) no-repeat
}

.connection-icon.teamwork {
  background: url(https://skyvia.com/assets/img/connectors.svg#teamwork) no-repeat
}

.connection-icon.teamwork-crm {
  background: url(https://skyvia.com/assets/img/connectors.svg#teamwork-crm) no-repeat
}

.connection-icon.teamwork-desk {
  background: url(https://skyvia.com/assets/img/connectors.svg#teamwork-desk) no-repeat
}

.connection-icon.thinkific {
  background: url(https://skyvia.com/assets/img/connectors.svg#thinkific) no-repeat
}

.connection-icon.thoughtspot {
  background: url(https://skyvia.com/assets/img/connectors.svg#thoughtspot) no-repeat
}

.connection-icon.tibcospotfire {
  background: url(https://skyvia.com/assets/img/connectors.svg#tibcospotfire) no-repeat
}

.connection-icon.tiktok {
  background: url(https://skyvia.com/assets/img/connectors.svg#tiktok) no-repeat
}

.connection-icon.timely {
  background: url(https://skyvia.com/assets/img/connectors.svg#timely) no-repeat
}

.connection-icon.tmetric {
  background: url(https://skyvia.com/assets/img/connectors.svg#tmetric) no-repeat
}

.connection-icon.todoist {
  background: url(https://skyvia.com/assets/img/connectors.svg#todoist) no-repeat
}

.connection-icon.trello {
  background: url(https://skyvia.com/assets/img/connectors.svg#trello) no-repeat
}

.connection-icon.trevor-io {
  background: url(https://skyvia.com/assets/img/connectors.svg#trevor-io) no-repeat
}

.connection-icon.tsheets {
  background: url(https://skyvia.com/assets/img/connectors.svg#tsheets) no-repeat
}

.connection-icon.twilio {
  background: url(https://skyvia.com/assets/img/connectors.svg#twilio) no-repeat
}

.connection-icon.twitter-ads {
  background: url(https://skyvia.com/assets/img/connectors.svg#twitter-ads) no-repeat
}

.connection-icon.typeform {
  background: url(https://skyvia.com/assets/img/connectors.svg#typeform) no-repeat
}

.connection-icon.ubiq {
  background: url(https://skyvia.com/assets/img/connectors.svg#ubiq) no-repeat
}

.connection-icon.unbounce {
  background: url(https://skyvia.com/assets/img/connectors.svg#unbounce) no-repeat
}

.connection-icon.upload {
  background: url(https://skyvia.com/assets/img/connectors.svg#upload) no-repeat
}

.connection-icon.uservoice {
  background: url(https://skyvia.com/assets/img/connectors.svg#uservoice) no-repeat
}

.connection-icon.webfocus {
  background: url(https://skyvia.com/assets/img/connectors.svg#webfocus) no-repeat
}

.connection-icon.woocommerce {
  background: url(https://skyvia.com/assets/img/connectors.svg#woocommerce) no-repeat
}

.connection-icon.wordpress {
  background: url(https://skyvia.com/assets/img/connectors.svg#wordpress) no-repeat
}

.connection-icon.wrike {
  background: url(https://skyvia.com/assets/img/connectors.svg#wrike) no-repeat
}

.connection-icon.xero {
  background: url(https://skyvia.com/assets/img/connectors.svg#xero) no-repeat
}

.connection-icon.yammer {
  background: url(https://skyvia.com/assets/img/connectors.svg#yammer) no-repeat
}

.connection-icon.yellowfin {
  background: url(https://skyvia.com/assets/img/connectors.svg#yellowfin) no-repeat
}

.connection-icon.yotpo {
  background: url(https://skyvia.com/assets/img/connectors.svg#yotpo) no-repeat
}

.connection-icon.zammad {
  background: url(https://skyvia.com/assets/img/connectors.svg#zammad) no-repeat
}

.connection-icon.zendesk {
  background: url(https://skyvia.com/assets/img/connectors.svg#zendesk) no-repeat
}

.connection-icon.zendesk-sell {
  background: url(https://skyvia.com/assets/img/connectors.svg#zendesk-sell) no-repeat
}

.connection-icon.zeppelin {
  background: url(https://skyvia.com/assets/img/connectors.svg#zeppelin) no-repeat
}

.connection-icon.zoho-analytics {
  background: url(https://skyvia.com/assets/img/connectors.svg#zoho-analytics) no-repeat
}

.connection-icon.zoho-billing {
  background: url(https://skyvia.com/assets/img/connectors.svg#zoho-billing) no-repeat
}

.connection-icon.zoho-books {
  background: url(https://skyvia.com/assets/img/connectors.svg#zoho-books) no-repeat
}

.connection-icon.zoho-crm {
  background: url(https://skyvia.com/assets/img/connectors.svg#zoho-crm) no-repeat
}

.connection-icon.zoho-desk {
  background: url(https://skyvia.com/assets/img/connectors.svg#zoho-desk) no-repeat
}

.connection-icon.zoho-inventory {
  background: url(https://skyvia.com/assets/img/connectors.svg#zoho-inventory) no-repeat
}

.connection-icon.zoho-invoice {
  background: url(https://skyvia.com/assets/img/connectors.svg#zoho-invoice) no-repeat
}

.connection-icon.zoho-people {
  background: url(https://skyvia.com/assets/img/connectors.svg#zoho-people) no-repeat
}

.connection-icon.zoho-projects {
  background: url(https://skyvia.com/assets/img/connectors.svg#zoho-projects) no-repeat
}

.connection-icon.zoho-sprints {
  background: url(https://skyvia.com/assets/img/connectors.svg#zoho-sprints) no-repeat
}

.connection-icon.zoomdata {
  background: url(https://skyvia.com/assets/img/connectors.svg#zoomdata) no-repeat
}

.connection-icon.zulip {
  background: url(https://skyvia.com/assets/img/connectors.svg#zulip) no-repeat
}

.connection-icon.zuora {
  background: url(https://skyvia.com/assets/img/connectors.svg#zuora) no-repeat
}

.connection-icon.zoho {
  background: url(https://skyvia.com/assets/img/connectors.svg#zoho-crm) no-repeat
}

.connection-icon.sugar {
  background: url(https://skyvia.com/assets/img/connectors.svg#sugarcrm) no-repeat
}

.connection-icon.dynamics {
  background: url(https://skyvia.com/assets/img/connectors.svg#dynamics-crm) no-repeat
}

::-webkit-input-placeholder {
  color: #666
}

::-moz-placeholder {
  color: #666
}

:-ms-input-placeholder {
  color: #666
}

::-ms-input-placeholder {
  color: #666
}

::placeholder {
  color: #666
}

::-moz-selection {
  background-color: #277dff;
  color: #fff
}

::selection {
  background-color: #277dff;
  color: #fff
}

html {
  font-size: 18px
}

@media (max-width:1279.98px) {
  html {
    font-size: 16px
  }
}

@media (max-width:424.98px) {
  html {
    font-size: 14px
  }
}

body {
  font-size: 1rem;
  min-width: 320px;
  position: relative;
  line-height: 1.5555555556;
  /* font-family: Nunito, sans-serif; */
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100vh;
  color: #485a76;
  -webkit-font-smoothing: antialiased
}

body input,
body textarea {
  border: #666 1px solid;
  outline: 0
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
  border-color: red
}

body input:required:valid,
body textarea:required:valid {
  border-color: green
}

body .page-container {
  overflow-x: hidden
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}

.img-responsive.img-width {
  width: 100%
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.text-center {
  text-align: center
}

b,
strong {
  font-weight: 800
}

section {
  margin-bottom: 11.1111111111rem
}

@media (max-width:1279.98px) {
  section {
    margin-bottom: 5.5555555556rem
  }
}

h1 {
  /* font-family: Nunito, sans-serif; */
  font-weight: 600;
  font-size: 3.5555555556rem;
  line-height: 1.1875;
  color: #29374d;
  word-break: break-word
}

@media (max-width:575.98px) {
  h1 {
    font-size: 2.6666666667rem;
    line-height: 1.1666666667
  }
}

h2 {
  /* font-family: Nunito, sans-serif; */
  font-weight: 600;
  font-size: 2.4444444444rem;
  line-height: 1.2727272727;
  color: #29374d
}

h3,
h4 {
  font-size: 1rem;
  color: #29374d;
  letter-spacing: .0666666667rem;
  line-height: 1.5555555556;
  /* text-transform: uppercase; */
  font-weight: 800
}

p {
  color: #485a76;
  margin-bottom: 1.5555555556rem
}

p.description {
  font-size: 1.7777777778rem;
  color: #485a76;
  line-height: 1.25;
  font-weight: 300
}

.g100-wrapper {
  background-color: #f0f5fc
}

.btn {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  letter-spacing: .7px;
  padding: .6111111111rem 1.7777777778rem;
  font-size: .7777777778rem;
  line-height: 1.5714285714;
  border-radius: 100px;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  position: relative
}

.btn:focus,
.btn:hover {
  text-decoration: none
}

.btn.focus,
.btn:focus {
  outline: 0
}

.btn--icon-left {
  padding-left: 62px
}

.btn--icon-left .icon {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
  position: absolute;
  left: 30px;
  top: 50%;
  margin-top: -.6666666667rem
}

.btn--icon-right {
  padding-right: 62px
}

.btn--icon-right .icon {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -.6666666667rem
}

.btn-success {
  background-color: #00c20b;
  color: #fff;
  font-weight: 800;
  border: 1px solid #00c20b
}

.btn-success:hover {
  background-color: #00d10c;
  color: #fff;
  font-weight: 800;
  border: 1px solid #00c20b
}

.btn-primary {
  background-color: #277dff;
  color: #fff;
  font-weight: 800;
  border: 1px solid #277dff
}

.btn-outline-primary {
  background-color: transparent;
  color: #277dff;
  font-weight: 400;
  border: 1px solid #277dff
}

.btn-outline-primary:hover {
  background-color: rgba(39, 125, 255, .1)
}

.btn-outline-invert {
  background-color: transparent;
  color: #bad2f5;
  font-weight: 400;
  border: 1px solid #bad2f5
}

.btn-outline-invert:hover {
  background-color: rgba(186, 210, 245, .1);
  color: #bad2f5
}

.flexslider>img {
  position: absolute
}

.query-window {
  position: relative;
  border-radius: 6px;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3)
}

.query-window .query-header {
  height: 27px;
  width: 100%;
  background-color: #dce5f2;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px
}

.query-window .query-header .circle {
  height: 8.82px;
  width: 8.82px;
  border-radius: 50px;
  background-color: #afc4e3;
  margin-right: 4px
}

.query-window .query-content img {
  max-width: 100%;
  max-height: 100%
}

.learn,
.read-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.learn:after,
.read-more:after {
  content: url(https://skyvia.com/assets/img/arrow_right.svg);
  height: 24px;
  -webkit-transition: margin-left .1s ease-out;
  transition: margin-left .1s ease-out
}

.learn:hover:after,
.read-more:hover:after {
  margin-left: 4px
}

.read-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.read-left:before {
  content: url(https://skyvia.com/assets/img/arrow_left.svg);
  height: 24px;
  -webkit-transition: margin-left .1s ease-out;
  transition: margin-left .1s ease-out
}

article {
  margin-bottom: 3.1111111111rem
}

.expand-list {
  width: 100%;
  background-color: #f0f5fc;
  margin-top: 62px;
  position: relative;
  margin-bottom: 168px;
  padding: 1px 0
}

.expand-list header {
  position: absolute;
  top: -24px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.expand-list header .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 48px;
  padding: 0 60px;
  border-radius: 24px;
  background-color: #fff;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto
}

@media (max-width:767.98px) {
  .expand-list header .title {
    padding: 0 15px
  }

  .expand-list header .nav {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}

@media (max-width:575.98px) {
  .expand-list header .title {
    height: auto
  }

  .expand-list header .nav {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .expand-list header li a {
    padding: 6px 6px 14px
  }
}

.expand-list .body .supported-connectors__item {
  text-align: center;
  min-width: 120px;
  margin: 0 8px 48px 8px;
  max-height: 104px
}

.expand-list .body .supported-connectors__icon {
  width: 64px;
  height: 64px
}

.expand-list .body .connectors-list {
  height: 240px;
  list-style: none;
  margin: 0;
  padding: 76px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-transition: all .5s;
  transition: all .5s
}

.expand-list .body .connectors-list.expand {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto
}

.expand-list footer {
  width: 100%;
  position: absolute;
  bottom: -24px
}

.expand-list footer .but-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.expand-list footer .but-contain a {
  background-color: #f0f5fc;
  border-radius: 24px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 190px
}

.expand-list footer .but-contain a span {
  color: #277dff;
  margin: 0 30px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .7px;
  font-size: 14px;
  text-align: center;
  line-height: 22px;
  width: 100%
}

.expand-list footer .but-contain a input {
  border: none;
  margin: 0 30px
}

.expand-list footer .but-contain a.active {
  background-color: #fff;
  width: 256px
}

.expand-list footer .but-contain a.active span {
  color: #277dff
}

.expand-list footer .but-contain a.active ::-webkit-input-placeholder {
  color: #7a96c3;
  /* font-family: "Trebuchet MS", Helvetica, sans-serif; */
  font-style: italic;
  font-size: 16px;
  line-height: 24px
}

.expand-list footer .but-contain a.active ::-moz-placeholder {
  color: #7a96c3;
  /* font-family: "Trebuchet MS", Helvetica, sans-serif; */
  font-style: italic;
  line-height: 24px
}

.expand-list footer .but-contain a.active :-ms-input-placeholder {
  color: #7a96c3;
  /* font-family: "Trebuchet MS", Helvetica, sans-serif; */
  font-style: italic;
  line-height: 24px
}

.expand-list footer .but-contain a.active :-moz-placeholder {
  color: #7a96c3;
  /* font-family: "Trebuchet MS", Helvetica, sans-serif; */
  font-style: italic;
  line-height: 24px
}

@media (max-width:575.98px) {
  .expand-list footer .but-contain a {
    background-color: #fff
  }

  .expand-list footer .but-contain a.active {
    display: none
  }

  .expand-list footer .but-contain a span {
    color: #277dff
  }
}

.dot {
  padding: 0
}

.dot li {
  list-style: none;
  margin-bottom: 14px;
  position: relative;
  padding-left: 24px
}

.dot li::before {
  content: "•";
  color: #277dff;
  height: 8px;
  width: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  position: absolute
}

.check {
  padding: 0
}

.check li {
  list-style: none;
  margin-bottom: 24px;
  position: relative;
  padding-left: 48px
}

.check li::before {
  content: url(https://skyvia.com/assets/img/icon-check-2.svg);
  width: 28px;
  height: 28px;
  left: 10px;
  position: absolute
}

a {
  outline: 0
}

.blog {
  margin-top: 6rem
}

.blog .blog-item {
  margin-bottom: 6rem
}

.blog .blog-item:last-child {
  margin-bottom: 0
}

.blog .blog-item .img-responsive {
  max-width: 1106px
}

.blog .blog-item .content .img-responsive {
  max-width: 100%
}

.blog .blog-item img {
  width: 100%
}

@media (max-width:767.98px) {
  .blog .blog-item img {
    margin-bottom: 1.3333333333rem
  }
}

.blog .blog-item time {
  color: #667892;
  font-size: .8888888889rem;
  line-height: 24/16
}

.blog .blog-item h3 {
  color: #29374d;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 1.2px;
  line-height: 28/18;
  text-transform: uppercase
}

.blog-item .author-section {
  margin-top: 30px
}

.blog-item .author-section .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.blog-item .author-section .author .author-image {
  border-radius: 50%;
  margin-right: 13px;
  width: 74px
}

.blog-item .author-section .author .author-name {
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #374a66
}

.blog-item .author-section .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.blog-item .author-section .social span {
  color: #afc4e3;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .8px;
  line-height: 16px;
  text-transform: uppercase;
  margin-right: 16px
}

.blog-item .author-section .social .social-icon {
  margin-left: 0;
  margin-right: 16px
}

.blog-item .social-xl {
  position: absolute;
  right: -66px;
  top: 141px
}

@media (max-width:1279.98px) {
  .blog-item .social {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .blog-item .social .social-icon {
    margin: 0 8px
  }

  .blog-item .social span {
    margin-bottom: 0
  }

  .blog-item .img-responsive {
    margin-bottom: 16px
  }
}

.blog-item .content {
  padding-top: 30px
}

.blog-item .content h2 {
  margin-top: 6.6666666667rem
}

.blog-item .content h3 {
  /* font-family: Nunito, sans-serif; */
  font-weight: 600;
  font-size: 1.7777777778rem;
  line-height: 1.2727272727;
  color: #29374d;
  margin-top: 3.3333333333rem;
  text-transform: none
}

.blog-item .content .alpha-list {
  list-style: lower-alpha
}

.blog-item .content .embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0
}

.blog-item .content .embed-responsive::before {
  display: block;
  content: ""
}

.blog-item .content .embed-responsive .embed-responsive-item,
.blog-item .content .embed-responsive embed,
.blog-item .content .embed-responsive iframe,
.blog-item .content .embed-responsive object,
.blog-item .content .embed-responsive video {
  width: 100%;
  height: 100%;
  border: 0
}

.blog-item .content img,
.blog-item .content video {
  -webkit-box-shadow: 0 13px 27px -5px rgba(50, 66, 92, .25), 0 8px 16px -8px rgba(0, 0, 0, .3);
  box-shadow: 0 13px 27px -5px rgba(50, 66, 92, .25), 0 8px 16px -8px rgba(0, 0, 0, .3);
  border-radius: 4px
}

.blog-item .content .img-wo-shadow {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0
}

.blog-item nav {
  padding-top: 100px
}

.blog-item .nav-item {
  height: 138px;
  -webkit-box-shadow: 0 0 2px 0 rgba(15, 54, 113, .2), 0 6px 4px -4px rgba(15, 54, 113, .3);
  box-shadow: 0 0 2px 0 rgba(15, 54, 113, .2), 0 6px 4px -4px rgba(15, 54, 113, .3);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.blog-item .nav-item.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.blog-item .nav-item .type {
  height: 20px;
  width: 115px;
  border-radius: 0 4px 0 4px;
  background-color: #dce5f2;
  -webkit-box-shadow: 0 10px 20px 0 rgba(50, 45, 79, .1);
  box-shadow: 0 10px 20px 0 rgba(50, 45, 79, .1);
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase
}

.blog-item .nav-item .type.right {
  right: 30px
}

.blog-item .nav-item .type.left {
  left: 30px
}

.blog-item .nav-item .type span {
  color: #485a76;
  font-size: .6666666667rem;
  font-weight: 900;
  letter-spacing: .8px;
  line-height: 16/12
}

.blog-item .nav-item .title {
  max-width: 390px;
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: #444;
  font-size: 1rem;
  text-decoration: none
}

.blog-item .nav-item figure {
  width: 138px;
  background-position: center;
  background-size: cover;
  margin: 0
}

@media (max-width:991.98px) {
  .blog-item .nav-item {
    margin-bottom: 40px
  }

  .blog-item .nav-item figure {
    width: 50%
  }
}

.blog-item .comments h2 {
  margin-top: 6.6666666667rem
}

.blog-item .odata-table .syntaxhighlighter {
  /* font-family: Menlo, Monaco, Consolas, Lucida Console, monospace */
}

.blog-item .odata-table .syntaxhighlighter code {
  /* font-family: Menlo, Monaco, Consolas, Lucida Console, monospace; */
  font-size: 14px;
  line-height: 20px
}

.blog-item .odata-table .syntaxhighlighter .code .container {
  padding: 0
}

.blog-item .odata-table .syntaxhighlighter .keyword {
  color: #00a6ad
}

.blog-item .odata-table .syntaxhighlighter .color2 {
  color: #dd6900
}

.blog-item .odata-table .syntaxhighlighter .plain {
  color: #546267
}

.blog-item .odata-table th {
  color: #667892;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  border-bottom: 1px solid #afc4e3;
  height: 56px
}

.blog-item .odata-table th.feature {
  width: 24%
}

.blog-item .odata-table th.sql {
  width: 42%
}

.blog-item .odata-table td {
  padding: 14px 0
}

.blog-item .odata-table td.feature {
  color: #485a76;
  font-size: 14px;
  line-height: 20px
}

.blog-item .odata-table td.sql {
  padding-right: 28px
}

.blog-item .odata-table td.sql>div {
  background: #f0f5fc
}

.blog-item .odata-table td span {
  color: #277dff
}

.blog-item .odata-table td i {
  font-size: 14px;
  line-height: 20px;
  /* font-family: Menlo, Monaco, Consolas, Lucida Console, monospace; */
  font-style: normal
}

.blog-item .codeblock .syntaxhighlighter {
  font-size: 14px;
  border-radius: 8px;
  background-color: #f0f5fc;
  padding: 24px;
  margin-bottom: 1.5555555556rem
}

.blog-item .expression-table {
  width: 100%
}

.blog-item .expression-table th {
  width: 50%;
  color: #667892;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  border-bottom: 1px solid #afc4e3;
  height: 56px
}

.blog-item .expression-table td {
  color: #485a76;
  /* font-family: Menlo, Monaco, Consolas, Lucida Console, monospace; */
  font-size: 14px;
  line-height: 20px;
  padding: 11px 0
}

.blog-item .expression-table td.odata-syntax {
  color: #277dff
}

.blog-item .regular-table {
  width: 100%
}

.blog-item .regular-table th {
  width: auto;
  color: #667892;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  border-bottom: 1px solid #afc4e3;
  height: 56px
}

.blog-item .regular-table th:first-child {
  padding-left: 0
}

.blog-item .regular-table th:last-child {
  padding-right: 0
}

.blog-item .regular-table td {
  color: #485a76;
  /* font-family: Menlo, Monaco, Consolas, Lucida Console, monospace; */
  font-size: 14px;
  line-height: 20px;
  padding: 11px .5em;
  vertical-align: top
}

.blog-item .regular-table td:first-child {
  padding-left: 0
}

.blog-item .regular-table td:last-child {
  padding-right: 0
}

.social {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.social .social-icon {
  display: block;
  height: 34px;
  width: 34px;
  position: relative;
  background-repeat: no-repeat;
  margin-left: 20px
}

.social li:first-child .social-icon {
  margin-left: inherit
}

.social .twitter {
  background-image: url(https://skyvia.com/assets/img/social/twitter.svg)
}

.social .twitter.hover,
.social .twitter:hover {
  background-image: url(https://skyvia.com/assets/img/social/twitter--hover.svg)
}

.social .facebook {
  background-image: url(https://skyvia.com/assets/img/social/facebook.svg)
}

.social .facebook.hover,
.social .facebook:hover {
  background-image: url(https://skyvia.com/assets/img/social/facebook--hover.svg)
}

.social .youtube {
  background-image: url(https://skyvia.com/assets/img/social/youtube.svg)
}

.social .youtube.hover,
.social .youtube:hover {
  background-image: url(https://skyvia.com/assets/img/social/youtube--hover.svg)
}

.social .linkedin {
  background-image: url(https://skyvia.com/assets/img/social/linkedin.svg)
}

.social .linkedin.hover,
.social .linkedin:hover {
  background-image: url(https://skyvia.com/assets/img/social/linkedin--hover.svg)
}

@media (max-width:424.98px) {
  .col12-mobfix {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

iframe {
  height: 768px;
  width: 100%
}

@media (max-width:991.98px) {
  iframe {
    height: 590px
  }
}

@media (max-width:767.98px) {
  iframe {
    height: 488px
  }
}

iframe.webinar-modal {
  height: 556px
}

.custom-select-wrapper {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.custom-select {
  background-color: #f0f5fc;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 70px;
  padding: 0 30px;
  border-radius: 4px;
  border: none;
  outline: 0;
  cursor: pointer
}

.custom-select .custom-select__trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.custom-select .custom-select__trigger a {
  text-transform: capitalize
}

.custom-select .custom-select__trigger .icon-dropdown-down {
  fill: #277dff;
  width: 24px;
  height: 24px;
  margin-right: -6px
}

.custom-select.open .custom-select__trigger .icon-dropdown-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  border-top: 0;
  background-color: #f0f5fc;
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 2;
  list-style: none;
  padding: 0
}

.custom-select.open .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all
}

.custom-option {
  font-size: .8888888889rem;
  line-height: 20/16;
  background-color: #f0f5fc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 2rem;
  height: 2.4444444444rem
}

.custom-option a {
  color: #485a76
}

.custom-option.active a {
  color: #277dff
}

@media (min-width:992px) {
  .baseline {
    margin-top: 1.275rem
  }
}

.badge {
  text-transform: uppercase;
  padding: 6px 16px;
  border-radius: 2px;
  font-style: normal;
  font-weight: 900;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .8px;
  text-transform: uppercase;
  background: #c5d4ea;
  color: #374a66
}

.badge.warning {
  background: #ffde00
}

.breadcrumbs {
  font-size: 14px;
  margin-top: 6.6666666667rem
}

.breadcrumbs .breadcrumb {
  padding: 4rem 0 0;
  list-style: none;
  color: #667892
}

.breadcrumbs .breadcrumb li {
  display: inline-block
}

.breadcrumbs .breadcrumb li a {
  color: #667892
}

.breadcrumbs .breadcrumb>li+li:before {
  content: "/ ";
  padding: 0 5px;
  color: #667892
}

.breadcrumbs--dark {
  position: absolute;
  top: 6.6666666667rem;
  right: 0;
  left: 0;
  z-index: 1;
  margin: 0
}

.breadcrumbs--dark .breadcrumb {
  color: #bad2f5
}

.breadcrumbs--dark .breadcrumb li a {
  color: #bad2f5
}

.breadcrumbs--dark .breadcrumb>li+li:before {
  color: #bad2f5
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: hidden
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  margin: 0 auto
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #384a66;
  opacity: .5
}

.modal-dialog {
  position: relative;
  margin: 150px auto
}

.modal-dialog.modal-dialog-m {
  max-width: 500px
}

.modal-dialog.margin-0 {
  margin: 0 auto
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5
}

button.close {
  cursor: pointer;
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  border-radius: .3rem;
  outline: 0
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block
}

.nav-link:focus,
.nav-link:hover {
  text-decoration: none
}

.nav-link.disabled {
  color: #bad2f5
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important
}

.select2-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle
}

.select2-container--open .select2-dropdown {
  left: 0
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select2-container--open .select2-selection__arrow b {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.select2-container .select2-selection {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none
}

.select2-container .select2-selection__arrow {
  position: absolute;
  top: 0;
  right: 0;
  height: 32px;
  width: 24px
}

.select2-container .select2-selection__arrow b {
  background-image: url(https://skyvia.com/assets/img/icon-arrow.svg);
  position: absolute;
  left: 0;
  top: 4px;
  width: 24px;
  height: 24px
}

.select2-container .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 4px 20px 4px 8px
}

.select2-search--dropdown {
  display: block;
  padding: 10px 20px
}

.select2-search--hide {
  display: none
}

.select2-search__field {
  border: 1px solid #dce5f2;
  width: 100%
}

.select2-dropdown {
  -webkit-box-shadow: 0 4px 16px -4px rgba(3, 16, 37, .197662), 0 16px 32px rgba(15, 54, 113, .1);
  box-shadow: 0 4px 16px -4px rgba(3, 16, 37, .197662), 0 16px 32px rgba(15, 54, 113, .1);
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051
}

.select2-results {
  display: block
}

.select2-results__options {
  max-height: 320px;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0
}

.select2-results__option {
  padding: 10px 20px;
  border-left: 2px solid transparent;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px
}

.select2-results__option--selectable {
  cursor: pointer
}

.select2-results__option--selected {
  color: #277dff
}

.select2-results__option--highlighted {
  border-left: 2px solid #277dff
}

.accordion .accordion-item {
  border-bottom: 1px solid #dce5f2
}

.accordion .accordion-item .accordion-header .accordion-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  background: 0 0;
  padding: 24px 0;
  width: 100%;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 28px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: start
}

.accordion .accordion-item .accordion-header .accordion-button:focus {
  outline: 0
}

.accordion .accordion-item .accordion-header .accordion-button::after {
  content: "";
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  display: block;
  margin-left: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M19.9483 26.9988C19.5385 26.9892 19.1469 26.8279 18.8493 26.546L8.50539 16.6117C8.18973 16.3061 8.00808 15.8877 8.00026 15.4482C7.99245 15.0088 8.1591 14.5842 8.4637 14.2675C8.7683 13.9508 9.18599 13.7678 9.62522 13.7586C10.0644 13.7495 10.4894 13.915 10.8069 14.2188L20 23.0535L29.1931 14.2188C29.5106 13.915 29.9356 13.7495 30.3748 13.7586C30.814 13.7678 31.2317 13.9508 31.5363 14.2675C31.8409 14.5842 32.0076 15.0088 31.9997 15.4482C31.9919 15.8877 31.8103 16.3061 31.4946 16.6117L21.1507 26.546C20.9906 26.6979 20.8017 26.8161 20.5952 26.8939C20.3887 26.9716 20.1688 27.0073 19.9483 26.9988Z' fill='%237A91B6'/%3E%3C/svg%3E");
  width: 40px;
  height: 40px
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.accordion .accordion-item .accordion-body {
  color: #485a76;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding: 0 0 24px
}

body:not(.mobile-menu-opened) .header .logo-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding-bottom: 6px;
  margin-left: -2px
}

body:not(.mobile-menu-opened) .header .logo-header .icon-logo {
  color: #277dff;
  width: 133px;
  height: 32px;
  -webkit-transition: color .1s ease-out;
  transition: color .1s ease-out
}

body:not(.mobile-menu-opened) .header .logo-header:hover .icon-logo {
  color: #0e6eff
}

body:not(.mobile-menu-opened) .header .nav-wrapper {
  position: relative;
  z-index: 1030;
  background-color: #fff;
  margin-bottom: -120px
}

body:not(.mobile-menu-opened) .header .header-hidden {
  visibility: hidden;
  opacity: 0
}

body:not(.mobile-menu-opened) .header .nav-row {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 120px
}

body:not(.mobile-menu-opened) .header .nav {
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: height .5s ease-in-out;
  transition: height .5s ease-in-out
}

body:not(.mobile-menu-opened) .header .main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  margin: 0
}

@media (max-width:1279.98px) {
  body:not(.mobile-menu-opened) .header .main-menu {
    margin: 0 -15px
  }
}

@media (max-width:991.98px) {
  body:not(.mobile-menu-opened) .header .main-menu {
    display: none
  }
}

body:not(.mobile-menu-opened) .header .main-menu li.dropdown {
  position: relative
}

body:not(.mobile-menu-opened) .header .main-menu__link {
  color: #5e6c80;
  font-size: .7777777778rem;
  letter-spacing: .7px;
  text-transform: uppercase;
  line-height: 1.5714285714;
  padding: 9px 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  height: 100%
}

@media (max-width:991.98px) {
  body:not(.mobile-menu-opened) .header .main-menu__link {
    padding: 9px 10px
  }
}

@media (max-width:1279.98px) {
  body:not(.mobile-menu-opened) .header .main-menu__link {
    padding: 9px 8px
  }
}

body:not(.mobile-menu-opened) .header .main-menu__link .icon-dropdown-down {
  fill: #a7bddb;
  width: 12px;
  height: 8px;
  margin-left: 4px;
  margin-right: -6px
}

@media (max-width:1279.98px) {
  body:not(.mobile-menu-opened) .header .main-menu__link .icon-dropdown-down {
    margin-left: 2px
  }
}

body:not(.mobile-menu-opened) .header .main-menu__link:hover {
  color: #277dff;
  text-decoration: none
}

body:not(.mobile-menu-opened) .header .main-menu__link:hover .icon-dropdown-down {
  fill: #277dff
}

body:not(.mobile-menu-opened) .header .signup-wrapper {
  margin-left: auto;
  padding: 0
}

@media (max-width:499.98px) {
  body:not(.mobile-menu-opened) .header .signup-wrapper {
    display: none
  }
}

@media (min-width:992px) and (max-width:1279.98px) {
  body:not(.mobile-menu-opened) .header .signup-wrapper .btn {
    padding: .3888888889rem .6666666667rem
  }
}

@media (min-width:500px) and (max-width:575.98px) {
  body:not(.mobile-menu-opened) .header .signup-wrapper .btn {
    padding: .3888888889rem .6666666667rem
  }
}

body:not(.mobile-menu-opened) .header__signin {
  margin-left: 18px;
  padding: 8px 32px
}

@media (max-width:1439.98px) {
  body:not(.mobile-menu-opened) .header__signin {
    display: none
  }
}

body:not(.mobile-menu-opened) .header__call {
  text-transform: none;
  padding: 8px 20px;
  letter-spacing: 0
}

body:not(.mobile-menu-opened) .header .dropdown-menu {
  visibility: hidden;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  background: #fff;
  border-radius: 4px;
  border: none;
  position: absolute;
  padding: 28px 56px;
  list-style: none;
  top: 92px;
  opacity: 0;
  -webkit-transition: visibility 0s linear, opacity .2s ease-out, top .2s ease-out;
  transition: visibility 0s linear, opacity .2s ease-out, top .2s ease-out
}

body:not(.mobile-menu-opened) .header .dropdown-menu:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-bottom-color: #fff;
  position: absolute;
  top: -7px;
  left: calc(50% - 6px)
}

body:not(.mobile-menu-opened) .header .dropdown-menu li {
  font-size: 16px;
  line-height: 24px
}

body:not(.mobile-menu-opened) .header .dropdown-menu li a {
  color: #485a76;
  display: block;
  padding: 12px 0;
  white-space: nowrap
}

body:not(.mobile-menu-opened) .header .dropdown-menu li a:hover {
  color: #277dff
}

body:not(.mobile-menu-opened) .header .dropdown:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
  top: 100px;
}

body:not(.mobile-menu-opened) .header .products {
  padding: 77px 175px 32px 175px;
  color: #29374d;
  left: -248px;
  width: 1370px;
  z-index: 1040
}

@media (max-width:1439.98px) {
  body:not(.mobile-menu-opened) .header .products {
    width: 1210px;
    left: -170px;
    padding: 77px 184px 32px 184px
  }
}

@media (max-width:1279.98px) {
  body:not(.mobile-menu-opened) .header .products {
    width: 900px;
    left: -150px;
    padding: 58px 84px 26px 84px
  }
}

body:not(.mobile-menu-opened) .header .products:before {
  left: 296px
}

@media (max-width:1439.98px) {
  body:not(.mobile-menu-opened) .header .products:before {
    left: 220px
  }
}

@media (max-width:1279.98px) {
  body:not(.mobile-menu-opened) .header .products:before {
    left: 190px
  }
}

body:not(.mobile-menu-opened) .header .products h2 {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 6px;
  color: #29374d
}

body:not(.mobile-menu-opened) .header .products .learn {
  font-size: .8888888889rem;
  line-height: 1.3333333333rem;
  color: #277dff;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

body:not(.mobile-menu-opened) .header .products p {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px
}

body:not(.mobile-menu-opened) .header .products a {
  color: #29374d;
  display: block
}

body:not(.mobile-menu-opened) .header .products a h4 {
  margin-bottom: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px
}

body:not(.mobile-menu-opened) .header .products a h4:after {
  content: url(https://skyvia.com/assets/img/arrow_right.svg);
  height: 24px;
  -webkit-transition: margin-left .1s ease-out;
  transition: margin-left .1s ease-out
}

body:not(.mobile-menu-opened) .header .products a:hover h4:after {
  margin-left: 4px
}

body:not(.mobile-menu-opened) .header .products .link {
  color: #277dff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px
}

body:not(.mobile-menu-opened) .header .products .link:after {
  content: url(https://skyvia.com/assets/img/arrow_right.svg);
  height: 24px
}

body:not(.mobile-menu-opened) .header .products .desc {
  margin-bottom: 56px
}

body:not(.mobile-menu-opened) .header .solutions {
  padding: 58px 58px 58px 114px;
  left: -370px;
  width: 1370px;
  z-index: 1040
}

@media (max-width:1439.98px) {
  body:not(.mobile-menu-opened) .header .solutions {
    width: 1210px;
    left: -292px;
    padding: 36px 58px 36px 114px
  }
}

@media (max-width:1279.98px) {
  body:not(.mobile-menu-opened) .header .solutions {
    width: 900px;
    left: -246px;
    padding: 42px 84px 42px 84px
  }
}

body:not(.mobile-menu-opened) .header .solutions:before {
  left: 424px
}

@media (max-width:1439.98px) {
  body:not(.mobile-menu-opened) .header .solutions:before {
    left: 344px
  }
}

@media (max-width:1279.98px) {
  body:not(.mobile-menu-opened) .header .solutions:before {
    left: 286px
  }
}

body:not(.mobile-menu-opened) .header .solutions .learn {
  font-size: .8888888889rem;
  line-height: 1.3333333333rem;
  color: #277dff;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

body:not(.mobile-menu-opened) .header .solutions h2 {
  font-size: 2rem;
  line-height: 3.1111111111rem;
  font-weight: 600;
  margin-bottom: .6666666667rem;
  color: #29374d
}

body:not(.mobile-menu-opened) .header .solutions h4 {
  font-size: .8888888889rem;
  line-height: 1.3333333333rem;
  margin-bottom: 1.1111111111rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #29374d;
  margin-top: 1.2222222222rem
}

body:not(.mobile-menu-opened) .header .solutions p {
  font-size: .8888888889rem;
  line-height: 1.3333333333rem;
  color: #485a76;
  margin-bottom: .8888888889rem
}

body:not(.mobile-menu-opened) .header .solutions a {
  font-size: .8888888889rem;
  line-height: 1.3333333333rem;
  margin-bottom: 1.2222222222rem;
  color: #485a76;
  display: block
}

body:not(.mobile-menu-opened) .header .solutions a:hover {
  color: #277dff
}

body:not(.mobile-menu-opened) .header .resources {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 220px
}

body:not(.mobile-menu-opened) .header .company {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 178px
}

body:not(.mobile-menu-opened) .header--dark:not(.nav-sticky) .logo-header .icon-logo {
  color: #fff;
  width: 133px;
  height: 32px
}

body:not(.mobile-menu-opened) .header--dark:not(.nav-sticky) .logo-header:hover .icon-logo {
  color: #e2edff
}

body:not(.mobile-menu-opened) .header--dark:not(.nav-sticky) .main-menu__link {
  color: #383b3d;
  opacity: .75;
  display: flex;
  gap: 5px;
  align-items: center;
}

body:not(.mobile-menu-opened) .header--dark:not(.nav-sticky) .main-menu__link:hover {
  color:#262626;
  opacity: 1
}

body:not(.mobile-menu-opened) .header--dark:not(.nav-sticky) .main-menu__link:hover .icon-dropdown-down {
  fill: #fff
}

body:not(.mobile-menu-opened) .header--dark:not(.nav-sticky) .btn-outline-primary {
  background-color: transparent;
  color: #606162;
  font-weight: 400;
  border: 1px solid #bad2f5
}

body:not(.mobile-menu-opened) .header--dark:not(.nav-sticky) .btn-outline-primary:hover {
  color: #606162;
  background-color: rgba(186, 210, 245, .1);
  border: 1px solid #606162
}

body:not(.mobile-menu-opened) .header--dark:not(.nav-sticky) .btn-default {
  margin-right: 8px;
  color: #383b3d;
  background-color: transparent;
  font-size: 16px
}

body:not(.mobile-menu-opened) .header--dark:not(.nav-sticky) .btn-default:hover {
  color:#262626;
}

body:not(.mobile-menu-opened) .header--dark:not(.nav-sticky) .nav-wrapper {
  background-color: transparent
}

.hamburger {
  padding: 6px 7px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible
}

.hamburger:hover {
  opacity: 1
}

.hamburger.is-active:hover {
  opacity: 1
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::after,
.hamburger.is-active .hamburger-inner::before {
  background-color: #277dff
}

.hamburger-box {
  width: 20px;
  height: 16px;
  display: inline-block;
  position: relative
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
  width: 20px;
  height: 2px;
  background-color: #277dff;
  border-radius: 0;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}

.hamburger-inner::after,
.hamburger-inner::before {
  content: "";
  display: block
}

.hamburger-inner::before {
  top: -7px
}

.hamburger-inner::after {
  bottom: -7px
}

.hamburger--3dx .hamburger-box {
  -webkit-perspective: 40px;
  perspective: 40px
}

.hamburger--3dx .hamburger-inner {
  -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx .hamburger-inner::after,
.hamburger--3dx .hamburger-inner::before {
  -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
  transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 40px;
  perspective: 40px
}

.hamburger--3dx-r .hamburger-inner {
  -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r .hamburger-inner::after,
.hamburger--3dx-r .hamburger-inner::before {
  -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
  transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
  -webkit-perspective: 40px;
  perspective: 40px
}

.hamburger--3dy .hamburger-inner {
  -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy .hamburger-inner::after,
.hamburger--3dy .hamburger-inner::before {
  -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
  transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 40px;
  perspective: 40px
}

.hamburger--3dy-r .hamburger-inner {
  -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r .hamburger-inner::after,
.hamburger--3dy-r .hamburger-inner::before {
  -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
  transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
  -webkit-perspective: 40px;
  perspective: 40px
}

.hamburger--3dxy .hamburger-inner {
  -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy .hamburger-inner::after,
.hamburger--3dxy .hamburger-inner::before {
  -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(180deg) rotateY(180deg);
  transform: rotateX(180deg) rotateY(180deg)
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
  transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
  -webkit-perspective: 40px;
  perspective: 40px
}

.hamburger--3dxy-r .hamburger-inner {
  -webkit-transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy-r .hamburger-inner::after,
.hamburger--3dxy-r .hamburger-inner::before {
  -webkit-transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
  transform: translate3d(0, -7px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(-4px, 0, 0) rotate(-45deg) scale(.7, 1);
  transform: translate3d(-4px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrow.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(-4px, 0, 0) rotate(45deg) scale(.7, 1);
  transform: translate3d(-4px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(4px, 0, 0) rotate(45deg) scale(.7, 1);
  transform: translate3d(4px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(4px, 0, 0) rotate(-45deg) scale(.7, 1);
  transform: translate3d(4px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowalt .hamburger-inner::before {
  -webkit-transition: top .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner::after {
  -webkit-transition: bottom .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(-4px, -5px, 0) rotate(-45deg) scale(.7, 1);
  transform: translate3d(-4px, -5px, 0) rotate(-45deg) scale(.7, 1);
  -webkit-transition: top .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: top .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(-4px, 5px, 0) rotate(45deg) scale(.7, 1);
  transform: translate3d(-4px, 5px, 0) rotate(45deg) scale(.7, 1);
  -webkit-transition: bottom .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: bottom .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r .hamburger-inner::before {
  -webkit-transition: top .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner::after {
  -webkit-transition: bottom .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(4px, -5px, 0) rotate(45deg) scale(.7, 1);
  transform: translate3d(4px, -5px, 0) rotate(45deg) scale(.7, 1);
  -webkit-transition: top .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: top .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(4px, 5px, 0) rotate(-45deg) scale(.7, 1);
  transform: translate3d(4px, 5px, 0) rotate(-45deg) scale(.7, 1);
  -webkit-transition: bottom .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: bottom .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowturn.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1);
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1);
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1);
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1);
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::after,
.hamburger--boring .hamburger-inner::before {
  -webkit-transition-property: none;
  transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: .13s;
  transition-duration: .13s;
  -webkit-transition-delay: .13s;
  transition-delay: .13s;
  -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse .hamburger-inner::after {
  top: -14px;
  -webkit-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse .hamburger-inner::before {
  -webkit-transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
  transform: translate3d(0, -7px, 0) rotate(-45deg);
  -webkit-transition-delay: .22s;
  transition-delay: .22s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: .13s;
  transition-duration: .13s;
  -webkit-transition-delay: .13s;
  transition-delay: .13s;
  -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -14px;
  -webkit-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner::before {
  -webkit-transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -7px, 0) rotate(45deg);
  transform: translate3d(0, -7px, 0) rotate(45deg);
  -webkit-transition-delay: .22s;
  transition-delay: .22s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--elastic .hamburger-inner {
  top: 1px;
  -webkit-transition-duration: 275ms;
  transition-duration: 275ms;
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner::before {
  top: 7px;
  -webkit-transition: opacity 125ms 275ms ease;
  transition: opacity 125ms 275ms ease
}

.hamburger--elastic .hamburger-inner::after {
  top: 14px;
  -webkit-transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
  transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
  transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
  transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 7px, 0) rotate(135deg);
  transform: translate3d(0, 7px, 0) rotate(135deg);
  -webkit-transition-delay: 75ms;
  transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner::before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -14px, 0) rotate(-270deg);
  transform: translate3d(0, -14px, 0) rotate(-270deg);
  -webkit-transition-delay: 75ms;
  transition-delay: 75ms
}

.hamburger--elastic-r .hamburger-inner {
  top: 1px;
  -webkit-transition-duration: 275ms;
  transition-duration: 275ms;
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 7px;
  -webkit-transition: opacity 125ms 275ms ease;
  transition: opacity 125ms 275ms ease
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 14px;
  -webkit-transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
  transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
  transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
  transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 7px, 0) rotate(-135deg);
  transform: translate3d(0, 7px, 0) rotate(-135deg);
  -webkit-transition-delay: 75ms;
  transition-delay: 75ms
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -14px, 0) rotate(270deg);
  transform: translate3d(0, -14px, 0) rotate(270deg);
  -webkit-transition-delay: 75ms;
  transition-delay: 75ms
}

.hamburger--emphatic {
  overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
  -webkit-transition: background-color 125ms 175ms ease-in;
  transition: background-color 125ms 175ms ease-in
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  -webkit-transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
  transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in;
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic .hamburger-inner::after {
  top: 7px;
  right: 0;
  -webkit-transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
  transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in;
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background-color: transparent !important
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -40px;
  top: -40px;
  -webkit-transform: translate3d(40px, 40px, 0) rotate(45deg);
  transform: translate3d(40px, 40px, 0) rotate(45deg);
  -webkit-transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -40px;
  top: -40px;
  -webkit-transform: translate3d(-40px, 40px, 0) rotate(-45deg);
  transform: translate3d(-40px, 40px, 0) rotate(-45deg);
  -webkit-transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r {
  overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
  -webkit-transition: background-color 125ms 175ms ease-in;
  transition: background-color 125ms 175ms ease-in
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  -webkit-transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
  transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in;
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 7px;
  right: 0;
  -webkit-transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
  transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in;
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background-color: transparent !important
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -40px;
  top: 40px;
  -webkit-transform: translate3d(40px, -40px, 0) rotate(-45deg);
  transform: translate3d(40px, -40px, 0) rotate(-45deg);
  -webkit-transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -40px;
  top: 40px;
  -webkit-transform: translate3d(-40px, -40px, 0) rotate(45deg);
  transform: translate3d(-40px, -40px, 0) rotate(45deg);
  -webkit-transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--minus .hamburger-inner::after,
.hamburger--minus .hamburger-inner::before {
  -webkit-transition: bottom 80ms 0s ease-out, top 80ms 0s ease-out, opacity 0s linear;
  transition: bottom 80ms 0s ease-out, top 80ms 0s ease-out, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner::after,
.hamburger--minus.is-active .hamburger-inner::before {
  opacity: 0;
  -webkit-transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s 80ms linear;
  transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s 80ms linear
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0
}

.hamburger--slider .hamburger-inner {
  top: 1px
}

.hamburger--slider .hamburger-inner::before {
  top: 7px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .15s;
  transition-duration: .15s
}

.hamburger--slider .hamburger-inner::after {
  top: 14px
}

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-2.8571428571px, -5px, 0);
  transform: rotate(-45deg) translate3d(-2.8571428571px, -5px, 0);
  opacity: 0
}

.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -14px, 0) rotate(-90deg);
  transform: translate3d(0, -14px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
  top: 1px
}

.hamburger--slider-r .hamburger-inner::before {
  top: 7px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .15s;
  transition-duration: .15s
}

.hamburger--slider-r .hamburger-inner::after {
  top: 14px
}

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 7px, 0) rotate(-45deg);
  transform: translate3d(0, 7px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  -webkit-transform: rotate(45deg) translate3d(2.8571428571px, -5px, 0);
  transform: rotate(45deg) translate3d(2.8571428571px, -5px, 0);
  opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -14px, 0) rotate(90deg);
  transform: translate3d(0, -14px, 0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: .22s;
  transition-duration: .22s;
  -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner::before {
  -webkit-transition: top .1s .25s ease-in, opacity .1s ease-in;
  transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner::after {
  -webkit-transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition-delay: .12s;
  transition-delay: .12s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top .1s ease-out, opacity .1s .12s ease-out;
  transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
  transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r .hamburger-inner {
  -webkit-transition-duration: .22s;
  transition-duration: .22s;
  -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r .hamburger-inner::before {
  -webkit-transition: top .1s .25s ease-in, opacity .1s ease-in;
  transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner::after {
  -webkit-transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
  -webkit-transition-delay: .12s;
  transition-delay: .12s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top .1s ease-out, opacity .1s .12s ease-out;
  transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
  transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring .hamburger-inner {
  top: 1px;
  -webkit-transition: background-color 0s .13s linear;
  transition: background-color 0s .13s linear
}

.hamburger--spring .hamburger-inner::before {
  top: 7px;
  -webkit-transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner::after {
  top: 14px;
  -webkit-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
  -webkit-transition-delay: .22s;
  transition-delay: .22s;
  background-color: transparent !important
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
  transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  -webkit-transform: translate3d(0, 7px, 0) rotate(-45deg);
  transform: translate3d(0, 7px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: .13s;
  transition-duration: .13s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r .hamburger-inner::after {
  top: -14px;
  -webkit-transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear
}

.hamburger--spring-r .hamburger-inner::before {
  -webkit-transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
  transform: translate3d(0, -7px, 0) rotate(-45deg);
  -webkit-transition-delay: .22s;
  transition-delay: .22s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand .hamburger-inner {
  -webkit-transition: background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19);
  transition: background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19);
  transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear;
  transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner::before {
  -webkit-transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner::after {
  -webkit-transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: transparent !important;
  -webkit-transition: background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1);
  transition: background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1);
  transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
  transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: top 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: top 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: bottom 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: bottom 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r .hamburger-inner {
  -webkit-transition: background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19);
  transition: background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19);
  transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear;
  transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r .hamburger-inner::before {
  -webkit-transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r .hamburger-inner::after {
  -webkit-transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: transparent !important;
  -webkit-transition: background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1);
  transition: background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1);
  transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
  transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: top 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: top 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: bottom 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: bottom 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
  -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner::before {
  -webkit-transition: top 75ms .12s ease, opacity 75ms ease;
  transition: top 75ms .12s ease, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner::after {
  -webkit-transition: bottom 75ms .12s ease, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms .12s ease, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: .12s;
  transition-delay: .12s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 75ms ease, opacity 75ms .12s ease;
  transition: top 75ms ease, opacity 75ms .12s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: bottom 75ms ease, -webkit-transform 75ms .12s cubic-bezier(.215, .61, .355, 1);
  transition: bottom 75ms ease, -webkit-transform 75ms .12s cubic-bezier(.215, .61, .355, 1);
  transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1);
  transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--vortex .hamburger-inner {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex .hamburger-inner::after,
.hamburger--vortex .hamburger-inner::before {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner::before {
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
  -ms-transform: rotate(765deg);
  transform: rotate(765deg);
  -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex.is-active .hamburger-inner::after,
.hamburger--vortex.is-active .hamburger-inner::before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r .hamburger-inner::after,
.hamburger--vortex-r .hamburger-inner::before {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner::before {
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
  -ms-transform: rotate(-765deg);
  transform: rotate(-765deg);
  -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner::after,
.hamburger--vortex-r.is-active .hamburger-inner::before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.hamburger-wrapper {
  height: 36px;
  width: 81px;
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 15px
}

@media (max-width:499.98px) {
  .hamburger-wrapper {
    margin-left: auto
  }
}

@media (min-width:992px) {
  .hamburger-wrapper {
    display: none
  }
}

.hamburger {
  height: 36px;
  width: 36px;
  background-color: rgba(255, 255, 255, .9);
  border-radius: 100px;
  position: fixed;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.hamburger:focus {
  outline: 0
}

@media (min-width:992px) {
  .hamburger {
    display: none
  }
}

body.mobile-menu-opened {
  overflow: hidden
}

body.mobile-menu-opened .nav-wrapper {
  background: #fff;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 2000;
  left: 0;
  right: 0;
  bottom: 0;
  top: -70px;
  padding-bottom: 70px;
  -webkit-transform: translateY(70px);
  -ms-transform: translateY(70px);
  transform: translateY(70px)
}

body.mobile-menu-opened .logo-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding-bottom: 6px;
  margin-left: -2px;
  overflow: hidden
}

@media (max-width:424.98px) {
  body.mobile-menu-opened .logo-header {
    width: 41px
  }
}

body.mobile-menu-opened .logo-header .icon-logo {
  color: #277dff;
  width: 133px;
  height: 32px;
  -webkit-transition: color .1s ease-out;
  transition: color .1s ease-out;
  min-width: 133px
}

body.mobile-menu-opened .logo-header:hover .icon-logo {
  color: #0e6eff
}

body.mobile-menu-opened .logo-wrapper {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 15px
}

body.mobile-menu-opened .navbar-nav {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  height: calc(100% - 120px);
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  display: block;
  width: 100%;
  padding: 0 30px
}

body.mobile-menu-opened .navbar-nav:after {
  content: " ";
  display: block;
  width: 100%;
  height: 70px;
  position: relative
}

body.mobile-menu-opened .hamburger-wrapper {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 15px
}

body.mobile-menu-opened .signup-wrapper {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto
}

@media (max-width:499.98px) {
  body.mobile-menu-opened .signup-wrapper {
    padding: 0;
    margin: 0 auto
  }

  body.mobile-menu-opened .signup-wrapper .btn {
    padding: .3888888889rem .6666666667rem
  }
}

@media (min-width:500px) and (max-width:575.98px) {
  body.mobile-menu-opened .signup-wrapper .btn {
    padding: .3888888889rem .6666666667rem
  }
}

body.mobile-menu-opened .header__signin {
  display: none
}

body.mobile-menu-opened .nav-row {
  height: 100vh
}

body.mobile-menu-opened .main-menu__link {
  color: #29374d;
  font-size: 1.5rem;
  letter-spacing: .7px;
  line-height: 1.5714285714;
  padding: 9px 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  height: 100%;
  display: block;
  height: 100%;
  font-weight: 600;
  font-size: 24px
}

body.mobile-menu-opened .main-menu__link:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 2px;
  width: calc(100% - 30px);
  height: 1px;
  background-color: #277dff;
  opacity: 0;
  -webkit-transition: opacity .2s ease-in-out, bottom .2s ease-in-out;
  transition: opacity .2s ease-in-out, bottom .2s ease-in-out
}

body.mobile-menu-opened .main-menu__link .icon-dropdown-down {
  fill: #277dff;
  width: 12px;
  height: 8px;
  margin-left: 4px;
  margin-right: -6px;
  margin-bottom: 2px;
  -webkit-transition: rotate .2s ease-in-out;
  transition: rotate .2s ease-in-out
}

body.mobile-menu-opened .main-menu__link.active {
  color: #277dff
}

body.mobile-menu-opened .main-menu__link.active:after {
  opacity: 1;
  bottom: 0
}

body.mobile-menu-opened .main-menu__link.active .icon-dropdown-down {
  margin-bottom: 4px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

body.mobile-menu-opened .dropdown-menu {
  background: #fff;
  list-style: none;
  display: none;
  padding: 1rem 0
}

body.mobile-menu-opened .dropdown-menu li {
  font-size: 1rem;
  line-height: 24px
}

body.mobile-menu-opened .dropdown-menu li a {
  color: #485a76;
  display: block;
  padding: 8px 15px
}

body.mobile-menu-opened .dropdown-menu li a:hover {
  color: #277dff
}

body.mobile-menu-opened .products {
  color: #29374d;
  z-index: 1040
}

body.mobile-menu-opened .products h2 {
  margin-bottom: 10px;
  color: #29374d;
  padding-left: 15px;
  padding-left: 15px;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: .7px;
  line-height: 1.5714285714;
  color: #29374d;
  text-transform: none;
  letter-spacing: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

body.mobile-menu-opened .products h2:after {
  content: url(https://skyvia.com/assets/img/arrow_right.svg);
  height: 30px;
  -webkit-transition: margin-left .1s ease-out;
  transition: margin-left .1s ease-out
}

body.mobile-menu-opened .products h2:hover::after {
  margin-left: 4px
}

body.mobile-menu-opened .products p {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
  padding-left: 15px;
  padding-left: 15px
}

body.mobile-menu-opened .products a {
  color: #29374d;
  display: block
}

body.mobile-menu-opened .products a h4 {
  margin-bottom: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  padding-left: 15px;
  padding-left: 15px;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5714285714rem;
  color: #29374d;
  text-transform: none;
  letter-spacing: normal
}

body.mobile-menu-opened .products a h4:after {
  content: url(https://skyvia.com/assets/img/arrow_right.svg);
  height: 24px;
  -webkit-transition: margin-left .1s ease-out;
  transition: margin-left .1s ease-out
}

body.mobile-menu-opened .products a:hover h4:after {
  margin-left: 4px
}

body.mobile-menu-opened .products a .desc {
  margin-bottom: 24px;
  padding-left: 15px;
  padding-left: 15px
}

body.mobile-menu-opened .products .link {
  color: #277dff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px
}

body.mobile-menu-opened .products .link:after {
  content: url(https://skyvia.com/assets/img/arrow_right.svg);
  height: 24px
}

body.mobile-menu-opened .solutions {
  z-index: 1040
}

body.mobile-menu-opened .solutions h4 {
  padding-bottom: .5rem;
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5714285714rem;
  color: #384a66;
  text-transform: uppercase;
  letter-spacing: 1.8px
}

body.mobile-menu-opened .solutions a {
  color: #29374d;
  display: block;
  font-size: 1rem;
  line-height: 1.7142857143rem;
  padding: 9px 0;
  padding-left: 15px
}

@media (min-width:992px) {
  body:not(.mobile-menu-opened) .header.nav-up {
    position: fixed !important;
    top: -120px;
    width: 100%
  }

  body:not(.mobile-menu-opened) .header.nav-sticky {
    border-bottom: 1px solid #c5d4ea
  }

  body:not(.mobile-menu-opened) .header.nav-sticky .nav-wrapper {
    margin-bottom: 0
  }

  body:not(.mobile-menu-opened) .header.nav-sticky .nav-row {
    height: 60px
  }

  body:not(.mobile-menu-opened) .header.nav-sticky .nav {
    height: 60px
  }

  body:not(.mobile-menu-opened) .header.nav-sticky .dropdown .dropdown-menu {
    top: 52px
  }

  body:not(.mobile-menu-opened) .header.nav-sticky .dropdown:hover .dropdown-menu {
    top: 60px
  }

  body:not(.mobile-menu-opened) .header.nav-down {
    position: sticky !important;
    top: 0
  }

  body:not(.mobile-menu-opened) .header.nav-sticky {
    z-index: 2000;
    -webkit-transition: top .5s ease-in-out;
    transition: top .5s ease-in-out
  }
}

.home-promo {
  background: radial-gradient(farthest-corner circle at top, #2f65ac 0, #152a4d 100%);
  margin-bottom: 0;
  position: relative;
  height: 800px
}

@media (max-width:991.98px) {
  .home-promo {
    height: auto
  }
}

.home-promo__img svg {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 184px
}

.home-promo__text {
  margin-bottom: 120px
}

.home-promo h1 {
  color: #fff;
  margin-top: 14rem;
  margin-bottom: 2.2222222222rem;
  font-weight: 400
}

.home-promo p.description {
  color: #fff;
  font-size: 1.7777777778rem;
  line-height: 1.25;
  font-weight: 200;
  margin-bottom: 2.2222222222rem
}

.benefits {
  padding-top: 6.6666666667rem;
  background: linear-gradient(#f0f5fc calc(100% - 52px), rgba(255, 255, 255, 0) calc(100% - 51px))
}

.benefits__item {
  padding-bottom: 4.4444444444rem
}

@media (max-width:575.98px) {
  .benefits__item {
    padding-left: 32px
  }
}

.benefits__item h4 {
  position: relative
}

.benefits__item h4:before {
  display: block;
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #277dff;
  top: .6111111111rem;
  left: -1.2777777778rem
}

@media (max-width:1279.98px) {
  .benefits__item h4:before {
    left: -1rem
  }
}

.partner-logos {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  list-style-type: none;
  -webkit-padding-start: 0;
  padding-inline-start: 0
}

.partner-logos__item {
  margin: 16px 0 0 0;
  margin: 16px 0 0 0;
  min-width: 116px;
  min-height: 72px
}

.partner-testimonial {
  background: #fff;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(56, 74, 102, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(56, 74, 102, .3);
  padding: 42px 60px 42px 117px;
  margin-bottom: 0
}

@media (max-width:424.98px) {
  .partner-testimonial {
    padding: 42px 60px
  }
}

.partner-testimonial__face {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  position: absolute;
  left: -84px;
  top: -9px
}

@media (max-width:424.98px) {
  .partner-testimonial__face {
    position: relative;
    left: -8px;
    display: block;
    top: 0;
    margin-bottom: 8px;
    margin-top: -8px
  }
}

.partner-testimonial__quote {
  font-size: .8888888889rem;
  color: #667892;
  line-height: 1.5;
  margin-bottom: 1rem;
  position: relative
}

.partner-testimonial__person {
  font-size: .8888888889rem;
  color: #29374d;
  letter-spacing: .0555555556rem;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: 800;
  font-style: normal;
  margin-bottom: 0;
  margin-right: 106px
}

@media (max-width:424.98px) {
  .partner-testimonial__person {
    margin-right: 0
  }
}

.partner-testimonial__position {
  font-size: .8888888889rem;
  color: #667892;
  line-height: 1.5;
  font-style: normal;
  margin-bottom: 0;
  margin-right: 106px
}

@media (max-width:424.98px) {
  .partner-testimonial__position {
    margin-right: 0
  }
}

.partner-testimonial__logo {
  position: absolute;
  right: 0;
  bottom: 0
}

@media (max-width:424.98px) {
  .partner-testimonial__logo {
    position: relative
  }
}

.partner-testimonial__cite {
  display: block;
  position: relative
}

.solutions__icon {
  margin: -5px 0 14px -5px
}

@media (max-width:1279.98px) {
  .solutions__icon {
    margin: -13px 0 14px -5px
  }
}

@media (max-width:991.98px) {
  .solutions__icon {
    margin: 0 0 14px -5px
  }
}

.solutions__button {
  padding-top: 58px
}

@media (max-width:424.98px) {
  .solutions__article {
    margin-bottom: 24px
  }
}

.sources {
  margin-bottom: 8.4444444444rem
}

.sources .g100-wrapper {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 72px, #f0f5fc 72px, #f0f5fc calc(100% - 108px), rgba(255, 255, 255, 0) calc(100% - 108px))
}

@media (max-width:1279.98px) {
  .sources .g100-wrapper {
    background: #f0f5fc
  }
}

.sources__text-wrapper {
  padding-top: 144px;
  padding-bottom: 56px
}

@media (max-width:1279.98px) {
  .sources__text-wrapper {
    padding-top: 4.5714285714rem
  }
}

.sources__text-wrapper h2 {
  margin-bottom: 1.3333333333rem
}

.sources__text-block {
  margin-bottom: 3.1111111111rem
}

.sources-wrapper {
  background: #fff;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  border-radius: 6px;
  margin-bottom: 48px;
  height: calc(100% - 48px);
  -webkit-transition: -webkit-box-shadow .1s ease-in;
  transition: -webkit-box-shadow .1s ease-in;
  transition: box-shadow .1s ease-in;
  transition: box-shadow .1s ease-in, -webkit-box-shadow .1s ease-in
}

.sources-wrapper:hover {
  -webkit-box-shadow: 0 9.6px 19.2px -19.2px #384a66, 0 9.6px 19.2px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 9.6px 19.2px -19.2px #384a66, 0 9.6px 19.2px 0 rgba(15, 54, 113, .3)
}

.sources__title {
  position: absolute;
  display: inline-block;
  background: #384a66;
  padding: .2222222222rem .8888888889rem;
  font-size: .6666666667rem;
  color: #fff;
  line-height: 16/12;
  letter-spacing: .0444444444rem;
  border-radius: 6px 0
}

.sources__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1.3333333333rem 1.7777777778rem 2.2222222222rem 1.7777777778rem
}

.sources__item {
  width: 88px;
  display: inline-block;
  text-align: center;
  margin: .8888888889rem .7222222222rem 0 .7222222222rem
}

@media (max-width:424.98px) {
  .sources__item {
    margin: .6666666667rem .4444444444rem 0 .4444444444rem
  }
}

.sources__link {
  display: block
}

.sources__link span {
  font-size: .7777777778rem;
  color: #485a76;
  text-align: center;
  line-height: 20/14;
  display: block
}

.sources__icon {
  width: 64px;
  height: 64px;
  display: inline-block;
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out
}

.sources__icon:hover {
  width: 72px;
  height: 72px;
  margin: -4px
}

.sources-more {
  width: 83px;
  height: 83px;
  color: #7296d1;
  border: 1px dashed #bad2f5;
  border-radius: 6px;
  display: block;
  padding: 20px 8px 8px 8px;
  -webkit-transition: color, border .2s ease-in-out;
  transition: color, border .2s ease-in-out
}

.sources-more__amount {
  display: block;
  font-size: 1.1111111111rem;
  text-align: center;
  line-height: 1;
  margin-left: -.2222222222rem
}

.sources-more__text {
  font-size: 11px;
  text-align: center;
  line-height: 1.1818181818;
  display: block
}

.sources-more:hover {
  border: 1px solid #277dff
}

.testimonials .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: .4444444444rem;
  margin-bottom: 4.4444444444rem
}

@media (max-width:424.98px) {
  .testimonials .nav {
    margin-bottom: 1.3333333333rem
  }
}

.testimonials .nav-item {
  margin: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 130px;
  flex-basis: 130px;
  max-width: 256px
}

@media (max-width:499.98px) {
  .testimonials .nav-item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin: 0 6px
  }
}

.testimonials .nav-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 56px;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #c5d4ea;
  border-radius: 4px;
  background-color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 12px
}

@media (max-width:424.98px) {
  .testimonials .nav-link img {
    height: 26%
  }
}

.testimonials .nav-link.active {
  border: 1px solid #277dff;
  -webkit-box-shadow: 0 6px 12px -2px rgba(128, 176, 255, .5), 0 3px 7px -3px rgba(128, 176, 255, .5);
  box-shadow: 0 6px 12px -2px rgba(128, 176, 255, .5), 0 3px 7px -3px rgba(128, 176, 255, .5)
}

.testimonials .nav-link:focus,
.testimonials .nav-link:hover {
  text-decoration: none
}

.testimonials .tab-content>.tab-pane {
  display: none
}

.testimonials .tab-content>.active {
  display: block
}

.testimonials__quote {
  font-size: 1.7777777778rem;
  color: #485a76;
  text-align: center;
  line-height: 1.25;
  font-weight: 200;
  margin-bottom: 1.5rem
}

.testimonials__person {
  font-size: 1rem;
  color: #29374d;
  letter-spacing: .0666666667rem;
  line-height: 1.5555555556;
  text-transform: uppercase;
  font-weight: 800;
  text-align: center;
  font-style: normal;
  margin-bottom: 0
}

.testimonials__position {
  text-align: center;
  font-style: normal;
  margin-bottom: 56px
}

.testimonials .btn-primary {
  text-transform: none;
  font-size: 18px;
  font-weight: 400
}

.testimonials .btn-primary:hover {
  color: #fff
}

.cta-home {
  margin-bottom: 0;
  background-image: radial-gradient(farthest-corner circle at top, #2f65ac 0, #152a4d 100%)
}

.cta-home__img {
  background: url(https://skyvia.com/assets/img/cta-home.svg) center center no-repeat
}

.cta-home__text {
  padding-top: 80px;
  padding-bottom: 96px
}

.cta-home__text h3 {
  font-weight: 600;
  font-size: 2.4444444444rem;
  color: #fff;
  line-height: 1.2727272727;
  margin-bottom: 24px;
  text-transform: none;
  letter-spacing: normal
}

.cta-home__text p {
  font-weight: 200;
  font-size: 1.3333333333rem;
  color: #bad2f5;
  line-height: 1.3333333333;
  margin-bottom: 0
}

.cta-home__text .accent {
  border-bottom: 1px solid #fe9102
}

.cta-home__text .btn-success {
  margin-right: .8888888889rem
}

.black-friday {
  display: block;
  width: 100%;
  height: 48px;
  background: -webkit-gradient(linear, left top, right top, from(#323039), to(#0d0c0f));
  background: linear-gradient(90deg, #323039 0, #0d0c0f 100%);
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1031;
  overflow: hidden
}

.black-friday.hidden--true {
  display: none
}

.black-friday .title {
  color: #fff;
  /* font-family: "Style Script"; */
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px
}

.black-friday .row {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTY0IiBoZWlnaHQ9IjEwMiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZyBjbGlwLXBhdGg9InVybCgjYikiIG9wYWNpdHk9Ii4zNCI+PHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBmaWxsPSJ1cmwoI2MpIiByeD0iMjAiIHRyYW5zZm9ybT0ibWF0cml4KC44NjYwMyAuNSAwIDEgMjUgNCkiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNDguMDU3IDM2LjIxNWMuMTc3LjA3OC4zNDguMTc1LjUwNC4yOS4wOS0uMTg3LjEwNi0uNTkuMDI1LTEuMDg3LS4xMjEtLjczOC0uMjg1LTEuMjM3LS42MjMtMS4zNy0uMzM5LS4xMzItLjM1MS4zNDUtLjIzIDEuMDgzLjA2OC40MTYuMTkuODA3LjMyNCAxLjA4NFpNNDUuMTUzIDM1LjA2N2MuMDkzLjEwMi4zNTkuNDUuNDUuMzkyLjAzNi0uMDIzLjAyNS0uMTE0LS4wMzItLjI1Ni0uNDY4LTEuMTUtMS42Mi0xLjgzOS0yLjI4NS0xLjY3LS4xNjIuMDQzLS4zMTYuMTQ0LS4yOTQuMjcyLjAwNy4wNDEuMDMxLjA4My4wODguMTI1LjEzNC4wOTUuNjY1LjEyNyAxLjIwMy4zOTkuMzUuMTk0LjY0Mi40OTEuODcuNzM4Wk00NC4wNjYgMzUuMDVjLjExMS0uMDQ4LjI4NS0uMDY4LjYuMDU3LjQzNC4xOS43NTMuNjA4LjgyNy43OS4wMzEuMDc3LjAxOS4xMDkuMDA4LjEyLS4wMzMuMDQzLS4xMDUtLjAwOC0uMjU2LS4xMTUtLjM1NS0uMjUtLjY4Ny0uNDE3LTEuMDI2LS40NzIgMCAwLS4xNi0uMDE5LS4yMzEtLjA2YS4xNjcuMTY3IDAgMCAxLS4wNzYtLjEzM2MwLS4wNzUuMDU4LS4xNDcuMTU0LS4xODhaTTQ3LjA3NiAzNy42NzZjLjIxNC4yNDUuNDUuMzMzLjUyNy4xOTcuMDc2LS4xMzYtLjAzNS0uNDQ1LS4yNDktLjY5LS4yMTQtLjI0NS0uNDUtLjMzMy0uNTI2LS4xOTctLjA3Ny4xMzYuMDM0LjQ0NS4yNDguNjlaTTQ4LjEzIDM3LjM4OGMuMDA0LS4yNzMuMTQ4LS40MS4zMjItLjMwNi4xNzQuMTA0LjMxMi40MS4zMDguNjgyLS4wMDQuMjczLS4xNDguNDEtLjMyMi4zMDYtLjE3NC0uMTAzLS4zMTItLjQwOS0uMzA4LS42ODJaTTM2LjU5MSAzNS4xNzNjLS41MTQtLjE1OC0uNTc1LS43MzgtLjQxLTEuMDdsLjAwNS0uMDA5Yy4zNDgtLjcwMi4yNDItMi4wMS0uNzk1LTIuNzYtLjc1OC0uNTUtMS4zMzYtLjEyNi0xLjM5Mi42NjgtLjAyOC4zOTYuMjM4Ljc2NC4zNjUuMzY3LjA5Ny0uMzAxLjI1LS41NTIuNTk1LS40MzguNTMxLjE3NS45NzggMS4wMzcuNzkxIDEuNTItLjA2LjE1NC0uMTU2LjQ1OC0uMTM1Ljc2Ni4wNDMuNjIzLjM2MiAxLjA0Ny42NDggMS4yMzguMjc5LjE3My40NzMuMTA1LjUyMi4wMDEuMDYzLS4xMzItLjA4Ny0uMjUtLjE5NC0uMjgzWiIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUyLjg0IDQzLjQ4NWMuMzQ4LjIwMS44OTUuOTguODk1IDIuMDk5IDAgMS4xMTItLjQgMi4xNDItLjQ5MyAyLjM2Ny0xLjQ0IDMuMTU0LTQuODc4IDMuMzg4LTguOTczLjg4NC0zLjgxOC0yLjMzNS03LjA3NC02LjU0MS04LjQ5OS0xMS4xNTYtMS43NzItMS4wMjEtMy40ODMtMy43NDctMy42Ni01Ljg5My0uMDY3LS44MDMuMDE0LTEuNDY4LjIyMi0xLjk2OWwtLjgtMS4yNDVjLTMuNjYyLTUuNjg0IDcuNzkxLTEzLjc3MSAxMS40NTQtNy45NjcuMDE4LjAyOCAxLjE3OCAyLjAxMiAxLjI0NiAyLjEyOWwuMDAzLjAwNWMxLjU4NS4wMSA0LjY2LjU5IDYuMDcxIDMuMzU0IDEuMjU2IDIuNDYyLS4zMzggNC4xMjMtMS4zOTUgNC43NzguODA1IDEuMzI4IDEuMDc2IDIuODQ0IDEuMTIzIDQuMDkuMDIuNTMyLjA0IDEuNzU0LjA0MyAxLjc3NyAxLjA3OCAxLjAwMiAyLjUzMiAyLjIyNSAyLjczMiAzLjg2Ni4wNS4zNjMuMDQzLjk0Ny0uMzM3IDEuMzg1LjE2My41MDQuMjYgMS4wMDIuMzY3IDEuNDk2Wm0tMTAuMzkzLTE4Ljc1Yy0xLjAwMS4wMTQtMi4xMTkuNDIyLTMuMDI3IDEuMTEtLjAzMi4wMjMuMDE2LjExMS4wNTYuMS43ODQtLjIwNSAxLjg1OS0uMTk3IDMuMjY3LjIyIDEuNTc3LjQ2NiAzLjA5NiAxLjUzIDQuMDI0IDIuMzEuMDQ2LjA0LjA3Ni0uMDM2LjAzNC0uMDg3LS42MTMtLjc1MS0xLjU1NC0xLjU2NC0yLjIyMS0xLjk1NS0uMDMzLS4wMi0uMDUxLS4wNzQtLjAzMi0uMDkzLjExNi0uMTEyLjI3NC0uMTk4LjQxOC0uMjQzLjAzMy0uMDEuMDEzLS4wODItLjAyOC0uMTAyLS45NS0uNDgxLTIuMDM0LS41ODItMi42NTctLjQ1MS0uMDMuMDA2LS4wNy0uMDQ4LS4wNjItLjA4Ni4wNDgtLjI0Mi4yMDEtLjUxLjI4LS42My4wMi0uMDI4LS4wMTctLjA5My0uMDUyLS4wOTJabTUuMjQgMTguMTI5cy0xLjQ5LS4wNjItMy44NTMtMi4yN2MuMDg1Ljg3Mi45NCAxLjY4NCAxLjU0NSAyLjE0OCAyLjkyOSAyLjI3MyA1LjY2NyAxLjkyIDYuMjg0IDEuNzg5LjEwMi0uMDIyLjAwMy4xMy0uMDIxLjE1MS0uNzU1LjY4OC0yLjc4My44MTktNS40MjItLjcwNi0xLjE1MS0uNjY0LTIuMzAxLTEuNzk3LTIuNzI0LTIuNzYtLjY1NS0xLjQ5NS0uMDMyLTIuNzY0IDEuMDYtMS45NjQgMS44MjcgMS4zNDIgMy43NjUgMi4yMiA1LjQ0NyAyLjI4OSAxLjQ5LjA2MiAyLjA1My0uNDkyIDEuOTY4LTEuMjUyLS4xMzItMS4xODktMS40OC0yLjExMi0yLjIzNS0yLjgzNC0uMzA4LS4yOTUtLjQ2LS40NzctLjQ5NC0xLjE2NC0uMDU4LTEuMTU0LjIwOC0zLjg1NC0xLjE4My00Ljc0My0uMzgtLjI0LS43MTQtLjE4MS0uOTk0LS4wNzMtLjY3NS4yNi0xLjI0NS4wMzctMS44NzgtLjM2LS41MDQtLjMxNi0xLjAwNS0uNjg3LTEuNTEtMS4wMDgtMS4wNi0uNjc1LTIuMTk5LS4yNzQtMi4zODggMS4xMi0uMjYzIDEuOTQgMS4wNDkgMy43NzggMS40MjggNC42MzEuMTM0LjI4OC4xMjQuNDY2LS4wMzEuNTY3LTEuMjAxLjczMy0xLjU0MiAyLjk0LS44MyA1LjE2Mi45NTggMy4xMzYgMy45MjggNi4wNTQgNi44MyA2LjYzNSAyLjA1LjQxIDMuODMzLS40MyA0LjE5NS0yLjc1NS4wNjctLjQ3My0uMDE3LTEuMjY3LS42Mi0xLjQ5IDAgMC0uMS0uODU1LS4zODYtMS43NDMtLjg0Ni4yODItMS45MzQuMTk1LTIuNzYzLS4wMDgtMS4zMjctLjMyNy0yLjc2My0uOTg0LTQuMTM2LTEuOTg0LS41NTYtLjQwNS0uOTMtLjY3OC0xLjA5LS4xNyAxLjgzIDEuODMxIDMuNzY4IDIuNjE5IDMuNzY4IDIuNjE5LjA3Ny4wMzUuMTAyLjE4LjAzMi4xNzNaTTMyLjcxMyAyOS4xOTljLjQ0My0uNDg3IDEuMTY4LS42MDcgMS45OS0uMzE3IDEuMDQ2LTIuNjM4IDIuNzkzLTQuNjE4IDUuMTA2LTUuMzQgMS43MTYtLjY2MSAzLjU2Ny0uNzc5IDMuNTY3LS43NzlzLS45OTctMS45MS0xLjI5OC0yLjE4MmMtMS44NTEtMS42NDctNS44NTEtLjc3MS04LjQwNSAxLjk2My0xLjAzMyAxLjEwNi0yLjUxMiAzLjI2Ny0xLjgwNSA1LjIyNi4wODcuMjQzLjU4IDEuMDIxLjg0NSAxLjQzWm0yLjk5MiA3LjQwOWMxLjY2NCAxLjAwNyAyLjA1NC0uODkgMS44NDctMi41NTQtLjI0OS0yLjAwNS0xLjM0LTMuMjktMi4wNzktMy43NjQtMS41OTUtMS4wMTctMi42MjYuMDc1LTIuNDc0IDEuOTA3LjEzMyAxLjYwMSAxLjQ2OSAzLjY1OCAyLjcwNiA0LjQxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9nPjxnIGNsaXAtcGF0aD0idXJsKCNkKSIgb3BhY2l0eT0iLjM0Ij48cmVjdCB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIGZpbGw9InVybCgjZSkiIHJ4PSIyMiIgdHJhbnNmb3JtPSJzY2FsZSgxLjIyNDc3IC43MDcwNikgcm90YXRlKDQ1IDEwMC4zOSAzMjUuODAzKSIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0zMTIuMDE2IDI4Ljc1OC05LjE3OCA1LjI5OWMtMi4wMzQgMS4xODUtMi4wMTkgMy4xNTguMDMzIDQuMzM0bDEzLjM3OCA3LjcyM2MuMzcuMjE2Ljk5LjIxOCAxLjM2NS4wMDVsOS4xNzctNS4yOThjMi4wMzUtMS4xODYgMi4wMi0zLjE2LS4wMzMtNC4zMzVsLTEzLjM3NC03LjcyYy0uMzY5LS4yMTgtLjk5My0uMjIxLTEuMzY4LS4wMDhabTE1LjEwNiAxMi44NTUgOS41NTguODU5Yy44NzguMDQ3IDEuMTUuMzIuNDMuNzM1bC0xMi4zMDMgNy4xMDNjLS44MTkuNDcyLTEuMTc0LjE1My0xLjI3Mi0uMjQ5bC0xLjQ5OC01LjUxMyA1LjA4NS0yLjkzNVoiLz48L2c+PGcgY2xpcC1wYXRoPSJ1cmwoI2YpIiBvcGFjaXR5PSIuMzQiPjxyZWN0IHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgZmlsbD0iI2ZmZiIgcng9IjMyIiB0cmFuc2Zvcm09Im1hdHJpeCguOTczOTQgLjIyNjggLS42ODM0MyAuNzMwMDEgMTk5LjA3IDM4LjQ5NSkiLz48cGF0aCBmaWxsPSIjMDBBMUUwIiBkPSJNMjEzLjQzMiA1OS4wMjNjNi44NjMtMi4xNiAxMy4xMjEuMTM1IDEyLjQyOSA0LjUzNiA4Ljg5NS0uNzAyIDEzLjE5NyA1LjA4MSA3Ljk0NiAxMC42OS00LjU5NCA0LjkwOC0xNC4zNDEgNy4zLTE5LjgzIDQuODU2LTQuNDM0IDIuMTc2LTkuODk3IDIuMTY3LTEyLjI3OS4wMy04LjA0NCA0LjY0NC0xOC40MjkgMi4wMDgtMTYtNC4wODQtMTAuMjM1LS42OTUtNS44MTQtMTEuMTQ0IDQuOTE0LTEyLjcwNiAyLjUzNC04LjM0IDIyLjMxNi0xMS4yOTIgMjIuODItMy4zMjJaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjE2LjM4OCA2Ny4yN2MuMDE5LjAwNC4wNDkuMDQ1LS4wMDkuMDgzbC0uNjQ2LjM5N2MtLjA5LjA0Ny0uMTM3LjAxMi0uMTg5LS4wMTgtLjM0OC0uMjA0LS45MDMtLjIwNi0xLjM5NC4wNzZhNC4zOSA0LjM5IDAgMCAwLS41OTcuNDQzbC44OTkuMjFjLjA3NS4wMTcuMDY3LjA1LjAyOC4wOTFsLS41Mi40MWMtLjA4NC4wNjUtLjE0Ni4wMzQtLjE0Ni4wMzRsLS45MzYtLjIxOC0zLjEzNiAyLjU3Yy0uNjMyLjQ5Mi0xLjU0OSAxLjIxNi0yLjUxIDEuMTkzLS41MjQuMDI4LTEuMDczLS4xLTEuMzY3LS4zMTgtLjAyNC0uMDIzLS4wMTctLjA1NS4wNDEtLjA5M3MuNTQyLS4zMzUuNjE0LS4zODdjLjA5LS4wNDguMTItLjAwNi4xMi0uMDA2LjcyMi40NTUgMS41NzItLjExOCAyLjI0Mi0uNjQxbDMuMTIxLTIuNTA1LS42MTgtLjE0NGMtLjA3NS0uMDE3LS4wNjgtLjA1LS4wMjgtLjA5MmwuNTItLjQwOWMuMDg0LS4wNjYuMTQ2LS4wMzQuMTQ2LS4wMzRsLjYzNy4xNDhjLjQ3LS4zNjcuOTU3LS43NTMgMS42MjQtLjk1Ni43MTktLjIxOCAxLjY5Ny0uMTM2IDIuMTA0LjE2NVptNi41MzUgNi40NDYtLjE4OC40NjljLS4wMzQuMDYtLjEwMy4wNjEtLjEwMy4wNjFhNC44NSA0Ljg1IDAgMCAxLTEuMzI1LS4xMmMtMS4zNjgtLjMxOS0xLjU1My0xLjIxNy0uNjA3LTIuMjI3Ljg2OS0uOTI5IDIuNDUyLTEuNTMyIDMuNzcxLTEuMjI1LjM3Ny4wODcuODI0LjIwNSAxLjA0OC40MTUuMDE5LjAwNC4wNDkuMDQ1LS4wMDkuMDgzLS4yMzMuMTUtLjM5NC4yNS0uNi4zNzMtLjEwNC4wNjItLjEzNC4wMi0uMTM0LjAyLS4yMTUtLjEzNS0uNDUxLS4yMjQtLjc4OC0uMzAzLS44NjQtLjIwMS0xLjc1MS4yNjMtMi4zMDEuODUtLjU4OC42MjgtLjYzMiAxLjIyLjI2IDEuNDI4LjIyNi4wNTIuODQ2LjAzLjk0OC4xMTIuMDE1LjAxMi4wMzYuMDMuMDI4LjA2NFptLTMxLjktNy42NjgtLjU4Ny4zNmMtLjA5LjA0Ny0uMDY2LjA3LS4wNzMuMTAyLjIwNy4zOTMuOC42NDggMS4zODcuNzg1Ljk5Mi4yMyAxLjk3OC0uMDE4IDIuNTgzLS42NjQuNTQtLjU3Ny4wNjctMS4wNzYtLjUwOS0xLjMzMy0uMjM4LS4xNC0uNzYyLS4zOC0uNDcxLS42OS4xOTctLjIxMS41ODUtLjMwOS45NzktLjIxOC40My4xLjg0NC4zMTcgMS4wNS41MzYgMCAwIC4wNTQuMDY0LjE1Ny4wMDIuMDU4LS4wMzcuNTI5LS4zMjEuNTg3LS4zNTkuMDU4LS4wMzguMDQ3LS4wNzUuMDIzLS4wOTctLjI0Ni0uMzI2LS43MS0uNTI1LTEuMjQxLS42NDgtLjkxOC0uMjE0LTEuOTQ5LjA1OS0yLjUwMS42NDgtLjU2MS42LS4wODcgMS4wMDMuNDQ3IDEuMzAyLjI0OS4xNTYuODYzLjM5NC41NTIuNzI2LS4yNzIuMjkxLS43NjIuMzM2LTEuMTA2LjI1Ni0uNTQyLS4xMjYtLjg4My0uMzgtMS4xMi0uNzA1bC0uMDA1LS4wMDVjLS4wMjMtLjAyMy0uMDU2LS4wNTUtLjE1Mi4wMDJabTE0LjYwOSAzLjQwMi0uNTg3LjM2Yy0uMDcxLjA1MS0uMDQ3LjA3NC0uMDczLjEwMi4yMDcuMzkzLjguNjQ4IDEuMzg3Ljc4NC45OTIuMjMyIDEuOTc4LS4wMTcgMi41ODMtLjY2My41NS0uNTg4LjA3My0xLjA3NC0uNTA5LTEuMzMzLS4zODItLjIyNi0uNzA3LS40MzgtLjQ4NC0uNjc3LjI0NS0uMjYxLjY4LS4zMDMuOTkyLS4yMy40My4xLjg0NC4zMTYgMS4wNS41MzUgMCAwIC4wNTQuMDY0LjE1Ny4wMDIuMDU4LS4wMzguNTI5LS4zMjEuNTg3LS4zNi4wNTktLjAzNy4wNDctLjA3NC4wMjMtLjA5Ni0uMjQ2LS4zMjYtLjcxLS41MjUtMS4yNDEtLjY0OC0uOTE4LS4yMTQtMS45NDkuMDU5LTIuNTAxLjY0OC0uNTYxLjYtLjA4NyAxLjAwMy40NDcgMS4zMDEuMjQ5LjE1Ny44NjMuMzk1LjU1Mi43MjctLjI3Mi4yOTEtLjc2MS4zMzYtMS4xMDYuMjU2LS41MjYtLjEyMy0uODg5LS4zODgtMS4xMTktLjcwNi0uMDA2LS4wMTgtLjA1NS0uMDYzLS4xNTgtLjAwMlptMTEuNTQgMS42NjFjLS44NDUuOTAyLTIuMzM1IDEuNTQzLTMuNjQ1IDEuMjM3LTEuMjgzLS4yOTgtMS4zMTYtMS4yNS0uNDM4LTIuMTg4LjgzOS0uODk3IDIuMzUtMS41NTUgMy42NTgtMS4yNTEgMS4yNzkuMjk4IDEuMjkyIDEuMjc2LjQyNSAyLjIwMlptLS45NjEtLjI0Yy0uNTAyLjUzNS0xLjI5IDEuMTAxLTIuMTQ2LjkwMi0uODQ2LS4xOTctLjQ4OC0uODY3LjAxMS0xLjQuNDk3LS41MyAxLjI5Mi0xLjA4NCAyLjEzMi0uODg4LjgzOS4xOTUuNDk4Ljg1Ni4wMDMgMS4zODVabTExLjkyMyAyLjkxNWMxLjExMS0uODA0IDEuMTQ2LTEuOTI0LS4wODItMi4yMS0xLjI5Ny0uMzAyLTIuODIxLjI4NC0zLjcxNCAxLjIzOC0uOTY1IDEuMDMtLjYxIDEuOTEuNzA3IDIuMjE3LjgyNC4xOTIgMS4zODcuMTUyIDEuNjIxLjEybC4wMTEtLjAwMmMuMDMxLS4wMDkuMDc0LS4wMi4xLS4wOTFsLjE4LS40MzdjLjAxNi0uMDY4LS4wNjctLjA2OS0uMTQ2LS4wNjYtLjI1Ni4wMS0uNjIuMDI0LTEuMjMyLS4xMTgtLjgwNy0uMTg4LS45MzgtLjY2LS40MTgtMS4yNmwyLjgyOC42NThjLjA1OC4wMTQuMTAyLS4wMTguMTQ1LS4wNVptLTIuNDY4LTEuMTI0IDIuMDA0LjQ2NmMuMzYxLS40MzguNDI1LS44OTItLjIxMS0xLjA0LS42Ny0uMTU2LTEuMjc4LjE3Mi0xLjc5My41NzRabS0yMC4xMTItNC4xNDhjLjk1NC0uODQ4IDEuMjQ2LTEuODg3LS4wOS0yLjE5OC0xLjMzLS4zMS0yLjg1LjMxNS0zLjcxNCAxLjIzOC0uOTI4Ljk5MS0uNjQ3IDEuOTAyLjcwNyAyLjIxNy44MjQuMTkyIDEuMzg3LjE1MiAxLjYyMS4xMmEuMTY0LjE2NCAwIDAgMSAuMDExLS4wMDJjLjAzMS0uMDA5LjA3NC0uMDIuMS0uMDkxbC4xOC0uNDM3Yy4wMTYtLjA2OC0uMDY3LS4wNjktLjE0Ni0uMDY1LS4yNTYuMDEtLjYyLjAyNC0xLjIzMi0uMTE5LS44MDctLjE4OC0uOTM4LS42Ni0uNDE4LTEuMjZsMi44MjguNjU5Yy4wNjUuMDE1LjExMi0uMDI2LjE1My0uMDYyWm0tMi40OTQtMS4xMTYgMi4wMjIuNDdjLjM2MS0uNDM4LjQyNS0uODkyLS4yMTEtMS4wNC0uNjYtLjE1NC0xLjI5OC4xNy0xLjgxMS41N1ptLTQuNDMtMS4xMTdjLS45NjEtLjM3NS0yLjc2Ny0uNjc1LTMuNzg5LjQxNy0uNzQuNzktLjA2NyAxLjI2Ny44NDkgMS40OGE4LjM3OCA4LjM3OCAwIDAgMCAxLjk2NC4yMTguMTk0LjE5NCAwIDAgMCAuMTIyLS4wNTdsMS44MTMtMS45MzhjLjc2LS44MS40NjktMS4zOTUtLjU4NS0xLjY0LS41MDEtLjExNy0xLjI2LS4yMjUtMS44ODctLjA4IDAgMC0uMDgyLjAxNC0uMDk3LjA3OWwtLjE3NS40NTVjLS4wMTkuMDQxLjA2LjA2Mi4xMTguMDQ1YTQuNzU4IDQuNzU4IDAgMCAxIDEuNDMzLjA3N2MuNjczLjE1Ny42OC40NjguMjM0Ljk0NFptLTEuNDA2IDEuNTAyLjkwNy0uOTY5Yy0uNTM4LS4yMTItMS42OTQtLjU3OS0yLjMyMi4wOTItLjYzMS42NzQuNzQ4LjgzMyAxLjQxNS44NzdabTI0Ljc0NiAyLjU2NWMuMDcxLS4wNTIuMDQ3LS4wNzUtLjAxNS0uMTA2LS4wMjQtLjAyMy0uMjQxLS4xMDgtLjQxNi0uMTY2YTIuNDMxIDIuNDMxIDAgMCAwLTEuNTI3LjA3MmwuMjM3LS4yNTJjLjAzOS0uMDQzLjA0Ny0uMDc1LS4wMDktLjA4OGwtLjczMS0uMTdjLS4wMzctLjAwOS0uMTAxLjAxLS4xNDEuMDUybC0yLjk1NyAzLjE2Yy0uMDM5LjA0MS0uMDI4LjA3OC4wMjguMDkxbC43NDkuMTc1YS4xNzIuMTcyIDAgMCAwIC4xNi0uMDQ5bDEuNDcyLTEuNTcyYy4zNjgtLjM5NC45NDEtLjg3NSAxLjY1Mi0uODY0LjI3NC4wMDUuNTExLjA1NS43MDYuMTQ4YS4xOTguMTk4IDAgMCAwIC4xNjUtLjAzYy4xMy0uMDkuNTU2LS4zNS42MjctLjQwMVptLTIyLjYxOC0xLjQwM2MuMDM4LjAwOS4xMDEtLjAxLjE0MS0uMDUybDQuMjE5LTQuNTA3Yy4wMzktLjA0Mi4wNDctLjA3NC0uMDA5LS4wODdsLS43NS0uMTc1Yy0uMDM3LS4wMDktLjExNC4wMjUtLjE0LjA1M2wtNC4yMTkgNC41MDZjLS4wNC4wNDItLjA0Ny4wNzUuMDA5LjA4OGwuNzQ5LjE3NFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvZz48ZyBjbGlwLXBhdGg9InVybCgjZykiIG9wYWNpdHk9Ii4zNCI+PHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiBmaWxsPSJ1cmwoI2gpIiByeD0iMjUiIHRyYW5zZm9ybT0ibWF0cml4KC45Nzg3OSAtLjIwNDg5IC42NjY4MyAuNzQ1MjEgMTIwMyAyMy4wODkpIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMTI0Ni4wMSAyOC4wODQgMi41MSAyLjgwMmMzLjY4LS4zMDUgOC4wNiAxLjA2NSAxMC45OSAzLjQzNiAyLjkzIDIuMzcgMy43OSA1LjI0MyAyLjE2IDcuMjA3LTEuNjMgMS45NjMtNS40MSAyLjYwNC05LjQ5IDEuNjA3bC0uOTUgMi45MDhjLjI0LjE2OC40Ni4zNTMuNjMuNTQ2Ljk5IDEuMTA1LjYyIDIuMjQ4LS44MyAyLjU1MS0xLjQ2LjMwNC0zLjQzLS4zNDUtNC40Mi0xLjQ1LS45OS0xLjEwNi0uNjItMi4yNDguODMtMi41NTIuMjYtLjA1LjU0LS4wNzIuODQtLjA2NGwuOTYtMi45NGMtMy43Ni0xLjY2OC02LjI2LTQuNDA1LTYuMzEtNi44OTZsLTE1LjIzLTMuODE1Yy0uODIuODYzLTIuNyAxLjAwMi00LjUuMzMyLTEuOC0uNjcxLTMuMDItMS45NjQtMi45Mi0zLjA5LjExLTEuMTI1IDEuNTEtMS43NyAzLjM2LTEuNTQgMS44NC4yMjkgMy42MSAxLjI2OSA0LjIzIDIuNDg0bDE1LjQ5IDMuODgzYy41LS45MDcgMS40Mi0xLjYyNSAyLjY4LTIuMDgybC0yLjUyLTIuODA3Yy0xLjMxLS4xNDYtMi42OC0uODM2LTMuNDMtMS42Ny0xLjA2LTEuMTkyLS41Ny0yLjQ0Ljk5LTIuNzcgMS41Ni0uMzI1IDMuNjkuMzc1IDQuNzYgMS41NjUuNzUuODM2Ljg1IDEuNzkzLjE3IDIuMzU1Wm0yLjU2IDkuOTk4YzEuNTUgMS43NDMgNC42OCAyLjc3IDYuOTcgMi4yOTUgMi4yOS0uNDggMi44OC0yLjI4IDEuMzItNC4wMjMtMS41Ni0xLjc0Mi00LjY3LTIuNzY3LTYuOTYtMi4yOS0yLjI5LjQ3Ny0yLjg5IDIuMjc1LTEuMzMgNC4wMThaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PGcgY2xpcC1wYXRoPSJ1cmwoI2kpIiBvcGFjaXR5PSIuMzQiPjxyZWN0IHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgZmlsbD0iI2ZmZiIgcng9IjI4IiB0cmFuc2Zvcm09Im1hdHJpeCguODY2MDMgLS41IDAgMSAxNDcwIDgpIi8+PHBhdGggZmlsbD0iI0ZCQkMwNCIgZD0ibTE0OTAuMDQgMTEuNTQ1LTkuNzMgMjUuMDYzIDguNDMuNzUyIDkuNzItMjUuMDYzLTguNDItLjc1MloiLz48cGF0aCBmaWxsPSIjNDI4NUY0IiBkPSJtMTUwOC4xOCAyMC41MTUtOS43Mi0xMy44MzRjLTEuMzQtMS45MS00LjMyLTEuMTE0LTYuNjQgMS43NzktMi4zMyAyLjg5My0zLjEzIDYuNzg3LTEuNzggOC42OThsOS43MiAxMy44MzNjMS4zNCAxLjkxIDQuMzIgMS4xMTIgNi42NC0xLjc3OSAyLjMzLTIuODkzIDMuMTMtNi43ODYgMS43OC04LjY5N1oiLz48cGF0aCBmaWxsPSIjMzRBODUzIiBkPSJNMTQ4NC41MyA0Mi41OTZjMi42OC0xLjU1IDQuODYtNS4zMiA0Ljg2LTguNDIgMC0zLjEwMS0yLjE4LTQuMzU4LTQuODYtMi44MDgtMi42OSAxLjU1LTQuODcgNS4zMi00Ljg3IDguNDIxIDAgMy4xIDIuMTggNC4zNTggNC44NyAyLjgwN1oiLz48L2c+PGcgb3BhY2l0eT0iLjM0Ij48Y2lyY2xlIGN4PSIyMyIgY3k9IjIzIiByPSIyMyIgZmlsbD0iIzI5QjVFOCIgdHJhbnNmb3JtPSJtYXRyaXgoLjk5NjkzIC4wNzgzMSAuNDMwNjUgLjkwMjUyIDEzMzAuMDggNTEuOTQpIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMTM1Ny4zMiA3Mi44NTMtNi44LTMuMjZjLS45NS0uNDYtMS44Mi0uMy0xLjkzLjM1OC0uMTIuNjU1LjU2IDEuNTU4IDEuNTIgMi4wMThsMy44IDEuODI0LTIuMjggMS4zNDNjLS41OC4zNC0uNDIgMS4yMDEuMzUgMS45My43Ny43MjQgMS44NiAxLjAzNyAyLjQ0LjY5OWw0LjEtMi40MDdjLjc5LS40NjcuMTItMS44NzItMS4yLTIuNTA1Wm0zLjQ0IDQuNjI0LTQuMSAyLjQwM2MtLjU4LjMzOS0uNDIgMS4yMDUuMzYgMS45MzEuNzcuNzI1IDEuODYgMS4wNCAyLjQ0LjY5OWwyLjI5LTEuMzQ3IDEuNTIgMy4xN2MuMzguOCAxLjQgMS41MDMgMi4yOSAxLjU3My44OC4wNjkgMS4yOS0uNTIyLjkxLTEuMzJsLTIuNy01LjY2OWMtLjUzLTEuMTA1LTIuMjQtMS45LTMuMDEtMS40NFptNC4zMi01Ljk1NCA0LjA5LTIuNDA1Yy41OC0uMzQuNDItMS4yMDItLjM1LTEuOTMtLjc3LS43MjYtMS44Ny0xLjA0LTIuNDQtLjdsLTIuMyAxLjM0OC0xLjUxLTMuMTcxYy0uMzgtLjc5Ny0xLjQxLTEuNS0yLjI5LTEuNTctLjg5LS4wNy0xLjMuNTIxLS45MiAxLjMxOGwyLjcxIDUuNjY4Yy41MyAxLjEwOCAyLjIzIDEuODk3IDMuMDEgMS40NDJabS0xNC4yNC0zLjg0NiA2LjggMy4yNjJjMS4yOS42MTcgMi4zNC4wNDUgMS44MS0xLjA2M2wtMi43LTUuNjY5Yy0uMzgtLjc5Ni0xLjQxLTEuNS0yLjI5LTEuNTctLjg5LS4wNy0xLjMuNTIyLS45MiAxLjMxOWwxLjUyIDMuMTcxLTMuODItMS44MjhjLS45NS0uNDYtMS44Mi0uMy0xLjkzLjM1Ni0uMTEuNjU5LjU3IDEuNTYyIDEuNTMgMi4wMjJabTEyLjkgNi42MjktLjk0LS42NGMtLjIyLS4xNTItLjUtLjE3Ni0uNTktLjA0NmwtLjM3LjUzNmMtLjA5LjEzLjAzLjM4My4yNS41MzZsLjk0LjY0MWMuMjIuMTUzLjUuMTc1LjU5LjA0NmwuMzgtLjUzOGMuMDktLjEzNC0uMDMtLjM3Ni0uMjYtLjUzNVptMi4zMi45NzUtMS4yOSAxLjg2Yy0uMDMuMDU1LS4xNC4wOTQtLjIzLjA4N2wtLjY3LS4wNTJhLjc5Ljc5IDAgMCAxLS4zMy0uMTMybC0zLjI0LTIuMjE2YS44Ni44NiAwIDAgMS0uMjQtLjI2M2wtLjI4LS42MDFjLS4wNC0uMDgzLS4wNS0uMTk1LS4wMS0uMjQ4bDEuMjktMS44NmMuMDQtLjA1NS4xNC0uMDkyLjIzLS4wODVsLjY3LjA1MmMuMDkuMDA4LjI0LjA2NS4zNC4xM2wzLjIzIDIuMjE2Yy4xLjA2My4yLjE4My4yNC4yNjZsLjI5LjYwMWMuMDQuMDgxLjA0LjE5MyAwIC4yNDVabTguOTQgNi4wNC02LjgtMy4yNmMtMS4yOS0uNjIzLTIuMzUtLjA0My0xLjgyIDEuMDYxbDIuNzEgNS42NjljLjM4Ljc5OSAxLjQgMS41MDIgMi4yOSAxLjU3Mi44OS4wNyAxLjMtLjUyMi45MS0xLjMybC0xLjUxLTMuMTcxIDMuODEgMS44MjZjLjk2LjQ2MiAxLjgyLjMwMSAxLjk0LS4zNTQuMTEtLjY1Ny0uNTgtMS41NjQtMS41My0yLjAyNFptLS43OS03LjQ2LTIuMjkgMS4zNDcgMy44IDEuODJjLjk2LjQ2MSAxLjY0IDEuMzY0IDEuNTMgMi4wMjMtLjExLjY1NC0uOTguODEzLTEuOTQuMzU1bC02LjgtMy4yNjNjLTEuMzItLjYzNy0xLjk4LTIuMDM0LTEuMTktMi41MDVsNC4wOS0yLjQwNGMuNTgtLjM0IDEuNjctLjAyNSAyLjQ1LjcwMi43Ny43MjUuOTMgMS41ODYuMzUgMS45MjZaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxNTY0djEwMkgweiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJiIj48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9IiNmZmYiIHJ4PSIyMCIgdHJhbnNmb3JtPSJtYXRyaXgoLjg2NjAzIC41IDAgMSAyNSA0KSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJkIj48cmVjdCB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIGZpbGw9IiNmZmYiIHJ4PSIyMiIgdHJhbnNmb3JtPSJzY2FsZSgxLjIyNDc3IC43MDcwNikgcm90YXRlKDQ1IDEwMC4zOSAzMjUuODAzKSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJmIj48cmVjdCB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9IiNmZmYiIHJ4PSIzMiIgdHJhbnNmb3JtPSJtYXRyaXgoLjk3Mzk0IC4yMjY4IC0uNjgzNDMgLjczMDAxIDE5OS4wNyAzOC40OTUpIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImciPjxyZWN0IHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgZmlsbD0iI2ZmZiIgcng9IjI1IiB0cmFuc2Zvcm09Im1hdHJpeCguOTc4NzkgLS4yMDQ4OSAuNjY2ODMgLjc0NTIxIDEyMDMgMjMuMDg5KSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJpIj48cmVjdCB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIGZpbGw9IiNmZmYiIHJ4PSIyOCIgdHJhbnNmb3JtPSJtYXRyaXgoLjg2NjAzIC0uNSAwIDEgMTQ3MCA4KSIvPjwvY2xpcFBhdGg+PGxpbmVhckdyYWRpZW50IGlkPSJjIiB4MT0iMjIuNzY1IiB4Mj0iNC4wNjUiIHkxPSI0MS4xOTMiIHkyPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0RBQUQwQyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGRUQwMCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJlIiB4MT0iMy44NzUiIHgyPSI0MC41NDIiIHkxPSIzLjI3OSIgeTI9IjQyLjkyNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiMzOTg0RkQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMTU1REQiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iaCIgeDE9IjI4LjQ1NiIgeDI9IjUuMDgxIiB5MT0iNTEuNDkxIiB5Mj0iMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNEMzYwMDAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjc3MDUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=) center no-repeat;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%
}

.black-friday .row a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.black-friday p {
  color: #fff;
  font-size: 1em;
  line-height: 20px;
  margin: 0 20px
}

.black-friday .percent {
  height: 20px;
  width: 40px;
  background: #ffd339;
  font-size: 15px;
  line-height: 18px;
  color: #0f2039;
  font-weight: 900;
  padding: 3px 5px 2px;
  border-radius: 2px
}

.black-friday .btn-success {
  height: 24px;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background: #277dff;
  border: 1px solid #277dff;
  cursor: pointer
}

.black-friday .btn--icon-right {
  padding-right: 30px;
  padding-left: 16px;
  letter-spacing: 1px;
  font-weight: 600
}

.black-friday .btn--icon-right .icon {
  top: 11px;
  right: 6px
}

.black-friday .close {
  position: absolute;
  right: 0;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer
}

.black-friday .close span {
  font-size: 24px;
  color: #686e7b
}

.webinar {
  width: 100%;
  height: 48px;
  background-image: url(https://skyvia.com/assets/img/webinar_bg.svg), -webkit-gradient(linear, left top, right top, from(#000), to(#333));
  background-image: url(https://skyvia.com/assets/img/webinar_bg.svg), linear-gradient(90deg, #000 0, #333 100%);
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 999
}

.webinar .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%
}

.webinar .row a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.webinar span {
  color: #fff;
  font-size: 16px;
  line-height: 20px
}

.webinar span.left {
  margin-left: 48px
}

.webinar span.right {
  margin-right: 48px
}

.webinar span.separator {
  padding: 0 16px
}

.webinar .close {
  position: absolute;
  right: 0;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer
}

.webinar .close span {
  font-size: 24px;
  color: #fff
}

.home-ratings .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.home-ratings .links .links-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px
}

.home-ratings .links .links-group a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px
}

.home-ratings .links .links-group a .icon-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  height: 28px;
  padding: 2px 0 2.875px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
  background: #f0f5fc
}

.home-ratings .ratings {
  gap: 38px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.home-ratings .ratings article {
  width: 256px;
  height: 238px
}

.data-integration-promo {
  background-image: radial-gradient(farthest-corner circle at top, #2f65ac 0, #152a4d 100%);
  margin-bottom: 0
}

.data-integration-promo .data-integration-promo-text-wrapper {
  margin-bottom: 6.6666666667rem
}

.data-integration-promo .data-integration-promo-img-wrapper {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13
}

.data-integration-promo .data-integration-promo-img-wrapper svg {
  position: absolute;
  right: 30px;
  top: 155px;
  width: 757px
}

@media (max-width:1279.98px) {
  .data-integration-promo .data-integration-promo-img-wrapper svg {
    position: relative;
    right: initial;
    margin: 200px auto 0;
    width: auto;
    top: initial;
    display: block
  }
}

@media (max-width:991.98px) {
  .data-integration-promo .data-integration-promo-img-wrapper {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .data-integration-promo .data-integration-promo-img-wrapper svg {
    width: auto;
    margin: 252px auto 36px
  }
}

.data-integration-promo h1 {
  color: #fff;
  margin-top: 252px;
  margin-bottom: 2.2222222222rem
}

.data-integration-promo p.description {
  color: #bad2f5;
  font-size: 1.7777777778rem;
  line-height: 1.25;
  font-weight: 200;
  margin-bottom: 2.2222222222rem
}

@media (max-width:991.98px) {
  .data-integration-promo h1 {
    margin-top: 0
  }
}

.data-integration-description h2 {
  margin-bottom: 2.2222222222rem
}

.data-integration-how-to-work .rectangle {
  background-color: #f0f5fc;
  padding: 64px 60px 40px
}

@media (max-width:767.98px) {
  .data-integration-how-to-work .rectangle {
    background-color: #fff;
    padding: 0 0 40px
  }
}

.data-integration-how-to-work .video-rectangle {
  margin: -40px auto 0 auto;
  max-width: 640px;
  width: calc(100% - 30px);
  background-color: #fff;
  -webkit-box-shadow: 0 12px 48px -12px rgba(3, 16, 37, .23), 0 36px 72px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 12px 48px -12px rgba(3, 16, 37, .23), 0 36px 72px 0 rgba(15, 54, 113, .3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

@media (max-width:575.98px) {
  .data-integration-how-to-work .video-rectangle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (min-width:576px) {
  .data-integration-how-to-work .video-rectangle__wrapper {
    -ms-flex-preferred-size: 290px;
    flex-basis: 290px
  }
}

.data-integration-how-to-work .video-rectangle__link {
  display: block;
  min-height: 64px;
  position: relative;
  cursor: pointer;
  background-image: url(https://skyvia.com/assets/img/video-splash-screen.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
  .data-integration-how-to-work .video-rectangle__link {
    background-image: url(https://skyvia.com/assets/img/video-splash-screen@2x.png);
    background-size: cover
  }
}

.data-integration-how-to-work .video-rectangle__link:before {
  content: "";
  padding-top: 56.25%;
  width: 0;
  height: 0;
  display: block
}

.data-integration-how-to-work .video-rectangle__link:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(https://skyvia.com/assets/img/play.svg) no-repeat center center rgba(24, 81, 166, .75);
  position: absolute;
  top: 0;
  background-size: 64px;
  -webkit-transition: background-color .2s ease-in-out, background-size .2s ease-in-out;
  transition: background-color .2s ease-in-out, background-size .2s ease-in-out
}

.data-integration-how-to-work .video-rectangle__link:hover:after {
  background-color: rgba(24, 81, 166, .8);
  background-size: 68px
}

.data-integration-how-to-work .video-rectangle__decsription {
  padding: 24px 32px;
  font-size: 14px
}

@media (min-width:576px) {
  .data-integration-how-to-work .video-rectangle__decsription {
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px
  }
}

.data-integration-how-to-work .video-rectangle__decsription h3 {
  text-transform: uppercase;
  color: #29374d;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 24px
}

.data-integration-how-to-work .video-rectangle__decsription p {
  margin-bottom: 0
}

.data-integration-pricing .plans-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

@media (min-width:1280px) {
  .data-integration-pricing .plans-box {
    padding-left: 0
  }
}

@media (max-width:575.98px) {
  .data-integration-pricing .plans-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.data-integration-pricing .plans-box-free {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 30px);
  flex: 0 0 calc(50% - 30px);
  max-width: calc(50% - 30px);
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50, 66, 92, .25), 0 8px 16px -8px rgba(0, 0, 0, .3);
  box-shadow: 0 13px 27px -5px rgba(50, 66, 92, .25), 0 8px 16px -8px rgba(0, 0, 0, .3);
  padding: 56px 10.4679802956% 72px
}

@media (max-width:991.98px) {
  .data-integration-pricing .plans-box-free {
    padding: 28px 6.9786535304% 36px
  }
}

@media (max-width:767.98px) {
  .data-integration-pricing .plans-box-free {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.data-integration-pricing .plans-box-free__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px -47px 56px -15px
}

@media (max-width:991.98px) {
  .data-integration-pricing .plans-box-free__wrapper {
    margin: 8px -15px 26px -15px
  }
}

.data-integration-pricing .plans-box-free__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 15px;
  padding-left: 15px;
  margin: 40px 0 0 0
}

@media (max-width:991.98px) {
  .data-integration-pricing .plans-box-free__item {
    margin: 32px 0 0 0
  }
}

.data-integration-pricing .plans-box__icon {
  margin-bottom: 8px
}

.data-integration-pricing .plans-box__desc {
  font-size: 16px;
  color: #667892;
  line-height: 1.5em
}

.data-integration-pricing .plans-box-paid {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% + 30px);
  flex: 0 0 calc(50% + 30px);
  max-width: calc(50% + 30px);
  border-color: #ccd9ec;
  border-radius: 0 4px 4px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  padding: 48px 42px 48px 60px;
  margin-top: 87px
}

@media (max-width:1279.98px) {
  .data-integration-pricing .plans-box-paid {
    padding: 48px 32px 48px 32px
  }
}

@media (max-width:991.98px) {
  .data-integration-pricing .plans-box-paid {
    padding: 48px 12px 48px 30px
  }
}

.data-integration-pricing .plans-box-paid h4 {
  margin-bottom: 57px
}

.data-integration-pricing .plans-box-paid__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.data-integration-pricing .plans-box-paid__item {
  position: relative;
  width: 33.33%;
  float: left;
  padding-right: 18px
}

.data-integration-pricing .plans-box-paid__item .plans-box__desc {
  max-width: 80px
}

.data-integration-pricing .plans-box-paid__item:nth-child(1):after {
  content: url(https://skyvia.com/assets/img/plus.svg);
  position: absolute;
  top: 8px;
  right: calc((100% - 97px)/ 2)
}

.data-integration-pricing .plans-box-paid__item:nth-child(2):after {
  content: url(https://skyvia.com/assets/img/plus.svg);
  position: absolute;
  top: 8px;
  right: calc((100% - 64px)/ 2)
}

@media (max-width:767.98px) {
  .data-integration-pricing .plans-box-paid {
    border: none;
    margin-top: 0;
    padding-left: 62px;
    height: 487px
  }

  .data-integration-pricing .plans-box-paid a {
    white-space: nowrap
  }

  .data-integration-pricing .plans-box-paid h4 {
    margin-bottom: 23px
  }

  .data-integration-pricing .plans-box-paid__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 180px
  }

  .data-integration-pricing .plans-box-paid__item {
    width: 100%;
    margin-bottom: 48px
  }

  .data-integration-pricing .plans-box-paid__item img {
    height: 40px
  }

  .data-integration-pricing .plans-box-paid__item p {
    margin-bottom: 0
  }

  .data-integration-pricing .plans-box-paid__item:nth-child(1):after {
    top: unset;
    right: unset;
    left: 0;
    bottom: -40px
  }

  .data-integration-pricing .plans-box-paid__item:nth-child(2):after {
    top: unset;
    right: unset;
    left: 0;
    bottom: -40px
  }

  .data-integration-pricing .plans-box-paid__item:last-child {
    margin-bottom: 5px
  }
}

@media (max-width:575.98px) {
  .data-integration-pricing .plans-box-paid {
    height: auto;
    padding-left: 15px;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
  }

  .data-integration-pricing .plans-box-paid__wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 6px
  }

  .data-integration-pricing .plans-box-paid__item {
    position: relative;
    width: 30%;
    padding-right: 18px;
    margin-bottom: 0
  }

  .data-integration-pricing .plans-box-paid__item:nth-child(1):after {
    top: 8px;
    right: calc((100% - 104px)/ 2);
    left: unset;
    bottom: unset
  }

  .data-integration-pricing .plans-box-paid__item:nth-child(2):after {
    top: 8px;
    right: calc((100% - 64px)/ 2);
    left: unset;
    bottom: unset
  }
}

.data-integration-use-cases__icon {
  position: relative;
  width: 192px;
  height: 104px;
  margin: -24px 0 0 -16px;
  background-repeat: no-repeat;
  background-image: url(https://skyvia.com/assets/img/use-cases-base-layer.svg)
}

.data-integration-use-cases__icon .center {
  height: 56px;
  width: 56px;
  position: absolute;
  top: 24px;
  left: 67px
}

.data-integration-use-cases__icon .left {
  height: 56px;
  width: 56px;
  position: absolute;
  top: 24px;
  left: 16px
}

.data-integration-use-cases__icon .right {
  height: 56px;
  width: 56px;
  position: absolute;
  top: 24px;
  right: 18px
}

.data-integration-use-cases__icon .arrow {
  position: absolute;
  top: 48px;
  left: 80px
}

.data-integration-sample-cases h2 {
  margin-bottom: 4.4444444444rem
}

.data-integration-sample-cases .icons-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  margin-bottom: .6666666667rem
}

.data-integration-sample-cases .icons-wrapper .icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 1px solid #dce5f2;
  margin-right: -4px;
  z-index: 1
}

.data-integration-sample-cases .icons-wrapper .icon-wrapper:first-child {
  -webkit-box-shadow: 1px 0 1px -1px #374a66;
  box-shadow: 1px 0 1px -1px #374a66
}

.data-integration-sample-cases .icons-wrapper .icon-wrapper.right {
  position: absolute;
  left: 40px;
  z-index: 0
}

.data-integration-sample-cases .icons-wrapper .icon-wrapper:not(:first-child):before {
  border: 5px solid transparent;
  content: " ";
  position: absolute;
  left: -39px;
  top: -4px;
  border-right-color: #d8e2f3;
  border-radius: 50%;
  background-color: transparent;
  width: 58px;
  height: 64px;
  opacity: .8
}

.data-integration-sample-cases .icons-wrapper .icon-wrapper .icon {
  width: 50px;
  height: 50px
}

.data-integration-clients {
  padding-top: 6.6666666667rem
}

.data-integration-clients .description {
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  color: #485a76
}

.data-integration-clients img {
  width: auto;
  height: 4rem
}

.data-integration-banner a.data-integration-banner__link {
  min-height: 144px;
  border-radius: 6px;
  background: radial-gradient(circle, #2f65ac 0, #152a4d 100%);
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 24px 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

@media (min-width:1280px) {
  .data-integration-banner a.data-integration-banner__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.data-integration-banner a.data-integration-banner__link span {
  color: #fff;
  font-size: 1.7777777778rem;
  font-weight: 300;
  line-height: 1.4;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.data-integration-banner a.data-integration-banner__link span:last-child {
  margin-right: -37px
}

.data-integration-banner a.data-integration-banner__link span:last-child:after {
  content: "";
  width: 26px;
  height: 26px;
  display: inline-block;
  background: url(https://skyvia.com/assets/img/gallery-banner-goicon.svg);
  margin-left: 11px;
  opacity: .4;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.data-integration-banner a.data-integration-banner__link:hover span:last-child:after {
  opacity: 1
}

.data-integration-banner a.data-integration-banner__link article {
  position: relative;
  width: 158px;
  min-width: 158px;
  height: 56px;
  margin: 0;
  background-repeat: no-repeat;
  background-image: url(https://skyvia.com/assets/img/use-cases-base-layer.svg);
  overflow: visible;
  background-position: center center;
  margin: 16px 24px
}

.data-integration-banner a.data-integration-banner__link article .left {
  width: 56px;
  height: 56px;
  top: 0;
  left: 0;
  position: absolute
}

.data-integration-banner a.data-integration-banner__link article .right {
  width: 56px;
  height: 56px;
  top: 0;
  right: 0;
  position: absolute
}

.data-integration-banner a.data-integration-banner__link article .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-15px, -4px);
  -ms-transform: translate(-15px, -4px);
  transform: translate(-15px, -4px)
}

@media (min-width:1280px) {

  .data-integration-banner a.data-integration-banner__link article:after,
  .data-integration-banner a.data-integration-banner__link article:before {
    content: "";
    width: 158px;
    height: 56px;
    background-repeat: no-repeat;
    background-image: url(https://skyvia.com/assets/img/banner-integration-empty.svg)
  }

  .data-integration-banner a.data-integration-banner__link article:after {
    position: absolute;
    top: -72px
  }

  .data-integration-banner a.data-integration-banner__link article:before {
    position: absolute;
    bottom: -72px
  }
}

.data-integration-fast-easy h2 {
  margin-bottom: 2.2222222222rem
}

.data-integration-fast-easy .fast-easy-integration {
  -webkit-box-shadow: 0 17px 17px -17px rgba(56, 74, 102, .45), 0 -17px 9px -17px rgba(56, 74, 102, .08), 0 17px 30px rgba(15, 54, 113, .15);
  box-shadow: 0 17px 17px -17px rgba(56, 74, 102, .45), 0 -17px 9px -17px rgba(56, 74, 102, .08), 0 17px 30px rgba(15, 54, 113, .15)
}

.ratings {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  list-style-type: none;
  -webkit-padding-start: 0;
  padding-inline-start: 0
}

.ratings article {
  background: #f0f5fc;
  border-radius: 4px;
  width: 186px;
  height: 236px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 40px 12px 30px;
  margin: 0
}

.ratings article>img {
  height: 60px;
  width: 60px;
  margin-bottom: 10px
}

.ratings article h4 {
  font-weight: 900;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
  text-transform: capitalize;
  color: #29374d;
  margin-bottom: 0;
  letter-spacing: 0
}

.ratings article p {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #53678b;
  margin-bottom: 18px
}

.ratings article .score {
  position: relative;
  font-weight: 800;
  font-size: 30px;
  line-height: 26px;
  text-align: center;
  text-transform: capitalize;
  color: #29374d
}

.ratings article .score sup {
  position: absolute;
  top: 0;
  font-weight: 800;
  font-size: 12px;
  line-height: 14px;
  text-transform: capitalize;
  color: #29374d
}

.data-integration-scenario h2 {
  margin-bottom: 1.1111111111rem
}

.data-integration-scenario .description {
  font-size: 1.7777777778rem;
  line-height: 2.2222222222rem;
  font-weight: 300;
  margin-bottom: 4.1666666667rem
}

.data-integration-scenario .rectangle {
  width: 100%;
  height: 420px;
  background: #f0f5fc;
  margin-bottom: 5.1666666667rem
}

.data-integration-scenario .rectangle .banner-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding: 0 30px;
  max-width: 1440px;
  margin: 0 auto
}

.data-integration-scenario .rectangle .banner-wrapper>.row {
  width: 100%;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.data-integration-scenario .rectangle .banner-wrapper .video-rectangle {
  max-width: 761px;
  height: 452px;
  width: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-shadow: 0 17px 17px -17px rgba(56, 74, 102, .45), 0 -17px 9px -17px rgba(56, 74, 102, .08);
  box-shadow: 0 17px 17px -17px rgba(56, 74, 102, .45), 0 -17px 9px -17px rgba(56, 74, 102, .08);
  margin-top: -19px
}

@media (max-width:575.98px) {
  .data-integration-scenario .rectangle .banner-wrapper .video-rectangle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (min-width:576px) {
  .data-integration-scenario .rectangle .banner-wrapper .video-rectangle__wrapper {
    width: 100%
  }
}

.data-integration-scenario .rectangle .banner-wrapper .video-rectangle__link {
  display: block;
  min-height: 64px;
  position: relative;
  cursor: pointer;
  background-image: url(/data-integration/images/scenario-specific-tools---screen.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: 1050;
  border-radius: 4px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
  .data-integration-scenario .rectangle .banner-wrapper .video-rectangle__link {
    background-image: url(/data-integration/images/scenario-specific-tools---screen@2x.png);
    background-size: cover
  }
}

.data-integration-scenario .rectangle .banner-wrapper .video-rectangle__link:before {
  content: "";
  padding-top: 56.25%;
  width: 0;
  height: 0;
  display: block
}

.data-integration-scenario .rectangle .banner-wrapper .video-rectangle__link:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/data-integration/images/scenario-specific-tools---play.svg) no-repeat center center;
  position: absolute;
  top: 0;
  background-size: 64px;
  -webkit-transition: background-color .2s ease-in-out, background-size .2s ease-in-out;
  transition: background-color .2s ease-in-out, background-size .2s ease-in-out
}

.data-integration-scenario .rectangle .banner-wrapper ul {
  padding: 0;
  list-style: none
}

.data-integration-scenario .rectangle .banner-wrapper ul li {
  font-size: .8888888889rem;
  line-height: 1.3333333333rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  position: relative
}

.data-integration-scenario .rectangle .banner-wrapper ul.left {
  margin: 193px 0 0
}

.data-integration-scenario .rectangle .banner-wrapper ul.left li:first-child {
  margin-bottom: 4rem
}

.data-integration-scenario .rectangle .banner-wrapper ul.left li::after {
  content: "";
  border-top: 2px solid #277dff;
  position: absolute;
  top: 10px;
  left: 146px;
  right: -262px
}

.data-integration-scenario .rectangle .banner-wrapper ul.right {
  margin: 114px 0 0
}

.data-integration-scenario .rectangle .banner-wrapper ul.right li::after {
  content: "";
  border-top: 2px solid #277dff;
  position: absolute;
  top: 10px;
  left: -220px;
  right: 66px
}

.data-integration-scenario h4 {
  margin-bottom: .4444444444rem
}

.data-integration-scenario p {
  font-size: .8888888889rem;
  line-height: 1.4444444444rem;
  margin-bottom: .7777777778rem
}

.data-integration-scenario article {
  margin-bottom: 0
}

@media (max-width:991.98px) {
  .data-integration-scenario .rectangle {
    background: #fff
  }

  .data-integration-scenario article:not(:last-child) {
    margin-bottom: 3.7777777778rem
  }
}

@media (max-width:767.98px) {
  .data-integration-scenario .rectangle {
    height: auto
  }

  .data-integration-scenario .rectangle .banner-wrapper .video-rectangle {
    height: auto
  }
}

.data-integration-pipeline h2 {
  margin-bottom: .8888888889rem;
  text-align: center
}

.data-integration-pipeline p {
  margin-bottom: 1.3333333333rem
}

.data-integration-pipeline p.description {
  font-size: 1.7777777778rem;
  line-height: 2.2222222222rem;
  font-weight: 300;
  margin-bottom: 4.4444444444rem;
  text-align: center
}

.data-integration-pipeline .dot li {
  position: relative;
  padding-left: 24px
}

.data-integration-pipeline .dot li::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0;
  left: 0;
  position: absolute
}

.data-integration-pipeline .wrapper {
  overflow-y: scroll;
  max-height: 386px;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.data-integration-pipeline .wrapper::-webkit-scrollbar {
  display: none
}

@media (max-width:991.98px) {
  .data-integration-pipeline .dot {
    margin-bottom: 2.3333333333rem
  }

  .data-integration-pipeline h2 {
    text-align: left
  }

  .data-integration-pipeline p.description {
    text-align: left
  }
}

@media (max-width:767.98px) {
  .data-integration-pipeline h2 {
    text-align: center
  }

  .data-integration-pipeline p.description {
    text-align: center
  }
}

.data-integration-support h2 {
  margin-bottom: 4.4444444444rem
}

.data-integration-support article {
  margin-bottom: 0
}

.data-integration-support article img {
  margin-bottom: 1.3333333333rem
}

.data-integration-support article h4 {
  margin-bottom: .4444444444rem
}

.data-integration-support article p {
  margin: 0
}

@media (max-width:991.98px) {
  .data-integration-support h2 {
    margin-bottom: 3.1111111111rem
  }

  .data-integration-support article {
    margin-bottom: 3.1111111111rem
  }
}

.data-integration-secure .rectangle {
  background: #f0f5fc;
  padding-top: 5.8888888889rem
}

.data-integration-secure .rectangle h2 {
  margin-bottom: 2rem
}

.data-integration-secure .rectangle p {
  margin-bottom: 2.4444444444rem
}

.data-integration-secure .rectangle a {
  text-decoration: none;
  display: block;
  margin-bottom: 3.3333333333rem;
  position: relative
}

.data-integration-secure .rectangle a span {
  display: inline-block;
  height: 1px;
  background: #dce5f2;
  width: 100%;
  position: absolute;
  top: 27px;
  left: 0
}

.data-integration-secure .rectangle a img {
  -webkit-box-shadow: 0 4px 12px rgba(15, 54, 113, .12);
  box-shadow: 0 4px 12px rgba(15, 54, 113, .12);
  position: relative
}

.data-integration-secure .rectangle article {
  margin-bottom: 5.5555555556rem
}

.data-integration-secure .rectangle article:first-child {
  padding-right: 70px
}

.data-integration-secure .rectangle article:nth-child(2) {
  padding-left: 50px;
  padding-right: 50px
}

.data-integration-secure .rectangle article:last-child {
  padding-left: 70px
}

.data-integration-secure .rectangle article .title {
  position: relative
}

.data-integration-secure .rectangle article .title img {
  position: absolute;
  top: -4px;
  left: -46px
}

.data-integration-secure .rectangle article .title h4 {
  letter-spacing: 1.2px;
  font-size: .8888888889rem;
  line-height: 1.5555555556rem
}

.data-integration-secure .rectangle article p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px;
  color: #596d8e
}

@media (max-width:991.98px) {
  .data-integration-secure .rectangle article .title img {
    position: unset;
    left: unset;
    margin-bottom: .5555555556rem
  }
}

@media (max-width:767.98px) {
  .data-integration-secure .rectangle article:first-child {
    padding-right: 30px
  }

  .data-integration-secure .rectangle article:nth-child(2) {
    padding-left: 30px;
    padding-right: 30px
  }

  .data-integration-secure .rectangle article:last-child {
    padding-left: 30px
  }
}

.package-promo .rectangle {
  height: 480px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 99px, #f0f5fc 99px, #f0f5fc calc(100% - 53px), rgba(255, 255, 255, 0) calc(100% - 53px))
}

.package-promo .rectangle svg {
  height: 100%
}

@media (max-width:991.98px) {
  .package-promo .rectangle {
    height: 360px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 72px, #f0f5fc 72px, #f0f5fc calc(100% - 40px), rgba(255, 255, 255, 0) calc(100% - 40px))
  }
}

.package-promo .button-contain {
  margin: 56px 0
}

.package-promo .dot::before {
  content: "•";
  color: #277dff;
  position: relative;
  top: 0;
  left: -20px;
  display: block;
  height: 0;
  font-size: 16px
}

@media (max-width:767.98px) {
  .package-promo .dot {
    margin-bottom: 32px
  }
}

@media (max-width:575.98px) {
  .package-promo .item {
    margin-left: 24px
  }

  .package-promo .list {
    padding-right: 15px
  }
}

@media (min-width:576px) {
  .promo-banner {
    margin-bottom: 0
  }
}

.promo-banner .banner-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.promo-banner .source-rectangle,
.promo-banner .target-rectangle {
  height: 356px;
  max-width: 610px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  margin-top: 40px;
  -webkit-box-shadow: 0 12px 48px -12px rgba(3, 16, 37, .23), 0 36px 72px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 12px 48px -12px rgba(3, 16, 37, .23), 0 36px 72px 0 rgba(15, 54, 113, .3);
  border-radius: 8px;
  z-index: 1;
  padding: 72px
}

.promo-banner .source-rectangle img,
.promo-banner .target-rectangle img {
  width: 150px;
  height: 150px;
  margin-bottom: 10px
}

.promo-banner .source-rectangle p,
.promo-banner .target-rectangle p {
  width: 100%
}

@media (max-width:1439.98px) {

  .promo-banner .source-rectangle,
  .promo-banner .target-rectangle {
    padding: 48px
  }
}

@media (max-width:1279.98px) {

  .promo-banner .source-rectangle,
  .promo-banner .target-rectangle {
    padding: 24px
  }
}

@media (max-width:991.98px) {

  .promo-banner .source-rectangle img,
  .promo-banner .target-rectangle img {
    width: 100px;
    height: 100px
  }
}

@media (max-width:767.98px) {

  .promo-banner .source-rectangle img,
  .promo-banner .target-rectangle img {
    width: 75px;
    height: 75px
  }
}

@media (max-width:575.98px) {
  .promo-banner .rectangle {
    height: 472px;
    padding: 0 15px;
    margin: 116px auto 220px
  }

  .promo-banner .banner-contain {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .promo-banner .source-rectangle {
    margin-top: -80px
  }

  .promo-banner .target-rectangle {
    margin: 0
  }

  .promo-banner .source-rectangle,
  .promo-banner .target-rectangle {
    min-height: 272px;
    height: auto
  }

  .promo-banner .source-rectangle img,
  .promo-banner .target-rectangle img {
    width: 75px;
    height: 75px
  }
}

.promo-banner .connect-image {
  background-image: url(https://skyvia.com/assets/img/saddle.svg);
  width: 240px;
  height: 145px;
  position: relative;
  margin: 0 -60px
}

.promo-banner .connect-image .arrow {
  position: absolute;
  top: 55%;
  left: 41%;
  width: 40px
}

@media (max-width:575.98px) {
  .promo-banner .connect-image {
    background-image: url(https://skyvia.com/assets/img/saddle-vert.svg);
    margin: 0;
    width: 80px;
    height: 76px;
    background-position: center
  }

  .promo-banner .connect-image .arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 25%
  }
}

.promo-banner .two-top-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.promo-banner .two-top-buttons .btn {
  margin-left: 1.55556rem
}

.promo-banner .two-top-buttons .btn:first-child {
  margin-left: 0
}

@media (max-width:575.98px) {
  .promo-banner .two-top-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .promo-banner .two-top-buttons .btn {
    margin-left: 0;
    margin-top: 1.5rem
  }

  .promo-banner .two-top-buttons .btn:first-child {
    margin-top: 0
  }
}

.promo-banner-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 48px;
  border-bottom: 1px solid #dce5f2;
  padding: 32px 0;
  margin-top: 80px
}

.promo-banner-footer p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 0
}

.promo-banner-footer a {
  color: #277dff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px
}

.package-key-features h2 {
  margin-bottom: 80px
}

.package-key-features article {
  border-radius: 6px;
  background-color: #f0f5fc;
  padding: 56px 116px;
  margin: 40px 0
}

.package-key-features img {
  width: 100%;
  max-width: 515px;
  margin: -4px 0 -20px
}

.package-key-features .content-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.package-key-features .content-align p {
  margin-bottom: 0
}

@media (max-width:991.98px) {
  .package-key-features article {
    padding: 56px 24px
  }

  .package-key-features img {
    width: 100%
  }
}

@media (max-width:767.98px) {
  .package-key-features article .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .package-key-features img {
    width: 100%;
    margin-bottom: 32px
  }
}

.package-how-to-work h2 {
  margin-bottom: 56px
}

.package-how-to-work ul {
  padding: 0;
  list-style: none;
  margin-top: 106px
}

.package-how-to-work ul li a h4 {
  margin-bottom: 0
}

.package-how-to-work ul li a p {
  color: #485a76;
  margin-bottom: 48px
}

.package-how-to-work ul li.nav-item {
  width: 100%
}

.package-how-to-work ul li.nav-item .nav-link.active h4 {
  color: #277dff;
  position: relative
}

.package-how-to-work ul li.nav-item .nav-link.active h4:after {
  content: " ";
  position: absolute;
  top: 12px;
  left: 136px;
  right: -60px;
  border-top: 2px solid #277dff
}

.package-how-to-work ul li.nav-item .nav-link.active.long-name h4:after {
  left: 224px
}

.package-how-to-work .tab-content {
  position: relative;
  border-radius: 6px;
  height: 100%;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3)
}

.package-how-to-work .tab-content .tab-header {
  height: 27px;
  width: 100%;
  background-color: #dce5f2;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px
}

.package-how-to-work .tab-content .tab-header .circle {
  height: 8.82px;
  width: 8.82px;
  border-radius: 50px;
  background-color: #afc4e3;
  margin-right: 4px
}

.package-how-to-work .tab-content img {
  width: 100%
}

@media (max-width:991.98px) {
  .package-how-to-work .container {
    max-width: 95%
  }

  .package-how-to-work .row {
    overflow-x: auto
  }

  .package-how-to-work .row ::-webkit-scrollbar {
    width: 0;
    height: 0
  }

  .package-how-to-work .row ::-webkit-scrollbar-thumb {
    background: 0 0
  }

  .package-how-to-work .row ::-webkit-scrollbar-track {
    background-color: transparent
  }

  .package-how-to-work .col-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .package-how-to-work .tab-content {
    position: initial;
    margin-bottom: 32px;
    margin-right: 30px;
    height: auto
  }

  .package-how-to-work .tab-pane {
    display: block;
    width: 634px
  }

  .package-how-to-work .flex-column {
    margin: 0;
    padding-left: 0
  }
}

@media (max-width:767.98px) {
  .package-how-to-work .tab-content {
    margin-bottom: 24px
  }

  .package-how-to-work .tab-content .tab-header {
    height: 16px
  }

  .package-how-to-work .tab-content .tab-header .circle {
    height: 5px;
    width: 5px
  }

  .package-how-to-work .tab-pane {
    width: 380px
  }
}

@media (max-width:575.98px) {
  .package-how-to-work .tab-content {
    margin-bottom: 12px
  }

  .package-how-to-work .tab-content .tab-header {
    height: 9px
  }

  .package-how-to-work .tab-content .tab-header .circle {
    height: 2.7px;
    width: 2.7px
  }

  .package-how-to-work .tab-pane {
    width: 205px
  }
}

.package-kinds-support .description {
  margin-bottom: 40px
}

.package-kinds-support h4 {
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 24px
}

.package-kinds-support ul {
  padding: 0
}

.package-kinds-support ul li {
  list-style: none;
  margin: 0 0 15px 14px
}

.package-kinds-support ul li::before {
  content: "•";
  color: #277dff;
  margin-right: 9px;
  font-size: 12px
}

.package-kinds-support img {
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  margin-bottom: 8px;
  width: 100%
}

.package-kinds-support .dot {
  line-height: 28px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.package-kinds-support .dot::before {
  content: "•";
  color: #277dff;
  position: relative;
  top: 0;
  display: block;
  height: 0;
  margin: 0 12px;
  font-size: 12px
}

@media (max-width:1279.98px) {
  .package-kinds-support .mr {
    margin-bottom: 32px
  }
}

@media (max-width:767.98px) {
  .package-kinds-support .dot {
    margin-bottom: 28px
  }
}

.package-benefits h2 {
  margin-bottom: 48px
}

.package-benefits__icon {
  margin-bottom: 20px
}

.package-tutorials h2 {
  margin-bottom: 24px
}

.package-tutorials .description {
  margin-bottom: 80px
}

.package-tutorials a {
  color: #277dff
}

.package-tutorials .read {
  text-align: center
}

@media (max-width:499.98px) {
  .package-tutorials .read {
    text-align: left
  }
}

.integrate-storage-promo h1 {
  margin-bottom: 24px
}

.integrate-storage-promo .rectangle {
  height: 340px
}

.integrate-storage-promo .rectangle .arrow-right {
  position: absolute;
  top: 50%;
  left: 58%
}

.integrate-storage-promo .rectangle .arrow-left {
  position: absolute;
  top: 50%;
  left: 30%
}

.integrate-storage-promo .rectangle .center {
  position: absolute;
  top: 40%;
  width: 50px;
  left: 40%
}

@media (max-width:575.98px) {
  .integrate-storage-promo .rectangle {
    height: 472px
  }

  .integrate-storage-promo .rectangle .arrow-right {
    top: 67%;
    left: 36%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  .integrate-storage-promo .rectangle .arrow-left {
    top: 6%;
    left: 36%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  .integrate-storage-promo .rectangle .center {
    top: 23%;
    left: 23%;
    width: 45px
  }
}

@media (max-width:767.98px) {

  .integrate-storage-benefits article:first-child,
  .integrate-storage-benefits article:nth-child(2) {
    margin-top: 28px
  }

  .integrate-storage-benefits article p {
    margin-bottom: 0
  }
}

@media (max-width:575.98px) {
  .integrate-storage-benefits article:first-child {
    margin-top: 28px
  }

  .integrate-storage-benefits article:nth-child(2) {
    margin-top: 0
  }

  .integrate-storage-benefits article p {
    margin-bottom: 0
  }
}

.integrate-storage-how-to-work .col-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.integrate-db-promo {
  margin-bottom: 0
}

.integrate-db-promo h1 {
  font-style: normal;
  font-weight: 600;
  color: #29374d;
  margin-bottom: 1.5555555556rem
}

.integrate-db-promo .description {
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 28px;
  color: #485a76
}

.integrate-db-promo .img-wrapper {
  position: absolute;
  max-width: 724px;
  width: 100%
}

.integrate-db-promo .rectangle-wrapper {
  height: 430px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 68px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.integrate-db-promo .rectangle-wrapper .rectangle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
  align-self: end;
  margin-right: 140px;
  -webkit-box-shadow: 0 17px 17px -17px rgba(56, 74, 102, .45), 0 -1px 0 #d2e0f4, 0 17px 30px rgba(75, 118, 184, .2);
  box-shadow: 0 17px 17px -17px rgba(56, 74, 102, .45), 0 -1px 0 #d2e0f4, 0 17px 30px rgba(75, 118, 184, .2);
  border-radius: 6px;
  max-width: 440px
}

.integrate-db-promo .rectangle-wrapper .rectangle .connector-wrapper {
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-box-shadow: inset 2px 0 1px rgba(255, 255, 255, .3);
  box-shadow: inset 2px 0 1px rgba(255, 255, 255, .3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' fill-opacity='.2' d='M0 0h120v120H0z'/%3E%3C/svg%3E") !important
}

.integrate-db-promo .rectangle-wrapper .rectangle .connector-wrapper .connector {
  width: 70px;
  height: 70px;
  background: #fff;
  -webkit-box-shadow: 0 11px 11px -9px rgba(15, 54, 113, .58);
  box-shadow: 0 11px 11px -9px rgba(15, 54, 113, .58);
  border-radius: 5px
}

.integrate-db-promo .rectangle-wrapper .rectangle .connector-details {
  background: #f0f5fc;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 320px
}

.integrate-db-promo .rectangle-wrapper .rectangle .connector-details h4 {
  letter-spacing: 0;
  text-transform: none;
  font-weight: 900;
  font-size: 16px;
  line-height: 18px;
  color: #374a66
}

.integrate-db-promo .rectangle-wrapper .rectangle .connector-details p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #485a76;
  margin: 0
}

.integrate-db-promo .line {
  position: absolute;
  right: 50px;
  width: 120px;
  height: 94px;
  opacity: .9;
  border-right: 4px dotted
}

.integrate-db-promo .line.top {
  top: 60px;
  border-top: 4px dotted;
  border-top-right-radius: 10%
}

.integrate-db-promo .line.bottom {
  top: 160px;
  border-bottom: 4px dotted;
  border-bottom-right-radius: 10%
}

.integrate-db-promo .skyvia-logo {
  position: absolute;
  right: 0;
  top: 100px;
  height: 100px;
  width: 100px;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, .16);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, .16)
}

.integrate-db-promo .two-top-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.integrate-db-promo .two-top-buttons .btn {
  margin-left: 1.55556rem
}

.integrate-db-promo .two-top-buttons .btn:first-child {
  margin-left: 0
}

@media (max-width:575.98px) {
  .integrate-db-promo .two-top-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .integrate-db-promo .two-top-buttons .btn {
    margin-left: 0;
    margin-top: 1.5rem
  }

  .integrate-db-promo .two-top-buttons .btn:first-child {
    margin-top: 0
  }
}

.integrate-db-why-skyvia h2 {
  margin-bottom: 24px
}

.integrate-db-why-skyvia .description {
  font-weight: 400;
  font-size: 1rem;
  line-height: 28px;
  color: #485a76
}

.integrate-db-why-skyvia .ratings {
  width: 100%
}

.integrate-db-why-skyvia .ratings li {
  margin-bottom: 42px
}

@media (max-width:767.98px) {
  .integrate-db-why-skyvia .ratings {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.integrate-db-why-skyvia .benefit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 42px
}

.integrate-db-why-skyvia .benefit .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 21px;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  border: 1px solid #dce5f2;
  margin-bottom: 24px
}

.integrate-db-why-skyvia .benefit .desc {
  text-align: center
}

@media (min-width:576px) {
  .integrate-db-why-skyvia .benefit {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .integrate-db-why-skyvia .benefit .img {
    margin-bottom: 0;
    margin-right: 28px
  }

  .integrate-db-why-skyvia .benefit .desc {
    text-align: start
  }
}

.integrate-db-why-skyvia .benefit p {
  font-size: 16px;
  margin: 0
}

.integrate-db-get-started-now {
  height: 352px
}

.integrate-db-get-started-now .container {
  overflow: hidden;
  position: relative;
  background: #0084e4;
  height: 100%
}

.integrate-db-get-started-now .container .shift-left,
.integrate-db-get-started-now .container .shift-right {
  position: absolute
}

.integrate-db-get-started-now .container .shift-left>img,
.integrate-db-get-started-now .container .shift-right>img {
  background: #fff;
  -webkit-box-shadow: 0 6px 12px rgba(15, 54, 113, .16);
  box-shadow: 0 6px 12px rgba(15, 54, 113, .16);
  border-radius: 4px
}

.integrate-db-get-started-now .container .shift-left {
  left: -395px
}

@media (min-width:576px) {
  .integrate-db-get-started-now .container .shift-left {
    left: -250px
  }
}

@media (min-width:768px) {
  .integrate-db-get-started-now .container .shift-left {
    left: -189px
  }
}

@media (min-width:992px) {
  .integrate-db-get-started-now .container .shift-left {
    left: -145px
  }
}

@media (min-width:1280px) {
  .integrate-db-get-started-now .container .shift-left {
    left: 0
  }
}

.integrate-db-get-started-now .container .shift-right {
  right: -395px
}

@media (min-width:576px) {
  .integrate-db-get-started-now .container .shift-right {
    right: -250px
  }
}

@media (min-width:768px) {
  .integrate-db-get-started-now .container .shift-right {
    right: -189px
  }
}

@media (min-width:992px) {
  .integrate-db-get-started-now .container .shift-right {
    right: -145px
  }
}

@media (min-width:1280px) {
  .integrate-db-get-started-now .container .shift-right {
    right: 0
  }
}

.integrate-db-get-started-now .container .content {
  height: 100%
}

.integrate-db-get-started-now .container h2 {
  color: #fff;
  margin-bottom: 24px
}

.integrate-db-get-started-now .container p {
  color: #fff;
  margin-bottom: 15px
}

.integrate-db-get-started-now .container .buttons-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (min-width:576px) {
  .integrate-db-get-started-now .container .buttons-wrapper {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }
}

.integrate-db-get-started-now .container .buttons-wrapper .btn {
  width: 200px;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: .7px;
  text-transform: uppercase;
  margin: 13px;
  color: #374a66
}

.integrate-db-get-started-now .container .buttons-wrapper .btn.try {
  background: #ffde00
}

.integrate-db-get-started-now .container .buttons-wrapper .btn.request {
  background: #fff
}

.integrate-db-tabs h2 {
  margin-bottom: 58px
}

.integrate-db-tabs ul {
  padding: 0;
  list-style: none;
  border-left: 1px solid #dce5f2
}

.integrate-db-tabs ul li.nav-item {
  width: 100%
}

.integrate-db-tabs ul li.nav-item:not(:last-child) {
  margin-bottom: 28px
}

.integrate-db-tabs ul li.nav-item .nav-link {
  position: relative;
  cursor: pointer
}

.integrate-db-tabs ul li.nav-item .nav-link h4 {
  color: #afc4e3;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding-left: 30px;
  margin: 0
}

.integrate-db-tabs ul li.nav-item .nav-link.active h4,
.integrate-db-tabs ul li.nav-item .nav-link[aria-expanded=true] h4 {
  color: #374a66
}

.integrate-db-tabs ul li.nav-item .nav-link.active:after,
.integrate-db-tabs ul li.nav-item .nav-link[aria-expanded=true]:after {
  content: " ";
  position: absolute;
  top: -3px;
  bottom: 0;
  background-color: #277dff;
  width: 4px;
  height: 34px
}

.integrate-db-tabs .wrapper.flex-wrap {
  padding: 64px 80px;
  background: #00b5ee;
  border-radius: 6px
}

.integrate-db-tabs .wrapper.flex-wrap p {
  margin: 38px 0 0;
  color: #fff
}

.integrate-db-tabs .wrapper .img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.integrate-db-tabs .wrapper .img-wrapper img {
  width: 100%;
  border-radius: 4px;
  -webkit-box-shadow: 0 49px 15px -40px rgba(15, 54, 113, .3), 0 16px 32px -32px rgba(56, 74, 102, .8), 0 16px 32px rgba(15, 54, 113, .3);
  box-shadow: 0 49px 15px -40px rgba(15, 54, 113, .3), 0 16px 32px -32px rgba(56, 74, 102, .8), 0 16px 32px rgba(15, 54, 113, .3)
}

.integrate-db-tabs p {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px
}

@media (min-width:1280px) {
  .integrate-db-tabs .wrapper {
    padding: 0 !important;
    background: 0 0 !important
  }

  .integrate-db-tabs .wrapper .img-wrapper {
    padding: 64px 80px;
    background: #00b5ee;
    border-radius: 6px
  }

  .integrate-db-tabs .wrapper .img-wrapper img {
    width: auto;
    border-radius: 4px
  }

  .integrate-db-tabs .wrapper p {
    margin: 60px 36px !important;
    color: #374a66 !important
  }
}

.integrate-db-tabs .collapse {
  display: none
}

.integrate-db-tabs .collapse.show {
  display: block
}

.integrate-db-tabs .collapse .wrapper {
  background: #00b5ee;
  border-radius: 6px;
  padding: 10% 5%;
  margin-bottom: 42px
}

.integrate-db-tabs .collapse .wrapper p {
  text-align: center;
  margin: 38px 0 0;
  color: #fff
}

.integrate-db-tabs .collapse .wrapper img {
  width: 100%;
  border-radius: 4px;
  -webkit-box-shadow: 0 49px 15px -40px rgba(15, 54, 113, .3), 0 16px 32px -32px rgba(56, 74, 102, .8), 0 16px 32px rgba(15, 54, 113, .3);
  box-shadow: 0 49px 15px -40px rgba(15, 54, 113, .3), 0 16px 32px -32px rgba(56, 74, 102, .8), 0 16px 32px rgba(15, 54, 113, .3)
}

.scenarios h2 {
  margin-bottom: 24px
}

.scenarios .description {
  margin-bottom: 24px
}

.scenarios h4 {
  line-height: 28px
}

.scenarios article {
  margin-bottom: 2.6rem
}

.scenarios article p {
  margin-bottom: .6rem
}

@media (min-width:992px) {
  .scenarios article::before {
    content: "•";
    color: #277dff;
    position: absolute;
    top: 4px;
    left: 12px;
    display: block;
    height: 0;
    font-size: 12px;
    font-weight: 700
  }
}

.scenarios .sign-btn {
  margin-bottom: 42px
}

.integrate-db-dwh-use-cases p {
  margin-bottom: 56px
}

.csv-integration-keys img {
  border: 1px solid #c5d4ea;
  border-radius: 50%;
  margin-bottom: 24px
}

.integrate-csv-tabs ul {
  padding: 0;
  list-style: none
}

.integrate-csv-tabs ul li a h4 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px
}

.integrate-csv-tabs ul li a p {
  color: #485a76;
  margin-bottom: 48px
}

.integrate-csv-tabs ul li.nav-item {
  width: 100%
}

.integrate-csv-tabs ul li.nav-item .nav-link {
  position: relative
}

.integrate-csv-tabs ul li.nav-item .nav-link.active h4 {
  color: #277dff
}

.integrate-csv-tabs ul li.nav-item .nav-link.active:after {
  content: " ";
  position: absolute;
  top: 0;
  left: -14px;
  bottom: 0;
  background-color: #277dff;
  width: 2px;
  height: 100%
}

.integrate-csv-tabs .tab-content {
  position: relative;
  height: 100%
}

.integrate-csv-tabs .tab-content img {
  width: 100%
}

.integrate-csv-tabs .justify-content-center a {
  margin-top: 120px;
  margin-bottom: 120px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.integrate-csv-tabs .justify-content-center a:after {
  content: url(https://skyvia.com/assets/img/arrow_right.svg);
  height: 24px
}

.csv-solution .rectangle {
  border-radius: 6px;
  background-color: #f0f5fc;
  padding: 56px 116px;
  margin: 40px 0 120px
}

.csv-solution .rectangle .margin {
  margin-top: 100px
}

.csv-solution .rectangle h4 {
  font-size: 16px;
  height: 24px;
  line-height: 24px
}

.csv-solution .rectangle p {
  font-size: 16px;
  line-height: 24px
}

.csv-solution .rectangle svg {
  margin-left: -6px;
  margin-bottom: 12px
}

@media (max-width:991.98px) {
  .csv-solution .rectangle {
    padding: 56px 24px
  }
}

@media (max-width:767.98px) {
  .csv-solution .rectangle .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.integrate-cloud-nosync-promo h1 {
  margin-bottom: 24px
}

.integrate-cloud-nosync-promo .rectangle {
  height: 340px;
  position: relative
}

@media (max-width:575.98px) {
  .integrate-cloud-nosync-promo .rectangle {
    height: 472px
  }
}

.integrate-cloud-nomapping-promo h1 {
  margin-bottom: 24px
}

.integrate-cloud-nomapping-promo .rectangle {
  height: 340px
}

@media (max-width:575.98px) {
  .integrate-cloud-nomapping-promo .rectangle {
    height: 472px
  }
}

.replicate-cloud-promo h1 {
  margin-bottom: 24px
}

.replicate-cloud-promo .rectangle {
  height: 340px
}

@media (max-width:575.98px) {
  .replicate-cloud-promo .rectangle {
    height: 472px
  }
}

.replicate-cloud-tool h2 {
  margin-bottom: 24px
}

.replicate-cloud-tool p:last-child {
  margin: 0 auto
}

.replicate-cloud-tool .col-5 {
  margin: 0 auto
}

.replicate-cloud-tool .icon-contain {
  position: relative;
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(https://skyvia.com/assets/img/etl-data-import.svg)
}

.replicate-cloud-tool .left {
  height: 85px;
  width: 85px;
  position: absolute;
  top: 45px;
  left: 50px
}

.replicate-cloud-tool .right {
  height: 85px;
  width: 85px;
  position: absolute;
  top: 45px;
  right: 50px
}

@media (max-width:575.98px) {
  .replicate-cloud-tool .icon-contain {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
  }
}

.replicate-cloud-monitoring h2 {
  margin-bottom: 56px
}

.replicate-cloud-monitoring img {
  margin-bottom: 16px;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3)
}

.replicate-cloud-monitoring p {
  margin-bottom: 0
}

@media (max-width:991.98px) {
  .replicate-cloud-monitoring p {
    margin-bottom: 24px
  }
}

.ranked {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  list-style-type: none;
  -webkit-padding-start: 0;
  padding-inline-start: 0
}

.ranked article {
  border-radius: 4px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 18px 44px 32px;
  margin: 0
}

.ranked article svg {
  height: 74px;
  margin-bottom: 16px
}

.ranked article h4 {
  font-weight: 900;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  text-transform: capitalize;
  color: #29374d;
  margin-bottom: 5px;
  letter-spacing: 0
}

.ranked article p {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #53678b;
  margin-bottom: 14px
}

.ranked article .score {
  position: relative;
  font-weight: 800;
  font-size: 30px;
  line-height: 26px;
  text-align: center;
  text-transform: capitalize;
  color: #29374d
}

.ranked article .score sup {
  position: absolute;
  top: 0;
  font-weight: 800;
  font-size: 12px;
  line-height: 14px;
  text-transform: capitalize;
  color: #29374d
}

.ranked .badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px
}

.integrate-get-started-now .buttons-wrapper {
  gap: 28px
}

.integrate-get-started-now .buttons-wrapper .btn {
  width: 236px
}

.integrate-why-skyvia {
  border-radius: 4px;
  background: #f0f5fc;
  padding: 100px 70px
}

.integrate-why-skyvia a {
  text-decoration: none;
  display: block;
  margin-bottom: 3.3333333333rem;
  position: relative
}

.integrate-why-skyvia a span {
  display: inline-block;
  height: 1px;
  background: #dce5f2;
  width: 100%;
  position: absolute;
  top: 27px;
  left: 0
}

.integrate-why-skyvia a img {
  -webkit-box-shadow: 0 4px 12px rgba(15, 54, 113, .12);
  box-shadow: 0 4px 12px rgba(15, 54, 113, .12);
  position: relative
}

.integrate-why-skyvia .description {
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  color: #485a76;
  margin: 26px 0 52px
}

.integrate-why-skyvia .benefit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0
}

.integrate-why-skyvia .benefit .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 6px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #dce5f2;
  margin-right: 10px
}

.integrate-why-skyvia .benefit .desc h4 {
  color: #29374d;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  line-height: 40px;
  margin: 0
}

.integrate-why-skyvia .benefit .desc p {
  color: #596d8e;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0
}

.integrate-faqs h2 {
  margin-bottom: 66px
}

.replicate-cloud-tabs h2 {
  margin-bottom: 56px
}

.replicate-cloud-tabs .wrapper .img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.replicate-cloud-tabs .wrapper .img-wrapper img {
  width: 100%;
  border-radius: 4px;
  -webkit-box-shadow: 0 49px 15px -40px rgba(15, 54, 113, .3), 0 16px 32px -32px rgba(56, 74, 102, .8), 0 16px 32px rgba(15, 54, 113, .3);
  box-shadow: 0 49px 15px -40px rgba(15, 54, 113, .3), 0 16px 32px -32px rgba(56, 74, 102, .8), 0 16px 32px rgba(15, 54, 113, .3)
}

@media (min-width:1280px) {
  .replicate-cloud-tabs .wrapper {
    padding: 0 !important;
    background: 0 0 !important
  }

  .replicate-cloud-tabs .wrapper .img-wrapper {
    padding: 64px 80px;
    background: #277dff;
    border-radius: 6px
  }

  .replicate-cloud-tabs .wrapper .img-wrapper img {
    width: auto;
    border-radius: 4px
  }
}

.replicate-cloud-tabs .accordion .accordion-item {
  margin-bottom: 24px
}

.replicate-cloud-tabs .accordion .accordion-header .step {
  position: absolute;
  color: #277dff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 1.2px;
  text-transform: uppercase
}

.replicate-cloud-warehouse-promo h1 {
  margin-bottom: 24px
}

.replicate-cloud-warehouse-promo .description {
  margin-bottom: 56px
}

.replicate-cloud-warehouse-promo .rectangle {
  height: 340px
}

@media (max-width:575.98px) {
  .replicate-cloud-warehouse-promo .rectangle {
    height: 472px
  }
}

.replicate-cloud-warehouse-steps h2 {
  margin-bottom: 24px
}

.replicate-cloud-warehouse-steps p {
  margin-bottom: 56px
}

.migrate-crm-promo h1 {
  margin-bottom: 24px
}

.migrate-crm-promo .rectangle {
  height: 340px
}

@media (max-width:575.98px) {
  .migrate-crm-promo .rectangle {
    height: 472px
  }
}

.migrate-crm-scenarios p {
  margin-bottom: 32px
}

.migrate-crm-scenarios .desc {
  margin-bottom: 0
}

.migrate-crm-scenarios .btn-default {
  border: 1px solid #277dff
}

@media (max-width:767.98px) {
  .migrate-crm-scenarios .btn-default {
    margin-bottom: 36px
  }
}

.integrate-cloud-dwh-promo h1 {
  margin-bottom: 24px
}

.integrate-cloud-dwh-promo .description {
  margin-bottom: 56px
}

.integrate-cloud-dwh-promo .rectangle {
  height: 340px
}

@media (max-width:575.98px) {
  .integrate-cloud-dwh-promo .rectangle {
    height: 472px
  }
}

.integrate-cloud-dwh-info .col-8 {
  margin: 0 auto
}

.integrate-cloud-dwh-info p {
  margin-bottom: 80px
}

.integrate-cloud-dwh-info h4 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px
}

.integrate-cloud-dwh-info .desc {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 56px
}

.integrate-cloud-dwh-info .btn-default {
  border: 1px solid #277dff;
  margin: 0 auto
}

.integrate-cloud-dwh-scenarios h2 {
  margin-bottom: 24px
}

.integrate-cloud-dwh-scenarios .description {
  margin-bottom: 56px
}

.integrate-cloud-dwh-scenarios h4 {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.integrate-cloud-dwh-scenarios h4::before {
  content: "•";
  color: #277dff;
  position: absolute;
  top: 0;
  display: block;
  height: 0;
  margin: 0 12px;
  left: 0;
  font-size: 12px
}

.integrate-cloud-dwh-scenarios .btn-default {
  border: 1px solid #277dff
}

@media (max-width:767.98px) {
  .bi-promo {
    margin-bottom: 7.55556rem
  }
}

.bi-promo h1 {
  margin-bottom: 56px
}

.bi-promo .rectangle {
  height: 340px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.bi-promo .rectangle .bi-banner {
  height: 324px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  position: absolute;
  top: 40px;
  -webkit-box-shadow: 0 12px 48px -12px rgba(3, 16, 37, .23), 0 36px 72px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 12px 48px -12px rgba(3, 16, 37, .23), 0 36px 72px 0 rgba(15, 54, 113, .3);
  border-radius: 8px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%
}

.bi-promo .rectangle .bi-banner .row {
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.bi-promo .rectangle .bi-banner img {
  max-height: 200px
}

.bi-promo .rectangle .bi-banner .col-lg-7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:767.98px) {
  .bi-promo .rectangle .bi-banner {
    height: auto
  }

  .bi-promo .rectangle .bi-banner h4 {
    text-align: center
  }
}

.bi-supported h2 {
  margin-bottom: 144px
}

.bi-supported .expand-list {
  margin-top: 0
}

.bi-analyze .svg .source {
  position: absolute;
  bottom: 0;
  left: 13%
}

.bi-analyze .svg .skyvia {
  position: absolute;
  bottom: 0;
  left: 36%
}

.bi-analyze .svg .data {
  position: absolute;
  bottom: 0;
  width: 100px;
  right: 33%;
  text-align: center
}

.bi-analyze .svg .bi {
  position: absolute;
  bottom: 0;
  right: 13%
}

@media (max-width:1279.98px) {
  .bi-analyze .svg .bi {
    right: 11%
  }

  .bi-analyze .svg .source {
    left: 11%
  }

  .bi-analyze .svg .skyvia {
    left: 35%
  }

  .bi-analyze .svg .data {
    right: 29%
  }
}

@media (max-width:575.98px) {

  .bi-analyze .svg .bi,
  .bi-analyze .svg .data,
  .bi-analyze .svg .skyvia,
  .bi-analyze .svg .source {
    bottom: -28px
  }

  .bi-analyze .svg .data {
    width: 80px
  }
}

.bi-analyze .col-6 {
  margin: 0 25%
}

.bi-analyze h2 {
  margin-bottom: 3.1111111111rem
}

.bi-easy-to-use h2 {
  margin-bottom: 3.1111111111rem
}

.bi-easy-to-use h4 {
  font-size: 1rem;
  line-height: 1.5555555556;
  margin-bottom: .4444444444rem
}

.bi-etl-no-coding .btn-default {
  border: 1px solid #277dff;
  text-transform: uppercase;
  margin: 0 auto
}

.bi-etl-no-coding p {
  margin: 0 auto 56px
}

.bi-etl-no-coding h2 {
  margin: 0 auto 24px
}

.source-bi-promo h1 {
  margin-bottom: 56px;
  word-break: unset
}

.source-bi-promo .rectangle {
  height: 340px
}

@media (max-width:575.98px) {
  .source-bi-promo .rectangle {
    height: 472px
  }
}

.source-bi-etl-elt h2 {
  margin-bottom: 40px
}

.source-bi-etl-elt img {
  margin-bottom: 32px
}

.source-bi-etl-elt p {
  margin-bottom: 0
}

@media (max-width:991.98px) {
  .source-bi-etl-elt .mb {
    margin-bottom: 32px
  }
}

.source-bi-features .btn-default {
  border: 1px solid #277dff
}

.source-bi-features h2 {
  margin-bottom: 24px
}

.source-bi-features p {
  margin-bottom: 80px
}

.salesforce-data-loader-promo h1 {
  margin-bottom: 1.3333333333rem
}

.salesforce-data-loader-promo .description {
  margin-bottom: 5.4444444444rem;
  font-weight: 300
}

.salesforce-data-loader-promo .rectangle {
  height: 380px;
  background-color: #6fccf0;
  margin: 0 0 125px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.salesforce-data-loader-promo .rectangle .connectors__list {
  position: absolute;
  list-style: none;
  margin: 0 -54px;
  padding: 12px 0;
  max-height: 192px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(100% + 108px)
}

.salesforce-data-loader-promo .rectangle .connectors__list .connectors__item {
  display: inline-block
}

.salesforce-data-loader-promo .rectangle .connectors__list .connectors__item .connector {
  margin: 12px;
  width: 60px;
  border-radius: 4px;
  background: #fff
}

.salesforce-data-loader-promo .rectangle .wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.salesforce-data-loader-promo .rectangle .wrapper img {
  max-width: 876px;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, .16);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, .16);
  border-radius: 6px;
  margin: 0 auto
}

.salesforce-data-loader-promo .rectangle .wrapper svg {
  width: 100%;
  margin: 0 auto
}

@media (max-width:991.98px) {
  .salesforce-data-loader-promo .rectangle {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden
  }

  .salesforce-data-loader-promo .rectangle .connectors__list {
    height: 108px
  }

  .salesforce-data-loader-promo .rectangle .wrapper {
    margin-top: 142px
  }

  .salesforce-data-loader-promo .rectangle .wrapper img {
    max-width: 592px
  }
}

@media (max-width:767.98px) {
  .salesforce-data-loader-promo .rectangle {
    height: auto
  }

  .salesforce-data-loader-promo .rectangle .connectors__list {
    height: 88px
  }

  .salesforce-data-loader-promo .rectangle .wrapper {
    margin-top: 100px
  }
}

.easy-secure p {
  margin-bottom: 0
}

.easy-secure .supports {
  margin-top: 80px
}

.easy-secure .supports p {
  margin-bottom: 2rem
}

.easy-secure table {
  width: 100%;
  border: 1px solid #dce5f2;
  overflow: hidden;
  border-radius: 4px;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, .16);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, .16)
}

.easy-secure table img {
  margin-right: 12px
}

.easy-secure table tr {
  font-size: .8888888889rem;
  line-height: 1.5555555556rem;
  border-bottom: 1px solid #dce5f2
}

.easy-secure table tr td {
  padding: 14px 4px;
  color: #596d8e;
  padding-left: 50px
}

.easy-secure table tr th {
  padding: 14px 4px;
  font-weight: 600;
  padding-left: 50px
}

@media (max-width:991.98px) {

  .easy-secure table tr td,
  .easy-secure table tr th {
    padding: 14px
  }
}

@media (max-width:991.98px) {
  .easy-secure p {
    margin-bottom: 3rem
  }

  .easy-secure .supports {
    margin-top: 0
  }
}

@media (min-width:992px) {
  .easy-secure .baseline {
    margin-top: 1.275rem
  }
}

.oauth-support .container {
  background: radial-gradient(65.34% 369% at 50% 0, #2f65ac 0, #152a4d 100%)
}

.oauth-support .container h2 {
  margin-bottom: 1.3333333333rem;
  margin-top: 6.1111111111rem;
  color: #fff
}

.oauth-support .container p {
  color: #fff
}

.oauth-support .container .btn-outline-primary {
  margin-bottom: 3.1111111111rem;
  color: #c8e3fc;
  border-color: #c8e3fc;
  text-transform: none;
  padding-top: 10px;
  padding-bottom: 10px
}

.oauth-support .container .btn-outline-primary span {
  position: relative;
  padding-right: 28px
}

.oauth-support .container .btn-outline-primary span::after {
  content: url(https://skyvia.com/assets/img/v1_icons_go.svg);
  position: absolute;
  color: #c8e3fc;
  top: -6px;
  right: 0;
  width: 24px;
  height: 24px;
  -webkit-transition: margin-left .1s ease-out;
  transition: margin-left .1s ease-out
}

.oauth-support .container .free-plan {
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, .16);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, .16);
  margin-bottom: -64px;
  padding-top: 3.8888888889rem
}

.oauth-support .container .free-plan h2 {
  font-size: 1.7777777778rem;
  line-height: 2.3333333333rem;
  margin-bottom: 1rem;
  margin-top: 0;
  color: #485a76;
  font-weight: 300
}

.oauth-support .container .free-plan p {
  color: #596d8e;
  font-size: .8888888889rem;
  line-height: 1.3333333333rem
}

.oauth-support .container .free-plan .btn-success {
  color: #fff;
  margin-bottom: 5.3333333333rem
}

.oauth-support .container .free-plan img {
  margin-bottom: .4444444444rem
}

@media (min-width:992px) {
  .oauth-support .container .free-plan .mr {
    margin-top: .575rem
  }
}

@media (max-width:991.98px) {
  .oauth-support .container {
    background: #fff
  }

  .oauth-support .container h2 {
    color: #29374d
  }

  .oauth-support .container p {
    color: #485a76
  }

  .oauth-support .container .btn-outline-primary {
    color: #277dff;
    border-color: #277dff
  }

  .oauth-support .container .free-plan {
    margin-bottom: 0
  }
}

.data-import h2 {
  margin-bottom: 1.3333333333rem
}

.data-import .description {
  margin-bottom: 2.4444444444rem
}

.data-import .dot {
  padding: 0;
  margin: 6rem 0
}

.data-import .dot li {
  color: #596d8e
}

.data-import .dot li::before {
  color: #596d8e
}

.data-import .rectangle {
  background: #f0f5fc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 4.4444444444rem
}

.data-import .rectangle .img-wrapper {
  position: relative;
  border-radius: 6px;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3)
}

.data-import .rectangle .img-wrapper .tab-header {
  height: 18px;
  width: 100%;
  background-color: #99b3dc;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px
}

.data-import .rectangle .img-wrapper .tab-header .circle {
  height: 6px;
  width: 6px;
  border-radius: 50px;
  background-color: #afc4e3;
  margin-right: 4px
}

.data-import .rectangle .img-wrapper img {
  width: 100%;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px
}

@media (min-width:992px) {
  .data-import .rectangle .img-wrapper {
    margin-top: 4.2222222222rem;
    margin-bottom: 4.7777777778rem
  }
}

.data-import .mb {
  margin-bottom: 42px
}

.data-import article {
  margin-bottom: 0
}

.data-import article.mr {
  margin-bottom: 4.4444444444rem
}

.data-import article h3,
.data-import article h4 {
  margin-bottom: .6666666667rem;
  letter-spacing: 1px
}

.data-import article p {
  font-size: .8888888889rem;
  line-height: 1.4444444444rem;
  margin-bottom: 0
}

@media (max-width:991.98px) {
  .data-import .rectangle {
    padding-top: 56px;
    padding-bottom: 56px
  }

  .data-import .dot {
    margin: 0 0 36px
  }
}

@media (max-width:575.98px) {
  .data-import article {
    margin-bottom: 4.4444444444rem
  }
}

.tutorials .container h2 {
  margin-bottom: 1.3333333333rem;
  text-align: center
}

.tutorials .container .description {
  margin-bottom: 4.4444444444rem;
  text-align: center
}

.tutorials .container article {
  margin-bottom: 3.1111111111rem
}

.tutorials .container article h4 {
  font-size: .8888888889rem;
  line-height: 1.3333333333rem;
  letter-spacing: 1px;
  margin-bottom: .6666666667rem
}

.tutorials .container article p {
  margin-bottom: .6666666667rem;
  font-size: .8888888889rem;
  line-height: 1.3333333333rem
}

@media (max-width:991.98px) {
  .tutorials .container h2 {
    text-align: start
  }

  .tutorials .container .description {
    text-align: start
  }
}

.more h2 {
  margin-bottom: 1.3333333333rem
}

.more .description {
  margin-bottom: 3.5555555556rem
}

.more .rectangle {
  background: #f0f5fc
}

.more .rectangle h4 {
  letter-spacing: 1.2px;
  margin-bottom: .4444444444rem;
  margin-top: 3.1111111111rem
}

.more .rectangle:not(:last-child) {
  margin-bottom: 5.7777777778rem
}

.more .rectangle img {
  margin: -24px 0;
  -webkit-box-shadow: 0 16px 32px -32px #384a66;
  box-shadow: 0 16px 32px -32px #384a66;
  -webkit-filter: drop-shadow(0 16px 32px rgba(15, 54, 113, .3));
  filter: drop-shadow(0 16px 32px rgba(15, 54, 113, .3));
  border-radius: 4px;
  width: 100%;
  max-width: 640px
}

.more-scenarious h2 {
  margin-bottom: 1.3333333333rem
}

.more-scenarious .description {
  margin-bottom: 4.4444444444rem
}

.more-scenarious img {
  margin-bottom: 1.3333333333rem
}

.more-scenarious h4 {
  margin-bottom: .7222222222rem
}

.more-scenarious p {
  margin-bottom: .7777777778rem
}

@media (max-width:991.98px) {
  .more-scenarious a {
    margin-bottom: 3.8888888889rem
  }
}

.more-sources .rectangle {
  background: #f0f5fc
}

.more-sources .rectangle h2 {
  margin-top: 6.6666666667rem;
  margin-bottom: 1.9444444444rem
}

.more-sources .rectangle .desc {
  margin: 0;
  padding-bottom: 3.1111111111rem;
  border-bottom: 1px solid #dce5f2
}

.more-sources .rectangle .articles {
  margin-top: 3.1111111111rem
}

.more-sources .rectangle .articles article:first-child {
  padding-right: 70px
}

.more-sources .rectangle .articles article:nth-child(2) {
  padding-left: 50px;
  padding-right: 50px
}

.more-sources .rectangle .articles article:last-child {
  padding-left: 70px
}

.more-sources .rectangle .articles .dot {
  margin-bottom: .5555555556rem;
  position: relative
}

.more-sources .rectangle .articles .dot::before {
  left: -18px;
  content: " ";
  position: absolute;
  top: 9px;
  display: block;
  height: 8px;
  width: 8px;
  background: #277dff;
  border-radius: 50%
}

.more-sources .rectangle .articles p {
  font-size: 16px;
  line-height: 26px;
  color: #596d8e
}

@media (max-width:767.98px) {
  .more-sources .rectangle .articles article:first-child {
    padding-right: 30px
  }

  .more-sources .rectangle .articles article:nth-child(2) {
    padding-left: 30px;
    padding-right: 30px
  }

  .more-sources .rectangle .articles article:last-child {
    padding-left: 30px
  }
}

.salesforce-data-loader .customers-score .row::before {
  content: "Customers love us";
  display: block;
  /* font-family: Nunito, sans-serif; */
  font-weight: 600;
  font-size: 2.4444444444rem;
  line-height: 1.2727272727;
  color: #29374d;
  position: relative;
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  text-align: center;
  margin-bottom: 56px
}

.salesforce-data-loader-promo2 .rectangle {
  height: 272px;
  background-color: rgba(0, 161, 224, .6);
  margin: 28px 0 56px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  position: relative
}

.salesforce-data-loader-promo2 .rectangle .pair {
  display: inline-block;
  width: auto;
  /* float: right; */
  position: relative;
  line-height: 0;
  height: 216px;
  margin-right: -32px
}

@media (max-width:1279.98px) {
  .salesforce-data-loader-promo2 .rectangle .pair {
    height: 181.2024px;
    margin-right: -26.8448px
  }
}

@media (max-width:991.98px) {
  .salesforce-data-loader-promo2 .rectangle .pair {
    height: 161.3952px;
    margin-right: -23.9104px
  }
}

@media (max-width:767.98px) {
  .salesforce-data-loader-promo2 .rectangle .pair {
    height: 136.7928px;
    margin-right: -20.2656px
  }
}

@media (max-width:575.98px) {
  .salesforce-data-loader-promo2 .rectangle .pair {
    height: 112.7952px;
    margin-right: -16.7104px
  }
}

.salesforce-data-loader-promo2 .rectangle .pair>svg {
  height: 100%
}

.salesforce-data-loader-promo2 .rectangle .gal {
  position: absolute;
  left: -1010px;
  top: 50%;
  margin-top: -20px;
  height: 40px
}

@media (max-width:767.98px) {
  .salesforce-data-loader-promo2 .rectangle {
    height: 212px
  }
}

.oauth-support2 .container {
  background: #f0f5fc;
  padding: 79px 15px
}

.oauth-support2 .container img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 20px;
  max-width: 100%
}

.oauth-support2 .container h2 {
  margin-bottom: 24px
}

.oauth-support2 .container p:last-child() {
  margin-bottom: 0
}

.data-import .mb {
  margin-bottom: 42px
}

.tutorials2 .container {
  background: #f0f5fc;
  padding: 48px 12px
}

.tutorials2 .container .description {
  margin-bottom: 40px
}

.tutorials2 .container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0
}

.tutorials2 .container ul li {
  margin-bottom: 14px;
  line-height: 28px;
  font-size: 18px;
  padding-left: 0
}

.tutorials2 .container ul li a {
  color: #277dff;
  cursor: pointer
}

@media (max-width:767.98px) {
  .tutorials2 .container ul li {
    padding-left: 24px
  }
}

.more2 h2 {
  margin-bottom: 2.6666666667rem
}

.more2 article {
  margin: 0 0 2.6666666667rem
}

.more2 article p {
  margin-bottom: 0
}

.salesforce-data-loader2 .customers-score .row {
  background: #f0f5fc;
  padding-top: 80px;
  padding-bottom: 92px
}

.salesforce-data-loader2 .customers-score .row::before {
  content: "Customers love us";
  display: block;
  /* font-family: Nunito, sans-serif; */
  font-weight: 600;
  font-size: 2.4444444444rem;
  line-height: 1.2727272727;
  color: #29374d;
  position: relative;
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  text-align: center;
  margin-bottom: 56px
}

.sign-btn.margin {
  margin-top: 56px
}

.endpoint-promo {
  background-image: radial-gradient(farthest-corner circle at top, #2f65ac 0, #152a4d 100%);
  margin-bottom: 0;
  height: 800px;
  position: relative
}

.endpoint-promo img {
  width: 100%;
  margin-top: 252px
}

.endpoint-promo h1 {
  color: #fff;
  margin-top: 252px;
  margin-bottom: 40px
}

.endpoint-promo p.description {
  color: #bad2f5;
  font-size: 1.7777777778rem;
  line-height: 1.25;
  font-weight: 200;
  margin-bottom: 2.2222222222rem
}

@media (max-width:991.98px) {
  .endpoint-promo {
    height: auto
  }

  .endpoint-promo .revert {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .endpoint-promo img {
    margin-bottom: 36px
  }

  .endpoint-promo h1 {
    margin: 0 auto 16px
  }

  .endpoint-promo .description {
    margin-bottom: 38px
  }

  .endpoint-promo .btn-success {
    margin-bottom: 36px
  }
}

.endpoint-description {
  padding-top: 6.6666666667rem
}

.endpoint-description h2 {
  margin-bottom: 2.2222222222rem
}

.endpoint-how-it-work h2 {
  margin-bottom: 16px
}

.endpoint-how-it-work .description {
  margin: 0 auto 32px
}

.endpoint-how-it-work .rectangle {
  background-color: #f0f5fc;
  padding: 64px 60px
}

.endpoint-how-it-work .rectangle p {
  margin-bottom: 0
}

@media (max-width:991.98px) {
  .endpoint-how-it-work .rectangle p {
    margin-bottom: 1.55556rem
  }
}

.endpoint-how-to-work h2 {
  margin-bottom: 56px
}

.endpoint-how-to-work ul {
  padding: 0;
  list-style: none
}

.endpoint-how-to-work ul li a h4 {
  margin-bottom: 0
}

.endpoint-how-to-work ul li a p {
  margin-bottom: 44px
}

.endpoint-how-to-work ul li.nav-item {
  width: 100%
}

.endpoint-how-to-work ul li.nav-item .nav-link.active h4 {
  color: #277dff;
  position: relative
}

.endpoint-how-to-work ul li.nav-item .nav-link.active h4:after {
  content: " ";
  position: absolute;
  top: 12px;
  left: 136px;
  right: -60px;
  border-top: 2px solid #277dff
}

.endpoint-how-to-work ul li.nav-item .nav-link.active.long-name h4:after {
  left: 235px
}

.endpoint-how-to-work .tab-content {
  position: relative;
  border-radius: 6px;
  height: 100%;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3)
}

.endpoint-how-to-work .tab-content .tab-header {
  height: 27px;
  width: 100%;
  background-color: #dce5f2;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px
}

.endpoint-how-to-work .tab-content .tab-header .circle {
  height: 8.82px;
  width: 8.82px;
  border-radius: 50px;
  background-color: #afc4e3;
  margin-right: 4px
}

.endpoint-how-to-work .tab-content img {
  width: 100%
}

@media (max-width:991.98px) {
  .endpoint-how-to-work .container {
    max-width: 95%
  }

  .endpoint-how-to-work .row {
    overflow-x: auto
  }

  .endpoint-how-to-work .row ::-webkit-scrollbar {
    width: 0;
    height: 0
  }

  .endpoint-how-to-work .row ::-webkit-scrollbar-thumb {
    background: 0 0
  }

  .endpoint-how-to-work .row ::-webkit-scrollbar-track {
    background-color: transparent
  }

  .endpoint-how-to-work .col-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .endpoint-how-to-work .tab-content {
    position: initial;
    margin-bottom: 32px;
    margin-right: 30px;
    height: auto
  }

  .endpoint-how-to-work .flex-column {
    margin: 0;
    padding-left: 0
  }

  .endpoint-how-to-work .tab-pane {
    display: block;
    width: 634px
  }
}

@media (max-width:767.98px) {
  .endpoint-how-to-work .tab-content {
    margin-bottom: 24px
  }

  .endpoint-how-to-work .tab-content .tab-header {
    height: 16px
  }

  .endpoint-how-to-work .tab-content .tab-header .circle {
    height: 5px;
    width: 5px
  }

  .endpoint-how-to-work .tab-pane {
    width: 380px
  }
}

@media (max-width:575.98px) {
  .endpoint-how-to-work .tab-content {
    margin-bottom: 12px
  }

  .endpoint-how-to-work .tab-content .tab-header {
    height: 9px
  }

  .endpoint-how-to-work .tab-content .tab-header .circle {
    height: 2.7px;
    width: 2.7px
  }

  .endpoint-how-to-work .tab-pane {
    width: 205px
  }
}

.endpoint-use-cases__icon {
  position: relative;
  width: 192px;
  height: 104px;
  margin: -24px 0 0 -16px;
  background-repeat: no-repeat;
  background-image: url(https://skyvia.com/assets/img/use-cases-base-layer.svg)
}

.endpoint-use-cases__icon .center {
  height: 56px;
  width: 56px;
  position: absolute;
  top: 24px;
  left: 67px
}

.endpoint-use-cases__icon .left {
  height: 56px;
  width: 56px;
  position: absolute;
  top: 24px;
  left: 16px
}

.endpoint-use-cases__icon .right {
  height: 56px;
  width: 56px;
  position: absolute;
  top: 24px;
  right: 18px
}

.endpoint-use-cases h2 {
  margin-bottom: 56px
}

.endpoint-build-api__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.endpoint-build-api__item {
  position: relative;
  margin-bottom: 8px
}

.endpoint-build-api__item:not(:last-child):after {
  content: " ";
  position: absolute;
  top: 30px;
  left: 70px;
  right: 20px;
  border-top: 2px solid #c5d4ea
}

.endpoint-build-api__thatsall span {
  display: inline-block
}

@media (min-width:992px) {
  .endpoint-build-api__thatsall span {
    margin-top: 16px
  }

  .endpoint-build-api__thatsall span:before {
    content: url(https://skyvia.com/assets/img/arrow_left.svg);
    height: 24px;
    width: 24px;
    vertical-align: middle;
    margin-right: .25rem
  }
}

.endpoint-build-api .preheader {
  margin-bottom: 0
}

.endpoint-build-api .title {
  border-radius: 2px;
  background-color: #dce5f2;
  line-height: 1.3333333333;
  text-align: center;
  vertical-align: middle;
  margin: 4.4444444444rem 0 2.2222222222rem 0;
  font-size: 12px;
  padding: 2px 1rem;
  display: inline-block
}

.endpoint-build-api .title span {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .8px;
  text-transform: uppercase
}

.endpoint-build-api .description {
  width: 165px;
  font-size: 14px;
  line-height: 20px
}

@media (max-width:991.98px) {
  .endpoint-build-api__item {
    position: relative;
    margin-bottom: 52px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .endpoint-build-api__item:not(:last-child):after {
    content: " ";
    position: absolute;
    top: 100%;
    bottom: -40px;
    left: 50%;
    right: unset;
    border: none;
    border-left: 2px solid #c5d4ea
  }

  .endpoint-build-api .description {
    width: auto;
    text-align: center
  }
}

@media (max-width:575.98px) {
  .endpoint-build-api .title {
    width: auto;
    height: auto
  }
}

.endpoint-supported-sources .container article {
  margin-bottom: 0
}

.endpoint-supported-sources .container img {
  height: 64px;
  margin-bottom: 26px
}

.endpoint-supported-sources .container h4 {
  margin-bottom: 8px
}

.endpoint-supported-sources .container p {
  margin-bottom: 0
}

.endpoint-supported-sources .nav-tabs li {
  cursor: pointer
}

.endpoint-supported-sources .nav-tabs li a {
  color: #485a76;
  padding: 6px 30px 14px
}

.endpoint-supported-sources .nav-tabs li.active a {
  border-bottom: 2px solid #277dff;
  color: #277dff
}

@media (max-width:767.98px) {
  .endpoint-supported-sources .nav-tabs .nav {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}

@media (max-width:575.98px) {
  .endpoint-supported-sources .nav-tabs .nav {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .endpoint-supported-sources .nav-tabs li a {
    padding: 6px 6px 14px
  }
}

@media (max-width:991.98px) {
  .endpoint-supported-sources .container img {
    margin-bottom: 16px
  }
}

@media (max-width:767.98px) {
  .endpoint-supported-sources .container article {
    margin-bottom: 42px
  }
}

@media (max-width:575.98px) {
  .endpoint-supported-sources .expand-list {
    margin-top: 36px
  }

  .endpoint-supported-sources .container article {
    margin-bottom: 36px
  }
}

.banner {
  margin: 0;
  height: 320px;
  background: radial-gradient(circle, #2f65ac 0, #152a4d 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.banner .get-ready-to-easy {
  font-size: 2.4444444444rem;
  line-height: 56/44;
  color: #fff;
  margin: 0 12px
}

.banner .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.banner .btn {
  margin: 0 12px
}

.banner .btn-outline-primary {
  border: 1px solid #bad2f5;
  color: #bad2f5
}

@media (max-width:991.98px) {
  .banner .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .banner .get-ready-to-easy {
    margin: 0 0 24px;
    width: 95%
  }
}

.salesforce-connect-promo .rectangle {
  height: 272px;
  background-color: rgba(0, 161, 224, .6);
  margin: 28px 0 56px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden
}

.salesforce-connect-promo .rectangle .pair {
  display: inline-block;
  width: auto;
  /* float: right; */
  position: relative;
  line-height: 0;
  height: 216px;
  margin-right: -32px
}

@media (max-width:1279.98px) {
  .salesforce-connect-promo .rectangle .pair {
    height: 181.2024px;
    margin-right: -26.8448px
  }
}

@media (max-width:991.98px) {
  .salesforce-connect-promo .rectangle .pair {
    height: 161.3952px;
    margin-right: -23.9104px
  }
}

@media (max-width:767.98px) {
  .salesforce-connect-promo .rectangle .pair {
    height: 136.7928px;
    margin-right: -20.2656px
  }
}

@media (max-width:575.98px) {
  .salesforce-connect-promo .rectangle .pair {
    height: 112.7952px;
    margin-right: -16.7104px
  }
}

.salesforce-connect-promo .rectangle .pair>svg {
  height: 100%
}

.salesforce-connect-promo .rectangle .gal {
  position: absolute;
  left: -1010px;
  top: 50%;
  margin-top: -20px;
  height: 40px
}

@media (max-width:767.98px) {
  .salesforce-connect-promo .rectangle {
    height: 212px
  }
}

.salesforce-connect-how-it-works article {
  margin: 56px 0
}

@media (max-width:767.98px) {
  .salesforce-connect-how-it-works article {
    margin: 42px 0
  }
}

@media (max-width:575.98px) {
  .salesforce-connect-how-it-works article {
    margin: 36px 0
  }
}

.salesforce-connect-how-it-works .title p {
  margin-bottom: 0
}

@media (max-width:1279.98px) {
  .salesforce-connect-how-it-works .title {
    margin-bottom: 46px
  }
}

@media (max-width:991.98px) {
  .salesforce-connect-how-it-works .title {
    margin-bottom: 44px
  }
}

@media (max-width:767.98px) {
  .salesforce-connect-how-it-works .title {
    margin: 88px 0 42px
  }

  .salesforce-connect-how-it-works .title.mt-32 {
    margin-top: 32px
  }
}

@media (max-width:575.98px) {
  .salesforce-connect-how-it-works .title {
    margin-bottom: 36px
  }
}

.salesforce-connect-how-it-works .point {
  position: relative
}

.salesforce-connect-how-it-works .point.mt0 {
  margin-top: 0
}

.salesforce-connect-how-it-works .point img {
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  width: 100%;
  max-width: 640px;
  max-height: 468px
}

@media (min-width:992px) {
  .salesforce-connect-how-it-works .point .col-lg-5 {
    padding: 56px 0 0 116px
  }
}

@media (max-width:991.98px) {
  .salesforce-connect-how-it-works .point .desc {
    padding: 56px 0 0 36px
  }
}

@media (max-width:767.98px) {
  .salesforce-connect-how-it-works .point .col-12 {
    padding: 0 36px
  }

  .salesforce-connect-how-it-works .point .desc {
    padding: 56px 36px 0
  }

  .salesforce-connect-how-it-works .point .title {
    padding: 36px 48px
  }

  .salesforce-connect-how-it-works .point .agent-img {
    padding: 0 16px
  }

  .salesforce-connect-how-it-works .point img {
    width: 100%;
    margin-bottom: 32px
  }

  .salesforce-connect-how-it-works .point p {
    width: 95%
  }
}

.salesforce-connect-how-it-works .point::before {
  content: "";
  position: absolute;
  top: 24px;
  bottom: 24px;
  width: 100%;
  background-color: #f0f5fc;
  border-radius: 6px
}

@media (max-width:991.98px) {
  .salesforce-connect-how-it-works .point::before {
    top: 11px;
    bottom: 11px
  }
}

@media (max-width:767.98px) {
  .salesforce-connect-how-it-works .point::before {
    top: 0;
    bottom: 0
  }
}

.support-api h2 {
  margin-bottom: .8888888889rem
}

.support-api .description {
  margin-bottom: 3.1111111111rem
}

.support-api h4 {
  margin-bottom: 1.3333333333rem
}

.support-api .learn {
  color: #277dff
}

@media (max-width:991.98px) {
  .support-api .learn {
    margin-bottom: 2.4444444444rem
  }
}

.support-api .link {
  min-height: 72px;
  background: #f0f5fc;
  font-size: .7777777778rem;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.3333333333rem;
  padding: 0 1.3333333333rem;
  text-decoration: none;
  color: #485a76;
  transition: box-shadow .1s ease-in, -webkit-box-shadow .1s ease-in;
  border-radius: 2px
}

.support-api .link img {
  width: 64px;
  height: 64px
}

.support-api a.link:hover {
  -webkit-box-shadow: 0 0 2px 0 rgba(15, 54, 113, .2), 0 6px 4px -4px rgba(15, 54, 113, .3);
  box-shadow: 0 0 2px 0 rgba(15, 54, 113, .2), 0 6px 4px -4px rgba(15, 54, 113, .3)
}

.endpoint-connectivity h2 {
  margin-bottom: 56px
}

.endpoint-connectivity img {
  margin-bottom: 32px
}

.endpoint-connectivity h4 {
  margin-bottom: 12px
}

.endpoint-connectivity p {
  margin-bottom: 0
}

@media (max-width:991.98px) {
  .endpoint-connectivity p {
    margin-bottom: 44px
  }
}

.endpoint-supported h2 {
  margin-bottom: 22px
}

.endpoint-supported img {
  width: 100%;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  border-radius: 4px
}

.database-promo h1 {
  margin-bottom: 24px
}

.database-promo .description {
  margin-bottom: 56px
}

.database-promo .rectangle {
  height: 340px;
  background: radial-gradient(circle, #2f65ac 0, #152a4d 100%)
}

.database-promo .rectangle .banner-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.database-promo .rectangle .source-rectangle {
  height: 356px;
  width: 610px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  margin-top: 40px;
  -webkit-box-shadow: 0 12px 48px -12px rgba(3, 16, 37, .23), 0 36px 72px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 12px 48px -12px rgba(3, 16, 37, .23), 0 36px 72px 0 rgba(15, 54, 113, .3);
  border-radius: 8px;
  padding: 32px 72px;
  z-index: 1
}

.database-promo .rectangle .source-rectangle img {
  width: 150px;
  height: 150px;
  margin-bottom: 10px
}

.database-promo .rectangle .source-rectangle p {
  width: 100%
}

.database-promo .rectangle .connect-image {
  background-image: url(https://skyvia.com/assets/img/saddle.svg);
  background-size: cover;
  width: 180px;
  height: 120px;
  position: relative;
  margin: 40px -45px 0
}

.database-promo .rectangle .connect-image .arrow {
  position: absolute;
  top: 48%;
  left: 40%;
  width: 40px
}

@media (max-width:575.98px) {
  .database-promo .rectangle .connect-image {
    background-image: url(https://skyvia.com/assets/img/saddle-vert.svg);
    margin: 0;
    width: 80px;
    height: 76px;
    background-position: center;
    background-size: auto
  }

  .database-promo .rectangle .connect-image .arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 25%
  }
}

.database-promo .rectangle .target-rectangle {
  height: 144px;
  width: 144px;
  border-radius: 8.57px;
  margin-top: 40px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0 17px 17px -17px rgba(56, 74, 102, .75), 0 -17px 8px -17px rgba(56, 74, 102, .1), 0 17px 30px 0 rgba(15, 54, 113, .25);
  box-shadow: 0 17px 17px -17px rgba(56, 74, 102, .75), 0 -17px 8px -17px rgba(56, 74, 102, .1), 0 17px 30px 0 rgba(15, 54, 113, .25);
  z-index: 1
}

.database-promo .rectangle .target-rectangle img {
  width: 120px;
  height: 120px
}

.database-promo .rectangle .code-rectangle {
  background-image: url(https://skyvia.com/assets/img/connect-promo_database.png);
  height: 356px;
  width: 538px;
  -webkit-box-shadow: inset 0 1px 0 0 #2f65ac, 0 10px 30px 0 rgba(15, 54, 113, .1);
  box-shadow: inset 0 1px 0 0 #2f65ac, 0 10px 30px 0 rgba(15, 54, 113, .1);
  border-radius: 8px;
  margin-top: 40px;
  margin-left: -77px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
  .database-promo .rectangle .code-rectangle {
    background-image: url(https://skyvia.com/assets/img/connect-promo_database@2x.png);
    background-size: auto 356px
  }
}

@media (max-width:1439.98px) {
  .database-promo .rectangle .source-rectangle {
    padding: 48px
  }
}

@media (max-width:1279.98px) {
  .database-promo .rectangle .source-rectangle {
    padding: 24px
  }
}

@media (max-width:991.98px) {

  .database-promo .rectangle .source-rectangle img,
  .database-promo .rectangle .target-rectangle img {
    width: 100px;
    height: 100px
  }

  .database-promo .rectangle .target-rectangle {
    padding: 0
  }
}

@media (max-width:767.98px) {

  .database-promo .rectangle .source-rectangle img,
  .database-promo .rectangle .target-rectangle img {
    width: 75px;
    height: 75px
  }
}

.database-promo .two-top-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.database-promo .two-top-buttons .btn {
  margin-left: 1.55556rem
}

.database-promo .two-top-buttons .btn:first-child {
  margin-left: 0
}

@media (max-width:575.98px) {
  .database-promo .two-top-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .database-promo .two-top-buttons .btn {
    margin-left: 0;
    margin-top: 1.5rem
  }

  .database-promo .two-top-buttons .btn:first-child {
    margin-top: 0
  }
}

@media (max-width:575.98px) {
  .database-promo .rectangle {
    height: 720px;
    padding: 0 15px;
    margin: 116px auto 220px
  }

  .database-promo .rectangle .banner-contain {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
  }

  .database-promo .rectangle .source-rectangle {
    margin-top: -80px
  }

  .database-promo .rectangle .code-rectangle {
    margin: 114px 0 0
  }

  .database-promo .rectangle .target-rectangle {
    position: absolute;
    bottom: 326px
  }
}

.database-about p {
  margin-bottom: 14px
}

.database-about ul {
  padding: 0
}

.database-about ul li {
  list-style: none;
  margin-bottom: 14px
}

.database-about ul li::before {
  content: "•";
  color: #277dff;
  margin-right: 16px;
  height: 8px;
  width: 8px
}

.database-odata h2 {
  margin-bottom: 40px
}

.database-odata p {
  margin-bottom: 56px
}

.database-odata .dot {
  padding: 0
}

.database-odata .dot li {
  list-style: none;
  margin-bottom: 14px
}

.database-odata .dot li::before {
  content: "•";
  color: #277dff;
  margin-right: 16px;
  height: 8px;
  width: 8px
}

.database-odata .right {
  color: #277dff
}

.database-odata .left,
.database-odata .right {
  list-style: none;
  padding: 0;
  width: 50%
}

.database-odata .left .title,
.database-odata .right .title {
  color: #667892;
  height: 56px;
  border-bottom: 1px solid #afc4e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.database-odata .left li,
.database-odata .right li {
  margin-bottom: 22px;
  padding-left: 32px
}

@media (max-width:575.98px) {

  .database-odata .left li,
  .database-odata .right li {
    padding-left: 24px
  }
}

.database-odata .odata-img {
  background-image: url(https://skyvia.com/assets/img/odata-more-rest.svg);
  height: 170px;
  width: 830px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto;
  position: relative
}

.database-odata .odata-img .left {
  position: absolute;
  top: 30%;
  left: 2%;
  width: 48px
}

.database-odata .odata-img .center {
  position: absolute;
  top: 20%;
  left: 42%;
  width: 75px
}

.database-odata .odata-img .right {
  position: absolute;
  width: 48px;
  right: 79px;
  top: 30%
}

@media (max-width:991.98px) {
  .database-odata .odata-img {
    width: 720px
  }

  .database-odata .odata-img .center {
    left: 45%
  }

  .database-odata .odata-img .left {
    top: 28%
  }

  .database-odata .odata-img .right {
    right: 12px;
    top: 28%
  }
}

.database-key-features .btn-default {
  border: 1px solid #277dff
}

.database-key-features h2 {
  margin-bottom: 48px
}

.database-key-features p {
  margin-bottom: 56px
}

.database-key-features img {
  margin-bottom: 16px
}

.database-get-started .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.database-get-started p {
  margin-bottom: 0;
  margin-right: 40px
}

@media (max-width:991.98px) {
  .database-get-started p {
    margin: 0 0 24px
  }
}

.database-how-it-work h2 {
  margin-bottom: 40px
}

.database-how-it-work .bg {
  background: #f0f5fc;
  padding: 64px 30px 72px
}

.database-how-it-work .bg p {
  margin-bottom: 0
}

.cloud-features h2 {
  margin-bottom: 56px
}

.cloud-features .btn-default {
  border: 1px solid #277dff;
  margin-bottom: 32px
}

.cloud-features .col-4 p {
  margin-bottom: 56px
}

.cloud-features .col-6 p {
  margin-bottom: 0
}

.cloud-features .col-6 .mr {
  margin-bottom: 56px
}

.cloud-features img {
  margin-bottom: 16px
}

.sql-endpoint-promo h1 {
  margin-bottom: 1.3333333333rem
}

.sql-endpoint-promo .description {
  margin-bottom: 5.8888888889rem
}

.sql-endpoint-promo .rectangle {
  width: 100%;
  background: radial-gradient(circle, #2f65ac 0, #152a4d 100%);
  margin-bottom: 7rem
}

.sql-endpoint-promo .rectangle svg {
  margin-top: -3.5587188612%;
  margin-bottom: -4.2704626335%
}

@media (min-width:1440px) {
  .sql-endpoint-promo .rectangle svg {
    margin-top: -40px;
    margin-bottom: -48px
  }
}

.sql-endpoint-promo h2 {
  margin-bottom: 1.3333333333rem
}

.sql-api h2 {
  margin-bottom: 24px
}

.sql-api .description {
  margin-bottom: 42px
}

@media (max-width:575.98px) {
  .sql-api .description {
    margin-bottom: 36px
  }
}

.sql-api .right img {
  margin-bottom: 16px
}

.sql-api .right h4 {
  margin-bottom: 8px
}

.sql-api .right p {
  margin-bottom: 80px
}

@media (max-width:991.98px) {
  .sql-api .right p {
    margin-bottom: 42px
  }
}

@media (max-width:575.98px) {
  .sql-api .right p {
    margin-bottom: 36px
  }
}

.utilities .rectangle {
  padding: 56px 116px;
  background: #f0f5fc
}

.utilities .rectangle h2 {
  margin-bottom: 16px
}

.utilities .rectangle p {
  margin-bottom: 16px
}

.utilities .rectangle article {
  margin-bottom: 0
}

.utilities .rectangle article h4,
.utilities .rectangle article p {
  margin-bottom: 12px
}

.utilities .rectangle article a {
  color: #277dff
}

.utilities .rectangle article .coming {
  color: #7f98be
}

@media (max-width:991.98px) {
  .utilities .rectangle {
    padding: 56px
  }

  .utilities .rectangle p {
    margin-bottom: 22px
  }

  .utilities .rectangle article {
    margin-bottom: 64px
  }

  .utilities .rectangle article:last-child {
    margin-bottom: 0
  }
}

@media (max-width:575.98px) {
  .utilities {
    padding: 0
  }

  .utilities .rectangle {
    padding: 56px 16px
  }

  .utilities .rectangle article {
    margin-bottom: 22px
  }

  .utilities .rectangle article:last-child {
    margin-bottom: 0
  }
}

.endpoint-support .rectangle {
  background: #f0f5fc;
  padding: 64px 56px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 120px
}

.endpoint-support .rectangle .article {
  margin-bottom: 0
}

.endpoint-support .rectangle .article h2 {
  margin-bottom: 1.5rem
}

.endpoint-support .rectangle .article p {
  margin-bottom: 1.5rem
}

.endpoint-support .rectangle .article ul {
  padding: 0
}

.endpoint-support .rectangle .article ul li {
  list-style: none;
  margin: 0 0 14px
}

.endpoint-support .rectangle .article ul li:last-child {
  margin-bottom: 0
}

.endpoint-support .rectangle .article ul li::before {
  content: "•";
  color: #277dff;
  margin-right: 9px;
  font-size: 16px
}

.endpoint-support .rectangle .image {
  margin-top: 32px
}

.endpoint-support .features {
  margin: 0 auto
}

.endpoint-support .features img {
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  margin-bottom: 16px;
  width: 100%
}

.endpoint-support .features .span {
  line-height: 28px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:991.98px) {
  .endpoint-support .rectangle {
    margin-bottom: 102px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .endpoint-support .rectangle .image {
    margin: 0 0 42px
  }

  .endpoint-support .features .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto
  }

  .endpoint-support .features .row ::-webkit-scrollbar {
    width: 0;
    height: 0
  }

  .endpoint-support .features .row ::-webkit-scrollbar-thumb {
    background: 0 0
  }

  .endpoint-support .features .row ::-webkit-scrollbar-track {
    background-color: transparent
  }

  .endpoint-support .features .col-4 {
    min-width: 320px
  }
}

@media (max-width:767.98px) {
  .endpoint-support .rectangle {
    margin-bottom: 93px
  }
}

@media (max-width:575.98px) {
  .endpoint-support .rectangle {
    padding: 36px 0
  }

  .endpoint-support .rectangle .article {
    margin-bottom: 36px
  }

  .endpoint-support .rectangle .article p {
    margin-bottom: 0
  }
}

@media (min-width:992px) {
  .features {
    max-width: 960px
  }
}

@media (min-width:1280px) {
  .features {
    max-width: 1240px
  }
}

@media (min-width:1440px) {
  .features {
    max-width: 1400px
  }
}

.odbc-promo h1 {
  margin-bottom: 24px
}

.odbc-promo .description {
  margin-bottom: 40px
}

.odbc-promo .rectangle {
  margin-bottom: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: linear-gradient(180deg, #f0f5fc 0, #f0f5fc calc(100% - 44px), rgba(255, 255, 255, 0) calc(100% - 44px))
}

.odbc-promo .rectangle svg {
  height: 338px
}

@media (max-width:575.98px) {
  .odbc-promo .rectangle svg {
    height: 169px
  }
}

.odbc-promo h2 {
  margin-bottom: 40px
}

.odbc-promo .mb-56 {
  margin-bottom: 56px
}

.odbc-promo .dot::before {
  content: "•";
  color: #277dff;
  position: relative;
  top: 0;
  right: 16px;
  display: block;
  height: 0;
  font-size: 12px
}

.odbc-promo .article p {
  margin-bottom: 0
}

@media (max-width:991.98px) {
  .odbc-promo .article p {
    margin-bottom: 44px
  }
}

@media (max-width:767.98px) {
  .odbc-promo .article p {
    margin-bottom: 42px
  }
}

@media (max-width:575.98px) {
  .odbc-promo .article p {
    margin-bottom: 36px
  }
}

.odbc-how-it-work h2 {
  margin-bottom: 40px
}

.odbc-how-it-work .mb {
  margin-bottom: 80px
}

.odbc-how-it-work .contain {
  width: 95%;
  margin: 0 auto;
  overflow-x: auto
}

.odbc-how-it-work .contain ::-webkit-scrollbar {
  width: 0;
  height: 0
}

.odbc-how-it-work .contain ::-webkit-scrollbar-thumb {
  background: 0 0
}

.odbc-how-it-work .contain ::-webkit-scrollbar-track {
  background-color: transparent
}

.odbc-how-it-work .contain svg {
  min-height: 438px;
  width: 1341px
}

@media (max-width:991.98px) {
  .odbc-how-it-work h2 {
    margin-bottom: 22px
  }

  .odbc-how-it-work .mb {
    margin-bottom: 60px
  }
}

@media (max-width:767.98px) {
  .odbc-how-it-work h2 {
    margin-bottom: 20px
  }

  .odbc-how-it-work .mb {
    margin-bottom: 50px
  }
}

@media (max-width:575.98px) {
  .odbc-how-it-work h2 {
    margin-bottom: 16px
  }

  .odbc-how-it-work .mb {
    margin-bottom: 40px
  }
}

.odbc-pricing .container {
  background: #f0f5fc;
  padding: 32px 30px 80px
}

.odbc-pricing .container svg {
  height: 192px
}

.odbc-pricing .container h2 {
  margin-bottom: 1.5555555556rem
}

@media (max-width:991.98px) {
  .odbc-pricing .container {
    padding: 22px 30px 80px
  }
}

@media (max-width:767.98px) {
  .odbc-pricing .container {
    padding: 20px 30px 68px
  }
}

@media (max-width:575.98px) {
  .odbc-pricing .container {
    padding: 56px 30px 40px
  }
}

.odbc-how-to-work h2 {
  margin-bottom: 56px
}

.odbc-how-to-work ul {
  padding: 0;
  list-style: none
}

.odbc-how-to-work ul li a h4 {
  margin-bottom: 0
}

.odbc-how-to-work ul li a p {
  margin-bottom: 44px
}

.odbc-how-to-work ul li.nav-item {
  width: 100%
}

.odbc-how-to-work ul li.nav-item .nav-link.active h4 {
  color: #277dff;
  position: relative
}

.odbc-how-to-work ul li.nav-item .nav-link.active h4:after {
  content: " ";
  position: absolute;
  top: 12px;
  left: 224px;
  right: -60px;
  border-top: 2px solid #277dff
}

.odbc-how-to-work ul li.nav-item .nav-link.active.long-name h4:after {
  left: 235px
}

.odbc-how-to-work .tab-content {
  position: relative;
  border-radius: 6px;
  height: 100%;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3)
}

.odbc-how-to-work .tab-content .tab-header {
  height: 27px;
  width: 100%;
  background-color: #dce5f2;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px
}

.odbc-how-to-work .tab-content .tab-header .circle {
  height: 8.82px;
  width: 8.82px;
  border-radius: 50px;
  background-color: #afc4e3;
  margin-right: 4px
}

.odbc-how-to-work .tab-content img {
  width: 100%
}

@media (max-width:991.98px) {
  .odbc-how-to-work .container {
    max-width: 95%
  }

  .odbc-how-to-work .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto
  }

  .odbc-how-to-work .contain ::-webkit-scrollbar {
    width: 0;
    height: 0
  }

  .odbc-how-to-work .contain ::-webkit-scrollbar-thumb {
    background: 0 0
  }

  .odbc-how-to-work .contain ::-webkit-scrollbar-track {
    background-color: transparent
  }

  .odbc-how-to-work .flex {
    margin: 0 32px
  }

  .odbc-how-to-work .col-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .odbc-how-to-work .tab-content {
    position: initial;
    margin: 0 0 32px -32px;
    height: auto
  }

  .odbc-how-to-work .flex-column {
    margin: 0 -32px;
    padding-left: 0
  }

  .odbc-how-to-work .tab-pane {
    display: block;
    width: 634px
  }
}

@media (max-width:767.98px) {
  .odbc-how-to-work .tab-content {
    margin-bottom: 24px
  }

  .odbc-how-to-work .tab-content .tab-header {
    height: 16px
  }

  .odbc-how-to-work .tab-content .tab-header .circle {
    height: 5px;
    width: 5px
  }

  .odbc-how-to-work .tab-pane {
    width: 380px
  }
}

@media (max-width:575.98px) {
  .odbc-how-to-work .tab-content {
    margin-bottom: 12px
  }

  .odbc-how-to-work .tab-content .tab-header {
    height: 9px
  }

  .odbc-how-to-work .tab-content .tab-header .circle {
    height: 2.7px;
    width: 2.7px
  }

  .odbc-how-to-work .tab-pane {
    width: 205px
  }
}

.odbc-driver h2 {
  margin-bottom: 24px
}

.odbc-driver .description {
  margin-bottom: 56px
}

.odbc-driver article {
  margin-bottom: 0
}

.odbc-driver article p {
  margin-bottom: 0
}

.odbc-driver article img {
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  margin-bottom: 28px;
  width: 100%
}

@media (max-width:991.98px) {
  .odbc-driver h2 {
    margin-bottom: 22px
  }

  .odbc-driver .description {
    margin-bottom: 44px
  }

  .odbc-driver article:not(:last-child) {
    margin-bottom: 44px
  }

  .odbc-driver article:not(:last-child) img {
    margin-bottom: 26px
  }
}

@media (max-width:767.98px) {
  .odbc-driver h2 {
    margin-bottom: 20px
  }

  .odbc-driver .description {
    margin-bottom: 42px
  }

  .odbc-driver article:not(:last-child) {
    margin-bottom: 42px
  }

  .odbc-driver article:not(:last-child) img {
    margin-bottom: 24px
  }
}

@media (max-width:575.98px) {
  .odbc-driver h2 {
    margin-bottom: 16px
  }

  .odbc-driver .description {
    margin-bottom: 36px
  }

  .odbc-driver article:not(:last-child) {
    margin-bottom: 36px
  }

  .odbc-driver article:not(:last-child) img {
    margin-bottom: 22px
  }
}

.data-studio-promo h1 {
  margin-bottom: 1.3333333333rem
}

.data-studio-promo .description {
  margin-bottom: 8.1111111111rem
}

@media (max-width:991.98px) {
  .data-studio-promo .description {
    margin-bottom: 3.3333333333rem
  }
}

@media (max-width:767.98px) {
  .data-studio-promo .description {
    margin-bottom: 2.5555555556rem
  }
}

@media (max-width:575.98px) {
  .data-studio-promo .description {
    margin-bottom: 2rem
  }
}

.data-studio-promo .rectangle {
  background: -webkit-gradient(linear, left bottom, left top, from(#51c0f2), to(#51c0f2)), -webkit-gradient(linear, left bottom, left top, from(#f0f5fc), to(#f0f5fc));
  background: linear-gradient(0deg, #51c0f2, #51c0f2), linear-gradient(0deg, #f0f5fc, #f0f5fc);
  margin-bottom: 6.6666666667rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 300px
}

.data-studio-promo .rectangle .gds-cloud__list {
  position: absolute;
  list-style: none;
  margin: 0 -54px;
  padding: 12px 0;
  max-height: 192px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(100% + 108px)
}

.data-studio-promo .rectangle .gds-cloud__list .gds-cloud__item {
  display: inline-block
}

.data-studio-promo .rectangle .gds-cloud__list .gds-cloud__item .connector {
  margin: 12px;
  width: 60px;
  background: #fff;
  border-radius: 4px
}

.data-studio-promo .rectangle .wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -74px;
  width: 100%
}

.data-studio-promo .rectangle .wrapper svg {
  width: 100%;
  margin: 0 auto
}

@media (max-width:991.98px) {
  .data-studio-promo .rectangle .wrapper {
    margin-top: -4px
  }
}

@media (max-width:767.98px) {
  .data-studio-promo .rectangle {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .data-studio-promo .rectangle .gds-cloud__list {
    height: 108px
  }

  .data-studio-promo .rectangle .wrapper {
    margin-top: 142px
  }
}

@media (max-width:575.98px) {
  .data-studio-promo .rectangle {
    height: auto
  }

  .data-studio-promo .rectangle .gds-cloud__list {
    height: 88px
  }

  .data-studio-promo .rectangle .wrapper {
    margin-top: 100px
  }
}

.data-studio-promo article {
  margin-bottom: 0
}

.data-studio-promo article img {
  margin-bottom: 1.3333333333rem
}

.data-studio-promo article p {
  margin-bottom: 0
}

@media (max-width:767.98px) {
  .data-studio-promo article:not(:last-child) {
    margin-bottom: 2.4444444444rem
  }
}

@media (max-width:991.98px) {
  .data-description .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .data-description .data-content {
    margin-bottom: 42px
  }
}

.data-description h2 {
  margin-bottom: 24px
}

.data-description p {
  margin-bottom: 24px
}

.data-description ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.data-description li {
  padding-left: 40px;
  padding-bottom: 14px
}

.data-description li:before {
  content: " •";
  color: #277dff;
  position: relative;
  top: 0;
  left: -24px;
  display: block;
  height: 0
}

.data-description a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px
}

.data-description a:after {
  content: url(https://skyvia.com/assets/img/arrow_right.svg);
  height: 24px
}

.data-description .data-window {
  position: relative;
  border-radius: 6px;
  height: 100%;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3)
}

.data-description .data-window .data-header {
  height: 27px;
  width: 100%;
  background-color: #dce5f2;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px
}

.data-description .data-window .data-header .circle {
  height: 8.82px;
  width: 8.82px;
  border-radius: 50px;
  background-color: #afc4e3;
  margin-right: 4px
}

.data-description .data-window img {
  width: 100%
}

.data-studio-how-it-work h2 {
  margin-bottom: .8888888889rem
}

.data-studio-how-it-work .description {
  margin-bottom: 2.2222222222rem
}

.data-studio-how-it-work article {
  margin-bottom: 0
}

.data-studio-how-it-work article p {
  margin-bottom: 0
}

@media (max-width:767.98px) {
  .data-studio-how-it-work article:not(:last-child) {
    margin-bottom: 1.3333333333rem
  }
}

.data-studio-how-it-work .img-wrapper,
.data-studio-how-it-work .row {
  overflow-x: auto
}

.data-studio-features article {
  margin-bottom: 0
}

.data-studio-features article p {
  margin-bottom: 0
}

.data-studio-features article img {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 6px;
  -webkit-box-shadow: 0 16px 32px rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px rgba(15, 54, 113, .3)
}

@media (max-width:767.98px) {
  .data-studio-features article:not(:last-child) {
    margin-bottom: 2.2222222222rem
  }
}

.gds-source-features h2 {
  margin-bottom: 3.1111111111rem
}

.gds-source-features article {
  margin-bottom: 0
}

.gds-source-features article h2 {
  margin-bottom: 0
}

.gds-source-features article p {
  margin-bottom: 0
}

.gds-source-features article img {
  margin-bottom: 1rem;
  border-radius: 6px
}

@media (max-width:767.98px) {
  .gds-source-features article:not(:last-child) {
    margin-bottom: 2.2222222222rem
  }
}

@media (max-width:991.98px) {
  .data-studio-banner a {
    margin-top: 1rem
  }
}

.google-data-studio-banner {
  background: radial-gradient(50% 282.35% at 50% 0, #2f65ac 0, #152a4d 100%);
  margin-bottom: 0;
  height: 340px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.google-data-studio-banner .description {
  color: #fff;
  font-size: 2.4444444444rem;
  line-height: 1.2727272727;
  font-weight: 400
}

@media (max-width:991.98px) {
  .google-data-studio-banner a {
    margin-top: 1rem
  }
}

.google-data-studio-banner-2 {
  background-image: url(/content/connect/google-data-studio2/images/gds-banner.svg);
  height: 412px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.google-data-studio-banner-2 .description {
  font-size: 18px;
  font-weight: 400
}

.steps h2 {
  margin-bottom: 56px
}

.steps ul {
  padding: 0;
  list-style: none
}

.steps ul li a h4 {
  margin-bottom: 0
}

.steps ul li a p {
  margin-bottom: 48px
}

.steps ul li.nav-item {
  width: 100%
}

.steps ul li.nav-item .nav-link.active h4 {
  color: #277dff;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.steps ul li.nav-item .nav-link.active h4:after {
  content: " ";
  position: absolute;
  top: 12px;
  left: 105%;
  right: -400px;
  border-top: 2px solid #277dff
}

.steps ul .active h4 {
  color: #277dff
}

.steps .tab-content {
  position: relative;
  border-radius: 6px;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3)
}

.steps .tab-content>.active {
  display: block;
  height: 100%;
  background-color: #fff
}

.steps .tab-content .tab-header {
  height: 27px;
  width: 100%;
  background-color: #dce5f2;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px
}

.steps .tab-content .tab-header .circle {
  height: 8.82px;
  width: 8.82px;
  border-radius: 50px;
  background-color: #afc4e3;
  margin-right: 4px
}

.steps .tab-content img {
  width: 100%
}

.steps .overflow {
  overflow-x: auto
}

@media (max-width:991.98px) {
  .steps ::-webkit-scrollbar {
    width: 0;
    height: 0
  }

  .steps ::-webkit-scrollbar-thumb {
    background: 0 0
  }

  .steps ::-webkit-scrollbar-track {
    background-color: transparent
  }

  .steps .col-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .steps .tab-content {
    position: initial;
    margin-bottom: 32px;
    margin-right: 30px;
    height: auto
  }

  .steps .tab-pane {
    display: block;
    width: 634px
  }
}

@media (max-width:767.98px) {
  .steps .tab-content {
    margin-bottom: 24px
  }

  .steps .tab-content .tab-header {
    height: 16px
  }

  .steps .tab-content .tab-header .circle {
    height: 5px;
    width: 5px
  }

  .steps .tab-pane {
    width: 380px
  }
}

@media (max-width:575.98px) {
  .steps .tab-content {
    margin-bottom: 12px
  }

  .steps .tab-content .tab-header {
    height: 9px
  }

  .steps .tab-content .tab-header .circle {
    height: 2.7px;
    width: 2.7px
  }

  .steps .tab-pane {
    width: 262px
  }
}

.pricing .free-plan-wrapper {
  margin-top: 42px;
  border-radius: 10px;
  padding: 3px;
  background: -webkit-gradient(linear, right bottom, left top, from(#4eb1ed), to(#277dff));
  background: linear-gradient(to top left, #4eb1ed, #277dff)
}

.pricing .free-plan-wrapper .free-plan {
  border-radius: 8px;
  background: #fff;
  padding: 40px 30px
}

.pricing .free-plan-wrapper .free-plan h2 {
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 40px;
  color: #485a76;
  margin-bottom: 18px
}

.pricing .free-plan-wrapper .free-plan img {
  height: 40px;
  width: 40px;
  margin-top: 18px
}

.pricing .free-plan-wrapper .free-plan p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #596d8e;
  margin: 0
}

.pricing .free-plan-wrapper .free-plan .detail-text {
  margin-bottom: 24px
}

.pricing .free-plan-wrapper .free-plan span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #596d8e;
  display: inline-block
}

.pricing .free-plan-wrapper .free-plan .btn {
  background: #277dff;
  color: #fff;
  font-weight: 700
}

@media (min-width:576px) {
  .pricing .free-plan-wrapper .free-plan {
    padding: 40px 30px
  }
}

@media (min-width:768px) {
  .pricing .free-plan-wrapper .free-plan {
    padding: 50px
  }
}

@media (min-width:992px) {
  .pricing .free-plan-wrapper .free-plan {
    padding: 60px 90px
  }
}

.google-data-studio-common .nav-link.active h4:after {
  left: 240px !important
}

.google-data-studio-common .nav-link.active h4.reports:after {
  left: 182px !important
}

.query-addon .container:nth-child(2) {
  margin-bottom: 6rem
}

.query-addon .container article {
  border-radius: 4px;
  padding: 56px 116px;
  background-color: #f0f5fc;
  margin-bottom: 0
}

.query-addon .container h2 {
  font-size: 1.6666666667rem;
  line-height: 3.1111111111rem;
  height: 56px
}

.query-addon .container h2.read-more:after {
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 4px
}

.query-addon .container.title h2 {
  font-size: 44px;
  line-height: 56px;
  color: #29374d;
  margin-bottom: 1.5555555556rem;
  height: auto
}

.query-addon .container.title .description {
  font-size: 32px;
  line-height: 40px;
  color: #485a76;
  margin-bottom: 3.1111111111rem
}

.query-addon .container a {
  color: #485a76
}

.query-addon .container img {
  width: 100%
}

.query-addon .container ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.query-addon .container li {
  padding-left: 14px;
  position: relative;
  font-size: 14px
}

.query-addon .container li:before {
  content: " ";
  background-color: #00c20b;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px
}

.query-addon .container .chrome-market {
  position: absolute;
  bottom: -78px
}

.query-addon .container .icon-wrapper {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1.3333333333rem
}

@media (max-width:1279.98px) {
  .query-addon .container article {
    padding: 46px 62px
  }

  .query-addon .container p {
    margin-bottom: 1.6666666667rem
  }

  .query-addon .container ul {
    padding-top: 1.6666666667rem;
    border-top: 1px solid #c5d4ea
  }

  .query-addon .container ul li {
    padding-left: 0
  }

  .query-addon .container ul li:before {
    width: 0
  }
}

@media (max-width:767.98px) {
  .query-addon .container li:last-child {
    margin-top: 1.5555555556rem
  }
}

@media (max-width:575.98px) {
  .query-addon .container h2 {
    height: auto
  }
}

.query-how-to-work {
  margin-top: 64px
}

@media (min-width:992px) {
  .query-how-to-work .row {
    margin-bottom: -150px
  }
}

.query-how-to-work ul {
  padding: 0;
  list-style: none
}

.query-how-to-work ul li a h4 {
  margin-bottom: 0
}

.query-how-to-work ul li a p {
  margin-bottom: 48px
}

.query-how-to-work ul li.nav-item {
  width: 100%
}

.query-how-to-work ul li.nav-item .nav-link.active h4 {
  color: #277dff;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.query-how-to-work ul li.nav-item .nav-link.active h4:after {
  content: " ";
  position: absolute;
  top: 12px;
  left: 105%;
  right: -400px;
  border-top: 2px solid #277dff
}

.query-how-to-work ul .active h4 {
  color: #277dff
}

.query-how-to-work .tab-content {
  position: relative;
  top: -150px;
  border-radius: 6px;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3)
}

.query-how-to-work .tab-content>.active {
  display: block;
  height: 100%;
  background-color: #fff
}

.query-how-to-work .tab-content .tab-header {
  height: 27px;
  width: 100%;
  background-color: #dce5f2;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px
}

.query-how-to-work .tab-content .tab-header .circle {
  height: 8.82px;
  width: 8.82px;
  border-radius: 50px;
  background-color: #afc4e3;
  margin-right: 4px
}

.query-how-to-work .tab-content img {
  width: 100%
}

@media (max-width:991.98px) {
  .query-how-to-work {
    overflow-x: auto
  }

  .query-how-to-work ::-webkit-scrollbar {
    width: 0;
    height: 0
  }

  .query-how-to-work ::-webkit-scrollbar-thumb {
    background: 0 0
  }

  .query-how-to-work ::-webkit-scrollbar-track {
    background-color: transparent
  }

  .query-how-to-work .col-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .query-how-to-work .tab-content {
    position: initial;
    margin-bottom: 32px;
    margin-right: 30px;
    height: auto
  }

  .query-how-to-work .tab-pane {
    display: block;
    width: 634px
  }
}

@media (max-width:767.98px) {
  .query-how-to-work .tab-content {
    margin-bottom: 24px
  }

  .query-how-to-work .tab-content .tab-header {
    height: 16px
  }

  .query-how-to-work .tab-content .tab-header .circle {
    height: 5px;
    width: 5px
  }

  .query-how-to-work .tab-pane {
    width: 380px
  }
}

@media (max-width:575.98px) {
  .query-how-to-work {
    margin-top: -40px
  }

  .query-how-to-work .tab-content {
    margin-bottom: 12px
  }

  .query-how-to-work .tab-content .tab-header {
    height: 9px
  }

  .query-how-to-work .tab-content .tab-header .circle {
    height: 2.7px;
    width: 2.7px
  }

  .query-how-to-work .tab-pane {
    width: 205px
  }
}

@media (max-width:991.98px) {
  .query-description .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .query-description .query-content {
    margin-bottom: 42px
  }
}

.query-description h2 {
  margin-bottom: 24px
}

.query-description p {
  margin-bottom: 40px
}

.query-description ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 24px
}

.query-description li {
  padding-left: 40px;
  padding-bottom: 14px
}

.query-description li:before {
  content: " •";
  color: #277dff;
  position: relative;
  top: 0;
  left: -24px;
  display: block;
  height: 0
}

.query-description a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px
}

.query-description a:after {
  content: url(https://skyvia.com/assets/img/arrow_right.svg);
  height: 24px
}

.query-description .query-content {
  position: relative;
  border-radius: 6px;
  height: 100%;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3)
}

.query-description .query-content .query-header {
  height: 27px;
  width: 100%;
  background-color: #dce5f2;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px
}

.query-description .query-content .query-header .circle {
  height: 8.82px;
  width: 8.82px;
  border-radius: 50px;
  background-color: #afc4e3;
  margin-right: 4px
}

.query-features h2 {
  margin-bottom: 2.6666666667rem
}

.query-features article {
  margin: 0 0 2.6666666667rem
}

.query-features article h4 {
  margin-top: .8888888889rem
}

.query-features article a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px
}

.query-features article a:after {
  content: url(https://skyvia.com/assets/img/arrow_right.svg);
  height: 24px
}

.query-features article p {
  margin-bottom: 0
}

.query-tool {
  position: relative
}

.query-tool .container {
  padding: 0
}

@media (max-width:575.98px) {
  .query-tool .container {
    padding: 0 15px
  }
}

.query-tool__icon {
  width: 64px;
  height: 64px;
  display: inline-block;
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out;
  margin-right: 8px
}

@media (max-width:575.98px) {
  .query-tool__icon {
    width: 48px;
    height: 48px
  }
}

.query-tool__icon:last-child {
  margin-right: 0
}

.query-tool p {
  margin: 0
}

.query-tool h2 {
  margin-bottom: 32px
}

.query-tool .description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 88px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.query-tool .description img {
  margin-right: 32px;
  max-width: 106px
}

.query-tool .description p {
  max-width: 735px;
  font-size: 32px;
  font-weight: 300;
  line-height: 40px
}

@media (max-width:1279.98px) {
  .query-tool .description p {
    font-size: 28px;
    line-height: 36px
  }
}

@media (max-width:575.98px) {
  .query-tool .description img {
    width: 82px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-right: 24px
  }

  @-moz-document url-prefix() {
    .query-tool .description img {
      width: 200px
    }
  }

  .query-tool .description p {
    font-size: 16px;
    line-height: 26px
  }
}

.query-tool .item {
  margin-bottom: 120px
}

@media (max-width:991.98px) {
  .query-tool .item {
    margin-bottom: 64px
  }

  .query-tool .item .desc .learn-about,
  .query-tool .item .desc h4,
  .query-tool .item .desc p {
    margin-left: 106px
  }
}

.query-tool .item .learn-about {
  position: relative;
  display: inline-block
}

.query-tool .item .learn-about:after {
  content: url(https://skyvia.com/assets/img/arrow_right.svg);
  height: 24px;
  vertical-align: middle
}

.query-tool .item .query-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.query-tool article {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 24px
}

@media (max-width:575.98px) {
  .query-tool article {
    padding: 8px
  }
}

.query-tool article.databases {
  width: 400px;
  overflow-x: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.query-tool article.databases::-webkit-scrollbar {
  display: none
}

@media (max-width:1279.98px) {
  .query-tool article.databases {
    width: 344px
  }
}

@media (max-width:991.98px) {
  .query-tool article.databases {
    width: 400px
  }
}

@media (max-width:767.98px) {
  .query-tool article.databases {
    width: 250px
  }
}

@media (max-width:575.98px) {
  .query-tool article.databases {
    width: 178px
  }
}

@media (max-width:424.98px) {
  .query-tool article.databases {
    width: 64px
  }
}

.query-tool article.border {
  border: 1px solid #c5d4ea;
  border-radius: 4px;
  background: #fff
}

.query-tool article.border a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-right: 8px
}

.query-tool article.border a:last-child {
  margin-right: 0
}

.query-tool article.border a:after {
  content: ""
}

.query-tool article.border a img:hover {
  width: 72px;
  height: 72px;
  margin: -4px
}

.query-tool article.cloud {
  margin-left: 106px;
  overflow-x: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.query-tool article.cloud::-webkit-scrollbar {
  display: none
}

.query-tool article.firewall {
  padding: 10px 10px 10px 106px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10
}

@media (max-width:767.98px) {
  .query-tool article.firewall {
    padding: 10px 10px 10px 80px;
    min-width: 194px
  }
}

.query-tool article.firewall img {
  z-index: 1
}

@media (max-width:575.98px) {
  .query-tool article.firewall img {
    height: 56px;
    margin-top: 16px
  }
}

.query-tool svg path {
  fill: none;
  stroke: #c5d4ea;
  stroke-width: 2;
  stroke-dasharray: 1376;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
  animation: dash 2s linear forwards
}

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 0
  }
}

.query-promo {
  background-image: radial-gradient(farthest-corner circle at top, #2f65ac 0, #152a4d 100%);
  margin-bottom: 0;
  height: 668px;
  position: relative
}

.query-promo h1 {
  color: #fff;
  margin-top: 14rem;
  margin-bottom: 2.2222222222rem
}

.query-promo p.description {
  color: #bad2f5;
  font-size: 1.77778rem;
  line-height: 1.25;
  font-weight: 200;
  margin-bottom: 2.22222rem
}

@media (max-width:991.98px) {
  .query-promo {
    height: 770px
  }
}

@media (max-width:575.98px) {
  .query-promo {
    height: auto
  }

  .query-promo .btn-success {
    margin-bottom: 80px
  }
}

.query-builder-description__banner {
  margin: 0;
  height: 460px;
  background: radial-gradient(circle, #2f65ac 0, #152a4d 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.query-builder-description .query-window {
  height: 520px;
  width: 873px;
  position: relative
}

.query-builder-description ul {
  position: absolute;
  list-style: none;
  padding: 0
}

.query-builder-description ul.left {
  top: 85px;
  left: -255px
}

.query-builder-description ul.left li:first-child {
  margin-bottom: 159px
}

.query-builder-description ul.left li:after {
  content: " ";
  position: absolute;
  top: 12px;
  left: 128px;
  right: -82px;
  border-top: 2px solid #277dff
}

.query-builder-description ul.right {
  top: 126px;
  right: -233px
}

.query-builder-description ul.right li:first-child {
  margin-bottom: 98px
}

.query-builder-description ul.right li:nth-child(2) {
  margin-bottom: 60px
}

.query-builder-description ul.right li:before {
  content: " ";
  position: absolute;
  top: 12px;
  left: -60px;
  right: 183px;
  border-top: 2px solid #277dff
}

.query-builder-description ul li {
  max-width: 173px;
  position: relative
}

.query-builder-description ul li h4 {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 8px
}

.query-builder-description ul li p {
  font-size: 16px;
  line-height: 24px;
  color: #bad2f5;
  margin-bottom: 0
}

.query-builder-description .container {
  padding-top: 160px
}

@media (max-width:1279.98px) {
  .query-builder-description__banner {
    height: 330px
  }

  .query-builder-description .query-window {
    height: 380px;
    width: 635px;
    position: relative
  }

  .query-builder-description ul.left {
    top: 65px;
    left: -165px
  }

  .query-builder-description ul.left li:first-child {
    margin-bottom: 110px
  }

  .query-builder-description ul.left li:after {
    content: " ";
    position: absolute;
    top: 12px;
    left: 128px;
    right: -5px;
    border-top: 2px solid #277dff
  }

  .query-builder-description ul.right {
    top: 95px;
    right: -180px
  }

  .query-builder-description ul.right li:first-child {
    margin-bottom: 40px
  }

  .query-builder-description ul.right li:nth-child(2) {
    margin-bottom: 60px
  }

  .query-builder-description ul.right li:before {
    content: " ";
    position: absolute;
    top: 12px;
    left: -20px;
    right: 170px;
    border-top: 2px solid #277dff
  }

  .query-builder-description ul li {
    max-width: 160px;
    position: relative
  }
}

@media (max-width:575.98px) {
  .query-builder-description__banner {
    height: 244px;
    background: 0 0
  }

  .query-builder-description .query-window {
    height: auto
  }
}

.query-builder-promo {
  background: #fff;
  margin-bottom: 0
}

.query-builder-promo h1 {
  margin-bottom: 40px;
  color: #29374d
}

.query-builder-promo p.description {
  color: #485a76;
  font-size: 1.77778rem;
  line-height: 1.25;
  font-weight: 200;
  margin-bottom: 120px
}

.about-description h2 {
  margin-bottom: 24px
}

.about-description .about-devart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

@media (min-width:576px) {
  .about-description .about-devart {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.about-description .achievement {
  margin: 4.4444444444rem 0 6.6666666667rem
}

@media (max-width:991.98px) {
  .about-description .achievement {
    margin: 2.2222222222rem 0 0
  }

  .about-description .achievement:last-child {
    margin-bottom: 3.5555555556rem
  }
}

.about-description .achievement img {
  margin-bottom: .4444444444rem
}

.about-description .achievement .title {
  color: #29374d;
  font-size: 1.7777777778rem;
  line-height: 40/32
}

.about-description .achievement .description {
  color: #29374d;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 1.2px;
  line-height: 28/18;
  text-transform: uppercase
}

.about-description .mission {
  padding: 32px 40px;
  height: 224px;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50, 66, 92, .25), 0 8px 16px -8px rgba(0, 0, 0, .3);
  box-shadow: 0 13px 27px -5px rgba(50, 66, 92, .25), 0 8px 16px -8px rgba(0, 0, 0, .3)
}

.about-description .mission img {
  margin-bottom: 8px
}

.about-description hr {
  margin-top: 46px;
  height: 2px;
  background-color: #277dff;
  border: none
}

@media (max-width:767.98px) {
  .about-description .revert {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .about-description .revert .about-devart {
    margin-bottom: 16px
  }
}

.about-promo {
  background: #fff
}

.about-promo h1 {
  margin-bottom: 40px;
  color: #29374d
}

.about-promo p.description {
  color: #485a76;
  font-size: 1.77778rem;
  line-height: 1.25;
  font-weight: 200;
  margin-bottom: 2.22222rem
}

.about-promo .rectangle {
  padding: 2.2222222222rem 2.6666666667rem;
  border: 1px solid #dce5f2;
  border-radius: 4px
}

.about-promo .rectangle .num {
  color: #29374d;
  font-size: 1.7777777778rem;
  line-height: 40/32
}

.about-promo .rectangle h4,
.about-promo .rectangle p {
  margin: 0
}

.about-promo .rectangle p {
  font-size: .8888888889rem
}

.about-promo .about-award-crowd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:991.98px) {
  .about-promo .col-md-6 {
    margin-bottom: 2.2222222222rem
  }

  .about-promo .col-md6:last-child {
    margin-bottom: 0
  }
}

.devart-banner {
  margin-top: 48px;
  height: 400px;
  background-image: url(/company/images/about-promo.svg);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: cover
}

@media (max-width:1279.98px) {
  .devart-banner {
    height: 320px
  }
}

@media (max-width:991.98px) {
  .devart-banner {
    height: 240px
  }
}

@media (max-width:767.98px) {
  .devart-banner {
    height: 200px
  }
}

@media (max-width:575.98px) {
  .devart-banner {
    height: 140px
  }
}

.contact-promo {
  background: #fff;
  margin: 0
}

.contact-promo h1 {
  margin-bottom: 40px;
  color: #29374d
}

.contact-promo p.description {
  color: #485a76;
  font-size: 2rem
}

.contact-addresses img {
  margin-bottom: 1.3333333333rem
}

@media (max-width:991.98px) {
  .contact-addresses img {
    margin-bottom: 1rem;
    margin-top: 1.3333333333rem
  }
}

.contact-form form {
  border-radius: 4px;
  background-color: #f0f5fc;
  padding: 3.1111111111rem 1.7777777778rem
}

.contact-form form .form-group {
  width: 90%;
  margin: 0 auto 2.2222222222rem
}

.contact-form form .form-group:last-child {
  margin-bottom: 1.3333333333rem
}

.contact-form form .form-group .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.contact-form form .form-group .field-validation-error {
  font-size: 12px;
  color: red
}

.contact-form form label {
  color: #29374d;
  font-size: .7777777778rem;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 24/14
}

.contact-form form input[type=text],
.contact-form form textarea {
  width: 100%;
  padding: .6666666667rem 1.1111111111rem;
  display: inline-block;
  border: none;
  border-radius: 4px
}

.contact-form form input[type=submit] {
  width: 290px;
  background-color: #277dff;
  color: #fff;
  padding: .4444444444rem 1.1111111111rem;
  border: none;
  border-radius: 50px;
  cursor: pointer
}

.contact-form form input[type=radio] {
  display: none
}

.contact-form form input[type=radio]+label {
  cursor: pointer;
  margin-bottom: 0;
  padding: .7777777778rem 0;
  border: 1px solid #c5d4ea;
  background: 0 0;
  border-radius: 4px;
  font-size: 1rem;
  text-transform: none;
  font-weight: 400;
  width: 30%;
  text-align: center
}

.contact-form form input[type=radio]:checked+label {
  border: 1px solid #277dff;
  background: #fff;
  -webkit-box-shadow: 0 6px 12px -2px rgba(128, 176, 255, .5), 0 3px 7px -3px rgba(128, 176, 255, .5);
  box-shadow: 0 6px 12px -2px rgba(128, 176, 255, .5), 0 3px 7px -3px rgba(128, 176, 255, .5)
}

.contact-form form .category {
  margin: 0
}

@media (max-width:991.98px) {
  .contact-form .contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .contact-form .contacts .row {
    width: 100%
  }

  .contact-form form {
    margin-bottom: 2.2222222222rem
  }
}

@media (max-width:575.98px) {
  .contact-form form input[type=radio] {
    display: none
  }

  .contact-form form input[type=radio]+label {
    width: 100%;
    margin-bottom: 16px
  }

  .contact-form form input[type=submit] {
    width: 100%
  }
}

.connector-promo {
  background: #fff;
  margin: 0
}

.connector-promo h1 {
  margin-bottom: 40px;
  color: #29374d
}

.connector-promo .box {
  height: 104px;
  margin-bottom: 56px;
  border: 1px solid #dce5f2;
  border-radius: 2px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.connector-promo .box .icon {
  width: 64px;
  height: 64px;
  display: inline-block;
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out
}

.connector-promo .box span {
  width: 560px;
  margin-left: 16px
}

.connector-promo .rectangle-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: -64px
}

.connector-promo .rectangle-wrapper .customers-as {
  width: 873px;
  font-size: 32px;
  font-weight: 300;
  line-height: 40px;
  margin-bottom: 40px;
  text-align: center
}

.connector-promo .rectangle-wrapper .rectangle {
  height: 464px;
  width: 873px;
  border-radius: 8px;
  background-color: #f0f5fc;
  -webkit-box-shadow: 0 16px 16px -4px rgba(3, 16, 37, .4), 0 32px 32px 0 rgba(15, 54, 113, .1);
  box-shadow: 0 16px 16px -4px rgba(3, 16, 37, .4), 0 32px 32px 0 rgba(15, 54, 113, .1)
}

.connector-banner {
  height: 252px;
  background: radial-gradient(circle, #2f65ac 0, #152a4d 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.connector-banner .text {
  color: #fff;
  font-size: 32px;
  font-weight: 300;
  line-height: 40px;
  text-align: center
}

.connector-banner .btn {
  margin: 0 12px
}

.connector-banner .btn-outline-primary {
  border: 1px solid #bad2f5;
  color: #bad2f5
}

.connector-gallery__icon {
  height: 104px
}

.connector-gallery__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.connector-gallery__item p {
  width: 211px;
  font-size: 14px;
  text-align: center
}

.connector-gallery h2 {
  margin-bottom: 56px
}

.connectors-promo {
  margin: 0
}

.connectors-promo h1 {
  margin-bottom: 40px;
  color: #29374d
}

.supported-connectors__title {
  position: absolute;
  display: inline-block;
  background: #384a66;
  padding: .2222222222rem .8888888889rem;
  font-size: .6666666667rem;
  color: #fff;
  line-height: 16/12;
  letter-spacing: .0444444444rem;
  border-radius: 6px 0
}

.supported-connectors__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.supported-connectors__item {
  width: 159px;
  color: #667892;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 48px
}

.supported-connectors__item.beta::after {
  content: "beta";
  color: #7a96c3;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .8px;
  line-height: 10px;
  text-align: center;
  text-transform: uppercase;
  padding: 2px 7px 0;
  border-radius: 2px;
  border: 1px solid #c5d4ea
}

.supported-connectors__link {
  display: block
}

.supported-connectors__link span {
  font-size: .7777777778rem;
  color: #485a76;
  text-align: center;
  display: block
}

.supported-connectors__icon {
  width: 88px;
  height: 88px;
  display: inline-block;
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out
}

.supported-connectors .categories {
  border-radius: 4px;
  background-color: #f0f5fc;
  padding: 32px 14px
}

@media (max-width:767.98px) {
  .supported-connectors .categories {
    display: none
  }
}

.supported-connectors .categories h4 {
  margin-left: 32px
}

.supported-connectors .categories ul {
  padding: 0;
  list-style: none
}

.supported-connectors .categories ul li {
  color: #485a76;
  margin: 12px 32px;
  font-size: 14px;
  line-height: 20px;
  position: relative
}

.supported-connectors .categories ul li a {
  color: #485a76
}

.supported-connectors .categories ul li.active:after {
  content: url(https://skyvia.com/assets/img/check.svg);
  position: absolute;
  top: -3px;
  left: -32px;
  height: 24px
}

.supported-connectors .category h4 {
  margin-bottom: 20px
}

.supported-connectors .category .category-list {
  background-color: #f0f5fc;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 70px;
  padding: 0 30px;
  border-radius: 4px;
  border: none;
  outline: 0;
  cursor: pointer
}

@media (min-width:768px) {
  .supported-connectors .category {
    display: none
  }
}

@media (max-width:991.98px) {
  .supported-connectors .categories h4 {
    margin-left: 0
  }
}

.cloud-analyze .btn-default {
  border: 1px solid #277dff
}

.cloud-analyze .icon-contain {
  position: relative;
  height: 188px;
  width: 505px;
  margin: -24px auto 0;
  background-repeat: no-repeat;
  background-image: url(https://skyvia.com/assets/img/connectors-cloud--integration.svg)
}

.cloud-analyze .icon-contain.import-export {
  background-image: url(https://skyvia.com/assets/img/connectors-cloud--import-export.svg)
}

.cloud-analyze .icon-contain.replicate {
  background-image: url(https://skyvia.com/assets/img/connectors-cloud--replicate.svg)
}

.cloud-analyze .icon-contain.managment {
  background-image: url(https://skyvia.com/assets/img/connectors-cloud--query.svg)
}

.cloud-analyze .icon-contain.backup {
  background-image: url(/backup/images/source-backup-backup.svg)
}

.cloud-analyze .icon-contain.connector {
  background-image: url(https://skyvia.com/assets/img/data-access-w-odata--blank.svg)
}

.cloud-analyze .icon-contain.warehousing {
  background-image: url(https://skyvia.com/assets/img/connectors-data-warehouse--real-time.svg)
}

.cloud-analyze .icon-contain.dwimport {
  background-image: url(https://skyvia.com/assets/img/connectors-data-warehouse--import.svg)
}

.cloud-analyze .icon-contain .left {
  height: 90px;
  width: 90px;
  position: absolute;
  top: 40px;
  left: 40px
}

.cloud-analyze .icon-contain .right {
  height: 117px;
  width: 117px;
  position: absolute;
  top: 25px;
  right: 28px
}

.cloud-analyze .icon-contain .small-left {
  height: 60px;
  width: 60px;
  position: absolute;
  top: 52px;
  left: 18px
}

@media (max-width:767.98px) {
  .cloud-analyze .mr24 {
    margin-bottom: 24px
  }
}

.cloud-analyze h2 {
  margin-bottom: 24px
}

.cloud-analyze .mr {
  margin-bottom: 90px
}

@media (min-width:576px) {
  .cloud-promo {
    margin-bottom: 0
  }
}

.cloud-promo h1 {
  margin-bottom: 24px
}

.cloud-promo .rectangle {
  height: 340px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.cloud-promo .rectangle .bi-banner {
  height: 324px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  position: absolute;
  top: 40px;
  -webkit-box-shadow: 0 12px 48px -12px rgba(3, 16, 37, .23), 0 36px 72px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 12px 48px -12px rgba(3, 16, 37, .23), 0 36px 72px 0 rgba(15, 54, 113, .3);
  border-radius: 8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.cloud-promo .rectangle .bi-banner .row {
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.cloud-promo .rectangle .bi-banner img {
  max-height: 200px
}

.cloud-promo .rectangle .bi-banner .col-lg-7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:767.98px) {
  .cloud-promo .rectangle .bi-banner h4 {
    text-align: center
  }
}

@media (max-width:575.98px) {
  .cloud-promo .rectangle {
    margin-bottom: 0
  }

  .cloud-promo .rectangle .bi-banner {
    height: auto
  }
}

.cloud-promo .two-top-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.cloud-promo .two-top-buttons .btn {
  margin-left: 1.55556rem
}

.cloud-promo .two-top-buttons .btn:first-child {
  margin-left: 0
}

@media (max-width:575.98px) {
  .cloud-promo .two-top-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .cloud-promo .two-top-buttons .btn {
    margin-left: 0;
    margin-top: 1.5rem
  }

  .cloud-promo .two-top-buttons .btn:first-child {
    margin-top: 0
  }
}

.cloud-scenarios .gallery-list__item .gallery-list__icon {
  margin: 0 auto
}

.cloud-scenarios .gallery-list__item p {
  font-size: 16px
}

.cloud-scenarios h2 {
  width: 100%
}

@media (max-width:575.98px) {
  .dwpromo.sql-dwpromo {
    margin-bottom: 12.55556rem
  }
}

.dwpromo .rectangle {
  background: -webkit-gradient(linear, right top, left top, from(#205b99), to(#205b99));
  background: linear-gradient(270deg, #205b99 0, #205b99 100%)
}

.dwpromo h1 {
  margin-bottom: 24px
}

.dwpromo .description {
  margin-bottom: 56px
}

.dwscenarios ul li {
  list-style: none;
  margin-bottom: 14px
}

.dwscenarios ul li::before {
  content: "•";
  color: #277dff;
  height: 8px;
  width: 8px;
  margin-right: 9px
}

.dwscenarios .btn-default {
  border: 1px solid #277dff
}

@media (max-width:767.98px) {
  .dwscenarios .btn-default {
    margin: 36px auto
  }
}

.data-warehouse-import .list-style::before {
  content: "•";
  color: #277dff;
  position: absolute;
  top: 0;
  display: block;
  height: 8px;
  width: 8px;
  margin: 0 12px;
  left: 0
}

@media (max-width:1279.98px) {
  .data-warehouse-import .list-style::before {
    left: -12px
  }
}

@media (max-width:991.98px) {
  .data-warehouse-import .direction {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .data-warehouse-import .revert {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0 15px
  }
}

@media (max-width:575.98px) {
  .data-warehouse-import .list-style {
    padding-left: 28px
  }

  .data-warehouse-import .list-style::before {
    left: 0
  }
}

.hubspot-promo .rectangle {
  background: -webkit-gradient(linear, right top, left top, from(#ff7a59), to(#ff7a59));
  background: linear-gradient(270deg, #ff7a59 0, #ff7a59 100%)
}

.hubspot-promo h1 {
  margin-bottom: 24px
}

.hubspot-promo .description {
  margin-bottom: 56px
}

.storage-promo .rectangle {
  background: -webkit-gradient(linear, right top, left top, from(#0259d2), to(#0259d2));
  background: linear-gradient(270deg, #0259d2 0, #0259d2 100%)
}

.storage-promo h1 {
  margin-bottom: 24px
}

.storage-promo .description {
  margin-bottom: 56px
}

.gallery-promo {
  background: #fff;
  margin: 0
}

.gallery-promo h1 {
  margin-bottom: 40px;
  color: #29374d
}

.gallery-promo .box {
  margin-bottom: 56px;
  border: 1px solid #dce5f2;
  border-radius: 2px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.gallery-promo .box .icon {
  width: 64px;
  height: 64px;
  display: inline-block;
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out
}

.gallery-promo .box span {
  width: 560px;
  margin-left: 16px
}

.gallery-promo .rectangle-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: -64px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.gallery-promo .rectangle-wrapper .customers-as {
  font-size: 32px;
  font-weight: 300;
  line-height: 40px;
  margin-bottom: 40px;
  text-align: center
}

.gallery-promo .rectangle-wrapper .syntaxhighlighter {
  font-size: 14px;
  border-radius: 8px;
  background-color: #f0f5fc;
  -webkit-box-shadow: 0 16px 16px -4px rgba(3, 16, 37, .4), 0 32px 32px 0 rgba(15, 54, 113, .1);
  box-shadow: 0 16px 16px -4px rgba(3, 16, 37, .4), 0 32px 32px 0 rgba(15, 54, 113, .1);
  padding: 24px
}

.gallery-integrate-promo h1 {
  margin-bottom: 24px
}

.gallery-integrate-promo .rectangle {
  height: 340px
}

@media (max-width:575.98px) {
  .gallery-integrate-promo .rectangle {
    height: 472px
  }
}

.package-description-page {
  margin-top: 11.1111111111rem
}

.package-description-page .container .note,
.package-description-page .container .syncnote {
  position: relative
}

.package-description-page .container .note:before,
.package-description-page .container .syncnote:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: -1.27778rem;
  display: inline-block;
  background: url(https://skyvia.com/assets/img/info_light.svg) no-repeat
}

.package-description-page .container table {
  width: 100%;
  margin: 120px 0
}

.package-description-page .container table tbody,
.package-description-page .container table thead {
  border-bottom: 1px solid #afc4e3
}

.package-description-page .container table th {
  text-align: center
}

.package-description-page .container table tr td {
  text-align: center;
  padding: 11px 0
}

.package-description-page .container table tr td .arrow-exchange,
.package-description-page .container table tr td .arrow-left-right,
.package-description-page .container table tr td .fa-exchange {
  display: inline-block;
  vertical-align: middle;
  height: 9px;
  width: 30px;
  background: url(https://skyvia.com/assets/img/arrow-double.svg) no-repeat
}

.package-description-page .container table tr td .arrow-right,
.package-description-page .container table tr td .fa-arrow-right {
  display: inline-block;
  vertical-align: middle;
  height: 9px;
  width: 30px;
  background: url(https://skyvia.com/assets/img/arrow-right-long.svg) no-repeat
}

.package-description-page .container ul {
  list-style-type: none
}

.package-description-page .container ul li {
  position: relative;
  margin-bottom: 10px
}

.package-description-page .container ul li:before {
  display: block;
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #277dff;
  top: .61111rem;
  left: -1.27778rem
}

.gallery-list__item p {
  color: #667892;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  min-width: 192px;
  padding: 0 16px
}

@media (max-width:767.98px) {
  .gallery-list__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
  }

  .gallery-list__item p {
    width: 100%;
    padding: 0 8px
  }
}

.gallery-list__icon {
  position: relative;
  width: 192px;
  height: 104px;
  background-repeat: no-repeat;
  margin: 0 auto
}

.gallery-list__icon.integration {
  background-image: url(https://skyvia.com/assets/img/use-cases-base-layer.svg)
}

.gallery-list__icon.query {
  background-image: url(https://skyvia.com/assets/img/use-case-base-layer.svg)
}

.gallery-list__icon .center {
  height: 56px;
  width: 56px;
  position: absolute;
  top: 24px;
  left: 67px
}

.gallery-list__icon .left {
  height: 56px;
  width: 56px;
  position: absolute;
  top: 24px;
  left: 16px
}

.gallery-list__icon .right {
  height: 56px;
  width: 56px;
  position: absolute;
  top: 24px;
  right: 18px
}

.gallery-list__icon .arrow {
  position: absolute;
  top: 48px;
  left: 80px
}

.gallery-list .nav {
  border-bottom: 1px solid #c5d4ea
}

.gallery-list .nav .nav-item .nav-link {
  color: #485a76;
  font-size: 1rem;
  line-height: 1.5555555556;
  text-align: center;
  padding: .4444444444rem .8888888889rem;
  cursor: pointer
}

@media (max-width:424.98px) {
  .gallery-list .nav .nav-item .nav-link {
    padding: .4444444444rem .4444444444rem
  }
}

.gallery-list .nav .nav-item.active .nav-link {
  border-bottom: 2px solid #277dff;
  color: #277dff
}

.gallery-list .connectors {
  background-color: #f0f5fc;
  border-radius: 4px;
  padding: 32px 14px;
  margin-top: 46px
}

@media (max-width:767.98px) {
  .gallery-list .connectors {
    display: none
  }
}

.gallery-list .connectors h4 {
  margin-left: 24px
}

@media (max-width:991.98px) {
  .gallery-list .connectors h4 {
    margin-left: 8px
  }
}

.gallery-list .connectors ul {
  padding: 0;
  list-style: none
}

.gallery-list .connectors ul li {
  margin: 12px 24px;
  font-size: 14px;
  line-height: 20px;
  position: relative
}

.gallery-list .connectors ul li a {
  color: #485a76
}

.gallery-list .connectors ul li.active:after {
  content: url(https://skyvia.com/assets/img/check.svg);
  position: absolute;
  top: -3px;
  left: -32px;
  height: 24px
}

.gallery-list .category {
  margin-bottom: 36px
}

.gallery-list .category h4 {
  margin-bottom: 20px
}

.gallery-list .category .category-list {
  background-color: #f0f5fc;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 70px;
  padding: 0 30px;
  border-radius: 4px;
  border: none;
  outline: 0;
  cursor: pointer
}

@media (min-width:768px) {
  .gallery-list .category {
    display: none
  }
}

@media (max-width:991.98px) {
  .gallery-list .categories h4 {
    margin-left: 0
  }
}

.compare-products-promo {
  background-image: -webkit-gradient(linear, left top, right top, from(#2f65ac), to(#152a4d));
  background-image: linear-gradient(90deg, #2f65ac 0, #152a4d 100%);
  margin: 0;
  padding-top: 14.2777777778rem;
  padding-bottom: 7.6111111111rem
}

@media (max-width:991.98px) {
  .compare-products-promo {
    padding-bottom: 4rem
  }
}

.compare-products-promo h1 {
  font-weight: 600;
  font-size: 3.5555555556rem;
  line-height: 4.2222222222rem;
  margin-top: 0;
  margin-bottom: 1.1111111111rem;
  color: #fff;
  font-style: normal
}

.compare-products-promo p {
  color: #bad2f5
}

.compare-products-promo p a {
  color: #bad2f5;
  text-decoration: underline
}

.compare-products-promo .icon-libre {
  font-size: 38px;
  vertical-align: middle;
  margin-right: 10px
}

.compare-products-promo .rectangle-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.compare-products-promo .rectangle-wrapper .competitor-rectangle {
  height: 164px;
  width: 164px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 0 0 #2c78dd, 0 41px 24px -28px rgba(13, 39, 79, .3019607843), 0 12px 4px -10px rgba(15, 54, 113, .6980392157);
  box-shadow: inset 0 1px 0 0 #2c78dd, 0 41px 24px -28px rgba(13, 39, 79, .3019607843), 0 12px 4px -10px rgba(15, 54, 113, .6980392157)
}

.compare-products-promo .rectangle-wrapper .competitor-rectangle img {
  height: 82px;
  width: 82px
}

.compare-products-promo .rectangle-wrapper .competitor-rectangle p {
  line-height: 120%;
  color: #29374d;
  margin-bottom: 0
}

@media (max-width:767.98px) {
  .compare-products-promo .rectangle-wrapper .competitor-rectangle {
    height: 154px;
    width: 154px
  }
}

.compare-products-promo .rectangle-wrapper .vs {
  font-size: .8888888889rem;
  color: #4b90d8;
  font-weight: 900;
  text-transform: uppercase;
  margin-left: 18px;
  margin-right: 18px
}

@media (max-width:767.98px) {
  .compare-products-promo .rectangle-wrapper .vs {
    margin-left: 9px;
    margin-right: 9px
  }
}

@media (max-width:991.98px) {
  .compare-products-promo .rectangle-wrapper {
    margin-top: 50px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media (max-width:767.98px) {
  .compare-products-promo .rectangle-wrapper {
    margin-top: 40px
  }
}

@media (max-width:1279.98px) {
  .compare-products-promo .col-lg-12 .rectangle-wrapper {
    margin-top: 50px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.compare-tools-competitor-promo h1 {
  margin-bottom: 24px
}

.compare-tools-competitor-promo .rectangle {
  height: 340px
}

@media (max-width:575.98px) {
  .compare-tools-competitor-promo .rectangle {
    height: 472px
  }
}

.competitor-description-page {
  margin-top: 120px
}

.competitor-description-page .container .syncnote {
  position: relative
}

.competitor-description-page .container .syncnote:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: -1.27778rem;
  display: inline-block;
  background: url(https://skyvia.com/assets/img/info_light.svg) no-repeat
}

.competitor-description-page .container table {
  width: 100%;
  margin: 120px 0 30px
}

.competitor-description-page .container table tbody,
.competitor-description-page .container table thead {
  border-bottom: none
}

.competitor-description-page .container table th {
  text-align: center;
  background-color: #f0f5fc;
  height: 3.1111111111rem
}

.competitor-description-page .container table tr td {
  text-align: left;
  vertical-align: top;
  padding: 11px 0;
  border-bottom: 1px dashed #c5d4ea;
  border-right: 1px dashed #c5d4ea;
  font-size: 1rem;
  padding: 25px 24px
}

.competitor-description-page .container table tr td:first-child {
  font-weight: 700;
  padding-left: 0
}

@media (max-width:575.98px) {
  .competitor-description-page .container table {
    overflow-x: scroll
  }
}

.competitor-description-page .container h2 {
  margin-top: 3.1111111111rem
}

.competitor-description-page .container h3 {
  margin-top: 1rem;
  margin-bottom: .75rem
}

.competitor-description-page aside {
  padding-right: 1.8888888889rem
}

.competitor-description-page aside .aside-contain {
  max-width: 290px
}

.competitor-description-page aside .aside-contain.fixed {
  position: fixed
}

.competitor-description-page aside ul {
  list-style: none;
  padding: 4rem 0 15rem
}

.competitor-description-page aside ul li {
  position: relative;
  font-size: .8888888889rem;
  line-height: 1.2222222222rem;
  margin-bottom: 1.7777777778rem
}

.competitor-description-page aside ul li a {
  color: #667892
}

.competitor-description-page aside ul li.active a {
  color: #277dff
}

.competitor-description-page aside ul li:last-child {
  margin-bottom: 2rem
}

.competitor-description-page aside .links {
  padding-top: 2rem
}

.competitor-description-page aside .links p {
  font-size: .8888888889rem;
  line-height: 1.4444444444rem
}

.banner .compare-bottom-banner-header {
  font-size: 2.2222222222rem;
  font-weight: 600;
  line-height: 3rem;
  letter-spacing: 0;
  text-align: center
}

@media (min-width:768px) {
  .banner .compare-bottom-banner-header {
    color: #fff;
    font-size: 2.44444rem;
    margin: 0 12px
  }
}

.banner .two-bottom-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.banner .two-bottom-buttons .btn {
  margin-left: 1.55556rem;
  min-width: 236px
}

.banner .two-bottom-buttons .btn-outline-primary {
  color: #fff
}

.banner .two-bottom-buttons .btn:first-child {
  margin-left: 0
}

@media (max-width:575.98px) {
  .banner .two-bottom-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .banner .two-bottom-buttons .btn {
    margin-left: 0;
    margin-top: 1.5rem
  }

  .banner .two-bottom-buttons .btn:first-child {
    margin-top: 0
  }
}

@media (max-width:767.98px) {
  .no-bg-xs {
    background: 0 0
  }
}

.compare-tools {
  margin-bottom: 54px
}

.compare-tools .description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  color: #485a76
}

.compare-tools-list__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 54px
}

.compare-tools-list__filter li {
  padding: 6px 12px;
  border-radius: 21px;
  border: 1px solid #dce5f2;
  margin-right: 16px;
  margin-bottom: 16px;
  font-size: 16px
}

.compare-tools-list__filter li a {
  color: #374a66
}

.compare-tools-list__filter li.active {
  background: #277dff;
  border-color: #277dff
}

.compare-tools-list__filter li.active a {
  color: #fff
}

.compare-tools-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border: 1px solid #dce5f2;
  border-radius: 8px;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(50%, #fff), color-stop(50%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), radial-gradient(50% 282.35% at 50% 0, #2f65ac 0, #152a4d 100%);
  background: linear-gradient(0deg, #fff 0, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), radial-gradient(50% 282.35% at 50% 0, #2f65ac 0, #152a4d 100%);
  padding-left: 2.2222222222rem;
  padding-right: 2.2222222222rem;
  padding-top: 4.4444444444rem;
  padding-bottom: 2.5555555556rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%
}

.compare-tools-list__connector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  position: relative
}

.compare-tools-list__connector:not(:last-child):before {
  content: "vs";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #277dff;
  background: #e1edff;
  border-radius: 100%;
  line-height: 1;
  right: -14px;
  top: 1.9444444444rem;
  padding-bottom: 3px;
  z-index: 10
}

.compare-tools-list__icon {
  height: 4.6666666667rem;
  width: 4.6666666667rem;
  border-radius: 6px;
  background: #fff;
  -webkit-box-shadow: 0 3px 2px rgba(15, 54, 113, .06), 0 2px 4px rgba(15, 54, 113, .15), 0 2px 6px rgba(15, 54, 113, .14);
  box-shadow: 0 3px 2px rgba(15, 54, 113, .06), 0 2px 4px rgba(15, 54, 113, .15), 0 2px 6px rgba(15, 54, 113, .14);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
  min-height: 56px;
  min-width: 56px
}

.compare-tools-list__icon img {
  height: 56px;
  width: 56px
}

.compare-tools-list span {
  text-transform: capitalize;
  color: #485a76;
  line-height: 120%;
  text-align: center;
  min-height: 2.4444444444rem
}

.backup-promo {
  background-image: radial-gradient(farthest-corner circle at top, #2f65ac 0, #152a4d 100%);
  height: 720px;
  position: relative
}

.backup-promo svg {
  width: 100%;
  margin-top: 184px
}

.backup-promo h1 {
  color: #fff;
  margin-top: 252px;
  margin-bottom: 40px
}

.backup-promo .description {
  color: #bad2f5;
  font-size: 1.77778rem;
  line-height: 1.25;
  font-weight: 200;
  margin-bottom: 2.22222rem
}

@media (max-width:991.98px) {
  .backup-promo {
    height: auto
  }

  .backup-promo .revert {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .backup-promo img {
    margin-bottom: 36px
  }

  .backup-promo h1 {
    margin: 0 auto 16px
  }

  .backup-promo .description {
    margin-bottom: 38px
  }

  .backup-promo .btn-success {
    margin-bottom: 36px
  }
}

.backup-benefits__icon {
  margin: 18px 0 18px 0
}

.backup-pricing .revert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.backup-pricing .row {
  font-size: 16px
}

.backup-pricing .free-plan-box {
  background-color: #fff;
  height: 563px;
  border-radius: 6px;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50, 66, 92, .25), 0 8px 16px -8px rgba(0, 0, 0, .3);
  box-shadow: 0 13px 27px -5px rgba(50, 66, 92, .25), 0 8px 16px -8px rgba(0, 0, 0, .3);
  padding: 56px 85px
}

.backup-pricing .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.backup-pricing .wrapper .paid-plans-box {
  position: absolute;
  top: 99px;
  right: 0;
  height: 364px;
  width: 500px;
  border: 1px solid #ccd9ec;
  border-radius: 4px;
  padding: 48px 60px
}

.backup-pricing .wrapper .paid-plans-box .paid-plans {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 1.2px;
  line-height: 28px;
  margin-bottom: 56px
}

.backup-pricing .wrapper .paid-plans-box a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px
}

.backup-pricing .wrapper .paid-plans-box a:after {
  content: url(https://skyvia.com/assets/img/arrow_right.svg);
  height: 24px
}

.backup-pricing .wrapper .col-4.plus:before {
  content: url(https://skyvia.com/assets/img/plus.svg);
  position: absolute;
  top: 16px;
  right: 0
}

.backup-pricing img {
  margin-left: -4px
}

@media (max-width:991.98px) {
  .backup-pricing .revert {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.backup-get-started article {
  margin-top: 24px
}

.backup-get-started article header {
  text-transform: uppercase;
  color: #29374d;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 24px
}

.backup-get-started article p {
  color: #485a76;
  font-size: 14px;
  line-height: 20px
}

.backup-get-started .rectangle {
  height: 360px;
  -webkit-box-shadow: 0 4px 16px -4px rgba(3, 16, 37, .2), 0 16px 32px 0 rgba(15, 54, 113, .1);
  box-shadow: 0 4px 16px -4px rgba(3, 16, 37, .2), 0 16px 32px 0 rgba(15, 54, 113, .1);
  background-image: url(https://skyvia.com/assets/img/video-splash-screen.png);
  background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
  .backup-get-started .rectangle {
    background-image: url(https://skyvia.com/assets/img/video-splash-screen@2x.png);
    background-size: auto 50%
  }
}

.backup-get-started .rectangle .overlay {
  cursor: pointer;
  display: block;
  height: 360px;
  opacity: .75;
  background-color: #1851a6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:991.98px) {
  .backup-get-started .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .backup-get-started .rectangle {
    margin-bottom: 44px
  }
}

.backup-banner .rectangle {
  position: relative;
  height: 544px;
  border-radius: 4px;
  background-color: #f0f5fc;
  padding-top: 80px
}

.backup-banner .rectangle .title {
  text-align: center;
  margin-bottom: 48px
}

.backup-banner .rectangle img {
  position: absolute;
  left: 0;
  bottom: 0
}

.backup-banner .rectangle .third-party {
  font-size: 14px;
  color: #5d78a1;
  margin-top: 220px
}

.backup-banner .rectangle a {
  color: #3887ff
}

@media (max-width:991.98px) {
  .backup-banner .rectangle {
    height: auto;
    padding: 60px 30px
  }

  .backup-banner .rectangle .third-party {
    margin-top: 0
  }
}

.source-backup-promo .rectangle {
  height: 340px
}

.source-backup-promo .rectangle .banner-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.source-backup-promo .rectangle .source-rectangle {
  height: 356px;
  max-width: 610px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  margin-top: 40px;
  -webkit-box-shadow: 0 12px 48px -12px rgba(3, 16, 37, .23), 0 36px 72px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 12px 48px -12px rgba(3, 16, 37, .23), 0 36px 72px 0 rgba(15, 54, 113, .3);
  border-radius: 8px;
  padding: 32px 72px;
  z-index: 1
}

.source-backup-promo .rectangle .source-rectangle img {
  width: 150px;
  height: 150px;
  margin-bottom: 10px
}

.source-backup-promo .rectangle .connect-image {
  background-image: url(https://skyvia.com/assets/img/saddle.svg);
  background-size: cover;
  width: 180px;
  height: 120px;
  position: relative;
  margin: 40px -45px 0
}

.source-backup-promo .rectangle .connect-image .key {
  position: absolute;
  top: 40%;
  left: 34%;
  height: 32px
}

@media (max-width:575.98px) {
  .source-backup-promo .rectangle .connect-image {
    background-image: url(https://skyvia.com/assets/img/saddle-vert.svg);
    margin: 0;
    width: 80px;
    height: 76px;
    background-position: center;
    background-size: auto
  }

  .source-backup-promo .rectangle .connect-image .key {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 15%
  }
}

.source-backup-promo .rectangle .target-rectangle {
  height: 144px;
  width: 144px;
  border-radius: 8.57px;
  margin-top: 40px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0 17px 17px -17px rgba(56, 74, 102, .75), 0 -17px 8px -17px rgba(56, 74, 102, .1), 0 17px 30px 0 rgba(15, 54, 113, .25);
  box-shadow: 0 17px 17px -17px rgba(56, 74, 102, .75), 0 -17px 8px -17px rgba(56, 74, 102, .1), 0 17px 30px 0 rgba(15, 54, 113, .25);
  z-index: 1;
  padding: 12px
}

.source-backup-promo .rectangle .target-rectangle img {
  width: 120px;
  height: 120px
}

.source-backup-promo .rectangle .code-rectangle {
  background-image: url(/backup/images/source-backup-promobg.svg);
  background-position: center;
  height: 356px;
  max-width: 538px;
  border-radius: 4px;
  background-color: #205199;
  -webkit-box-shadow: 0 10px 30px 0 rgba(15, 54, 113, .1);
  box-shadow: 0 10px 30px 0 rgba(15, 54, 113, .1);
  border-radius: 8px;
  margin-top: 40px;
  margin-left: -77px;
  position: relative
}

.source-backup-promo .rectangle .code-rectangle img {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 100px;
  left: 194px
}

@media (max-width:1439.98px) {
  .source-backup-promo .rectangle .source-rectangle {
    padding: 48px
  }
}

@media (max-width:1279.98px) {
  .source-backup-promo .rectangle .source-rectangle {
    padding: 24
  }
}

@media (max-width:991.98px) {

  .source-backup-promo .rectangle .source-rectangle img,
  .source-backup-promo .rectangle .target-rectangle img {
    width: 100px;
    height: 100px
  }

  .source-backup-promo .rectangle .target-rectangle {
    padding: 0
  }
}

@media (max-width:767.98px) {

  .source-backup-promo .rectangle .source-rectangle img,
  .source-backup-promo .rectangle .target-rectangle img {
    width: 75px;
    height: 75px
  }
}

@media (max-width:575.98px) {
  .source-backup-promo .rectangle {
    height: 720px;
    padding: 0 15px;
    margin: 116px auto 220px
  }

  .source-backup-promo .rectangle .banner-contain {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
  }

  .source-backup-promo .rectangle .source-rectangle {
    margin-top: -80px
  }

  .source-backup-promo .rectangle .code-rectangle {
    margin: 114px 0 0;
    background-image: url(/backup/images/source-backup-promobg--xs.svg);
    background-repeat: no-repeat
  }

  .source-backup-promo .rectangle .target-rectangle {
    position: absolute;
    bottom: 326px
  }
}

.source-backup-promo .two-top-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.source-backup-promo .two-top-buttons .btn {
  margin-left: 1.55556rem
}

.source-backup-promo .two-top-buttons .btn:first-child {
  margin-left: 0
}

@media (max-width:575.98px) {
  .source-backup-promo .two-top-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .source-backup-promo .two-top-buttons .btn {
    margin-left: 0;
    margin-top: 1.5rem
  }

  .source-backup-promo .two-top-buttons .btn:first-child {
    margin-top: 0
  }
}

.reliable-backup .container .row {
  margin-bottom: 80px
}

@media (min-width:992px) {
  .reliable-backup .container .row .mr {
    margin-bottom: 46px
  }
}

.easy-restore__layer {
  background-image: url(/backup/images/source-backup-restore.svg);
  position: relative;
  width: 508px;
  height: 192px;
  background-repeat: no-repeat
}

.easy-restore__layer .left {
  position: absolute;
  height: 120px;
  width: 120px;
  top: 24px;
  left: 30px
}

.easy-restore__layer .right {
  position: absolute;
  height: 120px;
  width: 120px;
  top: 24px;
  right: 30px
}

.easy-restore .container .row {
  margin-bottom: 80px
}

.key-features .rectangle {
  border-radius: 6px;
  background-color: #f0f5fc;
  padding: 56px 60px
}

.security .stars {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.security .rectangle {
  border-radius: 6px;
  background-color: #fffbee;
  padding: 64px 60px 44px
}

.security .rectangle {
  margin-bottom: 40px
}

.security .btn-default {
  border: 1px solid #277dff
}

.sql-for-cloud-apps-how-it-works {
  padding: 80px;
  background-color: #f0f5fc
}

@media (max-width:991.98px) {
  .sql-for-cloud-apps-how-it-works {
    padding: 80px 40px
  }
}

@media (max-width:767.98px) {
  .sql-for-cloud-apps-how-it-works {
    padding: 80px 24px
  }
}

@media (max-width:1279.98px) {
  .sql-for-cloud-apps-how-it-works .img-wrapper {
    max-width: 100vw;
    margin-left: calc((100vw - 100%)/ -2)
  }

  .sql-for-cloud-apps-how-it-works .img-wrapper p {
    overflow-x: auto
  }

  .sql-for-cloud-apps-how-it-works .img-wrapper p img {
    padding-left: 30px;
    padding-right: 30px
  }
}

.sql-for-cloud-apps-promo .rectangle {
  height: 216px;
  border-radius: 6px;
  background-color: #f0f5fc;
  margin: 52px 0 80px 0;
  position: relative
}

.sql-for-cloud-apps-promo .rectangle .sql-for-cloud-sources__list {
  list-style: none;
  margin: 0;
  padding: 12px 0;
  max-height: 216px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}

.sql-for-cloud-apps-promo .rectangle .sql-for-cloud-sources__list .sql-for-cloud-sources__item {
  display: inline-block
}

.sql-for-cloud-apps-promo .rectangle .sql-for-cloud-sources__list .sql-for-cloud-sources__item .connector {
  margin: 12px;
  width: 40px
}

.sql-for-cloud-apps-promo .rectangle .wrapper {
  position: absolute;
  right: 10%;
  top: -56px
}

.sql-for-cloud-apps-promo .rectangle .wrapper .query-window {
  height: 417px;
  width: 524px
}

@media (max-width:1279.98px) {
  .sql-for-cloud-apps-promo .rectangle .wrapper {
    right: 15px
  }
}

@media (max-width:991.98px) {
  .sql-for-cloud-apps-promo .rectangle .wrapper .query-window {
    height: 288px;
    width: 363px
  }

  .sql-for-cloud-apps-promo .rectangle .wrapper .query-window .query-header {
    height: 18px
  }

  .sql-for-cloud-apps-promo .rectangle .wrapper .query-window .query-header .circle {
    height: 5px;
    width: 5px
  }
}

@media (max-width:575.98px) {
  .sql-for-cloud-apps-promo .rectangle {
    margin-bottom: 65%
  }

  .sql-for-cloud-apps-promo .rectangle .wrapper {
    top: 140px;
    left: 15px
  }

  .sql-for-cloud-apps-promo .rectangle .wrapper .query-window {
    height: 217px;
    width: 100%
  }

  .sql-for-cloud-apps-promo .rectangle .wrapper .query-window .query-header {
    height: 18px
  }

  .sql-for-cloud-apps-promo .rectangle .wrapper .query-window .query-header .circle {
    height: 5px;
    width: 5px
  }
}

.query-cloud-data .syntaxhighlighter {
  border-radius: 8px;
  background-color: #f0f5fc;
  border: none;
  padding: 24px
}

.query-cloud-data article {
  margin-bottom: 0
}

.query-cloud-data .sql {
  margin-bottom: 56px
}

.query-cloud-data .sql img {
  position: absolute;
  top: 54px;
  right: 0
}

@media (max-width:767.98px) {
  .query-cloud-data .sql img.del-img {
    top: 8px
  }
}

.query-cloud-data .sql .large {
  visibility: visible
}

.query-cloud-data .sql .small {
  visibility: hidden;
  height: 0
}

@media (max-width:767.98px) {
  .query-cloud-data .sql .small {
    visibility: visible;
    height: auto
  }

  .query-cloud-data .sql .large {
    visibility: hidden;
    height: 0
  }
}

@media (max-width:575.98px) {
  .query-cloud-data .syntaxhighlighter {
    padding-right: 48px
  }
}

.cloud-sql-support a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px
}

.cloud-sql-support a:after {
  content: url(https://skyvia.com/assets/img/arrow_right.svg);
  height: 24px
}

.price-blocks {
  margin-bottom: 87px
}

.price-blocks .col,
.price-blocks .col-1,
.price-blocks .col-10,
.price-blocks .col-11,
.price-blocks .col-12,
.price-blocks .col-2,
.price-blocks .col-3,
.price-blocks .col-4,
.price-blocks .col-5,
.price-blocks .col-6,
.price-blocks .col-7,
.price-blocks .col-8,
.price-blocks .col-9,
.price-blocks .col-auto,
.price-blocks .col-lg,
.price-blocks .col-lg-1,
.price-blocks .col-lg-10,
.price-blocks .col-lg-11,
.price-blocks .col-lg-12,
.price-blocks .col-lg-2,
.price-blocks .col-lg-3,
.price-blocks .col-lg-4,
.price-blocks .col-lg-5,
.price-blocks .col-lg-6,
.price-blocks .col-lg-7,
.price-blocks .col-lg-8,
.price-blocks .col-lg-9,
.price-blocks .col-lg-auto,
.price-blocks .col-md,
.price-blocks .col-md-1,
.price-blocks .col-md-10,
.price-blocks .col-md-11,
.price-blocks .col-md-12,
.price-blocks .col-md-2,
.price-blocks .col-md-3,
.price-blocks .col-md-4,
.price-blocks .col-md-5,
.price-blocks .col-md-6,
.price-blocks .col-md-7,
.price-blocks .col-md-8,
.price-blocks .col-md-9,
.price-blocks .col-md-auto,
.price-blocks .col-sm,
.price-blocks .col-sm-1,
.price-blocks .col-sm-10,
.price-blocks .col-sm-11,
.price-blocks .col-sm-12,
.price-blocks .col-sm-2,
.price-blocks .col-sm-3,
.price-blocks .col-sm-4,
.price-blocks .col-sm-5,
.price-blocks .col-sm-6,
.price-blocks .col-sm-7,
.price-blocks .col-sm-8,
.price-blocks .col-sm-9,
.price-blocks .col-sm-auto,
.price-blocks .col-xl,
.price-blocks .col-xl-1,
.price-blocks .col-xl-10,
.price-blocks .col-xl-11,
.price-blocks .col-xl-12,
.price-blocks .col-xl-2,
.price-blocks .col-xl-3,
.price-blocks .col-xl-4,
.price-blocks .col-xl-5,
.price-blocks .col-xl-6,
.price-blocks .col-xl-7,
.price-blocks .col-xl-8,
.price-blocks .col-xl-9,
.price-blocks .col-xl-auto,
.price-blocks .col-xxl,
.price-blocks .col-xxl-1,
.price-blocks .col-xxl-10,
.price-blocks .col-xxl-11,
.price-blocks .col-xxl-12,
.price-blocks .col-xxl-2,
.price-blocks .col-xxl-3,
.price-blocks .col-xxl-4,
.price-blocks .col-xxl-5,
.price-blocks .col-xxl-6,
.price-blocks .col-xxl-7,
.price-blocks .col-xxl-8,
.price-blocks .col-xxl-9,
.price-blocks .col-xxl-auto {
  padding-right: 10px;
  padding-left: 10px
}

.price-blocks h1 {
  margin-bottom: 56px
}

.price-blocks .signup {
  margin-bottom: 40px
}

.price-blocks .nav {
  border-bottom: 1px solid #c5d4ea;
  width: 100%;
  margin-bottom: 3.1111111111rem
}

.price-blocks .nav .nav-item .nav-link {
  color: #485a76;
  font-size: 1rem;
  line-height: 28/18;
  text-align: center;
  padding: .4444444444rem .8888888889rem
}

.price-blocks .nav .nav-item .nav-link.active {
  border-bottom: 2px solid #277dff;
  color: #277dff
}

.price-blocks .switch {
  font-size: 1rem;
  margin-bottom: 2.3333333333rem
}

.price-blocks .switch .switch-icon {
  margin: 0 16px;
  width: 40px;
  height: 20px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(https://skyvia.com/assets/img/switcher--off.svg)
}

.price-blocks .switch .switch-icon.on {
  background-image: url(https://skyvia.com/assets/img/switcher--on.svg)
}

.price-blocks .switch div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.price-blocks .switch div span {
  position: relative
}

.price-blocks .switch div span .percent {
  color: #277dff;
  margin-left: 4px;
  font-size: 14px;
  position: absolute;
  font-weight: 600;
  bottom: 12px;
  width: 100%
}

.price-blocks .mauto {
  margin: 0 auto
}

.price-blocks .card {
  position: relative;
  border: 1px solid #c5d4ea;
  border-radius: 6px;
  margin-bottom: 20px;
  height: 736px
}

.price-blocks .card:hover {
  border: 1px solid #277dff
}

.price-blocks .card:hover header {
  background: #e9f2ff
}

.price-blocks .card.contact {
  background: #f0f5fc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.price-blocks .card.contact main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.price-blocks .card.contact main>div {
  padding-bottom: 200px;
  font-size: 16px
}

.price-blocks .card.contact:hover {
  background: #e9f2ff
}

.price-blocks .card.popular {
  position: relative
}

.price-blocks .card.popular::after {
  width: 85px;
  content: "Popular";
  position: absolute;
  background: #277dff;
  color: #fff;
  text-align: center;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 6px;
  top: 0;
  right: 0;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 20px
}

.price-blocks .card header {
  padding: 44px 28px;
  background: #f0f5fc;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px
}

.price-blocks .card header h4 {
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #29374d
}

.price-blocks .card header p {
  height: 44px;
  margin-bottom: 44px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #485a76
}

.price-blocks .card header .price-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-size: 13px
}

.price-blocks .card header .price-wrapper>div {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.price-blocks .card header .price-wrapper>div sup {
  top: -12px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #374a66
}

.price-blocks .card header .price-wrapper>div .price {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #374a66;
  display: none
}

.price-blocks .card header .price-wrapper>div .sale-price {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #374a66
}

.price-blocks .card header .price-wrapper .save-price {
  font-size: 14px;
  color: #277dff
}

.price-blocks .card main {
  padding: 24px 32px
}

.price-blocks .card main ul {
  padding: 0
}

.price-blocks .card main ul li {
  list-style: none;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px
}

.price-blocks .card main ul li .name {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #374a66
}

.price-blocks .card main ul li .value.height-32 {
  height: 32px
}

.price-blocks .card main .select2 {
  width: 100% !important
}

.price-blocks .card main .select2 .select2-selection {
  background-color: #f0f5fc;
  border-radius: 2px;
  border: 1px solid #f0f5fc;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #485a76;
  height: 32px
}

.price-blocks .card footer .btn-default {
  border: 1px solid #277dff
}

.price-blocks table thead tr>:nth-child(odd) {
  background: #f0f5fc
}

.price-blocks table thead tr th {
  padding: 36px 24px;
  width: 268px;
  text-align: center
}

.price-blocks table tbody tr>:nth-child(odd) {
  background: #f0f5fc
}

.price-blocks table tbody tr td {
  padding: 12px 24px;
  font-size: 16px
}

.price-blocks table tbody tr td:not(:first-child) {
  text-align: center
}

.price-blocks table tbody tr td.indent {
  padding-top: 60px
}

.price-blocks .plans-detailed-text {
  margin-top: 200px;
  margin-bottom: 56px;
  font-style: normal;
  font-weight: 600;
  font-size: 44px;
  line-height: 56px;
  color: #29374d
}

.price-blocks .plans-compare-list .bold {
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: #374a66
}

.price-blocks .plans-compare-list .plan-name {
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #277dff
}

.price-blocks .plans-compare-list .value.checked::before {
  content: url(https://skyvia.com/assets/img/icon-check-2.svg);
  width: 28px;
  height: 28px
}

.price-blocks .plans-compare-list .value.minus::before {
  content: url(https://skyvia.com/assets/img/cancel.svg);
  width: 28px;
  height: 28px
}

.asked-questions h2 {
  margin-bottom: 56px
}

.partners-promo {
  background-image: radial-gradient(circle farthest-corner at center top, #2f65ac 0, #152a4d 100%);
  position: relative;
  margin-bottom: 200px
}

.partners-promo h1 {
  margin-bottom: 24px
}

.partners-promo .partners-banner svg {
  margin-top: 194px
}

.partners-promo__text {
  margin-bottom: 100px
}

.partners-promo h1 {
  color: #fff;
  margin-top: 14rem;
  margin-bottom: 2.2222222222rem;
  font-weight: 600
}

.partners-promo p.description {
  color: #bad2f5;
  margin-bottom: 2.2222222222rem
}

.partners-promo h4,
.partners-promo p.text {
  color: #bad2f5;
  font-size: 1rem;
  line-height: 1.3333333333rem;
  text-align: center
}

.partners-promo h4 {
  font-weight: 600;
  margin-bottom: 0
}

.partners-promo p.text {
  font-weight: 200;
  margin-bottom: 2.6666666667rem
}

.partners-promo .num {
  color: #fff;
  font-size: 3rem;
  font-weight: 600;
  text-align: center
}

.partners-promo .btn {
  margin: 0 12px
}

.partners-promo .btn:first-of-type {
  margin-left: 0
}

.partners-promo .btn-outline-primary {
  border: 1px solid #bad2f5;
  color: #bad2f5
}

.main-partners-promo {
  margin-bottom: 120px
}

.consulting .partners-banner svg {
  margin-top: 194px;
  -webkit-box-shadow: 0 31px 50px -12px #082c4f, inset 0 1px 0 #2c78dd;
  box-shadow: 0 31px 50px -12px #082c4f, inset 0 1px 0 #2c78dd;
  border-radius: 8px
}

.our-partners h2 {
  margin-bottom: 56px
}

.our-partners h2#integrator {
  margin-bottom: 40px
}

.our-partners .contain {
  border: 1px solid #dce5f2;
  border-radius: 4px;
  height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 40px
}

.our-partners .btn-default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #277dff;
  text-transform: uppercase;
  width: 180px;
  height: 44px;
  color: #277dff;
  margin-top: 16px
}

.our-partners .btn-default .icon-listing {
  font-size: 18px;
  margin-right: 5px
}

.our-partners .partner-benefits-title {
  color: #29374d;
  font-size: 1.7777777778rem;
  line-height: 1.25;
  font-weight: 300;
  margin-bottom: 3.1111111111rem;
  margin-top: 4.4444444444rem;
  text-align: center;
  text-transform: inherit;
  letter-spacing: inherit
}

.partners-become .rectangle {
  background: #f0f5fc;
  padding-top: 5.8888888889rem;
  padding-bottom: 3.8888888889rem
}

@media (max-width:575.98px) {
  .partners-become .rectangle {
    background: #fff
  }
}

.partners-become .two-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.partners-become .two-buttons .btn {
  margin-left: 1.55556rem
}

.partners-become .two-buttons .btn--icon-right .icon-download {
  width: 1.1111111111rem;
  height: 1.1111111111rem
}

.partners-become .two-buttons .btn:first-child {
  margin-left: 0
}

@media (max-width:991.98px) {
  .partners-become .two-buttons {
    margin-bottom: 4.1666666667rem
  }
}

@media (max-width:575.98px) {
  .partners-become .two-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0
  }

  .partners-become .two-buttons .btn {
    margin-left: 0;
    margin-top: 1.5rem
  }

  .partners-become .two-buttons .btn:first-child {
    margin-top: 0
  }

  .partners-become .two-buttons .btn:last-child {
    margin-bottom: 3rem
  }
}

.partner-kinds ul li {
  list-style-image: url(https://skyvia.com/assets/img/check18x18.svg);
  padding-left: 12px
}

.partner-kinds h4 {
  min-height: 56px;
  vertical-align: center
}

.partner-kinds h4 img {
  display: inline-block
}

.partners-why h4 {
  font-size: .8888888889rem;
  line-height: 1.3333333333rem
}

.partners-why .text-right {
  text-align: right
}

.partners-application .rectangle {
  background: #f0f5fc;
  border-radius: 6px;
  padding-top: 1.5555555556rem;
  padding-bottom: 3.5rem
}

.partners-application .rectangle h4 {
  margin-top: 2.4444444444rem
}

@media (max-width:1279.98px) {
  .partners-application .rectangle {
    margin-bottom: 1.1111111111rem
  }
}

@media (max-width:575.98px) {
  .partners-application .rectangle {
    margin-left: -30px;
    margin-right: -30px
  }
}

.partner-form form {
  padding: 4.4444444444rem 6.3888888889rem 3.5555555556rem
}

.partner-form form .form-group {
  width: 100%
}

.partner-form form input[type=submit] {
  width: 290px;
  color: #fff;
  background-color: #00c20b;
  border: 1px solid #00c20b;
  font-weight: 800
}

.partner-form form select.form-control {
  color: #7a96c3;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  background-image: url(https://skyvia.com/assets/img/dropdown-down.svg);
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 22px;
  width: 100%
}

.partner-form form select.form-control::-ms-expand {
  display: none
}

.partner-form form option {
  font-size: 1rem;
  line-height: 1.5555555556rem;
  color: #485a76;
  padding: 10px 24px
}

.partner-form form option:first-child {
  display: none
}

.partner-form ul li {
  list-style-image: url(https://skyvia.com/assets/img/check.svg);
  vertical-align: center;
  padding-left: 12px
}

.partner-form ul li::marker {
  font-size: .5rem
}

.partner-form p.question {
  background: url(https://skyvia.com/assets/img/icon-support.svg) center left no-repeat;
  padding-left: 50px
}

.partner-benefits p.description {
  margin-bottom: 4.4444444444rem
}

.partner-benefits article svg {
  margin-bottom: .8333333333rem
}

.partners aside .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 24px
}

.partners aside .form-group label {
  color: #485a76;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 6px
}

.partners aside .form-group .select2 {
  width: 100% !important
}

.partners aside .form-group .select2 .select2-selection {
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #dce5f2;
  height: 54px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #485a76
}

.partners aside .form-group .select2 .select2-selection__rendered {
  padding: 14px 38px 14px 14px
}

.partners aside .form-group .select2 .select2-selection__arrow {
  top: 8px;
  right: 14px
}

.partners aside .form-group .switch-recommends {
  width: 48px;
  height: 24px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(https://skyvia.com/assets/img/switcher--off.svg)
}

.partners aside .form-group .switch-recommends.on {
  background-image: url(https://skyvia.com/assets/img/switcher--on.svg)
}

.partners aside .form-group.inline {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 14px
}

.partners .search {
  position: relative;
  padding: 12px 24px 12px 48px;
  border-radius: 4px;
  border: 1px solid #dce5f2;
  width: 100%;
  margin: 32px 0 24px;
  background-position: 12px 12px;
  background-image: url(https://skyvia.com/assets/img/search.svg);
  background-repeat: no-repeat
}

.partners .filter-list {
  margin-bottom: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px
}

.partners .filter-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px
}

.partners .filter-list ul li a {
  cursor: pointer;
  position: relative;
  padding: 1px 28px 1px 8px;
  border-radius: 4px;
  background: #f0f5fc;
  color: #485a76;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  height: 28px;
  display: inline-block;
  position: relative
}

.partners .filter-list ul li a .close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.27933 11.8718C2.90689 12.2442 2.90689 12.8481 3.27933 13.2205C3.65177 13.593 4.25561 13.593 4.62805 13.2205L7.99994 9.84861L11.3719 13.2207C11.7444 13.5931 12.3482 13.5931 12.7207 13.2207C13.0931 12.8482 13.0931 12.2444 12.7207 11.8719L9.34866 8.49986L12.7204 5.12808C13.0928 4.75563 13.0928 4.15178 12.7204 3.77933C12.348 3.40689 11.7441 3.40689 11.3717 3.77933L7.99994 7.15112L4.62833 3.77946C4.25589 3.40702 3.65205 3.40702 3.27961 3.77946C2.90717 4.15191 2.90717 4.75576 3.27961 5.12821L6.65121 8.49986L3.27933 11.8718Z' fill='%2399B3DC'/%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  position: absolute;
  right: 8px;
  top: 5px
}

.partners .partners-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  gap: 44px 60px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.partners .partners-list .partner-card {
  width: 290px;
  height: 330px;
  padding: 26px;
  border-radius: 6px;
  border: 1px solid #dce5f2;
  background: #fff
}

.partners .partners-list .partner-card .partner-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 238px;
  height: 110px;
  padding: 27px 19px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 20px
}

.partners .partners-list .partner-card .title {
  color: #29374d;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.partners .partners-list .partner-card .description {
  color: #485a76;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
  margin: 8px 0 24px
}

.partners .empty-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 24px 26px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
  border-radius: 4px;
  background: #ebf5fe
}

.partners .empty-state.hidden {
  display: none !important
}

.partners .empty-state .info {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(https://skyvia.com/assets/img/info_light.svg) no-repeat
}

.partners .empty-state .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.partners .empty-state .title .title {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  color: #485a76
}

.partners .empty-state .title .desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #485a76
}

.partner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 62px
}

.partner aside {
  width: 409px
}

.partner aside address {
  background: #f0f5fc;
  padding: 26px 66px 42px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.partner aside address .partner-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 238px;
  height: 110px;
  padding: 27px 19px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.partner aside address .title {
  color: #29374d;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 28px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: .5rem
}

.partner aside address .addr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #485a76;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 26px;
  margin-top: 8px
}

.partner aside address .addr:before {
  content: url(https://skyvia.com/assets/img/icon-map.svg);
  height: 24px;
  margin-right: 4px
}

.partner aside address .btn {
  width: 100%
}

.partner aside .details {
  padding: 30px 40px;
  border-radius: 6px;
  border: 1px solid #dce5f2
}

.partner aside .details article {
  color: #485a76;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 18px
}

.partner aside .details article .title {
  font-size: 18px;
  line-height: 28px
}

.partner aside .details article li {
  font-size: 16px;
  line-height: 26px;
  margin: 0
}

.partner .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px
}

.partner .link:before {
  content: url(https://skyvia.com/assets/img/icon-external-link.svg);
  height: 24px;
  margin-right: 6px
}

.resources-promo h1 {
  margin-bottom: 56px
}

.resources-promo .rectangle {
  width: 100%;
  background: radial-gradient(circle, #2f65ac 0, #152a4d 100%)
}

@media (min-width:768px) {
  .resources-promo .rectangle {
    height: 264px
  }
}

@media (min-width:992px) {
  .resources-promo .rectangle {
    height: 264px
  }
}

.resources-promo .source-rectangle,
.resources-promo .target-rectangle {
  height: 280px;
  width: 524px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
  margin-top: 40px;
  -webkit-box-shadow: 0 13px 27px -5px rgba(50, 66, 92, .25), 0 8px 16px -8px rgba(0, 0, 0, .3);
  box-shadow: 0 13px 27px -5px rgba(50, 66, 92, .25), 0 8px 16px -8px rgba(0, 0, 0, .3);
  padding: 32px 40px;
  z-index: 1
}

.resources-promo .source-rectangle img,
.resources-promo .target-rectangle img {
  margin-bottom: 8px
}

.resources-promo .source-rectangle h4,
.resources-promo .target-rectangle h4 {
  margin-bottom: 8px
}

.resources-promo .source-rectangle p,
.resources-promo .target-rectangle p {
  margin-bottom: 0
}

.use-cases h2 {
  margin-bottom: 24px
}

.use-cases a {
  font-size: 18px;
  line-height: 28px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.use-cases h4 {
  margin-bottom: 4px
}

.use-cases p {
  margin-bottom: 0
}

.use-cases img {
  height: 240px;
  margin-bottom: 6px
}

.resources-video h2 {
  margin-bottom: 56px
}

.resources-video .rectangle {
  height: 360px;
  width: 640px;
  -webkit-box-shadow: 0 4px 16px -4px rgba(3, 16, 37, .2), 0 16px 32px 0 rgba(15, 54, 113, .1);
  box-shadow: 0 4px 16px -4px rgba(3, 16, 37, .2), 0 16px 32px 0 rgba(15, 54, 113, .1);
  background-image: url(https://skyvia.com/assets/img/video-splash-screen.png);
  background-repeat: no-repeat;
  margin-bottom: 24px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
  .resources-video .rectangle {
    background-image: url(https://skyvia.com/assets/img/video-splash-screen@2x.png);
    background-size: auto 50%
  }
}

.resources-video .rectangle .overlay {
  cursor: pointer;
  display: block;
  width: 640px;
  height: 360px;
  opacity: .75;
  background-color: #1851a6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.resources-video h4 {
  margin-bottom: 8px
}

.resources-video p {
  margin-bottom: 0
}

.resources-tutorials h2 {
  margin-bottom: 24px
}

.resources-tutorials p.text-center {
  margin-bottom: 56px
}

.resources-tutorials .col-7 {
  margin: 0 auto
}

.resources-tutorials h4 {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 24px
}

.resources-tutorials p {
  margin-bottom: 12px
}

.data-analysis-promo {
  background-image: radial-gradient(farthest-corner circle at top, #2f65ac 0, #152a4d 100%);
  margin-bottom: 0
}

.data-analysis-promo .data-analysis-promo-text-wrapper {
  margin-bottom: 120px
}

.data-analysis-promo .data-analysis-promo-img-wrapper {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13
}

.data-analysis-promo .data-analysis-promo-img-wrapper svg {
  position: absolute;
  right: 30px;
  top: 188px;
  width: 757px
}

@media (max-width:1279.98px) {
  .data-analysis-promo .data-analysis-promo-img-wrapper svg {
    position: relative;
    right: initial;
    margin: 200px auto 0;
    width: auto;
    top: initial;
    display: block
  }
}

@media (max-width:991.98px) {
  .data-analysis-promo .data-analysis-promo-img-wrapper {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .data-analysis-promo .data-analysis-promo-img-wrapper svg {
    width: auto;
    margin: 252px auto 36px
  }
}

.data-analysis-promo h1 {
  color: #fff;
  margin-top: 252px;
  margin-bottom: 40px
}

.data-analysis-promo p.description {
  color: #bad2f5;
  font-size: 1.7777777778rem;
  line-height: 1.25;
  font-weight: 200;
  margin-bottom: 2.2222222222rem
}

@media (max-width:991.98px) {
  .data-analysis-promo h1 {
    margin-top: 0
  }
}

.data-analysis-about {
  padding-top: 6.6666666667rem
}

.analysis-tools .item {
  margin-top: 64px
}

.analysis-tools .item a {
  border: 1px solid #dce5f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 156px;
  position: relative
}

.analysis-tools .item a img {
  height: 125px
}

.analysis-tools .item a p {
  font-size: 14px;
  margin-bottom: 8px;
  max-width: 125px;
  text-align: center;
  position: absolute;
  bottom: 8px
}

.analysis-elt h2 {
  margin-bottom: 24px
}

.analysis-elt .mr {
  margin-bottom: 24px
}

.analysis-elt .contain {
  background: #f0f5fc;
  padding: 64px 60px;
  margin-bottom: 24px
}

.analysis-elt p {
  margin-bottom: 0
}

@media (max-width:991.98px) {
  .analysis-elt p {
    margin-bottom: 1.55556rem
  }
}

.analysis-etl h2 {
  margin-bottom: 24px
}

.analysis-etl img {
  display: block;
  margin: 0 auto
}

.analysis-analitics img {
  display: block;
  margin: 0 auto
}

.analysis-analitics h2 {
  margin-bottom: 24px
}

.studies article {
  margin-bottom: 80px
}

.studies .mr {
  margin-bottom: 20px
}

.studies .mr-0 {
  margin: 0
}

.studies p.dialog {
  font-size: 1rem;
  line-height: 28/18;
  color: #667892;
  margin: 0;
  padding-left: 80px
}

.studies .quotes {
  background-image: url(https://skyvia.com/assets/img/quote.svg);
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -4px;
  left: 50px
}

.studies .author {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 0 30px 0 110px
}

.studies .author p {
  font-size: .7777777778rem;
  line-height: 20/14;
  color: #667892
}

.studies .author h3 {
  position: relative;
  margin-bottom: 0;
  font-size: .8888888889rem;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 24/16;
  padding: 0 8px 0 40px;
  text-transform: none
}

.studies .author h3::before {
  content: "";
  width: 24px;
  height: 2px;
  background: #485a76;
  position: absolute;
  top: 11px;
  left: 0
}

.case-study-banner .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.case-study-banner .description {
  margin-bottom: 0;
  text-align: center
}

@media (max-width:767.98px) {
  .case-study-banner .description {
    margin-bottom: 24px;
    margin-right: 0
  }
}

.case-study-banner .description .btn-success {
  margin: .5rem .8888888889rem
}

.studies-promo {
  margin-bottom: 6.6666666667rem
}

.studies-promo h1 {
  margin-bottom: 1.3333333333rem
}

.studies-promo .description {
  margin-bottom: 2.6666666667rem
}

.studies-promo--list h1 {
  text-align: center
}

@media (max-width:767.98px) {
  .studies-promo--list h1 {
    text-align: left
  }
}

.studies-promo--list .description {
  text-align: center
}

@media (max-width:767.98px) {
  .studies-promo--list .description {
    text-align: left
  }
}

.studies-promo .zammad-brand {
  background: #f39804
}

.studies-promo .vedantu-brand {
  background: #ff693d
}

.studies-promo .megaputer-brand {
  background: #dd7e0f
}

.studies-promo .fieldax-brand {
  background: #029d04
}

.studies-promo .redmond-brand {
  background: #386686
}

.studies-promo .stesso-brand {
  background: #1e9fd7
}

.studies-promo .horizons-brand {
  background: #1e3449
}

.studies-promo .advisera-brand {
  background: #094d91
}

.studies-promo .ahca-brand {
  background: #015796
}

.studies-promo .healthcarecompany-brand {
  background: #e55e31
}

.studies-promo .cirrus-brand {
  background: #f8023a
}

.studies-promo .niso-brand {
  background: #9bc83d
}

.studies-promo .teesing-brand {
  background: #008bcb
}

.studies-promo .exclaimer-brand {
  background: #1b2037
}

.studies-promo .technevalue-brand {
  background: #099aac
}

.studies-promo .titanhq-brand {
  background: #00a573
}

.studies-promo .cashme-brand {
  background: #0082ff
}

.studies-promo .realestatecompany-brand {
  background: #043064
}

.studies-promo .bakewellcookshop-brand {
  background: #4b970f
}

.studies-promo .alhena-brand {
  background: #e30139
}

.studies-promo .convene-brand {
  background: #1a1a1a
}

.studies-promo .dalecarnegie-brand {
  background: #000
}

.studies-promo .fortiumpartners-brand {
  background: #4895d0
}

.studies-promo .playworks-brand {
  background: #428bc6
}

.studies-promo .a4international-brand {
  background: #2bb673
}

.studies-promo .gointegro-brand {
  background: #21b9a2
}

.studies-promo .nonprofitorganization-brand {
  background: #43a047
}

.studies-promo .unitedhomeexperts-brand {
  background: #1d4880
}

.studies-promo .plumenergie-brand {
  background: #dd3c5c
}

.studies-promo .brand-image {
  width: 104px;
  margin-bottom: -10px
}

.studies-promo .logo-contain {
  min-height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.studies-promo .logo-contain .wrapper {
  min-width: 460px;
  min-height: 290px;
  margin: 24px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:767.98px) {
  .studies-promo .logo-contain .wrapper {
    min-width: 100%;
    padding-left: 8px;
    padding-right: 8px
  }
}

.studies-promo .logo-contain h4 {
  line-height: 1.25;
  font-size: 1.7777777778rem;
  color: #fff;
  margin-bottom: 1.2222222222rem;
  text-transform: none;
  max-width: 460px;
  text-align: center;
  margin-bottom: 0
}

.studies-promo .logo-contain span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  position: relative;
  height: 104px;
  margin-top: -10px;
  padding-left: .8888888889rem;
  padding-right: 1.7777777778rem
}

.studies-promo .logo-contain span svg {
  fill: #fff;
  right: .4444444444rem
}

.studies-promo .rectangle {
  min-height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  border-radius: 6px
}

.studies-promo .rectangle .left-block {
  min-height: 200px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px
}

@media (max-width:991.98px) {
  .studies-promo .rectangle .left-block {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 6px
  }
}

.studies-promo .rectangle .left-block .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.studies-promo .rectangle .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 32px 40px;
  min-height: 200px
}

.studies-promo .rectangle .right div {
  padding: 0 16px
}

.studies-promo .rectangle .right label {
  font-size: .8888888889rem;
  line-height: 24/16;
  color: #667892;
  margin: 0
}

.studies-promo .rectangle .right .mr24 {
  margin-bottom: 24px
}

.studies-promo .rectangle .right img {
  border: 1px solid #c5d4ea;
  border-radius: 4px;
  width: 56px;
  height: 56px
}

@media (max-width:424.98px) {
  .studies-promo .rectangle .right img {
    width: 40px;
    height: 40px
  }
}

.studies-promo .rectangle .right .connector-link {
  display: inline-block;
  position: relative;
  margin-right: 16px;
  margin-bottom: 16px
}

.studies-promo .rectangle .right .connector-link:last-child {
  margin-right: 0
}

@media (max-width:575.98px) {
  .studies-promo .rectangle .right .connector-link {
    margin-right: 8px;
    margin-bottom: 8px
  }
}

.query-builder-sql-editor-description__banner {
  margin: 0;
  height: 460px;
  background: radial-gradient(circle, #2f65ac 0, #152a4d 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.query-builder-sql-editor-description .query-window {
  height: auto;
  width: 873px;
  position: relative
}

.query-builder-sql-editor-description ul {
  position: absolute;
  list-style: none;
  padding: 0
}

.query-builder-sql-editor-description ul.left {
  top: 13%;
  left: -255px
}

.query-builder-sql-editor-description ul.left li:first-child {
  margin-bottom: 107px
}

.query-builder-sql-editor-description ul.left li:first-child:after {
  content: " ";
  position: absolute;
  top: 32px;
  left: 64px;
  right: -82px;
  border-top: 2px solid #e55844
}

.query-builder-sql-editor-description ul.left li:after {
  content: " ";
  position: absolute;
  top: 12px;
  left: 128px;
  right: -82px;
  border-top: 2px solid #e55844
}

.query-builder-sql-editor-description ul.right {
  top: 124px;
  right: -233px
}

.query-builder-sql-editor-description ul.right li:first-child {
  margin-bottom: 98px
}

.query-builder-sql-editor-description ul.right li:nth-child(2) {
  margin-bottom: 60px
}

.query-builder-sql-editor-description ul.right li:before {
  content: " ";
  position: absolute;
  top: 12px;
  left: -60px;
  right: 183px;
  border-top: 2px solid #e55844
}

.query-builder-sql-editor-description ul li {
  max-width: 173px;
  position: relative
}

.query-builder-sql-editor-description ul li img {
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
  background: #fff;
  border-radius: 4px
}

.query-builder-sql-editor-description ul li h4 {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 8px
}

.query-builder-sql-editor-description ul li p {
  font-size: 16px;
  line-height: 24px;
  color: #bad2f5;
  margin-bottom: 0
}

.query-builder-sql-editor-description .container {
  padding-top: 160px
}

.query-builder-sql-editor-promo {
  background: #fff;
  margin-bottom: 0
}

.query-builder-sql-editor-promo p.description {
  margin-bottom: 120px
}

.manage h2 {
  margin-bottom: 56px
}

.manage p {
  margin-bottom: 80px
}

.manage article img {
  margin-bottom: 18px
}

.manage article p {
  margin: 0
}

.database-managment h2 {
  margin-bottom: 24px
}

.database-managment p {
  margin-bottom: 56px
}

.database-managment article {
  margin-bottom: 0
}

.database-managment article::before {
  content: "•";
  color: #277dff;
  position: absolute;
  top: 2px;
  display: block;
  height: 0;
  margin: 0 12px;
  left: -12px;
  font-size: 12px;
  font-weight: 700
}

@media (min-width:1280px) {
  .database-managment article::before {
    left: 0
  }
}

.database-managment article p {
  margin-bottom: 0
}

@media (max-width:767.98px) {
  .database-managment article:first-child {
    margin-bottom: 24px
  }
}

@media (max-width:575.98px) {
  .database-managment article {
    margin-left: 12px;
    padding-right: 24px
  }
}

.agent .svg {
  position: relative;
  margin-bottom: 56px;
  margin-top: -24px
}

.agent .svg span {
  font-size: 16px;
  line-height: 20px
}

.agent .svg .oracle {
  position: absolute;
  bottom: 0;
  left: 16%
}

.agent .svg .skyvia-agent {
  position: absolute;
  bottom: 0;
  left: 37%
}

.agent .svg .firewall {
  position: absolute;
  bottom: 0;
  width: 100px;
  right: 35%;
  text-align: center
}

.agent .svg .skyvia {
  position: absolute;
  bottom: 0;
  right: 20%
}

@media (max-width:1439.98px) {
  .agent .svg .oracle {
    left: 12%
  }

  .agent .svg .skyvia-agent {
    left: 35%
  }

  .agent .svg .firewall {
    right: 33%
  }

  .agent .svg .skyvia {
    right: 16%
  }
}

@media (max-width:1279.98px) {
  .agent .svg .oracle {
    left: 4%
  }

  .agent .svg .skyvia-agent {
    left: 32%
  }

  .agent .svg .firewall {
    right: 30%
  }

  .agent .svg .skyvia {
    right: 10%
  }
}

@media (max-width:767.98px) {
  .agent .svg .firewall {
    right: 28%
  }
}

@media (max-width:575.98px) {
  .agent .svg span {
    max-width: 85px
  }

  .agent .svg .oracle {
    left: 4%;
    bottom: -20px
  }

  .agent .svg .skyvia-agent {
    left: 27%;
    bottom: -20px
  }

  .agent .svg .firewall {
    right: 30%;
    width: auto
  }

  .agent .svg .skyvia {
    right: 7%
  }
}

.agent h2 {
  margin-bottom: 24px
}

.agent p {
  margin-bottom: 56px
}

.agent .btn-default {
  border: 1px solid #277dff;
  text-transform: uppercase;
  margin: 0 auto
}

.how-to-work h2 {
  margin-bottom: 3.1111111111rem
}

.how-to-work ul {
  padding: 0;
  list-style: none;
  margin-top: 112px
}

.how-to-work ul li a h4 {
  margin-bottom: 0;
  display: inline-block
}

.how-to-work ul li a p {
  margin-bottom: 48px
}

.how-to-work ul li.nav-item {
  width: 100%
}

.how-to-work ul li.nav-item .nav-link.active h4 {
  color: #277dff;
  position: relative
}

.how-to-work ul li.nav-item .nav-link.active h4:after {
  content: " ";
  position: absolute;
  top: 12px;
  left: 110%;
  width: 400px;
  border-top: 2px solid #277dff
}

.how-to-work ul .active h4 {
  color: #277dff
}

.how-to-work .tab-content {
  position: relative;
  border-radius: 6px;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  height: 100%
}

.how-to-work .tab-content .tab-header {
  height: 27px;
  width: 100%;
  background-color: #dce5f2;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px
}

.how-to-work .tab-content .tab-header .circle {
  height: 8.82px;
  width: 8.82px;
  border-radius: 50px;
  background-color: #afc4e3;
  margin-right: 4px
}

.how-to-work .tab-content img {
  width: 100%
}

@media (max-width:991.98px) {
  .how-to-work .container {
    max-width: 95%
  }

  .how-to-work .row {
    overflow-x: auto
  }

  .how-to-work .row ::-webkit-scrollbar {
    width: 0;
    height: 0
  }

  .how-to-work .row ::-webkit-scrollbar-thumb {
    background: 0 0
  }

  .how-to-work .row ::-webkit-scrollbar-track {
    background-color: transparent
  }

  .how-to-work .col-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .how-to-work .tab-content {
    position: initial;
    margin-bottom: 32px;
    margin-right: 30px;
    height: auto
  }

  .how-to-work .tab-pane {
    display: block;
    width: 634px
  }
}

@media (max-width:767.98px) {
  .how-to-work .tab-content {
    margin-bottom: 24px
  }

  .how-to-work .tab-content .tab-header {
    height: 16px
  }

  .how-to-work .tab-content .tab-header .circle {
    height: 5px;
    width: 5px
  }

  .how-to-work .tab-pane {
    width: 380px
  }
}

@media (max-width:575.98px) {
  .how-to-work .tab-content {
    margin-bottom: 12px
  }

  .how-to-work .tab-content .tab-header {
    height: 9px
  }

  .how-to-work .tab-content .tab-header .circle {
    height: 2.7px;
    width: 2.7px
  }

  .how-to-work .tab-pane {
    width: 205px
  }
}

.on-premise-data-integration-promo {
  margin-bottom: 6.3333333333rem
}

.on-premise-data-integration-promo h1 {
  margin-bottom: 1.3333333333rem
}

.on-premise-data-integration-promo .description {
  font-size: 1.7777777778rem;
  line-height: 2.2222222222rem;
  font-weight: 300;
  margin-bottom: 4.6666666667rem
}

.on-premise-data-integration-promo .rectangle {
  background: -webkit-gradient(linear, left bottom, left top, from(#84d3ff), to(#84d3ff));
  background: linear-gradient(0deg, #84d3ff, #84d3ff);
  width: 100%;
  height: 316px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.agent-promo {
  background-image: radial-gradient(farthest-corner circle at top, #2f65ac 0, #152a4d 100%);
  margin-bottom: 88px
}

.agent-promo .agent-promo-text-wrapper {
  margin-bottom: 120px
}

.agent-promo .agent-promo-img-wrapper {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13
}

.agent-promo .agent-promo-img-wrapper svg {
  position: absolute;
  right: 0;
  top: 222px;
  width: 757px
}

@media (max-width:1279.98px) {
  .agent-promo .agent-promo-img-wrapper svg {
    position: relative;
    right: initial;
    margin: 232px auto 0;
    width: auto;
    top: initial;
    display: block
  }
}

@media (max-width:991.98px) {
  .agent-promo .agent-promo-img-wrapper {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .agent-promo .agent-promo-img-wrapper svg {
    width: auto;
    margin: 252px auto 36px
  }
}

.agent-promo h1 {
  color: #fff;
  margin-top: 252px;
  margin-bottom: 40px
}

.agent-promo .description {
  color: #bad2f5;
  font-size: 1.77778rem;
  line-height: 1.25;
  font-weight: 200;
  margin-bottom: 2.22222rem
}

@media (max-width:991.98px) {
  .agent-promo h1 {
    margin-top: 0
  }
}

.on-premise-data-integration-can-do-for-you h2 {
  margin-bottom: 80px
}

.on-premise-data-integration-can-do-for-you p {
  margin-bottom: 0
}

.on-premise-data-integration-can-do-for-you h4 {
  margin-bottom: .4444444444rem
}

.on-premise-data-integration-can-do-for-you article {
  margin-bottom: 4.4444444444rem
}

.on-premise-data-integration-can-do-for-you article .icons-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  margin-bottom: .6666666667rem
}

.on-premise-data-integration-can-do-for-you article .icons-wrapper .icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 1px solid #dce5f2;
  margin-right: -4px;
  z-index: 1
}

.on-premise-data-integration-can-do-for-you article .icons-wrapper .icon-wrapper:first-child {
  -webkit-box-shadow: 1px 0 1px -1px #374a66;
  box-shadow: 1px 0 1px -1px #374a66
}

.on-premise-data-integration-can-do-for-you article .icons-wrapper .icon-wrapper.right {
  position: absolute;
  left: 40px;
  z-index: 0
}

.on-premise-data-integration-can-do-for-you article .icons-wrapper .icon-wrapper:not(:first-child):before {
  border: 5px solid transparent;
  content: " ";
  position: absolute;
  left: -39px;
  top: -4px;
  border-right-color: #d8e2f3;
  border-radius: 50%;
  background-color: transparent;
  width: 58px;
  height: 64px;
  opacity: .8
}

.on-premise-data-integration-can-do-for-you article .icons-wrapper .icon-wrapper .icon {
  width: 50px;
  height: 50px
}

@media (max-width:1279.98px) {
  .on-premise-data-integration-can-do-for-you h2 {
    margin-bottom: 70px
  }

  .on-premise-data-integration-can-do-for-you article {
    margin-bottom: 3.8888888889rem
  }
}

@media (max-width:991.98px) {
  .on-premise-data-integration-can-do-for-you h2 {
    margin-bottom: 60px
  }

  .on-premise-data-integration-can-do-for-you article {
    margin-bottom: 3.3333333333rem
  }
}

@media (max-width:767.98px) {
  .on-premise-data-integration-can-do-for-you h2 {
    margin-bottom: 50px
  }

  .on-premise-data-integration-can-do-for-you article {
    margin-bottom: 2.7777777778rem
  }
}

@media (max-width:575.98px) {
  .on-premise-data-integration-can-do-for-you h2 {
    margin-bottom: 40px
  }

  .on-premise-data-integration-can-do-for-you article {
    margin-bottom: 2.2222222222rem
  }
}

.on-premise-data-integration-app .on-premise-data-integration-app-banner {
  background: radial-gradient(214.79% 2519.5% at 3.57% -24.65%, #2f65ac 0, #152a4d 99.32%);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 26px;
  padding: 32px;
  max-height: 160px
}

@media (max-width:575.98px) {
  .on-premise-data-integration-app .on-premise-data-integration-app-banner {
    max-height: unset
  }
}

.on-premise-data-integration-app .on-premise-data-integration-app-banner .logo {
  background-image: url(https://skyvia.com/assets/img/windows-download-banner.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 233px;
  height: 163px;
  background-size: cover;
  margin-right: -80px
}

@media (max-width:1279.98px) {
  .on-premise-data-integration-app .on-premise-data-integration-app-banner .logo {
    margin-right: -50px
  }
}

.on-premise-data-integration-app .on-premise-data-integration-app-banner .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.on-premise-data-integration-app .on-premise-data-integration-app-banner .body .center {
  margin-left: -32px;
  margin-right: 32px
}

.on-premise-data-integration-app .on-premise-data-integration-app-banner .body .center h4 {
  text-transform: none;
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 28px;
  color: #fff
}

.on-premise-data-integration-app .on-premise-data-integration-app-banner .body .center p {
  font-weight: 300;
  font-size: 22px;
  line-height: 28px;
  color: #b8cff2;
  margin: 0
}

.on-premise-data-integration-app .on-premise-data-integration-app-banner .body .right .btn-success {
  font-size: 14px;
  line-height: 22px;
  padding: 5px 40px
}

@media (max-width:767.98px) {
  .on-premise-data-integration-app .on-premise-data-integration-app-banner .body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .on-premise-data-integration-app .on-premise-data-integration-app-banner .body .center {
    text-align: center;
    margin: 0 auto 24px
  }
}

.on-premise-data-integration-app .on-premise-data-integration-app-banner .pricing {
  position: absolute;
  right: 40px;
  bottom: 40px;
  color: #b8cff2;
  font-size: 12px
}

.on-premise-data-integration-app .item {
  background: #fff;
  border: 1px dashed #c5d4ea;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 24px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.on-premise-data-integration-app .item .linux-icon {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-image: url(https://skyvia.com/assets/img/linux.svg)
}

.on-premise-data-integration-app .item .mac-icon {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-image: url(https://skyvia.com/assets/img/mac.svg)
}

.on-premise-data-integration-app .item .type {
  border-radius: 0 5px 0 5px;
  padding: 5px 12px 5px 14px;
  background: #dce5f2;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 900
}

.on-premise-data-integration-app .item .type.right {
  top: 0;
  right: 30px;
  font-size: 12px;
  line-height: 16px
}

.on-premise-data-integration-app .item .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.on-premise-data-integration-app .item .title h4 {
  text-transform: none;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #485a76;
  margin: 0
}

.on-premise-data-integration-app .item .title p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 14px;
  color: #7f98be;
  margin: 0
}

@media (max-width:1279.98px) {
  .on-premise-data-integration-app .item {
    padding: 24px 12px
  }
}

@media (max-width:991.98px) {
  .on-premise-data-integration-app .item {
    padding: 24px 20px
  }
}

@media (max-width:767.98px) {
  .on-premise-data-integration-app .item {
    margin-bottom: 24px
  }
}

.on-premise-data-integration-benefits .rectangle {
  background: #f0f5fc;
  padding-top: 5.8888888889rem
}

.on-premise-data-integration-benefits .rectangle h2 {
  margin-bottom: 2rem
}

.on-premise-data-integration-benefits .rectangle p {
  margin-bottom: 2.4444444444rem
}

.on-premise-data-integration-benefits .rectangle a {
  text-decoration: none;
  display: block;
  margin-bottom: 3.3333333333rem;
  position: relative
}

.on-premise-data-integration-benefits .rectangle a span {
  display: inline-block;
  height: 1px;
  background: #dce5f2;
  width: 100%;
  position: absolute;
  top: 27px;
  left: 0
}

.on-premise-data-integration-benefits .rectangle a img {
  -webkit-box-shadow: 0 4px 12px rgba(15, 54, 113, .12);
  box-shadow: 0 4px 12px rgba(15, 54, 113, .12);
  position: relative
}

.on-premise-data-integration-benefits .rectangle article {
  margin-bottom: 5.5555555556rem
}

.on-premise-data-integration-benefits .rectangle article:first-child {
  padding-right: 70px
}

.on-premise-data-integration-benefits .rectangle article:nth-child(2) {
  padding-left: 50px;
  padding-right: 50px
}

.on-premise-data-integration-benefits .rectangle article:last-child {
  padding-left: 70px
}

.on-premise-data-integration-benefits .rectangle article .title {
  position: relative
}

.on-premise-data-integration-benefits .rectangle article .title img {
  position: absolute;
  top: -4px;
  left: -46px
}

.on-premise-data-integration-benefits .rectangle article .title h4 {
  letter-spacing: 1.2px;
  font-size: .8888888889rem;
  line-height: 1.5555555556rem
}

.on-premise-data-integration-benefits .rectangle article {
  position: relative;
  margin-bottom: 5.5555555556rem
}

.on-premise-data-integration-benefits .rectangle article img {
  position: absolute;
  top: -4px;
  left: -16px
}

.on-premise-data-integration-benefits .rectangle article h4 {
  letter-spacing: 1.2px;
  font-size: .8888888889rem;
  line-height: 1.5555555556rem
}

.on-premise-data-integration-benefits .rectangle article p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px;
  color: #596d8e
}

@media (max-width:991.98px) {
  .on-premise-data-integration-benefits .rectangle article .title img {
    position: unset;
    left: unset;
    margin-bottom: .5555555556rem
  }
}

@media (max-width:767.98px) {
  .on-premise-data-integration-benefits .rectangle article:first-child {
    padding-right: 30px
  }

  .on-premise-data-integration-benefits .rectangle article:nth-child(2) {
    padding-left: 30px;
    padding-right: 30px
  }

  .on-premise-data-integration-benefits .rectangle article:last-child {
    padding-left: 30px
  }
}

.on-premise-key-features .description {
  margin-bottom: 2.2222222222rem
}

.on-premise-agent-benefits h2 {
  margin-bottom: 1.8888888889rem
}

.on-premise-agent-benefits .description {
  margin-bottom: 3.5555555556rem
}

.on-premise-agent-benefits article {
  margin-bottom: 0
}

.on-premise-agent-benefits article img {
  margin-bottom: .7777777778rem
}

.on-premise-agent-benefits article p {
  margin-bottom: 0;
  color: #596d8e
}

@media (max-width:991.98px) {
  .on-premise-agent-benefits article {
    margin-bottom: 1.3333333333rem
  }
}

.agent-benefits__icon {
  margin-bottom: 32px
}

.agent-perfomance h2 {
  margin-bottom: .8888888889rem
}

.agent-perfomance h2.mb {
  margin-bottom: 2.2222222222rem
}

.agent-perfomance .desc {
  font-size: 1.7777777778rem;
  line-height: 2.2222222222rem;
  margin-bottom: 3.1111111111rem;
  font-weight: 300
}

.agent-perfomance img {
  max-width: 100%
}

.on-premise-perfomance h2 {
  margin-bottom: 3.6666666667rem
}

.on-premise-perfomance img {
  width: 100%
}

.google-sheets-addon-promo h1 {
  margin-bottom: 1.3333333333rem
}

.google-sheets-addon-promo .description {
  margin-bottom: 6.6111111111rem
}

@media (max-width:991.98px) {
  .google-sheets-addon-promo .description {
    margin-bottom: 3.3333333333rem
  }
}

@media (max-width:767.98px) {
  .google-sheets-addon-promo .description {
    margin-bottom: 2.5555555556rem
  }
}

@media (max-width:575.98px) {
  .google-sheets-addon-promo .description {
    margin-bottom: 2rem
  }
}

.google-sheets-addon-promo .rectangle {
  background: -webkit-gradient(linear, left bottom, left top, from(#34a855), to(#34a855)), #f0f5fc;
  background: linear-gradient(0deg, #34a855, #34a855), #f0f5fc;
  position: relative;
  margin-bottom: 4.4444444444rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 272px
}

.google-sheets-addon-promo .rectangle .connectors__list {
  position: absolute;
  list-style: none;
  margin: 0 -54px;
  padding: 12px 0;
  max-height: 192px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(100% + 108px)
}

.google-sheets-addon-promo .rectangle .connectors__list .connectors__item {
  display: inline-block
}

.google-sheets-addon-promo .rectangle .connectors__list .connectors__item .connector {
  margin: 12px;
  width: 60px;
  border-radius: 4px;
  background: #fff
}

.google-sheets-addon-promo .rectangle .wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -103px;
  margin-bottom: -1px;
  width: 100%
}

.google-sheets-addon-promo .rectangle .wrapper svg {
  width: 100%;
  margin: 0 auto
}

@media (max-width:991.98px) {
  .google-sheets-addon-promo .rectangle .wrapper {
    margin-top: -4px
  }
}

@media (max-width:767.98px) {
  .google-sheets-addon-promo .rectangle {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .google-sheets-addon-promo .rectangle .connectors__list {
    height: 108px
  }

  .google-sheets-addon-promo .rectangle .wrapper {
    margin-top: 142px
  }
}

@media (max-width:575.98px) {
  .google-sheets-addon-promo .rectangle {
    height: auto
  }

  .google-sheets-addon-promo .rectangle .connectors__list {
    height: 88px
  }

  .google-sheets-addon-promo .rectangle .wrapper {
    margin-top: 100px
  }
}

.google-sheets-addon-promo .btn-default {
  border: 1px solid #277dff;
  color: #277dff;
  cursor: pointer;
  background: 0 0
}

#get-addon {
  scroll-behavior: smooth;
  -webkit-transition: all .6s ease-out;
  transition: all .6s ease-out
}

#get-addon h2 {
  margin-bottom: 60px
}

#get-addon .step {
  border: 1px solid #c5d1e1;
  border-radius: 6px
}

#get-addon .step:first-child {
  margin-right: 60px
}

#get-addon p {
  margin: 0 auto
}

#get-addon .steps {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

#get-addon .steps .step {
  padding: 57px 88px 53px 118px
}

#get-addon .steps p {
  margin-bottom: 24px
}

#get-addon .steps .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

#get-addon .steps .title .number-step {
  position: absolute;
  left: 65px;
  color: #29374d;
  font-weight: 900;
  font-size: 44px;
  line-height: 44px
}

#get-addon .steps .title .number-step::after {
  content: "st";
  position: absolute;
  top: 0;
  right: -13px;
  font-size: 16px;
  line-height: 16px
}

#get-addon .steps .title .number-step.second::after {
  content: "nd";
  right: -18px
}

#get-addon .steps .title .title-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#get-addon .steps .title span {
  font-size: 16px;
  line-height: 16px;
  margin: 0
}

#get-addon .steps .title h4 {
  margin-bottom: 16px
}

#get-addon .steps .btn-default {
  border: 1px solid #277dff
}

@media (max-width:991.98px) {
  #get-addon .steps .step {
    padding: 40px 40px 40px 75px
  }

  #get-addon .steps .title .number-step {
    left: 25px
  }
}

@media (max-width:767.98px) {
  #get-addon .steps {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  #get-addon .step:first-child {
    margin-right: 0;
    margin-bottom: 32px
  }
}

.google-sheets-addon-how-to-work h2 {
  margin-bottom: 16px
}

.google-sheets-addon-how-to-work .description {
  margin: 0 auto 32px
}

.google-sheets-addon-how-to-work .rectangle {
  background-color: #f0f5fc;
  padding: 64px 60px
}

.google-addon-benefits .nav-link.active h4:after {
  left: 155px !important
}

.google-addon-benefits img {
  width: 100%
}

.google-addon-benefits .tab-content {
  height: auto
}

.source-promo h1 {
  margin-bottom: 24px
}

.source-promo .description {
  margin-bottom: 56px
}

.source-promo .rectangle {
  height: 340px;
  background: radial-gradient(circle, #2f65ac 0, #152a4d 100%);
  margin-bottom: 142px
}

.source-promo .rectangle .banner-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.source-promo .rectangle .source-rectangle {
  height: 356px;
  max-width: 610px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  margin-top: 40px;
  -webkit-box-shadow: 0 12px 48px -12px rgba(3, 16, 37, .23), 0 36px 72px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 12px 48px -12px rgba(3, 16, 37, .23), 0 36px 72px 0 rgba(15, 54, 113, .3);
  border-radius: 8px;
  padding: 32px 72px;
  z-index: 1
}

.source-promo .rectangle .source-rectangle img {
  width: 150px;
  height: 150px;
  margin-bottom: 10px
}

.source-promo .rectangle .source-rectangle p {
  width: 100%
}

.source-promo .rectangle .connect-image {
  background-image: url(https://skyvia.com/assets/img/saddle.svg);
  background-size: cover;
  width: 180px;
  height: 120px;
  position: relative;
  margin: 40px -45px 0
}

.source-promo .rectangle .connect-image .arrow {
  position: absolute;
  top: 48%;
  left: 40%;
  width: 40px
}

@media (max-width:575.98px) {
  .source-promo .rectangle .connect-image {
    background-image: url(https://skyvia.com/assets/img/saddle-vert.svg);
    margin: 0;
    width: 80px;
    height: 76px;
    background-position: center;
    background-size: auto
  }

  .source-promo .rectangle .connect-image .arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 25%
  }
}

.source-promo .rectangle .target-rectangle {
  height: 144px;
  width: 144px;
  border-radius: 8.57px;
  margin-top: 40px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0 17px 17px -17px rgba(56, 74, 102, .75), 0 -17px 8px -17px rgba(56, 74, 102, .1), 0 17px 30px 0 rgba(15, 54, 113, .25);
  box-shadow: 0 17px 17px -17px rgba(56, 74, 102, .75), 0 -17px 8px -17px rgba(56, 74, 102, .1), 0 17px 30px 0 rgba(15, 54, 113, .25);
  z-index: 1
}

.source-promo .rectangle .target-rectangle img {
  width: 120px;
  height: 120px
}

.source-promo .rectangle .googlesheet-rectangle {
  height: 356px;
  max-width: 538px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 0 0 #2f65ac, 0 10px 30px 0 rgba(15, 54, 113, .1);
  box-shadow: inset 0 1px 0 0 #2f65ac, 0 10px 30px 0 rgba(15, 54, 113, .1);
  border-radius: 8px;
  margin-top: 40px;
  padding: 32px 72px;
  margin-left: -77px;
  z-index: 0
}

.source-promo .rectangle .googlesheet-rectangle img {
  width: 150px;
  height: 150px;
  margin-bottom: 10px
}

.source-promo .rectangle .googlesheet-rectangle p {
  width: 100%
}

@media (max-width:1439.98px) {

  .source-promo .rectangle .googlesheet-rectangle,
  .source-promo .rectangle .source-rectangle {
    padding: 48px
  }

  .source-promo .rectangle .googlesheet-rectangle {
    padding-left: 72px
  }
}

@media (max-width:1279.98px) {

  .source-promo .rectangle .googlesheet-rectangle,
  .source-promo .rectangle .source-rectangle {
    padding: 24px
  }

  .source-promo .rectangle .googlesheet-rectangle {
    padding-left: 72px
  }
}

@media (max-width:991.98px) {

  .source-promo .rectangle .googlesheet-rectangle img,
  .source-promo .rectangle .source-rectangle img {
    width: 100px;
    height: 100px
  }

  .source-promo .rectangle .googlesheet-rectangle {
    padding-left: 72px
  }
}

@media (max-width:767.98px) {

  .source-promo .rectangle .googlesheet-rectangle img,
  .source-promo .rectangle .source-rectangle img {
    width: 75px;
    height: 75px
  }
}

@media (max-width:575.98px) {
  .source-promo .rectangle {
    height: 720px;
    padding: 0 15px;
    margin: 116px auto 220px
  }

  .source-promo .rectangle .banner-contain {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
  }

  .source-promo .rectangle .source-rectangle {
    margin-top: -80px
  }

  .source-promo .rectangle .googlesheet-rectangle {
    margin: 114px 0 0;
    padding: 24px
  }

  .source-promo .rectangle .target-rectangle {
    position: absolute;
    bottom: 326px
  }
}

.source-promo .btn-default {
  border: 1px solid #277dff
}

.excel-add-in-promo h1 {
  margin-bottom: 1.3333333333rem
}

.excel-add-in-promo .description {
  margin-bottom: 8.8333333333rem
}

@media (max-width:991.98px) {
  .excel-add-in-promo .description {
    margin-bottom: 3.3333333333rem
  }
}

@media (max-width:767.98px) {
  .excel-add-in-promo .description {
    margin-bottom: 2.5555555556rem
  }
}

@media (max-width:575.98px) {
  .excel-add-in-promo .description {
    margin-bottom: 2rem
  }
}

.excel-add-in-promo .rectangle {
  background: -webkit-gradient(linear, left bottom, left top, from(#11a861), to(#11a861)), #f0f5fc;
  background: linear-gradient(0deg, #11a861, #11a861), #f0f5fc;
  position: relative;
  margin-bottom: 4.4444444444rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 272px
}

.excel-add-in-promo .rectangle .connectors__list {
  position: absolute;
  list-style: none;
  margin: 0 -54px;
  padding: 12px 0;
  max-height: 192px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(100% + 108px)
}

.excel-add-in-promo .rectangle .connectors__list .connectors__item {
  display: inline-block
}

.excel-add-in-promo .rectangle .connectors__list .connectors__item .connector {
  margin: 12px;
  width: 60px;
  border-radius: 4px;
  background: #fff
}

.excel-add-in-promo .rectangle .wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -103px;
  margin-bottom: -1px;
  width: 100%
}

.excel-add-in-promo .rectangle .wrapper svg {
  width: 100%;
  margin: 0 auto
}

@media (max-width:991.98px) {
  .excel-add-in-promo .rectangle .wrapper {
    margin-top: -4px
  }
}

@media (max-width:767.98px) {
  .excel-add-in-promo .rectangle {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .excel-add-in-promo .rectangle .connectors__list {
    height: 108px
  }

  .excel-add-in-promo .rectangle .wrapper {
    margin-top: 142px
  }
}

@media (max-width:575.98px) {
  .excel-add-in-promo .rectangle {
    height: auto
  }

  .excel-add-in-promo .rectangle .connectors__list {
    height: 88px
  }

  .excel-add-in-promo .rectangle .wrapper {
    margin-top: 100px
  }
}

.excel-add-in-promo .btn-default {
  border: 1px solid #277dff;
  color: #277dff;
  cursor: pointer;
  background: 0 0
}

.salesforce-export-promo {
  background-image: -webkit-gradient(linear, left top, right top, from(#2f65ac), to(#152a4d));
  background-image: linear-gradient(90deg, #2f65ac 0, #152a4d 100%);
  margin-bottom: 0
}

.salesforce-export-promo p {
  line-height: 1.3333333333rem;
  font-size: .7777777778rem;
  margin-bottom: .5555555556rem;
  margin-top: 14.8888888889rem;
  letter-spacing: 2px;
  color: #fff
}

.salesforce-export-promo h1 {
  color: #fff;
  margin-bottom: 5.6666666667rem;
  font-size: 4.2222222222rem;
  line-height: 4.2222222222rem
}

@media (max-width:991.98px) {
  .salesforce-export-promo h1 {
    font-size: 3.3333333333rem;
    line-height: 4rem
  }
}

.tutorials-promo {
  margin-bottom: 0
}

.tutorials-promo h1 {
  font-weight: 600;
  font-size: 3.5555555556rem;
  line-height: 4.2222222222rem;
  margin-top: 16px;
  margin-bottom: 24px;
  color: #000;
  font-style: normal
}

.tutorials-promo p {
  font-size: 1.7777777778rem;
  line-height: 2.2222222222rem;
  margin-bottom: 28px;
  font-weight: 300
}

.tutorials-promo article {
  padding-bottom: 56px;
  margin-bottom: 0;
  border-bottom: 1px solid #dce5f2
}

.tutorials-promo article .badge {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding: 4px 8px;
  color: #fff
}

.tutorials-promo article .badge.Tutorials {
  background: #85cc64
}

.tutorials-promo article .badge.Articles {
  background: #277dff
}

.tutorials-promo article .badge.Category {
  background: #7d73c3
}

.tutorials-promo article .badge.Videos {
  background: #ff8c00
}

.tutorials-promo article .date {
  color: #485a76;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-left: 38px
}

@media (max-width:991.98px) {
  .tutorials-promo h1 {
    font-size: 3.3333333333rem;
    line-height: 4rem
  }
}

.tutorial-article {
  margin-top: 80px;
  margin-bottom: 0
}

.tutorial-article p {
  font-size: 18px;
  line-height: 28px
}

.tutorial-article p:last-child {
  margin-bottom: 0
}

.tutorial-article p.title {
  font-weight: 300;
  font-size: 1.7777777778rem;
  line-height: 2.2222222222rem;
  color: #485a76;
  margin-bottom: 2.2222222222rem;
  padding-top: 24px;
  border-top: 1px solid #dce5f2
}

.tutorial-article p.description {
  font-size: 1.7777777778rem;
  line-height: 1.25
}

.tutorial-article main section {
  margin-bottom: 0
}

.tutorial-article main .row {
  margin-bottom: 4.4444444444rem
}

.tutorial-article main h2 {
  margin-bottom: 1.3333333333rem
}

.tutorial-article main h4 {
  margin-top: 1.1111111111rem;
  margin-bottom: 1.3333333333rem
}

.tutorial-article main img {
  margin-bottom: 1.3333333333rem;
  border-radius: 4px;
  border: 1px solid #dce5f2;
  max-width: 100%
}

.tutorial-article main .step {
  font-weight: 600;
  font-size: .8888888889rem;
  line-height: 1.3333333333rem;
  color: #277dff
}

.tutorial-article main a {
  color: #277dff
}

.tutorial-article main .dot li {
  margin-bottom: .7777777778rem;
  margin-left: 1.1111111111rem
}

.tutorial-article main .dot li::before {
  content: "•";
  color: #596d8e;
  position: relative;
  top: 0;
  left: -20px;
  display: block;
  height: 0;
  font-size: 16px
}

.tutorial-article main .dot li a {
  font-size: 1rem;
  line-height: 1.5555555556rem
}

.tutorial-article main ol li,
.tutorial-article main ul li {
  margin-bottom: .6666666667rem;
  font-size: 1rem;
  line-height: 1.5555555556rem
}

.tutorial-article p.head4 {
  margin-top: 3rem;
  margin-bottom: 0
}

.tutorial-article table.learn-table thead {
  background: #384a66
}

.tutorial-article table.learn-table thead th {
  color: #fff;
  padding: 14px 16px;
  font-size: 16px;
  vertical-align: top;
  font-weight: 500
}

.tutorial-article table.learn-table tbody tr td {
  padding: 14px 16px;
  font-size: 16px;
  line-height: 24px;
  vertical-align: top
}

.tutorial-article table.learn-table tbody tr:nth-child(even) {
  background: #f0f5fc
}

.tutorial-article aside .aside-contain {
  max-width: 290px
}

.tutorial-article aside .aside-contain.fixed {
  position: fixed
}

.tutorial-article aside .title {
  border: none;
  padding-top: 0
}

.tutorial-article aside ul {
  list-style: none;
  padding: 0 0 19rem
}

@media (max-width:1439.98px) {
  .tutorial-article aside ul {
    padding: 0 0 21rem
  }
}

.tutorial-article aside ul li {
  position: relative;
  font-size: .8888888889rem;
  line-height: 1.2222222222rem;
  margin-bottom: 1.7777777778rem
}

.tutorial-article aside ul li a {
  color: #667892
}

.tutorial-article aside ul li.active a {
  color: #29374d
}

.tutorial-article aside ul li.active a::before {
  content: "";
  width: 2px;
  height: 30px;
  background: #277dff;
  position: absolute;
  right: -34px;
  top: -4px
}

.tutorial-article aside ul li:last-child {
  margin-bottom: 2rem
}

.tutorial-article aside .links {
  padding-top: 2rem
}

.tutorial-article aside .links p {
  font-size: .8888888889rem;
  line-height: 1.4444444444rem
}

.tutorial-article .video {
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%
}

#process-automation ol {
  list-style: none;
  counter-reset: item;
  margin: 24px 0 0 0;
  padding-left: 0
}

#process-automation ol[type=a]>li:before {
  background: rgba(39, 125, 255, .14);
  color: #596d8e
}

#process-automation ol>li {
  counter-increment: item;
  position: relative;
  margin: 24px 0 0 37px
}

#process-automation ol>li:first-child {
  margin-top: 0
}

#process-automation ol>li:before {
  position: absolute;
  margin-left: -37px;
  content: counter(item);
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(39, 125, 255, .14);
  border-radius: 50%;
  color: #277dff;
  font-size: 14px;
  font-weight: 800;
  top: -2px
}

#process-automation h3 {
  margin-top: 3rem;
  font-size: 1.4444444444rem;
  font-weight: lighter;
  letter-spacing: normal;
  text-transform: none
}

#process-automation h4 {
  margin-top: 1.5555555556rem
}

.container-learn .nav {
  border-bottom: 1px solid #dce5f2;
  width: 100%;
  margin-bottom: 3.1111111111rem
}

.container-learn .nav .nav-item {
  cursor: pointer
}

.container-learn .nav .nav-item .nav-link {
  color: #99b3dc;
  font-size: 1rem;
  text-align: center;
  padding: 1rem .8888888889rem
}

.container-learn .nav .nav-item .nav-link.active {
  border-bottom: 2px solid #277dff;
  color: #277dff
}

.tutorials-list {
  display: grid;
  gap: 60px;
  grid: 380px/408px auto auto;
  margin: 52px 0 0;
  padding: 0;
  list-style: none
}

.tutorials-list .tutorial-card {
  width: 408px;
  height: 380px;
  padding: 40px;
  border-radius: 6px;
  background: #f0f5fc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.tutorials-list .tutorial-card .badge {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding: 4px 8px;
  color: #fff
}

.tutorials-list .tutorial-card .badge.Tutorials {
  background: #85cc64
}

.tutorials-list .tutorial-card .badge.Articles {
  background: #277dff
}

.tutorials-list .tutorial-card .badge.Category {
  background: #7d73c3
}

.tutorials-list .tutorial-card .badge.Videos {
  background: #ff8c00
}

.tutorials-list .tutorial-card .title {
  color: #29374d;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 28px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin: 0
}

.tutorials-list .tutorial-card .description {
  color: #485a76;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.tutorials-list .tutorial-card .read-more {
  color: #277dff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px
}

.hidden {
  display: none
}

.pagination-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 56px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.pagination-container #pagination-numbers {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 5px
}

.pagination-button,
.pagination-number {
  cursor: pointer;
  font-size: 1.1rem;
  border: 1px solid #dce5f2;
  width: 42px;
  height: 42px;
  border-radius: 32px;
  background: #fff;
  color: #374a66;
  font-size: 14px;
  font-weight: 700
}

.pagination-button:focus,
.pagination-number:focus {
  outline: 0
}

.pagination-button:not(.disabled):hover,
.pagination-number:hover {
  background: #fff
}

.pagination-number.active {
  color: #fff;
  background: #277dff;
  border: 1px solid #277dff
}

.salesforce-solutions-promo .rectangle {
  height: 272px;
  background-color: rgba(0, 161, 224, .6);
  margin: 28px 0 147px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.salesforce-solutions-promo .rectangle .pair {
  display: inline-block;
  width: auto;
  /* float: right; */
  position: relative;
  line-height: 0;
  margin-right: -32px
}

.salesforce-solutions-promo .rectangle .gal {
  position: absolute;
  left: -1150px;
  top: 50%;
  margin-top: -20px;
  height: 40px
}

.salesforce-solutions-promo .rectangle .wrapper {
  height: 410px;
  -webkit-box-shadow: 0 -3px 4px rgba(56, 74, 102, .05), 0 12px 32px rgba(15, 54, 113, .2);
  box-shadow: 0 -3px 4px rgba(56, 74, 102, .05), 0 12px 32px rgba(15, 54, 113, .2);
  border-radius: 6px
}

.salesforce-solutions-promo .rectangle .wrapper svg {
  height: 100%
}

.salesforce-solutions-promo .rectangle .logo {
  width: 128px;
  height: 128px;
  position: absolute;
  left: -41px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 0 17px 17px -17px rgba(56, 74, 102, .75), 0 -17px 8px -17px rgba(56, 74, 102, .1), 10px 15px 30px rgba(15, 54, 113, .27);
  box-shadow: 0 17px 17px -17px rgba(56, 74, 102, .75), 0 -17px 8px -17px rgba(56, 74, 102, .1), 10px 15px 30px rgba(15, 54, 113, .27);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.salesforce-solutions-promo .rectangle .logo .arrow-wrapper {
  position: relative;
  height: 16px
}

.salesforce-solutions-promo .rectangle .logo .arrow-wrapper::before {
  content: url(https://skyvia.com/assets/img/arrow-double-white.svg);
  width: 60px;
  height: 16px;
  position: absolute;
  left: -215px
}

.salesforce-solutions-promo .rectangle .logo img {
  width: 112px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:991.98px) {
  .salesforce-solutions-promo .rectangle {
    overflow: hidden;
    height: 400px;
    margin-bottom: 4.4444444444rem;
    margin-top: 1rem
  }

  .salesforce-solutions-promo .rectangle .container {
    height: 100%
  }

  .salesforce-solutions-promo .rectangle .pair {
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
  }

  .salesforce-solutions-promo .rectangle .gal {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 50px
  }

  .salesforce-solutions-promo .rectangle .wrapper {
    margin-top: 125px
  }
}

@media (max-width:767.98px) {
  .salesforce-solutions-promo .rectangle {
    height: 390px;
    margin-bottom: 3.3333333333rem
  }
}

@media (max-width:575.98px) {
  .salesforce-solutions-promo .rectangle {
    height: 231px
  }

  .salesforce-solutions-promo .rectangle .gal {
    margin-top: 28px
  }

  .salesforce-solutions-promo .rectangle .wrapper svg {
    height: auto;
    width: 100%
  }
}

.salesforce-solutions-automate h5 {
  font-size: 1rem;
  line-height: 1.5555555556rem;
  margin: 1.3333333333rem 0 .7777777778rem;
  letter-spacing: 1.2px;
  font-weight: 900;
  text-transform: uppercase
}

.salesforce-solutions-automate .dot {
  margin-bottom: 1.5555555556rem
}

.salesforce-solutions-automate .dot li {
  padding-left: .8888888889rem
}

.salesforce-solutions-powerful p {
  margin-top: 1.3333333333rem
}

.salesforce-solutions-powerful h5 {
  font-size: 1rem;
  line-height: 1.5555555556rem;
  margin: 0 0 .7777777778rem;
  letter-spacing: 1.2px;
  font-weight: 900;
  text-transform: uppercase
}

.salesforce-solutions-powerful .dot {
  margin-bottom: 1.5555555556rem
}

.salesforce-solutions-powerful .dot li {
  padding-left: .8888888889rem
}

.salesforce-solutions-integrate h2 {
  margin-bottom: 4.7777777778rem
}

.salesforce-solutions-integrate .dot {
  margin-bottom: 2.2222222222rem
}

.salesforce-solutions-integrate .dot li {
  padding-left: .8888888889rem
}

.salesforce-solutions-integrate img {
  width: 100%
}

@media (max-width:991.98px) {
  .salesforce-solutions-integrate h2 {
    margin-bottom: 3.3333333333rem
  }

  .salesforce-solutions-integrate .row:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.odata-publish .container {
  margin-bottom: 144px
}

@media (max-width:991.98px) {
  .odata-publish .container .read-more {
    margin-bottom: 1.7777777778rem
  }
}

.odata-publish .odata-window {
  position: relative;
  border-radius: 6px;
  height: 100%;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3)
}

.odata-publish .odata-window .odata-header {
  height: 27px;
  width: 100%;
  background-color: #dce5f2;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px
}

.odata-publish .odata-window .odata-header .circle {
  height: 8.82px;
  width: 8.82px;
  border-radius: 50px;
  background-color: #afc4e3;
  margin-right: 4px
}

.odata-publish .odata-window img {
  width: 100%
}

.odata-consuming .mb-56 {
  margin-bottom: 3.1111111111rem
}

.odata-consuming h2 {
  margin-bottom: .8888888889rem
}

.odata-consuming .description {
  margin-bottom: 3.1111111111rem
}

.odata-consuming h4 {
  font-size: 1rem;
  line-height: 1.5555555556rem;
  margin-bottom: 1.3333333333rem;
  margin-top: 1rem
}

.odata-consuming p {
  margin-bottom: 1.3333333333rem
}

.odata-consuming img {
  width: 100%;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, .3);
  border-radius: 4px
}

@media (max-width:767.98px) {
  .odata-consuming img {
    margin-top: 1.7777777778rem
  }
}

.solutions-data-management h2 {
  margin-bottom: 1.3333333333rem
}

.solutions-data-management .description {
  margin-bottom: 4.4444444444rem;
  line-height: 2.3333333333rem;
  font-size: 1.7777777778rem;
  font-weight: 300
}

.solutions-data-management article {
  border-radius: 6px;
  margin-bottom: 5.7777777778rem
}

.solutions-data-management article .row {
  background: #f0f5fc
}

.solutions-data-management article h4 {
  margin-top: 3.1111111111rem;
  margin-bottom: .4444444444rem
}

.solutions-data-management article p {
  margin-bottom: 3.1111111111rem
}

.solutions-data-management article .img-wrapper {
  margin: -24px 0
}

.solutions-data-management article .img-wrapper img {
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 16px 32px -32px #384a66;
  box-shadow: 0 16px 32px -32px #384a66;
  -webkit-filter: drop-shadow(0 16px 32px rgba(15, 54, 113, .3));
  filter: drop-shadow(0 16px 32px rgba(15, 54, 113, .3));
  border-radius: 4px
}

.solutions-data-management article .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 36px 0 38px
}

.solutions-data-management article .links .read-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 8px
}

.solutions-data-management article .links .read-more img {
  width: 40px;
  height: 40px
}

.solutions-data-management article .links .read-more span {
  margin-right: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1.4444444444rem;
  font-size: .8888888889rem
}

@media (max-width:991.98px) {
  .solutions-data-management article h4 {
    margin-top: 44px
  }

  .solutions-data-management article p {
    margin-bottom: 1.5555555556rem
  }

  .solutions-data-management article .img-wrapper {
    margin: 0 0 44px
  }

  .solutions-data-management article .links {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.solutions-data-integration h2 {
  margin-bottom: 1.3333333333rem
}

.solutions-data-integration img {
  margin-bottom: .8888888889rem
}

.solutions-data-integration h4 {
  font-size: 1rem;
  line-height: 1.5555555556rem;
  margin-bottom: .4444444444rem;
  color: #29374d
}

.solutions-data-integration p {
  font-size: 1rem;
  line-height: 1.5555555556rem;
  margin-bottom: 4.4444444444rem
}

.solutions-data-integration .description {
  margin-bottom: 4.5555555556rem;
  line-height: 2.3333333333rem;
  font-size: 1.7777777778rem;
  font-weight: 300
}

.solutions-data-integration .rectangle {
  background: #f0f5fc;
  margin-bottom: 5.9444444444rem
}

.solutions-data-integration .rectangle .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.solutions-data-integration .rectangle article {
  margin-bottom: 0
}

.solutions-data-integration .rectangle article:not(:last-child) {
  margin: 0 0 3.5555555556rem
}

.solutions-data-integration .rectangle article h4 {
  font-size: .8888888889rem;
  line-height: 1.3333333333rem;
  margin-bottom: .4444444444rem;
  color: #29374d
}

.solutions-data-integration .rectangle article p {
  font-size: .8888888889rem;
  line-height: 1.3333333333rem;
  margin-bottom: 0
}

.solutions-data-integration .rectangle .right-wrapper {
  position: relative;
  margin: -42px auto -34px
}

.solutions-data-integration .rectangle .right-wrapper .background {
  background: #fff;
  padding: 42px 58px;
  border-radius: 6px;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, .3)
}

.solutions-data-integration .rectangle .right-wrapper .background:not(:last-child) {
  margin-bottom: 17px
}

.solutions-data-integration .rectangle .right-wrapper .background h4 {
  margin-bottom: .4444444444rem;
  color: #374a66;
  font-weight: 700;
  font-size: .7777777778rem;
  line-height: 1.2222222222rem
}

.solutions-data-integration .rectangle .right-wrapper .background p {
  color: #596d8e;
  margin-bottom: 0;
  font-size: .7777777778rem;
  line-height: 1.2222222222rem
}

.solutions-data-integration .cases {
  border: 2px solid #dce5f2;
  position: relative;
  border-radius: 6px;
  padding: 80px 0 24px
}

.solutions-data-integration .cases::before {
  content: "SAMPLE CASES";
  height: 24px;
  padding: 0 15px;
  background: #dce5f2;
  border-radius: 6px 0 0 0;
  position: absolute;
  top: 0;
  left: -1px;
  color: #384a66;
  font-size: .7777777778rem;
  line-height: 1.4444444444rem;
  font-weight: 900;
  letter-spacing: 1.2px
}

.solutions-data-integration .cases .icons-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 16px
}

.solutions-data-integration .cases .icons-wrapper .icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  margin-right: -4px;
  z-index: 1;
  border: 1px solid #dce5f2
}

.solutions-data-integration .cases .icons-wrapper .icon-wrapper:first-child {
  -webkit-box-shadow: 1px 0 1px -1px #374a66;
  box-shadow: 1px 0 1px -1px #374a66
}

.solutions-data-integration .cases .icons-wrapper .icon-wrapper:not(:first-child)::before {
  border: 3px solid transparent;
  content: " ";
  position: absolute;
  left: -39px;
  top: 0;
  border-right-color: #d8e2f3;
  border-radius: 50%;
  background-color: transparent;
  width: 58px;
  height: 58px;
  opacity: .8
}

.solutions-data-integration .cases .icons-wrapper .icon-wrapper.right {
  position: absolute;
  left: 70px;
  z-index: 0
}

.solutions-data-integration .cases .icons-wrapper .icon-wrapper .icon-small {
  width: 48px;
  height: 48px;
  margin: 0
}

.solutions-data-integration .cases p {
  margin-bottom: 3.1111111111rem
}

@media (max-width:991.98px) {
  .solutions-data-integration .rectangle .flex {
    margin-top: 2.4444444444rem
  }

  .solutions-data-integration .rectangle .right-wrapper {
    position: relative;
    margin: 2.4444444444rem auto
  }
}

.solutions-data-backup h2 {
  margin-bottom: 1.3333333333rem
}

.solutions-data-backup .description {
  margin-bottom: 4.4444444444rem;
  line-height: 2.3333333333rem;
  font-size: 1.7777777778rem;
  font-weight: 300
}

.solutions-data-backup .rectangle {
  background: #f0f5fc;
  border-radius: 6px;
  margin-bottom: 2.2222222222rem;
  padding: 56px 0
}

.solutions-data-backup .rectangle:last-child {
  margin-bottom: 3.5555555556rem
}

.solutions-data-backup .rectangle article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  margin-bottom: 0
}

.solutions-data-backup .rectangle article p {
  margin-bottom: 0
}

.solutions-data-backup .dark {
  background: radial-gradient(66.42% 375.07% at 52.39% 0, #3970b8 0, #152a4d 100%);
  color: #d4e5ff
}

.solutions-data-backup .dark .list-title {
  font-weight: 300;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 1.8888888889rem;
  color: #d4e5ff;
  margin-top: 3.2222222222rem
}

.solutions-data-backup .dark ul {
  margin-bottom: 3.2222222222rem
}

.solutions-data-backup .dark ul li {
  font-size: 1rem;
  line-height: 1.5555555556rem;
  margin-bottom: .7777777778rem
}

.solutions-data-backup .dark ul li:last-child {
  margin-bottom: 0
}

.solutions-data-backup .dark img {
  margin: 80px 0 -24px;
  -webkit-box-shadow: 0 6px 12px rgba(15, 54, 113, .3);
  box-shadow: 0 6px 12px rgba(15, 54, 113, .3);
  border-radius: 4px;
  width: 100%
}

@media (max-width:991.98px) {
  .solutions-data-backup .rectangle article p {
    margin-bottom: 1.5555555556rem
  }

  .solutions-data-backup .dark img {
    margin: 2.4444444444rem 0
  }
}

.solutions-data-access h2 {
  margin-bottom: 1.3333333333rem
}

.solutions-data-access p {
  margin-bottom: .7777777778rem
}

.solutions-data-access p.description {
  margin-bottom: 4.4444444444rem;
  line-height: 2.3333333333rem;
  font-size: 1.7777777778rem;
  font-weight: 300
}

.solutions-data-access h4 {
  margin-bottom: .4444444444rem
}

.solutions-data-access article {
  margin-bottom: 0
}

.solutions-data-access article:not(:last-child) {
  margin-bottom: 100px
}

.solutions-promo {
  background-image: radial-gradient(farthest-corner circle at top, #2f65ac 0, #152a4d 100%);
  margin-bottom: 0;
  height: 668px;
  position: relative
}

.solutions-promo h1 {
  color: #fff;
  margin-top: 14rem;
  margin-bottom: 2.2222222222rem
}

.solutions-promo p.description {
  color: #bad2f5;
  font-size: 1.77778rem;
  line-height: 1.25;
  font-weight: 200;
  margin-bottom: 2.22222rem
}

@media (max-width:991.98px) {
  .solutions-promo {
    height: auto
  }

  .solutions-promo .btn-success {
    margin-bottom: 64px
  }
}

@media (max-width:575.98px) {
  .solutions-promo {
    height: auto
  }

  .solutions-promo .btn-success {
    margin-bottom: 80px
  }
}

.solutions-how-to-work {
  margin-top: 64px
}

@media (min-width:1280px) {
  .solutions-how-to-work .row {
    margin-bottom: -150px
  }
}

.solutions-how-to-work ul {
  padding: 0;
  list-style: none
}

.solutions-how-to-work ul li a h4 {
  margin-bottom: 0
}

.solutions-how-to-work ul li a p {
  margin-bottom: 48px
}

.solutions-how-to-work ul li.nav-item {
  width: 100%
}

.solutions-how-to-work ul li.nav-item .nav-link.active h4 {
  color: #277dff;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.solutions-how-to-work ul li.nav-item .nav-link.active h4:after {
  content: " ";
  position: absolute;
  top: 12px;
  left: 105%;
  right: -400px;
  border-top: 2px solid #277dff
}

.solutions-how-to-work ul .active h4 {
  color: #277dff
}

.solutions-how-to-work .tab-content {
  position: relative;
  top: -150px;
  border-radius: 6px;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3)
}

.solutions-how-to-work .tab-content>.active {
  display: block;
  height: 100%;
  background-color: #fff
}

.solutions-how-to-work .tab-content .tab-header {
  height: 27px;
  width: 100%;
  background-color: #dce5f2;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px
}

.solutions-how-to-work .tab-content .tab-header .circle {
  height: 8.82px;
  width: 8.82px;
  border-radius: 50px;
  background-color: #afc4e3;
  margin-right: 4px
}

.solutions-how-to-work .tab-content img {
  width: 100%
}

@media (max-width:1279.98px) {
  .solutions-how-to-work {
    overflow-x: auto
  }

  .solutions-how-to-work ::-webkit-scrollbar {
    width: 0;
    height: 0
  }

  .solutions-how-to-work ::-webkit-scrollbar-thumb {
    background: 0 0
  }

  .solutions-how-to-work ::-webkit-scrollbar-track {
    background-color: transparent
  }

  .solutions-how-to-work .col-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .solutions-how-to-work .tab-content {
    position: initial;
    margin-bottom: 32px;
    margin-right: 30px;
    height: auto
  }

  .solutions-how-to-work .tab-pane {
    display: block;
    width: 634px
  }
}

@media (max-width:767.98px) {
  .solutions-how-to-work .tab-content {
    margin-bottom: 24px
  }

  .solutions-how-to-work .tab-content .tab-header {
    height: 16px
  }

  .solutions-how-to-work .tab-content .tab-header .circle {
    height: 5px;
    width: 5px
  }

  .solutions-how-to-work .tab-pane {
    width: 380px
  }
}

@media (max-width:575.98px) {
  .solutions-how-to-work {
    margin-top: -40px
  }

  .solutions-how-to-work .tab-content {
    margin-bottom: 12px
  }

  .solutions-how-to-work .tab-content .tab-header {
    height: 9px
  }

  .solutions-how-to-work .tab-content .tab-header .circle {
    height: 2.7px;
    width: 2.7px
  }

  .solutions-how-to-work .tab-pane {
    width: 205px
  }
}

.platform-promo {
  background-image: radial-gradient(100% 100% at 50% 0, #2f65ac 0, #152a4d 100%);
  margin-bottom: 0;
  position: relative
}

.platform-promo .platform-promo-img-wrapper {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
  position: relative
}

.platform-promo .platform-promo-img-wrapper svg {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 132px;
  width: 757px
}

@media (max-width:1279.98px) {
  .platform-promo .platform-promo-img-wrapper svg {
    position: relative;
    right: initial;
    margin: 200px auto 0;
    width: auto;
    top: initial;
    display: block;
    left: unset;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

@media (max-width:991.98px) {
  .platform-promo .platform-promo-img-wrapper {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .platform-promo .platform-promo-img-wrapper svg {
    width: auto;
    margin: 252px auto 36px
  }
}

.platform-promo h1 {
  color: #fff;
  margin-top: 14rem;
  margin-bottom: 2.2222222222rem;
  font-weight: 600
}

.platform-promo p.description {
  color: #bad2f5;
  font-size: 1.7777777778rem;
  line-height: 2.2222222222rem;
  font-weight: 200;
  margin-bottom: 2.2222222222rem
}

.platform-promo a {
  margin-bottom: 10.4444444444rem
}

@media (max-width:991.98px) {
  .platform-promo h1 {
    margin-top: 0
  }
}

.platform-suits {
  margin-top: 7.7777777778rem
}

.platform-suits h2 {
  font-size: 2.4444444444rem;
  line-height: 3.1111111111rem;
  font-weight: 600;
  margin-bottom: 1.3333333333rem
}

.platform-suits .description {
  line-height: 2.2222222222rem;
  font-size: 1.7777777778rem;
  font-weight: 300
}

.platform-suits article img {
  margin-bottom: .8888888889rem
}

.platform-suits article h4 {
  margin-bottom: .4444444444rem;
  font-size: 1rem;
  line-height: 1.5555555556rem
}

.platform-suits article p {
  margin-bottom: 0
}

.platform-scenario h2 {
  font-weight: 600;
  margin-bottom: .8888888889rem
}

.platform-scenario .description {
  margin-bottom: 2.4444444444rem;
  font-weight: 300
}

.platform-scenario .cases {
  padding: 38px 56px;
  background: #f0f5fc
}

.platform-scenario .objects,
.platform-scenario .products {
  padding: 38px 30px
}

.platform-scenario h4 {
  font-size: .8888888889rem;
  line-height: 1.4444444444rem;
  margin-bottom: 1.7777777778rem;
  letter-spacing: 5%
}

.platform-scenario ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.platform-scenario ul li {
  margin-bottom: 1.6666666667rem;
  font-size: .8888888889rem;
  line-height: 1.3333333333rem;
  cursor: pointer
}

.platform-scenario ul li.active {
  color: #277dff
}

.platform-scenario ul li.active a {
  color: #277dff !important
}

.platform-scenario ul.products-list li {
  margin-bottom: 1.7777777778rem
}

.platform-scenario ul.products-list li a {
  color: #485a76;
  font-size: .8888888889rem;
  line-height: 1.4444444444rem;
  margin-bottom: .2222222222rem
}

.platform-scenario ul.products-list li p {
  margin: 0;
  font-size: .8888888889rem;
  line-height: 1.3333333333rem;
  color: #7a91b6
}

.platform-scenario ul.products-list li.active p {
  color: #485a76
}

.platform-scenario ul.objects-list li {
  margin-bottom: 1.6666666667rem
}

.platform-scenario ul.objects-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #485a76
}

.platform-scenario ul.objects-list li a svg {
  margin-right: .4444444444rem;
  min-width: 28px
}

.platform-scenario ul.objects-list li a span {
  font-size: .8888888889rem;
  line-height: 1.3333333333rem
}

.platform-scenario ul.objects-list li a.active span {
  color: #277dff
}

.platform-scenario .wrapper {
  padding: 2.5555555556rem 3.1111111111rem 2.2222222222rem;
  background: #f0f5fc;
  border-radius: 4px;
  margin-bottom: .8888888889rem
}

@media (max-width:767.98px) {
  .platform-scenario .wrapper {
    padding-left: 30px;
    padding-right: 30px
  }
}

.platform-scenario .wrapper h4 {
  font-size: .8888888889rem;
  line-height: 1.3333333333rem;
  border-bottom: 1px solid #c5d4ea;
  display: block;
  margin-bottom: .4444444444rem;
  letter-spacing: 1px;
  font-weight: 600
}

.platform-scenario .wrapper .title {
  margin: 1.4444444444rem 0 .8888888889rem;
  color: #7a91b6;
  font-size: .8888888889rem;
  line-height: 1.3333333333rem
}

.platform-scenario .wrapper ul.objects-list li {
  margin-bottom: .8888888889rem
}

.platform-scenario .wrapper ul li {
  margin-bottom: .8888888889rem;
  font-size: .8888888889rem;
  line-height: 1.3333333333rem;
  color: #277dff
}

.platform-scenario .wrapper ul li:last-child {
  margin-bottom: 0
}

.platform-connectivity {
  background: #f0f5fc;
  margin-bottom: 4.6666666667rem;
  padding: 80px 0
}

.platform-connectivity h2 {
  font-weight: 600;
  line-height: 3.1111111111rem;
  font-size: 2.4444444444rem;
  margin-bottom: 1.5555555556rem
}

.platform-connectivity p {
  margin-bottom: 0
}

.platform-connectivity .img-wrapper {
  position: relative
}

.platform-connectivity .img-wrapper img {
  position: absolute;
  max-height: 362px;
  max-width: 100%;
  -webkit-box-shadow: 0 4px 16px -4px rgba(3, 16, 37, .197662), 0 16px 32px rgba(15, 54, 113, .1);
  box-shadow: 0 4px 16px -4px rgba(3, 16, 37, .197662), 0 16px 32px rgba(15, 54, 113, .1);
  border-radius: 4px
}

@media (max-width:991.98px) {
  .platform-connectivity p {
    margin-bottom: 1.3333333333rem
  }

  .platform-connectivity .img-wrapper {
    text-align: center
  }

  .platform-connectivity .img-wrapper img {
    position: static
  }
}

.platform-connectivity-articles .dot {
  margin-bottom: .5555555556rem
}

.platform-connectivity-articles .dot::before {
  content: "•";
  color: #277dff;
  position: relative;
  top: 0;
  right: 16px;
  display: block;
  height: 0;
  font-size: 12px
}

.platform-connectivity-articles p {
  margin-bottom: 0
}

@media (max-width:767.98px) {
  .platform-connectivity-articles p {
    margin-bottom: 1.5555555556rem
  }
}

@media (max-width:1279.98px) {
  .platform-efficient .scroll-contain {
    max-width: 100vw;
    margin-left: calc((100vw - 100%)/ -2);
    margin-right: calc((100vw - 100%)/ -2)
  }

  .platform-efficient .scroll-contain .window-wrapper {
    overflow-x: auto;
    padding-left: 260px;
    padding-bottom: 48px;
    display: block
  }

  .platform-efficient .scroll-contain .query-window img {
    height: 455px;
    width: 873px;
    max-width: unset;
    max-height: unset
  }
}

.platform-efficient .window-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.platform-efficient .query-window {
  height: auto;
  width: 873px;
  position: relative;
  margin: 0 auto
}

.platform-efficient ul {
  position: absolute;
  list-style: none;
  padding: 0
}

.platform-efficient ul.left {
  top: 82px;
  left: -255px
}

.platform-efficient ul.left li:first-child {
  margin-bottom: 4.0555555556rem
}

.platform-efficient ul.left li:nth-child(2) {
  margin-bottom: 3.5rem
}

.platform-efficient ul.left li:after {
  content: " ";
  position: absolute;
  top: 12px;
  left: 100%;
  right: -82px;
  border-top: 2px solid #277dff
}

.platform-efficient ul.right {
  top: 57px;
  right: -233px
}

.platform-efficient ul.right li:first-child {
  margin-bottom: 130px
}

.platform-efficient ul.right li:before {
  content: " ";
  position: absolute;
  top: 12px;
  left: -60px;
  right: 183px;
  border-top: 2px solid #277dff
}

.platform-efficient ul li {
  max-width: 173px;
  position: relative;
  font-size: 16px;
  line-height: 24px
}

.platform-efficient .mb24 {
  margin-bottom: 1.3333333333rem
}

.platform-efficient .description {
  font-weight: 300;
  font-size: 1.7777777778rem;
  line-height: 2.3333333333rem;
  margin-bottom: 3.1111111111rem
}

.platform-efficient article {
  margin-bottom: 0
}

.platform-efficient article img {
  margin-bottom: 1rem
}

.platform-efficient article h4 {
  margin-bottom: .4444444444rem
}

.platform-efficient article p {
  margin-bottom: 0
}

@media (max-width:767.98px) {
  .platform-efficient article {
    margin-bottom: 1.7777777778rem
  }
}

.platform-architecture h2 {
  margin-bottom: 1.3333333333rem
}

.platform-architecture .description {
  margin-bottom: 3.7777777778rem
}

@media (max-width:1279.98px) {
  .platform-architecture .img-wrapper {
    max-width: 100vw;
    margin-left: calc((100vw - 100%)/ -2)
  }

  .platform-architecture .img-wrapper p {
    overflow-x: auto
  }

  .platform-architecture .img-wrapper p svg {
    padding-left: 30px;
    padding-right: 30px
  }
}

.schedule-form {
  margin-top: 11.2222222222rem
}

.schedule-form h2 {
  margin-bottom: 1.3333333333rem
}

.schedule-form .description {
  margin-bottom: 4.4444444444rem
}

.schedule-form h4 {
  margin-bottom: 1.1111111111rem;
  margin-top: 4.3333333333rem;
  text-transform: none;
  font-weight: 700;
  letter-spacing: 0
}

.schedule-form article {
  margin-bottom: 1.3333333333rem
}

.schedule-form article:last-child {
  margin-bottom: 6rem
}

.schedule-form article p {
  font-size: 1rem;
  line-height: 1.5555555556rem;
  margin-bottom: 0;
  padding-left: 49px;
  position: relative
}

.schedule-form article p::before {
  content: url(https://skyvia.com/assets/img/icon-check-2.svg);
  width: 28px;
  height: 28px;
  left: 10px;
  position: absolute
}

.schedule-form img {
  width: 32px;
  height: 32px;
  margin-right: 17px
}

@media (max-width:1279.98px) {
  .schedule-form .description {
    margin-bottom: 3.8888888889rem
  }

  .schedule-form h4 {
    margin-top: 0
  }

  .schedule-form article:last-child {
    margin-bottom: 3.3333333333rem
  }
}

@media (max-width:991.98px) {
  .schedule-form {
    margin-top: 10.5555555556rem
  }
}

@media (max-width:767.98px) {
  .schedule-form {
    margin-top: 10.1111111111rem
  }

  .schedule-form form {
    padding: 60px;
    margin-left: -30px;
    margin-right: -30px
  }
}

.success-demo {
  margin-top: 11.2222222222rem
}

.success-demo .success-icon {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: rgba(0, 194, 11, .1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 1.5555555556rem
}

.success-demo h2 {
  margin-bottom: 1rem
}

.success-demo p {
  font-size: 1rem;
  line-height: 2.2222222222rem;
  margin-bottom: 2.5555555556rem
}

.success-demo .btn-outline-primary {
  font-size: .7777777778rem;
  line-height: 1.2222222222rem
}

@media (max-width:991.98px) {
  .success-demo {
    margin-top: 10.5555555556rem
  }
}

@media (max-width:767.98px) {
  .success-demo {
    margin-top: 10.1111111111rem
  }
}

.partners-form {
  padding: 50px
}

form {
  background: #474646;
  /* padding: 80px 30px 100px; */
  padding: 80px 42px 100px 19px;
  border-radius: 4px;
  margin-bottom: 2rem
}

form .form-group {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

form .control-label {
  margin-bottom: .1111111111rem;
  color: #384a66;
  font-size: .7777777778rem;
  line-height: 1.3333333333rem;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase
}

form .form-control {
  background: #fff;
  border-radius: 4px;
  padding: 10px 24px;
  border: none;
  color: #485a76;
  width: 100%
}

form .form-control::-webkit-input-placeholder {
  color: #7a96c3
}

form .form-control::-moz-placeholder {
  color: #7a96c3
}

form .form-control:-ms-input-placeholder {
  color: #7a96c3
}

form .form-control::-ms-input-placeholder {
  color: #7a96c3
}

form .form-control::placeholder {
  color: #7a96c3
}

form button {
  cursor: pointer
}

form select.form-control {
  color: #7a96c3;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  background-image: url(https://skyvia.com/assets/img/dropdown-down.svg);
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 22px;
  width: 100%
}

form select.form-control::-ms-expand {
  display: none
}

form option {
  font-size: 1rem;
  line-height: 1.5555555556rem;
  color: #485a76;
  padding: 10px 24px
}

form option:first-child {
  display: none
}

form textarea {
  width: 100%
}

form .has-error {
  line-height: 1.5555555556rem;
  margin: 0
}

form .has-error .help-block {
  color: #e55844;
  font-size: .6666666667rem
}

form .error {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 1.1111111111rem
}

form .error span {
  color: #ff4a36;
  font-size: .8888888889rem;
  line-height: 1.1111111111rem;
  display: inline-block
}

form .error img {
  margin-right: 3px;
  width: 26px;
  height: 26px
}

.quickbooks-disconnect {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1100
}

.quickbooks-disconnect .left {
  background-color: #f0f5fc;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0
}

.quickbooks-disconnect .left .icon-logo {
  color: #277dff;
  width: 133px;
  height: 32px;
  -webkit-transition: color .1s ease-out;
  transition: color .1s ease-out;
  position: absolute;
  top: 48px;
  left: 48px
}

.quickbooks-disconnect .left .quickBooks-logo {
  position: absolute;
  top: 30%;
  left: calc(50% - 80px)
}

.quickbooks-disconnect .left .plug-in {
  position: absolute;
  top: calc(30% + 160px);
  left: calc(50% - 45px)
}

.quickbooks-disconnect .right {
  position: absolute;
  overflow: auto;
  width: 100%;
  height: 100%;
  right: 0;
  padding: 110px 160px;
  background-color: #fff
}

.quickbooks-disconnect .right h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 40px;
  color: #374a66
}

.quickbooks-disconnect .right p {
  font-size: 14px;
  line-height: 20px;
  color: #374a66
}

.quickbooks-disconnect .right ol {
  position: relative;
  padding: 0;
  list-style: none;
  counter-reset: list-counter
}

.quickbooks-disconnect .right ol li {
  counter-increment: list-counter;
  padding-left: 24px
}

.quickbooks-disconnect .right ol li::before {
  content: counter(list-counter);
  position: absolute;
  left: 0;
  background: #25c196;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 10px;
  line-height: 18px;
  border-radius: 50%;
  width: 18px;
  height: 18px
}

.quickbooks-disconnect .right ol article {
  margin-bottom: 40px
}

.quickbooks-disconnect .right ol article .header {
  font-size: 18px;
  line-height: 24px;
  color: #374a66
}

.quickbooks-disconnect .right ol article .description {
  font-size: 14px;
  line-height: 20px;
  color: #5978a6
}

.quickbooks-disconnect .right ol article img {
  margin-top: 12px;
  -webkit-box-shadow: 0 4px 14px -4px rgba(0, 23, 61, .4), 0 1px 4px -1px rgba(25, 25, 25, .3);
  box-shadow: 0 4px 14px -4px rgba(0, 23, 61, .4), 0 1px 4px -1px rgba(25, 25, 25, .3);
  border-radius: 4px
}

@media (min-width:768px) {
  .webinar-promo {
    padding: 120px 0;
    background: radial-gradient(50% 282.35% at 50% 0, #2f65ac 0, #152a4d 100%)
  }

  .webinar-promo p {
    color: #fff;
    text-align: center
  }

  .webinar-promo h1 {
    color: #fff;
    text-align: center
  }

  .webinar-promo .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .webinar-promo .time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.webinar-promo {
  margin: 120px 0
}

.webinar-promo p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px
}

.webinar-promo h1 {
  font-style: normal;
  font-size: 44px;
  line-height: 56px;
  margin-bottom: 36px
}

.webinar-promo .date-time p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  line-height: 32px
}

.webinar-promo .date-time p .icon {
  width: 32px;
  height: 32px;
  margin-right: 10px
}

.webinar-promo .date-time p:first-child {
  margin-right: 40px
}

.webinar-promo .date-time p.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.webinar-overview h2 {
  margin-bottom: 28px
}

.webinar-overview h4 {
  margin-bottom: 20px
}

.webinar-overview p:last-child {
  margin-bottom: 42px
}

.webinar-overview .speakers {
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 42px;
  color: #485a76;
  padding-bottom: 8px;
  border-bottom: 1px solid #dce5f2;
  margin-bottom: 28px
}

.webinar-overview .author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.webinar-overview .author .author-image {
  border-radius: 50%;
  margin-right: 25px;
  width: 110px
}

.webinar-overview .author .author-name {
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #374a66
}

.webinar-overview .author .author-position {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #485a76
}

.webinar-overview .social {
  margin-top: 80px
}

.webinar-overview .social span {
  color: #afc4e3;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .8px;
  line-height: 16px;
  text-transform: uppercase
}

.webinars-promo {
  margin-top: 16px;
  margin-bottom: 80px
}

.webinars-list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f0f5fc;
  border-radius: 8px;
  padding: 60px 84px;
  margin-bottom: 56px
}

.webinars-list .list-item .left h2 {
  font-style: normal;
  font-weight: 900;
  font-size: 28px;
  line-height: 34px;
  color: #29374d
}

.webinars-list .list-item .left p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #485a76
}

.webinars-list .list-item .middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.webinars-list .list-item .middle .badge {
  margin-bottom: 12px
}

.webinars-list .list-item .middle .date {
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  color: #29374d;
  margin-bottom: 8px
}

.webinars-list .list-item .middle .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #485a76
}

.webinars-list .list-item .middle .time .icon {
  width: 32px;
  height: 32px
}

.webinars-list .list-item .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.video-request-form {
  padding: 30px;
  margin-bottom: 0
}

.whitepapers-promo {
  margin-top: 16px;
  margin-bottom: 80px
}

.whitepapers-list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f0f5fc;
  border-radius: 8px;
  padding: 59px 84px 50px 84px;
  margin: 0 0 56px 0
}

.whitepapers-list .list-item .left-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.whitepapers-list .list-item .left-container h2 {
  font-style: normal;
  font-weight: 900;
  font-size: 28px;
  line-height: 34px;
  color: #29374d
}

.whitepapers-list .list-item .left-container p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #485a76
}

.whitepapers-list .list-item .left-container .wp-content-button {
  width: 203px;
  height: 46px;
  font-weight: 700;
  display: none
}

.whitepapers-list .list-item .left-container .wp-content-button P {
  color: #277dff;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 0 -8px
}

.whitepapers-list .list-item .left-container .wp-content-button P:after {
  content: url(https://skyvia.com/assets/img/whitepapers/wp-arrow.svg);
  height: 10px;
  width: 15.2px;
  display: inline-block;
  position: absolute;
  top: 9px;
  right: 56px
}

@media (max-width:1279.98px) {
  .whitepapers-list .list-item .left-container .wp-content-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.whitepapers-list .list-item .center-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.whitepapers-list .list-item .center-container img {
  height: 280px;
  position: absolute;
  right: 45px
}

@media (max-width:767.98px) {
  .whitepapers-list .list-item .center-container {
    display: none
  }
}

.whitepapers-list .list-item .right-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.whitepapers-list .list-item .right-container .wp-side-button {
  width: 203px;
  height: 46px
}

.whitepapers-list .list-item .right-container .wp-side-button P {
  color: #277dff;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 0 -8px
}

.whitepapers-list .list-item .right-container .wp-side-button P:after {
  content: url(https://skyvia.com/assets/img/whitepapers/wp-arrow.svg);
  height: 10px;
  width: 15.2px;
  display: inline-block;
  position: absolute;
  top: 9px;
  right: 56px
}

@media (max-width:1279.98px) {
  .whitepapers-list .list-item .right-container {
    display: none
  }
}

@media (max-width:1279.98px) {
  .whitepapers-list .list-item {
    padding: 54px 34px
  }
}

@media (max-width:991.98px) {
  .whitepapers-list .list-item {
    padding: 54px 15px
  }
}

.whitepaper-promo h2 {
  font-style: normal;
  font-size: 64px;
  line-height: 76px;
  padding: 0 0 54px 0
}

.whitepaper-promo p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px
}

.whitepaper-promo .form-notification {
  text-align: center;
  font-size: 16px;
  line-height: 24px
}

.whitepaper-promo h4 {
  padding-bottom: 28px
}

.automation-promo {
  background-image: radial-gradient(farthest-corner circle at top, #2f65ac 0, #152a4d 100%);
  height: 720px;
  position: relative;
  margin: 0
}

.automation-promo svg {
  width: 100%;
  margin-top: 184px
}

.automation-promo h1 {
  color: #fff;
  margin-top: 252px;
  margin-bottom: 40px
}

.automation-promo .description {
  color: #bad2f5;
  font-size: 1.77778rem;
  line-height: 1.25;
  font-weight: 200;
  margin-bottom: 2.22222rem
}

@media (max-width:991.98px) {
  .automation-promo {
    height: auto
  }

  .automation-promo .revert {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .automation-promo img {
    margin-bottom: 36px
  }

  .automation-promo h1 {
    margin: 0 auto 16px
  }

  .automation-promo .description {
    margin-bottom: 38px
  }

  .automation-promo .btn-success {
    margin-bottom: 36px
  }
}

.automation-tabs h2 {
  margin-bottom: 58px
}

.automation-tabs ul {
  padding: 0;
  list-style: none;
  border-left: 1px solid #dce5f2
}

.automation-tabs ul li.nav-item {
  width: 100%
}

.automation-tabs ul li.nav-item:not(:last-child) {
  margin-bottom: 28px
}

.automation-tabs ul li.nav-item .nav-link {
  position: relative;
  cursor: pointer
}

.automation-tabs ul li.nav-item .nav-link h4 {
  color: #afc4e3;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 30px;
  margin: 0
}

.automation-tabs ul li.nav-item .nav-link p {
  padding-left: 30px;
  margin: 0;
  display: none
}

.automation-tabs ul li.nav-item .nav-link.active h4,
.automation-tabs ul li.nav-item .nav-link[aria-expanded=true] h4 {
  color: #374a66
}

.automation-tabs ul li.nav-item .nav-link.active p,
.automation-tabs ul li.nav-item .nav-link[aria-expanded=true] p {
  display: block
}

.automation-tabs ul li.nav-item .nav-link.active:after,
.automation-tabs ul li.nav-item .nav-link[aria-expanded=true]:after {
  content: " ";
  position: absolute;
  top: -3px;
  bottom: 0;
  background-color: #277dff;
  width: 4px;
  height: 100%
}

.automation-tabs img {
  width: 100%;
  border-radius: 4px;
  -webkit-box-shadow: 0 49px 15px -40px rgba(15, 54, 113, .3), 0 16px 32px -32px rgba(56, 74, 102, .8), 0 16px 32px rgba(15, 54, 113, .3);
  box-shadow: 0 49px 15px -40px rgba(15, 54, 113, .3), 0 16px 32px -32px rgba(56, 74, 102, .8), 0 16px 32px rgba(15, 54, 113, .3)
}

.automation-tabs p {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px
}

@media (min-width:1280px) {
  .automation-tabs .wrapper {
    padding: 0 !important;
    background: 0 0 !important
  }

  .automation-tabs .wrapper .img-wrapper {
    padding: 64px 80px;
    border-radius: 6px
  }

  .automation-tabs .wrapper .img-wrapper img {
    width: 100%;
    border-radius: 4px
  }

  .automation-tabs .wrapper p {
    margin: 60px 36px !important;
    color: #374a66 !important
  }
}

.automation-tabs .collapse {
  display: none
}

.automation-tabs .collapse.show {
  display: block
}

.automation-tabs .collapse .wrapper {
  padding: 0 0 40px 30px
}

.automation-tabs .collapse .wrapper p {
  text-align: center;
  margin: 16px 0 0
}

.automation-tabs .collapse .wrapper img {
  width: 100%;
  border-radius: 4px;
  -webkit-box-shadow: 0 49px 15px -40px rgba(15, 54, 113, .3), 0 16px 32px -32px rgba(56, 74, 102, .8), 0 16px 32px rgba(15, 54, 113, .3);
  box-shadow: 0 49px 15px -40px rgba(15, 54, 113, .3), 0 16px 32px -32px rgba(56, 74, 102, .8), 0 16px 32px rgba(15, 54, 113, .3)
}

.automation-get-started-now .container {
  overflow: hidden;
  position: relative;
  background: #0084e4;
  height: 100%;
  padding: 80px 0 80px 118px
}

.automation-get-started-now .container h2 {
  color: #fff;
  margin-bottom: 14px
}

.automation-get-started-now .container p {
  color: #fff;
  margin-bottom: 28px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px
}

.automation-get-started-now .container .btn {
  width: 200px;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: .7px;
  text-transform: uppercase;
  color: #374a66;
  margin: 13px
}

.automation-get-started-now .container .btn.try {
  background: #ffde00
}

.automation-get-started-now .container .btn.request {
  background: #fff
}

.automation-get-started-now .container .right {
  position: absolute;
  right: 0;
  top: 0
}

.automation-how-it-work h2 {
  margin-bottom: 16px
}

.automation-how-it-work .description {
  margin-bottom: 64px
}

.landing-header {
  background: #eaf2fc;
  position: relative;
  margin-bottom: 200px
}

.landing-header .landing-nav {
  padding: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 80px
}

.landing-header .landing-nav .justify-content-between {
  width: 100%
}

.landing-header .landing-nav .signup-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.landing-header .landing-nav .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding-bottom: 6px;
  margin-left: -2px
}

.landing-header .landing-nav .logo .icon-logo {
  color: #277dff;
  width: 133px;
  height: 32px;
  -webkit-transition: color .1s ease-out;
  transition: color .1s ease-out
}

.landing-header .landing-nav .logo:hover .icon-logo {
  color: #0e6eff
}

.landing-header .landing-nav .btn-outline-primary {
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 800
}

.landing-header .landing-middle {
  text-align: center
}

.landing-header .landing-middle h2 {
  font-style: normal;
  font-size: 52px;
  line-height: 60px;
  text-align: center;
  color: #29374d
}

.landing-header .landing-middle p {
  font-style: normal;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #485a76
}

.landing-header .landing-middle .btn {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb826), to(#ff5e04));
  background: linear-gradient(180deg, #ffb826 0, #ff5e04 100%);
  -webkit-box-shadow: 0 22px 10px -20px rgba(250, 107, 34, .6);
  box-shadow: 0 22px 10px -20px rgba(250, 107, 34, .6);
  border-color: transparent
}

.landing-header .landing-middle .btn:hover {
  color: #fff
}

.landing-header .bottom-line article {
  position: relative;
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, .16);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, .16);
  border-radius: 4px;
  background: linear-gradient(129.76deg, #47c8ff 10.22%, #4378ff 98.18%);
  padding: 1px
}

.landing-header .bottom-line article .article-body {
  border-radius: 4px;
  padding: 37px;
  background: #fff
}

.landing-header .bottom-line article .article-body .title {
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 12px;
  color: #374a66
}

.landing-header .bottom-line article .article-body .description {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  color: #485a76
}

.landing-header .landing-middle {
  margin-bottom: 24px
}

.landing-header .bottom-line article {
  margin-bottom: 24px
}

@media (min-width:576px) {
  .landing-header .landing-middle {
    margin-bottom: 24px
  }

  .landing-header .bottom-line article {
    margin-bottom: 24px
  }
}

@media (min-width:768px) {
  .landing-header .landing-middle {
    margin-bottom: 24px
  }

  .landing-header .bottom-line article {
    margin-bottom: 24px
  }
}

@media (min-width:992px) {
  .landing-header .landing-middle {
    margin-bottom: 200px
  }

  .landing-header .bottom-line {
    position: absolute;
    bottom: -92px
  }

  .landing-header .bottom-line article {
    margin: 0
  }
}

.customers-feedback .feedback-title {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.customers-feedback .feedback-title::before {
  content: "";
  border: solid 1px #dce5f2;
  position: absolute;
  top: 12px;
  left: 0;
  right: 0
}

.customers-feedback .feedback-title .feedback-img-wrapper {
  background: #fff;
  width: 200px;
  z-index: 1
}

.customers-feedback .feedback-text {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #485a76;
  margin-bottom: 56px
}

.customers-feedback .feedback-autor {
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #29374d
}

.customers-feedback .feedback-position {
  font-size: 16px
}

.landing-benefits h2 {
  margin-bottom: 38px;
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 27px;
  color: #485a76
}

.customers-score article {
  text-align: center
}

.customers-score article img {
  margin-bottom: 24px;
  height: 70px
}

.customers-score article h4 {
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  text-align: center;
  text-transform: capitalize;
  color: #29374d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.customers-score article p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #485a76
}

.customers-score article .score {
  font-size: 40px;
  line-height: 30px;
  font-weight: 900;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  color: #29374d
}

.customers-score article .score sup {
  position: absolute;
  top: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 800
}

.landing-footer .contact-sales-team {
  padding: 110px 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#2c5d9f), to(#2c5d9f));
  background: linear-gradient(0deg, #2c5d9f, #2c5d9f);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.landing-footer .contact-sales-team .specialists {
  position: relative;
  margin: 0 auto;
  height: 100px
}

.landing-footer .contact-sales-team .specialists .specialist {
  border: 3px solid #fff;
  border-radius: 50%;
  position: absolute;
  width: 100px
}

.landing-footer .contact-sales-team .title {
  margin: 38px 0 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 44px;
  line-height: 56px;
  color: #fff;
  text-align: center
}

.landing-footer .contact-sales-team .btn {
  margin: 0 auto;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb826), to(#ff5e04));
  background: linear-gradient(180deg, #ffb826 0, #ff5e04 100%);
  -webkit-box-shadow: 0 22px 10px -20px rgba(250, 107, 34, .6);
  box-shadow: 0 22px 10px -20px rgba(250, 107, 34, .6);
  border-color: transparent
}

.landing-footer .contact-sales-team .btn:hover {
  color: #fff
}

.landing-footer .bottom-line {
  padding: 34px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.landing-footer .bottom-line .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding-bottom: 6px;
  margin-left: -2px
}

.landing-footer .bottom-line .logo .icon-logo {
  color: #277dff;
  width: 133px;
  height: 32px;
  -webkit-transition: color .1s ease-out;
  transition: color .1s ease-out
}

.landing-footer .bottom-line .logo:hover .icon-logo {
  color: #0e6eff
}

.landing--how-to-work h2 {
  margin-bottom: 50px
}

.landing--how-to-work .rectangle {
  background-color: #eaf2fc;
  padding: 64px 60px
}

.table-compare h2 {
  margin-bottom: 56px
}

.table-compare table {
  width: 100%
}

.table-compare table thead {
  background: #007df3;
  border-radius: 4px;
  color: #fff
}

.table-compare table thead tr th {
  padding: 10px 20px;
  border: 2px solid #fff;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: .03em
}

.table-compare table tbody {
  background: #f0f5fd;
  border-radius: 4px;
  color: #596d8e
}

.table-compare table tbody tr td {
  padding: 10px 20px;
  border: 2px solid #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px
}

.table-compare table tbody tr td .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.table-compare .tooltip {
  margin-left: 8px;
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(/content/salesforce-data-loader/images/hint.svg)
}

.table-compare .tooltip .tooltiptext {
  visibility: hidden;
  padding: 4px 8px;
  width: 224px;
  background: #374a66;
  border-radius: 2px;
  font-size: 13px;
  line-height: 130%;
  color: #fff;
  position: absolute;
  bottom: 22px;
  left: -106px;
  z-index: 1
}

.table-compare .tooltip:hover .tooltiptext {
  visibility: visible
}

.landing-header-salesforce-data-loader {
  background: 0 0
}

.landing-header-salesforce-data-loader .home-promo__img svg {
  position: relative;
  height: auto
}

.landing-header-salesforce-data-loader .landing-nav-salesforce-data-loader {
  padding: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 80px
}

.landing-header-salesforce-data-loader .landing-nav-salesforce-data-loader .justify-content-between {
  width: 100%
}

.landing-header-salesforce-data-loader .landing-nav-salesforce-data-loader .signup-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.landing-header-salesforce-data-loader .landing-nav-salesforce-data-loader .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding-bottom: 6px;
  margin-left: -2px
}

.landing-header-salesforce-data-loader .landing-nav-salesforce-data-loader .logo .icon-logo {
  color: #277dff;
  width: 133px;
  height: 32px;
  -webkit-transition: color .1s ease-out;
  transition: color .1s ease-out
}

.landing-header-salesforce-data-loader .landing-nav-salesforce-data-loader .logo:hover .icon-logo {
  color: #0e6eff
}

.landing-header-salesforce-data-loader .landing-nav-salesforce-data-loader .btn-outline-primary {
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 800
}

.landing-header-salesforce-data-loader .here {
  background: rgba(39, 125, 255, .16);
  border-radius: 4px;
  padding: 4px 8px;
  margin-left: 5px
}

.landing-footer-salesforce-data-loader {
  position: relative;
  background: #173361;
  padding: 180px 0 140px 0;
  overflow: hidden
}

.landing-footer-salesforce-data-loader h2 {
  color: #fff
}

.landing-footer-salesforce-data-loader .connectors {
  position: absolute;
  top: 0;
  right: 0
}

.landing-footer-salesforce-data-loader .connectors svg {
  width: min(100%, 1228px)
}

.bottom-line {
  padding: 34px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.bottom-line .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding-bottom: 6px;
  margin-left: -2px
}

.bottom-line .logo .icon-logo {
  color: #277dff;
  width: 133px;
  height: 32px;
  -webkit-transition: color .1s ease-out;
  transition: color .1s ease-out
}

.bottom-line .logo:hover .icon-logo {
  color: #0e6eff
}

.simple-steps h2 {
  margin-bottom: 80px
}

.simple-steps .steps {
  text-align: center
}

.simple-steps .steps .step {
  position: relative
}

.simple-steps .steps .step p {
  margin-top: 28px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #596d8e
}

.simple-steps .steps .step.arrow-1:before {
  content: "";
  display: block;
  width: calc(100% - 100px);
  height: 100px;
  background-image: url(/content/salesforce-data-loader/images/arrow-1.svg);
  background-repeat: no-repeat;
  left: calc(50% + 50px);
  position: absolute;
  background-size: min(249px, 100%);
  background-position: center top
}

@media (max-width:991.98px) {
  .simple-steps .steps .step.arrow-1:before {
    display: none
  }
}

.simple-steps .steps .step.arrow-2:before {
  content: "";
  display: block;
  width: calc(100% - 100px);
  height: 100px;
  background-image: url(/content/salesforce-data-loader/images/arrow-2.svg);
  background-repeat: no-repeat;
  left: calc(50% + 50px);
  position: absolute;
  background-size: min(249px, 100%);
  background-position: center bottom
}

@media (max-width:991.98px) {
  .simple-steps .steps .step.arrow-2:before {
    display: none
  }
}

.simple-steps .steps .step-arrow-1 {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.simple-steps .steps .step-arrow-2 {
  -ms-flex-item-align: end;
  align-self: flex-end
}

.how-it-work-salesforce-data-loader h2 {
  margin-bottom: 56px
}

@media (max-width:1439.98px) {
  .how-it-work-salesforce-data-loader .revert {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.how-it-work-salesforce-data-loader .check h4 {
  text-transform: uppercase
}

.how-it-work-salesforce-data-loader .check h4::before {
  content: url(/content/salesforce-data-loader/images/check.svg);
  padding: 0 8px 0 0
}

.how-it-work-salesforce-data-loader .video {
  -webkit-box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, .3);
  border-radius: 4px;
  margin-bottom: 3.1111111111rem
}

.black-friday-2023 {
  background: center 183px no-repeat url(/content/black-friday-2023/images/promo-sm.svg), -webkit-gradient(linear, left top, left bottom, color-stop(0, #322f37), color-stop(15.42%, #151418));
  background: center 183px no-repeat url(/content/black-friday-2023/images/promo-sm.svg), linear-gradient(180deg, #322f37 0, #151418 15.42%)
}

@media (min-width:576px) {
  .black-friday-2023 {
    background: center 183px no-repeat url(/content/black-friday-2023/images/promo-sm.svg), -webkit-gradient(linear, left top, left bottom, color-stop(0, #322f37), color-stop(15.42%, #151418));
    background: center 183px no-repeat url(/content/black-friday-2023/images/promo-sm.svg), linear-gradient(180deg, #322f37 0, #151418 15.42%)
  }
}

@media (min-width:768px) {
  .black-friday-2023 {
    background: center 165px no-repeat url(/content/black-friday-2023/images/promo-md.svg), -webkit-gradient(linear, left top, left bottom, color-stop(0, #322f37), color-stop(15.42%, #151418));
    background: center 165px no-repeat url(/content/black-friday-2023/images/promo-md.svg), linear-gradient(180deg, #322f37 0, #151418 15.42%)
  }
}

@media (min-width:992px) {
  .black-friday-2023 {
    background: center 127px no-repeat url(/content/black-friday-2023/images/promo-lg.svg), -webkit-gradient(linear, left top, left bottom, color-stop(0, #322f37), color-stop(15.42%, #151418));
    background: center 127px no-repeat url(/content/black-friday-2023/images/promo-lg.svg), linear-gradient(180deg, #322f37 0, #151418 15.42%)
  }
}

@media (min-width:1280px) {
  .black-friday-2023 {
    background: center 144px no-repeat url(/content/black-friday-2023/images/promo-xl.svg), -webkit-gradient(linear, left top, left bottom, color-stop(0, #322f37), color-stop(15.42%, #151418));
    background: center 144px no-repeat url(/content/black-friday-2023/images/promo-xl.svg), linear-gradient(180deg, #322f37 0, #151418 15.42%)
  }
}

.black-friday-2023 {
  position: relative
}

.black-friday-2023 figure.r1 {
  position: absolute;
  width: 1140px;
  height: 1140px;
  display: block;
  border-radius: 100%;
  background: radial-gradient(50% 50% at 50% 50%, #222748 0, #202440 22.26%, rgba(24, 25, 66, 0) 100%);
  bottom: 0;
  right: -500px
}

.black-friday-2023 figure.r2 {
  position: absolute;
  width: 1140px;
  height: 1140px;
  display: block;
  border-radius: 100%;
  background: radial-gradient(50% 50% at 50% 50%, #282612 0, #272215 21.77%, rgba(49, 47, 25, 0) 100%);
  bottom: 200px;
  left: -500px
}

.black-friday-2023 .nav-wrapper .main-menu__link {
  color: #fff !important;
  opacity: 1 !important;
}

.black-friday-2023 .nav-wrapper .main-menu__link .icon-dropdown-down {
  fill: #fff !important
}

.black-friday-2023 .nav-wrapper .btn-outline-primary {
  color: #fff !important;
  border: 1px solid #fff !important
}

.black-friday-2023 .nav-wrapper .btn-default {
  color: #fff !important
}

.black-friday-2023 .ticket {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}

.black-friday-2023 .black-friday-banner {
  margin-top: 200px;
  margin-bottom: 200px
}

@media (max-width:767.98px) {
  .black-friday-2023 .black-friday-banner {
    margin-top: 100px;
    margin-bottom: 100px
  }
}

.black-friday-2023 .black-friday-banner .parallax {
  position: absolute;
  left: 0;
  right: 0
}

.black-friday-2023 .black-friday-banner .banner-text {
  margin: 54px 0
}

.black-friday-2023 .black-friday-banner .banner-text h4 {
  color: #a7b0bf;
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.black-friday-2023 .black-friday-banner .banner-text .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 1.11rem 2.5rem;
  width: 100%;
  max-width: 349px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, .3);
  background: #277dff;
  -webkit-box-shadow: 0 0 74px 0 rgba(39, 125, 255, .7);
  box-shadow: 0 0 74px 0 rgba(39, 125, 255, .7)
}

@media (max-width:767.98px) {
  .black-friday-2023 .black-friday-banner .banner-text .btn {
    margin-top: 40px
  }
}

.black-friday-2023 .black-friday-banner .banner-text .btn span {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 1px;
  text-transform: uppercase
}

.black-friday-2023 .promo-code {
  border-radius: 10px;
  background: #323137;
  padding: 54px 0 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (max-width:767.98px) {
  .black-friday-2023 .promo-code {
    padding: 40px 0 36px
  }
}

.black-friday-2023 .promo-code .promo-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 56px
}

@media (max-width:767.98px) {
  .black-friday-2023 .promo-code .promo-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding: 0 24px
  }
}

.black-friday-2023 .promo-code .promo-header .left {
  margin-right: 20px;
  margin-top: 4px
}

.black-friday-2023 .promo-code .promo-header .right ul {
  margin: 0;
  padding: 0
}

.black-friday-2023 .promo-code .promo-header .right ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px
}

.black-friday-2023 .promo-code .promo-header .right ul li img {
  margin-right: 4px
}

.black-friday-2023 .promo-code .promo-header .right ul li span {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

@media (max-width:767.98px) {
  .black-friday-2023 .promo-code .promo-header .right ul li span {
    font-size: 16px
  }
}

.black-friday-2023 .promo-code .ticket {
  overflow: visible;
  width: 420px;
  height: 182px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 54px 0 30px
}

@media (max-width:767.98px) {
  .black-friday-2023 .promo-code .ticket {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
  }
}

.black-friday-2023 .promo-code .ticket * {
  z-index: 1
}

.black-friday-2023 .promo-code .ticket:before {
  display: block;
  content: "";
  position: absolute;
  width: 440px;
  height: 235px;
  background-image: -webkit-image-set(url(/content/black-friday-2023/images/ticket_bg.png) 1x, url(/content/black-friday-2023/images/ticket_bg@2x.png) 2x);
  background-image: image-set(url(/content/black-friday-2023/images/ticket_bg.png) 1x, url(/content/black-friday-2023/images/ticket_bg@2x.png) 2x);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: inherit;
  z-index: 0
}

.black-friday-2023 .promo-code .ticket .text {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase
}

.black-friday-2023 .promo-code .ticket .text-code {
  color: #fff;
  text-align: center;
  /* font-family: Menlo, Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace; */
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 1px;
  margin-bottom: 30px
}

.black-friday-2023 .promo-code .ticket .copy {
  color: #93beff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.black-friday-2023 .promo-code .promo-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 44px 24px 0 24px
}

@media (max-width:767.98px) {
  .black-friday-2023 .promo-code .promo-footer {
    margin: 24px 24px 0 24px
  }
}

.black-friday-2023 .promo-code .promo-footer .valid-until {
  color: #a7b0bf;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5
}

@media (max-width:767.98px) {
  .black-friday-2023 .promo-code .promo-footer .valid-until {
    font-size: 16px;
    text-align: center
  }
}

.black-friday-2023 .promo-code .promo-footer .save {
  color: #93beff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2
}

@media (max-width:767.98px) {
  .black-friday-2023 .promo-code .promo-footer .save {
    font-size: 16px;
    text-align: center
  }
}

.black-friday-2023 .friday-deal h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 24px
}

.black-friday-2023 .friday-deal p {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 44px
}

.black-friday-2023 .friday-deal .z100 {
  position: relative;
  z-index: 100
}

.black-friday-2023 .friday-deal .figure-wrapper {
  position: relative
}

.black-friday-2023 .friday-deal .figure-wrapper figure.r3 {
  position: absolute;
  width: 1140px;
  height: 1140px;
  display: block;
  border-radius: 100%;
  background: radial-gradient(50% 50% at 50% 50%, #222748 0, #202440 22.26%, rgba(24, 25, 66, 0) 100%);
  left: -600px;
  bottom: -400px
}

.black-friday-2023 .friday-deal .figure-wrapper figure.r4 {
  position: absolute;
  width: 1140px;
  height: 1140px;
  display: block;
  border-radius: 100%;
  background: radial-gradient(50% 50% at 50% 50%, #363419 0, #312f19 21.77%, rgba(49, 47, 25, 0) 100%);
  top: -500px;
  right: -500px
}

.black-friday-2023 .friday-deal .rectangle-deal {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width: 100%25; height: 100%25' fill='none'%3E%3Cg%3E%3Crect width='100%25' height='100%25' fill='url(%23b)' rx='8' /%3E%3Crect width='100%25' height='100%25' stroke='url(%23c)' stroke-opacity='.6' stroke-width='2' rx='8' /%3E%3Crect width='100%25' height='100%25' stroke='url(%23d)' stroke-opacity='.6' stroke-width='2' rx='8' /%3E%3Crect width='100%25' height='100%25' stroke='%23fff' stroke-opacity='.2' stroke-width='2' rx='8' /%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='c' cx='0' cy='0' r='1' gradientTransform='matrix(-454.00117 493.99936 -320.25867 -294.32793 975 126)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' /%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0' /%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='0' cy='0' r='1' gradientTransform='matrix(552.5 0 0 237.5 0 237.5)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' /%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0' /%3E%3C/radialGradient%3E%3ClinearGradient id='b' x1='554.399' x2='670.335' y1='475' y2='30.22' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='.2' /%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.08' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  padding: 56px 86px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative
}

@media (max-width:767.98px) {
  .black-friday-2023 .friday-deal .rectangle-deal {
    padding: 48px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.black-friday-2023 .friday-deal .rectangle-deal .column {
  width: 100%
}

.black-friday-2023 .friday-deal .rectangle-deal .column h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 28px
}

@media (min-width:992px) {
  .black-friday-2023 .friday-deal .rectangle-deal .column h4 {
    margin-bottom: 56px
  }
}

.black-friday-2023 .friday-deal .rectangle-deal .column p {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px
}

.black-friday-2023 .friday-deal .rectangle-deal.friday .column {
  max-width: 220px
}

@media (min-width:992px) {
  .black-friday-2023 .friday-deal .rectangle-deal.friday:before {
    display: block;
    content: "";
    position: absolute;
    width: calc(100% - 172px);
    height: 1px;
    background-color: rgba(255, 255, 255, .6);
    top: 140px
  }
}

.black-friday-2023 .friday-deal .rectangle-deal.monday {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.black-friday-2023 .friday-deal .rectangle-deal.monday .column {
  max-width: inherit
}

@media (min-width:992px) {
  .black-friday-2023 .friday-deal .rectangle-deal.monday {
    gap: 60px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .black-friday-2023 .friday-deal .rectangle-deal.monday:before {
    display: block;
    content: "";
    position: absolute;
    width: calc(100% - 172px);
    height: 1px;
    background-color: rgba(255, 255, 255, .6);
    top: 116px
  }
}

.black-friday-2023 .friday-deal .ticket-deal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 34px
}

.black-friday-2023 .friday-deal .ticket-deal .container-l {
  height: 142px;
  border-radius: 4px 0 0 4px;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width: 100%25; height: 100%25' fill='none'%3E%3Cg mask='url(%23clip1)'%3E%3Crect width='100%25' height='100%25' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cmask id='clip1'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Ccircle cx='100%25' cy='-4' r='14' fill='black'/%3E%3Ccircle cx='100%25' cy='100%25' r='14' fill='black' style='&%2310; transform: translate(0, 4px);&%2310;'/%3E%3Ccircle cx='-8' cy='50%25' r='30' fill='black'/%3E%3C/mask%3E%3C/defs%3E%3C/svg%3E");
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width: 100%25; height: 100%25' fill='none'%3E%3Cg mask='url(%23clip1)'%3E%3Crect width='100%25' height='100%25' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cmask id='clip1'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Ccircle cx='100%25' cy='-4' r='14' fill='black'/%3E%3Ccircle cx='100%25' cy='100%25' r='14' fill='black' style='&%2310; transform: translate(0, 4px);&%2310;'/%3E%3Ccircle cx='-8' cy='50%25' r='30' fill='black'/%3E%3C/mask%3E%3C/defs%3E%3C/svg%3E");
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255' height='142' fill='none'%3E%3Cg fill='%23fff' opacity='.06'%3E%3Cpath d='M193.959 87.62c-.681.684-1.307 1.586-.155 1.881 1.16.297 2.248-.47 2.943-1.168.702-.707 1.374-1.662.177-1.968-1.189-.304-2.278.564-2.965 1.255ZM197.624 97.294c-.68.684-1.313 1.59-.159 1.886 1.162.297 2.252-.474 2.947-1.173.702-.705 1.366-1.658.173-1.963-1.184-.303-2.274.56-2.961 1.25Z'/%3E%3Cpath fill-rule='evenodd' d='M182.924 107.148c10.735 2.746 25.739-1.363 33.513-9.176 7.774-7.814 5.373-16.374-5.361-19.12-10.735-2.746-25.739 1.363-33.513 9.176-7.774 7.814-5.373 16.374 5.361 19.12Zm16.879-18.07c-1.777 1.785-5.234 2.804-7.72 2.168-2.567-.656-2.954-2.59-1.123-4.43 1.845-1.854 5.148-2.918 7.768-2.248 2.629.672 2.932 2.643 1.075 4.51ZM186.079 97.8c-.485.169-1.028.246-1.568.107l-2.937-.75 26.826-9.437c.606-.19 1.155-.236 1.663-.106l2.861.732-26.845 9.454Zm17.332 1.011c-1.779 1.789-5.233 2.811-7.724 2.174-2.573-.658-2.952-2.592-1.118-4.435 1.844-1.854 5.146-2.913 7.762-2.244 2.627.672 2.936 2.64 1.08 4.505Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='.06'%3E%3Cpath d='M17.04 127.239c0 1.26.243 3.267 1.935 2.296 1.614-.926 2.007-2.839 2.007-4.558 0-1.293-.25-3.428-2.007-2.42-1.647.945-1.935 2.952-1.935 4.682ZM32.02 134.142c0 1.258.24 3.279 1.934 2.307 1.617-.928 2.007-2.848 2.007-4.569 0-1.291-.256-3.414-2.007-2.409-1.641.941-1.935 2.946-1.935 4.671Z'/%3E%3Cpath fill-rule='evenodd' d='M26.5 160.404C41.136 152.008 53 131.59 53 114.798 53 98.007 41.136 91.2 26.5 99.596 11.864 107.992 0 128.41 0 145.202s11.864 23.598 26.5 15.202Zm-1.238-37.947c0 4.198-2.59 8.834-6.27 10.945-3.517 2.018-6.232.142-6.232-3.773 0-4.344 2.406-8.893 6.233-11.088 3.624-2.079 6.269-.035 6.269 3.916Zm-5.689 24.958c-.358.725-.883 1.408-1.647 1.846l-4.152 2.383 19.654-40.183c.425-.794.96-1.493 1.754-1.949l4.046-2.32-19.655 40.223Zm20.668-17.926c0 4.204-2.583 8.841-6.269 10.955-3.527 2.023-6.233.137-6.233-3.783 0-4.341 2.41-8.884 6.233-11.077 3.62-2.077 6.27-.046 6.27 3.905Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='.06'%3E%3Cpath d='M87.621 19.383c.575 2.148 1.783 4.94 4.416 5.646 2.65.71 2.544-1.745 1.956-3.938-.597-2.23-1.903-5.188-4.594-5.909-2.717-.728-2.36 2.03-1.778 4.201ZM117.694 47.739c.575 2.147 1.782 4.953 4.42 5.66 2.648.709 2.521-1.829 1.952-3.953-.593-2.213-1.865-5.164-4.591-5.894-2.706-.725-2.362 2.02-1.781 4.187Z'/%3E%3Cpath fill-rule='evenodd' d='M117.903 79.422c24.533 6.573 39.092-7.986 32.519-32.52-6.574-24.533-31.791-49.75-56.325-56.324-24.533-6.573-39.092 7.986-32.519 32.52 6.574 24.533 31.791 49.75 56.325 56.324Zm-17.016-56.569c1.502 5.606-1.674 9.176-7.355 7.654-5.867-1.572-11.305-7.29-12.854-13.069-1.56-5.822 1.249-9.505 7.235-7.9 6.01 1.61 11.403 7.454 12.974 13.315Zm-.992 28.15c-.433.654-1.27.84-2.322.559l-6.712-1.799L111.7 17.484c.53-.657 1.321-.88 2.48-.57l6.539 1.752-20.824 32.337Zm31.113.387c1.504 5.615-1.657 9.194-7.351 7.669-5.879-1.575-11.307-7.297-12.857-13.084-1.56-5.82 1.258-9.488 7.238-7.886 6.004 1.609 11.4 7.442 12.97 13.301Z' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E") no-repeat center right, -webkit-gradient(linear, left top, right top, color-stop(.54%, #2e3043), color-stop(50.05%, #1b1c28));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255' height='142' fill='none'%3E%3Cg fill='%23fff' opacity='.06'%3E%3Cpath d='M193.959 87.62c-.681.684-1.307 1.586-.155 1.881 1.16.297 2.248-.47 2.943-1.168.702-.707 1.374-1.662.177-1.968-1.189-.304-2.278.564-2.965 1.255ZM197.624 97.294c-.68.684-1.313 1.59-.159 1.886 1.162.297 2.252-.474 2.947-1.173.702-.705 1.366-1.658.173-1.963-1.184-.303-2.274.56-2.961 1.25Z'/%3E%3Cpath fill-rule='evenodd' d='M182.924 107.148c10.735 2.746 25.739-1.363 33.513-9.176 7.774-7.814 5.373-16.374-5.361-19.12-10.735-2.746-25.739 1.363-33.513 9.176-7.774 7.814-5.373 16.374 5.361 19.12Zm16.879-18.07c-1.777 1.785-5.234 2.804-7.72 2.168-2.567-.656-2.954-2.59-1.123-4.43 1.845-1.854 5.148-2.918 7.768-2.248 2.629.672 2.932 2.643 1.075 4.51ZM186.079 97.8c-.485.169-1.028.246-1.568.107l-2.937-.75 26.826-9.437c.606-.19 1.155-.236 1.663-.106l2.861.732-26.845 9.454Zm17.332 1.011c-1.779 1.789-5.233 2.811-7.724 2.174-2.573-.658-2.952-2.592-1.118-4.435 1.844-1.854 5.146-2.913 7.762-2.244 2.627.672 2.936 2.64 1.08 4.505Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='.06'%3E%3Cpath d='M17.04 127.239c0 1.26.243 3.267 1.935 2.296 1.614-.926 2.007-2.839 2.007-4.558 0-1.293-.25-3.428-2.007-2.42-1.647.945-1.935 2.952-1.935 4.682ZM32.02 134.142c0 1.258.24 3.279 1.934 2.307 1.617-.928 2.007-2.848 2.007-4.569 0-1.291-.256-3.414-2.007-2.409-1.641.941-1.935 2.946-1.935 4.671Z'/%3E%3Cpath fill-rule='evenodd' d='M26.5 160.404C41.136 152.008 53 131.59 53 114.798 53 98.007 41.136 91.2 26.5 99.596 11.864 107.992 0 128.41 0 145.202s11.864 23.598 26.5 15.202Zm-1.238-37.947c0 4.198-2.59 8.834-6.27 10.945-3.517 2.018-6.232.142-6.232-3.773 0-4.344 2.406-8.893 6.233-11.088 3.624-2.079 6.269-.035 6.269 3.916Zm-5.689 24.958c-.358.725-.883 1.408-1.647 1.846l-4.152 2.383 19.654-40.183c.425-.794.96-1.493 1.754-1.949l4.046-2.32-19.655 40.223Zm20.668-17.926c0 4.204-2.583 8.841-6.269 10.955-3.527 2.023-6.233.137-6.233-3.783 0-4.341 2.41-8.884 6.233-11.077 3.62-2.077 6.27-.046 6.27 3.905Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='.06'%3E%3Cpath d='M87.621 19.383c.575 2.148 1.783 4.94 4.416 5.646 2.65.71 2.544-1.745 1.956-3.938-.597-2.23-1.903-5.188-4.594-5.909-2.717-.728-2.36 2.03-1.778 4.201ZM117.694 47.739c.575 2.147 1.782 4.953 4.42 5.66 2.648.709 2.521-1.829 1.952-3.953-.593-2.213-1.865-5.164-4.591-5.894-2.706-.725-2.362 2.02-1.781 4.187Z'/%3E%3Cpath fill-rule='evenodd' d='M117.903 79.422c24.533 6.573 39.092-7.986 32.519-32.52-6.574-24.533-31.791-49.75-56.325-56.324-24.533-6.573-39.092 7.986-32.519 32.52 6.574 24.533 31.791 49.75 56.325 56.324Zm-17.016-56.569c1.502 5.606-1.674 9.176-7.355 7.654-5.867-1.572-11.305-7.29-12.854-13.069-1.56-5.822 1.249-9.505 7.235-7.9 6.01 1.61 11.403 7.454 12.974 13.315Zm-.992 28.15c-.433.654-1.27.84-2.322.559l-6.712-1.799L111.7 17.484c.53-.657 1.321-.88 2.48-.57l6.539 1.752-20.824 32.337Zm31.113.387c1.504 5.615-1.657 9.194-7.351 7.669-5.879-1.575-11.307-7.297-12.857-13.084-1.56-5.82 1.258-9.488 7.238-7.886 6.004 1.609 11.4 7.442 12.97 13.301Z' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E") no-repeat center right, linear-gradient(90deg, #2e3043 .54%, #1b1c28 50.05%);
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 40px 20px 40px 80px
}

.black-friday-2023 .friday-deal .ticket-deal .container-l .text {
  color: #fff;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 34px;
  letter-spacing: 2px;
  text-transform: uppercase
}

.black-friday-2023 .friday-deal .ticket-deal .container-l .text-off {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px
}

.black-friday-2023 .friday-deal .ticket-deal .container-r {
  position: relative;
  background-image: -webkit-image-set(url("/content/black-friday-2023/images/deal_ticket_bg.png") 1x, url("/content/black-friday-2023/images/deal_ticket_bg@2x.png") 2x);
  background-image: image-set(url("/content/black-friday-2023/images/deal_ticket_bg.png") 1x, url("/content/black-friday-2023/images/deal_ticket_bg@2x.png") 2x);
  background: url(/content/black-friday-2023/images/deal_ticket_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 348px;
  height: 142px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 36px 64px 10px
}

.black-friday-2023 .friday-deal .ticket-deal .container-r .text {
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase
}

.black-friday-2023 .friday-deal .ticket-deal .container-r .text-code {
  color: #fff;
  text-align: center;
  /* font-family: Menlo, Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace; */
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 1px;
  margin-bottom: 14px
}

.black-friday-2023 .friday-deal .ticket-deal .container-r .copy {
  color: #93beff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.black-friday-2023 .friday-deal .ticket-deal-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 42px
}

.black-friday-2023 .friday-deal .ticket-deal-small .ticket {
  overflow: visible;
  width: 100%;
  height: 182px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 54px 0 30px;
  margin-bottom: 24px
}

.black-friday-2023 .friday-deal .ticket-deal-small .ticket * {
  z-index: 1
}

.black-friday-2023 .friday-deal .ticket-deal-small .ticket:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 235px;
  background-image: -webkit-image-set(url(/content/black-friday-2023/images/ticket_bg.png) 1x, url(/content/black-friday-2023/images/ticket_bg@2x.png) 2x);
  background-image: image-set(url(/content/black-friday-2023/images/ticket_bg.png) 1x, url(/content/black-friday-2023/images/ticket_bg@2x.png) 2x);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: inherit;
  z-index: 0
}

.black-friday-2023 .friday-deal .ticket-deal-small .ticket .text {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase
}

.black-friday-2023 .friday-deal .ticket-deal-small .ticket .text-code {
  color: #fff;
  text-align: center;
  /* font-family: Menlo, Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace; */
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 1px;
  margin-bottom: 30px
}

.black-friday-2023 .friday-deal .ticket-deal-small .ticket .copy {
  color: #93beff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.black-friday-2023 .friday-deal .ticket-deal-small .text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.black-friday-2023 .friday-deal .ticket-deal-small .text-wrapper .text {
  color: #fff;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 34px;
  letter-spacing: 2px;
  text-transform: uppercase
}

.black-friday-2023 .friday-deal .ticket-deal-small .text-wrapper .text-off {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px
}

.black-friday-2023 .friday-deal .description-deal {
  margin-bottom: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.black-friday-2023 .friday-deal .description-deal .syncnote {
  position: relative
}

.black-friday-2023 .friday-deal .description-deal .syncnote:before {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  left: -42px;
  display: inline-block;
  background: url(https://skyvia.com/assets/img/info.svg) no-repeat
}

.black-friday-2023 .friday-deal .description-deal .text p {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 12px
}

.black-friday-2023 .friday-deal .footer-deal div {
  margin-bottom: 12px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.black-friday-2023 .ratings h2 {
  color: #fff;
  margin-bottom: 54px
}

.black-friday-2023 .ratings article {
  position: relative;
  border-radius: 6px;
  background: #212228;
  width: 100%;
  max-width: 290px;
  height: 290px;
  margin-bottom: 28px
}

.black-friday-2023 .ratings article .score,
.black-friday-2023 .ratings article h4,
.black-friday-2023 .ratings article p,
.black-friday-2023 .ratings article sup {
  color: #fff
}

.black-friday-2023 .ratings article h4 {
  font-size: 18px;
  margin: 16px 0 6px;
  font-weight: 600
}

.black-friday-2023 .ratings article p {
  font-size: 12px;
  width: 202px;
  color: #a7b0bf
}

.black-friday-2023 .ratings article .review {
  position: absolute;
  right: 14px;
  bottom: 8px;
  color: #277dff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  text-transform: capitalize
}

.black-friday-2023 .partners-why h2 {
  margin-bottom: 54px
}

.black-friday-2023 .partners-why h2,
.black-friday-2023 .partners-why h4,
.black-friday-2023 .partners-why p {
  color: #fff
}

.black-friday-2023 .partners-why .quote {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  margin: 0
}

@media (max-width:767.98px) {
  .black-friday-2023 .partners-why .quote {
    font-size: 16px;
    line-height: 1.5
  }
}

.black-friday-2023 .partners-why .author {
  margin-top: 24px
}

.black-friday-2023 .partners-why .author-logo {
  margin-top: 6px
}

.black-friday-2023 .partners-why span {
  color: #a7b0bf
}

.black-friday-2023 .links h2 {
  color: #fff;
  margin-bottom: 24px
}

.black-friday-2023 .links .btn {
  width: 236px;
  margin: .5em 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.black-friday-2023 .links .btn:hover {
  color: #fff
}

.black-friday-2023 .links .btn.btn-yellow {
  color: #05010f;
  background: #ffd339;
  font-weight: 800
}

.black-friday-2023 .black-friday-promo-connectors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 56px 0;
  height: 156px;
  position: relative
}

.black-friday-2023 .black-friday-promo-connectors svg {
  position: absolute
}

.landing-footer {
  background: #212024
}

.landing-footer .bottom-line .logo .icon-logo {
  color: #fff
}

.landing-footer .copyright__text {
  color: #fff
}

.hidden {
  display: none !important
}

body.mobile-menu-opened .nav-wrapper {
  height: 18vh;
  background-color: #05010d
}

body.mobile-menu-opened .nav-wrapper .logo-wrapper {
  height: 100px
}

body.mobile-menu-opened .nav-wrapper .logo-wrapper .icon-logo {
  color: #fff
}

body.mobile-menu-opened .nav-wrapper .container .nav-row {
  height: 100px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

body.mobile-menu-opened .nav-wrapper .container .nav-row .logo-wrapper {
  padding-right: 15px;
  padding-left: 15px
}

body.mobile-menu-opened .nav-wrapper .container .nav-row .signup-wrapper {
  position: relative;
  top: 7vw;
  margin: 0
}

body.mobile-menu-opened .nav-wrapper .container .nav-row .btn-default {
  margin-right: 0
}

body.mobile-menu-opened .nav-wrapper .container .nav-row .btn-default.request-call {
  padding: 8px 20px !important
}

body.mobile-menu-opened .nav-wrapper .container .btn-outline-primary {
  color: #fff !important;
  border: 1px solid #fff !important
}

body.mobile-menu-opened .nav-wrapper .container .btn-default {
  color: #a5abb6 !important;
  padding: 8px 20px !important
}

body.mobile-menu-opened .nav-wrapper .container .hamburger-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  height: 100px
}

body.mobile-menu-opened .nav-wrapper .container .hamburger-wrapper .hamburger {
  background-color: transparent;
  height: 44px;
  width: 44px
}

body.mobile-menu-opened .nav-wrapper .container .hamburger-wrapper .hamburger .hamburger-box {
  width: 24px;
  height: 24px
}

body.mobile-menu-opened .nav-wrapper .container .hamburger-wrapper .hamburger .hamburger-box .hamburger-inner {
  background-color: #fff;
  width: 24px
}

body.mobile-menu-opened .nav-wrapper .container .hamburger-wrapper .hamburger .hamburger-box .hamburger-inner::after,
body.mobile-menu-opened .nav-wrapper .container .hamburger-wrapper .hamburger .hamburger-box .hamburger-inner::before {
  background-color: #fff;
  width: 24px
}

body.mobile-menu-opened .nav-wrapper .signup-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

body.mobile-menu-opened .nav-wrapper .signup-wrapper .btn {
  padding: .6111111111rem 1.7777777778rem !important
}

body.mobile-menu-opened .nav-wrapper .signup-wrapper .sign-up {
  color: #fff;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  border-radius: 48px;
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 255, 255, .08) 0, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .04);
  -webkit-box-shadow: 0 8px 40px -20px rgba(255, 255, 255, .2), 1px 1px 0 0 rgba(255, 255, 255, .08) inset, 0 0 0 1px rgba(255, 255, 255, .06) inset;
  box-shadow: 0 8px 40px -20px rgba(255, 255, 255, .2), 1px 1px 0 0 rgba(255, 255, 255, .08) inset, 0 0 0 1px rgba(255, 255, 255, .06) inset
}

.black-friday-2024 {
  /* font-family: Inter, Nunito, sans-serif; */
  position: relative;
  background: center 144px no-repeat url(/content/black-friday-2024/images/black_friday.svg), #05010d
}

@media screen and (max-width:992px) {
  .black-friday-2024 {
    background-size: contain
  }
}

.black-friday-2024 .signup-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (min-width:576px) {
  .black-friday-2024 .signup-wrapper {
    padding-right: 15px !important
  }

  .black-friday-2024 .signup-wrapper .btn {
    padding: .6111111111rem 1.7777777778rem !important
  }
}

@media screen and (max-width:992px) {
  .black-friday-2024 .signup-wrapper .btn {
    height: 52px
  }
}

.black-friday-2024 .signup-wrapper .sign-up {
  color: #fff;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  border-radius: 48px;
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 255, 255, .08) 0, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .04);
  -webkit-box-shadow: 0 8px 40px -20px rgba(255, 255, 255, .2), 1px 1px 0 0 rgba(255, 255, 255, .08) inset, 0 0 0 1px rgba(255, 255, 255, .06) inset;
  box-shadow: 0 8px 40px -20px rgba(255, 255, 255, .2), 1px 1px 0 0 rgba(255, 255, 255, .08) inset, 0 0 0 1px rgba(255, 255, 255, .06) inset
}

@media screen and (max-width:768px) {
  .black-friday-2024 .nav-wrapper .container .nav-row {
    height: 100px
  }

  .black-friday-2024 .nav-wrapper .container .nav-row .logo-wrapper {
    padding-right: 15px;
    padding-left: 15px
  }

  .black-friday-2024 .nav-wrapper .container .nav-row .signup-wrapper {
    margin-right: 10px
  }

  .black-friday-2024 .nav-wrapper .container .nav-row .btn-default {
    margin-right: 0
  }

  .black-friday-2024 .nav-wrapper .container .nav-row .btn-default.request-call {
    padding-right: 5px !important
  }
}

.black-friday-2024 .nav-wrapper .container .btn-outline-primary {
  color: #fff !important;
  border: 1px solid #fff !important
}

.black-friday-2024 .nav-wrapper .container .btn-default {
  color: #a5abb6 !important;
  padding: 8px 20px !important
}

.black-friday-2024 .nav-wrapper .container .hamburger-wrapper {
  display: none
}

@media screen and (max-width:500px) {
  .black-friday-2024 .nav-wrapper .container .hamburger-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.black-friday-2024 .nav-wrapper .container .hamburger-wrapper .hamburger {
  background-color: transparent;
  height: 44px;
  width: 44px
}

.black-friday-2024 .nav-wrapper .container .hamburger-wrapper .hamburger .hamburger-box {
  width: 24px;
  height: 24px
}

.black-friday-2024 .nav-wrapper .container .hamburger-wrapper .hamburger .hamburger-box .hamburger-inner {
  background-color: #fff;
  width: 24px
}

.black-friday-2024 .nav-wrapper .container .hamburger-wrapper .hamburger .hamburger-box .hamburger-inner::after,
.black-friday-2024 .nav-wrapper .container .hamburger-wrapper .hamburger .hamburger-box .hamburger-inner::before {
  background-color: #fff;
  width: 24px
}

.black-friday-2024 .btn {
  text-transform: math-auto;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.black-friday-2024 .btn:hover {
  color: #fff
}

.black-friday-2024 .btn-primary {
  border-radius: 48px;
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 255, 255, .12) 0, rgba(0, 0, 0, 0) 100%), #0a7cff;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(255, 255, 255, .24) inset, 0 1px 3px 0 rgba(10, 124, 255, .24), 0 2px 6px 0 rgba(10, 124, 255, .24), 0 4px 8px 0 rgba(10, 124, 255, .12), 0 16px 32px -8px rgba(10, 124, 255, .48);
  box-shadow: 1px 1px 2px 0 rgba(255, 255, 255, .24) inset, 0 1px 3px 0 rgba(10, 124, 255, .24), 0 2px 6px 0 rgba(10, 124, 255, .24), 0 4px 8px 0 rgba(10, 124, 255, .12), 0 16px 32px -8px rgba(10, 124, 255, .48);
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px
}

.black-friday-2024 .btn-dark {
  border-radius: 48px;
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 255, 255, .08) 0, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .04);
  -webkit-box-shadow: 0 8px 40px -20px rgba(255, 255, 255, .2), 1px 1px 0 0 rgba(255, 255, 255, .08) inset, 0 0 0 1px rgba(255, 255, 255, .06) inset;
  box-shadow: 0 8px 40px -20px rgba(255, 255, 255, .2), 1px 1px 0 0 rgba(255, 255, 255, .08) inset, 0 0 0 1px rgba(255, 255, 255, .06) inset;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px
}

.black-friday-2024 .balloon1 {
  position: relative;
  top: -40px;
  left: -27%;
  width: 1px;
  height: 1px
}

.black-friday-2024 .balloon1 img {
  width: 200px;
  height: 360px
}

@media screen and (max-width:992px) {
  .black-friday-2024 .balloon1 {
    left: -36%
  }
}

@media screen and (max-width:768px) {
  .black-friday-2024 .balloon1 {
    left: -16%;
    top: -120px
  }

  .black-friday-2024 .balloon1 img {
    width: 160px;
    height: 288px
  }
}

@media (max-width:576px) {
  .black-friday-2024 .balloon1 {
    left: -16%;
    top: -120px
  }

  .black-friday-2024 .balloon1 img {
    width: 128px;
    height: 230.4px
  }
}

@media (max-width:530px) {
  .black-friday-2024 .balloon1 {
    left: -35%
  }
}

.black-friday-2024 .balloon2 {
  position: relative;
  top: -105px;
  width: 1px;
  height: 1px;
  left: 60px
}

@media screen and (max-width:768px) {
  .black-friday-2024 .balloon2 {
    top: -120px;
    left: -5%
  }
}

.black-friday-2024 .balloon2 img {
  width: 120px;
  height: 216px
}

@media screen and (max-width:768px) {
  .black-friday-2024 .balloon2 img {
    width: 96px;
    height: 172.8px
  }
}

@media (max-width:576px) {
  .black-friday-2024 .balloon2 {
    left: -10%
  }

  .black-friday-2024 .balloon2 img {
    width: 76.8px;
    height: 138.24px
  }
}

@media (max-width:530px) {
  .black-friday-2024 .balloon2 {
    top: -95px
  }

  .black-friday-2024 .balloon2 img {
    width: 46.08px;
    height: 82.944px
  }
}

.black-friday-2024 .balloon3 {
  position: relative;
  top: -185px;
  left: -140px;
  width: 1px;
  height: 1px
}

@media screen and (max-width:530px) {
  .black-friday-2024 .balloon3 {
    left: -60px;
    top: -65px
  }
}

.black-friday-2024 .balloon3 img {
  width: 80px;
  height: 144px
}

@media screen and (max-width:768px) {
  .black-friday-2024 .balloon3 img {
    width: 64px;
    height: 115.2px
  }
}

@media screen and (max-width:768px) {
  .black-friday-2024 .balloon3 img {
    width: 64px;
    height: 115.2px
  }
}

@media screen and (max-width:530px) {
  .black-friday-2024 .balloon3 img {
    width: 30.72px;
    height: 55.296px
  }
}

@media screen and (max-width:992px) {
  .black-friday-2024 .container {
    max-width: 100%
  }
}

.black-friday-2024 .row-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.black-friday-2024 .row-wrapper .row-title {
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  z-index: 1
}

.black-friday-2024 .row-wrapper .row-subtitle {
  margin-top: 10px;
  color: #a5abb6;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  z-index: 1
}

@media screen and (max-width:530px) {
  .black-friday-2024 .row-wrapper .row-subtitle {
    font-size: 18px
  }
}

.black-friday-2024 .get-deal {
  margin-left: 22px;
  gap: 11px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0
}

.black-friday-2024 .black-friday-banner {
  margin-top: 265px
}

@media screen and (max-width:768px) {
  .black-friday-2024 .black-friday-banner {
    margin-top: 250px
  }
}

@media screen and (max-width:576px) {
  .black-friday-2024 .black-friday-banner {
    margin-top: 210px
  }
}

@media (max-width:530px) {
  .black-friday-2024 .black-friday-banner {
    margin-top: 180px
  }
}

.black-friday-2024 .black-friday-banner .blick-blue {
  position: absolute;
  top: 0;
  left: 0;
  width: 15%;
  height: 15%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 15%;
  background: rgba(31, 38, 199, .4);
  -webkit-filter: blur(252px);
  filter: blur(252px)
}

.black-friday-2024 .black-friday-banner .blick-blue.center {
  top: 10%;
  left: 60%
}

.black-friday-2024 .black-friday-banner .banner-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.black-friday-2024 .black-friday-banner .banner-wrapper .banner-title {
  margin: 15px 0;
  /* font-family: "Style Script"; */
  color: #fff;
  text-align: center;
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  line-height: 86px;
  text-shadow: 0 0 2px #6a53fe, 0 0 5px #6a53fe, 0 0 10px #6a53fe, 0 0 20px #6a53fe, 0 0 40px #6a53fe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:992px) {
  .black-friday-2024 .black-friday-banner .banner-wrapper .banner-title {
    font-size: 80px;
    line-height: 68px
  }
}

@media (max-width:620px) {
  .black-friday-2024 .black-friday-banner .banner-wrapper .banner-title {
    font-size: 11vw;
    line-height: 15vw
  }
}

@media (max-width:530px) {
  .black-friday-2024 .black-friday-banner .banner-wrapper .banner-title {
    font-size: 11vw;
    line-height: 15vw
  }
}

.black-friday-2024 .black-friday-banner .banner-wrapper .banner-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 28px;
  gap: 24px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  letter-spacing: 0
}

@media (max-width:992px) {
  .black-friday-2024 .black-friday-banner .banner-wrapper .banner-subtitle {
    gap: 19px;
    height: 22px
  }
}

.black-friday-2024 .black-friday-banner .banner-wrapper .banner-subtitle .banner-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #c1c2ff;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: .3px
}

.black-friday-2024 .black-friday-banner .banner-wrapper .banner-subtitle .banner-item .small {
  display: none
}

@media (max-width:576px) {
  .black-friday-2024 .black-friday-banner .banner-wrapper .banner-subtitle .banner-item .small {
    display: block;
    font-size: 14px
  }
}

@media (max-width:992px) {
  .black-friday-2024 .black-friday-banner .banner-wrapper .banner-subtitle .banner-item {
    font-size: 16px;
    line-height: 22px
  }
}

@media (max-width:768px) {
  .black-friday-2024 .black-friday-banner .banner-wrapper .banner-subtitle .banner-item .additional {
    display: none
  }
}

@media (max-width:576px) {
  .black-friday-2024 .black-friday-banner .banner-wrapper .banner-subtitle .banner-item {
    font-size: 14px;
    line-height: 18px
  }
}

.black-friday-2024 .black-friday-banner .banner-wrapper .banner-subtitle .banner-item img {
  width: 24px;
  height: 24px
}

@media (max-width:992px) {
  .black-friday-2024 .black-friday-banner .banner-wrapper .banner-subtitle .banner-item img {
    width: 19px;
    height: 19px
  }
}

@media (max-width:576px) {
  .black-friday-2024 .black-friday-banner .banner-wrapper .banner-subtitle .banner-item img {
    width: 15px;
    height: 15px
  }
}

.black-friday-2024 .black-friday-banner .banner-wrapper .banner-subtitle .banner-item span {
  margin-left: 7px
}

@media (max-width:992px) {
  .black-friday-2024 .black-friday-banner .banner-wrapper .banner-subtitle .banner-item span {
    margin-left: 2px;
    font-size: 15px;
    letter-spacing: 0
  }
}

@media (max-width:576px) {
  .black-friday-2024 .black-friday-banner .banner-wrapper .banner-subtitle .banner-item span {
    display: none
  }
}

.black-friday-2024 .black-friday-banner .banner-wrapper .banner-text {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: .3px;
  margin-bottom: 38px;
  margin-top: 138px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:576px) {
  .black-friday-2024 .black-friday-banner .banner-wrapper .banner-text {
    margin-top: 88px
  }
}

@media (max-width:530px) {
  .black-friday-2024 .black-friday-banner .banner-wrapper .banner-text {
    font-size: 16px;
    line-height: 22px
  }
}

.black-friday-2024 .black-friday-banner .banner-wrapper .banner-text .blick-yellow {
  position: absolute;
  right: -20%;
  top: 0;
  width: 25%;
  height: 10%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 350.125px;
  background: rgba(242, 233, 24, .44);
  -webkit-filter: blur(252px);
  filter: blur(252px)
}

.black-friday-2024 .black-friday-banner .banner-wrapper .timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left
}

.black-friday-2024 .black-friday-banner .banner-wrapper .timer .timer-title {
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 1.68px;
  text-transform: uppercase;
  margin-bottom: 10px
}

.black-friday-2024 .black-friday-banner .banner-wrapper .timer .timer-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:530px) {
  .black-friday-2024 .black-friday-banner .banner-wrapper .timer .timer-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 28px
  }

  .black-friday-2024 .black-friday-banner .banner-wrapper .timer .timer-wrapper .get-deal {
    margin-left: 0
  }
}

.black-friday-2024 .black-friday-banner .banner-wrapper .timer .timer-wrapper .numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.black-friday-2024 .black-friday-banner .banner-wrapper .timer .timer-wrapper .timer-number-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left
}

.black-friday-2024 .black-friday-banner .banner-wrapper .timer .timer-wrapper .timer-number-container .number-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
  color: #fff;
  text-align: center;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  width: 50px
}

.black-friday-2024 .black-friday-banner .banner-wrapper .timer .timer-wrapper .timer-number-container .number-wrapper .number {
  padding: 10px;
  border-radius: 4px;
  background: #181429
}

.black-friday-2024 .black-friday-banner .banner-wrapper .timer .timer-wrapper .timer-number-container .separator {
  color: #fff;
  text-align: center;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  padding: 10px 8px
}

.black-friday-2024 .black-friday-banner .banner-wrapper .timer .timer-wrapper .timer-number-container .number-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #a5abb6;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px
}

.black-friday-2024 .black-friday-deal {
  margin-top: 250px;
  margin-bottom: 0
}

@media screen and (max-width:768px) {
  .black-friday-2024 .black-friday-deal {
    margin-top: 240px
  }
}

@media (max-width:576px) {
  .black-friday-2024 .black-friday-deal {
    margin-top: 210px
  }
}

@media (max-width:530px) {
  .black-friday-2024 .black-friday-deal {
    margin-top: 180px
  }
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper {
  margin-top: 60px;
  max-width: 1110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  width: 380px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 32px;
  background: linear-gradient(86deg, rgba(255, 255, 255, .06) 2.97%, rgba(255, 255, 255, .06) 97.03%);
  -webkit-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, .06) inset, 0 0 0 1px rgba(255, 255, 255, .04) inset;
  box-shadow: 1px 1px 0 0 rgba(255, 255, 255, .06) inset, 0 0 0 1px rgba(255, 255, 255, .04) inset;
  margin-bottom: 44px
}

@media (max-width:530px) {
  .black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slider {
    width: 330px
  }
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slider .slider-button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #a5abb6;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  padding: 0 26px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

@media (max-width:530px) {
  .black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slider .slider-button {
    font-size: 16px;
    padding: 0 20px
  }
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slider .slider-button .dash {
  background: url(/content/black-friday-2024/images/button_active_dash.svg) no-repeat center center;
  background-size: cover;
  width: 16px;
  height: 2px;
  display: none;
  position: relative;
  top: 11px
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slider .active-button {
  color: #fff;
  text-shadow: 1px 1px 12px rgba(255, 255, 255, .57);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 198px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 32px;
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 255, 255, .24) 0, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, .04)
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slider .active-button .dash {
  display: block
}

@media (max-width:530px) {
  .black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slider .active-button {
    font-size: 16px;
    min-width: 170px
  }
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides {
  max-width: 100vw;
  overflow: hidden
}

@media screen and (max-width:992px) {
  .black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides {
    padding: 0 15px
  }
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 48px;
  overflow: hidden
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .08);
  padding: 102px 45px 30px 45px;
  height: 370px
}

@media screen and (max-width:1300px) {
  .black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item {
    height: auto
  }
}

@media screen and (max-width:576px) {
  .black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item {
    padding: 34px
  }
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .info-wrapper .link-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .info-wrapper .get-deal {
  margin-left: 10px
}

@media screen and (max-width:576px) {
  .black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .info-wrapper .get-deal {
    margin-left: 0;
    width: 100%
  }
}

@media screen and (max-width:576px) {
  .black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .info-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .percent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 126px;
  font-style: normal;
  font-weight: 700;
  line-height: 120px;
  letter-spacing: -6px;
  gap: 4px
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .percent .off-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5%;
  font-size: 44px;
  font-weight: 500;
  line-height: 40px
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .percent .off-wrapper .off {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .slider-text {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  max-width: 400px;
  z-index: 1
}

@media screen and (max-width:1300px) {
  .black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .slider-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 28px
  }
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .ribbon {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 22px;
  padding: 15px;
  width: 100%;
  color: #cbc1ff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  min-width: 950px
}

@media screen and (max-width:992px) {
  .black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .ribbon {
    position: relative
  }
}

@media screen and (max-width:576px) {
  .black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .ribbon {
    margin-top: 30px
  }
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .ribbon.violet {
  background: url(/content/black-friday-2024/images/ribbon_violet.svg) no-repeat center center;
  background-size: cover
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .ribbon.green {
  background: url(/content/black-friday-2024/images/ribbon_green.svg) no-repeat center center;
  background-size: cover;
  color: #fff
}

.black-friday-2024 .black-friday-deal .row-wrapper .slider-wrapper .slides .slide .slider-item .get-deal {
  margin: 0
}

.black-friday-2024 .bonus-offers {
  margin-top: 250px;
  margin-bottom: 0
}

@media screen and (max-width:768px) {
  .black-friday-2024 .bonus-offers {
    margin-top: 240px
  }
}

@media screen and (max-width:576px) {
  .black-friday-2024 .bonus-offers {
    margin-top: 210px
  }
}

@media (max-width:530px) {
  .black-friday-2024 .bonus-offers {
    margin-top: 180px
  }
}

.black-friday-2024 .bonus-offers .bonus-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  margin-top: 64px
}

@media screen and (max-width:992px) {
  .black-friday-2024 .bonus-offers .bonus-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.black-friday-2024 .bonus-offers .bonus-list .blick-yellow {
  position: absolute;
  top: 25%;
  width: 8%;
  height: 8%;
  left: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 350.125px;
  background: rgba(242, 233, 24, .44);
  -webkit-filter: blur(252px);
  filter: blur(252px)
}

.black-friday-2024 .bonus-offers .bonus-list .blick {
  position: absolute;
  right: 0;
  width: 20%;
  height: 20%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 20%;
  background: rgba(106, 83, 254, .24);
  -webkit-filter: blur(252px);
  filter: blur(252px)
}

.black-friday-2024 .bonus-offers .bonus-list .bonus-item {
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .08);
  padding: 55px 0 42px 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 50%
}

@media screen and (max-width:992px) {
  .black-friday-2024 .bonus-offers .bonus-list .bonus-item {
    width: 100%
  }
}

@media screen and (max-width:576px) {
  .black-friday-2024 .bonus-offers .bonus-list .bonus-item {
    padding: 28px 0
  }
}

.black-friday-2024 .bonus-offers .bonus-list .bonus-item .item-title {
  color: #fff;
  font-size: 100px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  padding: 0 65px;
  z-index: 1
}

@media screen and (max-width:576px) {
  .black-friday-2024 .bonus-offers .bonus-list .bonus-item .item-title {
    padding: 0 35px
  }
}

.black-friday-2024 .bonus-offers .bonus-list .bonus-item .item-text {
  color: #a5abb6;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 0 65px;
  margin-top: 24px;
  margin-bottom: 40px;
  z-index: 1
}

@media screen and (max-width:576px) {
  .black-friday-2024 .bonus-offers .bonus-list .bonus-item .item-text {
    padding: 0 35px
  }
}

.black-friday-2024 .bonus-offers .bonus-list .bonus-item .small-text {
  color: #a5abb6;
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.black-friday-2024 .bonus-offers .bonus-list .bonus-item .small-text .small-text-wrapper {
  width: 75%;
  padding-right: 32px;
  z-index: 1
}

.black-friday-2024 .bonus-offers .bonus-list .bonus-item .item-ribbon {
  background: url(/content/black-friday-2024/images/ribbon_green_short.svg) no-repeat center center;
  background-size: cover;
  width: 100%;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 62px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 45px
}

.black-friday-2024 .bonus-offers .bonus-list .bonus-item .item-ribbon .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px
}

@media screen and (max-width:576px) {
  .black-friday-2024 .bonus-offers .bonus-list .bonus-item .item-ribbon {
    font-size: 13px;
    line-height: 140%;
    gap: 44px
  }
}

.black-friday-2024 .biggest-sale {
  margin-top: 250px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:768px) {
  .black-friday-2024 .biggest-sale {
    margin-top: 240px
  }
}

@media screen and (max-width:576px) {
  .black-friday-2024 .biggest-sale {
    margin-top: 210px
  }
}

@media (max-width:530px) {
  .black-friday-2024 .biggest-sale {
    margin-top: 180px
  }
}

.black-friday-2024 .biggest-sale .row-wrapper {
  width: 100vw;
  overflow: hidden
}

.black-friday-2024 .biggest-sale .row-wrapper .image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 340px;
  width: 1376px;
  position: relative
}

.black-friday-2024 .biggest-sale .row-wrapper .image-wrapper svg {
  position: absolute
}

@media screen and (max-width:1200px) {
  .black-friday-2024 .biggest-sale .row-wrapper .image-wrapper svg {
    height: 204px
  }
}

.black-friday-2024 .biggest-sale .content {
  position: relative;
  top: -140px
}

.black-friday-2024 .biggest-sale .content .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  margin-top: 44px
}

.black-friday-2024 .biggest-sale .content .buttons .btn {
  min-width: 225px
}

@media screen and (max-width:576px) {
  .black-friday-2024 .biggest-sale .content .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.black-friday-2024 .trusted {
  margin-top: 250px;
  margin-bottom: 0
}

@media screen and (max-width:768px) {
  .black-friday-2024 .trusted {
    margin-top: 240px
  }
}

@media screen and (max-width:576px) {
  .black-friday-2024 .trusted {
    display: none
  }
}

.black-friday-2024 .trusted .circle {
  background-color: #9d9ba6;
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 50%
}

.black-friday-2024 .trusted .trusted-container {
  max-width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 54px 0;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .08);
  margin-top: 60px;
  height: 400px
}

@media screen and (max-width:1100px) {
  .black-friday-2024 .trusted .trusted-container {
    height: 500px
  }
}

@media screen and (max-width:992px) {
  .black-friday-2024 .trusted .trusted-container {
    height: 650px
  }
}

.black-friday-2024 .trusted .indicators {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  position: relative;
  top: 25px
}

.black-friday-2024 .trusted .indicators .indicator {
  width: 8px;
  height: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 8px;
  background: rgba(10, 124, 255, .32)
}

.black-friday-2024 .trusted .indicators .active-indicator {
  width: 12px;
  height: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 12px;
  background: #0a7cff
}

.black-friday-2024 .trusted .trusted-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

@media screen and (max-width:900px) {
  .black-friday-2024 .trusted .trusted-wrapper .arrow-button-container {
    width: 50px
  }
}

.black-friday-2024 .trusted .trusted-wrapper #prevButton {
  position: relative;
  left: -50px;
  cursor: pointer
}

@media screen and (max-width:900px) {
  .black-friday-2024 .trusted .trusted-wrapper #prevButton {
    width: 80px;
    left: -40px
  }
}

.black-friday-2024 .trusted .trusted-wrapper #nextButton {
  position: relative;
  right: -50px;
  cursor: pointer
}

@media screen and (max-width:900px) {
  .black-friday-2024 .trusted .trusted-wrapper #nextButton {
    width: 80px;
    right: -10px
  }
}

.black-friday-2024 .trusted .trusted-wrapper .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

@media screen and (max-width:992px) {
  .black-friday-2024 .trusted .trusted-wrapper .header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.black-friday-2024 .trusted .trusted-wrapper .header .text-col-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.black-friday-2024 .trusted .trusted-wrapper .header .text-col-info .title {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 10px
}

.black-friday-2024 .trusted .trusted-wrapper .header .text-col-info .text {
  color: #a5abb6;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px
}

.black-friday-2024 .trusted .trusted-wrapper .content {
  color: #a5abb6;
  -webkit-font-feature-settings: "dlig" on;
  font-feature-settings: "dlig" on;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 28px;
  width: 1220px
}

@media screen and (max-width:1500px) {
  .black-friday-2024 .trusted .trusted-wrapper .content {
    width: 1020px
  }
}

@media screen and (max-width:1300px) {
  .black-friday-2024 .trusted .trusted-wrapper .content {
    width: 820px
  }
}

@media screen and (max-width:1100px) {
  .black-friday-2024 .trusted .trusted-wrapper .content {
    width: 620px
  }
}

@media screen and (max-width:900px) {
  .black-friday-2024 .trusted .trusted-wrapper .content {
    width: 420px
  }
}

.black-friday-2024 .ratings {
  margin-top: 250px;
  margin-bottom: 0
}

@media screen and (max-width:768px) {
  .black-friday-2024 .ratings {
    margin-top: 240px
  }
}

@media screen and (max-width:576px) {
  .black-friday-2024 .ratings {
    margin-top: 210px
  }
}

@media (max-width:530px) {
  .black-friday-2024 .ratings {
    margin-top: 180px
  }
}

.black-friday-2024 .ratings .title {
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  margin-bottom: 54px
}

@media screen and (max-width:576px) {
  .black-friday-2024 .ratings .title {
    margin-bottom: 0
  }
}

.black-friday-2024 .ratings .rating-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  gap: 55px
}

@media screen and (max-width:576px) {
  .black-friday-2024 .ratings .rating-wrapper {
    gap: 30px
  }
}

.black-friday-2024 .ratings article {
  position: relative;
  border-radius: 6px;
  background: 0 0;
  width: 100%;
  max-width: 290px;
  height: 290px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 290px;
  flex: 1 1 290px
}

@media screen and (max-width:576px) {
  .black-friday-2024 .ratings article {
    padding-bottom: 0
  }
}

.black-friday-2024 .ratings article .score,
.black-friday-2024 .ratings article h4,
.black-friday-2024 .ratings article p,
.black-friday-2024 .ratings article sup {
  color: #fff
}

.black-friday-2024 .ratings article .score {
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px
}

.black-friday-2024 .ratings article h4 {
  font-size: 18px;
  margin: 16px 0 12px;
  font-weight: 600
}

.black-friday-2024 .ratings article p {
  width: 202px;
  color: #a5abb6;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 14px
}

.black-friday-2024 .ratings article .review {
  position: absolute;
  right: 14px;
  bottom: 8px;
  color: #277dff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  text-transform: capitalize
}

.black-friday-2024 .share-with-friend {
  margin-top: 250px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width:768px) {
  .black-friday-2024 .share-with-friend {
    margin-top: 240px
  }
}

@media screen and (max-width:576px) {
  .black-friday-2024 .share-with-friend {
    margin-top: 210px
  }
}

@media (max-width:530px) {
  .black-friday-2024 .share-with-friend {
    margin-top: 180px
  }
}

.black-friday-2024 .share-with-friend .blick {
  position: absolute;
  right: 0;
  width: 20%;
  height: 20%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 20%;
  background: rgba(31, 38, 199, .3);
  -webkit-filter: blur(252px);
  filter: blur(252px)
}

.black-friday-2024 .share-with-friend .blick-yellow {
  position: absolute;
  width: 10%;
  height: 10%;
  left: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 350.125px;
  background: rgba(242, 233, 24, .44);
  -webkit-filter: blur(252px);
  filter: blur(252px)
}

@media screen and (max-width:768px) {
  .black-friday-2024 .share-with-friend .row-title {
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    z-index: 1
  }

  .black-friday-2024 .share-with-friend .row-subtitle {
    margin-top: 18px
  }
}

.black-friday-2024 .share-with-friend .share {
  width: 60px;
  height: 60px;
  margin-bottom: 24px;
  padding: 0;
  border-radius: 15px;
  cursor: none
}

.black-friday-2024 .share-with-friend .row-subtitle {
  max-width: 878px;
  margin-top: 26px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px
}

.black-friday-2024 .share-with-friend .buttons-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 48px
}

.black-friday-2024 .share-with-friend .buttons-group .black-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px
}

@media screen and (max-width:768px) {
  .black-friday-2024 .share-with-friend .buttons-group {
    margin-top: 38px
  }
}

@media screen and (max-width:576px) {
  .black-friday-2024 .share-with-friend .buttons-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.black-friday-2024 .share-with-friend .buttons-group .btn-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 11px;
  padding: 0 60px
}

.black-friday-2024 .share-with-friend .buttons-group .circle {
  border-radius: 100px;
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 255, 255, .08) 0, rgba(255, 255, 255, 0) 100%);
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .08) inset, 0 0 0 1px rgba(255, 255, 255, .08) inset;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, .08) inset, 0 0 0 1px rgba(255, 255, 255, .08) inset;
  width: 60px;
  padding: 0
}

.black-friday-2024 .unlock-anniversary {
  margin-top: 250px;
  margin-bottom: 220px
}

@media screen and (max-width:768px) {
  .black-friday-2024 .unlock-anniversary {
    margin-top: 240px;
    margin-bottom: 150px
  }
}

@media screen and (max-width:576px) {
  .black-friday-2024 .unlock-anniversary {
    margin-top: 210px;
    margin-bottom: 128px
  }
}

@media (max-width:530px) {
  .black-friday-2024 .unlock-anniversary {
    margin-top: 180px;
    margin-bottom: 120px
  }
}

@media screen and (max-width:1460px) {
  .black-friday-2024 .unlock-anniversary .container {
    max-width: 100vw
  }
}

.black-friday-2024 .unlock-anniversary .row-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 63px
}

.black-friday-2024 .unlock-anniversary .row-wrapper .content .row-title {
  width: 505px
}

@media screen and (max-width:576px) {
  .black-friday-2024 .unlock-anniversary .row-wrapper .content .row-title {
    width: auto
  }
}

.black-friday-2024 .unlock-anniversary .row-wrapper .content .row-subtitle {
  margin-top: 10px;
  text-align: left
}

.black-friday-2024 .unlock-anniversary .row-wrapper .content .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 28px;
  margin-top: 44px
}

.black-friday-2024 .unlock-anniversary .row-wrapper .content .buttons .btn {
  width: 40%;
  min-width: 200px
}

@media screen and (max-width:576px) {
  .black-friday-2024 .unlock-anniversary .row-wrapper .content .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media screen and (max-width:576px) {
  .black-friday-2024 .unlock-anniversary .row-wrapper .content .row-title {
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%
  }

  .black-friday-2024 .unlock-anniversary .row-wrapper .content .row-subtitle {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    z-index: 1
  }
}

.black-friday-2024 .unlock-anniversary .row-wrapper .image-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width:576px) {
  .black-friday-2024 .unlock-anniversary .row-wrapper .image-wrapper {
    display: none
  }
}

.black-friday-2024 .unlock-anniversary .row-wrapper .image-wrapper svg {
  min-height: 158px
}

@media screen and (max-width:992px) {
  .black-friday-2024 .landing-footer {
    padding: 0 15px
  }
}

@media screen and (max-width:576px) {
  .black-friday-2024 .landing-footer .bottom-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px
  }
}

.landing-footer {
  background: #212024
}

.landing-footer .bottom-line .logo .icon-logo {
  color: #fff
}

.landing-footer .copyright__text {
  color: #fff
}

.footer {
  background: #f0f5fc;
  padding-top: 160px;
  padding-bottom: 135px;
  position: relative
}

@media (max-width:991.98px) {
  .footer {
    padding: 40px 0
  }
}

.copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:1279.98px) {
  .copyright {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media (max-width:991.98px) {
  .copyright {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.copyright__text {
  font-size: .8888888889rem;
  line-height: 1.5;
  color: #667892;
  display: inline;
  white-space: nowrap
}

.logo-footer {
  display: inline-block;
  text-decoration: none;
  position: relative;
  margin-right: 100px
}

@media (max-width:1279.98px) {
  .logo-footer {
    margin-right: 32px
  }
}

@media (max-width:991.98px) {
  .logo-footer {
    margin-bottom: 1rem
  }
}

.logo-footer__link {
  display: block;
  line-height: 0
}

.logo-footer__link .icon-logo {
  color: #277dff;
  width: 166px;
  height: 40px;
  -webkit-transition: color .1s ease-out;
  transition: color .1s ease-out
}

.logo-footer:hover .icon-logo {
  color: #0e6eff
}

.logo-footer__produced {
  font-size: 12px;
  color: #667892;
  line-height: 1.8333333333;
  float: right;
  margin-top: -6px
}

.footer-menu {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 75px
}

@media (max-width:991.98px) {
  .footer-menu {
    display: none
  }
}

.footer-menu__block {
  margin: 0 20px
}

.footer-menu__block:first-child {
  margin-left: 0
}

.footer-menu__block:last-child {
  margin-right: 0
}

.footer-menu__title {
  font-size: .8888888889rem;
  letter-spacing: .0555555556rem;
  line-height: 1.5;
  margin-bottom: 1.5555555556rem
}

.footer-menu__list {
  margin: 0 2.2222222222rem 0 0;
  padding: 0;
  float: left
}

.footer-menu__list:last-child {
  margin-right: 0
}

.footer-menu__item {
  font-size: .8888888889rem;
  line-height: 1.5;
  list-style: none;
  margin-bottom: 1.3333333333rem
}

.footer-menu__link {
  color: #667892
}

.footer-additional {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media (max-width:1279.98px) {
  .footer-additional {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.footer-additional__list {
  margin: 0;
  padding: 0;
  float: right
}

@media (max-width:1279.98px) {
  .footer-additional__list {
    margin: 2rem 0;
    text-align: center
  }
}

.footer-additional__item {
  font-size: .8888888889rem;
  line-height: 1.5;
  list-style: none;
  margin: 0 1rem;
  display: inline-block
}

.footer-additional__item:first-child {
  margin-left: 0
}

.footer-additional__item:last-child {
  margin-right: 0
}

.footer-additional__link {
  color: #667892
}

.footer .social {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media (max-width:1279.98px) {
  .footer .social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.not-found {
  margin-top: 11.2222222222rem
}

.not-found h1 {
  margin-bottom: 1.5555555556rem
}

.not-found .description {
  font-size: 1.7777777778rem;
  line-height: 2.2222222222rem
}

.not-found img {
  width: 100%;
  margin-bottom: 3.1111111111rem
}

.not-found article {
  margin-bottom: 0
}

.not-found article p {
  margin-bottom: .5555555556rem;
  font-size: 1rem;
  line-height: 1.5555555556rem;
  color: #384a66
}

.not-found article a {
  font-size: 1rem;
  line-height: 1.5555555556rem;
  margin-bottom: 0;
  display: inline-block
}

@media (max-width:991.98px) {
  .not-found {
    margin-top: 10.5555555556rem
  }

  .not-found article:not(:last-child) {
    margin-bottom: 1.3333333333rem
  }

  .not-found article:not(:last-child) br {
    display: none
  }
}

@media (max-width:767.98px) {
  .not-found {
    margin-top: 10.1111111111rem
  }
}

.privacy-policy .table-responsive {
  overflow-x: auto
}

.privacy-policy table {
  width: 100%;
  margin-bottom: 24px
}

.privacy-policy table thead {
  border-bottom: 1px solid #afc4e3
}

.privacy-policy table thead tr {
  height: 70px
}

.privacy-policy table tbody tr {
  margin-bottom: 14px
}

.privacy-policy table tbody tr td {
  width: 25%
}

.privacy-policy b::before {
  content: "•";
  color: #277dff;
  margin-right: 16px;
  height: 8px;
  width: 8px
}

.privacy-policy .mr {
  margin-left: 20px
}

.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  -webkit-transition: all .3s ease !important;
  transition: all .3s ease !important;
  left: 4px !important
}

.grecaptcha-badge:hover {
  width: 256px !important
}

.syntaxhighlighter {
  font-size: 14px;
  font-weight: 700;
  /* font-family: monospace; */
  line-height: 26px;
  position: relative;
  overflow: auto
}

.syntaxhighlighter .gutter .line {
  border-right: 1px solid #dce5f2
}

.syntaxhighlighter .keyword {
  color: #007879;
  font-weight: 700
}

.syntaxhighlighter .string {
  color: #0096ff
}

.syntaxhighlighter .color2 {
  color: #000
}

.syntaxhighlighter .gutter {
  color: #afafaf
}

.syntaxhighlighter .number {
  color: #bbb
}

.syntaxhighlighter td.gutter .line {
  text-align: right;
  padding: 0 .5em 0 1em
}

.syntaxhighlighter td.code .line {
  padding: 0 1em
}

@media (max-width:575.98px) {
  .syntaxhighlighter td.code .line {
    padding-right: 0
  }
}