/*!**************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/typography.css ***!
  \**************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap);
/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/vars.css ***!
  \********************************************************************/
:root {
	--font-family: "Geist", sans-serif;
	--font-weight-normal: 400;
	--font-weight-bold: 600;
	
	/* Typography styles */
	--font-size-title-hero: 72px;
	--font-size-title-x-large: 56px;
	--font-size-title-large: 42px;
	--font-size-title-medium: 28px;
	--font-size-title-small: 22px;
	--font-size-body-primary: 21px;
	--font-size-body-secondary: 17px;
	--font-size-body-tertiary: 14px;
	--font-size-body-small: 12px;

	/* text color */
	--color-text-primary: #F5F5F7;
	--color-text-secondary: #86868B;
	--color-text-primary-inverse: #080808;

	/* elements color */
	--cl-element-outline: #2f2f2f;
	--color-elements-inverse: #080808;
	--color-elements-primary: #E8E8E8;
	--color-elements-secondary: #8A8A8A;
	--color-elements-divider: rgba(138, 138, 138, 0.2);
	--color-elements-outline: #2f2f2f;

	/* components color */
	--color-input-inactive: #2E2E30;
	--color-input-hover: #383838;
	
	/* bg color */
	--color-bg-primary: #080808;
	--color-bg-surface: #161617;

	/* fx */
	--cl-screen-shader: rgba(1,1,1,.5);
	--color-effect-glass: linear-gradient(180deg, rgba(217, 217, 217, 0.30) 0%, rgba(255, 255, 255, 0.20) 100%);
	--color-effect-light-glass: linear-gradient(180deg, rgba(217, 217, 217, 0.10) 0%, rgba(115, 115, 115, 0.10) 100%);
	--color-effect-dark-glass: linear-gradient(180deg, rgba(8, 8, 8, 0.30) 0%, rgba(8, 8, 8, 0.20) 100%);
	--backdrop-blur-radius: 40px;

	/* animations */
	--transition-timing-cubic: cubic-bezier(0.4, 0.01, 0.165, 0.99);

	/* offsets */
	--of-nav-submenu-top: 12px;
	--of-nav-submenu-side: 16px;
	--offset-container: 32px;
	--offset-paragraph-primary: 12px;

	/* corner-radius */
	--corner-radius-primary: 40px;
	--corner-radius-secondary: 24px;
	--cr-inner-1: 16px;
	--cr-card-small: 14px;
	--cr-nav-submenu: 31px;
	
	/* constants */
	--wd-hover-outline: 10px;

	/* swiper theme */
	--swiper-theme-color: #E8E8E8 !important;
	--swiper-pagination-bullet-inactive-color: rgba(232, 232, 232, .7) !important;
	--swiper-pagination-bullet-inactive-opacity: .7;
	--swiper-pagination-bullet-horizontal-gap: 7px;

	/* breakpoints */
	--break-point-mobile: 481px;
	--break-point-tablet: 769px;
}

@media screen and (min-width: 320px) {
	:root {
		--font-size-title-hero: 36px;
		--font-size-title-x-large: 32px;
		--font-size-title-large: 28px;
		--font-size-title-medium: 23px;
		--font-size-body-primary: 16px;
		--offset-paragraph-primary: 8px;
        --offset-container: 16px;
    }
}

@media screen and (min-width: 769px) {
	:root {
		--font-size-title-hero: 48px;
		--font-size-title-x-large: 32px;
		--font-size-title-large: 28px;
		--font-size-title-medium: 24px;
		--font-size-body-primary: 16px;
		--offset-paragraph-primary: 8px;
        --offset-container: 24px;
    }
}

@media screen and (min-width: 1025px) {
	:root {
		--font-size-title-hero: 72px;
		--font-size-title-x-large: 56px;
		--font-size-title-large: 42px;
		--font-size-title-medium: 28px;
		--font-size-body-primary: 21px;
		--offset-paragraph-primary: 12px;
        --offset-container: 32px;
    }
}

/*!*********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/reset.css ***!
  \*********************************************************************/
html {
	overflow-x: hidden;
	font-size: 1vw;
}

html.locked {
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.85;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

:-moz-placeholder {
	color: inherit;
	opacity: 0.85;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

::-moz-placeholder {
	color: inherit;
	opacity: 0.85;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

:-ms-input-placeholder {
	color: inherit;
	opacity: 0.85;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

:focus::-webkit-input-placeholder {
	opacity: 0
}

:focus:-moz-placeholder {
	opacity: 0
}

:focus::-moz-placeholder {
	opacity: 0
}

:focus:-ms-input-placeholder {
	opacity: 0
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

textarea {
	resize: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

abbr,
fieldset,
img {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: 400
}

ul li {
	list-style: none;
	color: inherit
}

caption,
th {
	text-align: left
}

input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
	display: block
}

img,
video {
	max-width: 100%;
	height: auto;
	display: block;
}

footer,
header,
section {
	min-width: 320px;
}

.scrollTop,
.scrollto {
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}

a,
a:active,
a:focus,
a:hover,
button,
button:active,
button:focus,
button:hover,
input,
input:active,
input:focus,
textarea,
textarea:active,
textarea:focus {
	text-decoration: none;
	outline: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent
}

section {
	position: relative;
}

a {
	color: inherit
}

:after,
:before,
a,
button,
div,
footer,
form,
header,
input,
li,
nav,
p,
section,
ul,
textarea {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

input:not([type=checkbox]):not([type=radio]),
select,
textarea {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important
}

input:invalid {
	-webkit-box-shadow: none;
	box-shadow: none
}

button {
	border: none
}

html {
	overflow-x: hidden
}

@-webkit-keyframes autofill {
	to {
		color: inherit;
		background: #fff;
	}
}

input:-webkit-autofill {
	-webkit-animation-name: autofill;
	-webkit-animation-fill-mode: both;
}

/*!******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/typography.css (1) ***!
  \******************************************************************************/
body {
	font-family: var(--font-family);
	font-optical-sizing: auto;
  	font-style: normal;
    color: var(--color-text-primary);
    font-size: var(--font-size-body-primary);
}

p {
    line-height: 140%;
}

b, strong {
    font-weight: var(--font-weight-bold);
}

h1.hero-heading {
    font-weight: 480;
    font-size: var(--font-size-title-hero);
    line-height: 1.02;
    letter-spacing: -0.01em;
}

h1, .title-xl {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-title-x-large);
    margin-bottom: .5em;
    line-height: 110%;
}

h2, .title-l {
    font-size: var(--font-size-title-x-large);
    font-weight: var(--font-weight-bold);
    line-height: 1.02;
    letter-spacing: -0.01em;
    margin-bottom: .5em;
}

h3, .title-medium {
    font-size: var(--font-size-title-medium);
    font-weight: var(--font-weight-bold);
    line-height: 1.02;
    letter-spacing: -0.01em;
    margin-bottom: .5em;
}



a {
    cursor: pointer;
}

.text-secondary {
    font-size: var(--font-size-body-secondary);
    color: var(--color-text-secondary);
}

.block-heading {
    margin-bottom: 2rem;
    max-width: 65rem;
}

/*!*************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/container.css ***!
  \*************************************************************************/
.container {
	padding: 0 var(--offset-container);
	width: 100%;
	position: relative;
	margin: 0 auto;
}

.container--wide {
    max-width: 1600px;
	width: 100%;
	padding: 0 var(--offset-container);
    position: relative;
	margin: 0 auto;
}

.container--dense {
    max-width: 1260px;
	padding: 0 var(--offset-container);
    position: relative;
	margin: 0 auto;
}

/*!**********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/button.css ***!
  \**********************************************************************/
.button {
	border: none;
	outline: none;
	cursor: pointer;
	position: relative;
	border-radius: 42px;
	padding: 18px 28px 20px;
	border: none;
	font-size: var(--font-size-body-secondary);
	font-weight: 480;
	letter-spacing: -0.005em;
	color: var(--color-text-primary);
	background: var(--color-effect-glass);
	display: inline-flex;
	align-items: center;
	position: relative;
	text-align: center;
	justify-content: center;
	align-items: center;
	transition: all .3s ease;
	position: relative;
}

.button:hover {
	color: var(--cl-text-primary);
	background-color: var(--color-elements-outline);
}

.button:active,
.button:focus {
	outline: none;
}

.button--more {
	margin: 4rem auto 0 auto;
	display: block;
}

.button--accent {
	background-color: var(--color-elements-primary);
	height: 64px;
	border-radius: 32px;
	display: inline-flex;
	flex-grow: 0;
	width: auto;
	gap: 16px;
	align-items: center;
	justify-content: center;
	padding: 0 18px 0 28px;
	color: var(--color-text-primary-inverse);
	font-size: var(--font-size-body-primary);
	font-weight: 500;

	.button__text-wrapper {
		padding-bottom: 2px;
	}

	&::after {
		content: "";
		display: block;
		width: 28px;
		height: 28px;
		border-radius: 14px;
		background-color: var(--color-elements-inverse);
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNTg5MjUgMTMuNzU1OUM4LjI2MzgyIDE0LjA4MTQgNy43MzYzMSAxNC4wODE0IDcuNDEwODcgMTMuNzU1OUM3LjA4NTQzIDEzLjQzMDUgNy4wODU0MyAxMi45MDMgNy40MTA4NyAxMi41Nzc1TDEwLjY1NSA5LjMzMzRMMy4zMzM0IDkuMzMzNEMyLjg3MzE2IDkuMzMzNCAyLjUwMDA2IDguOTYwMyAyLjUwMDA2IDguNTAwMDZDMi41MDAwNiA4LjAzOTgzIDIuODczMTYgNy42NjY3MyAzLjMzMzQgNy42NjY3M0wxMC42NTUgNy42NjY3M0w3LjQxMDg3IDQuNDIyNTlMNy4zNTM1OCA0LjM1OTQ0QzcuMDg2NTkgNC4wMzIxMyA3LjEwNTc2IDMuNTQ5MzEgNy40MTA4NyAzLjI0NDJDNy43MTU5OCAyLjkzOTEgOC4xOTg3OSAyLjkxOTkyIDguNTI2MSAzLjE4NjkxTDguNTg5MjYgMy4yNDQyMUwxMy4yNTU5IDcuOTEwODdDMTMuNTgxNCA4LjIzNjMxIDEzLjU4MTQgOC43NjM4MiAxMy4yNTU5IDkuMDg5MjZMOC41ODkyNSAxMy43NTU5WiIgZmlsbD0iI0Q5RDlEOSIvPgo8L3N2Zz4K);
		background-position: center center;
		background-repeat: no-repeat;
	}
}

@media screen and (min-width: 320px) {
	.button--accent {
		height: 48px;
		padding: 0 14px 0 22px;
		gap: 8px;
	}
}

@media screen and (min-width: 769px) {
	.button--accent {
		height: 56px;
		padding: 0 14px 0 22px;
		gap: 12px;
	}
}

@media screen and (min-width: 1025px) {
	.button--accent {
		height: 64px;
		padding: 0 18px 0 28px;
		gap: 16px;
	}
}

/*!*********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/table.css ***!
  \*********************************************************************/
.spec-table, .steps-table {
    display: grid;
    row-gap: 16px;
    font-size: var(--font-size-body-primary);
}

.steps-table {
    .steps-table__row {
        display: flex;
        flex-direction: row;
        border-bottom: 1px solid var(--color-elements-divider);
        padding: 40px 0;
        column-gap: 40px;

        &:first-of-type {
            padding-top: 0;
        }

        &:last-of-type {
            border-bottom: none;
        }
    }

    .steps-table__index, .steps-table__title h2, .steps-table__content h3 {
        font-size: var(--font-size-title-medium);
    }

    .steps-table__index {
        color: var(--color-text-secondary);
        width: 40px;
        flex-shrink: 0;

        span {
            line-height: 110%;
            margin-bottom: 12px;
            display: block;
        }
    }

    .steps-table__title h2, .steps-table__content h3 {
        font-weight: var(--font-weight-bold);
        margin-bottom: 12px;
        line-height: 110%;
    }

    .steps-table__title {
        width: 250px;
        flex-shrink: 0;
    }

    .steps-table__content {
        width: 100%;
    }

    .steps-table__content p {
        color: var(--color-text-secondary);
        max-width: 700px;
    }

    .steps-table__content-item {
        margin-bottom: 32px;
    }
}

@media screen and (min-width: 320px) {

    .steps-table {
        .steps-table__row {
            flex-direction: column;
            padding: 16px 0;
        }

        .steps-table__title h2 {
            font-size: var(--font-size-title-large);
            margin-bottom: 24px;
        }

        .steps-table__content-item {
            margin-bottom: 24px;
        }
    }

    .spec-table {
        .spec-table__column--dense {
            grid-column: 12 / span 1;
            display: none;
        }

        .spec-table__column--medium {
            grid-column: 1 / span 8;
            padding-bottom: 16px;
            font-size: var(--font-size-title-large);
            color: var(--color-text-secondary);
        }

        .spec-table__column--large {
            font-size: var(--font-size-body-small);
            color: var(--color-text-secondary);
            margin-bottom: 2px;
            grid-column: 1 / span 12;

            &:last-of-type {
                font-size: var(--font-size-title-medium);
                color: var(--color-text-primary);
                margin-bottom: 0;
            }
        }

        .spec-table__column--subtable {
            grid-column: auto / span 12;
            row-gap: 12px;
        }
    }
}

@media screen and (min-width: 769px) {

    .steps-table {
        .steps-table__row {
            flex-direction: row;
            padding: 32px 0;
        }

        .steps-table__title h2 {
            font-size: var(--font-size-title-medium);
            margin-bottom: 32px;
        }

        .steps-table__content-item {
            margin-bottom: 32px;
        }
    }

    .spec-table {
        display: grid;
        row-gap: 32px;
        font-size: var(--font-size-body-primary);
        
        .spec-table__column--subtable {
            grid-column: auto / span 8;
            display: grid;
            row-gap: 1rem;
        }

        .spec-table__subtable-row {
            display: grid;
            grid-template-columns: repeat(8, 1fr);
        }

        .spec-table__row {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            column-gap: 1.5rem;
            padding-bottom: 32px;
            border-bottom: 1px solid var(--color-elements-divider);

            &:last-of-type {
                border-bottom: none;
            }
        }

        .spec-table__column--dense {
            display: block;
            grid-column: auto / span 1;
            font-size: var(--font-size-body-primary);
            color: var(--color-text-primary);
        }

        .spec-table__column--medium {
            grid-column: auto / span 3;
            font-size: var(--font-size-body-primary);
            color: var(--color-text-primary);
        }

        .spec-table__column--large {
            grid-column: auto / span 4;
            font-size: var(--font-size-body-primary);
            color: var(--color-text-primary);

            &:last-of-type {
                font-size: var(--font-size-body-primary);
                color: var(--color-text-primary);
                margin-bottom: 0;
            }
        }
    }
}

/*!************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/dropdown.css ***!
  \************************************************************************/

/*!**********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/swiper.css ***!
  \**********************************************************************/
.swiper-pagination {
    position: relative;
    background: var(--color-effect-glass);
    display: flex;
    width: auto!important;
    padding: 24px 28px;
    border-radius: 28px;
    top: 0!important;

    .swiper-pagination-bullet {
        transition: all 200ms ease-out;
    }

    .swiper-pagination-bullet-active {
        width: 32px;
        border-radius: 4px;
    }
}

.swiper {
    .swiper-button-next, .swiper-button-prev {
        position: relative;
        top: 0px !important;
        right: 0;
        left: 0;
        width: 56px;
        height: 56px;
        background: var(--color-effect-glass);
        border-radius: 28px;
        margin-top: 0;
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));

        &::after {
            content: '';
            display: block;
            width: 40px;
            height: 40px;
            background-repeat: no-repeat;
            background-position: center center;
        }

    }
    .swiper-button-next::after {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjE3NjMgMTguNzk1N0MyNi44Mjc0IDE5LjQ0NDYgMjYuODI5NiAyMC40OTU3IDI2LjE4MjkgMjEuMTQ5TDE4LjQ1MjkgMjguOTUxMkMxOC4xMjc0IDI5LjI4MDEgMTcuNjk4NSAyOS40NDQ2IDE3LjI2OTYgMjkuNDQ0NkMxNi44NDUxIDI5LjQ0NDYgMTYuNDIwNyAyOS4yODM0IDE2LjA5NjIgMjguOTYxMkMxNS40NDE4IDI4LjMxMzQgMTUuNDM4NSAyNy4yNTkgMTYuMDg2MiAyNi42MDQ2TDIyLjY0NjQgMTkuOTgyM0wxNi4wNDUyIDEzLjQwMjNDMTUuMzk0MSAxMi43NTM0IDE1LjM5MTkgMTEuNjk3OCAxNi4wNDE5IDExLjA0NTdDMTYuNjkwOCAxMC4zOTM0IDE3Ljc0ODYgMTAuMzkyMyAxOC4zOTg2IDExLjA0MjNMMjYuMTc2MyAxOC43OTU3WiIgZmlsbD0iI0U4RThFOCIvPgo8L3N2Zz4K);
    }

    .swiper-button-prev::after {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjgyMzcgMTguNzk1N0MxMy4xNzI2IDE5LjQ0NDYgMTMuMTcwNCAyMC40OTU3IDEzLjgxNzEgMjEuMTQ5TDIxLjU0NzEgMjguOTUxMkMyMS44NzI2IDI5LjI4MDEgMjIuMzAxNSAyOS40NDQ2IDIyLjczMDQgMjkuNDQ0NkMyMy4xNTQ5IDI5LjQ0NDYgMjMuNTc5MyAyOS4yODM0IDIzLjkwMzggMjguOTYxMkMyNC41NTgyIDI4LjMxMzQgMjQuNTYxNSAyNy4yNTkgMjMuOTEzOCAyNi42MDQ2TDE3LjM1MzYgMTkuOTgyM0wyMy45NTQ4IDEzLjQwMjNDMjQuNjA1OSAxMi43NTM0IDI0LjYwODEgMTEuNjk3OCAyMy45NTgxIDExLjA0NTdDMjMuMzA5MiAxMC4zOTM0IDIyLjI1MTQgMTAuMzkyMyAyMS42MDE0IDExLjA0MjNMMTMuODIzNyAxOC43OTU3WiIgZmlsbD0iI0U4RThFOCIvPgo8L3N2Zz4K);
    }
}

