html,
 body {
	 background-color: #e5ebef;
     height: 100%;
     text-size-adjust: none;
     -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
     -ms-text-size-adjust: none
 }
 
 /* start test */
 
/* #main-single-content ul {
  list-style: none;
}
#main-single-content ul li::before {
  content: "✅";
  display: inline-block;
  margin-right: 0.2rem;
}*/

 #main-single-content table {
     width: 100%;
     overflow-x: auto;
     max-width: 800px;
     display: block;
     transform: rotateX(180deg);
 }
 #main-single-content tbody {transform: rotateX(180deg);}



 .content-single .hr-single {
     border-bottom: 1px dashed #ddd;
     margin-bottom: 20px;
     margin-top: 20px;
 }

 .h1Cat {
     font-weight: 600;
     margin-bottom: 15px;
     font-size: 24px;
     text-align: center;
 }

 .catSpeedBar {
     margin-left: 42px;
     margin-bottom: 10px;
 }

 .ulParCat {
     margin-bottom: 20px;
 }

 iframe {max-width:100% !important; text-align: center; padding: 5px;}
 .video-container{overflow:hidden;position:relative;width:100%}.video-container::after{padding-top:56.25%;display:block;content:''}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}


 /* menu start */

 .categories-list .root-category {
     border-top: 1px solid #e1e1e1;
     padding: 1rem 0
 }

 .categories-list .root-category:first-child {
     border-top: 0
 }

 @media (min-width:500px) {
     .categories-list .root-category {
         columns: 2
     }
 }

 .categories-list .root-category .category {
     margin-bottom: .25rem
 }

 .categories-list .root-category .category .header a {
     position: relative;
     padding: 5px;
     padding-left: 40px;
     display: inline-block;
     color: #515151;
     text-decoration: none;
     font-weight: 700
 }

 .categories-list .root-category .category .header a .category-icon {
     position: absolute;
     left: 0;
     top: 0
 }

 .fb-s {
     margin-top: 0.5em;
 }

 .text-ellipsed {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 100%;
 }

 ul.links-list.with-icons {
     padding-left: 1rem;
     list-style: none;
 }

 .px-0 {
     padding-left: 0 !important;
     padding-right: 0 !important;
 }

 .my-0 {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
 }

 .links-list.with-icons .item {
     position: relative;
     padding-left: 32px;
 }

 .links-list .item {
     margin: 0.75rem 0;
 }

 .mt-1 {
     margin-top: 0.25rem !important;
 }

 .links-default-style a {
     color: #084499;
     text-decoration: underline;
     text-underline-position: under;
     -webkit-text-decoration-style: dashed;
     text-decoration-style: dashed;
     text-decoration-thickness: from-font;
     text-decoration-thickness: 1px;
 }

 a.is-hidden-mobile.is-hidden-tablet-only span {color: #fff}

 .icon {
     display: inline-block;
     vertical-align: bottom;
     width: 24px;
     height: 24px;
     --color-1: #ff5401;
     --color-2: #219653;
     --color-3: #1b71e4;
     --color-4: #d10026;
     fill: #515151
 }

 .va-base {
     vertical-align: baseline !important
 }

 .va-m {
     vertical-align: middle!important;
 }

 .inlbl {
     display: inline-block !important
 }

 .abs-middle {
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     margin: auto;
 }

 .font-size-reset {
     font-size: 1rem!important;
 }


 @media screen and (min-width:769px),
 print {
     .columns:not(.is-desktop) {
         display: -ms-flexbox;
         display: flex
     }
 }

 @media screen and (min-width:1024px) {
     .columns.is-desktop {
         display: -ms-flexbox;
         display: flex
     }
 }

 @media screen and (min-width:769px), print {

     .column.is-narrow,
     .column.is-narrow-tablet {
         -ms-flex: none;
         flex: none;
         width: unset
     }
 }

 .level {
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: justify;
     justify-content: space-between
 }

 .level code {
     border-radius: 4px
 }

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

 .level.is-mobile {
     display: -ms-flexbox;
     display: flex
 }

 .level.is-mobile .level-left,
 .level.is-mobile .level-right {
     display: -ms-flexbox;
     display: flex
 }

 .level.is-mobile .level-left+.level-right {
     margin-top: 0
 }

 .level.is-mobile .level-item:not(:last-child) {
     margin-bottom: 0;
     margin-right: .75rem
 }

 .level.is-mobile .level-item:not(.is-narrow) {
     -ms-flex-positive: 1;
     flex-grow: 1
 }

 @media screen and (min-width:769px),
 print {
     .level {
         display: -ms-flexbox;
         display: flex
     }

     .level>.level-item:not(.is-narrow) {
         -ms-flex-positive: 1;
         flex-grow: 1
     }
 }


 .level-item {
     -ms-flex-align: center;
     align-items: center;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-preferred-size: auto;
     flex-basis: auto;
     -ms-flex-positive: 0;
     flex-grow: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     -ms-flex-pack: center;
     justify-content: center
 }

 .column {
     display: block;
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -ms-flex-negative: 1;
     flex-shrink: 1;
     padding: .75rem
 }

 .columns.is-mobile>.column.is-narrow {
     -ms-flex: none;
     flex: none;
     width: unset
 }

 .columns {
     margin-left: -.75rem;
     margin-right: -.75rem;
     margin-top: -.75rem
 }


 .columns:last-child {
     margin-bottom: -.75rem
 }

 .columns:not(:last-child) {
     margin-bottom: calc(1.5rem - .75rem)
 }

 .columns.is-centered {
     -ms-flex-pack: center;
     justify-content: center
 }

 .columns.is-gapless {
     margin-left: 0;
     margin-right: 0;
     margin-top: 0
 }

 .columns.is-gapless>.column {
     margin: 0;
     padding: 0 !important
 }

 .columns.is-gapless:not(:last-child) {
     margin-bottom: 1.5rem
 }

 .columns.is-gapless:last-child {
     margin-bottom: 0
 }


 @media screen and (min-width:769px),
 print {
     .columns:not(.is-desktop) {
         display: -ms-flexbox;
         display: flex
     }
 }

 @media screen and (max-width:768px) {
     .is-hidden-mobile {
         display: none !important
     }
 }

 @media screen and (min-width:769px),
 print {
     .is-hidden-tablet {
         display: none !important
     }
 }

 @media screen and (min-width:769px) and (max-width:1023px) {
     .is-hidden-tablet-only {
         display: none !important
     }
 }

 @media screen and (max-width:1023px) {
     .is-hidden-touch {
         display: none !important
     }
 }

 @media screen and (min-width:1024px) {
     .is-hidden-desktop {
         display: none !important
     }
 }

 @media screen and (min-width:1024px) and (max-width:1215px) {
     .is-hidden-desktop-only {
         display: none !important
     }
 }

 @media screen and (min-width:1216px) {
     .is-hidden-widescreen {
         display: none !important
     }
 }

 @media screen and (min-width:1216px) and (max-width:1407px) {
     .is-hidden-widescreen-only {
         display: none !important
     }
 }

 @media screen and (min-width:1408px) {
     .is-hidden-fullhd {
         display: none !important
     }
 }

 .is-invisible {
     visibility: hidden !important
 }

 @media screen and (max-width:768px) {
     .is-invisible-mobile {
         visibility: hidden !important
     }
 }

 @media screen and (min-width:769px),
 print {
     .is-invisible-tablet {
         visibility: hidden !important
     }
 }

 @media screen and (min-width:769px) and (max-width:1023px) {
     .is-invisible-tablet-only {
         visibility: hidden !important
     }
 }

 @media screen and (max-width:1023px) {
     .is-invisible-touch {
         visibility: hidden !important
     }
 }

 @media screen and (min-width:1024px) {
     .is-invisible-desktop {
         visibility: hidden !important
     }
 }

 @media screen and (min-width:1024px) and (max-width:1215px) {
     .is-invisible-desktop-only {
         visibility: hidden !important
     }
 }

 @media screen and (min-width:1216px) {
     .is-invisible-widescreen {
         visibility: hidden !important
     }
 }

 @media screen and (min-width:1216px) and (max-width:1407px) {
     .is-invisible-widescreen-only {
         visibility: hidden !important
     }
 }

 @media screen and (min-width:1408px) {
     .is-invisible-fullhd {
         visibility: hidden !important
     }
 }


 nav.top {
     /*background: #fff;*/
     background: #01273a;
     border-bottom: 2px solid #f0f0f0;
     height: 48px;
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     z-index: 1000
 }

 nav.top .container {
     height: 100%
 }

 nav.top .container>.columns {
     height: 100%
 }

 nav.top .container>.columns .column>.level {
     height: 100%
 }

 nav.top .header-item {
     white-space: nowrap;
     margin-left: 16px !important;
     position: relative
 }

 nav.top .header-item:after {
     content: "";
     width: 2px;
     position: absolute;
     top: 0;
     bottom: 0;
     left: -10px;
     margin: auto;
     height: 1.5rem;
     border-right: 1px solid #f0f0f0
 }

 @media (min-width:1024px) {
     nav.top .top-menu-list-item {
         white-space: nowrap;
         margin-left: 16px !important;
         position: relative
     }

     nav.top .top-menu-list-item:after {
         content: "";
         width: 2px;
         position: absolute;
         top: 0;
         bottom: 0;
         left: -10px;
         margin: auto;
         height: 1.5rem;
         /*border-right: 1px solid #f0f0f0*/
     }
 }

 nav.top .popup-menu-top-list {
     border-radius: .5rem;
     box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);
     font-size: .96rem !important;
     font-style: normal;
     padding: .5rem 1rem .25rem 1rem;
     white-space: nowrap;
     background: #f8f8f8;
     margin: auto;
     border: 1px solid #efefef;
     max-width: 350px;
     border-top: 2px solid #ff5401;
     border-top-right-radius: 0;
     border-top-left-radius: 0
 }

 nav.top .popup-menu-top-list a:hover {
     color: #eb3a00
 }

 nav.top .popup-menu-top-list a.alert:hover {
     color: #b80021
 }

 nav.top .popup-menu-top-list a,
 nav.top .popup-menu-top-list span {
     text-overflow: ellipsis;
     overflow: hidden
 }

 nav.top .popup-menu-top-list>ul {
     margin: 0;
     padding: 0
 }

 nav.top .popup-menu-top-list ul {
     list-style: none
 }

 nav.top .popup-menu-top-list li.divider {
     background: #f0f0f0;
     height: .5rem
 }

 nav.top .popup-menu-top-list li.as-header {
     border-bottom: 1px solid #f0f0f0;
     margin: 0;
     padding: .5rem 0;
     font-size: 1rem !important;
     border-top: .5rem solid #f0f0f0
 }

 nav.top .popup-menu-top-list li.as-header:first-child {
     border-top: 0
 }

 nav.top .popup-menu-top-list li.bi {
     white-space: normal;
     padding-right: 0;
     font-style: italic
 }

 nav.top .popup-menu-top-list li.bi a {
     display: inline !important;
     color: #084499;
     text-decoration: underline;
     text-underline-position: under;
     -webkit-text-decoration-style: dashed;
     text-decoration-style: dashed;
     text-decoration-thickness: from-font;
     text-decoration-thickness: 1px;
     padding: 0 !important;
     border: 0 !important
 }

 nav.top .popup-menu-top-list li.bi a:hover {
     color: #f53d00;
     text-decoration: underline;
     text-underline-position: under;
     -webkit-text-decoration-style: dashed;
     text-decoration-style: dashed;
     text-decoration-thickness: from-font;
     text-decoration-thickness: 1px
 }

 nav.top .popup-menu-top-list li a {
     display: block;
     padding: .5rem 0;
     border-bottom: 1px solid #f0f0f0;
     color: #3f3f3f;
     text-decoration: none
 }

 nav.top .popup-menu-top-list li a:hover {
     text-decoration: none
 }

 nav.top .popup-menu-top-list li a>svg.icon {
     width: 1rem;
     height: 1rem;
     margin-right: .25rem;
     margin-bottom: .125rem
 }

 nav.top .popup-menu-top-list li:last-child>a {
     border-bottom: 0
 }

 nav.top a.user-logo {
     border-radius: 50%;
     overflow: hidden;
     display: inline-block
 }

 nav.top a.user-logo img {
     height: 38px;
     display: block
 }

 nav.top a.top-menu-opener.hamburger {
     height: 25px
 }

 nav.top .popup-menu-list-dropdown {
     border-radius: .5rem;
     box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);
     font-size: .96rem !important;
     font-style: normal;
     padding: .5rem 1rem .25rem 1rem;
     white-space: nowrap;
     background: #f8f8f8;
     margin: auto;
     border: 1px solid #efefef;
     max-width: 350px;
     border-top: 2px solid #ff5401;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
     display: none;
     position: absolute;
     top: 100%;
     z-index: 1001
 }

 nav.top .popup-menu-list-dropdown a:hover {
     color: #eb3a00
 }

 nav.top .popup-menu-list-dropdown a.alert:hover {
     color: #b80021
 }

 nav.top .popup-menu-list-dropdown a,
 nav.top .popup-menu-list-dropdown span {
     text-overflow: ellipsis;
     overflow: hidden
 }

 nav.top .popup-menu-list-dropdown>ul {
     margin: 0;
     padding: 0
 }

 nav.top .popup-menu-list-dropdown ul {
     list-style: none
 }

 nav.top .popup-menu-list-dropdown li.divider {
     background: #f0f0f0;
     height: .5rem
 }

 nav.top .popup-menu-list-dropdown li.as-header {
     border-bottom: 1px solid #f0f0f0;
     margin: 0;
     padding: .5rem 0;
     font-size: 1rem !important;
     border-top: .5rem solid #f0f0f0
 }

 nav.top .popup-menu-list-dropdown li.as-header:first-child {
     border-top: 0
 }

 nav.top .popup-menu-list-dropdown li.bi {
     white-space: normal;
     padding-right: 0;
     font-style: italic
 }

 nav.top .popup-menu-list-dropdown li.bi a {
     display: inline !important;
     color: #084499;
     text-decoration: underline;
     text-underline-position: under;
     -webkit-text-decoration-style: dashed;
     text-decoration-style: dashed;
     text-decoration-thickness: from-font;
     text-decoration-thickness: 1px;
     padding: 0 !important;
     border: 0 !important
 }

 nav.top .popup-menu-list-dropdown li.bi a:hover {
     color: #f53d00;
     text-decoration: underline;
     text-underline-position: under;
     -webkit-text-decoration-style: dashed;
     text-decoration-style: dashed;
     text-decoration-thickness: from-font;
     text-decoration-thickness: 1px
 }

 nav.top .popup-menu-list-dropdown li a {
     display: block;
     padding: .5rem 0;
     border-bottom: 1px solid #f0f0f0;
     color: #3f3f3f;
     text-decoration: none
 }

 nav.top .popup-menu-list-dropdown li a:hover {
     text-decoration: none
 }

 nav.top .popup-menu-list-dropdown li a>svg.icon {
     width: 1rem;
     height: 1rem;
     margin-right: .25rem;
     margin-bottom: .125rem
 }

 nav.top .popup-menu-list-dropdown li:last-child>a {
     border-bottom: 0
 }

 nav.top .popup-menu-list-dropdown.to-right {
     right: 0
 }

 nav.top .popup-menu-list-dropdown.to-left {
     left: 0
 }

 nav.top .popup-menu-list-dropdown.line-color-success {
     border-top-color: #219653
 }

 nav.top .popup-menu-list-dropdown:before {
     content: '';
     display: block;
     position: absolute;
     bottom: 100%;
     height: 6px;
     background: 0 0;
     width: 100%;
     left: 0
 }

 @media (min-width:1024px) {
     nav.top .popup-menu-list-dropdown:before {
         height: 12px
     }
 }

 nav.top .counter {
     font-size: .64rem !important;
     line-height: 1.4em;
     font-weight: 700;
     text-decoration: none;
     position: relative
 }

 nav.top .counter span {
     position: absolute;
     right: -7px;
     top: 0;
     margin: auto;
     padding: 2px 2px;
     display: inline-block;
     text-align: center;
     border-radius: .5rem;
     min-width: 1rem;
     color: #d10026;
     background: #fff
 }

 nav.top .main-menu a {
     display: block;
     text-decoration: none;
     color: #3f3f3f
 }

 nav.top .main-menu ul {
     list-style: none;
     margin: 0;
     padding: 0
 }

 @media (min-width:1024px) {
     nav.top .main-menu>ul>li {
         white-space: nowrap;
         margin-left: 16px !important;
         position: relative
     }

     nav.top .main-menu>ul>li:after {
         content: "";
         width: 2px;
         position: absolute;
         top: 0;
         bottom: 0;
         left: -10px;
         margin: auto;
         height: 1.5rem;
         /*border-right: 1px solid #f0f0f0*/
     }
 }

 nav.top .main-menu>ul>li ul {
     display: none
 }

 nav.top .main-menu .channel-item img {
     width: 24px
 }

 @media (max-width:1023px) {
     nav.top .main-menu>ul>li>a {
         border-bottom: 1px solid #f0f0f0 !important
     }

     nav.top .main-menu>ul>li>ul.mob-opened {
         border-left: 0;
         padding-left: 0;
         display: block !important
     }

     nav.top .main-menu>ul>li>ul li.as-header {
         border-top: .5rem solid #f0f0f0 !important;
         padding: .5rem
     }

     nav.top .main-menu>ul>li ul {
         border-left: 2px solid #ff5401;
         padding-left: 1rem;
         border-bottom: 1px solid #f0f0f0
     }

     nav.top .main-menu>ul>li ul.mob-opened {
         display: block
     }

     nav.top .main-menu li.divider {
         background: #f0f0f0;
         height: .5rem
     }

     nav.top .main-menu li.as-header {
         border-bottom: 1px solid #f0f0f0;
         margin: 0;
         padding: .5rem 0;
         font-size: 1rem !important;
         border-top: .5rem solid #f0f0f0
     }

     nav.top .main-menu li.as-header:first-child {
         border-top: 0
     }

     nav.top .main-menu li.bi {
         white-space: normal;
         padding-right: 0;
         font-style: italic
     }

     nav.top .main-menu li.bi a {
         display: inline !important;
         color: #084499;
         text-decoration: underline;
         text-underline-position: under;
         -webkit-text-decoration-style: dashed;
         text-decoration-style: dashed;
         text-decoration-thickness: from-font;
         text-decoration-thickness: 1px;
         padding: 0 !important;
         border: 0 !important
     }

     nav.top .main-menu li.bi a:hover {
         color: #f53d00;
         text-decoration: underline;
         text-underline-position: under;
         -webkit-text-decoration-style: dashed;
         text-decoration-style: dashed;
         text-decoration-thickness: from-font;
         text-decoration-thickness: 1px
     }

     nav.top .main-menu li a {
         display: block;
         padding: .5rem 0;
         border-bottom: 1px solid #f0f0f0;
         color: #3f3f3f;
         text-decoration: none
     }

     nav.top .main-menu li a:hover {
         text-decoration: none
     }

     nav.top .main-menu li a>svg.icon {
         width: 1rem;
         height: 1rem;
         margin-right: .25rem;
         margin-bottom: .125rem
     }

     nav.top .main-menu li:last-child>a {
         border-bottom: 0
     }

     nav.top .main-menu li .bi {
         padding-right: .5rem
     }

     nav.top .main-menu a {
         padding: .5em !important;
         position: relative
     }

     nav.top .main-menu a:not(:last-child):after {
         content: '';
         display: inline-block;
         width: .5rem;
         height: .5rem;
         background: 0 0;
         border-top: .4rem solid transparent;
         border-bottom: .4rem solid transparent;
         border-left: .5rem solid #f0f0f0;
         transition: .2s ease;
         position: absolute;
         right: .5rem;
         top: 0;
         bottom: 0;
         margin: auto
     }

     nav.top .main-menu a:not(:last-child):after.opened {
         transform: rotate(90deg);
         border-left-color: #ff5401
     }

     nav.top .main-menu a.opened:after {
         transform: rotate(90deg);
         border-left-color: #ff5401
     }
 }

 @media (min-width:1024px) {
     nav.top .main-menu {
         font-size: .96rem !important
     }

     nav.top .main-menu a {
         padding: 0;
         border-bottom: 0
     }

     nav.top .main-menu>ul>li li {
         position: relative
     }

     nav.top .main-menu>ul>li ul {
         border-radius: .5rem;
         box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);
         font-size: .96rem !important;
         font-style: normal;
         padding: .5rem 1rem .25rem 1rem;
         white-space: nowrap;
         background: #f8f8f8;
         margin: auto;
         border: 1px solid #efefef;
         max-width: 350px;
         border-top: 2px solid #ff5401;
         border-top-right-radius: 0;
         border-top-left-radius: 0;
         top: 0;
         left: 100%;
         position: absolute;
         z-index: 1000
     }

     nav.top .main-menu>ul>li ul a:hover {
         color: #eb3a00
     }

     nav.top .main-menu>ul>li ul a.alert:hover {
         color: #b80021
     }

     nav.top .main-menu>ul>li ul a,
     nav.top .main-menu>ul>li ul span {
         text-overflow: ellipsis;
         overflow: hidden
     }

     nav.top .main-menu>ul>li ul>ul {
         margin: 0;
         padding: 0
     }

     nav.top .main-menu>ul>li ul ul {
         list-style: none
     }

     nav.top .main-menu>ul>li ul li.divider {
         background: #f0f0f0;
         height: .5rem
     }

     nav.top .main-menu>ul>li ul li.as-header {
         border-bottom: 1px solid #f0f0f0;
         margin: 0;
         padding: .5rem 0;
         font-size: 1rem !important;
         border-top: .5rem solid #f0f0f0
     }

     nav.top .main-menu>ul>li ul li.as-header:first-child {
         border-top: 0
     }

     nav.top .main-menu>ul>li ul li.bi {
         white-space: normal;
         padding-right: 0;
         font-style: italic
     }

     nav.top .main-menu>ul>li ul li.bi a {
         display: inline !important;
         color: #084499;
         text-decoration: underline;
         text-underline-position: under;
         -webkit-text-decoration-style: dashed;
         text-decoration-style: dashed;
         text-decoration-thickness: from-font;
         text-decoration-thickness: 1px;
         padding: 0 !important;
         border: 0 !important
     }

     nav.top .main-menu>ul>li ul li.bi a:hover {
         color: #f53d00;
         text-decoration: underline;
         text-underline-position: under;
         -webkit-text-decoration-style: dashed;
         text-decoration-style: dashed;
         text-decoration-thickness: from-font;
         text-decoration-thickness: 1px
     }

     nav.top .main-menu>ul>li ul li a {
         display: block;
         padding: .5rem 0;
         border-bottom: 1px solid #f0f0f0;
         color: #3f3f3f;
         text-decoration: none
     }

     nav.top .main-menu>ul>li ul li a:hover {
         text-decoration: none
     }

     nav.top .main-menu>ul>li ul li a>svg.icon {
         width: 1rem;
         height: 1rem;
         margin-right: .25rem;
         margin-bottom: .125rem
     }

     nav.top .main-menu>ul>li ul li:last-child>a {
         border-bottom: 0
     }

     nav.top .main-menu>ul>li .menu-to-left ul {
         right: 110%;
         left: unset
     }

     nav.top .main-menu>ul>li>ul {
         top: 100%;
         left: -50%
     }

     nav.top .main-menu>ul>li>a {
         line-height: 56px
     }

     nav.top .main-menu>ul>li>a:hover:after {
         content: "";
         background: #ff5401;
         width: 100%;
         height: 2px;
         position: absolute;
         top: 100%;
         left: 0
     }
 }

 nav.top #top-search-panel {
     position: relative
 }

 nav.top #top-search-panel form {
     padding: .5rem;
     padding-left: 0
 }

 nav.top #top-search-panel .search-panel-details {
     padding-left: .5rem
 }

 nav.top #top-search-panel .helper-icon {
     position: absolute;
     top: 15px;
     left: .5rem;
     z-index: 1
 }

 @media (min-width:1024px) {
     nav.top #top-search-panel .helper-icon {
         top: unset;
         left: unset;
         right: .5rem;
         margin-top: .25rem
     }
 }

 nav.top #top-search-panel #top-search-panel-input-label {
     position: relative;
     display: block;
     height: 38px
 }

 @media (max-width:1023px) {
     nav.top #top-search-panel #top-search-panel-input-label {
         /*margin-left: 40px*/
     }
 }

 nav.top #top-search-panel #top-search-panel-found-results {
     position: relative
 }

 nav.top #top-search-panel #top-search-panel-input {
     border-radius: .5rem;
     width: 100%;
     height: 100%;
     border: 0;
     margin: 0;
     background: #efefef;
     outline: 0;
     font-size: 1rem;
     padding: .5rem;
     color: #292929;
     padding-right: 50px;
     border-left: 2px solid transparent
 }

 @media (max-width:1023px) {
     nav.top #top-search-panel #top-search-panel-input:focus {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
         border-left-color: #ff5401
     }
 }

 nav.top #top-search-panel #top-search-submit {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     width: 42px;
     text-align: center;
     background: 0 0;
     border-top-right-radius: .5rem;
     border-bottom-right-radius: .5rem;
     background: #f8f8f8
 }

 @media (min-width:1024px) {
     nav.top #top-search-panel #top-search-submit {
         border-top-left-radius: .5rem;
         border-bottom-left-radius: .5rem
     }
 }

 nav.top #top-search-panel #top-search-submit svg {
     width: 16px;
     height: 16px
 }

 @media (max-width:1023px) {
     nav.top #top-search-panel {
         border-bottom: 1px solid #f0f0f0
     }

     nav.top #top-search-panel.active .helper-icon {
         display: none
     }

     nav.top #top-search-panel.active #top-search-panel-input-label {
         margin-left: 0
     }

     nav.top #top-search-panel .ui-widget {
         border-top-right-radius: .5rem
     }
 }

 @media (min-width:1024px) {
     nav.top #top-search-panel {
         width: 44px;
         height: 40px;
         margin-top: 0 !important
     }

     nav.top #top-search-panel form {
         border-radius: .5rem;
         position: absolute;
         top: 0;
         left: 0;
         padding: 0;
         background: #fff;
         z-index: 1000;
         border: 1px solid #fff;
         width: 44px;
         transition: .2s ease
     }
 }

 @media (min-width:1216px) {
     nav.top #top-search-panel {
         width: 180px
     }

     nav.top #top-search-panel #top-search-panel-input {
         border-top-left-radius: .5rem;
         border-left-width: 0;
         border-bottom-left-radius: .5rem
     }

     nav.top #top-search-panel form {
         width: 180px
     }
 }

 nav.top .level-item.button-container {
     border-radius: .5rem;
     background: #f8f8f8;
     height: 38px;
     padding-left: .5rem;
     padding-right: .5rem
 }

 nav.top .header-top-button {
     height: 38px;
     line-height: 18px
 }

 nav.top #add-stuff-top-bt {
     background: #f8f8f8
 }

 nav.top #add-stuff-top-menu {
     min-width: 125px
 }

 @media (max-width:420px) {
     nav.top #add-stuff-top-menu {
         left: 0
     }
 }

 @media (min-width:1024px) {
     nav.top .profile-top-menu:after {
         content: '';
         position: absolute;
         top: -5px;
         width: 10px;
         height: 5px;
         background: #ff5401;
         border-top-right-radius: 5px;
         border-top-left-radius: 5px;
         right: 14px
     }
 }

 @media (max-width:1023px) {
     nav.top .menu-mobile {
         position: fixed;
         top: 48px;
         left: -300px;
         bottom: 0;
         background: #fff;
         width: 300px !important;
         padding: .25rem .5rem;
         overflow: auto;
         border-right: 2px solid #f0f0f0
     }

     nav.top .menu-mobile>.level {
         display: block
     }

     nav.top .menu-mobile>.level>.level-item {
         display: block;
         margin: 0
     }

     nav.top .menu-mobile-overlay {
         position: fixed;
         top: 48px;
         bottom: 0;
         left: 0;
         right: 0;
         background: rgba(0, 0, 0, .4)
     }

     nav.top .container.wrap {
         max-width: 100%;
         padding: .25rem .5rem
     }
 }

 @media (min-width:1024px) {
     nav.top {
         height: 58px
     }

     nav.top.search-opened #top-search-panel form {
         width: 300px;
         transition: .2s ease;
         box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);
         border-color: #efefef
     }

     nav.top.search-opened #top-search-panel #top-search-panel-input,
     nav.top.search-opened #top-search-panel .search-panel-details {
         display: block !important
     }

     nav.top.search-opened #top-search-panel .search-panel-details {
         padding: 0 1rem 1rem 1rem !important
     }

     nav.top.search-opened #top-search-panel #top-search-panel-input {
         border: 0;
         border-bottom-left-radius: 0 !important;
         border-top-left-radius: .5rem;
         border-left-width: 0
     }

     nav.top.search-opened #top-search-panel #top-search-submit {
         border-radius: 0 !important;
         border-top-right-radius: .5rem !important
     }

     nav.top.search-opened .search-overlay-wrap {
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         background: rgba(255, 255, 255, .7);
         z-index: 1;
         transition: .2s ease
     }
 }


  /*menu search in nav start */
 nav.top #top-search-panel {
     position: relative
 }

 nav.top #top-search-panel form {
     padding: .5rem;
     padding-left: 0
 }

 nav.top #top-search-panel .search-panel-details {
     padding-left: .5rem
 }

 nav.top #top-search-panel .helper-icon {
     position: absolute;
     top: 15px;
     left: .5rem;
     z-index: 1
 }

 @media (min-width:1024px) {
     nav.top #top-search-panel .helper-icon {
         top: unset;
         left: unset;
         right: .5rem;
         margin-top: .25rem
     }
 }

 nav.top #top-search-panel #top-search-panel-input-label {
     position: relative;
     display: block;
     height: 38px
 }

 @media (max-width:1023px) {
     nav.top #top-search-panel #top-search-panel-input-label {
         /*margin-left: 40px*/
     }
 }

 nav.top #top-search-panel #top-search-panel-found-results {
     position: relative
 }

 nav.top #top-search-panel #top-search-panel-input {
     border-radius: .5rem;
     width: 100%;
     height: 100%;
     border: 0;
     margin: 0;
     background: #efefef;
     outline: 0;
     font-size: 1rem;
     padding: .5rem;
     color: #292929;
     padding-right: 50px;
     border-left: 2px solid transparent
 }

 @media (max-width:1023px) {
     nav.top #top-search-panel #top-search-panel-input:focus {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
         border-left-color: #ff5401
     }
 }

 nav.top #top-search-panel #top-search-submit {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     width: 42px;
     text-align: center;
     background: 0 0;
     border-top-right-radius: .5rem;
     border-bottom-right-radius: .5rem;
     background: #f8f8f8
 }

 @media (min-width:1024px) {
     nav.top #top-search-panel #top-search-submit {
         border-top-left-radius: .5rem;
         border-bottom-left-radius: .5rem
     }
 }

 nav.top #top-search-panel #top-search-submit svg {
     width: 16px;
     height: 16px
 }

 @media (max-width:1023px) {
     nav.top #top-search-panel {
         border-bottom: 1px solid #f0f0f0
     }

     nav.top #top-search-panel.active .helper-icon {
         display: none
     }

     nav.top #top-search-panel.active #top-search-panel-input-label {
         margin-left: 0
     }

     nav.top #top-search-panel .ui-widget {
         border-top-right-radius: .5rem
     }
 }

 @media (min-width:1024px) {
     nav.top #top-search-panel {
         width: 44px;
         height: 40px;
         margin-top: 0 !important
     }

     nav.top #top-search-panel form {
         border-radius: .5rem;
         position: absolute;
         top: 0;
         left: 0;
         padding: 0;
         background: #fff;
         z-index: 1000;
         border: 1px solid #fff;
         width: 44px;
         transition: .2s ease
     }
 }

 @media (min-width:1216px) {
     nav.top #top-search-panel {
         width: 180px
     }

     nav.top #top-search-panel #top-search-panel-input {
         border-top-left-radius: .5rem;
         border-left-width: 0;
         border-bottom-left-radius: .5rem
     }

     nav.top #top-search-panel form {
         width: 180px
     }
 }

 .container {
     -ms-flex-positive: 1;
     flex-grow: 1;
     margin: 0 auto;
     position: relative;
     width: auto
 }

 .container.is-fluid {
     max-width: none !important;
     padding-left: 32px;
     padding-right: 32px;
     width: 100%
 }

 @media screen and (min-width:1024px) {
     .container {
         max-width: 960px
     }
 }

 @media screen and (max-width:1215px) {
     .container.is-widescreen:not(.is-max-desktop) {
         max-width: 1152px
     }
 }

 @media screen and (max-width:1407px) {
     .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
         max-width: 1152px
     }
 }

 @media screen and (min-width:1216px) {
     .container:not(.is-max-desktop) {
         max-width: 1152px
     }
 }

 @media screen and (min-width:1408px) {
     .container:not(.is-max-desktop):not(.is-max-widescreen) {
         max-width: 1152px
     }
 }


 .hamburger {
     padding: 0 0;
     display: inline-block;
     cursor: pointer;
     transition-property: opacity, filter;
     transition-duration: .15s;
     transition-timing-function: linear;
     font: inherit;
     color: inherit;
     text-transform: none;
     background-color: transparent;
     border: 0;
     margin: 0;
     overflow: visible
 }

 .hamburger:hover {
     opacity: 1
 }

 .hamburger.is-active:hover {
     opacity: 1
 }

 .hamburger.is-active .hamburger-inner,
 .hamburger.is-active .hamburger-inner::after,
 .hamburger.is-active .hamburger-inner::before {
     background-color: #ff5401
 }

 .hamburger-box {
     width: 32px;
     height: 25px;
     display: inline-block;
     /*position: relative*/
 }

 .hamburger-inner {
     display: block;
     top: 50%;
     margin-top: -1.5px
 }

 .hamburger-inner,
 .hamburger-inner::after,
 .hamburger-inner::before {
     width: 32px;
     height: 3px;
     background-color: #ff5401;
     border-radius: 0;
     position: absolute;
     transition-property: transform;
     transition-duration: .15s;
     transition-timing-function: ease
 }

 .hamburger-inner::after,
 .hamburger-inner::before {
     content: "";
     display: block
 }

 .hamburger-inner::before {
     top: -11px
 }

 .hamburger-inner::after {
     bottom: -11px
 }

 .hamburger--spin .hamburger-inner {
     transition-duration: .22s;
     transition-timing-function: cubic-bezier(.55, .055, .675, .19)
 }

 .hamburger--spin .hamburger-inner::before {
     transition: top .1s .25s ease-in, opacity .1s ease-in
 }

 .hamburger--spin .hamburger-inner::after {
     transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19)
 }

 .hamburger--spin.is-active .hamburger-inner {
     transform: rotate(225deg);
     transition-delay: .12s;
     transition-timing-function: cubic-bezier(.215, .61, .355, 1)
 }

 .hamburger--spin.is-active .hamburger-inner::before {
     top: 0;
     opacity: 0;
     transition: top .1s ease-out, opacity .1s .12s ease-out
 }

 .hamburger--spin.is-active .hamburger-inner::after {
     bottom: 0;
     transform: rotate(-90deg);
     transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1)
 }


  /*menu search in nav end*/


