/* Start:/local/templates/main_CSN_local-2019/css/main-page.css?17778984897365*/
/* ABOUT US */
.regalia_block .item {
  background-color: #ffffff38;
  height: 80px;
  gap: 30px 0;
  border-radius: var(--border-radius-1);
  transition: all .3s;
  padding: 0 15px;
}

.regalia_block .item .title_block {
  font-size: 16px;
  margin-bottom: 0 !important;
}

.regalia_block .item .flex {
  gap: 15px;
}

.regalia_block .item a {
  margin-left: -15px;
  margin-right: -15px;
  display: block;
  width: calc(100% + 30px);
  border-radius: var(--border-radius-1);
  transition: all .3s;
}

.regalia_block .item:hover a {
  background-color: var(--main-color-2);
  cursor: pointer;
}

.regalia_block .item:hover {
  background-color: var(--reg-color);
  cursor: default;
}

.regalia_block .item .flex {
  height: 80px;
  flex-wrap: nowrap;
}

.regalia_block .item a .title_block {
  font-size: 20px;
}

.regalia_block .item a:hover * {
  color: var(--main-text-color-2);
}

.regalia_block>.flex {
  gap: 30px 0;
}

.counters_block+.regalia_block {
  margin-top: 60px;
}

.icon_text_block {
  padding-top: 65px;
}

.icon_text_block .item {
  width: 100%;
}

.icon_text_block+.text_block {
  margin-top: 60px;
  padding-right: 40px;
}

.icon_text_block .icon {
  background-color: #FFBB08;
  flex-basis: 60px;
  max-width: 60px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-1);
}

#about_us_block .icon_text_block .icon.platinum {
  background: linear-gradient(135deg, #b9b9b9, #919191, #bababa, #c6c7c7, #e3e3e3, #b0b1b3, #d8d8d9);
}

#about_us_block .icon_text_block .icon.platinum svg {
  filter: drop-shadow(1px 1px 10px #5f5f5f);
}

.icon_text_block .icon+.title {
  flex-basis: calc(100% - 90px);
  max-width: calc(100% - 90px);
  width: 100%;
}

.icon_text_block .flex {
  gap: 30px;
}

#about_us_block {
  padding-bottom: 0;
  z-index: 2 !important;
}

#about_us_block *::selection {
  background-color: var(--main-color-2) !important;
  color: var(--main-text-color-2) !important;
}

.link_pres_block_container {
  background-color: #00000030;
  padding: 60px 15px;
  text-align: center;
  margin-top: 120px;
}

.link_pres_block svg {
  flex: 0 0 51px;
  max-width: 51px;
  width: 100%;
}

.link_pres_block {
  display: inline-flex;
  gap: 30px;
  align-items: center;
  font-size: 32px;
  cursor: pointer;
}

.link_pres_block * {
  color: var(--main-color-2) !important;
  transition: all .3s;
}

.link_pres_block:hover * {
  color: white !important;
}

.counters_block .item {
  background-color: #00000030;
  border-radius: var(--border-radius-1);
  padding: 25px 40px;
  height: 100%;
  position: relative;
  transition: all .3s;
}

.counters_block>.flex {
  gap: 30px 0;
}

.counters_block .item .title {
  font-size: 64px;
  font-weight: 900;
  line-height: normal;
  position: relative;
  z-index: 1;
}

.counters_block .item .num_icon_block {
  display: flex;
  justify-content: space-between;
}

.counters_block .item .num_icon_block svg {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 37px;
  right: 30px;
  z-index: 0;
  opacity: .2;
}

.counters_block .item .num_icon_block svg * {
  color: var(--main-color-2) !important;
}

.counters_block .item:hover .num_icon_block svg * {
  color: var(--main-text-color-2) !important;
}

.counters_block .item .description,
.counters_block .item .description span {
  color: var(--main-color-2);
  line-height: normal;
  transition: all .3s;
  position: relative;
  margin-top: 0 !important;
  font-size: 17px;
}

.counters_block .item .text_block {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  transition: all .3s;
  height: 100%;
}

.counters_block .animated .text_block * {
  animation: ease-in-out both .5s title_port_show;
  animation-delay: .1s;
}

.counters_block .item .text_block>* {
  flex: 0 0 100%;
  transition: all .3s;
}

.icon_text_block+.text_block p {
  margin-bottom: 0;
}

.counters_block .item:hover .description,
.counters_block .item:hover .description span {
  color: var(--main-text-color-2);
}

.counters_block .item:hover {
  background-color: var(--main-color-2);
}

.regalia_hide {
  display: none;
}

/**adaptive**/

@media screen and (max-width: 1260px) {
  .icon_text_block {
    height: auto !important;
  }
}

@media screen and (max-width: 768px) {
  .counters_block .item .num_icon_block svg {
    top: 19px;
    right: 20px;
  }

  #about_us_block .icon_text_block {
    padding-top: 0;
  }
}

@media screen and (max-width: 610px) {
  .counters_block .item .num_icon_block svg {
    display: none;
  }
}

@media screen and (max-width: 1259px) {
  .counters_block+.regalia_block {
    display: none;
  }

  .regalia_hide {
    display: block;
    margin-top: 60px;
  }
}

@media (max-width: 1259px) and (min-width: 830px) {
  .regalia_hide .regalia_block .md-3 {
    flex: 0 0 33.3333% !important;
    max-width: 33.3333% !important;
  }
}

@media screen and (max-width: 1070px) {
  .link_pres_block_container {
    margin-top: 80px;
    padding: 40px 15px;
  }
}

@media screen and (max-width:768px) {

  .regalia_hide {
    margin-top: 30px;
  }

  .counters_block>.flex {
    gap: 15px;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .counters_block>.flex>* {
    padding: 0 !important;
    flex: 0 0 calc(50% - 7.5px);
    max-width: calc(50% - 7.5px);
  }

  .icon_text_block .flex {
    gap: 15px;
  }

  .counters_block .item {
    padding: 15px 20px;
  }

  .counters_block .item .title {
    font-size: 32px;
  }

  .icon_text_block,
  .counters_block+.regalia_block {
    margin-top: 30px;
  }

  .icon_text_block+.text_block {
    margin-top: 15px;
    padding-right: 0;
  }

  .counters_block {
    margin-top: 30px;
  }

  .link_pres_block_container {
    margin-top: 30px;
    padding: 30px 15px;
  }

  .link_pres_block {
    flex-direction: column;
    gap: 15px;
    font-size: 18px;
  }

  .regalia_block .xs-flex-carousel {
    gap: 15px;
    padding: 0 15px;
    margin: 0 -15px;
  }

  .regalia_block .xs-flex-carousel>* {
    flex: 0 0 270px;
    max-width: 270px;
  }
}

/* FORM BTN */

#form_link_block {
  background-attachment: fixed;
}

