* {
  box-sizing                 : border-box;
  margin                     : 0;
  padding                    : 0;
  border-radius              : 0;
  outline                    : none;
  font-family                : 'Open Sans', sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust   : none;
}

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

li {
  list-style: none;
}

q {
  quotes: "\201c""\201d";
}

input:not([type=checkbox]):not([type=radio]),
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance   : none;
  appearance        : none;
}

body {
  background                 : #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling : touch;
  -webkit-text-size-adjust   : none;
}

@font-face {
  font-family: 'Manrope';
  font-weight: bold;
  font-style : normal;
  src        : url('../fonts/Manrope/Manrope-Bold.eot');
  src        : local('Manrope Bold'), local('Manrope-Bold'), url('../fonts/Manrope/Manrope-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope/Manrope-Bold.woff2') format('woff2'), url('../fonts/Manrope/Manrope-Bold.woff') format('woff'), url('../fonts/Manrope/Manrope-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-weight: 600;
  font-style : normal;
  src        : url('../fonts/Manrope/Manrope-Semibold.eot');
  src        : local('Manrope Semibold'), local('Manrope-Semibold'), url('../fonts/Manrope/Manrope-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope/Manrope-Semibold.woff2') format('woff2'), url('../fonts/Manrope/Manrope-Semibold.woff') format('woff'), url('../fonts/Manrope/Manrope-Semibold.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-weight: normal;
  font-style : normal;
  src        : url('../fonts/Manrope/Manrope-Regular.eot');
  src        : local('Manrope Regular'), local('Manrope-Regular'), url('../fonts/Manrope/Manrope-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope/Manrope-Regular.woff2') format('woff2'), url('../fonts/Manrope/Manrope-Regular.woff') format('woff'), url('../fonts/Manrope/Manrope-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-weight: 300;
  font-style : normal;
  src        : url('../fonts/Manrope/Manrope-Light.eot');
  src        : local('Manrope Light'), local('Manrope-Light'), url('../fonts/Manrope/Manrope-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope/Manrope-Light.woff2') format('woff2'), url('../fonts/Manrope/Manrope-Light.woff') format('woff'), url('../fonts/Manrope/Manrope-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-weight: 100;
  font-style : normal;
  src        : url('../fonts/Manrope/Manrope-Thin.eot');
  src        : local('Manrope Thin'), local('Manrope-Thin'), url('../fonts/Manrope/Manrope-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope/Manrope-Thin.woff2') format('woff2'), url('../fonts/Manrope/Manrope-Thin.woff') format('woff'), url('../fonts/Manrope/Manrope-Thin.ttf') format('truetype');
}

.wrapper {
  /* overflow  : auto;
    position     : absolute;
    top          : 0;
    left         : 0;
    right        : 0;
    bottom       : 0; */
  /* z-index   : 1; */
  transition: all 0s linear;
}

/* newModalDialogJS */

.PDI {
  background: transparent !important;
}

.good_modal_wrap {
  display   : none;
  position  : fixed;
  top       : 0;
  right     : 0;
  bottom    : 0;
  left      : 0;
  background: rgba(0, 0, 0, 0.8);
  cursor    : pointer;
  z-index   : 600;
}

.good_modal {
  position                  : absolute;
  top                       : 70px;
  right                     : 100px;
  bottom                    : 70px;
  left                      : 100px;
  overflow-y                : auto;
  padding                   : 0 50px;
  background                : #fff;
  cursor                    : default;
  z-index                   : 605;
  -webkit-overflow-scrolling: touch;
  touch-action              : pan-y;
}

.closeMIN,
.closeMINI {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : absolute;
  top            : 0;
  right          : 10px;
  width          : 50px;
  height         : 50px;
  font-family    : 'Open Sans', sans-serif;
  font-size      : 45px;
  font-weight    : 500;
  color          : #B32322;
  cursor         : pointer;
  transform      : rotateZ(45deg);
  z-index        : 606;
}

/*PersonaData*/

.good_modal h6 {
  padding       : 50px 0;
  font-family   : 'Forum', cursive;
  font-size     : 30px;
  font-weight   : 100;
  color         : #B32322;
  text-transform: uppercase;
}

.good_modal p {
  padding  : 0 0 30px 0;
  font-size: 16px;
}

/*header*/

header {
  position        : relative;
  width           : 100%;
  transition      : all 0.3s linear;
  /* height       : 100px; */
  z-index         : 250;
  /* position     : sticky; */
  /* top          : -105px; */
}

.header_flex {
  display      : flex;
  width        : 100%;
  height       : 100px;
  background   : #FFFFFF;
  transition   : all 0.3s linear;
  /* position  : fixed; */
  /* top       : 0; ????? ???*/
  /* top       : 80px; */
  z-index      : 250;
  /* box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05); */
}

header .b-page__content {
  min-height: 0;
}

header .b-page_newyear .b-head-decor {
  position: relative;
  height  : 105px;
}

.header_block {
  width: 33.3333%;
}

/* new header */

.section-width {
  padding: 0 calc(50% - 535px);
}

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

.header-address {
  padding-left: 35px;
  background  : url("../img/new-img/header-address.svg") no-repeat left center / 20px;
  font-family : 'Manrope';
  font-size   : 18px;
  font-weight : 500;
  line-height : 22px;
  color       : #1d1f21;
}

.header-phone {
  display       : flex;
  flex-direction: column;
  padding-left  : 35px;
  background    : url("../img/new-img/header-phone.svg") no-repeat left center / 20px;
}

.header-phone__link {
  font-family: Manrope;
  font-size  : 18px;
  font-weight: 500;
  line-height: 22px;
  color      : #1d1f21;
}

.header-logo {
  height: 92px;
}

.header-logo img {
  height    : 100%;
  object-fit: scale-down;
}

.nav {
  display         : flex;
  background-color: #9b3631;
}

.nav__item {
  flex-grow     : 1;
  padding-top   : 12px;
  padding-bottom: 12px;
  font-family   : 'Manrope';
  font-size     : 18px;
  font-weight   : 400;
  line-height   : 30px;
  color         : #ffffff;
  text-align    : center;
  transition    : .2s;
}

.nav__item:hover {
  background-color: #80312d;
}

/* /new header */

.menu_link {
  display        : flex;
  align-items    : center;
  justify-content: space-around;
  width          : 110px;
  height         : auto;
}

.menu {
  position: relative;
  width   : 50px;
  height  : 50px;
}

.menu_link_1 {
  position  : absolute;
  top       : 15px;
  left      : 10px;
  width     : 30px;
  height    : 4px;
  background: #873733;
  transition: all 0.1s linear;
}

.menu_link_2 {
  position  : absolute;
  top       : 23px;
  left      : 10px;
  width     : 30px;
  height    : 4px;
  background: #873733;
  transition: all 0.1s linear;
}

.menu_link_3 {
  position  : absolute;
  bottom    : 15px;
  left      : 10px;
  width     : 30px;
  height    : 4px;
  background: #873733;
  transition: all 0.1s linear;
}

.confectioner_wrap h2 {
  margin        : 50px;
  font-family   : 'Forum', cursive;
  font-size     : 30px;
  font-weight   : 500;
  color         : #382020;
  text-align    : center;
  text-transform: uppercase;
}

.menu_link p {
  font-size     : 18px;
  color         : #35221E;
  text-transform: uppercase;
  transition    : all 0.3s linear;
}

.menu_link:hover .menu_link_1 {
  top: 13px;
}

.menu_link:hover .menu_link_3 {
  bottom: 13px;
}

.hb_1 {
  display        : flex;
  align-items    : center;
  justify-content: space-around;
}

.hb_2 {
  display        : flex;
  align-items    : center;
  justify-content: space-around;
}

.hb_3 {
  display        : flex;
  align-items    : center;
  justify-content: flex-start;
}

.phone_header_wrap {
  display    : flex;
  align-items: center;
  width      : auto;
  height     : auto;
}

.header_logo a {
  position: relative;
}

.header_logo a:after {
  /* content   :''; */
  position     : absolute;
  bottom       : -6px;
  left         : -50px;
  width        : 110px;
  height       : 65px;
  max-height   : calc(100% + 16px);
  /* background: rgba(201, 201, 201, 0.253); */
  background   : url("../img/snowman.png") no-repeat left bottom / contain;
}

.header_logo a {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : row;
}

.header_logo a img {
  width     : 60px;
  transition: all 0.3s linear;
}

.header_logo:hover img {
  /* transform: rotateY(180deg); */
}

.header_logo a p {
  padding       : 0 0 0 15px;
  font-size     : 15px;
  font-weight   : 600;
  line-height   : 1.5em;
  letter-spacing: 1px;
  color         : #000;
  text-transform: uppercase;
  transition    : all 0.3s linear;
}

.header_logo:hover a p {
  color      : #CD5658;
  text-shadow: none;
}

.header_logo a p span {
  margin        : 0 0 0 -2px;
  font-size     : 24px;
  letter-spacing: 2px;
}

.phone_header_contacts {
  display       : flex;
  flex-direction: column;
}

.phone_header_contacts a {
  font-size : 20px;
  color     : #7A6363;
  transition: all 0.3s linear;
}

.phone_header_contacts a:hover {
  color: #efa32f;
}

.header-phone--text,
.focus-phone--text {
  font-size: 18px;
}

.phone_header_contacts a:nth-of-type(2) .header-phone--text,
.focus_contacts_phone a:nth-of-type(2) .focus-phone--text {
  text-transform: uppercase;
}

/*focus_menu*/

.focus_menu_wrapper {
  position  : fixed;
  top       : 0;
  right     : 0;
  bottom    : 0;
  left      : 0;
  background: url(../img/focus_header-min.jpg) no-repeat 50% 50% / cover;
  transform : translateY(-150%);
  transition: all 0.3s linear;
  z-index   : 99999 !important;
}

.focus_menu_wrapper:target {
  transform: translateY(0%);
}

.focus_menu_wrapper:target .focus_menu {
  width     : 100%;
  height    : 100%;
  background: rgba(0, 0, 0, 0.8);
}

.focus_menu {
  overflow: auto;
}

.focus_menu::-webkit-scrollbar {
  width: 0;
}

.focus_menu_wrapper:target .focus_menu_service {
  opacity: 1;
}

.focus_menu_service {
  opacity   : 0;
  transition: all 1s linear;
}

.focus_menu {
  width     : 100%;
  height    : 100%;
  background: rgba(255, 255, 255, 0);
  transition: all 1s linear;
}

/*focus_menu_header*/

.focus_menu_header {
  display: flex;
  width  : 100%;
  height : 30vh;
}

.focus_block {
  width: 33.333333%;
}

.focus_close_block {
  display        : flex;
  align-items    : center;
  justify-content: center;
  height         : 100px;
}

.close_menu {
  display        : flex;
  align-items    : center;
  justify-content: space-around;
  width          : 120px;
}

.focus_menu_close {
  position  : relative;
  width     : 50px;
  height    : 50px;
  transition: all 0.3s linear;
}

.close_menu:hover .focus_menu_close {
  transform: rotate(90deg);
}

.focus_menu_link_1 {
  position  : absolute;
  top       : 23px;
  left      : 12px;
  width     : 26px;
  height    : 3px;
  background: #efa32f;
  transform : rotate(45deg);
}

.focus_menu_link_2 {
  position  : absolute;
  top       : 23px;
  left      : 12px;
  width     : 26px;
  height    : 3px;
  background: #efa32f;
  transform : rotate(-45deg);
}

.close_menu p {
  font-size     : 18px;
  color         : #FFF;
  text-transform: uppercase;
}

.focus_logo_block {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
}

.focus_img {
  /* background   : #fff; */
  margin-bottom: 8px;
  padding      : 0 4px;
}

.focus_img img {
  display: block;
  height : 122px;
}

.focus_img_description h2 {
  font-size        : 20px;
  color            : #FFF;
  text-align       : center;
  text-transform   : uppercase;
  /* margin        : 20px 0 0 5px; */
}

.focus_img_description p {
  font-size     : 10px;
  color         : #FFF;
  text-align    : center;
  text-transform: uppercase;
}

.focus_contacts_block {
  display        : flex;
  align-items    : center;
  justify-content: space-around;
  height         : 100px;
}

.focus_contacts {
  display        : flex;
  align-items    : center;
  justify-content: space-around;
  height         : auto;
}

.focus_contacts_img img {
  display: block;
}

.focus_contacts_phone {
  display       : flex;
  flex-direction: column;
}

.focus_contacts_phone a {
  margin    : 0;
  font-size : 20px;
  color     : #371516;
  color     : #FFF;
  transition: all 0.2s linear;
}

.focus_contacts_phone a:hover {
  color: #efa32f;
}

.close_modal_block {
  position: absolute;
  top     : 0;
  right   : 0;
  bottom  : 0;
  left    : 0;
  width   : 100%;
  height  : 100%;
  z-index : 250;
}

/*focus_menu_service*/

.focus_menu_service {
  display    : flex;
  align-items: center;
  width      : 1200px;
  height     : 40vh;
  margin     : 0 auto;
}

.focus_menu_service ul {
  display        : flex;
  align-items    : center;
  justify-content: space-around;
  flex-wrap      : wrap;
  width          : 100%;
  height         : 140px;
}

.focus_menu_service ul li {
  position: relative;
  margin  : 0 30px;
  color   : #FFF;
}

.focus_menu_service ul li::before,
.focus_menu_service ul li::after {
  content   : "";
  position  : absolute;
  left      : -20px;
  width     : 4px;
  height    : 4px;
  background: #efa32f;
  transition: all 0.3s linear;
}

.focus_menu_service ul li::before {
  top: 13px;
}

.focus_menu_service ul li::after {
  top: 17px;
}

.focus_menu_service ul li:hover a {
  color: #efa32f;
}

.focus_menu_service ul li a {
  font-family   : 'Forum', cursive;
  font-size     : 33px;
  letter-spacing: 1px;
  color         : #FFF;
  text-transform: uppercase;
  transition    : all 0.3s linear;
}

/*focus_menu_footer*/

.focus_menu_footer {
  width : 100%;
  height: 30vh;
}

.f_m_block {
  display        : flex;
  justify-content: center;
}

.f_m_block p {
  font-size     : 18px;
  font-weight   : 500;
  color         : #FFF;
  text-transform: uppercase;
}

.f_m_block p:nth-of-type(1) {
  position: relative;
}

.f_m_block p:nth-of-type(1)::before {
  content   : '';
  position  : absolute;
  top       : -13px;
  left      : -50px;
  width     : 50px;
  height    : 50px;
  background: url(../img/min/f_m_w.png) no-repeat;
  filter    : invert(0.7);
}

.f_m_block p:nth-of-type(2) {
  margin: 0 60px;
}

.focus_menu_footer a {
  display        : flex;
  justify-content: center;
  position       : relative;
  width          : 240px;
  margin         : 30px auto 0 auto;
  border-bottom  : 2px solid #9C9492;
  font-size      : 19px;
  color          : #FFF;
  text-transform : uppercase;
  transition     : all 0.3s linear;
}

.focus_menu_footer a:hover {
  padding      : 0 0 10px 0;
  border-bottom: 2px solid transparent;
  color        : #E90D16;
  transform    : translateY(3px);
}

.focus_menu_footer a:hover::before {
  transform: rotateX(180deg);
}

.focus_menu_footer a::before {
  content   : "";
  position  : absolute;
  top       : -10px;
  left      : -50px;
  width     : 50px;
  height    : 50px;
  background: url(../img/min/f_m_d.png) no-repeat;
  transition: all 0.3s linear;
}

/*index_container*/

.index_container {
  width : 100%;
  height: auto;
}

.index_img_main {
  width     : 100%;
  height    : 90vh;
  background: url(../img/index_container.jpg) no-repeat 50% 50% / cover fixed;
}

.index_img_shadow {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  width          : 100%;
  height         : 100%;
  background     : rgba(0, 0, 0, 0.2);
}

.index_img_description {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  width          : 100%;
  height         : auto;
}

.index_img_description h1 {
  margin        : 100px 0 0 0;
  font-size     : 70px;
  color         : #FFFFFF;
  text-align    : center;
  text-transform: uppercase;
}

.index_img_description p {
  padding       : 25px 20px;
  font-size     : 30px;
  color         : #FFFFFF;
  text-align    : center;
  text-transform: uppercase;
}

.index_img_description a:first-of-type {
  position      : relative;
  margin        : 30px 0;
  padding       : 20px 45px;
  background    : #efa32f;
  box-shadow    : -3px 3px 0 0 #aa6600;
  font-size     : 16px;
  font-weight   : 900;
  letter-spacing: 1px;
  color         : #FFFFFF;
  text-align    : center;
  text-transform: uppercase;
  transition    : all 0.3s linear;
}

.index_img_description a:first-of-type::before {
  content : '';
  position: absolute;
  top     : 3px;
  right   : 3px;
  bottom  : 3px;
  left    : 3px;
  border  : 1px dashed #FFF;
}

.index_img_description a:first-of-type:hover {
  background: #FFF;
  box-shadow: -3px 3px 0 0 transparent;
  color     : #efa32f;
  transform : scale(1.05);
}

.index_img_description a:first-of-type:hover::before {
  border: 1px dashed #efa32f;
}

.index_img_description a:last-of-type {
  position     : relative;
  width        : 35px;
  height       : 65px;
  margin       : 150px 0 0 0;
  border       : 2px solid #FFF;
  border-radius: 50px;
  transition   : all 0.2s linear;
}

.index_img_description a:last-of-type::before {
  content      : "";
  position     : absolute;
  top          : 12px;
  left         : 14px;
  width        : 4px;
  height       : 6px;
  background   : #FFF;
  border-radius: 50%;
  transition   : all 0.2s linear;
  animation    : go_bottom 2s linear 0.2s infinite;
}

.index_img_description a:last-of-type:hover {
  border: 2px solid #efa32f;
}

.index_img_description a:last-of-type:hover::before {
  background: #efa32f;
}

@keyframes go_bottom {
  0% {
    opacity  : 1;
    transform: translateY(0);
  }

  70% {
    transform: translateY(30px);
  }

  75% {
    opacity: 0;
  }

  100% {
    opacity  : 0;
    transform: translateY(0);
  }
}

/*delivery_wrap*/

.delivery_wrap {
  display: flex;
  width  : 100%;
  height : auto;
}

.delivery_block_1,
.delivery_block_2,
.delivery_block_3 {
  width : 50%;
  height: 350px;
}

.delivery_block_1 div {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  width          : 100%;
  height         : 100%;
  background     : #FBFBFB;
}

.delivery_block_1 div:hover img {
  animation: trans_1 0.7s linear infinite;
}

@keyframes trans_1 {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(5px);
  }

  100% {
    transform: translateY(0px);
  }
}

.delivery_block_1 div p,
.delivery_block_2 div p,
.delivery_block_3 div p {
  padding       : 15px 0 0 0;
  font-size     : 22px;
  color         : #382121;
  text-transform: uppercase;
}

.delivery_block_2 div:hover img {
  animation: trans_2 0.3s linear infinite;
}

@keyframes trans_2 {
  0% {
    transform: translateX(0px) translateY(0px);
  }

  50% {
    transform: translateX(2px) translateY(2px);
  }

  100% {
    transform: translateX(0px) translateY(0px);
  }
}

.delivery_block_2 div {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  width          : 100%;
  height         : 100%;
  background     : #EFEFEF;
}

.delivery_block_3 div {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  width          : 100%;
  height         : 100%;
  background     : #DEDEDE;
}

.delivery_block_3 div:hover img {
  animation: trans_3 1.5s linear infinite;
}

@keyframes trans_3 {
  0% {
    transform: translateX(0px) translateY(0px);
  }

  50% {
    transform: translateX(6px) translateY(6px);
  }

  100% {
    transform: translateX(0px) translateY(0px);
  }
}

/*representatives_wrap*/

.representatives_wrap {
  width : 100%;
  height: auto;
}

.representatives_wrap h2:first-of-type {
  position      : relative;
  margin        : 80px 0 0 0;
  font-family   : 'Forum', cursive;
  font-size     : 35px;
  font-weight   : 500;
  text-align    : center;
  text-transform: uppercase;
}

.representatives_wrap h2:first-of-type::before {
  content   : "";
  position  : absolute;
  top       : 13px;
  left      : 0;
  width     : 24.6%;
  height    : 9px;
  background: url(../img/border.png);
}

.representatives_wrap h2:first-of-type::after {
  content   : "";
  position  : absolute;
  top       : 13px;
  right     : 0;
  width     : 25%;
  height    : 9px;
  background: url(../img/border.png);
}

.slider {
  width : 80%;
  height: 200px;
  margin: 80px auto 0 auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide a img {
  width     : 100%;
  transition: all 0.3s linear;
}

.representatives_wrap h2:last-of-type {
  margin        : 80px 0 40px 0;
  font-family   : 'Forum', cursive;
  font-size     : 35px;
  font-weight   : 500;
  text-align    : center;
  text-transform: uppercase;
}

.representatives_wrap h2:last-of-type span {
  font-family: 'Forum', cursive;
  font-size  : 50px;
  color      : #873733;
}

.product_wrap .product {
  display   : flex;
  flex-wrap : wrap;
  position  : relative;
  width     : 100%;
  height    : auto;
  box-shadow: 0 -5px 30px 0 rgba(0, 0, 0, 0.1);
}

.product_wrap .product::after {
  content   : "";
  position  : absolute;
  bottom    : -9px;
  left      : 0;
  width     : 100%;
  height    : 9px;
  background: url(../img/border.png) repeat-x;
}

.product_block {
  position: relative;
  width   : 20%;
  height  : 300px;
  overflow: hidden;
}

.product_block img {
  object-fit: cover;
}

.product_block a::before {
  content   : '+';
  position  : absolute;
  top       : 35%;
  left      : 45%;
  font-size : 60px;
  color     : #FFF;
  opacity   : 0;
  transform : scale(1.5);
  transition: all 0.2s linear;
}

.product_block a:hover::before {
  opacity  : 1;
  transform: scale(1);
}

.product_block:hover img {
  transform       : scale(2);
  transform-origin: 50% 50%;
  transition      : all 30s linear;
}

.product_block:hover a {
  background: rgba(0, 0, 0, 0.0);
}

.product_block:hover a .band_1,
.product_block:hover a .band_2 {
  right  : 8px;
  left   : 8px;
  opacity: 1;
}

.product_block:hover a .band_3,
.product_block:hover a .band_4 {
  top    : 8px;
  bottom : 8px;
  opacity: 1;
}

.product_block:hover p {
  opacity: 0;
}

.product_block a {
  display        : flex;
  align-items    : center;
  justify-content: space-around;
  flex-direction : column;
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
  background     : rgba(0, 0, 0, 0.3);
  transition     : all 0.2s linear;
}

.band_1 {
  position  : absolute;
  top       : 8px;
  right     : 50%;
  left      : 50%;
  height    : 1px;
  background: rgba(255, 255, 255, 0.5);
  opacity   : 0;
  transition: all 0.5s linear;
}

.band_2 {
  position  : absolute;
  right     : 50%;
  bottom    : 8px;
  left      : 50%;
  height    : 1px;
  background: rgba(255, 255, 255, 0.5);
  opacity   : 0;
  transition: all 0.5s linear;
}

.band_3 {
  position  : absolute;
  top       : 50%;
  bottom    : 50%;
  left      : 7px;
  width     : 1px;
  background: rgba(255, 255, 255, 0.5);
  opacity   : 0;
  transition: all 0.5s linear;
}

.band_4 {
  position  : absolute;
  top       : 50%;
  right     : 7px;
  bottom    : 50%;
  width     : 1px;
  background: rgba(255, 255, 255, 0.5);
  opacity   : 0;
  transition: all 0.5s linear;
}

.product_block a p {
  padding       : 0 5px;
  border-bottom : 1px solid #fff;
  font-size     : 27px;
  color         : #FFF;
  text-align    : center;
  text-transform: uppercase;
  transition    : all 0.2s linear;
}

.product_block img {
  width     : 100%;
  height    : 100%;
  transform : scale(1);
  transition: all 2s linear;
}

/*download_price_block*/

.download_price_block {
  position  : relative;
  width     : 20%;
  height    : 300px;
  overflow  : hidden;
  transition: all 0.3s linear;
}

.download_price_block_a {
  width : 100%;
  height: 300px;
}

.download_price_block img {
  object-fit: cover;
}

.download_price_block .download_price_block_img {
  display   : block;
  width     : 100%;
  height    : 100%;
  transform : scale(1);
  transition: all 2s linear;
}

.download_price_block .download_price_block_img_tablet {
  display: none;
}

.download_price_block_a {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
  background     : rgba(0, 0, 0, 0.5);
  transition     : all 0.3s linear;
}

.imgs_hover {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : relative;
  height         : 110px;
  padding        : 0 0 50px 0;
}

.download_logo_img {
  /* display: none; */
}

.download_logo_img,
.download_download_img {
  position  : absolute;
  width     : 110px;
  height    : 110px;
  transition: all 0.2s linear;
  object-fit: cover;
}

.download_download_img {
  opacity: 0;
}

.download_price_block_a p:first-of-type {
  font-size     : 27px;
  color         : #FFF;
  text-align    : center;
  text-transform: uppercase;
  transition    : all 0.2s linear;
}

.download_price_block_a p:last-of-type {
  position      : absolute;
  bottom        : 0;
  width         : 100%;
  padding       : 20px 2px;
  background    : #efa32f;
  color         : #FFF;
  text-align    : center;
  text-transform: uppercase;
  transition    : all 0.2s linear;
}

.download_price_block:hover a .band_1,
.download_price_block:hover a .band_2 {
  right  : 8px;
  left   : 8px;
  opacity: 1;
}

.download_price_block:hover a .band_3,
.download_price_block:hover a .band_4 {
  top    : 8px;
  bottom : 8px;
  opacity: 1;
}

.download_price_block:hover .download_price_block_img {
  transform : scale(2);
  transition: all 20s linear;
}

.download_price_block:hover .download_price_block_a {
  background: rgba(0, 0, 0, 0.7);
}

.download_price_block:hover .download_price_block_a .download_logo_img {
  opacity: 0;
}

.download_price_block:hover .download_price_block_a .download_download_img {
  opacity: 1;
}

/*price_download_wrapper*/

.price_download_сaption {
  margin        : -60px auto 20px auto;
  font-family   : 'Forum', cursive;
  font-size     : 35px;
  font-weight   : 500;
  color         : #efa32f;
  text-transform: uppercase;
}

.price_links {
  display        : flex;
  justify-content: space-around;
  flex-direction : row;
  flex-wrap      : wrap;
  width          : 100%;
  padding        : 20px 0;
}

.price_links a {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  flex-direction : row;
  width          : 49%;
  overflow       : hidden;
  margin         : 0 5px;
  border-bottom  : 1px solid #E7E7E7;
  transition     : all 0.2s linear;
}

.price_links a:hover {
  background: rgba(176, 31, 36, 0.1);
}

.price_links a img {
  width: 15%;
}

.price_links a p:first-of-type {
  font-family   : 'Forum', cursive;
  font-size     : 25px;
  font-weight   : 500;
  color         : #000;
  text-transform: uppercase;
}

.price_links a p:last-of-type {
  position      : relative;
  padding       : 5px 10px 5px 40px;
  font-family   : 'Forum', cursive;
  font-size     : 22px;
  font-weight   : 500;
  letter-spacing: 1px;
  color         : #efa32f;
  text-transform: uppercase;
  transition    : all 0.2s linear;
}

.price_links a p:last-of-type::before {
  content   : '';
  position  : absolute;
  top       : 2px;
  left      : 0px;
  width     : 40px;
  height    : 40px;
  background: url(../img/download.png) no-repeat 50% 50%/ contain;
  opacity   : 0;
  transform : translateX(-30%);
  transition: all 0.3s linear;
}

.price_links a:hover p:last-of-type {
  color: #FFF;
}

.price_links a:hover p:last-of-type::before {
  opacity  : 1;
  transform: translateY(0%);
}

/*confectioner_wrap*/

.confectioner_wrap {
  width     : 100%;
  padding   : 0 0 30px 0;
  background: url(../img/bg_img/back_cooperation_3.jpg) no-repeat 50% 50% / cover;
}

.confectioner_wrap h3:first-of-type {
  position      : relative;
  margin        : 80px 0 40px 0;
  font-family   : 'Forum', cursive;
  font-size     : 35px;
  font-weight   : 500;
  color         : #382020;
  text-align    : center;
  text-transform: uppercase;
}

.confectioner_wrap h3:first-of-type::before {
  content   : "";
  position  : absolute;
  top       : 18px;
  left      : 23%;
  width     : 250px;
  height    : 1px;
  background: #382020;
}

.confectioner_wrap h3:first-of-type::after {
  content   : "";
  position  : absolute;
  top       : 18px;
  right     : 23%;
  width     : 250px;
  height    : 1px;
  background: #382020;
}

.confectioner_wrap p:first-of-type {
  font-weight     : 500;
  /* font-size    : 19px;*/
  line-height     : 1.8em;
  /*text-transform: uppercase;*/
}

.confectioner_wrap p {
  width      : 60%;
  margin     : 0 auto;
  padding    : 10px 0;
  font-size  : 18px;
  line-height: 1.7em;
}

.confectioner_wrap h3:last-of-type {
  margin        : 70px 0 50px 0;
  font-family   : 'Forum', cursive;
  font-size     : 30px;
  font-weight   : 500;
  color         : #382020;
  text-align    : center;
  text-transform: uppercase;
}

.confectioner_wrap h3 {
  margin        : 40px 0 40px 0;
  font-family   : 'Forum', cursive;
  font-size     : 30px;
  font-weight   : 500;
  color         : #382020;
  text-align    : center;
  text-transform: uppercase;
}

.confectioner_wrap ul li p {
  position: relative;
  padding : 0 0 15px 50px;
}

.confectioner_wrap ul li p::before {
  content   : '';
  position  : absolute;
  top       : 35%;
  left      : 25px;
  width     : 7px;
  height    : 1px;
  background: #efa32f;
}

/*conditions_wrap*/

.conditions_wrap {
  display: flex;
  width  : 100%;
  height : auto;
}

.conditions_img_left {
  width     : 45%;
  height    : 640px;
  background: url(../img/bg_img/conditions_img/1.jpg) no-repeat 50% 50% / cover;
}

.conditions_description {
  position  : relative;
  width     : 40%;
  height    : 640px;
  padding   : 8px;
  background: #F4F4F4;
}

.conditions_img_right {
  width     : 15%;
  height    : 640px;
  background: url(../img/bg_img/conditions_img/2.jpg) no-repeat 50% 50% / cover;
}

.conditions_description_border {
  position: relative;
  height  : 623px;
  border  : 1px dashed #C3C3C3;
}

.conditions_description_border::before {
  content   : '';
  position  : absolute;
  top       : -8px;
  left      : -17px;
  width     : 8px;
  height    : 656px;
  background: rgba(255, 255, 255, 0.4);
}

.conditions_description_border h4:first-of-type {
  padding       : 40px 10px 20px 10px;
  font-family   : 'Forum', cursive;
  font-size     : 30px;
  font-weight   : 500;
  color         : #382020;
  text-align    : center;
  text-transform: uppercase;
}

.conditions_description_border p {
  position : relative;
  padding  : 15px 40px 15px 100px;
  font-size: 18px;
  color    : #000;
}

.conditions_description_border p:nth-of-type(1)::before {
  content   : '';
  position  : absolute;
  top       : 5px;
  left      : 35px;
  width     : 50px;
  height    : 50px;
  background: url(../img/conditions/1.png) no-repeat 50% 50% / 100%;
}

.conditions_description_border p:nth-of-type(2)::before {
  content   : '';
  position  : absolute;
  top       : 14px;
  left      : 46px;
  width     : 30px;
  height    : 30px;
  background: url(../img/indexNewIcon/4_1.png) no-repeat 50% 50% / 100%;
}

.conditions_description_border p:nth-of-type(3)::before {
  content   : '';
  position  : absolute;
  top       : 14px;
  left      : 46px;
  width     : 30px;
  height    : 30px;
  background: url(../img/indexNewIcon/3_1.png) no-repeat 50% 50% / 100%;
}

.conditions_description_border p:nth-of-type(4)::before {
  content   : '';
  position  : absolute;
  top       : 14px;
  left      : 46px;
  width     : 30px;
  height    : 30px;
  background: url(../img/indexNewIcon/5.png) no-repeat 50% 50% / 100%;
}

.conditions_description_border p:nth-of-type(5)::before {
  content   : '';
  position  : absolute;
  top       : 14px;
  left      : 46px;
  width     : 30px;
  height    : 30px;
  background: url(../img/indexNewIcon/2.png) no-repeat 50% 50% / 100%;
}

.conditions_description_border p:nth-of-type(6)::before {
  content   : '';
  position  : absolute;
  top       : 14px;
  left      : 46px;
  width     : 30px;
  height    : 30px;
  background: url(../img/indexNewIcon/1.png) no-repeat 50% 50% / 100%;
}

.conditions_description_border p::after {
  content   : "";
  position  : absolute;
  bottom    : 0;
  left      : 100px;
  width     : 500px;
  height    : 2px;
  background: #E1E1E1;
}

.conditions_description_border h4:last-of-type {
  padding       : 40px 0 20px 50px;
  font-family   : 'Forum', cursive;
  font-size     : 30px;
  font-weight   : 500;
  color         : #efa32f;
  text-align    : left;
  text-transform: uppercase;
}

/*our_work_wrap*/

.our_work_wrap {
  width : 100%;
  height: auto;
}

.our_work_wrap h5 {
  position      : relative;
  margin        : 100px 0;
  font-family   : 'Forum', cursive;
  font-size     : 35px;
  font-weight   : 500;
  color         : #382020;
  text-align    : center;
  text-transform: uppercase;
}

.our_work_wrap h5::before {
  content   : "";
  position  : absolute;
  top       : 18px;
  left      : 15%;
  width     : 150px;
  height    : 1px;
  background: #382020;
}

.our_work_wrap h5::after {
  content   : "";
  position  : absolute;
  top       : 18px;
  right     : 15%;
  width     : 150px;
  height    : 1px;
  background: #382020;
}

.our_work_block_wrap {
  display  : flex;
  flex-wrap: wrap;
  width    : 100%;
  height   : auto;
}

.our_work_block {
  width : 25%;
  height: 320px;
}

.our_work_block div {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  width          : 100%;
  height         : 100%;
}

.our_work_block:hover div img {
  animation: top_bottom_img 0.7s linear 1 forwards;
}

.our_work_block:hover p {
  border-bottom: 1px solid #B83539;
}

@keyframes top_bottom_img {
  0% {
    transform: translateY(0px);
  }

  40% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0px);
  }
}

.our_work_block:nth-of-type(1),
.our_work_block:nth-of-type(3),
.our_work_block:nth-of-type(6),
.our_work_block:nth-of-type(8) {
  background: #EEEEEE;
}

.our_work_block:nth-of-type(1) p,
.our_work_block:nth-of-type(3) p,
.our_work_block:nth-of-type(6) p,
.our_work_block:nth-of-type(8) p {
  border-bottom: 1px solid #EEEEEE;
}

.our_work_block:nth-of-type(1):hover p,
.our_work_block:nth-of-type(3):hover p,
.our_work_block:nth-of-type(6):hover p,
.our_work_block:nth-of-type(8):hover p {
  border-bottom: 1px solid #efa32f;
}

.our_work_block div p {
  padding       : 0 0 5px 0;
  border-bottom : 1px solid #FFFFFF;
  font-size     : 19px;
  font-weight   : 400;
  color         : #efa32f;
  text-align    : center;
  text-transform: uppercase;
  transition    : all 1s linear;
}

/*modal_form*/

.modal_block {
  display   : none;
  position  : fixed;
  top       : 0;
  right     : 0;
  bottom    : 0;
  left      : 0;
  background: rgba(0, 0, 0, 0.8);
  z-index   : 300;
}

.modal_box {
  position: relative;
  width   : 100%;
  height  : 100%;
}

.close_modal_block_2 {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : absolute;
  top            : 0;
  right          : 0;
  width          : 50px;
  height         : 50px;
}

.close_modal_block_2::before {
  content   : "+";
  font-size : 45px;
  color     : #efa32f;
  transform : rotateZ(45deg);
  transition: all 0.2s linear;
}

.form_feedback_modal_wrap {
  position: absolute;
  top     : 70px;
  right   : 100px;
  bottom  : 70px;
  left    : 100px;
}

#slider1,
#slider2 {
  display: none;
}

.translate_block {
  position  : relative;
  width     : 100%;
  height    : 100%;
  background: #FFF;
  z-index   : 301;
}

.form_feedback_modal {
  display        : flex;
  align-items    : center;
  justify-content: flex-start;
  flex-direction : column;
  width          : 100%;
  height         : 100%;
  background     : #FFF;
}

.form_feedback_modal h5 {
  padding       : 50px 0;
  font-family   : 'Forum', cursive;
  font-size     : 35px;
  font-weight   : 500;
  color         : #efa32f;
  text-align    : center;
  text-transform: uppercase;
}

.form_feedback_modal p {
  margin    : 50px 0 0 0;
  font-size : 16px;
  text-align: center;
  cursor    : pointer;
}

.form_feedback_modal p label {
  cursor: pointer;
}

#mainForm {
  display       : flex;
  flex-direction: column;
  width         : 80%;
  margin        : 0 auto;
}

