/* vietnamese */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3GwmQIAFg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3Gw2QIAFg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3GwmQIAFg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3Gw2QIAFg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3GwmQIAFg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3Gw2QIAFg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3GwmQIAFg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3Gw2QIAFg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3GwmQIAFg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3Gw2QIAFg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3GwmQIAFg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3Gw2QIAFg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mavenpro/v32/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}
.hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s linear;
}
.visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0.3s linear;
}
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;
}
:focus {
  outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
  overflow-x: hidden;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote {
  max-width: 600px;
  width: 80%;
  margin: 20px 0;
  padding: 20px;
  background: #E9E9E9;
  border-left: 10px solid #1D2B6A;
  font-family: 'Georgia', serif;
  font-size: 18px;
  line-height: 1.6;
  position: relative;
}
blockquote ::before {
  content: open-quote;
  font-size: 4em;
  color: #1D2B6A;
  position: absolute;
  top: -10px;
  left: -10px;
}
blockquote span {
  text-align: left;
  margin-top: 20px;
  font-style: italic;
  color: #555;
  display: block;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:active,
a:focus {
  outline: none;
}
/*  Подсвечивание в Мозиле активных ссылок */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
  /* 4 */
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,
button,
input,
select,
textarea {
  color: #222;
}
::-moz-selection {
  background: #000;
  text-shadow: none;
}
::selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}
img,
picture {
  vertical-align: middle;
  flex-shrink: 0;
  flex-grow: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.is-invalid {
  border: 5px solid red !important;
}
.invalid-feedback {
  padding: 15px 5px;
  background-color: #fff;
  border-radius: 5px;
  margin: 5px 0;
  color: red;
}
.alert {
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 9999;
  width: 400px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #55BC6D;
  color: white;
  font-size: 20px;
  padding: 10px;
  border-radius: 7px;
}
.alert .close-alert {
  position: absolute;
  top: 5px;
  right: 12px;
  font-size: 20px;
  color: red;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: 4px solid #fff;
  border-radius: 5px;
  border: unset;
}
.alert .close-alert:hover,
.alert .close-alert:active,
.alert .close-alert:focus {
  color: #fff;
  background-color: red;
  border: 2px solid #fff;
}
.alert-danger {
  background-color: red;
}
.alert-success {
  background-color: green;
}
h1 {
  font: 50px/2 "Maven Pro", sans-serif;
  font-weight: 700;
}
header,
main,
footer {
  background-color: #1D2B6A;
}
main {
  padding-bottom: 75px;
}
.container {
  max-width: 1666px;
  width: 100%;
  margin: 0 auto;
}
h2,
h3,
p {
  font-family: "Maven Pro", sans-serif;
  font-weight: bold;
}
h2 {
  font-size: 30px;
}
a:active,
input:active,
a:focus,
input:focus {
  background-color: #222 !important;
  color: #E9E9E9 !important;
}
.section__header {
  color: #FFF798;
  margin-bottom: 30px;
}
.section__header:after {
  content: url("/public/assets/front/images/polygon.svg");
  margin-left: 15px;
}
h3 {
  font-size: 25px;
}
.section__paragraph-header {
  color: #222;
}
.section__paragraph-header:after {
  content: url("/public/assets/front/images/polygon_dark.svg");
  color: #222;
  margin-left: 15px;
}
.section__paragraph-header-yellow {
  color: #FFF798;
}
.section__paragraph-header-yellow:after {
  content: url("/public/assets/front/images/polygon.svg");
  color: #FFF798;
  margin-left: 15px;
}
p {
  font-size: 20px;
  line-height: 2;
}
section {
  margin-bottom: 80px;
}
section:last-child {
  margin-bottom: unset;
  padding-bottom: unset;
}
.breadcrumb ul {
  padding: 0 0 40px 0;
}
.breadcrumb li {
  display: inline-block;
  color: #FFF798;
}
.breadcrumb a,
.breadcrumb span,
.breadcrumb b {
  font-weight: 600;
}
.breadcrumb a,
.breadcrumb span {
  font: 20px/2 "Maven Pro", sans-serif;
  color: #FFF798;
}
.breadcrumb b {
  margin: 0 5px;
  color: #FFF798;
}
.hidden {
  display: none;
}
.form-control {
  box-sizing: border-box;
  color: #222;
  max-width: 860px;
  border-bottom: 5px solid #FFF798;
  margin-top: 20px;
}
.form-control input {
  height: 48px;
}
.form-control input,
.form-control textarea {
  margin-bottom: 10px;
  padding: 10px;
  border: unset;
  box-sizing: border-box;
  border-radius: 7px;
  max-width: 860px;
  width: 100%;
  font: 26px/2 "Maven Pro", sans-serif;
  font-weight: 600;
}
.checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.checkbox + label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.checkbox + label::before {
  content: '';
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #FFF798;
  background-color: #E9E9E9;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.checkbox:checked + label::before {
  border-color: #FFF798;
  background-color: #1D2B6A;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
/* стили при наведении курсора на checkbox */
.checkbox:not(:disabled):not(:checked) + label:hover::before {
  border-color: #b3d7ff;
}
/* стили для активного состояния чекбокса (при нажатии на него) */
.checkbox:not(:disabled):active + label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
/* стили для чекбокса, находящегося в фокусе */
.checkbox:focus + label::before {
  box-shadow: 0 0 0 0.2rem rgba(243, 219, 145, 0.32);
}
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.checkbox:focus:not(:checked) + label::before {
  border-color: #80bdff;
}
/* стили для чекбокса, находящегося в состоянии disabled */
.checkbox:disabled + label::before {
  background-color: #e9ecef;
}
.form_check {
  border-bottom: unset;
  margin-bottom: 15px;
}
.form_check > div {
  display: flex;
}
.form_check input {
  width: 33px;
}
.form_check label {
  color: #FFF798;
}
.wrapper-header {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}
.wrapper-logo {
  font-weight: bold;
  display: flex;
  align-items: center;
}
.wrapper-logo p {
  margin-left: 10px;
  font-size: 30px;
}
.wrapper-logo p a {
  color: #FFF798;
  text-transform: unset;
  text-decoration: unset;
}
.button-wrapper {
  display: flex;
}
.reverse-box-container,
.box-container {
  padding: 6px 10px;
  border-radius: 7px;
  position: relative;
  z-index: 1;
  font-family: "Maven Pro", sans-serif;
  border: 2px solid #222;
  box-sizing: border-box;
}
.box-container {
  background-color: #fff;
  -webkit-box-shadow: -14px 15px 0 -1px #FFF798;
  -moz-box-shadow: -14px 15px 0 -1px #FFF798;
  box-shadow: -14px 15px 0 -1px #FFF798;
}
.button-box-container {
  cursor: pointer;
  box-shadow: 7px 3px 0 -1px #FFF798;
  padding: 0 6px;
}
.reverse-box-container {
  background-color: #FFF798;
  -webkit-box-shadow: -14px 15px 0 -1px #fff;
  -moz-box-shadow: -14px 15px 0 -1px #fff;
  box-shadow: -14px 15px 0 -1px #fff;
}
.btn1:hover,
.btn2:hover,
.btn3:hover {
  color: #000;
  background-color: #fff;
}
.btn1:active,
.btn2:active,
.btn3:active {
  color: #000;
  background-color: #fff;
}
.btn1:focus,
.btn2:focus,
.btn3:focus {
  color: #000;
  background-color: #fff;
}
#close_accessibility {
  border: 2px solid #1D2B6A;
}
.btn1 {
  font: 30px/1.5 "Maven Pro", sans-serif;
  font-weight: 600;
  height: 56px;
  display: flex;
  align-items: center;
  margin: 2px 12px;
  padding: 2px 11px;
  background-color: #FFF798;
  border: unset;
  color: #1D2B6A;
}
.toggle-aside {
  display: none;
}
aside .link1::after {
  content: unset;
}
.btn2 {
  font: 20px/2 "Maven Pro", sans-serif;
  font-weight: 600;
  height: 56px;
  display: flex;
  align-items: center;
  margin: 2px 0;
  padding: 0 11px;
  background-color: #FFF798;
  border: 2px solid #1D2B6A;
  color: #1D2B6A;
}
.solo_menu {
  font: 25px/2 "Maven Pro", sans-serif;
  color: #fff;
}
.solo_menu > ul {
  display: flex;
  flex-wrap: wrap;
}
.solo_menu > ul > li a,
.solo_menu > ul > li span {
  color: #fff;
}
.solo_menu > ul li {
  padding: 10px 20px;
  color: #222;
  max-width: 370px;
}
.solo_menu > ul .button-box-container {
  display: none;
}
.solo_menu .child {
  padding: 6px 10px;
  border-radius: 7px;
  position: relative;
  z-index: 1;
  font-family: "Maven Pro", sans-serif;
  border: 2px solid #222;
  box-sizing: border-box;
  background-color: #fff;
  -webkit-box-shadow: -14px 15px 0 -1px #FFF798;
  -moz-box-shadow: -14px 15px 0 -1px #FFF798;
  box-shadow: -14px 15px 0 -1px #FFF798;
}
.solo_menu .child a {
  color: #222;
}
.btn3 {
  width: 468px;
  height: 64px;
  font: 20px/2 "Maven Pro", sans-serif;
  font-weight: 600;
  color: #222;
  background-color: #FFF798;
  margin: 2px 0;
  padding: 0 11px;
  box-shadow: -7px 8px 0 -1px #fff;
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
}
.btn3:after {
  content: url("/public/assets/front/images/triangle.svg");
  margin: 11px 14px 0 auto;
}
.link1:hover,
.link2:hover {
  color: #fff;
  background-color: #000;
}
.link1:hover:after,
.link2:hover:after {
  content: url("/public/assets/front/images/triangle-black-white.png");
  transition: transform 1.5s ease;
  /* Додаємо перехід для зміни кута обертання */
}
.link1:active,
.link2:active {
  color: #fff;
  background-color: #000;
}
.link1:active:after,
.link2:active:after {
  content: url("/public/assets/front/images/triangle-black-white.png");
  transition: transform 1.5s ease;
  /* Додаємо перехід для зміни кута обертання */
}
.link1:focus,
.link2:focus {
  color: #fff;
  background-color: #000;
}
.link1:focus:after,
.link2:focus:after {
  content: url("/public/assets/front/images/triangle-black-white.png");
  transition: transform 1.5s ease;
  /* Додаємо перехід для зміни кута обертання */
}
.link1 {
  width: 284px;
  display: flex;
  align-items: center;
  background-color: #1D2B6A;
  margin: 2px 0;
  padding: 0 11px 0 19px;
  height: 53px;
  text-decoration: unset;
  font: 20px/2 "Maven Pro", sans-serif;
  font-weight: 600;
  color: #FFF798;
  position: relative;
  transition: background-color 1.5s ease;
  /* Додаємо перехід для зміни кута обертання */
}
.link1:after {
  content: url("/public/assets/front/images/triangle.svg");
  position: absolute;
  right: -52px;
  top: 3px;
  transition: transform 1.5s ease;
  /* Додаємо перехід для зміни кута обертання */
}
.link2 {
  width: 284px;
  display: flex;
  align-items: center;
  background-color: #FFF798;
  margin: 2px 0;
  padding: 0 11px 0 19px;
  height: 53px;
  text-decoration: unset;
  font: 20px/2 "Maven Pro", sans-serif;
  font-weight: 600;
  color: #1D2B6A;
  position: relative;
}
.link2:after {
  content: url("/public/assets/front/images/triangle_link2.svg");
  position: absolute;
  right: -52px;
  top: 3px;
}
header {
  padding-bottom: 50px;
}
header .menu__header {
  color: #fff;
}
header nav ul li {
  font: 30px/2 "Maven Pro", sans-serif;
  font-weight: 600;
  text-decoration: unset;
}
header nav ul li a {
  color: #fff;
  text-decoration: none;
}
header nav ul li ul li {
  font-size: 20px;
  margin-bottom: 30px;
  display: inline-block;
  margin-right: 20px;
}
header nav ul li ul li a {
  padding: 12px 12px;
  border: 5px solid #FFF798;
}
header nav ul li ul li a:hover {
  color: #000;
  background-color: #fff;
  border: 5px solid #000;
}
header nav ul li ul li a:active {
  color: #000;
  background-color: #fff;
  border: 5px solid #000;
}
#menu .child {
  display: none;
}
#menu .active {
  display: block;
}
.header_navigation {
  background-color: #1D2B6A;
}
#menu {
  background-color: #1D2B6A;
  padding-bottom: 15px;
}
#menu .btn1 {
  margin: 20px 0;
}
.accessibility_frame {
  margin-bottom: 20px;
}
.accessibility_frame > div {
  display: flex;
  flex-wrap: wrap;
}
.accessibility_frame button,
.accessibility_frame select {
  margin: 20px 15px;
}
.main-info > .link2 {
  margin-top: 30px;
}
.main-info__new {
  margin-bottom: 20px;
}
.main-info__new div {
  margin: 15px 0;
}
.main-info__new .link1 {
  margin-top: 30px;
}
.main-info__alert-paragraph {
  font-size: 27px;
}
.main-info__new h1 {
  font-size: 36px;
}
.programs {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}
.circles_bg_first {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.circles_bg_second {
  position: absolute;
  top: calc(100% - 600px);
  left: 0;
  z-index: 0;
}
.circles_bg_second-rotate {
  left: unset;
  top: 40px;
  right: 0;
  z-index: 0;
  transform: rotate(180deg);
}
.circles_bg_third {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.programs__intro {
  max-width: 1235px;
  width: 100%;
  margin: 60px 0;
}
.programs__intro ol li {
  list-style-position: inside;
  list-style-type: circle;
  font: 20px/2 "Maven Pro", sans-serif;
}
.programs__items-wrapper {
  display: grid;
  flex-direction: column;
  box-sizing: border-box;
  grid-template-columns: repeat(2, minmax(300px, 600px));
  gap: 87px 10px;
}
.programs__items-wrapper > div:nth-child(3),
.programs__items-wrapper div:nth-child(4) {
  margin-left: 40%;
}
.programs__items {
  display: flex;
  max-width: 1121px;
  box-sizing: border-box;
  width: 100%;
  justify-content: space-between;
  min-height: 736px;
  height: 100%;
  margin-bottom: 50px;
}
.programs__items > div {
  padding-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 455px;
  margin-right: 40px;
  width: 100%;
}
.programs__items > div h3 {
  margin-bottom: 30px;
}
.programs__items > div > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(93% - 40px);
}
.departments .link2 {
  margin-top: 30px;
}
.department_wrapper {
  max-width: 1235px;
  width: 100%;
}
.department_wrapper p {
  text-indent: 15px;
}
.department_wrapper ul {
  list-style-position: inside;
  list-style-type: circle;
}
.department_wrapper ul li {
  font: 20px/2 "Maven Pro", sans-serif;
  font-weight: 700;
  color: #222;
}
.language-switcher {
  height: 56px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font: 20px/1 "Maven Pro", sans-serif;
  font-weight: 600;
}
.language-switcher a {
  color: #FFF798;
}
.language-switcher li {
  color: #fff;
}
.right-side {
  align-items: center;
}
.about-us .box-container {
  padding: 20px 15px;
  margin: 30px 0;
  max-width: 1218px;
  width: 100%;
}
.about-us .link2 {
  margin-top: 50px;
}
.news {
  margin-top: 80px;
  position: relative;
}
.news__item {
  margin-bottom: 116px;
  padding: 20px 15px;
  max-width: 1024px;
  width: 100%;
}
.news__item .tag-cloud-single span {
  color: #222;
}
.news__item p {
  margin: 15px 0;
}
.news__item .link1 {
  margin-top: 20px;
}
.news-page .news__item:last-child {
  margin-bottom: 0;
}
.news-page .container {
  display: flex;
  justify-content: space-between;
}
.news-page aside {
  z-index: 2;
  margin-left: 25px;
  max-width: 405px;
  width: 100%;
}
.news-page aside section {
  margin-bottom: 60px;
}
.news-page .circles_bg_third {
  opacity: 0.6;
  z-index: 0;
}
.news-page .popular-news > a {
  text-decoration: unset;
  color: #222;
}
.news-page .popular-news p {
  margin-bottom: 15px;
  padding-bottom: 8px;
  line-height: 1.4;
  font-weight: 600;
  border-bottom: 4px solid #222;
}
.news-page .popular-tags ul li {
  display: inline-block;
}
.news-page .popular-tags a {
  display: inline-block;
  margin-right: 6px;
  margin-top: 10px;
  font: 20px/1.2 "Maven Pro", sans-serif;
  text-decoration: unset;
  padding: 6px 10px;
  color: #FFF798;
  background-color: #1D2B6A;
}
.news-page__articles {
  width: 100%;
}
.blog-content a {
  word-break: break-all;
}
.blog-content p {
  text-indent: 15px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 25px;
}
.blog-content ul {
  font: 20px/2 "Maven Pro", sans-serif;
  list-style: circle inside;
  font-weight: 500;
  text-indent: 15px;
}
.blog-content ol {
  font: 20px/2 "Maven Pro", sans-serif;
  list-style: decimal inside;
  font-weight: 500;
  text-indent: 15px;
}
.blog-content iframe {
  width: 100%;
  height: 47vh;
}
#fb-share-button {
  width: 200px;
  height: 40px;
}
.blog-size-2 {
  width: 400px;
  height: 400px;
  overflow: hidden;
  margin: 20px 20px 20px 0;
  display: inline-block;
  flex-wrap: wrap;
}
.blog-size-2 img {
  max-width: 400px;
  width: 100%;
}
.blog-size-1 {
  width: 600px;
  margin: 20px auto;
}
.blog-size-1 img {
  max-width: 400px;
  width: 100%;
}
.blog-meta {
  margin-bottom: 20px;
}
.blog-meta time,
.blog-meta small {
  display: block;
  font: 20px/2 "Maven Pro", sans-serif;
}
.article__wrapper {
  display: flex;
  justify-content: space-between;
}
.article__wrapper aside {
  margin-left: 25px;
  max-width: 405px;
  width: 100%;
}
.article__wrapper aside section {
  margin-bottom: 60px;
}
.article__wrapper .popular-news > a {
  text-decoration: unset;
  color: #222;
}
.article__wrapper .popular-news p {
  margin-bottom: 15px;
  padding-bottom: 8px;
  line-height: 1.4;
  font-weight: 600;
  border-bottom: 4px solid #222;
}
.article__wrapper .popular-tags ul li {
  display: inline-block;
}
.article__wrapper .popular-tags a {
  display: inline-block;
  margin-right: 6px;
  margin-top: 10px;
  font: 20px/1.2 "Maven Pro", sans-serif;
  text-decoration: unset;
  padding: 6px 10px;
  color: #FFF798;
  background-color: #1D2B6A;
}
.departments_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 30px;
}
.department-block {
  min-height: 165px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.department-block h3 {
  margin-top: 15px;
}
.tag-cloud-single {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.tag-cloud-single span {
  font: 20px/1 "Maven Pro", sans-serif;
  color: #FFF798;
  margin-top: 9px;
  margin-right: 6px;
}
.tag-cloud-single li {
  display: inline-block;
}
.tag-cloud-single li a {
  display: inline-block;
  margin-right: 6px;
  margin-top: 10px;
  font: 20px/1.2 "Maven Pro", sans-serif;
  text-decoration: unset;
  padding: 6px 10px;
  color: #FFF798;
  background-color: #1D2B6A;
  border: 2px solid #FFF798;
}
.tag-cloud-single li a:hover {
  color: #222;
  background-color: #fff;
  border: 2px solid #222;
}
.tag-cloud-single li a:active {
  color: #222;
  background-color: #fff;
  border: 2px solid #222;
}
.category-tag ul li a {
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.projects article {
  width: 98%;
  position: relative;
  display: flex;
  z-index: 1;
  box-shadow: -15px 15px 0 -1px #FFF798;
  border-radius: 36px;
}
.projects article img {
  position: absolute;
  top: 70px;
  left: 15px;
}
.projects .section__paragraph-header {
  margin: 30px 0 20px 0;
}
.projects .carousel__viewport {
  padding-bottom: 180px;
}
.projects .pagination {
  margin-top: -211px;
  z-index: 1;
  position: relative;
}
.articles__section_header {
  margin-bottom: 30px;
}
.projects__content {
  box-sizing: border-box;
  max-width: 700px;
  width: 100%;
  background-color: #fff;
  border-radius: 36px 36px 0 36px;
  border-right: unset;
  padding: 35px;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.projects__content h3 {
  text-align: left;
}
.projects__content p {
  text-align: left;
  max-width: 492px;
  width: 100%;
  font-size: 22px;
}
.projects__right-side {
  width: 100%;
  border-radius: 0 36px 36px 0;
  border-bottom: 2px solid #1D2B6A;
}
.projects__background {
  width: 200px;
  height: 100px;
  background-color: #1D2B6A;
  border-radius: 36px;
  position: relative;
}
.projects__background:after {
  z-index: -1;
  content: "";
  width: 100px;
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.projects__background > div {
  width: 200px;
  height: 100px;
  background-color: #1D2B6A;
  border-radius: 36px;
  position: relative;
}
.projects-page article {
  margin-bottom: 180px;
}
.projects-page-solo article {
  margin-bottom: 50px;
}
.projects__wrapper-image {
  width: 100%;
  height: 650px;
  background-color: #fff;
  position: relative;
  border-top-right-radius: 36px;
  border-bottom-right-radius: 36px;
  border-right: 2px solid #1D2B6A;
}
.pagination {
  display: flex;
  align-items: center;
}
.pagination .btn1 {
  margin-top: 9px;
}
.pagination p {
  padding: 0 14px;
  font-size: 50px;
  color: #FFF798;
}
.pagination p span {
  font-size: 85px;
}
.pagination nav {
  margin-top: 20px;
}
.partners img {
  width: 155px;
}
.partners .carousel__slide {
  align-items: flex-start;
}
.partners .items {
  display: flex;
  justify-content: space-between;
}
.partners .item {
  margin-bottom: 60px;
  width: 350px;
  min-height: 339px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10px 20px;
  box-sizing: border-box;
}
.partners .item img {
  padding-top: 15px;
}
.partners .item a {
  text-decoration: unset;
  color: #222;
}
.partners .item p {
  font-size: 20px;
}
.partners .pagination {
  justify-content: center;
}
.partners__column {
  display: flex;
  flex-direction: column;
  align-content: center;
}
.brandbook__button {
  margin-top: 12px;
}
.brandbook__button .link1 {
  color: #FFF798;
}
.brandbook__button .link1:after {
  content: unset;
}
.brandbook__button .link1:hover {
  content: unset;
}
.contacts h2 {
  line-height: 2;
}
.contacts > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.contacts .form-wrapper {
  width: 100%;
}
.contacts .btn3 {
  margin-top: 20px;
}
footer {
  border-top: 10px solid #FFF798;
}
footer nav {
  width: 100%;
}
footer nav span {
  color: #222;
  font-weight: 700;
}
footer .child {
  padding: 10px 5px;
}
footer .child li {
  list-style-type: "- ";
  list-style-position: inside;
  margin-top: 15px;
}
footer nav > ul {
  display: flex;
  justify-content: space-between;
  font: 20px/2 "Maven Pro", sans-serif;
}
footer nav > ul a {
  color: #222;
  font-weight: 700;
}
footer .box-container,
footer address {
  box-sizing: border-box;
  max-width: 401px;
  width: 100%;
  margin: 0 auto;
}
footer .box-container:first-child {
  margin-left: 0;
  margin-right: 0;
}
footer .social-icons {
  display: grid;
  grid-template-columns: repeat(2, 100px);
}
footer .social-icon-wrapper {
  margin-bottom: 20px;
}
address span {
  display: block;
}
address p {
  margin-bottom: 15px;
}
address a {
  color: #222;
  font: 20px/1.2 "Maven Pro", sans-serif;
  font-weight: 600;
}
address h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
address section {
  margin-bottom: 20px;
}
.footer__top {
  padding-top: 25px;
  padding-bottom: 65px;
  display: flex;
  justify-content: space-between;
}
.copyright {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fff;
}
.copyright > div {
  display: flex;
  justify-content: space-between;
}
.copyright a,
.copyright p {
  font: 20px/1 "Maven Pro", sans-serif;
  font-weight: 600;
  color: #222;
}
.copyright a {
  text-decoration: unset;
}
.projects-stories__wrapper_image,
.stories__wrapper-content {
  display: flex;
}
.stories__wrapper-content {
  padding: 20px 0;
}
.stories__wrapper-content p {
  margin-top: 15px;
}
.projects-stories__wrapper_image {
  width: 262px;
  max-height: 297px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  margin-right: 25px;
}
.projects-stories__wrapper_image img {
  height: 100%;
  width: auto;
}
.form-inline .link2 {
  margin-top: 20px;
}
.contact-us .section__paragraph-header {
  margin-bottom: 30px;
}
.contact-us .box-container {
  padding: 20px 10px;
}
.contact-us .box-container .contacts-wrapper {
  display: flex;
  margin-bottom: 20px;
}
.contact-us .box-container .contacts-wrapper > div {
  max-width: 860px;
  width: 100%;
}
.contact-us .box-container .btn3 {
  margin-top: 15px;
  max-width: 468px;
  width: 100%;
}
.contact-us .form-control {
  border-color: #1D2B6A;
}
.contact-us .form_check p {
  color: #1D2B6A;
}
.contact-us .form_check input {
  width: auto !important;
}
.contact-us .form-wrapper input,
.contact-us .form-wrapper textarea {
  width: 100%;
  background-color: #1D2B6A;
  position: relative;
  color: #fff;
}
.contact-us .form-wrapper input::placeholder,
.contact-us .form-wrapper textarea::placeholder {
  color: #fff;
  opacity: 1;
}
.contact-us .form-wrapper input:active::placeholder,
.contact-us .form-wrapper textarea:active::placeholder {
  color: #fff;
  opacity: 0.6;
  display: none;
}
.contact-us .form-wrapper input:focus::placeholder,
.contact-us .form-wrapper textarea:focus::placeholder {
  color: #fff;
  opacity: 0;
}
.contact-us address {
  margin-left: 30px;
}
.contact-us address span {
  display: block;
}
.contact-us address > div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.contact-us address > div > p {
  margin-bottom: 20px;
}
.contact-us .social-icons p {
  margin-bottom: 15px;
}
.contact-us .social-icons > ul {
  display: flex;
}
.contact-us .social-icons > ul img {
  width: 75px;
  height: 75px;
}
.contact-us .social-icon-wrapper {
  margin-right: 15px;
}
.contact-us iframe {
  max-width: 860px;
  width: 100%;
}
.page-about__benefits-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 44px;
  row-gap: 35px;
}
.page-about__benefits-item {
  background-color: #fff;
  padding: 50px 27px;
  min-height: 366px;
  box-sizing: border-box;
  position: relative;
  border-radius: 7px;
  border: 2px solid #FFF798;
}
.page-about__benefits-item p {
  margin-top: 20px;
  padding-right: 20px;
}
.page-about__benefits-item h3 {
  max-width: 713px;
  width: 100%;
}
.page-about__benefits-item:after {
  position: absolute;
  right: -67px;
  top: -27px;
  content: url("/public/assets/front/images/right_image.svg");
}
.page-about__galley-wrapper {
  position: relative;
}
.page-about__galley-wrapper .items-image {
  width: 80%;
  margin-left: auto;
  margin-right: 0;
}
.page-about__galley-wrapper .items-text {
  max-width: 1300px;
  width: 100%;
}
.page-about__galley-wrapper .image-item {
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-right: 20px;
  width: 100%;
  overflow: hidden;
  max-height: 500px;
}
.page-about__galley-wrapper .image-item img {
  margin-left: 15px;
  max-width: 700px;
  width: auto;
  height: 100%;
}
.page-about__galley-wrapper .carousel__slide--active .image-item {
  position: relative;
}
.page-about__galley-wrapper .carousel__slide--active .image-item:after {
  position: absolute;
  left: -15px;
  top: -20px;
  height: auto;
  content: url("/public/assets/front/images/right_image.svg");
}
.page-about__top-gallery,
.page-about__bottom-gallery {
  display: block;
}
.page-about__bottom-gallery {
  display: flex;
}
.page-about__bottom-gallery .programs__intro {
  text-align: left;
}
.page-about__top-gallery button {
  position: absolute;
  left: 6%;
  top: 19%;
}
.page-about__top-gallery .items-image {
  position: relative;
}
.page-about__gallery {
  margin-top: 30px;
}
.page-about__gallery .prev-image img {
  width: 191px;
  height: auto;
  transform: scale(-1);
}
.page-about__gallery button {
  background-color: unset;
  border: unset;
}
.page-about__gallery .next-image .mobile-version {
  display: none;
}
.about-description {
  padding-bottom: 30px;
}
.about-description ul {
  display: flex;
  margin-top: 20px;
}
.about-description ul li {
  margin-right: 10px;
}
.about-description ul a {
  font: 20px/1.6 "Maven Pro", sans-serif;
  font-weight: 700;
  padding: 6px 7px;
  background-color: #1D2B6A;
  color: #FFF798;
  text-decoration: unset;
}
.page-partners__wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(100px, 400px));
  grid-auto-rows: minmax(288px, auto);
  justify-content: space-between;
  column-gap: 20px;
  row-gap: 35px;
}
.page-partners__wrapper img {
  width: 60%;
}
.page-partners__wrapper a {
  text-decoration: unset;
  font: 25px/1.6 "Maven Pro", sans-serif;
  font-weight: 700;
  text-align: center;
  color: #222;
}
.page-partners__wrapper > div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.documents-category-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 420px));
  gap: 40px 40px;
}
.documents-page__posts_block .box-container {
  margin-bottom: 40px;
  padding: 10px 30px;
}
.documents-page__posts_block .box-container p {
  margin-bottom: 20px;
}
.video-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 40px;
}
.video-wrapper video {
  margin-right: 30px;
  max-height: 480px;
  height: auto;
  max-width: 848px;
  width: 100%;
}
.video-wrapper #subtitles {
  max-height: 480px;
  max-width: 600px;
  width: 100%;
  overflow-y: scroll;
}
.video-wrapper #subtitles .subtitle {
  margin: 10px 15px;
}
.video-wrapper #subtitles .active {
  color: #fff;
  background-color: #222;
}
.font-size-150 h1 {
  font-size: 60px;
}
.font-size-150 h2 {
  font-size: 45px;
  line-height: 2;
  margin-bottom: 30px;
}
.font-size-150 h3 {
  font-size: 30px;
}
.font-size-150 p,
.font-size-150 a {
  font-size: 27px;
}
.font-size-150 .btn1,
.font-size-150 .btn2 {
  font-size: 37px;
}
.font-size-150 .link1 {
  width: 300px;
}
.font-size-200 h1 {
  font-size: 70px;
}
.font-size-200 h2 {
  font-size: 60px;
  line-height: 2;
  margin-bottom: 35px;
}
.font-size-200 h3 {
  font-size: 40px;
}
.font-size-200 p,
.font-size-200 a {
  font-size: 36px !important;
}
.font-size-200 .btn1,
.font-size-200 .btn2 {
  font-size: 48px;
}
.font-size-200 .link1 {
  width: auto;
}
.font-size-200 .projects__wrapper-image {
  height: calc(100% - 100px);
}
@media screen and (max-width: 1666px) {
  .circles_bg_first {
    opacity: 0.6;
  }
  .circles_bg_third {
    display: none;
  }
  .container {
    box-sizing: border-box;
    padding: 0 15px;
  }
  .programs__items-wrapper,
  .about-us > div {
    padding: 0 11px;
  }
  .projects article {
    box-shadow: -15px 15px 0 -8px #FFF798;
  }
  .projects article .projects__content {
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
  }
  .projects article img {
    position: relative;
    right: 17px;
    width: auto;
    height: 580px;
    padding: 20px;
  }
  .projects__wrapper-image {
    display: flex;
  }
  .contacts img {
    padding-left: 15px;
  }
  .footer__top {
    padding-bottom: 50px;
  }
  .partners .pagination {
    display: flex;
  }
  .page-about__benefits-wrapper {
    margin-right: 24px;
  }
  .page-about__top-gallery button {
    left: 15px;
  }
  .about-description ul {
    display: block;
  }
  .about-description ul li {
    display: inline-block;
    margin-top: 15px;
  }
  .page-about__gallery button .desktop-version {
    width: 130px;
  }
}
@media screen and (max-width: 1400px) {
  .partners img {
    width: 40%;
  }
  .partners .item p {
    font-size: 18px;
    line-height: 1.6;
  }
  .programs__items-wrapper > div:nth-child(3),
  .programs__items-wrapper div:nth-child(4) {
    margin-left: 20%;
  }
}
@media screen and (max-width: 1200px) {
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 25px;
    line-height: 2;
    margin-bottom: 15px;
  }
  h3 {
    font-size: 20px;
  }
  p {
    font-size: 18px;
  }
  .btn1 {
    font-size: 25px;
  }
  .wrapper-logo p {
    font-size: 25px;
  }
  .wrapper-logo img {
    width: 65px;
    height: auto;
  }
  #toggleButton img {
    width: auto;
    height: 40px;
    margin-right: 10px;
  }
  .main-info__alert-paragraph {
    font-size: 25px;
  }
  .main-info__alert-paragraph img {
    height: auto;
    width: 80px;
  }
  .programs__intro {
    margin: 60px 10px;
    box-sizing: border-box;
  }
  .projects article img {
    width: 100%;
    height: max-content;
  }
  .partners .item {
    width: 250px;
    height: 250px;
    box-shadow: -15px 15px 0 -8px #FFF798;
  }
  .page-about__galley-wrapper .image-item {
    max-height: 300px;
  }
  .page-about__galley-wrapper .image-item img {
    max-width: 500px;
  }
  .page-about__gallery .prev-image img,
  .page-about__gallery .next-image .mobile-version {
    width: 121px;
  }
  .page-about__top-gallery button {
    top: 20px;
  }
  .page-about__gallery .next-image {
    position: absolute;
    left: -12px;
    top: 113px;
  }
  .page-about__gallery .next-image .mobile-version {
    display: block;
  }
  .page-about__gallery .next-image .desktop-version {
    display: none;
  }
  .page-about__bottom-gallery .programs__intro {
    box-shadow: -14px 13px 0 -9px #FFF798;
    max-width: unset;
    width: 95%;
  }
  .programs__items-wrapper > div:nth-child(3),
  .programs__items-wrapper div:nth-child(4) {
    margin-left: 10%;
  }
}
@media screen and (max-width: 990px) {
  .pagination {
    justify-content: center;
  }
  .pagination p {
    font-size: 40px;
  }
  .pagination p span {
    font-size: 60px;
  }
  h1,
  .main-info__new h1 {
    font-size: 25px;
  }
  h2 {
    font-size: 20px;
    line-height: 2;
    margin-bottom: 10px;
  }
  h3 {
    font-size: 18px;
  }
  p,
  .department_wrapper ul li,
  .blog-content ul li,
  .blog-meta time,
  .blog-meta small,
  .blog-content ol {
    font-size: 16px;
  }
  header {
    padding-bottom: 25px;
  }
  header nav ul li ul li {
    font-size: 18px;
  }
  header nav ul li ul li a {
    border: 3px solid #FFF798;
  }
  header nav ul li ul li {
    border: 5px solid #FFF798;
    padding: 5px;
    margin-bottom: 15px;
  }
  header nav ul li ul li a {
    border: unset;
    padding: 6px;
  }
  header nav ul li ul li a:hover {
    border: unset;
    background-color: unset;
    color: #fff;
  }
  .programs__items-wrapper {
    gap: 65px 25px;
  }
  .programs__items-wrapper > div:nth-child(3),
  .programs__items-wrapper div:nth-child(4) {
    margin-left: 0;
  }
  .contact-us .contacts-wrapper {
    display: flex;
    flex-direction: column;
  }
  .contact-us address {
    margin-left: 0;
  }
  .contact-us .section__paragraph-header {
    margin-top: 20px;
    margin-bottom: 15px;
  }
  section {
    margin-bottom: 60px;
  }
  .programs,
  .news {
    margin-top: 40px;
  }
  .programs__intro {
    margin: 40px 10px;
  }
  .section__header {
    margin-bottom: 15px;
  }
  .btn1 {
    font-size: 20px;
  }
  .wrapper-logo p a {
    display: none;
  }
  .programs__items {
    justify-content: left;
  }
  .programs__items > div {
    max-width: 320px;
  }
  .programs__items > div:last-child {
    margin-right: 0;
  }
  .departments_wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .link1 {
    width: fit-content;
    min-height: 47px;
  }
  .link1:after {
    top: 0;
  }
  .news__item {
    margin-bottom: 60px;
  }
  .news-page {
    position: relative;
  }
  .news-page .toggle-aside {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
  }
  .news-page aside {
    display: none;
  }
  .projects__content p {
    font-size: 18px;
  }
  .partners .item {
    width: 250px;
    box-shadow: -15px 15px 0 -8px #FFF798;
  }
  .carousel {
    margin-bottom: 0;
  }
  .contacts img {
    display: none;
  }
  .form-control input,
  .form-control textarea {
    font-size: 20px;
  }
  footer .box-container,
  footer address {
    margin: 0;
  }
  footer .child li {
    margin-top: 10px;
  }
  footer nav {
    padding-top: 20px;
  }
  footer nav > ul {
    font-size: 18px;
  }
  .footer__top {
    flex-direction: column;
  }
  .footer__top nav,
  .footer__top address {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
  }
  .footer__top address {
    margin: 25px 15px 0;
  }
  footer address {
    margin-left: 15px !important;
  }
  footer .box-container {
    margin-left: 30px;
    max-width: 310px;
    width: 100%;
    min-width: 300px;
  }
  footer nav > ul {
    justify-content: space-between;
  }
  .social-icon img {
    width: 45px;
    height: 45px;
  }
  footer .social-icons {
    grid-template-columns: repeat(2, 60px);
  }
  .projects .pagination {
    margin-top: -198px;
  }
  .circles_bg_second {
    opacity: 0.6;
    z-index: -1;
  }
  .article__wrapper {
    flex-direction: column;
  }
  .article__wrapper aside {
    margin-top: 20px;
  }
  .font-size-150 h3 {
    margin-bottom: 20px;
  }
  .font-size-150 .btn1,
  .font-size-150 a,
  .font-size-150 .language-switcher li,
  .font-size-150 .breadcrumb span {
    font-size: 30px;
    height: auto;
  }
  .font-size-200 h3 {
    margin-bottom: 20px;
  }
  .font-size-200 .btn1,
  .font-size-200 a,
  .font-size-200 .language-switcher li,
  .font-size-200 .breadcrumb span {
    font-size: 40px;
    height: auto;
  }
  .tag-cloud-single li a {
    height: auto;
  }
  .article__wrapper aside {
    margin-left: 0;
  }
  .page-about__galley-wrapper .items-image {
    width: 60%;
  }
  .page-about__gallery .prev-image img,
  .page-about__gallery .next-image .mobile-version {
    width: 90px;
  }
  .page-about__galley-wrapper .carousel__slide--active .image-item::after {
    content: '';
  }
  .page-about__top-gallery button,
  .page-about__top-gallery button {
    z-index: 2;
  }
  .page-about__galley-wrapper .items-image {
    width: 600px;
  }
  .page-partners__wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(100px, 400px));
  }
  .page-partners__wrapper a {
    font: 20px/1.6 "Maven Pro", sans-serif;
    font-weight: 700;
  }
  .video-wrapper {
    flex-direction: column;
  }
  .video-wrapper .subtitles-wrapper {
    display: none;
  }
  .reverse-box-container .btn3 {
    width: fit-content;
  }
  .form-wrapper .btn3 {
    width: fit-content;
  }
  .theme-white nav ul li ul li {
    border: 5px solid #E9E9E9 !important;
  }
}
@media screen and (max-width: 800px) {
  .partners .item {
    width: 250px;
    box-shadow: -15px 15px 0 -8px #FFF798;
  }
  .copyright > div {
    flex-direction: column;
  }
  .copyright > div a,
  .copyright > div p {
    margin-top: 16px;
  }
}
@media screen and (max-width: 700px) {
  .link2 {
    width: fit-content;
  }
  .btn1,
  .btn2 {
    height: auto;
  }
  header .button-wrapper {
    flex-direction: row-reverse;
  }
  header .btn1 {
    margin: 2px 6px;
  }
  .pagination p {
    font-size: 25px;
  }
  .pagination p span {
    font-size: 40px;
  }
  .projects .pagination {
    margin-top: -180px;
  }
  .main-info__alert-paragraph {
    font-size: 20px;
  }
  .main-info__alert-paragraph img {
    width: 40px;
  }
  #toggleButton span {
    display: none;
  }
  #toggleButton img {
    margin-right: 0;
  }
  .programs__items {
    flex-direction: column;
    min-height: unset;
    margin-bottom: unset;
  }
  .programs__items > div {
    max-width: 100%;
    margin-top: 25px;
  }
  .projects article {
    box-shadow: -15px 15px 0 -13px #FFF798;
  }
  .projects__content {
    border-radius: 36px;
    width: 100%;
    padding: 15px;
  }
  .projects__content p {
    max-width: unset;
  }
  .projects__content .link1 {
    height: fit-content;
    min-height: 50px;
    margin-top: 15px;
  }
  .projects__right-side {
    display: none;
  }
  .projects-page article {
    margin-bottom: 45px;
  }
  .contacts .btn3 {
    width: fit-content;
  }
  footer .box-container {
    margin-left: 0;
    max-width: unset;
    margin-top: 20px;
  }
  footer nav > ul {
    flex-direction: column;
  }
  .footer__top address {
    margin-right: 15px;
    box-sizing: border-box;
    width: 95%;
  }
  .programs__items-wrapper {
    grid-template-columns: minmax(300px, 600px);
    gap: 65px 0;
  }
  .page-about__benefits-wrapper {
    grid-template-columns: 1fr;
    margin-right: 0;
  }
  .page-about__benefits-item::after {
    right: -85px;
  }
  .page-about__galley-wrapper .image-item {
    width: 300px;
  }
  .page-about__galley-wrapper .items-image {
    width: 300px;
  }
  .page-about__galley-wrapper .image-item img {
    max-width: 300px;
  }
  .stories__wrapper-content {
    flex-direction: column;
  }
  .departments_wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .blog-size-2,
  .blog-size-3,
  .blog-size-1 {
    width: 200px;
    margin: 20px 0;
    height: auto;
  }
  .blog-size-2 {
    margin-right: 20px;
  }
}
@media screen and (max-width: 562px) {
  .partners .item {
    box-shadow: -15px 15px 0 -8px #FFF798;
  }
  .page-about__gallery .next-image {
    left: 1px;
    top: 89px;
  }
  .page-about__gallery .prev-image img,
  .page-about__gallery .next-image .mobile-version {
    width: 60px;
  }
  .page-partners__wrapper {
    grid-template-columns: repeat(1, minmax(100px, 400px));
    justify-content: center;
  }
  .page-partners__wrapper a {
    font: 20px/1.6 "Maven Pro", sans-serif;
    font-weight: 700;
  }
  .font-size-150 .wrapper-header {
    flex-direction: column;
  }
  .font-size-150 .wrapper-logo {
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .font-size-150 .btn1,
  .font-size-150 a,
  .font-size-150 .language-switcher li {
    font-size: 22px;
    height: auto;
  }
  .font-size-200 .wrapper-header {
    flex-direction: column;
  }
  .font-size-200 .wrapper-logo {
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .font-size-200 .btn1,
  .font-size-200 a,
  .font-size-200 .language-switcher li {
    font-size: 30px;
    height: auto;
  }
  .wrapper_hidden_block {
    overflow-x: hidden;
  }
}
.font-size-150 .link1,
.font-size-200 .link1 {
  width: fit-content;
}
.font-size-150 .link2,
.font-size-200 .link2 {
  height: auto;
}
.font-size-150 .btn1,
.font-size-200 .btn1,
.font-size-150 .btn2,
.font-size-200 .btn2 {
  height: auto;
}
@media screen and (max-width: 400px) {
  .section__paragraph-header {
    width: 300px;
  }
  .section__header::after,
  .section__paragraph-header::after {
    content: none;
  }
  .accessibility-button {
    font-size: 15px;
  }
}
.theme-white {
  background-color: #222 !important;
  border-color: #E9E9E9 !important;
}
.theme-white ::-moz-selection {
  background: #E9E9E9;
  text-shadow: none;
}
.theme-white blockquote {
  border-left: 10px solid #666;
  color: #555;
}
.theme-white ::selection {
  background: #E9E9E9;
  color: #222;
  text-shadow: none;
}
.theme-white address a {
  color: #E9E9E9;
}
.theme-white .partners .item a,
.theme-white .partners .item p,
.theme-white .form_check label,
.theme-white footer nav span,
.theme-white footer nav > ul a {
  color: #fff !important;
}
.theme-white nav ul li ul li a {
  border-color: #E9E9E9;
  color: #E9E9E9;
}
.theme-white .pagination p {
  color: #E9E9E9;
}
.theme-white .header_navigation,
.theme-white #menu,
.theme-white .projects__background {
  background-color: #222 !important;
}
.theme-white .box-container {
  box-shadow: -14px 15px 0 -1px #E9E9E9;
  background-color: #222;
  border-color: #E9E9E9;
  color: #E9E9E9;
}
.theme-white .button-box-container {
  cursor: pointer;
  box-shadow: 7px 3px 0 -1px #E9E9E9;
  padding: 0 6px;
}
.theme-white .section__header,
.theme-white .section__paragraph-header-yellow {
  color: #E9E9E9;
}
.theme-white .section__header:after,
.theme-white .section__paragraph-header-yellow:after {
  filter: grayscale(100%) !important;
}
.theme-white img {
  filter: grayscale(100%) !important;
}
.theme-white .social-icon img {
  filter: brightness(0) invert(1) !important;
}
.theme-white .projects__right-side {
  border-bottom: unset;
}
.theme-white .projects article {
  box-shadow: -15px 15px 0 -1px #E9E9E9;
}
.theme-white .breadcrumb b {
  color: #E9E9E9;
}
.theme-white .btn1,
.theme-white .link1,
.theme-white .link2,
.theme-white .btn3,
.theme-white .btn2 {
  background-color: #E9E9E9;
  color: #222;
}
.theme-white .btn1:after,
.theme-white .link1:after,
.theme-white .link2:after,
.theme-white .btn3:after,
.theme-white .btn2:after {
  filter: grayscale(100%) !important;
}
.theme-white .form-control {
  border-bottom: 5px solid #E9E9E9;
}
.theme-white .news-page .popular-news h3,
.theme-white .article__wrapper .popular-news h3 {
  color: #E9E9E9;
  border-color: #E9E9E9;
}
.theme-white .breadcrumb a,
.theme-white .breadcrumb span,
.theme-white .department_wrapper ul li {
  color: #E9E9E9;
}
.theme-white .language-switcher li a {
  color: #E9E9E9 !important;
}
.theme-white .tag-cloud-single span,
.theme-white .tag-cloud-single li a {
  color: #E9E9E9;
}
.theme-white .tag-cloud-single li a {
  background-color: #222;
  border: 2px solid #E9E9E9;
}
.theme-white .about-description ul a {
  background-color: #fff;
  color: #222;
}
.theme-white .page-about__benefits-item,
.theme-white .image-item {
  filter: grayscale(100%) !important;
}
.theme-black {
  background-color: #E9E9E9 !important;
  border-color: #222 !important;
}
.theme-black ::-moz-selection {
  background: #E9E9E9;
  text-shadow: none;
}
.theme-black blockquote {
  border-left: 10px solid #222;
}
.theme-black ::selection {
  background: #E9E9E9;
  color: #222;
  text-shadow: none;
}
.theme-black li .button-box-container {
  box-shadow: 7px 3px 0 -1px #222 !important;
}
.theme-black .partners .item a,
.theme-black .partners .item p,
.theme-black .form_check label {
  color: #222 !important;
}
.theme-black footer nav span {
  color: #222;
}
.theme-black nav ul li a {
  color: #222;
}
.theme-black address a {
  color: #E9E9E9;
}
.theme-black nav ul li ul li a {
  border-color: #222;
  color: #222;
}
.theme-black .pagination p {
  color: #222;
}
.theme-black .language-switcher li a {
  color: #222 !important;
}
.theme-black .header_navigation,
.theme-black #menu,
.theme-black .projects__background {
  background-color: #E9E9E9 !important;
}
.theme-black .box-container {
  box-shadow: -14px 15px 0 -1px #222;
  background-color: #E9E9E9;
  border-color: #222;
  color: #222;
}
.theme-black .section__header,
.theme-black .section__paragraph-header-yellow {
  color: #222;
}
.theme-black .section__header:after,
.theme-black .section__paragraph-header-yellow:after {
  filter: invert(1) grayscale(100%) !important;
}
.theme-black .projects article img {
  filter: grayscale(100%) !important;
}
.theme-black .wrapper-logo img {
  filter: invert(1) grayscale(100%) !important;
}
.theme-black #toggleButton img {
  filter: brightness(0) invert(1) !important;
}
.theme-black .language-switcher li {
  color: #222;
}
.theme-black .language-switcher li a {
  color: #222;
}
.theme-black img {
  filter: brightness(50%) grayscale(100%) !important;
}
.theme-black .social-icon img {
  filter: grayscale(100%) !important;
}
.theme-black .projects__right-side {
  border-bottom: unset;
}
.theme-black .projects article {
  box-shadow: -15px 15px 0 -1px #222;
}
.theme-black .btn1,
.theme-black .link1,
.theme-black .link2,
.theme-black .btn3,
.theme-black .btn2 {
  background-color: #222;
  color: #E9E9E9;
}
.theme-black .btn1:after,
.theme-black .link1:after,
.theme-black .link2:after,
.theme-black .btn3:after,
.theme-black .btn2:after {
  filter: grayscale(100%) !important;
}
.theme-black .form-control {
  border-bottom: 5px solid #222;
}
.theme-black .news-page .popular-news h3,
.theme-black .article__wrapper .popular-news h3 {
  color: #222;
  border-color: #222;
}
.theme-black .breadcrumb a,
.theme-black .breadcrumb span,
.theme-black .department_wrapper ul li,
.theme-black .breadcrumb b {
  color: #222;
}
.theme-black .tag-cloud-single span,
.theme-black .tag-cloud-single li a {
  color: #222;
}
.theme-black .tag-cloud-single li a {
  background-color: #E9E9E9;
  border: 2px solid #222;
}
.theme-black .about-description ul a {
  background-color: #fff;
  color: #222;
}
.theme-black .page-about__benefits-item,
.theme-black .page-about__galley-wrapper .carousel__slide--active .image-item {
  filter: grayscale(100%) !important;
}
.theme-black .form_check label::before {
  border-color: #222;
}
.theme-black .projects__background > div {
  background-color: unset;
}
.theme-black .contact-us .form-wrapper input,
.theme-black .contact-us .form-wrapper textarea {
  background-color: #222;
}
.theme-black .contact-us .form_check p,
.theme-black address a {
  color: #222;
}
/*# sourceMappingURL=style.css.map */