.recipes_info_name {
    float: left;
    margin: 0;
    padding: 0;
    overflow: auto;
    text-align: left;
}
.recipes_info_button {
    float: right;
    margin-right: 20px;
}
.recipes_info_author {
    float: left;
    clear: left;
    margin-top: 7px;
}
.recipes_info_author_avatar {
    float: left;
    height: 24px;
    width: 24px;
    border: 1px solid #DBDBDB;
    border-radius: 100%;
    margin-bottom: 5px;
}
.fas.fa-user.avatar_recipe {
    margin: 5px 0 0 1px;
    font-size: 17px;
}
.recipes_info_author_nick {
    float: left;
    margin: 3px 0 0 5px;
    font-size: 18px;
    font-style: italic;
}


.recipes_info_img {
    clear: both;
    float: left;
    position: relative;
}
.recipes_info_img_image {
    position: relative;
    z-index: 1;
    border: 1px solid #DBDBDB;
    border-radius: 8px;
    height: 472px;
    width: 944px;
}
.icon_empty_recipe {
    margin-top: 36px;
    width: 400px;
}
.recipes_info_img_lock {
    top: 10px;
    left: 10px;
    z-index: 2;
    position: absolute;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border: 1px solid #DBDBDB;
    background-color: #FFFFFF;
    border-radius: 100%;
}
.fa-lock-alt {
    padding-top: 10px;
    font-size: 30px;
    color: #e79507;
}


.recipes_info_details {
    clear: left;
    float: left;
    overflow: auto;
    height: 150px;
    width: 280px;
    margin: 16px 20px 0 0;
    border: 1px solid #DBDBDB;
    border-radius: 8px;
    padding: 10px;
}
.title_text {
    padding-top: 4px;
}
.recipes_info_details_text {
    clear: both;
    float: left;
    padding: 5px 0;
    text-align: left;
}
.recipes_info_details_value {
    float: right;
    padding: 5px 0;
    text-align: right;
}
.button.show {
    clear: both;
    float: left;
    margin: 0 0 0 10px;
}


.recipes_info_action {
    float: left;
    overflow: auto;
    height: 150px;
    width: 280px;
    margin-top: 16px;
    border: 1px solid #DBDBDB;
    border-radius: 8px;
    padding: 10px;
}
.form_input.info_action_lists {
    float: left;
}
.select_style.lists {
    width: 280px;
}
.recipes_info_serving_title {
    float: left;
    width: 85px;
    padding-top: 7px;
}
.select_style.serving_number {
    float: left;
    width: 110px;
    height: 36px;
}
.button.serving_button {
    float: right;
    margin: 7px 0 0 10px;
}
.button.serving_button.serving_disabled {
    cursor: default;
    border-color: #B5B5B5;
    background-color: #B5B5B5;
}
.button.serving_button.serving_disabled:hover {
    border-color: #B5B5B5;
    color: #FFFFFF;
    background-color: #B5B5B5;
}

.recipes_info_nutrition_values {
    float: right;
    overflow: auto;
    height: 150px;
    width: 280px;
    margin: 16px 20px 0 0;
    border: 1px solid #DBDBDB;
    border-radius: 8px;
    padding: 10px;
}
.recipes_info_nutrition_values_text {
    clear: left;
    float: left;
    padding: 5px 0;
    text-align: left;
}
.recipes_info_nutrition_values_value {
    float: right;
    padding: 5px 0;
    text-align: right;
}


.recipes_info_button_show {
    padding: 20px 0 17px 0;
    width: 100%;
    overflow: auto;
}
.button.show {
    clear: none;
    width: 444px;
}
.button.recipes_info_button_recipe {
    float: left;
    margin: 0;
}
.button.recipes_info_button_products {
    float: right;
    margin-right: 20px;
}
.recipes_info_page_show {
    display: block;
}
.recipes_info_page_hide {
    display: none;
}


.recipes_info_products_full {
    margin-bottom: 30px;
}
.recipes_info_steps {
    clear: both;
    float: left;
    overflow: auto;
    width: 100%;
}
.recipes_info_directions {
    float: left;
    overflow: auto;
    width: 640px;
}


.recipes_info_directions_img_block {
    float: left;
    position: relative;
    width: 302px;
    margin: 0 20px 20px 0;
}
.recipes_info_directions_img {
    height: 200px;
    width: 300px;
    border: 1px solid #DBDBDB;
    border-radius: 8px;
}
.icon_empty_step {
    margin-top: 23px;
}
.recipes_info_directions_number {
    float: left;
    position: absolute;
    top: 5px;
    left: 5px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 20px;
    border: 1px solid #DBDBDB;
    background-color: #FFFFFF;
    border-radius: 100%;
}


.recipes_info_directions_text {
    float: left;
    width: 300px;
    margin-bottom: 5px;
}
.recipes_info_directions_text_description {
    float: left;
    margin: 0 20px 20px 0;
    width: 300px;
    text-align: left;
}
.recipes_info_directions_text_tips {
    float: left;
    margin: 0 20px 20px 0;
    width: 300px;
    text-align: left;
    color: #999B97;
    font-style: italic;
}


.recipes_info_products {
    float: left;
    overflow: auto;
    width: 320px;
}
.product_block {
    position: relative;
}
.recipes_info_products_action {
    position: absolute;
    z-index: 1;
    top: 1px;
    left: 1px;
}
.recipes_info_products_action:hover {
    opacity: unset;
    filter: none;
}
.fa-circle {
    font-size: 20px;
    color: #FFFFFF;
}