.swiper-navigation-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 64px;
}

@media screen and (max-width: 768px) {
    .swiper {
        .swiper-button-prev, .swiper-button-next {
            display: none;
        }
    }
}
/*!***********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/section.css ***!
  \***********************************************************************/
.section__spacer {
    height: 15rem;
}

section {
    &.surface {
        background-color: var(--color-bg-surface);
        padding: 96px 0 104px 0;
    }

    &.section--top {
        padding-top: 256px;
    }

    &.section--offset-top {
        margin-top: 104px;
    }

    &.section--offset-bottom {
        margin-bottom: 180px;
    }
}

.section--hero {
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;

    .section__title-wrapper {
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
        max-width: 70%;
    }
}

.section--opener {
    margin-top: 15rem;
}

.section--middle {
    .section__title-wrapper {
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
        max-width: 70%;
        margin: 0 auto;
        margin-bottom: 7rem;
    }
}

.section-heading {
	margin-bottom: 56px;
}

.section-heading--center {
    display: flex;
    flex-direction: column;
    align-items: center;

    h1, h2, .section__intro {
        text-align: center;
    }
}

@media screen and (min-width: 320px) {
    section {
        &.section--top {
            padding-top: 256px;
        }

        &.section--offset-top {
            margin-top: 64px;
        }

        &.section--offset-bottom {
            margin-bottom: 64px;
        }
    }
}

@media screen and (min-width: 769px) {
    section {
        &.section--top {
            padding-top: 256px;
        }

        &.section--offset-top {
            margin-top: 104px;
        }

        &.section--offset-bottom {
            margin-bottom: 180px;
        }
    }
}

/*!*************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/innerpage.css ***!
  \*************************************************************************/
.inner-page {
    .inner-page__hero {
        background-size: cover;
        background-position: center center;
        height: 100vh;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding-bottom: 160px;
        margin-bottom: 64px;
    }

    .inner-page__hero__container {
        max-width: 800px;
        text-align: center;
        z-index: 100;

        h1 {
            line-height: 105%;
            margin-bottom: 16px;
        }

        .button {
            margin-top: 32px;
        }
    }
}

@media screen and (min-width: 320px) {
	.inner-page {
        .inner-page__hero {
            height: 90vh;
            margin-bottom: 32px;
            padding-bottom: 32px;
        }

        .inner-page__hero__container {
            text-align: left;
        }
	}
}

@media screen and (min-width: 768px) {
	.inner-page {
        .inner-page__hero {
            height: 100vh;
            padding-bottom: 80px;
            margin-bottom: 64px;
        }

        .inner-page__hero__container {
            text-align: center;
        }
	}
}

/*!**********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/header.css ***!
  \**********************************************************************/
header {
	--header-animation-duration: 300ms;
	--header-height: 96px;

	position: fixed;
	top: 32px;
	left: 50%;
	transform: translate(-50%, -0%);
	width: 100%;
	z-index: 1000;
	margin: 0 auto;

	&.headroom {
		will-change: transform;
		transition: all var(--header-animation-duration) linear;

		&.headroom--top {
			background-color: transparent;
		}
	}
	
	&.headroom--pinned {
		width: 100%;
	}
	
	&.headroom--unpinned {
		width: 200px;
		.nav__menu-container {
			width: 0%;
			padding-left: 0px;
		}
		.nav__cta-container {
			width: 0%;
		}
	}

	&:hover {
		width: 100%;
		.nav__menu-container {
			width: 100%;
		}
		.nav__cta-container {
			width: 100%;
		}
	}

	&.menu-opened {
		.burger {
			transform: rotate(90deg);
			.burger__button {
				.burger__bar {
					transition: all 0.4s var(--transition-timing-cubic);
					transition-delay: 0.2s;
					&.burger__bar--top {
						transform: translateY(4px) rotate(45deg);
					}
					&.burger__bar--bottom {
						transform: translateY(3px) rotate(-45deg);
					}
				}
			}
		}
	}
}


.nav {
	.nav__container {
		display: flex;
		align-items: center;
		justify-content: center;
		height: var(--header-height);
		border-radius: 50px;
		background: var(--color-effect-light-glass);
		backdrop-filter: blur(var(--backdrop-blur-radius));
		-webkit-backdrop-filter: blur(var(--backdrop-blur-radius));
		padding: 0 var(--offset-container) 0 var(--offset-container);
	}

	.nav__menu-container {
		width: 100%;
		padding-left: 8px;
		overflow: hidden;
		transition: all var(--header-animation-duration) ease-out;
	}

	.nav__logo-container {
		flex: 0 0 160px;

		img {
			width: 100%;
		}
	}

	.nav__cta-container {
		width: 100%;
		display: flex;
  		align-items: center;
  		justify-content: flex-end;
		overflow: hidden;
		transition: width var(--header-animation-duration) ease-out;
	}

	.nav__menu {
		display: flex;
		flex-direction: row;
	}

	/* Nav link styles */
	.nav__menu-item, .nav__cta {
		font-size: var(--font-size-body-secondary);
		font-weight: var(--font-weight-normal);
	}

	.nav__menu-item {
		margin: 0 28px 3px 0;
        white-space: nowrap;

		&:first-of-type {
			padding-left: 8px;
		}

		.nav__submenu {
			display: none;
		}
	}

	.nav__phone {
		font-size: var(--font-size-body-secondary);
		margin: 0 24px 3px 0;
		text-wrap: nowrap;
	}

	.nav__cta {
		display: flex;
		align-items: center;
		text-wrap: nowrap;

		.nav__cta-text-wrapper {
			padding-bottom: 3px;
			margin-right: 12px;
		}

		.nav__cta-arrow {
			width: 36px;
			height: 36px;
			border-radius: 18px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: var(--color-elements-primary);
		}
	}
}

