@charset "UTF-8";

:root {
	--light-shade: #fcfbba;
}

/* @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")
} */
/*  */

*,
::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: 1.25rem !important;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff;
}

[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: 0.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: 0.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: -0.25em;
}

sup {
	top: -0.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: Nunito, Nunito; */
	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: 0.75rem;
	padding-bottom: 0.75rem;
	color: #7a91b6;
	text-align: left;
	caption-side: bottom;
}

th {
	text-align: inherit;
}

label {
	display: inline-block;
	margin-bottom: 0.5rem;
}

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: 0.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: -30px;
	margin-left: -30px;
}

.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: 0.25rem !important;
}

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

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

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

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

.m-2 {
	margin: 0.5rem !important;
}

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

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

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

.ml-2,
.mx-2 {
	margin-left: 0.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: 0.25rem !important;
}

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

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

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

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

.p-2 {
	padding: 0.5rem !important;
}

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

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

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

.pl-2,
.px-2 {
	padding-left: 0.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: 0.25rem !important;
	}

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

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

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

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

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

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

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

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

	.ml-sm-2,
	.mx-sm-2 {
		margin-left: 0.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: 0.25rem !important;
	}

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

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

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

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

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

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

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

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

	.pl-sm-2,
	.px-sm-2 {
		padding-left: 0.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: 0.25rem !important;
	}

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

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

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

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

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

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

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

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

	.ml-md-2,
	.mx-md-2 {
		margin-left: 0.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: 0.25rem !important;
	}

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

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

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

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

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

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

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

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

	.pl-md-2,
	.px-md-2 {
		padding-left: 0.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: 0.25rem !important;
	}

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

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

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

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

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

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

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

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

	.ml-lg-2,
	.mx-lg-2 {
		margin-left: 0.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: 0.25rem !important;
	}

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

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

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

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

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

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

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

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

	.pl-lg-2,
	.px-lg-2 {
		padding-left: 0.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: 0.25rem !important;
	}

	.mt-xl-1,
	.my-xl-1 {
		margin-top: 0.25rem !important;
	}

	.mr-xl-1,
	.mx-xl-1 {
		margin-right: 0.25rem !important;
	}

	.mb-xl-1,
	.my-xl-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-xl-1,
	.mx-xl-1 {
		margin-left: 0.25rem !important;
	}

	.m-xl-2 {
		margin: 0.5rem !important;
	}

	.mt-xl-2,
	.my-xl-2 {
		margin-top: 0.5rem !important;
	}

	.mr-xl-2,
	.mx-xl-2 {
		margin-right: 0.5rem !important;
	}

	.mb-xl-2,
	.my-xl-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-xl-2,
	.mx-xl-2 {
		margin-left: 0.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: 0.25rem !important;
	}

	.pt-xl-1,
	.py-xl-1 {
		padding-top: 0.25rem !important;
	}

	.pr-xl-1,
	.px-xl-1 {
		padding-right: 0.25rem !important;
	}

	.pb-xl-1,
	.py-xl-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-xl-1,
	.px-xl-1 {
		padding-left: 0.25rem !important;
	}

	.p-xl-2 {
		padding: 0.5rem !important;
	}

	.pt-xl-2,
	.py-xl-2 {
		padding-top: 0.5rem !important;
	}

	.pr-xl-2,
	.px-xl-2 {
		padding-right: 0.5rem !important;
	}

	.pb-xl-2,
	.py-xl-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-xl-2,
	.px-xl-2 {
		padding-left: 0.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: 0.25rem !important;
	}

	.mt-xxl-1,
	.my-xxl-1 {
		margin-top: 0.25rem !important;
	}

	.mr-xxl-1,
	.mx-xxl-1 {
		margin-right: 0.25rem !important;
	}

	.mb-xxl-1,
	.my-xxl-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-xxl-1,
	.mx-xxl-1 {
		margin-left: 0.25rem !important;
	}

	.m-xxl-2 {
		margin: 0.5rem !important;
	}

	.mt-xxl-2,
	.my-xxl-2 {
		margin-top: 0.5rem !important;
	}

	.mr-xxl-2,
	.mx-xxl-2 {
		margin-right: 0.5rem !important;
	}

	.mb-xxl-2,
	.my-xxl-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-xxl-2,
	.mx-xxl-2 {
		margin-left: 0.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: 0.25rem !important;
	}

	.pt-xxl-1,
	.py-xxl-1 {
		padding-top: 0.25rem !important;
	}

	.pr-xxl-1,
	.px-xxl-1 {
		padding-right: 0.25rem !important;
	}

	.pb-xxl-1,
	.py-xxl-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-xxl-1,
	.px-xxl-1 {
		padding-left: 0.25rem !important;
	}

	.p-xxl-2 {
		padding: 0.5rem !important;
	}

	.pt-xxl-2,
	.py-xxl-2 {
		padding-top: 0.5rem !important;
	}

	.pr-xxl-2,
	.px-xxl-2 {
		padding-right: 0.5rem !important;
	}

	.pb-xxl-2,
	.py-xxl-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-xxl-2,
	.px-xxl-2 {
		padding-left: 0.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 0.15s linear;
	transition: opacity 0.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 0.35s ease;
	transition: height 0.35s ease;
}

.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.icon-bullet {
	font-size: 0.6rem;
	width: 1em;
}

.icon-date {
	font-size: 3.2rem;
	width: 1em;
}

.icon-download {
	font-size: 1.6rem;
	width: 0.875em;
}

.icon-dropdown-down {
	font-size: 0.8rem;
	width: 1.5em;
}

.icon-dropdown-up {
	font-size: 0.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: scroll;
	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: 1.28rem;
	color: #29374d;
	letter-spacing: 0.0666666667rem;
	line-height: 1.5555555556;
	/* text-transform: uppercase;: */
	font-weight: 800;
	/* font-family: lora; */
}

p {
	color: #485a76;
	margin-bottom: 1.5555555556rem;
	text-align: justify;
}

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: 0.7px;
	padding: 0.6111111111rem 1.7777777778rem;
	font-size: 0.7777777778rem;
	line-height: 1.5714285714;
	border-radius: 100px;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
		-webkit-box-shadow 0.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: -0.6666666667rem;
}

.btn--icon-right {
	padding-right: 30px;
}

.btn--icon-right .icon {
	width: 1.3333333333rem;
	height: 1.3333333333rem;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -0.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: #48494a;
	color: #fff;
	font-weight: 800;
	border: 1px solid #161617;
}

.btn-outline-primary {
	background-color: transparent;
	color: #20324c;
	font-weight: 500;
	border: 2px solid #272829;
}

