@charset "UTF-8";
* {
padding: 0px;
margin: 0px;
border: 0px;
}

*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
}

:focus,
:active {
outline: none;
}

a:focus,
a:active {
outline: none;
}

aside,
nav,
footer,
header,
section {
display: block;
}

html,
body {
height: 100%;
}

body {
line-height: 1;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

input::-ms-clear {
display: none;
}

button {
cursor: pointer;
background: transparent;
}

button::-moz-focus-inner {
padding: 0;
border: 0;
}

a,
a:visited {
text-decoration: none;
}

a:hover {
text-decoration: none;
}

ul li {
list-style: none;
}

img {
vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: inherit;
font-size: inherit;
}

img {
max-width: 100%;
max-height: 100vh;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}

body {
line-height: 1;
}

ol,
ul {
list-style: none;
}

blockquote,
q {
quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}

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

/*-----------------------------ШРИФТЫ------------------------------*/
@font-face {
font-family: "BlinkMacSystemFont Ultralight";
src: url("./fonts/blinkmacsystemfont-ultralight.ttf");
}
@font-face {
font-family: "BlinkMacSystemFont Light";
src: url("./fonts/blinkmacsystemfont-light.ttf");
}
@font-face {
font-family: "BlinkMacSystemFont Bold";
src: url("./fonts/blinkmacsystemfont-bold.ttf");
}
/*-----------------------------ОБЩЕЕ------------------------------*/
* {
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
font-family: inherit;
}

html {
scroll-behavior: smooth;
}

body {
position: relative;
display: grid;
grid-template-rows: auto 1fr auto;
width: calc(100vw - (100vw - 100%));
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
line-height: 1.2;
letter-spacing: 0%;
overflow-x: hidden;
}

/*---------------------------ПЕРЕМЕННЫЕ----------------------------*/
:root {
--black: #000000;
--black-20: #00000033;
--pink: #cb5499;
--white: #ffffff;
--darkest-grey: hsl(227, 5%, 18%);
--dark-grey: #585c6a;
--grey: #dedede;
--bright-pink: #e84fa8;
--white-80: #ffffffcc;
--white-50: #ffffff80;
--light-blue: #f2f9fa;
--light-blue-60: #f2f9fa99;
--light-grey: #f6f6f5;
--lightest-grey-15: #bfbfbf26;
--menu-grey: #e5eaed;
--white-40: #ffffff66;
--white-20: #ffffff33;
--green: #009846;
--dark-purple: #512e81;
--transition: all 0.4s ease;
}

/*----------------------------ОБЁРТКИ------------------------------*/
.container {
margin: auto;
max-width: 1484px;
height: 100%;
}
@media (max-width: 1600px) {
.container {
max-width: calc(100% - 80px);
}
}
@media (max-width: 1400px) {
.container {
padding: 0 30px;
}
}
@media (max-width: 1100px) {
.container {
padding: 0 10px;
}
}

/*------------------------СЛУЖЕБНЫЕ КЛАССЫ-------------------------*/
.hidden {
display: none !important;
}

/*----------------------------ЭЛЕМЕНТЫ-----------------------------*/
a,
button {
color: unset;
cursor: pointer !important;
}

.heading-115-600 {
display: inline-block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-weight: 600;
font-size: 115px;
line-height: 100%;
text-transform: uppercase;
}
@media (max-width: 1800px) {
.heading-115-600 {
font-size: 90px;
}
}
@media (max-width: 1400px) {
.heading-115-600 {
font-size: 80px;
}
}
@media (max-width: 1200px) {
.heading-115-600 {
font-size: 70px;
}
}
@media (max-width: 900px) {
.heading-115-600 {
font-size: 60px;
}
}
@media (max-width: 700px) {
.heading-115-600 span {
display: inline-block;
padding-left: 100px;
}
}
@media (max-width: 500px) {
.heading-115-600 {
font-size: 50px;
}
.heading-115-600 span {
display: inline-block;
padding-left: 40px;
}
}

.heading-65-500 {
font-weight: 500;
font-size: 65px;
line-height: 100%;
text-transform: uppercase;
}
@media (max-width: 1200px) {
.heading-65-500 {
font-size: 50px;
}
}
@media (max-width: 800px) {
.heading-65-500 {
font-size: 48px;
}
}
@media (max-width: 500px) {
.heading-65-500 {
font-size: 36px;
}
}

.heading-48-600 {
font-weight: 600;
font-size: 40px;
line-height: 130%;
text-transform: uppercase;
text-align: center;
}
@media (max-width: 600px) {
.heading-48-600 {
font-size: 36px;
}
}
@media (max-width: 400px) {
.heading-48-600 {
font-size: 32px;
}
}

.heading-48-500 {
font-weight: 500;
font-size: 48px;
line-height: 130%;
text-transform: uppercase;
}
@media (max-width: 800px) {
.heading-48-500 {
font-size: 40px;
}
}
@media (max-width: 600px) {
.heading-48-500 {
font-size: 32px;
text-wrap: balance;
}
}

.heading-32-500 {
font-weight: 500;
font-size: 32px;
line-height: 120%;
text-transform: uppercase;
}
@media (max-width: 800px) {
.heading-32-500 {
font-size: 24px;
}
}

.button-pink {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 25px;
border-radius: 11px;
background-color: var(--pink);
color: var(--white);
text-transform: uppercase;
white-space: nowrap;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.button-pink:hover {
background-color: var(--bright-pink);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
@media (max-width: 400px) {
.button-pink {
font-size: 16px;
}
}

.button-gradient {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 0px;
white-space: nowrap;
background: transparent;
border: none;
border-radius: 11px;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.button-gradient:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
@media (max-width: 400px) {
.button-gradient {
font-size: 16px;
}
}
.button-gradient span {
display: inline-block;
padding: 10px 20px;
color: var(--black);
font-weight: 500;
position: relative;
z-index: 2;
}
@media (max-width: 1400px) {
.button-gradient span {
font-size: 14px;
}
}
.button-gradient::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 11px;
padding: 2px;
background: linear-gradient(89.43deg, var(--green), var(--pink));
-webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.button-gradient::after {
display: none !important;
}

.gradient-border {
border: 2px solid transparent;
background-image: linear-gradient(var(--white), var(--white)), linear-gradient(89.43deg, var(--green), var(--pink));
background-origin: border-box;
background-clip: padding-box, border-box;
-webkit-transition: var(--transition);
transition: var(--transition);
}

.checkbox__container {
display: block;
position: relative;
padding-left: 40px;
font-size: 16px;
font-weight: 300;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox__container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkbox__container input:checked ~ .checkbox__checkmark::after {
display: block;
}
.checkbox__container:hover input ~ .checkbox__checkmark {
background-color: var(--light-grey);
}
.checkbox__checkmark {
position: absolute;
top: 0;
left: 0;
height: 24px;
width: 24px;
border: 1px solid var(--black-20);
border-radius: 5px;
}
.checkbox__checkmark::after {
content: "";
position: absolute;
display: none;
left: 8px;
top: 4px;
width: 7px;
height: 11px;
border: solid var(--pink);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.pink {
color: var(--pink);
}

.main-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 4px;
font-size: 24px;
}
.main-menu.main-menu--inner {
background-color: var(--menu-grey);
}
.main-menu__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: auto;
max-width: calc(100% - 168px);
padding: 30px 0;
background-color: transparent;
}
.main-menu--inner .main-menu__body {
-webkit-column-gap: 100px;
-moz-column-gap: 100px;
column-gap: 100px;
padding: 20px 0;
}
.main-menu__logo {
width: 200px;
}
@media (max-width: 800px) {
.main-menu__logo {
display: none;
}
}
.main-menu__logo--mobile {
display: none;
}
@media (max-width: 800px) {
.main-menu__logo--mobile {
display: block;
width: 150px;
height: 48px;
}
}
.main-menu__list {
position: relative;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 70px;
-moz-column-gap: 70px;
column-gap: 70px;
}
.main-menu--inner .main-menu__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
row-gap: 10px;
}
.main-menu__item {
position: relative;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.main-menu__link {
display: inline-block;
width: 100%;
height: 100%;
padding: 5px;
color: inherit;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.main-menu__link::after {
content: "";
position: absolute;
display: inline-block;
left: 0;
bottom: -2px;
width: 0;
height: 1px;
background-color: var(--dark-grey);
opacity: 30%;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.main-menu__link:hover {
scale: 1.03;
}
.main-menu__link:hover::after {
opacity: 1;
width: 100%;
}
@media (max-width: 800px) {
.main-menu__link:hover::after {
display: none;
}
}

.menu-icon {
display: none;
}

@media (max-width: 1600px) {
.main-menu__list {
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
}
.main-menu__body {
max-width: calc(100% - 120px);
}
}
@media (max-width: 1500px) {
.main-menu--inner .main-menu__body {
-webkit-column-gap: 80px;
-moz-column-gap: 80px;
column-gap: 80px;
}
}
@media (max-width: 1400px) {
.main-menu__list {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.main-menu__body {
max-width: calc(100% - 60px);
}
}
@media (max-width: 1200px) {
.main-menu__list {
max-width: 700px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
row-gap: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-menu__body {
max-width: calc(100% - 40px);
}
}
@media (max-width: 1100px) {
.main-menu--inner .main-menu__body {
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
}
}
@media (max-width: 1000px) {
.main-menu__list {
max-width: 500px;
}
.main-menu--inner .main-menu__list {
font-size: 16px;
}
}
@media (max-width: 900px) {
.main-menu--inner .main-menu__body {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
.main-menu--inner .main-menu__body .button-gradient {
max-width: 150px;
text-align: center;
text-wrap: wrap;
}
}
@media (max-width: 800px) {
.main-menu {
position: fixed;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
z-index: 10;
overflow-y: auto;
overflow-x: hidden;
top: 0;
left: 0;
height: 100dvh;
border-radius: 0;
max-width: 400px;
width: 80%;
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-size: 24px;
}
.main-menu._active {
padding-top: 15px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-box-shadow: 300px 0px 300px 300px var(--light-blue-60);
box-shadow: 300px 0px 300px 300px var(--light-blue-60);
background-color: var(--light-blue);
z-index: 200;
}
.main-menu.main-menu--inner {
background-color: var(--light-blue);
}
.main-menu.main-menu--inner .button-gradient {
max-width: unset;
text-wrap: initial;
}
.main-menu__body {
max-width: 100%;
width: calc(100% - 10px);
padding: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: transparent;
}
.main-menu__body .button-gradient {
margin: 20px auto;
}
.main-menu__list {
position: static;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0px;
}
.main-menu--inner .main-menu__list {
row-gap: 0;
}
.main-menu__item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: static;
border-bottom: 1px dashed var(--pink);
}
.main-menu__link {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 15px;
color: var(--black);
}
.menu-icon {
display: inline-block;
width: 24px;
height: 24px;
cursor: pointer;
z-index: 5;
}
.menu-icon--wrapper {
position: relative;
height: 20px;
}
.menu-icon span {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
top: calc(50% - 2px);
left: 0px;
position: absolute;
width: 100%;
height: 2px;
background-color: var(--dark-grey);
}
.menu-icon span:first-child {
top: 0px;
}
.menu-icon span:last-child {
top: auto;
bottom: 2px;
}
.menu-icon._active span {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.menu-icon._active span:first-child {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
top: calc(50% - 2px);
}
.menu-icon._active span:last-child {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
bottom: 50%;
}
}
.header {
display: grid;
grid-template-columns: 1fr;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--light-blue-60)), to(transparent));
background-image: linear-gradient(to bottom, var(--light-blue-60) 50%, transparent);
}
.header-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 20;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.header__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.header__menu--top {
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
background-color: transparent;
color: var(--black);
font-size: 18px;
}

@media (max-width: 800px) {
.header {
grid-template-columns: 1fr 35px;
position: relative;
padding: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 20;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
min-height: -webkit-fit-content;
min-height: -moz-fit-content;
min-height: fit-content;
}
.header__menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
row-gap: 15px;
}
.header__menu--top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
row-gap: 30px;
}
}
.main {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 1920/729;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
overflow: hidden;
}
.main::before {
content: "";
position: absolute;
display: inline-block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--white-20);
z-index: 0;
}
@media (max-width: 700px) {
.main::before {
background-color: var(--white-40);
}
}
@media (max-width: 1200px) {
.main {
aspect-ratio: 1280/600;
}
}
@media (max-width: 1100px) {
.main {
aspect-ratio: 1280/720;
}
}
@media (max-width: 700px) {
.main {
aspect-ratio: unset;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
}
.main__background {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
z-index: -1;
}
@media (max-width: 1200px) {
.main__background {
top: 0;
}
}
@media (max-width: 900px) {
.main__background {
width: auto;
height: 100%;
}
}
.main__wrapper {
margin: auto 84px 50px 84px;
z-index: 2;
}
@media (max-width: 1800px) {
.main__wrapper {
margin: auto 84px 80px 84px;
}
}
@media (max-width: 1300px) {
.main__wrapper {
margin: 200px 84px 80px 84px;
}
}
@media (max-width: 900px) {
.main__wrapper {
margin: 170px 50px 40px 50px;
}
}
@media (max-width: 800px) {
.main__wrapper {
margin: 170px 40px 30px 40px;
}
}
@media (max-width: 700px) {
.main__wrapper {
margin: 120px 30px 40px 30px;
}
}
.main__content {
width: 1435px;
margin-top: 110px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 1980px) {
.main__content {
margin-top: 80px;
}
}
@media (max-width: 1800px) {
.main__content {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-top: 60px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-column-gap: 230px;
-moz-column-gap: 230px;
column-gap: 230px;
}
}
@media (max-width: 1800px) {
.main__content {
-webkit-column-gap: 100px;
-moz-column-gap: 100px;
column-gap: 100px;
}
}
@media (max-width: 1400px) {
.main__content {
margin-top: 40px;
}
}
@media (max-width: 1000px) {
.main__content {
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
}
}
@media (max-width: 900px) {
.main__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 40px;
}
}
@media (max-width: 800px) {
.main__content {
margin-top: 20px;
row-gap: 20px;
}
}
@media (max-width: 800px) {
.main__content {
row-gap: 30px;
}
}
.main__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
row-gap: 20px;
margin-top: 20px;
}
@media (max-width: 900px) {
.main__buttons {
margin-top: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
}
@media (max-width: 600px) {
.main__buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.main__text {
position: relative;
display: inline-block;
padding: 10px 20px 20px 20px;
font-family: "BlinkMacSystemFont Ultralight";
max-width: 34ch;
font-size: 54px;
line-height: 113%;
text-wrap: balance;
z-index: 2;
}
.main__text::before {
content: "";
position: absolute;
display: inline-block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--white-40);
z-index: -1;
}
@media (max-width: 700px) {
.main__text::before {
display: none;
}
}
@media (max-width: 1800px) {
.main__text {
font-size: 44px;
}
}
@media (max-width: 1400px) {
.main__text {
max-width: 35ch;
font-size: 32px;
}
}
@media (max-width: 1200px) {
.main__text {
font-size: 26px;
}
}
@media (max-width: 1050px) {
.main__text {
max-width: 26ch;
}
}
@media (max-width: 900px) {
.main__text {
max-width: 47ch;
}
}
@media (max-width: 800px) {
.main__text {
max-width: -webkit-min-content;
max-width: -moz-min-content;
max-width: min-content;
min-width: 35ch;
}
}
@media (max-width: 700px) {
.main__text {
min-width: unset;
max-width: 36ch;
font-family: "BlinkMacSystemFont Light";
font-size: 22px;
color: var(--darkest-grey);
}
}
@media (max-width: 550px) {
.main__text {
max-width: 26ch;
}
}

.usage {
margin: 150px auto 0;
width: 1400px;
}
@media (max-width: 1500px) {
.usage {
width: 1200px;
}
}
@media (max-width: 1400px) {
.usage {
width: auto;
margin: 100px 30px 0 30px;
}
}
@media (max-width: 800px) {
.usage {
margin: 70px 20px 0 20px;
}
}
.usage__list {
margin-top: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 90px;
}
@media (max-width: 800px) {
.usage__list {
margin-top: 30px;
row-gap: 55px;
}
}
.usage__item {
display: grid;
grid-template-columns: 350px 1fr;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
min-height: 250px;
}
@media (max-width: 1400px) {
.usage__item {
grid-template-columns: 320px 1fr;
min-height: 230px;
}
}
@media (max-width: 1100px) {
.usage__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (max-width: 1000px) {
.usage__item {
grid-template-columns: 250px 1fr;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
}
@media (max-width: 800px) {
.usage__item {
grid-template-columns: 1fr;
row-gap: 20px;
padding-bottom: 25px;
}
.usage__item:not(:last-child) {
border-bottom: 1px dashed var(--light-grey);
}
}
@media (max-width: 500px) {
.usage__item {
row-gap: 25px;
}
}
.usage__image-wrapper {
position: relative;
display: inline-block;
width: 100%;
aspect-ratio: 350/250;
overflow: hidden;
}
@media (max-width: 800px) {
.usage__image-wrapper {
aspect-ratio: 350/180;
}
}
@media (max-width: 500px) {
.usage__image-wrapper {
aspect-ratio: 350/220;
}
}
.usage__image {
position: absolute;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 800px) {
.usage__image {
height: auto;
width: 100%;
}
}
@media (max-width: 500px) {
.usage__image {
height: 100%;
border-radius: 11px;
}
}
.usage__info {
margin-top: 23px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 20px;
}
@media (max-width: 1400px) {
.usage__info {
margin-top: 5px;
}
}
@media (max-width: 1000px) {
.usage__info {
row-gap: 15px;
}
}
.usage__title {
font-size: 32px;
font-weight: 500;
line-height: 120%;
}
@media (max-width: 1400px) {
.usage__title {
font-size: 24px;
}
}
.usage__link {
position: relative;
display: inline-block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding-right: 40px;
font-weight: 500;
line-height: 120%;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.usage__link::after {
content: url("../images/arrow-right-pink.svg");
position: absolute;
display: inline-block;
left: calc(100% - 20px);
top: calc(50% - 10px);
width: 23px;
height: 12px;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.usage__link:hover::after {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
@media (max-width: 800px) {
.usage__link {
margin-left: auto;
margin-right: 10px;
}
}
@media (max-width: 500px) {
.usage__link {
margin-right: 0;
}
}

.medic {
margin: 150px auto 90px auto;
width: 1400px;
}
@media (max-width: 1500px) {
.medic {
width: 1250px;
}
}
@media (max-width: 1400px) {
.medic {
width: auto;
margin: 100px 30px 90px 30px;
}
}
@media (max-width: 600px) {
.medic {
margin: 70px auto 90px auto;
}
}
.medic__subheading {
margin-top: 20px;
text-align: center;
text-wrap: balance;
}
.medic__benefits {
margin-top: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 900px) {
.medic__benefits {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
row-gap: 50px;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
}
}
.medic__benefits-card {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 148px auto;
justify-items: center;
row-gap: 15px;
}
@media (max-width: 1200px) {
.medic__benefits-card {
grid-template-rows: 105px auto;
}
}
@media (max-width: 1050px) {
.medic__benefits-card {
grid-template-rows: 80px auto;
max-width: 300px;
}
}
.medic__benefits-card-image {
width: 103px;
margin-top: 30px;
}
@media (max-width: 1200px) {
.medic__benefits-card-image {
margin-top: 0;
}
}
@media (max-width: 1050px) {
.medic__benefits-card-image {
width: 80px;
}
}
.medic__benefits-title {
display: block;
padding: 30px 60px;
font-size: 32px;
font-weight: 500;
line-height: 120%;
text-align: center;
text-wrap: balance;
}
@media (max-width: 1500px) {
.medic__benefits-title {
font-size: 28px;
}
}
@media (max-width: 1400px) {
.medic__benefits-title {
font-size: 24px;
padding: 20px 40px;
}
}
@media (max-width: 1050px) {
.medic__benefits-title {
padding: 10px 15px;
}
}

.presentation {
width: 100%;
min-height: 905px;
display: grid;
grid-template-columns: 17fr 15fr;
}
@media (max-width: 1700px) {
.presentation {
grid-template-columns: 15fr 17fr;
}
}
@media (max-width: 1500px) {
.presentation {
min-height: 785px;
grid-template-columns: 10fr 14fr;
}
}
@media (max-width: 1300px) {
.presentation {
min-height: 780px;
grid-template-columns: 1.2fr 2fr;
}
}
@media (max-width: 1150px) {
.presentation {
min-height: 720px;
grid-template-columns: 1.2fr 2.3fr;
}
}
@media (max-width: 1000px) {
.presentation {
min-height: 720px;
grid-template-columns: 1.7fr 2.3fr;
}
}
@media (max-width: 700px) {
.presentation {
min-height: unset;
grid-template-columns: 1fr;
}
}
.presentation .heading-65-500 {
display: inline-block;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
}
@media (max-width: 1700px) {
.presentation .heading-65-500 {
font-size: 55px;
}
}
@media (max-width: 1500px) {
.presentation .heading-65-500 {
font-size: 38px;
}
}
@media (max-width: 1300px) {
.presentation .heading-65-500 {
font-size: 32px;
}
}
@media (max-width: 1300px) {
.presentation .heading-65-500 {
font-size: 24px;
}
}
.presentation--1 {
position: relative;
color: var(--white);
overflow: hidden;
z-index: 3;
}
@media (max-width: 900px) {
.presentation--1 {
min-height: 830px;
}
}
.presentation--1::before {
content: "";
position: absolute;
display: inline-block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url("../images/presentation-bg.png") no-repeat center;
z-index: -2;
}
@media (min-width: 1920px) {
.presentation--1::before {
background-size: cover;
}
}
.presentation--1::after {
content: "";
position: absolute;
display: inline-block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(252.24deg, var(--dark-purple) 0%, var(--black) 100%);
opacity: 0.2;
z-index: -1;
}
.presentation--1 .presentation__right {
background-color: var(--lightest-grey-15);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
}
@media (max-width: 900px) {
.presentation--2 {
min-height: 720px;
grid-template-columns: 1.7fr 2.3fr;
}
}
@media (max-width: 700px) {
.presentation--2 {
min-height: unset;
grid-template-columns: 1fr;
}
}
.presentation--2 .presentation__right {
background-color: var(--light-blue);
}
@media (max-width: 700px) {
.presentation--2 .presentation__left {
width: 100%;
justify-items: end;
background-color: var(--light-blue);
}
}
@media (max-width: 450px) {
.presentation--2 .presentation__left {
justify-items: start;
}
}
@media (max-width: 900px) {
.presentation--2 .presentation__info {
justify-self: unset;
}
}
@media (max-width: 1700px) {
.presentation--3 {
min-height: 840px;
}
}
@media (max-width: 1600px) {
.presentation--3 {
min-height: 790px;
}
}
@media (max-width: 1400px) {
.presentation--3 {
min-height: 750px;
}
}
@media (max-width: 1200px) {
.presentation--3 {
min-height: 710px;
}
}
@media (max-width: 1100px) {
.presentation--3 {
min-height: 640px;
}
}
@media (max-width: 1000px) {
.presentation--3 {
min-height: 510px;
}
}
@media (max-width: 900px) {
.presentation--3 {
grid-template-columns: 1.7fr 2.3fr;
min-height: 500px;
}
}
@media (max-width: 600px) {
.presentation--3 {
grid-template-columns: 1fr;
min-height: -webkit-fit-content;
min-height: -moz-fit-content;
min-height: fit-content;
}
}
.presentation--3 .heading-65-500 {
width: auto;
max-width: 700px;
}
.presentation--3__left {
background-color: var(--light-grey);
}
.presentation--3 .presentation__right {
position: relative;
overflow: hidden;
}
@media (max-width: 900px) {
.presentation--3 .presentation__right {
height: 100%;
}
}
@media (max-width: 600px) {
.presentation--3 .presentation__right {
height: 380px;
}
}
.presentation--3 .presentation__right img {
position: absolute;
width: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 900px) {
.presentation--3 .presentation__right img {
width: auto;
height: 100%;
}
}
@media (max-width: 600px) {
.presentation--3 .presentation__right img {
width: 100%;
height: unset;
}
}
.presentation--3 .presentation__info {
display: inline-block;
max-width: 600px;
padding: 30px 0;
font-size: 28px;
font-weight: 400;
border-top: 1px dashed var(--pink);
border-bottom: 1px dashed var(--pink);
}
@media (max-width: 1700px) {
.presentation--3 .presentation__info {
max-width: 95%;
}
}
@media (max-width: 1300px) {
.presentation--3 .presentation__info {
font-size: 24px;
}
}
@media (max-width: 1150px) {
.presentation--3 .presentation__info {
padding: 20px 0;
font-size: 18px;
}
}
.presentation__left {
margin: 0 auto;
padding: 180px 49px 49px;
justify-items: end;
}
@media (max-width: 1500px) {
.presentation__left {
max-width: 100%;
padding: 90px 49px 49px;
justify-items: start;
}
}
@media (max-width: 1300px) {
.presentation__left {
padding: 90px 30px 49px 40px;
}
}
@media (max-width: 900px) {
.presentation__left {
padding: 40px 20px 29px 30px;
}
}
@media (max-width: 700px) {
.presentation__left {
width: 100%;
padding: 40px 30px 29px 40px;
}
}
@media (max-width: 600px) {
.presentation__left {
padding: 40px 30px 29px 25px;
}
}
.presentation__info {
margin-top: 30px;
justify-self: start;
}
@media (max-width: 1500px) {
.presentation__info {
margin-top: 50px;
}
}
@media (max-width: 1500px) {
.presentation__right {
max-width: 100%;
}
}
.presentation__display {
width: 100%;
height: 100%;
}

.tabs__tab-container {
border-top: 1px dashed var(--pink);
min-width: 429px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (max-width: 1300px) {
.tabs__tab-container {
min-width: unset;
width: 90%;
}
}
.tabs__tab {
position: relative;
width: 100%;
padding: 22px 30px 22px 0;
text-align: left;
font-size: 28px;
font-weight: 500;
border-bottom: 1px dashed var(--pink);
-webkit-transition: var(--transition);
transition: var(--transition);
}
@media (max-width: 1500px) {
.tabs__tab {
padding: 16px 30px 16px 0;
font-size: 24px;
}
}
@media (max-width: 1500px) {
.tabs__tab {
padding: 14px 30px 14px 0;
font-size: 18px;
}
}
.tabs__tab:hover {
padding-left: 10px;
}
.tabs__tab:hover::before {
opacity: 1;
}
@media (max-width: 1500px) {
.tabs__tab:hover {
padding-left: 0;
}
}
.tabs__tab::before {
content: url("../images/arrow-right.svg");
position: absolute;
display: inline-block;
opacity: 0;
right: 0;
top: calc(50% - 18px);
width: 23px;
height: 12px;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
@media (max-width: 1500px) {
.tabs__tab::before {
top: calc(50% - 10px);
}
}
@media (max-width: 1150px) {
.tabs__tab::before {
top: calc(50% - 10px);
}
}
@media (max-width: 700px) {
.tabs__tab::before {
top: calc(50% - 6px);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
}
.tabs__tab.stand__tab--active::before {
opacity: 1;
}
.tabs__tab.monitoring__tab::before {
content: url("../images/arrow-right-pink.svg");
}
.tabs__tab.monitoring__tab--active::before {
opacity: 1;
}
.tabs__content {
display: none;
}

.stand__content {
height: 100%;
padding: 80px 55px 69px 83px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1500px) {
.stand__content {
padding: 70px 45px 70px 53px;
}
}
@media (max-width: 1000px) {
.stand__content {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 70px 45px 70px 30px;
}
}
@media (max-width: 900px) {
.stand__content {
padding: 40px 45px 70px 30px;
}
}
.stand__content img {
position: absolute;
}
.stand__content .text {
font-size: 28px;
font-weight: 400;
z-index: 2;
text-wrap: balance;
}
@media (max-width: 1700px) {
.stand__content .text {
font-size: 26px;
}
}
@media (max-width: 1500px) {
.stand__content .text {
font-size: 24px;
}
}
@media (max-width: 1500px) {
.stand__content .text {
font-size: 20px;
}
}
.stand__content ul.text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 35px;
max-width: 432px;
}
@media (max-width: 1000px) {
.stand__content ul.text {
max-width: 90%;
row-gap: 20px;
}
}
@media (max-width: 600px) {
.stand__content ul.text {
font-size: 18px;
}
}
.stand__content li {
position: relative;
display: inline-block;
padding-left: 20px;
}
.stand__content li::before {
content: "";
position: absolute;
display: inline-block;
left: 0;
top: 15px;
width: 4px;
height: 4px;
background-color: var(--white);
border-radius: 10px;
}
.stand__content--active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 900px) {
.stand__content--1 {
padding: 10px 45px 70px 30px;
}
}
@media (max-width: 450px) {
.stand__content--1 {
height: 590px;
padding: 10px 45px 70px 25px;
}
}
.stand__content--1 img {
height: 684px;
right: 69px;
bottom: 83px;
}
@media (max-width: 1150px) {
.stand__content--1 img {
height: 570px;
}
}
@media (max-width: 1000px) {
.stand__content--1 img {
height: 550px;
right: 20px;
bottom: 33px;
}
}
@media (max-width: 600px) {
.stand__content--1 img {
height: 460px;
}
}
.stand__content--1 .text {
max-width: 350px;
}
@media (max-width: 1000px) {
.stand__content--1 .text {
max-width: 250px;
margin-top: 50px;
}
}
@media (max-width: 450px) {
.stand__content--1 .text {
max-width: 220px;
}
}
@media (max-width: 900px) {
.stand__content--2 {
min-height: 900px;
}
}
@media (max-width: 700px) {
.stand__content--2 {
min-height: unset;
}
}
@media (max-width: 450px) {
.stand__content--2 {
height: 590px;
}
}
.stand__content--2 img {
height: 665px;
right: 25px;
bottom: 96px;
}
@media (max-width: 1700px) {
.stand__content--2 img {
height: 600px;
}
}
@media (max-width: 1500px) {
.stand__content--2 img {
right: 22px;
}
}
@media (max-width: 1500px) {
.stand__content--2 img {
bottom: 50px;
}
}
@media (max-width: 1500px) {
.stand__content--2 img {
bottom: 30px;
}
}
@media (max-width: 1150px) {
.stand__content--2 img {
height: 540px;
}
}
@media (max-width: 1000px) {
.stand__content--2 img {
height: 370px;
right: 12px;
}
}
@media (max-width: 900px) {
.stand__content--2 img {
height: 480px;
right: 2px;
bottom: 10px;
}
}
@media (max-width: 700px) {
.stand__content--2 img {
height: 530px;
bottom: 60px;
}
}
@media (max-width: 600px) {
.stand__content--2 img {
height: 410px;
bottom: 130px;
}
}
@media (max-width: 450px) {
.stand__content--2 img {
height: 330px;
bottom: 20px;
}
}
@media (max-width: 1300px) {
.stand__content--2 ul.text {
max-width: 350px;
}
}
@media (max-width: 900px) {
.stand__content--2 ul.text {
max-width: 100%;
text-shadow: 1px 1px 2px var(--dark-grey);
}
}
@media (max-width: 700px) {
.stand__content--2 ul.text {
max-width: 400px;
}
}
@media (max-width: 600px) {
.stand__content--2 ul.text {
max-width: 250px;
}
}
@media (max-width: 450px) {
.stand__content--2 ul.text {
max-width: 70%;
}
}
.stand__content--3 img {
height: 665px;
right: 25px;
bottom: 96px;
}
@media (max-width: 1300px) {
.stand__content--3 img {
bottom: 50px;
}
}
@media (max-width: 1000px) {
.stand__content--3 img {
height: 430px;
}
}
@media (max-width: 900px) {
.stand__content--3 img {
height: 440px;
bottom: 30px;
right: 30px;
}
}
@media (max-width: 700px) {
.stand__content--3 img {
bottom: 90px;
}
}
@media (max-width: 600px) {
.stand__content--3 img {
height: 440px;
right: 20px;
}
}
@media (max-width: 1300px) {
.stand__content--3 ul.text {
max-width: 400px;
}
}
@media (max-width: 1000px) {
.stand__content--3 ul.text {
max-width: 310px;
}
}
@media (max-width: 900px) {
.stand__content--3 ul.text {
max-width: 90%;
text-shadow: 1px 1px 2px var(--dark-grey);
}
}
@media (max-width: 600px) {
.stand__content--3 ul.text {
max-width: 280px;
}
}
@media (max-width: 450px) {
.stand__content--3 ul.text {
max-width: 240px;
}
}
@media (max-width: 450px) {
.stand__content--4 {
height: 590px;
}
}
.stand__content--4 ul.text {
max-width: 650px;
}
@media (max-width: 450px) {
.stand__content--4 ul.text {
font-size: 16px;
}
}

@media (max-width: 700px) {
.monitoring__tab-container {
justify-self: end;
}
}
@media (max-width: 600px) {
.monitoring__tab-container {
width: 80%;
}
}
@media (max-width: 450px) {
.monitoring__tab-container {
width: 100%;
}
}
.monitoring__content {
position: relative;
height: 100%;
padding: 190px 100px 100px 100px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
@media (max-width: 1500px) {
.monitoring__content {
padding: 140px 60px 60px 60px;
}
}
@media (max-width: 1150px) {
.monitoring__content {
padding: 110px 50px 60px 60px;
}
}
@media (max-width: 1000px) {
.monitoring__content {
padding: 110px 45px 60px 40px;
}
}
@media (max-width: 900px) {
.monitoring__content {
overflow: visible;
padding: 50px 45px 60px 40px;
}
}
@media (max-width: 450px) {
.monitoring__content {
overflow: hidden;
padding: 30px 45px 120px 25px;
}
}
.monitoring__content img {
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 700px) {
.monitoring__content img {
bottom: 100%;
width: 300px;
}
}
@media (max-width: 600px) {
.monitoring__content img {
width: 220px;
}
}
@media (max-width: 450px) {
.monitoring__content img {
bottom: 0;
}
}
.monitoring__content .text {
font-size: 24px;
font-weight: 400;
text-wrap: balance;
z-index: 2;
}
@media (max-width: 1150px) {
.monitoring__content .text {
font-size: 20px;
}
}
@media (max-width: 600px) {
.monitoring__content .text {
font-size: 18px;
}
}
.monitoring__content--active {
display: block;
}
@media (max-width: 1500px) {
.monitoring__content--active {
max-height: 790px;
}
}
.monitoring__content--1 img {
width: 100%;
}
@media (min-width: 1920px) {
.monitoring__content--1 img {
max-width: 900px;
}
}
@media (max-width: 700px) {
.monitoring__content--1 img {
width: 300px;
}
}
@media (max-width: 600px) {
.monitoring__content--1 img {
width: 220px;
}
}
@media (max-width: 450px) {
.monitoring__content--1 img {
left: unset;
right: 0;
}
}
@media (max-width: 450px) {
.monitoring__content--3 img {
left: 20%;
}
}

.business {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 500px) {
.business .heading-48-600 {
padding: 0 10px;
}
}
.business__wrapper {
max-width: 1484px;
margin: 150px auto 200px;
}
@media (max-width: 1600px) {
.business__wrapper {
max-width: 1200px;
}
}
@media (max-width: 800px) {
.business__wrapper {
margin: 90px auto 100px;
}
}
.business__subheading {
margin-top: 30px;
margin-bottom: 60px;
text-align: center;
color: var(--dark-grey);
text-wrap: balance;
}
.business__content {
display: grid;
grid-template-columns: 771px 712px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1600px) {
.business__content {
grid-template-columns: 600px 600px;
}
}
@media (max-width: 1200px) {
.business__content {
grid-template-columns: 500px 450px;
}
}
@media (max-width: 1000px) {
.business__content {
grid-template-columns: 400px 400px;
}
}
@media (max-width: 900px) {
.business__content {
grid-template-columns: 400px 350px;
}
}
@media (max-width: 800px) {
.business__content {
position: relative;
grid-template-columns: 1fr;
}
}
.business__content-text {
padding-left: 60px;
padding-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 60px;
font-size: 32px;
font-weight: 500;
}
.business__content-text b {
font-weight: 700;
}
@media (max-width: 1600px) {
.business__content-text {
row-gap: 50px;
font-size: 26px;
}
}
@media (max-width: 1400px) {
.business__content-text {
font-size: 24px;
}
}
@media (max-width: 1200px) {
.business__content-text {
padding-left: 20px;
row-gap: 40px;
font-size: 20px;
}
}
@media (max-width: 1000px) {
.business__content-text {
padding-left: 20px;
padding-bottom: 10px;
row-gap: 24px;
}
}
@media (max-width: 800px) {
.business__content-text {
display: none;
}
}
.business__swiper {
width: 771px;
}
@media (max-width: 1600px) {
.business__swiper {
width: 600px;
}
}
@media (max-width: 1400px) {
.business__swiper {
padding: 0px 20px;
}
}
@media (max-width: 1200px) {
.business__swiper {
width: 500px;
}
}
@media (max-width: 1000px) {
.business__swiper {
width: 400px;
padding: 0;
}
}
@media (max-width: 500px) {
.business__swiper {
width: 100%;
padding: 0 15px;
}
}
.business__slide {
opacity: 0;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
@media (max-width: 800px) {
.business__slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
row-gap: 20px;
}
}
.business__slide.swiper-slide-active {
opacity: 1;
}
.business__slide-text-wrapper {
display: none;
}
@media (max-width: 800px) {
.business__slide-text-wrapper {
display: inline-block;
text-align: center;
text-wrap: balance;
}
}
.business__nav-btns-wrapper {
position: absolute;
top: 360px;
left: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 3px 5px;
z-index: 2;
}
@media (max-width: 500px) {
.business__nav-btns-wrapper {
padding: 3px 25px;
top: 79vw;
}
}
.business__nav-btn {
display: none;
}
@media (max-width: 800px) {
.business__nav-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 28px;
height: 28px;
border-radius: 100px;
outline: 2px solid var(--pink);
}
.business__nav-btn img {
width: 20px;
}
.business__nav-btn.swiper-button-disabled {
opacity: 0.4;
}
}
.about-card {
position: relative;
width: 1250px;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
margin: 0 auto 200px auto;
display: grid;
grid-template-columns: 500px 750px;
background-color: var(--light-blue);
}
@media (max-width: 1400px) {
.about-card {
width: auto;
grid-template-columns: 500px 1fr;
margin: 0 30px 200px 30px;
}
}
@media (max-width: 1200px) {
.about-card {
grid-template-columns: 400px 1fr;
}
}
@media (max-width: 1000px) {
.about-card {
margin: 0 10px 200px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
height: 800px;
overflow: hidden;
}
}
@media (max-width: 800px) {
.about-card {
height: 600px;
}
}
@media (max-width: 600px) {
.about-card {
margin: 0 auto 100px auto;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
overflow: visible;
}
}
@media (max-width: 1300px) {
.about-card .heading-65-500 {
font-size: 38px;
}
}
@media (max-width: 800px) {
.about-card .heading-65-500 {
font-size: 30px;
}
}
.about-card__image-wrapper {
position: relative;
display: inline-block;
width: 500px;
height: 100%;
}
@media (max-width: 1200px) {
.about-card__image-wrapper {
width: 400px;
}
}
@media (max-width: 1000px) {
.about-card__image-wrapper {
position: absolute;
width: 100%;
height: 100%;
}
}
@media (max-width: 600px) {
.about-card__image-wrapper {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 500/469;
overflow: hidden;
}
}
.about-card__image {
position: absolute;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1000px) {
.about-card__image {
width: 100%;
height: auto;
}
}
.about-card__info {
width: 570px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin: 120px auto 112px auto;
border-bottom: 1px dashed var(--pink);
}
@media (max-width: 1400px) {
.about-card__info {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 120px 70px 112px 70px;
}
}
@media (max-width: 1200px) {
.about-card__info {
margin: 120px 50px 112px 50px;
}
}
@media (max-width: 1000px) {
.about-card__info {
position: relative;
padding: 120px 50px 60px 50px;
margin: 0;
border-bottom: none;
z-index: 2;
}
.about-card__info::before {
content: "";
position: absolute;
display: inline-block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: var(--light-blue);
background: -webkit-gradient(linear, left bottom, left top, color-stop(31%, var(--light-blue)), color-stop(75%, var(--light-blue-60)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(0deg, var(--light-blue) 31%, var(--light-blue-60) 75%, rgba(255, 255, 255, 0) 100%);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
z-index: -1;
}
}
@media (max-width: 800px) {
.about-card__info {
padding: 30px;
}
}
@media (max-width: 600px) {
.about-card__info {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 30px 20px;
}
.about-card__info::before {
display: none;
}
}
.about-card__title {
margin-top: 40px;
display: inline-block;
font-weight: 600;
font-size: 26px;
line-height: 200%;
}
@media (max-width: 1200px) {
.about-card__title {
margin-top: 30px;
font-size: 24px;
}
}
@media (max-width: 800px) {
.about-card__title {
margin-top: 10px;
font-size: 22px;
}
}
@media (max-width: 500px) {
.about-card__title {
margin-top: 20px;
margin-bottom: 10px;
font-size: 20px;
line-height: 120%;
}
}
.about-card__text {
margin-bottom: 72px;
line-height: 200%;
}
@media (max-width: 1000px) {
.about-card__text {
margin-bottom: 0;
}
}
@media (max-width: 500px) {
.about-card__text {
font-size: 17px;
line-height: 150%;
}
}

.request {
width: 1068px;
margin: 0 auto 200px;
}
.request .request__success-message,
.request .request__error-message {
display: none;
font-size: 24px;
margin: 100px auto;
line-height: 120%;
text-align: center;
text-wrap: balance;
}
@media (max-width: 800px) {
.request .request__success-message,
.request .request__error-message {
font-size: 20px;
}
}
.request--success .heading-48-500,
.request--success .request__subheading,
.request--success .form {
display: none;
}
.request--success .request__success-message {
display: block;
color: var(--green);
}
.request--error .heading-48-500,
.request--error .request__subheading,
.request--error .form {
display: none;
}
.request--error .request__error-message {
display: block;
color: var(--pink);
}
@media (max-width: 1200px) {
.request {
width: calc(100% - 40px);
}
}
@media (max-width: 800px) {
.request {
margin: 0 auto 100px;
}
}
.request__subheading {
margin-top: 5px;
font-weight: 400;
font-size: 24px;
line-height: 250%;
}
@media (max-width: 800px) {
.request__subheading {
font-size: 22px;
}
}
@media (max-width: 600px) {
.request__subheading {
margin-top: 15px;
line-height: 120%;
}
}

.form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 90px;
}
@media (max-width: 1200px) {
.form {
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
}
}
@media (max-width: 800px) {
.form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 27px;
margin-top: 40px;
}
}
.form__left {
width: 462px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 27px;
}
@media (max-width: 1200px) {
.form__left {
width: 100%;
}
}
.form__input {
padding: 10px 20px 12px;
font-size: 20px;
font-weight: 300;
line-height: 120%;
}
.form__input::-webkit-input-placeholder {
color: var(--dark-grey);
}
.form__input::-moz-placeholder {
color: var(--dark-grey);
}
.form__input:-ms-input-placeholder {
color: var(--dark-grey);
}
.form__input::-ms-input-placeholder {
color: var(--dark-grey);
}
.form__input::placeholder {
color: var(--dark-grey);
}
.form__right {
width: 488px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
row-gap: 22px;
}
@media (max-width: 1200px) {
.form__right {
width: 100%;
}
}
.form__textarea {
padding: 12px 23px 13px;
font-size: 20px;
font-weight: 300;
line-height: 120%;
min-height: 126px;
}
.form__button {
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin-top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px;
font-size: 16px;
line-height: 100%;
font-family: "BlinkMacSystemFont Bold";
text-transform: uppercase;
border-radius: 11px;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.form__button:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.form__link {
text-decoration: underline;
}
.form__link:hover {
text-decoration: underline;
}

.page {
margin: 200px auto 150px;
width: 1400px;
min-height: 400px;
}
@media (max-width: 1400px) {
.page {
width: auto;
margin: 180px 30px 120px 30px;
}
}
@media (max-width: 800px) {
.page {
margin: 90px 20px 90px 20px;
}
}
.page__gallery {
margin-bottom: 100px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
@media (max-width: 1200px) {
.page__gallery {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 900px) {
.page__gallery {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 500px) {
.page__gallery {
grid-template-columns: 1fr;
}
}
.page__gallery a {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
aspect-ratio: 1/1;
overflow: hidden;
}
.page__gallery a::after {
display: none;
}
.page__gallery a:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.page__gallery a:hover::after {
display: none;
}
.page__gallery a img {
position: absolute;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.page ul {
margin: 0 0 20px 27px;
}
.page ul li {
list-style: disc;
}
.page ol {
padding-left: 30px;
}
.page ol li {
list-style: decimal;
}
.page iframe {
max-width: 100%;
height: auto;
margin: 20px 0;
aspect-ratio: 16/9;
}
.page p {
margin: 9px 0;
}
.page a {
display: inline-block;
position: relative;
font-weight: 500;
color: var(--pink);
-webkit-transition: var(--transition);
transition: var(--transition);
}
.page a::after {
content: "";
position: absolute;
display: inline-block;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: var(--pink);
opacity: 30%;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.page a:hover::after {
opacity: 1;
width: 100%;
}
.page a:has(img)::after {
display: none;
}
.page .float-left {
float: left;
}
.page .float-right {
float: right;
}
.page .float-left,
.page .float-right {
max-width: 400px;
margin: 9px;
}
@media (max-width: 600px) {
.page .float-left,
.page .float-right {
width: 100%;
margin: 20px;
}
}

.news {
margin-bottom: 60px;
}
@media (max-width: 800px) {
.news {
margin-bottom: 30px;
}
}
.news__image {
width: 600px;
float: left;
margin-right: 50px;
margin-bottom: 40px;
}
@media (max-width: 1400px) {
.news__image {
width: 450px;
}
}
@media (max-width: 1100px) {
.news__image {
width: 350px;
margin-right: 30px;
margin-bottom: 10px;
}
}
@media (max-width: 800px) {
.news__image {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
}
.news__title {
margin-bottom: 20px;
}

@font-face {
font-family: "lg";
src: url("../lightGallery/fonts/lg.woff2?io9a6k") format("woff2"), url("../lightGallery/fonts/lg.ttf?io9a6k") format("truetype"), url("../lightGallery/fonts/lg.woff?io9a6k") format("woff"), url("../lightGallery/fonts/lg.svg?io9a6k#lg") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
.lg-icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "lg" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-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, 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: none;
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;
}
}
@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;
}
}
@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 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}

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

.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background: rgba(0, 0, 0, 0.6);
}

.lg-media-overlap .lg-toolbar {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 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 0.2s linear;
transition: color 0.2s linear;
background: none;
border: none;
-webkit-box-shadow: 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 0.2s ease-out 0s;
transition: opacity 0.2s ease-out 0s;
}

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

.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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 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-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
opacity: 0;
-webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
-webkit-transition: opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear, -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
transition: opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear, -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear, -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
}

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-video-cont {
opacity: 0;
-ms-transform: scale3d(0.5, 0.5, 0.5);
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
will-change: transform, opacity;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !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-video-cont {
opacity: 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, 0.6);
}

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

.lg-outer .lg-thumb-outer {
background-color: rgba(0, 0, 0, 0.6);
width: 100%;
max-height: 350px;
overflow: hidden;
float: left;
}

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

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-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 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item:hover {
border-color: var(--color-main);
}

.lg-outer .lg-thumb-item.active {
border-color: var(--color-main-dark);
}

.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
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(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.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 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;
}

@-webkit-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-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;
}
}
@-webkit-keyframes lg-play-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@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;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
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;
-webkit-transition: opacity 0.1s, -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
transition: opacity 0.1s, -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
transition: 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, -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
}

.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;
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%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
opacity: 0.6;
will-change: opacity;
-webkit-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 {
-webkit-animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
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;
-webkit-transform: translate(-50%, -50%) scale(0.7);
-ms-transform: translate(-50%, -50%) scale(0.7);
transform: translate(-50%, -50%) scale(0.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 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
background-color: var(--color-main);
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: 0.75;
pointer-events: none;
}

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

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
will-change: transform;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.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 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.8s cubic-bezier(0, 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;
backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
-webkit-transition: opacity 0.15s, -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s !important;
transition: opacity 0.15s, -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s !important;
transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s, -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

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

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

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

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !important;
transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !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: 0.5;
pointer-events: none;
}

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

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

.lg-icon.lg-zoom-out {
opacity: 0.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[data-lg-slide-type=video] .lg-zoom-in,
.lg-outer[data-lg-slide-type=video] .lg-actual-size,
.lg-outer[data-lg-slide-type=video] .lg-zoom-out,
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,
.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out,
.lg-outer.lg-first-slide-loading .lg-zoom-in,
.lg-outer.lg-first-slide-loading .lg-actual-size,
.lg-outer.lg-first-slide-loading .lg-zoom-out {
opacity: 0.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 {
-webkit-box-shadow: 0 0 0 2px white inset;
box-shadow: 0 0 0 2px white 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 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s, -webkit-transform 0.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, 0.5);
border-radius: 50%;
-webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-webkit-transition: -webkit-box-shadow 0.3s ease 0s;
transition: -webkit-box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;
width: 12px;
}

.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
-webkit-box-shadow: 0 0 0 8px white inset;
box-shadow: 0 0 0 8px white 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, 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 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.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;
-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 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;
-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 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-webkit-transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.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: 0px;
}

.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, 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;
-ms-transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.4s cubic-bezier(0, 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("../img/loading.gif") 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 0.2s linear;
transition: color 0.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, 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 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.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;
-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}

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

.lg-outer.lg-comment-active .lg-comment-box {
-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 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer[data-lg-slide-type=video] .lg-rotate-left,
.lg-outer[data-lg-slide-type=video] .lg-rotate-right,
.lg-outer[data-lg-slide-type=video] .lg-flip-ver,
.lg-outer[data-lg-slide-type=video] .lg-flip-hor,
.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=iframe] .lg-flip-ver,
.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor {
opacity: 0.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: -webkit-zoom-in;
cursor: zoom-in;
}

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

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

.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object {
cursor: -webkit-zoom-out;
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;
-webkit-transition: 0.5s opacity ease;
transition: 0.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: none;
}

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

.lg-on {
scroll-behavior: unset;
}

.lg-overlay-open {
overflow: hidden;
}

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

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
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: 0.001;
outline: none;
will-change: auto;
overflow: hidden;
-webkit-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}

.lg-outer * {
-webkit-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-prev-slide,
.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-current {
-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-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}

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

.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-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;
transition: opacity 0s;
white-space: nowrap;
}

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

.lg-outer .lg-item:not(.lg-start-end-progress) {
background: url("../img/loading.gif") no-repeat scroll center center transparent;
}

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

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

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

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap: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: 0.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;
-webkit-transition: opacity 0.2s ease-out 0.15s;
transition: opacity 0.2s ease-out 0.15s;
}

.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
will-change: auto;
-webkit-transition: opacity 333ms ease-in 0s;
transition: opacity 333ms ease-in 0s;
}

.lg-backdrop.in {
opacity: 1;
}

.lg-medium-zoom .lg-backdrop {
background-color: rgba(0, 0, 0, 0.6) !important;
}

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

.lg-css3.lg-use-css3 .lg-item {
-webkit-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-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
-webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 1s cubic-bezier(0, 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-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 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 0.35s ease-out 0s;
transition: -webkit-transform 0.35s ease-out 0s;
transition: transform 0.35s ease-out 0s;
transition: transform 0.35s ease-out 0s, -webkit-transform 0.35s ease-out 0s;
z-index: 1080;
position: absolute;
bottom: 0;
right: 0;
left: 0;
}

.footer {
width: 100%;
padding: 60px 0;
background-color: var(--black);
}
@media (max-width: 600px) {
.footer {
padding: 30px 0;
}
}
.footer__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 800px) {
.footer__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 40px;
}
}
.footer__logo {
width: 200px;
}
.footer__contacts-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
}
@media (max-width: 1200px) {
.footer__contacts-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.footer__contact {
padding-left: 30px;
color: var(--white);
}
.footer__link {
display: inline-block;
position: relative;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.footer__link::before {
content: "";
position: absolute;
display: inline-block;
left: -30px;
top: 0;
width: 17px;
height: 17px;
}
.footer__link[href^=tel]::before {
top: 2px;
content: url("../images/phone-icon.svg");
}
.footer__link[href^=mailto]::before {
top: 1px;
content: url("../images/mail-icon.svg");
}
.footer__link::after {
content: "";
position: absolute;
display: inline-block;
left: 0;
bottom: -2px;
width: 0;
height: 2px;
background-color: var(--white);
opacity: 30%;
-webkit-transition: var(--transition);
transition: var(--transition);
}
.footer__link:hover::after {
opacity: 1;
width: 100%;
}