.burger {
	position: relative;
	display: none;
	height: 50px;
	width: 50px;
	cursor: pointer;
	transform: rotate(0deg);
	transition: all 0.3s var(--transition-timing-cubic);
	user-select: none;
    -webkit-tap-highlight-color: transparent;

	.burger__button {
        width: 18px;
        height: 8px;
        position: relative;
        display: block;
        margin: -6px auto 0;
        top: 50%;

		.burger__bar {
			width: 100%;
			height: 2px;
			display: block;
			position: relative;
			background: #FFF;
			transition: all 0.3s var(--transition-timing-cubic);
			transition-delay: 0s;

			&.burger__bar--top {
				transform: translateY(0px) rotate(0deg);
			}
			&.burger__bar--bottom {
				transform: translateY(6px) rotate(0deg);
			}
		}
    }
}

@media screen and (min-width: 1101px) {
	header {
		.nav {
			.nav__menu-item-submenu {
				&:hover {
					.nav__submenu {
						display: block;
					}
				}
			}
			.nav__menu {
				.nav__submenu {
					padding-top: calc(var(--header-height) / 2);
					position: absolute;

					.nav__submenu-list {
						background: rgba(0, 0, 0, .98);
						opacity: .99;
						padding: 24px;
						margin-left: -24px;
						border-radius: var(--corner-radius-secondary);
						display: block;

						li {
							max-width: 250px;
							text-wrap: auto;
							margin-bottom: 8px;

							&:last-of-type {
								margin-bottom: 0;
							}
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width: 1100px) {
	header {
		--header-height: 72px;
		height: var(--header-height);
		overflow: hidden;
		top: 0px;
		background: linear-gradient(180deg, rgba(217, 217, 217, 0.10) 0%, rgba(115, 115, 115, 0.10) 100%);
		backdrop-filter: blur(var(--backdrop-blur-radius));
		-webkit-backdrop-filter: blur(var(--backdrop-blur-radius));

		&.menu-opened {
			height: 100%;
		}

		&.headroom--unpinned {
			width: 100%;
			.nav__menu-container {
				width: auto;
				padding-left: 0px;
			}
			.nav__cta-container {
				width: 0%;
			}
		}

		.nav {
			.nav__container {
				background: none;
				backdrop-filter: none;
				-webkit-backdrop-filter: none;
				padding: 0 0 0 var(--offset-container);
				justify-content: space-between;
			}

			.nav__menu-container {
				/* padding: 0 var(--offset-container); */
				padding-left: 0;
				position: absolute;
				top: var(--header-height);
				height: calc(100vh - var(--header-height));
			}

			.nav__menu {
				flex-direction: column;

				.nav__menu-item {
					font-size: var(--font-size-title-x-large);
					&:first-of-type {
            			padding-left: 0;
					}
					margin-bottom: 12px;
				}

				.nav__submenu {
					display: block;
					font-size: var(--font-size-body-primary);

					.nav__submenu-item {
						margin-top: 8px;
					}

					margin: 8px 0;
				}
			}

			.nav__logo-container {
				flex: 0 0 120px;
			}

			.container--wide {
				width: 100%;
				padding: 0;
			}

			.nav__container {
				border-radius: 0;
				height: 72px;
			}

			.nav__cta-container {
				display: none;
			}

			.burger {
				display: block;
			}
		}
	}
}

/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/hero.css ***!
  \********************************************************************/
.hero {
	min-height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-end;
	padding-top: 0px;
	margin-bottom: 0;

	background-image: url(../images/design/HeroBg.7dce39.jpg);
	background-size: cover;
	background-position: center center;

	.hero__container {
		position: relative;
		z-index: 2;
		display: grid;
		grid-template-columns: 60% 40%;
		margin-bottom: 140px;
	}

	.hero__content {
		padding-top: 16px;

		p {
			margin-bottom: 40px;
		}
	}
}

@media screen and (min-width: 320px) {
	.hero {
		min-height: 90vh;

		.hero__container {
			grid-template-columns: 1fr;
			margin-bottom: 40px;
		}

		.hero__content {
        	padding-top: 0;

			p {
				margin-bottom: 32px;
			}
    	}

		.hero__column {
        	width: 100%;

			h1 {
				hyphens: auto;
			}
    	}
	}
}

@media screen and (min-width: 769px) {

}

@media screen and (min-width: 1025px) {
	.hero {
		min-height: 100vh;

		.hero__container {
			grid-template-columns: 60% 40%;
			margin-bottom: 140px;
		}

		.hero__content {
			padding-top: 14px;

			p {
				margin-bottom: 40px;
			}
		}

		.hero__column {
        	width: 100%;

			h1 {
				hyphens: auto;
			}
    	}
	}
}

/*!***********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/filters.css ***!
  \***********************************************************************/
body .wpc-filters-widget-wrapper {
    user-select: none;
    position: relative;
    box-sizing: border-box;
    z-index: 15;

    /* filter select */
    --filter-select-height: 68px;
    --filter-select-border-radius: 34px;
    --filter-select-icon-width: 24px;
    --filter-select-label-offset-left: 28px;
    --filter-select-label-offset-bottom: 20px;
    --filter-select-icon-offset-right: 24px;
    --filter-select-active-border: 3px;

    /* filters grid */
    --filters-grid-layout: repeat(1, 1fr);
    --filters-grid-column-gap: 12px;
    --filters-grid-offset-bottom: 24px;
    --filters-grid-row-gap: 12px;
}

.wpc-preload-img {
    display: none;
}

.wpc-filter-more-less:not(.wpc-search-active) .wpc-filters-ul-list>li:nth-child(-n+5) {
    display: list-item;
}


.wpc-filter-label-wrapper {
    font-size: var(--font-size-body-secondary);

    a {
        transition: color 200ms ease-out;
    }

    &:hover {
        color: var(--color-text-primary);
    }
}

body .wpc-term-count {
    display: none;
    font-size: var(--font-size-body-tertiary);
    margin: 0 0 .15em .2em;
}

body {

    /* Filters layout */
    .wpc-horizontal-layout .wpc-filters-widget-wrapper {
        display: grid;
        grid-template-columns: var(--filters-grid-layout);
        grid-column-gap: var(--filters-grid-column-gap);
        grid-row-gap: var(--filters-grid-row-gap);
        margin-bottom: var(--filters-grid-offset-bottom);

        .wpc-filters-section {
            width: 100%!important;
            min-width: 100%!important;
            margin-bottom: 0;
        }
    }

    .wpc-instead-of-posts-found {
        display: none;
    }

    .wpc-filters-section {
        position: relative;

        /* Filter header */
        .wpc-filter-header {
            position: relative;
            display: flex;
            background-color: var(--color-input-inactive);
            font-size: var(--font-size-body-primary);
            line-height: 100%;
            color: var(--color-text-primary);
            padding-left: var(--filter-select-label-offset-left);
            height: var(--filter-select-height);
            border-radius: calc(var(--filter-select-height) / 2);
            cursor: pointer;
            width: 100%;
    
            &::after, &::before {
                content: "";
                position: absolute;
                display: block;
            }
    
            &::after {
                background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC4yOTI4OSA4LjI5Mjg5QzQuNjgzNDIgNy45MDIzNyA1LjMxNjU4IDcuOTAyMzcgNS43MDcxMSA4LjI5Mjg5TDEyIDE0LjU4NThMMTguMjkyOSA4LjI5Mjg5QzE4LjY4MzQgNy45MDIzNyAxOS4zMTY2IDcuOTAyMzcgMTkuNzA3MSA4LjI5Mjg5QzIwLjA5NzYgOC42ODM0MiAyMC4wOTc2IDkuMzE2NTggMTkuNzA3MSA5LjcwNzExTDEyIDE3LjQxNDJMNC4yOTI4OSA5LjcwNzExQzMuOTAyMzcgOS4zMTY1OCAzLjkwMjM3IDguNjgzNDIgNC4yOTI4OSA4LjI5Mjg5WiIgZmlsbD0iIzk4OTg5OCIgc3R5bGU9ImZpbGw6Izk4OTg5ODtmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC41OTcwIDAuNTk3MCAwLjU5NzApO2ZpbGwtb3BhY2l0eToxOyIvPg0KPC9zdmc+DQo=);
                background-size: 100% 100%;
                width: var(--filter-select-icon-width);
                height: var(--filter-select-icon-width);
                right: var(--filter-select-icon-offset-right);
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                transition: transform .2s ease-out;
                opacity: .6;
            }
    
            &::before {
                content: "";
                display: none;
                position: absolute;
                border: var(--filter-select-active-border) solid var(--color-input-hover);
                background-color: var(--color-input-hover);
                border-radius: calc((var(--filter-select-height) + var(--filter-select-active-border)) / 2) calc((var(--filter-select-height) + var(--filter-select-active-border)) / 2) 0 0;
                width: calc(100% + var(--filter-select-active-border) * 2);
                height: calc(100% + var(--filter-select-active-border));
                z-index: -1;
                left: calc(var(--filter-select-active-border) * -1);
                top: calc(var(--filter-select-active-border) * -1);
            }
    
            &:hover {
                background-color: var(--color-input-hover);
    
                &::after {
                    opacity: 1;
                }
            }
    
            .wpc-filter-title {
                margin-bottom: 0;
                position: relative;
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-size: var(--font-size-body-primary);
            }
    
        }

        /* Filter panel */
        .wpc-filter-content {
            display: none;
            overflow: hidden;
            background-color: var(--color-input-hover);
            font-size: var(--font-size-body-secondary);
            color: var(--color-text-secondary);
            position: absolute;
            top: 100%;
            left: calc(var(--filter-select-active-border) * -1);
            z-index: 1;
            width: calc(100% + var(--filter-select-active-border) * 2);
            border-radius: 0 0 calc((var(--filter-select-height) + var(--filter-select-active-border)) / 2) calc((var(--filter-select-height) + var(--filter-select-active-border)) / 2);
            padding-left: var(--filter-select-label-offset-left);

            border-width: 0px;
            border-top-width: 0;
            padding-bottom: var(--filter-select-label-offset-bottom);
        }

        &.active {
            .wpc-filter-header {
                border-color: transparent;
                background-color: var(--color-input-hover);
            }
    
            ::after {
                transform: translateY(-50%) rotate(180deg);
            }
    
            ::before {
                display: block;
            }
    
            .wpc-filter-content {
                display: block;
                border-top-width: 0;
            }
        }
    }


    .wpc-filters-main-wrap {
        .wpc-filters-labels {
            li.wpc-term-item {
                float: none;
                margin: 0;
                width: auto;
                cursor: pointer;

                &:hover {
                    color: var(--cl-text-primary);
                }

                label {
                    margin-right: 0;
                    margin-left: 0;
                    border: none;
                    border-radius: 0;
                    margin-bottom: 0;
                    position: relative;
                    padding-left: 0;

                    span.wpc-filter-label-wrapper {
                        border: none;
                        margin-left: 0;
                        margin-bottom: 8px;
                        cursor: pointer;
                        display: flex;
                        padding: 0;
                        border-radius: 0;
                    }
                }
            }
        }
    }

    .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper {
        background-color: transparent;
        a {
            color: var(--color-text-primary);
        }
    }

    .wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper {
        background-color: transparent;
        a {
            color: var(--color-text-primary);
        }
    }
}

/* Chips list */
body ul.wpc-filter-chips-list {
    padding: 0 !important;
    margin: 8px 0 12px 0;
    display: flex;

    &.wpc-empty-chips-container {
        display: none;
    }

    li.wpc-filter-chip {
        margin-right: 12px;
        padding: 7px 16px 7px 18px;
        border: none;
        list-style: none;
        border-radius: 22px;
        font-size: var(--font-size-body-secondary);
        background-color: var(--color-bg-primary);

        .wpc-chip-content {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .wpc-filter-chip-name {
            font-size: var(--font-size-body-secondary);
            color: var(--color-text-secondary);
            margin-bottom: 2px;
            margin-right: 0!important;
            transition: color .1s ease-out;
        }
        a {
            text-decoration: none;
            font-weight: 400;
            border-radius: 0;
            padding: 0;
            display: inline-block;
            outline: 0;
            border: none;
            position: relative;
        }

        .wpc-chip-remove-icon {
            color: transparent;
            display: block;
            width: 12px;
            height: 12px;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMC4yOTMgMC4yOTI5NjlDMTAuNjgzNSAtMC4wOTcyOTkgMTEuMzE2NiAtMC4wOTc0NyAxMS43MDcgMC4yOTI5NjlDMTIuMDk3MyAwLjY4MzQxOSAxMi4wOTczIDEuMzE2NTMgMTEuNzA3IDEuNzA3MDNMNy40MTQwNiA1Ljk5OTAyTDExLjcwNyAxMC4yOTJDMTIuMDk3NiAxMC42ODI1IDEyLjA5NzYgMTEuMzE2NSAxMS43MDcgMTEuNzA3QzExLjMxNjYgMTIuMDk3NCAxMC42ODM1IDEyLjA5NzEgMTAuMjkzIDExLjcwN0w2IDcuNDE0MDZMMS43MDcwMyAxMS43MDdDMS4zMTY1NCAxMi4wOTc0IDAuNjgzNDY0IDEyLjA5NzQgMC4yOTI5NjkgMTEuNzA3Qy0wLjA5NzUxNTEgMTEuMzE2NSAtMC4wOTc0MzQyIDEwLjY4MzUgMC4yOTI5NjkgMTAuMjkzTDQuNTg1OTQgNkwwLjI5Mjk2OSAxLjcwNzAzQy0wLjA5NzUzNTQgMS4zMTY1MyAtMC4wOTc0OTUyIDAuNjgzNDk4IDAuMjkyOTY5IDAuMjkyOTY5QzAuNjgzNDkzIC0wLjA5NzU1NTYgMS4zMTY1MSAtMC4wOTc1NTU2IDEuNzA3MDMgMC4yOTI5NjlMNiA0LjU4NDk2TDEwLjI5MyAwLjI5Mjk2OVoiIGZpbGw9IiM4QThBOEEiIHN0eWxlPSJmaWxsOiM4QThBOEE7ZmlsbDpjb2xvcihkaXNwbGF5LXAzIDAuNTQxMiAwLjU0MTIgMC41NDEyKTtmaWxsLW9wYWNpdHk6MTsiLz4NCjwvc3ZnPg0K);
            background-position: center center;
            background-size: contain;
            font-size: var(--font-size-body-secondary);
            line-height: 100%;
            opacity: .25;
            transition: opacity .1s ease-out;
        }

        &:hover {
            .wpc-chip-remove-icon {
                opacity: 1;
            }
            .wpc-filter-chip-name {
                color: var(--color-text-primary);
            }
        }
    }
}

body .wpc-edit-filter-set {
    display: none;
}

@media screen and (min-width: 481px) {
    body .wpc-filters-widget-wrapper {
        --filters-grid-layout: repeat(1, 1fr);
        --filters-grid-column-gap: 12px;
        --filters-grid-row-gap: 12px;
        --filter-select-height: 56px;
    }
}

@media screen and (min-width: 769px) {
    body .wpc-filters-widget-wrapper {
        --filters-grid-layout: repeat(2, 1fr);
        --filters-grid-column-gap: 16px;
        --filters-grid-row-gap: 16px;
        --filter-select-height: 56px;
    }
}

@media screen and (min-width: 1025px) {
    body .wpc-filters-widget-wrapper {
        --filters-grid-layout: repeat(4, 1fr);
        --filters-grid-column-gap: 24px;
        --filters-grid-row-gap: 24px;
        --filter-select-height: 68px;
    }
}

/*!************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/services.css ***!
  \************************************************************************/
.services {
    .services__header {
        background-color: var(--color-bg-surface);
        padding: 180px 0 32px;
        margin-bottom: 64px;
    }
}

@media screen and (min-width: 320px) {
    .services {
        .services__header {
            padding: 80px 0 32px;
        }
    }
}

@media screen and (min-width: 769px) {
    .services {
        .services__header {
            padding: 120px 0 32px;
        }
    }
}

@media screen and (min-width: 1025px) {
    .services {
        .services__header {
            padding: 180px 0 32px;
        }
    }
}

/*!*********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/cases.css ***!
  \*********************************************************************/
.cases-slider, .cases-slider--dense {
    overflow: visible!important;
    user-select: none;

    .swiper-slide {
        width: 80%;
        margin: 0 4px;
        transition: transform 500ms ease-out;

        .card {
            overflow: visible;
        }
    }

    .swiper-slide {
        transform: scale(.9);
    }

    .swiper-slide-active {
        height: 100%;
        transform: scale(1);

        .cases-slider__item-background {
            opacity: .7;
        }
    }

    .cases-slider__item {
        display: block;
    }

    .cases-slider__item-image {
        width: 100%;
		aspect-ratio: 1 / 1.6;
  		object-fit: cover;
        object-position: center center;
        border-radius: var(--corner-radius-secondary);
    }

    .cases-slider__item-background {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        filter: blur(48px);
        opacity: 0;
        transition: opacity 1000ms ease-out;
        background-size: cover;
        background-position: center center;
    }

    .cases-slider__item-content {
        position: absolute;
        top: 24px;
        left: 24px;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        pointer-events: none;
        max-width: 300px;
    }

    .cases-slider__item-title {
        font-size: var(--font-size-title-small);
    }
}

.cases-slider--dense {
    .swiper-slide {
        width: 40%;
        transform: scale(1);
        margin: 0 32px 0 0;
    }
    .cases-slider__item-image {
        aspect-ratio: 1 / 1.4;
    }
}

@media screen and (min-width: 320px) {
	.cases-slider {
        .swiper-slide {
            width: 80%;
            margin: 0 0px;
        }
        .cases-slider__item-image {
            aspect-ratio: 1 / 1.25;
        }
    }

    .cases-slider--dense {
        .swiper-slide {
            width: 90%;
            transform: scale(1);
            margin: 0 16px 0 0;
        }
        .cases-slider__item-image {
            aspect-ratio: 1 / 1.3;
        }
    }
}

@media screen and (min-width: 769px) {
	.cases-slider {
        .swiper-slide {
            width: 80%;
            margin: 0 0px;
        }
        .cases-slider__item-image {
            aspect-ratio: 1 / 1.1;
        }
    }

    .cases-slider--dense {
        .swiper-slide {
            width: 40%;
            transform: scale(1);
            margin: 0 32px 0 0;
        }
        .cases-slider__item-image {
            aspect-ratio: 1 / 1.4;
        }
    }
}

@media screen and (min-width: 1025px) {
	.cases-slider {
        .swiper-slide {
            width: 95%;
            margin: 0 -8px;
        }
        .cases-slider__item-image {
            width: 100%;
            aspect-ratio: 1 / .53;
        }
    }
}

/*!*************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/vacancies.css ***!
  \*************************************************************************/

/*!**********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/brands.css ***!
  \**********************************************************************/
.brands {
	text-align: center;

	.swiper-wrapper {
		opacity: .3;
		transition-timing-function: linear;
	}

	.brands__title {
		max-width: 700px;
	}

	.brands__slider-container {
		position: relative;
	}

	.brands-slider {
		width: 100%;
		overflow: visible;
		height: 350px;
		display: flex;

		.swiper-slide {
			height: calc((100% - 24px) / 2) !important;
			margin: 0 24px;
			margin-bottom: 24px;
			width: 20%;
		
			/* Center slide text vertically */
			display: flex;
			justify-content: center;
			align-items: center;

			img {
				width: 100%;
			}

			&:nth-child(2n) {
				margin-bottom: 0;
				img {
					transform: translateX(75%);
				}
			}
		}
	}
}

.brands .section-heading {
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 320px) {
	.brands .brands-slider .swiper-slide {
		width: 40%;
	}
}

@media screen and (min-width: 769px) {
	.brands .brands-slider .swiper-slide {
		width: 25%;
	}
}

@media screen and (min-width: 1025px) {
    .brands .brands-slider .swiper-slide {
		width: 20%;
	}
}

/*!*******************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/faq.css ***!
  \*******************************************************************/
.faq {
    .faq__title {
        font-size: var(--font-size-body-primary);
        color: var(--color-text-secondary);
        font-weight: 400;
        padding-bottom: 1rem;
        border-bottom: 1px solid var(--color-elements-divider);
        margin-bottom: 0;
    }
}

.faq__list { 
}

.faq-list__item {
    margin-top: 1.2rem;
    border-bottom: 1px solid var(--color-elements-divider);
    padding-bottom: 1.85rem;
    position: relative;
    cursor: pointer;
    display: grid;
    grid-template-rows: min-content 0fr;
    transition: grid-template-rows 200ms;

    &::after {
        content: '';
        display: block;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        position: absolute;
        right: 0;
        top: 8px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjE3NjMgMTguNzk1N0MyNi44Mjc0IDE5LjQ0NDYgMjYuODI5NiAyMC40OTU3IDI2LjE4MjkgMjEuMTQ5TDE4LjQ1MjkgMjguOTUxMkMxOC4xMjc0IDI5LjI4MDEgMTcuNjk4NSAyOS40NDQ2IDE3LjI2OTYgMjkuNDQ0NkMxNi44NDUxIDI5LjQ0NDYgMTYuNDIwNyAyOS4yODM0IDE2LjA5NjIgMjguOTYxMkMxNS40NDE4IDI4LjMxMzQgMTUuNDM4NSAyNy4yNTkgMTYuMDg2MiAyNi42MDQ2TDIyLjY0NjQgMTkuOTgyM0wxNi4wNDUyIDEzLjQwMjNDMTUuMzk0MSAxMi43NTM0IDE1LjM5MTkgMTEuNjk3OCAxNi4wNDE5IDExLjA0NTdDMTYuNjkwOCAxMC4zOTM0IDE3Ljc0ODYgMTAuMzkyMyAxOC4zOTg2IDExLjA0MjNMMjYuMTc2MyAxOC43OTU3WiIgZmlsbD0iI0U4RThFOCIvPgo8L3N2Zz4K), var(--color-effect-glass) ;
        background-repeat: no-repeat;
        background-position: center center;
        transform: rotate(90deg);
        transition: transform 200ms ease-out;
    }

    &:hover {
        &::after {
            background-color: var(--cl-element-outline);
        }
    }

    &.active {
        grid-template-rows: min-content 1fr;

        &::after {
            transform: rotate(-90deg);
        }

        .faq-list__item-content {
            margin: 1.2rem 0 .5rem;
            opacity: 1;
        }
    }

    .faq-list__item-title {
        font-size: var(--font-size-title-large);
        font-weight: var(--font-weight-bold);
        margin: 12px 0 8px 0;
        line-height: 100%;
        max-width: 80%;
    }

    .faq-list__item-content {
        margin: 0;
        opacity: 0;
        font-size: var(--font-size-body-primary);
        max-width: 80%;
        overflow: hidden;
        transition-property: margin, opacity;
        transition-duration: .2s;
        transition-timing-function: ease-out;
        transition-behavior: allow-discrete;
    }
}

@media screen and (max-width: 768px) {
    .faq-list__item {
        .faq-list__item-content {
            max-width: 100%;
        }

        &::after {
            width: 40px;
            height: 40px;
        }
    }
}

/*!************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/factoids.css ***!
  \************************************************************************/
.factoids {
    position: relative;

    .factoids__list {
        display: grid;
        grid-template-columns: 350px 350px;
        justify-content: space-between;
        row-gap: 64px;
    }

    .factoids__list-item {
        margin: 0;
    }

    .factoids__list-item--list {
        grid-row: 2 / 4;
        width: 350px;
        margin-bottom: 0px;

        ul {
            margin-top: 8px;
            font-size: var(--font-size-title-medium);
            font-weight: var(--font-weight-bold);
        }
    }

    .factoids__item-label, .factoids__item-value {
        font-size: 36px;
        font-weight: var(--font-weight-bold);
        line-height: 120%;
    }

     .factoids__item-value--big {
        font-size: var(--font-size-title-hero);
        font-weight: var(--font-weight-bold);
     }

    .factoids__item-label, .factoids__item-comment {
        color: var(--color-text-tertiary);
    }

    .factoids__item-value {
        color: var(--color-text-primary);
        margin-bottom: 8px;
    }

    .factoids__illustration {
        position: absolute;
        height: 600px;
        width: 600px;
        left: calc(50% - 300px);
        top: calc(50% - 300px);
        z-index: -1;

        img {
            height: 100%;
        }
    }
}

.factoids-grid {
    --factoids-grid-gap: 24px;
    --factoids-item-padding: 32px;
    --factoids-grid-template: 1fr 1fr;
    --factoids-card-aspect-ratio: 1 / .7; 

    .factoids-grid__section-header {
        max-width: 1000px;
        margin-bottom: 80px;

        > p {
            color: var(--color-text-secondary);
        }
    }

    .factoids-grid__container {
        display: grid;
        grid-template-columns: var(--factoids-grid-template);
        column-gap: var(--factoids-grid-gap);
        row-gap: var(--factoids-grid-gap);

        .factoids-grid__container-column {
            display: flex;
            flex-direction: column;
            row-gap: var(--factoids-grid-gap);
        }
    }

    .factoids-grid__item {
        width: 100%;
        background-color: var(--color-bg-surface);
        border-radius: var(--corner-radius-secondary);
        overflow: hidden;
        margin: 0;
        display: flex;

        .factoids-grid__item-content-container {
            max-width: 500px;

            .factoids-grid__item-title {
                line-height: 120%;
                margin-bottom: 8px;
            }

            .factoids-grid__item-content {
                color: var(--color-text-secondary);
                font-size: var(--font-size-body-secondary);
            }
        }
    }

    .factoids-card {
        aspect-ratio: var(--factoids-card-aspect-ratio);
        overflow: hidden;
        position: relative;

        .factoids-grid__item-content-container {
            position: relative;
            z-index: 2;
            align-self: flex-end;
            padding: 0 var(--factoids-item-padding) var(--factoids-item-padding) var(--factoids-item-padding);
        }

        .factoids-card__image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;

            img {
                width: 100%;
                object-fit: cover;
                aspect-ratio: 1 / .5;
            }

            &::after {
                content: '';
                display: block;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100px;
                background: linear-gradient(3deg, var(--color-bg-surface) 30%, rgba(0, 0, 0, 0.00) 90%);
            }
        }
    }

    .factoids-cell {
        display: flex;
        flex-grow: 1;
        flex-direction: row;
        align-items: center;
        gap: var(--factoids-item-padding);

        .factoids-grid__item-content-container {
            padding: var(--factoids-item-padding);
            padding-left: 0;
            flex-grow: 0;
        }

        .factoids-cell__image {
            flex: 0 0 20%;
            padding-left: var(--factoids-item-padding);

            svg, img {
                width: 100%;
            }
        }
    }
}

@media screen and (min-width: 320px) {
	.factoids-grid {
        --factoids-grid-gap: 16px;
        --factoids-item-padding: 24px;
        --factoids-grid-template: 1fr;
        --factoids-card-aspect-ratio: 1 / .8;
    }
}

@media screen and (min-width: 769px) {
	.factoids-grid {
        --factoids-grid-gap: 24px;
        --factoids-item-padding: 32px;
        --factoids-grid-template: 1fr 1fr;
        --factoids-card-aspect-ratio: 1 / .7;
    }
}

/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/tech.css ***!
  \********************************************************************/
.tech__hero {
    display: flex;
    flex-direction: column;
    align-items: center;

    .tech__hero-label {
        font-size: var(--font-size-title-medium);
        color: var(--color-text-secondary);
    }

    .tech__hero-content {
        max-width: 600px;
        text-align: center;
        color: var(--color-text-secondary);
    }

    .tech__hero-video {
        margin-top: -32px;
        max-width: 900px;
        z-index: -1;
        -webkit-filter: contrast(96.5%);
    }

    .button {
        margin-top: -32px;
        margin-bottom: 24px;
    }
}
/*!***********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/article.css ***!
  \***********************************************************************/
.article-list {
    width: 100%;
    height: 100%;
    overflow: visible;

    .swiper-wrapper {
        display: flex;
        overflow: visible;
        flex-direction: row;
    }

    .swiper-slide {
        width: 40%;
        height: auto;
        display: block;
        margin-right: 32px;

        &:last-of-type {
            margin-right: 0;
        }
    }

    .article-list__item {
        background-color: var(--color-bg-surface);
        border-radius: var(--corner-radius-primary);
        overflow: hidden;
        position: relative;
        display: block;
        width: 100%;
        height: 100%;

        > a {
            &::after {
                content: '';
                display: block;
                position: absolute;
                bottom: 24px;
                right: 24px;
                width: 40px;
                height: 40px;
                border-radius: 20px;
                background-image:
                    var(--color-effect-glass),
                    url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjI1IDguNTFIMTEuNVYyLjc1QzExLjUgMi4zNTIxOCAxMS4zNDIgMS45NzA2NCAxMS4wNjA3IDEuNjg5MzRDMTAuNzc5NCAxLjQwODA0IDEwLjM5NzggMS4yNSAxMCAxLjI1QzkuNjAyMTggMS4yNSA5LjIyMDY0IDEuNDA4MDQgOC45MzkzNCAxLjY4OTM0QzguNjU4MDQgMS45NzA2NCA4LjUgMi4zNTIxOCA4LjUgMi43NVY4LjVIMi43NUMyLjM1MjE4IDguNSAxLjk3MDY0IDguNjU4MDQgMS42ODkzNCA4LjkzOTM0QzEuNDA4MDQgOS4yMjA2NCAxLjI1IDkuNjAyMTggMS4yNSAxMEMxLjI1IDEwLjM5NzggMS40MDgwNCAxMC43Nzk0IDEuNjg5MzQgMTEuMDYwN0MxLjk3MDY0IDExLjM0MiAyLjM1MjE4IDExLjUgMi43NSAxMS41SDguNVYxNy4yNUM4LjUgMTcuNjQ3OCA4LjY1ODA0IDE4LjAyOTQgOC45MzkzNCAxOC4zMTA3QzkuMjIwNjQgMTguNTkyIDkuNjAyMTggMTguNzUgMTAgMTguNzVDMTAuMzk3OCAxOC43NSAxMC43Nzk0IDE4LjU5MiAxMS4wNjA3IDE4LjMxMDdDMTEuMzQyIDE4LjAyOTQgMTEuNSAxNy42NDc4IDExLjUgMTcuMjVWMTEuNUgxNy4yNUMxNy42NDc4IDExLjUgMTguMDI5NCAxMS4zNDIgMTguMzEwNyAxMS4wNjA3QzE4LjU5MiAxMC43Nzk0IDE4Ljc1IDEwLjM5NzggMTguNzUgMTBDMTguNzUgOS42MDIxOCAxOC41OTIgOS4yMjA2NCAxOC4zMTA3IDguOTM5MzRDMTguMDI5NCA4LjY1ODA0IDE3LjY0NzggOC41IDE3LjI1IDguNVY4LjUxWiIgZmlsbD0iI0U4RThFOCIvPgo8L3N2Zz4K);
                background-repeat: no-repeat;
                background-position: center center;
            }

            .article-list__article-content {
                padding: 0 24px 64px 24px;
                margin-bottom: 16px;
            }
        }
    }

    .article-list__article-image {
        position: relative;
        
        &::after {
            content:'';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(3deg, var(--color-bg-surface) 30%, rgba(0, 0, 0, 0.00) 90%);
        }

        img {
            width: 100%;
            aspect-ratio: 1 / .6;
            object-fit: cover;
        }
    }

    .article-list__item--dark {
        background-color: var(--color-bg-primary);

        .article-list__article-image::after {
            background: linear-gradient(0deg, var(--color-bg-primary) 0%, rgba(0, 0, 0, 0.00) 100%);
        }
    }

    .article-list__article-content {
        position: relative;
        z-index: 1;
        padding: 0 24px 24px 24px;
        margin-bottom: 16px;
        margin-top: -40px;

        .article-list__article-title {
            margin-bottom: 12px;
        }

        p {
            color: var(--color-text-secondary);
            font-size: var(--font-size-body-secondary);
        }
    }

    .article-list__navigation {
        margin-top: 64px;
    }
}

.article {
    h2 {
        font-size: var(--font-size-title-large);
        margin-top: 56px;
        margin-bottom: 24px;
    }

    p {
        font-size: var(--font-size-body-primary);
        color: var(--color-text-secondary);
        margin-bottom: var(--offset-paragraph-primary);
    }

    b, strong {
        color: #A4A0A0;
    }

    img {
        width: 100%;
        border-radius: 32px;
        margin: 48px 0 64px 0;
        max-height: 600px;
        object-position: center center;
        object-fit: cover;
    }

    ul {
        color: var(--color-text-secondary);
        margin: 0 0 24px 1.17647em;
        display: block;
        list-style-type: disc;

        li {
            margin-top: 8px;
            list-style: disc;
            display: list-item;
        }
    }
}

@media screen and (min-width: 320px) {
    .article-list {
        .swiper-slide {
            width: 100%;
        }
    }
}

@media screen and (min-width: 769px) {
    .article-list {
        .swiper-slide {
            width: 60%;
        }
    }
}

@media screen and (min-width: 1025px) {
    .article-list {
        .swiper-slide {
            width: 40%;
        }
    }
}
/*!***********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/masonry.css ***!
  \***********************************************************************/
.masonry-grid {
    margin: 0;
    display: flex;
    justify-content: center;

    .masonry-grid__wrapper {
        column-count: auto;
        column-width: 330px; /* 300px + 20px gap */
        column-gap: 1.5rem;
        width: 100%;
        box-sizing: border-box;
    }

    .masonry-grid__item {
        width: 100%;
        box-sizing: border-box;
        display: inline-block;
        margin-bottom: 1.5rem;
        break-inside: avoid-column;
        border-radius: var(--cr-inner-1);
        padding-bottom: .7rem;

        img {
            width: 100%;
            border-radius: var(--cr-inner-1);
        }
    }

    .masonry-grid__item-title {
        margin-top: .5rem;
        font-size: var(--fs-nav-primary);
        font-weight: 400;
    }

}
/*!*********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/wipes.css ***!
  \*********************************************************************/
.wipes {
    .wipes__container {
        position: relative;
        height: 100vh;
        overflow: hidden;
    }

    .wipes__card {
        top: 0;
        left: 0;
        height: calc(100% - 12rem);
		width: 100%;
		position: absolute;
        border-radius: 16px;
        overflow: hidden;

        &:nth-child(1) {
            margin-top: 6rem;
        }
        &:nth-child(2) {
            margin-top: 9rem;
        }
        &:nth-child(3) {
            margin-top: 12rem;
        }
        &:nth-child(4) {
            margin-top: 15rem;
        }
        &:nth-child(5) {
            margin-top: 18rem;
        }
    }

    .wipes__card-image {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .wipes__card-content {
        position: absolute;
        top: 1rem;
        width: 100%;
    }

    .wipes__card-title {
        font-size: var(--fs-nav-primary);
        font-weight: 400;
        text-align: center;
    }
}

/*!*************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/subscribe.css ***!
  \*************************************************************************/
.subscribe {
	text-align: center;
	height: 100vh;
	padding-bottom: 120px;
	margin-bottom: 80px;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	background-image: url(../images/design/cta-bg.cb080f.jpg);
	background-size: cover;
	background-position: center center;

	.subscribe__title {
		max-width: 800px;
		margin: 0 auto 32px auto;
	}

	.container, .container--dense {
		z-index: 11;
	}
}

.subscribe .section-heading {
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 768px) {
	.subscribe {
		text-align: center;
		height: 60vh;
		padding-bottom: 120px;
		margin-bottom: 80px;
	}
}

/*!*********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/cards.css ***!
  \*********************************************************************/
.card {
	position: relative;
	outline: 0px solid var(--cl-screen-shader);
	border-radius: var(--corner-radius-secondary);
	transition: all .2s ease-out;
	overflow: hidden;
	
	&:hover {
		outline: var(--wd-hover-outline) solid var(--cl-screen-shader);
		background-color: var(--cl-screen-shader);
	}

	.card__tips {
		position: absolute;
    	top: 12px;
    	right: 12px;
		flex-direction: column;
		align-items: flex-end;
		display: flex;
	}

	.card__tips-item {
		background: var(--color-effect-dark-glass);
		backdrop-filter: blur(16px);
		font-size: var(--font-size-body-small);
		line-height: 100%;
		display: inline-block;
		float: none;
		padding: 5px 10px 7px;
		border-radius: 10px;
		margin-bottom: 4px;
	}
}

/* Cards grid layout */
.cards-grid {
	display: grid;
    /*grid-template-columns: repeat(3, 1fr);*/
	gap: 24px;
	row-gap: 40px;

	.card {
		border-radius: var(--cr-inner-1);
	}
}

.cards-grid__item {
	cursor: pointer;
	position: relative;
}

.cards-grid__image {
	width: 100%;
	aspect-ratio: 1 / .85;
	object-fit: cover;
	border-radius: var(--cr-inner-1);
	z-index: -1;
}

.cards-grid__title {
	position: absolute;
	width: calc(100% - 48px);
	bottom: 0;
	left: 0;
	font-size: var(--font-size-title-medium);
	display: block;
	padding: 32px 24px 24px 24px;
	margin: 0;
	z-index: 2;

	&::after {
		content:'';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100px;
		background: linear-gradient(3deg, var(--color-bg-surface) 5%, rgba(0, 0, 0, 0.00) 90%);
		z-index: -1;
	}
}

.cards-grid__description {
	font-size: var(--font-size-body-primary);
	color: var(--color-text-secondary);
	margin-bottom: .5rem;
}

@media screen and (min-width: 481px) {
	.cards-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media screen and (min-width: 769px) {
	.cards-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 1025px) {
	.cards-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/*!**********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/footer.css ***!
  \**********************************************************************/
.footer {
	padding: 64px 0 32px 0;

	.footer__container {
		display: grid;
		gap: 64px;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.footer__label {
		font-size: var(--font-size-body-primary);
		color: var(--color-text-secondary);
	}

	.footer__service-links {
		a {
			font-size: var(--font-size-title-medium);
			font-weight: var(--font-weight-bold);
			line-height: 120%;
		}
	}

	.footer__general-links {
		a {
			font-size: var(--font-size-title-medium);
			font-weight: var(--font-weight-bold);
			line-height: 120%;
		}
	}

	.footer__contacts {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		text-align: right;

		.footer__contacts-links, .footer__contacts-adress {
			font-size: var(--font-size-body-tertiary);
			margin-bottom: 16px;
		}

		.footer__contacts-links li {
			margin-bottom: 0;
		}

		.footer__contacts-label {
			color: var(--color-text-secondary);
			display: block;
		}

		.footer__contacts-adress li {
			max-width: 300px;
		}
	}

	.footer__nav-list {
		li {
			margin-bottom: 12px;
		}
	}

	.footer__copyright {
		margin-top: 32px;
		font-size: var(--font-size-body-secondary);
		color: var(--color-text-secondary);
	}

	@media screen and (min-width: 320px) {
		.footer__container {
			row-gap: 32px;
			grid-template-columns: 1fr;
		}

		.footer__contacts {
			align-items: flex-start;
			text-align: left;
		}
	}

	@media screen and (min-width: 769px) {
		.footer__container {
			grid-template-columns: 1fr 1fr;
			column-gap: 64px;
		}

		.footer__contacts {
			grid-column-start: 1;
			grid-column-end: 3;
		}
	}

	@media screen and (min-width: 1025px) {
		.footer__container {
			grid-template-columns: 1fr 1fr 1fr;
		}

		.footer__contacts {
			grid-column-start: 3;
			grid-column-end: 3;
			align-items: flex-end;
			text-align: right;
		}
	}
}

/*!*********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/staff.css ***!
  \*********************************************************************/
.staff-list {
    width: 100%;
    height: 100%;
    overflow: visible;

    .swiper-wrapper {
        display: flex;
        overflow: visible;
        flex-direction: row;
    }

    .swiper-slide {
        width: 30%;
        height: auto;
        display: block;
        margin-right: 32px;

        &:last-of-type {
            margin-right: 0;
        }
    }

    .staff-list__item {
        background-color: var(--color-bg-surface);
        border-radius: var(--corner-radius-primary);
        overflow: hidden;
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
    }

    .staff-list__staff-image {
        position: relative;
        
        &::after {
            content:'';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(3deg, var(--color-bg-surface) 30%, rgba(0, 0, 0, 0.00) 90%);
        }

        img {
            width: 100%;
            aspect-ratio: 1 / 1.1;
            object-fit: cover;
        }
    }

    .staff-list__staff-title {
        position: relative;
        z-index: 1;
        padding: 0 24px;
        margin-top: -40px;
        margin-bottom: 4px;
    }

    .staff-list__staff-comment {
        position: relative;
        z-index: 1;
        padding: 0 24px 28px 24px;
        font-size: var(--font-size-body-tertiary);
        color: var(--color-text-secondary);
    }

    .article-list__navigation {
        margin-top: 64px;
    }
}
/*!******************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/fx.css ***!
  \******************************************************************/
.progressive-blur-container {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50%;
  pointer-event: none;
}

.progressive-blur-container > .blur-filter {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.progressive-blur-container > .blur-filter:nth-child(1) {
  backdrop-filter: blur(1px);
  mask: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 40%);
}

.progressive-blur-container > .blur-filter:nth-child(2) {
  backdrop-filter: blur(2px);
  mask: linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 50%);
}

.progressive-blur-container > .blur-filter:nth-child(3) {
  backdrop-filter: blur(4px);
  mask: linear-gradient(rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 60%);
}

.progressive-blur-container > .blur-filter:nth-child(4) {
  backdrop-filter: blur(8px);
  mask: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 70%);
}

.progressive-blur-container > .blur-filter:nth-child(5) {
  backdrop-filter: blur(16px);
  mask: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 90%);
}

.progressive-blur-container > .blur-filter:nth-child(6) {
  backdrop-filter: blur(32px);
  mask: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 80%);
}

.progressive-blur-container > .blur-filter:nth-child(7) {
  z-index: 10;
  background-filter: blur(64px);
  mask: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 1) 100%)
}