.btn-outline-primary:hover {
	background-color: rgba(39, 125, 255, 0.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, 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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 0.1s ease-out;
	transition: margin-left 0.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 0.1s ease-out;
	transition: margin-left 0.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 0.5s;
	transition: all 0.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: 0.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: 0.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: 0.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, 0.25),
		0 8px 16px -8px rgba(0, 0, 0, 0.3);
	box-shadow: 0 13px 27px -5px rgba(50, 66, 92, 0.25),
		0 8px 16px -8px rgba(0, 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, 0.2),
		0 6px 4px -4px rgba(15, 54, 113, 0.3);
	box-shadow: 0 0 2px 0 rgba(15, 54, 113, 0.2),
		0 6px 4px -4px rgba(15, 54, 113, 0.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, 0.1);
	box-shadow: 0 10px 20px 0 rgba(50, 45, 79, 0.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: 0.6666666667rem;
	font-weight: 900;
	letter-spacing: 0.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 code {
	/* font-family: Menlo, Monaco, Consolas, Lucida Console, Nunito; */
	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, Nunito; */
	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, Nunito; */
	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, Nunito; */
	font-size: 14px;
	line-height: 20px;
	padding: 11px 0.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-top: 20px;
	margin-right: 45px;
	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 0.5s;
	transition: all 0.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: 0.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: 0.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: 0.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: 0.3rem;
	border-top-right-radius: 0.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: 0.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: 0.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, 0.197662),
		0 16px 32px rgba(15, 54, 113, 0.1);
	box-shadow: 0 4px 16px -4px rgba(3, 16, 37, 0.197662),
		0 16px 32px rgba(15, 54, 113, 0.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 0.2s ease-in-out;
	transition: -webkit-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.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 0.1s ease-out;
	transition: color 0.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 0.5s ease-in-out;
	transition: height 0.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: 0.7777777778rem;
	letter-spacing: 0.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: 0.3888888889rem 0.6666666667rem;
	}
}

@media (min-width: 500px) and (max-width: 575.98px) {
	body:not(.mobile-menu-opened) .header .signup-wrapper .btn {
		padding: 0.3888888889rem 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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 0.2s ease-out,
		top 0.2s ease-out;
	transition: visibility 0s linear, opacity 0.2s ease-out, top 0.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: 0.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 0.1s ease-out;
	transition: margin-left 0.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: 0.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: 0.6666666667rem;
	color: #29374d;
}

body:not(.mobile-menu-opened) .header .solutions h4 {
	font-size: 0.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: 0.8888888889rem;
	line-height: 1.3333333333rem;
	color: #485a76;
	margin-bottom: 0.8888888889rem;
}

body:not(.mobile-menu-opened) .header .solutions a {
	font-size: 0.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: 0.75;
	display: flex;
	gap: 5px;
	align-items: center;
}

body:not(.mobile-menu-opened)
	.header--dark:not(.nav-sticky)
	.main-menu__link:hover {
	color: #393a3a;
	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 #272829;
}

body:not(.mobile-menu-opened)
	.header--dark:not(.nav-sticky)
	.btn-outline-primary:hover {
	color: #3c3c3c;
	background-color: rgba(186, 210, 245, 0.1);
	border: 1px solid #222121;
}

body:not(.mobile-menu-opened) .header--dark:not(.nav-sticky) .btn-default {
	margin-right: 8px;
	color: #606162;
	background-color: transparent;
	font-size: 16px;
}

body:not(.mobile-menu-opened)
	.header--dark:not(.nav-sticky)
	.btn-default:hover {
	color: #393a3a;
}

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: 0.15s;
	transition-duration: 0.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: 0.15s;
	transition-duration: 0.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 0.1s
			cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::after,
.hamburger--3dx .hamburger-inner::before {
	-webkit-transition: -webkit-transform 0s 0.1s
		cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.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 0.1s
			cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::after,
.hamburger--3dx-r .hamburger-inner::before {
	-webkit-transition: -webkit-transform 0s 0.1s
		cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.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 0.1s
			cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::after,
.hamburger--3dy .hamburger-inner::before {
	-webkit-transition: -webkit-transform 0s 0.1s
		cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.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 0.1s
			cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::after,
.hamburger--3dy-r .hamburger-inner::before {
	-webkit-transition: -webkit-transform 0s 0.1s
		cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.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 0.1s
			cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::after,
.hamburger--3dxy .hamburger-inner::before {
	-webkit-transition: -webkit-transform 0s 0.1s
		cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.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 0.1s
			cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::after,
.hamburger--3dxy-r .hamburger-inner::before {
	-webkit-transition: -webkit-transform 0s 0.1s
		cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),
		-webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.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(0.7, 1);
	transform: translate3d(-4px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
	-webkit-transform: translate3d(-4px, 0, 0) rotate(45deg) scale(0.7, 1);
	transform: translate3d(-4px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
	-webkit-transform: translate3d(4px, 0, 0) rotate(45deg) scale(0.7, 1);
	transform: translate3d(4px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
	-webkit-transform: translate3d(4px, 0, 0) rotate(-45deg) scale(0.7, 1);
	transform: translate3d(4px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowalt .hamburger-inner::before {
	-webkit-transition: top 0.1s 0.1s ease,
		-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: top 0.1s 0.1s ease,
		-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: top 0.1s 0.1s ease,
		transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: top 0.1s 0.1s ease,
		transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
		-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
	-webkit-transition: bottom 0.1s 0.1s ease,
		-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: bottom 0.1s 0.1s ease,
		-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: bottom 0.1s 0.1s ease,
		transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: bottom 0.1s 0.1s ease,
		transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
		-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
	top: 0;
	-webkit-transform: translate3d(-4px, -5px, 0) rotate(-45deg) scale(0.7, 1);
	transform: translate3d(-4px, -5px, 0) rotate(-45deg) scale(0.7, 1);
	-webkit-transition: top 0.1s ease,
		-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.1s ease,
		-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.1s ease,
		transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.1s ease,
		transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),
		-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
	bottom: 0;
	-webkit-transform: translate3d(-4px, 5px, 0) rotate(45deg) scale(0.7, 1);
	transform: translate3d(-4px, 5px, 0) rotate(45deg) scale(0.7, 1);
	-webkit-transition: bottom 0.1s ease,
		-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: bottom 0.1s ease,
		-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: bottom 0.1s ease,
		transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: bottom 0.1s ease,
		transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),
		-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r .hamburger-inner::before {
	-webkit-transition: top 0.1s 0.1s ease,
		-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: top 0.1s 0.1s ease,
		-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: top 0.1s 0.1s ease,
		transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: top 0.1s 0.1s ease,
		transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
		-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
	-webkit-transition: bottom 0.1s 0.1s ease,
		-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: bottom 0.1s 0.1s ease,
		-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: bottom 0.1s 0.1s ease,
		transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: bottom 0.1s 0.1s ease,
		transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
		-webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
	top: 0;
	-webkit-transform: translate3d(4px, -5px, 0) rotate(45deg) scale(0.7, 1);
	transform: translate3d(4px, -5px, 0) rotate(45deg) scale(0.7, 1);
	-webkit-transition: top 0.1s ease,
		-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.1s ease,
		-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.1s ease,
		transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.1s ease,
		transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),
		-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
	bottom: 0;
	-webkit-transform: translate3d(4px, 5px, 0) rotate(-45deg) scale(0.7, 1);
	transform: translate3d(4px, 5px, 0) rotate(-45deg) scale(0.7, 1);
	-webkit-transition: bottom 0.1s ease,
		-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: bottom 0.1s ease,
		-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: bottom 0.1s ease,
		transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: bottom 0.1s ease,
		transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),
		-webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.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(0.7, 1);
	transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
	-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
	transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.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(0.7, 1);
	transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
	-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
	transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.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: 0.13s;
	transition-duration: 0.13s;
	-webkit-transition-delay: 0.13s;
	transition-delay: 0.13s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
	top: -14px;
	-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		opacity 0.1s linear;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
	-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.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: 0.22s;
	transition-delay: 0.22s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		opacity 0.1s 0.22s linear;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		opacity 0.1s 0.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 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		-webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		-webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r .hamburger-inner {
	top: auto;
	bottom: 0;
	-webkit-transition-duration: 0.13s;
	transition-duration: 0.13s;
	-webkit-transition-delay: 0.13s;
	transition-delay: 0.13s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
	top: -14px;
	-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		opacity 0.1s linear;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
	-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.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: 0.22s;
	transition-delay: 0.22s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		opacity 0.1s 0.22s linear;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		opacity 0.1s 0.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 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		-webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		-webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--elastic .hamburger-inner {
	top: 1px;
	-webkit-transition-duration: 275ms;
	transition-duration: 275ms;
	-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.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(0.68, -0.55, 0.265, 1.55);
	transition: -webkit-transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55),
		-webkit-transform 275ms cubic-bezier(0.68, -0.55, 0.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(0.68, -0.55, 0.265, 1.55);
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.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(0.68, -0.55, 0.265, 1.55);
	transition: -webkit-transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: transform 275ms cubic-bezier(0.68, -0.55, 0.265, 1.55),
		-webkit-transform 275ms cubic-bezier(0.68, -0.55, 0.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(0.6, 0.04, 0.98, 0.335);
	transition: top 50ms 125ms linear, left 125ms 175ms ease-in,
		-webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
	transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335),
		top 50ms 125ms linear, left 125ms 175ms ease-in;
	transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335),
		top 50ms 125ms linear, left 125ms 175ms ease-in,
		-webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.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(0.6, 0.04, 0.98, 0.335);
	transition: top 50ms 125ms linear, right 125ms 175ms ease-in,
		-webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
	transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335),
		top 50ms 125ms linear, right 125ms 175ms ease-in;
	transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335),
		top 50ms 125ms linear, right 125ms 175ms ease-in,
		-webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.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(0.075, 0.82, 0.165, 1);
	transition: left 125ms ease-out, top 50ms 125ms linear,
		-webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: left 125ms ease-out, top 50ms 125ms linear,
		transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: left 125ms ease-out, top 50ms 125ms linear,
		transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1),
		-webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.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(0.075, 0.82, 0.165, 1);
	transition: right 125ms ease-out, top 50ms 125ms linear,
		-webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: right 125ms ease-out, top 50ms 125ms linear,
		transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: right 125ms ease-out, top 50ms 125ms linear,
		transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1),
		-webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.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(0.6, 0.04, 0.98, 0.335);
	transition: top 50ms 125ms linear, left 125ms 175ms ease-in,
		-webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
	transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335),
		top 50ms 125ms linear, left 125ms 175ms ease-in;
	transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335),
		top 50ms 125ms linear, left 125ms 175ms ease-in,
		-webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.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(0.6, 0.04, 0.98, 0.335);
	transition: top 50ms 125ms linear, right 125ms 175ms ease-in,
		-webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
	transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335),
		top 50ms 125ms linear, right 125ms 175ms ease-in;
	transition: transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.335),
		top 50ms 125ms linear, right 125ms 175ms ease-in,
		-webkit-transform 125ms cubic-bezier(0.6, 0.04, 0.98, 0.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(0.075, 0.82, 0.165, 1);
	transition: left 125ms ease-out, top 50ms 125ms linear,
		-webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: left 125ms ease-out, top 50ms 125ms linear,
		transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: left 125ms ease-out, top 50ms 125ms linear,
		transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1),
		-webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.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(0.075, 0.82, 0.165, 1);
	transition: right 125ms ease-out, top 50ms 125ms linear,
		-webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: right 125ms ease-out, top 50ms 125ms linear,
		transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: right 125ms ease-out, top 50ms 125ms linear,
		transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.165, 1),
		-webkit-transform 125ms 175ms cubic-bezier(0.075, 0.82, 0.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: 0.15s;
	transition-duration: 0.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: 0.15s;
	transition-duration: 0.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: 0.22s;
	transition-duration: 0.22s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
	-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
	transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
	-webkit-transition: bottom 0.1s 0.25s ease-in,
		-webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.1s 0.25s ease-in,
		-webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.1s 0.25s ease-in,
		transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.1s 0.25s ease-in,
		transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		-webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	-webkit-transition-delay: 0.12s;
	transition-delay: 0.12s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
	transition: top 0.1s ease-out, opacity 0.1s 0.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 0.1s ease-out,
		-webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.1s ease-out,
		-webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.1s ease-out,
		transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.1s ease-out,
		transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r .hamburger-inner {
	-webkit-transition-duration: 0.22s;
	transition-duration: 0.22s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
	-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
	transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
	-webkit-transition: bottom 0.1s 0.25s ease-in,
		-webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.1s 0.25s ease-in,
		-webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.1s 0.25s ease-in,
		transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.1s 0.25s ease-in,
		transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		-webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
	-webkit-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	transform: rotate(-225deg);
	-webkit-transition-delay: 0.12s;
	transition-delay: 0.12s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
	transition: top 0.1s ease-out, opacity 0.1s 0.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 0.1s ease-out,
		-webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.1s ease-out,
		-webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.1s ease-out,
		transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.1s ease-out,
		transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring .hamburger-inner {
	top: 1px;
	-webkit-transition: background-color 0s 0.13s linear;
	transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
	top: 7px;
	-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
	top: 14px;
	-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
	-webkit-transition-delay: 0.22s;
	transition-delay: 0.22s;
	background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
	top: 0;
	-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.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 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.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: 0.13s;
	transition-duration: 0.13s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
	top: -14px;
	-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		opacity 0s linear;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
	-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		-webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.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: 0.22s;
	transition-delay: 0.22s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		opacity 0s 0.22s linear;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		opacity 0s 0.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 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand .hamburger-inner {
	-webkit-transition: background-color 0s 75ms linear,
		-webkit-transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: background-color 0s 75ms linear,
		-webkit-transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		background-color 0s 75ms linear;
	transition: transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		background-color 0s 75ms linear,
		-webkit-transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::before {
	-webkit-transition: top 75ms 75ms ease-in,
		-webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 75ms 75ms ease-in,
		-webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 75ms 75ms ease-in,
		transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 75ms 75ms ease-in,
		transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		-webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
	-webkit-transition: bottom 75ms 75ms ease-in,
		-webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 75ms 75ms ease-in,
		-webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 75ms 75ms ease-in,
		transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 75ms 75ms ease-in,
		transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		-webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.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 0.15s linear,
		-webkit-transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: background-color 0s 0.15s linear,
		-webkit-transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1),
		background-color 0s 0.15s linear;
	transition: transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1),
		background-color 0s 0.15s linear,
		-webkit-transform 75ms 0s cubic-bezier(0.215, 0.61, 0.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 0.1s ease-out,
		-webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 75ms 0.1s ease-out,
		-webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 75ms 0.1s ease-out,
		transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 75ms 0.1s ease-out,
		transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.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 0.1s ease-out,
		-webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 75ms 0.1s ease-out,
		-webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 75ms 0.1s ease-out,
		transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 75ms 0.1s ease-out,
		transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r .hamburger-inner {
	-webkit-transition: background-color 0s 75ms linear,
		-webkit-transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: background-color 0s 75ms linear,
		-webkit-transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		background-color 0s 75ms linear;
	transition: transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		background-color 0s 75ms linear,
		-webkit-transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::before {
	-webkit-transition: top 75ms 75ms ease-in,
		-webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 75ms 75ms ease-in,
		-webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 75ms 75ms ease-in,
		transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 75ms 75ms ease-in,
		transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		-webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
	-webkit-transition: bottom 75ms 75ms ease-in,
		-webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 75ms 75ms ease-in,
		-webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 75ms 75ms ease-in,
		transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 75ms 75ms ease-in,
		transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19),
		-webkit-transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.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 0.15s linear,
		-webkit-transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: background-color 0s 0.15s linear,
		-webkit-transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1),
		background-color 0s 0.15s linear;
	transition: transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1),
		background-color 0s 0.15s linear,
		-webkit-transform 75ms 0s cubic-bezier(0.215, 0.61, 0.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 0.1s ease-out,
		-webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 75ms 0.1s ease-out,
		-webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 75ms 0.1s ease-out,
		transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 75ms 0.1s ease-out,
		transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.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 0.1s ease-out,
		-webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 75ms 0.1s ease-out,
		-webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 75ms 0.1s ease-out,
		transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 75ms 0.1s ease-out,
		transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze .hamburger-inner {
	-webkit-transition-duration: 75ms;
	transition-duration: 75ms;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
	-webkit-transition: top 75ms 0.12s ease, opacity 75ms ease;
	transition: top 75ms 0.12s ease, opacity 75ms ease;
}

.hamburger--squeeze .hamburger-inner::after {
	-webkit-transition: bottom 75ms 0.12s ease,
		-webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 75ms 0.12s ease,
		-webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 75ms 0.12s ease,
		transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 75ms 0.12s ease,
		transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19),
		-webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition-delay: 0.12s;
	transition-delay: 0.12s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	-webkit-transition: top 75ms ease, opacity 75ms 0.12s ease;
	transition: top 75ms ease, opacity 75ms 0.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 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 75ms ease,
		-webkit-transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 75ms ease,
		transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 75ms ease,
		transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1),
		-webkit-transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--vortex .hamburger-inner {
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::after,
.hamburger--vortex .hamburger-inner::before {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.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(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.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: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::after,
.hamburger--vortex-r .hamburger-inner::before {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.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(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.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, 0.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 0.1s ease-out;
	transition: color 0.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: 0.3888888889rem 0.6666666667rem;
	}
}

@media (min-width: 500px) and (max-width: 575.98px) {
	body.mobile-menu-opened .signup-wrapper .btn {
		padding: 0.3888888889rem 0.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: 0.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 0.2s ease-in-out, bottom 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out, bottom 0.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 0.2s ease-in-out;
	transition: rotate 0.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: 0.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 0.1s ease-out;
	transition: margin-left 0.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 0.1s ease-out;
	transition: margin-left 0.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: 0.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 0.5s ease-in-out;
		transition: top 0.5s ease-in-out;
	}
}

.home-promo {
	/* background: radial-gradient(farthest-corner circle at top, #2f65ac 0, #152a4d 100%); */
	background-color: #fff567;
	margin-bottom: 0;
	position: relative;
	height: 750px;
}

@media (max-width: 991.98px) {
	.home-promo {
		height: auto;
	}
}

.home-promo__img svg {
	position: absolute;
	right: -25px;
	top: -184px;
	margin-top: 184px;
}

.home-promo__text {
	margin-bottom: 120px;
}

.home-promo h1 {
	/* color: #48494a; */
	color: 3d3939;
	margin-top: 10rem;
	margin-bottom: 2.2222222222rem;
	font-weight: 400;
	/* font-family: alegreya-sans; */
}

.home-promo p.description {
	color: #48494a;
	font-size: 1.7777777778rem;
	line-height: 1.25;
	font-weight: 200;
	/* margin-bottom: 2.2222222222rem; */
}
.home-promo h2 {
    color: #48494a;
	margin-top: 1.5rem !important;
    /* margin-bottom: 2.2222222222rem; */
    font-weight: 400;
}
.key_features {
	padding-top: 6.6666666667rem;
	/* background: linear-gradient(#f0f5fc calc(100% - 52px), rgba(255, 255, 255, 0) calc(100% - 51px)) */
	/* background-color: rgb(240, 254, 183); */
	background-color: var(--light-shade);
	margin-bottom: 0rem;

}
.key-features h2{
	text-align: center;
}
.key_features h2 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 3rem;
    font-weight: bold;
  }

  .key_features_item {
    background-color: #fff;
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease-in-out;
  }

  /* .key_features__item:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  } */

  .key_features_item h4 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: #007bff;
  }

  .key_features_item p {
    font-size: 1rem;
    color: #555;
  }

  @media (max-width: 768px) {
    .key_features h2 {
      font-size: 2rem;
    }

    .key_features_item {
      padding: 1.5rem;
    }
  }
.benefits {
	/* padding-top: 6.6666666667rem; */
	/* background: linear-gradient(#f0f5fc calc(100% - 52px), rgba(255, 255, 255, 0) calc(100% - 51px)) */
	/* background-color: rgb(240, 254, 183); */
	background-color: var(--light-shade);
	/* margin-bottom: 2.1111111111rem !important; */
	margin-bottom: 0;
}

.benefits h2 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 3rem;
    font-weight: bold;
	padding-top: 4rem;
  }

.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: #31312e;
	top: 0.6111111111rem;
	left: -1.2777777778rem;
}

@media (max-width: 1279.98px) {
	.benefits__item h4:before {
		left: -1rem;
	}
}
.use_cases {
    padding: 4rem 0;
    /* background-color: #c8c9be; */
	/* margin-bottom: 2.1111111111rem !important; */
	margin-bottom: 0;
  }

  .use_cases h2 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 2.5rem;
    font-weight: bold;
  }

  .use_cases__list {
    list-style-type: none;
    padding: 0;
    max-width: 800px;
    margin: 0 auto;
  }

  .use_cases__item {
    /* background-color: #f9f9f9;
    border-radius: 12px;
    padding: 1.5rem; */
    margin-bottom: 1.5rem;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out; */
  }

  /* .use_cases__item:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  } */

  .use_cases__item h4 {
    color: #36516f;
    margin-bottom: 0.5rem;
  }

  .use_cases__item p {
    color: #555;
    margin: 0;
  }
.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(56, 74, 102, 0.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: 0.8888888889rem;
	color: #667892;
	line-height: 1.5;
	margin-bottom: 1rem;
	position: relative;
}

.partner-testimonial__person {
	font-size: 0.8888888889rem;
	color: #29374d;
	letter-spacing: 0.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: 0.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{
	background: #fff567;
	/* height: 115rem; */
	padding-bottom: 2rem;
}
.solutions__icon {
	margin: -5px 0 14px -5px;
}
.solutions h2{
	margin-top: 4rem;
}
@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)) */
	background-color: var(--light-shade);
}