#form_link_block .flex {
  gap: 30px;
  justify-content: space-between;
}

#form_link_block h2 {
  font-size: 42px;
}

#form_link_block .link_pres_block svg {
  flex: 0 0 55px;
  max-width: 55px;
}

#form_link_block .link_block,
#form_link_block .title_block {
  flex: 1 0;
}

#form_link_block .link_pres_block {
  justify-content: flex-end;
}

#form_link_block .link_block {
  position: relative;
  top: 7px;
}

#form_link_block .link_pres_block {
  width: 100%;
}

#form_link_block .flex {
  flex-wrap: nowrap;
}

#form_link_block h2 {
  line-height: 100%;
}

@media screen and (max-width: 1070px) {

  #form_link_block .flex>* {
    flex: 0 0 100%;
  }

  #form_link_block .link_pres_block {
    justify-content: flex-start;
  }

  #form_link_block h2 {
    font-size: 48px;
  }

  #form_link_block .flex {
    flex-wrap: wrap;
  }

  #form_link_block .link_block {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {

  #form_link_block .flex {
    gap: 15px;
  }

  #form_link_block h2 {
    text-align: center;
    font-size: 24px;
  }

  #form_link_block .title_block {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  #form_link_block .link_block {
    top: 0;
    text-align: center;
  }
}
/* End */


/* Start:/local/templates/main_CSN_local-2019/components/bitrix/news.list/main-banners-slider/style.css?17918068849521*/
#main_slider_block {
    height: calc(100vh - 340px);
    position: relative;
    margin-bottom: 30px;
    margin-top: 30px;
}

#main_slider_block>* {
    position: relative;
    z-index: 0;
}

#main_slider_block .nav_block {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

#main_slider_block .main-slider-button-prev svg {
    transform: scale(-1);
}

#main_slider_block .nav_block>.flex {
    gap: 20px;
    color: white;
}

#main_slider_block .nav_block .flex>* {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    color: white;
    transition: all .3s;
}

#main_slider_block .nav_block .flex>*:not(.swiper-button-disabled):hover {
    background-color: var(--main-color-2);
    border-color: var(--main-color-2);
    color: var(--main-text-color-1);
    cursor: pointer;
}

#main_slider_block .nav_block *::before,
#main_slider_block .nav_block *::after {
    display: none;
}

#main_slider_block .swiper-pagination {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: auto;
    bottom: auto;
    left: auto;
    gap: 30px;
    z-index: 1;
    align-items: flex-end;
}

#main_slider_block .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 4px;
    background-color: white !important;
    transition: all .3s;
    border-radius: 0;
    opacity: 1 !important;
}

#main_slider_block .swiper-pagination .swiper-pagination-bullet-active {
    width: 20px;
    pointer-events: none;
}

#main_slider_block .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
    background-color: var(--main-color-2) !important;
}

#main_slider_block .swiper-slide>.flex {
    height: 100%;
    align-items: center;
    align-content: center;
    gap: 20px;
}

#main_slider_block .swiper-slide>.flex>* {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
}

#main_slider_block .swiper-slide * {
    color: white;
}

#main_slider_block .link_block {
    color: var(--main-color-2);
}

#main_slider_block .swiper-slide .link_block,
#main_slider_block .swiper-slide .date_block {
    opacity: 0;
    transition: all .5s;
    transition-delay: .3s;
}

#main_slider_block .swiper-slide .link_block a {
    display: inline-block;
}

#main_slider_block .swiper-slide .link_block a .flex {
    width: 100%;
}

#main_slider_block .swiper-slide-active .link_block {
    margin-top: 20px;
}

#main_slider_block .swiper-slide-active .link_block,
#main_slider_block .swiper-slide-active .date_block {
    opacity: 1;
}

#main_slider_block .swiper-slide {
    opacity: 0 !important;
}

#main_slider_block .swiper-slide-active {
    opacity: 1 !important;
}

.swiper-slide-active .text_animation {
    overflow: hidden;
    position: relative;
}

.swiper-slide-active .text_animation span {
    position: relative;
    animation-timing-function: ease;
    animation-fill-mode: both;
    animation-duration: 0.5s;
    animation-name: text_show;
    animation-delay: .1s;
    display: inline-block;
}

@keyframes text_show {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0%);
    }
}

#main_slider_block .date_block>.flex {
    gap: 30px;
    align-items: center;
}

#main_slider_block .date_block .text,
#main_slider_block .link_block .text {
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}

#main_slider_block .link_block .text {
    text-transform: none;
}

#main_slider_block .link_block * {
    color: var(--main-color-2);
    transition: all .3s;
}

/* #main_slider_block .link_block a:hover * {
    border-color: white;
    color: white;
} */

/* #main_slider_block .link_block .icon_link {
    border-color: var(--main-color-2);
} */

/* #main_slider_block .link_block a:hover .icon_link {
    background-color: var(--main-color-2);
    border-color: var(--main-color-2);
} */

#main_slider_block .link_block a:hover .icon_link * {
    color: var(--main-color-1);
}

#main_slider_block .swiper-button-disabled {
    opacity: .5;
}

#main_slider_block .link_block a:hover .icon_link svg {
    transform: translateX(15px);
}

#main_slider_block .link_block a:hover .icon_link svg * {
    color: var(--main-color-2);
}

#main_slider_block .link_block>a>.flex {
    gap: 15px;
}

@media (min-width: 769px) {
    #main_slider_block .swiper-slide .text_animation {
        display: block;
    }
}

@media (max-height: 850px) {
    #main_slider_block {
        height: calc(100vh - 120px - 170px - 15px);
    }
}

@media screen and (max-width: 1480px) {

    #main_slider_block .discription_block,
    #main_slider_block .link_block,
    #main_slider_block .date_block,
    #main_slider_block .discription_block *,
    #main_slider_block .link_block *,
    #main_slider_block .date_block *,
    #main_slider_block .date_block .text,
    #main_slider_block .link_block .text {
        font-size: 24px;
        line-height: 100%;
    }
}

@media screen and (max-width: 1260px) {
    #main_slider_block {
        margin-top: 110px !important;
    }

}

@media screen and (max-width: 1070px) {

    #main_slider_block .title_block,
    #main_slider_block .title_block * {
        font-size: 48px;
        line-height: 100%;
    }
}

