/* 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 */


/* Start:/local/templates/bon_new/assets/css/elements/banners.css?16871620826843*/
.desktop-anounce {
   width: 100%;
   height: 320px;
   background: #30373e;
   border-radius: 2px;
   overflow: hidden;
   margin: 12px 0 24px 0;
   padding: 0;
   z-index: 1;
   position: relative;
}

.desktop-anounce-text {
   position: absolute;
   margin-left: 60%;
   width: 40%;
   padding-right: 30px;
   height: inherit;
   display: table-cell;
   vertical-align: middle;
   z-index: 3;
   top: 15%;
}

.desktop-anounce-text h2 {
   font-family: TTNorms;
   font-style: normal;
   font-weight: bold;
   font-size: 32px;
   line-height: 38px;
   color: #ffffff;
   margin-bottom: 6px;
}

.desktop-anounce-text p {
   font-family: TTNorms;
   font-style: normal;
   font-weight: normal;
   font-size: 18px;
   line-height: 22px;
   margin-bottom: 24px;
   color: #ffffff;
}

.desktop-anounce-text .more a {
   color: #fff;
   font-size: 14px;
   font-weight: 500;
   line-height: 46px;
   display: inline-block;
   padding: 0 24px;
   transition: 0.2s linear;
   text-align: center;
   vertical-align: top;
   text-decoration: none;
   border-radius: 5px;
   background: #c94549;
   width: 160px;
}

.desktop-anounce-text .more a:hover,
.desktop-anounce-text .more a:active {
   background-color: #6e727d;
}

.desktop-anounce-mountains {
   width: 882px;
   background: url("/local/templates/bon_new/assets/css/elements/../../images/decor/anounce-mountains.jpg");
   background-size: contain;
   z-index: 2;
}

.desktop-anounce-monastery {
   width: 882px;
   background: url("/local/templates/bon_new/assets/css/elements/../../images/decor/anounce-monastery.jpg");
   background-size: contain;
   z-index: 2;
}