@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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.3);
	border-radius: 6px;
	margin-bottom: 48px;
	height: calc(100% - 48px);
	-webkit-transition: -webkit-box-shadow 0.1s ease-in;
	transition: -webkit-box-shadow 0.1s ease-in;
	transition: box-shadow 0.1s ease-in;
	transition: box-shadow 0.1s ease-in, -webkit-box-shadow 0.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, 0.3);
	box-shadow: 0 9.6px 19.2px -19.2px #384a66,
		0 9.6px 19.2px 0 rgba(15, 54, 113, 0.3);
}

.sources__title {
	position: absolute;
	display: inline-block;
	background: #384a66;
	padding: 0.2222222222rem 0.8888888889rem;
	font-size: 0.6666666667rem;
	color: #fff;
	line-height: 16/12;
	letter-spacing: 0.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: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 50px;
	height: 100%;
	margin-top: 27px;
}

.sources__item {
	width: 88px;
	display: inline-block;
	text-align: center;
	margin: 0.8888888889rem 0.7222222222rem 0 0.7222222222rem;
}

@media (max-width: 424.98px) {
	.sources__item {
		margin: 0.6666666667rem 0.4444444444rem 0 0.4444444444rem;
	}
}

.sources__link {
	display: block;
}

.sources__link span {
	font-size: 0.7777777778rem;
	color: #485a76;
	text-align: center;
	line-height: 20/14;
	display: block;
}