.progressive-blur-container > .gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(transparent, var(--color-bg-primary));
}

/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/libs.css ***!
  \********************************************************************/
.lg-icon {
	font-family: lg !important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.lg-container {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.lg-next,
.lg-prev {
	background-color: rgba(0, 0, 0, .45);
	border-radius: 2px;
	color: #999;
	cursor: pointer;
	display: block;
	font-size: 22px;
	margin-top: -10px;
	padding: 8px 10px 9px;
	position: absolute;
	top: 50%;
	z-index: 1084;
	outline: 0;
	border: none
}

.lg-next.disabled,
.lg-prev.disabled {
	opacity: 0 !important;
	cursor: default
}

.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
	color: #fff
}

.lg-single-item .lg-next,
.lg-single-item .lg-prev {
	display: none
}

.lg-next {
	right: 20px
}

.lg-next:before {
	content: "\e095"
}

.lg-prev {
	left: 20px
}

.lg-prev:after {
	content: "\e094"
}

@-webkit-keyframes lg-right-end {
	0% {
		left: 0
	}

	50% {
		left: -30px
	}

	100% {
		left: 0
	}
}

@-moz-keyframes lg-right-end {
	0% {
		left: 0
	}

	50% {
		left: -30px
	}

	100% {
		left: 0
	}
}

@-ms-keyframes lg-right-end {
	0% {
		left: 0
	}

	50% {
		left: -30px
	}

	100% {
		left: 0
	}
}

@keyframes lg-right-end {
	0% {
		left: 0
	}

	50% {
		left: -30px
	}

	100% {
		left: 0
	}
}

@-webkit-keyframes lg-left-end {
	0% {
		left: 0
	}

	50% {
		left: 30px
	}

	100% {
		left: 0
	}
}

@-moz-keyframes lg-left-end {
	0% {
		left: 0
	}

	50% {
		left: 30px
	}

	100% {
		left: 0
	}
}

@-ms-keyframes lg-left-end {
	0% {
		left: 0
	}

	50% {
		left: 30px
	}

	100% {
		left: 0
	}
}

@keyframes lg-left-end {
	0% {
		left: 0
	}

	50% {
		left: 30px
	}

	100% {
		left: 0
	}
}

.lg-outer.lg-right-end .lg-object {
	-webkit-animation: lg-right-end .3s;
	-o-animation: lg-right-end .3s;
	animation: lg-right-end .3s;
	position: relative
}

.lg-outer.lg-left-end .lg-object {
	-webkit-animation: lg-left-end .3s;
	-o-animation: lg-left-end .3s;
	animation: lg-left-end .3s;
	position: relative
}

.lg-toolbar {
	z-index: 1082;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.lg-media-overlap .lg-toolbar {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4))
}