/* menu end */

 /*.mosaic #dle-content, .rels {-webkit-column-width:290px; -webkit-column-gap:15px; -moz-column-width:290px; -moz-column-gap:15px;
     column-width:290px; column-gap:15px;}

 .short {width:100%; margin:0 0 15px 0; padding:15px; display:inline-block; border-radius:3px; overflow:hidden;}*/

 .pagination__wrap ul {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 10px 10px;
 }
 @media (max-width: 991.98px) {
     .pagination__wrap ul {
         justify-content: center;
     }
 }
 .pagination__wrap ul li {
     display: block;
 }
 .pagination__wrap ul li a, .pagination__wrap ul li span {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50px;
     height: 50px;
     font-size: 15px;
     border: 2px solid #e8e8e8;;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -o-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     font-weight: 700;
     color: #111111;
 }

 .pagination__wrap ul li a:hover {
     border-color: #17c699;
     background-color: #17c699;
     color: #fff;
 }
 .pagination__wrap ul li.active span {
     pointer-events: none;
     border-color: #17c699;
     background-color: #17c699;
     color: #fff;
 }

 .main-content {
     flex: 1 0 auto;
     padding-top: 63px;
     padding-bottom: 20px;


 }

 .recipes-list {
     /*display: inline-table;
     width: 100%*/

     -webkit-column-width:290px;
-webkit-column-gap:15px;
-moz-column-width:290px;
-moz-column-gap:15px;
column-width:290px;
column-gap:15px;
 }


 .recipes-block {
     /*position: relative;
     width: 100%;
     margin-bottom: 16px;
     max-width: 472px;
     height: fit-content*/
     width:100%;
     margin:0 0 15px 0;
     padding:0px;
     display:inline-block;
     border-radius:3px;
     /*overflow:hidden;*/
 }

 /*.recipes-block:nth-child(odd) {
     margin-right: 16px;
     float: left
 }

 .recipes-block:nth-child(even) {
     float: right
 }*/

 .recipes-block:hover:after {
     box-shadow: 0 4px 24px rgb(0, 0, 0, .16)
 }

 /*.recipes-block:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
     border-radius: 16px;
     width: 100%;
     height: 100%;
     z-index: -1
 }*/

 .recipes-photo {
     border-top-left-radius: 16px;
     border-top-right-radius: 16px
 }

 .recipes-info {
     background: #fff;
     border-bottom-left-radius: 16px;
     border-bottom-right-radius: 16px;
     padding: 16px 24px
 }

 .recipes-info .recipe-options {
     padding-left: 0;
     padding-right: 0;
     padding-bottom: 0
 }

 .recipes-ititle {
     font-weight: 800;
     font-size: 18px;
     line-height: 125%;
     letter-spacing: -.01em;
     color: #000
 }

 .recipes-info .recipes-desc p {
     padding-top: 8px;
     font-size: 14px
 }

 .recipes-btn_show-more {
     text-align: center;
     margin-top: 16px
 }