.sources__icon {
	width: 64px;
	height: 64px;
	display: inline-block;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.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 0.2s ease-in-out;
	transition: color, border 0.2s ease-in-out;
}

.sources-more__amount {
	display: block;
	font-size: 1.1111111111rem;
	text-align: center;
	line-height: 1;
	margin-left: -0.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: 0.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;
}
/* .nav-item .nav-link img {
    transition: 0.3s ease-in-out;
    filter: brightness(70%);
    opacity: 0.7;
	border-radius: 90px;

}

.nav-item .nav-link.active img {
    filter: brightness(100%);
    opacity: 1;
    border: 3px solid #202224;

	box-shadow: 14px 14px 15px rgba(0, 0, 0, 0.5); 
} */

.nav-item .nav-link img {
    transition: all 0.4s ease-in-out;
    filter: brightness(70%);
    opacity: 0.7;
    border-radius: 90px;
    transform: perspective(500px) translateZ(0); /* Added perspective */
}

/* Active Image Effect */
.nav-item .nav-link.active img {
    filter: brightness(100%);
    opacity: 1;
    border: 3px solid #202224;
    transform: perspective(500px) translateZ(50px) scale(1.2); /* Moves the image forward */
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.6); /* Even shadow all around */
}

@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, 0.5),
		0 3px 7px -3px rgba(128, 176, 255, 0.5);
	box-shadow: 0 6px 12px -2px rgba(128, 176, 255, 0.5),
		0 3px 7px -3px rgba(128, 176, 255, 0.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: 0.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%) */
	background-color: #fff567;
}