@media screen and (max-width: 992px) {


    #main_slider_block {
        height: auto;
        margin-top: 30px !important;
        margin-bottom: 30px;
    }

    #main_slider_block .nav_block {
        bottom: 0;
    }

    #main_slider_block .discription_block,
    #main_slider_block .link_block,
    #main_slider_block .date_block,
    #main_slider_block .discription_block *,
    #main_slider_block .link_block *,
    #main_slider_block .date_block *,
    #main_slider_block .date_block .text,
    #main_slider_block .link_block .text {
        font-size: 18px;
        line-height: 120%;
    }

    #main_slider_block .swiper-pagination {
        flex-direction: row;
        top: auto;
        transform: none;
        right: auto;
        bottom: 0;
        left: 0;
        gap: 30px;
    }

    #main_slider_block .swiper-pagination .swiper-pagination-bullet {
        width: 4px;
        height: 10px;
        margin: 0;
        padding: 0;
    }

    #main_slider_block .swiper-pagination .swiper-pagination-bullet-active {
        height: 20px;
        width: 4px;
    }

    #main_slider_block .link_block .icon_link {
        border: none !important;
    }

    #main_slider_block .swiper-slide .link_block a .flex {
        border: 1px solid var(--main-color-2);
        border-radius: 5px;
        padding-left: 15px;
        padding-right: 10px;
        gap: 5px !important;
        flex-wrap: nowrap;
    }

    #main_slider_block .link_block * {
        color: var(--main-color-2) !important;
    }

    #main_slider_block .swiper-slide .link_block a .flex .text {
        position: relative;
        top: 2px;
    }

    #main_slider_block .link_block a:hover .icon_link {
        background-color: transparent;
    }

    #main_slider_block .link_block a:hover .icon_link * {
        color: var(--main-color-2) !important;
    }

    #main_slider_block .swiper-slide>.flex {
        gap: 20px;
    }

    .swiper-slide-active .text_animation span,
    #main_slider_block .swiper-slide * {
        opacity: 0 !important;
        transition: all .3s !important;
        transform: translateY(0%) !important;
        animation: none !important;
        transition-delay: 0s !important;
        animation-delay: 0s !important;
    }

    #main_slider_block .swiper-slide {
        position: absolute;
        transform: none !important;
        transition-duration: 0ms !important;
    }

    #main_slider_block .swiper-slide-active {
        position: relative;
    }


    #main_slider_block .swiper-slide-active * {
        opacity: 1 !important;
        transition: all .3s !important;
        transition-delay: .3s;
    }


    #main_slider_block .swiper-wrapper {
        margin-bottom: 70px;
    }

    #main_slider_block .swiper-slide-active .date_block svg {
        width: 20px;
        height: 20px;
    }

    #main_slider_block .date_block>.flex,
    #main_slider_block .link_block>a>.flex {
        gap: 15px;
    }

    #main_slider_block .nav_block>.flex {
        gap: 15px;
    }
}

@media screen and (max-width: 768px) {

    .swiper-slide-active .text_animation span,
    #main_slider_block .swiper-slide * {
        line-height: 130%;
    }

    .text_animation br {
        display: none;
    }

    #main_slider_block .swiper-slide>.flex {
        gap: 15px;
        align-items: flex-start;
    }

    #main_slider_block .title_block,
    #main_slider_block .title_block * {
        font-size: 24px !important;
        line-height: 120%;
    }

    #main_slider_block .swiper-pagination {
        gap: 20px;
    }

    /* .swiper-slide .text_animation span {
        transition: .0s;
    } */

    .swiper-slide-active .text_animation span {
        animation: none !important;
    }

    /* #main_slider_block .swiper-slide .link_block,
    #main_slider_block .swiper-slide .date_block {
        transition: 0s;
    } */

    #main_slider_block .link_block .text {
        font-size: 16px;
        padding: 5px 15px 10px 15px;
        line-height: 1.2;
    }

    #main_slider_block .link_block .icon_link {
        display: none;
    }
}

@media screen and (height <=650px) {
    #main_slider_block .title_block .text_animation {
        font-size: 36px;
        line-height: normal;
    }
}
/* End */


/* Start:/local/templates/main_CSN_local-2019/components/bitrix/news.list/main-teasers/style.css?17918155417878*/
#main_teaser_block {
    width: 100%;
}

#main_teaser_block .list>.flex.row {
    width: calc(100% + 30px);
}

#main_teaser_block .item {
    position: relative;
    padding: 30px;
    background-color: #ffffff10;
    backdrop-filter: blur(5px);
    border: 1px solid white;
    border-radius: 5px;
    transition: all .3s;
}

#main_teaser_block .item>* {
    position: relative;
    z-index: 2;
}

#main_teaser_block .item::before {
    content: '';
    width: 110px;
    height: 110px;
    position: absolute;
    left: 30px;
    bottom: 30px;
    border-radius: 5px;
    z-index: 1;
}

#main_teaser_block .item::after {
    content: '';
    width: 0px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
    background-color: rgba(255, 255, 255, 0.89);
    z-index: 0;
}

#main_teaser_block .item:hover::after {
    width: 100%;
}

#main_teaser_block .item::before {
    background-color: var(--background-color);
}

#main_teaser_block .item .icon_block {
    overflow: hidden;
    border-radius: 0 0 0 5px;
    height: 110px;
    display: flex;
    align-items: flex-end;
}

#main_teaser_block .item .icon_block svg {
    position: relative;
    transition: all .3s;
    height: 100px;
}

#main_teaser_block .item .icon_block svg {
    left: -20px;
}

#main_teaser_block .item:hover .icon_block svg {
    left: -5px;
}

#main_teaser_block .item .title_block {
    font-size: 28px;
    font-weight: 900;
    line-height: 120%;
    position: absolute;
    top: 50%;
    left: 200px;
    transform: translateY(-50%);
    color: white;
    text-transform: uppercase;
    overflow: hidden;
}

#main_teaser_block .item .title_block span {
    animation-timing-function: ease;
    animation-fill-mode: both;
    animation-duration: 0.7s;
    animation-name: title_show;
    animation-delay: .2s;
    transition-timing-function: ease;
    display: inline-block;
}


@keyframes title_show {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0%);
    }

}

#main_teaser_block .item:hover .title_block {
    color: var(--main-color-1);
}

.show_animation {
    animation-timing-function: ease;
    animation-fill-mode: both;
    animation-duration: 0.5s;
    animation-name: show_animation;
    animation-delay: calc(var(--index) * .2s);
    transition-timing-function: ease;
}

@keyframes show_animation {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0%);
        opacity: 1;
    }
}

#main_teaser_block .item .icon_block svg {
    width: 156px;
}

@media (min-width:769px) {
    .text_animation {
        display: block;
    }
}

@media screen and (max-width: 1600px) {
    #main_teaser_block .item .title_block {
        font-size: 24px;
    }
}

@media screen and (max-width: 1480px) {
    #main_teaser_block .item {
        padding: 15px;
    }

    #main_teaser_block .item .title_block {
        left: 175px;
    }

    #main_teaser_block .item::before {
        bottom: 15px;
        left: 15px;
    }
}

