/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/components/ArticleContentComponent/article-content.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/* 560 */
/* 670 */
/* 680 */
/* 820 */
/* 830 */
/* 920 */
/* 1000 */
/* 1060 */
/* 1160 */
/* 1200 */
/* 1340 */
/* 1360 */
/* 1400 */
/* 1440 */
/* 1500 */
/* 1520 */
/* 1550 */
/* 1580 */
/* 1600 */
.articleContent {
  padding-bottom: 4.16vw;
}
@media only screen and (max-width: 590px) {
  .articleContent {
    padding-bottom: 9.33vw;
  }
}

.artBigImg {
  width: 100%;
  height: auto;
  position: relative;
  border-radius: 1.04vw;
  overflow: hidden;
  margin-bottom: 2.08vw;
}
@media only screen and (max-width: 590px) {
  .artBigImg {
    border-radius: 5.55vw;
    margin-bottom: 5.55vw;
  }
}
@media only screen and (max-width: 590px) {
  .artBigImg img {
    width: 100%;
    height: 62.5vw;
    object-fit: cover;
    object-position: center;
  }
}

.artBigImgContnent {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: flex-end;
  background: linear-gradient(180deg, rgba(37, 39, 43, 0) 0%, #25272b 100%);
}

.artBigImgContentIn {
  width: 100%;
  padding: 2.08vw;
}
@media only screen and (max-width: 590px) {
  .artBigImgContentIn {
    padding: 4.44vw;
  }
}

.artTit {
  font-weight: 600;
  font-size: 1.56vw;
  color: #ffffff;
  line-height: 140%;
}
@media only screen and (max-width: 590px) {
  .artTit {
    font-size: 3.33vw;
  }
}

.contentList {
  width: 100%;
  height: auto;
  padding: 2.08vw;
  background-color: #f5f5f5;
  border-radius: 1.04vw;
  margin: 2.08vw 0vw;
}
@media only screen and (max-width: 590px) {
  .contentList {
    padding: 5.55vw;
    border-radius: 5.55vw;
    margin: 5.55vw 0vw;
  }
}

.blockContent ol {
  list-style-type: none;
  counter-reset: num;
}
.blockContent ol li {
  position: relative;
  padding-left: 2.08vw;
}
@media only screen and (max-width: 590px) {
  .blockContent ol li {
    padding-left: 8.33vw;
  }
}
.blockContent ol li:not(:last-child) {
  margin-bottom: 0.625vw;
}
@media only screen and (max-width: 590px) {
  .blockContent ol li:not(:last-child) {
    margin-bottom: 3.33vw;
  }
}
.blockContent ol li:before {
  content: counter(num);
  counter-increment: num;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0vw;
  left: 0vw;
  width: 1.35vw;
  height: 1.35vw;
  color: #ffffff;
  font-weight: 600;
  font-size: 0.73vw;
  background-color: #e84225;
  border-radius: 100%;
}
@media only screen and (max-width: 590px) {
  .blockContent ol li:before {
    width: 5.55vw;
    height: 5.55vw;
    font-size: 3.88vw;
  }
}
.blockContent ol li a {
  font-weight: 500;
  font-size: 0.78vw;
  color: #a0a2a3;
  text-decoration: underline;
}
@media only screen and (max-width: 590px) {
  .blockContent ol li a {
    font-size: 3.33vw;
  }
}
.blockContent ol li a:hover {
  text-decoration: none;
  color: #e84225;
}
.blockContent ul li {
  position: relative;
  padding-left: 2.13vw;
}
@media only screen and (max-width: 590px) {
  .blockContent ul li {
    padding-left: 5.55vw;
  }
}
.blockContent ul li:before {
  content: " ";
  display: block;
  width: 0.42vw;
  height: 0.42vw;
  position: absolute;
  left: 1.04vw;
  top: 0.6vw;
  border-radius: 100%;
  background-color: #e84225;
}
@media only screen and (max-width: 590px) {
  .blockContent ul li:before {
    width: 2.22vw;
    height: 2.22vw;
    left: 0vw;
    top: 1.7vw;
  }
}
.blockContent ol:not(:last-child),
.blockContent ul:not(:last-child),
.blockContent .blockArticleText:not(:last-child),
.blockContent .blockArtVideo:not(:last-child),
.blockContent .blockTerm:not(:last-child),
.blockContent .blockArticleImgTextRight:not(:last-child),
.blockContent .blockQuote:not(:last-child),
.blockContent .blockImgTextLeft:not(:last-child),
.blockContent .blockArticleBigSlider:not(:last-child) {
  margin-bottom: 2.08vw;
}
@media only screen and (max-width: 590px) {
  .blockContent ol:not(:last-child),
  .blockContent ul:not(:last-child),
  .blockContent .blockArticleText:not(:last-child),
  .blockContent .blockArtVideo:not(:last-child),
  .blockContent .blockTerm:not(:last-child),
  .blockContent .blockArticleImgTextRight:not(:last-child),
  .blockContent .blockQuote:not(:last-child),
  .blockContent .blockImgTextLeft:not(:last-child),
  .blockContent .blockArticleBigSlider:not(:last-child) {
    margin-bottom: 5.55vw;
  }
}
.blockContent ol:not(:first-child),
.blockContent ul:not(:first-child),
.blockContent .blockArticleText:not(:first-child),
.blockContent .blockArtVideo:not(:first-child),
.blockContent .blockTerm:not(:first-child),
.blockContent .blockArticleImgTextRight:not(:first-child),
.blockContent .blockQuote:not(:first-child),
.blockContent .blockImgTextLeft:not(:first-child),
.blockContent .blockArticleBigSlider:not(:first-child) {
  margin-top: 2.08vw;
}
@media only screen and (max-width: 590px) {
  .blockContent ol:not(:first-child),
  .blockContent ul:not(:first-child),
  .blockContent .blockArticleText:not(:first-child),
  .blockContent .blockArtVideo:not(:first-child),
  .blockContent .blockTerm:not(:first-child),
  .blockContent .blockArticleImgTextRight:not(:first-child),
  .blockContent .blockQuote:not(:first-child),
  .blockContent .blockImgTextLeft:not(:first-child),
  .blockContent .blockArticleBigSlider:not(:first-child) {
    margin-top: 5.55vw;
  }
}
.blockContent p,
.blockContent li,
.blockContent a {
  font-weight: 400;
  font-size: 0.83vw;
  color: #363636;
  line-height: 180%;
}
@media only screen and (max-width: 590px) {
  .blockContent p,
  .blockContent li,
  .blockContent a {
    font-size: 3.33vw;
  }
}
.blockContent p:not(:last-child),
.blockContent li:not(:last-child),
.blockContent a:not(:last-child) {
  margin-bottom: 0.78vw;
}
@media only screen and (max-width: 590px) {
  .blockContent p:not(:last-child),
  .blockContent li:not(:last-child),
  .blockContent a:not(:last-child) {
    margin-bottom: 2.78vw;
  }
}
.blockContent a {
  color: #e84225;
  text-decoration: underline;
  vertical-align: baseline;
}
.blockContent a:hover {
  text-decoration: none;
}
.blockContent strong {
  font-weight: 700;
}
.blockContent h2,
.blockContent h3 {
  font-weight: 600;
  font-size: 1.46vw;
  line-height: 120%;
  margin: 2.08vw 0 1.56vw 0vw;
}
@media only screen and (max-width: 590px) {
  .blockContent h2,
  .blockContent h3 {
    font-size: 5.55vw;
    margin: 5.55vw 0vw;
  }
}
.blockContent table {
  width: 100%;
  height: auto;
  border-collapse: collapse;
  text-align: center;
}
.blockContent table tr:nth-child(1), .blockContent table tr:hover {
  overflow: hidden;
}
.blockContent table tr:nth-child(1) td, .blockContent table tr:hover td {
  background-color: #ededed;
  cursor: pointer;
  border-color: transparent;
}
.blockContent table tr:nth-child(1) td:first-child, .blockContent table tr:hover td:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.blockContent table tr:nth-child(1) td:last-child, .blockContent table tr:hover td:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.blockContent table tr td {
  font-weight: 400;
  font-size: 0.83vw;
  color: #363636;
  line-height: 120%;
  padding: 0.7vw;
  border-bottom: 1px solid #ededed;
}

.blockArticleImgTextRight img {
  display: block;
  float: left;
  margin: 0 1.56vw 1.56vw 0;
  border-radius: 1.04vw;
}
@media only screen and (max-width: 590px) {
  .blockArticleImgTextRight img {
    float: none;
    width: 100%;
    height: auto;
    border-radius: 5.55vw;
    margin: 5.55vw 0vw;
  }
}
.blockArticleImgTextRight:after {
  content: " ";
  display: block;
  width: 100%;
  clear: both;
}

.blockImgTextLeft img {
  display: block;
  float: left;
  margin: 0 1.56vw 1.56vw 0;
  border-radius: 1.04vw;
}
@media only screen and (max-width: 590px) {
  .blockImgTextLeft img {
    float: none;
    width: 100%;
    height: auto;
    border-radius: 5.55vw;
    margin: 5.55vw 0vw;
  }
}
.blockImgTextLeft:after {
  content: " ";
  display: block;
  width: 100%;
  clear: both;
}

.blockQuote {
  width: 100%;
  border-radius: 1.04vw;
  padding: 1.56vw 2.08vw;
  background-repeat: no-repeat;
  background-position: 97% 1.56vw;
  background-size: 5.21vw 4.16vw;
}
@media only screen and (max-width: 590px) {
  .blockQuote {
    border-radius: 5.55vw;
    padding: 5.55vw 8.33vw;
    background-position: 97% 52.78vw;
    background-size: 27.78vw 22.22vw;
  }
}
.blockQuote p {
  font-weight: 700;
  font-size: 0.83vw;
  line-height: 180%;
}
@media only screen and (max-width: 590px) {
  .blockQuote p {
    font-size: 3.33vw;
  }
}
.blockQuote.dark {
  background-color: #363636;
  background-image: url(/public/icons/kav.f4a28b3c40768a6e2b4d.svg);
}
.blockQuote.dark p {
  color: #ffffff;
}
.blockQuote.white {
  background-color: #eceef0;
  background-image: url(/public/icons/kav-white.d3ba2efcec4dbee9cc8e.svg);
}
.blockQuote.white p {
  color: #363636;
}

.wrapArtVideo {
  width: 100%;
  height: 29vw;
  position: relative;
  border-radius: 1.04vw;
  overflow: hidden;
}
@media only screen and (max-width: 590px) {
  .wrapArtVideo {
    border-radius: 5.55vw;
    height: 59.16vw;
  }
}

.blockTerm {
  width: 100%;
  padding: 1.56vw 2.08vw;
  background-color: #ffefec;
  border-left: 4px solid #e84225;
}
@media only screen and (max-width: 590px) {
  .blockTerm {
    padding: 5.55vw 8.33vw;
  }
}

.wrapArticleBigSlider {
  position: relative;
}

.artBigNav {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0px);
  z-index: 2;
}
.artBigNav.artBigSliderPrev {
  left: 0.26vw;
}
@media only screen and (max-width: 590px) {
  .artBigNav.artBigSliderPrev {
    left: 3vw;
  }
}
.artBigNav.artBigSliderNext {
  right: 0.26vw;
}
@media only screen and (max-width: 590px) {
  .artBigNav.artBigSliderNext {
    right: 3vw;
  }
}

