/* Start:/local/templates/nin_new/libs/selectric/selectric.css?17944841744299*/
/*======================================
  Selectric v1.13.0
======================================*/

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #DDD;
  border-radius: 0px;
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 12px;
  line-height: 38px;
  color: #444;
  height: 38px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background-color: #F8f8f8;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #aaaaaa;
}

.selectric-hover .selectric {
  border-color: #c4c4c4;
}

.selectric-hover .selectric .button {
  color: #a2a2a2;
}

.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #c4c4c4;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer;
}

.selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}

.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444;
}

.selectric-items li:hover {
  background: #D5D5D5;
  color: #444;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

/* End */


/* Start:/local/templates/nin_new/css/main.css?1794484174240098*/
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

blockquote,
body,
dd,
dl,
figcaption,
figure,
h1,
h2,
h3,
h4,
li,
ol,
p,
ul {
  margin: 0;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  overflow-x: hidden;
}

ol,
ul {
  padding: 0;
  list-style: none;
}

a {
  font-family: inherit;
  text-decoration: none;
  color: inherit;
}

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

button {
  cursor: pointer;
  border: none;
}

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

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

header,
footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.container {
  width: 100%;
  max-width: 1560px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}

.header-fixed {
	position: sticky!important;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 100;
	padding-top: 0;
	border-bottom: 1px solid #EEF1F3;
}
.header-fixed .header-top {
	padding-top: 24px;
}

@media screen and (max-width: 767px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Viaoda Libre', sans-serif;
  color: #4C5687;
}

h1, .h1 {
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 400;
  line-height: 71px;
  letter-spacing: -1px;
}

h2, .h2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: -1px;
}

.title-block-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 24px;
}

.title-block-wrap span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #A0A5BF;
  font-family: 'Open Sans', sans-serif;
  padding-left: 9px;
}

.title-block-text {
  color: #4A516F;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 32px;
}

@media screen and (max-width: 1023px) {
  h1, .h1 {
    font-size: 40px;
    line-height: 56px;
  }
  .title-block-wrap {
    gap: 6px;
    margin-bottom: 16px;
  }
  .title-block-wrap span {
    font-size: 14px;
    line-height: 20px;
  }
  h2, .h2 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -0.6px;
  }
}

@media screen and (max-width: 767px) {
  h1, .h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .title-block-wrap {
    margin-bottom: 12px;
  }
  .title-block-wrap span {
    font-size: 12px;
    line-height: 16px;
  }
  h2, .h2 {
    font-size: 20px;
    line-height: 24px;
  }
}

.title-with-pattern {
  text-align: center;
}

.title-with-pattern h1, .title-with-pattern h2 {
  text-transform: uppercase;
}

.title-with-pattern .mainpage-series-pattern {
  margin-top: 40px;
}

.title-with-pattern-subtitle {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  color: #4A516F;
}

@media screen and (max-width: 1023px) {
  .title-with-pattern .mainpage-series-pattern {
    margin-top: 15px;
  }
  .title-with-pattern-subtitle {
    font-size: 16px;
    line-height: 1.4;
  }
}

@media screen and (max-width: 767px) {
  .title-with-pattern .mainpage-series-pattern {
    margin-top: 8px;
  }
  .title-with-pattern-subtitle {
    font-size: 14px;
    line-height: 1.6;
  }
}

.mobile-only {
  display: none;
}

