.section-coffee-recipes .article-hero-stage .intro-container::before,
.section-coffee-recipes .topic-intro .intro-container::before {
  height: 15rem
}
@media screen and (min-width:100em) {
  .section-cup-of-respect .article-hero-stage,
  .section-cup-of-respect .topic-intro {
    max-height: 100%
  }
}
.article-hero-stage div.topic-content,
.topic-intro div.topic-content {
  width: 100%;
  max-width: 1460px;
  padding-left: .625rem;
  padding-right: .625rem;
  margin: 0;
  left: 50%;
  top: calc(50% - 100px);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
.section-coffee-recipes .article-hero-stage .topic-content,
.section-coffee-recipes .topic-intro .topic-content {
  top: 165px
}
@media screen and (max-width:768px) {
  .section-coffee-recipes .article-hero-stage .topic-content,
  .section-coffee-recipes .topic-intro .topic-content {
    top: 85px
  }
}
.section-cup-of-respect .article-hero-stage .topic-content,
.section-cup-of-respect .topic-intro .topic-content {
  top: calc(50% - 50px)
}
@media screen and (min-width:468px) and (max-width:768px) {
  .section-cup-of-respect .article-hero-stage .topic-content,
  .section-cup-of-respect .topic-intro .topic-content {
    top: calc(50% - 20px)
  }
}
.section-cup-of-respect #node-264 .article-hero-stage .topic-content,
.section-cup-of-respect #node-264 .topic-intro .topic-content {
  max-width: 385px;
  margin: 0 auto
}
@media screen and (min-width:1200px) {
  .section-cup-of-respect #node-264 .article-hero-stage .topic-content,
  .section-cup-of-respect #node-264 .topic-intro .topic-content {
    max-width: 500px
  }
}
@media screen and (max-width:468px) {
  .section-cup-of-respect #node-264 .article-hero-stage .topic-content,
  .section-cup-of-respect #node-264 .topic-intro .topic-content {
    top: calc(50% - 125px)
  }
}
.section-kofeynye-degustacii .article-hero-stage .topic-content,
.section-kofeynye-degustacii .topic-intro .topic-content {
  max-width: 900px
}
.section-proiskhozhdenie-kofe .article-hero-stage .topic-content,
.section-proiskhozhdenie-kofe .topic-intro .topic-content {
  top: calc(50% - 20px)
}
.section-nash-kofe .article-hero-stage .topic-content,
.section-nash-kofe .topic-intro .topic-content {
  top: calc(50% - 60px)
}
.section-istoriya-kofe-nescafe .article-hero-stage .topic-content,
.section-istoriya-kofe-nescafe .topic-intro .topic-content,
.section-kofeynye-degustacii .article-hero-stage .topic-content,
.section-kofeynye-degustacii .topic-intro .topic-content,
.section-kofeynye-vpechatleniya .article-hero-stage .topic-content,
.section-kofeynye-vpechatleniya .topic-intro .topic-content,
.section-nescafe-gold-dlya-samykh-cennykh-momentov .article-hero-stage .topic-content,
.section-nescafe-gold-dlya-samykh-cennykh-momentov .topic-intro .topic-content {
  top: calc(50% - 40px)
}
article .article-hero-stage .topic-content,
article .topic-intro .topic-content {
  font-size: 18px;
  line-height: 155%;
  top: calc(50% - 50px)
}
article .article-hero-stage .topic-content > br,
article .topic-intro .topic-content > br {
  display: none
}
article .article-hero-stage .topic-content h1,
article .topic-intro .topic-content h1 {
  margin: 0 auto 26px
}
@media screen and (max-width:1023px) {
  article .article-hero-stage .topic-content,
  article .topic-intro .topic-content {
    font-size: 14px
  }
  article .article-hero-stage .topic-content > br,
  article .topic-intro .topic-content > br {
    display: initial
  }
  article .article-hero-stage .topic-content h1,
  article .topic-intro .topic-content h1 {
    margin-bottom: 15px
  }
}
article[about$=kofe-amerikano] .article-hero-stage .topic-content,
article[about$=kofe-amerikano] .topic-intro .topic-content {
  max-width: 800px
}
article[about$=kofe-amerikano] .article-hero-stage .topic-content h1,
article[about$=kofe-amerikano] .topic-intro .topic-content h1 {
  max-width: 740px
}
article[about$=kofe-espresso] .article-hero-stage .topic-content,
article[about$=kofe-espresso] .topic-intro .topic-content {
  max-width: 880px
}
article[about$=kak-prigotovit-kofe-s-koricey] .article-hero-stage .topic-content,
article[about$=kak-prigotovit-kofe-s-koricey] .topic-intro .topic-content {
  max-width: 760px
}
.article-hero-stage.article-hero-stage-cor img,
.topic-intro.article-hero-stage-cor img {
  min-height: 260px
}
article[about$=kak-prigotovit-kofe-s-koricey] .article-hero-stage.article-hero-stage-cor img,
article[about$=kak-prigotovit-kofe-s-koricey] .topic-intro.article-hero-stage-cor img,
article[about$=kofe-amerikano] .article-hero-stage.article-hero-stage-cor img,
article[about$=kofe-amerikano] .topic-intro.article-hero-stage-cor img,
article[about$=kofe-espresso] .article-hero-stage.article-hero-stage-cor img,
article[about$=kofe-espresso] .topic-intro.article-hero-stage-cor img,
article[about$=kofe-kapuchino] .article-hero-stage.article-hero-stage-cor img,
article[about$=kofe-kapuchino] .topic-intro.article-hero-stage-cor img {
  min-height: 360px
}
.article-hero-stage .intro-links,
.topic-intro .intro-links {
  text-align: left;
  max-height: 100%;
  margin-bottom: -1px
}
.section-coffee-recipes .article-hero-stage .intro-links,
.section-coffee-recipes .topic-intro .intro-links,
.section-coffee-recipes.details .article-hero-stage .intro-links,
.section-coffee-recipes.details .topic-intro .intro-links {
  margin-top: 0;
  border-radius: 0;
  background: 0 0
}
.section-cup-of-respect .article-hero-stage .intro-links,
.section-cup-of-respect .topic-intro .intro-links {
  margin-top: 0;
  height: auto
}
.article-hero-stage .intro-links .simplebar-content,
.topic-intro .intro-links .simplebar-content {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding-right: calc(1.25rem - 21px);
  padding-left: calc(1.25rem - 21px)
}
@media print,
screen and (min-width:48em) {
  .section-coffee-recipes .article-hero-stage .intro-container::before,
  .section-coffee-recipes .topic-intro .intro-container::before {
    height: 25rem
  }
  .article-hero-stage .intro-links .simplebar-content,
  .topic-intro .intro-links .simplebar-content {
    padding-right: calc(1.875rem - 21px);
    padding-left: calc(1.875rem - 21px)
  }
}
@media screen and (min-width:75em) {
  .article-hero-stage .intro-links .simplebar-content,
  .topic-intro .intro-links .simplebar-content {
    padding-right: calc(4.375rem - 21px);
    padding-left: calc(4.375rem - 21px)
  }
}
.article-hero-stage .intro-links .simplebar-content ul,
.topic-intro .intro-links .simplebar-content ul {
  margin-top: 70px;
  margin-bottom: 30px;
  margin-left: 0
}
.section-coffee-recipes .article-hero-stage .intro-links .simplebar-content ul,
.section-coffee-recipes .topic-intro .intro-links .simplebar-content ul,
.section-coffee-recipes.details .article-hero-stage .intro-links .simplebar-content ul,
.section-coffee-recipes.details .topic-intro .intro-links .simplebar-content ul {
  margin-top: 15px
}
.section-cup-of-respect .article-hero-stage .intro-links .simplebar-content ul,
.section-cup-of-respect .topic-intro .intro-links .simplebar-content ul {
  margin-top: 15px;
  margin-bottom: 15px
}
@media screen and (max-width:767px) {
  .article-hero-stage .intro-links .simplebar-content ul li:first-child a.active,
  .topic-intro .intro-links .simplebar-content ul li:first-child a.active {
    margin-left: .3125rem
  }
}
.article-hero-stage .intro-links.sticky,
.topic-intro .intro-links.sticky {
  position: static!important;
  border-top-left-radius: auto;
  border-bottom: none
}
.article-hero-stage .intro-links.sticky .simplebar-content ul,
.topic-intro .intro-links.sticky .simplebar-content ul {
  margin-top: 40px
}
.article-hero-stage .intro-links .simplebar-scroll-content,
.topic-intro .intro-links .simplebar-scroll-content {
  overflow-y: hidden!important
}
.article-hero-stage .intro-links .simplebar-track.vertical,
.topic-intro .intro-links .simplebar-track.vertical {
  display: none
}
.article-hero-stage .white-container,
.topic-intro .white-container {
  position: relative;
  z-index: 3;
  background-color: #fff;
  padding-top: 3.75rem
}
.article-hero-stage .white-container .headline-h2,
.topic-intro .white-container .headline-h2 {
  color: #333
}
.field-name-field-coffee-experience-componen .intro-links,
.hero-banner-breadcrumb {
  position: relative;
  z-index: 3;
  background: #fff;
  margin-top: -4.6875rem;
  height: 6.3rem;
  border: 6.25rem #fff;
  border-top-left-radius: 1.5625rem;
  text-align: center
}
@media screen and (min-width:64em) {
  .hero-banner-breadcrumb {
    border-top-left-radius: 6.25rem
  }
  .field-name-field-coffee-experience-componen .intro-links {
    border-top-left-radius: 6.25rem;
    margin-top: -6.25rem
  }
  section.home-hero-stage {
    height: 50rem
  }
}
@media screen and (max-width:740px) {
  .article-hero-stage .intro-links {
    height: 8.3rem
  }
  .field-item .block-system-breadcrumb-block {
    z-index: 4
  }
  .article-hero-stage .field-item .block-system-breadcrumb-block {
    bottom: 75px
  }
}
@media only screen and (min-width:768px) {
  .article-hero-stage.article-hero-stage-cor img,
  .topic-intro.article-hero-stage-cor img {
    max-height: 400px
  }
}
@media only screen and (min-width:1280px) {
  .article-hero-stage.article-hero-stage-cor img,
  .topic-intro.article-hero-stage-cor img {
    max-height: 540px
  }
}
@media only screen and (min-width:1600px) {
  .article-hero-stage.article-hero-stage-cor img,
  .topic-intro.article-hero-stage-cor img {
    max-height: 700px
  }
}