@media (max-width: 1260px) and (min-width: 993px) {
    #main_teaser_block .item .title_block {
        left: auto;
        right: 15px;
        text-shadow: 0px 0px 10px var(--main-color-1);
        overflow: visible;
        z-index: 3;
    }

    #main_teaser_block .item::after {
        background: linear-gradient(to right, transparent, var(--main-color-1));
        z-index: 2;
        width: 100%;
    }

    #main_teaser_block .item .fly_link {
        z-index: 4;
    }

    #main_teaser_block .item:hover .title_block {
        color: white !important;
    }
}

@media screen and (max-width: 992px) {
    #main_teaser_block .md-4 {
        flex-basis: 100%;
        max-width: 100%;
    }

    #main_teaser_block .list>.flex {
        gap: 15px;
    }

    #main_teaser_block .item .title_block {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {

    #main_teaser_block .item:hover .icon_block svg,
    #main_teaser_block .item .icon_block svg {
        left: 0 !important;
    }

    #main_teaser_block .item .title_block {
        position: relative;
        top: auto;
        transform: none;
        left: 0;
    }

    #main_teaser_block .item .icon_block {
        display: block;
        height: auto;
    }

    #main_teaser_block .item .icon_block,
    #main_teaser_block .item .icon_block svg {
        width: 110px;
        height: 70px;
    }

    #main_teaser_block .item {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    #main_teaser_block .item::before {
        display: none;
    }
}

/* new style */

#main_teaser_block.style .item .icon_block {
    overflow: visible;
}

#main_teaser_block.style .item .icon_block>* {
    width: 150px;
    height: 150px;
    left: -10px;
    top: calc(50% + 20px);
    transform: translateY(-50%) scale(1);
    margin-bottom: -20px;
}

#main_teaser_block.style .item:hover .icon_block>* {
    transform: translateY(-50%) scale(1.1);
    left: -10px;
}

#main_teaser_block.style .item::before {
    background-color: transparent;
    left: 35px;
    top: 50%;
    width: 115px;
    height: 115px;
    transition: all .3s;
    transform: translateY(-50%) scale(0);
}

#main_teaser_block.style .item:hover::before {
    background-color: var(--main-color-1);
    transform: translateY(-50%) scale(1.1);
}

@media screen and (max-width: 1480px) {
    #main_teaser_block.style .item .icon_block>* {
        width: 130px;
        height: 130px;
        margin-bottom: 0px;
    }

    #main_teaser_block.style .item::before {
        left: 25px;
    }

    #main_teaser_block.style .item .icon_block>*,
    #main_teaser_block.style .item:hover .icon_block>* {
        transform: translateY(-50%) scale(1);
        left: 0;
    }

    #main_teaser_block.style .item .title_block {
        font-size: 21px;
    }

}

@media screen and (max-width: 1480px) and (min-width: 1261px) {
    #main_teaser_block.style .item .title_block {
        left: 160px;
    }
}

@media screen and (max-width: 992px) {
    #main_teaser_block.style .item .title_block {
        font-size: 18px;
    }
}

@media (max-width: 1260px) and (min-width: 993px) {
    #main_teaser_block.style .item::before {
        display: none;
    }

    #main_teaser_block.style .item .title_block {
        min-width: 185px;
        text-align: left;
    }

    #main_teaser_block.style .item:hover .icon_block>* {
        transform: translateY(-50%) scale(1);
    }
}

@media screen and (max-width: 768px) {
    #main_teaser_block.style .item .icon_block>* {
        width: 90px;
        height: 90px;
        margin-top: -20px;
    }
}

@media screen and (max-width: 768px) {

    #main_teaser_block.style .item .icon_block {
        width: 90px;
        height: 70px;
    }

    #main_teaser_block.style .item .title_block {
        font-size: 16px;
    }
}

/* new */

#main_teaser_block .item {
    display: flex;
    align-items: center;
    min-height: 170px;
    padding-left: 15px !important;
    overflow: visible !important;
}

#main_teaser_block.style .item .icon_block {
    position: absolute !important;
    height: auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: 150px;
}

#main_teaser_block.style .item .icon_block svg {
    position: absolute;
    transform: translate(-50%, -50%) scale(1) !important;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
}

#main_teaser_block.style .item:hover .icon_block svg {
    transform: translate(-50%, -50%) scale(1.25) !important;
}

#main_teaser_block .item .title_block {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    padding-left: 170px;
    transform: none !important;
}

#main_teaser_block .item::after {
    border-radius: var(--border-radius-1);
}
/* End */


/* Start:/local/templates/main_CSN_local-2019/components/bitrix/news.list/main-portfolio/style.css?178768145816404*/
#portfolio_block {
	border-radius: 20px 20px 0 0;
}

.new_portfolio_block .list>.flex>*>.item {
	overflow: hidden;
	position: relative;
	border-radius: var(--border-radius-1);
	color: white;
}

.new_portfolio_block .text_teg_block:hover,
body .new_portfolio_block .text_teg_block:hover * {
	cursor: url(/local/templates/main_CSN_local-2019/components/bitrix/news.list/main-portfolio/img/cursor.svg), pointer !important;
}

.new_portfolio_block .item .text_teg_block {
	height: 450px;
	width: 100%;
	padding: 30px;
	z-index: 2;
	position: relative;
}

.new_portfolio_block .item .text_teg_block .title_block h4 {
	font-size: 30px;
	font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0;
	color: white !important;
	line-height: 110%;
	padding-bottom: 4px;
}

.new_portfolio_block .item:hover .text_teg_block .title_block h4 {
	overflow: visible;
	display: block;
}

.new_portfolio_block .item .text_teg_block>.flex {
	align-content: space-between;
	height: 100%;
}

.new_portfolio_block .item .text_teg_block>.flex>* {
	flex: 0 0 100%;
	max-width: 100%;
}

.new_portfolio_block .list>.flex {
	gap: 30px 0;
}

.new_portfolio_block .flex>*>.item::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: var(--main-color-1);
	opacity: 0;
	z-index: 1;
	transition: all .3s;
}

.new_portfolio_block .item .link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}

.new_portfolio_block .flex>*>.item:hover::before {
	opacity: .8;
}

.new_portfolio_block .item .text_teg_block .teg_block .flex {
	gap: 10px;
	width: 100%;
}

.new_portfolio_block .item .text_teg_block .teg_block .item a {
	background-color: #00000080;
	backdrop-filter: blur(5px);
	padding: 5px 10px 4px 10px;
	font-size: 16px;
	transition: all .3s;
	border-radius: var(--border-radius-1);
	color: white !important;
	display: block;
}

.new_portfolio_block .item .text_teg_block .teg_block .item a:hover {
	background-color: var(--main-color-2);
	color: var(--main-text-color-2) !important;
	cursor: pointer !important;
}

