/* Start:/local/templates/ru-drive/components/bitrix/news.list/ru-drive_page/style.css?17733843042040*/
.page-drive .item {
  display: grid;
  /*display: -ms-grid;*/
  grid-template-columns: 1fr 300px;
  -ms-grid-template-columns: 1fr 300px;
  margin-bottom: 50px; }
  .page-drive .item > div:first-child {
    padding-right: 55px; }
  .page-drive .item > div .num {
    text-transform: uppercase;
    font-size: 35px;
    color: #00999a;
    font-weight: 700;
    float: left;
    min-width: 85px;
    text-align: right;
    padding-top: 45px;
    margin-right: 10px; }
  .page-drive .item > div .block {
    float: left;
    width: 195px; }
  .page-drive .item > div .svg {
    margin-bottom: 5px; }
    .page-drive .item > div .svg svg {
      max-width: 100%;
      height: 45px; }
      .page-drive .item > div .svg svg path {
        fill: #c2e8e9; }
  .page-drive .item > div .name {
    color: #757575;
    font-size: 13px; }
  .page-drive .item > div h2 {
    text-transform: uppercase; }
.page-drive .item-video {
  display: grid;
  grid-template-columns: 60% 40%;
  margin-bottom: 50px;
  margin-top: 50px; }
  .page-drive .item-video .text {
    padding: 30px 0 0 30px; }

@media (max-width: 768px) {
  .page-drive .item-video {
    grid-template-columns: 100%;
    -ms-grid-template-columns: 100%; }

  .page-drive .item-video .text {
    padding: 30px 0 0 0; } }
@media (max-width: 600px) {
  .page-drive .item {
    grid-template-columns: 100%;
    -ms-grid-template-columns: 100%; }

  .page-drive .video iframe {
    height: 300px; } }
@media (max-width: 380px) {
  .page-drive .item > div .block {
    width: 180px; }

  .page-drive .video iframe {
    height: 200px; } }

.claster__block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
    margin-top: 20px;
    border-top: 1px solid #ccc;
    padding-top: 40px;
}
.claster__img{
    width: 100%;
    max-width: 500px;
}
@media (max-width: 991px){
    .claster__img{
        max-width: 340px;
    }
}

@media (max-width: 767px){
    .claster__block{
        flex-direction: column-reverse;
        gap: 12px;
    }
}

/* End */