#mainForm input {
  width      : 100%;
  margin     : 0 0 25px 0;
  padding    : 20px 15px;
  border     : 1px solid #D3D3D3;
  font-size  : 16px;
  line-height: 1.6em;
  transition : all 0.3s linear;
}

#mainForm input::placeholder {
  font-size : 16px;
  color     : #000;
  transition: all 0.3s linear;
}

#mainForm input:focus::placeholder {
  color: transparent;
}

#mainForm input:focus:invalid {
  border: 1px solid #efa32f;
}

#mainForm input:focus:valid {
  border: 1px solid #2DC13F;
}

.submit_modal {
  margin        : 5px 0;
  padding       : 20px 0;
  background    : #efa32f;
  border        : 1px solid #efa32f;
  font-size     : 16px;
  color         : #FFF;
  text-transform: uppercase;
  transition    : all 0.3s linear;
}

.submit_modal:hover {
  background: #FFF;
  color     : #efa32f;
  cursor    : pointer;
}

.content_blank {
  display: none;
}

/*new_cooperation_wrap*/

.new_cooperation_wrap {
  order : 5;
  width : 100%;
  height: 400px;
}

.new_cooperation {
  width     : 100%;
  height    : 400px;
  background: url(../img/pic2-min.jpg) no-repeat 50% 0% / cover fixed;
}

.new_cooperation_shadow {
  width      : 100%;
  height     : 100%;
  background : rgba(0, 0, 0, 0.5);
  perspective: 500px;
}

.new_cooperation_shadow h5 {
  position      : relative;
  padding       : 90px 0;
  font-family   : 'Forum', cursive;
  font-size     : 35px;
  font-weight   : 500;
  color         : #FFF;
  text-align    : center;
  text-transform: uppercase;
}

.new_cooperation_shadow h5::before {
  content   : "";
  position  : absolute;
  top       : 108px;
  left      : 18%;
  width     : 150px;
  height    : 1px;
  background: #FFF;
}

.new_cooperation_shadow h5::after {
  content   : "";
  position  : absolute;
  top       : 108px;
  right     : 18%;
  width     : 150px;
  height    : 1px;
  background: #FFF;
}

.new_cooperation_shadow a {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : relative;
  width          : 390px;
  margin         : 0 auto;
  padding        : 20px 0;
  background     : #efa32f;
  box-shadow     : -3px 3px 0 0 #8f5600;
  font-size      : 16px;
  font-weight    : 900;
  letter-spacing : 1px;
  color          : #FFFFFF;
  text-align     : center;
  text-transform : uppercase;
  transition     : all 0.3s linear;
}

.new_cooperation_shadow a::before {
  content : '';
  position: absolute;
  top     : 3px;
  right   : 3px;
  bottom  : 3px;
  left    : 3px;
  border  : 1px dashed #FFF;
}

.new_cooperation_shadow a:hover {
  background: #FFF;
  box-shadow: -3px 3px 0 0 transparent;
  color     : #efa32f;
  transform : scale(1.05);
}

.new_cooperation_shadow a:hover::before {
  border: 1px dashed #efa32f;
}

/*footer*/

footer {
  position     : relative;
  width        : 100%;
  height       : auto;
  transition   : all 0.7s cubic-bezier(0.47, 0, 0.745, 0.715);
  /* background: #fff; */
  z-index      : 250;
}

.application_coop_footer {
  background: #F8F8F8;
}

.application_coop_footer .footer_wrap {
  background: #F8F8F8;
}

.footer_wrap {
  display        : flex;
  align-items    : center;
  justify-content: space-around;
  width          : 70%;
  height         : 80px;
  margin         : 0 auto;
  background     : #FFF;
}

.footer_block {
  display    : flex;
  align-items: center;
  width      : 25%;
}

.footer_block img {
  height: 72px;
}

.footer_block:nth-of-type(1) p {
  padding-left: 12px;
  font-size   : 14px;
  font-weight : 600;
  line-height : 1.25;
  color       : #1d1d1d;
}

.footer_block:nth-of-type(2) p {
  padding  : 0 25px;
  font-size: 14px;
}

.footer_block:nth-of-type(3) p {
  padding    : 0 0 0 60px;
  font-size  : 15px;
  font-weight: 500;
}

.footer_block:nth-of-type(3),
.footer_block:nth-of-type(4) {
  position: relative;
}

.footer_block:nth-of-type(3)::before {
  content   : '';
  position  : absolute;
  top       : -2px;
  left      : 0;
  width     : 50px;
  height    : 50px;
  background: url(../img/min/map_min.png);
}

.footer_block:nth-of-type(4)::before {
  content   : '';
  position  : absolute;
  top       : -3px;
  left      : 0;
  width     : 50px;
  height    : 50px;
  background: url(../img/min/phone_min.png);
}

.footer_block:nth-of-type(4) {
  display       : flex;
  flex-direction: column;
  padding       : 0 0 0 60px;
  line-height   : 1.4em;
}

.footer_block:nth-of-type(4) a {
  font-size  : 16px;
  font-weight: 500;
  line-height: 1.4em;
  color      : #000;
  transition : all 0.3s linear;
}

.footer_block:nth-of-type(4) a:hover {
  color: #881719;
}

/*appl_coop_wrapper*/

.appl_coop_wrapper {
  display: flex;
  width  : 100%;
}

.sidebar_wrap {
  position  : relative;
  width     : 450px;
  height    : auto;
  background: #F0F0F0;
}

.sidebar_wrap h2 {
  margin        : 60px 0 0 0;
  padding       : 0 0 0 80px;
  font-size     : 22px;
  font-weight   : 600;
  text-transform: uppercase;
  transition    : all 0.3s linear;
}

.sidebar_wrap h2:last-of-type {
  margin: 30px 0 0 0;
}

#manufacturers_open,
#manufacturers_open_2 {
  display: none;
}

#manufacturers_open_2:checked~.plus_2_2 {
  transform: rotate(90deg);
}

#manufacturers_open_2:checked~.plus_1_1 {
  opacity  : 0;
  transform: rotate(90deg);
}

#manufacturers_open:checked~.plus_2 {
  opacity  : 1;
  transform: rotate(90deg);
}

#manufacturers_open:checked~.plus_1 {
  transform: rotate(90deg);
}

#manufacturers_2 {
  display: none;
}

.manufacturers_block_left {
  position: relative;
}

.manufacturers_block_left_2 {
  position: relative;
}

.plus_1_1 {
  position  : absolute;
  top       : 15px;
  left      : 55px;
  width     : 12px;
  height    : 2px;
  background: #000;
  transition: all 0.3s linear;
}

.plus_2_2 {
  position  : absolute;
  top       : 10px;
  left      : 60px;
  width     : 2px;
  height    : 12px;
  background: #000;
  transition: all 0.3s linear;
}

.plus_1,
.plus_2 {
  cursor: pointer;
}

.plus_1 {
  position  : absolute;
  top       : 15px;
  left      : 55px;
  width     : 12px;
  height    : 2px;
  background: #000;
  transition: all 0.3s linear;
}

.plus_2 {
  position  : absolute;
  top       : 10px;
  left      : 60px;
  width     : 2px;
  height    : 12px;
  background: #000;
  opacity   : 0;
  transition: all 0.3s linear;
}

.sidebar_wrap h2:hover {
  color : #efa32f;
  cursor: pointer;
}

.position_left {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top     : 15vh;
  padding : 0 0 50px 0;
}

.sidebar_wrap dl dt a {
  display      : inline-block;
  position     : relative;
  margin       : 20px 5px 0px 70px;
  border-bottom: 1px solid #000;
  font-size    : 18px;
  color        : #000;
  transition   : all 0.3s linear;
}

.sidebar_wrap dl dt a:hover {
  border-bottom: 1px solid #efa32f;
  color        : #efa32f;
}

.sidebar_wrap dl dt a:hover::before {
  left      : -15px;
  background: #efa32f;
}

.sidebar_wrap dl dt a::before {
  content   : '';
  position  : absolute;
  top       : 12px;
  left      : -20px;
  width     : 5px;
  height    : 2px;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.2s linear;
}

/*help_contacts*/

.help_contacts {
  display       : flex;
  align-items   : center;
  flex-direction: column;
  padding       : 50px 0 0 0;
}

.help_contacts img {
  width        : 150px;
  height       : 150px;
  overflow     : hidden;
  border-radius: 50%;
}

.help_contacts p:first-of-type {
  padding       : 15px 0 0 0;
  font-size     : 22px;
  font-weight   : 600;
  text-transform: uppercase;
}

.help_contacts p:last-of-type {
  padding  : 5px 0 0 0;
  font-size: 18px;
}

.help_contacts a:first-of-type {
  padding   : 10px 0 0 0;
  color     : #675D5E;
  transition: all 0.3s linear;
}

.help_contacts a:first-of-type:hover {
  color: #000;
}

.help_contacts a:last-of-type {
  color     : #675D5E;
  transition: all 0.3s linear;
}

.help_contacts a:last-of-type:hover {
  color: #000;
}

/*right_container_wrapper*/

.right_container_wrapper {
  display       : flex;
  flex-direction: column;
  width         : 100%;
  height        : auto;
}

.right_container_header {
  display        : flex;
  align-items    : center;
  justify-content: space-around;
  width          : 80%;
  height         : 200px;
}

.right_container_header p {
  font-family   : 'Forum', cursive;
  font-size     : 37px;
  font-weight   : 500;
  color         : #000;
  text-transform: uppercase;
}

.right_container_header a {
  position      : relative;
  padding       : 17px 50px 17px 50px;
  border        : 2px dashed #999999;
  font-size     : 18px;
  color         : #efa32f;
  text-transform: uppercase;
  transition    : all 0.3s linear;
}

.right_container_header a:hover {
  background: #efa32f;
  border    : 2px dashed #FFFFFF;
  color     : #FFF;
}

.right_container_header a:hover::after {
  background: rgba(255, 255, 255, 0.0);
}

.right_container_desc_wrap {
  display        : flex;
  justify-content: space-around;
  position       : relative;
  width          : 80%;
  height         : auto;
  padding        : 0 0 100px 0;
}

.right_container_desc_wrap::after {
  content   : '';
  position  : absolute;
  bottom    : 0;
  left      : 100px;
  width     : 650px;
  height    : 1px;
  background: #D1CBCB;
}

.right_container_desc_img {
  margin: 20px 30px 0 30px;
}

.right_container_desc_desc dl dt {
  padding       : 20px 0 10px 0;
  font-size     : 18px;
  text-transform: uppercase;
}

.right_container_desc_desc dl dd {
  position  : relative;
  padding   : 25px 0 0 15px;
  font-size : 18px;
  transition: all 0.3s linear;
}

.right_container_desc_desc dl dd a {
  color     : #000;
  transition: all 0.3s linear;
}

.right_container_desc_desc dl dd a:hover {
  color : #9D9999;
  cursor: pointer;
}

.right_container_desc_desc dl dd:hover {
  transform: translateX(5px);
}

.right_container_desc_desc dl dd:hover::before {
  background: #9D9999;
}

.right_container_desc_desc dl dd::before {
  content   : '';
  position  : absolute;
  top       : 37px;
  left      : 0;
  width     : 5px;
  height    : 2px;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.3s linear;
}

/*appl_coop_wrapper_feedback*/

.appl_coop_wrapper .feedback {
  display       : flex;
  flex-direction: column;
  position      : relative;
  width         : 60%;
  height        : auto;
  padding       : 0 0 40px 0;
}

.appl_coop_wrapper .feedback::after {
  content   : '';
  position  : absolute;
  bottom    : 0;
  left      : 100px;
  width     : 650px;
  height    : 1px;
  background: #D1CBCB;
}

.appl_coop_wrapper .feedback h1 {
  margin        : 40px 0 40px 100px;
  font-family   : 'Forum', cursive;
  font-size     : 25px;
  font-weight   : 500;
  color         : #efa32f;
  text-transform: uppercase;
}

.appl_coop_wrapper .feedback form {
  display       : flex;
  flex-direction: column;
}

.appl_coop_wrapper .feedback form input {
  width      : 450px;
  margin     : 0 0 18px 100px;
  padding    : 15px;
  border     : 1px solid #C1BBBB;
  line-height: 2.2em;
  transition : all 0.3s linear;
}

.appl_coop_wrapper .feedback form input:focus:valid {
  border: 1px solid #2DC13F;
}

.appl_coop_wrapper .feedback form input:focus:invalid {
  border: 1px solid #efa32f;
}

.appl_coop_wrapper .feedback form input::placeholder {
  font-size  : 17px;
  line-height: 2em;
  color      : #000;
  color      : #000;
  transition : all 0.3s linear;
}

.appl_coop_wrapper .feedback form input:focus::placeholder {
  color: transparent;
}

.appl_coop_wrapper .feedback form button {
  position      : relative;
  width         : 270px;
  margin        : 0 0 0 100px;
  padding       : 15px 0;
  background    : #efa32f;
  border        : none;
  font-size     : 18px;
  color         : rgba(255, 255, 255, 0.9);
  text-align    : center;
  text-transform: uppercase;
  transition    : all 0.3s linear;
}

.appl_coop_wrapper .feedback form button::before {
  content : '';
  position: absolute;
  top     : 5px;
  right   : 5px;
  bottom  : 5px;
  left    : 5px;
  border  : 1px dashed rgba(255, 255, 255, 0.5);
}

.appl_coop_wrapper .feedback form button:hover::before {
  border: 1px dashed rgba(177, 31, 34, 0.5);
}

.appl_coop_wrapper .feedback form button:hover {
  background: #FFF;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  color     : #efa32f;
  cursor    : pointer;
}

.appl_coop_wrapper .feedback p {
  margin   : 20px 0 0 100px;
  font-size: 14px;
  color    : #000;
}

.appl_coop_wrapper .feedback p a {
  color     : #efa32f;
  transition: all 0.3s linear;
}

.appl_coop_wrapper .feedback p a:hover {
  color: rgba(177, 31, 34, 0.5);
}

#photos {
  height : 400px;
  padding: 0 !important;
}

#photos .presentation_slider {
  width : 100%;
  height: 300px;
}

#photos .presentation_slider div img {
  object-fit: cover;
}

#photos .presentation_slider .multiple_items div a::before {
  content   : '+';
  position  : absolute;
  top       : 38%;
  left      : 45%;
  font-size : 60px;
  color     : #FFF;
  opacity   : 0;
  transform : scale(1.5);
  transition: all 0.5s linear;
}

#photos .presentation_slider .multiple_items div a:hover::before {
  opacity  : 1;
  transform: scale(1);
}

#photos .presentation_slider .slick-prev {
  top       : 88%;
  left      : 35%;
  background: url(../img/arrow/1.png) no-repeat;
}

#photos .presentation_slider .slick-next {
  top       : 88%;
  right     : 35%;
  background: url(../img/arrow/2.png) no-repeat;
}

#photos .presentation_slider .slick-dots {
  display   : block;
  position  : absolute;
  top       : 84%;
  left      : 45%;
  width     : 10%;
  margin    : 0;
  padding   : 0;
  text-align: center;
  list-style: none;
}

/*modal_box*/

#price_download_wrapper {
  display: none !important;
}

#personal_data,
#personal_data_1,
#personal_data_2 {
  display   : none;
  position  : fixed;
  top       : 0;
  right     : 0;
  bottom    : 0;
  left      : 0;
  background: rgba(0, 0, 0, 0.8);
}

.modal_box {
  position: relative;
  width   : 100%;
  height  : 100%;
}

.close_2 {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : absolute;
  top            : 0;
  right          : 10px;
  width          : 50px;
  height         : 50px;
}

.close_2::before {
  content    : "+";
  position   : relative;
  font-size  : 45px;
  font-weight: 500;
  color      : #efa32f;
  cursor     : pointer;
  transform  : rotateZ(45deg);
}

.close_modal_block {
  position: absolute;
  top     : 0;
  right   : 0;
  bottom  : 0;
  left    : 0;
  width   : 100%;
  height  : 100%;
}

.close_modal_block:hover {
  cursor: pointer;
}

.modal_box_description {
  position                  : absolute;
  top                       : 70px;
  right                     : 100px;
  bottom                    : 70px;
  left                      : 100px;
  overflow-y                : auto;
  padding                   : 60px;
  background                : #FFF;
  z-index                   : 600;
  -webkit-overflow-scrolling: touch;
  touch-action              : pan-y;
}

/*after_feedback_wrap*/

.after_feedback_wrap {
  display        : flex;
  justify-content: flex-start;
  width          : 85%;
  height         : auto;
  margin         : 70px 0 0 100px;
}

.after_feedback_wrap .block {
  width: 30%;
}

.after_feedback_wrap .block p {
  padding    : 0 100px 0 0;
  font-size  : 17px;
  line-height: 1.6em;
}

/*after_after_feedback_wrap*/

.after_after_feedback_wrap {
  display       : flex;
  flex-direction: column;
  width         : 85%;
  height        : auto;
  margin        : 60px 0 100px 0;
}

.after_after_feedback_wrap .block ul {
  margin: 30px 0 30px 100px;
}

.after_after_feedback_wrap .block ul li {
  position : relative;
  padding  : 10px 0 10px 30px;
  font-size: 18px;
}

.after_after_feedback_wrap .block ul li::before {
  content   : '';
  position  : absolute;
  top       : 50%;
  left      : 10px;
  width     : 7px;
  height    : 1px;
  background: #C8151B;
}

.after_after_feedback_wrap .block h1 {
  padding    : 0 0 40px 100px;
  font-family: 'Forum', cursive;
  font-size  : 40px;
  font-weight: 500;
}

.after_after_feedback_wrap .block h2 {
  padding    : 20px 0 20px 100px;
  font-family: 'Forum', cursive;
  font-size  : 30px;
  font-weight: 500;
}

.after_after_feedback_wrap .block p {
  padding    : 10px 0 0 100px;
  font-size  : 18px;
  line-height: 1.6em;
}

.after_after_feedback_wrap ol li {
  position : relative;
  padding  : 15px 10px 5px 130px;
  font-size: 18px;
}

.after_after_feedback_wrap ol li::before {
  content   : '';
  position  : absolute;
  top       : 63%;
  left      : 110px;
  width     : 7px;
  height    : 1px;
  background: #C8151B;
}

/*contacts_wrapper*/

.contacts_wrapper {
  width : 100%;
  height: auto;
}

.feedback_wrap {
  width           : 100%;
  background      : url(../img/bg_img/back_contacts-min.jpg) no-repeat 50% 50% / cover fixed;
  /* min-height   : 850px; */
  /* height       : calc(100vh - 100px); */
}

.feedback_shadow {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  width          : 100%;
  height         : 100%;
  padding        : 30px 0;
  background     : rgba(0, 0, 0, 0.6);
}

.feedback_shadow h1 {
  font-size  : 30px;
  font-weight: 500;
  color      : #FFF;
  text-align : center;
}

.feedback_shadow .block_contact {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  flex-wrap      : wrap;
  position       : relative;
  width          : auto;
  margin         : 30px auto;
}

.feedback_shadow .block_contact>div {
  display  : flex;
  flex-wrap: wrap;
}

.feedback_shadow .block_contact::before {
  content   : '';
  position  : absolute;
  top       : -10px;
  left      : calc(50% - 225px);
  width     : 450px;
  height    : 1px;
  background: #FFF;
}

.feedback_shadow .block_contact::after {
  content   : '';
  position  : absolute;
  bottom    : -10px;
  left      : calc(50% - 225px);
  width     : 450px;
  height    : 1px;
  background: #FFF;
}

.feedback_shadow .block_contact a {
  position   : relative;
  padding    : 0 30px;
  font-size  : 28px;
  font-weight: 500;
  color      : #FFF;
  transition : all 0.3s linear;
}

.feedback_shadow .block_contact a:nth-of-type(2) {
  text-transform: uppercase;
}

.feedback_shadow .block_contact a:hover {
  color: #C87275;
}

.feedback_shadow .block_contact a:not(:last-of-type):after {
  content      : '';
  position     : absolute;
  top          : 17px;
  right        : 0px;
  width        : 5px;
  height       : 5px;
  background   : #FFF;
  border-radius: 50%;
}

.feedback_shadow>a:first-of-type {
  margin    : 10px 0 0 0;
  font-size : 28px;
  color     : #FFF;
  transition: all 0.3s linear;
}

.feedback_shadow>a:hover {
  color: #C87275;
}

.feedback_shadow form {
  width : 1200px;
  margin: 20px 0 0 0;
}

.feedback_shadow form p {
  padding   : 20px 0 0 0;
  font-size : 16px;
  color     : #FFF;
  text-align: center;
}

.feedback_shadow form p a {
  color     : #B8B8B8;
  transition: all 0.3s linear;
}

.feedback_shadow form p a:hover {
  color: #efa32f;
}

.text_block {
  display        : flex;
  justify-content: space-between;
  width          : 100%;
  height         : auto;
}

.text_block textarea {
  width     : 700px;
  height    : auto;
  overflow-y: hidden;
  padding   : 10px;
  border    : 2px solid rgba(0, 0, 0, 0.5);
  transition: all 0.3s linear;
  resize    : none;
}

.text_block textarea::placeholder {
  font-size : 18px;
  color     : #000;
  transition: all 0.3s linear;
}

.text_block textarea:focus::placeholder {
  color: transparent;
}

.text_block textarea:focus {
  border: 2px solid #2DC13F;
}

.input_wrap {
  display       : flex;
  flex-direction: column;
  width         : calc(100% - 710px);
}

.input_wrap input {
  padding    : 15px 10px;
  border     : 2px solid rgba(0, 0, 0, 0.5);
  font-size  : 16px;
  line-height: 1.5em;
  transition : all 0.3s linear;
}

.selectBox.selectBoxContactForm {
  width      : 100%;
  margin     : 0 0 10px;
  border     : 2px solid #7F7F7F;
  font-size  : 16px;
  line-height: 1.5em;
}

.selectBoxContactForm .cooperation__select {
  margin : 0;
  padding: 15px 10px;
}

.selectBoxContactForm .cooperation__select p {
  color     : #000;
  text-align: left;
}

.selectBoxContactForm .cooperation__select label {
  padding  : 15px 10px;
  font-size: 16px;
}

.selectBoxContactForm .cooperation__option {
  right        : -2px;
  left         : -2px;
  border-right : 2px solid #7F7F7F;
  border-bottom: 2px solid #7F7F7F;
  border-left  : 2px solid #7F7F7F;
}

.selectBoxContactForm .cooperation__select p::before {
  display: none;
}

.selectBoxContactForm .cooperation__select p::after {
  right: 5px;
}

.feedback_shadow .selectBoxContactForm p {
  padding: 0;
}

.input_wrap input:not(:last-of-type) {
  margin: 0 0 10px;
}

.input_wrap input::placeholder {
  font-size : 18px;
  color     : #000;
  transition: all 0.3s linear;
}

.input_wrap input:focus::placeholder {
  color: transparent;
}

.input_wrap input:focus:invalid {
  border: 2px solid #efa32f;
}

.input_wrap input:focus:valid {
  border: 2px solid #2DC13F;
}

.feedback_shadow form button {
  display        : flex;
  justify-content: center;
  position       : relative;
  width          : 250px;
  margin         : 30px auto 0 auto;
  padding        : 18px 0;
  background     : #efa32f;
  border         : none;
  box-shadow     : -3px 3px 0 0 #975b00;
  font-size      : 18px;
  font-weight    : 500;
  color          : #FFF;
  text-transform : uppercase;
  transition     : all 0.3s linear;
}

.feedback_shadow form button::before {
  content : '';
  position: absolute;
  top     : 3px;
  right   : 3px;
  bottom  : 3px;
  left    : 3px;
  border  : 1px dashed rgba(255, 255, 255, 0.5);
}

.feedback_shadow form button:hover::before {
  border: 1px dashed #efa32f;
}

.feedback_shadow form button:hover {
  background: #FFF;
  box-shadow: none;
  color     : #efa32f;
  cursor    : pointer;
  transform : scale(1.05);
}

.mouse_contacts {
  position     : relative;
  width        : 40px;
  height       : 80px;
  margin       : 30px 0 0 0;
  border       : 2px solid #FFF;
  border-radius: 25px;
  transition   : all 0.2s linear;
}

.mouse_contacts::before {
  content      : "";
  position     : absolute;
  top          : 12px;
  left         : 16px;
  width        : 4px;
  height       : 6px;
  background   : #FFF;
  border-radius: 50%;
  transition   : all 0.2s linear;
  animation    : go_bottom 2s linear 0.2s infinite;
}

.mouse_contacts:hover {
  border: 2px solid rgba(206, 23, 51, 0.8);
}

.mouse_contacts:hover::before {
  background: #CE1733;
}

/*we_map*/

.we_map {
  width : 100%;
  height: auto;
}

.we_map h2 {
  position      : relative;
  padding       : 60px 0;
  font-family   : 'Forum', cursive;
  font-size     : 32px;
  font-weight   : 500;
  color         : #000;
  text-align    : center;
  text-transform: uppercase;
}

.we_map h2::before {
  content   : '';
  position  : absolute;
  top       : 75px;
  left      : 35%;
  width     : 100px;
  height    : 1px;
  background: #000;
}

.we_map h2::after {
  content   : '';
  position  : absolute;
  top       : 75px;
  right     : 35%;
  width     : 100px;
  height    : 1px;
  background: #000;
}

#map {
  width : 100%;
  height: 600px;
}

/*about_company_wrap*/

.about_company_wrap {
  width : 100%;
  height: auto;
}

.about_company_wrap .head {
  width     : 100%;
  height    : 500px;
  background: url(../img/bg_img/back_about_company.jpg) no-repeat 50% 50% / cover !important;
}

.head_shadow {
  width     : 100%;
  height    : 100%;
  background: rgba(0, 0, 0, 0.4);
}

.head_shadow h1 {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  height         : 100%;
  font-size      : 70px;
  letter-spacing : 2px;
  color          : #FFF;
  text-transform : uppercase;
}

.img_about_company {
  display: flex;
  width  : 1300px;
  height : 420px;
  margin : 70px auto;
}

.img_about_company .block_1 {
  display        : flex;
  justify-content: center;
  flex-direction : column;
  width          : 25%;
}

.img_about_company .block_1 .block_1_1 {
  width     : 95%;
  height    : 180px;
  margin    : 0 auto 33px auto;
  background: url(../img/bg_img/about_company/1.jpg) no-repeat;
}

.img_about_company .block_1 .block_1_2 {
  width     : 95%;
  height    : 180px;
  margin    : 0 auto;
  background: url(../img/bg_img/about_company/2.jpg) no-repeat;
}

.img_about_company .block_2 {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 32%;
}

.img_about_company .block_2 .block_2_2 {
  width     : 90%;
  height    : 95%;
  margin    : 5px 0 0 0;
  background: url(../img/bg_img/about_company/3.jpg) no-repeat;
}

.img_about_company .block_3 {
  display        : flex;
  align-items    : center;
  justify-content: space-around;
  flex-direction : column;
  width          : 40%;
}

.img_about_company .block_3 .block_3_1 {
  display        : flex;
  align-items    : center;
  justify-content: space-around;
  width          : 95%;
  height         : 45%;
  margin         : 7px 0 10px 0;
}

