.banner-simple {
  color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.banner-simple__background {
  width: 100%;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch
}
.banner-simple__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right;
  object-position: right
}
@media screen and (max-width:650px) {
  .banner-simple {
    display: block
  }
  .banner-simple__background img {
    -o-object-fit: fill;
    object-fit: fill;
    -o-object-position: unset;
    object-position: unset
  }
  .banner-simple__background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1
  }
}
.banner-simple__info {
  height: 100%;
  width: 100%;
  margin-left: -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;
  padding: 50px 61% 63px 4.4%
}
.banner-simple__title {
  margin-bottom: 30px
}
@media screen and (max-width:650px) {
  .banner-simple__info {
    margin-left: 0;
    text-align: center;
    padding: 35px 20px 60px
  }
  .banner-simple__title {
    margin-bottom: 17px
  }
}
.banner-simple__text {
  font-size: 24px;
  line-height: 1.43;
  margin-bottom: 43px
}
.banner-simple__image {
  width: 100%;
  height: 100%;
  margin-left: -100%
}
@media screen and (min-width:400.1px) and (max-width:650px) {
  .banner-simple__image {
    width: calc(400px + (100vw - 400px)/ 250 * -75)
  }
}
@media screen and (max-width:650px) {
  .banner-simple__text {
    font-size: 18px;
    line-height: 1.53;
    margin-bottom: 27px
  }
  .banner-simple__image {
    margin: 0 auto
  }
}
.banner-simple__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right;
  object-position: right
}
.banner-simple--with-logo {
  width: 100%
}
.banner-simple--with-logo .banner-simple__background:before,
.banner-simple--with-logo .banner-simple__image:before,
.banner-simple--with-logo .banner-simple__info:before {
  content: "";
  width: 173px;
  height: 43px;
  margin: 0 auto 24px;
  background-image: url(../../../img/nescafe-logo-white-ru.svg);
  background-repeat: no-repeat;
  background-size: contain
}
@media screen and (min-width:768px) {
  .banner-simple--with-logo {
    display: -ms-grid;
    display: grid
  }
  .banner-simple--with-logo .banner-simple__background:before,
  .banner-simple--with-logo .banner-simple__image:before,
  .banner-simple--with-logo .banner-simple__info:before {
    width: 295px;
    height: 73px;
    margin: 0 0 40px
  }
  .banner-simple--with-logo .banner-simple__background,
  .banner-simple--with-logo .banner-simple__image,
  .banner-simple--with-logo .banner-simple__info {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1/1/2/2;
    width: 100%;
    height: 100%;
    margin-left: 0
  }
}
.banner-simple--with-logo .banner-simple__background {
  z-index: 1
}
.banner-simple--with-logo .banner-simple__image {
  position: relative;
  z-index: 2
}
.banner-simple--with-logo .banner-simple__image img {
  -o-object-fit: contain;
  object-fit: contain
}
.banner-simple--with-logo .banner-simple__info {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.banner-simple--with-logo .banner-simple__text {
  margin-bottom: 34px
}