.lg-toolbar .lg-icon {
	color: #999;
	cursor: pointer;
	float: right;
	font-size: 24px;
	height: 47px;
	line-height: 27px;
	padding: 10px 0;
	text-align: center;
	width: 50px;
	text-decoration: none !important;
	outline: medium none;
	will-change: color;
	-webkit-transition: color .2s linear;
	-o-transition: color .2s linear;
	transition: color .2s linear;
	background: 0 0;
	border: none;
	box-shadow: none
}

.lg-toolbar .lg-icon.lg-icon-18 {
	font-size: 18px
}

.lg-toolbar .lg-icon:hover {
	color: #fff
}

.lg-toolbar .lg-close:after {
	content: "\e070"
}

.lg-toolbar .lg-maximize {
	font-size: 22px
}

.lg-toolbar .lg-maximize:after {
	content: "\e90a"
}

.lg-toolbar .lg-download:after {
	content: "\e0f2"
}

.lg-sub-html {
	color: #eee;
	font-size: 16px;
	padding: 10px 40px;
	text-align: center;
	z-index: 1080;
	opacity: 0;
	-webkit-transition: opacity .2s ease-out 0s;
	-o-transition: opacity .2s ease-out 0s;
	transition: opacity .2s ease-out 0s
}

.lg-sub-html h4 {
	margin: 0;
	font-size: 13px;
	font-weight: 700
}