.block_3_1 .block_3_1_1 {
  width     : 50%;
  height    : 100%;
  margin    : 0 20px 0 0;
  background: url(../img/bg_img/about_company/4.jpg) no-repeat;
}

.block_3_1 .block_3_1_2 {
  width     : 50%;
  height    : 100%;
  background: url(../img/bg_img/about_company/5.jpg) no-repeat;
}

.img_about_company .block_3 .block_3_2 {
  width     : 95%;
  height    : 45%;
  background: url(../img/bg_img/about_company/6.jpg) no-repeat;
}

.about_company_desc {
  width : 65%;
  height: auto;
  margin: 0 auto 100px auto;
}

.about_company_desc ul li {
  padding  : 0 10px 15px 20px;
  font-size: 18px;
}

.about_company_desc h2 {
  position      : relative;
  padding       : 0 0 60px 0;
  font-family   : 'Forum', cursive;
  font-size     : 35px;
  font-weight   : 500;
  text-align    : center;
  text-transform: uppercase;
}

.about_company_desc h2::before {
  content   : '';
  position  : absolute;
  top       : 20px;
  left      : 150px;
  width     : 220px;
  height    : 1px;
  background: #000;
}

.about_company_desc h2::after {
  content   : '';
  position  : absolute;
  top       : 20px;
  right     : 150px;
  width     : 220px;
  height    : 1px;
  background: #000;
}

.about_company_desc p:first-of-type {
  font-weight   : 500;
  text-transform: uppercase;
}

.about_company_desc p {
  padding    : 20px 0;
  font-size  : 18px;
  line-height: 1.6em;
}

.about_company_desc_we {
  display: flex;
  width  : 100%;
  height : 450px;
}

.about_company_desc_we .block {
  width  : 33.33333%;
  height : 100%;
  outline: 1px solid #000;
}

.about_company_desc_we .block:nth-of-type(1) {
  order: 2;
}

.about_company_desc_we .block:nth-of-type(2) {
  order: 3;
}

.about_company_desc_we .block:nth-of-type(3) {
  order: 1;
}

.about_company_desc_we .block .block_shadow {
  display        : flex;
  align-items    : flex-start;
  justify-content: flex-start;
  flex-direction : column;
  width          : 100%;
  height         : 100%;
  padding        : 10px;
}

.about_company_desc_we .block .block_shadow p:first-of-type {
  padding       : 0;
  font-size     : 28px;
  font-weight   : 900;
  color         : #FFF;
  text-transform: uppercase;
}

.about_company_desc_we .block .block_shadow p:last-of-type {
  font-size: 20px;
  color    : #FFF;
}

/*==NewEdits=====================================================================*/

.about_company_desc .box-caption {
  margin        : 40px 0;
  padding       : 0 !important;
  font-size     : 18px;
  font-weight   : 600 !important;
  color         : #000;
  text-align    : center;
  text-transform: uppercase;
}

.partners-list {
  display        : flex;
  justify-content: space-between;
  flex-wrap      : wrap;
  width          : 100%;
  margin         : 40px 0;
}

.partners-item {
  width : calc(25% - 5px);
  height: 280px;
}

.partners-item:nth-of-type(odd) {
  background: #F6F6F6;
}

.partners-item:nth-of-type(even) {
  background: #EFEFEF;
}

.partners-item__image {
  width              : 100%;
  height             : 100%;
  object-fit         : contain;
  user-select        : none;
  -ms-user-select    : none;
  -moz-user-select   : none;
  -webkit-user-select: none;
  pointer-events     : none;
}

.about-advantages__list {
  display        : flex;
  justify-content: space-between;
  flex-wrap      : wrap;
  margin         : 40px 0;
}

.about-advantages__icon {
  display            : block;
  margin             : 0 auto;
  user-select        : none;
  -ms-user-select    : none;
  -moz-user-select   : none;
  -webkit-user-select: none;
  pointer-events     : none;
}

.about-advantages__list .about-advantages__text {
  padding       : 0;
  text-align    : center;
  text-transform: uppercase;
}

.we_work_russia {
  width : 100%;
  height: auto;
}

.we_work_russia h2 {
  position      : relative;
  padding       : 50px 0;
  font-family   : 'Forum', cursive;
  font-size     : 35px;
  font-weight   : 500;
  text-align    : center;
  text-transform: uppercase;
}

.we_work_russia h2::before {
  content   : '';
  position  : absolute;
  top       : 70px;
  left      : 450px;
  width     : 150px;
  height    : 1px;
  background: #000;
}

.we_work_russia h2::after {
  content   : '';
  position  : absolute;
  top       : 70px;
  right     : 450px;
  width     : 150px;
  height    : 1px;
  background: #000;
}

.map_russia {
  width     : 100%;
  height    : 600px;
  background: rgba(0, 0, 0, 0.2);
}

/*presentation_wrap*/

.presentation_wrap {
  width : 100%;
  height: auto;
}

.presentation_video {
  width     : 100%;
  height    : 600px;
  background: url(../img/bg_img/back_contacts.jpg) no-repeat 50% 50% / cover fixed;
}

.presentation_video_shadow {
  display        : flex;
  justify-content: space-around;
  width          : 100%;
  height         : 100%;
  background     : rgba(0, 0, 0, 0.5);
}

.presentation_video_shadow .video {
  width : 70%;
  height: 100%;
  margin: 0 auto;
}

.presentation_video_shadow iframe {
  width : 100%;
  height: 100%;
}

.presentation_wrap .multiple_items {
  width : 100%;
  height: 400px;
}

.presentation_wrap .multiple_items .slick-slide {
  height: auto;
}

.presentation_wrap .multiple_items div {
  position: relative;
  margin  : 0;
  padding : 0;
}

.presentation_wrap .multiple_items div a::before {
  content   : '+';
  position  : absolute;
  top       : 41%;
  left      : 47%;
  font-size : 60px;
  color     : #FFF;
  opacity   : 0;
  transform : scale(1.5);
  transition: all 0.5s linear;
}

.presentation_wrap .multiple_items div a:hover::before {
  opacity  : 1;
  transform: scale(1);
}

.multiple_items a .line_1 {
  position  : absolute;
  top       : 10px;
  right     : 50%;
  left      : 50%;
  height    : 1px;
  background: #FFF;
  opacity   : 0;
  transition: all 0.5s linear;
}

.multiple_items a .line_2 {
  position  : absolute;
  right     : 50%;
  bottom    : 10px;
  left      : 50%;
  height    : 1px;
  background: #FFF;
  opacity   : 0;
  transition: all 0.5s linear;
}

.multiple_items a .line_3 {
  position  : absolute;
  top       : 50%;
  bottom    : 50%;
  left      : 10px;
  width     : 1px;
  background: #FFF;
  opacity   : 0;
  transition: all 0.5s linear;
}

.multiple_items a .line_4 {
  position  : absolute;
  top       : 50%;
  right     : 10px;
  bottom    : 50%;
  width     : 1px;
  background: #FFF;
  opacity   : 0;
  transition: all 0.5s linear;
}

.multiple_items a:hover .line_1,
.multiple_items a:hover .line_2 {
  right  : 11px;
  left   : 11px;
  opacity: 1;
}

.multiple_items a:hover .line_3,
.multiple_items a:hover .line_4 {
  top    : 10px;
  bottom : 10px;
  opacity: 1;
}

.presentation_wrap .slick-prev,
.presentation_wrap .slick-next {
  display    : block;
  position   : absolute;
  width      : 60px;
  height     : 60px;
  padding    : 0;
  border     : none;
  outline    : none;
  font-size  : 0;
  line-height: 0;
  cursor     : pointer;
  transition : all 0.3s linear;
}

.presentation_wrap .slick-prev {
  top       : 115%;
  left      : 40%;
  background: url(../img/arrow/1.png) no-repeat;
}

.presentation_wrap .slick-next {
  top       : 115%;
  right     : 40%;
  background: url(../img/arrow/2.png) no-repeat;
}

/* dots */

.presentation_wrap .slick-dotted.slick-slider {
  margin: 0;
}

.presentation_wrap .slick-dots {
  display   : block;
  position  : absolute;
  top       : 111%;
  left      : 45%;
  width     : 10%;
  margin    : 0;
  padding   : 0;
  text-align: center;
  list-style: none;
}

.presentation_wrap .slick-dots li {
  display : inline-block;
  position: relative;
  width   : 20px;
  height  : 20px;
  overflow: hidden;
  margin  : 0 5px;
  padding : 0;
  cursor  : pointer;
}

.presentation_wrap .slick-dots li button {
  display    : block;
  width      : 20px;
  height     : 20px;
  padding    : 5px;
  background : #D0191E;
  border     : 2px solid #D0191E;
  outline    : none;
  font-size  : 0;
  line-height: 0;
  cursor     : pointer;
}

.presentation_wrap .slick-dots li button:hover,
.presentation_wrap .slick-dots li button:focus {
  outline: none;
}

.presentation_wrap .slick-dots li button:before {
  content   : '';
  position  : absolute;
  top       : 0px;
  right     : 0;
  bottom    : 0;
  left      : 0px;
  width     : 16px;
  height    : 16px;
  transform : translateY(-100%);
  transition: transform 0.3s linear;
}

.presentation_wrap .slick-dots li.slick-active button:before {
  background: #FFF;
  border    : 2px solid #D0191E;
  opacity   : 1;
  transform : translateY(0%);
}

.presentation_slider h1 {
  position      : relative;
  margin        : 50px 0;
  font-family   : 'Forum', cursive;
  font-size     : 35px;
  font-weight   : 500;
  text-align    : center;
  text-transform: uppercase;
}

.presentation_slider h1::before {
  content   : '';
  position  : absolute;
  top       : 19px;
  left      : 550px;
  width     : 120px;
  height    : 1px;
  background: #000;
}

.presentation_slider h1::after {
  content   : '';
  position  : absolute;
  top       : 19px;
  right     : 550px;
  width     : 120px;
  height    : 1px;
  background: #000;
}

.presentation_slider .block_description {
  width : 75%;
  margin: 100px auto;
}

.presentation_slider .block_description p {
  padding    : 20px 0;
  font-size  : 18px;
  line-height: 1.6em;
}

/*manufacturers_wrap*/

.manufacturers_wrap {
  width : 100%;
  height: auto;
}

.manufacturers_background {
  width     : 100%;
  height    : 500px;
  background: url(../img/bg_img/manufaturers_back.jpg) no-repeat 50% 50% / cover fixed !important;
}

.manufacturers_shadow {
  width     : 100%;
  height    : 100%;
  background: rgba(0, 0, 0, 0.4);
}

.manufacturers_shadow h1 {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  height         : 100%;
  font-size      : 70px;
  letter-spacing : 1px;
  color          : #FFF;
  text-align     : center;
  text-transform : uppercase;
}

.manufacturers_block_wrapper {
  display  : flex;
  flex-wrap: wrap;
  width    : 100%;
  height   : auto;
}

.manufacturers_block {
  position: relative;
  width   : 33.33333%;
  height  : 400px;
  overflow: hidden;
}

/*new_MB*/

.manufacturers_block:nth-of-type(odd) {
  background: #fff;
}

.manufacturers_block:nth-of-type(even) {
  background: #EFEFEF;
}

.manufacturers_block:hover {
  cursor: pointer;
}

.manufacturers_block img:first-of-type {
  position  : absolute;
  top       : 0%;
  left      : 0%;
  width     : 100%;
  height    : 100%;
  opacity   : 1;
  transition: all 0.3s linear;
  object-fit: cover;
}

.manufacturers_block img:last-of-type {
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
  opacity   : 0;
  transition: opacity 0.3s linear, transform 3s linear;
}

.manufacturers_block:hover img:first-of-type {
  opacity: 0;
}

.manufacturers_block:hover img:last-of-type {
  opacity   : 1;
  transform : scale(2);
  transition: transform 60s linear, opacity 0.3s linear;
}

.manufacturers_links {
  display        : flex;
  align-items    : center;
  justify-content: space-around;
  flex-direction : column;
  position       : absolute;
  top            : 10px;
  right          : 10px;
  bottom         : 10px;
  left           : 10px;
  border         : 1px solid #efa32f;
  transform      : translateY(400px);
  transition     : transform 0.3s linear;
}

.manufacturers_block:hover .manufacturers_links {
  transform: translateY(0);
}

.manufacturers_block .manufacturers_links:hover {
  border: 1px solid transparent;
}

.manufacturers_block a:first-of-type {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : relative;
  width          : 100%;
  height         : 80%;
  background     : rgba(240, 240, 240, 0.9);
  transition     : all 0.3s linear;
}

.manufacturers_links a:first-of-type .line_1,
.manufacturers_links a:last-of-type .line_1 {
  position  : absolute;
  top       : 10px;
  right     : 50%;
  left      : 50%;
  height    : 1px;
  background: #FFF;
  opacity   : 0;
  transition: all 0.7s linear;
}

.manufacturers_links a:first-of-type .line_2,
.manufacturers_links a:last-of-type .line_2 {
  position  : absolute;
  right     : 50%;
  bottom    : 10px;
  left      : 50%;
  height    : 1px;
  background: #FFF;
  opacity   : 0;
  transition: all 0.7s linear;
}

.manufacturers_links a:first-of-type .line_3,
.manufacturers_links a:last-of-type .line_3 {
  position  : absolute;
  top       : 50%;
  bottom    : 50%;
  left      : 10px;
  width     : 1px;
  background: #FFF;
  opacity   : 0;
  transition: all 0.7s linear;
}

.manufacturers_links a:first-of-type .line_4,
.manufacturers_links a:last-of-type .line_4 {
  position  : absolute;
  top       : 50%;
  right     : 10px;
  bottom    : 50%;
  width     : 1px;
  background: #FFF;
  opacity   : 0;
  transition: all 0.7s linear;
}

.manufacturers_links a:first-of-type p {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : relative;
  padding        : 50px 0 0 0;
  font-size      : 18px;
  color          : #efa32f;
  text-transform : uppercase;
  transition     : all 0.3s linear;
}

.manufacturers_links a:first-of-type p::before {
  content   : '';
  position  : absolute;
  top       : -10px;
  left      : 50%;
  width     : 7px;
  height    : 50px;
  background: #474747;
}

.manufacturers_links a:first-of-type p::after {
  content   : '';
  position  : absolute;
  top       : 11px;
  left      : 38%;
  width     : 50px;
  height    : 7px;
  background: #474747;
}

.manufacturers_links a:last-of-type {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : relative;
  width          : 100%;
  height         : 20%;
  background     : rgba(240, 240, 240, 0.9);
  transition     : all 0.3s linear;
}

.manufacturers_links a:last-of-type p {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : relative;
  border-bottom  : 2px solid rgba(176, 30, 33, 0.5);
  font-size      : 18px;
  color          : #efa32f;
  text-transform : uppercase;
  transition     : all 0.3s linear;
}

.manufacturers_links a:first-of-type:hover {
  background: rgba(0, 0, 0, 0.5);
}

.manufacturers_links a:first-of-type:hover .line_1,
.manufacturers_links a:first-of-type:hover .line_2,
.manufacturers_links a:last-of-type:hover .line_1,
.manufacturers_links a:last-of-type:hover .line_2 {
  right  : 11px;
  left   : 11px;
  opacity: 1;
}

.manufacturers_links a:first-of-type:hover .line_3,
.manufacturers_links a:first-of-type:hover .line_4,
.manufacturers_links a:last-of-type:hover .line_3,
.manufacturers_links a:last-of-type:hover .line_4 {
  top    : 10px;
  bottom : 10px;
  opacity: 1;
}

.manufacturers_links a:first-of-type:hover p {
  color: #FFF;
}

.manufacturers_links a:first-of-type:hover p::before,
.manufacturers_links a:first-of-type:hover p::after {
  background: #FFF;
}

.manufacturers_links a:last-of-type:hover {
  background: rgba(0, 0, 0, 0.5);
}

.manufacturers_links a:hover:last-of-type p {
  border-bottom: 2px solid transparent;
  color        : #FFF;
}

.manufacturers_links a:hover:last-of-type p::before {
  transform: translateY(0);
}

.manufacturers_links a:last-of-type p::before {
  content   : '';
  position  : absolute;
  top       : -12px;
  left      : -50px;
  width     : 50px;
  height    : 50px;
  background: url(/bitrix/templates/pastrychef/img/minTo1.png) no-repeat 50% 50% / cover;
  transform : translateY(80px);
  transition: all 0.3s linear;
}

/*cooperation_wrap*/

.cooperation_wrap {
  width : 100%;
  height: auto;
}

.cooperation_background {
  width          : 100%;
  height         : 500px;
  /* //background: url(../img/bg_img/back_cooperation_2.jpg) no-repeat 50% 50% fixed; */
}

.cooperation_shadow {
  width     : 100%;
  height    : 100%;
  background: rgba(0, 0, 0, 0.4);
}

.cooperation_shadow h1 {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  height         : 100%;
  font-size      : 70px;
  letter-spacing : 2px;
  color          : #FFF;
  text-transform : uppercase;
}

.cooperation_comfort h2 {
  margin        : 60px 0;
  font-family   : 'Forum', cursive;
  font-size     : 35px;
  font-weight   : 500;
  color         : #000;
  text-align    : center;
  text-transform: uppercase;
}

.cooperation_comfort_block_wrap {
  display  : flex;
  flex-wrap: wrap;
}

.cooperation_comfort_block {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  position       : relative;
  width          : 20%;
  height         : 300px;
}

.cooperation_comfort_block:nth-of-type(odd) {
  background: #E7E7E7;
}

.cooperation_comfort_block:nth-of-type(even) {
  background: #F4F4F4;
}

.cooperation_comfort_block:nth-of-type(odd) span {
  color: #FFF;
}

.cooperation_comfort_block:nth-of-type(even) span {
  color: #E7E7E7;
}

.cooperation_comfort_block span {
  position   : absolute;
  top        : 45%;
  left       : 18%;
  font-size  : 280px;
  font-weight: 900;
  line-height: 0em;
  z-index    : 5;
}

.cooperation_comfort_block img {
  width  : 200px;
  height : auto;
  z-index: 100;
}

.cooperation_comfort_block p {
  margin        : 30px 0 -20px 0;
  font-size     : 18px;
  font-weight   : 100;
  line-height   : 1.6em;
  text-align    : center;
  text-transform: uppercase;
  z-index       : 100;
}

.cooperation_comfort_block:nth-of-type(2) p {
  margin: 0px 0 -30px 0;
}

.cooperation_form {
  width     : 100%;
  height    : 600px;
  background: url(../img/bg_img/back_cooperation_form.jpg) no-repeat 50% 10% fixed;
}

.cooperation_form_shadow {
  width     : 100%;
  height    : 100%;
  background: rgba(0, 0, 0, 0.5);
}

.cooperation_form_shadow h2 {
  padding    : 50px 0 40px 0;
  font-family: 'Forum', cursive;
  font-size  : 40px;
  font-weight: 500;
  color      : #FFF;
  text-align : center;
}

.cooperation_form_shadow form {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
}

.cooperation_form_input {
  display        : flex;
  align-items    : center;
  justify-content: space-around;
  flex-wrap      : wrap;
  width          : 900px;
  height         : auto;
}

.cooperation_form_input input {
  width         : 400px;
  margin        : 12px;
  padding       : 20px 10px 20px 20px;
  border        : 2px solid transparent;
  outline       : 1px dashed #B2B2B2;
  outline-offset: -6px;
  line-height   : 1.6em;
  transition    : border 0.3s linear;
}

.cooperation_form_input input::placeholder {
  font-size : 18px;
  color     : #000;
  transition: all 0.3s linear;
}

.cooperation_form_input input:focus::placeholder {
  color     : transparent;
  transition: all 0.3s linear;
}

.cooperation_form_input input:focus:valid {
  border : 2px solid #2DC13F;
  outline: none;
}

.cooperation_form_input input:focus:invalid {
  border : 2px solid #efa32f;
  outline: none;
}

.cooperation_form_shadow form button {
  position      : relative;
  width         : 270px;
  margin        : 0;
  padding       : 15px 0;
  background    : #efa32f;
  border        : none;
  font-size     : 18px;
  color         : rgba(255, 255, 255, 1);
  text-align    : center;
  text-transform: uppercase;
  transition    : all 0.3s linear;
}

.cooperation_form_shadow form button::before {
  content : '';
  position: absolute;
  top     : 3px;
  right   : 3px;
  bottom  : 3px;
  left    : 3px;
  border  : 1px dashed rgba(255, 255, 255, 0.5);
}

.cooperation_form_shadow form button:hover::before {
  border: 1px dashed rgba(177, 31, 34, 0.5);
}

.cooperation_form_shadow form button:hover {
  background: #FFF;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  color     : #efa32f;
  cursor    : pointer;
  transform : scale(1.05);
}

.cooperation_form_shadow form p {
  padding       : 20px 0 30px 0;
  font-size     : 16px;
  text-transform: none;
}

.cooperation_form_shadow form p a {
  color     : #C7C7C7;
  transition: all 0.3s linear;
}

.cooperation_form_shadow form p a:hover {
  color: #efa32f;
}

.cooperation_form_shadow p {
  padding       : 60px 200px 0 200px;
  font-size     : 16px;
  line-height   : 1.8em;
  color         : #FFF;
  text-align    : center;
  text-transform: uppercase;
}

.cooperation_description {
  width     : 100%;
  height    : auto;
  background: url(../img/bg_img/back_cooperation_3.jpg) no-repeat 50% 50%;
}

.cooperation_desc {
  display        : flex;
  justify-content: space-around;
  flex-wrap      : wrap;
  width          : 75%;
  margin         : 0 auto;
}

.cooperation_desc .block {
  width : 45%;
  margin: 50px 0;
}

.cooperation_desc .block h3 {
  padding       : 0 0 40px 0;
  font-family   : 'Forum', cursive;
  font-size     : 25px;
  font-weight   : 500;
  text-align    : center;
  text-transform: uppercase;
}

.cooperation_desc .block p {
  padding    : 0 20px;
  font-size  : 18px;
  line-height: 1.8em;
}

/*amenities_wrap*/

.amenities_wrap {
  display       : flex;
  flex-direction: column;
  width         : 100%;
  height        : auto;
}

.amenities_wrap .representatives_wrap {
  order: 2;
}

.amenities_back {
  order     : 1;
  width     : 100%;
  height    : 220px;
  background: url(../img/new_material/product_background_1.jpg) no-repeat 50% 50% / cover;
}

.amenities_back_shadow {
  width     : 100%;
  height    : 100%;
  background: rgba(0, 0, 0, 0.5);
}

.amenities_back_shadow h1 {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  height         : 100%;
  font-size      : 70px;
  letter-spacing : 2px;
  color          : #FFF;
  text-transform : uppercase;
}

.offer_wrap {
  width  : 100%;
  height : auto;
  padding: 50px 0;
}

.offer_description h1 {
  margin     : 0 0 30px 0;
  font-family: 'Forum', cursive;
  font-size  : 45px;
  font-weight: 500;
}

.offer {
  display        : flex;
  justify-content: space-around;
  flex-wrap      : wrap;
  width          : 1300px;
  height         : auto;
  margin         : 0 auto;
}

.offer .block {
  width : 50%;
  margin: 50px 0 0 0;
}

.offer .block h4 {
  position      : relative;
  padding       : 23px 0;
  font-family   : 'Forum', cursive;
  font-size     : 24px;
  font-weight   : 500;
  text-transform: uppercase;
}

.offer .block h4::before {
  content   : '';
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 522px;
  height    : 9px;
  background: url(../img/border.png) repeat;
  box-shadow: inset 0 -9px 0 0 rgba(255, 255, 255, 0.6);
}

.offer .block h4::after {
  content   : '';
  position  : absolute;
  bottom    : 0;
  left      : 0;
  width     : 522px;
  height    : 9px;
  background: url(../img/border.png) repeat;
  box-shadow: inset 0 -9px 0 0 rgba(255, 255, 255, 0.6);
}

.offer .block:nth-of-type(3) h5 {
  position      : relative;
  padding       : 35px 0 80px 0;
  font-size     : 18px;
  font-weight   : 100;
  text-transform: uppercase;
}

.offer .block:nth-of-type(3) h5::after {
  content   : '';
  position  : absolute;
  bottom    : 15px;
  left      : 0;
  width     : 50px;
  height    : 50px;
  background: url(../img/min/amenities/3/1.png) no-repeat;
}

.offer .block:nth-of-type(3) p {
  padding    : 0 120px 0 0;
  font-size  : 18px;
  line-height: 1.6em;
}

.offer .block:nth-of-type(4) h5 {
  padding       : 35px 0;
  font-size     : 18px;
  font-weight   : 100;
  text-transform: uppercase;
}

.offer .block:nth-of-type(1) ul,
.offer .block:nth-of-type(2) ul {
  width : 580px;
  margin: 30px 0;
}

.offer .block ul li {
  position   : relative;
  padding    : 10px 10px 10px 60px;
  font-size  : 18px;
  line-height: 1.5em;
}

.offer .block:nth-of-type(1) ul li::before {
  content      : '';
  position     : absolute;
  top          : 19px;
  left         : 31px;
  width        : 7px;
  height       : 7px;
  background   : #fff;
  border       : 2px solid #CB1C1B;
  border-radius: 50%;
}

/*block_2*/

.offer .block:nth-of-type(2) ul li:nth-of-type(1)::before {
  content   : '';
  position  : absolute;
  top       : -5px;
  left      : 0;
  width     : 50px;
  height    : 50px;
  background: url(../img/min/amenities/2/1.png) no-repeat;
}

.offer .block:nth-of-type(2) ul li:nth-of-type(2)::before {
  content   : '';
  position  : absolute;
  top       : -5px;
  left      : 0;
  width     : 50px;
  height    : 50px;
  background: url(../img/min/amenities/2/2.png) no-repeat;
}

.offer .block:nth-of-type(2) ul li:nth-of-type(3)::before {
  content   : '';
  position  : absolute;
  top       : -5px;
  left      : 0;
  width     : 50px;
  height    : 50px;
  background: url(../img/min/amenities/2/3.png) no-repeat;
}

.offer .block:nth-of-type(2) ul li:nth-of-type(4)::before {
  content   : '';
  position  : absolute;
  top       : -5px;
  left      : 0;
  width     : 50px;
  height    : 50px;
  background: url(../img/min/amenities/2/4.png) no-repeat;
}

.offer .block:nth-of-type(2) ul li:nth-of-type(5)::before {
  content   : '';
  position  : absolute;
  top       : -5px;
  left      : 0;
  width     : 50px;
  height    : 50px;
  background: url(../img/min/amenities/2/5.png) no-repeat;
}

.offer .block:nth-of-type(2) ul li:nth-of-type(6)::before {
  content   : '';
  position  : absolute;
  top       : -5px;
  left      : 0;
  width     : 50px;
  height    : 50px;
  background: url(../img/min/amenities/2/6.png) no-repeat;
}

.offer .block:nth-of-type(2) ul li:nth-of-type(7)::before {
  content   : '';
  position  : absolute;
  top       : -5px;
  left      : 0;
  width     : 50px;
  height    : 50px;
  background: url(../img/min/amenities/2/7.png) no-repeat;
}

/*block_4*/

.offer .block:nth-of-type(4) ul li:nth-of-type(1)::before {
  content   : '';
  position  : absolute;
  top       : 0px;
  left      : 0;
  width     : 50px;
  height    : 50px;
  background: url(../img/new_icon_2.png) no-repeat;
}

.offer .block:nth-of-type(4) ul li:nth-of-type(2)::before {
  content   : '';
  position  : absolute;
  top       : 0px;
  left      : 0;
  width     : 50px;
  height    : 50px;
  background: url(../img/new_icon_1.png) no-repeat;
}

.offer .block:nth-of-type(4) ul li:nth-of-type(3)::before {
  content   : '';
  position  : absolute;
  top       : 0px;
  left      : 0;
  width     : 50px;
  height    : 50px;
  background: url(../img/new_icon_1.png) no-repeat;
}

/* amenities_wrap > representatives_wrap*/

.amenities_wrap .representatives_wrap h2 {
  position: relative;
  padding : 30px 0;
}

.amenities_wrap .representatives_wrap h2 span {
  font-family: 'Forum', cursive;
  font-size  : 50px;
  color      : #B01F24;
}

.amenities_wrap .representatives_wrap h2:first-of-type::before,
.amenities_wrap .representatives_wrap h2:first-of-type::after {
  display: none;
}

.amenities_wrap .product_wrap .product::after {
  display: none;
}

.amenities_wrap .representatives_wrap h2:last-of-type::before {
  content   : "";
  position  : absolute;
  top       : 45px;
  left      : 0;
  width     : 24.6%;
  height    : 9px;
  background: url(../img/border.png);
}

.amenities_wrap .representatives_wrap h2:last-of-type::after {
  content   : "";
  position  : absolute;
  top       : 45px;
  right     : 0;
  width     : 24.6%;
  height    : 9px;
  background: url(../img/border.png);
}

.amenities_wrap .slider {
  width : 80%;
  margin: 0 auto 30px auto;
}

/*offer_description_wrap*/

.offer_description_wrap {
  order     : 4;
  width     : 100%;
  height    : auto;
  background: #F0F0F0;
}

.offer_description {
  width  : 1130px;
  margin : 0 auto;
  padding: 70px 0;
}

.offer_description h5 {
  padding       : 0 0 40px 0;
  font-family   : 'Forum', cursive;
  font-size     : 31px;
  font-weight   : 500;
  text-align    : left;
  text-transform: uppercase;
}

.offer_description h6 {
  padding       : 0 0 30px;
  font-size     : 18px;
  font-weight   : 500;
  line-height   : 1.7em;
  text-transform: uppercase;
}

.offer_description p {
  padding    : 0 0 30px 0;
  font-size  : 18px;
  line-height: 1.7em;
}

.modal_form_delivery {
  width : 100%;
  height: auto;
}

.flex_bar {
  display: flex;
  width  : 100%;
}

.modal_form_delivery h2 {
  padding       : 0 0 30px 0;
  font-family   : 'Forum';
  font-size     : 30px;
  font-weight   : 500;
  line-height   : 1.5em;
  color         : #873733;
  text-align    : center;
  text-transform: uppercase;
}

.modal_form_delivery h2 q {
  font-family: 'Forum';
}

.left_bar {
  width : 50%;
  height: 100%;
}

.left_bar form {
  display       : flex;
  flex-direction: column;
}

.left_bar form input {
  width      : 90%;
  margin     : 0 auto 10px auto;
  padding    : 15px;
  border     : 1px solid #DDDDDD;
  font-family: 'Open Sans', sans-serif;
  font-size  : 18px;
  color      : #000;
  transition : all 0.3s linear;
}

.left_bar form input::placeholder,
.left_bar form textarea::placeholder {
  font-family: 'Open Sans', sans-serif;
  font-size  : 18px;
  color      : #000;
  transition : all 0.3s linear;
}

.left_bar form input:focus::placeholder,
.left_bar form textarea:focus::placeholder {
  color: transparent;
}

.left_bar form input:focus:valid,
.left_bar form textarea:focus:valid {
  border: 1px solid #20B018;
}

.left_bar form input:focus:invalid,
.left_bar form textarea:focus:invalid {
  border: 1px solid #efa32f;
}

.left_bar form textarea {
  width      : 90%;
  height     : 200px;
  overflow   : hidden;
  margin     : 0 auto 20px auto;
  padding    : 15px;
  border     : 1px solid #DDDDDD;
  font-family: 'Open Sans', sans-serif;
  font-size  : 18px;
  color      : #000;
  transition : all 0.3s linear;
  resize     : none;
}

.left_bar form button {
  display       : block;
  width         : 350px;
  margin        : 0 auto;
  padding       : 18px 0;
  background    : #efa32f;
  border        : 1px dashed #FFF;
  box-shadow    : 0 0 0 5px #efa32f;
  font-size     : 17px;
  color         : #FFF;
  text-align    : center;
  text-transform: uppercase;
  cursor        : pointer;
  transition    : all 0.3s linear;
}

.left_bar form button:hover {
  background: #FFF;
  border    : 1px dashed #efa32f;
  box-shadow: 0 0 0 5px #FFF;
  color     : #efa32f;
}

.left_bar form a {
  margin    : 0 0 20px 0;
  padding   : 0 20px;
  font-size : 16px;
  text-align: center;
  transition: all 0.3s linear;
}

.left_bar form a:hover {
  color: #efa32f;
}