/* Start:/local/templates/ru-drive/components/bitrix/news.list/slider-history/style.css?17823591217341*/
.history {
  position: relative; }
  .history__name {
    text-transform: uppercase; }
  .history__desc {
    margin-bottom: 30px;
    color: #757575; }
    .history__desc p {
      color: #757575; }
  .history__nav .slick-list {
    position: relative; }
    .history__nav .slick-list:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 20px;
      width: 100%;
      height: 1px;
      background-color: #757575; }
  .history__nav .slick-list {
    margin: 0 50px; }
  .history__items {
    padding: 30px 0; }
  .history__section {
    outline: none;
    cursor: pointer; }
    .history__section .block {
      width: 100%;
      max-width: 100px; }
    .history__section.slick-slide {
      height: 100px;
      min-height: 100px;
      position: relative;
      -webkit-transition: all .3s;
      -moz-transition: all .3s;
      -ms-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
    .history__section .number {
      font-size: 18px;
      color: #757575;
      padding: 5px 10px;
      text-align: center;
      position: absolute;
      left: 50%;
      margin-left: -60px;
      width: 100%;
      bottom: 50px;
      max-width: 120px; }
    .history__section i.circle {
      display: block;
      position: absolute;
      bottom: 29.5px;
      left: 50%;
      margin-left: 10px; }
      .history__section i.circle:before {
        content: "";
        position: absolute;
        right: 1.4px;
        top: -1px;
        background-color: #757575;
        opacity: 0.3;
        width: 20px;
        height: 20px;
        z-index: 801;
        border-radius: 50%; }
      .history__section i.circle:after {
        content: "";
        position: absolute;
        right: 7.7px;
        top: 5px;
        background-color: #757575;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        z-index: 900; }
    .history__section.slick-current {
      color: #00999a; }
      .history__section.slick-current .number {
        background-color: #00999a;
        padding: 10px;
        color: #fff;
        text-align: center;
        font-size: 30px;
        position: absolute;
        left: 50%;
        margin-left: -60.5px;
        bottom: 50px;
        width: 175px; }
        .history__section.slick-current .number:after {
          content: "";
          position: absolute;
          bottom: -20px;
          left: 50%;
          margin-left: -10px;
          border: 10px solid transparent;
          border-top: 10px solid #00999a; }
      .history__section.slick-current i.circle {
        display: block;
        position: absolute;
        bottom: 32.5px;
        left: 50%;
        margin-left: 14px; }
        .history__section.slick-current i.circle:before {
          content: "";
          position: absolute;
          right: 1.4px;
          top: 0;
          background-color: #c3e8e9;
          opacity: 1;
          width: 25px;
          height: 25px;
          z-index: 801;
          border-radius: 50%; }
        .history__section.slick-current i.circle:after {
          content: "";
          position: absolute;
          right: 10px;
          top: 8px;
          background-color: #00999a;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          z-index: 900; }
  .history__elements {
    outline: none;
    margin: 0 50px; }
    .history__elements .grid {
      display: grid;
      grid-template-columns: 350px 1fr;
      /*display: -ms-grid;*/
      -ms-grid-template-columns: 350px 1fr;
      grid-column-gap: 30px; }
    .history__elements .photo img {
      max-width: 100%; }
    .history__elements .text h2 {
      color: #00999a;
      margin-bottom: 20px;
      margin-top: 20px;
      font-family: "Raleway", sans-serif;
      font-weight: 900;
      font-size: 20px; }
    .history__elements .text .desc {
      color: #757575;
      font-size: 17px;
      line-height: 20px; }
      .history__elements .text .desc p {
        color: #757575;
        font-size: 17px;
        line-height: 20px; }
  .history .btn-nav {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    margin-top: -20px !important;
    z-index: 900; }
    .history .btn-nav .prev {
      position: absolute;
      left: 0;
      cursor: pointer; }
      .history .btn-nav .prev svg {
        width: 40px;
        height: 40px; }
        .history .btn-nav .prev svg path {
          transition: all .3s ease-out;
          -webkit-transition: all .3s ease-out;
          -moz-transition: all .3s ease-out;
          -o-transition: all .3s ease-out;
          -ms-transition: all .3s ease-out; }
        .history .btn-nav .prev svg circle {
          transition: all .3s ease-out;
          -webkit-transition: all .3s ease-out;
          -moz-transition: all .3s ease-out;
          -o-transition: all .3s ease-out;
          -ms-transition: all .3s ease-out;
          fill: rgba(255, 255, 255, 0.5); }
      .history .btn-nav .prev:hover svg path {
        fill: #00999a; }
      .history .btn-nav .prev:hover svg circle {
        fill: rgba(255, 255, 255, 0.8); }
    .history .btn-nav .next {
      position: absolute;
      right: 0;
      cursor: pointer; }
      .history .btn-nav .next svg {
        width: 40px;
        height: 40px; }
        .history .btn-nav .next svg path {
          transition: all .3s ease-out;
          -webkit-transition: all .3s ease-out;
          -moz-transition: all .3s ease-out;
          -o-transition: all .3s ease-out;
          -ms-transition: all .3s ease-out; }
        .history .btn-nav .next svg circle {
          transition: all .3s ease-out;
          -webkit-transition: all .3s ease-out;
          -moz-transition: all .3s ease-out;
          -o-transition: all .3s ease-out;
          -ms-transition: all .3s ease-out;
          fill: rgba(255, 255, 255, 0.5); }
      .history .btn-nav .next:hover svg path {
        fill: #00999a; }
      .history .btn-nav .next:hover svg circle {
        fill: rgba(255, 255, 255, 0.8); }
  .history .slick-dots {
    bottom: 0;
    margin: 0; }
  .history .slick-dots li {
    height: 30px;
    width: 30px;
    padding-left: 0; }
    .history .slick-dots li:before {
      display: none; }
    .history .slick-dots li button {
      height: 30px;
      width: 30px;
      border-radius: 30px;
      line-height: 30px; }
      .history .slick-dots li button:before {
        color: #757575;
        opacity: 1;
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 35px; }
    .history .slick-dots li.slick-active button {
      color: #00999a;
      opacity: 1;
      border-radius: 30px;
      line-height: 30px;
      background: rgba(0, 153, 154, 0.2); }
      .history .slick-dots li.slick-active button:before {
        color: #00999a;
        line-height: 30px;
        opacity: 1; }

#slider__items {
  padding-bottom: 65px; }

@media (max-width: 800px) {
  .history__elements.slick-slide, #slider__items.slick-slide {
    height: initial; }

  .history__elements .grid {
    grid-template-columns: 100%;
    -ms-grid-template-columns: 100%; }

  .history__elements .photo img, .history__elements .text {
    max-width: 400px;
    width: 100%;
    margin: 0 auto; }

  #slider__items {
    padding-bottom: 0; } }

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/ru-drive/components/bitrix/catalog.section.list/galleryPopup/style.css?17823591906961*/
.popup_photo {
    display: none;
}

.fancybox-slide .popup_photo {
  padding: 24px 24px 10px 24px;
}

#content_popup {
    width: 1000px;
}

.grid_element {
    display: grid;
    /*display: -ms-grid;*/
    grid-template-columns: 60% 40%;
    -ms-grid-template-columns: 60% 40%;
    grid-gap: 20px;
}

.grid_element .block {
    position: relative;
}

.grid_element .block .slide {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    border: 1px solid #888;
    border-radius: 3px;
    outline: none;
}

.grid_element .block .name {
    font-weight: 900;
    font-family: "Raleway", sans-serif;
    font-size: 23px;
    margin-bottom: 5px;
}

.grid_element .block .date {
    font-size: 14px;
    margin-bottom: 20px;
    color: #757575;
}

.grid_element .block .count_slides {
    text-align: right;
    color: #757575;
    margin-top: 5px;
    font-size: 16px;
}

.grid_element .block:last-child {
    max-width: 370px;
}

.one-slider {
    width: 600px;
}

.one-slider .slide {
    height: 400px;
}

.one-slider iframe {
    width: 100%;
    height: 400px;
}

.small-slider {
    width: 100%;
    height: 330px;
}

.small-slider .icon-youtube {
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -25px;
    font-size: 50px;
    color: #fff;
    opacity: .5;
}

.small-slider .slide {
    position: relative;
    width: 100%;
    height: 103px;
}

.small-slider .mCustomScrollBox {
    width: 100%;
}

.small-slider .mCSB_container {
    display: grid;
    /*display: -ms-grid;*/
    grid-template-columns: 1fr 1fr;
    -ms-grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.small-slider .mCSB_container .slide {
    cursor: pointer;
}

.list-sec {
    display: grid;
    /*display: -ms-grid;*/
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-template-columns: 1fr 1fr 1fr;
}

.list-sec .preview {
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}

.list-sec .preview .icon-youtube {
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -60px;
    font-size: 120px;
    color: #fff;
    opacity: .5;
    z-index: 900;
}

.list-sec .preview .name {
    display: none;
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    font-size: 25px;
    z-index: 900;
}

.list-sec .preview .mask {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 899;
}

.spinner-load {
    width: 100%;
    padding: 50px 0;
    text-align: center;
}

.spinner-load i {
    font-size: 70px;
    color: #00a8a9;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.popup_photo .btn-nav {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -30px !important;
    z-index: 900;
}

.popup_photo .btn-nav .prev {
    position: absolute;
    left: 15px;
    cursor: pointer;
}

.popup_photo .btn-nav .prev svg {
    width: 40px;
    height: 40px;
}

.popup_photo .btn-nav .prev svg path {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.popup_photo .btn-nav .prev svg circle {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: #ffffff;
}

/*.popup_photo .btn-nav .prev:hover svg path {*/
/*  fill: #00999A; }*/
.popup_photo .btn-nav .prev svg path {
    fill: #00999A;
}

.popup_photo .btn-nav .next {
    position: absolute;
    right: 15px;
    cursor: pointer;
}

.popup_photo .btn-nav .next svg {
    width: 40px;
    height: 40px;
}

.popup_photo .btn-nav .next svg path {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.popup_photo .btn-nav .next svg circle {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: #ffffff;
}

/*.popup_photo .btn-nav .next:hover svg path {*/
/*  fill: #00999A; }*/
.popup_photo .btn-nav .next svg path {
    fill: #00999A;
}

@media (max-width: 950px) {
    .list-sec {
        grid-template-columns: 1fr 1fr;
        -ms-grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 620px) {
    .list-sec {
        grid-template-columns: 100%;
        -ms-grid-template-columns: 100%;
    }
}

@media (min-width: 1024px) and (max-width: 1070px) {
    .fancybox-slide .popup_photo {
        padding: 14px 0 10px 14px;
    }
}

@media (max-width: 1023px) {
  .fancybox-slide .popup_photo {
    width: 100%;
  }
    .popup_photo .small-slider {
        display: none;
    }

    .popup_photo .grid_element {
        display: block;
        width: 100%;
    }

    #content_popup {
        width: 100%;
        max-width: 600px;
    }

    .popup_photo .one-slider {
        width: 100%;
    }

    .grid_element .block .count_slides {
        margin-top: 15px;
        position: absolute;
        right: 0;
    }

    .grid_element .block .name {
        margin-top: 10px;
    }

    .grid_element .block .slide {
        width: 100%;
    }
}

/*# sourceMappingURL=style.css.map */

/* End */
/* /local/templates/ru-drive/components/bitrix/news.list/ru-drive_page/style.css?17733843042040 */
/* /local/templates/ru-drive/components/bitrix/news.list/slider-history/style.css?17823591217341 */
/* /local/templates/ru-drive/components/bitrix/catalog.section.list/galleryPopup/style.css?17823591906961 */