/* line 4, article_recipe.scss */
.recipe-block {
  margin: 45px 0 45px 0; }
  /* line 8, article_recipe.scss */
  .recipe-block__header {
    font-size: 24px;
    text-transform: uppercase;
    color: #3A4362;
    text-align: center;
    margin-bottom: 20px; }

/* line 17, article_recipe.scss */
.recipe-header {
  position: relative; }
  /* line 21, article_recipe.scss */
  .recipe-header__title {
    position: absolute;
    max-width: 65%;
    padding: 10px 40px;
    left: 0;
    top: 25px;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 27px;
    font-family: "Open Sans";
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: white; }
  /* line 40, article_recipe.scss */
  .recipe-header__image {
    display: block; }

/* line 46, article_recipe.scss */
.recipe-description {
  font-size: 21px;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  letter-spacing: 0.5px; }
  /* line 54, article_recipe.scss */
  .recipe-description p {
    line-height: 1.3; }

/* line 59, article_recipe.scss */
.recipe-properties {
  right: 18px;
  bottom: 0;
  padding: 15px 15px 10px;
  position: absolute;
  color: white;
  background-color: rgba(0, 0, 0, 0.7); }

/* line 69, article_recipe.scss */
.recipe-property {
  font-size: 19px;
  margin-bottom: 10px; }
  /* line 73, article_recipe.scss */
  .recipe-property__icon {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle; }

/* line 89, article_recipe.scss */
.recipe-ingridients__list {
  max-width: 970px;
  margin: 0 auto; }