.right_bar {
  width : 50%;
  height: 100%;
}

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

/*new style*/

#open_new_modal::-webkit-scrollbar,
.good_modal::-webkit-scrollbar {
  width: 0;
}

*::selection {
  background: #efa32f;
  color     : #fff;
}

*:first-letter::selection {
  background: #efa32f;
  color     : #fff;
}

.bodyAdmin {
  display       : flex;
  flex-direction: column;
  min-height    : 100vh;
  background    : #fbefe3;
}

.bodyAdmin *::selection {
  background: #873733;
  color     : #fff;
}

.bodyAdmin *:first-letter::selection {
  background: #873733;
}

*::before::selection,
*::after::selection {
  background: transparent;
}

.new_product_bg {
  width        : 100%;
  height       : 220px;
  background   : url(../img/new_material/product_background_1.jpg) no-repeat 50% 50% / cover;
  /* margin-top: 100px; */
}

.new_product_shadow {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  height         : 100%;
  background     : rgba(0, 0, 0, 0.5);
}

.new_product_shadow p {
  font-size     : 70px;
  font-weight   : 700;
  letter-spacing: 2px;
  color         : #FFF;
  text-transform: uppercase;
}

/*modal_selection*/

.toggle_header {
  transform : translateY(-100%);
  transition: all 0.3s linear;
}

.footer_toggle {
  transform : translateX(45%);
  transition: all 0.7s cubic-bezier(0.47, 0, 0.745, 0.715);
}

#open_new_modal {
  position  : fixed;
  top       : 0;
  left      : 0;
  width     : 45%;
  height    : 100%;
  overflow  : auto;
  background: #F1F1F1;
  opacity   : 0;
  transition: all 0.7s linear;
}

.CloseFilterDesctop {
  display   : none;
  position  : fixed;
  top       : 0;
  right     : 0;
  bottom    : 0;
  left      : 45%;
  background: rgba(0, 0, 0, 0.2);
  cursor    : pointer;
  z-index   : 300;
}

.close_left_bar {
  display: none;
}

.main_wrapper {
  position  : relative;
  width     : 100%;
  height    : auto;
  transition: all 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.sidebar_main {
  width : 100%;
  height: auto;
}

.sidebar_container {
  width     : 85%;
  margin    : 40px auto 50px auto;
  opacity   : 0;
  transform : translateX(15%);
  transition: all 0.3s linear;
}

.sp_form {
  display : flex;
  position: relative;
  width   : 1440px;
  height  : auto;
  overflow: hidden;
  margin  : 0 auto 40px auto;
}

.sp_form input {
  width        : 91%;
  padding      : 20px;
  border-top   : 1px solid #BBBBBB;
  border-right : none;
  border-bottom: 1px solid #BBBBBB;
  border-left  : 1px solid #BBBBBB;
  font-size    : 20px;
  font-weight  : 600;
  color        : #000;
  transition   : all 0.3s linear;
}

.sp_form input::placeholder {
  font-size  : 20px;
  font-weight: 600;
  color      : #000;
  transition : all 0.3s linear;
}

.sp_form input:focus::placeholder {
  opacity  : 0;
  transform: translateY(30px);
}

.sp_form .send {
  width     : 9%;
  padding   : 20px 0;
  background: #efa32f url(../img/new_material/search.png) no-repeat 50% 50%;
  border    : none;
  font-size : 18px;
  cursor    : pointer;
  transition: all 0.2s linear;
}

.sp_form .send:hover {
  background: #db8d18 url(../img/new_material/search.png) no-repeat 50% 50%;
}

.flex_wrap {
  display        : flex;
  justify-content: space-between;
  flex-wrap      : wrap;
  width          : 100%;
  height         : auto;
}

.flex_wrap h3 {
  padding       : 30px 0;
  font-size     : 27px;
  text-transform: uppercase;
}

.button_wrap {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  height         : auto;
}

.button_wrap .select {
  position      : relative;
  width         : 100%;
  height        : auto;
  margin        : 0px 0 30px 0;
  padding       : 20px 0;
  background    : #efa32f;
  border        : none;
  font-size     : 18px;
  color         : #fff;
  text-align    : center;
  text-transform: uppercase;
  cursor        : pointer;
  transition    : all 0.3s linear;
}

.button_wrap .select::before {
  content   : '';
  position  : absolute;
  top       : 3px;
  right     : 3px;
  bottom    : 3px;
  left      : 3px;
  border    : 1px dashed #fff;
  transition: all 0.3s linear;
}

.button_wrap .select:hover {
  background: #fff;
  color     : #efa32f;
}

.button_wrap .select:hover::before {
  border: 1px dashed #efa32f;
}

.flex_wrap .left_bar {
  position: relative;
  width   : 50%;
}

.flex_wrap .left_bar::after {
  content   : '';
  position  : absolute;
  top       : 100px;
  right     : 0;
  bottom    : 0;
  width     : 1px;
  height    : auto;
  background: #fff;
}

.flex_wrap .right_bar {
  width  : 50%;
  padding: 0 0 20px 30px;
}

.flexbox_variant {
  display        : flex;
  align-items    : flex-start;
  justify-content: space-around;
  flex-direction : column;
}

.flexbox_variant input {
  display: none;
}

.flexbox_variant label {
  display    : flex;
  align-items: center;
  position   : relative;
  margin     : 0 0 25px 0;
  padding    : 0 10px 0 80px;
  font-size  : 18px;
  cursor     : pointer;
}

.right_bar .flexbox_variant label {
  padding: 0 10px 0 90px;
}

.flexbox_variant label::before {
  content      : '';
  position     : absolute;
  top          : 4px;
  left         : 0;
  width        : 15px;
  height       : 15px;
  background   : #fff;
  border       : 1px solid #bbb;
  border-radius: 50%;
}

.flexbox_variant label::after {
  content      : '';
  position     : absolute;
  top          : 8px;
  left         : 4px;
  width        : 9px;
  height       : 9px;
  background   : #efa32f;
  border-radius: 50%;
  transform    : scale(0);
  transition   : all 0.2s linear;
}

#left_bar_0:checked~.label_left_bar_0::after {
  transform: scale(1);
}

/* кто это делал - ********* **** ***** ******* ******** **** ** ** ******** ** **** !!! */

label span {
  /* width   : 50px;
	height  : 50px;
	display : inline-block;
	position: absolute;
	top     : -12px;
	left    : 30px; */
}

.label_left_bar_2 span {
  background: url(../img/new_material/icons_product/1.png) no-repeat 50% 50% / contain;
}

.label_left_bar_3 span {
  background: url(../img/new_material/icons_product/2.png) no-repeat 50% 50% / contain;
}

.label_left_bar_4 span {
  background: url(../img/new_material/icons_product/3.png) no-repeat 50% 50% / contain;
}

.label_left_bar_5 span {
  background: url(../img/new_material/icons_product/4.png) no-repeat 50% 50% / contain;
}

.label_left_bar_6 span {
  background: url(../img/new_material/icons_product/5.png) no-repeat 50% 50% / contain;
}

.label_left_bar_7 span {
  background: url(../img/new_material/icons_product/6.png) no-repeat 50% 50% / contain;
}

.label_left_bar_8 span {
  background: url(../img/new_material/icons_product/7.png) no-repeat 50% 50% / contain;
}

.label_left_bar_9 span {
  background: url(../img/new_material/icons_product/8.png) no-repeat 50% 50% / contain;
}

.label_left_bar_10 span {
  background: url(../img/new_material/icons_product/9.png) no-repeat 50% 50% / contain;
}

.label_left_bar_11 span {
  background: url(../img/new_material/icons_product/10.png) no-repeat 50% 50% / contain;
}

.label_left_bar_12 span {
  background: url(../img/new_material/icons_product/11.png) no-repeat 50% 50% / contain;
}

.label_left_bar_13 span {
  background: url(../img/new_material/icons_product/12.png) no-repeat 50% 50% / contain;
}

.label_left_bar_14 span {
  background: url(../img/new_material/icons_product/13.png) no-repeat 50% 50% / contain;
}

.label_left_bar_15 span {
  background: url(../img/new_material/icons_product/14.png) no-repeat 50% 50% / contain;
}

#right_bar_0:checked~.label_right_bar_0::after {
  transform: scale(1);
}

.label_right_bar_2 span {
  background: url(../img/new_material/logo_min/1.png) no-repeat 50% 50% / contain;
}

.label_right_bar_3 span {
  background: url(../img/new_material/logo_min/2.png) no-repeat 50% 50% / contain;
}

.label_right_bar_4 span {
  background: url(../img/new_material/logo_min/3.png) no-repeat 50% 50% / contain;
}

.label_right_bar_5 span {
  background: url(../img/new_material/logo_min/4.png) no-repeat 50% 50% / contain;
}

.label_right_bar_6 span {
  background: url(../img/new_material/logo_min/5.png) no-repeat 50% 50% / contain;
}

.label_right_bar_7 span {
  background: url(../img/new_material/logo_min/6.png) no-repeat 50% 50% / contain;
}

.label_right_bar_8 span {
  background: url(../img/new_material/logo_min/7.png) no-repeat 50% 50% / contain;
}

.label_right_bar_9 span {
  background: url(../img/new_material/logo_min/8.png) no-repeat 50% 50% / contain;
}

.label_right_bar_10 span {
  background: url(../img/new_material/logo_min/9.png) no-repeat 50% 50% / contain;
}

.label_right_bar_11 span {
  background: url(../img/new_material/logo_min/10.png) no-repeat 50% 50% / contain;
}

.label_right_bar_12 span {
  background: url(../img/new_material/logo_min/11.png) no-repeat 50% 50% / contain;
}

.label_right_bar_13 span {
  background: url(../img/new_material/logo_min/12.png) no-repeat 50% 50% / contain;
}

.manager_wrap {
  display       : flex;
  align-items   : center;
  flex-direction: column;
  margin        : 50px 0;
}

.manager_wrap .img {
  width        : 150px;
  height       : 150px;
  overflow     : hidden;
  border-radius: 50%;
}

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

.manager_desc h3 {
  padding       : 25px 0 5px 0;
  font-size     : 25px;
  color         : #3F1C1B;
  text-align    : center;
  text-transform: uppercase;
}

.manager_desc p {
  font-size : 18px;
  color     : #3F1C1B;
  text-align: center;
}

.flex_manager {
  display        : flex;
  align-items    : center;
  justify-content: center;
  padding        : 0 20px 0 0;
}

.flex_manager p {
  margin   : 0 0 0 -5px;
  font-size: 16px;
  color    : #efa32f;
}

.active_manager span {
  display   : block;
  width     : 50px;
  height    : 50px;
  background: url(../img/new_material/on.png) no-repeat 50% 50% / contain;
}

.no_active_manager span {
  display   : block;
  width     : 50px;
  height    : 50px;
  background: url(../img/new_material/off.png) no-repeat 50% 50% / contain;
}

.no_active_manager {
  display: none;
  opacity: 0.7;
}

.manager_wrap a {
  display   : inline-block;
  margin    : 0 0 3px 0;
  font-size : 16px;
  color     : #634947;
  transition: all 0.2s linear;
}

.manager_wrap a:hover {
  color: #efa32f;
}

/*link_for_filter*/

.link_for_filter {
  position  : fixed;
  top       : 0;
  bottom    : 0;
  left      : 0;
  width     : 55px;
  background: #efa32f;
  z-index   : 200;
}

.wrap_fixed {
  display  : none;
  transform: translate3d(0px, 300px, 0px) rotate(90deg) !important;
}

.fixedFilterDesc {
  display        : flex;
  display        : none;
  align-items    : center;
  justify-content: flex-start;
  flex-direction : column;
  position       : fixed;
  top            : 0;
  width          : 55px;
  height         : auto;
  cursor         : pointer;
  transform      : translateY(350px);
  transition     : all 0.2s linear;
  z-index        : 1211;
}

.fixedFilterDescMin {
  display : block;
  position: relative;
  width   : 16px;
  height  : 16px;
  margin  : 20px 2px 0 0;
}

.fixedFilterDescMin span {
  display   : block;
  width     : 100%;
  height    : 2px;
  margin    : 0 0 3px 0;
  background: #fff;
  transition: all 0.3s linear 0.3s;
}

.fixedFilterDescP {
  width    : 200px;
  height   : auto;
  margin   : 50px 0 0 0;
  padding  : 20px 0 0 0;
  transform: rotateZ(-90deg);
}

.fixedFilterDescP p {
  font-size     : 16px;
  color         : #fff;
  text-transform: uppercase;
  transition    : all 0.3s linear 0.3s;
}

.p_2 {
  opacity  : 0;
  transform: translateY(-22px) translateX(50px);
}

.wrap_min_description {
  width           : max-content;
  margin-top      : 0 !important;
  font-size       : 16px;
  color           : #fff;
  color           : #fff;
  text-transform  : uppercase;
  /* transform    : rotate(90deg) translateY(-15px) translateX(100px); */
  transform       : none !important;
  transform-origin: left;
}

.main_wrapper.TRANSFORM_CLASS .wrap_min_description {
  opacity: 0;
}

.new_p_1 {
  opacity  : 0;
  transform: translateX(-50px);
}

.new_p_2 {
  opacity  : 1 !important;
  transform: translateY(-22px) translateX(90px);
}

.span_1 {
  position : absolute;
  top      : 0;
  transform: rotateZ(-40deg);
}

.span_2 {
  opacity   : 0;
  transform : translateX(15px);
  transition: all 0.3s linear 0.3s;
}

.span_3 {
  position : absolute;
  top      : 10px;
  transform: rotateZ(40deg);
}

/*main_container*/

.main_new_product {
  display        : flex;
  justify-content: space-between;
  position       : relative;
  width          : 100%;
  height         : auto;
  padding        : 0 0 0 55px;
}

.fixedTop {
  position: fixed;
  top     : 120px;
  left    : 0;
  margin  : 0 !important;
}

.new_block_wrapper {
  width     : 100%;
  height    : auto;
  padding   : 70px 0 0 0;
  background: #fff;
}

.new_block_wrapper .container {
  display        : flex;
  justify-content: space-between;
  flex-wrap      : wrap;
  width          : 1440px;
  height         : auto;
  margin         : 0 auto;
}

.new_block_min {
  display        : flex;
  justify-content: flex-start;
  flex-direction : column;
  width          : calc(25% - 30px);
  height         : auto;
  margin         : 0 0 40px 0;
  padding        : 8px;
  /* box-shadow  : 0 4px 15px rgba(0, 0, 0, 0.08); */
  border-radius  : 6px;
  transition     : all 0.3s linear;
}

.new_block_min:hover {
  /* box-shadow: 20px 20px 50px 0 #F2F2F2,
		-20px 0 50px 0 #F2F2F2; */
}

.block_top:hover .new_block_img img {
  transform: scale(1.1);
}

.new_block_min .block_top {
  position: relative;
  width   : 100%;
  height  : 415px;
}

.new_block_min .block_top::after {
  content   : '';
  position  : absolute;
  bottom    : 0;
  left      : 25px;
  width     : 50px;
  height    : 1px;
  background: #CDCDCD;
}

.new_block_img {
  position: relative;
  width   : 100%;
  height  : 200px;
  overflow: hidden;
}

.new_block_img img {
  width         : 100%;
  height        : calc(100% - 10px);
  transition    : all 0.3s linear;
  object-fit    : contain;
  pointer-events: none;
}

.cat_count_imgs {
  display        : flex;
  justify-content: center;
  position       : absolute;
  right          : 0;
  bottom         : 0;
  left           : 0;
  height         : 10px;
}

.cat_el_img {
  width     : 8px;
  height    : 8px;
  margin    : 0 2px;
  background: #efa32f;
}

.block_top p:nth-of-type(1) {
  padding       : 25px 0 20px 25px;
  font-family   : 'Forum';
  font-size     : 23px;
  font-weight   : 100;
  color         : #3D181B;
  text-transform: uppercase;
}

.block_top p:nth-of-type(2) {
  position     : absolute;
  bottom       : 25px;
  margin       : 0 0 0 70px;
  border-bottom: 1px solid rgba(239, 162, 47, 0.719);
  font-size    : 14px;
  font-weight  : 700;
  line-height  : 1.5em;
  color        : #efa32f;
}

.block_top p:nth-of-type(2)::before {
  content   : '';
  position  : absolute;
  top       : -2px;
  left      : -32px;
  width     : 25px;
  height    : 25px;
  background: url(../img/red_arr.png) no-repeat 50% 50% / contain;
}

.new_block_min .block_bottom {
  width  : 100%;
  padding: 0 0 0 25px;
}

.block_bottom p:nth-of-type(1) {
  padding       : 20px 0;
  font-size     : 14px;
  font-weight   : 900;
  color         : #3E191C;
  text-transform: uppercase;
}

.block_bottom p:nth-of-type(2),
.block_bottom p:nth-of-type(3),
.block_bottom p:nth-of-type(4),
.block_bottom p:nth-of-type(5),
.block_bottom p:nth-of-type(6) {
  padding       : 0 0 7px 0;
  font-family   : 'Forum';
  font-size     : 18px;
  font-weight   : 100;
  line-height   : 1.3em;
  text-transform: uppercase;
}

.block_bottom a {
  display   : inline-block;
  position  : relative;
  margin    : 30px 0 0 0;
  padding   : 0 0 0 50px;
  font-size : 16px;
  color     : #efa32f;
  transition: all 0.3s linear;
}

.block_bottom a::before {
  content   : '';
  position  : absolute;
  top       : -10px;
  left      : -0;
  width     : 45px;
  height    : 45px;
  background: url(../img/new_material/basket.png) no-repeat 50% 50% / contain;
  transition: all 0.3s linear;
}

.block_bottom a::after {
  content   : '';
  position  : absolute;
  right     : 0;
  bottom    : -1px;
  width     : 78px;
  height    : 1px;
  background: #efa32f;
}

.block_bottom a:hover::before {
  transform: rotateY(180deg);
}

/*modal_card_wrapper*/

#modal_card_wrapper {
  position  : fixed;
  top       : 0;
  right     : 0;
  bottom    : 0;
  left      : 0;
  background: rgba(0, 0, 0, 0.7);
  opacity   : 0;
  transform : scale(0);
  transition: opacity 0.3s linear, transform 0.1s linear 0.4s;
  z-index   : 100;
}

.appearanceModal {
  opacity   : 1 !important;
  transform : scale(1) !important;
  transition: transform 0.1s linear, opacity 0.3s linear 0.1s !important;
}

.modal_card_close {
  position: fixed;
  top     : 0;
  right   : 0;
  bottom  : 0;
  left    : 0;
}

.modal_card_close_min {
  position: absolute;
  top     : 0;
  right   : 10px;
  width   : 50px;
  height  : 50px;
  z-index : 700;
}

.modal_card_close_min:hover::before {
  transform: rotateZ(135deg);
}

.modal_card_close_min::before {
  content    : '+';
  position   : absolute;
  top        : 0;
  left       : 10px;
  font-size  : 50px;
  line-height: 1em;
  color      : #efa32f;
  transform  : rotateZ(45deg);
  transition : all 0.3s linear;
}

.modal_card {
  position                  : absolute;
  top                       : 13%;
  right                     : 15%;
  bottom                    : 13%;
  left                      : 15%;
  overflow-y                : auto;
  background                : #fff;
  touch-action              : manipulation;
  -webkit-overflow-scrolling: touch;
}

.modal_card_overflow {
  display  : flex;
  flex-wrap: wrap;
  position : relative;
  padding  : 7px;
}

.modal_card_overflow .swiper-container {
  position: relative;
  width   : 60%;
  height  : 500px;
  padding : 0 0 15px 0;
}

.container_description_wrap {
  width: 40%;
}

.container_bottom_description {
  padding: 30px;
}

.container_bottom_description p {
  font-size  : 18px;
  line-height: 1.5em;
}

.modal_card_overflow .swiper-wrapper {
  width : 100%;
  height: 100%;
}

.modal_card_overflow .swiper-slide {
  width : 100%;
  height: 100%;
}

.modal_card_overflow .swiper-slide img {
  width     : 100%;
  height    : 100%;
  object-fit: contain;
}

/* modal_edit_card_wrapper */

#modal_edit_card_wrapper {
  position  : fixed;
  top       : 0;
  right     : 0;
  bottom    : 0;
  left      : 0;
  background: rgba(0, 0, 0, 0.7);
  opacity   : 0;
  transform : scale(0);
  transition: opacity 0.3s linear, transform 0.1s linear 0.4s;
  z-index   : 5;
  z-index   : 100;
}

.appearanceModal_edit {
  opacity   : 1 !important;
  transform : scale(1) !important;
  transition: transform 0.1s linear, opacity 0.3s linear 0.1s !important;
}

.modal_edit_card_close {
  position: fixed;
  top     : 0;
  right   : 0;
  bottom  : 0;
  left    : 0;
}

.modal_edit_card_close_min {
  position: absolute;
  top     : 0;
  right   : 10px;
  width   : 50px;
  height  : 50px;
  z-index : 700;
}

.modal_edit_card_close_min::before {
  content    : '+';
  position   : absolute;
  top        : 0;
  left       : 10px;
  font-size  : 50px;
  line-height: 1em;
  color      : #efa32f;
  transform  : rotateZ(45deg);
  transition : all 0.3s linear;
}

.modal_edit_card {
  position                  : absolute;
  top                       : 13%;
  right                     : 15%;
  bottom                    : 13%;
  left                      : 15%;
  overflow-y                : auto;
  background                : #fff;
  border-radius             : 6px;
  touch-action              : manipulation;
  -webkit-overflow-scrolling: touch;
}

.modal_edit_card_overflow {
  display  : flex;
  flex-wrap: wrap;
  position : relative;
  padding  : 7px;
}

/* modal_add_card_wrapper */

#modal_add_card_wrapper {
  position  : fixed;
  top       : 0;
  right     : 0;
  bottom    : 0;
  left      : 0;
  background: rgba(0, 0, 0, 0.7);
  opacity   : 0;
  transform : scale(0);
  transition: opacity 0.3s linear, transform 0.1s linear 0.4s;
  z-index   : 5;
}

.appearanceModal_add {
  opacity   : 1 !important;
  transform : scale(1) !important;
  transition: transform 0.1s linear, opacity 0.3s linear 0.1s !important;
}

.modal_add_card_close {
  position: fixed;
  top     : 0;
  right   : 0;
  bottom  : 0;
  left    : 0;
}

.modal_add_card_close_min {
  position: absolute;
  top     : 0;
  right   : 10px;
  width   : 50px;
  height  : 50px;
  z-index : 700;
}

.modal_add_card_close_min:hover::before {
  transform: rotateZ(135deg);
}

.modal_add_card_close_min::before {
  content    : '+';
  position   : absolute;
  top        : 0;
  left       : 10px;
  font-size  : 50px;
  line-height: 1em;
  color      : #efa32f;
  transform  : rotateZ(45deg);
  transition : all 0.3s linear;
}

.modal_add_card {
  position                  : absolute;
  top                       : 13%;
  right                     : 15%;
  bottom                    : 13%;
  left                      : 15%;
  overflow-y                : auto;
  background                : #fff;
  border-radius             : 6px;
  touch-action              : manipulation;
  -webkit-overflow-scrolling: touch;
}

.modal_add_card_overflow {
  display  : flex;
  flex-wrap: wrap;
  position : relative;
  padding  : 7px;
}

/* Arrows */

.modal_card_overflow .swiper-button-prev {
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 50%;
  height    : 500px;
  margin    : 0;
  background: rgba(0, 0, 0, 0.0);
  cursor    : pointer;
  transition: all 0.2s linear;
  z-index   : 10;
}

.modal_card_overflow .swiper-button-prev:hover {
  background: rgba(0, 0, 0, 0.1);
}

.modal_card_overflow .swiper-button-prev:hover::before {
  opacity  : 1;
  transform: rotateZ(180deg) translateX(0px);
}

.modal_card_overflow .swiper-button-prev::before {
  content   : '';
  position  : absolute;
  top       : 44%;
  left      : 45%;
  width     : 50px;
  height    : 50px;
  background: url(../img/new_material/arrow.png) no-repeat 50% 50% / contain;
  opacity   : 0;
  transform : rotateZ(180deg) translateX(-60px);
  transition: all 0.2s linear;
}

.modal_card_overflow .swiper-button-next {
  position  : absolute;
  top       : 0;
  right     : 0;
  width     : 50%;
  height    : 500px;
  margin    : 0;
  background: rgba(0, 0, 0, 0.0);
  cursor    : pointer;
  transition: all 0.2s linear;
  z-index   : 10;
}

.modal_card_overflow .swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.1);
}

.modal_card_overflow .swiper-button-next:hover::before {
  opacity  : 1;
  transform: translateX(0px);
}

.modal_card_overflow .swiper-button-next::before {
  content   : '';
  position  : absolute;
  top       : 44%;
  right     : 45%;
  width     : 50px;
  height    : 50px;
  background: url(../img/new_material/arrow.png) no-repeat 50% 50% / contain;
  opacity   : 0;
  transform : translateX(-60px);
  transition: all 0.2s linear;
}

.modal_card_overflow .swiper-pagination {
  display        : flex;
  align-items    : center;
  justify-content: center;
  bottom         : 0;
  width          : 100%;
  height         : 15px;
}

.modal_card_overflow .swiper-pagination-bullet {
  width        : 10px;
  height       : 10px;
  background   : #fff;
  border       : 2px solid #efa32f;
  border-radius: 0;
  opacity      : 1;
}

.modal_card_overflow .swiper-pagination-bullet-active {
  background: #efa32f;
  opacity   : 1;
}

.modal_card_overflow .swiper-pagination-bullet {
  margin: 0 5px !important;
}

.container_description_1 {
  position: relative;
  padding : 20px;
}

.container_description_1::after {
  content   : '';
  position  : absolute;
  bottom    : 0;
  left      : 20px;
  width     : 80px;
  height    : 1px;
  background: #B5A7A6;
}

.container_description_1 h2 {
  font-family   : 'Forum';
  font-size     : 38px;
  font-weight   : 500;
  color         : #3D1A1A;
  text-transform: uppercase;
}

.container_description_1 p {
  font-size  : 18px;
  line-height: 1.5em;
}

.container_description_2 {
  display       : flex;
  flex-direction: column;
  padding       : 20px;
}

.manufacture_name {
  padding: 0 0 30px 0;
}

.manufacture_name p {
  text-transform: uppercase;
}

.manufacture_name p:nth-of-type(2),
.manufacture_name p:nth-of-type(2) a {
  display        : flex;
  align-items    : center;
  justify-content: flex-start;
  margin         : 0;
  font-family    : 'Forum';
  font-weight    : 500;
  transition     : all .2s linear;
}

.manufacture_name p:nth-of-type(2) a:hover {
  color: #efa32f;
}

.manufacture_name p:nth-of-type(2) a:hover img {
  transform: scale(1.05);
  filter   : drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
}

.manufacture_name p:nth-of-type(2) img {
  width     : 35%;
  transition: all .2s linear;
}

.container_description_2 p {
  padding    : 0 0 8px 0;
  font-family: 'Forum';
  font-size  : 23px;
  line-height: 1.2em;
  color      : #3D1A1A;
}

.container_description_2_r {
  padding: 30px 0 0 40px;
}

.container_description_2_r a {
  position     : relative;
  border-bottom: 1px solid #efa32f;
  font-size    : 18px;
  color        : #efa32f;
}

.container_description_2_r a::before {
  content   : '';
  position  : absolute;
  top       : -12px;
  left      : -50px;
  width     : 50px;
  height    : 50px;
  background: url(../img/new_material/basket.png) no-repeat 50% 50% / contain;
  transition: all 0.3s linear;
}

.container_description_2_r a:hover::before {
  transform: rotateY(180deg);
}

.fixed_close {
  position: fixed;
  top     : 0;
  bottom  : 0;
  left    : 0;
}

.fixa {
  position: fixed !important;
  top     : 0 !important;
  left    : 0 !important;
  opacity : 1 !important;
  z-index : 999 !important;
}

.fl_disable {
  opacity: 0.5;
  filter : grayscale(100%);
}

.label_left_bar_0,
.label_right_bar_0 {
  margin     : 0 0 25px 0;
  padding    : 0 10px 0 40px !important;
  font-weight: 700;
}

.sp_result {
  display       : flex;
  flex-direction: column;
}

.sp_more {
  width: 40% !important;
}

.in_basket {
  display: none !important;
}

.modal_card .container_description_2_r a {
  display: none;
}

.modal_card .container_description_2_r [data-button-download] {
  display: table;
}

.modal_card .container_description_2_r [data-button-download]::before {
  top       : calc(50% - 15px);
  left      : -40px;
  width     : 30px;
  height    : 30px;
  background: url(/bitrix/templates/pastrychef/img/min/download.svg) no-repeat 50% 50% / contain;
}

.modal_card .container_description_2_r [data-button-download]:hover::before {
  transform: none;
}

/*est*/

.amenities_wrap .representatives_wrap h2:first-of-type {
  margin: 0;
}

.mes {
  padding   : 0 !important;
  font-size : 20px !important;
  color     : #B32322 !important;
  text-align: center !important;
}

.TRANSFORM_CLASS {
  transform: translateX(45%);
}

.hb_0 {
  display : none;
  position: fixed;
  top     : 0;
  left    : 0;
  width   : 55px;
  height  : 55px;
  z-index : 200;
}

.spans {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  position       : absolute;
  top            : 5px;
  right          : 5px;
  bottom         : 5px;
  left           : 5px;
  background     : #fff;
  border-radius  : 50%;
}

.spans span {
  display   : block;
  width     : 20px;
  height    : 2px;
  background: #881918;
}

.spans span:nth-of-type(2) {
  margin: 4px 0;
}

.sp_clear_search {
  display   : none;
  position  : absolute;
  top       : calc(50% - 25px);
  right     : 130px;
  width     : 46px;
  height    : 46px;
  padding   : 14px 0;
  background: #fff url(../img/admin/step2/cross.png) no-repeat 50% 50% / 80%;
  transition: all 0.3s linear;
}

/*--adminWrapper----------------------------------------------------------------------------*/

.adminWrapper {
  flex-grow: 1;
}

.adminWrapper header,
.adminWrapper .new_product_bg,
.adminWrapper footer {
  display: none;
}

.adminWrapper .new_block_wrapper {
  padding   : 100px 300px 200px 300px;
  background: #fbefe3;
}

body .adminWrapper .sp_form {
  /* position: fixed; */
  /* top: 4px; */
}

.adminWrapper .button_wrap .select {
  margin    : 0;
  background: #873733;
}

.adminWrapper .border_price {
  border-color: #efa32f !important;
}

.bodyAdmin .fixedFilterDesc {
  transform: translateY(130px);
}

.adminWrapper .link_for_filter {
  background  : #fff;
  border-right: 1px solid #DDD;
}

.bodyAdmin .fixedFilterDescMin span {
  background: #873733;
}

.bodyAdmin .fixedFilterDescP p {
  color: #873733;
}

.bodyAdmin .sp_form {
  position  : relative;
  width     : 625px;
  margin    : 0;
  /* z-index: 401; */
}

.bodyAdmin .sp_form input {
  width       : 100%;
  padding     : 14px;
  border-right: 1px solid #bbb;
  font-size   : 15px;
}

.bodyAdmin .sp_form input::placeholder {
  font-size: 15px;
}

.bodyAdmin .sp_form .send {
  position        : absolute;
  top             : 0;
  right           : 0;
  width           : 46px;
  height          : 46px;
  height          : 100%;
  padding         : 14px 0;
  background      : #efa32f url(../img/new_material/search.png) no-repeat 50% 50% / 100%;
  background-color: #873733;
}

.bodyAdmin .sp_clear_search {
  display   : none;
  position  : absolute;
  top       : 2px;
  right     : 50px;
  width     : 46px;
  height    : 46px;
  padding   : 14px 0;
  background: #fff url(../img/admin/step2/cross.png) no-repeat 50% 50% / 80%;
  transition: all 0.3s linear;
}

.adminWrapper .sp_tags {
  padding: 30px 0 20px;
}

.adminWrapper .sp_tags div {
  margin: 0 0 20px 0;
}

.adminWrapper .sp_tags span {
  font-size: 16px;
}

.tags_cat_result,
.tags_mnf_result {
  margin-left: 5px;
}

