@charset "UTF-8";
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("/fonts/source-sans-pro-v12-cyrillic_latin-300.woff2") format("woff2"), url("/fonts/source-sans-pro-v12-cyrillic_latin-300.woff") format("woff"); }

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("/fonts/source-sans-pro-v12-cyrillic_latin-regular.woff2") format("woff2"), url("/fonts/source-sans-pro-v12-cyrillic_latin-regular.woff") format("woff"); }

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("/fonts/source-sans-pro-v12-cyrillic_latin-600.woff2") format("woff2"), url("/fonts/source-sans-pro-v12-cyrillic_latin-600.woff") format("woff"); }

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/fonts/source-sans-pro-v13-cyrillic_latin-700.woff2") format("woff2"), url("/fonts/source-sans-pro-v13-cyrillic_latin-700.woff") format("woff"); }

#body {
  background: #fff;
}

html {
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100%; }

body {
  min-width: 768px;
  max-width: none;
  margin: 0 auto;
  background-color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased; }

.gorizonty h1 {
  font: 600 40px/40px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 0;
}
.gorizonty h2 {
  font: 600 32px/40px "Source Sans Pro", sans-serif;
}
.gorizonty h3 {
  font: 600 28px/36px "Source Sans Pro", sans-serif;
  color: #252626;
  text-align: center;
  margin: 0 0 32px;
}
.gorizonty-block p {
  font: 400 16px/24px "Source Sans Pro", sans-serif;
  color: #515151;
  text-align: center;
  max-width: 825px;
}
.gorizonty-head {
  position: relative;
  display: grid;
  grid-template-columns: 228px auto;
  width: calc(100% - 32px);
  padding: 32px 34px;
  border-radius: 24px;
  background-color: #ECF5FE;
  box-sizing: border-box;
  margin: 0 16px 60px;
  overflow: hidden;
  max-width: 1140px;
}
.gorizonty-head::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 216px;
  height: 134px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='216' height='134' viewBox='0 0 216 134' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_106_9746)'%3e%3cpath opacity='0.1' d='M-24 -48H635C625.482 30.4877 566.002 90.9474 494.048 90.9474C493.154 90.9474 492.262 90.938 491.372 90.9195C453.229 137.941 394.946 168 329.633 168C243.999 168 170.45 116.327 138.537 42.4963C127.588 45.2619 116.075 46.7369 104.196 46.7369C42.036 46.7369 -10.0773 6.34999 -24 -48Z' fill='%233E99ED'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_106_9746'%3e%3crect width='216' height='134' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
  background-repeat: no-repeat;
}
.gorizonty-head::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 85px;
  height: 84px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='85' height='84' viewBox='0 0 85 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_106_9747)'%3e%3cpath opacity='0.1' d='M-562 132H97C87.482 53.5123 28.0024 -6.94737 -43.9524 -6.94737C-44.8463 -6.94737 -45.7383 -6.93804 -46.6283 -6.91946C-84.7707 -53.9414 -143.054 -84 -208.367 -84C-294.001 -84 -367.55 -32.3266 -399.463 41.5037C-410.412 38.7381 -421.925 37.2631 -433.804 37.2631C-495.964 37.2631 -548.077 77.65 -562 132Z' fill='%233E99ED'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_106_9747'%3e%3crect width='85' height='84' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
  background-repeat: no-repeat;
}