.new_portfolio_block .screen_block {
	position: absolute;
	right: 0;
	bottom: -50px;
	display: inline-flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	z-index: 0;
	transition: all .3s;
	width: 100%;
	padding-left: 40px;
}

.new_portfolio_block .item:hover .screen_block {
	bottom: -30px;
}

.new_portfolio_block .screen_block .img_block {
	height: 310px;
	width: 480px;
	box-shadow: 0 0 50px #00000047;
}

.new_portfolio_block .title_block {
	padding-right: 55px;
}

.new_portfolio_block .screen_block .img_block img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top left;
}

.new_portfolio_block .direction_block .item {
	width: 50px;
	height: 50px;
	border-radius: var(--border-radius-1);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	position: relative;
	z-index: 0;
	overflow: visible;
	animation-delay: .3s;
}

.new_portfolio_block .direction_block .item:hover {
	z-index: 1;
}

.new_portfolio_block .direction_block .item.b24 {
	background-color: #00b0d2;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAzMCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjA4MjggMTMuMkgxOS4zODI5VjExLjE3NDhIMTMuMjQ0QzE0LjA3NTUgNy44NTk0NyAxOS4yNjIxIDcuMTQ0OTggMTkuMjYyMSAzLjQzMzY4QzE5LjI2MjEgMS40NDk0NyAxNy44NjM4IDAgMTQuOTg2IDBDMTMuMTYyNyAwIDExLjYyMjcgMC41MzQ3MzUgMTAuNTI4NyAxLjA1MTI3TDExLjE3NjggMi44OTY2N0MxMi4xNSAyLjQzOTMgMTMuMjYyNSAyLjAwMjQxIDE0LjYyMTMgMi4wMDI0MUMxNS42OTQ0IDIuMDAyNDEgMTYuNjg4NSAyLjQ1OTc4IDE2LjY4ODUgMy42NzAzM0MxNi42ODg1IDYuNDMwNDggMTAuNjMwOSA2LjYyODQ0IDEwLjA4MjggMTMuMTk3N1YxMy4yWk0xOS42NjYyIDEwLjAwNTJIMjUuNjI0VjEzLjJIMjguMDE0VjEwLjAwNTJIMjkuOTk5OVY4LjA1OTcxSDI4LjAxNFYwLjAyMDQ3OTJIMjYuMjcyTDE5LjY2NjIgOC40MTY5NlYxMC4wMDUyWk0yMi4zNjA2IDguMDk4NEwyNS43NDQ4IDMuNjMxNjVDMjUuNzIzOCA0LjAwOTM4IDI1LjYyNCA1LjE0MDI5IDI1LjYyNCA2LjE5MTU1VjguMDU3NDRIMjQuMDQ0NUMyMy41NTkxIDguMDU3NDQgMjIuNjY3MiA4LjA5NjEyIDIyLjM2MjkgOC4wOTYxMkwyMi4zNjA2IDguMDk4NFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yLjQ1MjkgMTEuMjM0VjcuMTI0NDZIMy40NjU2QzQuMzU3NTEgNy4xMjQ0NiA1LjEwNzc1IDcuMjI0NTggNS42MzI2OCA3LjUyMDM5QzYuMTc4NTEgNy44MTg0OCA2LjQ4Mjc5IDguMzczNjkgNi40ODI3OSA5LjE4ODMxQzYuNDgyNzkgMTAuNTc4NiA1LjYxMTc3IDExLjIzNCAzLjYyNTg2IDExLjIzNEgyLjQ1MDU3SDIuNDUyOVpNMC4wMDAxMjIwNyAxMy4ySDMuNTY1NDdDNy41MTYzOSAxMy4yIDguOTU0MTQgMTEuNDkzNCA4Ljk1NDE0IDkuMTMxNDJDOC45NTQxNCA3LjUyMjY3IDguMjY0MyA2LjQ1MDkyIDcuMDcwNDMgNS44MzY1NEM2LjExODEyIDUuMzQwNDkgNC44ODI0NCA1LjE4MTIxIDMuNDIzNzkgNS4xODEyMUgyLjQ1MDU3VjIuMDYzODFINy43OTk3Nkw4LjQ0Nzc5IDAuMTE4Mjg2SDAuMDAwMTIyMDdWMTMuMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
}

.new_portfolio_block .direction_block .item.cms {
	background-color: #e6042d;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUgMEMxMS41Njk0IDAgMTAuNjY0NiAwLjEwNTY5MiA5Ljc5MDY4IDAuMjk5MDMxVjEyLjUxMDNDOS43OTA2OCAxNC4wMDggMTEuMDEgMTUuMjI3NCAxMi41MDc3IDE1LjIyNzRDMTQuMDA1NSAxNS4yMjc0IDE1LjIyNDggMTQuMDA4IDE1LjIyNDggMTIuNTEwM0MxNS4yMjQ4IDExLjAxMjYgMTQuMTAwOCA5Ljg5Mzc5IDEyLjY5MDggOS44MDA5OVY3LjYyNTI4QzE1LjI5OTUgNy43MjA2NiAxNy4zOTc5IDkuODc4MzMgMTcuMzk3OSAxMi41MTAzQzE3LjM5NzkgMTUuMTQyMyAxNS4yMDE2IDE3LjQwMDUgMTIuNTA3NyAxNy40MDA1QzkuODEzODggMTcuNDAwNSA3LjYxNzU1IDE1LjIwNDIgNy42MTc1NSAxMi41MTAzVjAuOTg5ODk1QzcuMzA4MjEgMS4xMjEzNyA3LjAwNjYgMS4yNjU3MiA2LjcxMjcyIDEuNDIwNFYxMi41MDc3QzYuNzEyNzIgMTUuNjk5MSA5LjMxNjM1IDE4LjMwMjcgMTIuNTA3NyAxOC4zMDI3QzE1LjY5OTEgMTguMzAyNyAxOC4zMDI3IDE1LjY5OTEgMTguMzAyNyAxMi41MDc3QzE4LjMwMjcgOS4zMTYzNSAxNS43OTcxIDYuODEzMjYgMTIuNjg4MiA2LjcxNTNWNC41NDIxN0MxNi45OTMyIDQuNjQwMTMgMjAuNDc1OSA4LjE3OTUyIDIwLjQ3NTkgMTIuNTA3N0MyMC40NzU5IDE2LjgzNTkgMTYuODk3OCAyMC40NzU5IDEyLjUwNzcgMjAuNDc1OUM4LjExNzY1IDIwLjQ3NTkgNC41Mzk2IDE2Ljg5NzggNC41Mzk2IDEyLjUwNzdWMi44NjM5OUMxLjc2ODQxIDUuMTU1NyAwIDguNjIyOTEgMCAxMi41QzAgMTkuNDAzNSA1LjU5NjUxIDI1IDEyLjUgMjVDMTkuNDAzNSAyNSAyNSAxOS40MDM1IDI1IDEyLjVDMjUgNS41OTY1MiAxOS40MDYxIDAgMTIuNSAwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
}