.tag_mnf,
.adminWrapper .tags_cat_result .tag_cat {
  display         : inline-block;
  position        : relative;
  margin          : 0 0 4px 0;
  padding         : 3px 30px 3px 8px;
  background-color: #873733;
  border-radius   : 6px;
  font-size       : 14px !important;
  color           : #fff;
  text-transform  : none;
  cursor          : pointer;
}

.tag_mnf a,
.adminWrapper .tags_cat_result .tag_cat a {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : absolute;
  top            : 0px;
  right          : 0;
  width          : 28px;
  height         : 24px;
  overflow       : hidden;
}

.tag_mnf a::before,
.adminWrapper .tags_cat_result .tag_cat a::before {
  content  : '+';
  font-size: 22px;
  color    : #fff;
  transform: rotateZ(45deg);
}

.adminWrapper .sp_info {
  margin: 0 0 20px 0;
}

.adminWrapper .product_count {
  font-weight: 700;
  color      : #873733;
}

.adminWrapper .clear_all2 {
  border-bottom: 1px solid #efa32f;
  color        : #efa32f;
}

.adminWrapper .new_block_wrapper .container {
  display       : flex;
  flex-direction: column;
  width         : 100%;
  height        : auto;
  margin        : 0 auto;
}

.admin_el_block {
  display      : flex;
  align-items  : stretch;
  position     : relative;
  width        : 100%;
  min-height   : 130px;
  margin       : 0 0 10px 0;
  background   : #fff;
  border-radius: 6px;
}

.admin_el_block input {
  /* display: none; */
}

.admin_el_block input[type=checkbox] {
  display: none;
}

.admin_el_block label {
  position     : absolute;
  top          : calc(50% - 25px);
  left         : -80px;
  width        : 50px;
  height       : 50px;
  border       : 2px solid #873733;
  border-radius: 50%;
  cursor       : pointer;
  transition   : all 0.3s linear;
}

.admin_el_block label:after {
  content        : '+';
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : absolute;
  top            : -2px;
  left           : 0;
  width          : 100%;
  height         : 100%;
  font-family    : "Manrope";
  font-size      : 36px;
  font-weight    : 600;
  line-height    : 0;
  color          : #873733;
}

.admin_el_block label.sp_checked:after {
  content: '';
}

.sp_checked {
  background  : #efa32f url(../img/admin/step1/active.png) no-repeat 50% 50% / 100% !important;
  border-color: #efa32f !important;
}

.adminWrapper .new_block_min .block_top::after {
  display: none;
}

.wrp {
  display : flex;
  position: relative;
  width   : calc(100% - 240px);
}

.new_block_info {
  padding: 0 70px;
}

.new_block_info p:nth-of-type(1) {
  padding  : 0 0 5px 0;
  font-size: 14px;
  color    : #6E6E6E;
}

.new_block_info a {
  font-size     : 18px;
  font-weight   : 600;
  text-transform: uppercase;
}

.new_block_info p:nth-of-type(2) {
  display          : flex;
  align-items      : center;
  font-family      : Manrope;
  font-size        : 16px;
  font-weight      : 400;
  line-height      : 20px;
  /* text-transform: uppercase; */
  color            : #000000;
  /* font-family   : 'Forum', cursive; */
}

.new_block_info p:nth-of-type(2) img {
  margin-right: 8px;
}

.adminWrapper .new_block_min .block_top {
  width        : 150px;
  height       : 100%;
  border       : 1px solid #CDCDCD;
  border-radius: 6px;
}

.adminWrapper .new_block_img {
  width : 100%;
  height: 100%;
}

.adminWrapper .new_block_min .block_top {
  height: auto;
}

.new_block_prop {
  justify-content: center;
  padding        : 0 0 0 20px;
}

.adminWrapperStep2 .new_block_prop {
  justify-content: flex-start;
  padding        : 20px 0 0 20px;
}

.new_block_prop {
  display       : flex;
  flex-direction: column;
  position      : relative;
  width         : 20%;
}

.new_block_prop p {
  font-family: "Open Sans";
  font-size  : 14px;
  font-weight: 400;
  color      : #000000;
}

.new_block_prop p:first-letter {
  text-transform: uppercase;
}

.new_block_prop::before {
  content   : '';
  position  : absolute;
  top       : 10px;
  bottom    : 10px;
  left      : 0;
  width     : 1px;
  background: rgba(0, 0, 0, 0.3);
}

.adminWrapper .new_block_min {
  /* height         : 100%; */
  display        : flex;
  justify-content: flex-start;
  flex-direction : row;
  width          : 100%;
  margin         : 0;
  padding        : 10px;
}

.adminWrapper.adminWrapperStep2 .new_block_min {
  width: 87%;
}

.adminWrapper .link_for_filter {
  width: 60px;
}

.adminWrapper .fixedFilterDescP {
  padding: 25px 0 0 0;
}

.adminWrapper .fixedFilterDescMin {
  margin: 20px 0 0 5px;
}

/*
.adminWrapper {}
*/

.printFixed {
  display   : flex;
  position  : fixed;
  right     : 0;
  bottom    : 0;
  left      : 0;
  height    : 60px;
  box-shadow: 0 -10px 25px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s linear;
  z-index   : 500;
}

.add_to_print {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : relative;
  width          : 50%;
  background     : #fff;
}

.add_to_print p:nth-of-type(1) {
  position      : relative;
  font-size     : 18px;
  font-weight   : 600;
  color         : #000;
  text-transform: uppercase;
}

.add_to_print p:nth-of-type(1)::before {
  content   : '';
  position  : absolute;
  top       : -4px;
  left      : -42px;
  width     : 35px;
  height    : 35px;
  background: url(../img/admin/step1/print.png) no-repeat 50% 50% / 100%;
}

.add_to_print p:nth-of-type(2) {
  position : absolute;
  top      : 18px;
  right    : 20px;
  font-size: 14px;
}

.count_items {
  font-weight: 600;
}

.see_list {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  background     : #873733;
}

.see_list p {
  position      : relative;
  font-size     : 18px;
  font-weight   : 600;
  color         : #fff;
  text-transform: uppercase;
}

.see_list p:nth-of-type(2) {
  position      : absolute;
  top           : 21px;
  right         : 20px;
  font-size     : 14px;
  text-transform: lowercase;
}

.see_list p:nth-of-type(1)::before {
  content   : '';
  position  : absolute;
  top       : -6px;
  left      : -35px;
  width     : 35px;
  height    : 35px;
  background: url(../img/admin/step1/list.png) no-repeat 50% 50% / 100%;
}

.opacityClick {
  cursor : default;
  opacity: 0.5;
}

.back_to_list {
  display        : none;
  align-items    : center;
  justify-content: center;
  position       : relative;
  width          : 50%;
  background     : #fff;
}

.back_to_list p {
  position      : relative;
  font-size     : 18px;
  font-weight   : 600;
  color         : #000;
  text-transform: uppercase;
}

.print_el {
  display        : none;
  align-items    : center;
  justify-content: center;
  width          : 50%;
  background     : #873733;
}

.print_el p {
  position      : relative;
  font-size     : 18px;
  font-weight   : 600;
  color         : #fff;
  text-transform: uppercase;
}

/*--magazin---------------------------------------------------------------------------------------------------*/

.magazin_background {
  width     : 100%;
  height    : 400px;
  background: url(/bitrix/templates/pastrychef/img/our-shop-bg.jpg) no-repeat 50% 50% / cover !important;
}

.magazin_shadow {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  height         : 100%;
  background     : rgba(0, 0, 0, 0.1);
}

.magazin_shadow p {
  font-size     : 60px;
  font-weight   : 700;
  color         : #fff;
  text-align    : center;
  text-transform: uppercase;
}

.container {
  width : 1366px;
  margin: 0 auto;
}

.magazin_main {
  display        : flex;
  justify-content: space-between;
  padding        : 100px 0;
}

.magazin_left,
.magazin_right {
  width: calc(50% - 30px);
}

.magazin_left h1,
.magazin_left h1 q {
  padding    : 0 0 30px 0;
  font-family: 'Forum', cursive;
  font-size  : 35px;
  font-weight: 500;
  color      : #3D1B1A;
}

.magazin_left h2 {
  padding       : 0 0 20px 0;
  font-size     : 22px;
  font-weight   : 600;
  color         : #3D1B1A;
  text-transform: uppercase;
}

.magazin_left p {
  padding    : 0 0 20px 0;
  font-size  : 16px;
  line-height: 1.5em;
}

.magazin_left p span {
  color: #F51D19;
}

.magazin_left ul li {
  position: relative;
  padding : 0 0 10px 30px;
}

.magazin_left ul li:last-of-type {
  padding: 0 0 15px 30px;
}

.magazin_left ul li::before {
  content   : '';
  position  : absolute;
  top       : 11px;
  left      : 5px;
  width     : 5px;
  height    : 1px;
  background: #F82518;
}

.when_work {
  display       : flex;
  align-items   : flex-start;
  flex-direction: column;
  width         : 100%;
  margin        : 0 0 20px 0;
  padding       : 50px 10px 50px 100px;
  border        : 2px solid #E2E2E2;
}

.when_work p,
.when_work a {
  font-size  : 22px;
  font-weight: 600;
  color      : #3D1B1A;
}

.when_work p:nth-of-type(1),
.when_work p:nth-of-type(3),
.when_work a:nth-of-type(1) {
  position: relative;
}

.when_work p:nth-of-type(1)::before,
.when_work p:nth-of-type(3)::before,
.when_work a:nth-of-type(1)::before {
  content      : '';
  position     : absolute;
  top          : 13px;
  left         : -15px;
  width        : 6px;
  height       : 6px;
  background   : #efa32f;
  border-radius: 50%;
}

.when_work p:nth-of-type(3) {
  margin: 20px 0;
}

.magazin_right #map {
  width : 100%;
  height: 400px;
}

.slider_magazin {
  width : 100%;
  height: 330px;
  margin: 0 0 50px 0;
}

.slider_magazin .swiper-container {
  display       : flex;
  flex-direction: column;
  width         : 100%;
  height        : 100%;
}

.slider_magazin .swiper-wrapper {
  width : 100%;
  height: 250px;
}

.slider_magazin .swiper-slide {
  width : 25%;
  height: 100%;
}

.slider_magazin .swiper-slide img {
  width     : 100%;
  height    : 100%;
  object-fit: cover;
}

.slider_magazin .swiper-pagination {
  display        : flex;
  align-items    : flex-end;
  justify-content: center;
  position       : absolute;
  bottom         : 0;
  width          : 100%;
  height         : 80px;
  padding        : 0 0 19px 0;
}

.slider_magazin .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  width        : 10px;
  height       : 10px;
  background   : transparent;
  border       : 2px solid #efa32f;
  border-radius: 0;
}

.slider_magazin .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #efa32f;
}

.slider_magazin .swiper-button-next {
  right     : 0px;
  bottom    : 0;
  width     : 50px;
  height    : 50px;
  background: url(../img/arrow/2.png) no-repeat;
}

.slider_magazin .swiper-button-prev {
  bottom    : 0;
  left      : 0px;
  width     : 50px;
  height    : 50px;
  background: url(../img/arrow/1.png) no-repeat;
}

/*--product_card-------------------------------------------------------------------------*/

.product_card_background {
  width     : 100%;
  height    : 400px;
  background: url(../img/bg_img/manufaturers_back.jpg) no-repeat 50% 50% / cover;
}

.product_card_shadow {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  height         : 100%;
  background     : rgba(0, 0, 0, 0.5);
}

.product_card_shadow p {
  font-size     : 60px;
  font-weight   : 600;
  color         : #fff;
  text-align    : center;
  text-transform: uppercase;
}

.product_card_flex {
  display        : flex;
  justify-content: space-between;
  padding        : 100px 0 50px 0;
}

.product_card_left,
.product_card_right {
  width: calc(50% - 40px);
}

.img_manufactured {
  display        : flex;
  align-items    : center;
  justify-content: flex-start;
  width          : 100%;
}

.img_manufactured img {
  width     : 150px;
  height    : 120px;
  margin    : 0 0 0 -20px;
  object-fit: contain;
}

.img_manufactured p,
.img_manufactured p q {
  font-family   : 'Forum', cursive;
  font-size     : 25px;
  font-weight   : 500;
  color         : #3E1C17;
  text-transform: uppercase;
}

.img_manufactured p {
  padding: 0 0 0 25px;
}

.product_card_description ul li {
  position: relative;
  padding : 0 0 15px 25px;
}

.product_card_description ul li::before {
  content   : '';
  position  : absolute;
  top       : 12px;
  left      : 5px;
  width     : 7px;
  height    : 1px;
  background: #BF211C;
}

.linkCatalog {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 400px;
  height         : 70px;
  margin         : 10px 0 50px 0;
  border         : 2px dashed #AFAFAF;
  font-size      : 15px;
  font-weight    : 600;
  color          : #D21F1D;
  text-align     : center;
  text-transform : uppercase;
  transition     : all 0.2s linear;
}

.linkCatalog:hover {
  background: #D21F1D;
  color     : #fff;
}

.product_card_left h1 {
  padding       : 0 0 30px 0;
  font-family   : 'Forum', cursive;
  font-size     : 25px;
  font-weight   : 500;
  color         : #3E1C17;
  text-transform: uppercase;
}

.product_card_descr p {
  padding    : 0 0 20px 0;
  font-size  : 16px;
  line-height: 1.5em;
  color      : #3E1C17;
}

.product_card_right h2 {
  padding       : 0 0 20px 0;
  font-size     : 25px;
  color         : #3E1C17;
  text-transform: uppercase;
}

.specialization {
  display  : flex;
  flex-wrap: wrap;
}

.specialization p {
  position : relative;
  width    : calc(50% - 20px);
  margin   : 0 0 5px 0;
  padding  : 20px 60px;
  font-size: 18px;
  color    : #3E1C17;
}

.specialization p:first-letter {
  text-transform: uppercase;
}

.specialization img {
  position     : absolute;
  top          : 7px;
  left         : 0;
  width        : 50px;
  height       : 50px;
  background   : #efa32f;
  border       : 1px solid #fff;
  border-radius: 50%;
  box-shadow   : 0 0 0 3px #efa32f;
}

.product_card_right form {
  display       : flex;
  flex-direction: column;
  width         : 100%;
  height        : auto;
  margin        : 30px 0 0 0;
  padding       : 40px;
  background    : #F0F1F5;
  border        : 2px solid #fff;
  box-shadow    : 0 0 0 3px #F0F1F5;
}

.product_card_right form h3 {
  padding       : 0 0 40px 0;
  font-family   : 'Forum', cursive;
  font-size     : 32px;
  font-weight   : 500;
  color         : #3E1C17;
  text-transform: uppercase;
}

.product_card_right form input {
  width    : 100%;
  margin   : 0 0 10px 0;
  padding  : 20px;
  border   : 1px solid #D1D1D1;
  font-size: 16px;
  color    : #3E1C17;
}

.product_card_right form input::placeholder {
  font-size : 16px;
  color     : #3E1C17;
  transition: all 0.2s linear;
}

.product_card_right form input:focus::placeholder {
  opacity: 0;
}

.product_card_right form input[type=submit] {
  display       : block;
  width         : 50%;
  margin        : 3px;
  padding       : 15px;
  background    : #D12020;
  border        : 1px dashed #fff;
  box-shadow    : 0 0 0 3px #D12020;
  font-size     : 16px;
  color         : #fff;
  text-align    : center;
  text-transform: uppercase;
  cursor        : pointer;
  transition    : all 0.2s linear;
}

.product_card_right form input[type=submit]:hover {
  background: #fff;
  border    : 1px dashed #D12020;
  box-shadow: 0 0 0 3px #fff;
  color     : #D12020;
}

.product_card_right form a {
  position   : relative;
  margin     : 30px 0 0 0;
  font-size  : 14px;
  line-height: 1.3em;
  color      : #958C8E;
  transition : all 0.2s linear;
}

.product_card_right form a::before {
  content   : '*';
  position  : absolute;
  top       : 0;
  left      : -10px;
  font-size : 14px;
  color     : #958C8E;
  transition: all 0.2s linear;
}

.product_card_right form a:hover {
  color: #D12020;
}

.product_card_right form a:hover::before {
  color: #D12020;
}

.product_card_description {
  position  : relative;
  padding   : 50px 0;
  border-top: 1px solid #EEE9EA;
}

.product_card_description::before {
  content   : '';
  position  : absolute;
  top       : -7px;
  right     : 0;
  left      : 0;
  height    : 1px;
  background: #EEE9EA;
}

.product_card_description h2,
.product_card_description h2 q {
  padding    : 0 0 30px 0;
  font-family: 'Forum', cursive;
  font-size  : 30px;
  font-weight: 500;
  color      : #3F1D17;
}

.product_card_description p {
  padding    : 0 0 20px 0;
  font-size  : 16px;
  line-height: 1.5em;
}

.product_card_description p span {
  color: #D42621;
}

.head_steps {
  display         : flex;
  justify-content : space-between;
  position        : fixed;
  top             : 0;
  left            : 0;
  width           : 100%;
  /* height       : 60px; */
  padding         : 5px;
  padding-left    : 0;
  background      : #ffffff;
  border-bottom   : 1px solid #E3E3E3;
  z-index         : 400;
}

.header__logo-img-link {
  position   : relative;
  width      : 60px;
  height     : 60px;
  cursor     : pointer;
  transform  : translateY(-5px);
  perspective: 200px;
  z-index    : 10;
}

.header__logo-img-link:hover .header__logo--link {
  opacity       : 1;
  pointer-events: all;
}

.header__logo-img-link:hover .header__logo--start {
  transform: rotateX(0);
}

.header__logo-main-image {
  display   : block;
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 60px;
  height    : 60px;
  object-fit: scale-down;
}

.header__logo--link {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  position       : absolute;
  left           : 0;
  width          : 60px;
  height         : 60px;
  opacity        : 0;
  transition     : all .2s ease-out;
  pointer-events : none;
}

.header__logo--lk {
  top       : 0;
  background: #C33738;
  background: #efa32f;
  z-index   : 3;
}

.header__logo--start {
  top             : 60px;
  background      : #9A2729;
  background      : #873733;
  transform       : rotateX(-90deg);
  transform-origin: top;
  z-index         : 2;
}

.header__logo--text {
  padding   : 0 1px;
  font-size : 11px;
  color     : #fff;
  text-align: center;
}

.header__logo--lk .header__logo--text {
  padding: 2px 1px 0;
}

.head_steps .block {
  display    : flex;
  align-items: center;
}

.edit_list {
  padding: 10px 0 0 20px;
}

.edit_list p {
  font-weight   : 700;
  text-transform: uppercase;
}

.edit_list a {
  margin         : 0 5px 0 0;
  font-size      : 12px;
  color          : #9C9C9C;
  text-decoration: none;
}

.active {
  /* color: #000 !important;
	border-bottom: 1px solid #000; */
}

.manager p {
  display    : flex;
  align-items: center;
  position   : relative;
  padding    : 0px 50px 0 0;
  font-weight: 600;
}

.manager p::before {
  content      : '';
  display      : block;
  width        : 55px;
  height       : 55px;
  margin-right : 10px;
  background   : #000;
  border-radius: 50%;
}

.printFixed {
  display   : flex;
  position  : fixed;
  right     : 0;
  bottom    : 0;
  left      : 0;
  height    : 60px;
  box-shadow: 0 -20px 30px 0 rgba(0, 0, 0, 0.1);
}

.back {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 50%;
  background     : #fff;
}

.back p {
  position      : relative;
  font-weight   : 600;
  color         : #000;
  text-transform: uppercase;
}

.back p::before {
  content   : '';
  position  : absolute;
  top       : 4px;
  left      : -30px;
  width     : 25px;
  height    : 15px;
  background: url(../img/step2/back.png) no-repeat 50% 50% / 100%;
}

.farther {
  display        : flex;
  justify-content: center;
  flex-direction : column;
  width          : 50%;
  padding        : 0 0 0 20%;
  background     : #B42325;
}

.farther p:nth-of-type(1) {
  font-weight   : 600;
  color         : #fff;
  text-transform: uppercase;
}

.farther p:nth-of-type(2) {
  font-size: 14px;
  color    : #fff;
}

.save_price {
  display: none;
}

.price_print {
  display: none;
}

.dws-progress-bar {
  position : absolute;
  top      : 50%;
  left     : 50%;
  transform: translate(-50%, -50%);
  z-index  : 100;
}

.progress-percentage {
  position   : absolute;
  top        : 50%;
  left       : 50%;
  font-size  : 20px;
  font-weight: bold;
  color      : #2d2d2d;
  transform  : translate(-50%, -50%);
}

.preloader_msg {
  position   : absolute;
  top        : 50%;
  left       : 50%;
  font-size  : 20px;
  font-weight: bold;
  color      : #2d2d2d;
  transform  : translate(-50%, -50%);
}

#preloader {
  display        : none;
  justify-content: center;
  position       : fixed;
  top            : 0;
  right          : 0;
  bottom         : 0;
  left           : 0;
  background     : #E3E6EB;
  z-index        : 1200;
}

#preloader img {
  width     : 160px;
  height    : auto;
  padding   : 0 0 160px 0;
  object-fit: contain;
}

#blink1 {
  -webkit-animation: blink1 3s linear infinite;
  animation        : blink1 3s linear infinite;
}

@-webkit-keyframes blink1 {
  0% {
    color: rgba(34, 34, 34, 1);
  }

  50% {
    color: rgba(34, 34, 34, 0);
  }

  100% {
    color: rgba(34, 34, 34, 1);
  }
}

@keyframes blink1 {
  0% {
    color: rgba(34, 34, 34, 1);
  }

  50% {
    color: rgba(34, 34, 34, 0);
  }

  100% {
    color: rgba(34, 34, 34, 1);
  }
}

.bx-system-auth-form {
  display     : table;
  width       : 300px;
  margin-top  : 10% !important;
  margin-right: auto;
  margin-left : auto;
}

.bx-system-auth-form input[type=submit] {
  position      : relative;
  width         : 100%;
  height        : auto;
  padding       : 13px 0;
  background    : #efa32f;
  border        : none;
  font-size     : 18px;
  color         : #fff;
  text-align    : center;
  text-transform: uppercase;
  cursor        : pointer;
  transition    : all 0.3s linear;
}

.bx-system-auth-form input[type=text] {
  width : 100%;
  height: 38px;
  border: 1px solid #ddd;
}

.bx-system-auth-form input[type=password] {
  width : 100%;
  height: 38px;
  border: 1px solid #ddd;
}

.admin_product {
  display       : flex;
  flex-direction: column;
}

.admin_product .new_block_info {
  width  : calc(100% - 150px);
  padding: 0 0 0 50px;
}

.plugWrapper {
  display: none;
}

.sp_exit {
  border-bottom: 1px solid #D4251E;
  color        : #D4251E;
}

.sp_slider_range {
  display: none;
}

.adminWrapperStep2 .admin_el_block {
  position  : relative;
  min-height: 135px;
  margin    : 0 0 10px 0;
  background: none;
}

.adminWrapperStep2 .admin_el_block .del_el {
  position     : absolute;
  top          : 33px;
  left         : -95px;
  width        : 55px;
  height       : 55px;
  border       : 2px solid #873733;
  border-radius: 50%;
}

.adminWrapperStep2 .admin_el_block .del_el:after {
  content        : '+';
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : absolute;
  top            : -1px;
  left           : 2px;
  width          : 100%;
  height         : 100%;
  font-family    : "Manrope";
  font-size      : 38px;
  font-weight    : 600;
  line-height    : 0;
  color          : #873733;
  transform      : rotateZ(45deg);
}

.adminWrapperStep2 .admin_el_block .new_block_min {
  margin       : 0;
  padding      : 0;
  padding      : 10px;
  background   : #fff;
  border       : none;
  border-radius: 6px;
  box-shadow   : 0 4px 15px rgba(0, 0, 0, 0.08);
}

.adminWrapperStep2 .admin_el_block {
  width: 100%;
}

.adminWrapperStep2 .admin_el_block .new_block_prop {
  width: 18%;
}

.adminWrapperStep2 .admin_el_block .price {
  display       : flex;
  align-items   : center;
  flex-direction: column;
  position      : relative;
  width         : 12%;
  margin-left   : 10px;
  padding       : 30px 0 0 20px;
  background    : #fff;
  border-radius : 6px;
  box-shadow    : 0 4px 15px rgba(0, 0, 0, 0.08);
}

/* ++++++++++++++++++++++++++++++++++++++++++ */

.adminWrapperStep2 .admin_el_block .price p:nth-of-type(1) {
  display       : none;
  font-size     : 15px;
  font-weight   : 700;
  color         : #333333;
  text-transform: uppercase;
}

.adminWrapperStep2 .new_block_min:hover {
  box-shadow: none;
}

.adminWrapperStep2 .admin_el_block .price p:nth-of-type(2) {
  font-size     : 14px;
  font-weight   : 600;
  color         : #333333;
  text-transform: uppercase;
}

.edit_price {
  width    : 100%;
  height   : 20px;
  margin   : 9px 0;
  padding  : 5px;
  border   : 1px solid #C7C7C7;
  font-size: 16px;
}

.save_price {
  position     : absolute;
  top          : 33px;
  right        : -95px;
  width        : 55px;
  height       : 55px;
  background   : #00B97D url(../img/admin/step1/active.png) no-repeat 50% 50% / 80%;
  border       : 1px solid #EAEAEA;
  border-radius: 50%;
}

.adminWrapperStep2 .new_block_wrapper {
  padding: 10px 250px 100px 250px;
}

.adminWrapperStep2 .main_new_product {
  padding: 0;
}

.adminWrapperStep2 .print_el p::before {
  content   : '';
  position  : absolute;
  top       : -4px;
  left      : -35px;
  width     : 35px;
  height    : 35px;
  background: url(../img/admin/step2/print.png) no-repeat 50% 50% / 35px;
}

.adminWrapperStep2 .back_to_list p::before {
  content   : '';
  position  : absolute;
  top       : -2px;
  left      : -35px;
  width     : 28px;
  height    : 28px;
  background: url(../img/admin/step2/back.png) no-repeat center;
}

.adminWrapperStep2 .new_block_img {
  width        : 150px;
  height       : 100%;
  margin       : 0 5px 0 0;
  background   : #fff;
  border       : 1px solid #cdcdcd;
  border-radius: 6px;
}

.adminWrapperStep2 .new_block_min .block_top {
  display: flex;
  width  : auto;
  height : 100%;
  border : none;
}

.adminWrapperStep2 .admin_product .new_block_info {
  padding: 0 0 0 20px;
}

.adminWrapperStep2 .block_top:hover .new_block_img img {
  transform: scale(1);
}

.header_for_print {
  display: none;
}

.sp_not_found {
  position      : relative;
  padding       : 20px 0 0 140px;
  pointer-events: none;
}

.sp_not_found::before {
  content   : '';
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 100px;
  height    : 100px;
  background: url(../img/admin/notFound.png) no-repeat 50% 50% / 95px;
}

.sp_not_found p:first-of-type {
  font-family: 'Forum', cursive;
  font-size  : 30px;
  font-weight: 500;
  color      : #331614;
}

.sp_not_found p:last-of-type {
  padding    : 0 0 100px 0;
  font-family: 'Forum', cursive;
  font-size  : 20px;
  font-weight: 100;
  color      : #331614;
}

.manager {
  padding: 10px 0 0 0;
}

.manager p::before {
  /* top: 0; */
}

.CloseFilterDesctopOpen {
  position      : fixed;
  top           : 450px;
  left          : 41.65%;
  font-size     : 16px;
  color         : #fff;
  text-transform: uppercase;
  opacity       : 0;
  transform     : rotate(90deg);
  transition    : all 0.3s linear;
  z-index       : 250;
}

.CloseFilterDesctopOpen::before {
  content  : '+';
  position : absolute;
  top      : -12px;
  left     : -30px;
  font-size: 33px;
  color    : #fff;
  transform: rotate(45deg);
}

.route_button {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : relative;
  width          : 390px;
  margin         : 0 auto;
  margin-bottom  : 50px;
  padding        : 20px 0;
  background     : #efa32f;
  box-shadow     : -3px 3px 0 0 #aa6600;
  font-size      : 16px;
  font-weight    : 500;
  letter-spacing : 1px;
  color          : #FFFFFF;
  text-align     : center;
  text-transform : uppercase;
  transition     : all 0.3s linear;
}

.route_button::before {
  content : '';
  position: absolute;
  top     : 3px;
  right   : 3px;
  bottom  : 3px;
  left    : 3px;
  border  : 1px dashed #FFF;
}

.edit_price_fields {
  width    : 70px;
  height   : 20px;
  margin   : 1px 5px 1px 0;
  padding  : 5px;
  border   : 1px solid #C7C7C7;
  font-size: 16px;
}

.edit_price_fields_wrapper {
  display  : flex;
  width    : 100%;
  font-size: 14px;
}

.edit_price_fields_wrapper input {
  font-weight: 700;
  color      : #873733;
}

.new_block_img .swiper-button-next {
  right     : 0;
  bottom    : 0;
  left      : auto;
  width     : 50%;
  height    : 100%;
  background: url(../img/arrow/right.png) no-repeat 95% / 25px;
}

.new_block_img .swiper-button-prev {
  bottom    : 0;
  left      : 0;
  width     : 50%;
  height    : 100%;
  background: url(../img/arrow/left.png) no-repeat 5% 50% / 25px;
}

.el_sort {
  position     : relative;
  top          : calc(50% - 20px);
  right        : 2%;
  width        : 20px;
  height       : 20px;
  padding      : 20px;
  background   : url(../img/arrow/sort.png) no-repeat 50% 50% / 20px;
  border       : 2px solid #000;
  border-radius: 100%;
  cursor       : pointer;
  opacity      : 0.5;
  z-index      : 101;
}

.adminWrapperStep2 .sys_wrap {
  display    : flex;
  align-items: flex-start;
  flex-wrap  : wrap;
  padding    : 60px 0 0;
}

.header_for_print_edit {
  justify-content: space-between;
  flex-wrap      : wrap;
  position       : relative;
  width          : calc(100% - 550px);
  margin         : 0;
}

.header_for_print_edit br {
  display: none;
}

.print_name {
  padding       : 0 0 5px;
  font-family   : 'Manrope' !important;
  font-size     : 18px;
  font-size     : 14px !important;
  font-weight   : 500;
  color         : #000000;
  text-transform: uppercase;
}

.desc_print {
  display: none;
}

/*==cooperation========================================================================================*/

body.stopPropagation {
  overflow: auto;
}

.stopPropagation .wrapper {
  position: static;
  overflow: auto;
}

textarea {
  height  : auto;
  overflow: hidden;
  resize  : none;
}

input,
textarea {
  font-family: 'Open Sans', sans-serif;
  transition : all .2s linear;
}

input::placeholder,
textarea::placeholder {
  font-family: 'Open Sans', sans-serif;
  transition : all .2s linear;
}

label,
button,
input[type=submit] {
  cursor: pointer;
}

.cooperation_wrap {
  width     : 100%;
  height    : 500px;
  background: url(/bitrix/templates/pastrychef/img/cooperation/coop-bg.jpg) no-repeat 50% 50% / cover !important;
}

.cooperation_wrap .shadow {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  height         : 100%;
}

.cooperation_wrap .shadow h1 {
  font-size     : 70px;
  letter-spacing: 2px;
  color         : #FFF;
  text-transform: uppercase;
}

.cooperation__container {
  display   : flex;
  flex-wrap : wrap;
  width     : 100%;
  background: #fff;
}

.cooperation__container *,
.cooperation__container *::before,
.cooperation__container *::after {
  color     : #313131;
  transition: all .2s linear;
}

/*==cooperation.tab========================================================================================*/

.cooperation__containerTabBtn {
  width     : 320px;
  background: #EDF2F6;
}

.cooperation__fixedContainer {
  width: 320px;
}

.cooperation__tab {
  display    : flex;
  align-items: center;
  position   : relative;
  width      : 100%;
  height     : 140px;
  padding    : 0 0 0 80px;
}

.cooperation__tab::after {
  content         : '';
  position        : absolute;
  top             : 0;
  right           : -60px;
  bottom          : 0;
  border-top      : 70px solid transparent;
  border-right    : 30px solid transparent;
  border-bottom   : 70px solid transparent;
  border-left     : 30px solid transparent;
  transform       : scale(0) translateX(-100%);
  transform-origin: left;
  z-index         : 2;
}