.lg-sub-html p {
	font-size: 12px;
	margin: 5px 0 0
}

.lg-sub-html a {
	color: inherit
}

.lg-sub-html a:hover {
	text-decoration: underline
}

.lg-media-overlap .lg-sub-html {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6))
}

.lg-item .lg-sub-html {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0
}

.lg-error-msg {
	font-size: 14px;
	color: #999
}

.lg-counter {
	color: #999;
	display: inline-block;
	font-size: 16px;
	padding-left: 20px;
	padding-top: 12px;
	height: 47px;
	vertical-align: middle
}

.lg-closing .lg-next,
.lg-closing .lg-prev,
.lg-closing .lg-sub-html,
.lg-closing .lg-toolbar {
	opacity: 0;
	-webkit-transition: -webkit-transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear;
	-moz-transition: -moz-transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear;
	-o-transition: -o-transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear;
	transition: transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
	opacity: 0;
	-moz-transform: scale3d(.5, .5, .5);
	-o-transform: scale3d(.5, .5, .5);
	-ms-transform: scale3d(.5, .5, .5);
	-webkit-transform: scale3d(.5, .5, .5);
	transform: scale3d(.5, .5, .5);
	will-change: transform, opacity;
	-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
	-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
	-o-transition: -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
	transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
	opacity: 1;
	-moz-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

.lg-icon:focus-visible {
	color: #fff;
	border-radius: 3px;
	outline: 1px dashed rgba(255, 255, 255, .6)
}

.lg-toolbar .lg-icon:focus-visible {
	border-radius: 8px;
	outline-offset: -5px
}

.lg-outer .lg-thumb-outer {
	background-color: #0d0a0a;
	width: 100%;
	max-height: 350px;
	overflow: hidden;
	float: left
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important
}

.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important
}