.fa-minus-circle, .fa-plus-circle {
    font-size: 22px;
    color: #b5b5b5;
}
.fa-plus-circle:hover {
    color: #8fc425;
}
.fa-minus-circle:hover {
    color: #f17341;
}

/*.fa-minus-circle {*/
/*    font-size: 22px;*/
/*    color: #f17341;*/
/*}*/
/*.fa-plus-circle {*/
/*    font-size: 22px;*/
/*    color: #8fc425;*/
/*}*/
/*.fa-plus-circle:hover, .fa-minus-circle:hover {*/
/*    color: #8D8F8B;*/
/*}*/



.recipes_button_action {
    clear: both;
    overflow: auto;
    margin-right: 20px;
    padding: 16px 0 4px 0;
}
.fas.fa-heart, .far.fa-heart {
    font-size: 20px;
    color: #f17341;
}
.recipes_button_action_icon {
    float: left;
    height: 23px;
    padding: 5px 4px 0 4px;
    border-top: 2px solid #f17341;
    border-bottom: 2px solid #f17341;
    border-left: 2px solid #f17341;
    border-radius: 4px 0 0 4px;
}
.recipes_button_action_text {
    float: left;
    height: 28px;
    padding: 0 10px;
    line-height: 28px;
    border: 2px solid #f17341;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    font-weight: bold;
    background-color: #f17341;
    color: #FFFFFF;
}
.recipes_button_action_text:hover {
    background-color: #FFFFFF;
    color: #f17341;
}
.recipes_button_action_text.selected {
    background-color: #FFFFFF;
    color: #f17341;
}
.recipes_button_action_text.selected:hover {
    background-color: #f17341;
    color: #FFFFFF;
}
.fab.fa-facebook-f {
    font-size: 20px;
    color: #4267B2;
}
.fab.fa-twitter {
    font-size: 20px;
    color: #1DA1F2;
}
.fas.fa-envelope {
    font-size: 20px;
    color: #FDA601;
}
.recipes_button_action_icon_share {
    float: left;
    height: 23px;
    padding: 5px 5px 0 5px;
    border-radius: 4px;
    margin-right: 10px;
    background-color: #FFFFFF;
}
.recipes_button_action_icon_share.facebook {
    border: 2px solid #4267B2;
    padding: 5px 8px 0 7px;
}
.recipes_button_action_icon_share.twitter {
    border: 2px solid #1DA1F2;
    padding: 5px 4px 0 4px;
}
.recipes_button_action_icon_share.mail {
    border: 2px solid #FDA601;
    padding: 5px 4px 0 4px;
}

.recipes_button_action_tasted {
    float: left;
    margin-right: 10px;
}
.recipes_button_action_save {
    float: right;
}
.fas.fa-save, .far.fa-save {
    font-size: 20px;
    color: #428bca;
}
.recipes_button_action_icon.save {
    padding: 5px 6px 0 5px;
    border-top: 2px solid #428bca;
    border-bottom: 2px solid #428bca;
    border-left: 2px solid #428bca;
}
.recipes_button_action_text.save {
    border: 2px solid #428bca;
    background-color: #428bca;
    color: #FFFFFF;
}
.recipes_button_action_text.save:hover {
    background-color: #FFFFFF;
    color: #428bca;
}
.recipes_button_action_text.save.selected {
    background-color: #FFFFFF;
    color: #428bca;
}
.recipes_button_action_text.save.selected:hover {
    background-color: #428bca;
    color: #FFFFFF;
}




@media only screen and (max-width : 986px) {
    .recipes_info_button {
        margin-right: 0;
    }
    .recipes_info_img_image {
        height: 322px;
        width: 643px;
    }
    .icon_empty_recipe {
        margin-top: 10px;
        width: 300px;
    }
    .recipes_info_details {
        margin-right: 40px;
    }
    .recipes_info_action {
        float: left;
        margin-right: 0;
    }
    .recipes_info_nutrition_values {
        float: left;
    }
    .recipes_info_products {
        margin-left: 0;
        width: 640px;
    }
    .recipes_info_products_h3 {
        padding-top: 0;
    }
    .product_block {
        margin-right: 20px;
    }
    .button.show {
        width: 293px;
    }
    .button.recipes_info_button_products {
        float: right;
        margin-right: 0;
    }
    .recipes_button_action {
        margin-right: 0;
    }
}

@media only screen and (max-width : 660px) {
    .recipes_info_name {
        margin-bottom: 10px;
    }
    .recipes_info_button {
        float: left;
    }
    .recipes_info_author {
        margin: 10px 0 5px 0;
    }
    .recipes_info_img_image {
        height: 150px;
        width: 300px;
    }
    .icon_empty_recipe {
        margin-top: 0;
        width: 150px;
    }
    .recipes_info_details {
        margin-right: 0;
        margin-bottom: 4px;
        height: auto;
    }
    .recipes_info_action {
        margin-bottom: 17px;
        height: auto;
    }
    .recipes_button_action_icon.tasted {
        border-right: 2px solid #f17341;
        border-radius: 4px;
    }
    .recipes_button_action_text.tasted {
        display: none;
    }
    .recipes_button_save_recipe {
        display: none;
    }
    .recipes_button_action_save {
        margin-right: 3px;
    }
    .recipes_info_nutrition_values {
        margin: 3px 0 0 0;
        height: auto;
    }
    .recipes_info_button_show {
        width: 300px;
    }
    .recipes_info_directions, .recipes_info_products {
        width: 302px;
    }
    .product_block {
        margin-right: 0;
    }
    .button.show {
        width: 121px;
    }
    .recipes_info_directions_img_block {
        margin-right: 0;
    }
}