.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: 800;
	font-size: 2.0444444444rem;
	color: #575353;
	line-height: 1.2727272727;
	margin-bottom: 24px;
	text-transform: none;
	letter-spacing: normal;
}

.cta-home__text p {
	font-weight: 500;
	font-size: 1.3333333333rem;
	color: #6a6b6e;
	line-height: 1.3333333333;
	margin-bottom: 0;
}

.cta-home__text .accent {
	border-bottom: 1px solid #fe9102;
}

.cta-home__text .btn-success {
	margin-right: 0.8888888889rem;
	margin-top: 1.5rem;
}

.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, 0.23),
		0 36px 72px 0 rgba(15, 54, 113, 0.3);
	box-shadow: 0 12px 48px -12px rgba(3, 16, 37, 0.23),
		0 36px 72px 0 rgba(15, 54, 113, 0.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, 0.75);
	position: absolute;
	top: 0;
	background-size: 64px;
	-webkit-transition: background-color 0.2s ease-in-out,
		background-size 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, background-size 0.2s ease-in-out;
}

.data-integration-how-to-work .video-rectangle__link:hover:after {
	background-color: rgba(24, 81, 166, 0.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, 0.25),
		0 8px 16px -8px rgba(0, 0, 0, 0.3);
	box-shadow: 0 13px 27px -5px rgba(50, 66, 92, 0.25),
		0 8px 16px -8px rgba(0, 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: 0.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: 0.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: 0.4;
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.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, 0.45),
		0 -17px 9px -17px rgba(56, 74, 102, 0.08), 0 17px 30px rgba(15, 54, 113, 0.15);
	box-shadow: 0 17px 17px -17px rgba(56, 74, 102, 0.45),
		0 -17px 9px -17px rgba(56, 74, 102, 0.08), 0 17px 30px rgba(15, 54, 113, 0.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: var(--light-shade);
	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, 0.45),
		0 -17px 9px -17px rgba(56, 74, 102, 0.08);
	box-shadow: 0 17px 17px -17px rgba(56, 74, 102, 0.45),
		0 -17px 9px -17px rgba(56, 74, 102, 0.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 0.2s ease-in-out,
		background-size 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, background-size 0.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: 0.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: 0.4444444444rem;
}

.data-integration-scenario p {
	font-size: 0.8888888889rem;
	line-height: 1.4444444444rem;
	margin-bottom: 0.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: 0.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: 0.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, 0.12);
	box-shadow: 0 4px 12px rgba(15, 54, 113, 0.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: 0.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: 0.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, 0.23),
		0 36px 72px 0 rgba(15, 54, 113, 0.3);
	box-shadow: 0 12px 48px -12px rgba(3, 16, 37, 0.23),
		0 36px 72px 0 rgba(15, 54, 113, 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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, 0.45), 0 -1px 0 #d2e0f4,
		0 17px 30px rgba(75, 118, 184, 0.2);
	box-shadow: 0 17px 17px -17px rgba(56, 74, 102, 0.45), 0 -1px 0 #d2e0f4,
		0 17px 30px rgba(75, 118, 184, 0.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, 0.3);
	box-shadow: inset 2px 0 1px rgba(255, 255, 255, 0.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, 0.58);
	box-shadow: 0 11px 11px -9px rgba(15, 54, 113, 0.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: 0.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, 0.16);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, 0.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, 0.16);
	box-shadow: 0 6px 12px rgba(15, 54, 113, 0.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: 0.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, 0.3),
		0 16px 32px -32px rgba(56, 74, 102, 0.8), 0 16px 32px rgba(15, 54, 113, 0.3);
	box-shadow: 0 49px 15px -40px rgba(15, 54, 113, 0.3),
		0 16px 32px -32px rgba(56, 74, 102, 0.8), 0 16px 32px rgba(15, 54, 113, 0.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, 0.3),
		0 16px 32px -32px rgba(56, 74, 102, 0.8), 0 16px 32px rgba(15, 54, 113, 0.3);
	box-shadow: 0 49px 15px -40px rgba(15, 54, 113, 0.3),
		0 16px 32px -32px rgba(56, 74, 102, 0.8), 0 16px 32px rgba(15, 54, 113, 0.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: 0.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(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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, 0.12);
	box-shadow: 0 4px 12px rgba(15, 54, 113, 0.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, 0.3),
		0 16px 32px -32px rgba(56, 74, 102, 0.8), 0 16px 32px rgba(15, 54, 113, 0.3);
	box-shadow: 0 49px 15px -40px rgba(15, 54, 113, 0.3),
		0 16px 32px -32px rgba(56, 74, 102, 0.8), 0 16px 32px rgba(15, 54, 113, 0.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, 0.23),
		0 36px 72px 0 rgba(15, 54, 113, 0.3);
	box-shadow: 0 12px 48px -12px rgba(3, 16, 37, 0.23),
		0 36px 72px 0 rgba(15, 54, 113, 0.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: 0.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, 0.16);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, 0.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, 0.16);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, 0.16);
}