.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
	text-align: center
}

.lg-outer .lg-thumb-outer.lg-thumb-align-left {
	text-align: left
}

.lg-outer .lg-thumb-outer.lg-thumb-align-right {
	text-align: right
}

.lg-outer.lg-single-item .lg-thumb-outer {
	display: none
}

.lg-outer .lg-thumb {
	padding: 5px 0;
	height: 100%;
	margin-bottom: -5px;
	display: inline-block;
	vertical-align: middle
}

@media (min-width:768px) {
	.lg-outer .lg-thumb {
		padding: 10px 0
	}
}

.lg-outer .lg-thumb-item {
	cursor: pointer;
	float: left;
	overflow: hidden;
	height: 100%;
	border-radius: 2px;
	margin-bottom: 5px;
	will-change: border-color
}

@media (min-width:768px) {
	.lg-outer .lg-thumb-item {
		border-radius: 4px;
		border: 2px solid #fff;
		-webkit-transition: border-color .25s ease;
		-o-transition: border-color .25s ease;
		transition: border-color .25s ease
	}
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
	border-color: #a90707
}

.lg-outer .lg-thumb-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block
}

.lg-outer.lg-can-toggle .lg-item {
	padding-bottom: 0
}

.lg-outer .lg-toggle-thumb:after {
	content: "\e1ff"
}