.artBigSlide img {
  width: 100%;
  height: 100%;
  border-radius: 1.04vw;
}
@media only screen and (max-width: 590px) {
  .artBigSlide img {
    border-radius: 5.55vw;
  }
}

.wrapArtNavSlider {
  margin-top: 0.83vw;
}
@media only screen and (max-width: 590px) {
  .wrapArtNavSlider {
    margin-top: 1.67vw;
    width: 94.7vw;
  }
}

.artNavSlide {
  position: relative;
  border-radius: 1.04vw;
  overflow: hidden;
}
@media only screen and (max-width: 590px) {
  .artNavSlide {
    border-radius: 3.89vw;
    width: 17.78vw !important;
  }
}
.artNavSlide img {
  width: 100%;
  border-radius: 1.04vw;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 590px) {
  .artNavSlide img {
    border-radius: 3.89vw;
    width: 17.78vw;
    height: 13.61vw;
    object-fit: cover;
    object-position: center;
  }
}
.artNavSlide:before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 2;
  background-color: rgba(54, 54, 54, 0.6);
  transition: 0.5s;
  opacity: 0;
}
.artNavSlide:after {
  content: " ";
  display: block;
  width: 2.08vw;
  height: 2.08vw;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  background-image: url(/public/icons/ico-lupa.35c7e415953aac754a48.svg);
  position: absolute;
  z-index: 3;
  opacity: 0;
  transition: 0.5s;
}
@media only screen and (max-width: 590px) {
  .artNavSlide:after {
    display: none;
  }
}
.artNavSlide:hover:after, .artNavSlide:hover:before {
  opacity: 1;
  cursor: pointer;
}
@media only screen and (max-width: 590px) {
  .artNavSlide:hover:after, .artNavSlide:hover:before {
    opacity: 0;
  }
}

.blockDescription {
  padding: 1.56vw 0vw;
  border-top: 1px solid #dddddd;
}
@media only screen and (max-width: 590px) {
  .blockDescription {
    padding: 9.375vw 0vw;
  }
}