@media screen and (max-width: 1023px) {
  .mobile-only {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.btn {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 11px 35px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  text-align: center;
  border: 1px solid #4c5687;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.btn svg {
  width: 24px;
  height: 24px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.main-btn {
  color: #fff;
  background: #4a5487;
}

.main-btn svg {
  fill: #fff;
}

.secondary-btn {
  color: #4C5687;
  background: #fff;
}

.secondary-btn svg {
  fill: #4C5687;
}

.btn.sm {
  font-size: 14px;
  line-height: 20px;
  padding: 8px 12px;
}

@media screen and (min-width: 1024px) {
  .main-btn:hover {
    border-color: #4C5687;
    color: #4C5687;
    background: #fff;
  }
  .main-btn:hover svg {
    fill: #4C5687;
  }
  .secondary-btn:hover {
    color: #fff;
    background: #4C5687;
    border-color: #4C5687;
  }
  .secondary-btn:hover svg {
    fill: #fff;
  }
}

@media screen and (max-width: 767px) {
  .btn {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 9px 36px;
  }
}

.tab-btn {
  background: #EEF1F3;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #4C5687;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.tab-btn.active {
  background: #CCD6E6;
}

@media screen and (min-width: 1024px) {
  .tab-btn:hover {
    background: #4A516F;
    color: #fff;
  }
}

@media screen and (max-width: 767px) {
  .tab-btn {
    font-size: 12px;
    line-height: 16px;
    padding: 4px 8px;
  }
}

.link {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #7D8BC6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.link--small-arrow {
  gap: 0;
}

.link svg {
  width: 24px;
  height: 24px;
  fill: #7D8BC6;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

@media screen and (min-width: 1024px) {
  .link:hover {
    color: #4C5687;
  }
  .link:hover svg {
    fill: #4C5687;
  }
}

ul {
  padding-left: 25px;
  margin-bottom: 24px;
}

ul li {
  position: relative;
}

ul li:before {
  content: '';
  width: 4px;
  height: 4px;
  background: #343641;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: -13px;
}

p {
  margin-bottom: 23px;
}

p:last-child {
  margin-bottom: 0;
}

body.overflow {
  overflow: hidden;
}

.overlay {
  background: rgba(9, 12, 16, 0.6);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: none;
}

.overlay.active {
  display: block;
}

.search-popup {
  z-index: 99;
  max-width: 1047px;
  width: calc(100% - 30px);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  position: fixed;
  top: -100%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.search-popup.active {
  top: 18%;
}
@media screen and (max-width: 1024px) {
	.search-popup.active {
	  top: 12%;
	}
}

.search-form {
  width: 100%;
  position: relative;
}

.search-form-input {
  width: 100%;
  position: relative;
}

.search-form-input .search-input {
  padding: 16px 50px 16px 20px;
  border: 1.8px solid #ccd6e6;
  border-radius: 12px;
  background: #ffffff;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #343641;
  outline: none;
  width: 100%;
}

.search-form-input .search-input::-webkit-input-placeholder {
  color: #A0A5BF;
}

.search-form-input .search-input::-moz-placeholder {
  color: #A0A5BF;
}

.search-form-input .search-input:-ms-input-placeholder {
  color: #A0A5BF;
}

.search-form-input .search-input::-ms-input-placeholder {
  color: #A0A5BF;
}

.search-form-input .search-input::placeholder {
  color: #A0A5BF;
}

.search-form-input-clear {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}

.search-form-input-clear svg {
  width: 24px;
  height: 24px;
  stroke: #a0a5bf;
  stroke-width: 1.8;
}

.search-form-input-clear.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-form-popup {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  max-height: 392px;
  overflow-y: auto;
  padding: 13px 20px 18px;
  margin-top: 8px;
  display: none;
}

.search-form-popup-list-item {
  padding-top: 6px;
  padding-bottom: 6px;
  display: block;
}

.search-form-popup-list-item a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
}

.search-form-popup.active {
  display: block;
}

@media screen and (max-width: 767px) {
  .search-popup.active {
    top: 13%;
  }
}

.to-top {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid #a0a5bf;
  background: #ffffff;
  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;
  position: fixed;
  right: 51px;
  bottom: 150px;
  display: none;
  z-index: 99;
  opacity: 0.5;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.to-top.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.to-top svg {
  width: 24px;
  height: 24px;
  fill: #4C5687;
}

@media screen and (min-width: 1024px) {
  .to-top:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 1023px) {
  .to-top {
    display: none !important;
  }
}

.breadcrumbs {
  margin-bottom: 24px;
}

.breadcrumbs-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.breadcrumbs-list-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.breadcrumbs-list-item span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #A0A5BF;
}

.breadcrumbs-list-item a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #A0A5BF;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.breadcrumbs-list-item:not(:last-child):after {
  content: '';
  margin-left: 8px;
  margin-right: 8px;
  width: 20px;
  height: 24px;
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc1OTA2NyAwLjI2MzA5MkMwLjY3Njk0NCAwLjM0NTk0NiAwLjYxMTc5IDAuNDQ0MzYyIDAuNTY3MzM2IDAuNTUyNzA1QzAuNTIyODgyIDAuNjYxMDQ4IDAuNSAwLjc3NzE5IDAuNSAwLjg5NDQ4NUMwLjUgMS4wMTE3OCAwLjUyMjg4MiAxLjEyNzkyIDAuNTY3MzM2IDEuMjM2MjZDMC42MTE3OSAxLjM0NDYxIDAuNjc2OTQ0IDEuNDQzMDIgMC43NTkwNjcgMS41MjU4OEw0LjE5NjIzIDUuMDAwNzhMMC43NTkwNjcgOC40NzU2OEMwLjY3NzA1MSA4LjU1ODYgMC42MTE5OTQgOC42NTcwMyAwLjU2NzYwNyA4Ljc2NTM3QzAuNTIzMjIxIDguODczNyAwLjUwMDM3NSA4Ljk4OTgxIDAuNTAwMzc1IDkuMTA3MDdDMC41MDAzNzUgOS4yMjQzNCAwLjUyMzIyMSA5LjM0MDQ1IDAuNTY3NjA3IDkuNDQ4NzhDMC42MTE5OTQgOS41NTcxMiAwLjY3NzA1MSA5LjY1NTU1IDAuNzU5MDY3IDkuNzM4NDdDMC44NDEwODIgOS44MjEzOSAwLjkzODQ0OCA5Ljg4NzE2IDEuMDQ1NjEgOS45MzIwM0MxLjE1Mjc2IDkuOTc2OSAxLjI2NzYyIDEwIDEuMzgzNiAxMEMxLjQ5OTU5IDEwIDEuNjE0NDQgOS45NzY5IDEuNzIxNiA5LjkzMjAzQzEuODI4NzYgOS44ODcxNiAxLjkyNjEyIDkuODIxMzkgMi4wMDgxNCA5LjczODQ3TDYuMDc0MjcgNS42Mjc3QzYuMTU2MzkgNS41NDQ4NCA2LjIyMTU0IDUuNDQ2NDIgNi4yNjYgNS4zMzgwOEM2LjMxMDQ1IDUuMjI5NzQgNi4zMzMzMyA1LjExMzYgNi4zMzMzMyA0Ljk5NjNDNi4zMzMzMyA0Ljg3OTAxIDYuMzEwNDUgNC43NjI4NyA2LjI2NiA0LjY1NDUyQzYuMjIxNTQgNC41NDYxOCA2LjE1NjM5IDQuNDQ3NzYgNi4wNzQyNyA0LjM2NDkxTDIuMDA4MTQgMC4yNTQxMzVDMS42NzE1MSAtMC4wODYxOSAxLjEwNDU1IC0wLjA4NjE4OTggMC43NTkwNjcgMC4yNjMwOTJaIiBmaWxsPSIjQTBBNUJGIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (min-width: 1024px) {
  .breadcrumbs-list-item a:hover {
    color: #343641;
  }
}

@media screen and (max-width: 1023px) {
  .breadcrumbs {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 767px) {
  .breadcrumbs {
    margin-bottom: 12px;
  }
  .breadcrumbs-list-item span, .breadcrumbs-list-item a {
    font-size: 12px;
    line-height: 16px;
  }
  .breadcrumbs-list-item:not(:last-child):after {
    content: '';
    margin-left: 5px;
    margin-right: 5px;
    width: 16px;
    height: 16px;
  }
}

.accordion {
  width: 100%;
  max-width: 1030px;
  margin: 0 auto;
  padding-bottom: 160px;
}

.accordion-item {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #CCD6E6;
  margin-bottom: 15px;
}

.accordion-item:last-child {
  margin-bottom: 0;
}

.accordion-item-head {
  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;
  font-size: 28px;
  line-height: 32px;
  color: #4C5687;
  font-weight: 600;
  padding: 30px 40px;
  cursor: pointer;
}

.accordion-item-head svg {
  width: 24px;
  height: 24px;
  fill: #A0A5BF;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.accordion-item-content {
  padding: 0 40px 30px 40px;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
  display: none;
}

.accordion-item-content ul {
  margin-bottom: 0;
}

.accordion-item-content ul li {
  margin-bottom: 16px;
}

.accordion-item-content ul li:last-child {
  margin-bottom: 0;
}

.accordion-item-content ul li:before {
  width: 6px;
  height: 6px;
}

.accordion-item.active {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(52, 54, 65, 0.15);
          box-shadow: 0px 0px 12px 0px rgba(52, 54, 65, 0.15);
}

.accordion-item.active .accordion-item-head svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (max-width: 1023px) {
  .accordion {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  .accordion {
    padding-bottom: 60px;
  }
  .accordion-item-head {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 30px 16px;
  }
  .accordion-item-content {
    padding: 0 16px 30px 16px;
    font-size: 14px;
    line-height: 20px;
  }
  .accordion-item-content ul {
    padding-left: 20px;
  }
  .accordion-item-content ul li {
    margin-bottom: 15px;
  }
  .accordion-item-content ul li:before {
    width: 5px;
    height: 5px;
  }
}

.form-block {
  margin-bottom: 16px;
}

.form-block-label {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 4px;
  color: #4A516F;
  padding-left: 8px;
  padding-right: 8px;
}

.form-block-input {
  width: 100%;
  padding: 16px 12px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #E2E7EA;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
  outline: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.form-block-input:focus {
  border-color: #7D8BC6;
}

.form-block-input::-webkit-input-placeholder {
  color: #A0A5BF;
}

.form-block-input::-moz-placeholder {
  color: #A0A5BF;
}

.form-block-input:-ms-input-placeholder {
  color: #A0A5BF;
}

.form-block-input::-ms-input-placeholder {
  color: #A0A5BF;
}

.form-block-input::placeholder {
  color: #A0A5BF;
}

.form-block-textarea {
  resize: none;
  width: 100%;
  padding: 16px 12px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #E2E7EA;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
  outline: none;
  height: 122px;
}

.form-block-textarea:focus {
  border-color: #7D8BC6;
}

.form-block-textarea::-webkit-input-placeholder {
  color: #A0A5BF;
}

.form-block-textarea::-moz-placeholder {
  color: #A0A5BF;
}

.form-block-textarea:-ms-input-placeholder {
  color: #A0A5BF;
}

.form-block-textarea::-ms-input-placeholder {
  color: #A0A5BF;
}

.form-block-textarea::placeholder {
  color: #A0A5BF;
}

.form-block.form-block--error .form-block-input,
.form-block.form-block--error .form-block-textarea {
  border-color: #E8162F;
}

@media screen and (max-width: 1023px) {
  .form-block {
    margin-bottom: 20px;
  }
  .form-block-input {
    padding: 12px;
  }
  .form-block-textarea {
    padding: 12px;
    height: 96px;
  }
}

@media screen and (max-width: 767px) {
  .form-block {
    margin-bottom: 12px;
  }
  .form-block-label {
    font-size: 14px;
    line-height: 20px;
  }
  .form-block-input {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 24px;
  }
  .form-block-textarea {
    padding: 8px 12px;
    height: 120px;
    font-size: 14px;
    line-height: 24px;
  }
}

.popup-form {
  display: none;
  background: #fff!important;
  border-radius: 8px!important;
  padding: 50px!important;
  position: relative!important;
  width: calc(100% - 30px)!important;
  max-width: 532px!important;
}

.popup-form-close {
  top: 18px;
  right: 18px;
  position: absolute;
}

.popup-form-close svg {
  width: 32px;
  height: 32px;
  stroke: #4C5687;
}

.popup-form-title {
  font-size: 25px;
  font-weight: 700;
  line-height: 34px;
  color: #4C5687;
  margin-bottom: 20px;
}

.popup-form-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  color: #343641;
  margin-bottom: 30px;
}

.popup-form .btn {
  width: 100%;
  margin-top: 30px;
}

.popup-form-success-icon {
  width: 114px;
  height: 132px;
  margin-bottom: 10px;
}

.popup-form-success-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

@media screen and (max-width: 767px) {
  .popup-form {
    padding: 30px 25px;
  }
  .popup-form-close {
    top: 5px;
    right: 5px;
  }
  .popup-form-title {
    font-size: 21px;
    line-height: 1.3;
    margin-bottom: 8px;
  }
  .popup-form-text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .popup-form .btn {
    margin-top: 25px;
  }
  .popup-form-success-icon {
    width: 80px;
    height: 80px;
  }
}

@font-face {
  font-family: "Viaoda Libre";
  font-display: swap;
  src: url("/local/templates/nin_new/css/../fonts/ViaodaLibre/ViaodaLibre-Regular.woff2") format("woff2"), url("/local/templates/nin_new/css/../fonts/ViaodaLibre/ViaodaLibre-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: url("/local/templates/nin_new/css/../fonts/OpenSans/OpenSans-Regular.woff2") format("woff2"), url("/local/templates/nin_new/css/../fonts/OpenSans/OpenSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: url("/local/templates/nin_new/css/../fonts/OpenSans/OpenSans-SemiBold.woff2") format("woff2"), url("/local/templates/nin_new/css/../fonts/OpenSans/OpenSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

.header {
  margin-bottom: 24px;
}

.header-top {
  padding-top: 24px;
  padding-bottom: 14px;
  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;
}

.header-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 58px;
  padding-bottom: 14px;
}

.header-logo {
  width: 100%;
  max-width: 120px;
}

.header-logo img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 56px;
}

.header-menu-item {
  padding: 10px 0;
  position: relative;
}

.header-menu-item-link a {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #4C5687;
  white-space: nowrap;
}

.header-menu-item-link-chevron {
  display: none;
}

.header-menu-item-link-chevron svg {
  width: 20px;
  height: 20px;
  fill: #A0A5BF;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.header-menu-item-submenu {
  border-radius: 12px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(52, 54, 65, 0.15);
          box-shadow: 0px 0px 12px 0px rgba(52, 54, 65, 0.15);
  background: #fff;
  overflow: hidden;
  position: absolute;
  top: 100%;
  z-index: 2;
  display: none;
}

.header-menu-item-submenu-item {
  margin-bottom: 12px;
}

.header-menu-item-submenu-item:last-child {
  margin-bottom: 0;
}

.header-menu-item-submenu-item a {
  font-size: 16px;
  font-weight: 400;
  color: #343641;
  line-height: 24px;
  white-space: nowrap;
}

.header-search-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-search-btn svg {
  width: 24px;
  height: 24px;
  fill: #4C5687;
}

.header-burger-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-burger-btn svg {
  width: 40px;
  height: 40px;
  fill: #4C5687;
}

.header-burger-btn .burger-icon-close {
  display: none;
}

.header-burger-btn.active .burger-icon {
  display: none;
}

.header-burger-btn.active .burger-icon-close {
  display: block;
}

@media screen and (max-width: 1440px) {
  .header-menu-item:first-child .header-menu-item-submenu {
    right: auto;
  }
}

@media screen and (max-width: 1280px) {
  .header-top {
    gap: 16px;
  }
  .header-bottom {
    gap: 25px;
  }
  .header-menu {
    gap: 25px;
  }
}

@media screen and (max-width: 1023px) {
  .header {
    position: relative;
    margin-bottom: 0;
  }
  .header-top {
    padding-top: 40px;
    padding-bottom: 24px;
  }
  .header-bottom {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    width: 100%;
    background: #fff;
    height: calc(100vh - 115px);
    display: none;
    padding: 12px 23px 49px 26px;
    overflow-y: auto;
  }
  .header-bottom .header-search {
    display: none;
  }
  .header-logo {
    width: 100px;
    height: 44px;
  }
  .header-logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-logo img {
    width: 100%;
    height: 100%;
  }
  .header-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .header-menu-item {
    padding: 0;
  }
  .header-menu-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #eef1f3;
  }
  .header-menu-item-link a {
    padding-top: 16px;
    padding-bottom: 16px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .header-menu-item-link-chevron {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-menu-item.active .header-menu-item-link-chevron svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .header-menu-item-submenu {
    position: static;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #eef1f3;
  }
  .header-menu-item-submenu-item {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
  }
  .header-menu-item-submenu-item a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #4C5687;
  }
  .header-search.mobile-only {
    margin-left: auto;
  }
}

@media screen and (max-width: 767px) {
  .header-top {
    padding-top: 16px;
    padding-bottom: 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header-bottom {
    height: calc(100vh - 80px);
  }
  .header-burger-btn svg {
    width: 34px;
    height: 34px;
  }
  .header-search.mobile-only {
    margin-left: 0;
    width: 34px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media screen and (min-width: 1024px) {
  .header-menu-item:hover .header-menu-item-submenu {
    display: block;
  }
  .header-menu-item a:hover {
    color: #7D8BC6;
  }
}

.footer {
  background: #4a516f;
}

.footer-top {
  padding-top: 80px;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
}

.footer-top-menu-list-item {
  margin-bottom: 20px;
}

.footer-top-menu-list-item a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #FFFFFF;
}

.footer-top-menu-list-item:last-child {
  margin-bottom: 0;
}

.footer-top-adress {
  position: relative;
  padding-top: 50px;
  padding-bottom: 12px;
  padding-right: 16.6%;
}

.footer-top-adress-block {
  background: #EEF1F3;
  padding: 20px;
  border-radius: 8px;
  z-index: 2;
  position: relative;
  width: 380px;
  margin-top: -50px;
}

.footer-top-adress-block-item {
  margin-bottom: 16px;
}

.footer-top-adress-block-item-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 4px;
  color: #A0A5BF;
  display: block;
}

.footer-top-adress-block-item-value {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
  display: block;
}

.footer-top-adress-block-item:last-child {
  margin-bottom: 0;
}

.footer-top-adress-map {
  z-index: 1;
  width: 380px;
  height: 237px;
  border-radius: 8px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50px;
}

.footer-bottom {
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
}

.footer-bottom-copyright {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #CCD6E6;
}

.footer-bottom-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #CCD6E6;
}

.footer-logo {
  width: 100%;
  max-width: 182px;
  margin-bottom: 37px;
}

.footer-logo img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.footer-contacts-list {
  margin-bottom: 37px;
}

.footer-contacts-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.footer-contacts-list-item:last-child {
  margin-bottom: 0;
}

.footer-contacts-list-item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-contacts-list-item-icon svg {
  width: 24px;
  height: 24px;
  fill: #a0a5bf;
}

.footer-contacts-list-item-link {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  color: #FFFFFF;
}

.footer-social-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #A0A5BF;
  margin-bottom: 14px;
  display: block;
}

.footer-social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.footer-social-list-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-social-list-item a img {
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.on-map-btn {
  display: none;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4px;
}

.on-map-btn svg {
  width: 16px;
  height: 16px;
  fill: #4C5687;
}

.on-map-btn span {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #4C5687;
}

@media screen and (max-width: 1023px) {
  .footer-top {
    padding-top: 58px;
    padding-bottom: 20px;
  }
  .footer-top-adress {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    width: 39.567%;
  }
  .footer-top-adress-block {
    width: auto;
    margin-top: 0;
    padding: 16px;
  }
  .footer-top-adress-block-item {
    margin-bottom: 12px;
  }
  .footer-top-adress-block-item-title {
    font-size: 12px;
    line-height: 16px;
  }
  .footer-top-adress-block-item-value {
    font-size: 14px;
    line-height: 20px;
  }
  .footer-top-adress-map {
    display: none;
  }
  .footer-top-menu-list-item {
    margin-bottom: 10px;
  }
  .footer-top-menu-list-item a {
    font-size: 14px;
    line-height: 20px;
  }
  .footer-logo {
    max-width: 160px;
    margin-bottom: 24px;
  }
  .footer-contacts-list {
    margin-bottom: 24px;
  }
  .footer-contacts-list-item {
    margin-bottom: 12px;
  }
  .footer-contacts-list-item-icon svg {
    width: 20px;
    height: 20px;
  }
  .footer-contacts-list-item-link {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
  .footer-social-title {
    font-size: 12px;
    line-height: 16px;
  }
  .footer-social-list {
    gap: 10px;
  }
  .footer-bottom-copyright {
    font-size: 12px;
    line-height: 16px;
  }
  .footer-bottom-link {
    font-size: 12px;
    line-height: 16px;
  }
  .on-map-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .footer-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 52px;
    padding-bottom: 12px;
    gap: 30px;
  }
  .footer-top-menu-list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  .footer-top-menu-list-item {
    margin-bottom: 6px;
  }
  .footer-top-adress {
    width: 100%;
  }
  .footer-top-adress-block-item-title {
    font-size: 12px;
    line-height: 16px;
  }
  .footer-top-adress-block-item-value {
    font-size: 12px;
    line-height: 16px;
  }
  .footer-bottom {
    gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer-bottom-copyright {
    font-size: 10px;
    line-height: 12px;
  }
  .footer-bottom-link {
    font-size: 10px;
    line-height: 12px;
  }
  .footer-contacts-list {
    margin-bottom: 33px;
  }
  .footer-contacts-list-item {
    margin-bottom: 8px;
  }
  .footer-contacts-list-item-icon svg {
    width: 24px;
    height: 24px;
  }
  .footer-social-title {
    margin-bottom: 7px;
  }
  .footer-social-list {
    gap: 8px;
  }
  .footer-social-list-item a img {
    width: 32px;
    height: 32px;
  }
}

.mainpage-swiper {
  overflow: hidden;
  position: relative;
}

.mainpage-swiper .swiper-wrapper {
  height: auto;
}

.mainpage-swiper-slide {
  border-radius: 12px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.mainpage-swiper-slide-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.mainpage-swiper-slide-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
  padding-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mainpage-swiper-slide-content-wrap {
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 715px;
  padding-left: 11%;
}

.mainpage-swiper-slide-title {
  font-family: 'Viaoda Libre', sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 85px;
  text-transform: uppercase;
  color: #4C5687;
}

.mainpage-swiper-slide-subtitle {
  font-family: 'Viaoda Libre', sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  color: #7D8BC6;
  margin-top: -15px;
}

.mainpage-swiper-slide-btn {
  padding-top: 45px;
}

.mainpage-swiper-slide-bg {
  width: 100%;
}

.mainpage-swiper-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  width: 46px;
  height: 46px;
  border: 1px solid #A0A5BF;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  opacity: 0;
}

.mainpage-swiper-arrow.mainpage-swiper-arrow--prev {
  left: 15px;
}

.mainpage-swiper-arrow.mainpage-swiper-arrow--next {
  right: 15px;
}

.mainpage-swiper-arrow svg {
  width: 24px;
  height: 24px;
  min-width: 24px;
  fill: #7D8BC6;
}

.mainpage-swiper-arrow.swiper-button-disabled {
  pointer-events: none;
}

.swiper-container-horizontal > .swiper-pagination-bullets.mainpage-swiper-pagination {
  position: absolute;
  left: 50%;
  bottom: 25px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.swiper-container-horizontal > .swiper-pagination-bullets.mainpage-swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border: 1px solid #ccd6e6;
  background: #fff;
  opacity: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets.mainpage-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #4C5687;
}

@media screen and (min-width: 992px) {
  .mainpage-swiper:hover .mainpage-swiper-arrow {
    opacity: 1;
  }
  .mainpage-swiper:hover .mainpage-swiper-arrow:hover {
    background: white;
  }
}

@media screen and (max-width: 1440px) {
  .mainpage-swiper-slide-content-wrap {
    padding-left: 0;
    width: 605px;
  }
}

@media screen and (max-width: 1023px) {
  .mainpage-swiper-slide-content {
    padding: 54px 40px;
  }
  .mainpage-swiper-slide-content-wrap {
    height: 100%;
    width: 370px;
  }
  .mainpage-swiper-slide-title {
    font-size: 40px;
    line-height: 56px;
  }
  .mainpage-swiper-slide-subtitle {
    font-size: 36px;
    line-height: 40px;
    margin-top: -7px;
  }
  .mainpage-swiper-slide-btn {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 25px;
    margin-top: auto;
  }
}

@media screen and (max-width: 580px) {
  .mainpage-swiper-slide-content {
    padding: 24px 20px 20px;
  }
  .mainpage-swiper-slide-content-wrap {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .mainpage-swiper-slide-title {
    font-size: 24px;
    line-height: 32px;
  }
  .mainpage-swiper-slide-subtitle {
    font-size: 20px;
    line-height: 24px;
  }
  .mainpage-swiper-slide-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 20px;
    margin-top: 0;
  }
}

.mainpage-title-block {
  margin-bottom: 40px;
}

.mainpage-title-block-wrap {
  position: relative;
  padding: 0 120px;
}

.mainpage-title-block h2 {
  color: #4C5687;
  font-family: 'Viaoda Libre', sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 71px;
  text-align: center;
  text-transform: uppercase;
}

.mainpage-title-block-all {
  position: absolute;
  top: 23px;
  right: 0;
}

.mainpage-all-mobile {
  display: none;
  padding-top: 12px;
}

.mainpage-all-mobile-btn {
  font-size: 12px;
  line-height: 16px;
  color: #7D8BC6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mainpage-all-mobile-btn svg {
  width: 16px;
  height: 16px;
  fill: #7D8BC6;
}

.mainpage-series {
  padding-top: 140px;
  padding-bottom: 160px;
}

.mainpage-series-pattern {
  margin-bottom: 30px;
}

.mainpage-series-pattern-block {
  width: 100%;
  text-align: center;
}

.mainpage-series-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.mainpage-series-grid-item {
  background: #EEF1F3;
  border-radius: 8px;
  padding: 32px 20px 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mainpage-series-grid-item-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: #4C5687;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 14px;
  margin-bottom: 24px;
}

.mainpage-series-grid-item-title svg {
  width: 24px;
  height: 24px;
  fill: #A0A5BF;
}

.mainpage-series-grid-item-img {
  max-width: 220px;
  width: 100%;
  -webkit-box-shadow: 0px 2px 12px 0px rgba(9, 12, 16, 0.2);
          box-shadow: 0px 2px 12px 0px rgba(9, 12, 16, 0.2);
  margin: 0 auto;
  margin-top: auto;
}

.mainpage-series-grid-item-img-wrap {
  position: relative;
  padding-top: 127.273%;
}

.mainpage-series-grid-item-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media screen and (max-width: 1023px) {
  .swiper-container-horizontal > .swiper-pagination-bullets.mainpage-swiper-pagination {
    bottom: 8px;
  }
  .mainpage-title-block {
    margin-bottom: 32px;
  }
  .mainpage-title-block h2 {
    font-size: 40px;
    line-height: 56px;
  }
  .mainpage-title-block-all {
    font-size: 12px;
    line-height: 16px;
    top: 18px;
  }
  .mainpage-title-block-all svg {
    width: 20px;
    height: 20px;
  }
  .mainpage-series {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .mainpage-series-pattern {
    margin-bottom: 24px;
  }
  .mainpage-series-pattern-block {
    padding-left: 22px;
    padding-right: 22px;
  }
  .mainpage-series-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

@media screen and (max-width: 767px) {
  .swiper-container-horizontal > .swiper-pagination-bullets.mainpage-swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .mainpage-title-block {
    margin-bottom: 24px;
  }
  .mainpage-title-block-wrap {
    padding: 0;
  }
  .mainpage-title-block h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .mainpage-title-block-all {
    display: none;
  }
  .mainpage-series {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .mainpage-series .mainpage-title-block {
    margin-bottom: 12px;
  }
  .mainpage-series-pattern {
    margin-bottom: 16px;
  }
  .mainpage-series-pattern-block {
    padding-left: 0;
    padding-right: 0;
  }
  .mainpage-series-grid {
    gap: 8px;
  }
  .mainpage-series-grid-item {
    border-radius: 8px;
    padding: 12px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mainpage-series-grid-item-title {
    font-size: 12px;
    line-height: 16px;
    gap: 0;
    margin-bottom: 0;
    margin-top: 12px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .mainpage-series-grid-item-title svg {
    display: none;
  }
  .mainpage-series-grid-item-img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .mainpage-series-grid-item-img-wrap {
    padding-top: 136%;
  }
  .mainpage-all-mobile {
    display: block;
  }
}

.mainpage-collections {
  padding-top: 160px;
  padding-bottom: 160px;
}

.mainpage-collections-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.mainpage-collections-list-item {
  background: #EEF1F3;
  padding: 40px;
  padding-bottom: 0;
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mainpage-collections-list-item-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #4C5687;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 70px;
}

.mainpage-collections-list-item-title svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
  fill: #A0A5BF;
}

.mainpage-collections-list-item-img {
  height: 251px;
  position: relative;
  width: calc(100% + 40px);
  margin-top: auto;
}

.mainpage-collections-list-item-img img {
  width: 487px;
  height: 251px;
  position: absolute;
  right: -65px;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left top;
     object-position: left top;
}

@media screen and (max-width: 1023px) {
  .mainpage-collections {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .mainpage-collections-list {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .mainpage-collections-list-item {
    padding: 32px;
    padding-bottom: 0;
  }
  .mainpage-collections-list-item-title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
  }
  .mainpage-collections-list-item-img {
    width: calc(100% + 32px);
    height: 167px;
  }
  .mainpage-collections-list-item-img img {
    width: 493px;
    height: 251px;
    right: -53px;
  }
}

@media screen and (max-width: 767px) {
  .mainpage-collections {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .mainpage-collections-list {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .mainpage-collections-list-item {
    padding: 20px;
    padding-bottom: 0;
  }
  .mainpage-collections-list-item-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    gap: 7px;
  }
  .mainpage-collections-list-item-img {
    width: calc(100% + 40px);
    height: 115px;
    left: -20px;
  }
  .mainpage-collections-list-item-img img {
    width: 288px;
    height: 147px;
    right: 0;
    top: 0;
  }
}

.mainpage-about {
  padding-top: 160px;
  padding-bottom: 160px;
  background: #4A516F;
}

.mainpage-about-wrap {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 20px));
  gap: 40px;
}

.mainpage-about-card {
  padding: 60px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.mainpage-about-card.mainpage-about-card--publishing {
  background: #F3F2EE;
}

.mainpage-about-card.mainpage-about-card--publishing:after {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 42px);
  background-image: url(/local/templates/nin_new/css/../img/border1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: left top;
  pointer-events: none;
}

.mainpage-about-card.mainpage-about-card--store {
  background: #EEF1F3;
}

.mainpage-about-card.mainpage-about-card--store:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  background-image: url(/local/templates/nin_new/css/../img/border2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: left top;
  pointer-events: none;
}

.mainpage-about-card-title {
  font-size: 50px;
  font-weight: 400;
  line-height: 71px;
  color: #4C5687;
  margin-bottom: 10px;
  font-family: 'Viaoda Libre', sans-serif;
  text-transform: uppercase;
  letter-spacing: -1px;
}

.mainpage-about-card-subtitle {
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
  color: #7D8BC6;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mainpage-about-card-subtitle img {
  height: 40px;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top left;
     object-position: top left;
}

.mainpage-about-card-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #343641;
}

.mainpage-about-card-text p {
  margin: 0;
  margin-bottom: 20px;
}

.mainpage-about-card-text p:last-child {
  margin-bottom: 0;
}

.mainpage-about-card-btn {
  margin-top: auto;
  padding-top: 40px;
}

@media screen and (max-width: 1199px) {
  .mainpage-about-wrap {
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }
  .mainpage-about-card {
    padding: 52px 40px;
  }
  .mainpage-about-card.mainpage-about-card--publishing:after {
    top: -18px;
    left: -12px;
    width: calc(100% + 28px);
    height: calc(100% + 32px);
  }
  .mainpage-about-card.mainpage-about-card--store:after {
    top: 10px;
    left: 7px;
    width: calc(100% - 13px);
    height: calc(100% - 16px);
  }
  .mainpage-about-card-title {
    font-size: 40px;
    line-height: 56px;
    margin-bottom: 12px;
  }
  .mainpage-about-card-subtitle {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
  }
  .mainpage-about-card-subtitle img {
    height: 31px;
  }
  .mainpage-about-card-text {
    font-size: 16px;
    line-height: 24px;
  }
  .mainpage-about-card-text p {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1023px) {
  .mainpage-about {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  .mainpage-about {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .mainpage-about-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .mainpage-about-card {
    padding: 38px 26px;
  }
  .mainpage-about-card.mainpage-about-card--publishing:after {
    background-image: url(/local/templates/nin_new/css/../img/border1-mob.png);
    top: -13px;
    height: calc(100% + 30px);
    left: -6px;
    width: calc(100% + 14px);
  }
  .mainpage-about-card.mainpage-about-card--store:after {
    background-image: url(/local/templates/nin_new/css/../img/border2-mob.png);
    top: 4px;
    left: 5px;
    width: calc(100% - 9px);
    height: calc(100% - 11px);
  }
  .mainpage-about-card-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 4px;
    letter-spacing: -0.5px;
  }
  .mainpage-about-card-subtitle {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .mainpage-about-card-subtitle img {
    height: 18px;
  }
  .mainpage-about-card-text {
    font-size: 14px;
    line-height: 20px;
  }
  .mainpage-about-card-text p {
    margin-bottom: 7px;
  }
  .mainpage-about-card-btn {
    padding-top: 20px;
  }
  .mainpage-about-card-btn .main-btn {
    padding: 12px 36px;
    width: 100%;
  }
}

.mainpage-blog {
  padding-top: 160px;
  padding-bottom: 160px;
  background-image: url(/local/templates/nin_new/css/../img/blog-bg.png);
  background-repeat: no-repeat;
  background-size: 353px 374px;
  background-position: 101% 78%;
  overflow: hidden;
}

.mainpage-blog-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.mainpage-blog-list-item {
  width: calc(25% - 22.5px);
  background: #EEF1F3;
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mainpage-blog-list-item-img {
  position: relative;
  padding-top: 62.5%;
}

.mainpage-blog-list-item-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.mainpage-blog-list-item-content {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.mainpage-blog-list-item-content-head {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 16px;
  color: #A0A5BF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.mainpage-blog-list-item-content-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #343641;
  margin-bottom: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.mainpage-blog-list-item-content-foot {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.mainpage-blog-list-item-content-link {
  gap: 4px;
}

@media screen and (max-width: 1199px) {
  .mainpage-blog {
    background: none;
  }
}

@media screen and (max-width: 1023px) {
  .mainpage-blog {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .mainpage-blog-list {
    margin: 0 -20px;
    padding: 0 20px;
    width: calc(100% + 40px);
    overflow-x: auto;
    scrollbar-width: none;
    gap: 12px;
  }
  .mainpage-blog-list-item {
    width: 320px;
    min-width: 320px;
  }
  .mainpage-blog-list-item-img {
    padding-top: 68.5%;
  }
  .mainpage-blog-list-item-content-head {
    font-size: 14px;
    line-height: 20px;
  }
  .mainpage-blog-list-item-content-text {
    font-size: 16px;
    line-height: 24px;
  }
  .mainpage-blog-list-item-content-link {
    font-size: 14px;
    line-height: 20px;
    gap: 0;
  }
  .mainpage-blog-list-item-content-link svg {
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 767px) {
  .mainpage-blog {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .mainpage-blog-list {
    margin: 0 -15px;
    padding: 0 15px;
    width: calc(100% + 32px);
    gap: 8px;
  }
  .mainpage-blog-list-item {
    width: 180px;
    min-width: 180px;
  }
  .mainpage-blog-list-item-img {
    padding-top: 68.5%;
  }
  .mainpage-blog-list-item-content {
    padding: 12px;
  }
  .mainpage-blog-list-item-content-head {
    font-size: 11px;
    line-height: 12px;
  }
  .mainpage-blog-list-item-content-text {
    font-size: 12px;
    line-height: 16px;
  }
  .mainpage-blog-list-item-content-link span {
    display: none;
  }
  .mainpage-blog-list-item-content-link svg {
    width: 16px;
    height: 16px;
  }
}

.mainpage-form {
  background: #F3F2EE;
  padding-top: 100px;
  padding-bottom: 100px;
}

.mainpage-form-block {
  text-align: center;
}

.mainpage-form-title {
  font-size: 50px;
  font-weight: 400;
  line-height: 71px;
  text-transform: uppercase;
  color: #4C5687;
  margin-bottom: 16px;
  letter-spacing: -1px;
}

.mainpage-form-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #343641;
  margin-bottom: 40px;
}

.mainpage-form-wrap {
  max-width: 625px;
  margin: 0 auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.mainpage-form-wrap input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 12px;
  border: 2px solid #ccd6e6;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  outline: none;
  color: #343641;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.mainpage-form-wrap input:focus {
  border-color: #7D8BC6;
}

.mainpage-form-wrap input::-webkit-input-placeholder {
  color: #A0A5BF;
}

.mainpage-form-wrap input::-moz-placeholder {
  color: #A0A5BF;
}

.mainpage-form-wrap input:-ms-input-placeholder {
  color: #A0A5BF;
}

.mainpage-form-wrap input::-ms-input-placeholder {
  color: #A0A5BF;
}

.mainpage-form-wrap input::placeholder {
  color: #A0A5BF;
}

@media screen and (max-width: 1023px) {
  .mainpage-form {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .mainpage-form-title {
    font-size: 40px;
    line-height: 56px;
  }
  .mainpage-form-text {
    font-size: 16px;
    line-height: 24px;
  }
  .mainpage-form-wrap {
    max-width: 555px;
  }
  .mainpage-form-wrap input {
    padding: 10px 12px;
  }
}

@media screen and (max-width: 767px) {
  .mainpage-form {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .mainpage-form-block {
    text-align: left;
  }
  .mainpage-form-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 12px;
    letter-spacing: -0.5px;
  }
  .mainpage-form-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 24px;
  }
  .mainpage-form-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 13px;
    max-width: 100%;
  }
  .mainpage-form-wrap input {
    width: 100%;
    padding: 8px 12px;
    font-size: 14px;
  }
  .mainpage-form-wrap button {
    width: 100%;
    padding: 11px 36px;
  }
}

.to-catalog {
  background: #F3F2EE;
  padding-top: 50px;
  padding-bottom: 50px;
}

.to-catalog-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

.to-catalog-img {
  max-width: 295px;
  width: 30%;
  min-width: 180px;
}

.to-catalog-img img {
  width: 100%;
  height: auto;
}

.to-catalog-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 40px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.to-catalog-content p {
  margin: 0;
  font-size: 50px;
  font-weight: 400;
  line-height: 71px;
  font-family: 'Viaoda Libre', sans-serif;
  text-transform: uppercase;
  color: #4C5687;
  letter-spacing: -1.1px;
}

@media screen and (max-width: 1023px) {
  .to-catalog {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .to-catalog-wrap {
    gap: 17px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .to-catalog-content {
    -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;
  }
  .to-catalog-content p {
    font-size: 40px;
    font-weight: 400;
    line-height: 56px;
  }
}

@media screen and (max-width: 767px) {
  .to-catalog {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .to-catalog-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
  }
  .to-catalog-img {
    width: 100%;
    max-width: 134px;
    min-width: 0;
  }
  .to-catalog-content {
    width: 100%;
    gap: 8px;
  }
  .to-catalog-content p {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
  }
  .to-catalog-content .main-btn {
    padding: 12px 16px;
    margin-left: auto;
  }
}

.catalog {
  padding-bottom: 160px;
}

.catalog-block {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 32px 50px;
}

.catalog-card-head {
  min-height: 26px;
}

.catalog-card-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #343641;
  text-transform: uppercase;
}

.catalog-card-name {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 48px;
  margin-bottom: 12px;
}

.catalog-card-img {
  position: relative;
  padding-top: 128%;
  display: block;
}

.catalog-card-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.catalog-card-body {
  padding: 8px 8px 0;
}

.catalog-card-bottom {
  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;
  gap: 15px;
}

.catalog-card-price {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #4C5687;
}

.catalog-card-status {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #7D8BC6;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.catalog-card-status svg {
  width: 16px;
  height: 16px;
  fill: #7D8BC6;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.catalog-card-arrow {
  display: none;
}

.catalog-card-arrow svg {
  width: 16px;
  height: 16px;
  fill: #7D8BC6;
}

.catalog-card--not-available .catalog-card-price {
  color: #A0A5BF;
}

.catalog-card--not-available .catalog-card-bottom .catalog-card-status {
  color: #A0A5BF;
}

.catalog-pagination {
  padding-top: 52px;
  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;
  gap: 30px;
}

.catalog-pagination-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.catalog-pagination-list-item {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #A0A5BF;
  margin-left: 6px;
  margin-right: 6px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.catalog-pagination-list-item.active {
  color: #4C5687;
  pointer-events: none;
  font-weight: 600;
}

.catalog-pagination-list .catalog-pagination-list-point-step {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #A0A5BF;
}

.catalog-pagination .pagination-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.catalog-pagination .pagination-arrow span {
  color: #A0A5BF;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.catalog-pagination .pagination-arrow svg {
  width: 24px;
  height: 24px;
  fill: #A0A5BF;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.catalog-pagination .pagination-arrow.pagination-arrow--prev {
  margin-right: 21px;
}

.catalog-pagination .pagination-arrow.pagination-arrow--next {
  margin-left: 21px;
}

@media screen and (min-width: 1024px) {
  a.catalog-pagination-list-item:hover {
    color: #4A516F;
  }
  .pagination-arrow:hover span {
    color: #4A516F;
  }
  .pagination-arrow:hover svg {
    fill: #4A516F;
  }
  .catalog-card-status:hover {
    color: #4A516F;
  }
  .catalog-card-status:hover svg {
    fill: #4A516F;
  }
}

@media screen and (max-width: 1440px) {
  .catalog-block {
    gap: 24px 15px;
  }
}

@media screen and (max-width: 1023px) {
  .catalog {
    padding-bottom: 80px;
  }
  .catalog-block {
    grid-template-columns: repeat(3, 1fr);
  }
  .catalog-card-head {
    min-height: 24px;
  }
  .catalog-card-label {
    font-size: 12px;
    line-height: 16px;
  }
  .catalog-card-img {
    padding-top: 129%;
  }
  .catalog-card-name {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    margin-bottom: 10px;
  }
  .catalog-card-price {
    font-size: 20px;
    line-height: 28px;
  }
  .catalog-card-status {
    font-size: 12px;
    line-height: 16px;
  }
  .catalog-card-status svg {
    display: none;
  }
  .catalog-pagination {
    padding-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .catalog {
    padding-bottom: 60px;
  }
  .catalog-block {
    gap: 8px;
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog-card-head {
    min-height: 22px;
  }
  .catalog-card-label {
    font-size: 9px;
    line-height: 12px;
  }
  .catalog-card-img {
    padding-top: 129%;
  }
  .catalog-card-body {
    padding: 5px 5px 0;
  }
  .catalog-card-name {
    font-size: 12px;
    line-height: 16px;
    height: 32px;
    margin-bottom: 8px;
  }
  .catalog-card-price {
    font-size: 14px;
    line-height: 20px;
  }
  .catalog-card-status {
    display: none;
  }
  .catalog-card-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .catalog-pagination {
    padding-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
  .catalog-pagination-list-item {
    font-size: 16px;
    line-height: 24px;
    margin-left: 8px;
    margin-right: 8px;
  }
  .catalog-pagination .pagination-arrow span {
    display: none;
  }
  .catalog-pagination .catalog-pagination .pagination-arrow.pagination-arrow--prev {
    margin-right: 24px;
  }
  .catalog-pagination .catalog-pagination .pagination-arrow.pagination-arrow--next {
    margin-left: 24px;
  }
  .catalog-pagination-more {
    width: 100%;
  }
  .catalog-card--not-available .catalog-card-price {
    color: #4C5687;
  }
}

.filter {
  margin-bottom: 32px;
}

.filter-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 13px;
}

.filter-block-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 13px;
}

.filter-block-filters-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 13px;
}

.filter-block-filters-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
  padding-left: 4px;
}

.filter-block-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 13px;
}

.filter-block-tags-item {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  border-radius: 8px;
  background: #ccd6e6;
  padding: 8px 12px;
  color: #4C5687;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.filter-block-tags-item-del {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.filter-block-tags-item-del svg {
  width: 20px;
  height: 20px;
  stroke: #4C5687;
}

.filter-dropdown {
  position: relative;
}

.filter-dropdown-btn {
  border-radius: 8px;
  background: #eef1f3;
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.filter-dropdown-btn-count {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #4C5687;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  color: #fff;
  position: absolute;
  right: -5px;
  top: -5px;
  display: none;
}

.filter-dropdown-btn-count.active {
  display: block;
}

.filter-dropdown-btn-icon {
  margin-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filter-dropdown-btn-icon svg {
  width: 24px;
  height: 24px;
  fill: #4C5687;
}

.filter-dropdown-btn-name {
  margin-right: 4px;
  color: #4c5687;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.filter-dropdown-btn-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2px;
}

.filter-dropdown-btn-arrow svg {
  width: 24px;
  height: 24px;
  fill: #A0A5BF;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.filter-dropdown.filter-dropdown--series .filter-dropdown-btn {
  background: #4C5687 !important;
}

.filter-dropdown.filter-dropdown--series .filter-dropdown-btn-icon svg {
  fill: #fff;
}

.filter-dropdown.filter-dropdown--series .filter-dropdown-btn-name {
  color: #fff;
}

.filter-dropdown.filter-dropdown--series .filter-dropdown-btn-arrow svg {
  fill: #fff !important;
}

.filter-dropdown-content {
  position: absolute;
  top: calc(100% + 8px);
  padding: 20px 20px 24px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(52, 54, 65, 0.15);
          box-shadow: 0px 0px 12px 0px rgba(52, 54, 65, 0.15);
  background: #ffffff;
  z-index: 1;
  display: none;
  min-width: 240px;
}

.filter-dropdown-content-list {
  width: 100%;
}

.filter-dropdown-content-list-item {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
  margin-bottom: 12px;
  white-space: nowrap;
}

.filter-dropdown-content-list-item:last-child {
  margin-bottom: 0;
}

.filter-dropdown-content-list-item-count {
  margin-left: 8px;
  color: #A0A5BF;
}

.filter-dropdown-content-list-empty {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #A0A5BF;
  white-space: nowrap;
}

.filter-dropdown-content-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding-top: 17px;
  margin-top: auto;
}

.filter-dropdown-content-btns .main-btn, .filter-dropdown-content-btns .secondary-btn {
  width: calc(50% - 4px);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 96px;
}

.filter-dropdown-content-price {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.filter-dropdown-content-price-item span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 4px;
  color: #A0A5BF;
  display: block;
}

.filter-dropdown-content-price-item input {
  width: 100%;
  border-radius: 8px;
  border: 2px solid #EEF1F3;
  background: #EEF1F3;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
  outline: none;
}

.filter-dropdown-content-price-item input:focus {
  background: #fff;
  border-color: #7D8BC6;
}

.filter-dropdown-content-search {
  width: 100%;
  margin-bottom: 17px;
  position: relative;
}

.filter-dropdown-content-search input {
  width: 100%;
  outline: none;
  padding: 8px 12px;
  border-radius: 8px;
  background: #eef1f3;
  border: 2px solid #eef1f3;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
}

.filter-dropdown-content-search input::-webkit-input-placeholder {
  color: #A0A5BF;
}

.filter-dropdown-content-search input::-moz-placeholder {
  color: #A0A5BF;
}

.filter-dropdown-content-search input:-ms-input-placeholder {
  color: #A0A5BF;
}

.filter-dropdown-content-search input::-ms-input-placeholder {
  color: #A0A5BF;
}

.filter-dropdown-content-search input::placeholder {
  color: #A0A5BF;
}

.filter-dropdown-content-search input:focus {
  background: #fff;
  border-color: #7D8BC6;
}

.filter-dropdown-content-search-clear {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}

.filter-dropdown-content-search-clear svg {
  width: 24px;
  height: 24px;
  stroke: #a0a5bf;
  stroke-width: 1.8;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.filter-dropdown-content-search-clear.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filter-dropdown.open .filter-dropdown-btn {
  background: #CCD6E6;
}

.filter-dropdown.open .filter-dropdown-btn-arrow svg {
  fill: #4C5687;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.filter-dropdown.open .filter-dropdown-content {
  display: block;
}

@media screen and (min-width: 1024px) {
  .search-form-input-clear:hover svg {
    stroke: #4C5687;
  }
}

.filter-dropdown--years .filter-dropdown-content {
  min-width: 240px;
}

.filter-dropdown--price .filter-dropdown-content {
  min-width: 228px;
}

.filter-dropdown--with-search .filter-dropdown-content {
  min-width: 284px;
}

.filter-dropdown-content-list--search {
  overflow-y: auto;
  max-height: 276px;
  padding-right: 10px;
}

.filter-dropdown-content-list--search::-webkit-scrollbar {
  width: 3px;
  background-color: transparent;
}

.filter-dropdown-content-list--search::-webkit-scrollbar-thumb {
  background: #CCD6E6;
  border-radius: 8px;
}

.filter-dropdown-content-second-lvl {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  padding: 20px 20px 24px;
  border-radius: 12px;
  background: #ffffff;
  z-index: 1;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(52, 54, 65, 0.15);
          box-shadow: 0px 0px 12px 0px rgba(52, 54, 65, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: none;
}

.filter-dropdown-content-second-lvl-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #A0A5BF;
}

.filter-dropdown-content-second-lvl-back svg {
  width: 24px;
  height: 24px;
  fill: #A0A5BF;
}

.filter-dropdown-content-second-lvl-name {
  margin: 20px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: #4C5687;
}

.filter-dropdown-content-second-lvl.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filter-dropdown--filters {
  display: none;
}

.mobile-filter {
  width: 100vw;
  height: 100vh;
  background: #fff;
  z-index: 10;
  position: fixed;
  left: 0;
  bottom: -100%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mobile-filter.open {
  bottom: 0;
}

.mobile-filter-block {
  padding: 16px;
  height: 100%;
  overflow-y: auto;
}

.mobile-filter-top {
  padding-bottom: 12px;
  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;
  gap: 15px;
}

.mobile-filter-title p {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #4C5687;
  font-family: 'Viaoda Libre', sans-serif;
  text-transform: uppercase;
}

.mobile-filter-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-filter-close svg {
  stroke: #A0A5BF;
  width: 24px;
  height: 24px;
}

.mobile-filter-reset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #4C5687;
  margin-bottom: 32px;
}

.mobile-filter-reset svg {
  stroke: #4C5687;
  width: 16px;
  height: 16px;
}

.mobile-filter-body {
  padding-bottom: 65px;
}

.mobile-filter-footer {
  padding: 12px 16px;
  border-top: 1px solid #ccd6e6;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
}

.mobile-filter-apply {
  width: 100%;
}

.mobile-filter-apply button {
  width: 100%;
}

.mobile-filter-item {
  margin-bottom: 32px;
}

.mobile-filter-item-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 12px;
  color: #343641;
  display: block;
}

.mobile-filter-item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}

.mobile-filter-item-price {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.mobile-filter-item-price-item span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 4px;
  color: #A0A5BF;
  display: block;
}

.mobile-filter-item-price-item input {
  width: 100%;
  border-radius: 8px;
  border: 2px solid #EEF1F3;
  background: #EEF1F3;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #343641;
  outline: none;
}

.mobile-filter-item-price-item input:focus {
  background: #fff;
  border-color: #7D8BC6;
}

.mobile-filter-item-status {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.mobile-filter-item-status .form-control-mobile-check {
  width: 100%;
}

.form-control-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-control-mobile input[type=radio],
.form-control-mobile input[type=checkbox] {
  display: none;
}

.form-control-mobile input[type=radio] ~ .form-control-mobile-check,
.form-control-mobile input[type=checkbox] ~ .form-control-mobile-check {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: #4C5687;
  padding: 8px 12px;
  border-radius: 8px;
  background: #eef1f3;
}

.form-control-mobile input[type=radio]:checked ~ .form-control-mobile-check,
.form-control-mobile input[type=checkbox]:checked ~ .form-control-mobile-check {
  background: #CCD6E6;
}

.filter-dropdown-content-close {
  position: absolute;
  top: 8px;
  right: 8px;
  display: none;
}

.filter-dropdown-content-close svg {
  width: 24px;
  height: 24px;
  stroke: #A0A5BF;
}

@media screen and (min-width: 1024px) {
  .filter-dropdown-btn:hover {
    background: #E2E9EE;
  }
}

@media screen and (max-width: 1023px) {
  .filter {
    margin-bottom: 24px;
  }
  .filter-dropdown-content-list-item {
    font-size: 14px;
    line-height: 20px;
  }
  .filter-dropdown-content-list-empty {
    font-size: 14px;
    line-height: 20px;
  }
  .filter-dropdown-content-second-lvl-back {
    font-size: 14px;
    line-height: 20px;
  }
  .filter-dropdown-content-second-lvl-name {
    font-size: 16px;
    line-height: 22px;
  }
  .filter-dropdown-btn {
    padding: 8px 12px;
  }
  .filter-dropdown-btn-name {
    font-size: 14px;
    line-height: 20px;
  }
  .filter-dropdown-btn-arrow svg {
    width: 20px;
    height: 20px;
  }
  .filter-dropdown-btn-icon svg {
    width: 20px;
    height: 20px;
  }
  .filter-block {
    gap: 8px;
  }
  .filter-block-tags {
    gap: 8px;
  }
  .filter-block-tags-item {
    font-size: 14px;
    line-height: 20px;
  }
  .filter-block-filters-status {
    gap: 18px;
    padding-left: 13px;
  }
  .filter-dropdown-content-list--search {
    max-height: 245px;
  }
}

@media screen and (max-width: 767px) {
  .filter {
    margin-bottom: 16px;
  }
  .filter-dropdown:not(.filter-dropdown--series):not(.filter-dropdown--sort):not(.filter-dropdown--filters) {
    display: none;
  }
  .filter-dropdown.filter-dropdown--series {
    width: calc(50% - 4px);
  }
  .filter-dropdown.filter-dropdown--filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% - 4px);
  }
  .filter-dropdown.filter-dropdown--sort {
    width: 100%;
  }
  .filter-dropdown .filter-dropdown-btn {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .filter-block-tags {
    display: none;
  }
  .filter-block-filters-status {
    display: none;
  }
  .filter-dropdown.filter-dropdown--sort .filter-dropdown-content {
    position: fixed;
    left: 0;
    bottom: -100%;
    top: auto;
    width: 100%;
    border-radius: 12px 12px 0 0;
    padding-top: 32px;
    z-index: 100;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: block;
  }
  .filter-dropdown.filter-dropdown--sort.open .filter-dropdown-content {
    bottom: 0;
  }
  .filter-dropdown-content-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}

.form-control input[type=radio],
.form-control input[type=checkbox] {
  display: none;
}

.form-control input[type=radio] ~ .form-control-radio {
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: block;
  border-radius: 50%;
  border: 2px solid #A0A5BF;
  margin: 0;
  margin-right: 14px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.form-control input[type=radio]:checked ~ .form-control-radio {
  border-color: #4C5687;
}

.form-control input[type=radio]:checked ~ .form-control-radio:after {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #4C5687;
}

.form-control input[type=checkbox] ~ .form-control-check {
  width: 22px;
  height: 22px;
  border: 2px solid #A0A5BF;
  margin-right: 13px;
  background: #fff;
  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;
  border-radius: 5px;
}

.form-control input[type=checkbox]:checked ~ .form-control-check {
  border-color: #4C5687;
  background: #4C5687;
}

.form-control input[type=checkbox]:checked ~ .form-control-check:after {
  content: '';
  width: 12px;
  height: 9px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjQ1NTYxIDcuMTAxMzdDNC43ODU5NCA3Ljc3MTEzIDMuNzAwMDkgNy43NzExMSAzLjAzMDQ1IDcuMTAxMzFMMC43MDY5MzcgNC43NzcyNUMwLjMxNjQ5MyA0LjM4NjcyIDAuMzE2NTMxIDMuNzUzNjIgMC43MDcwMjEgMy4zNjMxM0MxLjA5NzUgMi45NzI2NSAxLjczMDU2IDIuOTcyNiAyLjEyMTEgMy4zNjNMMy45ODU4IDUuMjI3MDRDNC4xMjc4NSA1LjM2OTA0IDQuMzU4MTIgNS4zNjkwMSA0LjUwMDEzIDUuMjI2OTdMOS4xOTE1MSAwLjUzNDc2N0M5LjU4MjIzIDAuMTQzOTcgMTAuMjE1OCAwLjE0Mzk0MiAxMC42MDY2IDAuNTM0NzA1QzEwLjk5NzMgMC45MjU0MjMgMTAuOTk3MyAxLjU1ODkgMTAuNjA2NiAxLjk0OTY0TDUuNDU1NjEgNy4xMDEzN1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}

@media screen and (max-width: 1023px) {
  .form-control {
    font-size: 14px;
    line-height: 20px;
  }
  .form-control input[type=checkbox] ~ .form-control-check {
    width: 18px;
    height: 18px;
    min-width: 18px;
    border-radius: 3px;
    margin-right: 8px;
  }
  .form-control input[type=radio] ~ .form-control-radio {
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin-right: 8px;
  }
}

.detail {
  padding-bottom: 100px;
}

.detail-block {
  background: #EEF1F3;
  padding: 40px 56px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5%;
}

.detail-block--mobile {
  display: none;
}

.detail-block-left {
  width: 28%;
}

.detail-block-center {
  width: 41%;
}

.detail-block-right {
  width: 21%;
}

.detail-block-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.detail-block-img img {
  width: 100%;
}

.detail-block-title {
  margin-bottom: 50px;
}

.detail-block-title span {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 8px;
  color: #7D8BC6;
  display: block;
}

.detail-block-title h1, .detail-block--mobile p {
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  text-transform: none;
  font-family: 'Viaoda Libre', sans-serif;
  color: #4C5687;
  letter-spacing: -1px;
}

.detail-block-content.open .detail-block-descr-more-btn--more {
  display: none;
}

.detail-block-content.open .detail-block-descr-more-btn--less {
  display: block;
}

.detail-block-content.open .detail-block-descr-more-btn svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.detail-block-content.open .detail-block-descr--crop {
  -webkit-line-clamp: none;
}

.detail-block-buy {
  margin-bottom: 37px;
}

.detail-block-buy-price {
  color: #4C5687;
  font-size: 40px;
  font-weight: 500;
  line-height: 52px;
  margin-bottom: 37px;
}

.detail-block-buy-btns .btn {
  height: 60px;
  line-height: 36px;
  width: 100%;
}

.detail-block-buy-btns .btn + .btn {
  margin-top: 12px;
}

.detail-block-buy-e-book {
  margin-bottom: 37px;
}

.detail-block-buy-e-book-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #A0A5BF;
  display: block;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.detail-block-buy-e-book-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.detail-block-buy-e-book-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.detail-block-buy-e-book-list-item svg {
  width: 28px;
  height: 36px;
  fill: #A0A5BF;
  margin-bottom: 8px;
}

.detail-block-buy-e-book-list-item span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #343641;
}

.detail-block-authors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
}

.detail-block-authors-item {
  width: 50%;
}

.detail-block-authors-item-type {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  margin-bottom: 8px;
  color: #343641;
}

.detail-block-authors-item-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #7D8BC6;
}

.detail-block-descr {
  color: #343641;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.detail-block-descr-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: none;
  padding-top: 12px;
}

.detail-block-descr-more-btn {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #7D8BC6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.detail-block-descr-more-btn--less {
  display: none;
}

.detail-block-descr-more-btn svg {
  width: 24px;
  height: 24px;
  fill: #A0A5BF;
}

.detail-block-descr--crop {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}

.detail-block-descr--crop ~ .detail-block-descr-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.detail-block-info {
  border-radius: 8px;
  background: #ffffff;
  padding: 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.detail-block-info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 6px;
}

.detail-block-info-row:last-child {
  margin-bottom: 0;
}

.detail-block-info-cell {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #343641;
  text-align: right;
}

.detail-block-info-cell--light {
  color: #A0A5BF;
}

@media screen and (max-width: 1199px) {
  .detail {
    padding-bottom: 80px;
  }
  .detail-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 24px 20px;
    gap: 24px;
  }
  .detail-block--mobile {
    display: block !important;
  }
  .detail-block-left {
    width: calc(51% - 12px);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .detail-block-center {
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .detail-block-right {
    width: calc(49% - 12px);
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .detail-block-title {
    display: none;
    margin-bottom: 28px;
  }
  .detail-block-title span {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .detail-block-title h1, .detail-block--mobile p {
    font-size: 36px;
    line-height: 40px;
  }
  .detail-block-buy {
    margin-bottom: 24px;
  }
  .detail-block-buy-price {
    margin-bottom: 24px;
  }
  .detail-block-buy-btns .btn {
    height: auto;
    line-height: 24px;
  }
  .detail-block-buy-btns .btn svg {
    display: none;
  }
  .detail-block-buy-e-book {
    margin-bottom: 0;
  }
  .detail-block-buy-e-book-title {
    display: none;
  }
  .detail-block-buy-e-book-list-item svg {
    width: 25px;
    height: 33px;
  }
  .detail-block-info {
    display: none;
  }
  .detail-block-authors {
    margin-bottom: 20px;
  }
  .detail-block-authors-item {
    max-width: 264px;
  }
  .detail-block-descr--crop {
    -webkit-line-clamp: 5;
  }
  .detail-block-descr-more {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 8px;
  }
  .detail-block-descr-more-btn {
    font-size: 14px;
    line-height: 20px;
  }
  .detail-block-content {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .detail {
    padding-bottom: 60px;
  }
  .detail-block {
    padding: 20px 16px;
    gap: 0;
    margin: 0 -15px;
  }
  .detail-block-title {
    margin-bottom: 16px;
  }
  .detail-block-title span {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
  }
  .detail-block-title h1, .detail-block--mobile p {
    font-size: 20px;
    line-height: 24px;
  }
  .detail-block-left {
    width: 100%;
    margin-bottom: 12px;
  }
  .detail-block-center {
    width: 100%;
  }
  .detail-block-right {
    width: 100%;
    margin-bottom: 30px;
  }
  .detail-block-buy {
    margin-bottom: 14px;
  }
  .detail-block-buy-price {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
  }
  .detail-block-authors {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .detail-block-authors-item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .detail-block-authors-item-type {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
  }
  .detail-block-authors-item-name {
    font-size: 14px;
    line-height: 20px;
  }
  .detail-block-descr {
    font-size: 14px;
    line-height: 20px;
  }
  .detail-block-descr--crop {
    -webkit-line-clamp: 6;
  }
  .detail-block-descr-more-btn {
    font-size: 12px;
    line-height: 16px;
    gap: 4px;
  }
  .detail-block-descr-more-btn svg {
    width: 16px;
    height: 16px;
  }
  .detail-block-info-cell {
    font-size: 12px;
    line-height: 16px;
  }
}

.book-slider,
.event-slider {
  padding-bottom: 160px;
  overflow: hidden;
}

.book-slider-block-top,
.event-slider-block-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 28px;
  margin-bottom: 40px;
}

.book-slider-navigation,
.event-slider-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  margin-left: auto;
}

.book-slider-arrow,
.event-slider-arrow {
  cursor: pointer;
}

.book-slider-arrow svg,
.event-slider-arrow svg {
  width: 40px;
  height: 40px;
  fill: #4C5687;
}

.book-slider-arrow.swiper-button-disabled,
.event-slider-arrow.swiper-button-disabled {
  pointer-events: none;
}

.book-slider-arrow.swiper-button-disabled svg,
.event-slider-arrow.swiper-button-disabled svg {
  fill: #A0A5BF;
}

.book-slider-tags,
.event-slider-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.book-swiper,
.event-swiper {
  overflow-x: hidden;
}

@media screen and (max-width: 1199px) {
  .book-slider,
  .event-slider {
    padding-bottom: 80px;
  }
  .book-slider-block-top,
  .event-slider-block-top {
    gap: 24px;
    margin-bottom: 23px;
  }
  .book-slider-wrap,
  .event-slider-wrap {
    margin-left: -20px;
    margin-right: -20px;
  }
  .book-slider-navigation,
  .event-slider-navigation {
    padding-top: 0;
  }
  .book-swiper,
  .event-swiper {
    padding: 0 20px;
  }
  .book-swiper .catalog-card,
  .event-swiper .catalog-card {
    width: 224px;
  }
  .book-swiper .events-card,
  .event-swiper .events-card {
    width: 320px;
  }
}

@media screen and (max-width: 767px) {
  .book-slider,
  .event-slider {
    padding-bottom: 60px;
  }
  .book-slider-navigation,
  .event-slider-navigation {
    display: none;
  }
  .book-slider-block-top,
  .event-slider-block-top {
    gap: 8px;
    margin-bottom: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .book-swiper .catalog-card,
  .event-swiper .catalog-card {
    width: 140px;
  }
  .book-swiper .events-card,
  .event-swiper .events-card {
    width: 140px;
  }
}

.events-list {
  padding-bottom: 160px;
}

.events-list-block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 30px;
}

.events-card-img {
  position: relative;
  padding-top: 78%;
  border-radius: 4px;
  overflow: hidden;
  display: block;
}

.events-card-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.events-card-body {
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

.events-card-price {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #4C5687;
  margin-bottom: 8px;
}

.events-card-name {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 48px;
  margin-bottom: 12px;
}

.events-card-more {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #7D8BC6;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.events-card-more svg {
  width: 16px;
  height: 16px;
  fill: #7D8BC6;
  display: none;
}

@media screen and (min-width: 1024px) {
  .events-card-more:hover {
    color: #4A516F;
  }
}

@media screen and (max-width: 1023px) {
  .events-list {
    padding-bottom: 80px;
  }
  .events-list-block {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 20px;
  }
}

@media screen and (max-width: 767px) {
  .title-block-text {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 24px;
  }
  .events-list {
    padding-bottom: 60px;
  }
  .events-list-block {
    gap: 32px 8px;
  }
  .events-card-name {
    -webkit-line-clamp: 3;
    height: 50px;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 12px;
  }
  .events-card-price {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 11px;
    display: block;
  }
  .events-card-img {
    padding-top: 81.6%;
  }
  .events-card-body {
    padding-top: 5px;
    padding-left: 3px;
    padding-right: 3px;
  }
  .events-card-more svg {
    display: block;
  }
  .filter-events .filter-dropdown.filter-dropdown--series {
    width: 100%;
  }
  .filter-events .filter-dropdown.filter-dropdown--filters {
    width: 100%;
  }
}

.events-type {
  padding-bottom: 160px;
}

.events-type-list {
  gap: 20px 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.events-type-item {
  background: #F3F2EE;
  border-radius: 8px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.events-type-item-img {
  position: relative;
  padding-top: 73.374%;
  border-radius: 4px;
  overflow: hidden;
  display: block;
}

.events-type-item-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.events-type-item-body {
  padding: 32px 32px 40px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.events-type-item-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 12px;
  color: #7D8BC6;
}

.events-type-item-descr {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 12px;
  color: #343641;
}

.events-type-item .events-card-more {
  margin-top: auto;
}

@media screen and (max-width: 1023px) {
  .events-type {
    padding-bottom: 80px;
  }
  .events-type-list {
    grid-template-columns: 1fr;
  }
  .events-type-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 20px;
    padding: 20px;
  }
  .events-type-item-img {
    width: 334px;
    min-width: 334px;
    height: 236px;
    padding-top: 0;
  }
  .events-type-item-body {
    padding: 0;
  }
  .events-type-item-title {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 767px) {
  .events-type {
    padding-bottom: 60px;
  }
  .events-type-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px 17px;
  }
  .events-type-item-img {
    width: 100%;
    min-width: 0;
    padding-top: 71%;
    height: auto;
  }
  .events-type-item-title {
    font-size: 16px;
    line-height: 24px;
  }
  .events-type-item-descr {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }
}

.buy-opt {
  padding-bottom: 190px;
}

.buy-opt-banner {
  border-radius: 12px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 40px 80px;
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 40px;
}

.buy-opt-banner h1 {
  color: #fff;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.buy-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
  color: #343641;
  text-align: center;
  max-width: 1006px;
  margin: auto;
  margin-bottom: 40px;
}

.buy-text.small-width {
  max-width: 942px;
}

.buy-text p {
  margin: 0;
  margin-bottom: 24px;
}

.buy-text p:last-child {
  margin-bottom: 0;
}

.links-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 23px;
}

.links-grid-item {
  background: #EEF1F3;
  border-radius: 12px;
  padding: 24px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.links-grid-item-name {
  color: #4C5687;
  margin: 0;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.links-grid-item-descr {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
  margin: 0;
  margin-bottom: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 42px;
}

.links-grid-item-foot {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 1023px) {
  .buy-opt {
    padding-bottom: 80px;
  }
  .buy-opt-banner {
    padding: 32px;
    min-height: 150px;
  }
  .links-grid {
    grid-template-columns: 1fr;
  }
  .links-grid-item {
    padding: 40px;
  }
  .links-grid-item-descr {
    -webkit-line-clamp: 3;
    min-height: 0;
  }
  .buy-text p {
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 767px) {
  .buy-opt-banner {
    min-height: 104px;
    padding: 16px;
    margin-bottom: 24px;
  }
  .links-grid {
    gap: 12px;
  }
  .links-grid-item {
    padding: 20px;
  }
  .links-grid-item-name {
    font-size: 20px;
    line-height: 1.4;
  }
  .links-grid-item-descr {
    font-size: 16px;
    line-height: 1.6;
  }
  .buy-text {
    margin-bottom: 24px;
  }
}

.buy-stores {
  padding-bottom: 150px;
}

.buy-stores-tabs-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 48px;
}

.buy-stores-tabs-list-item {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 12px 16px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  text-align: center;
  background: #EEF1F3;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  color: #343641;
}

.buy-stores-tabs-list-item svg {
  width: 24px;
  height: 24px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  fill: #343641;
}

.buy-stores-tabs-list-item.tabs-list-item--active {
  background: #4C5687;
  color: #fff;
}

.buy-stores-tabs-list-item.tabs-list-item--active svg {
  fill: #fff;
}

.buy-stores-tabs-content {
  display: none;
}

.buy-stores-tabs-content.tabs-content--active {
  display: block;
}

@media screen and (min-width: 1024px) {
  .buy-stores-tabs-list-item:hover {
    background: #4A516F;
    color: #fff;
  }
  .buy-stores-tabs-list-item:hover svg {
    fill: #fff;
  }
}

@media screen and (max-width: 1023px) {
  .buy-stores {
    padding-bottom: 80px;
  }
  .buy-stores-tabs-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 40px;
  }
  .buy-stores-tabs-list-item {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .buy-stores-tabs-list {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 24px;
  }
}

.marketplaces {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 48px;
}

.marketplaces-item {
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.marketplaces-item img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.online-shops {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 24px;
}

.online-shops-item {
  gap: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #EEF1F3;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #343641;
}

.online-shops-item-name {
  width: calc(52% - 10px);
}

.online-shops-item-link {
  text-decoration: underline;
}

.offline-shops {
  margin: 0 -20px;
  padding: 0 20px;
  overflow-x: auto;
}

.offline-shops-table {
  border-collapse: collapse;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #343641;
  font-size: 20px;
  line-height: 28px;
}

.offline-shops-table thead .offline-shops-cell {
  color: #4C5687;
  padding-top: 24px;
  padding-bottom: 24px;
  text-align: left;
}

.offline-shops-row:nth-child(odd) {
  background: #EEF1F3;
}

.offline-shops-row:nth-child(even) .offline-shops-cell {
  padding-top: 24px;
  padding-bottom: 24px;
}

.offline-shops-cell {
  padding: 16px;
}

.offline-shops-cell:first-child {
  border-radius: 8px 0 0 8px;
  min-width: 370px;
  white-space: nowrap;
}

.offline-shops-cell:nth-child(2) {
  min-width: 290px;
}

.offline-shops-cell:nth-child(3) {
  min-width: 300px;
}

.offline-shops-cell:nth-child(4) {
  min-width: 220px;
}

.offline-shops-cell:last-child {
  border-radius: 0 8px 8px 0;
  width: 272px;
  white-space: nowrap;
}

.offline-shops-sort {
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
}

.offline-shops-sort-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.offline-shops-sort svg {
  width: 12px;
  height: 17px;
  fill: #7D8BC6;
}

.offline-shops-sort--down svg.icon-sort-down {
  fill: #4C5687;
}

.offline-shops-sort--up svg.icon-sort-up {
  fill: #4C5687;
}

@media screen and (max-width: 1023px) {
  .marketplaces-item {
    width: 120px;
  }
  .online-shops {
    gap: 16px 20px;
  }
  .online-shops-item {
    padding: 12px 16px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }
  .online-shops-item-name {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .offline-shops-table {
    font-size: 16px;
  }
  .offline-shops-table thead .offline-shops-cell {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .offline-shops-cell {
    padding: 12px;
  }
  .offline-shops-cell:first-child {
    min-width: 230px;
  }
  .offline-shops-cell:nth-child(2) {
    min-width: 220px;
  }
  .offline-shops-cell:nth-child(3) {
    min-width: 280px;
  }
  .offline-shops-cell:nth-child(4) {
    min-width: 190px;
  }
}

@media screen and (max-width: 767px) {
  .marketplaces {
    gap: 24px;
  }
  .marketplaces-item {
    width: 80px;
  }
  .online-shops {
    gap: 12px;
    grid-template-columns: 1fr;
  }
  .online-shops-item {
    padding: 12px;
    line-height: 1.2;
  }
}

.buy-to-order {
  padding-bottom: 120px;
}

.buy-to-order-banner {
  border-radius: 12px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 40px 80px;
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.buy-to-order-banner h1 {
  color: #fff;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
  max-width: 1006px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
}

.buy-to-order-banner-date {
  font-size: 24px;
  font-weight: 600;
  line-height: 33px;
  color: #fff;
  width: 100%;
  max-width: 1006px;
  margin: 0 auto;
  margin-top: 30px;
}

.buy-to-order-text {
  text-align: left;
}

.buy-to-order-form {
  width: 100%;
  max-width: 1006px;
  margin: 0 auto;
  padding: 24px 50px 24px 40px;
  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;
  gap: 20px;
  background: #EEF1F3;
  border-radius: 12px;
}

.buy-to-order-form-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.buy-to-order-form-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin: 0;
  margin-bottom: 12px;
  color: #4C5687;
}

.buy-to-order-form-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  color: #343641;
}

@media screen and (max-width: 1023px) {
  .buy-to-order {
    padding-bottom: 80px;
  }
  .buy-to-order-banner {
    padding: 32px;
    min-height: 150px;
  }
  .buy-to-order-banner-date {
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
  }
  .buy-to-order-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    padding: 24px 40px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .buy-to-order-form-title {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 767px) {
  .buy-to-order-banner {
    min-height: 104px;
    padding: 16px;
    margin-bottom: 24px;
  }
  .buy-to-order-banner-date {
    font-size: 14px;
    line-height: 20px;
  }
  .buy-to-order-form {
    padding: 24px 16px;
  }
  .buy-to-order-form-left {
    width: 100%;
  }
  .buy-to-order-form-right {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .buy-to-order-form-right .btn {
    width: 100%;
  }
  .buy-to-order-form-title {
    margin-bottom: 8px;
  }
}

.about-banner {
  margin-bottom: 60px;
}

.about-banner-block {
  border-radius: 12px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.about-banner-block-bg {
  width: 100%;
}

.about-banner-block-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-banner-block-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 130px;
  padding-bottom: 60px;
  padding-right: 30px;
  padding-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about-banner-block-content-wrap {
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 875px;
  padding-left: 4%;
  height: 100%;
}

.about-banner-block-title {
  font-family: 'Viaoda Libre', sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 85px;
  text-transform: uppercase;
  color: #4C5687;
}

.about-banner-block-subtitle {
  font-family: 'Viaoda Libre', sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  color: #7D8BC6;
  margin-top: -15px;
}

.about-banner-block-descr {
  font-size: 26px;
  font-weight: 400;
  line-height: 35px;
  margin-top: 31px;
  color: #343641;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.about-banner-block-small-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  color: #7D8BC6;
  margin-top: auto;
  max-width: 232px;
}

.about-info {
  padding-bottom: 100px;
}

.about-info-block h2 {
  text-transform: uppercase;
  margin-bottom: 40px;
}

.about-info-block-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
}

.about-info-block-logo {
  width: calc(38.356% - 25px);
  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;
}

.about-info-block-logo img {
  width: 100%;
  max-width: 279px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.about-info-block-text {
  width: calc(61.644% - 25px);
  font-size: 26px;
  font-weight: 400;
  line-height: 35px;
  color: #343641;
}

.about-info-block-text .bold {
  font-weight: 700;
}

.about-info-block-text p {
  margin: 0;
  margin-bottom: 20px;
}

.about-info-block-text ul {
  padding-left: 30px;
  margin-bottom: 0;
}

.about-info-block-text ul li:before {
  width: 5px;
  height: 6px;
  top: 14px;
  left: -15px;
}

.about-location {
  padding-bottom: 64px;
}

.about-location-block h2 {
  text-transform: uppercase;
  margin-bottom: 24px;
}

.about-location-block-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 64px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #EEF1F3;
  padding: 72px 64px;
  border-radius: 12px;
}

.about-location-block-map {
  border-radius: 8px;
  overflow: hidden;
  width: 54.2%;
  height: 375px;
}

.about-location-block-info {
  width: calc(45.8% - 64px);
  max-width: 450px;
  font-family: 'Viaoda Libre', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
}

.about-location-block-info-item {
  margin-bottom: 20px;
}

.about-location-block-info-item:last-child {
  margin-bottom: 0;
}

.about-location-block-info-item p {
  margin: 0;
}

.about-location-block-info-item p + p {
  margin-top: 8px;
}

.about-location-block-info-item a {
  color: #2E3C88;
}

.about-team {
  margin-bottom: 112px;
}

.about-team-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.about-team-list-item {
  padding: 20px 20px 24px;
  border-radius: 8px;
  background: #EEF1F3;
}

.about-team-list-item-img {
  width: 100%;
  height: 260px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 25px;
}

.about-team-list-item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.about-team-list-item-info-name {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #3B4159;
  margin: 0;
  margin-bottom: 5px;
}

.about-team-list-item-info-function {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #3B4159;
  margin: 0;
}

.about-collections {
  padding-bottom: 190px;
}

.about-collections-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.about-collections-list-item {
  border-radius: 8px;
  background: #EEF1F3;
  padding: 40px 30px 0 40px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about-collections-list-item-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #4C5687;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 30px;
}

.about-collections-list-item-title svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
  fill: #A0A5BF;
}

.about-collections-list-item-img {
  margin-right: -30px;
  height: 148px;
  margin-top: auto;
}

.about-collections-list-item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom right;
     object-position: bottom right;
}

.departments {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.departments-item {
  border-radius: 8px;
  background: #f3f2ee;
  padding: 40px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.departments-item svg {
  fill: #4c5687;
  width: 32px;
  height: 32px;
}

.departments-item-name {
  color: #4c5687;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

@media screen and (max-width: 1440px) {
  .about-banner-block-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 1023px) {
  .about-banner-block-content {
    padding-top: 71px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
  .about-banner-block-content-wrap {
    width: 100%;
    padding-left: 0;
  }
  .about-banner-block-title {
    font-size: 60px;
    line-height: 85px;
  }
  .about-banner-block-subtitle {
    font-size: 45px;
    line-height: 48px;
    margin-top: -15px;
  }
  .about-banner-block-descr {
    font-size: 16px;
    line-height: 24px;
    margin-top: 40px;
  }
  .about-banner-block-small-text {
    font-size: 14px;
    line-height: 20px;
    max-width: 100%;
    margin-top: 16px;
  }
  .about-info {
    padding-bottom: 80px;
  }
  .about-info-block-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  .about-info-block-logo {
    width: 100%;
  }
  .about-info-block-logo img {
    max-width: 322px;
  }
  .about-info-block-text {
    width: 100%;
  }
  .about-location {
    padding-bottom: 80px;
  }
  .about-location-block-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    border-radius: 0;
    padding: 24px;
  }
  .about-location-block-map {
    width: 100%;
  }
  .about-location-block-info {
    width: 100%;
    max-width: 100%;
    font-size: 22px;
    line-height: 34px;
  }
  .about-location-block-info-item {
    margin-bottom: 24px;
  }
  .about-team {
    margin-bottom: 80px;
  }
  .about-team-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-collections {
    padding-bottom: 160px;
  }
  .about-collections-list {
    grid-template-columns: 1fr;
  }
  .about-collections-list-item {
    border-radius: 8px;
    background: #EEF1F3;
    padding: 40px 30px 0 40px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .about-collections-list-item-title {
    margin-bottom: 15px;
  }
  .departments {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .about-banner-block-content {
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .about-banner-block-title {
    font-size: 26px;
    line-height: 37px;
  }
  .about-banner-block-subtitle {
    font-size: 22px;
    line-height: 32px;
    margin-top: 8px;
  }
  .about-banner-block-descr {
    font-size: 14px;
    line-height: 24px;
    margin-top: 17px;
    -webkit-line-clamp: 5;
  }
  .about-banner-block-small-text {
    font-size: 12px;
    line-height: 20px;
    margin-top: 8px;
  }
  .about-info {
    padding-bottom: 60px;
  }
  .about-info-block h2 {
    margin-bottom: 24px;
  }
  .about-info-block-wrap {
    gap: 24px;
  }
  .about-info-block-logo img {
    max-width: 172px;
  }
  .about-info-block-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .about-info-block-text ul {
    padding-left: 20px;
  }
  .about-info-block-text ul li:before {
    width: 4px;
    height: 4px;
    top: 10px;
    left: -12px;
  }
  .about-location {
    padding-bottom: 60px;
  }
  .about-location-block-wrap {
    padding: 24px 16px;
  }
  .about-location-block-map {
    height: 215px;
  }
  .about-location-block-info {
    font-size: 16px;
    line-height: 24px;
  }
  .about-location-block-info-item {
    margin-bottom: 16px;
  }
  .about-location-block-info-item.about-location-block-info-item--small-text {
    font-size: 14px;
    line-height: 22px;
  }
  .about-location-block-info-item p + p {
    margin-top: 4px;
  }
  .about-team {
    margin-bottom: 60px;
  }
  .about-team-list {
    grid-template-columns: 1fr;
  }
  .about-team-list-item {
    padding: 20px 16px 16px;
  }
  .about-team-list-item-img {
    margin-bottom: 16px;
  }
  .about-collections {
    padding-bottom: 80px;
  }
  .about-collections-list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .about-collections-list-item {
    border-radius: 8px;
    padding: 24px 24px 0;
  }
  .about-collections-list-item-title {
    margin-bottom: 50px;
    font-size: 18px;
    line-height: 24px;
  }
  .about-collections-list-item-img {
    height: 154px;
    width: calc(100% + 48px);
    margin: 0 -24px;
    position: relative;
  }
  .about-collections-list-item-img img {
    width: 288px;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    -o-object-fit: none;
       object-fit: none;
    -o-object-position: left top;
       object-position: left top;
  }
  .departments {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .departments-item {
    padding: 20px;
  }
  .departments-item svg {
    width: 24px;
    height: 24px;
  }
  .departments-item-name {
    font-size: 16px;
    line-height: 1.3;
  }
}

.contest-send {
  background: #F3F2EE;
  padding-top: 60px;
  padding-bottom: 70px;
}

.contest-send-block {
  text-align: center;
}

.contest-send-title {
  font-size: 50px;
  font-weight: 400;
  line-height: 71px;
  text-transform: uppercase;
  color: #4C5687;
  margin-bottom: 16px;
  letter-spacing: -1px;
}

.contest-send-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #343641;
  margin-bottom: 40px;
}

.contest-send-btn {
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  .contest-send {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .contest-send-title {
    margin-bottom: 4px;
    font-size: 36px;
    line-height: 1.2;
  }
  .contest-send-text {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .contest-send {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .contest-send-title {
    font-size: 20px;
  }
  .contest-send-text {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 16px;
  }
  .contest-send-btn {
    padding-left: 29px;
    padding-right: 29px;
  }
}

.send-manuscript {
  padding-bottom: 120px;
}

.send-manuscript-form {
  width: 100%;
  max-width: 809px;
  margin-left: auto;
  margin-right: auto;
  background: #EEF1F3;
  border-radius: 12px;
  padding: 32px 30px 44px;
}

.send-manuscript-form-chapter {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 15px;
  padding-bottom: 20px;
}

.send-manuscript-form-chapter-item {
  cursor: pointer;
  height: 100%;
}

.send-manuscript-form-chapter-item input {
  display: none;
}

.send-manuscript-form-chapter-item input:checked ~ .send-manuscript-form-chapter-item-wrap {
  background: #fff;
  border-color: #fff;
}

.send-manuscript-form-chapter-item-wrap {
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #CCD6E6;
  text-align: center;
  height: 100%;
}

.send-manuscript-form-chapter-item-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin: 0;
  margin-bottom: 5px;
  color: #343641;
}

.send-manuscript-form-chapter-item-descr {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #969DA7;
  margin: 0;
}

.send-manuscript-form-footer {
  padding-top: 34px;
  text-align: center;
  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;
  max-width: 428px;
  margin: 0 auto;
}

.send-manuscript-form-footer .btn {
  width: 100%;
  margin-bottom: 20px;
}

.send-manuscript-form-agreement {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #999A9A;
}

.send-manuscript-form-agreement a {
  color: #578DDC;
}

.send-manuscript-success {
  text-align: center;
}

.send-manuscript-success-block {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.08px;
  color: #343641;
}

.send-manuscript-success-block .btn {
  margin: 0 auto;
  margin-top: 50px;
  width: 100%;
  max-width: 428px;
}

@media screen and (max-width: 1023px) {
  .send-manuscript {
    padding-bottom: 80px;
  }
  .send-manuscript-form {
    padding: 32px;
  }
  .send-manuscript-form-personal {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
  }
  .send-manuscript-form-chapter {
    gap: 15px;
  }
  .send-manuscript-form-chapter-item-name {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 4px;
  }
  .send-manuscript-form-chapter-item-descr {
    font-size: 12px;
    line-height: 16px;
  }
  .send-manuscript-form-footer {
    padding-top: 20px;
  }
  .send-manuscript-form-footer .btn {
    width: auto;
  }
  .send-manuscript-success-block {
    font-size: 16px;
    line-height: 1.4;
  }
  .send-manuscript-success-block .btn {
    margin-top: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media screen and (max-width: 767px) {
  .send-manuscript {
    padding-bottom: 60px;
  }
  .send-manuscript-form {
    padding: 20px 16px;
  }
  .send-manuscript-form-personal {
    display: block;
  }
  .send-manuscript-form-chapter {
    grid-template-columns: 1fr;
    gap: 8px;
    padding-top: 4px;
    padding-bottom: 18px;
  }
  .send-manuscript-form-footer {
    padding-top: 8px;
  }
  .send-manuscript-form-footer .btn {
    width: 100%;
    margin-bottom: 12px;
  }
  .send-manuscript-form-agreement {
    line-height: 1.4;
    font-weight: 400;
  }
  .send-manuscript-success-block {
    font-size: 14px;
    line-height: 1.6;
  }
  .send-manuscript-success-block .btn {
    margin-top: 20px;
    width: 100%;
  }
}

.jury {
  padding-bottom: 160px;
}

.jury-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.jury-list-item {
  border-radius: 8px;
  background: #EEF1F3;
}

.jury-list-item-img {
  width: 100%;
  padding: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.jury-list-item-img-block {
  width: 100%;
  position: relative;
  padding-top: 44.707%;
}

.jury-list-item-img-block img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}

.jury-list-item-wrap {
  padding: 0 30px 30px;
}

.jury-list-item-name {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #4C5687;
  margin: 0;
  margin-bottom: 12px;
}

.jury-list-item-job {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #A0A5BF;
  margin: 0;
  margin-bottom: 12px;
}

.jury-list-item-info {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #343641;
}

.jury-list-item-info p {
  margin: 0;
  margin-bottom: 20px;
}

.jury-list-item-info p:last-child {
  margin-bottom: 0;
}

.jury-list-more {
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.jury-list-more .btn {
  width: 100%;
  max-width: 428px;
}

@media screen and (max-width: 1023px) {
  .jury {
    padding-bottom: 80px;
  }
  .jury-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .jury-list-item {
    border-radius: 8px;
    background: #EEF1F3;
  }
  .jury-list-item-img {
    padding: 23px 16px 23px;
  }
  .jury-list-item-wrap {
    padding: 0 30px 30px;
  }
  .jury-list-item-info {
    font-size: 14px;
  }
  .jury-list-item-info p {
    margin-bottom: 12px;
  }
  .jury-list-more {
    padding-top: 20px;
  }
  .jury-list-more .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media screen and (max-width: 767px) {
  .jury {
    padding-bottom: 60px;
  }
  .jury-list {
    grid-template-columns: 1fr;
  }
  .jury-list-item-img {
    padding: 15px 15px 23px;
  }
  .jury-list-item-img-block {
    padding-top: 48.078%;
  }
  .jury-list-item-wrap {
    padding: 0 30px 25px;
  }
  .jury-list-item-name {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 8px;
  }
  .jury-list-item-job {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .jury-list-item-info {
    font-size: 14px;
  }
  .jury-list-item-info p {
    margin-bottom: 8px;
  }
  .jury-list-more .btn {
    width: 100%;
  }
}

.years {
  padding-bottom: 40px;
}

.years:last-child {
  padding-bottom: 160px;
}

.years-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.years-list-item {
  border-radius: 8px;
  background: #EEF1F3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #4C5687;
}

.years-list-item svg {
  width: 24px;
  height: 24px;
  fill: #4C5687;
}

.years-list-item--active {
  background: #4C5687;
  color: #fff;
}

.years-list-item--active svg {
  fill: #fff;
}

.years-list-item:nth-child(n+12) {
  display: none;
}

.years-list-more {
  margin-left: auto;
}

.years-list-more-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #4C5687;
}

.years-list-more-wrap-close {
  display: none;
}

.years-list-more-wrap svg {
  width: 24px;
  height: 24px;
  fill: #343641;
}

.years-list--open .years-list-item:nth-child(n+12) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.years-list--open .years-list-more {
  margin-left: 0;
}

.years-list--open .years-list-more-wrap-open {
  display: none;
}

.years-list--open .years-list-more-wrap-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.winners-grand-prix {
  padding-bottom: 160px;
}

.winners-grand-prix-block {
  background: #EEF1F3;
  padding: 40px 56px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
}

.winners-grand-prix-block-left {
  width: 28%;
}

.winners-grand-prix-block-right {
  width: calc(72% - 50px);
  flex-grow: 1;
}

.winners-grand-prix-block-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.winners-grand-prix-block-img img {
  width: 100%;
}

.winners-grand-prix-block-descr {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}

.winners-grand-prix-block-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 12px;
}

.winners-grand-prix-block-link-btn {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #7D8BC6;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.winners-grand-prix-block-link-btn svg {
  width: 24px;
  height: 24px;
  fill: #7D8BC6;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.winners-top {
  padding-bottom: 80px;
}

.winners-top-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.winners-top-list-item {
  background: #F3F2EE;
  border-radius: 12px;
  padding: 40px;
}

.winners-top-list-item-img {
  margin: auto;
  width: 196px;
  height: 253px;
  margin-bottom: 20px;
}

.winners-top-list-item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.winners-top-list-item-place {
  font-family: 'Viaoda Libre', sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 28px;
  color: #4C5687;
  margin-bottom: 20px;
  text-align: center;
}

.winners-top-list-item-info {
  text-align: center;
}

.winners-top-list-item-info-author {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: #4C5687;
  margin-bottom: 8px;
}

.winners-top-list-item-info-book {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  color: #343641;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.winners-nominations {
  margin-bottom: 80px;
}

.winners-nominations-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.winners-nominations-list-item {
  padding: 24px 40px;
  border-radius: 16px;
  background: #EEF1F3;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.winners-nominations-list-item-icon {
  width: 32px;
  height: 32px;
  margin-bottom: 16px;
}

.winners-nominations-list-item-icon img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.winners-nominations-list-item-name {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
  color: #4C5687;
  margin-bottom: 16px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.winners-nominations-list-item-descr {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #A0A5BF;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.winners-nominations-list-item--active {
  background: #4C5687;
}

.winners-nominations-list-item--active .winners-nominations-list-item-name {
  color: #fff;
}

.winners-nominations-list-item--active .winners-nominations-list-item-descr {
  color: #A0A5BF;
}

.winners-contest-2024 {
  margin-bottom: 160px;
  background: #F3F2EE;
}

.winners-contest-2024-block {
  padding: 60px 0;
  text-align: center;
}

.winners-contest-2024-block-title {
  font-size: 50px;
  line-height: 1.3;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.winners-contest-2024-block-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  margin-bottom: 44px;
}

.winners-contest-2024-block .btn {
  margin: 0 auto;
}

.winners-all {
  padding-bottom: 80px;
}

.winners-all-block-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}

.winners-all-block-header-item {
  background: #EEF1F3;
  border-radius: 8px;
  padding: 16px;
  width: 256px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #000000;
}

.winners-all-block-header-item svg {
  width: 24px;
  height: 24px;
  stroke: #000;
  fill: none;
}

.winners-all-block-header-item svg.icon-participants {
  width: 32px;
}

.winners-all-block-header-item svg.icon-participants-long, .winners-all-block-header-item svg.icon-participants-short {
  stroke: none;
  fill: #000;
}

.winners-all-block-header-item--active {
  background: #4C5687;
  color: #fff;
}

.winners-all-block-header-item--active svg {
  stroke: #fff;
}

.winners-all-block-header-item--active svg.icon-participants-long, .winners-all-block-header-item--active svg.icon-participants-short {
  stroke: none;
  fill: #fff;
}

.winners-all-block-content {
  display: none;
  padding-bottom: 80px;
}

.winners-all-block-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-top: 80px;
  gap: 24px;
}

.winners-all-block-list-item {
  padding: 16px;
  background: #F3F2EE;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.winners-all-block-list-item-name {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
  margin: 0;
  margin-bottom: 16px;
}

.winners-all-block-list-item-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  margin: 0;
  margin-bottom: 16px;
  color: #343641;
}

.winners-all-block-list-item-link {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #4C5687;
  margin-top: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: underline;
}

.winners-all-hide {
  margin-top: 42px;
  width: 100%;
  padding: 16px;
  border: 1px solid #343641;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  opacity: 0.8;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.winners-all-hide svg {
  width: 24px;
  height: 24px;
  fill: #343641;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.book-slider--small-padding {
  padding-bottom: 50px;
}

@media screen and (min-width: 1024px) {
  .years-list-item:hover {
    color: #fff;
    background: #4C5687;
    border-color: #4C5687;
  }
  .years-list-item:hover svg {
    fill: #fff;
  }
  .winners-grand-prix-block-link-btn:hover {
    color: #4A516F;
  }
  .winners-grand-prix-block-link-btn:hover svg {
    fill: #4A516F;
  }
  .winners-all-block-list-item:hover {
    background: #7D8BC6;
    -webkit-box-shadow: 8px 8px 12px 5px rgba(92, 60, 11, 0.2);
            box-shadow: 8px 8px 12px 5px rgba(92, 60, 11, 0.2);
  }
  .winners-all-block-list-item:hover .winners-all-block-list-item-name,
  .winners-all-block-list-item:hover .winners-all-block-list-item-title,
  .winners-all-block-list-item:hover .winners-all-block-list-item-link {
    color: #fff;
  }
  .winners-all-hide:hover {
    color: #fff;
    border: 1px solid #4a5487;
    background: #4a5487;
    opacity: 1;
  }
  .winners-all-hide:hover svg {
    fill: #fff;
  }
  .winners-nominations-list-item:hover {
    background: #4C5687;
  }
  .winners-nominations-list-item:hover .winners-nominations-list-item-name {
    color: #fff;
  }
  .winners-nominations-list-item:hover .winners-nominations-list-item-descr {
    color: #A0A5BF;
  }
}

@media screen and (max-width: 1440px) {
  .years-list-item:nth-child(n+8) {
    display: none;
  }
  .years-list--open .years-list-item:nth-child(n+8) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .years-list-more {
    margin-left: 0;
  }
}

@media screen and (max-width: 1023px) {
  .years-list-item {
    padding: 10px 18px;
  }
  .years-list-item:nth-child(n+6) {
    display: none;
  }
  .years-list--open .years-list-item:nth-child(n+6) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .book-slider--small-padding {
    padding-bottom: 20px;
  }
  .winners-grand-prix {
    padding-bottom: 80px;
  }
  .winners-grand-prix-block {
    padding: 32px;
    gap: 20px;
  }
  .winners-grand-prix-block .detail-block-title {
    display: block;
    margin-bottom: 6px;
  }
  .winners-grand-prix-block .detail-block-title span {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 4px;
  }
  .winners-grand-prix-block .detail-block-title h2 {
    font-size: 20px;
    line-height: 1.4;
  }
  .winners-grand-prix-block .detail-block-authors {
    margin-bottom: 16px;
  }
  .winners-grand-prix-block .detail-block-authors-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .winners-grand-prix-block .detail-block-authors-item-type {
    margin: 0;
  }
  .winners-grand-prix-block .detail-block-authors-item-name {
    font-size: 14px;
    line-height: 24px;
  }
  .winners-grand-prix-block-left {
    width: 38%;
  }
  .winners-grand-prix-block-right {
    width: calc(62% - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .winners-grand-prix-block-descr {
    font-size: 14px;
    line-height: 24px;
    -webkit-line-clamp: 5;
  }
  .winners-grand-prix-block-link {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: auto;
  }
  .winners-grand-prix-block-link-btn {
    font-size: 14px;
  }
  .winners-top {
    padding-bottom: 80px;
  }
  .winners-nominations-list {
    display: grid;
    grid-template-columns: 1fr;
  }
  .winners-nominations-list-item {
    padding: 40px;
    border-radius: 12px;
  }
  .winners-nominations-list-item-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 14px;
  }
  .winners-nominations-list-item-name {
    font-size: 24px;
    line-height: 32px;
    color: #343641;
    margin-bottom: 11px;
  }
  .winners-nominations-list-item-descr {
    font-size: 16px;
    line-height: 1.6;
    color: #343641;
  }
  .winners-contest-2024 {
    margin-bottom: 80px;
  }
  .winners-contest-2024-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .winners-contest-2024-block-title {
    margin-bottom: 4px;
    font-size: 36px;
    line-height: 1.2;
  }
  .winners-contest-2024-block-text {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  .winners-all {
    padding-bottom: 40px;
  }
  .winners-all-block-header {
    gap: 21px;
  }
  .winners-all-block-header-item {
    width: 228px;
  }
  .winners-all-block-header-item svg {
    width: 21px;
    height: 21px;
  }
  .winners-all-block-header-item svg.icon-participants {
    width: 28px;
  }
  .winners-all-block-content {
    padding-bottom: 40px;
  }
  .winners-all-block-list {
    grid-template-columns: 1fr;
    padding-top: 40px;
    gap: 12px;
  }
  .winners-all-hide {
    margin-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .years {
    padding-bottom: 40px;
  }
  .years:last-child {
    padding-bottom: 60px;
  }
  .years-list {
    gap: 12px;
  }
  .years-list-item {
    padding: 10px 8px;
  }
  .years-list-item:nth-child(n+3) {
    display: none;
  }
  .years-list--open .years-list-item:nth-child(n+3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .winners-grand-prix {
    padding-bottom: 50px;
  }
  .winners-grand-prix-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px;
    gap: 16px;
  }
  .winners-grand-prix-block-left {
    width: 100%;
  }
  .winners-grand-prix-block-right {
    width: 100%;
  }
  .winners-grand-prix-block-descr {
    -webkit-line-clamp: 6;
  }
  .winners-top {
    padding-bottom: 60px;
  }
  .winners-top-list {
    grid-template-columns: 1fr;
  }
  .winners-top-list-item {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .winners-top-list-item-place {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 12px;
  }
  .winners-top-list-item-img {
    aspect-ratio: 1 / 1.0345;
    width: 100%;
    max-width: 256px;
    height: auto;
    margin-bottom: 12px;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .winners-top-list-item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
  }
  .winners-top-list-item-info-author {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 8px;
  }
  .winners-top-list-item-info-book {
    font-size: 16px;
    line-height: 24px;
    -webkit-line-clamp: 3;
  }
  .winners-nominations-list-item-name {
    font-size: 20px;
    line-height: 28px;
  }
  .winners-nominations-list-item-descr {
    font-size: 14px;
    line-height: 20px;
  }
  .winners-contest-2024 {
    margin-bottom: 50px;
  }
  .winners-contest-2024-block {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .winners-contest-2024-block-title {
    font-size: 20px;
  }
  .winners-contest-2024-block-text {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 16px;
  }
  .winners-contest-2024-block .btn {
    padding-left: 29px;
    padding-right: 29px;
  }
  .winners-all-block-header {
    gap: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .winners-all-block-header-item {
    width: 100%;
    gap: 3px;
  }
  .winners-all-block-header-item svg {
    width: 27px;
    height: 27px;
  }
  .winners-all-block-header-item svg.icon-participants {
    width: 36px;
  }
  .winners-all-hide {
    margin-top: 24px;
  }
}

@media screen and (min-width: 768px) {
  .winners-top-list-item--first {
    grid-column: span 2;
  }
  .winners-top-list-item.winners-top-list-item--first {
    display: grid;
    grid-template-columns: 290px 1fr;
    grid-template-areas: 'img place'
 'img info';
    gap: 30px;
  }
  .winners-top-list-item.winners-top-list-item--first .winners-top-list-item-place {
    grid-area: place;
    text-align: left;
    margin: 0;
  }
  .winners-top-list-item.winners-top-list-item--first .winners-top-list-item-img {
    grid-area: img;
    margin: 0;
    width: 100%;
    height: 100%;
  }
  .winners-top-list-item.winners-top-list-item--first .winners-top-list-item-img img {
    width: 100%;
    height: auto;
  }
  .winners-top-list-item.winners-top-list-item--first .winners-top-list-item-info {
    grid-area: info;
    text-align: left;
    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: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .winners-top-list-item.winners-top-list-item--first .winners-top-list-item-info-author {
    margin-bottom: 26px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  .winners-top-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .winners-top-list-item {
    padding: 24px;
  }
  .winners-top-list-item-place {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 12px;
  }
  .winners-top-list-item-img {
    width: 201px;
    height: 260px;
  }
  .winners-top-list-item-info-author {
    font-size: 24px;
    line-height: 1.2;
  }
  .winners-top-list-item-info-book {
    font-size: 16px;
    line-height: 24px;
  }
  .winners-top-list-item.winners-top-list-item--first {
    padding: 32px;
    gap: 20px;
  }
  .winners-top-list-item.winners-top-list-item--first-place {
    margin-bottom: 0;
  }
  .winners-top-list-item.winners-top-list-item--first-info-author {
    margin-bottom: 0;
  }
  .winners-top-list-item.winners-top-list-item--first .winners-top-list-item-img {
    aspect-ratio: 1 / 1.0345;
  }
  .winners-top-list-item.winners-top-list-item--first .winners-top-list-item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
  }
}

.center-pagination {
  padding-top: 52px;
  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;
}

.center-pagination-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.center-pagination-list-item {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #7D8BC6;
  margin-left: 10px;
  margin-right: 10px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.center-pagination-list-item.active {
  font-weight: 500;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  pointer-events: none;
  background: #4C5687;
  display: inline-block;
  text-align: center;
}

.center-pagination-list .catalog-pagination-list-point-step {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #7D8BC6;
}

.center-pagination .pagination-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.center-pagination .pagination-arrow svg {
  width: 24px;
  height: 24px;
  fill: #4C5687;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.center-pagination .pagination-arrow.pagination-arrow--prev {
  margin-right: 21px;
}

.center-pagination .pagination-arrow.pagination-arrow--next {
  margin-left: 21px;
}

@media screen and (min-width: 1024px) {
  a.center-pagination-list-item:hover {
    color: #4A516F;
  }
  .pagination-arrow:hover span {
    color: #4A516F;
  }
  .pagination-arrow:hover svg {
    fill: #4A516F;
  }
}

@media screen and (max-width: 1023px) {
  .center-pagination {
    padding-top: 40px;
  }
  .center-pagination-list-item {
    margin-left: 7px;
    margin-right: 7px;
  }
  .center-pagination .pagination-arrow.pagination-arrow--prev {
    margin-right: 14px;
  }
  .center-pagination .pagination-arrow.pagination-arrow--next {
    margin-left: 14px;
  }
}

@media screen and (max-width: 767px) {
  .center-pagination {
    padding-top: 24px;
  }
}

.text-page-btns {
  max-width: 1006px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.buy-text:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .text-page-btns {
    margin-top: 24px;
    gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .text-page-btns .btn {
    width: 100%;
  }
}

.news-detail {
  font-size: 16px;
  line-height: 1.6;
  color: #343641;
  padding-bottom: 160px;
}

.news-detail a {
  text-decoration: underline;
  color: #4A516F;
}

.news-detail-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.news-detail-img {
  margin-bottom: 12px;
}

.news-detail-img--left {
  float: left;
  margin-right: 20px;
}

.news-detail-img--right {
  float: right;
  margin-left: 20px;
}

.news-detail-attention {
  margin-top: 50px;
  margin-bottom: 50px;
  background: #F3F2EE;
  padding-top: 75px;
  padding-bottom: 95px;
}

.news-detail-attention-block {
  text-align: center;
}

.news-detail-attention-text {
  font-size: 20px;
  line-height: 28px;
  color: #343641;
  margin-bottom: 16px;
}

.news-detail-attention-title {
  margin-bottom: 16px;
}

.news-detail-center-text-block {
  max-width: 1006px;
  margin: 0 auto;
}

.news-detail-center-text a {
  display: inline-block;
}

.news-detail-nav {
  padding-top: 40px;
}

.news-detail-nav-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.news-detail-nav a.news-detail-nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 15px;
  line-height: 18px;
  color: #343641;
  text-decoration: none;
}

.news-detail-nav a.news-detail-nav-link svg {
  width: 24px;
  height: 24px;
  fill: #343641;
}

@media screen and (max-width: 1023px) {
  .news-detail-attention {
    margin-top: 80px;
    margin-bottom: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .news-detail-attention-text {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .news-detail-attention-title {
    margin-bottom: 4px;
  }
  .news-detail-center-text {
    text-align: center;
  }
  .news-detail-nav {
    padding-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .news-detail-attention {
    margin-bottom: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .news-detail-attention-text {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .news-detail-attention-title {
    margin-bottom: 12px;
  }
  .news-detail-img {
    width: 100%;
  }
  .news-detail-nav {
    padding-top: 24px;
  }
}

.contacts {
  background: #4A516F;
  padding-top: 50px;
  padding-bottom: 45px;
}

.contacts-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
}

.contacts-map {
  height: 439px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 12px;
  overflow: hidden;
}

.contacts-info {
  width: 586px;
}

.contacts-info-phone {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #fff;
  margin-bottom: 5px;
  display: inline-block;
}

.contacts-info-adress {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #fff;
  margin-bottom: 23px;
}

.contacts-info-descr {
  font-size: 17px;
  font-weight: 400;
  line-height: 23px;
  color: #fff;
  margin-bottom: 44px;
}

.contacts-info-hours {
  background: #EEF1F3;
  border-radius: 12px;
  padding: 30px 38px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: auto;
}

.contacts-info-hours-item {
  margin-bottom: 27px;
}

.contacts-info-hours-item:last-child {
  margin-bottom: 0;
}

.contacts-info-hours-item-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 10px;
  color: #A0A5BF;
  display: block;
}

.contacts-info-hours-item-value {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
  display: block;
}

.contacts-list {
  padding-top: 48px;
  padding-bottom: 40px;
}

.contacts-list-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 13px;
}

.contacts-list-item {
  background: #EEF1F3;
  padding: 20px 30px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.contacts-list-item-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #4C5687;
  margin-bottom: 12px;
}

.contacts-list-item-descr {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
  margin-bottom: 25px;
}

.contacts-list-item-links {
  margin-top: auto;
}

.contacts-list-item-links-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #7D8BC6;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 12px;
}

.contacts-list-item-links-item:last-child {
  margin-bottom: 0;
}

.contacts-list-item-links-item svg {
  width: 22px;
  height: 22px;
  fill: #7D8BC6;
}

.contacts-contest {
  padding-top: 40px;
  padding-bottom: 160px;
}

.contacts-contest-block {
  text-align: center;
}

.contacts-contest-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
}

.contacts-contest .btn {
  margin: 39px auto 0;
  width: 100%;
  max-width: 428px;
}

@media screen and (max-width: 1366px) {
  .contacts-block {
    gap: 13px;
  }
  .contacts-map {
    width: 50%;
    height: auto;
  }
  .contacts-info {
    width: 50%;
  }
  .contacts-list-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 1023px) {
  .contacts-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
  .contacts-map {
    width: 100%;
    height: 400px;
  }
  .contacts-info {
    width: 100%;
  }
  .contacts-list {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .contacts-list-item-title {
    font-size: 21px;
    line-height: 28px;
  }
  .contacts-list-item-descr {
    margin-bottom: 20px;
  }
  .contacts-contest {
    padding-top: 30px;
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  .contacts {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .contacts-block {
    gap: 20px;
  }
  .contacts-map {
    width: 100%;
    height: 200px;
  }
  .contacts-info-phone {
    font-size: 16px;
    line-height: 1.3;
  }
  .contacts-info-adress {
    font-size: 16px;
    line-height: 1.3;
  }
  .contacts-info-descr {
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 20px;
  }
  .contacts-info-hours {
    padding: 20px 25px;
  }
  .contacts-info-hours-item {
    margin-bottom: 16px;
  }
  .contacts-info-hours-item-title {
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 8px;
    font-weight: 400;
  }
  .contacts-info-hours-item-value {
    font-size: 14px;
    line-height: 1.3;
  }
  .contacts-list {
    padding-bottom: 20px;
  }
  .contacts-list-wrap {
    grid-template-columns: 1fr;
  }
  .contacts-list-item {
    padding: 15px 20px;
  }
  .contacts-list-item-title {
    font-size: 18px;
    line-height: 1.3;
    color: #4C5687;
    margin-bottom: 8px;
  }
  .contacts-list-item-descr {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.3;
  }
  .contacts-list-item-links-item {
    gap: 7px;
    font-size: 14px;
    line-height: 22px;
  }
  .contacts-contest-text {
    font-size: 16px;
    line-height: 1.3;
  }
  .contacts-contest .btn {
    margin-top: 20px;
  }
}

.awards {
  padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .awards {
    padding-bottom: 40px;
  }
}

.contest-main {
  padding-bottom: 50px;
}

.contest-main-contest-2024 {
  margin-bottom: 50px;
}

.contest-main-links {
  margin-bottom: 80px;
}

.contest-main-result {
  padding-bottom: 30px;
}

.contest-main-result-text {
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 1.3;
}

@media screen and (max-width: 1023px) {
  .contest-main-links {
    margin-bottom: 80px;
  }
  .contest-main-result-text {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .contest-main-links {
    margin-bottom: 60px;
  }
}

.subscription {
  padding-bottom: 160px;
}

.subscription-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  max-width: 1340px;
  margin: 0 auto;
  margin-bottom: 35px;
}

.subscription-block-img {
  width: 386px;
  min-width: 386px;
}

.subscription-block-img img {
  width: 100%;
  height: auto;
}

.subscription-block-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.subscription-block-info-title {
  color: #4C5687;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 48px;
  font-weight: 600;
}

.subscription-block-info-text {
  font-size: 15px;
  line-height: 1.5;
  color: #343641;
}

.subscription-block-info-text p {
  margin-bottom: 15px;
}

.subscription-block-info-text p:last-child {
  margin-bottom: 0;
}

.subscription-also {
  max-width: 1003px;
  margin: 0 auto;
}

.subscription-also-title {
  color: #4C5687;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 48px;
  font-weight: 600;
}

.subscription-also-list {
  font-size: 20px;
  line-height: 28px;
  color: #343641;
  padding-left: 30px;
  margin-bottom: 0;
}

.subscription-also-list li {
  margin-bottom: 8px;
}

.subscription-also-list li:before {
  width: 12px;
  height: 12px;
  background: #A0A5BF;
  top: 9px;
  left: -21px;
}

.subscription-also-list li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .subscription {
    padding-bottom: 80px;
  }
  .subscription-block {
    gap: 20px;
  }
  .subscription-block-img {
    width: 227px;
    min-width: 227px;
  }
  .subscription-block-info-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
  }
  .subscription-block-info-text {
    font-size: 14px;
    line-height: 1.6;
  }
  .subscription-also-title {
    line-height: 32px;
    margin-bottom: 16px;
  }
  .subscription-also-list {
    font-size: 16px;
    line-height: 24px;
    padding-left: 23px;
  }
  .subscription-also-list li:before {
    top: 7px;
  }
}

@media screen and (max-width: 767px) {
  .subscription-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-bottom: 23px;
  }
  .subscription-block-img {
    width: 137px;
    min-width: 137px;
  }
  .subscription-block-info-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .subscription-block-info-text {
    font-size: 14px;
    line-height: 1.6;
  }
  .subscription-block-info-text p {
    margin-bottom: 6px;
  }
  .subscription-also-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .subscription-also-list {
    font-size: 14px;
    line-height: 20px;
  }
  .subscription-also-list li:before {
    top: 5px;
    left: -22px;
  }
}

.error-page {
  padding-top: 160px;
  padding-bottom: 160px;
}

.error-page-block {
  text-align: center;
  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;
}

.error-page-block-num {
  margin-bottom: 20px;
}

.error-page-block-num img {
  width: 364px;
  height: 195px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.error-page-block-text {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
  .error-page-block-num img {
    width: 230px;
    height: 125px;
  }
}

@media screen and (max-width: 767px) {
  .error-page {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .error-page-block-num {
    margin-bottom: 15px;
  }
  .error-page-block-num img {
    width: 140px;
    height: 75px;
  }
  .error-page-block-text {
    margin-bottom: 20px;
  }
  .error-page-block .btn {
    max-width: 290px;
    width: 100%;
  }
}

.office {
  padding-bottom: 180px;
}

@media screen and (max-width: 1023px) {
  .office {
    padding-bottom: 80px;
  }
}

.office-detail {
  padding-bottom: 160px;
}

.office-detail-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 50px;
}

.office-detail-img {
  width: 35%;
  max-width: 491px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  padding-top: 35%;
}

.office-detail-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.office-detail-info {
  width: calc(65% - 50px);
  max-width: 877px;
}

.office-detail-info-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 8px;
  display: block;
  color: #7d8bc6;
}

.office-detail-info-name {
  margin-bottom: 32px;
}

.office-detail-info-name .office-detail-info-title {
  font-size: 20px;
  line-height: 28px;
  color: #4c5687;
  margin-bottom: 4px;
}

.office-detail-info-descr {
  margin-bottom: 32px;
}

.office-detail-info-descr-text {
  color: #343641;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
}

.office-detail-info-descr-text p {
  margin-bottom: 20px;
}

.office-detail-info-descr-text p:last-child {
  margin-bottom: 0;
}

.office-detail-info-books-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 15px;
}

.office-detail-info-books-list-item {
  border-radius: 8px;
  background: #EEF1F3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 14px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #4C5687;
}

.office-detail-info-books-list-item svg {
  width: 24px;
  height: 24px;
  fill: #4C5687;
}

@media screen and (max-width: 1023px) {
  .office-detail {
    padding-bottom: 80px;
  }
  .office-detail-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .office-detail-img {
    width: 100%;
    max-width: 300px;
    padding-top: 0;
  }
  .office-detail-img img {
    position: static;
  }
  .office-detail-info {
    width: 100%;
    max-width: 100%;
  }
  .office-detail-info-title {
    font-size: 14px;
  }
  .office-detail-info-name {
    margin-bottom: 20px;
  }
  .office-detail-info-name .office-detail-info-title {
    font-size: 14px;
  }
  .office-detail-info-descr {
    margin-bottom: 20px;
  }
  .office-detail-info-descr-text {
    font-size: 16px;
  }
}

.members {
  margin-bottom: 160px;
}

.members h2 {
  margin-bottom: 32px;
}

.members-tabs-head {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.members-tabs-head-item {
  padding: 24px;
  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;
  border-radius: 8px;
  background: #eef1f3;
  gap: 12px;
  color: #343641;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  cursor: pointer;
}

.members-tabs-head-item img {
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.members-tabs-head-item.tabs-list-item--active {
  background: #4c5687;
  color: #fff;
}

.members-tabs-content {
  padding-top: 16px;
}

.members-tabs-content-item {
  display: none;
}

.members-tabs-content-item.tabs-content--active {
  display: block;
}

.members-tabs-content-list {
  border: 1px solid #ccd6e6;
  border-radius: 8px;
}

.members-tabs-content-list-item {
  border-bottom: 1px solid #ccd6e6;
  padding: 8px 16px;
  color: #343641;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px 24px;
}

.members-tabs-content-list-item span {
  color: #4c5687;
  font-size: 14px;
  font-weight: 700;
}

.members-tabs-content-list-item:last-child {
  border: none;
}

.members-tabs-content-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 24px;
}

@media screen and (max-width: 1023px) {
  .members {
    margin-bottom: 80px;
  }
  .members-tabs-head {
    gap: 16px;
  }
  .members-tabs-head-item {
    padding: 16px;
    font-size: 20px;
    line-height: 1.3;
  }
  .members-tabs-head-item img {
    width: 24px;
    height: 24px;
  }
}

@media screen and (max-width: 767px) {
  .members {
    margin-bottom: 50px;
  }
  .members h2 {
    margin-bottom: 16px;
  }
  .members-tabs-head {
    gap: 8px;
    grid-template-columns: 1fr;
  }
  .members-tabs-head-item {
    padding: 16px;
    font-size: 16px;
    gap: 8px;
  }
  .members-tabs-content-list-item {
    font-size: 14px;
    line-height: 1.3;
    gap: 5px 12px;
  }
}

.winners-list {
  margin-bottom: 160px;
}

.winners-list-item {
  border-radius: 12px;
  background: #f3f2ee;
  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;
  gap: 30px;
  padding: 20px 20px 20px 80px;
  margin-bottom: 24px;
}

.winners-list-item:last-child {
  margin-bottom: 0;
}

.winners-list-item-place {
  font-family: 'Viaoda Libre', sans-serif;
  color: #4c5687;
  font-size: 80px;
  font-weight: 400;
  line-height: 113px;
  white-space: nowrap;
}

.winners-list-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  text-align: right;
}

.winners-list-item-info-block {
  max-width: 584px;
}

.winners-list-item-info-img {
  width: 120px;
  min-width: 120px;
  height: 164px;
  border: 1px solid #ccd6e6;
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.winners-list-item-info-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.winners-list-item-info-name {
  color: #4c5687;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 12px;
}

.winners-list-item-info-descr {
  color: #343641;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 12px;
}

.winners-list-item-info-nomination {
  color: #4c5687;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}

.winners-list-item-info-nomination span {
  color: #7d8bc6;
  font-weight: 400;
}

@media screen and (max-width: 1440px) {
  .winners-list-item {
    padding-left: 30px;
  }
  .winners-list-item-place {
    font-size: 58px;
    line-height: 1.3;
  }
}

@media screen and (max-width: 1023px) {
  .winners-list {
    margin-bottom: 80px;
  }
  .winners-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
  }
  .winners-list-item-place {
    font-size: 40px;
  }
  .winners-list-item-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    text-align: left;
  }
  .winners-list-item-info-block {
    max-width: none;
    width: 100%;
  }
  .winners-list-item-info-descr {
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .winners-list-item-info-nomination {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (max-width: 767px) {
  .winners-list {
    margin-bottom: 50px;
  }
  .winners-list-item {
    padding: 16px;
    gap: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .winners-list-item-place {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
  }
  .winners-list-item-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 16px;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .winners-list-item-info-img {
    min-width: 0;
    aspect-ratio: 1 / 1.0345;
    width: 100%;
    max-width: 256px;
    height: auto;
  }
  .winners-list-item-info-name {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 8px;
  }
  .winners-list-item-info-descr {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 8px;
  }
  .winners-list-item-info-nomination {
    font-size: 14px;
    line-height: 1.3;
  }
}
/*cookie popup*/
.cookies-popup {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #FFF;
    z-index: 99999999;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.cookies-popup.open-cookie {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.cookies-popup-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;
	padding: 17px 34px;
  border-top: 1px solid #EEF1F3;
}
.cookies-popup-text {
	padding-right: 15px;
}
.cookies-popup-text p {
	color: #4C5687;
}
.cookies-popup-text p a {
	border-bottom: 1px solid #4C5687;
	color: #4C5687;
}
.cookies-popup-btn a {
	text-align: center;
	color: #FFF;
	padding: 11px;
	text-transform: uppercase;
	display: block;
}
@media screen and (max-width: 768px) {
	.cookies-popup-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-left: 16px;
		padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 16px;
    font-size: 14px;
	}
	.cookies-popup-text {
		padding-right: 0;
    margin-bottom: 18px;
	}
	.cookies-popup-text p {
		margin: 0;
	}
	.cookies-popup-btn {
    padding-right: 0;
    margin: auto;
	}
}
/*cookie popup конец*/
/*чекбокс форм*/
.mainpage-form-block .soglasie {
  max-width: 625px;
  margin: 0 auto;
}
.soglasie {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #999A9A;
  text-align: left;
}
.soglasie_link {
  color: #578DDC;
}
.soglasie input {
  visibility: hidden;
}
.soglasie label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
}
.soglasie label div:first-child {
  flex-shrink: 0;
}
.checkbox_soglasie {
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 2px solid #4C5687;
}
.soglasie-checked {
  background: #4C5687;
  border-color: #4C5687;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOXB0IiBoZWlnaHQ9IjlwdCIgdmlld0JveD0iMCAwIDkgOSIgdmVyc2lvbj0iMS4xIj4KPGcgaWQ9InN1cmZhY2UxIj4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigxMDAlLDEwMCUsMTAwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDkuMDAzOTA2IDIuMTk1MzEyIEwgMy4zOTg0MzggNy44MDA3ODEgQyAzLjM1MTU2MiA3Ljg1MTU2MiAzLjI2OTUzMSA3Ljg1MTU2MiAzLjIxODc1IDcuODAwNzgxIEwgMC4wMzUxNTYyIDQuNjE3MTg4IEMgLTAuMDExNzE4OCA0LjU2NjQwNiAtMC4wMTE3MTg4IDQuNDg4MjgxIDAuMDM1MTU2MiA0LjQzNzUgTCAwLjgwODU5NCAzLjY2NDA2MiBDIDAuODU5Mzc1IDMuNjE3MTg4IDAuOTQxNDA2IDMuNjE3MTg4IDAuOTg4MjgxIDMuNjY0MDYyIEwgMy4zMDg1OTQgNS45ODQzNzUgTCA4LjA1NDY4OCAxLjI0MjE4OCBDIDguMTAxNTYyIDEuMTkxNDA2IDguMTgzNTk0IDEuMTkxNDA2IDguMjMwNDY5IDEuMjQyMTg4IEwgOS4wMDM5MDYgMi4wMTU2MjUgQyA5LjA1NDY4OCAyLjA2NjQwNiA5LjA1NDY4OCAyLjE0NDUzMSA5LjAwMzkwNiAyLjE5NTMxMiBaIE0gOS4wMDM5MDYgMi4xOTUzMTIgIi8+CjwvZz4KPC9zdmc+Cg==);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1023px) {
  .mainpage-form-block .soglasie {
    max-width: 555px;
  }
}
@media screen and (max-width: 767px) {
  .soglasie {
    line-height: 1.4;
    font-weight: 400;
  }
}
/*чекбокс форм конец*/












/* доработки 2026 */

/* шапка */

.header-icons {
  display: flex;
  gap: 24px
}
.header-icon svg {
  width: 24px;
  height: 24px;
  fill: #4C5687;
  transition: all .3s;
}
.header-icon {
  position: relative;
  display: flex;
}
.header-icon a {
  display: flex;
}
.header-search-btn:hover svg {
  transition: all .3s;
}
.header-menu-item-link a {
  transition: all .3s;
}
.header-bottom {
  gap: 40px;
}
.header-icon-count {
  position: absolute;
  top: -3px;
  right: -2px;
  color: #fff;
  font-size: 10px;
  line-height: 12px;
  background: #4C5687;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s;
}
.header-icon--favorite .header-icon-count {
  top: auto;
  bottom: 0;
  right: -4px;
}


.header-icons.mobile-only {
  display: none;
  margin-left: auto;
}

.additional-menu {
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
.additional-menu-item {
  padding-top: 14px;
  padding-bottom: 14px;
}
.additional-menu-item,
.additional-menu-item a {
  color: #4C5687;
  font-size: 16px;
  line-height: 24px;
}

.additional-icons {
  display: none;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .header-icon:hover svg {
    fill: #7D8BC6;
  }
  .header-search-btn:hover svg {
    fill: #7D8BC6;
  } 
  .header-icon:hover .header-icon-count {
    background: #7D8BC6;
  }
}
@media screen and (min-width: 1281px) {
  .header-menu {
    gap: 40px;
  }
}
@media screen and (max-width: 1280px) {
  .header-bottom {
    gap: 25px;
  }
}
@media screen and (max-width: 1023px) {
  .header-icons {
    display: none;
  }
  .header-icons.mobile-only {
    display: flex;
  }

  .additional-menu {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .header-icons.mobile-only .header-icon--favorite,
  .header-icons.mobile-only .header-icon--basket {
    display: none;
  }
  .header-icons.mobile-only {
    margin-left: 0;
    gap: 12px;
  }
  .header-burger-btn {
    width: 60px;
  }

  .additional-icons {
    display: flex;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .additional-icons-item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #4C5687;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }

  .header-bottom {
    padding: 12px 15px 49px 15px;
  }
  
}


/* карточки товаров */

.catalog-card-label-new {
  font-size: 14px;
  line-height: 19px;
  text-transform: uppercase;
  color: #fff;
  padding: 2px 10px;
  border-radius: 5px;
  white-space: nowrap;
  background: #000;
}
.catalog-card-label-new--new {
  background: #10AC55;
}
.catalog-card-label-new--hit {
  background: #8D1D2C;
}
.catalog-card-label-new--reprint {
  background: #7D8BC6;
}
.catalog-card-label-new--low {
  background: #ED6F26;
  white-space: nowrap;
}

.catalog-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 8px;
}
.add-favorites {
  display: flex;
  cursor: pointer;
}
.add-favorites svg {
  width: 20px;
  height: 20px;
  fill: #E8162F;
  transition: all .3s;
}
.catalog-card .add-favorites {
  margin-left: auto;
}
.add-favorites .icon-heart-full {
  display: none;
}
.add-favorites.added .icon-heart-full {
  display: block;
}
.add-favorites.added .icon-heart {
  display: none;
}

.catalog-card-name {
  margin-bottom: 3px;
}

.add-cart-btn {
  font-size: 14px;
  line-height: 28px;
  padding: 3px 11px;
}
.catalog-card-bottom {
  padding-top: 3px;
  min-height: 40px;
  flex-wrap: wrap;
  gap: 7px;
}
.catalog-card-price-block {
  display: flex;
  align-items: center;
  gap: 5px;
}
.catalog-card-price-old {
  display: flex;
  align-items: center;
  gap: 5px;
}
.catalog-card-price-old-value {
  font-size: 16px;
  line-height: 1.3;
  color: #A0A5BF;
  text-decoration: line-through;
}
.catalog-card-price-old-discount {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  padding: 1px 2px;
  background: #7D8BC6;
  border-radius: 5px;
}

@media screen and (min-width: 1024px) {
  .add-favorites:hover svg {
    fill: #7D8BC6;
  }
}
@media screen and (max-width: 767px) {
  .catalog-card-label-new {
    font-size: 9px;
    line-height: 12px;
    padding: 2px 6px;
  }
  .catalog-card-head {
    padding-bottom: 3px;
  }
  .catalog-card-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .add-cart-btn {
    width: 100%;
    line-height: 21px;
  }
  .catalog-card-status {
    display: block;
    align-self: flex-start;
  }
  .catalog-card-price-old-value {
    font-size: 12px;
  }
}

/* деталка */

.detail-block-img {
  position: relative;
}
.detail-block-label {
  position: absolute;
  top: 0;
  left: 0;
}
.detail-block-title span {
  margin-bottom: 0;
}
.detail-block-title-top {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
/* .detail-block-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 7px;
}
.detail-block-title h1 {
  width: 100%;
} */

.detail-block-add-favorite {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #A0A5BF;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1;
  transition: all .3s;
  cursor: pointer;
}
.detail-block-add-favorite svg {
  width: 24px;
  height: 24px;
  fill: #A0A5BF;
  transition: all .3s;
}

.detail-block-add-favorite.added {
  color: #7D8BC6;
}
.detail-block-add-favorite.added svg {
  fill: #4C5687;
}

.detail-block:not(.detail-block--events) .detail-block-buy-price {
  margin-bottom: 0;
}
.detail-block-buy,
.detail-block-buy-e-book {
  margin-bottom: 12px;
}
.detail-block-buy-price-wrap {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.detail-block-buy-price-old {
  display: flex;
  align-items: center;
  gap: 12px;
}
.detail-block-buy-price-old-value {
  font-size: 24px;
  line-height: 32px;
  color: #A0A5BF;
  font-weight: 500;
  text-decoration: line-through;
}
.detail-block-buy-price-old-discount {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  background: #7D8BC6;
  padding: 4px 8px;
  border-radius: 5px;
}

.detail-block-buy-cart {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}
.counter-block-btn {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 38px;
  transition: all .3s;
}

.counter-block-btn svg {
  width: 24px;
  height: 24px;
  fill: #4C5687;
}

.counter-block {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #4C5687;
  height: 60px;
  width: 107px;
  overflow: hidden;
}
.counter-block input {
  border: none;
  outline: none;
  text-align: center;
  color: #4C5687;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  height: 100%;
  width: 29px;
}
.detail-block-add-cart {
  flex-grow: 1;
}

.detail-block-add-favorite--mobile {
  display: none;
}

@media screen and (min-width: 1024px) {
  .detail-block-add-favorite:hover {
    color: #7D8BC6;
  }
  .detail-block-add-favorite:hover svg {
    fill: #7D8BC6;
  }
  .counter-block-btn:hover {
    background: #EEF1F3;
  }
}

@media screen and (max-width: 1199px) {
  .detail-block-add-favorite--mobile {
    display: flex;
  }
  .detail-block-title span {
    margin-bottom: 8px;
  }
  .detail-block-title {
    margin-bottom: 12px;
  }
  .detail-block-add-favorite--mobile {
    margin-bottom: 20px;
  }
  .counter-block {
    height: 52px;
  }
}

@media screen and (max-width: 767px) {
  .detail-block:not(.detail-block--events) .detail-block-buy {
    display: flex;
    flex-direction: column;
  }
  .detail-block:not(.detail-block--events) .detail-block--mobile {
    order: 1;
    margin-bottom: 18px;
  }
  .detail-block:not(.detail-block--events) .detail-block-buy-price-wrap {
    order: 2;
  }
  .detail-block:not(.detail-block--events) .detail-block-add-favorite--mobile {
    order: 3;
    margin-bottom: 16px;
  }
  .detail-block:not(.detail-block--events) .detail-block-buy-cart {
    order: 4;
  }
  .detail-block:not(.detail-block--events) .detail-block-buy-btns {
    order: 5;
  }
  .detail-block:not(.detail-block--events) .detail-block-buy-e-book {
    order: 6;
  }
  .detail-block-buy-price-old-value {
    font-size: 14px;
  }
  .detail-block-buy-price-old-discount {
    font-size: 14px;;
    padding: 2px 4px;
  }
  .detail-block-add-favorite {
    font-size: 14px;
  }
  .detail-block-add-favorite svg {
    width: 20px;
    height: 20px;
  }
  .counter-block {
    height: 45px;
  }
}


/* пустое избранное */

.favorites-empty {
  margin-bottom: 185px;
}
.favorites-empty-title {
  margin-bottom: 20px;
}
.favorites-empty-text {
  color: #343641;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 40px;
}

.favorites-empty .main-btn {
  width: 233px;
}

@media screen and (max-width: 1199px) {
  .favorites-empty-title {
    margin-bottom: 15px;
  }
  .favorites-empty-text {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .favorites-empty {
    margin-bottom: 105px;
  }
  .favorites-empty-text {
    font-size: 14px;
  }
  .favorites-empty .main-btn  {
    width: 100%;
  }
}


/* авторизация, регистрация, восстановление */

.auth-page {
  margin-bottom: 150px;
}
.auth-top {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 53px;
  margin-bottom: 30px;
}
.auth-page .mainpage-series-pattern-block {
  margin-bottom: 50px;
}
.auth-link {
  cursor: pointer;
  transition: all .3s;
}
.auth-link:not(.auth-link--active) {
  color: #A0A5BF;
}


.auth-form {
  max-width: 432px;
  margin: auto;
}

.auth-form-change {
  display: flex;
  gap: 24px;
  margin-bottom: 20px;
}
.auth-form-change-btn {
  font-weight: 400;
}
.auth-form-change-btn:not(.tabs-list-item--active):not(:hover) {
  background: #EEF1F3;
  border-color: #EEF1F3;
  color: #4C5687;
}

.form-error-message
{
  color: #E8162F;
  padding-top: 10px;
}

.form-success-message
{
  color: #00c400;
  padding-top: 10px;
}

.form-block-error-text {
  color: #E8162F;
  font-size: 16px;
  line-height: 20px;
  padding-left: 8px;
  padding-top: 2px;
  padding-right: 8px;
  display: block;
}
/*.form-block--error .form-block-error-text {
  display: block;
}*/
.auth-form .form-block-label {
  font-size: 14px;
  line-height: 20px;
  color: #999A9A;
}


.form-block--password {
  position: relative;
}
.password-eye {
  cursor: pointer;
  position: absolute;
  right: 13px;
  top: 41px;
  display: flex;
}
.password-eye svg {
  width: 24px;
  height: 24px;
  stroke: #AFB1B6;
  fill: none
}
.form-block--password input[type="text"] ~ .password-eye .icon-eye-hide {
  display: none;
}
.form-block--password input[type="text"] ~ .password-eye .icon-eye {
  display: block;
}
.form-block--password input[type="password"] ~ .password-eye .icon-eye-hide {
  display: block;
}
.form-block--password input[type="password"] ~ .password-eye .icon-eye {
  display: none;
}

.forgot-pass-link {
  color: #7D8BC6;
  font-size: 14px;
  line-height: 20px;
  display: flex;  
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-bottom: 20px;
  transition: all .3s;
}
.forgot-pass-link svg {
  color: #fff;
  fill: #CCD6E6;
  width: 20px;
  height: 20px;
  transition: all .3s;
}

.auth-form .auth-form-btn {
  width: 100%;
}

.auth-form .tabs-content:not(.tabs-content--active) {
  display: none;
}


.form-checkbox {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
  cursor: pointer;
  width: fit-content;
}
.form-checkbox input {
  display: none;
}
.form-checkbox-custom {
  width: 19px;
  height: 19px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDRDMCAyLjkzOTEzIDAuNDIxNDI3IDEuOTIxNzIgMS4xNzE1NyAxLjE3MTU3QzEuOTIxNzIgMC40MjE0MjcgMi45MzkxMyAwIDQgMEgxOEMxOS4wNjA5IDAgMjAuMDc4MyAwLjQyMTQyNyAyMC44Mjg0IDEuMTcxNTdDMjEuNTc4NiAxLjkyMTcyIDIyIDIuOTM5MTMgMjIgNFYxOEMyMiAxOS4wNjA5IDIxLjU3ODYgMjAuMDc4MyAyMC44Mjg0IDIwLjgyODRDMjAuMDc4MyAyMS41Nzg2IDE5LjA2MDkgMjIgMTggMjJINEMyLjkzOTEzIDIyIDEuOTIxNzIgMjEuNTc4NiAxLjE3MTU3IDIwLjgyODRDMC40MjE0MjcgMjAuMDc4MyAwIDE5LjA2MDkgMCAxOFY0Wk00IDJIMThDMTguNTMwNCAyIDE5LjAzOTEgMi4yMTA3MSAxOS40MTQyIDIuNTg1NzlDMTkuNzg5MyAyLjk2MDg2IDIwIDMuNDY5NTcgMjAgNFYxOEMyMCAxOC41MzA0IDE5Ljc4OTMgMTkuMDM5MSAxOS40MTQyIDE5LjQxNDJDMTkuMDM5MSAxOS43ODkzIDE4LjUzMDQgMjAgMTggMjBINEMzLjQ2OTU3IDIwIDIuOTYwODYgMTkuNzg5MyAyLjU4NTc5IDE5LjQxNDJDMi4yMTA3MSAxOS4wMzkxIDIgMTguNTMwNCAyIDE4VjRDMiAzLjQ2OTU3IDIuMjEwNzEgMi45NjA4NiAyLjU4NTc5IDIuNTg1NzlDMi45NjA4NiAyLjIxMDcxIDMuNDY5NTcgMiA0IDJaIiBmaWxsPSIjQTBBNUJGIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.form-checkbox input:checked ~ .form-checkbox-custom {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDRDMCAyLjkzOTEzIDAuNDIxNDI3IDEuOTIxNzIgMS4xNzE1NyAxLjE3MTU3QzEuOTIxNzIgMC40MjE0MjcgMi45MzkxMyAwIDQgMEgxOEMxOS4wNjA5IDAgMjAuMDc4MyAwLjQyMTQyNyAyMC44Mjg0IDEuMTcxNTdDMjEuNTc4NiAxLjkyMTcyIDIyIDIuOTM5MTMgMjIgNFYxOEMyMiAxOS4wNjA5IDIxLjU3ODYgMjAuMDc4MyAyMC44Mjg0IDIwLjgyODRDMjAuMDc4MyAyMS41Nzg2IDE5LjA2MDkgMjIgMTggMjJINEMyLjkzOTEzIDIyIDEuOTIxNzIgMjEuNTc4NiAxLjE3MTU3IDIwLjgyODRDMC40MjE0MjcgMjAuMDc4MyAwIDE5LjA2MDkgMCAxOFY0Wk00IDJIMThDMTguNTMwNCAyIDE5LjAzOTEgMi4yMTA3MSAxOS40MTQyIDIuNTg1NzlDMTkuNzg5MyAyLjk2MDg2IDIwIDMuNDY5NTcgMjAgNFYxOEMyMCAxOC41MzA0IDE5Ljc4OTMgMTkuMDM5MSAxOS40MTQyIDE5LjQxNDJDMTkuMDM5MSAxOS43ODkzIDE4LjUzMDQgMjAgMTggMjBINEMzLjQ2OTU3IDIwIDIuOTYwODYgMTkuNzg5MyAyLjU4NTc5IDE5LjQxNDJDMi4yMTA3MSAxOS4wMzkxIDIgMTguNTMwNCAyIDE4VjRDMiAzLjQ2OTU3IDIuMjEwNzEgMi45NjA4NiAyLjU4NTc5IDIuNTg1NzlDMi45NjA4NiAyLjIxMDcxIDMuNDY5NTcgMiA0IDJaIiBmaWxsPSIjNEM1Njg3Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCA0QzAgMi45MzkxMyAwLjQyMTQyNyAxLjkyMTcyIDEuMTcxNTcgMS4xNzE1N0MxLjkyMTcyIDAuNDIxNDI3IDIuOTM5MTMgMCA0IDBIMThDMTkuMDYwOSAwIDIwLjA3ODMgMC40MjE0MjcgMjAuODI4NCAxLjE3MTU3QzIxLjU3ODYgMS45MjE3MiAyMiAyLjkzOTEzIDIyIDRWMThDMjIgMTkuMDYwOSAyMS41Nzg2IDIwLjA3ODMgMjAuODI4NCAyMC44Mjg0QzIwLjA3ODMgMjEuNTc4NiAxOS4wNjA5IDIyIDE4IDIySDRDMi45MzkxMyAyMiAxLjkyMTcyIDIxLjU3ODYgMS4xNzE1NyAyMC44Mjg0QzAuNDIxNDI3IDIwLjA3ODMgMCAxOS4wNjA5IDAgMThWNFpNNCAySDE4QzE4LjUzMDQgMiAxOS4wMzkxIDIuMjEwNzEgMTkuNDE0MiAyLjU4NTc5QzE5Ljc4OTMgMi45NjA4NiAyMCAzLjQ2OTU3IDIwIDRWMThDMjAgMTguNTMwNCAxOS43ODkzIDE5LjAzOTEgMTkuNDE0MiAxOS40MTQyQzE5LjAzOTEgMTkuNzg5MyAxOC41MzA0IDIwIDE4IDIwSDRDMy40Njk1NyAyMCAyLjk2MDg2IDE5Ljc4OTMgMi41ODU3OSAxOS40MTQyQzIuMjEwNzEgMTkuMDM5MSAyIDE4LjUzMDQgMiAxOFY0QzIgMy40Njk1NyAyLjIxMDcxIDIuOTYwODYgMi41ODU3OSAyLjU4NTc5QzIuOTYwODYgMi4yMTA3MSAzLjQ2OTU3IDIgNCAyWiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4yIi8+CjxwYXRoIGQ9Ik00IDJIMThDMTguNTMwNCAyIDE5LjAzOTEgMi4yMTA3MSAxOS40MTQyIDIuNTg1NzlDMTkuNzg5MyAyLjk2MDg2IDIwIDMuNDY5NTcgMjAgNFYxOEMyMCAxOC41MzA0IDE5Ljc4OTMgMTkuMDM5MSAxOS40MTQyIDE5LjQxNDJDMTkuMDM5MSAxOS43ODkzIDE4LjUzMDQgMjAgMTggMjBINEMzLjQ2OTU3IDIwIDIuOTYwODYgMTkuNzg5MyAyLjU4NTc5IDE5LjQxNDJDMi4yMTA3MSAxOS4wMzkxIDIgMTguNTMwNCAyIDE4VjRDMiAzLjQ2OTU3IDIuMjEwNzEgMi45NjA4NiAyLjU4NTc5IDIuNTg1NzlDMi45NjA4NiAyLjIxMDcxIDMuNDY5NTcgMiA0IDJaIiBmaWxsPSIjNEM1Njg3Ii8+CjxwYXRoIGQ9Ik00IDJIMThDMTguNTMwNCAyIDE5LjAzOTEgMi4yMTA3MSAxOS40MTQyIDIuNTg1NzlDMTkuNzg5MyAyLjk2MDg2IDIwIDMuNDY5NTcgMjAgNFYxOEMyMCAxOC41MzA0IDE5Ljc4OTMgMTkuMDM5MSAxOS40MTQyIDE5LjQxNDJDMTkuMDM5MSAxOS43ODkzIDE4LjUzMDQgMjAgMTggMjBINEMzLjQ2OTU3IDIwIDIuOTYwODYgMTkuNzg5MyAyLjU4NTc5IDE5LjQxNDJDMi4yMTA3MSAxOS4wMzkxIDIgMTguNTMwNCAyIDE4VjRDMiAzLjQ2OTU3IDIuMjEwNzEgMi45NjA4NiAyLjU4NTc5IDIuNTg1NzlDMi45NjA4NiAyLjIxMDcxIDMuNDY5NTcgMiA0IDJaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjIiLz4KPHBhdGggZD0iTTEwLjQ1MzcgMTQuMTAxNEM5Ljc4Mzk5IDE0Ljc3MTEgOC42OTgxMyAxNC43NzExIDguMDI4NSAxNC4xMDEzTDUuNzA0OTggMTEuNzc3M0M1LjMxNDU0IDExLjM4NjcgNS4zMTQ1OCAxMC43NTM2IDUuNzA1MDcgMTAuMzYzMUM2LjA5NTU0IDkuOTcyNjUgNi43Mjg2MSA5Ljk3MjYgNy4xMTkxNSAxMC4zNjNMOC45ODM4NCAxMi4yMjdDOS4xMjU5IDEyLjM2OSA5LjM1NjE3IDEyLjM2OSA5LjQ5ODE4IDEyLjIyN0wxNC4xODk2IDcuNTM0NzdDMTQuNTgwMyA3LjE0Mzk3IDE1LjIxMzggNy4xNDM5NCAxNS42MDQ2IDcuNTM0N0MxNS45OTUzIDcuOTI1NDIgMTUuOTk1MyA4LjU1ODkgMTUuNjA0NyA4Ljk0OTY0TDEwLjQ1MzcgMTQuMTAxNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}
.form-checkbox-text {
  color: #7D8BC6;
  font-size: 14px;
  line-height: 20px;
}
.form-checkbox-text a:not(:hover) {
  text-decoration: underline;
}

.form-timer-text {
  color: #999A9A;
  font-size: 12px;
  line-height: 20px;
  padding-left: 8px;
  padding-right: 8px;
}
.form-timer-text span {
  color: #7D8BC6;
}
.recover-btns .btn + .btn {
  margin-top: 20px;
}


@media screen and (min-width: 1024px) {
  .auth-link:hover {
    color: #4C5687;
  }
  .forgot-pass-link:hover {
    color: #4C5687;
  }
  .forgot-pass-link:hover svg {
    fill: #4C5687;
  }
}

@media screen and (max-width: 1199px) {
  .auth-top {
    gap: 35px;
    margin-bottom: 24px;
  }
  .auth-page .mainpage-series-pattern-block {
    margin-bottom: 23px;
  }
}

@media screen and (max-width: 1023px) {
  .password-eye {
    top: 38px;
  }
}

@media screen and (max-width: 767px) {
  .auth-page {
    margin-bottom: 105px;
  }
  .auth-top {
    gap: 24px;
    margin-bottom: 10px;
  }
  .auth-form-change {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 15px;
  }
  .auth-form-change-btn {
    width: 100%;
  }
  .forgot-pass-link {
    font-size: 12px;
    margin-bottom: 16px;
  }
  .password-eye {
    top: 36px;
  }
  .password-eye svg {
    width: 20px;
    height: 20px;
  }

  .form-checkbox {
    margin-bottom: 15px;
    color: #343641;
    font-size: 16px;
    line-height: 20px;
  }
  .form-checkbox-text {
    font-size: 12px;
  }


  .recover-btns .btn + .btn {
    margin-top: 15px;
  }
}


/* модалка заявки */

.registration-modal {
  max-width: 650px!important;
}
.registration-modal-subtitle {
  font-size: 20px;
  line-height: 28px;
  color: #7D8BC6;
  display: block;
  margin-bottom: 8px;
}
.registration-modal-title {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 600;
  color: #4C5687;
  display: block;
  margin-bottom: 25px;
}
.registration-modal-list {
  margin-bottom: 24px;
}
.registration-modal-list-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.registration-modal-list-item:last-child {
  margin-bottom: 0;
}
.registration-modal-list-item-name {
  color: #A0A5BF;
  font-size: 14px;
  line-height: 20px;
}
.registration-modal-list-item-value {
  color: #343641;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.registration-modal-list-item-value a {
  color: #7D8BC6;
  transition: all .3s;
}
.registration-modal-list-item-value a:not(:hover) {
  text-decoration: underline;
}
.registration-modal-form-block {
  margin-bottom: 20px;
}
.registration-modal-form-block-title {
  color: #4C5687;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 15px;
}

.form-block-fake-select {
  position: relative;
}
/* .form-block-fake-select-btn {
  width: 100%;
  padding: 16px 12px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #E2E7EA;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #343641;
  outline: none;
  height: 58px;
  cursor: pointer;
  transition: all .3s; 
  position: relative;
} */
.form-block-fake-select-btn {
  padding-right: 35px;
}
.form-block-fake-select-wrap {
  position: relative;
}
/* .form-block-fake-select-btn:after */
.form-block-fake-select-wrap:after 
{
  pointer-events: none;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMzE1NzEgOC4zMTA4OEM2LjQxNTE0IDguMjEyMzMgNi41MzMyMyA4LjEzNDE1IDYuNjYzMjUgOC4wODA4QzYuNzkzMjYgOC4wMjc0NiA2LjkzMjYzIDggNy4wNzMzOCA4QzcuMjE0MTMgOCA3LjM1MzUxIDguMDI3NDYgNy40ODM1MiA4LjA4MDhDNy42MTM1MyA4LjEzNDE1IDcuNzMxNjMgOC4yMTIzMyA3LjgzMTA1IDguMzEwODhMMTIuMDAwOSAxMi40MzU1TDE2LjE3MDggOC4zMTA4OEMxNi4yNzAzIDguMjEyNDYgMTYuMzg4NCA4LjEzNDM5IDE2LjUxODQgOC4wODExM0MxNi42NDg0IDguMDI3ODcgMTYuNzg3OCA4LjAwMDQ1IDE2LjkyODUgOC4wMDA0NUMxNy4wNjkyIDguMDAwNDUgMTcuMjA4NSA4LjAyNzg3IDE3LjMzODUgOC4wODExM0MxNy40Njg1IDguMTM0MzkgMTcuNTg2NyA4LjIxMjQ2IDE3LjY4NjIgOC4zMTA4OEMxNy43ODU3IDguNDA5MyAxNy44NjQ2IDguNTI2MTQgMTcuOTE4NCA4LjY1NDczQzE3Ljk3MjMgOC43ODMzMiAxOCA4LjkyMTE0IDE4IDkuMDYwMzJDMTggOS4xOTk1MSAxNy45NzIzIDkuMzM3MzMgMTcuOTE4NCA5LjQ2NTkyQzE3Ljg2NDYgOS41OTQ1MSAxNy43ODU3IDkuNzExMzUgMTcuNjg2MiA5LjgwOTc3TDEyLjc1MzIgMTQuNjg5MUMxMi42NTM4IDE0Ljc4NzcgMTIuNTM1NyAxNC44NjU5IDEyLjQwNTcgMTQuOTE5MkMxMi4yNzU3IDE0Ljk3MjUgMTIuMTM2MyAxNSAxMS45OTU2IDE1QzExLjg1NDggMTUgMTEuNzE1NCAxNC45NzI1IDExLjU4NTQgMTQuOTE5MkMxMS40NTU0IDE0Ljg2NTkgMTEuMzM3MyAxNC43ODc3IDExLjIzNzkgMTQuNjg5MUw2LjMwNDk2IDkuODA5NzdDNS44OTY1NyA5LjQwNTgxIDUuODk2NTcgOC43MjU0NyA2LjMxNTcxIDguMzEwODhaIiBmaWxsPSIjQTBBNUJGIi8+Cjwvc3ZnPgo=");
  content: '';
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  right: 10px;
  top: 17px;
  transition: all .3s;
}
/* .form-block-fake-select.active .form-block-fake-select-btn {
  border-color: #7D8BC6;
} */
/* .form-block-fake-select.active .form-block-fake-select-btn:after */
.form-block-fake-select.active .form-block-fake-select-wrap:after 
{
  transform: rotate(180deg);
}
.form-block-fake-select-list {
  width: 100%;
  padding: 20px 12px;
  background: #fff;
  position: absolute;
  top: 66px;
  left: 0;
  border-radius: 12px;
  box-shadow: 0px 0px 12px 0px rgba(52, 54, 65, 0.15);
  display: none;
  z-index: 1;
}
.form-block-fake-select-list-inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 182px;
  scrollbar-width: thin;
  overflow-y: auto;
}
.form-block-fake-select-list-item {
  cursor: pointer;
}
.form-block-radio input[type="radio"] {
  display: none;
}
.form-block-radio {
  display: flex;
  gap: 12px;
  color: #343641;
  font-size: 16px;
  line-height: 20px;
}
.form-block-radio-custom {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid #A0A5BF;
  position: relative;
  display: block;
}
.form-block-radio input[type="radio"]:checked ~ .form-block-radio-custom {
  border-color: #4C5687;
}
.form-block-radio input[type="radio"]:checked ~ .form-block-radio-custom:after {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  content: '';
  background: #4C5687;
}

/* .form-block--error .form-block-fake-select-btn {
  border-color: #E8162F;
} */


.registration-modal-date {
  display: flex;
  gap: 10px;
}
.registration-modal-date-time {
  flex-grow: 1;
}
.registration-modal-date-calendar {
  width: 383px;
  flex-shrink: 0;
}
.registration-modal-date-calendar {
  position: relative;
}
.registration-modal-date-calendar:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggNS43NUM3LjU5IDUuNzUgNy4yNSA1LjQxIDcuMjUgNVYyQzcuMjUgMS41OSA3LjU5IDEuMjUgOCAxLjI1QzguNDEgMS4yNSA4Ljc1IDEuNTkgOC43NSAyVjVDOC43NSA1LjQxIDguNDEgNS43NSA4IDUuNzVaIiBmaWxsPSIjQTBBNUJGIi8+CjxwYXRoIGQ9Ik0xNiA1Ljc1QzE1LjU5IDUuNzUgMTUuMjUgNS40MSAxNS4yNSA1VjJDMTUuMjUgMS41OSAxNS41OSAxLjI1IDE2IDEuMjVDMTYuNDEgMS4yNSAxNi43NSAxLjU5IDE2Ljc1IDJWNUMxNi43NSA1LjQxIDE2LjQxIDUuNzUgMTYgNS43NVoiIGZpbGw9IiNBMEE1QkYiLz4KPHBhdGggZD0iTTguNSAxNC41MDAxQzguMzcgMTQuNTAwMSA4LjI0IDE0LjQ3MDEgOC4xMiAxNC40MjAxQzcuOTkgMTQuMzcwMSA3Ljg5IDE0LjMwMDEgNy43OSAxNC4yMTAxQzcuNjEgMTQuMDIwMSA3LjUgMTMuNzcwMSA3LjUgMTMuNTAwMUM3LjUgMTMuMzcwMSA3LjUzIDEzLjI0MDEgNy41OCAxMy4xMjAxQzcuNjMgMTMuMDAwMSA3LjcgMTIuODkwMSA3Ljc5IDEyLjc5MDFDNy44OSAxMi43MDAxIDcuOTkgMTIuNjMwMSA4LjEyIDEyLjU4MDFDOC40OCAxMi40MzAxIDguOTMgMTIuNTEwMSA5LjIxIDEyLjc5MDFDOS4zOSAxMi45ODAxIDkuNSAxMy4yNDAxIDkuNSAxMy41MDAxQzkuNSAxMy41NjAxIDkuNDkgMTMuNjMwMSA5LjQ4IDEzLjcwMDFDOS40NyAxMy43NjAxIDkuNDUgMTMuODIwMSA5LjQyIDEzLjg4MDFDOS40IDEzLjk0MDEgOS4zNyAxNC4wMDAxIDkuMzMgMTQuMDYwMUM5LjMgMTQuMTEwMSA5LjI1IDE0LjE2MDEgOS4yMSAxNC4yMTAxQzkuMDIgMTQuMzkwMSA4Ljc2IDE0LjUwMDEgOC41IDE0LjUwMDFaIiBmaWxsPSIjQTBBNUJGIi8+CjxwYXRoIGQ9Ik0xMiAxNC40OTk5QzExLjg3IDE0LjQ5OTkgMTEuNzQgMTQuNDY5OSAxMS42MiAxNC40MTk5QzExLjQ5IDE0LjM2OTkgMTEuMzkgMTQuMjk5OSAxMS4yOSAxNC4yMDk5QzExLjExIDE0LjAxOTkgMTEgMTMuNzY5OSAxMSAxMy40OTk5QzExIDEzLjM2OTkgMTEuMDMgMTMuMjM5OSAxMS4wOCAxMy4xMTk5QzExLjEzIDEyLjk5OTkgMTEuMiAxMi44ODk5IDExLjI5IDEyLjc4OTlDMTEuMzkgMTIuNjk5OSAxMS40OSAxMi42Mjk5IDExLjYyIDEyLjU3OTlDMTEuOTggMTIuNDE5OSAxMi40MyAxMi41MDk5IDEyLjcxIDEyLjc4OTlDMTIuODkgMTIuOTc5OSAxMyAxMy4yMzk5IDEzIDEzLjQ5OTlDMTMgMTMuNTU5OSAxMi45OSAxMy42Mjk5IDEyLjk4IDEzLjY5OTlDMTIuOTcgMTMuNzU5OSAxMi45NSAxMy44MTk5IDEyLjkyIDEzLjg3OTlDMTIuOSAxMy45Mzk5IDEyLjg3IDEzLjk5OTkgMTIuODMgMTQuMDU5OUMxMi44IDE0LjEwOTkgMTIuNzUgMTQuMTU5OSAxMi43MSAxNC4yMDk5QzEyLjUyIDE0LjM4OTkgMTIuMjYgMTQuNDk5OSAxMiAxNC40OTk5WiIgZmlsbD0iI0EwQTVCRiIvPgo8cGF0aCBkPSJNMTUuNSAxNC40OTk5QzE1LjM3IDE0LjQ5OTkgMTUuMjQgMTQuNDY5OSAxNS4xMiAxNC40MTk5QzE0Ljk5IDE0LjM2OTkgMTQuODkgMTQuMjk5OSAxNC43OSAxNC4yMDk5QzE0Ljc1IDE0LjE1OTkgMTQuNzEgMTQuMTA5OSAxNC42NyAxNC4wNTk5QzE0LjYzIDEzLjk5OTkgMTQuNiAxMy45Mzk5IDE0LjU4IDEzLjg3OTlDMTQuNTUgMTMuODE5OSAxNC41MyAxMy43NTk5IDE0LjUyIDEzLjY5OTlDMTQuNTEgMTMuNjI5OSAxNC41IDEzLjU1OTkgMTQuNSAxMy40OTk5QzE0LjUgMTMuMjM5OSAxNC42MSAxMi45Nzk5IDE0Ljc5IDEyLjc4OTlDMTQuODkgMTIuNjk5OSAxNC45OSAxMi42Mjk5IDE1LjEyIDEyLjU3OTlDMTUuNDkgMTIuNDE5OSAxNS45MyAxMi41MDk5IDE2LjIxIDEyLjc4OTlDMTYuMzkgMTIuOTc5OSAxNi41IDEzLjIzOTkgMTYuNSAxMy40OTk5QzE2LjUgMTMuNTU5OSAxNi40OSAxMy42Mjk5IDE2LjQ4IDEzLjY5OTlDMTYuNDcgMTMuNzU5OSAxNi40NSAxMy44MTk5IDE2LjQyIDEzLjg3OTlDMTYuNCAxMy45Mzk5IDE2LjM3IDEzLjk5OTkgMTYuMzMgMTQuMDU5OUMxNi4zIDE0LjEwOTkgMTYuMjUgMTQuMTU5OSAxNi4yMSAxNC4yMDk5QzE2LjAyIDE0LjM4OTkgMTUuNzYgMTQuNDk5OSAxNS41IDE0LjQ5OTlaIiBmaWxsPSIjQTBBNUJGIi8+CjxwYXRoIGQ9Ik04LjUgMTcuOTk5OUM4LjM3IDE3Ljk5OTkgOC4yNCAxNy45NyA4LjEyIDE3LjkyQzggMTcuODcgNy44OSAxNy43OTk5IDcuNzkgMTcuNzA5OUM3LjYxIDE3LjUxOTkgNy41IDE3LjI1OTkgNy41IDE2Ljk5OTlDNy41IDE2Ljg2OTkgNy41MyAxNi43Mzk5IDcuNTggMTYuNjE5OUM3LjYzIDE2LjQ4OTkgNy43IDE2LjM4IDcuNzkgMTYuMjlDOC4xNiAxNS45MiA4Ljg0IDE1LjkyIDkuMjEgMTYuMjlDOS4zOSAxNi40OCA5LjUgMTYuNzM5OSA5LjUgMTYuOTk5OUM5LjUgMTcuMjU5OSA5LjM5IDE3LjUxOTkgOS4yMSAxNy43MDk5QzkuMDIgMTcuODg5OSA4Ljc2IDE3Ljk5OTkgOC41IDE3Ljk5OTlaIiBmaWxsPSIjQTBBNUJGIi8+CjxwYXRoIGQ9Ik0xMiAxNy45OTk5QzExLjc0IDE3Ljk5OTkgMTEuNDggMTcuODg5OSAxMS4yOSAxNy43MDk5QzExLjExIDE3LjUxOTkgMTEgMTcuMjU5OSAxMSAxNi45OTk5QzExIDE2Ljg2OTkgMTEuMDMgMTYuNzM5OSAxMS4wOCAxNi42MTk5QzExLjEzIDE2LjQ4OTkgMTEuMiAxNi4zOCAxMS4yOSAxNi4yOUMxMS42NiAxNS45MiAxMi4zNCAxNS45MiAxMi43MSAxNi4yOUMxMi44IDE2LjM4IDEyLjg3IDE2LjQ4OTkgMTIuOTIgMTYuNjE5OUMxMi45NyAxNi43Mzk5IDEzIDE2Ljg2OTkgMTMgMTYuOTk5OUMxMyAxNy4yNTk5IDEyLjg5IDE3LjUxOTkgMTIuNzEgMTcuNzA5OUMxMi41MiAxNy44ODk5IDEyLjI2IDE3Ljk5OTkgMTIgMTcuOTk5OVoiIGZpbGw9IiNBMEE1QkYiLz4KPHBhdGggZD0iTTE1LjUgMTcuOTk5OUMxNS4yNCAxNy45OTk5IDE0Ljk4IDE3Ljg4OTkgMTQuNzkgMTcuNzA5OUMxNC43IDE3LjYxOTkgMTQuNjMgMTcuNTA5OSAxNC41OCAxNy4zNzk5QzE0LjUzIDE3LjI1OTkgMTQuNSAxNy4xMjk5IDE0LjUgMTYuOTk5OUMxNC41IDE2Ljg2OTkgMTQuNTMgMTYuNzM5OSAxNC41OCAxNi42MTk5QzE0LjYzIDE2LjQ4OTkgMTQuNyAxNi4zNzk5IDE0Ljc5IDE2LjI4OTlDMTUuMDIgMTYuMDU5OSAxNS4zNyAxNS45NDk5IDE1LjY5IDE2LjAxOTlDMTUuNzYgMTYuMDI5OSAxNS44MiAxNi4wNDk5IDE1Ljg4IDE2LjA3OTlDMTUuOTQgMTYuMDk5OSAxNiAxNi4xMjk5IDE2LjA2IDE2LjE2OTlDMTYuMTEgMTYuMTk5OSAxNi4xNiAxNi4yNDk5IDE2LjIxIDE2LjI4OTlDMTYuMzkgMTYuNDc5OSAxNi41IDE2LjczOTkgMTYuNSAxNi45OTk5QzE2LjUgMTcuMjU5OSAxNi4zOSAxNy41MTk5IDE2LjIxIDE3LjcwOTlDMTYuMDIgMTcuODg5OSAxNS43NiAxNy45OTk5IDE1LjUgMTcuOTk5OVoiIGZpbGw9IiNBMEE1QkYiLz4KPHBhdGggZD0iTTIwLjUgOS44Mzk4NEgzLjVDMy4wOSA5LjgzOTg0IDIuNzUgOS40OTk4NCAyLjc1IDkuMDg5ODRDMi43NSA4LjY3OTg0IDMuMDkgOC4zMzk4NCAzLjUgOC4zMzk4NEgyMC41QzIwLjkxIDguMzM5ODQgMjEuMjUgOC42Nzk4NCAyMS4yNSA5LjA4OTg0QzIxLjI1IDkuNDk5ODQgMjAuOTEgOS44Mzk4NCAyMC41IDkuODM5ODRaIiBmaWxsPSIjQTBBNUJGIi8+CjxwYXRoIGQ9Ik0xNiAyMi43NUg4QzQuMzUgMjIuNzUgMi4yNSAyMC42NSAyLjI1IDE3VjguNUMyLjI1IDQuODUgNC4zNSAyLjc1IDggMi43NUgxNkMxOS42NSAyLjc1IDIxLjc1IDQuODUgMjEuNzUgOC41VjE3QzIxLjc1IDIwLjY1IDE5LjY1IDIyLjc1IDE2IDIyLjc1Wk04IDQuMjVDNS4xNCA0LjI1IDMuNzUgNS42NCAzLjc1IDguNVYxN0MzLjc1IDE5Ljg2IDUuMTQgMjEuMjUgOCAyMS4yNUgxNkMxOC44NiAyMS4yNSAyMC4yNSAxOS44NiAyMC4yNSAxN1Y4LjVDMjAuMjUgNS42NCAxOC44NiA0LjI1IDE2IDQuMjVIOFoiIGZpbGw9IiNBMEE1QkYiLz4KPC9zdmc+Cg==");
  width: 24px;
  height: 24px;
  content: '';
  position: absolute;
  top: 17px;
  right: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.registration-modal-add-child, .registration-modal-del-child {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #4C5687;
  font-size: 14px;
  line-height: 20px;
  margin-top: 15px;
  width: fit-content;
}
.registration-modal-add-child svg, .registration-modal-del-child svg {
  width: 24px;
  height: 24px;
  fill: #4C5687;
}
.registration-modal-del-child svg {
	transform: rotate(45deg);
}

.registration-modal .form-block-label {
  color: #999A9A;
  font-size: 14px;
}
.registration-modal-date-time .form-block-fake-select-list-item.form-checkbox {
  margin-bottom: 0;
}
.popup-form .registration-modal-date-time .btn {
  margin-top: 5px;
}
.registration-modal-date-time .form-block-fake-select-list-inner {
 max-height: none;
}

.air-datepicker {
  box-shadow: 0px 0px 12px 0px rgba(52, 54, 65, 0.15)!important;
  border-radius: 12px!important;
  border: none!important;
  width: 383px!important;
}
.air-datepicker * {
  font-family: 'Open Sans', sans-serif!important;
}
.air-datepicker-body--day-names {
  margin: 0px 0 11px !important;
}
.air-datepicker-nav {
  border-bottom: none!important;
  padding-top: 23px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.air-datepicker--content {
  padding-bottom: 30px!important;
  padding-left: 15px!important;
  padding-right: 15px!important;
}
.air-datepicker-nav--title,
.air-datepicker-nav--title i {
  color: #343641!important;
  font-size: 16px;
  font-weight: 600;
}
.air-datepicker-nav--action path {
  stroke: #343641!important;
}
.air-datepicker-body--day-name {
  color: #A0A5BF!important;
  font-size: 12px!important;
  line-height: 1!important;
  text-transform: lowercase!important;
}
.air-datepicker-cell.-year-.-other-decade-, .air-datepicker-cell.-day-.-other-month- {
  color: #A0A5BF!important;
}
.air-datepicker-cell {
  font-size: 12px!important;
  line-height: 1!important;
  color: #343641!important;
}
.air-datepicker-cell.-disabled- {
  color: #CCD6E6!important;
}
.air-datepicker--pointer {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.air-datepicker-global-container {
  z-index: 99999999 !important;
}
.air-datepicker-cell.-selected- {
  background: #CCD6E6!important;
}


.registration-modal-pay {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}
.registration-modal-pay-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 24px;
  border-radius: 8px;
  border: 1px solid #CCD6E6;
  font-size: 16px;
  color: #4C5687;
  cursor: pointer;
}
.registration-modal-pay-item input {
  display: none;
}
.registration-modal-pay-item:has(input[type="radio"]:checked) {
  border-color: #7D8BC6; 
  background: #CCD6E6;
  font-weight: 600;
}
.registration-modal-pay-item img {
  width: 24px;
  height: 24px;
}

.registration-modal-agreement {
  margin-bottom: 24px;
}
.registration-modal-agreement .form-checkbox {
  margin-bottom: 10px;
}
.registration-modal-agreement .form-checkbox:last-child {
  margin-bottom: 0;
}

.registration-modal-total {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.registration-modal-total-text {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #4C5687;
}
.registration-modal-total-value {
  font-size: 28px;
  line-height: 24px;
  font-weight: 600;
  color: #4C5687;
}

.popup-form .btn.registration-modal-btn {
  font-size: 18px;
  height: 60px;
  margin-top: 24px;
}

@media screen and (max-width: 1023px) {
  .registration-modal {
    padding: 32px!important;
  }
  .form-block-fake-select-wrap:after {
    top: 13px;
  }
  .registration-modal-date-calendar:after {
    top: 13px;
  }
  .form-block-fake-select-list {
    top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .registration-modal {
    padding: 24px 16px!important;
    width: 100%!important;
  }
  .registration-modal-subtitle {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 4px;
  }
  .registration-modal-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .registration-modal-list-item {
    flex-direction: column;
  }
  .registration-modal-list-item-value {
    display: block;
    text-align: left;
  }
  .registration-modal-list-item {
    margin-bottom: 10px;
  }
  .registration-modal-list {
    margin-bottom: 16px;
  }
  .registration-modal-form-block-title {
    font-size: 16px;
    line-height: 24px;
  }
  .registration-modal-form-block-title {
    margin-bottom: 12px;
  }
  .registration-modal-date {
    flex-direction: column;
  }
  
  .form-block-fake-select-wrap:after {
    top: 11px;
    width: 20px;
    height: 20px;
  }
  .registration-modal-date-calendar {
    width: 100%;
  }
  .registration-modal-date-calendar:after {
    top: 11px;
    width: 20px;
    height: 20px;
  }
  .form-block-fake-select-list {
    top: 50px;
  }


  .air-datepicker {
    width: 280px!important;
  }

  .registration-modal-pay-item {
    width: 100%;
    font-size: 14px;
    padding: 12px 24px;
  }
  .registration-modal-total-value {
    font-size: 20px;
  }
  .popup-form .btn.registration-modal-btn {
    font-size: 14px;
    height: 44px;
  }

}



/* запись закрыта */

.registration-closed-title {
  display: flex;
  gap: 12px;
  font-size: 24px;
  line-height: 40px;
  font-weight: 600;
  color: #30323E;
  margin-bottom: 12px;
}
.registration-closed-title img {
  width: 40px;
  height: 46px;
}
.registration-closed-text {
  color: #4A516F;
  font-size: 20px;
  line-height: 28px;
}

@media screen and (max-width: 767px) {
  .registration-closed-title {
    font-size: 16px;
    line-height: 24px;
    align-items: center;
  }
  .registration-closed-title img {
    width: 32px;
    height: 37px;
  }
  .registration-closed-text {
    font-size: 14px;
    line-height: 20px;
  }
}


/* успешная запись */

.registration-success-icon {
  width: 114px;
  height: 132px;
  margin-bottom: 20px;
}
.registration-success-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.registration-success-title {
  color: #30323E;
  font-size: 28px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 20px;
}
.registration-success-date {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin-bottom: 20px;
}
.registration-success-date-item,
.events-list-item-info-elem {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4C5687;
  font-size: 14px;
  line-height: 20px;
}
.registration-success-date-item svg,
.events-list-item-info-elem svg {
  width: 20px;
  height: 20px;
}
.registration-success-date-item svg.icon-clock,
.events-list-item-info-elem svg.icon-clock {
  stroke: #4C5687;
  fill: none;
}
.registration-success-date-item svg.icon-calendar,
.events-list-item-info-elem svg.icon-calendar {
  fill: #4C5687;
}
.registration-success-date-item svg.icon-event-location,
.events-list-item-info-elem svg.icon-event-location {
  fill: #4C5687;
}
.registration-success-date-item svg.icon-twousers,
.events-list-item-info-elem svg.icon-twousers {
  fill: #4C5687;
}
.registration-success-date-item span,
.events-list-item-info-elem span {
  color: #A0A5BF;
}
.registration-success-text {
  color: #4A516F;
  font-size: 20px;
  line-height: 28px;
}
.registration-success-text a {
  color: #7D8BC6;
}
.registration-success-text a:not(:hover) {
  text-decoration: underline;
}
.registration-success-btn {
  height: 60px;
  background: #7D8BC6;
  border-color: #7D8BC6;
}

@media screen and (max-width: 767px) {
  .registration-success-icon {
    width: 100px;
    height: 115px;
  }
  .registration-success-title {
    font-size: 20px;
    line-height: 28px;
  }
  .registration-success-date {
    flex-direction: column;
    margin-bottom: 15px;
  }
  .registration-success-text {
    font-size: 14px;
    line-height: 20px;
  }
  .registration-success-btn {
    height: 44px;
    font-size: 14px;
  }
}


/* лк */

.profile {
  padding-bottom: 100px;
}
.profile-wrap {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.profile-sidebar {
  width: 362px;
  flex-shrink: 0;
  margin-bottom: 40px;
}
.profile-main {
  flex-grow: 1;
  max-width: 1005px;
}


.profile-sidebar-person {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 24px;
}
.profile-sidebar-person-photo {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.profile-sidebar-person-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-sidebar-person-name {
  font-size: 18px;
  font-weight: 600;
  color: #4C5687;
}
.profile-sidebar-person-star {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.profile-sidebar-person-star img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.profile-sidebar-menu {
  padding: 24px 12px;
  background: #EEF1F3;
  border-radius: 12px;
}
.profile-sidebar-menu-item {
  display: flex;
  align-items: center;
  color: #343641;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 24px;
  border-radius: 8px;
  gap: 8px;
  opacity: 0.8;
  transition: all .3s;
  margin-bottom: 24px;
}
.profile-sidebar-menu-item:last-child {
  margin-bottom: 0;
}
.profile-sidebar-menu-item.active {
  background: #CCD6E6;
  color: #4C5687;
  opacity: 1;
}
.profile-sidebar-menu-item.profile-sidebar-menu-item--logout {
  color: #E8162F;
  opacity: 1;
}
.profile-sidebar-menu-item svg {
  width: 24px;
  height: 24px;
  transition: all .3s;
  flex-shrink: 0;
}
.profile-sidebar-menu-item.profile-sidebar-menu-item--personal svg {
  fill:#343641;
}
.profile-sidebar-menu-item.profile-sidebar-menu-item--orders svg {
  fill: none;
  stroke: #343641;
}
.profile-sidebar-menu-item.profile-sidebar-menu-item--events svg {
  fill: #343641;
}
.profile-sidebar-menu-item.profile-sidebar-menu-item--logout svg {
  fill: none;
  stroke: #E8162F;
}

.profile-sidebar-menu-item.profile-sidebar-menu-item--personal.active svg {
  fill:#4C5687;
}
.profile-sidebar-menu-item.profile-sidebar-menu-item--orders.active svg {
  stroke: #4C5687;
}
.profile-sidebar-menu-item.profile-sidebar-menu-item--events.active svg {
  fill: #4C5687;
}


@media screen and (min-width: 1024px) {
  .profile-sidebar-menu-item:not(.active):not(.profile-sidebar-menu-item--logout):hover {
    color: #7D8BC6;
    opacity: 1;
  }
  .profile-sidebar-menu-item.profile-sidebar-menu-item--personal:not(.active):not(.profile-sidebar-menu-item--logout):hover svg {
    fill:#7D8BC6;
  }
  .profile-sidebar-menu-item.profile-sidebar-menu-item--orders:not(.active):not(.profile-sidebar-menu-item--logout):hover svg {
    stroke: #7D8BC6;
  }
  .profile-sidebar-menu-item.profile-sidebar-menu-item--events:not(.active):not(.profile-sidebar-menu-item--logout):hover svg {
    fill: #7D8BC6;
  }
}

@media screen and (max-width: 1199px) {
  .profile-wrap {
    flex-direction: column;
  }
  .profile-sidebar {
    width: 100%;
    position: relative;
    margin-bottom: 0;
  }
  .profile-main {
    width: 100%;
    max-width: 100%;
  }
  .profile-sidebar-person {
    margin-bottom: 20px;
  }
  .profile-sidebar-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 12px;
    justify-content: space-between;
  }
  .profile-sidebar-menu-item {
    margin: 0;
    width: 33.33%;
    justify-content: center;
  }
  .profile-sidebar-menu-item--logout {
    position: absolute;
    top: -5px;
    right: 0;
  }
}
@media screen and (max-width: 991px) {
  .profile-sidebar-menu-item {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .profile-sidebar-menu {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
  }
  .profile-sidebar-menu-item--logout {
    position: static;
  }
  .profile-sidebar-person-name {
    font-size: 16px;
  }
  .profile-sidebar-person {
    margin-bottom: 16px;
  }
  .profile-sidebar-menu {
    padding: 12px 16px;
  }
  .profile-sidebar-menu-item {
    padding: 12px 16px;
    margin-bottom: 12px;
    width: 100%;
    justify-content: flex-start;
  }
  .profile-wrap {
    gap: 23px;
  }
}


/* личные данные */

.profile-main h2,
.profile-main .h2 {
  margin-bottom: 48px;
}

.profile-data {
  margin-bottom: 50px;
}
.profile-data-title {
  color: #4C5687;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 20px;
}

.profile-data .form-block-label {
  color: #999A9A;
  font-size: 14px;
}
.profile-data .form-block {
  margin-bottom: 0;
}
.profile-data-row + .profile-data-row {
  margin-top: 20px;
}
.profile-data-two-column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.profile-data-birthday-wrap {
  display: flex;
  gap: 12px;
}


.selectric {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #E2E7EA!important;
}
.selectric-open .selectric {
  border-color: #7D8BC6!important;
}
.selectric .label {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #A0A5BF;
  height: auto;
}
.profile-data-birthday-select {
  width: 100px;
}
.profile-data-birthday-select--month {
  width: 267px;
}
.selectric-wrapper-selected .selectric .label {
  color: #343641;
}
.selectric-items .disabled {
  display: none;
}
.selectric-items {
  background: #fff;
  border-radius: 12px;
  padding: 12px 0;
  border: none;
  box-shadow: 0px 0px 12px 0px rgba(52, 54, 65, 0.15);
  margin-bottom: 6px;
}
.selectric-items li {
  color: #343641;
  font-size: 16px;
  line-height: 24px;
}
.selectric-items li.highlighted {
  background: #CCD6E6;
  font-weight: 600;
}

.profile-data-row-bottom {
  margin-top: 24px;
}
.profile-data-row-bottom .form-checkbox {
  margin-top: 24px;
  margin-bottom: 0;
}

.profile-data-adresses-title {
  color: #343641;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

.profile-data-adresses-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.profile-data-adresses-list-item + .profile-data-adresses-list-item {
  margin-top: 15px;
}
.profile-data-adresses-list-item-del {
  color: #A0A5BF;
  font-size: 16px;
  line-height: 28px;
  transition: all .3s;
}
.profile-adresses-new {
  margin-top: 32px;
}

.profile-adresses-new-wrap {
  display: flex;
  gap: 24px;
}
.profile-adresses-new-wrap .form-block {
  flex-grow: 1;
}

@media screen and (min-width: 1024px) {
  .selectric-items li:hover {
    background: #CCD6E6;
  }
  .profile-data-adresses-list-item-del:hover {
    color: #4a5487;
  }
}


@media screen and (max-width: 1199px) {
  .profile-data-title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 24px;
  }
  .profile-main h2,
  .profile-main .h2 {
    margin-bottom: 32px;
  }
  .profile-data-row-bottom .form-checkbox {
    margin-top: 17px;
  }
  .profile-data {
    margin-bottom: 32px;
  }
}


@media screen and (max-width: 767px) {
  .profile-data {
    margin-bottom: 12px;
  }
  .profile-main h2,
  .profile-main .h2 {
    margin-bottom: 16px;
  }
  .profile-data-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 14px;
  }
  .profile-data-two-column {  
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .profile-data .form-block-label {
    font-size: 12px;
  }
  .profile-data-row + .profile-data-row {
    margin-top: 12px;
  }
  .profile-data-birthday-wrap {
    flex-direction: column;
  }
  .selectric {
    padding: 10px 12px;
  }
  .selectric .label {
    font-size: 14px;
    line-height: 20px;
  }
  .profile-data-birthday-select {
    width: 100%!important;
  }
  .selectric svg {
    width: 20px;
    height: 20px;
  }
  .profile-data-row-bottom .btn {
    width: 100%;
  }
  .selectric-items li {
    font-size: 14px;
    line-height: 20px;
  }
  .profile-data-row-bottom {
    margin-top: 18px;
  }
  .profile-data-row-bottom .form-checkbox {
    margin-top: 6px;
  }
  .profile-data-adresses-list-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .form-block-radio {
    font-size: 14px;
  }
  .profile-data-adresses-list-item-del {
    font-size: 14px;
    line-height: 28px;
  }
  .profile-data-adresses-title {
    font-size: 14px;
    line-height: 20px;
  }
  .profile-adresses-new-wrap {
    flex-direction: column;
    gap: 12px;
  }
  .profile-adresses-new-wrap .btn {
    width: 100%;
  }
  .profile-adresses-new {
    margin-top: 20px;
  }
  .form-checkbox-text {
    line-height: 16px;
  }
}

/* заказы */

.profile-filter {
  margin-bottom: 30px;
}
.profile-filter-title {
  margin-bottom: 24px;
}
.profile-filter-title h2,
.profile-filter-title .h2 {
  display: inline;
}
.profile-filter-title span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #A0A5BF;
  font-family: 'Open Sans', sans-serif;
  padding-left: 9px;
}
/* .profile-filter h2,
.profile-filter .h2 {
  margin-bottom: 24px;
}
.profile-filter h2 span,
.profile-filter .h2 span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #A0A5BF;
  font-family: 'Open Sans', sans-serif;
  padding-left: 9px;
} */
.profile-filter-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.profile-filter-list-item {
  font-weight: 400;
}
.profile-filter-list-item:not(.profile-filter-list-item--active):not(:hover) {
  background: #EEF1F3;
  color: #4C5687;
  border-color: #EEF1F3;
}
.profile-filter-list-item--active {
  pointer-events: none;
}
.profile-orders-table {
  border-collapse: collapse;
  width: 100%;
}
.profile-orders-table th {
  text-align: left;
  color: #343641;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 1px solid #CCD6E6;
  padding: 17px 8px;
  white-space: nowrap;
}
.profile-orders-table td {
  padding: 47px 8px;
  border-bottom: 1px solid #CCD6E6;
  vertical-align: top;
  white-space: nowrap;
}
.profile-orders-table th:first-child,
.profile-orders-table td:first-child {
  padding-left: 0;
}
.profile-orders-table th:last-child,
.profile-orders-table td:last-child {
  padding-right: 0;
  width: 1%;
  white-space: nowrap;
}
.profile-orders-table-num {
  color: #343641;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
  width: fit-content;
}
.profile-orders-table-date {
  color: #343641;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.profile-orders-status {
  padding: 8px 24px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  width: fit-content;
}
.profile-orders-status.profile-orders-status--new {
  color: #4C5687;
  background: #EEF1F3;
}
.profile-orders-status.profile-orders-status--cancel {
  color: #E8162F;
  background: #FAD0D5;
}
.profile-orders-status.profile-orders-status--completed {
  color: #fff;
  background: #4C5687;
}
.profile-orders-table-include {
  
}
.profile-orders-table-include-imgs {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
}
.profile-orders-table-include-imgs-item {
  width: 40px;
  height: 52px;
  flex-shrink: 0;
}
.profile-orders-table-include-imgs-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-orders-table-include-more {
  display: flex;
  align-items: flex-end;
  padding-bottom: 5px;
}
.profile-orders-table-include-more svg {
  width: 14px;
  height: 3px;
  fill: #7D8BC6;
}
.profile-orders-table-total {
  color: #4C5687;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}
.profile-orders-table-actions {
  display: flex;
  /* flex-wrap: wrap; */
  gap: 12px;
}
.profile-orders-actions-btn {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8px 11px;
  border-radius: 8px;
  border: 1px solid #4C5687;
  color: #4C5687;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  transition: all .3s;
}
.profile-orders-actions-btn svg {
  width: 24px;
  height: 24px;
  fill: #4C5687;
  transition: all .3s;
}
.profile-orders-actions-btn--cancel {
  color: #E8162F;
  border-color: #E8162F;
}
.profile-orders-table-mobiletitle {
  color: #A0A5BF;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 3px;
  display: block;
  font-weight: 400;
}
.profile-orders-table .mobile-only {
  display: none;
}


@media screen and (min-width: 1024px) {
  .profile-orders-actions-btn:hover {
    color: #fff;
    background: #4a5487;
  }
  .profile-orders-actions-btn:hover svg {
    fill: #fff;
  }
  .profile-orders-actions-btn--cancel:hover {
    background: #E8162F;
    color: #fff;
  }
}

@media screen and (max-width: 1360px) {
  .profile-orders-table-actions {
    flex-direction: column;
  }
}

@media screen and (max-width: 1199px) {
  .profile-filter {
    margin-bottom: 17px;
  }
  .profile-orders-table th {
    font-size: 14px;
    padding: 15px 6px;
  }
  .profile-orders-table td {
    padding: 24px 6px;
  }
}

@media screen and (max-width: 767px) {
  
  .profile-filter-title {
    margin-bottom: 15px;
  }
  .profile-filter-title span {
    font-size: 12px;
    line-height: 16px;
    padding-left: 4px;
  }

  /* .profile-filter h2, 
  .profile-filter .h2 {
    margin-bottom: 15px;
  }
  .profile-filter h2 span, 
  .profile-filter .h2 span {
    font-size: 12px;
    line-height: 16px;
  } */
  .profile-filter-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .profile-filter-list-item {
    width: 100%;
  }
  .profile-orders-table thead {
    display: none;
  }
  .profile-orders-table tr {
    display: grid;
    grid-template-columns: calc(55% - 6px) calc(45% - 6px);
    border-bottom: 1px solid #CCD6E6;
    padding: 24px 0;
    gap: 12px;
  }
  .profile-orders-table tr:first-child {
    border-top: 1px solid #CCD6E6;
  }
  .profile-orders-table td {
    padding: 0;
    border: none;
  }
  .profile-orders-table td:last-child {
    grid-column: span 2;
    width: 100%;
  }
  .profile-orders-table-actions {
    
  }
  .profile-orders-status {
    margin-left: auto;
    font-size: 14px;
  }
  .profile-filter-list-item {
    padding: 8px;
  }
  .profile-orders-table-num {
    font-size: 14px;
    margin-bottom: 4px;
  }
  /* .profile-orders-table-date {
    font-size: 14px;
  } */
  .profile-orders-table .mobile-only {
    display: block;
  }
  .profile-orders-table .profile-orders-table-num .mobile-only {
    display: inline;
  }
  .profile-filter {
    margin-bottom: 22px;
  }
  .profile-orders-table-include {
    
  }
  .profile-orders-table-total {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    max-width: 125px;
    margin-left: auto;
  }
  .profile-orders-table-actions {
    flex-direction: row;
    gap: 12px;
  }
  .profile-orders-actions-btn {
    width: calc(50% - 6px);
    font-size: 14px;
  }
}


/* мероприятия */

.events-list-item {
  display: flex;
  border: 1px solid #CCD6E6;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 18px;
}
.events-list-item-img {
  width: 220px;
  height: 171px;
  flex-shrink: 0;
  margin-right: 15px;
  position: relative;
}
.events-list-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 3px;
  overflow: hidden;
}

.events-list-item-actions {
  width: 180px;
  flex-shrink: 0;
  margin-left: 24px;
}
.events-list-item-actions-price {
  color: #4C5687;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 16px;
}
.events-list-item-actions .profile-orders-status {
  margin-bottom: 16px;
}
.events-list-item-actions-btns .profile-orders-actions-btn + .profile-orders-actions-btn {
  margin-top: 12px;
}

.events-list-item-descr {
  font-size: 16px;
  line-height: 24px;
  color: #343641;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.events-list-item-descr-link {
  margin-top: 12px;
  color: #7D8BC6;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.events-list-item-info {
  flex-grow: 1;
}
.events-list-item-info-date {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  margin-top: 16px;
}
.events-list-item-info-members {
  margin-top: 14px;
}
.events-list-item-info-adress {
  margin-top: 14px;
}
.events-list-item-info-elem .icon-clock {
  width: 16px;
  height: 16px;
}

.events-list-item-info-members-list {
  border-radius: 3px;
  background: #EEF1F3;
  padding: 4px 12px;
  color: #4C5687;
  font-size: 14px;
  line-height: 20px;
  margin-top: 4px;
  display: none;
}
.events-list-item-info-members-list-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.events-list-item-info-members-list-btn  {
  cursor: pointer;
}
.events-list-item-info-members-list-btn .icon-Chevron-down {
  width: 14px;
  height: 14px;
  fill: #4C5687;
  margin-left: -2px;
  transition: all 3s;
}
.events-list-item-info-members.open .icon-Chevron-down {
  transform: rotate(180deg);
}
.events-list-item-mobile-status {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px 24px;
  text-align: center;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;
  display: none;
}
.events-list-item-mobile-status--new {
  background: #EEF1F3;
  color: #4C5687;
}
.events-list-item-mobile-status--completed {
  background: #4C5687;
  color: #fff;
}
.events-list-item-mobile-status--cancel {
  background: #FAD0D5;
  color: #E8162F;
}

@media screen and (max-width: 767px) {
  .events-list-item {
    flex-direction: column;
    padding: 16px 8px;
  }
  .events-list-item-img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .events-list-item-img img {
    border-radius: 3px 3px 9px 9px;
  }
  .events-list-item-info {
    width: 100%;
  }
  .events-list-item-actions {
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
  }
  .events-list-item-descr {
    font-size: 14px;
    line-height: 20px;
  }
  .events-list-item-info-elem {
    font-size: 12px;
  }
  .events-list-item-info-elem svg {
    width: 18px;
    height: 18px;
  }
  .events-list-item-info-date {
    margin-top: 13px;
    gap: 8px;
  }
  .events-list-item-info-members {
    margin-top: 8px;
  }
  .events-list-item-info-adress {
    margin-top: 8px;
  }
  .events-list-item-actions .profile-orders-status {
    display: none;
  }
  .events-list-item-actions-price {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .events-list-item-actions-btns .profile-orders-actions-btn {
    width: 100%;
  }
  .events-list-item-mobile-status {
    display: block;
  }
  .events-list-item-info-members-list-inner {
    gap: 9px;
  }
}


/* деталка заказа */

.order {
  display: flex;
  align-items: flex-start;
  gap: 48px;
}
.order-info {
  background: #EEF1F3;
  border-radius: 12px;
  padding: 40px 32px;
  width: 41%;
}
.order-info-title {
  margin-bottom: 32px;
}
.order-info-list-item {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  line-height: 28px;
  color: #343641;
  margin-bottom: 20px;
}
.order-info-list-item-name {
  font-weight: 600;
}
.order-info-list-item-value {
  text-align: right;
}
.order-info-list-item-value--cancel {
  color: #E8162F;
  font-weight: 600;
}
.order-info-total {
  border-top: 1px solid #CCD6E6;
  padding-top: 17px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #4C5687;
  margin-bottom: 30px;
}
.order-info-total-text {

}
.order-info-total-text span {
  display: block;
  color: #A0A5BF;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  padding-top: 6px;
}
.order-info-total-price {
  text-align: right;
}
.order-info-btns {
  display: flex;
  gap: 32px;
}
.order-info-btns-item {
  flex-grow: 1;
}
.order-info-btns-item.order-info-btns-item--cancel {
  border-color: #E8162F;
  color: #E8162F;
  background: #fff;
}


.order-goods {
  border-radius: 12px;
  border: 1px solid #EEF1F3;
  box-shadow: 0px 2px 16px 5px rgba(76, 86, 135, 0.1);
  padding: 40px 32px;
  width: calc(59% - 48px);
}
.order-goods-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-goods-title {
  
}
.order-goods-title .h2 {
  display: inline;
}
.order-goods-title span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #A0A5BF;
  font-family: 'Open Sans', sans-serif;
  padding-left: 9px;
}
.order-goods-list {
  margin-top: 30px;
}
.order-goods-table {
  border-collapse: collapse;
}
.order-goods-table th {
  white-space: nowrap;
  text-align: left;
  color: #343641;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  padding: 0 16px 15px;
}
.order-goods-table th:nth-child(2) {
  width: 20%;
}
.order-goods-table td {
  border-top: 1px solid #CCD6E6;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #4C5687;
  padding: 24px 16px;
}
.order-goods-table th:first-child,
.order-goods-table td:first-child {
  padding-left: 0;
}
.order-goods-table th:last-child,
.order-goods-table td:last-child {
  padding-right: 0;
}
.order-goods-table-item {
  display: flex;
  gap: 23px;
  align-items: center;
}
.order-goods-table-item-img {
  width: 80px;
  height: 104px;
  flex-shrink: 0;
}
.order-goods-table-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.order-goods-table-item-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #343641;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.order-goods-open {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #A0A5BF;
  font-size: 14px;
  line-height: 20px;
  display: none;
}
.order-goods-open svg {
  width: 20px;
  height: 20px;
  fill: #A0A5BF;
  transition: all .3s;
}
.order-goods-open-less {
  display: none;
}
.order-goods-open.open svg {
  transform: rotate(180deg);
}
.order-goods-open.open .order-goods-open-less {
  display: block;
}
.order-goods-open.open .order-goods-open-more {
  display: none;
}

.order-goods-table-item-additional {
  display: flex;
  justify-content: space-between;
  color: #4C5687;
  font-size: 18px;
  line-height: 28px;
  padding-top: 12px;
  display: none;
}
.order-goods-table tr:last-child td {
  padding-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .order-info-btns-item.order-info-btns-item--cancel:hover {
    background: #E8162F;
    color: #fff;
  }
}

@media screen and (max-width: 1199px) {
  .order {
    flex-direction: column-reverse;
    gap: 24px;
  }
  .order-goods-open {
    display: flex;
  }
  .order-info {
    width: 100%;
    padding: 24px;
  }
  .order-goods {
    width: 100%;
    border: 1px solid #CCD6E6;
    padding: 32px 24px;
  }
  .order-goods-list {
    display: none;
  }
  .order-info-list-item {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .order-info-title {
    margin-bottom: 26px;
  }
}

@media screen and (max-width: 991px) {
  .order-goods-table th:nth-child(2),
  .order-goods-table td:nth-child(2) {
    display: none;
  }
  .order-goods-table-item-additional {
    display: flex;
  }
  .order-goods-table-item-additional-price {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .order {
    margin-left: -15px;
    margin-right: -15px;
  }
  .order-goods-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .order-goods {
    padding: 23px 14px;
  }
  .order-goods-title span {
    font-size: 12px;
  }
  .order-info {
    padding: 24px 15px;
  }
  .order-info-title {
    margin-bottom: 16px;
  }
  .order-info-list-item {
    flex-direction: column;
    gap: 0;
    margin-bottom: 12px;
  }
  .order-info-list-item-value {
    text-align: left;
  }
  .order-info-total {
    font-size: 20px;
    margin-bottom: 17px;
  }
  .order-info-total-text span {
    font-size: 14px;
    padding-top: 2px;
  }
  .order-info-btns {
    gap: 12px;
    flex-direction: column;
  }
  .order-info-btns-item {
    width: 100%;
  }
  .order-goods-table thead {
    display: none;
  }
  .order-goods-table th:last-child,
  .order-goods-table td:last-child {
    display: none;
  }
  .order-goods-table-item-additional-price {
    display: block;
  }
  .order-goods-table-item-name {
    font-size: 14px;
    line-height: 1.3;
  }
  .order-goods-table td {
    padding: 16px 0;
  }
  .order-goods-table-item {
    gap: 6px;
  }
  .order-goods-table-item-additional {
    font-size: 16px;
    padding-top: 3px;
    margin-top: auto;
  }
  .order-goods-table-item-additional-amount {
    font-size: 14px;
  }
  .order-goods-table-item-content {
    width: 100%;
    height: 104px;
    display: flex;
    flex-direction: column;
  }
}



/* успешный заказ */

.title-img {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.title-img img {
  width: 114px;
  height: 132px;
  object-fit: contain;
  object-position: center;
}

.order-success {
  margin-bottom: 80px;
}
.order-success-attention {
  display: flex;
  gap: 12px;
  border-radius: 8px;
  padding: 16px 24px;
  background: #EEF1F3;
  margin-bottom: 32px;
}
.order-success-attention svg {
  width: 24px;
  height: 24px;
  fill: #23557D;
  flex-shrink: 0;
}
.order-success-attention-text {
  font-size: 16px;
  line-height: 1.3;
  color: #23557D;
  padding-top: 2px;
}
.order-success-attention-text span {
  font-weight: 600;
}
.order-success-attention-text a {
  color: #7D8BC6;
}
.order-success-attention-text p {
  margin-bottom: 5px;
}

.order-success-info {
  border-radius: 8px;
  border: 1px solid #CCD6E6;
  box-shadow: 0px 2px 16px 5px rgba(76, 86, 135, 0.1);
  padding: 40px 32px;
  margin-bottom: 32px;
}
.order-success-info-table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 30px;
}
.order-success-info-table td {
  border-bottom: 1px solid #CCD6E6;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0.08px;
  padding: 24px 0;
}
.order-success-info-table td:first-child {
  color: #4C5687;
}
.order-success-info-table td:last-child {
  color: #343641;
}
.order-success-info-table-total {
  font-size: 25px;
}
.order-success-info-table-img {
  width: 131px;
}

.order-success-info .h2 {
  margin-bottom: 25px;
}
.order-success-pay {
  width: 384px;
  height: 60px;
  font-size: 18px;
  cursor: pointer;
}
.order-success-pay-text {
  color: #A0A5BF;
  font-size: 16px;
  line-height: 1.3;
  padding-top: 18px;
}


@media screen and (max-width: 991px) {
  .title-img {
    margin-bottom: 15px;
  }
  .title-img img {
    width: 64px;
    height: 74px;
  }
  .order-success-attention {
    padding: 16px;
  }
  .order-success-info {
    padding: 32px 24px;
  }
  .order-success-info-table td {
    font-size: 16px;
  }
  .order-success-info .h2 {
    margin-bottom: 8px;
  }
  .order-success-info-table {
    margin-bottom: 24px;
  }
  .order-success-info-table-total {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .order-success-attention {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 24px;
  }
  .order-success-info {
    margin-left: -15px;
    margin-right: -15px;
    padding: 24px 16px;
  }
  .title-img {
    margin-bottom: 5px;
  }
  .title-img img {
    width: 48px;
    height: 56px;
  }
  .order-success-attention-text {
    font-size: 14px;
  }
  .order-success-info-table td {
    font-size: 14px;
  }
  .order-success-info-table td:last-child {
    text-align: right;
  }
  .order-success-info-table-img {
    margin-left: auto;
  }
  .order-success-pay {
    width: 100%;
    height: auto;
    font-size: 14px;
  }
  .order-success-pay-text {
    font-size: 14px;
  }
  .order-success-info {
    margin-bottom: 24px;
  }
  .order-success-info-table-img {
    width: 123px;
  }
}
/* доработки 2026 конец */
.mobile-filter {
  height: 100%;
  bottom: -200%;
}
/* End */


/* Start:/local/templates/nin_new/css/styles_custom.css?17944841747023*/
html {
  min-height: 100dvh;
}

body {
  height: 100%;
}

.footer {
  --column-gap: 100px;

  background: #4a516f;
  color: #ffffff;
}

.footer svg {
  fill: currentColor;
}

.footer a {
  transition: color 0.3s ease;
}

.footer a:hover,
.footer a:focus-visible {
  color: #ccd6e6;
}

.footer-top {
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 48px var(--column-gap)
}

.footer-logo {
  width: 182px;
  height: 86px;
  margin-bottom: 0;
  display: block;
}

.footer-logo:not(:last-child) {
  margin-bottom: 48px;
}

.footer-logo svg {
  display: block;
  width: 100%;
  height: 100%;
}

.footer-logo svg {
  max-height: 86px;
}

.footer-contacts-list {
  margin-bottom: 0;
  padding: 0;

  list-style-type: none;
}

.footer-contacts-list:not(:last-child) {
  margin-bottom: 32px;
}

.footer-contacts-list-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-contacts-list-item::before {
  content: unset;
}

.footer-contacts-link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;

  font-size: 18px;
  line-height: 25px;
  text-decoration: none;
  color: #ffffff;
}

.footer-contacts-link-icon {
  width: 24px;
  height: 24px;
  color: #a0a5bf;
}

.footer-social:not(:last-child) {
  margin-bottom: 32px;
}

.footer-social-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #a0a5bf;
}

.footer-social-title:not(:last-child) {
  margin-bottom: 12px;
}


.footer-social-list {
  display: flex;
  gap: 4px;
  margin-bottom: 0;
  padding: 0;

  list-style-type: none;
}

.footer-social-list:not(:last-child) {
  margin-bottom: 32px;
}

.footer-social-list-item::before {
  content: unset;
}

.footer-social-link {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
}

.footer-social-link:hover {
  opacity: 0.7;
}

.footer-menu-block {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 24px var(--column-gap);
  justify-content: space-between;
  align-content: start;
}

.footer-menu {
  display: grid;
  gap: 24px var(--column-gap);
  justify-content: start;
  align-content: start;
  max-width: 400px;
}

.footer-menu-list {
  display: contents;
  margin-bottom: 0;
  padding: 0;

  list-style-type: none;
}

.footer-menu-list:not(:last-child) {
  margin-bottom: 24px;
}

.footer-menu-list-item {
  width: fit-content;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #ffffff;
  text-decoration: none;
}

.footer-menu-list--base .footer-menu-list-item {
  padding-top: 32px;
  padding-bottom: 32px;

  font-size: 18px;
  line-height: 26px;
}

.footer-menu-list-item::before {
  content: unset;
}

.footer-menu-link {
  display: inline-block;
}

.footer-adress {
  display: grid;
  grid-template-columns: minmax(220px, 300px) minmax(380px, 1fr);
  gap: 32px var(--column-gap);

  padding-top: 32px;
}

.footer-adress-list-item:not(:last-child) {
  margin-bottom: 32px;
}

.footer-adress-block-term {
  color: #a0a5bf;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.footer-adress-block-term:not(:last-child) {
  margin-bottom: 4px;
}

.footer-adress-block-def {
  margin: 0;

  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

.footer-map {
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 240px;

  background-color: #ffffff;
  border-radius: 8px;

  overflow: hidden;
}

.footer-bottom {
  display: flex;
  gap: 8px 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer-bottom-copyright {
  margin: 0;

  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  color: #ccd6e6;
}

.footer-bottom-link {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  color: #ccd6e6;
}

.footer .footer-bottom-link:hover,
.footer .footer-bottom-link:focus-visible {
  color: #a0a5bf;
}

@media (max-width: 1439px) {
  .footer-menu {
    grid-template-columns: auto;
    max-width: 160px;
  }

  .footer-menu-list--base .footer-menu-list-item:not(:first-child) {
    padding-top: 0;
  }

  .footer-menu-list--base .footer-menu-list-item:not(:last-child) {
    padding-bottom: 0;
  }

  /* .footer-top {
    grid-template-columns: auto auto;
  } */

  .footer-adress {
    /* grid-template-columns: 1fr 1fr;
    grid-column: 1 / 3 */
    grid-template-columns: 1fr;
  }

  .footer-map {
    grid-row-start: 1;
  }
  .footer-menu-block {
    /* grid-template-columns: repeat(2, 1fr); */
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1023px) {
  .footer {
    --column-gap: 60px;
  }

  .footer-top {
    grid-template-columns: auto 1fr;
  }

  .footer-menu {
    max-width: 400px;
  }

  .footer-menu-list--base .footer-menu-list-item,
  .footer-menu-list--base .footer-menu-list-item:not(:first-child) {
    padding-top: 0;
  }

  .footer-menu-list--base .footer-menu-list-item:not(:last-child) {
    padding-bottom: 32px;
  }

  .footer-adress {
    display: contents;
    padding-top: 0;
  }

  .footer-map {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
  }

  .footer-menu-block {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .footer {
    --column-gap: 48px;
  }

  .footer-top {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .footer-adress {
    grid-column: 1 / -1;
    display: grid;
  }

  .footer-map {
    grid-column-start: 1;
  }
}

@media (max-width: 575px) {
  .footer-top {
    grid-template-columns: repeat(1, 1fr);
  }

  .footer-logo {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-contacts-list-item {
    justify-content: center;
  }

  .footer-social-title {
    text-align: center;
  }

  .footer-social-list {
    justify-content: center;
  }

  .footer-menu {
    justify-content: center;
    max-width: unset;
    margin-left: unset;
  }

  .footer-menu-list-item {
    width: unset;

    text-align: center;
  }

  .footer-menu-list--base .footer-menu-list-item:first-child {
    padding-top: 0;
    /* padding-bottom: 32px; */
    padding-bottom: 0;
  }

  .footer-menu-block {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .footer-adress {
    grid-template-columns: 1fr;
  }
}
.popup-form.manuscript-popup{max-width:1400px}.popup-form-manuscript{max-height:480px;overflow:hidden;overflow-y:auto;background:#F3F2EE;padding:10px}.ajax-load{display:none;text-align:center;margin:20px 0}
.title-block-text a{text-decoration:underline;}
.mainpage-swiper-slide-content-wrap h1{text-transform:none;letter-spacing:0;margin:auto;}
.mainpage-swiper-slide-content-wrap h1 p:last-child{margin-bottom:23px;}
.detail-block-in-cart{flex-grow: 1;}
.hide{display:none;}
.zayavka-empty{text-align:center;margin-bottom:185px;}
.zayavka-empty-title{font-size:20px;font-weight:400;line-height:24px;color:#4A516F;margin-bottom:20px;}
.zayavka-empty a{width:500px;max-width:100%;margin:0 auto;}
/* End */


/* Start:/local/templates/nin_new/components/bitrix/menu/top_menu/style.css?17944841745670*/
/**Top menu**/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
	margin:0; padding:0;
	background:#BC262C url(/local/templates/nin_new/components/bitrix/menu/top_menu/images/header_menu_bg.gif) repeat-x;
	min-height:27px;
	width:100%;
	list-style:none;
	font-size:11px;
	float:left;
	/*font-size:90%*/
}

#horizontal-multilevel-menu
{

}

/*Links*/
#horizontal-multilevel-menu a
{
	display:block;
	padding:5px 10px;
	/*padding:0.3em 0.8em;*/
	text-decoration:none;
	text-align:center;
}

#horizontal-multilevel-menu li
{
	float:left;
}

/*Root items*/
#horizontal-multilevel-menu li a.root-item
{
	color:#fff;
	font-weight:bold;
	padding:7px 12px;
}

/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	background:#fc8d3d;
	color:#fff;
	font-weight:bold;
	padding:7px 12px;
}

/*Root items: hover*/
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item
{
	background:#e26336;
	color:#fff;
}

/*Item-parents*/
#horizontal-multilevel-menu a.parent
{
	background: url(/local/templates/nin_new/components/bitrix/menu/top_menu/images/arrow.gif) center right no-repeat;
}

/*Denied items*/
#horizontal-multilevel-menu a.denied
{
	background: url(/local/templates/nin_new/components/bitrix/menu/top_menu/images/lock.gif) center right no-repeat;
}

/*Child-items: hover*/
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover
{
	background:#D6D6D6;
	color:#fff;
}

/*Child-items selected*/
#horizontal-multilevel-menu li.item-selected
{
	background:#D6D6D6;
	color:#fff;
}

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	/*top:-999em;*/
	top:auto;
	display:none;
	z-index:500;

	height:auto;
	/*width:12em;*/
	width:135px;
	background:#F5F5F5;
	border:1px solid #C1C1C1;
}

/*Sub-menu item box*/
#horizontal-multilevel-menu li li
{
	width:100%;
	border-bottom:1px solid #DEDEDE;
}

/*Item link*/
#horizontal-multilevel-menu li ul a
{
	text-align:left;
}

/*Items text color & size */
#horizontal-multilevel-menu li a,
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
	color:#4F4F4F;
	font-weight:bold;
}

/*Items text color & size: hover*/
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	color:#4F4F4F;
}

#horizontal-multilevel-menu li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}

div.menu-clear-left
{
	clear:left;
}

.header-menu-item-nolink {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: #4C5687;
	white-space: nowrap;
}

.header-menu-item-nolink {
	cursor: pointer;
}

.header-menu-item-submenu {
	max-height: 300px;
	overflow: hidden auto;
}

@media screen and (max-width: 1023px) {
	.header-menu-item-nolink {
		padding-top: 16px;
		padding-bottom: 16px;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
	.header-menu-item-submenu {
		max-height: none;
		overflow: auto;
	}
}

@media screen and (min-width: 1024px) {
	.header-menu-item-nolink:hover {
		color: #7D8BC6;
	}
}

.header-menu-item-submenu-item-chevron {
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 50%;
	background: #4C5687;
	margin-bottom:3px;
	margin-right:8px;
}


.header-menu-item-submenu {
	max-height: calc(100vh - 230px);
	z-index: 3;
	scrollbar-width: thin;
}
.header-menu-item-submenu--books .header-menu-item-submenu-item a {
	font-size: 20px;
	line-height: 24px;
	color: #4D5579;
	font-weight: 700;
}
.header-menu-item-submenu--books .header-menu-item-submenu-item--sub a {
	font-size: 16px;
	color: #343641;
	font-weight: 400;
}

@media screen and (max-width: 1023px) {
	.header-menu-item-submenu-item a {
		white-space: normal;
	}
}
/* End */


/* Start:/local/templates/nin_new/components/bitrix/search.title/fixed/style.css?1794484174346*/
div.title-search-result {
	display: none;
	overflow: hidden;
	z-index: 205;
}

div.title-search-result a {
	display: block;
}

div.title-search-result .search-form-popup-title {
	font-weight: 400;
	line-height: 24px;
	color: #A0A5BF;
}

div.title-search-result .search-form-popup-all a {
	font-weight: 600;
	line-height: 24px;
	color: #4C5687;
}

/* End */
/* /local/templates/nin_new/libs/selectric/selectric.css?17944841744299 */
/* /local/templates/nin_new/css/main.css?1794484174240098 */
/* /local/templates/nin_new/css/styles_custom.css?17944841747023 */
/* /local/templates/nin_new/components/bitrix/menu/top_menu/style.css?17944841745670 */
/* /local/templates/nin_new/components/bitrix/search.title/fixed/style.css?1794484174346 */