.lg-outer.lg-animate-thumb .lg-thumb {
	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.lg-outer .lg-video-cont {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.lg-outer .lg-video-cont .lg-object {
	width: 100% !important;
	height: 100% !important
}

.lg-outer .lg-has-iframe .lg-video-cont {
	-webkit-overflow-scrolling: touch;
	overflow: auto
}

.lg-outer .lg-video-object {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	z-index: 3
}

.lg-outer .lg-video-poster {
	z-index: 1
}

.lg-outer .lg-has-video .lg-video-object {
	opacity: 0;
	will-change: opacity;
	-webkit-transition: opacity .3s ease-in;
	-o-transition: opacity .3s ease-in;
	transition: opacity .3s ease-in
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button,
.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster {
	opacity: 0 !important
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
	opacity: 1
}

@keyframes lg-play-stroke {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px
	}

	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px
	}
}

@keyframes lg-play-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.lg-video-play-button {
	width: 18%;
	max-width: 140px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	cursor: pointer;
	transform: translate(-50%, -50%) scale(1);
	will-change: opacity, transform;
	-webkit-transition: -webkit-transform .25s cubic-bezier(.17, .88, .32, 1.28), opacity .1s;
	-moz-transition: -moz-transform .25s cubic-bezier(.17, .88, .32, 1.28), opacity .1s;
	-o-transition: -o-transform .25s cubic-bezier(.17, .88, .32, 1.28), opacity .1s;
	transition: transform .25s cubic-bezier(.17, .88, .32, 1.28), opacity .1s
}

.lg-video-play-button:hover .lg-video-play-icon,
.lg-video-play-button:hover .lg-video-play-icon-bg {
	opacity: 1
}

.lg-video-play-icon-bg {
	fill: none;
	stroke-width: 3%;
	stroke: #fcfcfc;
	opacity: .6;
	will-change: opacity;
	-webkit-transition: opacity .12s ease-in;
	-o-transition: opacity .12s ease-in;
	transition: opacity .12s ease-in
}

.lg-video-play-icon-circle {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	fill: none;
	stroke-width: 3%;
	stroke: rgba(30, 30, 30, .9);
	stroke-opacity: 1;
	stroke-linecap: round;
	stroke-dasharray: 200;
	stroke-dashoffset: 200
}

.lg-video-play-icon {
	position: absolute;
	width: 25%;
	max-width: 120px;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	opacity: .6;
	will-change: opacity;
	-webkit-transition: opacity .12s ease-in;
	-o-transition: opacity .12s ease-in;
	transition: opacity .12s ease-in
}

.lg-video-play-icon .lg-video-play-icon-inner {
	fill: #fcfcfc
}

.lg-video-loading .lg-video-play-icon-circle {
	animation: lg-play-rotate 2s linear .25s infinite, lg-play-stroke 1.5s ease-in-out .25s infinite
}

.lg-video-loaded .lg-video-play-button {
	opacity: 0;
	transform: translate(-50%, -50%) scale(.7)
}

.lg-progress-bar {
	background-color: #333;
	height: 5px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1083;
	opacity: 0;
	will-change: opacity;
	-webkit-transition: opacity 80ms ease 0s;
	-moz-transition: opacity 80ms ease 0s;
	-o-transition: opacity 80ms ease 0s;
	transition: opacity 80ms ease 0s
}

.lg-progress-bar .lg-progress {
	background-color: #a90707;
	height: 5px;
	width: 0
}

.lg-progress-bar.lg-start .lg-progress {
	width: 100%
}

.lg-show-autoplay .lg-progress-bar {
	opacity: 1
}

.lg-autoplay-button:after {
	content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
	content: "\e01a"
}

.lg-single-item .lg-autoplay-button {
	opacity: .75;
	pointer-events: none
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	will-change: transform;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s;
	-moz-transition: -moz-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s;
	-o-transition: -o-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s;
	transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s
}

.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	will-change: transform;
	-webkit-transition: -webkit-transform .8s cubic-bezier(0, 0, .25, 1) 0s;
	-moz-transition: -moz-transform .8s cubic-bezier(0, 0, .25, 1) 0s;
	-o-transition: -o-transform .8s cubic-bezier(0, 0, .25, 1) 0s;
	transition: transform .8s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition: -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s !important;
	-moz-transition: -moz-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s !important;
	-o-transition: -o-transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s !important;
	transition: transform .5s cubic-bezier(.12, .415, .01, 1.19) 0s, opacity .15s !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition {
	transition: none !important
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition {
	transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0) !important;
	max-width: none !important;
	max-height: none !important;
	top: 50% !important;
	left: 50% !important
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x {
	transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0) !important;
	top: 0 !important;
	left: 50% !important;
	max-width: none !important;
	max-height: none !important
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y {
	transform: scale3d(1, 1, 1) translate3d(0, -50%, 0) !important;
	top: 50% !important;
	left: 0 !important;
	max-width: none !important;
	max-height: none !important
}

.lg-icon.lg-zoom-in:after {
	content: "\e311"
}

.lg-actual-size .lg-icon.lg-zoom-in {
	opacity: 1;
	pointer-events: auto
}

.lg-icon.lg-actual-size {
	font-size: 20px
}

.lg-icon.lg-actual-size:after {
	content: "\e033"
}

.lg-icon.lg-zoom-out {
	opacity: .5;
	pointer-events: none
}

.lg-icon.lg-zoom-out:after {
	content: "\e312"
}

.lg-zoomed .lg-icon.lg-zoom-out {
	opacity: 1;
	pointer-events: auto
}

.lg-outer.lg-first-slide-loading .lg-actual-size,
.lg-outer.lg-first-slide-loading .lg-zoom-in,
.lg-outer.lg-first-slide-loading .lg-zoom-out,
.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out,
.lg-outer[data-lg-slide-type=video] .lg-actual-size,
.lg-outer[data-lg-slide-type=video] .lg-zoom-in,
.lg-outer[data-lg-slide-type=video] .lg-zoom-out {
	opacity: .75;
	pointer-events: none
}

.lg-outer .lg-pager-outer {
	text-align: center;
	z-index: 1080;
	height: 10px;
	margin-bottom: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
	overflow: visible
}

.lg-outer.lg-single-item .lg-pager-outer {
	display: none
}

.lg-outer .lg-pager-cont {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
	box-shadow: 0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont {
	background-color: #fff;
	color: #fff;
	bottom: 100%;
	height: 83px;
	left: 0;
	margin-bottom: 20px;
	margin-left: -60px;
	opacity: 0;
	padding: 5px;
	position: absolute;
	width: 120px;
	border-radius: 3px;
	will-change: transform, opacity;
	-webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
	-moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;
	-o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
	transition: opacity .15s ease 0s, transform .15s ease 0s;
	-webkit-transform: translate3d(0, 5px, 0);
	transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
	width: 100%;
	height: 100%
}

.lg-outer .lg-pager {
	background-color: rgba(255, 255, 255, .5);
	border-radius: 50%;
	box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
	display: block;
	height: 12px;
	-webkit-transition: box-shadow .3s ease 0s;
	-o-transition: box-shadow .3s ease 0s;
	transition: box-shadow .3s ease 0s;
	width: 12px
}

.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
	box-shadow: 0 0 0 8px #fff inset
}

.lg-outer .lg-caret {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px dashed;
	bottom: -10px;
	display: inline-block;
	height: 0;
	left: 50%;
	margin-left: -5px;
	position: absolute;
	vertical-align: middle;
	width: 0
}

.lg-fullscreen:after {
	content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
	content: "\e20d"
}

.lg-outer .lg-dropdown-overlay {
	background-color: rgba(0, 0, 0, .25);
	bottom: 0;
	cursor: default;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1081;
	opacity: 0;
	visibility: hidden;
	will-change: visibility, opacity;
	-webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;
	-o-transition: visibility 0s linear .18s, opacity .18s linear 0s;
	transition: visibility 0s linear .18s, opacity .18s linear 0s
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active .lg-dropdown-overlay {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible
}

.lg-outer.lg-dropdown-active .lg-share {
	color: #fff
}

.lg-outer .lg-dropdown {
	background-color: #fff;
	border-radius: 2px;
	font-size: 14px;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	position: absolute;
	right: 0;
	text-align: left;
	top: 50px;
	opacity: 0;
	visibility: hidden;
	-moz-transform: translate3d(0, 5px, 0);
	-o-transform: translate3d(0, 5px, 0);
	-ms-transform: translate3d(0, 5px, 0);
	-webkit-transform: translate3d(0, 5px, 0);
	transform: translate3d(0, 5px, 0);
	will-change: visibility, opacity, transform;
	-webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
	-moz-transition: -moz-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
	-o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
	transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s
}

.lg-outer .lg-dropdown:after {
	content: "";
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	border: 8px solid transparent;
	border-bottom-color: #fff;
	right: 16px;
	top: -16px
}

.lg-outer .lg-dropdown > li:last-child {
	margin-bottom: 0
}

.lg-outer .lg-dropdown > li:hover a {
	color: #333
}

.lg-outer .lg-dropdown a {
	color: #333;
	display: block;
	white-space: pre;
	padding: 4px 12px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
	background-color: rgba(0, 0, 0, .07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
	display: inline-block;
	line-height: 1;
	margin-top: -3px;
	vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
	color: #333;
	display: inline-block;
	float: none;
	font-size: 20px;
	height: auto;
	line-height: 1;
	margin-right: 8px;
	padding: 0;
	vertical-align: middle;
	width: auto
}

.lg-outer .lg-share {
	position: relative
}

.lg-outer .lg-share:after {
	content: "\e80d"
}

.lg-outer .lg-share-facebook .lg-icon {
	color: #3b5998
}

.lg-outer .lg-share-facebook .lg-icon:after {
	content: "\e904"
}

.lg-outer .lg-share-twitter .lg-icon {
	color: #00aced
}

.lg-outer .lg-share-twitter .lg-icon:after {
	content: "\e907"
}

.lg-outer .lg-share-pinterest .lg-icon {
	color: #cb2027
}

.lg-outer .lg-share-pinterest .lg-icon:after {
	content: "\e906"
}

.lg-comment-box {
	width: 420px;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9999;
	background-color: #fff;
	will-change: transform;
	-moz-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transition: -webkit-transform .4s cubic-bezier(0, 0, .25, 1) 0s;
	-moz-transition: -moz-transform .4s cubic-bezier(0, 0, .25, 1) 0s;
	-o-transition: -o-transform .4s cubic-bezier(0, 0, .25, 1) 0s;
	transition: transform .4s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-comment-box .lg-comment-title {
	margin: 0;
	color: #fff;
	font-size: 18px
}

.lg-comment-box .lg-comment-header {
	background-color: #000;
	padding: 12px 20px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0
}

.lg-comment-box .lg-comment-body {
	height: 100% !important;
	padding-top: 43px !important;
	width: 100% !important
}

.lg-comment-box .fb-comments {
	height: 100%;
	width: 100%;
	background: url(data:image/gif;base64,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) no-repeat scroll center center #fff;
	overflow-y: auto;
	display: inline-block
}

.lg-comment-box .fb-comments[fb-xfbml-state=rendered] {
	background-image: none
}

.lg-comment-box .fb-comments > span {
	max-width: 100%
}

.lg-comment-box .lg-comment-close {
	position: absolute;
	right: 5px;
	top: 12px;
	cursor: pointer;
	font-size: 20px;
	color: #999;
	will-change: color;
	-webkit-transition: color .2s linear;
	-o-transition: color .2s linear;
	transition: color .2s linear
}

.lg-comment-box .lg-comment-close:hover {
	color: #fff
}

.lg-comment-box .lg-comment-close:after {
	content: "\e070"
}

.lg-comment-box iframe {
	max-width: 100% !important;
	width: 100% !important
}

.lg-comment-box #disqus_thread {
	padding: 0 20px
}

.lg-outer .lg-comment-overlay {
	background-color: rgba(0, 0, 0, .25);
	bottom: 0;
	cursor: default;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1081;
	opacity: 0;
	visibility: hidden;
	will-change: visibility, opacity;
	-webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;
	-o-transition: visibility 0s linear .18s, opacity .18s linear 0s;
	transition: visibility 0s linear .18s, opacity .18s linear 0s
}

.lg-outer .lg-comment-toggle:after {
	content: "\e908"
}

.lg-outer.lg-comment-active .lg-comment-overlay {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible
}

.lg-outer.lg-comment-active .lg-comment-toggle {
	color: #fff
}

.lg-outer.lg-comment-active .lg-comment-box {
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.lg-outer .lg-img-rotate {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transition: -webkit-transform .4s cubic-bezier(0, 0, .25, 1) 0s;
	-moz-transition: -moz-transform .4s cubic-bezier(0, 0, .25, 1) 0s;
	-o-transition: -o-transform .4s cubic-bezier(0, 0, .25, 1) 0s;
	transition: transform .4s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor,
.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,
.lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,
.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,
.lg-outer[data-lg-slide-type=video] .lg-flip-hor,
.lg-outer[data-lg-slide-type=video] .lg-flip-ver,
.lg-outer[data-lg-slide-type=video] .lg-rotate-left,
.lg-outer[data-lg-slide-type=video] .lg-rotate-right {
	opacity: .75;
	pointer-events: none
}

.lg-outer .lg-img-rotate:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.lg-rotate-left:after {
	content: "\e900"
}

.lg-rotate-right:after {
	content: "\e901"
}

.lg-icon.lg-flip-hor,
.lg-icon.lg-flip-ver {
	font-size: 26px
}

.lg-flip-ver:after {
	content: "\e903"
}

.lg-flip-hor:after {
	content: "\e902"
}

.lg-medium-zoom-item {
	cursor: zoom-in
}

.lg-medium-zoom .lg-outer {
	cursor: zoom-out
}

.lg-medium-zoom .lg-outer.lg-grab img.lg-object {
	cursor: zoom-out
}

.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object {
	cursor: zoom-out
}

.lg-relative-caption .lg-outer .lg-sub-html {
	white-space: normal;
	bottom: auto;
	padding: 0;
	background-image: none
}

.lg-relative-caption .lg-outer .lg-relative-caption-item {
	opacity: 0;
	padding: 16px 0;
	transition: .5s opacity ease
}

.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item {
	opacity: 1
}

.lg-group:after {
	content: "";
	display: table;
	clear: both
}

.lg-container {
	display: none;
	outline: 0
}

.lg-container.lg-show {
	display: block
}

.lg-on {
	scroll-behavior: unset
}

.lg-overlay-open {
	overflow: hidden
}

.lg-hide-sub-html .lg-sub-html,
.lg-next,
.lg-pager-outer,
.lg-prev,
.lg-toolbar {
	opacity: 0;
	will-change: transform, opacity;
	-webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
	-moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
	-o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s;
	transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer,
.lg-show-in .lg-prev,
.lg-show-in .lg-toolbar {
	opacity: 1
}

.lg-show-in.lg-hide-sub-html .lg-sub-html {
	opacity: 1
}

.lg-show-in .lg-hide-items .lg-prev {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-next {
	opacity: 0;
	-webkit-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-toolbar {
	opacity: 0;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0)
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
	opacity: 0;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0)
}

.lg-outer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	text-align: left;
	opacity: .001;
	outline: 0;
	will-change: auto;
	overflow: hidden;
	-webkit-transition: opacity .15s ease 0s;
	-o-transition: opacity .15s ease 0s;
	transition: opacity .15s ease 0s
}

.lg-outer * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.lg-outer.lg-zoom-from-image {
	opacity: 1
}

.lg-outer.lg-visible {
	opacity: 1
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide {
	-webkit-transition-duration: inherit !important;
	transition-duration: inherit !important;
	-webkit-transition-timing-function: inherit !important;
	transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important;
	opacity: 1
}

.lg-outer.lg-grab img.lg-object {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing
}

.lg-outer .lg-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.lg-outer .lg-inner {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	-webkit-transition: opacity 0s;
	-o-transition: opacity 0s;
	transition: opacity 0s;
	white-space: nowrap
}

.lg-outer .lg-item {
	display: none !important
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
	background: url(data:image/gif;base64,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) no-repeat scroll center center transparent
}

.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
	display: inline-block !important
}

.lg-outer.lg-css .lg-current {
	display: inline-block !important
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
	display: inline-block;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.lg-outer .lg-img-wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	white-space: nowrap;
	font-size: 0
}

.lg-outer .lg-item.lg-complete {
	background-image: none
}

.lg-outer .lg-item.lg-current {
	z-index: 1060
}

.lg-outer .lg-object {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	position: relative
}

.lg-outer .lg-empty-html .lg-sub-html,
.lg-outer .lg-empty-html.lg-sub-html {
	display: none
}

.lg-outer.lg-hide-download .lg-download {
	opacity: .75;
	pointer-events: none
}

.lg-outer .lg-first-slide .lg-dummy-img {
	position: absolute;
	top: 50%;
	left: 50%
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
	opacity: 1;
	transition: opacity .2s ease-out .15s
}

.lg-outer .lg-media-cont {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.lg-outer .lg-media-cont .lg-object {
	width: 100% !important;
	height: 100% !important
}

.lg-outer .lg-has-iframe .lg-media-cont {
	-webkit-overflow-scrolling: touch;
	overflow: auto
}

.lg-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1040;
	background-color: #000;
	opacity: 0;
	will-change: auto;
	-webkit-transition: opacity 333ms ease-in 0s;
	-o-transition: opacity 333ms ease-in 0s;
	transition: opacity 333ms ease-in 0s
}

.lg-backdrop.in {
	opacity: 1
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
	-webkit-transition: none 0s ease 0s !important;
	-moz-transition: none 0s ease 0s !important;
	-o-transition: none 0s ease 0s !important;
	transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
	opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
	opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
	-webkit-transition: opacity .1s ease 0s;
	-moz-transition: opacity .1s ease 0s;
	-o-transition: opacity .1s ease 0s;
	transition: opacity .1s ease 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
	-webkit-transition: -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
	-moz-transition: -moz-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
	-o-transition: -o-transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s;
	transition: transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
	-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
	-moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
	-o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s;
	transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
	opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
	-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
	-moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
	-o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
	transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-container {
	display: none
}

.lg-container.lg-show {
	display: block
}

.lg-container.lg-dragging-vertical .lg-backdrop {
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important;
	opacity: 1
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
	position: absolute
}

.lg-inline .lg-backdrop {
	z-index: 1
}

.lg-inline .lg-outer {
	z-index: 2
}

.lg-inline .lg-maximize:after {
	content: "\e909"
}

.lg-components {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	will-change: transform;
	-webkit-transition: -webkit-transform .35s ease-out 0s;
	-moz-transition: -moz-transform .35s ease-out 0s;
	-o-transition: -o-transform .35s ease-out 0s;
	transition: transform .35s ease-out 0s;
	z-index: 1080;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0
}

.lg-outer .lg-video-cont {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.lg-outer .lg-video-cont .lg-object {
	width: 100% !important;
	height: 100% !important;
}

.lg-outer .lg-has-iframe .lg-video-cont {
	-webkit-overflow-scrolling: touch;
	overflow: auto;
}

.lg-outer .lg-video-object {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	z-index: 3;
}

.lg-outer .lg-video-poster {
	z-index: 1;
}

.lg-outer .lg-has-video .lg-video-object {
	opacity: 0;
	will-change: opacity;
	-webkit-transition: opacity 0.3s ease-in;
	-o-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster,
.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button {
	opacity: 0 !important;
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
	opacity: 1;
}

@keyframes lg-play-stroke {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}

	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}

@keyframes lg-play-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.lg-video-play-button {
	width: 18%;
	max-width: 140px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	cursor: pointer;
	transform: translate(-50%, -50%) scale(1);
	will-change: opacity, transform;
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
	-moz-transition: -moz-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
	-o-transition: -o-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
	transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
}

.lg-video-play-button:hover .lg-video-play-icon-bg,
.lg-video-play-button:hover .lg-video-play-icon {
	opacity: 1;
}

.lg-video-play-icon-bg {
	fill: none;
	stroke-width: 3%;
	stroke: #fcfcfc;
	opacity: 0.6;
	will-change: opacity;
	-webkit-transition: opacity 0.12s ease-in;
	-o-transition: opacity 0.12s ease-in;
	transition: opacity 0.12s ease-in;
}

.lg-video-play-icon-circle {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	fill: none;
	stroke-width: 3%;
	stroke: rgba(30, 30, 30, 0.9);
	stroke-opacity: 1;
	stroke-linecap: round;
	stroke-dasharray: 200;
	stroke-dashoffset: 200;
}

.lg-video-play-icon {
	position: absolute;
	width: 25%;
	max-width: 120px;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	opacity: 0.6;
	will-change: opacity;
	-webkit-transition: opacity 0.12s ease-in;
	-o-transition: opacity 0.12s ease-in;
	transition: opacity 0.12s ease-in;
}

.lg-video-play-icon .lg-video-play-icon-inner {
	fill: #fcfcfc;
}

.lg-video-loading .lg-video-play-icon-circle {
	animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
}

.lg-video-loaded .lg-video-play-button {
	opacity: 0;
	transform: translate(-50%, -50%) scale(0.7);
}

/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/main.css ***!
  \**************************************************************************************************************/
/*@import url(tmp-filter.css);*/

body {
	min-width: 320px;
	min-height: 100vh;
	position: relative;
	margin: 0;
	padding: 0;
	background: var(--color-bg-primary);
	opacity: 1;
	overflow-x: hidden;
	border: 0;
}

.preloader {
	display: none;
}