.new_portfolio_block .direction_block .item.csn {
	background-color: var(--main-color-1);
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyNSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAwVjlIMjIuOTM5N0wxNy4xNjUgMi4wNjg2NVY5SDE2VjBIMTYuOTgwOEwyMi44MzUgNi45NjE4OFYwSDI0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjkxMTE5IDAuNzIyNzIxVjIuMDY3NTVDNy44NDY5MSAxLjQ2Mzg2IDYuODI4NDcgMS4xNTkxOSA1Ljg1MyAxLjE1OTE5QzQuODc3NTMgMS4xNTkxOSA0LjAwMjMzIDEuNDc2NjIgMy4zMjMzNyAyLjExODU2QzIuNjU1ODYgMi43NTM0MiAyLjMyMjExIDMuNTUxMjUgMi4zMjIxMSA0LjUwOTIxQzIuMzIyMTEgNS40NjcxNyAyLjY1MDEzIDYuMzAxODQgMy4zMDMzMSA2LjkxMjYxQzMuOTY1MDggNy41MzQ3MiA0LjgzMzEyIDcuODQwODEgNS45MDg4NiA3Ljg0MDgxQzYuOTg0NiA3Ljg0MDgxIDcuOTY3MjMgNy41MTYzIDkgNi44NTczNVY4LjIyNzY4QzguNTA4NjggOC40NzcwOSA4LjAyNDUzIDguNjY5ODIgNy41MjAzMiA4LjgwNzI3QzcuMDE2MTEgOC45MzE5OCA2LjQzNzQyIDkgNS43ODk5NyA5QzQuMjYwMTYgOSAzLjA1MjY0IDguNTAxMTggMi4xNDU5MyA3LjUxMjA1QzEuMzkxMDUgNi42NjQ2MiAxIDUuNzA2NjYgMSA0LjYyOTY2QzEgMy4yODQ4NCAxLjQ1OTggMi4xNzY2NyAyLjM3MjI1IDEuMzEwODJDMy4yOTA0MiAwLjQzNjQ2NyA0LjQ1NDk3IDAgNS44NjQ0NiAwQzYuNzMyNSAwIDcuNzQ2NjQgMC4yMzY2NTYgOC45MTExOSAwLjcyMjcyMSIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC44Nzk4IDAuNzMzMDA2VjIuMDc3MzFDMTQuNDMzOSAxLjY5MDU5IDE0LjA4MjIgMS40ODUxOSAxMy42MzA2IDEuMzE4MDRDMTMuMjk3NSAxLjIwMDQ3IDEyLjkzMyAxLjEyNTM5IDEyLjU4MTQgMS4xMjUzOUMxMi4xNjY5IDEuMTMxMDYgMTEuODM5NiAxLjI1NTcxIDExLjU3NjYgMS40NDk3OEMxMS4zNTA3IDEuNjQyNDMgMTEuMTM2MyAxLjk1OTc0IDExLjE3NDkgMi4yNTI5N0MxMS4xNzQ5IDIuNzAwNiAxMS41MDA4IDMuMDQ5MDcgMTIuMTYxMiAzLjQ0ODU0QzEzLjM3MzMgNC4xOTUwNiAxMy40Njc2IDQuMjMzMyAxMy45MjY0IDQuNTM3ODZDMTQuNjkyNiA1LjA2NzY1IDE1LjAwNyA1LjgxOTg0IDE0Ljk5OTkgNi42MjMwM0MxNC45OTk5IDcuMzg5MzggMTQuNzM1NSA3Ljg5MjI2IDE0LjMwMjQgOC4zMzQyMkMxMy44NTA3IDguNzg4OTMgMTMuMTU4OSA5IDEyLjUyNDIgOUMxMS42MDA5IDkgMTAuNzcxOSA4Ljc2OTEgMTAuMDU1NyA4LjIyNzk4VjYuODU4MTdDMTAuODc3NiA3LjU3MzUzIDExLjUzOCA3LjgyODUxIDEyLjM3OTkgNy44NzI0M0MxMi43NTAxIDcuODkwODQgMTMuMTY0NiA3Ljc2NjE4IDEzLjQ0NzYgNy41Mjk2MkMxMy42NjIgNy4zNDI2NCAxMy44NDM1IDcuMDQzNzQgMTMuODI1IDYuNzY0NjhDMTMuODI1IDYuMjc4ODEgMTMuNDk3NiA1LjgwNTY4IDEyLjgzODcgNS4zNTIzOEMxMi4yMjI2IDQuOTU0MzMgMTEuNjEzNyA0LjU2MTk0IDEwLjk5OTEgNC4xNTY4MUMxMC40Nzc0IDMuNzIwNTEgMTAgMy4wOTI5OCAxMCAyLjM0NTA0QzEwIDEuNzI4ODQgMTAuMjc1OSAxLjA1NTk4IDEwLjcyOSAwLjYyNjc2NEMxMS4yNDM1IDAuMTQ3OTcgMTIuMDA5NyAtMC4wMjc2ODIzIDEyLjY4ODYgMC4wMDM0ODE4MkMxMy40MDQ3IDAuMDI4OTc5OCAxNC4zNDY3IDAuMjgzOTU5IDE0Ljg3OTggMC43MzE1ODkiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHk9IjExIiB3aWR0aD0iMjUiIGhlaWdodD0iMSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4yIi8+CjxyZWN0IHg9IjEuNjY2NjMiIHk9IjExIiB3aWR0aD0iMjEuNjY2NyIgaGVpZ2h0PSIxIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPHJlY3QgeD0iMy4zMzMyNSIgeT0iMTEiIHdpZHRoPSIxOC4zMzMzIiBoZWlnaHQ9IjEiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuNSIvPgo8cmVjdCB4PSI2LjY2Njc1IiB5PSIxMSIgd2lkdGg9IjExLjY2NjciIGhlaWdodD0iMSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
}

.new_portfolio_block .direction_block .item::before {
	position: absolute;
	top: calc(100% + 5px);
	padding: 5px 7px 4px 7px;
	border-radius: var(--border-radius-1);
	background-color: white;
	font-size: 14px;
	white-space: nowrap;
	z-index: 2;
	color: #222222;
	display: none;
}

.new_portfolio_block .direction_block .item::after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	top: calc(100% + 5px);
	right: 20px;
	background-color: white;
	transition: all .1s;
	opacity: 0;
}

.new_portfolio_block .direction_block .item:hover::after {
	top: 100%;
	opacity: 1;
	transition-delay: .3s;
}

.new_portfolio_block .direction_block .item:hover::before {
	animation: linear both .2s direct_before_show;
	display: block;
}