header {
	background-color: #01273a;
	
}

#shortcut_buttons_box .icon {
    display: inline-block;
    vertical-align: bottom;
    width: 24px;
    height: 24px;
    --color-1: #ff5401;
    --color-2: #219653;
    --color-3: #1b71e4;
    --color-4: #d10026;
    fill: #515151
}

#shortcut_buttons_box {
    position: fixed;
    right: .25rem;
    z-index: 8000;
    bottom: 135px
}

@media (min-width:1024px) {
    #shortcut_buttons_box {
        bottom: .25rem
    }
}

#shortcut_buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
}

#shortcut_buttons>.default {
    background: rgba(255, 255, 255, .5);
    border-radius: .5rem;
    width: 32px;
    height: 32px;
    margin: auto;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .5rem
}

#shortcut_buttons>.default>a {
    display: inline-block;
    padding: .25rem
}

 
 
 blockquote {
  background: #f9f9f9;
  border-left: 10px solid #6bb9a6;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
 
  #toc_container {
  padding: 20px 30px;
  background: #fffae9;
  border: none;
}

#toc_container ul li {
  list-style-type: disc;
  color: #ffc000;
  padding: 3px;
  margin: -3px 0px -3px 0px;
}


#main-single-content ul {
	display: block;
	margin-bottom: 3%;
	list-style-position: outside;
	list-style: none;
}

#main-single-content ul li {
	display: block;
	margin-bottom: 2%;
	padding-left: 6%;
	position: relative;
}

#main-single-content ul li:before {
	content: ' ';
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #11e18b;
	position: absolute;
	top: 7px;
	left: 2.5%;
}


#main-single-content ol {
	list-style-position: inside;
	list-style-type: decimal;
	counter-reset: li;
}

#main-single-content ol li {
	display: block;
	margin-left: 6%;
	margin-bottom: 2%;
}

#main-single-content ol li:before {
	content: counter(li) '.';
	counter-increment: li;
	display: inline-block;
	width: 6%;
	margin-left: -6%;
	color: #11e18b;
	font-size: 100%;
	line-height: 130%;
	font-weight: bold;
	text-align: center;
}

 
 .content-single {
  padding: 20px;
}

h1.ftitle {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 24px;
}

figure {
  margin: 0;
  text-align: center;
  padding: 5px;
}

img, div img {
  max-width: 100% !important;
  text-align: center;
  /*padding: 5px;*/
}

 .recipes-block-related {
     width:100%;
     margin:0 0 -15px 0;
     padding:15px;
     display:inline-block;
     border-radius:3px;
 }
 
 /*.recipes-block-related:nth-child(odd) {
     margin-right: 16px;
     float: left
 }

 .recipes-block-related:nth-child(even) {
     float: right
 }*/

 .recipes-block-related:hover:after {
     box-shadow: 0 4px 24px rgb(0, 0, 0, .16)
 }

 /*.recipes-block-related:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
     border-radius: 16px;
     width: 100%;
     height: 100%;
     z-index: -1
 }*/