.cooperation__title {
  position: relative;
}

.cooperation__icon {
  position: absolute;
  top     : calc(50% - 25px);
  left    : -65px;
  width   : 50px;
  height  : 50px;
}

.cooperation__tab img {
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
  object-fit: contain;
}

.cooperation__icon_black {
  opacity: 1;
}

.cooperation__icon_white {
  opacity: 0;
}

.cooperation__tab p {
  font-size     : 18px;
  font-weight   : 600;
  text-transform: uppercase;
}

.cooperation__tab.active {
  background   : #efa32f;
  border-bottom: none;
}

.cooperation__tab.active p {
  color: #fff;
}

.cooperation__tab.active .cooperation__icon_black {
  opacity: 0;
}

.cooperation__tab.active .cooperation__icon_white {
  opacity: 1;
}

.cooperation__tab.active::after {
  border-left: 30px solid #efa32f;
  transform  : scale(1) translateX(0);
}

.fixedTab {
  position: fixed;
  top     : 100px;
  left    : 0;
  z-index : 2;
}

/*==cooperation.tab.body========================================================================================*/

.cooperation__containerTabBody {
  width   : calc(100% - 320px);
  overflow: hidden;
}

.cooperation__containerTabBody .container {
  width  : calc(100% - 600px);
  margin : 0 auto;
  padding: 0 0 70px;
}

.cooperation__containerTabBody h2 {
  margin        : 0 0 0 -70px;
  padding       : 60px 0 40px;
  font-size     : 30px;
  font-weight   : 700;
  text-transform: uppercase;
}

.cooperation__containerTabBody h3 {
  font-size: 22px;
}

.cooperation__containerTabBody p,
.cooperation__containerTabBody li {
  padding    : 30px 0;
  font-size  : 20px;
  line-height: 1.4em;
}

.cooperation__containerTabBody ul {
  padding: 0 0 20px;
}

.cooperation__containerTabBody li {
  position: relative;
  padding : 0 0 10px 20px;
}

.cooperation__containerTabBody li i {
  font-size: 16px;
}

.cooperation__containerTabBody li::before {
  content      : '';
  position     : absolute;
  top          : 10px;
  left         : 0;
  width        : 7px;
  height       : 7px;
  background   : #efa32f;
  border-radius: 100%;
}

.cooperation__border,
.cooperation__icon_red {
  position: relative;
}

.cooperation__icon_red img {
  position: absolute;
  top     : calc(50% - 26px);
  left    : -70px;
  width   : 52px;
  height  : 52px;
}

.cooperation__icon_red_style img {
  background   : #efa32f;
  border-radius: 100%;
  box-shadow   : inset 0 0 0 3px #efa32f, inset 0 0 0 4px #FFFFFF;
}

.cooperation__border::after {
  content   : '';
  position  : absolute;
  bottom    : 0;
  left      : 0;
  width     : 300px;
  height    : 1px;
  background: #CECECE;
}

/*==cooperation.form========================================================================================*/

.cooperation__form {
  width     : 100%;
  height    : 100vh;
  background: url(../img/cooperation/cooperationForm.png) no-repeat 50% 50% / cover fixed;
}

.cooperation__form .shadow {
  width     : 100%;
  height    : 100%;
  background: rgba(0, 0, 0, 0.0);
}

.cooperation__form .caption {
  padding    : 70px 0;
  font-family: 'Forum', cursive;
  font-size  : 45px;
  color      : #fff;
  text-align : center;
}

.cooperation__form .container {
  width: 900px;
}

.cooperation__form form {
  width: 100%;
}

.input__row {
  display        : flex;
  align-items    : flex-start;
  justify-content: space-between;
  flex-wrap      : wrap;
  width          : 100%;
  margin         : 0 0 35px;
}

.input__column {
  position: relative;
  width   : calc(50% - 10px);
}

.input__column .input_border {
  width: 100%;
}

/*==cooperation.select========================================================================================*/

.input_border.selectBox {
  z-index: 3;
}

.cooperation__select.active {
  border-bottom: none;
}

.cooperation__select {
  position  : relative;
  width     : 100%;
  margin    : 0 0 20px;
  background: #fff;
  cursor    : pointer;
}

.cooperation__select p {
  position: relative;
  padding : 18px;
}

.cooperation__select p::before {
  content : '';
  position: absolute;
  top     : 5px;
  right   : 5px;
  bottom  : 5px;
  left    : 5px;
  border  : 1px dashed #B3B3B3;
}

.cooperation__select p::after {
  content   : '';
  position  : absolute;
  top       : calc(50% - 10px);
  right     : 15px;
  width     : 20px;
  height    : 20px;
  background: url(../img/cooperation/arrow_red.svg) no-repeat 50% 50% / 12px;
  transform : rotateZ(90deg);
}

.cooperation__select.active p::after {
  transform: rotateZ(-90deg);
}

.cooperation__option {
  display   : none;
  position  : absolute;
  top       : 100%;
  right     : 0;
  left      : 0;
  background: #fff;
  transition: all 0s;
}

.cooperation__option input {
  display: none;
}

.cooperation__option label {
  display  : block;
  width    : 100%;
  padding  : 18px;
  font-size: 18px;
  color    : #000;
}

.cooperation__option label:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.cooperation__option label:hover {
  background: #efa32f;
  color     : #fff;
}

/*==cooperation.input========================================================================================*/

.input_border {
  position: relative;
  width   : calc(50% - 10px);
  z-index : 1;
}

.input_border span {
  position: absolute;
}

.input_line1 {
  top       : 5px;
  right     : 5px;
  left      : 5px;
  height    : 1px;
  border-top: 1px dashed #B3B3B3;
}

.input_line2 {
  top        : 5px;
  bottom     : 25px;
  left       : 5px;
  width      : 1px;
  border-left: 1px dashed #B3B3B3;
}

.input_line3 {
  top         : 5px;
  right       : 5px;
  bottom      : 25px;
  width       : 1px;
  border-right: 1px dashed #B3B3B3;
}

.input_line4 {
  right        : 5px;
  bottom       : 25px;
  left         : 5px;
  height       : 1px;
  border-bottom: 1px dashed #B3B3B3;
}

.input_border input,
.input__column textarea {
  width    : 100%;
  margin   : 0 0 20px;
  padding  : 20px;
  border   : none;
  font-size: 18px;
  color    : #000;
}

.input__column textarea {
  height        : 232px;
  overflow      : auto;
  margin        : 0;
  padding       : 20px 20px 70px;
  outline       : 1px dashed #B3B3B3;
  outline-offset: -5px;
}

.input_border input::placeholder,
.input__column textarea::placeholder {
  font-size: 18px;
  color    : #000;
}

.input_border input:focus::placeholder,
.input__column textarea:focus::placeholder {
  color: transparent;
}

.input_file input {
  display: none;
}

.input_file {
  display    : flex;
  align-items: center;
  position   : absolute;
  right      : 17px;
  bottom     : 11px;
  left       : 6px;
  height     : 60px;
  padding    : 0 0 0 60px;
  background : #fff;
}

.fileDesc {
  position     : relative;
  top          : 0;
  left         : 0;
  width        : auto;
  height       : auto;
  border-bottom: 1px solid #B3B3B3;
}

.fileDesc::before {
  content   : '';
  position  : absolute;
  top       : calc(50% - 15px);
  left      : -40px;
  width     : 30px;
  height    : 30px;
  background: url(../img/cooperation/affix.png) no-repeat 50% 50% / 30px;
}

.cooperation__submit {
  display       : block;
  position      : relative;
  width         : 300px;
  margin        : 0 auto;
  padding       : 20px 0;
  background    : #efa32f;
  border        : none;
  box-shadow    : -2px 2px 0 0 #a45900;
  font-size     : 18px;
  font-weight   : 600;
  color         : #fff;
  text-transform: uppercase;
}

.cooperation__submit::before {
  content : '';
  position: absolute;
  top     : 5px;
  right   : 5px;
  bottom  : 5px;
  left    : 5px;
  border  : 1px dashed rgba(255, 255, 255, 0.5);
}

.cooperation__submit:hover {
  background: #fff;
  box-shadow: -2px 2px 0 0 #BEBEBE;
  color     : #efa32f;
}

.cooperation__submit:hover::before {
  border: 1px dashed #efa32f;
}

.cooperation__persona {
  display   : table;
  margin    : 20px auto 0;
  color     : #fff;
  text-align: center;
}

.cooperation__persona:hover {
  color: #efa32f;
}

/*==cooperation.thx========================================================================================*/

.thx_form .thx {
  display   : block;
  font-size : 30px;
  color     : #fff;
  text-align: center;
}

.thx {
  display: none;
}

/*==modal========================================================================================*/

body.body_active {
  overflow: hidden;
  margin  : 0 17px 0 0;
}

.modalCover.activeModal {
  opacity   : 1;
  transform : scale(1);
  transition: transform .1s linear, opacity .2s linear .1s;
}

.modalCover.activeModal .modal {
  opacity   : 1;
  transform : translateY(0);
  transition: all .2s linear .2s;
}

.modalCover {
  position  : fixed;
  top       : 0;
  right     : 0;
  bottom    : 0;
  left      : 0;
  background: rgba(0, 0, 0, 0.5);
  cursor    : pointer;
  opacity   : 0;
  transform : scale(0);
  transition: opacity .2s linear, transform .1s linear .2s;
  z-index   : 500;
}

.modalBox {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : relative;
  width          : 100%;
  height         : 100%;
}

.modalBox .cross {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : absolute;
  top            : 10px;
  right          : 10px;
  width          : 50px;
  height         : 50px;
  overflow       : hidden;
}

.modalBox .cross p {
  font-size: 45px;
  color    : #fff;
  transform: rotate(45deg);
}

.modal {
  width     : calc(100% - 400px);
  height    : calc(100% - 200px);
  overflow  : auto;
  padding   : 50px;
  background: #fff;
  cursor    : default;
  opacity   : 0;
  transform : translateY(30%);
  transition: all .2s linear .2s;
}

.modal .caption {
  padding       : 0 0 30px;
  font-family   : 'Forum', cursive;
  font-size     : 35px;
  text-transform: uppercase;
}

.modal p {
  padding    : 0 0 30px;
  font-size  : 18px;
  line-height: 1.5em;
}

.print_mnf_title {
  display: none;
}

.new_block_img .swiper-wrapper .swiper-slide {
  position: absolute;
}

.product_card_description iframe {
  width : 100% !important;
  height: 600px !important;
}

.weight_label1 {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  position       : absolute;
  right          : 33px;
  bottom         : 16px;
  width          : 137px;
  height         : 137px;
  background     : url(/bitrix/templates/pastrychef/img/weightLabel.png) no-repeat 50% 50% / 100%;
  border-radius  : 100%;
}

.weight_label1 p {
  color     : #ffffff;
  text-align: center;
}

.weight_label1 p:nth-of-type(1) {
  font-size     : 30px;
  font-weight   : 800;
  line-height   : 1em;
  text-transform: uppercase;
}

.weight_label1 p:nth-of-type(2) {
  font-size  : 15px;
  line-height: 1em;
}

.weight_label2 {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  position       : absolute;
  right          : 3px;
  bottom         : 11px;
  width          : 28px;
  height         : 28px;
  background     : url(/bitrix/templates/pastrychef/img/weightLabel.png) no-repeat 50% 50% / 100%;
  border-radius  : 100%;
}

.weight_label2 p {
  margin        : 0 !important;
  padding       : 0 !important;
  font-family   : 'Open Sans', sans-serif !important;
  font-size     : 6px !important;
  font-weight   : 700 !important;
  color         : #fff !important;
  text-transform: uppercase;
}

.weight_label2 p:nth-of-type(2) {
  display: none;
}

.weight_label2 p:nth-of-type(2)::before {
  display: none !important;
}

.new_block_info .product_edit {
  display      : block;
  position     : absolute;
  top          : calc(50% - 25px);
  right        : -332px;
  width        : 50px;
  height       : 50px;
  overflow     : hidden;
  background   : url(../img/small/account__button-edit.svg) no-repeat center / 22px;
  border       : 2px solid #873733;
  border-radius: 100%;
  color        : transparent;
}

/*==kit.modal========================================================================================*/

.kit_modal_edit .modal_edit_card_overflow {
  padding: 0;
}

.container_description_edit .container {
  width  : calc(100% - 300px);
  padding: 30px 0;
}

.container_description_edit .section_1 {
  background: #fff;
}

.kit_modal_edit {
  right: 25%;
  left : 25%;
}

.kit_modal_edit .container_description_wrap_edit {
  width: 100%;
}

.kit_modal_edit .container_description_wrap_edit p {
  margin     : 0 0 10px;
  font-size  : 16px;
  font-weight: 700;
}

.kit_modal_edit .container_description_wrap_edit select {
  cursor: pointer;
}

.kit_modal_edit .container_description_wrap_edit input,
.kit_modal_edit .container_description_wrap_edit select,
.kit_modal_edit .container_description_wrap_edit textarea {
  width        : 100%;
  margin       : 0 0 25px;
  padding      : 15px;
  border       : 1px solid #C6C6C6;
  border-radius: 6px;
  font-size    : 16px;
}

.kit_modal_edit .container_description_wrap_edit textarea {
  height  : 200px;
  overflow: auto;
}

.kit_modal_edit .container_description_wrap_edit select {
  background: url(/bitrix/templates/pastrychef/img/select.svg) no-repeat calc(100% - 10px) 50% / 10px;
}

.kit_modal_edit .container_description_wrap_edit input::placeholder {
  font-size: 16px;
}

.kit_modal_edit .container_description_wrap_edit input:focus::placeholder {
  color: transparent;
}

.container_description_edit .section_2 {
  background: #F5F5F5;
}

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

.container_description_edit .section_2 .container input {
  width: calc(100% - 50px);
}

.kit_del_prop {
  display        : table;
  width          : auto;
  margin         : 0 0 25px;
  font-size      : 12px;
  color          : #efa32f;
  text-transform : uppercase;
  text-decoration: underline;
}

.kit_del_img {
  display        : table;
  width          : auto;
  margin         : 0 0 25px;
  font-size      : 12px;
  color          : #efa32f;
  text-transform : uppercase;
  text-decoration: underline;
}

.kit_modal_edit .section_2 .kit_product_edit_prop,
.kit_modal_edit .section_2 .kit_product_edit_prop div {
  width: 100%;
}

.kit_modal_edit br {
  display: none;
}

.kit_modal_edit input[type=file] {
  background: #fff;
  cursor    : pointer;
}

.kit_modal_edit .section_2 .kit_add_prop {
  display       : block;
  position      : relative;
  width         : 100%;
  margin        : 25px 0 0;
  padding       : 15px 0;
  background    : #873733;
  border        : 2px solid #873733;
  font-weight   : 700;
  color         : #fff;
  text-align    : center;
  text-transform: uppercase;
}

.kit_modal_edit .section_2 .kit_add_prop::before {
  content   : '';
  position  : absolute;
  top       : calc(50% - 20px);
  left      : 230px;
  width     : 40px;
  height    : 40px;
  background: url(/bitrix/templates/pastrychef/img/config__step1/candy_white.svg) no-repeat center / 27px;
}

.kit_modal_edit .section_3 textarea+p+p {
  display: table;
  width  : auto;
  border : 1px solid #C6C6C6;
}

.kit_modal_edit .section_4 .container {
  display    : flex;
  align-items: center;
  padding    : 0 0 50px;
}

.kit_modal_edit .section_4 p,
.kit_modal_edit .section_4 input {
  display: inline-block;
  width  : auto;
  margin : 0;
  padding: 0;
}

.kit_modal_edit .section_4 input {
  margin: 0 10px;
  cursor: pointer;
}

.kit_modal_edit .save_product_edit,
.kit_modal_edit .new_product_add {
  display       : table;
  width         : 250px;
  margin        : 0 0 0 30px;
  padding       : 15px;
  background    : #873733;
  border-radius : 6px;
  font-size     : 16px;
  font-weight   : 700;
  color         : #fff;
  text-align    : center;
  text-transform: uppercase;
}

.kit_modal_edit .cancel_product_edit {
  display       : table;
  width         : 250px;
  margin        : 0 0 0 30px;
  padding       : 13px;
  background    : #fff;
  border        : 2px solid #873733;
  font-size     : 16px;
  font-weight   : 700;
  color         : #873733;
  text-align    : center;
  text-transform: uppercase;
}

.kit_modal_edit .modal_add_card_overflow {
  padding: 0;
}

.kit_modal_edit .modal_add_card_close_min:hover::before {
  transform: rotateZ(45deg);
}

.kit_product_edit_prop div {
  padding      : 25px 0 0;
  border-bottom: 2px dashed #efa32f;
}

/*==step1.mnf========================================================================================*/

.adminWrapper .sp_info {
  display        : flex;
  align-items    : center;
  justify-content: flex-start;
  position       : relative;
  padding        : 35px 0;
  border-top     : 1px solid #C3C3C3;
  border-bottom  : 1px solid #C3C3C3;
}

.sp_info p {
  display : inline-block;
  position: relative;
  padding : 0 30px 0 35px;
}

.sp_info p::before {
  content      : '';
  position     : absolute;
  top          : calc(50% - 13px);
  left         : 0;
  width        : 26px;
  height       : 26px;
  background   : #C2C3C5 url(/bitrix/templates/pastrychef/img/config__step1/magnifying_glass.svg) no-repeat 50% 50% / 16px;
  border-radius: 100%;
}

.product_add {
  display      : block;
  position     : absolute;
  top          : calc(50% - 25px);
  right        : -80px;
  width        : 50px;
  height       : 50px;
  background   : #873733 url(/bitrix/templates/pastrychef/img/config__step1/candy_white.svg) no-repeat center / 27px;
  border-radius: 100%;
}

/* .product_add::before {
    content: '';
    position: absolute;
    bottom: 15px;
    right: 11px;
    width: 9px;
    height: 1px;
    background: #fff;
    transition: all .2s linear;
}

.product_add::after {
    content: '';
    position: absolute;
    bottom: 11px;
    right: 15px;
    width: 1px;
    height: 9px;
    background: #fff;
} */

.adminWrapper .select_all,
.adminWrapper .clear_all {
  position       : relative;
  margin         : 0 0 0 60px;
  color          : #000;
  text-decoration: underline;
  transition     : all .2s linear;
}

.adminWrapper .select_all:hover,
.adminWrapper .clear_all:hover {
  color: #efa32f;
}

.adminWrapper .select_all::before,
.adminWrapper .clear_all::before {
  content      : '';
  position     : absolute;
  top          : calc(50% - 13px);
  left         : -30px;
  width        : 26px;
  height       : 26px;
  border-radius: 100%;
}

.adminWrapper .select_all::before {
  background: url(../img/small/list.svg) no-repeat 50% 50% / 15px;
}

.adminWrapper .clear_all::before {
  background: #efa32f url(/bitrix/templates/pastrychef/img/config__step1/close.svg) no-repeat 50% 50% / 10px;
}

.adminWrapper .clear_all {
  display      : block;
  position     : absolute;
  top          : calc(50% - 25px);
  left         : -80px;
  width        : 50px;
  height       : 50px;
  margin       : 0;
  background   : #873733 url(/bitrix/templates/routes_template/img/small/cross_white.png) no-repeat 50% 50% / 25px;
  border-radius: 100%;
}

.adminWrapper .clear_all::before {
  display: none;
}

.adminWrapper span.tag_remove {
  display         : inline-block;
  position        : relative;
  margin          : 0 15px 0 0;
  padding         : 3px 8px 3px 25px;
  background-color: #ffffff;
  border-radius   : 6px;
  box-shadow      : 0 5px 10px rgba(0, 0, 0, 0.08);
  font-size       : 14px;
  text-transform  : none;
  cursor          : pointer;
  transition      : all .2s linear;
}

.adminWrapper span.tag_remove:hover {
  background: #873733;
  color     : #fff;
}

.adminWrapper span.tag_remove::before {
  content      : '';
  position     : absolute;
  top          : calc(50% - 10px);
  left         : 4px;
  width        : 20px;
  height       : 20px;
  background   : url(/bitrix/templates/pastrychef/img/config__step1/tag-close.svg) no-repeat 50% 50% / 10px;
  border-radius: 100%;
}

.adminWrapper span.tag_remove:hover::before {
  filter: grayscale(1) invert(1) brightness(1.5);
}

/*==header.fixed.mnf========================================================================================*/

.head_steps.fixedSteps {
  position  : fixed !important;
  top       : 0;
  left      : 0;
  background: #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  transition: all .3s linear;
}

.head_steps,
.sp_form {
  transition: all .3s linear;
}

.head_steps .edit_list {
  padding: 0 0 0 20px;
}

.head_steps .manager {
  display    : flex;
  align-items: center;
  position   : relative;
  height     : 100%;
  padding    : 3px 50px 3px 0;
}

.sp_exit {
  position     : absolute;
  top          : 0;
  right        : 17px;
  width        : 60px;
  height       : 60px;
  background   : #873733 url(/bitrix/templates/routes_template/img/small/exit.svg) no-repeat 50% 50% / 22px;
  border-radius: 6px;
  color        : transparent;
}

.sp_exit::before {
  content       : 'Выход';
  position      : absolute;
  top           : 100%;
  right         : 0;
  padding       : 5px;
  background    : #fff;
  color         : #333;
  opacity       : 0;
  transform     : translate3d(0, 10px, 0);
  transition    : all .2s linear;
  pointer-events: none;
}

.sp_exit:hover::before {
  opacity       : 1;
  transform     : translate3d(0, 0, 0);
  pointer-events: all;
}

.sp_form.fixedForm {
  position  : fixed;
  top       : 5px;
  transition: all .3s linear;
}

.count_imgs {
  position: absolute;
  top     : 0;
  bottom  : 0;
  left    : 155px;
  width   : 8px;
}

.el_img {
  display      : block;
  width        : 100%;
  height       : 8px;
  margin       : 0 0 6px;
  background   : #efa32f;
  border-radius: 50%;
}

.adminWrapperStep2 .count_imgs {
  top   : 0;
  bottom: 0;
  left  : 312px;
}

/*==step2.mnf========================================================================================*/

.header_for_print_edit {
  display      : none;
  margin-bottom: 20px;
}

.adminWrapperStep2 .header_for_print_edit {
  width  : 100%;
  margin : 0;
  padding: 0 0 40px;
}

.adminWrapperStep2 .header_for_print_edit .title {
  display    : block;
  width      : 100%;
  padding    : 0 0 15px;
  font-size  : 20px;
  font-weight: 700;
}

.adminWrapperStep2 .header_for_print_edit .box {
  display        : flex;
  justify-content: space-between;
  flex-wrap      : wrap;
  width          : calc(50% - 25px);
}

.header_for_print_edit input {
  width        : calc(50% - 110px);
  height       : auto;
  margin       : 0;
  padding      : 14px;
  border       : 1px solid #C7C7C7;
  border-radius: 6px;
  font-size    : 16px;
}

.header_for_print_edit .save_contact_data {
  display      : block;
  width        : 200px;
  padding      : 14px 0;
  background   : #873733;
  border-radius: 6px;
  font-size    : 18px;
  color        : #ffffff;
  text-align   : center;
  transition   : all .2s linear;
}

.header_for_print_edit .save_contact_data.save_active {
  background: #873733;
}

.header_for_print_edit .save_contact_data.save_noactive {
  background: #C5C5C5;
}

.sp_print_template_header p {
  display    : block;
  width      : 100%;
  padding    : 0 0 15px 0;
  font-size  : 20px;
  font-weight: 700;
}

.sp_print_template {
  display  : none;
  flex-wrap: wrap;
  width    : 100%;
  padding  : 0 0 40px 0;
}

.sp_print_template_header {
  width: 100%;
}

.sp_print_template_link {
  display        : flex;
  align-items    : flex-start;
  justify-content: space-between;
  flex-wrap      : wrap;
  width          : 100%;
}

.sp_print_template_link a {
  position     : relative;
  width        : calc(16.666% - 5px);
  padding      : 15px 0;
  border       : 1px solid #873733;
  border-radius: 6px;
  font-size    : 16px;
  font-weight  : 700;
  color        : #873733;
  text-align   : center;
  transition   : all .2s linear;
}

.sp_print_template_link .sp_print_template_active {
  background  : #873733;
  border-color: #873733;
  color       : #fff;
}

.sp_print_template_link a::before,
.sp_print_template_link a::after {
  content   : '';
  position  : absolute;
  top       : calc(50% - 20px);
  left      : 0;
  width     : 40px;
  height    : 40px;
  transition: all .2s linear;
}

.sp_print_template_link a::after {
  opacity: 0;
}

.sp_print_template_link .sp_print_template_active::before {
  opacity: 0;
}

.sp_print_template_link .sp_print_template_active::after {
  opacity: 1;
}

.sp_print_template_link a:nth-of-type(1)::before {
  background: url(/bitrix/templates/pastrychef/img/config__step2/pattern/1_noactive.png) no-repeat 50% 50%;
}

.sp_print_template_link a:nth-of-type(1)::after {
  background: url(/bitrix/templates/pastrychef/img/config__step2/pattern/1_active.png) no-repeat 50% 50%;
}

.sp_print_template_link a:nth-of-type(2)::before {
  background: url(/bitrix/templates/pastrychef/img/config__step2/pattern/3_noactive.png) no-repeat 50% 50%;
}

.sp_print_template_link a:nth-of-type(2)::after {
  background: url(/bitrix/templates/pastrychef/img/config__step2/pattern/3_active.png) no-repeat 50% 50%;
}

.sp_print_template_link a:nth-of-type(3)::before {
  background: url(/bitrix/templates/pastrychef/img/config__step2/pattern/5_noactive.png) no-repeat 50% 50%;
}

.sp_print_template_link a:nth-of-type(3)::after {
  background: url(/bitrix/templates/pastrychef/img/config__step2/pattern/5_active.png) no-repeat 50% 50%;
}

.sp_print_template_link a:nth-of-type(4)::before {
  background: url(/bitrix/templates/pastrychef/img/config__step2/pattern/6_noactive.png) no-repeat 50% 50%;
}

.sp_print_template_link a:nth-of-type(4)::after {
  background: url(/bitrix/templates/pastrychef/img/config__step2/pattern/6_active.png) no-repeat 50% 50%;
}

.sp_print_template_link a:nth-of-type(5)::before {
  background: url(/bitrix/templates/pastrychef/img/config__step2/pattern/10_noactive.png) no-repeat 50% 50%;
}

.sp_print_template_link a:nth-of-type(5)::after {
  background: url(/bitrix/templates/pastrychef/img/config__step2/pattern/10_active.png) no-repeat 50% 50%;
}

.sp_print_template_link a:nth-of-type(6)::before {
  background: url(/bitrix/templates/pastrychef/img/config__step2/pattern/15_noactive.png) no-repeat 50% 50%;
}

.sp_print_template_link a:nth-of-type(6)::after {
  background: url(/bitrix/templates/pastrychef/img/config__step2/pattern/15_active.png) no-repeat 50% 50%;
}

.sp_sort {
  display  : none;
  flex-wrap: wrap;
}

.sp_sort_header {
  width: 100%;
}

.sp_sort_header p {
  padding    : 0 0 15px 0;
  font-size  : 20px;
  font-weight: 700;
}

.sp_sort_link {
  display    : flex;
  align-items: flex-start;
  flex-wrap  : wrap;
  position   : relative;
  width      : 100%;
  padding    : 15px 0 80px;
}

.sp_sort_link a {
  position  : relative;
  margin    : 0 50px 0 0;
  padding   : 0 0 0 45px;
  font-size : 18px;
  color     : #000;
  transition: all .2s linear;
}

.sp_sort_link a::before,
.sp_sort_link a::after {
  content   : '';
  position  : absolute;
  top       : calc(50% - 20px);
  left      : 0;
  width     : 40px;
  height    : 40px;
  transition: all .2s linear;
}

.sp_sort_link a::after {
  opacity: 0;
}

.sp_sort_link .clear_all2 {
  position     : absolute;
  top          : -2px;
  left         : -95px;
  width        : 55px;
  height       : 55px;
  margin       : 0;
  padding      : 0;
  background   : #873733 url(/bitrix/templates/pastrychef/img/config__step2/cross.png) no-repeat 50% 50% / 28px;
  border       : 1px solid #873733;
  border-radius: 50%;
}

.sp_sort_link .clear_all2::before {
  display: none;
}

.sp_sort_abc::before {
  background: url(/bitrix/templates/pastrychef/img/config__step2/sort/abc_noactive.png) no-repeat 50% 50%;
}

.sp_sort_abc::after {
  background: url(/bitrix/templates/pastrychef/img/config__step2/sort/abc_active.png) no-repeat 50% 50%;
}

.sp_sort_cat::before {
  background: url(/bitrix/templates/pastrychef/img/config__step2/sort/cat_noactive.png) no-repeat 50% 50%;
}

.sp_sort_cat::after {
  background: url(/bitrix/templates/pastrychef/img/config__step2/sort/cat_active.png) no-repeat 50% 50%;
}

.sp_sort_mnf::before {
  background: url(/bitrix/templates/pastrychef/img/config__step2/sort/mnf_noactive.png) no-repeat 50% 50%;
}

.sp_sort_mnf::after {
  background: url(/bitrix/templates/pastrychef/img/config__step2/sort/mnf_active.png) no-repeat 50% 50%;
}

.sp_sort_abc.sort_active::before,
.sp_sort_cat.sort_active::before,
.sp_sort_mnf.sort_active::before {
  opacity: 0;
}

.sp_sort_abc.sort_active::after,
.sp_sort_cat.sort_active::after,
.sp_sort_mnf.sort_active::after {
  opacity: 1;
}

.sp_sort_link a.sort_active {
  color          : #873733;
  text-decoration: underline;
}

.wht_wrap {
  width    : 50%;
  /* margin: -40px 0 0; */
}

.wht_wrap .sp_sort_wht {
  margin     : 0;
  padding    : 0 0 0 60px;
  font-weight: 700;
}

.wht_wrap .sp_sort_wht::before {
  content      : '';
  position     : absolute;
  top          : calc(50% - 12px);
  left         : 0;
  width        : 46px;
  height       : 24px;
  background   : #C5C5C5;
  border-radius: 50px;
  box-shadow   : inset 0 0 3px 0 rgba(0, 0, 0, 0.1);
}

.wht_wrap .sp_sort_wht::after {
  content      : '';
  position     : absolute;
  top          : calc(50% - 10px);
  left         : 24px;
  width        : 20px;
  height       : 20px;
  background   : #fff;
  border-radius: 100%;
  box-shadow   : 0 0 15px 0 rgba(0, 0, 0, 0.2);
  opacity      : 1;
}

.sp_sort_wht.wht_active::before {
  background: #efa32f;
}

.sp_sort_wht.wht_active::after {
  left: 2px;
}

/*==step2.slider========================================================================================*/

body .ui-slider-horizontal {
  height       : 7px;
  border-radius: 0;
}

body .sp_slider_range {
  margin: 25px 0 0;
}

body .sp_slider_range .ui-widget-header {
  background: #873733;
}

body .sp_slider_range .ui-state-active {
  background: #fff;
  border    : 1px solid #fff;
}

body .ui-slider .ui-slider-handle {
  top          : -11px;
  width        : 26px;
  height       : 26px;
  background   : #fff;
  border-radius: 100%;
  box-shadow   : 0 0 15px 0 rgba(0, 0, 0, 0.1);
  cursor       : pointer;
}

.ui-slider-handle .value {
  position  : absolute;
  top       : 100%;
  left      : calc(50% - 30px);
  width     : 60px;
  font-size : 18px;
  color     : #000;
  text-align: center;
}

/*==step2.action.container========================================================================================*/

.new_block_info+.element_prop {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : absolute;
  top            : 0;
  right          : 20px;
  bottom         : 0;
  width          : 150px;
}

.adminWrapperStep2 .admin_product .new_block_info {
  width: calc(100% - 490px);
}

.one_element_prop {
  display : block;
  position: relative;
  width   : 40px;
  height  : 40px;
}

.one_element_prop:nth-of-type(2) {
  margin: 0 5px;
}

.one_element_prop::before,
.one_element_prop::after {
  content   : '';
  position  : absolute;
  top       : 0;
  right     : 0;
  bottom    : 0;
  left      : 0;
  transition: all .2s linear;
}