@keyframes direct_before_show {
	from {
		opacity: 0;
		right: 50px;
	}

	to {
		opacity: 1;
		right: 0;
	}
}

.new_portfolio_block .direction_block .item.cms::before {
	content: "1С-Битрикс: Управление сайтом";
}

.new_portfolio_block .direction_block .item.b24::before {
	content: "Битрикс24";
}

.new_portfolio_block .logo_block {
	max-width: 180px;
	max-height: 100px;
	width: 100%;
	opacity: 0;
	transition: all .3s;
	line-height: normal !important;
	float: none !important;
}

.new_portfolio_block .item:hover .logo_block {
	opacity: 1;
}

.new_portfolio_block .title_direction_block,
.new_portfolio_block .logo_teg_block {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.new_portfolio_block .logo_teg_block>a {
	display: block;
	padding-bottom: 30px;
	display: block;
}

.new_portfolio_block .screen_block svg {
	border-radius: var(--border-radius-1) 0 0 0;
	background-color: #343434;
	display: flex;
	align-items: flex-end;
}

.new_portfolio_block .direction_block::before .counters_block .text_block * {
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
}

/** carousel block **/

.carousel_block {
	overflow: hidden;
	width: 100%;
	margin-top: 60px;
}

.carousel_block .item {
	width: 100px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.carousel_block .item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.carousel_block>.flex {
	user-select: none;
	flex-wrap: nowrap;
	gap: 30px;
}

.carousel_block .list {
	flex-shrink: 0;
	display: flex;
	gap: 30px;
	justify-content: space-around;
	min-width: 100%;
	animation: scroll 30s linear infinite;
}

@keyframes scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(calc(-100% - 30px));
	}
}

/** adaptive **/

@media screen and (max-width:992px) {
	.new_portfolio_block .item .text_teg_block .title_block h4 {
		font-size: 22px;
	}

	.new_portfolio_block .item .text_teg_block {
		height: 350px
	}

	.new_portfolio_block .screen_block {
		bottom: -110px;
	}
}

@media screen and (max-width:768px) {

	.carousel_block {
		margin-top: 30px;
	}

	.new_portfolio_block .list>.flex {
		gap: 15px 0;
	}

	.new_portfolio_block .direction_block .item {
		width: 45px;
		height: 45px;
		/* transform: scale(.9); */
		/* top: -1px;
		right: -1px; */
	}

	.new_portfolio_block .direction_block {
		padding: 0 0 10px 10px;
	}

	.new_portfolio_block .item .text_teg_block {
		height: 300px;
		padding: 15px;
	}

	.new_portfolio_block .title_block {
		padding-right: 50px;
	}

	.new_portfolio_block .screen_block {
		bottom: -30px;
	}

	.new_portfolio_block .screen_block>* {
		width: 350px !important;
	}

	.new_portfolio_block .screen_block .img_block {
		height: 200px !important;
	}

	.new_portfolio_block .logo_block {
		max-height: none;
		max-width: 150px;
	}

	.new_portfolio_block .logo_block img {
		max-width: 150px;
		height: none;
		object-fit: contain;
		object-position: bottom;
	}

	.new_portfolio_block .logo_teg_block>a {
		padding-bottom: 20px;
	}

	.new_portfolio_block .list {
		max-height: 900px;
		overflow: hidden;
		position: relative;
	}

	.new_portfolio_block .list:before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 300px;
		background: linear-gradient(to top, white, transparent);
		z-index: 4;
		transition: all .3s;
		pointer-events: none;
	}

	.new_portfolio_block.active .list:before {
		height: 0;
	}

	.grey_bg .new_portfolio_block .list:before {
		background: linear-gradient(to top, var(--bg-color-1), transparent);
	}

	.new_portfolio_block.active .list {
		max-height: 100% !important;
	}

	.new_portfolio_block>.btn_block {
		text-align: center;
		margin-top: 30px;
		position: relative;
		transition: all .3s;
	}

	.new_portfolio_block .portfolio_more {
		display: block;
		width: 100%;
		padding: 15px 20px 14px 20px;
		font-size: 18px;
		background-color: #C7C7C7;
		color: white;
		border-radius: var(--border-radius-1);
		text-transform: uppercase;
		display: flex;
		gap: 10px;
		justify-content: center;
	}

	.new_portfolio_block .portfolio_more::before {
		content: 'Показать больше';
	}

	.new_portfolio_block.active .portfolio_more::before {
		content: 'Скрыть';
	}

	.new_portfolio_block .portfolio_more svg {
		position: relative;
		transform: rotate(90deg);
		top: 3px;
		width: 25px;
		height: 18px;
	}

	.new_portfolio_block.active .portfolio_more svg {
		transform: rotate(90deg) scale(-1);
	}
}

/* */

.new_portfolio_block .case:has(.wrapper) {
	padding: 15px;
	border-radius: 10px !important;
	background-color: white;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
	transition: all .3s linear;
	border: 1px solid var(--bg-color-1);
}

.new_portfolio_block .case:has(.wrapper):hover {
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
}

.new_portfolio_block .case .wrapper .fillet_block {
	background-color: white;
	padding-left: 15px;
	padding-bottom: 15px;
	gap: 15px;
}

.new_portfolio_block .case .wrapper {
	position: relative;
	background-color: var(--bg-color);
	overflow: hidden;
	border-radius: var(--border-radius-1);
}


.new_portfolio_block .case .wrapper .fillet_block::before,
.new_portfolio_block .case .wrapper .fillet_block::after {
	content: '';
	width: 5px;
	height: 5px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgNSA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAwQzIuNzYgMCA1IDIuMjQgNSA1VjBIMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: -5px;
}

.new_portfolio_block .case .wrapper .fillet_block::after {
	top: auto;
	left: auto;
	bottom: -5px;
	right: 0;
}

.new_portfolio_block .flex>*>.item::before {
	display: none;
}

.new_portfolio_block .flex>*>.item .wrapper::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: var(--main-color-1);
	opacity: 0;
	z-index: 1;
	transition: all .3s;
}

.new_portfolio_block .flex>*>.item:hover .wrapper::before {
	opacity: .8;
}

@media screen and (max-width: 991px) {
	.new_portfolio_block .case:has(.wrapper) {
		padding: 10px;
	}

	.new_portfolio_block .case .wrapper .fillet_block {
		padding-left: 10px;
		padding-bottom: 10px;
		gap: 10px;
	}

}
/* End */


/* Start:/local/templates/main_CSN_local-2019/components/bitrix/news.list/main-blog/style.css?17918107302463*/
.new_blog_block .item {
	position: relative;
}

.new_blog_block .flex {
	align-items: flex-start;
	gap: 30px 0;
}

.new_blog_block .item .img_block {
	padding-bottom: 55.175%;
	height: 0;
	position: relative;
	border-radius: var(--border-radius-1);
	overflow: hidden;
	display: block;
}