.easy-secure table img {
	margin-right: 12px;
}

.easy-secure table tr {
	font-size: 0.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 0.1s ease-out;
	transition: margin-left 0.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, 0.16);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, 0.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: 0.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: 0.4444444444rem;
}

@media (min-width: 992px) {
	.oauth-support .container .free-plan .mr {
		margin-top: 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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: 0.6666666667rem;
	letter-spacing: 1px;
}

.data-import article p {
	font-size: 0.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: 0.8888888889rem;
	line-height: 1.3333333333rem;
	letter-spacing: 1px;
	margin-bottom: 0.6666666667rem;
}

.tutorials .container article p {
	margin-bottom: 0.6666666667rem;
	font-size: 0.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: 0.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, 0.3));
	filter: drop-shadow(0 16px 32px rgba(15, 54, 113, 0.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: 0.7222222222rem;
}

.more-scenarious p {
	margin-bottom: 0.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: 0.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, 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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: 0.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: 0.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, 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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: 0.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: 0.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 0.1s ease-in, -webkit-box-shadow 0.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, 0.2),
		0 6px 4px -4px rgba(15, 54, 113, 0.3);
	box-shadow: 0 0 2px 0 rgba(15, 54, 113, 0.2),
		0 6px 4px -4px rgba(15, 54, 113, 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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, 0.23),
		0 36px 72px 0 rgba(15, 54, 113, 0.3);
	box-shadow: 0 12px 48px -12px rgba(3, 16, 37, 0.23),
		0 36px 72px 0 rgba(15, 54, 113, 0.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, 0.75),
		0 -17px 8px -17px rgba(56, 74, 102, 0.1),
		0 17px 30px 0 rgba(15, 54, 113, 0.25);
	box-shadow: 0 17px 17px -17px rgba(56, 74, 102, 0.75),
		0 -17px 8px -17px rgba(56, 74, 102, 0.1),
		0 17px 30px 0 rgba(15, 54, 113, 0.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, 0.1);
	box-shadow: inset 0 1px 0 0 #2f65ac, 0 10px 30px 0 rgba(15, 54, 113, 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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: 0.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, 0.3);
	box-shadow: 0 16px 32px rgba(15, 54, 113, 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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: 0.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 0.1s ease-out;
	transition: all 0.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: 0.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, 0.25),
		0 8px 16px -8px rgba(0, 0, 0, 0.3);
	box-shadow: 0 13px 27px -5px rgba(50, 66, 92, 0.25),
		0 8px 16px -8px rgba(0, 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: 0.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: 0.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: 0.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: 0.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: 0.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, 0.5),
		0 3px 7px -3px rgba(128, 176, 255, 0.5);
	box-shadow: 0 6px 12px -2px rgba(128, 176, 255, 0.5),
		0 3px 7px -3px rgba(128, 176, 255, 0.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 0.1s ease-out;
	transition: all 0.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, 0.4),
		0 32px 32px 0 rgba(15, 54, 113, 0.1);
	box-shadow: 0 16px 16px -4px rgba(3, 16, 37, 0.4),
		0 32px 32px 0 rgba(15, 54, 113, 0.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: 0.2222222222rem 0.8888888889rem;
	font-size: 0.6666666667rem;
	color: #fff;
	line-height: 16/12;
	letter-spacing: 0.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: 0.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: 0.7777777778rem;
	color: #485a76;
	text-align: center;
	display: block;
}

.supported-connectors__icon {
	width: 88px;
	height: 88px;
	display: inline-block;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.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, 0.23),
		0 36px 72px 0 rgba(15, 54, 113, 0.3);
	box-shadow: 0 12px 48px -12px rgba(3, 16, 37, 0.23),
		0 36px 72px 0 rgba(15, 54, 113, 0.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 0.1s ease-out;
	transition: all 0.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, 0.4),
		0 32px 32px 0 rgba(15, 54, 113, 0.1);
	box-shadow: 0 16px 16px -4px rgba(3, 16, 37, 0.4),
		0 32px 32px 0 rgba(15, 54, 113, 0.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: 0.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: 0.4444444444rem 0.8888888889rem;
	cursor: pointer;
}

@media (max-width: 424.98px) {
	.gallery-list .nav .nav-item .nav-link {
		padding: 0.4444444444rem 0.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, 0.3019607843),
		0 12px 4px -10px rgba(15, 54, 113, 0.6980392157);
	box-shadow: inset 0 1px 0 0 #2c78dd,
		0 41px 24px -28px rgba(13, 39, 79, 0.3019607843),
		0 12px 4px -10px rgba(15, 54, 113, 0.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: 0.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: 0.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: 0.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: 0.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, 0.06),
		0 2px 4px rgba(15, 54, 113, 0.15), 0 2px 6px rgba(15, 54, 113, 0.14);
	box-shadow: 0 3px 2px rgba(15, 54, 113, 0.06),
		0 2px 4px rgba(15, 54, 113, 0.15), 0 2px 6px rgba(15, 54, 113, 0.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, 0.25),
		0 8px 16px -8px rgba(0, 0, 0, 0.3);
	box-shadow: 0 13px 27px -5px rgba(50, 66, 92, 0.25),
		0 8px 16px -8px rgba(0, 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, 0.2),
		0 16px 32px 0 rgba(15, 54, 113, 0.1);
	box-shadow: 0 4px 16px -4px rgba(3, 16, 37, 0.2),
		0 16px 32px 0 rgba(15, 54, 113, 0.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: 0.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, 0.23),
		0 36px 72px 0 rgba(15, 54, 113, 0.3);
	box-shadow: 0 12px 48px -12px rgba(3, 16, 37, 0.23),
		0 36px 72px 0 rgba(15, 54, 113, 0.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, 0.75),
		0 -17px 8px -17px rgba(56, 74, 102, 0.1),
		0 17px 30px 0 rgba(15, 54, 113, 0.25);
	box-shadow: 0 17px 17px -17px rgba(56, 74, 102, 0.75),
		0 -17px 8px -17px rgba(56, 74, 102, 0.1),
		0 17px 30px 0 rgba(15, 54, 113, 0.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, 0.1);
	box-shadow: 0 10px 30px 0 rgba(15, 54, 113, 0.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: 0.4444444444rem 0.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: 0.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: 0.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: 0.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: 0.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: 0.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, 0.25),
		0 8px 16px -8px rgba(0, 0, 0, 0.3);
	box-shadow: 0 13px 27px -5px rgba(50, 66, 92, 0.25),
		0 8px 16px -8px rgba(0, 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, 0.2),
		0 16px 32px 0 rgba(15, 54, 113, 0.1);
	box-shadow: 0 4px 16px -4px rgba(3, 16, 37, 0.2),
		0 16px 32px 0 rgba(15, 54, 113, 0.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: 0.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: 0.7777777778rem;
	line-height: 20/14;
	color: #667892;
}

.studies .author h3 {
	position: relative;
	margin-bottom: 0;
	font-size: 0.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: 0.5rem 0.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: 0.8888888889rem;
	padding-right: 1.7777777778rem;
}

.studies-promo .logo-contain span svg {
	fill: #fff;
	right: 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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: 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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: 0.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: 0.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: 0.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, 0.12);
	box-shadow: 0 4px 12px rgba(15, 54, 113, 0.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: 0.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: 0.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: 0.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: 0.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: 0.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 0.6s ease-out;
	transition: all 0.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, 0.23),
		0 36px 72px 0 rgba(15, 54, 113, 0.3);
	box-shadow: 0 12px 48px -12px rgba(3, 16, 37, 0.23),
		0 36px 72px 0 rgba(15, 54, 113, 0.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, 0.75),
		0 -17px 8px -17px rgba(56, 74, 102, 0.1),
		0 17px 30px 0 rgba(15, 54, 113, 0.25);
	box-shadow: 0 17px 17px -17px rgba(56, 74, 102, 0.75),
		0 -17px 8px -17px rgba(56, 74, 102, 0.1),
		0 17px 30px 0 rgba(15, 54, 113, 0.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, 0.1);
	box-shadow: inset 0 1px 0 0 #2f65ac, 0 10px 30px 0 rgba(15, 54, 113, 0.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: 0.7777777778rem;
	margin-bottom: 0.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: 0.8888888889rem;
	line-height: 1.3333333333rem;
	color: #277dff;
}

.tutorial-article main a {
	color: #277dff;
}

.tutorial-article main .dot li {
	margin-bottom: 0.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: 0.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: 0.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: 0.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, 0.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, 0.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 0.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, 0.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, 0.05),
		0 12px 32px rgba(15, 54, 113, 0.2);
	box-shadow: 0 -3px 4px rgba(56, 74, 102, 0.05),
		0 12px 32px rgba(15, 54, 113, 0.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, 0.75),
		0 -17px 8px -17px rgba(56, 74, 102, 0.1),
		10px 15px 30px rgba(15, 54, 113, 0.27);
	box-shadow: 0 17px 17px -17px rgba(56, 74, 102, 0.75),
		0 -17px 8px -17px rgba(56, 74, 102, 0.1),
		10px 15px 30px rgba(15, 54, 113, 0.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 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: 0.8888888889rem;
}

.salesforce-solutions-powerful p {
	margin-top: 1.3333333333rem;
}

.salesforce-solutions-powerful h5 {
	font-size: 1rem;
	line-height: 1.5555555556rem;
	margin: 0 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: 0.8888888889rem;
}

.salesforce-solutions-integrate h2 {
	margin-bottom: 4.7777777778rem;
}

.salesforce-solutions-integrate .dot {
	margin-bottom: 2.2222222222rem;
}

.salesforce-solutions-integrate .dot li {
	padding-left: 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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: 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, 0.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: 0.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, 0.3));
	filter: drop-shadow(0 16px 32px rgba(15, 54, 113, 0.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: 0.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: 0.8888888889rem;
}

.solutions-data-integration h4 {
	font-size: 1rem;
	line-height: 1.5555555556rem;
	margin-bottom: 0.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: 0.8888888889rem;
	line-height: 1.3333333333rem;
	margin-bottom: 0.4444444444rem;
	color: #29374d;
}

.solutions-data-integration .rectangle article p {
	font-size: 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, 0.3);
}