.gorizonty-head svg {
  margin: 8px -8px 0 0;
}
.gorizonty-head svg:nth-of-type(1) {
  width: 300px;
}
.gorizonty-head svg:nth-of-type(2) {
  width: 120px;
}
.gorizonty__logo {
  font: 700 40px/32px "Source Sans Pro", sans-serif;
  fill: #fff;
  letter-spacing: -0.4px;
}
.gorizonty__year {
  font: 700 40px/32px "Source Sans Pro", sans-serif;
  fill: #3B91E0;

}
.gorizonty-head img {
  width: 180px;
  height: auto;
  object-fit: contain;
}
.gorizonty-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
p.gorizonty-count {
  font: 400 24px/32px "Source Sans Pro", sans-serif;
  color: #515151;
  margin: 48px 0 42px;
}
p.gorizonty-count span {
  font: 700 56px/60px "Source Sans Pro", sans-serif;
  color: #3E99ED;
}
.gorizonty-book {
  margin: 0 0 112px;
  margin: 0 0 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gorizonty-book__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 16px 16px;
  justify-content: center;
  padding-bottom: 64px;
}
.gorizonty-book__item {
  position: relative;
  display: grid;
  background: #fff;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto 1fr;
  border-radius: 16px 16px 24px 24px;
  box-shadow: 0px 20px 100px 0px rgba(0,0,0, 0.05);
  padding: 0 16px 24px;
  align-content: start;
  width: 233px;
  height: auto;
  box-sizing: border-box;
}
.gorizonty-book__img {
  display: flex;
}
.gorizonty-book__img img {
  width: 233px;
  height: auto;
  border-radius: 16px;
  object-fit: cover;
  margin: 0 -16px;
}
.gorizonty-book__title {
  font: 600 20px/24px "Source Sans Pro", sans-serif;
  color: #252626;
  margin: 24px 0 8px;
  display: -webkit-box;
  width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 48px;
}
.gorizonty-book__author {
  font: 400 16px/20px "Source Sans Pro", sans-serif;
  color: #515151;
  margin: 0;
  display: -webkit-box;
  width: 100%;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 20px;
  margin-bottom: 8px;
}
.gorizonty-book__review,
.gorizonty-book__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #3E99ED;
  background: #3E99ED;
  color: #fff;
  font: 600 16px/24px "Source Sans Pro", sans-serif;
  height: 40px;
  padding: 0 15px 2px;
  width: fit-content;
  border-radius: 20px;
  box-sizing: border-box;
  transition: all 0.3s;
  margin: auto 0 0;
}
.gorizonty-book__review:hover,
.gorizonty-book__review:active,
.gorizonty-book__btn:hover,
.gorizonty-book__btn:active {
  color: #3E99ED;
  background: #fff;
}
.gorizonty-voted.gorizonty-book__btn {
  color: #3E99ED;
  background: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0564 17.5797C9.89536 17.5677 9.73764 17.5001 9.61446 17.377L4.20469 11.9672C3.93177 11.6943 3.93177 11.2518 4.20469 10.9789C4.4776 10.706 4.92009 10.706 5.193 10.9789L10.1111 15.897L18.7941 7.21409C19.067 6.94117 19.5095 6.94117 19.7824 7.21409C20.0553 7.487 20.0553 7.92949 19.7824 8.2024L10.6074 17.3773C10.4565 17.5283 10.2537 17.5957 10.0564 17.5797Z' fill='%233E99ED'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding-left: 40px;
}
.gorizonty-book__item > span {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(247,187,78, 0.18);
  color: #F5794D;
  font: 600 16px/20px "Source Sans Pro", sans-serif;
  height: 32px;
  width: fit-content;
  border-radius: 16px;
  padding: 6px 14px;
  margin: auto 0 0;
  box-sizing: border-box;
}
.gorizonty-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #3E99ED;
  background: #fff;
  color: #3E99ED;
  font: 400 18px/24px "Source Sans Pro", sans-serif;
  height: 48px;
  padding: 0 23px 2px;
  width: fit-content;
  border-radius: 24px;
  box-sizing: border-box;
  transition: all 0.3s;
  margin: 0;
}

.gorizonty-comments {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: relative;
  padding: 88px 24px 100px;
  box-sizing: border-box;
}

.gorizonty-comments::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #ECF5FE;
  z-index: -1;
}
.gorizonty-comments > p {
  font: 400 16px/24px "Source Sans Pro", sans-serif;
  color: #515151;
  text-align: center;
  max-width: 945px;
  margin: -2px 16px 82px ;
}
.gorizonty-comments p a,
.gorizonty-comments p a:visited {
  color: #3E99ED;
  transition: all 0.3s;
  cursor: pointer;
}
.gorizonty-comments p a:hover,
.gorizonty-comments p a:active {
  color: #003569;
}
.gorizonty .slick-track,
.gorizonty .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.gorizonty .slick-list {
  display: block;
}

