/* Start:/bitrix/components/bitrix/breadcrumb/templates/universal/style.min.css?1673950947620*/
.bx-breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bx-breadcrumb-item{height:22px;white-space:nowrap}.bx-breadcrumb-item-angle{margin:0 10px;color:#b5bdc2;vertical-align:top;font-size:12px}.bx-breadcrumb-item-link{border-bottom:0;vertical-align:top;line-height:21px}.bx-breadcrumb-item-text{vertical-align:top;white-space:normal;font:400 13px/21px "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;transition:250ms linear all}
/* End */


/* Start:/local/templates/bon_new/assets/css/elements/socials.css?16758399142423*/
.social {
   display: flex;
   align-items: center;
}

.social__title {
   display: block;
   color: #787890;
   font-size: 16px;
   text-align: left;
   margin-right: 12px;
}
.social__shares {
   display: flex;
   margin-left: 0;
   align-items: center;
   flex-wrap: wrap;
   padding-left: 0;
}

.social__shares li {
   position: relative;
   margin-right: 10px;
   margin-top: 10px;
   display: inline-block;
   list-style: none;
   min-width: 36px;
   max-width: 36px;
   height: 36px;
   border-radius: 50%;
   transition: transform 0.2s ease;
   z-index: 1;
   cursor: pointer;
   color: #eee;
}

.social__shares li::before {
   content: "";
   position: absolute;
   width: 36px;
   background-color: inherit;
   height: 36px;
   border-radius: 50%;
   transition: transform 0.2s ease;
   z-index: -1;
}

.social__shares li:hover::before {
   transform: scale(1.15);
}

.social__shares li:active {
   background-color: #50565c;
}

.social__shares li .share__icon {
   display: flex;
   width: 100%;
   height: 100%;
   justify-content: center;
   align-items: center;
}

.social__shares li .share__icon svg {
   width: 20px;
   height: auto;
}

.social__shares .social__shares__fb {
   background-color: #3b5998;
}

.social__shares .social__shares__vk {
   background-color: #4680c2;
}

.social__shares .social__shares__ok {
   background-color: #ee8209;
}
.social__shares .social__shares__tg {
   background-color: #37aee2;
}
.social__shares .social__shares__wh {
   background-color: #00d535;
}
.social__shares .social__shares__em {
   background-color: #787890;
}
.social__shares .social__shares__copy {
   background-color: #787890;
}

.social__shares .success_clipboard {
   /* display: block; */
   position: absolute;
   top: -40px;
   left: -40px;
   letter-spacing: 0.05em;
   font-size: 10px;
   border-radius: 50px;
   background: #31383fd5;
   padding: 5px 25px;
   display: none;
   line-height: 14px;
   text-align: center;
   text-transform: uppercase;
   font-weight: 500;
}

@media screen and (max-width: 400px) {
   .social__shares li {
      min-width: 38px;
      max-width: 38px;
      height: 38px;
   }

   .social__shares li::before {
      width: 38px;
      height: 38px;
   }
}

@media screen and (max-width: 579px) {
   .social__shares .success_clipboard {
      top: -44px;
      left: -70px;
   }

   .social {
      align-items: flex-start;
      flex-direction: column;
      
   }
}

/* End */
/* /bitrix/components/bitrix/breadcrumb/templates/universal/style.min.css?1673950947620 */
/* /local/templates/bon_new/assets/css/elements/socials.css?16758399142423 */