/****************** VAR *******************/

:root {
    --text_color    :   #2f364c;
    --white         :   #ffffff;
    --orange        :   #FF8928;
    --orange_2      :   #ffae6b;
    --orange_3      :   #ea6a00;
    --blue_dark     :   #2F364C;
    --blue_1        :   #04B4FE;
    --blue_2        :   #0297FF;
    --blue_3        :   #61b3fc;
    --blue_4        :   #1363DF;
    --gray_1        :   #ececec;
    --gray_2        :   #6b6e7c;
    --gray_3        :   #e5e5e5;
    --gray_4        :   #1e1e1e;
    --pink          :   #fa72b5;
    --yellow        :   #fff531;
    --red           :   #c90000;
    --black         :   #000000;
    --blue_num      :   61, 65, 83;
	
	--bg-design		: #ffe8e8;
	--bg-research	: #ecd9ff;
	--bg-radius		: 240px;
}

/****************** VAR - END *******************/

/****************** FONTS *******************/

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-Thin.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-Thin.woff') format('woff'),
		url('fonts/montserrat/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-ThinItalic.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-ThinItalic.woff') format('woff'),
		url('fonts/montserrat/Montserrat-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-ExtraLight.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-ExtraLight.woff') format('woff'),
		url('fonts/montserrat/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-ExtraLightItalic.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-ExtraLightItalic.woff') format('woff'),
		url('fonts/montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-Light.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-Light.woff') format('woff'),
		url('fonts/montserrat/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-LightItalic.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-LightItalic.woff') format('woff'),
		url('fonts/montserrat/Montserrat-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-Regular.woff') format('woff'),
		url('fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-Italic.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-Italic.woff') format('woff'),
		url('fonts/montserrat/Montserrat-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-Medium.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-Medium.woff') format('woff'),
		url('fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-MediumItalic.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-MediumItalic.woff') format('woff'),
		url('fonts/montserrat/Montserrat-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-SemiBold.woff') format('woff'),
		url('fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-SemiBoldItalic.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-SemiBoldItalic.woff') format('woff'),
		url('fonts/montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-Bold.woff') format('woff'),
		url('fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-BoldItalic.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-BoldItalic.woff') format('woff'),
		url('fonts/montserrat/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-ExtraBold.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-ExtraBold.woff') format('woff'),
		url('fonts/montserrat/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-ExtraBoldItalic.woff') format('woff'),
		url('fonts/montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-Black.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-Black.woff') format('woff'),
		url('fonts/montserrat/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/Montserrat-BlackItalic.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat-BlackItalic.woff') format('woff'),
		url('fonts/montserrat/Montserrat-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}


/****************** FONTS - END *******************/

* {margin: 0;padding: 0;}
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; vertical-align: top;}
input, select, textarea, button {font-family: 'Montserrat';-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea{max-width: 100%; min-width: 100%;} button {user-select:none;}
input:focus, select:focus, textarea:focus, button:focus, *1:focus-visible {outline:none;}

::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {background: var(--blue_dark);transition: all 0.5s ease-in-out;}
::-webkit-scrollbar-thumb {background: var(--blue_2);transition: all 0.5s ease-in-out;border-radius: 2px;}

.scroll__small {position: relative;}
.scroll__small-narrow {margin: 5px 10px 5px 0px;}
.scroll__small::-webkit-scrollbar {width: 2px;}
.scroll__small::-webkit-scrollbar-track {border-radius: 2px;opacity: 0;}
.scroll__small::-webkit-scrollbar-track {background: transparent;} 

.horisontal__noscroll-wrapper {}
.horisontal__noscroll {overflow: auto;}
.horisontal__noscroll-shadow {margin: -20px -15px; padding: 20px 15px;}
.horisontal__noscroll::-webkit-scrollbar {width: 5px;height: 0px;}
.horisontal__noscroll::-webkit-scrollbar-track {background: var(--azure_1);}
.horisontal__noscroll::-webkit-scrollbar-thumb {background: var(--azure_3);}
.horisontal__noscroll-content {display: inline-block;min-width: 100%;white-space: nowrap;}

/****************** GENERAL *******************/

html {
    font-size: 16px; font-family: 'Montserrat';
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
body {color: var(--text_color); background: var(--white); font-size: 16px; font-family: 'Montserrat';}

img[src=""] {visibility: hidden;}
img, iframe, video, object, embed {max-width: 100%;}

a {
    -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    text-decoration:none;
    user-select:none;
    cursor: pointer;
}
svg {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

label.label_disabled {opacity: 0.3;}

.link__simple, .link__simple:link {color: var(--text_color_blue);text-decoration: underline !important;}
.link__simple:hover {color: var(--text_color_blue_1);text-decoration: none !important;}

.img__cover {width:100%;height:100%;object-fit:cover;}
.img__contain {width:100%;height:100%;object-fit:contain;}
.text__center {text-align:center;}
.text__left {text-align:left;}
.text__right {text-align:right;}
.text__justify {text-align:justify;}
.font__bold {font-weight:bold;}

.inline__block {display: inline-block;}
.flex__block {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
}
.easing {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.easy__hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.required {color: #c90000;}

.overflow__hidden {overflow: hidden;}

.clear {clear: both;}

.btn__wrapper {}
.btn__wrapper-bottom {margin-top: 20px;}
.btn__wrapper .btn {width:100%;}
.btn__clear {cursor:pointer;border:none;padding:0px;margin: 0px;background: transparent;}
.btn {
    text-align: center; font-size: 20px;
    border-radius: 50px; font-weight: bold;
    border: 1px solid transparent;
    color: var(--text_color);user-select:none;
    background: transparent;line-height: 135%;
    height: auto; max-width: 100%; min-width: 200px;
    box-shadow: none; position: relative;
    cursor: pointer; text-decoration: none;
    padding: 12px 30px; display: inline-block;
    letter-spacing: 0.05em;
    user-select: none; text-transform: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.btn:focus-visible {outline: none;}
.btn:hover {-webkit-box-shadow: none;box-shadow: none;}
a.btn:hover {text-decoration: none;}
a.btn:active {text-decoration: none;}
a.btn.btn__block, .btn.btn__block {min-width: 0px;display:block;width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.btn.btn__small {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 0px;
}
.btn.btn__big {
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 15px;
}

.btn__svg-block {display: inline-block;}
.btn__svg-block .flex__block {gap:10px;justify-content: center;}
.btn__svg-block .flex__block svg+span span {position: relative;left:-7px;}
.btn__svg-block svg {margin:-3px 0px;}

a.btn.disabled, .btn:disabled, a.btn__link.disabled .btn {cursor:default;opacity: 0.3;}

a.btn.btn__orange:link,             .btn.btn__orange,
a.btn.btn__orange:visited,          .btn.btn__orange:visited  {background-color: var(--orange);border-color: var(--orange);color: var(--white);}
a.btn.btn__orange:hover,            .btn.btn__orange:hover    {background-color: var(--orange_2);border-color: var(--orange_2);}
a.btn.btn__orange:active,           .btn.btn__orange:active   {background-color: var(--orange_3);border-color: var(--orange_3);}
a.btn.btn__orange.disabled,         .btn.btn__orange:disabled {background-color: var(--orange) !important;border-color: var(--orange) !important;}

a.btn.btn__white:link,             .btn.btn__white,
a.btn.btn__white:visited,          .btn.btn__white:visited  {background-color: var(--white);border-color: var(--white);color: var(--blue_1);}
a.btn.btn__white:hover,            .btn.btn__white:hover    {background-color: var(--white);border-color: var(--white);}
a.btn.btn__white:active,           .btn.btn__white:active   {background-color: var(--white);border-color: var(--white);}
a.btn.btn__white.disabled,         .btn.btn__white:disabled {background-color: var(--white) !important;border-color: var(--white) !important;}

a.btn.btn__transparent:link,       .btn.btn__transparent,
a.btn.btn__transparent:visited,    .btn.btn__transparent:visited    {background-color: transparent;border-color: var(--orange);color: var(--orange);}
a.btn.btn__transparent:hover,      .btn.btn__transparent:hover      {background-color: var(--orange_2);color: var(--white);border-color: var(--orange_2);}
a.btn.btn__transparent:active,     .btn.btn__transparent:active     {background-color: var(--orange_3);color: var(--white);border-color: var(--orange_3);}
a.btn.btn__transparent.disabled,   .btn.btn__transparent:disabled   {background-color: var(--orange) !important;color: var(--orange) !important;border-color: var(--orange) !important;}

a.btn.btn__transparent-2:link,       .btn.btn__transparent-2,
a.btn.btn__transparent-2:visited,    .btn.btn__transparent-2:visited    {background-color: transparent;border-color: var(--white);color: var(--white);}
a.btn.btn__transparent-2:hover,      .btn.btn__transparent-2:hover      {background-color: var(--white);color: var(--blue_1);border-color: var(--white);}
a.btn.btn__transparent-2:active,     .btn.btn__transparent-2:active     {background-color: var(--white);color: var(--blue_1);border-color: var(--white);}
a.btn.btn__transparent-2.disabled,   .btn.btn__transparent-2:disabled   {background-color: transparent !important;color: var(--white) !important;border-color: var(--white) !important;}

a.btn.btn-block, .btn.btn-block {display:block;width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

@media screen and (max-width: 400px) {
    .btn {min-width: 0px; display: block;width:100%;}
}

.inputs__items {justify-content: flex-start;margin:0px -10px 0px -10px;}
.inputs__items.inputs__items-3 {}
.inputs__items.inputs__items-3 .inputs__item {width:33.3333%;}
.inputs__items.inputs__items-5 {align-items: flex-end;}
.inputs__items.inputs__items-5 .inputs__item {width:24%;}
.inputs__items.inputs__items-5 .inputs__item:last-child {width:70px !important;min-width:70px !important;}
.inputs__item {}
.inputs__item-inner {margin:0px 10px 20px 10px;}

@media screen and (max-width: 640px) {
    .inputs__items.inputs__items-3 {display: block;}
    .inputs__items.inputs__items-5 {display: block;}
    .inputs__items.inputs__items-3 .inputs__item {width:100%;}
    .inputs__items.inputs__items-5 .inputs__item {width:100%;}
    .inputs__items.inputs__items-5 .inputs__item:last-child {width:100% !important;text-align: center;}
}

.input__wrapper+.input__wrapper {margin-top: 10px;}
.input__wrapper {position: relative;}
*.input__text {
    outline: none; padding: 15px 20px;
    border-radius: 200px; color: var(--gray_4);;
    font-size: 17px;height: 46px;
    background-color: var(--white);
    border: 1px solid var(--gray_3);
    margin:0px;font-weight: 300;
    line-height: 135%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*.input__text::placeholder {}
.input__wrapper .input__text {width: 100%;}
.input__wrapper .iti {width: 100%;}
*.input__text.input__text-transparent {color: var(--white); background-color: rgba(255, 255, 255, 0.1); border: 1px solid transparent;}
*.input__text.input__text-transparent::placeholder {color: #AEB1BA;}

textarea.input__text {height: auto;min-height: 55px;}
*.input__text:focus {border: 1px solid #6b6e7c;}
*.input__text:disabled {opacity:0.8; border-color: var(--azure_1) !important;}
*.input__text-error {border-color: var(--red) !important;}
*.input__text-error-info {color: var(--red);font-size: 14px;font-weight: bold;}
*.input__text-error-info div {margin-top:3px;}

.input__label-simple {font-size: 14px; font-weight: bold; margin-bottom: 10px; display: block;}

*.input__text+.input__label {
    font-size: 16px; transition: 0.3s;
    white-space: nowrap; overflow: hidden;
    max-width: calc(100% - 30px); text-overflow: ellipsis;
}
*.input__text-error+.input__label {color: var(--red);}
*.input__text+.input__label span {z-index: 1;position: relative;}
.input__wrapper *.input__text+.input__label {position: absolute;left: 12px;top: 13px;padding: 0px 5px;}
.input__wrapper *.input__text+.input__label:after {
    content:'';display:block;
    position: absolute;
    left: 0px;bottom: -1px;width:100%;height:50%;
    background-color: var(--azure_1);
}
.input__wrapper *.input__text:disabled+.input__label {opacity:0.5;}
.input__wrapper *.input__text:disabled+.input__label:after {opacity:0.5;}
.input__wrapper .input__text:focus + .input__label,
.input__wrapper .input__text-fill + .input__label {top: -9px; font-size: 12px;}

.select__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 240px;
}

.select__arrow {
    position: absolute;
    right: 20px;
    top: 15px;
    color: #e5e5e5;
    z-index: 2;
    transition: all .3s ease;
}

.select__wrapper:has(.select__button-active) .select__arrow {
    rotate: -180deg;
}

.select__button {
    padding: 15px 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    font-weight: 300;
    font-size: 17px;
    color: #1e1e1e;
    font-family: 'Montserrat';
    transition: all .5s ease;
    position: relative;
    cursor: pointer;
    text-align: left;
}

.select__button:hover {
    border: 1px solid #6b6e7c;
}

.select__button-active {
    border-radius: 30px 30px 0 0;
    border: 1px solid #6b6e7c;
}

.select__menu {
    display: none;
    border: 1px solid #6b6e7c;
    border-top: none;
    border-radius: 0 0 30px 30px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 4;
}

.select__option {
    border-top: 1px solid #e5e5e5;
    padding: 15px 20px;
    transition: all .3s ease;
    display:block;
}

.select__option:first-child {
    border:none
}

.select__option:last-child {
    border-radius: 0 0 30px 30px;
}

.select__option:hover {
    color: #fff;
    background-color: var(--blue_1);
}

.select__option input {display: none;}

.nav__dropdown {
    position: relative;
    border-radius: 10px;
    padding: 15px;
    border: 1px solid var(--gray_1);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    user-select: none;
}

.nav__dropdown:hover {border: 1px solid var(--blue_1);}

.nav__dropdown.open {
    border-radius: 10px 10px 0 0;
    border: 1px solid var(--blue_1);
    border-bottom: 1px solid transparent;
}

.dropdown-arrow {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.nav__dropdown.open .dropdown-arrow {
    transform: rotate(180deg);
}

.nav__dropdown-btn {
    border: none;
    font-size: 18px;
    font-weight: 400;
    color: var(--gray_2);
    gap: 10px;
}

.nav__dropdown-menu {
    display: none;
    height: auto;
    opacity: 1;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    outline: 1px solid var(--blue_1);
    border-radius: 0 0 10px 10px;
    background-color: var(--white);
    z-index: 4;
}

.nav__dropdown-item {
    color: var(--gray_2);
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    transition: all 0.3s ease;
    display: block;
    text-align:center;
}
.nav__dropdown-item a {padding: 10px;display: block;text-transform:uppercase;color: inherit;text-decoration:none;}

.nav__dropdown-item:hover a {
    background-color: rgba(2, 151, 255, 0.1);
    color: var(--blue_1);
}

.nav__dropdown-item:last-child {
    border-radius: 0 0 10px 10px;
}

.title__big {
    font-weight: 900;
    font-size: 65px;
    margin-bottom: 30px;
    letter-spacing: 0.05em;
    color: var(--black);
}
.title__big-head {margin: 50px 0px;}
.title__middle {
    font-weight: 600;
    font-size: 40px;
    letter-spacing: 0.05em;
    color: #000;
    margin-bottom: 30px;
}
.title__small {
    font-weight: 500;
    font-size: 22px;
    line-height: 145%;
    letter-spacing: 0.05em;
    text-align: center;
    color: #000;
    max-width: 80%;
    margin: 0 auto;
    padding-bottom: 10px;
}

.title__block {}

.title__block-link {}
.title__block-link .btn {padding-left: 30px; padding-right: 30px;}

.title__white {color:var(--white);}

@media screen and (max-width: 991px) {
    .title__big {text-align: center;font-size: 45px;}
    .title__big-head {margin: 35px 0px;}
    .title__middle {font-size: 25px;}
}

@media screen and (max-width: 480px) {
    .title__big {font-size: 35px;}
    .title__big-head {margin: 30px 0px;}
}

    

.alerts {position: fixed; right: 0; top: 55px; z-index: 1000000; max-width: 80%}
.alert+.alert {margin-top: 10px}
.alert {
    font-size: 18px;
    padding: 10px 15px;
    padding-right: 45px;
    background: var(--blue_1);
    color: var(--white);
    position: relative;
    border-radius: 5px;
    min-width: 150px
}
.alert__close {position: absolute; top: 0; right: 0; padding: 0; display: inline-block; line-height: 0; font-size: 0; width: 40px; height: 100%;}

.alert__close svg {
    position: absolute;
    top: 50%; left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    fill: var(--white);
}

body .fancybox-caption {text-align:center;}

.ajax__form-result {text-align:center;font-size:18px;}
.ajax__form-result>* {margin-top:20px;display:none;}
.ajax__form-result .form__success {color: green;}
.ajax__form-result-success-white .form__success {color: var(--white);}
.ajax__form-result .form__error {color:var(--red);}

.bg__canvas,
.bg__overlay {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.bg__canvas {
	z-index: -5;
}
.bg__circles {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	animation-name: rotate;
	animation-duration: 25s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	backface-visibility: hidden;
	perspective: 1000;
}
.bg__circle {
	position: relative;
	width: 1px;
	height: 1px;
	margin: calc(var(--bg-radius) / 2);
	border-radius: 50%;
	backface-visibility: hidden;
	perspective: 1000;
	opacity: .9;
}
.bg__circle.bg__design {
	background: var(--bg-design);
	box-shadow: 0 0 var(--bg-radius) var(--bg-radius) var(--bg-design);
	animation-name: float;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
.bg__circle.bg__research {
	background: var(--bg-research);
	box-shadow: 0 0 var(--bg-radius) var(--bg-radius) var(--bg-research);
	animation-name: float;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}
@keyframes float {
	0% {transform: translateX(calc(var(--bg-radius) * 0.0)) translateZ(0)}
	20% {transform: translateX(calc(var(--bg-radius) * 0.5)) translateZ(0)}
	40% {transform: translateX(calc(var(--bg-radius) * 1.0)) translateZ(0)}
	60% {transform: translateX(calc(var(--bg-radius) * 1.5)) translateZ(0)}
	80% {transform: translateX(calc(var(--bg-radius) * 0.5)) translateZ(0)}
	100% {transform: translateX(calc(var(--bg-radius) * 0.0)) translateZ(0)}
}
@keyframes rotate {
	0% {transform: rotate(0deg) translateZ(0)}
	100% {transform: rotate(360deg) translateZ(0)}
}
@media (max-width: 640px) {
	:root {--bg-radius: 125px;}
	.bg__overlay {background-size: 50%;}
}


.bg__figures-area {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index:-3;
}
.bg__figures-circles {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    overflow: hidden;
}

.bg__figures-circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    animation: animate 25s linear infinite;
    bottom: -150px;
	border-radius:10%;
	background-image:url(../images/logo.png);
	background-size:contain;
}

.bg__figures-circles li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
	opacity:0.1;
	filter:blur(4px);
	
}


.bg__figures-circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
	
	
	
}

.bg__figures-circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
	filter:blur(6px);
}

.bg__figures-circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
	filter:blur(2px);
}

.bg__figures-circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
	filter:blur(12px);
}

.bg__figures-circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
	
}

.bg__figures-circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
	filter:blur(8px);
}

.bg__figures-circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.bg__figures-circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
	filter:blur(8px);
}

.bg__figures-circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 25s;
	opacity:0.1;
	filter:blur(8px);
}

@keyframes animate  {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: translateY(calc(-100vh - 100%)) rotate(720deg);
        opacity: 0;
    }
}
@media (max-width: 640px) {
	.bg__figures-circles li:nth-child(even) {display:none;}
}