*, :before, :after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 10px 0 10px;
}

.wrapper {
  overflow: hidden;
  position: relative;
}

body {
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}

.main {
  display: table;
  table-layout: fixed;
  width: 100%;
  display: table-cell;
  vertical-align: top;
  position: relative;
  z-index: 1;
}

.blog {
  background-color: #fff;
}

aside {
  display: table-cell;
  width: 260px;
  padding-left: 60px;
  padding-top: 72px;
  background-color: #0a22f5;
}

img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

a {
  text-decoration: none;
}

.link {
  color: #006cff;
  font-weight: 700;
  font-style: italic;
  white-space: nowrap;
  text-decoration: underline;
}

.link:hover {
  text-decoration: none;
}

.helper {
  display: inline-block;
  width: 100%;
}

.button {
  background: -webkit-gradient(linear, left top, left bottom, from(#F23845), to(#C42635));
  background: -webkit-linear-gradient(top, #F23845 0%, #C42635 100%);
  background: -o-linear-gradient(top, #F23845 0%, #C42635 100%);
  background: linear-gradient(180deg, #F23845 0%, #C42635 100%);
  -webkit-box-shadow: 0px 22px 30px -12px rgba(162, 22, 35, 0.54);
          box-shadow: 0px 22px 30px -12px rgba(162, 22, 35, 0.54);
  -webkit-border-radius: 5px;
          border-radius: 5px;
  display: inline-block;
  padding: 12px;
  text-align: center;
  min-width: 153px;
  margin: 0 auto;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.4;
  text-align: center;
}

.button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s;
}

.button::before:hover::before {
  opacity: 1;
}

.social {
  display: inline-block;
  vertical-align: top;
}

.social a {
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin-right: 30px;
  background: none;
  -webkit-transition: background 0.6s;
  -o-transition: background 0.6s;
  transition: background 0.6s;
}

.social a:hover {
  border-color: #888;
  opacity: .8;
}

.social svg {
  width: 11px;
  height: 13px;
}

.facebook a:hover {
  background: #3b5998;
}

.pinterest a:hover {
  background: #c8232c;
}

.twitter a:hover {
  background: #00acee;
}

.instagram a:hover {
  background: #b1297d;
}

#spriteSvg {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 0;
  height: 0;
  opacity: 0;
}

.header {
  background: #161616;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  padding-top: 15px;
  height: 59px;
  text-align: justify;
}

.header__bunner, .header__social {
  display: none;
}

.header__logo {
  max-width: 27px;
  display: inline-block;
  vertical-align: middle;
}

.header__hamburger {
  width: 31px;
  display: inline-block;
  vertical-align: middle;
}

.header__hamburger span {
  display: block;
  width: 100%;
  height: 3px;
  background: #fff;
  margin-bottom: 5px;
}

.header__hamburger span:nth-child(2) {
  width: 19px;
}

.header__hamburger span:nth-child(3) {
  margin-bottom: 0;
}

.subheader {
  display: none;
}

.aside {
  display: none;
}

.links {
  margin-top: 5px;
}

.links a {
  color: #828282;
}

.blog {
  border-top: 1px solid #D2D2D2;
  margin-top: 17px;
  padding-top: 29px;
}

.blog__header {
  background: #F23845;
  display: inline-block;
  padding: 0 8px;
  font-size: 12px;
  color: #fff;
}

.blog__header:first-child {
  margin-right: 16px;
}

.blog h1 {
  margin-top: 21px;
  font-weight: bold;
  font-size: 25px;
  line-height: 1.4;
  color: #1F1F1F;
}

.blog .autor__ava {
  margin-top: 25px;
  max-width: 45px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.blog .autor__name {
  margin-top: 4px;
  font-weight: bold;
  color: #393939;
}

.blog .autor__name span {
  font-style: italic;
  font-weight: normal;
  color: #828282;
}

.blog .autor__item {
  margin-top: 6px;
  font-size: 12px;
  text-align: center;
}

.blog .autor__item svg {
  margin-top: -2px;
  display: inline-block;
  max-width: 14px;
  max-height: 14px;
  vertical-align: middle;
  margin-left: 8px;
  margin-right: 6px;
  fill: #1F1F1F;
  strong: #1F1F1F;
}

.blog .autor__promo {
  margin-top: 24px;
}

.blog p {
  margin-top: 25px;
}

.blog .advantage {
  margin-top: 25px;
  padding: 35px 15px;
  color: #fff;
  background: #000;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.blog .advantage::before {
  position: absolute;
  content: '';
  background: url("../img/list-bg.png");
  background-position: 0 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.7;
  z-index: -1;
  -webkit-transition: background-position 0.6s;
  -o-transition: background-position 0.6s;
  transition: background-position 0.6s;
}

.blog .advantage:hover::before {
  background-position: 50% 50%;
}

.blog .advantage__title {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
  font-weight: bold;
}

.blog .advantage ul {
  list-style: none;
}

.blog .advantage__item {
  margin-top: 25px;
  padding-left: 26px;
  position: relative;
}

.blog .advantage__item::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: #F23845;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  left: -2px;
  text-align: center;
}

.blog .advantage__item:nth-child(1)::before {
  content: '1';
}

.blog .advantage__item:nth-child(2)::before {
  content: '2';
}

.blog .advantage__item:nth-child(3)::before {
  content: '3';
}

.blog .advantage__item:nth-child(4)::before {
  content: '4';
}

.blog .advantage__item:nth-child(5)::before {
  content: '5';
}

.blog .recept {
  margin-top: 25px;
  border: 1px solid #D2D2D2;
  padding: 25px 15px;
}

.blog .recept__img {
  width: 100%;
  padding: 27%;
}

.blog .recept__img--1 {
  background: url("../img/recept-img-1.jpg") no-repeat center/cover;
}

.blog .recept__img--2 {
  background: url("../img/recept-img-2.jpg") no-repeat center/cover;
}

.blog .recept__img--3 {
  background: url("../img/recept-img-3.jpg") no-repeat center/cover;
}

.blog .recept__title {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  margin-top: 15px;
}

.blog .recept__table {
  margin-top: 23px;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.blog .recept__table td {
  border: 1px solid #D2D2D2;
  border-right: none;
  border-left: none;
  padding: 0 5px;
  font-size: 12px;
  line-height: 2.8;
  text-transform: uppercase;
  font-style: italic;
}

.blog .recept__table td:nth-child(2) {
  border: 1px solid #D2D2D2;
}

.blog .recept__table td span {
  font-weight: bold;
  font-style: normal;
}

.blog .recept ul {
  margin-top: 23px;
  margin-left: -25px;
  font-size: 12px;
  line-height: 2.1;
  text-transform: uppercase;
  color: #1F1F1F;
  font-weight: bold;
  padding-left: 26px;
}

.blog .recept ul li {
  margin-left: 25px;
  font-size: 14px;
  font-style: italic;
  line-height: 1.7;
  text-transform: none;
  font-weight: normal;
}

.blog .recept__descr {
  margin-top: 20px;
}

.blog .recept__footer {
  color: #828282;
  margin-top: 13px;
  text-align: center;
}

.blog .recept__footer-item {
  margin-top: 10px;
}

.blog .recept__footer-item svg #print {
  fill: #828282;
}

.blog .recept__footer-item svg {
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 5px;
}

.blog .recept__footer-item svg:last-child {
  margin-left: 18px;
  fill: none;
}

.blog .recept__footer-item a {
  color: #828282;
}

.blog .recept__footer-item a:first-child {
  margin-left: -18px;
}

.blog .recept__footer-item a:first-child svg {
  fill: #828282;
}

.blog .recept__footer-item a:hover {
  color: #000;
}

.blog .recept__footer-item a:hover:first-child svg {
  fill: #000;
}

.blog .recept__footer-item a:hover:last-child svg {
  fill: red;
}

.blog .review {
  border: 1px solid #D2D2D2;
  margin-top: 25px;
  padding: 19px 15px;
}

.blog .review__title {
  font-weight: bold;
  text-transform: uppercase;
}

.blog .review__autor {
  font-style: italic;
  color: #535353;
}

.blog .review img {
  margin-top: 14px;
  max-width: 225px;
}

.blog .review figcaption {
  margin-top: 14px;
}

.blog .coupon {
  margin-top: 60px;
  background: #F23845;
  position: relative;
}

.blog .coupon::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: block;
  left: 50%;
  -webkit-transform: translateX(-55%);
      -ms-transform: translateX(-55%);
          transform: translateX(-55%);
  background: url(../img/coupon-leaf.png) no-repeat center;
  z-index: 5;
}

.blog .coupon::after {
  content: '';
  position: absolute;
  top: 0;
  left: -3px;
  width: 3px;
  height: 100%;
  background-image: url('data:image/svg+xml,%3Csvg width="3" height="278" viewBox="0 0 3 278" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.82737e-07 4.1L3 8.5L3 -1.28608e-07L1.82737e-07 4.1Z" fill="%23F23845"/%3E%3Cpath d="M1.67519e-07 12.26L3 16.5L3 8.5L1.67519e-07 12.26Z" fill="%23F23845"/%3E%3Cpath d="M1.751e-07 19.9301L3 24L3 16L1.751e-07 19.9301Z" fill="%23F23845"/%3E%3Cpath d="M1.82737e-07 28.1L3 32.5L3 24L1.82737e-07 28.1Z" fill="%23F23845"/%3E%3Cpath d="M1.67519e-07 36.26L3 40.5L3 32.5L1.67519e-07 36.26Z" fill="%23F23845"/%3E%3Cpath d="M1.751e-07 43.9301L3 48L3 40L1.751e-07 43.9301Z" fill="%23F23845"/%3E%3Cpath d="M1.82737e-07 52.1L3 56.5L3 48L1.82737e-07 52.1Z" fill="%23F23845"/%3E%3Cpath d="M1.67519e-07 60.26L3 64.5L3 56.5L1.67519e-07 60.26Z" fill="%23F23845"/%3E%3Cpath d="M1.751e-07 67.9301L3 72L3 64L1.751e-07 67.9301Z" fill="%23F23845"/%3E%3Cpath d="M1.82737e-07 76.1L3 80.5L3 72L1.82737e-07 76.1Z" fill="%23F23845"/%3E%3Cpath d="M1.67519e-07 84.26L3 88.5L3 80.5L1.67519e-07 84.26Z" fill="%23F23845"/%3E%3Cpath d="M1.751e-07 91.9301L3 96L3 88L1.751e-07 91.9301Z" fill="%23F23845"/%3E%3Cpath d="M1.751e-07 99.9301L3 104L3 96L1.751e-07 99.9301Z" fill="%23F23845"/%3E%3Cpath d="M1.82737e-07 107.1L3 111.5L3 103L1.82737e-07 107.1Z" fill="%23F23845"/%3E%3Cpath d="M1.67519e-07 115.26L3 119.5L3 111.5L1.67519e-07 115.26Z" fill="%23F23845"/%3E%3Cpath d="M1.751e-07 122.93L3 127L3 119L1.751e-07 122.93Z" fill="%23F23845"/%3E%3Cpath d="M1.82737e-07 131.1L3 135.5L3 127L1.82737e-07 131.1Z" fill="%23F23845"/%3E%3Cpath d="M1.67519e-07 139.26L3 143.5L3 135.5L1.67519e-07 139.26Z" fill="%23F23845"/%3E%3Cpath d="M1.751e-07 146.93L3 151L3 143L1.751e-07 146.93Z" fill="%23F23845"/%3E%3Cpath d="M1.82737e-07 155.1L3 159.5L3 151L1.82737e-07 155.1Z" fill="%23F23845"/%3E%3Cpath d="M1.67519e-07 163.26L3 167.5L3 159.5L1.67519e-07 163.26Z" fill="%23F23845"/%3E%3Cpath d="M1.751e-07 170.93L3 175L3 167L1.751e-07 170.93Z" fill="%23F23845"/%3E%3Cpath d="M1.82737e-07 179.1L3 183.5L3 175L1.82737e-07 179.1Z" fill="%23F23845"/%3E%3Cpath d="M1.67519e-07 187.26L3 191.5L3 183.5L1.67519e-07 187.26Z" fill="%23F23845"/%3E%3Cpath d="M1.751e-07 194.93L3 199L3 191L1.751e-07 194.93Z" fill="%23F23845"/%3E%3Cpath d="M1.751e-07 202.93L3 207L3 199L1.751e-07 202.93Z" fill="%23F23845"/%3E%3Cpath d="M1.82737e-07 210.1L3 214.5L3 206L1.82737e-07 210.1Z" fill="%23F23845"/%3E%3Cpath d="M1.67519e-07 218.26L3 222.5L3 214.5L1.67519e-07 218.26Z" fill="%23F23845"/%3E%3Cpath d="M1.751e-07 225.93L3 230L3 222L1.751e-07 225.93Z" fill="%23F23845"/%3E%3Cpath d="M1.82737e-07 234.1L3 238.5L3 230L1.82737e-07 234.1Z" fill="%23F23845"/%3E%3Cpath d="M1.67519e-07 242.26L3 246.5L3 238.5L1.67519e-07 242.26Z" fill="%23F23845"/%3E%3Cpath d="M1.751e-07 249.93L3 254L3 246L1.751e-07 249.93Z" fill="%23F23845"/%3E%3Cpath d="M1.82737e-07 258.1L3 262.5L3 254L1.82737e-07 258.1Z" fill="%23F23845"/%3E%3Cpath d="M1.67519e-07 266.26L3 270.5L3 262.5L1.67519e-07 266.26Z" fill="%23F23845"/%3E%3Cpath d="M1.751e-07 273.93L3 278L3 270L1.751e-07 273.93Z" fill="%23F23845"/%3E%3C/svg%3E%0A');
}

.blog .coupon__title {
  padding-top: 26px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.blog .coupon__title h4 {
  font-size: 22px;
  display: inline-block;
  line-height: 1;
  text-align: left;
  margin-right: 5px;
}

.blog .coupon__title h4 span {
  display: block;
  font-size: 30px;
  text-transform: uppercase;
  text-align: left;
}

.blog .coupon__title h3 {
  display: inline-block;
  font-size: 55px;
  line-height: 0.6;
}

.blog .coupon__img {
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: -35px;
  z-index: 4;
  position: relative;
  max-width: 143px;
}

.blog .coupon__button {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F7CFCF));
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #F7CFCF 100%);
  background: -o-linear-gradient(top, #FFFFFF 0%, #F7CFCF 100%);
  background: linear-gradient(180deg, #FFFFFF 0%, #F7CFCF 100%);
  color: #F23845;
  margin-bottom: 31px;
  position: relative;
  z-index: 6;
  -webkit-transition: -webkit-box-shadow .6s;
  transition: -webkit-box-shadow .6s;
  -o-transition: box-shadow .6s;
  transition: box-shadow .6s;
  transition: box-shadow .6s, -webkit-box-shadow .6s;
}

.blog .coupon__button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.01%, #F8F8F8), to(#E98C8C));
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #F8F8F8 0.01%, #E98C8C 100%);
  background: -o-linear-gradient(top, #FFFFFF 0%, #F8F8F8 0.01%, #E98C8C 100%);
  background: linear-gradient(180deg, #FFFFFF 0%, #F8F8F8 0.01%, #E98C8C 100%);
  opacity: 0;
  -webkit-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s;
}

.blog .coupon__button:hover {
  -webkit-box-shadow: 0px 22px 30px -12px rgba(162, 22, 35, 0.94);
          box-shadow: 0px 22px 30px -12px rgba(162, 22, 35, 0.94);
}

.blog .coupon__button:hover::before {
  opacity: 1;
}

.blog .coupon__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../ico/50.svg) no-repeat;
  background-position: -16px 0;
  z-index: 4;
}

.blog .coupon__bg::after {
  content: '';
  position: absolute;
  width: 205px;
  height: 177px;
  bottom: -40px;
  right: -80px;
  background: url(../ico/50.svg) no-repeat;
  z-index: 4;
}

.blog .coupon__bg::before {
  position: absolute;
  content: '';
  top: 0;
  right: -3px;
  width: 3px;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='3' height='278' viewBox='0 0 3 278' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.1L-1.0941e-06 8.5L-9.53674e-07 -1.28608e-07L3 4.1Z' fill='%23F23845'/%3E%3Cpath d='M3 12.26L-1.07168e-06 16.5L-9.53674e-07 8.5L3 12.26Z' fill='%23F23845'/%3E%3Cpath d='M3 19.9301L-1.07168e-06 24L-9.53674e-07 16L3 19.9301Z' fill='%23F23845'/%3E%3Cpath d='M3 28.1L-1.0941e-06 32.5L-9.53674e-07 24L3 28.1Z' fill='%23F23845'/%3E%3Cpath d='M3 36.26L-1.07168e-06 40.5L-9.53674e-07 32.5L3 36.26Z' fill='%23F23845'/%3E%3Cpath d='M3 43.9301L-1.07168e-06 48L-9.53674e-07 40L3 43.9301Z' fill='%23F23845'/%3E%3Cpath d='M3 52.1L-1.0941e-06 56.5L-9.53674e-07 48L3 52.1Z' fill='%23F23845'/%3E%3Cpath d='M3 60.26L-1.07168e-06 64.5L-9.53674e-07 56.5L3 60.26Z' fill='%23F23845'/%3E%3Cpath d='M3 67.9301L-1.07168e-06 72L-9.53674e-07 64L3 67.9301Z' fill='%23F23845'/%3E%3Cpath d='M3 76.1L-1.0941e-06 80.5L-9.53674e-07 72L3 76.1Z' fill='%23F23845'/%3E%3Cpath d='M3 84.26L-1.07168e-06 88.5L-9.53674e-07 80.5L3 84.26Z' fill='%23F23845'/%3E%3Cpath d='M3 91.9301L-1.07168e-06 96L-9.53674e-07 88L3 91.9301Z' fill='%23F23845'/%3E%3Cpath d='M3 99.9301L-1.07168e-06 104L-9.53674e-07 96L3 99.9301Z' fill='%23F23845'/%3E%3Cpath d='M3 107.1L-1.0941e-06 111.5L-9.53674e-07 103L3 107.1Z' fill='%23F23845'/%3E%3Cpath d='M3 115.26L-1.07168e-06 119.5L-9.53674e-07 111.5L3 115.26Z' fill='%23F23845'/%3E%3Cpath d='M3 122.93L-1.07168e-06 127L-9.53674e-07 119L3 122.93Z' fill='%23F23845'/%3E%3Cpath d='M3 131.1L-1.0941e-06 135.5L-9.53674e-07 127L3 131.1Z' fill='%23F23845'/%3E%3Cpath d='M3 139.26L-1.07168e-06 143.5L-9.53674e-07 135.5L3 139.26Z' fill='%23F23845'/%3E%3Cpath d='M3 146.93L-1.07168e-06 151L-9.53674e-07 143L3 146.93Z' fill='%23F23845'/%3E%3Cpath d='M3 155.1L-1.0941e-06 159.5L-9.53674e-07 151L3 155.1Z' fill='%23F23845'/%3E%3Cpath d='M3 163.26L-1.07168e-06 167.5L-9.53674e-07 159.5L3 163.26Z' fill='%23F23845'/%3E%3Cpath d='M3 170.93L-1.07168e-06 175L-9.53674e-07 167L3 170.93Z' fill='%23F23845'/%3E%3Cpath d='M3 179.1L-1.0941e-06 183.5L-9.53674e-07 175L3 179.1Z' fill='%23F23845'/%3E%3Cpath d='M3 187.26L-1.07168e-06 191.5L-9.53674e-07 183.5L3 187.26Z' fill='%23F23845'/%3E%3Cpath d='M3 194.93L-1.07168e-06 199L-9.53674e-07 191L3 194.93Z' fill='%23F23845'/%3E%3Cpath d='M3 202.93L-1.07168e-06 207L-9.53674e-07 199L3 202.93Z' fill='%23F23845'/%3E%3Cpath d='M3 210.1L-1.0941e-06 214.5L-9.53674e-07 206L3 210.1Z' fill='%23F23845'/%3E%3Cpath d='M3 218.26L-1.07168e-06 222.5L-9.53674e-07 214.5L3 218.26Z' fill='%23F23845'/%3E%3Cpath d='M3 225.93L-1.07168e-06 230L-9.53674e-07 222L3 225.93Z' fill='%23F23845'/%3E%3Cpath d='M3 234.1L-1.0941e-06 238.5L-9.53674e-07 230L3 234.1Z' fill='%23F23845'/%3E%3Cpath d='M3 242.26L-1.07168e-06 246.5L-9.53674e-07 238.5L3 242.26Z' fill='%23F23845'/%3E%3Cpath d='M3 249.93L-1.07168e-06 254L-9.53674e-07 246L3 249.93Z' fill='%23F23845'/%3E%3Cpath d='M3 258.1L-1.0941e-06 262.5L-9.53674e-07 254L3 258.1Z' fill='%23F23845'/%3E%3Cpath d='M3 266.26L-1.07168e-06 270.5L-9.53674e-07 262.5L3 266.26Z' fill='%23F23845'/%3E%3Cpath d='M3 273.93L-1.07168e-06 278L-9.53674e-07 270L3 273.93Z' fill='%23F23845'/%3E%3C/svg%3E%0A");
}

.comments {
  margin-top: 52px;
}

.comments__header {
  line-height: 1;
  border-bottom: 1px solid #D2D2D2;
  padding-bottom: 18px;
}

.comments__title {
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  margin-right: 8px;
}

.comments__number {
  display: inline-block;
  padding: 3px 6px;
  background: #F23845;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  margin-right: 10px;
}

.comments__subtitle {
  display: inline-block;
  font-weight: bold;
  color: #808080;
}

.comments__warning {
  display: inline-block;
  font-style: italic;
  color: #F23845;
  line-height: 1.4;
  margin-top: 10px;
}

.comment {
  margin-top: 27px;
}

.comment--answer {
  padding-left: 35px;
  position: relative;
}

.comment--answer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8335 9.49967L7.8335 14.4997L6.65016 13.3163L9.64183 10.333H0.333496V0.333008H2.00016V8.66634H9.64183L6.65016 5.68301L7.8335 4.49967L12.8335 9.49967Z' fill='%23868686'/%3E%3C/svg%3E");
}

.comment__ava {
  max-width: 36px;
  max-height: 36px;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}

.comment__autor {
  display: inline-block;
  vertical-align: middle;
}

.comment__name {
  font-weight: bold;
  color: #000;
}

.comment__date {
  font-size: 12px;
  color: #808080;
}

.comment p {
  font-size: 14px;
  margin-top: 15px;
  display: block;
}

.comment__answer {
  margin-top: 20px;
  display: inline-block;
  font-size: 12px;
  line-height: 2;
  color: #fff;
  background: #F23845;
  -webkit-border-radius: 1px;
          border-radius: 1px;
  padding: 0 6px;
}

.comment__button {
  margin-top: 44px;
  margin-bottom: 99px;
  -webkit-transition: -webkit-box-shadow .6s;
  transition: -webkit-box-shadow .6s;
  -o-transition: box-shadow .6s;
  transition: box-shadow .6s;
  transition: box-shadow .6s, -webkit-box-shadow .6s;
  position: relative;
}

.comment__button::before {
  background: #F23845;
}

.comment__button:hover {
  -webkit-box-shadow: 0px 22px 44px -12px rgba(242, 56, 69, 0.31);
          box-shadow: 0px 22px 44px -12px rgba(242, 56, 69, 0.31);
}

.comment__button:hover::before {
  opacity: 1;
}

@media screen and (min-width: 320px) {
  .main {
    display: block;
  }
  .blog {
    margin: 0 auto;
  }
  .aside, .tags {
    display: none;
  }
  .header__menu {
    display: none;
  }
  .links .container {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
  }
}

@media screen and (min-width: 425px) {
  .container, .blog {
    width: 400px;
    display: block;
  }
  .header {
    display: block;
    padding-top: 17px;
  }
  .header__logo {
    display: inline-block;
  }
  .header__bunner, .header__social {
    display: none;
  }
  .blog .recept__table td {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .container {
    width: 704px;
    padding: 0 16px 0 13px;
  }
  .header__hamburger {
    display: none;
  }
  .header__logo {
    display: inline-block;
  }
  .header__menu {
    display: inline-block;
    list-style: none;
    text-align: justify;
    line-height: 2;
  }
  .header__menu li {
    display: inline-block;
    margin-right: 10px;
  }
  .header__menu li a {
    color: #fff;
    text-shadow: none;
    -webkit-transition: text-shadow 0.3s;
    -o-transition: text-shadow 0.3s;
    transition: text-shadow 0.3s;
  }
  .header__menu li:hover a {
    text-shadow: 0 0 .9px #fff, 0 0 .9px #fff, 0 0 .9px #fff;
  }
  .header__social {
    display: inline-block;
    vertical-align: top;
  }
  .header__social .social a {
    width: 31px;
    height: 31px;
    margin-right: 0;
  }
  .header__social .social a svg {
    width: 16px;
    height: 16px;
    margin-top: 7px;
  }
  .blog {
    width: 740px;
  }
  .blog .recept__img {
    width: 50%;
    margin: 0 auto;
  }
  .blog .coupon {
    max-width: 50%;
    margin: 0 auto;
    margin-top: 60px;
  }
  .comments {
    width: 704px;
  }
}

@media screen and (min-width: 990px) {
  .header {
    padding-left: 12px;
  }
  .header .container {
    text-align: justify;
    width: 740px;
    padding: 0;
  }
  .header__logo {
    margin-right: 10px;
  }
}

@media screen and (min-width: 1200px) {
  .container {
    width: 733px;
  }
  .links .container {
    padding: 0;
  }
  .header {
    padding-left: 12px;
  }
  .header .container {
    text-align: justify;
    width: 1026px;
    padding: 0;
  }
  .header__menu {
    line-height: 1.6;
  }
  .header__social .social a {
    margin-right: 30px;
  }
  .subheader {
    display: block;
    background: #232323;
    height: 125px;
    overflow: hidden;
  }
  .subheader .container {
    width: 1026px;
    padding: 0;
  }
  .subheader figure {
    display: inline-block;
    vertical-align: top;
  }
  .subheader figure img {
    max-width: 145px;
    max-height: 125px;
    display: inline-block;
    margin-right: 20px;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transition: -webkit-transform .6s, -webkit-border-radius .6s;
    transition: -webkit-transform .6s, -webkit-border-radius .6s;
    -o-transition: transform .6s, border-radius .6s;
    transition: transform .6s, border-radius .6s;
    transition: transform .6s, border-radius .6s, -webkit-transform .6s, -webkit-border-radius .6s;
  }
  .subheader figure:hover img {
    -webkit-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
            transform: rotate(4deg);
    -webkit-border-radius: 0 20px 0 20px;
            border-radius: 0 20px 0 20px;
  }
  .subheader figure:hover figcaption a {
    text-decoration: underline;
  }
  .subheader figure:hover figcaption span {
    color: #F23845;
    background: #fff;
  }
  .subheader figure figcaption {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    max-width: 150px;
    font-size: 12px;
  }
  .subheader figure figcaption span {
    display: inline-block;
    padding: 0 7px;
    margin-top: 16px;
    margin-bottom: 5px;
    background: #F23845;
    -webkit-transition: background .6s, color .6s;
    -o-transition: background .6s, color .6s;
    transition: background .6s, color .6s;
  }
  .subheader figure figcaption a {
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    padding-right: 2px;
  }
  .subheader__item {
    display: inline-block;
    position: relative;
    vertical-align: top;
    overflow: hidden;
  }
  .subheader__item h2, .subheader__item h3 {
    -webkit-transition: text-shadow .6s;
    -o-transition: text-shadow .6s;
    transition: text-shadow .6s;
  }
  .subheader__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/subheader.png") center/cover no-repeat;
    z-index: 0;
  }
  .subheader__item::after {
    content: '';
    position: absolute;
    top: 13px;
    left: 13px;
    width: 100%;
    height: 100%;
    background: url("../img/cubs.png") center/contain no-repeat;
    z-index: 1;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -o-transition: transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
  }
  .subheader__item:hover::after {
    -webkit-transform: translateX(-10px) translateY(-10px);
        -ms-transform: translateX(-10px) translateY(-10px);
            transform: translateX(-10px) translateY(-10px);
  }
  .subheader__item:hover h2, .subheader__item:hover h3 {
    text-shadow: -7px -9px 5px #aba8a8;
  }
  .subheader__title {
    display: inline-block;
    vertical-align: top;
    max-width: 190px;
    position: relative;
    color: #fff;
    margin-left: 14px;
    z-index: 2;
  }
  .subheader__title h2 {
    font-weight: bold;
    font-size: 45px;
    line-height: 52px;
    text-transform: uppercase;
    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    margin-top: 21px;
  }
  .subheader__title h3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
  }
  .subheader__product {
    display: inline-block;
    position: relative;
    max-width: 149px;
    z-index: 2;
  }
  .main {
    display: table;
    width: auto;
    margin: 0 auto;
  }
  .blog {
    display: table-cell;
  }
  .blog .autor__ava {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  .blog .autor__name {
    margin-top: 24px;
    display: inline-block;
    vertical-align: middle;
  }
  .blog .autor__name span {
    display: block;
    text-align: left;
  }
  .blog .autor__item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
  }
  .blog .autor__item--time {
    margin-top: 25px;
  }
  .blog .advantage {
    padding: 45px 30px;
  }
  .blog .advantage__item {
    margin-right: 43px;
    max-width: 169px;
    display: inline-block;
  }
  .blog .recept {
    position: relative;
    padding-right: 293px;
    padding: 17px 32px;
  }
  .blog .recept__title {
    max-width: 379px;
    font-size: 22px;
    margin-top: 0;
  }
  .blog .recept__table {
    max-width: 320px;
  }
  .blog .recept__img {
    position: absolute;
    width: 232px;
    top: 24px;
    right: 32px;
    -webkit-background-size: contain;
            background-size: contain;
    padding: 0;
    height: 262px;
    overflow: hidden;
    -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
    -webkit-transition: -webkit-background-size 0.6s;
    transition: -webkit-background-size 0.6s;
    -o-transition: background-size 0.6s;
    transition: background-size 0.6s;
    transition: background-size 0.6s, -webkit-background-size 0.6s;
  }
  .blog .recept__img:hover {
    -webkit-background-size: 110% 110%;
            background-size: 110% 110%;
  }
  .blog .recept__descr {
    max-width: 352px;
  }
  .blog .recept__footer {
    position: absolute;
    top: 273px;
    right: 32px;
    width: 232px;
    text-align: center;
  }
  .blog .review {
    padding: 22px 29px;
    position: relative;
  }
  .blog .review__title {
    max-width: 225px;
  }
  .blog .review__subtitle {
    max-width: 225px;
    margin-top: 3px;
  }
  .blog .review img {
    display: inline-block;
    vertical-align: top;
    margin-top: 17px;
  }
  .blog .review figcaption {
    display: inline-block;
    max-width: 390px;
    margin-top: -70px;
    margin-left: 25px;
  }
  .blog .review--first figcaption {
    margin-top: -91px;
  }
  .blog .coupon {
    margin-top: 30px;
    height: 104px;
    max-width: none;
  }
  .blog .coupon::before {
    background: url(../img/sell__leaf.png) no-repeat center;
  }
  .blog .coupon__bg {
    background: url("data:image/svg+xml,%3Csvg width='186' height='160' viewBox='0 0 186 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M77.6462 42.8138C77.6462 56.6437 74.1368 67.2368 67.1179 74.5931C60.0991 81.9494 50.6675 85.6276 38.8231 85.6276C26.9788 85.6276 17.5472 81.9494 10.5283 74.5931C3.50943 67.2368 0 56.6437 0 42.8138C0 28.9839 3.50943 18.3908 10.5283 11.0345C17.5472 3.67816 26.9788 0 38.8231 0C50.6675 0 60.0991 3.67816 67.1179 11.0345C74.1368 18.3908 77.6462 28.9839 77.6462 42.8138ZM52.8609 42.8138C52.8609 35.3103 51.5448 29.8667 48.9127 26.4828C46.2807 23.0989 42.9175 21.4069 38.8231 21.4069C34.5826 21.4069 31.1462 23.0989 28.5142 26.4828C26.0283 29.8667 24.7854 35.3103 24.7854 42.8138C24.7854 50.3172 26.0283 55.8345 28.5142 59.3655C31.1462 62.7494 34.5826 64.4414 38.8231 64.4414C42.9175 64.4414 46.2807 62.7494 48.9127 59.3655C51.5448 55.8345 52.8609 50.3172 52.8609 42.8138ZM120.417 3.53104H150.906L65.1439 156.469H34.6557L120.417 3.53104ZM186 117.186C186 131.016 182.491 141.609 175.472 148.966C168.453 156.322 159.021 160 147.177 160C135.333 160 125.901 156.322 118.882 148.966C111.863 141.609 108.354 131.016 108.354 117.186C108.354 103.356 111.863 92.7632 118.882 85.4069C125.901 78.0506 135.333 74.3724 147.177 74.3724C159.021 74.3724 168.453 78.0506 175.472 85.4069C182.491 92.7632 186 103.356 186 117.186ZM161.215 117.186C161.215 109.683 159.899 104.239 157.266 100.855C154.634 97.4713 151.271 95.7793 147.177 95.7793C142.936 95.7793 139.5 97.4713 136.868 100.855C134.382 104.239 133.139 109.683 133.139 117.186C133.139 124.69 134.382 130.207 136.868 133.738C139.5 137.122 142.936 138.814 147.177 138.814C151.271 138.814 154.634 137.122 157.266 133.738C159.899 130.207 161.215 124.69 161.215 117.186Z' fill='white' fill-opacity='0.18'/%3E%3C/svg%3E%0A") repeat;
    -webkit-background-size: 245px 160px;
            background-size: 245px 160px;
    background-position: -22px -13px;
  }
  .blog .coupon__bg::after {
    display: none;
  }
  .blog .coupon__title {
    display: inline-block;
    padding-top: 26px;
    vertical-align: top;
    margin-left: 48px;
    margin-right: 44px;
    position: relative;
    z-index: 5;
  }
  .blog .coupon__img {
    margin-top: 0;
    display: inline-block;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -o-transition: transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
    overflow: hidden;
    height: 100%;
  }
  .blog .coupon__button {
    position: absolute;
    top: 33px;
    right: -24px;
  }
  .comments {
    margin-top: 62px;
  }
  .comments__subtitle {
    margin-right: 10px;
  }
  .comments__header {
    padding-bottom: 29px;
  }
  .comment__answer {
    -webkit-transition: background .6s, outline .6s;
    -o-transition: background .6s, outline .6s;
    transition: background .6s, outline .6s;
    padding: 0 5px;
  }
  .comment__answer:hover {
    color: #F23845;
    background: #fff;
    outline: 1px solid #F23845;
    outline-offset: -1px;
  }
  .links {
    margin-top: 62px;
    padding-bottom: 15px;
  }
  .links a:hover {
    color: #000;
  }
  .button {
    color: #fff;
    position: relative;
    z-index: 6;
    overflow: hidden;
    outline: none;
    -webkit-box-shadow: 0px 22px 30px -12px rgba(162, 22, 35, 0.54);
            box-shadow: 0px 22px 30px -12px rgba(162, 22, 35, 0.54);
  }
  .aside {
    display: table-cell;
    width: 322px;
    padding-right: 90px;
    padding-top: 7px;
  }
  .aside h2 {
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: #383838;
  }
  .aside__button {
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F7CFCF));
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #F7CFCF 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%, #F7CFCF 100%);
    background: linear-gradient(180deg, #FFFFFF 0%, #F7CFCF 100%);
    color: #F23845;
    margin-bottom: 18px;
    position: relative;
    z-index: 6;
    -webkit-transition: -webkit-box-shadow .6s, -webkit-transform .6s;
    transition: -webkit-box-shadow .6s, -webkit-transform .6s;
    -o-transition: box-shadow .6s, transform .6s;
    transition: box-shadow .6s, transform .6s;
    transition: box-shadow .6s, transform .6s, -webkit-box-shadow .6s, -webkit-transform .6s;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .aside__button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.01%, #F8F8F8), to(#E98C8C));
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #F8F8F8 0.01%, #E98C8C 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%, #F8F8F8 0.01%, #E98C8C 100%);
    background: linear-gradient(180deg, #FFFFFF 0%, #F8F8F8 0.01%, #E98C8C 100%);
    opacity: 0;
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s;
  }
  .aside__button:hover {
    -webkit-box-shadow: 0px 22px 30px -12px rgba(162, 22, 35, 0.94);
            box-shadow: 0px 22px 30px -12px rgba(162, 22, 35, 0.94);
  }
  .aside__button:hover::before {
    opacity: 1;
  }
  .aside__product {
    max-width: 149px;
    max-height: 149px;
    margin-top: 2px;
    margin-bottom: -27px;
  }
  .aside__order {
    margin-top: 27px;
    background: url("../img/banner-bg.jpg") center/cover no-repeat;
    padding: 0px 21px;
    position: relative;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  .aside__order::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("../img/banner-leaf.png") no-repeat;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -o-transition: transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
  }
  .aside__order:hover::before {
    -webkit-transform: translateX(10px) translateY(-10px);
        -ms-transform: translateX(10px) translateY(-10px);
            transform: translateX(10px) translateY(-10px);
  }
  .aside__order:hover .aside__button {
    -webkit-transform: translateX(-76px) translateY(15px);
        -ms-transform: translateX(-76px) translateY(15px);
            transform: translateX(-76px) translateY(15px);
  }
  .aside__order h4 {
    font-size: 45px;
    font-weight: bold;
    line-height: 1.1;
    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    color: #fff;
    text-transform: uppercase;
    padding-top: 18px;
  }
  .aside__order h5 {
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 300;
  }
  .aside__item {
    margin-top: 17px;
    display: block;
    text-decoration: none;
    overflow: hidden;
    border-bottom: 1px solid #D2D2D2;
    padding-bottom: 17px;
  }
  .aside__item:hover p {
    text-decoration: underline;
    text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.2), 0px -5px 35px rgba(255, 255, 255, 0.3);
  }
  .aside__time {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #868686;
  }
  .aside p {
    color: #2E2E2E;
    margin-top: 5px;
  }
  .aside__descr {
    -webkit-transition-delay: .6s;
         -o-transition-delay: .6s;
            transition-delay: .6s;
    -webkit-transition: text-shadow .6s;
    -o-transition: text-shadow .6s;
    transition: text-shadow .6s;
  }
  .aside__bunner {
    position: relative;
    display: block;
    margin-top: 64px;
  }
  .aside__bunner--last {
    margin-top: 80px;
  }
  .aside__bunner::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #D2D2D2;
    top: -21px;
    left: 0;
  }
  .aside__bunner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 145px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.71)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.71) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.71) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.71) 100%);
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s;
    overflow: hidden;
  }
  .aside__bunner--first {
    margin-top: 26px;
  }
  .aside__bunner--first::before {
    top: -70px;
  }
  .aside__bunner:hover::after {
    opacity: 0;
  }
  .aside h2 {
    margin-top: 59px;
  }
  .aside__img {
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
  }
  .aside__descr {
    color: #fff;
    padding-top: 55px;
    font-size: 12px;
    line-height: 1.6;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
  }
  .aside__calendar {
    color: #fff;
    margin-top: 10px;
    padding-left: 13px;
    font-weight: 300;
    font-size: 12px;
    position: relative;
    z-index: 2;
  }
  .aside__calendar svg {
    width: 11px;
    height: 12px;
    fill: #fff;
  }
  .fixed {
    position: fixed;
    top: 0px;
    z-index: 9999;
    width: 232px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
}

@-webkit-keyframes animatedBackground {
  0 {
    background-position: 0 0;
  }
  100% {
    background-position: -600px 600px;
  }
}

@keyframes animatedBackground {
  0 {
    background-position: 0 0;
  }
  100% {
    background-position: -600px 600px;
  }
}