.one_element_prop::before {
  opacity: 0;
}

.el_postnoe::before {
  background: url(/bitrix/templates/pastrychef/img/config__step2/action/postnoe_active.png) no-repeat 50% 50% / contain;
}

.el_postnoe::after {
  background: url(/bitrix/templates/pastrychef/img/config__step2/action/postnoe_noactive.png) no-repeat 50% 50% / contain;
}

.el_stock::before {
  background: url(/bitrix/templates/pastrychef/img/config__step2/action/sale_active.png) no-repeat 50% 50% / contain;
}

.el_stock::after {
  background: url(/bitrix/templates/pastrychef/img/config__step2/action/sale_noactive.png) no-repeat 50% 50% / contain;
}

.el_hit::before {
  background: url(/bitrix/templates/pastrychef/img/config__step2/action/hit_active.png) no-repeat 50% 50% / contain;
}

.el_hit::after {
  background: url(/bitrix/templates/pastrychef/img/config__step2/action/hit_noactive.png) no-repeat 50% 50% / contain;
}

.el_new::before {
  background: url(/bitrix/templates/pastrychef/img/config__step2/action/new_active.png) no-repeat 50% 50% / contain;
}

.el_new::after {
  background: url(/bitrix/templates/pastrychef/img/config__step2/action/new_noactive.png) no-repeat 50% 50% / contain;
}

.element_prop_active::before {
  opacity: 1;
}

.element_prop_active::after {
  opacity: 0;
}

.img_element_prop .one_element_prop p {
  display: none;
}

/*==step2.action.img========================================================================================*/

.new_block_img .img_element_prop {
  position      : absolute;
  top           : 2px;
  left          : 2px;
  width         : 40px;
  height        : 40px;
  pointer-events: none;
}

.new_block_img .one_element_prop {
  position  : absolute;
  top       : 0;
  right     : 0;
  bottom    : 0;
  left      : 0;
  margin    : 0;
  opacity   : 0;
  transition: all .2s linear;
  z-index   : 2;
}

.new_block_img .element_prop_active {
  opacity: 1;
}

/*==catalog========================================================================================*/

.catalog__img {
  width     : 100%;
  height    : 400px;
  background: url(../img/catalog/catalog.jpg) no-repeat 50% 50% / cover;
}

.catalog__shadow {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  height         : 100%;
  background     : linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5));
}

.catalog__shadow p {
  font-size     : 60px;
  font-weight   : 700;
  color         : #fff;
  text-align    : center;
  text-transform: uppercase;
}

.catalog {
  background: #F4F4F4;
}

.container {
  width : 1280px;
  margin: 0 auto;
}

.c__flexbox {
  display  : flex;
  flex-wrap: wrap;
  width    : 100%;
  padding  : 100px 0;
}

.c__flexbox__box {
  position  : relative;
  width     : calc(33.333% - 30px);
  margin    : 0 0 45px;
  background: #fff;
  border    : 1px solid #CECECE;
  transition: all .2s linear;
}

.c__flexbox__box:hover {
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1);
}

.c__flexbox__box:hover .c__flexbox__hover {
  opacity       : 1;
  transform     : translate3d(0, 50%, 0);
  pointer-events: auto;
}

.c__flexbox__box:nth-of-type(3n+2) {
  margin: 0 45px 45px;
}

.c__flexbox__top {
  display: block;
  width  : 100%;
  height : 280px;
}

.c__flexbox__top img {
  width     : 100%;
  height    : 100%;
  object-fit: contain;
}

.c__flexbox__bottom {
  display   : block;
  padding   : 40px;
  border-top: 1px solid #CECECE;
}

.c__flexbox__bottom p {
  text-align: center;
}

.c__flexbox__bottom .title {
  font-family   : 'Forum';
  font-size     : 28px;
  text-transform: uppercase;
}

.c__flexbox__bottom .subtitle {
  font-size: 18px;
  color    : #726262;
}

.c__flexbox__hover {
  display       : flex;
  flex-wrap     : wrap;
  position      : absolute;
  right         : -1px;
  bottom        : -1px;
  left          : -1px;
  border        : 1px solid #CECECE;
  opacity       : 0;
  transform     : translate3d(0, 100%, 0);
  transition    : all .2s linear;
  pointer-events: none;
}

.c__flexbox__hover a:nth-of-type(1) {
  border-right: 1px solid #CECECE;
}

.c__flexbox__hover a {
  width     : 50%;
  padding   : 12px 0;
  background: #fff;
  color     : #000;
  text-align: center;
  transition: all .2s linear;
}

.c__flexbox__hover a:hover {
  background: #efa32f;
  color     : #fff;
}

/*==internal=========================================================================================*/

.internal {
  width     : 100%;
  background: #fff;
}

.internal__img {
  position: relative;
  width   : 100%;
  height  : 400px;
  overflow: hidden;
}

.internal__shadow {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  width          : 100%;
  height         : 100%;
  background     : rgba(0, 0, 0, 0.8);
}

.internal__shadow p {
  font-size     : 30px;
  color         : #fff;
  text-transform: uppercase;
}

.internal__colors {
  display : flex;
  position: absolute;
  right   : -10px;
  bottom  : 0;
  left    : -10px;
  height  : 12px;
  overflow: hidden;
}

.internal__color {
  width    : 10%;
  height   : 100%;
  transform: skewX(-45deg);
}

.internal__color_1 {
  background: #efa32f !important;
}

.internal__color_2 {
  background: #873733 !important;
}

.internal__details {
  padding: 80px 0;
}

.internal__sidebar {
  width : 500px;
  margin: 0 0 70px 70px;
  float : right;
}

.internal__sidebar .title {
  margin        : 0 0 40px;
  font-size     : 22px;
  font-weight   : 600;
  color         : #3E1C17;
  text-transform: uppercase;
}

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

.i__flexbox p {
  position: relative;
  width   : calc(50% - 5px);
  padding : 30px 0 30px 70px;
  color   : #3E1C17;
}

.i__flexbox p img {
  position     : absolute;
  top          : calc(50% - 25px);
  left         : 3px;
  width        : 50px;
  height       : 50px;
  background   : #efa32f;
  border       : 1px solid #fff;
  border-radius: 50%;
  box-shadow   : 0 0 0 3px #efa32f;
}

.internal__linkBox {
  display: flex;
  margin : 0 0 70px;
}

.internal__link {
  display   : block;
  width     : 350px;
  padding   : 20px 0;
  transition: all .2s linear;
}

.internal__link p {
  display       : table;
  position      : relative;
  margin        : 0 auto;
  font-weight   : 600;
  text-align    : center;
  text-transform: uppercase;
}

.internal__link p::before,
.internal__link p::after {
  content   : '';
  position  : absolute;
  top       : calc(50% - 25px);
  left      : -50px;
  width     : 50px;
  height    : 50px;
  transition: all .2s linear;
}

.internal__link p::after {
  opacity: 0;
}

.internal__link_red {
  margin    : 0 10px 0 0;
  background: #efa32f;
  border    : 2px solid #efa32f;
  color     : #fff;
}

.internal__link_red p::before {
  background: url(/bitrix/templates/pastrychef/img/internal/buttons/2_1.png) no-repeat 50% 50%;
}

.internal__link_red p::after {
  background: url(/bitrix/templates/pastrychef/img/internal/buttons/2_2.png) no-repeat 50% 50%;
}

.internal__link_transparent {
  border: 2px dashed #AEAEAE;
  color : #efa32f;
}

.internal__link_transparent p::before {
  background: url(/bitrix/templates/pastrychef/img/internal/buttons/1_2.png) no-repeat 50% 50%;
}

.internal__link_transparent p::after {
  background: url(/bitrix/templates/pastrychef/img/internal/buttons/1_1.png) no-repeat 50% 50%;
}

.internal__link_red:hover {
  background: #fff;
  color     : #efa32f;
}

.internal__link_red:hover p::before,
.internal__link_transparent:hover p::before {
  opacity: 0;
}

.internal__link_red:hover p::after,
.internal__link_transparent:hover p::after {
  opacity: 1;
}

.internal__link_transparent:hover {
  background: #efa32f;
  border    : 2px dashed #fff;
  color     : #fff;
}

/*==internal.content===============================================================================*/

.internal__style h1,
.internal__style h2,
.internal__style h3 {
  margin     : 40px 0;
  font-family: 'Forum';
  font-weight: 400;
  color      : #3E1C17;
}

.internal__style h1 {
  font-size: 35px;
}

.internal__style h2 {
  font-size: 30px;
}

.internal__style h3 {
  font-size: 28px;
}

.internal__style p {
  margin     : 30px 0;
  line-height: 1.5em;
  color      : #3E1C17;
}

.color_red {
  color: #efa32f;
}

.internal__style ul {
  padding: 0 0 0 20px;
}

.internal__style li {
  position: relative;
  margin  : 20px 0;
  color   : #3E1C17;
}

.internal__style li::before {
  content   : '';
  position  : absolute;
  top       : 10px;
  left      : -20px;
  width     : 7px;
  height    : 1px;
  background: #3E1C17;
}

.internal__style p a {
  color          : #efa32f;
  text-decoration: underline;
}

.internal__style iframe {
  width : calc(100% - 600px);
  height: 350px;
}

/*==internal.fancyslider===============================================================================*/

.fancyslider .swiperBtns,
.fancyslider .fancyslider_pagination {
  display: none;
}

.fancyslider .swiper-wrapper {
  flex-wrap: wrap;
}

.fancyslider a {
  display: block;
  width  : calc(33.333% - 20px);
  height : 250px;
  margin : 0 0 30px;
}

.fancyslider a:nth-of-type(3n+2) {
  margin: 0 30px 30px;
}

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

.fancyslider.fancyslider_active {
  padding: 0 0 70px;
}

.fancyslider.fancyslider_active .swiper-wrapper {
  flex-wrap: nowrap;
}

.fancyslider.fancyslider_active a,
.fancyslider.fancyslider_active a:nth-of-type(3n+2) {
  margin: 0;
}

.fancyslider.fancyslider_active .swiperBtns {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  position       : absolute;
  right          : 0;
  bottom         : 0;
  left           : 0;
  height         : 50px;
}

.fancyslider.fancyslider_active .swiper-button-next,
.fancyslider.fancyslider_active .swiper-button-prev {
  position  : static;
  width     : 50px;
  height    : 50px;
  margin    : 0;
  background: url(/bitrix/templates/pastrychef/img/internal/arrow.png) no-repeat 50% 50%;
  cursor    : pointer;
  z-index   : 10;
}

.fancyslider.fancyslider_active .swiper-button-next {
  transform: rotate(180deg);
}

.fancyslider.fancyslider_active .fancyslider_pagination {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : absolute;
  bottom         : 20px;
  height         : 10px;
}

.fancyslider_pagination .swiper-pagination-bullet {
  margin       : 0 5px !important;
  background   : #fff;
  border       : 2px solid #efa32f;
  border-radius: 0;
  opacity      : 1;
}

.fancyslider_pagination .swiper-pagination-bullet-active {
  background: #efa32f;
}

/*==modals========================================================================================*/

.modal__cover {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : fixed;
  top            : 0;
  right          : 0;
  bottom         : 0;
  left           : 0;
  width          : 100%;
  background     : rgba(0, 0, 0, 0.5);
  cursor         : pointer;
  opacity        : 0;
  transform      : translate3d(0, 100%, 0);
  transition     : opacity .3s linear, transform .1s linear .5s;
  z-index        : 1000;
}

.modal__cover::before {
  content   : '';
  position  : absolute;
  top       : 10px;
  right     : 27px;
  width     : 50px;
  height    : 50px;
  background: url(/bitrix/templates/pastrychef/img/cross.svg) no-repeat 50% 50% / 25px;
}

.modals {
  width     : 700px;
  height    : 450px;
  overflow  : auto;
  padding   : 50px;
  background: #fff;
  cursor    : default;
  opacity   : 0;
  transform : translate3d(0, 50%, 0);
  transition: all 400ms cubic-bezier(.32, -0.1, .4, 1.24);
}

/*==modals.active========================================================================================*/

.modal__cover.modal_active {
  opacity   : 1;
  transform : translate3d(0, 0, 0);
  transition: opacity .3s linear .2s;
}

.modal_active .modals {
  opacity   : 1;
  transform : translate3d(0, 0, 0);
  transition: all 400ms cubic-bezier(.32, -0.1, .4, 1.24) .2s;
}

/*==modals.form========================================================================================*/

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

.modals form h3 {
  display       : block;
  width         : 100%;
  margin        : 0 0 50px;
  font-family   : 'Forum';
  font-size     : 35px;
  font-weight   : 400;
  color         : #3E1C17;
  text-align    : center;
  text-transform: uppercase;
}

.modals input {
  width        : 100%;
  margin       : 0 0 10px;
  padding      : 20px;
  border       : 1px solid #AEAEAE;
  border-radius: 0;
  font-size    : 16px;
  color        : #3E1C17;
}

.modals input::placeholder {
  font-size: 16px;
  color    : #3E1C17;
}

.modals input:focus::placeholder {
  color: transparent;
}

.modals input[type=submit] {
  background: #efa32f;
  border    : 1px solid #efa32f;
  color     : #fff;
  text-align: center;
  transition: all .2s linear;
}

.modals input[type=submit]:hover {
  background: #fff;
  color     : #efa32f;
}

.modals .PDClick {
  display   : table;
  margin    : 10px auto;
  font-size : 14px;
  color     : #3E1C17;
  text-align: center;
}

.modals .PDClick br {
  display: none;
}

/*==goTop========================================================================================*/

.goTop {
  position      : fixed;
  right         : 150px;
  bottom        : calc(50% - 120px);
  width         : 46px;
  height        : 150px;
  background    : url(/bitrix/templates/pastrychef/img/scrollUp1.jpg) no-repeat 50% 50% / 100%;
  cursor        : pointer;
  opacity       : 0;
  transition    : all .2s linear;
  z-index       : 99;
  pointer-events: none;
}

.goTop_active {
  opacity       : 1;
  pointer-events: auto;
}

.goTopLeft {
  position      : fixed;
  bottom        : calc(50% - 120px);
  left          : 200px;
  width         : 46px;
  height        : 150px;
  background    : url(/bitrix/templates/pastrychef/img/scrollUp2.jpg) no-repeat 50% 50% / 100%;
  cursor        : pointer;
  opacity       : 0;
  transition    : all .2s linear;
  z-index       : 99;
  pointer-events: none;
}

.goTopLeft_active {
  opacity       : 1;
  pointer-events: auto;
}

.adminWrapperStep2~.goTopLeft {
  left: 90px;
}

.goTop[data-catalog-btnUp] {
  height        : 50px;
  outline       : 1px dashed #fff;
  outline-offset: 2px;
}

.change_weight {
  margin         : -4px 0 0 0;
  border         : none;
  font-size      : 14px;
  text-decoration: underline;
}

.change_weight option {
  font-size: 14px;
}

/*==MessageBox=========================================================================================================*/

.message-box {
  display    : flex;
  align-items: center;
  margin     : 10px auto;
}

.message-link {
  display   : block;
  position  : relative;
  width     : 50px;
  height    : 50px;
  overflow  : hidden;
  transition: all .2s linear;
}

.message-link:hover {
  transform: translate3d(0, -3px, 0);
}

.message-link:nth-of-type(2) {
  margin: 0 15px;
}

.message-icon {
  position: absolute;
  top     : calc(50% - 35px);
  left    : calc(50% - 35px);
}

.header_block .message-box {
  margin: 0 20px 0 0;
}

.header_block .message-link {
  width : 50px;
  height: 50px;
}

.header_block .message-link:nth-of-type(2) {
  margin: 0;
}

.header_block .message-icon {
  top       : calc(50% - 30px);
  left      : calc(50% - 30px);
  width     : 60px;
  height    : 60px;
  object-fit: contain;
}

.focus_menu_service .message-box {
  display: none;
}

.manager_desc .message-box {
  justify-content: center;
  margin         : 15px auto 0;
}

.manager_desc .message-link {
  width : 40px;
  height: 40px;
  margin: 0;
}

.manager_desc .message-link:nth-of-type(2) {
  margin: 0;
}

.manager_desc .message-icon {
  top       : calc(50% - 25px);
  left      : calc(50% - 25px);
  width     : 50px;
  height    : 50px;
  object-fit: contain;
}

.product_link {
  display: none;
}

.copy_btn_wrap {
  display   : none;
  position  : fixed;
  right     : 30px;
  bottom    : 20px;
  padding   : 10px 10px 10px 40px;
  background: #efa32f;
  color     : #fff;
  cursor    : pointer;
  transition: all .2s linear;
}

.copy_btn_wrap::before {
  content : '';
  position: absolute;
  top     : 5px;
  right   : 5px;
  bottom  : 5px;
  left    : 5px;
  border  : 1px dashed #fff;
}

.copy_btn_wrap::after {
  content   : '';
  position  : absolute;
  top       : calc(50% - 10px);
  left      : 10px;
  width     : 20px;
  height    : 20px;
  background: url(/bitrix/templates/pastrychef/img/copy.svg) no-repeat 50% 50% / 100%;
}

.copy_btn_wrap--hide {
  transform: scale(0);
}

.product_link_btn {
  position: relative;
  z-index : 5;
}

.print_el .print-price--cover {
  display       : block;
  position      : absolute;
  top           : calc(50% - 12px);
  right         : 30px;
  padding       : 0 0 1px 20px;
  font-size     : 18px;
  font-weight   : 600;
  color         : #fff;
  text-transform: none;
}

.print-price--cover::before,
.print-price--cover::after {
  content   : '';
  position  : absolute;
  transition: all .2s linear;
}

.print-price--cover::before {
  top             : calc(50% - 11px) !important;
  left            : 0;
  width           : 45px !important;
  height          : 22px !important;
  background-color: #C3C3C3 !important;
  background-image: none !important;
  border-radius   : 50px;
}

.print-price--cover::after {
  top          : calc(50% - 10px);
  left         : -12px;
  width        : 20px;
  height       : 20px;
  background   : #fff;
  border-radius: 100%;
}

.print_el .print-price--state {
  font-size  : inherit;
  font-weight: inherit;
  color      : inherit;
}

[data-print-price='on']::after {
  transform: translate3d(-20px, 0, 0);
}

[data-print-price='on']::before {
  background-color: #c27b10 !important;
}

[data-modal-cover] {
  display         : flex;
  align-items     : center;
  justify-content : center;
  position        : fixed;
  top             : 0;
  right           : 0;
  bottom          : 0;
  left            : 0;
  background-color: rgba(21, 22, 23, 0.95);
  visibility      : hidden;
  opacity         : 0;
  transition      : 0.3s;
  z-index         : 325;
}

[data-modal-cover="visible"] {
  visibility: visible;
  opacity   : 1;
  transition: opacity 0.3s;
}

[data-modal-close] {
  position     : absolute;
  top          : -15px;
  right        : -15px;
  width        : 30px;
  height       : 30px;
  padding      : 3px;
  background   : #ffffff;
  border-radius: 50%;
  text-align   : center;
  cursor       : pointer;
}

[data-modal-link] {
  cursor: pointer;
}

.modal-hello {
  display        : flex;
  justify-content: space-between;
  flex-wrap      : wrap;
  width          : 100%;
  padding        : 32px 10px;
  background     : #ffffff;
  border         : 2px solid #dcdcdc;
}

.modal-hello-cover {
  padding: 0 15px;
  padding: 0 calc(50% - 500px);
}

.modal-hello__container {
  position : relative;
  width    : 100%;
  max-width: 70vw;
}

.modal-hello--content {
  display        : flex;
  justify-content: center;
  flex-direction : column;
  flex-grow      : 1;
  width          : 50%;
  padding-left   : 42px;
}

.modal-hello--map {
  /* width        : 580px; */
  /* height       : 400px; */
  background: #dcdcdc;
}

.modal-hello--btns {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 50%;
  padding        : 0 30px;
  background     : #ffffff;
}

.modal-hello--photos {
  display        : flex;
  justify-content: space-between;
  padding        : 0 50px;
  padding-top    : 0;
}

.modal-hello--photos a {
  width: calc(50% - 25px);
}

.modal-hello--photos img {
  width     : 100%;
  object-fit: cover;
}

.modal-hello__title {
  position     : relative;
  margin-bottom: 82px;
  font-family  : 'Forum';
  font-size    : 48px;
  font-weight  : 400;
  line-height  : 36px;
  color        : #2d181b;
}

.modal-hello__title::after {
  content         : '';
  position        : absolute;
  bottom          : -35px;
  left            : 0;
  width           : 50px;
  height          : 3px;
  background-color: #2d181b;
}

.modal-hello__text {
  margin-bottom: 32px;
  font-family  : "Open Sans";
  font-size    : 20px;
  font-weight  : 400;
  line-height  : 30px;
  color        : #2d181b;
}

.modal-hello__text p {
  margin: 0;
}

.modal-hello_mark {
  font-family: "Open Sans";
  font-size  : 24px;
  font-weight: 700;
}

@media(max-width:1430px) {
  .modal-hello-cover {
    padding: 0 15px;
  }
}

@media(max-width:1168px) {
  .modal-hello {
    flex-direction: column;
    flex-wrap     : nowrap;
    max-height    : 85vh;
    overflow      : scroll;
  }

  .modal-hello::-webkit-scrollbar-thumb {
    background   : #333;
    border-radius: 5px;
  }

  .modal-hello::-webkit-scrollbar {
    width     : 4px;
    background: #fff;
  }

  .modal-hello::-webkit-scrollbar-track {}

  .modal-hello--map {
    width: 100%;
  }

  .modal-hello--content {
    width: 100%;
  }

  .modal-hello__text {
    margin-bottom: 22px;
  }

  .modal-hello__text:last-of-type {
    margin-bottom: 8px;
  }

  .modal-hello--btns {
    margin-bottom: 20px;
  }
}

@media(max-width:636px) {
  .modal-hello--photos {
    flex-wrap: wrap;
  }

  .modal-hello--photos a {
    width        : 100%;
    margin-bottom: 20px;
  }

  .modal-hello__container {
    max-width: none;
  }
}

@media(max-width:436px) {
  .modal-hello__title {
    margin-bottom: 52px;
    font-size    : 38px;
  }

  .modal-hello__text {
    font-size: 16px;
  }

  .modal-hello_mark {
    font-size: 18px;
  }

  .modal-hello--content {
    padding-left: 12px;
  }

  .modal-hello--photos {
    display: none;
  }

  .new_product_shadow {
    justify-content: flex-end;
    padding-right  : 14px;
  }
}

.btn--style {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : relative;
  width          : 290px;
  margin         : 0 auto;
  padding        : 20px 0;
  background     : #efa32f;
  box-shadow     : -3px 3px 0 0 #ac6b0b;
  font-size      : 16px;
  font-weight    : 900;
  letter-spacing : 1px;
  color          : #FFFFFF;
  text-align     : center;
  text-transform : uppercase;
  transition     : all 0.3s linear;
}

.btn--style:hover {
  background: #FFF;
  box-shadow: -3px 3px 0 0 transparent;
  outline   : 1px solid #efa32f;
  color     : #ffb23d;
  transform : scale(1.05);
}

.our-shop-map-block {
  display       : flex;
  flex-direction: column;
}

.snowContainer {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%;
  z-index : -1;
}

.conditions_img_right,
.conditions_img_left {
  position: relative;
}

.conditions_img_right:after,
.conditions_img_left:after {
  content : '';
  position: absolute;
  top     : 0;
  right   : 0;
  bottom  : 0;
  left    : 0;
}

/* .presentation_video_shadow,
.feedback_shadow,
.catalog__shadow,
.head_shadow,
.magazin_shadow,
.cooperation__form .shadow,
.cooperation_wrap .shadow,
.new_product_shadow,
.focus_menu_wrapper:target .focus_menu,
.download_price_block_a,
.conditions_img_right:after,
.conditions_img_left:after,
.new_cooperation_shadow,
.product_block a,
.index_img_shadow {

	background-image        : url("/snow/snow_1.png"), url("/snow/snow_2.png"), url("/snow/snow_3.png");
	-webkit-animation       : snow 30s linear infinite;
	-moz-animation          : snow 30s linear infinite;
	-ms-animation           : snow 30s linear infinite;
    animation            : snow 30s linear infinite;
    background-attachment: fixed;
} */

@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@-moz-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@-webkit-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@-ms-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@media(max-height:748px) {
  .modal-hello__title {
    margin-bottom: 25px;
  }

  .modal-hello__title:after {
    content: none;
  }

  .modal-hello--photos {
    justify-content: center;
  }

  .modal-hello--photos a {
    width: auto;
  }

  .modal-hello--photos img {
    height    : 160px;
    object-fit: contain;
  }
}

.header__logo--icon {
  height: 24px;
}

#print_frame {
  display: none;
}

.flex_wrap .left_bar .flexbox_variant label span {
  /* filter: hue-rotate(45deg); */
}

.header--fixed {
  background: #fff;
}

.bodyAdmin .sp_form {
  align-self   : center;
  top          : 0;
  left         : 0;
  width        : 650px;
  margin       : 0;
  margin-right : auto;
  margin-left  : 58px;
  border-radius: 6px;
}

.bodyAdmin input {
  border-radius: 6px;
}

.header--fixed .head_steps .sp_form .send {}

.adminWrapperStep2 {}

.steps .active {
  font-weight: bold;
  color      : #71231f;
}

/* Наборы */

.set-list {
  display                 : grid;
  grid-template-columns   : 1fr;
  grid-gap                : 12px;
  /* margin-top           : 15px; */
  width                   : 100%;
}

.set-item {
  background   : #FFFFFF;
  border-radius: 12px;
  box-shadow   : 0px 4px 12px rgba(0, 0, 0, 0.08);
}

.set-item-preview {
  display              : grid;
  align-items          : center;
  grid-template-columns: 118px 225px 112px 105px 105px 1fr 46px;
  grid-gap             : 12px;
  position             : relative;
  padding              : 12px 30px 12px 10px;
}

.set-item__left {
  position: absolute;
  top     : 36px;
  right   : calc(100% + 20px);
}

.set-item__weight {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : absolute;
  top            : 0;
  left           : 0;
  width          : 50px;
  height         : 26px;
  background     : #873733;
  border-radius  : 6px;
  font-size      : 14px;
  font-weight    : bold;
  color          : #fff;
  text-align     : center;
  z-index        : 2;
}

.set-item-img {
  position : relative;
  min-width: 118px;
}

.set-item-img:before {
  content       : '';
  display       : block;
  width         : 100%;
  padding-bottom: 80%;
}

.set-item-img img {
  display   : block;
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
  object-fit: scale-down;
}

.set-item__title {
  font-size  : 18px;
  font-weight: bold;
  line-height: 1.2;
}

.set-item-counter {
  display       : flex;
  align-self    : stretch;
  flex-direction: column;
  padding       : 12px;
  background    : #ECDFD2;
  border-radius : 12px;
}

.set-item-counter__title {
  margin-bottom: 20px;
  font-size    : 12px;
  opacity      : 0.8;
}

.set-item-counter__block {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  width          : 100%;
  margin-top     : auto;
  padding        : 0 6px;
  background     : #FFFFFF;
  border         : 1px solid #D4D4D4;
  border-radius  : 6px;
}