.solutions-data-integration
	.rectangle
	.right-wrapper
	.background:not(:last-child) {
	margin-bottom: 17px;
}

.solutions-data-integration .rectangle .right-wrapper .background h4 {
	margin-bottom: 0.4444444444rem;
	color: #374a66;
	font-weight: 700;
	font-size: 0.7777777778rem;
	line-height: 1.2222222222rem;
}

.solutions-data-integration .rectangle .right-wrapper .background p {
	color: #596d8e;
	margin-bottom: 0;
	font-size: 0.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: 0.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: 0.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: 0.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, 0.3);
	box-shadow: 0 6px 12px rgba(15, 54, 113, 0.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: 0.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: 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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: 0.8888888889rem;
}

.platform-suits article h4 {
	margin-bottom: 0.4444444444rem;
	font-size: 1rem;
	line-height: 1.5555555556rem;
}

.platform-suits article p {
	margin-bottom: 0;
}

.platform-scenario h2 {
	font-weight: 600;
	margin-bottom: 0.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: 0.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: 0.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: 0.8888888889rem;
	line-height: 1.4444444444rem;
	margin-bottom: 0.2222222222rem;
}

.platform-scenario ul.products-list li p {
	margin: 0;
	font-size: 0.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: 0.4444444444rem;
	min-width: 28px;
}

.platform-scenario ul.objects-list li a span {
	font-size: 0.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: 0.8888888889rem;
}