.gorizonty .slick-arrow {
  display: none;
  z-index: 10;
  position: absolute;
  content: '';
  top: 503px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: none;
  transition: all 0.3s;
  background: #fff; }

.gorizonty .slick-prev {
  left: calc(50% - 380px); }

.gorizonty .slick-next {
  right: calc(50% - 380px); }
.gorizonty .slick-disabled {
  visibility: collapse;
}

.gorizonty .slick-arrow:before {
  position: absolute;
  content: '';
  top: 16px;
  left: 13px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

.gorizonty .slick-prev:before {
  left: 19px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }
.gorizonty-slides {
  display: block;
  width: 720px;
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
}
.gorizonty-slides__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 60px;
}
.gorizonty-slides__item .gorizonty-book__item {
  box-shadow: none;
  padding-top: 40px;
  width: 223px;
  margin-right: 11%;
  grid-template-rows: auto auto auto 1fr;
}
.gorizonty-slides__item .gorizonty-book__item img {
  width: 223px;
  height: auto; }
.gorizonty-comment {
  height: 100%;
}
.gorizonty-winner {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 86px;
}
.gorizonty-winner p.gorizonty-count {
  margin: 11px 0 82px;
  text-align: center;
}
.gorizonty-winner .gorizonty-count span {
  color: #F5794D;
}
.gorizonty-winner .gorizonty-book__item {
  border: 1px solid #F5794D;
  outline: 4px solid rgba(245,121,77,0.1);
  box-shadow: 0 0 0 9px rgba(245,121,77,0.05);;
  grid-template-rows: 391px auto auto;
  height: 507px;
}
.gorizonty-winner .gorizonty-book__item::before {
  position: absolute;
  content: "";
  width: 544px;
  height: 520px;
  z-index: -1;
  top: -32px;
  left: -119px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='544' height='520' viewBox='0 0 544 520' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M544 266.309C544 406.418 393.406 520 253.437 520C113.467 520 0 406.418 0 266.309C0 126.199 50.1405 1.91769e-06 190.11 1.91769e-06C330.079 1.91769e-06 544 126.199 544 266.309Z' fill='%23F5794D'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
} 
.gorizonty-winner .gorizonty-book__item::after {
  position: absolute;
  content: "Победитель";
  top: 0;
  left: 0;
  background: #fff;
  color: #F5794D;
  font: 600 16px/20px "Source Sans Pro", sans-serif;
  border-radius: 16px 0 16px 0;
  padding: 6px 14px;
  height: 32px;
  box-sizing: border-box;
}

.gorizonty + footer .footer-wrapper.light-bg {
  background: #fff;
}



@media (min-width: 1140px) {
  .gorizonty h1 {
    font: 600 40px/60px "Source Sans Pro", sans-serif;
    margin: 0;
  }
  .gorizonty-head {
    grid-template-columns: 328px auto;
    height: 248px;
    padding: 62px 64px;
    border-radius: 24px;
    background-color: #ECF5FE;
    box-sizing: border-box;
    margin: 0 auto 80px;
    overflow: hidden;
  }
  .gorizonty-head svg:nth-of-type(1),
  .gorizonty-head svg:nth-of-type(2) {
    width: auto;
    margin: 8px -8px 0 0;
  }
  .gorizonty-head img {
    width: auto; }
  .gorizonty-book__list {
    grid-gap: 55px 74px;
  }
  .gorizonty-book__item {
    grid-template-rows: 391px auto auto 1fr;
    width: 266px;
    height: 577px;
  }
  .gorizonty-book__img img {
    width: 266px;
  }
  .gorizonty-comments {
    padding: 88px 40px 100px;
  }
  .gorizonty-slides {
    width: 1060px;
  }
  .gorizonty-slides__item {
    flex-direction: row;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 0 97px;
  }
  .gorizonty .slick-prev {
    left: calc(50% - 550px); }
  
  .gorizonty .slick-next {
    right: calc(50% - 550px); }
}
@media (min-width: 1200px) { 
  .gorizonty-head {
    width: 100%;
  }
  .gorizonty-slides {
    width: 1140px;
  }
  .gorizonty .slick-prev {
    left: calc(50% - 590px); }
  
  .gorizonty .slick-next {
    right: calc(50% - 590px); }
}