.set-item-counter__btn {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 16px;
  height         : 16px;
  background     : linear-gradient(180deg, #ECECEC 0%, #DEDEDE 100%);
  border         : none;
  border-radius  : 4px;
}

.set-item-counter__input {
  flex-grow  : 1;
  width      : 20px;
  border     : none;
  font-size  : 18px;
  font-weight: bold;
  color      : #873733;
  text-align : center;
  appearance : none;
}

.set-item-counter__input::-webkit-outer-spin-button,
.set-item-counter__input::-webkit-inner-spin-button {
  margin            : 0;
  -webkit-appearance: none;
}

.set-item-propertie {
  box-sizing     : border-box;
  display        : flex;
  align-self     : stretch;
  justify-content: space-between;
  flex-direction : column;
  padding        : 12px 12px;
  background     : #FFFFFF;
  border         : 1px solid #D4D4D4;
  border-radius  : 12px;
}

.set-item-propertie__title {
  font-size: 12px;
  opacity  : 0.8;
}

.set-item-propertie .divider {
  margin-top   : auto;
  margin-bottom: 8px;
}

.divider {
  border-bottom: 2px dotted #B0B0B0;
}

.set-item-propertie__value {
  font-size  : 18px;
  font-weight: bold;
}

.set-item-toggle {
  display        : block;
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 46px;
  height         : 46px;
  background     : #ECDFD2;
  border         : none;
  border-radius  : 50%;
}

.set-item-toggle:before {
  content         : '';
  display         : block;
  width           : 16px;
  height          : 16px;
  background-color: #873733;
  transform       : scaleX(-1);
  transition      : .2s;
  -webkit-mask    : url("../img/new-img/swiper-arrow.svg") no-repeat center / contain;
  mask            : url("../img/new-img/swiper-arrow.svg") no-repeat center / contain;
}

.set-item-toggle.toggle-active:before {
  transform: scaleX(-1) rotateZ(90deg);
}

.set-item__add {
  position     : relative;
  width        : 46px;
  height       : 46px;
  background   : #873733;
  border       : none;
  border-radius: 12px;
  box-shadow   : 0px 4px 12px rgba(0, 0, 0, 0.08);
}

.set-item__add span {
  display   : block;
  position  : absolute;
  top       : calc(50% - 1px);
  left      : calc(50% - 9px);
  width     : 18px;
  height    : 2px;
  background: #fff;
  transition: .2s ease;
}

.set-item__add span:nth-of-type(2) {
  transform: rotateZ(-90deg);
}

.set-item--step-2 .set-item__weight,
.set-item--added .set-item__weight {
  background: #EFA32F;
}

.set-item--added .set-item__add {
  background: #EFA32F;
}

.set-item--added .set-item__add span {
  height: 4px;
}

.set-item--added .set-item__add span:nth-of-type(1) {
  top      : calc(50% + 0px);
  width    : 10px;
  transform: rotateZ(45deg);
}

.set-item--added .set-item__add span:nth-of-type(2) {
  top      : calc(50% - 3px);
  left     : calc(50% - 5px);
  transform: rotateZ(-45deg);
}


.set-item--canremove .set-item__add {
  background: #EFA32F;
}

.set-item--canremove .set-item__add span {
  height: 2px;
}

.set-item--canremove .set-item__add span:nth-of-type(1) {
  top      : calc(50% - 1px);
  width    : 18px;
  transform: rotateZ(45deg);
}

.set-item--canremove .set-item__add span:nth-of-type(2) {
  top      : calc(50% - 1px);
  left     : calc(50% - 9px);
  transform: rotateZ(-45deg);
}



.set-item--step-2 .set-item__add span:nth-of-type(1) {
  transform: rotateZ(-45deg);
}

.set-item--step-2 .set-item__add span:nth-of-type(2) {
  transform: rotateZ(45deg);
}

.set-info {
  display              : grid;
  grid-template-columns: 286px 1fr;
  grid-gap             : 25px;
  width                : 100%;
  margin-bottom        : 15px;
  padding              : 16px;
  background           : #FFFFFF;
  border-radius        : 12px;
  box-shadow           : 0px 4px 12px rgba(0, 0, 0, 0.08);
}

.set-info-block {
  overflow     : hidden;
  margin-top   : 16px;
  border       : 1px solid #D4D4D4;
  border-radius: 12px;
  cursor       : pointer;
}

.set-info-block--add {
  display        : flex;
  align-items    : center;
  justify-content: center;
  background     : #FBF5F0;
}

.set-info-block__add {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  font-size      : 12px;
  font-weight    : 600;
  color          : rgba(0, 0, 0, 0.6);
  text-align     : center;
}

.set-info-block__add img {
  display      : block;
  margin-bottom: 10px;
}

.set-info-block__img {
  position: relative;
  overflow: hidden;
}

.set-info-block__img:before {
  content       : '';
  display       : block;
  width         : 100%;
  padding-bottom: 80%;
}

.set-info-block__img>img {
  position  : absolute;
  top       : 6px;
  left      : 6px;
  width     : calc(100% - 12px);
  height    : calc(100% - 12px);
  transition: .2s ease;
  object-fit: scale-down;
}

.set-info-block:hover .set-info-block__img>img {
  transform: scale(1.1);
}

.set-info-block__img .set-info-block__add {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%;
}

.set-info-block__props {
  display                 : flex;
  padding                 : 9px;
  background              : #F8F8F8;
  /* grid-template-columns: 1fr 1fr; */
  border-top              : 1px solid #D4D4D4;
}

.set-info-block__prop {
  flex-grow: 1;
  width    : 50%;
  font-size: 11px;
  color    : rgba(0, 0, 0, 0.6);
}

.set-info-block__prop span {
  display    : block;
  font-size  : 16px;
  font-weight: bold;
  color      : #000000;
}

.set-info-block__prop+.set-info-block__prop {
  padding-left: 8px;
  border-left : 1px solid #D4D4D4;
}

.set-info__content {
  display        : flex;
  justify-content: space-between;
  flex-direction : column;
}

.set-info__desc {
  grid-column: 1/-1;
}

.set-info__title {
  margin-bottom: 32px;
  font-size    : 32px;
  font-weight  : bold;
}

.set-info-list {
  display              : grid;
  grid-template-columns: repeat(auto-fit, 148px);
  grid-gap             : 16px;
}

.set-info-item {
  display           : grid;
  grid-template-rows: 22px 1fr;
  grid-gap          : 8px;
}

.set-info-item__title {
  font-size  : 16px;
  font-weight: 600;
}

body {
  overflow-y: scroll;
}

.set-itog {
  display    : flex;
  align-items: center;
  position   : fixed;
  bottom     : 100px;
  left       : 0;
  width      : 100%;
  height     : 60px;
  padding    : 5px 5px 5px 250px;
  background : #873733;
  z-index    : 3;
}

.set-itog__title {
  margin-right  : 20px;
  font-size     : 20px;
  font-weight   : bold;
  color         : #FFFFFF;
  /* width      : calc(10px + 118px + 12px + 225px + 12px); */
}

.set-itog__props {
  display              : grid;
  grid-template-columns: 112px 105px 105px;
  grid-gap             : 12px;
}

.set-itog__prop {
  padding      : 5px 12px 2px;
  background   : rgba(167, 84, 80, 0.7);
  border       : 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 8px;
  font-size    : 11px;
  color        : #fff;
}

.set-itog__prop span {
  display    : block;
  font-size  : 18px;
  font-weight: bold;
}

.set-itog__btns {
  display    : flex;
  margin-left: auto;
}

.set-itog__btn {
  display        : flex;
  align-items    : center;
  justify-content: center;
  height         : 50px;
  padding        : 0 28px;
  background     : #FFFFFF;
  border         : none;
  border-radius  : 6px;
  font-size      : 16px;
  font-weight    : 600;
  color          : #873733;
  text-align     : center;
}

.set-itog__btn+.set-itog__btn {
  margin-left: 5px;
}

.set-itog__next img {
  display    : block;
  margin-left: 5px;
}

.set-itog__print {
  width: 174px;
}

.set-itog__save {
  width     : 50px;
  padding   : 0;
  background: #A75450;
}

.set-itog__next {
  background: #A75450;
  color     : #fff;
}

.set-itog__print img,
.set-itog__next img {
  margin-right: 8px;
}

.set-item-content {
  display              : grid;
  grid-template-columns: 225px 1fr;
  grid-gap             : 12px;
  padding              : 22px;
  padding-right        : 142px;
  padding-left         : calc(10px + 118px + 12px);
  border-top           : 1px solid #BFBDBC;
}

.set-item-content__btn {
  width: 148px;
}

.set-item-content__btn+.set-item-content__btn {
  margin-left: 15px;
}

.set-item-content__title {
  font-size  : 18px;
  font-weight: 600;
  color      : #0E0E0E;
}

.set-item-content__desc {
  display    : block;
  grid-column: 2/-1;
  position   : relative;
  cursor     : pointer;
}

.set-item-content__desc:before {
  content      : '';
  position     : absolute;
  top          : -7px;
  right        : calc(100% + 8px);
  width        : 36px;
  height       : 36px;
  background   : #F0E6DB url("../img/edit-pen.png") no-repeat center / 16px;
  border-radius: 50%;
  opacity      : 0;
  transition   : .2s ease;
}

.set-item-content__desc:hover:before {
  opacity: 1;
}

.set-item-content__desc textarea {
  display     : block;
  width       : 100%;
  border-color: rgba(0, 0, 0, 0);
  font-size   : 16px;
}

/*.set-item-content__desc textarea:focus {
	border: 1px solid #000;
}*/

.set-item__settings {
  display              : grid;
  grid-template-columns: 112px 105px 105px 1fr 1fr 1fr;
  grid-column          : 2/-1;
  grid-gap             : 12px;
}

.set-item__setting {
  display       : flex;
  flex-direction: column;
  height        : 94px;
  padding       : 10px;
  border        : 1px solid #D4D4D4;
  border-radius : 12px;
  font-size     : 12px;
  color         : rgba(0, 0, 0, 0.8);
}

.set-item__setting--edited {
  background: #ECDFD2;
  border    : none;
}

.set-item__setting input {
  width        : 100%;
  height       : 30px;
  margin-top   : auto;
  background   : #FFFFFF;
  border       : 1px solid #D4D4D4;
  border-radius: 6px;
  font-size    : 18px;
  font-weight  : 600;
  color        : #000000;
  text-align   : center;
  cursor       : pointer;
}

.set-item__setting input:hover {
  border: 1px solid #5C5C5C;
}

.set-item__setting input[readonly] {
  border    : none;
  text-align: left;
}

.set-nav {
  position   : fixed;
  top        : 0;
  left       : 0;
  width      : 250px;
  height     : 100%;
  padding    : 12px;
  padding-top: 100px;
  background : #FFFFFF;
  transition : .3s ease;
  z-index    : 2;
}

.set-nav:not(.toggle-active) {
  transform: translateX(-100%);
}

.set-nav__title {
  font-size  : 22px;
  font-weight: bold;
}

.set-nav__subtitle {
  margin-top   : 20px;
  margin-bottom: 10px;
  font-size    : 22px;
  font-weight  : bold;
  opacity      : 0.5;
}

.set-nav__item {
  padding      : 5px 12px;
  border-radius: 6px;
  cursor       : pointer;
  transition   : .2s ease;
}

.set-nav__item+.set-nav__item {
  margin-top: 3px;
}

@media (hover) {
  .set-nav__item:hover {
    background: rgba(0, 0, 0, 0.02);
  }
}

.set-nav__item--active {
  background : #ECDFD2;
  font-weight: bold;
}

.set-nav__btn {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  position       : absolute;
  top            : 0;
  left           : 100%;
  width          : 60px;
  height         : 100%;
  background     : #fff;
  border         : none;
  font-size      : 22px;
  font-weight    : bold;
  transition     : .2s ease;
}

.set-nav__btn.toggle-active {
  opacity       : 0;
  pointer-events: none;
}

.set-nav__btn>span {
  transform   : rotateZ(180deg);
  writing-mode: tb;
}

.set-ready {
  display     : flex;
  margin-right: auto;
  margin-left : auto;
}

.set-ready__btn {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 192px;
  height         : 46px;
  background     : #873733;
  border         : none;
  border-radius  : 6px;
  font-size      : 16px;
  font-weight    : 600;
  color          : #FFFFFF;
}

.set-ready__add {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 46px;
  height         : 46px;
  margin-left    : 20px;
  background     : #ECDFD2;
  border         : none;
  border-radius  : 6px;
  font-size      : 36px;
  font-weight    : 600;
  color          : #873733;
}

.set-new {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  width          : 100%;
  margin-bottom  : 42px;
}

.set-new__title {
  position   : relative;
  width      : 100%;
  font-size  : 42px;
  font-weight: 600;
  color      : #0E0E0E;
  word-break : break-all;
  cursor     : pointer;
}

.set-new__title:before {
  content      : '';
  position     : absolute;
  top          : 4px;
  right        : calc(100% + 16px);
  width        : 46px;
  height       : 46px;
  background   : #F0E6DB url("../img/edit-pen.png") no-repeat center / 20px;
  border-radius: 50%;
  opacity      : 0;
  transition   : .2s ease;
}

.set-new__title:hover:before {
  opacity: 1;
}

.set-new__btn {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 208px;
  height         : 50px;
  background     : #873733;
  border         : none;
  border-radius  : 6px;
  font-size      : 16px;
  font-weight    : 600;
  color          : #FFFFFF;
}

.set-new__btn img {
  margin-right: 6px;
}

.set-contact {
  width        : 100%;
  overflow     : hidden;
  margin-bottom: 32px;
  background   : #FFFFFF;
  border-radius: 12px;
  box-shadow   : 0px 4px 12px rgba(0, 0, 0, 0.08);
}

.set-contact-top {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  padding        : 15px 24px;
  background     : linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), #873733;
  font-size      : 22px;
  font-weight    : bold;
  color          : #fff;
  cursor         : pointer;
}

.set-contact-top::after {
  content         : '';
  display         : block;
  width           : 16px;
  height          : 16px;
  background-color: #fff;
  transform       : rotateZ(-180deg);
  transition      : .2s;
  -webkit-mask    : url("../img/new-img/swiper-arrow.svg") no-repeat center / contain;
  mask            : url("../img/new-img/swiper-arrow.svg") no-repeat center / contain;
}

.set-contact-top.toggle-active::after {
  transform: rotateZ(-90deg);
}

.set-contact-content {
  transition: .3s ease;
}

.set-contact-form {
  padding: 24px 24px 32px;
}

.set-contact-form__input {
  padding      : 14px;
  border       : 1px solid #BBBBBB;
  border-radius: 8px;
  font-size    : 16px;
}

.set-contact-form__fields {
  display              : grid;
  grid-template-columns: 1fr;
  grid-gap             : 20px;
  /* margin-bottom     : 42px; */
}

.set-contact-form__group {
  display              : grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap             : 12px;
  /* width             : 428px; */
}

.set-contact-form__group .set-contact-form__input:first-of-type {
  /* grid-column: 1/-1; */
}

.set-contact-form__btn {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 232px;
  height         : 50px;
  background     : #873733;
  border         : none;
  border-radius  : 6px;
  font-size      : 16px;
  font-weight    : 600;
  color          : #FFFFFF;
}

.set-result {
  display         : flex;
  align-items     : center;
  justify-content : space-between;
  position        : fixed;
  right           : 0;
  bottom          : 0;
  left            : 0;
  width           : 100%;
  height          : 100px;
  padding         : 15px 65px;
  background-color: #fff;
  z-index         : 3;
}

.set-result--dialog {
  z-index: 99993;
}

.set-result-block {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  width          : 100%;
  max-width      : 1400px;
}

.set-result__props {
  display    : flex;
  align-items: center;
  order      : 2;
}

.set-result__prop {
  display       : flex;
  flex-direction: column;
  margin-right  : 12px;
  padding       : 6px 12px;
  border        : 1px solid rgb(187, 187, 187, 0.7);
  border-radius : 8px;
  font-size     : 12px;
}

.set-result__prop:last-child {
  margin-right: 0;
}

.set-result__prop span {
  font-size  : 28px;
  font-weight: 700;
  color      : rgba(135, 55, 51, 1);
}

.set-result__fields {
  display              : grid;
  grid-template-columns: 1fr 1fr;
  grid-gap             : 20px;
  order                : 1;
}

.set-result__field span {
  display      : block;
  margin-bottom: 5px;
  font-size    : 14px;
  font-weight  : 600;
}

.set-result__input {
  width        : 10px;
  min-width    : 100%;
  padding      : 8px 10px;
  border       : 1px solid #BBBBBB;
  border-radius: 4px;
}

.set-result__input[readonly] {
  background: #F3F3F3;
  color     : rgba(0, 0, 0, 0.6);
}

.set-result__itog {
  display    : flex;
  align-items: center;
  order      : 3;
  font-size  : 20px;
  font-weight: 600;
  color      : #000000;
}

.set-result__itog span {
  display    : block;
  margin-left: 8px;
  font-size  : 24px;
  font-weight: bold;
  color      : #873733;
}

.set-result-btn {
  display        : flex;
  align-items    : center;
  justify-content: center;
  padding        : 16px 50px;
  background     : #873733;
  border         : none;
  border-radius  : 6px;
  font-size      : 16px;
  font-weight    : 600;
  color          : #fff;
  text-align     : center;
}

.fancybox-active {
  overflow: hidden;
}

.fancybox-modal {
  display        : flex;
  align-items    : flex-start;
  justify-content: center;
  overflow       : auto;
  padding        : 15px;

}

.bodyAdmin .fancybox-modal {
  padding-bottom: 150px;
}

.fancybox-modal.fancybox-is-open {
  background: rgba(0, 0, 0, 0.8);
}

.fancybox-modal .modal-container {
  max-width: calc(100% - 30px);
  margin   : auto;
}

.fancybox-modal .fancybox-bg {
  background: none;
}

.fancybox-modal .fancybox-stage {
  position     : relative;
  width        : auto;
  height       : auto;
  overflow     : visible;
  -ms-transform: none;
  transform    : none;
}

.fancybox-modal .fancybox-slide {
  position     : relative;
  width        : auto;
  height       : auto;
  overflow     : visible;
  padding      : 0;
  -ms-transform: none;
  transform    : none;
}

.fancybox-modal .fancybox-content {
  overflow  : visible;
  padding   : 0;
  background: none;
}

.fancybox-modal .fancybox-iframe {
  position     : relative;
  overflow     : visible;
  -ms-transform: none;
  transform    : none;
}

.set-modal {
  width        : 1020px;
  background   : #FFFFFF;
  border-radius: 12px;
  box-shadow   : 0px 4px 12px rgba(0, 0, 0, 0.08);
}

.set-modal-top {
  padding      : 18px 15px;
  background   : linear-gradient(180deg, #EFDFD0 0%, #E1D2C3 100%);
  border-radius: 12px 12px 0px 0px;
}

.set-modal-top__title {
  font-size  : 42px;
  font-weight: 600;
  color      : #000000;
  text-align : center;
}

.set-modal-content {
  padding            : 35px 80px;
  /* padding-right   : 100px; */
  /* max-height      : 820px; */
  /* overflow        : auto; */
}

.set-modal .sp_form {
  width        : 100%;
  margin       : 0;
  margin-bottom: 32px;
}

.set-ready-list {
  display              : grid;
  grid-template-columns: 1fr;
  grid-gap             : 12px;
}

.set-ready-item {
  display      : flex;
  align-items  : center;
  position     : relative;
  padding      : 25px;
  padding-left : 8px;
  background   : #FFFFFF;
  border       : 1px solid #D4D4D4;
  border-radius: 12px;
  box-shadow   : 0px 4px 12px rgba(0, 0, 0, 0.08);
}

.set-ready-item__img {
  width       : 150px;
  height      : 100px;
  margin-right: 15px;
}

.set-ready-item__img img {
  display   : block;
  width     : 100%;
  height    : 100%;
  object-fit: scale-down;
}

.set-ready-item__title {
  font-size  : 26px;
  font-weight: 600;
}

.set-ready-item__edit {
  position     : absolute;
  top          : calc(50% - 23px);
  left         : calc(100% + 16px);
  width        : 46px;
  height       : 46px;
  background   : #ECDFD2 url("../img/small/account__button-edit.svg") no-repeat center / 16px;
  border       : none;
  border-radius: 12px;
}

.set-ready-item__props {
  display              : grid;
  grid-template-columns: 105px 105px 105px;
  grid-gap             : 16px;
  margin-left          : auto;
}

.set-ready-item .o-btn-cross {
  right           : calc(100% + 10px);
  background-color: #873733;
}

.header-admin-nav {
  width: 355px;
}

.header-admin-nav+.sp_form {
  margin-left: 0;
}

@media screen and (max-width: 1860px) {
  .set-item__settings {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 1680px) {
  /* .adminWrapper .admin-set-wrapper .new_block_wrapper {
		padding-left: 300px;
	} */

  .set-item-desc {
    display: none;
  }

  .set-item-preview {
    grid-template-columns: 118px 1fr 112px 105px 105px 46px;
  }

  .set-item__settings {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .set-itog__title {
    width       : auto;
    margin-right: 16px;
  }

  .set-result {
    padding: 15px;
  }

  .set-result-btn {
    min-width   : max-content;
    margin-right: 15px;
    padding     : 15px;
  }

  .set-result__itog {
    justify-content: flex-end;
    flex-direction : column;
  }

  .set-result__itog span {
    margin-left: 0;
  }
}

@media screen and (max-width: 1620px) {
  .set-ready {
    margin-right: 15px;
    margin-left : 15px;
  }
}

@media screen and (max-width: 1440px) {
  .set-item-content {
    display      : block;
    padding-right: 32px;
    padding-left : 32px;
  }

  .set-item-content__title {
    margin-bottom: 20px;
  }

  .set-item__settings {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-bottom        : 20px;
  }

  .set-itog {
    padding-left: 55px;
  }

  .set-contact-form__group {
    width: auto;
  }

  .set-contact-form__input {
    width    : 10px;
    min-width: 100%;
  }
}

@media screen and (max-width: 1280px) {
  .set-info__title {
    font-size: 26px;
  }

  .set-item__settings {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .set-info {
    display: block;
  }

  .set-info__left {
    width        : 286px;
    margin-bottom: 20px;
  }

  .set-info__desc {
    margin-top: 20px;
  }

  .set-item__title {
    font-size: 16px;
  }

  .set-item-preview {
    grid-template-columns: 1fr 100px 100px 100px 46px;
    grid-gap             : 10px;
    padding              : 10px;
  }

  .set-item__title {
    grid-column: 1/-1;
    order      : -1;
  }

  .set-item-img:before {
    display: none;
  }

  .set-item-img {
    height: 95px;
  }

  .set-item-img img {
    position : static;
    width    : auto;
    max-width: 100%;
  }
}

@media screen and (max-width: 1100px) {
  .set-result-btn {
    padding  : 10px;
    font-size: 14px;
  }

  .set-result__prop {
    padding: 6px;
  }

  .set-result__prop span {
    font-size: 20px;
  }

  .set-result__itog {
    font-size: 16px;
  }

  .set-result__itog span {
    font-size: 20px;
  }
}

.adding-related-modal {
  width    : 1360px;
  max-width: 100%;
  overflow : hidden;
}

.adding-related-modal-content {
  height    : 826px;
  max-height: 70vh;
  overflow  : auto;
  padding   : 32px;
}

.adding-related-modal-list {
  padding-left: calc(46px + 20px);
}

.adding-related-modal .set-item {
  border    : 1px solid #D4D4D4;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
}

.constructor-header-btns {
  display       : flex;
  align-items   : center;
  margin-right  : auto;
  /* margin-left: 130px; */
}

.constructor-header-btn {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 46px;
  height         : 46px;
  background     : #873733;
  border         : none;
  border-radius  : 6px;
  box-shadow     : none;
}

.constructor-header-btn+.constructor-header-btn {
  margin-left: 22px;
}

.set-info-item__remove {
  position     : absolute;
  top          : 4px;
  right        : 4px;
  width        : 28px;
  height       : 28px;
  background   : #FFFFFF url("../img/+.png") no-repeat center;
  border       : none;
  border-radius: 50%;
  opacity      : 0;
}

.set-info-item:hover .set-info-item__remove {
  opacity: 1;
}

.set-info-block {
  position: relative;
}

.form-field {
  display : block;
  position: relative;
  cursor  : pointer;
}

.form-input-cover {
  display    : flex;
  align-items: center;
  position   : relative;
  transition : 0.2s ease;
}

.form-checkbox {
  display    : flex;
  align-items: center;
}

.form-input-checkbox {
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 0;
  height    : 0;
  overflow  : hidden;
  padding   : calc(var(--spacing) * 2);
  background: none;
  border    : none;
  box-shadow: none;
  outline   : none;
  z-index   : -1;
}

.form-toggle-target {
  --cover-width : 46px;
  --cover-height: 28px;
  --padding     : 2px;
  position      : relative;
  width         : var(--cover-width);
  min-width     : var(--cover-width);
  height        : var(--cover-height);
  overflow      : hidden;
  background    : #C8C8CE;
  border-radius : 20px;
}

.form-toggle-target-inner {
  --size       : 24px;
  content      : '';
  display      : block;
  position     : absolute;
  top          : calc(50% - var(--size) / 2);
  left         : var(--padding);
  width        : var(--size);
  height       : var(--size);
  background   : #FFFFFF;
  border       : 0.5px solid rgba(0, 0, 0, 0.04);
  border-radius: 50%;
  box-shadow   : 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06);
  transition   : 0.2s ease;
}

.form-input-checkbox:checked~.form-toggle-target {
  background: #873733;
}

.form-input-checkbox:checked~.form-toggle-target .form-toggle-target-inner {
  transform: translateX(calc(var(--cover-width) - var(--size) - var(--padding) - var(--padding)));
}

.set-info-item__print-toggle {
  position: absolute;
  top     : 4px;
  left    : 4px;
  opacity : 0;
}

.set-info-item:hover .set-info-item__print-toggle {
  opacity: 1;
}

.print-toggle .form-toggle-target-inner,
.set-ready-item__print-toggle .form-toggle-target-inner,
.set-info-item__print-toggle .form-toggle-target-inner {
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.print-toggle .form-toggle-target-inner:before,
.set-ready-item__print-toggle .form-toggle-target-inner:before,
.set-info-item__print-toggle .form-toggle-target-inner:before {
  content     : '';
  display     : block;
  width       : 12px;
  height      : 12px;
  background  : #787880;
  -webkit-mask: url("../img/printer.png") no-repeat center / contain;
  mask        : url("../img/printer.png") no-repeat center / contain;
}

.print-toggle .form-input-checkbox:checked~.form-toggle-target .form-toggle-target-inner:before,
.set-ready-item__print-toggle .form-input-checkbox:checked~.form-toggle-target .form-toggle-target-inner:before,
.set-info-item__print-toggle .form-input-checkbox:checked~.form-toggle-target .form-toggle-target-inner:before {
  background: #873733;
}

.set-add-item {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  height         : 60px;
  margin-top     : 12px;
  padding        : 0 20px;
  background     : rgba(135, 55, 51, 0.2);
  border         : none;
  border-radius  : 6px;
  font-size      : 22px;
  font-weight    : 600;
  color          : #873733;
  text-align     : center;
}

.set-add-item:hover {
  background: rgba(135, 55, 51, 0.3);
}


.set-add-item.hidden,
.set-result-btn.hidden {
  display: none;
}

/* Модалка Конфета */
.modal-width {
  width: 1360px;
}

.set-modal-top {
  height    : 90px;
  padding   : 18px 0;
  background: linear-gradient(180deg, #EFDFD0 0%, #E1D2C3 100%);
}

.set-modal-top__title {
  border-radius: 12px 12px 0px 0px;
  font-size    : 42px;
  font-weight  : 600;
  color        : #000000;
}

.form-item-add {
  display              : grid;
  grid-template-columns: 520px 1fr;
  padding              : 64px;
}

.file-open {
  position: relative;
  overflow: hidden;
}

.form-file-block {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : relative;
  width          : 520px;
  height         : 520px;
  overflow       : hidden;
  background     : #FFEFE1;
  border-radius  : 8px;
}

.form-file-block img {
  max-width : 100%;
  max-height: 100%;
}

.file__input {
  /* top        : 540px; */
  margin-top    : 10px;
  font-size     : 16px;
  font-weight   : 600;
  color         : #0E0E0E;
  /* position   : absolute; */
  transform     : translateX(-135px);
}

.form-file-block__image {
  width: 102px;
}

.file__load {
  display   : none;
  position  : absolute;
  top       : 0;
  right     : 0;
  bottom    : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
  object-fit: scale-down;
}

.form-items {
  display              : grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap             : 32px;
  padding              : 0 76px;
}

.form-item {
  display       : flex;
  flex-direction: column;
  font-size     : 16px;
  font-weight   : 600;
  line-height   : 22px;
  color         : #0E0E0E;
}

.form__item {
  box-sizing   : border-box;
  width        : 100%;
  padding      : 12px;
  background   : #FFFFFF;
  border       : 1px solid #BBBBBB;
  border-radius: 8px;
  font-family  : 'Open Sans', sans-serif;
  font-size    : 16px;
}

.item__column {
  grid-column: 1/3;
}

.item__height {
  height: 100px;
}

.form-buttons {
  display       : flex;
  flex-direction: row;
  gap           : 17px;
}

.form-buttons button {
  width        : 142px;
  padding      : 14px 32px;
  border       : none;
  border-radius: 8px;
  outline      : none;
  font-family  : 'Open Sans', sans-serif;
  font-size    : 16px;
  font-weight  : 600;
  line-height  : 22px;
  font-style   : normal;
  cursor       : pointer;
}

.add_item {
  background: #873733;
  color     : #FFFFFF;
}

.add_close {
  background: rgba(135, 55, 51, 0.2);
  color     : #873733;
}

@media(max-width: 1360px) {
  .modal-width {
    width: auto;
  }

  .form-item-add {
    grid-template-columns: 300px 1fr;
    grid-gap             : 50px;
    padding              : 50px;
  }

  .form-file-block {
    width : 300px;
    height: 300px;
  }

  .form-file-block__image {
    width: 60px;
  }

  .form-items {
    padding: 0;
  }

  .file__input {
    top: 320px;
  }
}

@media(max-width: 990px) {
  .form-item-add {
    grid-template-columns: 1fr;
    grid-gap             : 25px;
    padding              : 25px 50px;
  }

  .form-file-block {
    position: relative;
    width   : 50px;
    height  : 50px;
    z-index : 2;
  }

  .form-file-block__image {
    width: 25px;
  }

  .file__input {
    top : 15px;
    left: -85px;
  }

  .form-items {
    grid-gap: 18px;
  }
}

.mt-10 {
  margin-top: 40px;
}

.mt-5 {
  margin-top: 20px;
}

.print-select {
  background   : #fff !important;
  border-radius: 12px;
}

.print-select-list {
  display              : grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap             : 32px;
  padding              : 40px;
}

.print-select-item {
  padding      : 15px;
  background   : #FFFFFF;
  border       : 1px solid #D4D4D4;
  border-radius: 12px;
  box-shadow   : 0px 4px 12px rgba(0, 0, 0, 0.08);
  cursor       : pointer;
}

@media(hover) {
  .print-select-item:hover {
    text-decoration: underline;
  }
}

.print-select-item__img {

  margin-bottom: 12px;
}

.print-select-item__title {
  font-size  : 18px;
  font-weight: 600;
  color      : #000000;
  text-align : center;
}

.progress-circle {
  display        : inline-flex;
  align-items    : center;
  justify-content: center;
  width          : 1em;
  min-width      : 1em;
  height         : 1em;
  background     : currentColor;

  font-size   : 32px;
  animation   : progress-rotate 1.4s linear infinite;
  -webkit-mask: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' xml:space='preserve' width='100%25' height='100%25' viewBox='22 22 44 44'%3e%3ccircle class='CircularProgress-circle' cx='44' cy='44' r='20.2' fill='none' stroke='%23000' stroke-width='3.6' style='animation: CircularProgress 1.4s ease-in-out infinite;'%3e%3c/circle%3e%3cstyle%3e %40keyframes CircularProgress %7b 0%25 %7b stroke-dasharray : 1px, 200px; stroke-dashoffset: 0px;%7d 50%25 %7b stroke-dasharray : 100px, 200px; stroke-dashoffset: -15px;%7d 100%25 %7b stroke-dasharray : 100px, 200px; stroke-dashoffset: -125px;%7d %7d %3c/style%3e%3c/svg%3e") no-repeat center / contain;
  mask        : url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' xml:space='preserve' width='100%25' height='100%25' viewBox='22 22 44 44'%3e%3ccircle class='CircularProgress-circle' cx='44' cy='44' r='20.2' fill='none' stroke='%23000' stroke-width='3.6' style='animation: CircularProgress 1.4s ease-in-out infinite;'%3e%3c/circle%3e%3cstyle%3e %40keyframes CircularProgress %7b 0%25 %7b stroke-dasharray : 1px, 200px; stroke-dashoffset: 0px;%7d 50%25 %7b stroke-dasharray : 100px, 200px; stroke-dashoffset: -15px;%7d 100%25 %7b stroke-dasharray : 100px, 200px; stroke-dashoffset: -125px;%7d %7d %3c/style%3e%3c/svg%3e") no-repeat center / contain;

}

.progress-container {
  position: relative;
}

.progress-container * {
  position: relative;
}

.progress-container .progress {
  position : absolute;
  top      : calc(50% - 16px);
  left     : calc(50% - 16px);
  width    : 32px;
  height   : 32px;
  mask-size: 1em;
}

@keyframes progress-rotate {

  0% {
    transform-origin: 50% 50%;
  }

  100% {
    transform: rotate(360deg);
  }
}


@keyframes progress-line-1 {
  0% {
    right: 100%;
    left : -35%;
  }

  60% {
    right: -90%;
    left : 100%;
  }

  100% {
    right: -90%;
    left : 100%;
  }
}


@keyframes progress-line-2 {
  0% {
    right: 100%;
    left : -200%;
  }

  60% {
    right: -8%;
    left : 107%;
  }

  100% {
    right: -8%;
    left : 107%;
  }
}

.overloader {
  display        : flex;
  align-items    : center;
  justify-content: center;
  position       : fixed;
  inset          : 0;
  background     : rgba(0, 0, 0, 0.5);
  color          : #fff;
  z-index        : 999992;
}

.set-ready-item {
  transition: .25s ease;
}

.set-ready-item-wrapper {
  position: relative;
}

.set-ready-item__print-toggle {
  position: absolute;
  top     : calc(50% - 15px);
  right   : calc(100% + 18px);
}

.set-ready-item-wrapper.active .set-ready-item {
  border    : 1px solid #873733;
  box-shadow: 0px 4px 12px rgba(135, 55, 51, 0.2);
}

.set-ready-item-wrapper.active .set-item-propertie {
  border: 1px solid #873733;
}

.set-ready-item-wrapper.disabled .set-ready-item {
  opacity: 0.3;
}

.set-ready-item-wrapper.disabled .set-ready-item a,
.set-ready-item-wrapper.disabled .set-ready-item button {
  pointer-events: none;
}

.set-info-block__edit {
  position  : absolute;
  inset     : 0;
  background: none;
  border    : none;
  z-index   : 1;
}

.set-info-block__add,
.set-info-item__print-toggle,
.set-info-item__remove {
  z-index: 2;
}

.error-page {
  display        : flex;
  align-items    : center;
  justify-content: center;
  min-height     : 750px;
  padding        : 100px 15px;
}

.error-page__content {
  display        : flex;
  align-items    : center;
  justify-content: center;
  flex-direction : column;
  text-align     : center;
}

.error-page__number {
  font-family   : 'Manrope', serif;
  font-size     : 228px;
  font-weight   : 400;
  line-height   : 252px;
  letter-spacing: 2px;
  color         : #efa42f;
}

.error-page__title {
  margin-bottom : 20px;
  font-family   : 'Manrope', serif;
  font-size     : 23px;
  font-weight   : 400;
  line-height   : 25px;
  letter-spacing: 0em;
  color         : #3D181B;
  text-transform: uppercase;
}

.error-page__text {
  margin-bottom : 32px;
  font-size     : 16px;
  font-weight   : 400;
  line-height   : 22px;
  letter-spacing: 0em;
  color         : #1A1A1A;
  opacity       : 0.6;
}

.error-page__btn {
  display           : block;
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  align-items       : center;
  justify-content   : center;
  position          : relative;
  width             : 320px;
  height            : 52px;
  background-color  : #efa42f;
  border-radius     : 4px;
  -webkit-box-shadow: 0 4px 0 #ab741d;
  box-shadow        : 0 4px 0 #ab741d;
  font-family       : 'Manrope', serif;
  font-size         : 18px;
  font-weight       : 600;
  line-height       : 30px;
  color             : #1f1e1c;
  text-transform    : uppercase;
  cursor            : pointer;
  -webkit-transition: .2s;
  -o-transition     : .2s;
  transition        : .2s;
  -webkit-box-align : center;
  -ms-flex-align    : center;
  -webkit-box-pack  : center;
  -ms-flex-pack     : center;
}

.error-page__btn:hover {
  background: #ffb645;
}

@media (max-width: 768px) {
  .error-page {
    min-height: 500px;
    padding   : 50px 15px;
  }

  .error-page__number {
    font-size: 160px;
  }

  .error-page__btn {
    width: 280px;
  }
}