@media (max-width: 767.98px) {
	.platform-scenario .wrapper {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.platform-scenario .wrapper h4 {
	font-size: 0.8888888889rem;
	line-height: 1.3333333333rem;
	border-bottom: 1px solid #c5d4ea;
	display: block;
	margin-bottom: 0.4444444444rem;
	letter-spacing: 1px;
	font-weight: 600;
}

.platform-scenario .wrapper .title {
	margin: 1.4444444444rem 0 0.8888888889rem;
	color: #7a91b6;
	font-size: 0.8888888889rem;
	line-height: 1.3333333333rem;
}

.platform-scenario .wrapper ul.objects-list li {
	margin-bottom: 0.8888888889rem;
}

.platform-scenario .wrapper ul li {
	margin-bottom: 0.8888888889rem;
	font-size: 0.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, 0.197662),
		0 16px 32px rgba(15, 54, 113, 0.1);
	box-shadow: 0 4px 16px -4px rgba(3, 16, 37, 0.197662),
		0 16px 32px rgba(15, 54, 113, 0.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: 0.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: 0.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, 0.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: 0.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: #f0f5fc;
	padding: 80px 30px 100px;
	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: 0.1111111111rem;
	color: #384a66;
	font-size: 0.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: 0.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: 0.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 0.1s ease-out;
	transition: color 0.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, 0.4),
		0 1px 4px -1px rgba(25, 25, 25, 0.3);
	box-shadow: 0 4px 14px -4px rgba(0, 23, 61, 0.4),
		0 1px 4px -1px rgba(25, 25, 25, 0.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: 0.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: 0.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, 0.3),
		0 16px 32px -32px rgba(56, 74, 102, 0.8), 0 16px 32px rgba(15, 54, 113, 0.3);
	box-shadow: 0 49px 15px -40px rgba(15, 54, 113, 0.3),
		0 16px 32px -32px rgba(56, 74, 102, 0.8), 0 16px 32px rgba(15, 54, 113, 0.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, 0.3),
		0 16px 32px -32px rgba(56, 74, 102, 0.8), 0 16px 32px rgba(15, 54, 113, 0.3);
	box-shadow: 0 49px 15px -40px rgba(15, 54, 113, 0.3),
		0 16px 32px -32px rgba(56, 74, 102, 0.8), 0 16px 32px rgba(15, 54, 113, 0.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: 0.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 0.1s ease-out;
	transition: color 0.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, 0.6);
	box-shadow: 0 22px 10px -20px rgba(250, 107, 34, 0.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, 0.16);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px rgba(15, 54, 113, 0.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, 0.6);
	box-shadow: 0 22px 10px -20px rgba(250, 107, 34, 0.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 0.1s ease-out;
	transition: color 0.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: 0.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 0.1s ease-out;
	transition: color 0.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, 0.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 0.1s ease-out;
	transition: color 0.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, 0.3);
	box-shadow: 0 16px 32px -32px #384a66, 0 16px 32px 0 rgba(15, 54, 113, 0.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, 0.3);
	background: #277dff;
	-webkit-box-shadow: 0 0 74px 0 rgba(39, 125, 255, 0.7);
	box-shadow: 0 0 74px 0 rgba(39, 125, 255, 0.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(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.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, Nunito; */
	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, 0.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, 0.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(0.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 0.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, Nunito; */
	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, Nunito; */
	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, 0.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: 0.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: 0.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, 0.08) 0,
			rgba(255, 255, 255, 0) 100%
		),
		rgba(255, 255, 255, 0.04);
	-webkit-box-shadow: 0 8px 40px -20px rgba(255, 255, 255, 0.2),
		1px 1px 0 0 rgba(255, 255, 255, 0.08) inset,
		0 0 0 1px rgba(255, 255, 255, 0.06) inset;
	box-shadow: 0 8px 40px -20px rgba(255, 255, 255, 0.2),
		1px 1px 0 0 rgba(255, 255, 255, 0.08) inset,
		0 0 0 1px rgba(255, 255, 255, 0.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: 0.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, 0.08) 0,
			rgba(255, 255, 255, 0) 100%
		),
		rgba(255, 255, 255, 0.04);
	-webkit-box-shadow: 0 8px 40px -20px rgba(255, 255, 255, 0.2),
		1px 1px 0 0 rgba(255, 255, 255, 0.08) inset,
		0 0 0 1px rgba(255, 255, 255, 0.06) inset;
	box-shadow: 0 8px 40px -20px rgba(255, 255, 255, 0.2),
		1px 1px 0 0 rgba(255, 255, 255, 0.08) inset,
		0 0 0 1px rgba(255, 255, 255, 0.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, 0.12) 0,
			rgba(0, 0, 0, 0) 100%
		),
		#0a7cff;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(255, 255, 255, 0.24) inset,
		0 1px 3px 0 rgba(10, 124, 255, 0.24), 0 2px 6px 0 rgba(10, 124, 255, 0.24),
		0 4px 8px 0 rgba(10, 124, 255, 0.12),
		0 16px 32px -8px rgba(10, 124, 255, 0.48);
	box-shadow: 1px 1px 2px 0 rgba(255, 255, 255, 0.24) inset,
		0 1px 3px 0 rgba(10, 124, 255, 0.24), 0 2px 6px 0 rgba(10, 124, 255, 0.24),
		0 4px 8px 0 rgba(10, 124, 255, 0.12),
		0 16px 32px -8px rgba(10, 124, 255, 0.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, 0.08) 0,
			rgba(255, 255, 255, 0) 100%
		),
		rgba(255, 255, 255, 0.04);
	-webkit-box-shadow: 0 8px 40px -20px rgba(255, 255, 255, 0.2),
		1px 1px 0 0 rgba(255, 255, 255, 0.08) inset,
		0 0 0 1px rgba(255, 255, 255, 0.06) inset;
	box-shadow: 0 8px 40px -20px rgba(255, 255, 255, 0.2),
		1px 1px 0 0 rgba(255, 255, 255, 0.08) inset,
		0 0 0 1px rgba(255, 255, 255, 0.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, 0.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: 0.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: 0.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, 0.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, 0.06) 2.97%,
		rgba(255, 255, 255, 0.06) 97.03%
	);
	-webkit-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.06) inset,
		0 0 0 1px rgba(255, 255, 255, 0.04) inset;
	box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.06) inset,
		0 0 0 1px rgba(255, 255, 255, 0.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, 0.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, 0.24) 0,
			rgba(255, 255, 255, 0) 100%
		),
		rgba(255, 255, 255, 0.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, 0.1);
	background: rgba(255, 255, 255, 0.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, 0.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, 0.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, 0.1);
	background: rgba(255, 255, 255, 0.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, 0.1);
	background: rgba(255, 255, 255, 0.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, 0.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, 0.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, 0.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, 0.08) 0,
		rgba(255, 255, 255, 0) 100%
	);
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.08) inset,
		0 0 0 1px rgba(255, 255, 255, 0.08) inset;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.08) inset,
		0 0 0 1px rgba(255, 255, 255, 0.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: var(--light-shade);
	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: 0.9888888889rem;
	line-height: 1.5;
	color: #4b4f54;
	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 0.1s ease-out;
	transition: color 0.1s ease-out;
}

.logo-footer:hover .icon-logo {
	color: #0e6eff;
}

.logo-footer__produced {
	font-size: 14px;
	color: #4b4f54;
	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: 0.9888888889rem;
	letter-spacing: 0.0555555556rem;
	line-height: 1.5;
	margin-bottom: 1.5555555556rem;
}

.footer-menu__list {
	margin: 2px 6.222222rem 0 0;
	padding: 0;
	float: left;
}

.footer-menu__list:last-child {
	margin-right: 0;
}

.footer-menu__item {
	font-size: 0.9888888889rem;
	line-height: 1.5;
	list-style: none;
	margin-bottom: 1.3333333333rem;
}

.footer-menu__link {
	color: #4b4f54;
}

.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: 0.988888889rem;
	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: #4b4f54;
}

.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: 0.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 0.3s ease !important;
	transition: all 0.3s ease !important;
	left: 4px !important;
}

.grecaptcha-badge:hover {
	width: 256px !important;
}

.syntaxhighlighter {
	font-size: 14px;
	font-weight: 700;
	font-family: Nunito;
	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 0.5em 0 1em;
}

.syntaxhighlighter td.code .line {
	padding: 0 1em;
}

@media (max-width: 575.98px) {
	.syntaxhighlighter td.code .line {
		padding-right: 0;
	}
}

.cookie-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #222;
	color: #fff;
	text-align: center;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cookie-banner p {
	margin: 0;
	flex-grow: 1;
	font-size: 14px;
	color: #fff;
}

.cookie-banner a {
	color: #fff567;
	text-decoration: underline;
}

.cookie-banner button {
	background-color: #fff567;
	color: black;
	border: none;
	padding: 8px 16px;
	margin-left: 10px;
	cursor: pointer;
	border-radius: 4px;
	font-size: 14px;
}

.cookie-banner button:hover {
	background-color: #fae84b;
}