/* line 98, article_recipe.scss */
.recipe-ingridient {
  color: #3A4362;
  font-size: 20px;
  margin: 8px 0;
  min-height: 38px; }
  /* line 108, article_recipe.scss */
  .recipe-ingridient__title {
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    font-weight: 400;
    letter-spacing: 0.5px; }
  /* line 115, article_recipe.scss */
  .recipe-ingridient__link {
    text-decoration: underline;
    color: #3A4362; }
  /* line 120, article_recipe.scss */
  .recipe-ingridient__price {
    white-space: nowrap;
    padding: 0 10px 0 5px; }
  /* line 125, article_recipe.scss */
  .recipe-ingridient__delimiter {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 5px;
    -ms-flex: 1 0 5px;
    flex: 1 0 5px;
    min-width: 8px;
    border-bottom: 2px dotted #3A4362;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end; }
  /* line 137, article_recipe.scss */
  .recipe-ingridient__form {
    padding: 0px 45px 0;
    position: relative; }
  /* line 142, article_recipe.scss */
  .recipe-ingridient__cart-add {
    height: 38px;
    width: 140px;
    cursor: pointer;
    color: #fff;
    background-color: #3A4362;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: 400; }
  /* line 153, article_recipe.scss */
  .recipe-ingridient__cart-add_plus {
    display: none; }
  /* line 157, article_recipe.scss */
  .recipe-ingridient__cart-quantity {
    background: url(recipe-icon-cart.png) 30% 80% no-repeat;
    width: 38px;
    height: 38px;
    position: absolute;
    bottom: 0;
    right: 0;
    visibility: hidden; }
  /* line 168, article_recipe.scss */
  .recipe-ingridient__quantity-number {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 10px;
    margin-top: -7px;
    width: 38px;
    border: none;
    color: #3A4362;
    background: none; }
  /* line 186, article_recipe.scss */
  .recipe-ingridient.added-item .recipe-ingridient__cart-quantity {
    visibility: visible; }
  /* line 189, article_recipe.scss */
  .recipe-ingridient.added-item .recipe-ingridient__cart-add_once {
    display: none; }
  /* line 192, article_recipe.scss */
  .recipe-ingridient.added-item .recipe-ingridient__cart-add_plus {
    display: block; }

/* line 200, article_recipe.scss */
.recipe-steps {
  margin-bottom: 30px; }
  /* line 203, article_recipe.scss */
  .recipe-steps__header {
    text-align: left;
    margin-bottom: 5px; }

/* line 211, article_recipe.scss */
.recipe-step {
  padding: 15px 0;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }
  /* line 219, article_recipe.scss */
  .recipe-step__image {
    width: 47%; }
    /* line 222, article_recipe.scss */
    .recipe-step__image img {
      display: block; }
  /* line 226, article_recipe.scss */
  .recipe-step__content {
    width: 47%;
    color: #3A4362;
    margin-top: 20px; }
  /* line 231, article_recipe.scss */
  .recipe-step__number {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.5px; }
  /* line 238, article_recipe.scss */
  .recipe-step__text {
    font-size: 16px;
    line-height: 1.5; }

/* line 247, article_recipe.scss */
.recipe-social {
  text-align: center;
  border-bottom: 2px solid #3A4362;
  padding-bottom: 45px; }
  /* line 253, article_recipe.scss */
  .recipe-social__text {
    font-size: 24px;
    margin-bottom: 15px;
    color: #3A4362; }

/* line 268, article_recipe.scss */
.recipe-reviews__add-review {
  margin-top: 40px; }
/* line 271, article_recipe.scss */
.recipe-reviews__button {
  width: 330px;
  height: 80px;
  text-align: center;
  line-height: 74px;
  border: 3px solid #3A4362;
  color: #3A4362;
  background-color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
  /* line 286, article_recipe.scss */
  .recipe-reviews__button:hover {
    background-color: #3A4362;
    color: #fff; }

/* line 296, article_recipe.scss */
.recipe-review {
  position: relative;
  margin: 15px 0 0 45px; }
  /* line 303, article_recipe.scss */
  .recipe-review__icon {
    position: absolute;
    width: 80px;
    height: 80px;
    left: -40px;
    top: 0px; }
  /* line 312, article_recipe.scss */
  .recipe-review__title {
    padding-left: 60px;
    overflow: hidden; }
  /* line 319, article_recipe.scss */
  .recipe-review__author {
    color: #3A4362;
    font-size: 19px;
    color: #3A4362;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.16px;
    line-height: 27px;
    white-space: nowrap; }
  /* line 331, article_recipe.scss */
  .recipe-review__date {
    color: #d1cccc;
    font-size: 14px; }
  /* line 336, article_recipe.scss */
  .recipe-review__data {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 8px 15px 19px 60px;
    font-size: 16px;
    line-height: 1.5; }

/* line 353, article_recipe.scss */
.recipe-similar {
  margin-top: 90px; }
  /* line 357, article_recipe.scss */
  .recipe-similar__body {
    margin-top: 40px; }
  /* line 360, article_recipe.scss */
  .recipe-similar__element {
    width: 32.333%;
    height: 256px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }
  /* line 372, article_recipe.scss */
  .recipe-similar__element_two {
    margin-left: 1.5%;
    margin-right: 1.5%; }
  /* line 377, article_recipe.scss */
  .recipe-similar__element-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.7); }
  /* line 388, article_recipe.scss */
  .recipe-similar__element-title {
    width: 100%;
    max-height: 45px;
    overflow: hidden;
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 22px;
    text-align: center;
    color: white;
    padding: 0 5px; }
  /* line 401, article_recipe.scss */
  .recipe-similar__element:hover {
    opacity: 0.8; }

@media (max-width: 1200px) {
  /* line 412, article_recipe.scss */
  .recipe-header__title {
    font-size: 18px;
    padding: 10px 20px; }

  /* line 419, article_recipe.scss */
  .recipe-properties {
    padding: 5px 10px; }

  /* line 423, article_recipe.scss */
  .recipe-property {
    font-size: 14px;
    margin-bottom: 5px; }
    /* line 428, article_recipe.scss */
    .recipe-property__icon {
      width: 18px;
      height: 18px; }

  /* line 436, article_recipe.scss */
  .recipe-description {
    font-size: 18px; }

  /* line 440, article_recipe.scss */
  .recipe-ingridient {
    font-size: 16px;
    min-height: 28px; }
    /* line 445, article_recipe.scss */
    .recipe-ingridient__form {
      padding: 0 30px 0 20px; }
    /* line 449, article_recipe.scss */
    .recipe-ingridient__cart-add {
      width: 100px;
      height: 28px; }
    /* line 454, article_recipe.scss */
    .recipe-ingridient__cart-quantity {
      width: 28px;
      height: 28px;
      -webkit-background-size: 24px 24px;
      background-size: 24px; }
    /* line 461, article_recipe.scss */
    .recipe-ingridient__quantity-number {
      width: 28px;
      font-size: 13px;
      margin-top: -7px; }

  /* line 469, article_recipe.scss */
  .recipe-step {
    padding: 10px 0; }
    /* line 473, article_recipe.scss */
    .recipe-step__content {
      margin-top: 10px; }
    /* line 477, article_recipe.scss */
    .recipe-step__number {
      font-size: 18px;
      margin-bottom: 10px; }
    /* line 482, article_recipe.scss */
    .recipe-step__text {
      font-size: 14px; }

  /* line 488, article_recipe.scss */
  .recipe-social {
    padding-bottom: 25px; }
    /* line 492, article_recipe.scss */
    .recipe-social__text {
      font-size: 20px; }

  /* line 499, article_recipe.scss */
  .recipe-reviews__add-review {
    margin-top: 30px; }
  /* line 503, article_recipe.scss */
  .recipe-reviews__button {
    width: 200px;
    height: 50px;
    line-height: 44px;
    font-size: 20px; }

  /* line 514, article_recipe.scss */
  .recipe-review__data {
    font-size: 14px; }

  /* line 520, article_recipe.scss */
  .recipe-similar {
    margin-top: 50px; }
    /* line 524, article_recipe.scss */
    .recipe-similar__body {
      margin-top: 30px; }
    /* line 528, article_recipe.scss */
    .recipe-similar__element {
      height: 200px; }
    /* line 532, article_recipe.scss */
    .recipe-similar__element-content {
      height: 50px; }
    /* line 536, article_recipe.scss */
    .recipe-similar__element-title {
      font-size: 16px;
      line-height: 18px;
      max-height: 38px; } }
@media (max-width: 760px) {
  /* line 549, article_recipe.scss */
  .recipe-block {
    margin: 35px 0 35px 0; }
    /* line 553, article_recipe.scss */
    .recipe-block__header {
      font-size: 20px; }

  /* line 560, article_recipe.scss */
  .recipe-header__title {
    max-width: 100%;
    position: static;
    padding: 10px;
    font-size: 16px; }

  /* line 569, article_recipe.scss */
  .recipe-properties {
    position: static;
    margin-top: 5px; }

  /* line 574, article_recipe.scss */
  .recipe-description {
    font-size: 16px; }

  /* line 578, article_recipe.scss */
  .recipe-ingridient {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
    /* line 588, article_recipe.scss */
    .recipe-ingridient__delimiter {
      display: none; }
    /* line 593, article_recipe.scss */
    .recipe-ingridient__title {
      width: -webkit-calc(100% - 135px);
      width: calc(100% - 135px);
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-right: 8px; }
    /* line 603, article_recipe.scss */
    .recipe-ingridient__link {
      width: 100%; }
    /* line 607, article_recipe.scss */
    .recipe-ingridient__price {
      padding: 5px 0 0 0; }
    /* line 611, article_recipe.scss */
    .recipe-ingridient__form {
      width: 135px;
      padding: 0; }
    /* line 617, article_recipe.scss */
    .recipe-ingridient__cart-add {
      display: inline-block;
      vertical-align: top; }
    /* line 622, article_recipe.scss */
    .recipe-ingridient__cart-add_plus {
      display: none; }
    /* line 626, article_recipe.scss */
    .recipe-ingridient__cart-quantity {
      position: static;
      display: inline-block;
      vertical-align: top;
      margin-left: 5px; }
    /* line 638, article_recipe.scss */
    .recipe-ingridient.added-item .recipe-ingridient__cart-add_once {
      display: none; }
    /* line 641, article_recipe.scss */
    .recipe-ingridient.added-item .recipe-ingridient__cart-add_plus {
      display: inline-block; }

  /* line 650, article_recipe.scss */
  .recipe-step {
    padding: 20px 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    /* line 657, article_recipe.scss */
    .recipe-step__image {
      width: 100%; }
    /* line 661, article_recipe.scss */
    .recipe-step__content {
      width: 100%;
      margin-top: 10px; }
    /* line 666, article_recipe.scss */
    .recipe-step__number {
      margin-bottom: 5px; }
    /* line 671, article_recipe.scss */
    .recipe-step__text {
      font-size: 14px; }

  /* line 679, article_recipe.scss */
  .recipe-social__text {
    font-size: 18px;
    padding-bottom: 15px; }

  /* line 686, article_recipe.scss */
  .recipe-review {
    margin-left: 0px; }
    /* line 689, article_recipe.scss */
    .recipe-review__icon {
      width: 45px;
      height: 45px;
      left: 0;
      top: 0; }
    /* line 696, article_recipe.scss */
    .recipe-review__title {
      padding-left: 55px; }
    /* line 701, article_recipe.scss */
    .recipe-review__author {
      font-size: 16px; }
    /* line 705, article_recipe.scss */
    .recipe-review__data {
      padding: 20px 0 10px 20px; }
    /* line 709, article_recipe.scss */
    .recipe-review__content {
      font-size: 13px; }

  /* line 714, article_recipe.scss */
  .recipe-similar {
    margin-top: 50px; }
    /* line 718, article_recipe.scss */
    .recipe-similar__body {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 0px; }
    /* line 724, article_recipe.scss */
    .recipe-similar__element {
      width: 100%;
      margin-top: 15px; }
    /* line 729, article_recipe.scss */
    .recipe-similar__element_one {
      margin-top: 0; }
    /* line 733, article_recipe.scss */
    .recipe-similar__element_two {
      margin: 15px 0 0 0; } }