.new_blog_block .item .img_block img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s;
}

.new_blog_block .item .img_block:hover img {
	transform: scale(1.1);
}

.new_blog_block .teg_date_block {
	display: flex;
	gap: 0 15px;
	margin-top: 15px;
	align-items: flex-start;
}

.new_blog_block .teg_date_block .teg_block {
	flex: 1 0;
}

.new_blog_block .teg_date_block .teg_block a {
	transition: all .3s;
}

.new_blog_block .teg_date_block .teg_block a:hover {
	color: var(--main-color-2);
}

.new_blog_block .teg_date_block .teg_block>.flex {
	gap: 0px 15px;
}

.new_blog_block .teg_date_block .teg_block a {
	color: var(--main-color-1);
	font-size: 16px;
}

.new_blog_block .teg_date_block .date_block {
	flex: 0 1;
	color: var(--text-color-1);
	font-size: 16px;
	margin-top: 4px;
}

.new_blog_block .teg_date_block+.text_block {
	margin-top: 15px;
	line-height: 120%;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (min-width: 769px) {
	.carousel_news_block .swiper-wrapper {
		transform: none !important;
		transition-duration: 0ms !important;
		min-width: calc(100% + 30px);
	}

	.carousel_news_block .swiper-slide {
		margin: 0 !important;
		width: 100% !important;
	}

	.carousel_news_block .pag_nav_block {
		display: none !important;
	}
}

@media screen and (max-width: 768px) {
	.carousel_news_block .swiper-wrapper {
		margin: 0 !important;
		flex-wrap: nowrap !important;
	}

	.carousel_news_block .swiper-slide {
		padding: 0 !important;
		flex: 0 0 auto;
		max-width: initial;
	}
}

/* new */

.new_blog_block .swiper-slide>.item {
	padding: 15px;
	border-radius: 10px !important;
	background-color: white;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
	transition: all .3s linear;
	border: 1px solid var(--bg-color-1);
}

.new_blog_block .swiper-slide>.item:hover {
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
}

.new_blog_block .item .fillet_block {
	padding: 0 0 15px 15px;
	top: 15px;
	right: 15px;
}

.new_blog_block .teg_date_block+.text_block {
	margin-top: 20px;
}

.carousel_news_block {
	overflow: visible !important;
}
/* End */


/* Start:/local/templates/main_CSN_local-2019/components/bitrix/news.list/main-reviews/style.css?17422902242832*/
.rew_list_block .logo_block {
    width: 100px;
    max-width: 100px;
    flex: 0 0 100px;
    height: 100px;
    background-color: var(--bg-color-1);
    padding: 10px;
    border-radius: var(--border-radius-1);
}

.rew_list_block .logo_block+.name_block {
    max-width: calc(100% - 130px);
    flex: 0 0 calc(100% - 130px);
    width: 100%;
}

.rew_list_block .logo_block+.name_block>* {
    flex: 100%;
}

.rew_list_block .logo_block img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.rew_list_block .swiper-slide {
    height: auto;
}

.rew_list_block .name_block .post {
    font-size: 18px;
    line-height: 130%;
    color: var(--text-color-1);
    margin-top: 5px;
}

.rew_block {
    padding-right: 60px;
    position: relative;
    margin-top: 30px;
}

.rew_block::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMyAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAwSDBWMTVWMzBMMTUgMTVWMFoiIGZpbGw9IiNEOUQ5RDkiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMyAwSDE4VjE1VjMwTDMzIDE1VjBaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=');
    width: 33px;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.rew_list_block .link_block {
    border-top: 1px solid var(--border-color-1);
    width: 100%;
    padding-top: 30px;
    text-align: center;
    margin-top: 30px;
}

.rew_list_block>.flex {
    flex-wrap: nowrap;
}

.rew_list_block .link_block .more_btn {
    display: flex;
    gap: 15px;
    color: var(--main-color-1);
    transition: all .3s;
    font-size: 20px;
    justify-content: center;
}

.rew_list_block .link_block .more_btn svg {
    transition: all .3s;
}

.rew_list_block .link_block .more_btn:hover svg {
    transform: translateX(15px);
}

.rew_list_block .item {
    background-color: var(--bg-color-1);
    padding: 30px;
    height: 100%;
    border-radius: var(--border-radius-1);
}

.rew_list_block .item>.flex {
    height: 100%;
    align-content: space-between;
}

.grey_bg .rew_list_block .item {
    background-color: white;
}

.rew_list_block .logo_name_block>.flex {
    gap: 30px;
}

/**adaptive**/

@media screen and (max-width: 768px) {

    .rew_list_block .logo_name_block>.flex {
        gap: 15px;
    }

    .rew_list_block .name_block .post {
        font-size: 16px;
    }

    .rew_list_block .item {
        padding: 15px;
    }

    .rew_block {
        margin-top: 15px;
    }

    .rew_list_block .link_block {
        padding-top: 15px;
        text-align: center;
        margin-top: 15px;
    }
}
/* End */


/* Start:/local/templates/main_CSN_local-2019/components/bitrix/news.list/main-partners/style.css?1722251464836*/
.new_partners_block .list>.flex {
	gap: 30px 0;
}

.new_partners_block .list .item {
	border-radius: var(--border-radius-1);
	filter: grayscale(1);
	transition: all .3s;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--bg-color-1);
	height: 110px;
}

.new_partners_block .list .item:hover {
	filter: grayscale(0);
}

.new_partners_block .list .item img {
	max-width: 120px;
	max-height: 60px;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

/**adaptive**/

@media screen and (max-width: 768px) {
	.new_partners_block {
		margin-top: 30px;
	}

	.new_partners_block .list>.flex {
		margin: 0 !important;
		gap: 15px;
	}

	.new_partners_block .list>.flex>* {
		padding: 0 !important;
		max-width: calc(50% - 7.5px);
		flex: 0 0 calc(50% - 7.5px);
	}
}
/* End */
/* /local/templates/main_CSN_local-2019/css/main-page.css?17778984897365 */
/* /local/templates/main_CSN_local-2019/components/bitrix/news.list/main-banners-slider/style.css?17918068849521 */
/* /local/templates/main_CSN_local-2019/components/bitrix/news.list/main-teasers/style.css?17918155417878 */
/* /local/templates/main_CSN_local-2019/components/bitrix/news.list/main-portfolio/style.css?178768145816404 */
/* /local/templates/main_CSN_local-2019/components/bitrix/news.list/main-blog/style.css?17918107302463 */
/* /local/templates/main_CSN_local-2019/components/bitrix/news.list/main-reviews/style.css?17422902242832 */
/* /local/templates/main_CSN_local-2019/components/bitrix/news.list/main-partners/style.css?1722251464836 */