/* end test */

 .compensate-for-scrollbar {
     margin-right: 17px !important
 }

 body {
     position: relative;
     overflow-x: hidden;
     /*background: #fff;
     color: #333;*/
     font: 16px manrope, sans-serif
 }

 [contentEditable=true]:empty:before {
     content: attr(data-placeholder);
     cursor: text
 }

 .sidebar {
     width: 360px;
     margin-top: -8px;
 }

 .sidebar2 {
     position: relative;
     padding-top: 7px;
     width: 300px
 }

 .sidebar2 .video,
 .sidebar2 #rec_player {
     border-style: none;
     position: sticky;
     position: -webkit-sticky;
     top: 10px
 }

 @media screen and (min-width:1397px) {
     body {
         /*margin-left: calc(100vw - 100%);*/
         margin-right: 0
     }
 }

 .recipes-column {
     width: 100%;
     max-width: 472px;
     margin-right: 16px
 }

 .recipes-column:last-child {
     margin-right: 0
 }

 * {
     -webkit-tap-highlight-color: transparent
 }

 .value-title {
     margin: 0 !important;
     padding: 0 !important;
     width: 0 !important
 }

 a.ingredient_href:hover {
     color: #f87048
 }

 .recipes-btn_show-more {
     display: none
 }

 .main-wrapper {
     display: flex;
     flex-direction: column;
     min-height: 100%
 }

 #tag_checker_tag p {
     padding-top: 5px
 }

 .inner-wrapper {
     position: relative;
     max-width: 1240px;
     width: 100%;
     height: 100%;
     padding: 0;
     margin: 0 auto
 }

 .main-content_wrapper {
     display: flex;
     flex-wrap: wrap
 }

 .inner-title {
     padding-bottom: 24px
 }

 h1 {
     color: #000;
     font-weight: 800;
     font-size: 26px;
     line-height: 125%
 }

 h2 {
     color: #000;
     font-weight: 800;
     font-size: 18px;
     line-height: 125%;
     letter-spacing: -.01em;
     margin-bottom: 16px
 }

 h3 {
     color: #000;
     font-weight: 800;
     font-size: 16px;
     line-height: 125%;
     letter-spacing: -.01em
 }

 a {
     color: #333;
     text-decoration: none
 }

 b {
     font-weight: 700
 }

 p:last-child {
     padding-bottom: 0
 }

 p {
     line-height: 155%;
     padding-bottom: 16px
 }

 input.field::-webkit-input-placeholder,
 textarea.field::-webkit-input-placeholder {
     color: #666
 }

 input.field::-moz-placeholder,
 textarea.field::-moz-placeholder {
     color: #666
 }

 input.field:-moz-placeholder,
 textarea.field:-moz-placeholder {
     color: #666
 }

 input.field:-ms-input-placeholder,
 textarea.field:-ms-input-placeholder {
     color: #666
 }

 .field-title,
 label,
 input.field,
 textarea.field {
     color: #000;
     font: 15px manrope, sans-serif;
     width: 100%
 }

 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 textarea:-webkit-autofill,
 textarea:-webkit-autofill:hover,
 textarea:-webkit-autofill:focus,
 select:-webkit-autofill,
 select:-webkit-autofill:hover,
 select:-webkit-autofill:focus {
     -webkit-box-shadow: 0 0 0 1000px #f4f4f4 inset !important
 }

 input[data-autocompleted] {
     background-color: transparent !important
 }

 label {
     display: block
 }

 input.field:hover,
 textarea.field:hover {
     border-color: #666
 }

 .textarea.field {
     display: block;
     background: #fff;
     border: 1px solid #d1d1d1;
     border-radius: 25px;
     font-size: 14px
 }

 input.field,
 textarea.field {
     display: block;
     background: #fff;
     border: 1px solid #d1d1d1;
     border-radius: 25px
 }

 .textarea[placeholder]:empty::before {
     content: attr(placeholder);
     color: #666;
     font-size: 15px
 }

 .textarea[placeholder]:empty:focus::before {
     content: ""
 }

 input.field {
     height: 44px;
     padding: 0 24px
 }

 textarea.field {
     height: 132px;
     padding: 12px 24px
 }

 .textarea.field {
     min-height: 47px;
     padding: 12px 24px;
     padding-right: 38px
 }

 svg {
     display: block
 }

 svg path,
 svg circle,
 svg ellipse {}

 .rphoto {
     overflow: hidden
 }

 .logo img,
 .logo a,
 .rphoto img {
     display: block
 }

 .logo a {
     transition: all 0s
 }

 .rphoto img {
     object-fit: cover;
     width: 100%;
     height: 100%
 }

 .video_container iframe {
     object-fit: cover;
     width: 100%;
     height: 100%
 }

 .recipe-video_block {
     position: relative;
     width: 100%;
     padding-bottom: 56.25%;
     height: 0
 }

 .recipe-video_block iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }

 .btn-red:hover {
     background: #d23405
 }

 .btn-red {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: #ef5022;
     border-radius: 24px;
     color: #fff;
     font-weight: 700;
     font-size: 14px;
     height: 44px;
     padding: 0 22px 1px
 }

 .btn-white:hover {
     background: #e7e7e7
 }

 .btn-white {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: #fff;
     border-radius: 24px;
     color: #000;
     font-weight: 700;
     font-size: 14px;
     height: 44px;
     padding: 0 22px 1px;
     border: 1px solid #d1d1d1
 }

 .btn-half {
     display: flex
 }

 .popup-half {
     width: 100%;
     margin: 24px 3px;
     margin-bottom: 0
 }

 .btn1:hover {
     background: #f56439
 }

 .btn1 {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: #f87048;
     border-radius: 24px;
     color: #fff;
     font-weight: 700;
     font-size: 14px;
     height: 44px;
     padding: 0 22px 1px
 }

 .btn2:hover {
     border-color: #000
 }

 .btn2 {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border: 2px solid rgba(0, 0, 0, .16);
     border-radius: 24px;
     color: #000;
     font-weight: 700;
     font-size: 14px;
     height: 44px;
     padding: 0 22px 1px
 }

 .btn2 svg {
     margin-right: 12px
 }

 .btn3:hover {
     background: #000
 }

 .btn3 {
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: #333;
     border-radius: 24px;
     color: #fff;
     font-weight: 700;
     font-size: 14px;
     height: 44px;
     padding: 0 22px 1px
 }

 .nice-select {
     position: relative
 }

 .nice-select.open .current {
     box-shadow: 0 4px 24px rgb(0 0 0/16%);
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border: 0
 }

 .nice-select.active .current {
     color: #333
 }

 .nice-select .current:hover {
     border-color: #666
 }

 .nice-select .current {
     display: flex;
     align-items: center;
     background: #fff;
     border: 1px solid #d1d1d1;
     border-radius: 25px;
     color: #666;
     cursor: pointer;
     font-size: 15px;
     height: 44px;
     padding: 0 24px
 }

 .nice-select .current:before,
 .nice-select .current:after {
     position: absolute;
     right: 20px;
     line-height: 0;
     top: 7px
 }

 .nice-select .current:hover:before {
     opacity: 1;
     visibility: visible
 }

 .nice-select .current:before {
     content: url(data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCAxMiA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMSAxTDYgNkwxIDEiIHN0cm9rZT0icmdiKDI0NSAxMDAgNTcpIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
     opacity: 0;
     visibility: hidden
 }

 .nice-select .current:hover:after {
     opacity: 0;
     visibility: hidden
 }

 .nice-select .current:after {
     content: url(data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCAxMiA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMSAxTDYgNkwxIDEiIHN0cm9rZT0icmdiKDUxIDUxIDUxKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=)
 }

 .nice-select.open ul {
     opacity: 1;
     visibility: visible
 }

 .nice-select ul::-webkit-scrollbar {
     display: none
 }

 .nice-select ul {
     position: absolute;
     top: 100%;
     right: 0;
     overflow: auto;
     opacity: 0;
     visibility: hidden;
     background: #fff;
     box-shadow: 0 4px 24px rgb(0 0 0/16%);
     border-bottom-left-radius: 22px;
     border-bottom-right-radius: 22px;
     border-top: 1px solid #d1d1d1;
     width: 100%;
     max-height: 240px;
     z-index: 10
 }

 .nice-select ul li:hover {
     background: #f56439;
     color: #fff
 }

 .nice-select ul li:not(:hover).selected {
     color: #f56439
 }

 .nice-select ul li {
     position: relative;
     cursor: pointer;
     font-weight: 600;
     font-size: 15px;
     line-height: 44px;
     padding: 0 24px
 }

 .nice-select ul li.selected:before,
 .nice-select ul li.selected:after {
     position: absolute;
     right: 17px
 }

 .nice-select ul li.selected:hover:before {
     opacity: 1;
     visibility: visible
 }

 .nice-select ul li.selected:before {
     content: url(data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjkiIHZpZXdCb3g9IjAgMCAxMiA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05Ljg2NjE3IDAuNjIzNDAyQzEwLjIzOTkgMC4yMzY1MzUgMTAuODQ1OSAwLjIzNjUzNSAxMS4yMTk3IDAuNjIzNDAyQzExLjU1OTUgMC45NzUwOTkgMTEuNTkwNCAxLjUyNTQ1IDExLjMxMjMgMS45MTMyNkwxMS4yMTk3IDIuMDI0MzdMNS4xNjMzIDguMjkzMUM0LjgyMzU3IDguNjQ0NzUgNC4yOTE5NiA4LjY3Njc3IDMuOTE3MjggOC4zODkxM0wzLjgwOTkzIDguMjkzMjVMMC43ODA0NjQgNS4xNTg4OEMwLjQwNjYyMyA0Ljc3MjEgMC40MDY0OTYgNC4xNDQ4NiAwLjc4MDE3OSAzLjc1NzkyQzEuMTE5ODkgMy40MDYxNCAxLjY1MTU5IDMuMzc0MDYgMi4wMjYzMyAzLjY2MTczTDIuMTMzNjkgMy43NTc2Mkw0LjQ4NTM5IDYuMTkwOTRMOS44NjYxNyAwLjYyMzQwMloiIGZpbGw9IndoaXRlIi8+PC9zdmc+);
     opacity: 0;
     visibility: hidden
 }

 .nice-select ul li.selected:hover:after {
     opacity: 0;
     visibility: hidden
 }

 .nice-select ul li.selected:after {
     content: url(data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjkiIHZpZXdCb3g9IjAgMCAxMiA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05Ljg2NjE3IDAuNjIzNDAyQzEwLjIzOTkgMC4yMzY1MzUgMTAuODQ1OSAwLjIzNjUzNSAxMS4yMTk3IDAuNjIzNDAyQzExLjU1OTUgMC45NzUwOTkgMTEuNTkwNCAxLjUyNTQ1IDExLjMxMjMgMS45MTMyNkwxMS4yMTk3IDIuMDI0MzdMNS4xNjMzIDguMjkzMUM0LjgyMzU3IDguNjQ0NzUgNC4yOTE5NiA4LjY3Njc3IDMuOTE3MjggOC4zODkxM0wzLjgwOTkzIDguMjkzMjVMMC43ODA0NjQgNS4xNTg4OEMwLjQwNjYyMyA0Ljc3MjEgMC40MDY0OTYgNC4xNDQ4NiAwLjc4MDE3OSAzLjc1NzkyQzEuMTE5ODkgMy40MDYxNCAxLjY1MTU5IDMuMzc0MDYgMi4wMjYzMyAzLjY2MTczTDIuMTMzNjkgMy43NTc2Mkw0LjQ4NTM5IDYuMTkwOTRMOS44NjYxNyAwLjYyMzQwMloiIGZpbGw9InJnYigyNDUgMTAwIDU3KSIvPjwvc3ZnPg==)
 }

 .select-sorting .nice-select .current:hover {
     color: #000
 }

 .select-sorting .nice-select .current {
     border: 0;
     background: 0 0;
     box-shadow: none;
     border-radius: 0;
     color: #333;
     font-weight: 600;
     font-size: 14px;
     height: auto;
     padding: 0 19px 0 0
 }

 .select-sorting .nice-select .current:before,
 .select-sorting .nice-select .current:after {
     right: 0
 }

 .select-sorting .nice-select .current:before {
     content: url(data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAxMCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05IDFMNSA1TDEgMSIgc3Ryb2tlPSJyZ2IoMjQ1IDEwMCA1NykiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==)
 }

 .select-sorting .nice-select .current:after {
     content: url(data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAxMCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05IDFMNSA1TDEgMSIgc3Ryb2tlPSJyZ2IoNTEgNTEgNTEpIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=)
 }

 .select-sorting .nice-select ul {
     top: calc(100% + 8px);
     border: 0;
     border-radius: 12px;
     width: 160px;
     max-height: 220px
 }

 .select-sorting .nice-select ul li {
     font-size: 13px
 }

 .checkbox {
     position: relative;
     display: block;
     width: 38px;
     height: 38px
 }

 .checkbox input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0
 }

 .checkbox:hover input:checked~.checkmark {
     background: #f56439
 }

 .checkbox input:checked~.checkmark {
     background: #f87048;
     border-radius: 16px
 }

 .checkbox:hover .checkmark {
     background-color: #eee
 }

 .checkbox .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #ebebeb;
     border-radius: 12px;
     cursor: pointer;
     height: 100%;
     width: 100%
 }

 .checkbox:hover .checkmark svg,
 .checkbox input:checked~.checkmark svg {
     opacity: 1;
     visibility: visible
 }

 .checkbox input:checked~.checkmark svg path {
     fill: #fff
 }

 .checkbox .checkmark svg {
     opacity: 0;
     visibility: hidden
 }

 .compensate-for-scrollbar .cookies-message {
     right: 17px
 }

 .cookies-message {
     position: fixed;
     left: 0;
     right: 0;
     bottom: 0;
     background: #fff;
     border-top: 1px solid #e9e9e9;
     box-shadow: 0 -8px 16px rgb(0 0 0/4%);
     padding: 10px 0;
     z-index: 5
 }

 .cookies-message_wrapper {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     padding: 0 !important
 }

 .cookies-message .left {
     font-size: 13px;
     display: block
 }

 .cookies-message .right {
     display: block
 }

 .cookies-message p {}

 .cookies-message .as_link:hover {
     text-decoration: none
 }

 .cookies-message .as_link {
     color: #666;
     text-decoration: underline
 }

 .cookies-message_btn {
     padding-left: 24px;
     padding-right: 24px;
     height: 32px;
     margin-left: 50px
 }

 .empty-block {
     text-align: center;
     padding-top: 24px
 }

 .empty-title {
     color: #000;
     font-weight: 700;
     font-size: 18px;
     line-height: 25px;
     padding-top: 40px
 }

 .empty-block p {
     color: #666;
     font-size: 16px;
     line-height: 170%;
     padding-top: 12px
 }

 .header-wrapper {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-top: 16px;
     padding-bottom: 14px
 }

 .header-sandwich {
     display: none
 }

 .header-search {
     width: calc(100% - 336px)
 }

 .header-search .search-form input {
     padding-bottom: 1px
 }

 .search-form:hover {}

 .search-form:focus {
     background: #fff;
     box-shadow: 0 4px 16px rgba(0, 0, 0, .16)
 }

 .search-form {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     background: #f4f4f4;
     border-radius: 24px;
     height: 44px;
     padding-left: 24px
 }

 .search-form_icon {
     position: absolute
 }

 .search-form.focus button svg ellipse,
 .search-form.focus button svg path {
     stroke: #333
 }

 .search-form input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
     color: #727272
 }

 .search-form input::-moz-placeholder,
 textarea::-moz-placeholder {
     color: #727272
 }

 .search-form input:-moz-placeholder,
 textarea:-moz-placeholder {
     color: #727272
 }

 .search-form input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
     color: #727272
 }

 .search-form input {
     color: #000;
     padding: 0 0 0 32px;
     font-size: 14px;
     width: 100%;
     height: 100%
 }

 .search-form_close:hover svg path {
     stroke: #333
 }

 .search-form.active .search-form_close {
     opacity: 1;
     visibility: visible
 }

 .search-form_close {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     visibility: hidden;
     cursor: pointer;
     width: 62px;
     height: 100%;
     padding: 0 15px
 }

 .search-form_btn:hover {
     color: #f87048
 }

 .search-form.active .search-form_btn {
     opacity: 1;
     visibility: visible
 }

 .search-form_btn {
     opacity: 0;
     visibility: hidden;
     color: #000;
     font-weight: 700;
     font-size: 14px;
     height: 100%;
     padding: 0 22px 0 29px
 }

 .header-block {
     display: flex;
     align-items: center;
     margin-left: 28px;
     min-width: 175px
 }

 .header-block .header_ajax {
     display: none
 }

 .header-logo.logo {
     margin-top: -2px;
     margin-right: 33px
 }

 .header-add {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 44px;
     height: 44px
 }

 .header-add a,
 .header-add .as_link {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: #ffe5a1;
     border-radius: 100%;
     width: 34px;
     height: 34px
 }

 .header-add button:hover svg path {
     stroke: #000
 }

 .header-btn_login {
     padding: 0 30px;
     margin-left: 19px
 }

 .header-btn_login svg {
     display: none
 }

 .header-notice {
     position: relative;
     margin-left: 19px;
     width: 43.95px;
     border-radius: 30px
 }

 .header-notice:hover {
     background-color: #f4f4f4
 }

 .header-notice.active {
     background-color: #f4f4f4
 }

 .list-tags_container {
     margin-top: 50px;
     display: flex;
     flex-wrap: wrap
 }

 .notice-icon {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     width: 34px;
     height: 44px;
     margin: auto
 }

 .notice-icon_amount {
     position: absolute;
     top: 2px;
     left: 18px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #e24242;
     border-radius: 16px;
     color: #fff;
     font-weight: 800;
     font-size: 11px;
     min-width: 17px;
     height: 17px;
     padding: 0 5px
 }

 .notice-main {
     position: absolute;
     top: calc(100% + 14px);
     right: 0;
     display: none;
     width: 375px;
     height: auto;
     max-height: 520px;
     z-index: 10
 }

 .notice-main:before {
     content: '';
     position: absolute;
     top: -14px;
     left: 0;
     width: 100%;
     height: 14px
 }

 .notice-main_inner::-webkit-scrollbar {
     width: 4px
 }

 .notice-main_inner::-webkit-scrollbar-thumb {
     background: #d9d9d9;
     border-radius: 8px
 }

 .notice-main_inner {
     overflow: auto;
     background: #fff;
     box-shadow: 0 4px 24px rgb(0 0 0/16%);
     border-radius: 12px;
     width: 100%;
     height: 100%
 }

 .notice-main_empty {
     display: none;
     padding: 80px 0;
     padding-top: 60px
 }

 .notice-main_top {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 16px;
     border-bottom: 1px solid #eee
 }

 .notice-main_title {
     color: #000;
     font-weight: 700;
     font-size: 14px
 }

 a.notice-main_link:hover {
     color: #333
 }

 .notice-main_link {
     color: #666;
     font-weight: 500;
     text-align: right
 }

 .notice-main_list {
     max-height: 520px
 }

 .notice-main_list-block {
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid #eee;
     padding: 16px
 }

 .notice-main_list-author {
     border-radius: 100%;
     width: 40px;
     height: 40px
 }

 .notice-main_list-info {
     width: calc(100% - 108px);
     padding: 0 14px;
     padding-right: 0
 }

 .notice-main_list-info p {
     color: #333;
     font-size: 13px;
     line-height: 140%;
     padding: 0;
     word-break: break-word
 }

 .notice_fullhref {
     display: contents
 }

 .notice-main_list-date {
     color: rgb(0 0 0/50%);
     font-size: 12px;
     line-height: 16px;
     padding-top: 6px
 }

 .notice-main_list-photo_wr {
     position: relative;
     width: 68px
 }

 .new_notice {
     background-color: #f9f9f9
 }

 .new_notice .notice-main_list-photo_wr:after {
     content: '';
     position: absolute;
     top: -4px;
     right: -4px;
     background: #e24242;
     border: 2px solid #fff;
     border-radius: 100%;
     width: 10px;
     height: 10px
 }

 .notice-main_list-photo {
     border-radius: 8px;
     width: 40px;
     height: 40px;
     float: right
 }

 .header-profile {
     position: relative;
     margin-left: 24px
 }

 .header-profile_avatar {
     border-radius: 100%;
     cursor: pointer;
     width: 44px;
     height: 44px
 }

 .header-profile_list {
     position: absolute;
     top: calc(100% + 14px);
     right: 0;
     display: none;
     width: 195px;
     z-index: 10
 }

 .sub-menu .parent_mob_item {
     display: none
 }

 .header-profile_list:after {
     content: '';
     position: absolute;
     top: -14px;
     left: 0;
     width: 100%;
     height: 14px
 }

 .header-profile_list:before {
     content: '';
     position: absolute;
     top: -7px;
     right: 14px;
     background: #fff;
     transform: rotate(-45deg);
     width: 14px;
     height: 14px
 }

 .header-profile_list ul {
     overflow: hidden;
     background: #fff;
     border-radius: 12px;
     box-shadow: 0 4px 24px rgb(0 0 0/16%);
     width: 100%;
     height: 100%
 }

 .header-profile_list ul li.logout a:hover {
     background: #a35a5a
 }

 .header-profile_list ul li a:hover {
     background: #f87048
 }

 .header-profile_list ul li a {
     display: flex;
     align-items: center;
     height: 44px;
     padding: 0 16px
 }

 .header-profile_list-icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 22px;
     height: 22px
 }

 .header-profile_list ul li a:hover .header-profile_list-icon svg.normal {
     opacity: 0;
     visibility: hidden
 }

 .header-profile_list ul li a:hover .header-profile_list-icon svg.hover {
     opacity: 1;
     visibility: visible
 }

 .header-profile_list-icon svg.hover {
     opacity: 0;
     visibility: hidden
 }

 .header-profile_list-icon svg {
     position: absolute
 }

 .header-profile_list ul li a:hover .header-profile_list-text {
     color: #fff
 }

 .header-profile_list-text {
     font-weight: 600;
     padding-left: 8px
 }


 .inner-content {
     width: 100%;
     padding-left: 40px;
     padding-top: 7px
 }

 .main-menu form {
     display: none
 }

 .main-menu nav>ul>li:last-child {
     padding-bottom: 0
 }

 .main-menu nav>ul>li {
     padding-bottom: 4px
 }

 .main-menu nav>ul>li.active .main-menu_head,
 .main-menu_head:hover {
     background: #f8f8f8;
     border-radius: 10px
 }

 .main-menu_head {
     display: flex;
     align-items: center;
     cursor: pointer;
     padding: 11px 16px
 }

 .main-menu_head:hover svg.icon path,
 .main-menu nav>ul>li.active svg.icon path {
     fill: #f87048
 }

 .main-menu_head svg.icon path {
     fill: rgb(0 0 0/32%)
 }

 .main-menu_head svg.arrow {
     display: none
 }

 .main-menu_head:hover span,
 .main-menu nav>ul>li.active .main-menu_head span {
     opacity: 1
 }

 .main-menu_head span {
     opacity: .75;
     color: #111;
     font-weight: 400;
     font-size: 15px;
     line-height: 20px;
     padding-left: 12px
 }

 .main-menu nav>ul>li.active .sub-menu {
     opacity: 1;
     visibility: visible;
     height: auto;
     padding-top: 10px;
     padding-bottom: 10px
 }

 .main-menu .sub-menu {
     opacity: 0;
     visibility: hidden;
     height: 0;
     padding-left: 50px
 }

 .main-menu .sub-menu li:last-child {
     margin-bottom: 0
 }

 .main-menu .sub-menu li {
     margin-bottom: 6px
 }

 .main-menu .sub-menu.hover-active li a {
     color: #333
 }

 .main-menu ul.sub-menu li a:hover {
     color: #f87048
 }

 .main-menu .sub-menu.active li a {
     color: #666
 }

 .main-menu .sub-menu li.active a {
     color: #000
 }

 .main-menu .sub-menu li {
     font-size: 14px;
     line-height: 19px;
     padding: 3px 0
 }

 .main-menu_add {
     display: none
 }

 .recipes-top {
     display: block;
     align-items: flex-end;
     justify-content: space-between;
     margin: 0 auto;
 }

 .recipes-quantity {
     color: #666;
     font-weight: 500;
     font-size: 14px;
     padding-top: 10px
 }

 .recipes-empty {
     display: none
 }

 .recipes-empty img {
     max-width: 272px
 }



 .recipe-photo {
     position: relative
 }

 .recipe-thumb_author_adobe {
     position: absolute;
     bottom: 0;
     right: 0;
     background: #f4f4f4;
     color: #666;
     padding: 2px 10px;
     opacity: 100%;
     font-size: 12px
 }

 .recipes-list .recipes-photo,
 .recipe-photo,
 .recipe-steps_photo {
     background-color: #f4f4f4
 }



 .home-info {
     padding: 56px 0 0 280px;
     margin-bottom: -36px;
     line-height: 155%
 }

 .home-info p:last-child {
     padding-bottom: 0
 }

 .home-info p {
     padding-bottom: 20px
 }

 .form-block:last-child {
     padding-bottom: 0
 }

 .form-block {
     padding-bottom: 40px
 }

 .form-title {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     padding-bottom: 24px
 }

 .form-title span {
     color: #000;
     font-weight: 800;
     font-size: 26px;
     line-height: 36px
 }

 .form-title2 {
     color: #000;
     font-weight: 800;
     font-size: 18px;
     line-height: 125%;
     letter-spacing: -.01em;
     width: 100%;
     padding-bottom: 16px
 }

 .form-row {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between
 }

 .form-row:last-child .form-field {
     padding-bottom: 0
 }

 .form-field {
     padding-bottom: 24px
 }

 .field-col2 {
     width: calc(50% - 16px)
 }

 .field-col3 {
     width: 32%
 }

 .field-col4 {
     width: 11%
 }

 .field-col5 {
     width: 25%
 }

 .field-col6 {
     width: 28%
 }

 .field-col7 {
     width: 48%
 }

 .form-field .textarea1 {
     width: 66%
 }

 .field-title {
     display: block;
     color: #696969;
     font-weight: 600;
     font-size: 12px;
     line-height: 16px;
     padding-bottom: 10px
 }

 .field-photo_wr {
     display: flex;
     flex-wrap: wrap;
     align-items: center
 }

 .field-photo_wr2 {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     width: 100%
 }

 .field-photo_wr2 .btn2 {
     display: none
 }

 .form_div {
     display: contents
 }

 .form-row label.stepLabel {
     display: contents
 }

 label.stepLabel .step_foto_container {
     display: block;
     align-items: center;
     align-content: center;
     justify-content: center;
     background: #f2f2f2;
     border-radius: 16px;
     cursor: pointer;
     text-align: center;
     width: 188px;
     height: 113px;
     overflow: hidden
 }

 .field-photo_wr2 textarea {
     width: calc(100% - 204px);
     height: 113px;
     margin-left: 16px
 }

 .field-photo {
     display: flex;
     align-items: center;
     justify-content: center;
     background: #f2f2f2;
     border-radius: 16px;
     width: 100px;
     height: 60px;
     cursor: pointer
 }

 .field-photo2 {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     align-content: center;
     justify-content: center;
     background: #f2f2f2;
     border-radius: 16px;
     cursor: pointer;
     text-align: center;
     width: 188px;
     height: 113px
 }

 .field-photo2 span {
     color: #666;
     font-size: 15px;
     line-height: 20px;
     width: 100%;
     padding-top: 8px
 }

 .field-photo_btn {
     width: 232px;
     margin-left: 16px
 }

 .field-block.focus input.field,
 .field-block.focus textarea.field {
     color: #000
 }

 .field-error input.field,
 .field-error textarea.field {
     border-color: #c96767
 }

 .field-error_text {
     display: block;
     color: #c96767;
     font-weight: 500;
     font-size: 12px;
     line-height: 16px;
     padding-top: 6px
 }

 .form-list_inner {
     padding-bottom: 16px
 }

 .form-list_row:last-child {
     padding-bottom: 0
 }

 .form-list_row {
     padding-bottom: 16px
 }

 .form-list_row .field-block {
     padding: 0
 }

 .form-list_row:not(:first-child) .field-title {
     display: none
 }

 .form-list1 .form-title {
     padding-bottom: 34px
 }

 .form-group:last-child {
     padding-bottom: 0
 }

 .form-group {
     padding-bottom: 32px
 }

 .profile-top {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     padding-bottom: 32px
 }

 .profile-person {
     display: flex;
     flex-wrap: wrap;
     align-items: center
 }

 .profile-photo {
     border-radius: 32px;
     width: 64px;
     height: 64px
 }

 .profile-name {
     color: #000;
     font-weight: 800;
     font-size: 26px;
     line-height: 36px;
     padding-left: 16px
 }

 .profile-sorting {
     display: flex;
     padding-bottom: 24px
 }

 .profile-sorting_block:last-child {
     margin-right: 0
 }

 .profile-sorting_block.active {
     background: #000
 }

 .profile-sorting_block:hover:not(.active) {
     background: #eee
 }

 .profile-sorting_block {
     position: relative;
     display: flex;
     align-items: center;
     border-radius: 24px;
     cursor: pointer;
     height: 44px;
     padding: 0 16px;
     margin-right: 16px
 }

 .profile-sorting_block.active:after {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: -2px;
     background: #000;
     transform: rotate(-45deg);
     width: 14px;
     height: 14px;
     margin: auto;
     z-index: -3
 }

 .profile-sorting_icon {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 22px;
     height: 22px
 }

 .profile-sorting_block:hover .profile-sorting_icon svg.hover,
 .profile-sorting_block.active .profile-sorting_icon svg.hover {
     opacity: 1;
     visibility: visible
 }

 .profile-sorting_block:hover .profile-sorting_icon svg.normal,
 .profile-sorting_block.active .profile-sorting_icon svg.normal {
     opacity: 0;
     visibility: hidden
 }

 .profile-sorting_block:hover:not(.active).profile-sorting_recipes .profile-sorting_icon svg.hover path.type1 {
     stroke: #333
 }

 .profile-sorting_block:hover:not(.active).profile-sorting_recipes .profile-sorting_icon svg.hover path {
     stroke: #fff
 }

 .profile-sorting_block:hover:not(.active) .profile-sorting_icon svg.hover path {
     fill: #333;
     stroke: #333
 }

 .profile-sorting_block.active .profile-sorting_icon svg.hover path {
     fill: #fff
 }

 .profile-sorting_icon svg.hover {
     opacity: 0;
     visibility: hidden
 }

 .profile-sorting_icon svg {
     position: absolute
 }

 .profile-sorting_block.active .profile-sorting_text {
     color: #fff
 }

 .profile-sorting_text {
     color: #333;
     font-weight: 700;
     font-size: 14px;
     padding: 0 10px
 }

 .profile-sorting_block.active .profile-sorting_amount {
     background: rgba(255, 255, 255, .24);
     color: #fff
 }

 .profile-sorting_block:hover:not(.active) .profile-sorting_amount {
     background: rgba(0, 0, 0, .08)
 }

 .profile-sorting_amount {
     display: flex;
     align-items: center;
     justify-content: center;
     background: rgba(0, 0, 0, .08);
     border-radius: 16px;
     font-weight: 700;
     font-size: 14px;
     height: 23px;
     padding: 0 8px
 }

 .single-recipe .main-content {
     padding-bottom: 0
 }

 .page-content_recipe {
     width: calc(100% - 420px);
     padding-right: 0px
 }

 .page-inner_content-recipe {
     position: relative;
     background: #fff;
     box-shadow: 0 4px 25px rgb(0 0 0/0.1);
     border-radius: 16px;
     padding-top: 30px;
     padding-bottom: 6px
 }

 .recipe-comments_list .recipe-comments_block:last-child {
     padding-bottom: 24px
 }

 .recipe-head {
     padding: 0 24px 24px
 }

 .recipe-top {
     display: flex;
     justify-content: space-between;
     padding-bottom: 14px
 }

 .recipe-category {
     color: #666;
     font-size: 14px
 }

 .recipe-category:hover {
     color: #f87048
 }

 .recipe-date {
     padding-top: 2px;
     color: #666;
     font-size: 12px
 }

 .recipe-feature {
     display: flex;
     align-items: center;
     padding-top: 11px
 }

 .recipe-feature_block:last-child {
     padding-right: 0
 }

 .recipe-feature_block {
     display: flex;
     align-items: center;
     padding-right: 9px
 }

 .recipe-feature_block:last-child:after {
     display: none
 }

 .recipe-feature_block:after {
     content: '•';
     color: rgb(0 0 0/25%);
     font-size: 16px;
     padding-left: 9px
 }

 .recipe-feature span {
     font-weight: 500;
     font-size: 14px;
     padding-left: 8px
 }

 .recipe-options {
     display: flex;
     padding: 16px 24px 18px
 }

 .recipe-options_block:last-child {
     margin-right: 0
 }

 .recipe-options_block {
     position: relative;
     display: flex;
     align-items: center;
     cursor: pointer;
     margin-right: 32px
 }

 .recipe-options_icon {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 22px;
     height: 22px
 }

 .recipe-options_block:hover .recipe-options_icon svg.hover,
 .recipe-options_block.active .recipe-options_icon svg.hover {
     opacity: 1;
     visibility: visible
 }

 .recipe-options_block:hover .recipe-options_icon svg.normal,
 .recipe-options_block.active .recipe-options_icon svg.normal {
     opacity: 0;
     visibility: hidden
 }

 .recipe-options_like {
     min-width: 40px
 }

 .recipe-options_like.active .recipe-options_icon svg path {
     fill: #ec6250
 }

 .recipe-options_favorites.active .recipe-options_icon svg path {
     fill: #f0be5e
 }

 .recipe-options_icon svg.hover {
     opacity: 0;
     visibility: hidden
 }

 .fancybox-active {
     height: 100%
 }

 .recipe-options_icon svg {
     position: absolute
 }

 .recipe-options_block:hover .recipe-options_text,
 .recipe-options_block.active .recipe-options_text {
     color: #333
 }

 .recipe-options_text {
     color: #666;
     font-weight: 600;
     padding-left: 6px
 }

 .recipe-options_share.open .recipe-options_share-list {
     opacity: 1;
     visibility: visible
 }

 .recipe-options_share-list {
     position: absolute;
     top: calc(100% + 11px);
     opacity: 0;
     visibility: hidden;
     width: 220px;
     z-index: 1
 }

 .recipe-options_share-list:before {
     content: '';
     position: absolute;
     top: -11px;
     left: 0;
     width: 100%;
     height: 30px
 }

 .recipe-options_share-list ul:hover {
     box-shadow: 0 4px 24px rgba(0, 0, 0, .16)
 }

 .recipe-options_share-list ul {
     overflow: hidden;
     background: #fff;
     box-shadow: 0 4px 24px rgba(0, 0, 0, .12);
     border-radius: 12px
 }

 .recipe-options_share-list_icon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 22px;
     height: 22px
 }

 .recipe-options_share-list ul li.vk a:hover {
     background: #478ee0
 }

 .recipe-options_share-list ul li.fb a:hover {
     background: #1877f2
 }

 .recipe-options_share-list ul li.od a:hover {
     background: #f49000
 }

 .recipe-options_share-list ul li.tw a:hover {
     background: #03a9f4
 }

 .recipe-options_share-list ul li.sh a:hover {
     background: #333
 }

 .recipe-options_share-list ul li a {
     display: flex;
     align-items: center;
     padding: 11px 16px
 }

 .recipe-options_share-list ul li a:hover .recipe-options_share-list_icon svg path {
     fill: #fff
 }

 .recipe-options_share-list ul li a:hover .recipe-options_share-list_text {
     color: #fff
 }

 .recipe-options_share-list_text {
     font-weight: 600;
     padding-left: 8px
 }

 .recipe-desc {
     border-top: 1px solid #eee;
     padding: 24px 24px 0
 }

 .recipe-thumb_author {
     padding: 24px;
     padding-top: 0
 }

 .recipe-thumb_author p {
     color: #666;
     font-size: 14px;
     line-height: 19px
 }

 .recipe-desc p {
     color: #000;
     font-size: 16px;
     line-height: 170%
 }

 h2.recipe-title {
     margin-bottom: 0
 }

 .recipe-title {
     color: #000;
     font-weight: 800;
     font-size: 18px;
     line-height: 125%;
     letter-spacing: -.01em;
     padding-bottom: 16px
 }

 .recipe-ingredients {
     padding: 24px 24px 0;
     padding-top: 26px
 }

 .recipes-quantity {
     display: inline-block
 }

 .sidebar .recipes-top_block {
     /*float: right;
     padding-top: 10px;
     display: inline-block*/
     position:     relative;
     margin-left: 20px;
 }
 .caption_aside{
     display:      inline-block;
     position:     absolute;
     top:          32px;
     left:         -17px;

     height:       38px;
     line-height:  38px;

     padding:      0px 10px 0px 10px;

     background:   #8bc340;
     color:        #ffffff;

     /*font-family:  Arial;
     font-weight:  700;
     text-transform: uppercase;*/
 }

 .caption_aside:before {
     content:    "";

     position:   absolute;
     left:       0px;
     bottom:     -12px;

     width:      0;
     height:     0;
     border-style: solid;
     border-width: 0 12px 12px 0;
     border-color: transparent #418b1f transparent transparent;
 }

 .caption_aside:after {
     content:    "";

     position:   absolute;
     right:      -15px;

     width: 0;
     height: 0;
     border-style: solid;
     border-width: 38px 15px 0 0;
     border-color: #8bc340 transparent transparent transparent;
 }

 .recipes-top .recipes-top_block .recipes-sorting {
     float: right;
     padding-top: 10px;
     display: inline-block
 }

 .recipes-top .recipes-top_block {
     display: block;
     margin-bottom: 0px;
     /*margin-top: 31px;*/
 }

 .recipe-ingredients_title {
     font-size: 20px
 }

 .recipe-ingredients_gtitle {
     color: #000;
     font-weight: 600;
     font-size: 16px;
     line-height: 170%;
     padding-bottom: 8px
 }

 .recipe-ingredients_block:last-child {
     padding-bottom: 0
 }

 .recipe-ingredients_block {
     padding-bottom: 16px
 }

 .recipe-ingredients_list ul li:last-child {
     padding-bottom: 0
 }

 .recipe-ingredients_list ul li {
     padding-bottom: 8px
 }

 .recipe-ingredients_name {
     color: #666;
     font-size: 16px;
     line-height: 170%
 }

 .recipe-ingredients_amount {
     color: #000;
     font-weight: 500;
     font-size: 16px;
     line-height: 170%
 }

 .recipe-steps {
     padding: 24px;
     padding-top: 26px
 }

 .recipe-steps_title {
     font-size: 20px
 }

 .recipe-steps_block:last-child {
     margin-bottom: 0
 }

 .recipe-steps_block {
     counter-increment: list;
     margin-bottom: 16px
 }

 .recipe-steps_desc {
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 16px
 }

 .recipe-steps_desc:before {
     content: counter(list);
     display: flex;
     align-items: center;
     justify-content: center;
     background: #f4f4f4;
     border-radius: 100%;
     color: #000;
     font-weight: 700;
     font-size: 20px;
     width: 48px;
     height: 48px;
     margin-right: 16px
 }

 .recipe-steps_desc p {
     color: #000;
     font-size: 16px;
     line-height: 170%;
     width: calc(100% - 64px)
 }

 .recipe-steps_photo {
     border-radius: 12px
 }

 .recipe-author {
     display: flex;
     align-items: center;
     border-top: 1px solid #eee;
     padding: 16px
 }

 .recipe-author_photo {
     border-radius: 100%;
     width: 48px;
     height: 48px
 }

 .recipe-author_info {
     padding-left: 16px
 }

 .recipe-author_text {
     font-size: 14px
 }

 .recipe-author_name {
     color: #000;
     font-weight: 600;
     font-size: 14px
 }

 .recipe-liked {
     border-top: 1px solid #eee;
     padding: 24px
 }

 .recipe-liked_inner {
     display: flex;
     justify-content: space-between
 }

 .recipe-liked_block {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     align-content: center;
     justify-content: center;
     border-radius: 12px;
     text-align: center;
     width: calc(50% - 8px);
     height: 120px
 }

 .recipe-like:hover {
     background: rgba(248, 112, 72, .3)
 }

 .recipe-like {
     background: rgba(236, 98, 80, .1)
 }

 .recipe-favorites.active {
     background: rgba(240, 190, 94, .1)
 }

 .recipe-favorites:hover {
     background: rgba(240, 190, 94, .3)
 }

 .recipe-favorites {
     background: rgba(255, 229, 161, .2)
 }

 .recipe-liked_icon {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     width: 48px;
     height: 48px
 }

 .recipe-liked_block:hover:not(.active) .recipe-liked_icon svg.normal {
     opacity: 0;
     visibility: hidden
 }

 .recipe-liked_block:hover:not(.active) .recipe-liked_icon svg.hover {
     opacity: 1;
     visibility: visible
 }

 .recipe-liked_block.active .recipe-liked_icon svg {
     opacity: 0;
     visibility: hidden
 }

 .recipe-liked_block.active .recipe-liked_icon svg.active {
     opacity: 1;
     visibility: visible
 }

 .recipe-liked_icon svg:not(.normal) {
     opacity: 0;
     visibility: hidden
 }

 .recipe-liked_icon svg {
     position: absolute
 }

 .recipe-like:hover .recipe-like_icon-amount,
 .recipe-like.active .recipe-like_icon-amount {
     color: #fff
 }

 .recipe-like_icon-amount {
     position: absolute;
     font-weight: 700;
     font-size: 12px;
     padding-bottom: 1px
 }

 .recipe-liked_block:hover .recipe-liked_text,
 .recipe-liked_block.active .recipe-liked_text {
     color: #000
 }

 .recipe-liked_text {
     font-weight: 500;
     width: 100%;
     padding-top: 6px
 }

 .recipe-comments {
     position: relative;
     border-top: 1px solid #eee;
     padding: 24px 24px 0
 }

 .recipe-comments_form {
     margin-bottom: 24px
 }

 .recipe-comments_form form {
     position: relative
 }

 .recipe-comments_form form.focus-textarea .textarea {
     height: 132px
 }

 .recipe-comments_form form .textarea {
     height: auto;
     min-height: 47px;
     padding-top: 12px;
     padding-bottom: 10px
 }

 .recipe-comments_form-btn {
     position: absolute;
     right: 16px;
     bottom: 12px
 }

 .recipe-comments_account {
     font-weight: 700;
     font-size: 14px;
     line-height: 44px;
     text-align: center;
     padding-bottom: 24px
 }

 .recipe-comments_account a {
     color: rgb(248 112 72/75%)
 }

 .recipe-comments_list {
     position: relative
 }

 .recipe-comments_person.children {
     padding-left: 0
 }

 .recipe-comments_block:last-child .recipe-comments_person:last-child {
     margin-bottom: 0
 }

 .recipe-comments_person {
     position: relative;
     margin-bottom: 32px
 }

 .recipe-comments_photo {
     display: flex;
     align-items: center;
     justify-content: center;
     background: #ffe5a1;
     border-radius: 100%;
     width: 40px;
     height: 40px
 }

 .recipe-comments_top {
     position: relative;
     display: flex
 }

 .recipe-comments_info {
     padding-left: 11px
 }

 .recipe-comments_name {
     color: #000;
     font-weight: 600;
     font-size: 14px
 }

 .recipe-comments_date {
     color: rgb(0 0 0/50%);
     font-size: 12px;
     line-height: 16px
 }

 .recipe-comments_person:hover .recipe-comments_reply {
     color: rgb(0 0 0/75%)
 }

 .recipe-comments_reply {
     position: absolute;
     top: 0;
     right: 0;
     color: rgb(153 153 153/75%);
     font-weight: 500;
     font-size: 14px;
     display: none
 }

 .recipe-comments_list .recipe-comments_delete img.list_load {
     max-width: 20px;
     cursor: auto
 }

 .recipe-comments_delete {
     position: absolute;
     top: 0;
     right: 0;
     color: #f87048;
     font-weight: 500;
     font-size: 14px
 }

 .recipe-comments_desc {
     padding-top: 12px
 }

 .recipe-comments_desc p {
     color: #000;
     font-size: 14px;
     line-height: 170%;
     padding-bottom: 0;
     min-height: 23px
 }

 .recipe-comments_form-replay {
     margin-top: 18px
 }

 .recipe-comments_form-replay form {
     position: relative
 }

 .recipe-comments_form-replay form textarea:hover {
     border-color: #333
 }

 .recipe-comments_form-replay form textarea {
     border-radius: 22px;
     height: 66px
 }

 .recipe-comments_btn:hover {
     color: rgb(0 0 0/75%)
 }

 .recipe-comments_btn {
     border-top: 1px solid #eee;
     color: rgb(51 51 51/75%);
     font-size: 14px;
     line-height: 56px;
     text-align: center;
     width: calc(100% + 48px);
     margin: 0 -24px
 }

 .page-content_404 {
     text-align: center;
     padding-top: 44px;
     padding-bottom: 252px;
     margin: auto
 }

 .page-404_info {
     padding-top: 47px
 }

 .page-404_title {
     color: #000;
     font-weight: 800;
     font-size: 32px;
     line-height: 44px
 }

 .page-404_info p {
     color: #000;
     font-size: 16px;
     line-height: 170%;
     padding: 16px 0
 }

 .page-404_code {
     color: #666;
     font-size: 16px;
     line-height: 170%;
     padding-bottom: 24px
 }

 .popup {
     display: none;
     box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
     border-radius: 16px;
     font: 13px manrope, sans-serif;
     text-align: center;
     width: 360px;
     padding: 32px 0 0
 }

 .popup-inner {
     padding: 0 24px
 }

 .popup-title {
     padding-bottom: 24px
 }

 .popup-title span {
     color: #000;
     font-weight: 800;
     font-size: 26px;
     line-height: 36px
 }

 .popup-title p {
     padding-top: 16px
 }

 .popup-fields input:last-child {
     margin-bottom: 0
 }

 .popup-fields input {
     margin-bottom: 16px
 }

 .popup-btn {
     width: 100%;
     margin-top: 24px
 }

 .popup-info {
     padding-top: 16px
 }

 .popup-link_forgot {
     color: #666;
     font-weight: 600
 }

 .popup-text {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 20px 0 24px
 }

 .popup-text:before,
 .popup-text:after {
     content: '';
     background: #eee;
     height: 1px;
     width: 129px
 }

 .popup-agreement {
     display: flex;
     padding-top: 16px
 }

 .popup-agreement_text {
     font-weight: 600;
     font-size: 12px;
     text-align: left;
     width: calc(100% - 38px);
     padding-left: 12px
 }

 .popup-agreement_text a:hover {
     text-decoration: none
 }

 .popup-agreement_text a {
     color: #666;
     text-decoration: underline
 }

 .popup-social ul {
     display: flex;
     align-items: center;
     justify-content: center
 }

 .popup-social ul li:last-child {
     margin-right: 0
 }

 .popup-social ul li {
     margin-right: 32px
 }

 .popup-social ul li.vk a:hover {
     background: #478ee0
 }

 .popup-social ul li.go a:hover {
     background: #f14336
 }

 .popup-social ul li.fb a:hover {
     background: #1877f2
 }

 .popup-social ul li a:hover {
     border: 2px solid #fff
 }

 .popup-social ul li a {
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fff;
     border: 2px solid #eaeaea;
     border-radius: 48px;
     width: 56px;
     height: 56px
 }

 .popup-social ul li a:hover svg path {
     fill: #fff
 }

 .popup-text_question {
     display: flex;
     align-items: center;
     justify-content: center;
     background: #f2f2f2;
     height: 56px;
     margin-top: 24px
 }

 .popup-text_question p {
     font-weight: 600
 }

 .popup-text_question p a:hover {
     color: #f56439
 }

 .popup-text_question p a {
     color: #f87048
 }

 .popup-profile_title {
     display: block;
     color: #696969;
     font-weight: 600;
     font-size: 12px;
     line-height: 16px;
     text-align: left;
     padding-bottom: 8px
 }

 .popup-profile_photo-wr {
     padding-bottom: 16px
 }

 .popup-profile_photo-main {
     display: flex;
     align-items: center
 }

 .popup-profile_photo {
     border-radius: 100%;
     width: 64px;
     height: 64px
 }

 .popup-profile_photo-info {
     width: calc(100% - 64px);
     padding-left: 14px
 }

 .popup-profile_photo-info a {
     width: 100%
 }

 .popup-profile_fields label:last-child {
     margin-bottom: 0
 }

 .popup-profile_fields label {
     margin-bottom: 16px
 }

 .popup-notif {
     padding-top: 16px
 }

 .popup-notif_block:last-child {
     margin-bottom: 0
 }

 .popup-notif_block {
     display: flex;
     margin-bottom: 12px
 }

 .popup-notif_text {
     font-weight: 600;
     font-size: 12px;
     text-align: left;
     width: calc(100% - 38px);
     padding-left: 12px
 }

 .popup-profile_deact {
     display: block;
     background: #f1ebeb;
     color: #cd8c8c;
     font-weight: 600;
     line-height: 56px;
     width: 100%;
     margin-top: 32px
 }

 .popup-thanks {
     padding-bottom: 24px
 }

 .popup-thanks_title {
     color: #000;
     font-weight: 800;
     font-size: 18px;
     line-height: 125%;
     letter-spacing: -.01em;
     padding: 24px 0 12px
 }

 .popup-thanks p {
     color: #000;
     font-size: 16px;
     line-height: 170%;
     width: 99%;
     padding-bottom: 24px;
     margin: auto
 }

 .popup-thanks_btn {
     width: 100%
 }

 .fancybox-close-small {
     top: 16px;
     right: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 34px;
     height: 34px;
     padding: 0
 }

 .fancybox-close-small:hover svg {
     opacity: .8
 }

 .fancybox-close-small svg {
     opacity: 1
 }

 .footer {
     flex: 0 0 auto;
     border-top: 1px solid #e9e9e9;
     margin-top: 82px
 }

 .page-template-profile-php .footer {}

 .footer-wrapper {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     padding-top: 28px;
     padding-bottom: 28px
 }

 .footer-copyright p {
     color: #666;
     font-size: 15px
 }

 .footer-menu ul {
     display: flex;
     flex-wrap: wrap;
     align-items: center
 }

 .footer-menu ul li:last-child {
     margin-right: 0
 }

 .footer-menu ul li {
     margin-right: 24px
 }

 .footer-menu ul li a:hover,
 .footer-menu ul li .as_link:hover {
     color: #f87048
 }

 .footer-menu ul li a,
 .footer-menu ul li .as_link {
     font-weight: 600;
     font-size: 15px;
     line-height: 20px
 }

 .footer-social ul {
     display: flex;
     align-items: center
 }

 .footer-social ul li:last-child {
     margin-right: 0
 }

 .footer-social ul li {
     margin-right: 24px
 }

 .footer-social ul li.dz a:hover {
     background: #000
 }

 .footer-social ul li.vk a:hover,
 .footer-social ul li.vk .as_link:hover {
     background: #478ee0
 }

 .footer-social ul li.fb a:hover,
 .footer-social ul li.fb .as_link:hover {
     background: #1877f2
 }

 .footer-social ul li.tw a:hover,
 .footer-social ul li.tw .as_link:hover {
     background: #03a9f4
 }

 .footer-social ul li.pn a:hover,
 .footer-social ul li.pn .as_link:hover {
     background: #df0022
 }

 .footer-social ul li.tg a:hover,
 .footer-social ul li.tg .as_link:hover {
     background: #08c
 }

 .footer-social ul li.youtube a:hover,
 .footer-social ul li.youtube .as_link:hover {
     background: red
 }

 .footer-social ul li a,
 .footer-social ul li .as_link {
     display: flex;
     align-items: center;
     justify-content: center;
     background: #f2f2f2;
     border-radius: 100%;
     width: 40px;
     height: 40px
 }

 .footer-social ul li.dz a:hover svg path.type1 {
     fill: #000
 }

 .footer-social ul li a:hover svg path,
 .footer-social ul li .as_link:hover svg path {
     fill: #fff
 }

 .recipe-liked.subscribe .footer-social {
     display: none
 }

 .recipe-liked.subscribe .footer-social {
     text-align: center
 }

 .recipe-liked.subscribe .recipe-title {
     padding-bottom: 20px
 }

 .recipe-liked.subscribe .footer-social ul {
     display: inline-flex
 }

 .recipe-liked.subscribe .footer-social ul li {
     margin-right: 20vw
 }

 .recipe-liked.subscribe .footer-social ul li:last-child {
     margin-right: 0
 }

 .recipe-liked.subscribe .footer-social ul li.tg a {
     background: #08c
 }

 .recipe-liked.subscribe .footer-social ul li.vk a {
     background: #478ee0
 }

 .recipe-liked.subscribe .footer-social ul li.youtube a {
     background: red
 }

 .recipe-liked.subscribe .footer-social ul li a svg path {
     fill: #fff
 }

 .page-inner h1 {
     line-height: 36px
 }

 .page-inner h2 {
     font-size: 20px;
     margin: 8px 0
 }

 .page-inner h3 {
     font-size: 20px;
     margin: 8px 0
 }

 .page-inner a {
     color: #f87048
 }

 .page-content p {
     color: #000;
     font-size: 16px;
     line-height: 170%;
     padding: 8px 0
 }

 .search_empty_container {
     max-width: 490px;
     margin: auto
 }

 .inner-content .search_empty_img img {
     max-width: 262px;
     margin: auto
 }

 .search_empty_block .btn1 {
     width: auto
 }

 .ajaxForm p.error {
     margin-top: 10px;
     padding-bottom: 0;
     color: red;
     display: none
 }

 .btn_load_amination {
     max-height: 25px
 }

 .list_load {
     margin-left: auto;
     margin-right: auto;
     margin-top: 50px;
     margin-bottom: 30px;
     max-width: 75px;
     display: block
 }

 .recipe-comments_list .list_load {
     margin-top: 5px;
     max-width: 50px
 }

 .hidden {
     display: none !important
 }

 #add_recipe img {
     max-width: 100%;
     width: 100%;
     height: 100%
 }

 .rec_foto_container {
     align-items: center;
     justify-content: center;
     background: #f2f2f2;
     border-radius: 16px;
     width: 100px;
     height: 60px;
     overflow: hidden
 }

 .remove_btn {
     border: 1px solid #000;
     border-radius: 7px;
     height: 24px;
     width: 24px;
     text-align: center;
     color: #000;
     margin-top: 10px;
     background: #f6f7f7;
     border-color: #d1d1d1
 }

 .remove_btn.disabled {
     opacity: .7
 }

 .remove_btn:not(.disabled):hover {
     background: #f0f0f1;
     border-color: #666;
     color: #0a4b78
 }

 .form-list_inner .remove_btn {
     margin-top: 36px
 }

 .ui-autocomplete {
     background-color: #ff0;
     max-width: 306px;
     background: #fff;
     box-shadow: 0 4px 24px rgb(0 0 0/16%);
     border-bottom-left-radius: 22px;
     border-bottom-right-radius: 22px;
     border-top: 1px solid #d1d1d1
 }

 .ui-autocomplete .ui-menu-item-wrapper {
     cursor: pointer;
     font-weight: 600;
     font-size: 15px;
     line-height: 44px;
     padding: 0 24px
 }

 .rpr-ing-name.open {
     box-shadow: 0 4px 24px rgb(0 0 0/16%);
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border: 0
 }

 .focus.deleteicon .rpr-ing-name {
     background: #d1d1d1
 }

 .ing_block .deleteicon span.close_btn {
     position: absolute;
     display: block;
     top: 40px;
     right: 15px;
     width: 16px;
     height: 16px;
     background: url(../img/close-button-png-30230.png) no-repeat;
     background-size: 100% auto;
     cursor: pointer
 }

 .recipe-comments_btn .btn_load_amination {
     margin-top: 20px
 }

 @media screen and (max-width:600px) {
     html #wpadminbar {
         margin-top: -46px
     }

     .recipe-liked.subscribe .footer-social {
         display: block
     }
 }

 @media(max-width:999px) {
     body.admin-bar .main-menu {
         top: auto
     }
 }

 @media(min-width:1260px) {
     .recipes-list .recipes-photo {
         min-width: 360px;
         max-height: 314px
     }
 }

 @media(min-width:999px) {
     .recipes-list .recipes-photo {
         min-width: 275px
     }
 }

 .small-popup {
     padding: 24px 0
 }

 .small-popup .fancybox-close-small {
     display: none
 }

 .small-popup .popup-title {
     padding-bottom: 8px
 }

 .small-popup .popup-description span {
     font-family: Manrope;
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     line-height: 155%
 }

 .small-popup .popup-title span {
     font-family: Manrope;
     font-style: normal;
     font-weight: 800;
     font-size: 18px;
     line-height: 25px
 }

 .de_mobile {
     display: none
 }

 .recipe-comments_ajax_btn {
     margin-bottom: 24px;
     color: #000;
     font-weight: 800;
     font-size: 14px;
     cursor: pointer
 }

 .recipe-comments_person .recipe-comments_ajax_btn {
     margin-top: 5px;
     margin-bottom: -5px
 }

 .recipe-comments_person .recipe-comments_ajax_btn:before {
     content: "\2937";
     margin-right: 3px;
     font-size: 26px;
     vertical-align: -3px
 }

 .recipe-comments_person .recipe-comments_ajax_btn a {
     margin-left: 2px
 }

 .recipe-comments_list .unvisible {
     opacity: 0;
     background-color: #ff0
 }

 .recipe-comments_person {}

 .recipe-comments_person.deleted .recipe-comments_desc p {
     color: gray
 }

 body.compensate-for-scrollbar {
     overflow: auto
 }

 body.compensate-for-scrollbar.page-template-profile {
     overflow: hidden
 }

 .compensate-for-scrollbar {
     margin-right: 0 !important
 }

 .recipe-tags_container {
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     flex-wrap: wrap;
     padding-bottom: 13px;
     padding-left: 24px
 }

 .recipe-tag {
     margin-bottom: 8px;
     margin-right: 8px;
     padding: 8px 16px;
     background: #f4f4f4;
     border-radius: 18px;
     white-space: nowrap;
     cursor: pointer;
     font-size: 13px;
     line-height: 16px;
     color: #000
 }

 .recipe-tag:hover {
     background: #eee
 }

 .page-inner_content-recipe.second {
     margin-top: 30px
 }

 .vk .recipe-options_share-list_text::after {
     content: "Вконтакте"
 }

 .fb .recipe-options_share-list_text::after {
     content: "Facebook"
 }

 .od .recipe-options_share-list_text::after {
     content: "Одноклассники"
 }

 .tw .recipe-options_share-list_text::after {
     content: "Twitter"
 }

 .recipe-options_share_text::after {
     content: "Поділитись"
 }

 .recipe-options_share-copy-list_text::after {
     content: "Скопіювати посилання"
 }

 .recipe-options_favorites_text::after {
     content: "Вибране"
 }

 .as_link {
     cursor: pointer
 }

 .field-full {
     width: 100%
 }

 .field-col5-1 {
     width: 14%
 }

 .le_form_notice {
     display: block;
     color: #666;
     margin-top: 20px;
     font-size: 13px
 }

 .banner-install {
     display: none;
     position: fixed;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 70px;
     background: #f2f1f6;
     padding: 10px
 }

 .banner-install-bottom-logo {
     width: 50px;
     float: left
 }

 .banner-install-bottom-info {
     float: left;
     padding-left: 10px;
     padding-top: 4px
 }

 .banner-install-bottom-info .banner-install-bottom-header {
     font-size: 16px;
     font-weight: 700;
     color: #000
 }

 .banner-install-bottom-info .banner-install-bottom-header .star {
     font-size: 12px;
     font-weight: 400;
     color: #fb9504
 }

 .banner-install-bottom-info .banner-install-bottom-text {
     color: #909094;
     font-size: 12px
 }

 .banner-install-bottom-button {
     float: right;
     padding-top: 10px;
     position: absolute;
     right: 10px
 }

 .banner-install-bottom-button button {
     background: #ff5317;
     color: #fff;
     padding: 7px;
     font-size: 13px;
     border-radius: 5px
 }

 .banner-install-bottom-close {
     position: absolute;
     font-size: 30px;
     top: -25px;
     right: 0;
     width: 25px;
     height: 25px;
     background: #fff;
     display: block;
     border-radius: 5px;
     line-height: 23px;
     padding-left: 4px;
     color: #999;
     cursor: pointer
 }

 @media screen and (max-width:374px) {
     .banner-install-bottom-button button {
         font-size: 11px
     }

     .banner-install-bottom-info {
         padding-left: 5px;
         padding-top: 6px
     }

     .banner-install-bottom-info .banner-install-bottom-header {
         font-size: 13px
     }

     .banner-install-bottom-info .banner-install-bottom-text {
         font-size: 10px
     }
 }

 .items.google_search {
     margin-top: 0
 }

 .gsc-cursor-page {
     font-size: 18px !important;
     padding-right: 8px !important
 }

 .gsc-control-cse {
     font-family: manrope !important;
     font-size: 16px !important;
     padding: 0 !important
 }

 .gsc-result-info {
     font-size: 15px !important;
     padding: 0 0 10px 0 !important
 }

 .gcsc-more-maybe-branding-root {
     display: none !important
 }

 .gsc-results .gsc-cursor-box {
     margin: 10px 0 !important
 }

 .gsc-expansionArea {
     border-bottom: 1px solid #e9e9e9 !important;
     padding-bottom: 10px !important
 }

 .gsc-adBlock {
     display: none !important
 }

 .gsc-results .gsc-expansionArea * {
     all: unset !important;
     font-family: manrope !important;
     font-size: 16px !important;
     line-height: 170% !important
 }

 .gsc-results .gs-visibleUrl-short,
 .gsc-results .gs-visibleUrl-long {
     display: none !important
 }

 .gsc-results .gsc-expansionArea b {
     font-weight: 700 !important
 }

 .gsc-results .gsc-expansionArea a {
     cursor: pointer !important
 }

 .gsc-results .gsc-webResult.gsc-result {
     padding: 15px 0 !important;
     display: block !important
 }

 .gsc-results .gsc-expansionArea .gs-title.gsc-thumbnail-left,
 .gsc-results .gsc-expansionArea .gs-watermark {
     display: none !important
 }

 .gsc-results .gsc-expansionArea .gs-title {
     display: block !important;
     font-size: 18px !important;
     font-weight: 600 !important;
     line-height: 1.25 !important
 }

 .gsc-results .gsc-expansionArea .gs-title b {
     font-size: 18px !important;
     font-weight: 700 !important
 }

 .gsc-results .gsc-expansionArea .gsc-url-top {
     display: block !important;
     font-size: 15px !important;
     padding: 0 0 10px !important;
     color: #96929c !important
 }

 .gsc-results .gsc-expansionArea .gsc-table-result {
     display: block !important
 }

 .gsc-results .gsc-expansionArea .gsc-table-cell-thumbnail.gsc-thumbnail {
     display: block !important;
     float: left !important;
     margin-right: 25px !important;
     width: 200px !important
 }

 .gsc-results .gsc-expansionArea .gsc-table-cell-thumbnail.gsc-thumbnail img {
     width: 100% !important
 }

 .gsc-results .gsc-expansionArea .gsc-table-cell-snippet-close {
     display: block !important
 }

 .gsc-results .gs-webResult div.gs-visibleUrl-breadcrumb span {
     color: #666 !important;
     font-weight: 400 !important;
     font-size: 14px !important
 }

 .page-content_search {
     width: calc(100% - 540px);
     padding-right: 40px
 }

 .gsc-results .gsc-cursor-box .gsc-cursor-page {
     font-size: 16px !important
 }

 .gcsc-find-more-on-google-root {
     display: none !important
 }

 .gsc-results .gsc-cursor-box {
     border: 0 !important;
     padding-top: 15px !important;
     text-align: center !important
 }

 .gsc-cursor-chevron {
     margin-left: auto !important;
     margin-right: auto !important
 }

 @media only screen and (max-width:600px) {
     .gsc-results .gsc-expansionArea .gs-title {
         font-size: 22px !important;
         line-height: 1.25 !important
     }

     .gsc-results .gsc-expansionArea .gs-title b {
         font-size: 22px !important;
         line-height: 1.25 !important
     }

     .gsc-results .gsc-expansionArea .gsc-table-cell-thumbnail.gsc-thumbnail {
         float: initial !important;
         margin-right: 0 !important;
         margin-bottom: 15px !important;
         width: 100% !important
     }
 }

 .radtds {
     width: 100%
 }

 .radtds .radtds_wrap {}

 .radtds.tf .radtds_wrap {
     padding-left: 16px;
     padding-right: 16px
 }

 .radtds.mt.active {
     margin-top: 15px
 }

 .radtds.mb.active {
     margin-bottom: 15px
 }

 .tadtds {
     width: 100%;
     height: 520px
 }

 .tadtds_wrap {
     overflow: hidden;
     border-radius: 16px
 }

 @media(max-width:999px) {

     .tadtds,
     .radtds {
         width: 100%;
         height: initial;
         max-height: 60vh
     }
 }

 @keyframes cssAnimation {
     to {
         opacity: .25
     }
 }

 .radtds .bg,
 .tadtds_wrap .bg {
     opacity: 0;
     -moz-animation: cssAnimation 5s;
     -webkit-animation: cssAnimation 5s;
     -o-animation: cssAnimation 5s;
     animation: cssAnimation 5s;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     background: url(/images/abg.jpg);
     width: 100%;
     height: 100%
 }

 .tadtds_wrap .bg {
     height: 520px
 }

 @media(max-width:999px) {
     .tadtds_wrap .bg {
         height: 300px
     }
 }

 @media all and (max-width:1260px) {
     .main-wrapper {
         /*padding: 0 25px*/
     }

     .main-content {
         padding-bottom: 56px
     }

     .recipes-column {
         margin: 0
     }

     .recipes-block {
         max-width: none
     }

     .recipes-block:nth-child(odd) {
         margin-right: 0
     }
	 
	 .recipes-block-related {
         max-width: none
     }

     .recipes-block-related:nth-child(odd) {
         margin-right: 0
     }

     .home-info {
         padding: 48px 0 0
     }

     .page-content_recipe {
         width: calc(100% - 360px);
         padding-right: 0
     }

     .page-template-add_recipe .sidebar,
     .sidebar2 {
         display: none
     }

     .page-content_add-recipe {
         width: 100%;
         padding: 0
     }
 }

 @media all and (max-width:999px) {

     /*.recipes-block:nth-child(2n),
     .recipes-block:nth-child(odd) {
         float: left
     }
	 
	 .recipes-block-related:nth-child(2n),
     .recipes-block-related:nth-child(odd) {
         float: left
     }*/

     .fancybox-slide--html,
     .inner-wrapper,
     .main-wrapper {
         padding: 0
     }

     .cookies-message p br,
     .de_desc,
     .field-photo2 span,
     .header-add,
     .header-btn_login span,
     .header-search,
     .notice-icon_amount span,
     .profile-sorting_text,
     .recipe-options_favorites .recipe-options_text,
     .recipe-options_share .recipe-options_text {
         display: none
     }

     .recipe-tags_container {
         padding-left: 16px
     }

     .recipe-thumb_author {
         padding-left: 18px
     }

     .de_mobile,
     .form-list_row .field-block .field-title,
     .header-btn_login svg,
     .page-template-add_recipe .sidebar,
     .small-popup .btn-half,
     .sub-menu .parent_mob_item {
         display: block
     }

     .form-fields .form-list .form-row .form-field:last-child,
     .form-fields .form-row:last-child .form-field:last-child,
     .form-list .form-list_row:last-child,
     .form-list_row,
     .popup-thanks_inner,
     .profile-top.personal .profile-person,
     .small-popup .popup-inner {
         padding-bottom: 0
     }

     .small-popup .btn-white {
         margin-top: 20px
     }

     .page-404_title,
     .popup-title span,
     h1 {
         font-size: 24px;
         line-height: 33px
     }

     textarea.field {
         border-radius: 22px
     }

     .single-rpr_recipe .inner-wrapper {
         padding-left: 16px;
         padding-right: 16px
     }

     .single-rpr_recipe .inner-wrapper.header-wrapper {
         padding: 12px
     }

     .btn1,
     .btn2,
     .btn3,
     .field-col2,
     .field-col3,
     .field-col6,
     .field-col7,
     .form-field .textarea1,
     .sidebar {
         width: 100%
     }

     .header-wrapper {
         padding: 12px;
         margin-top: 4px
     }

     .header-sandwich {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 34px;
         height: 34px
     }

     .header-sandwich.active div {
         border: 0
     }

     .header-sandwich.active div:before {
         top: 6px;
         transform: rotate(45deg)
     }

     .header-sandwich.active div:after {
         transform: rotate(-45deg)
     }

     .header-sandwich div {
         position: relative;
         border-bottom: 2px solid #000;
         width: 20px;
         height: 14px
     }

     .header-sandwich div:after,
     .header-sandwich div:before {
         content: '';
         position: absolute;
         background: #000;
         border-radius: 2px;
         width: 100%;
         height: 2px
     }

     .header-sandwich div:before {
         top: 0
     }

     .header-sandwich div:after {
         top: 6px
     }

     .header-logo svg {
         position: absolute;
         top: -8px;
         left: 0;
         right: 0;
         bottom: 0;
         width: 131px;
         margin: auto
     }

     .notice-icon {
         padding-top: 2px
     }

     .notice-icon_amount {
         top: 7px;
         left: 19px;
         min-width: 9px;
         height: 9px;
         padding: 0
     }

     .recipe-desc p,
     .recipe-ingredients_amount,
     .recipe-ingredients_name,
     .recipe-steps_desc p {
         font-size: 15px
     }

     .header .header-btn_login {
         background: 0 0;
         border-radius: 0;
         width: 34px;
         height: 34px;
         padding: 2px 0 0
     }

     .notice-main {
         width: 290px
     }

     .notice-main_list-info p {
         font-size: 12px
     }

     .header-profile {
         margin-left: 18px
     }

     .header-notice,
     .header-profile_avatar {
         width: 34px;
         height: 34px
     }

     .main-menu,
     .main-menu_add {
         background: #fff;
         width: 100%
     }

     .main-menu.open {
         left: 0
     }

     /*.main-menu {
         position: fixed;
         top: 58px;
         left: -99999px;
         height: calc(100% - 58px);
         z-index: 11
     }*/

     .main-menu_inner {
         overflow: auto;
         height: 100%;
         padding-bottom: 66px;
         padding-top: 3px
     }

     .main-menu form {
         display: flex;
         padding: 0 16px;
         margin: 0 16px
     }

     .main-menu .search-form:hover {
         background: #fff;
         box-shadow: 0 4px 16px rgb(0 0 0/16%);
         border-radius: 24px
     }

     .main-menu .search-form:hover .search-form_icon svg ellipse,
     .main-menu .search-form:hover .search-form_icon svg path {
         stroke: #000
     }

     .main-menu .search-form input {
         text-align: center;
         padding-left: 18px
     }

     .main-menu nav {
         padding-top: 12px
     }

     .main-menu_head {
         padding-left: 32px;
         padding-right: 32px
     }

     .main-menu nav>ul>li:not(.active) .main-menu_head svg.arrow {
         opacity: .25
     }

     .main-menu_head svg.arrow {
         position: absolute;
         right: 26px;
         display: block
     }

     .main-menu .sub-menu {
         padding-left: 66px
     }

     .category .main-content,
     .cookies-message p,
     .home .main-content,
     .page-template-default .main-content,
     .page-template-profile .main-content,
     .search-results .main-content,
     .search-no-results .main-content,
     .tax-rpr_ingredient .main-content,
     .tax-rpr_tag .main-content {
         padding-left: 10px;
         padding-right: 10px
     }

     .main-menu_add {
         position: absolute;
         left: 0;
         bottom: 0;
         align-items: center;
         justify-content: center;
         border-top: 1px solid #eee;
         height: 66px;
         display: none
     }

     .main-menu_add-icon {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         background: #ffe5a1;
         border-radius: 100%;
         width: 34px;
         height: 34px
     }

     .main-menu_add-text {
         color: #000;
         font-weight: 700;
         font-size: 14px;
         padding-left: 12px
     }

     .main-content {
         /*padding-top: 14px;*/
         padding-bottom: 32px
     }

     .inner-content {
         width: 100%;
         padding: 0
     }

     .inner-content.page-content_404 {
         padding: 0 12px
     }

     .footer-menu ul li:last-child,
     .recipes-column:last-child .recipes-block-related:last-child .recipes-block:last-child {
         margin-bottom: 0
     }

     .recipes-list .recipes-block {
         width: 100%;
         margin-bottom: 12px
     }

     .recipes-list {
         min-width: 100%
     }

     .recipes-info {
         padding: 14px 16px 12px
     }

     .recipe-ingredients_title,
     .recipe-steps_title,
     .recipes-ititle {
         font-size: 18px
     }

     .page-404_info p,
     .recipes-info p {
         padding-top: 8px
     }

     .single-recipe-title {
         line-height: 30px
     }

     .recipe-desc p {
         line-height: 165%
     }

     .recipes-info .recipe-options {
         justify-content: flex-start;
         padding-top: 12px
     }

     .recipes-btn_show-more {
         margin-top: 24px
     }

     .home-info {
         padding-top: 40px;
         margin-bottom: -60px
     }

     .recipe-head {
         padding: 0 16px 16px
     }

     .page-content_recipe,
     .recipe-comments_btn {
         width: calc(100% + 32px);
         margin: 0 -16px
     }

     .page-inner_content-recipe:first-child {
         border-top-left-radius: 0;
         border-top-right-radius: 0;
         box-shadow: none;
         padding-top: 0
     }

     .page-inner_content-recipe:after {
         content: '';
         position: absolute;
         left: 0;
         bottom: 0;
         box-shadow: 0 8px 32px rgb(0 0 0/10%);
         border-bottom-left-radius: 16px;
         border-bottom-right-radius: 16px;
         width: 100%;
         height: 56px;
         z-index: -1
     }

     .form-title button,
     .page-inner_content-recipe.second {
         margin-top: 16px
     }

     .recipe-options {
         justify-content: space-between;
         padding-top: 16px
     }

     .recipe-options_share-list {
         left: -110px
     }

     .recipe-comments,
     .recipe-desc {
         padding: 16px 16px 0
     }

     .recipe-ingredients {
         padding: 25px 16px 0
     }

     .recipe-steps {
         padding: 25px 16px 16px
     }

     .notice-icon {
         height: 34px
     }

     .notice-icon svg {
         width: 20px;
         height: 20px
     }

     .header-block {
         min-width: 0
     }

     header .header-block .header-profile {
         margin-left: 10px
     }

     .recipe-steps_desc:before {
         width: 40px;
         height: 40px;
         margin: 0
     }

     .recipe-steps_desc p {
         width: 100%;
         padding-top: 8px;
         line-height: 165%
     }

     .recipe-liked {
         padding: 16px
     }

     .recipe-liked_block {
         height: 104px
     }

     .recipe-comments_reply {
         position: relative;
         display: inline-block;
         padding-top: 6px
     }

     .page-404_info,
     .page-profile .main-content {
         padding-top: 20px
     }

     .profile-person {
         text-align: center;
         justify-content: center;
         width: 100%;
         padding-bottom: 24px
     }

     .profile-sorting,
     .profile-top {
         margin-left: 8px;
         margin-right: 8px
     }

     .recipes-top_block h1 {
         line-height: 30px;
         /*max-width: 88%*/
     }

     .recipes-quantity,
     .select-sorting .nice-select .current,
     .select-sorting .nice-select ul li {
         font-size: 13px
     }

     .form-title span,
     .profile-name {
         font-size: 24px;
         line-height: 33px
     }

     .recipes-info .recipes-desc {
         display: inline-block;
         text-size-adjust: none;
         -webkit-text-size-adjust: none;
         -moz-text-size-adjust: none;
         -ms-text-size-adjust: none
     }

     .recipes-info .recipes-desc p {
         font-size: 14px
     }

     .profile-name {
         width: 100%;
         padding: 12px 0 0
     }

     .form-block,
     .form-group,
     .form-list .form-title {
         padding-bottom: 32px
     }

     .profile-sorting_amount {
         margin-left: 6px
     }

     .form-group:last-child {
         border-bottom: 0;
         padding-bottom: 0;
         margin-bottom: 0
     }

     .form-group {
         border-bottom: 1px solid #eee;
         margin-bottom: 32px
     }

     .form-title span {
         display: block
     }

     .field-col4 {
         width: 28%
     }

     .field-col5 {
         width: 68%
     }

     .field-photo_btn,
     .field-photo_wr2 .btn2 {
         width: calc(100% - 116px)
     }

     .form-fields .form-row .form-field,
     .form-list_inner {
         padding-bottom: 24px
     }

     .form-list .form-list_row {
         padding-bottom: 49px
     }

     .form-fields .form-list .form-row .form-field {
         padding-bottom: 16px
     }

     .field-photo2,
     label.stepLabel .step_foto_container {
         width: 100px;
         height: 60px
     }

     .field-photo_wr2 .btn2 {
         display: block;
         margin-left: 16px;
         text-align: center;
         padding: 10px
     }

     .field-photo_wr2 textarea {
         width: 100%;
         margin: 16px 0 0
     }

     .page-404_photo img {
         max-width: 574px;
         width: 100%
     }

     .popup-inner {
         overflow: auto;
         padding-bottom: 80px
     }

     .popup-thanks {
         border-radius: 16px;
         max-width: 328px;
         width: 100%;
         height: auto
     }

     .fancybox-slide--html .fancybox-content,
     .fancybox-slide:before {
         margin: 0
     }

     .cookies-message {
         padding: 5px 10px
     }

     .cookies-message_wrapper {
         justify-content: space-between
     }

     .cookies-message .left {
         font-size: 12px;
         display: inline-block;
         width: calc(100% - 90px);
         float: left
     }

     .cookies-message .right {
         display: inline-block;
         width: 80px;
         float: right
     }

     .cookies-message_btn {
         height: 30px;
         padding: 0 15px;
         font-size: 13px;
         margin: 0
     }

     .footer-wrapper {
         justify-content: center;
         text-align: center;
         padding-top: 32px;
         padding-bottom: 32px
     }

     .footer-copyright {
         order: 3;
         width: 100%;
         padding-top: 24px
     }

     .footer-menu {
         order: 2;
         width: 100%;
         padding-top: 24px
     }

     .footer-menu ul li {
         width: 100%;
         margin: 0 0 24px
     }

     .footer-social {
         order: 1
     }

     .inner-content .search_empty_img img {
         max-width: 220px
     }

     .search_empty_block {
         margin-top: 25px
     }
 }

 @media all and (max-width:359px) {
     .popup {
         border-radius: 0;
         height: 100%
     }

     .popup-profile_deact,
     .popup-text_question {
         position: fixed;
         left: 0;
         right: 0;
         bottom: 0;
         max-width: 360px;
         width: 100%;
         margin: auto
     }
 }

 @media screen and (min-width: 1000px) and (max-width: 1023px){

     .header-logo svg {
         position: absolute;
         top: -8px;
         left: 0;
         right: 0;
         bottom: 0;
         width: 131px;
         margin: auto
     }

 }