.desktop-anounce-gradient {
   margin-left: 115px;
   width: 777px;
   height: 522px;
   background: linear-gradient(270.18deg, #30373e 0.07%, rgba(48, 55, 62, 0) 90.27%);
}

.desktop-anounce-decoration {
   width: 484px;
   height: 317px;
   float: right;
   background: url("/local/templates/bon_new/assets/css/elements/../../images/decor/decor.png");
   background-size: contain;
   margin-right: -358px;
}

.mobile-anounce {
   display: none;
}

.banner-price {
   display: block;
   position: relative;
   width: 100%;
   overflow: hidden;
   border-radius: 6px;
}

.banner-price::after {
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: linear-gradient(90deg, #30373e 25%, rgba(48, 55, 62, 0) 100%);
   z-index: 1;
}

.banner-price::before {
   position: absolute;
   top: 0;
   left: 0;
   content: "";
   display: block;
   width: 484px;
   height: 100%;
   float: left;
   background: url("/local/templates/bon_new/assets/css/elements/../../images/decor/decor.png");
   background-size: contain;
   margin-left: 0;
   z-index: 2;
   -moz-transform: scaleX(-1);
   -o-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);
   filter: FlipH;
   -ms-filter: "FlipH";
}

.banner-price .bp-body {
   display: flex;
   justify-content: center;
   position: absolute;
   flex-direction: column;
   width: 50%;
   height: 100%;
   left: 0;
   top: 0;
   padding: 36px;
   color: #fff;
   z-index: 3;
}

.banner-price .bp-body .bpb-title {
   font-weight: 700;
   font-size: 28px;
   line-height: 32px;
   margin-bottom: 12px;
}

.banner-price .bp-body .bpb-desc {
   display: block;
   font-size: 18px;
   line-height: 24px;
   margin-bottom: 48px;
}

.banner-price .bp-body .bpb-action .btn {
   line-height: 32px;
   padding: 8px 24px;
}

@media only screen and (max-width: 1200px) {
   .banner-price {
      height: 480px;
   }

   .banner-price img {
      object-fit: cover;
      height: 100%;
   }
}

@media only screen and (max-width: 980px) {
   .desktop-anounce-text {
      margin-left: 55%;
      width: 45%;
   }

   .banner-price .bp-body {
      width: 75%;
   }

   .banner-price::after {
      background: linear-gradient(90deg, #30373e 50%, rgba(48, 55, 62, 0) 100%);
   }
}

@media only screen and (max-width: 760px) {
   .mobile-anounce {
      width: 100%;
      background: #30373e;
      border-radius: 2px;
      overflow: hidden;
      margin-top: 10px;
      margin-bottom: 10px;
      padding: 0;
      z-index: 1;
      margin: 1%;
      display: block;
   }

   .mobile-anounce-text {
      position: absolute;
      margin-left: 5%;
      width: 80%;
      display: table-cell;
      vertical-align: middle;
      z-index: 3;
      top: 50%;
   }

   .mobile-anounce-text h2 {
      font-family: TTNorms;
      font-style: normal;
      font-weight: bold;
      font-size: 22px;
      line-height: 100%;
      color: #ffffff;
   }

   .mobile-anounce-text p {
      font-family: TTNorms;
      font-style: normal;
      font-weight: normal;
      font-size: 12px;
      line-height: 14px;
      color: #ffffff;
      margin-top: 8px;
      margin-bottom: 8px;
   }

   .mobile-anounce-text .more a {
      color: rgb(255, 255, 255);
      font-size: 12px;
      font-weight: 700;
      line-height: 40px;
      display: inline-block;
      padding: 0px 0px;
      transition: all 0.2s linear 0s;
      text-align: center;
      vertical-align: top;
      text-decoration: none;
      background: #c94549 none repeat scroll 0% 0%;
      width: 45%;
   }

   .mobile-anounce-text .more a:hover,
   .mobile-anounce-text .more a:active {
      background-color: #6e727d;
   }

   .mobile-anounce-mountains {
      max-height: 347px;
      background: url("/local/templates/bon_new/assets/css/elements/../../images/decor/anounce-mountains-mob.jpg");
      background-size: contain;
      background-repeat: no-repeat;
      z-index: 2;
   }

   .mobile-anounce-monastery {
      max-height: 347px;
      background: url("/local/templates/bon_new/assets/css/elements/../../images/decor/anounce-monastery-mob.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      z-index: 2;
   }

   .mobile-anounce-gradient {
      background: linear-gradient(0deg, #30373e 30%, rgba(48, 55, 62, 0) 90.27%);
   }

   .mobile-anounce-decoration {
      padding-top: 100%;
      background: url("/local/templates/bon_new/assets/css/elements/../../images/decor/decor-mob.png");
      background-size: contain;
   }

   .desktop-anounce {
      display: none;
   }

   .banner-price .bp-body {
      width: 100%;
   }
}

.cont {
   position: relative;
   width: 100%;
   margin: 0 auto;
   margin-bottom: 24px;
}

@media screen and (max-width: 580px) {
   .main-banner {
      padding: 15px;
   }



   .banner-price::after {
      background: linear-gradient(90deg, #30373e 75%, rgba(48, 55, 62, 0) 100%);
   }

   .banner-price::before {
      background-size: cover;
      background-repeat: no-repeat;
   }
}

@media screen and (max-width: 500px) {
   .mobile-anounce-text {
      top: 50%;
   }

   .cont {
      margin-bottom: 16px;
   }

   .banner-price .bp-body .bpb-title {
      font-size: 24px;
      line-height: 28px;
   }

   .banner-price .bp-body .bpb-desc {
      font-size: 16px;
      line-height: 22px;
   }
}

@media screen and (max-width: 380px) {
   .banner-price .bp-body {
      padding: 24px;
   }

   .banner-price .bp-body .bpb-action .btn {
      font-size: 12px;
   }
}
/* End */
/* /bitrix/components/bitrix/breadcrumb/templates/universal/style.min.css?1673950947620 */
/* /local/templates/bon_new/assets/css/elements/socials.css?16758399142423 */
/* /local/templates/bon_new/assets/css/elements/banners.css?16871620826843 */