/* Start:/local/templates/template3/components/bitrix/news.list/udobstva/style.css?17570815362584*/
div.news-list {
    word-wrap: break-word;
}

div.news-list img.preview_picture {
    float: left;
    margin: 0 4px 6px 0;
}

.news-date-time {
    color: #486daa;
}


.udobstva-list {
    margin: auto;
    column-count: 3;

    transition: all 0.5s ease;
}

@media (max-width: 1024px) {
    .udobstva-list {
        column-count: 2;
    }
}

@media (max-width: 767px) {
    .udobstva-list {
        max-height: 10000px;
        column-count: unset;
    }
}

@media (max-width: 767px) {
    .udobstva-list--hide {
        position: relative;
        overflow: hidden;
        max-height: 500px;

        &::after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 20%;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
            content: "";
        }
    }
}

.udobstva-list .udobstva-item {
    box-sizing: border-box;
    max-width: 100%;
    padding: 0 40px;
    text-align: left
}

.udobstva-item {
    float: left;
    width: 100%;
    margin-bottom: 64px;
    break-inside: avoid;
    page-break-inside: avoid;
}

@media (max-width: 1024px) {
    .udobstva-list .udobstva-item {
        padding: 0 16px;
    }
}

@media (max-width: 767px) {
    .udobstva-list .udobstva-item {
        margin-bottom: 42px;
    }
}

.udobstva-tittle {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    color: #333537;
}

@media (max-width: 767px) {
    .udobstva-tittle {
        font-size: 20px;
    }
}

.udobstva-tittle img {
    margin-right: 10px
}

.udobstva-text span {
    display: block;
    margin: 8px 0;
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    line-height: normal;
    color: #333537;
}

.udobstva-spisok {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.udobstva-spisok__item {
    display: flex;
    align-items: center;
    margin: 8px 0;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    line-height: normal;
    color: #333537;
}

@media (max-width: 1024px) {
    .udobstva-spisok__item {
        margin: 4px 0;
    }
}

.udobstva-spisok__item svg {
    flex: 0 0 20px;
    margin-right: 20px;
}

.-type-udobstva {
    margin-bottom: 0 !important;
}

.udobstva__more-button {
    display: none;
}

@media (max-width: 767px) {
    .udobstva__more-button {
        display: inline-flex;
    }
}
/* End */


/* Start:/local/templates/template3/styles.css?17833480009425*/
.r52-a-cookies__btn-accept {
   color: #fcfcfc !important;
}

.r52-a-cookies__btn-accept:hover {
   background: #3e92c0 !important;
   border-color: #3e92c0 !important;
}

.page-template {
   margin-bottom: 48px;
}

.page-template .slider {
   margin-bottom: 48px;
}

.page-template__content {
   max-width: 950px;
   margin: 0px auto;
}

.page-template__slide {
   height: 660px;
}

.page-template__img {
   position: relative;
   width: calc(100% - 55px);
   height: 100%;
   margin-left: 55px;
}

.page-template__img img {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   object-fit: cover;
}

.slam-easyform.booking {
   max-width: 950px;
   margin: 0px auto;
}

.slam-easyform .hidden {
   display: none !important;
}

.slam-easyform .form-title {
   text-align: center;
   margin-bottom: 46px;
   color: #000;
   font-size: 36px;
   font-weight: 300;
   line-height: normal;
}

.slam-easyform .form-row {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 46px;
}

.slam-easyform .form-group.textarea {
   grid-column: span 2;
}

.slam-easyform .form-submit {
   grid-column: span 2;
}

.slam-easyform .form-group {
   position: relative;
}



.slam-easyform .form-group .asterisk {
   color: #3e92c0;
}

.slam-easyform .control-label {
   color: #555454;
   font-size: 20px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
   text-transform: uppercase;
   position: absolute;
   top: 45px;
   left: 35px;
   z-index: 2;
   transition: all 0.3s ease 0s;
}

.slam-easyform .form-control {
   width: 100%;
   height: 100px;
   padding: 45px 35px 25px 35px;
   background: #F7F7F7;
   color: #333;
   font-size: 18px;
   font-weight: 400;
   line-height: normal;
   border: 1px solid transparent;
   transition: all 0.3s ease 0s;
   outline: none !important;
}

.slam-easyform .form-control:focus {
   border-color: #3e92c0;
}

.slam-easyform .form-group.has-error .form-control {
   border-color: red;
}

.slam-easyform .form-group.textarea textarea {
   resize: none;
   height: 200px;
   transition: all 0.3s ease 0s;
}

.slam-easyform .form-group.focus .control-label {
   font-size: 14px;
   top: 10px;
}

.slam-easyform .help-block {
   display: none !important;
}

.slam-easyform .button {
   color: #413F3F;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   height: 46px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   width: 100%;
   max-width: 210px;
   border: 1px solid #3287B1;
   transition: all 0.3s ease 0s;
}

.slam-easyform .button:hover {
   color: #fff;
   background: #3287B1;
}

.slam-easyform .form-agreement {
   margin-bottom: 46px;
   color: #2D2C2C;
   font-size: 16px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
}

.slam-easyform .form-agreement a {
   color: #2D2C2C;
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-skip-ink: auto;
   text-decoration-thickness: auto;
   text-underline-offset: auto;
}

.slam-easyform .form-agreement input {
   display: none;
}

.slam-easyform .form-agreement input:checked+span::after {
   opacity: 1;
}

.slam-easyform .form-agreement .form-checkbox {
   display: block;
}

.slam-easyform .form-agreement span {
   display: inline-block;
   padding-left: 40px;
   cursor: pointer;
   position: relative;
}

.slam-easyform .form-agreement span::after {
   content: "";
   mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M1 0H17C17.2652 0 17.5196 0.105357 17.7071 0.292893C17.8946 0.48043 18 0.734784 18 1V17C18 17.2652 17.8946 17.5196 17.7071 17.7071C17.5196 17.8946 17.2652 18 17 18H1C0.734784 18 0.48043 17.8946 0.292893 17.7071C0.105357 17.5196 0 17.2652 0 17V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0ZM8.003 13L15.073 5.929L13.66 4.515L8.003 10.172L5.174 7.343L3.76 8.757L8.003 13Z' fill='%233287B1'/%3E%3C/svg%3E");
   position: absolute;
   width: 18px;
   height: 18px;
   top: 50%;
   left: 3px;
   background: #3287B1;
   transform: translateY(-50%);
   opacity: 0;
   transition: all 0.5s ease 0s;
}

.slam-easyform .form-agreement span::before {
   content: "";
   position: absolute;
   width: 18px;
   height: 18px;
   border-radius: 1px;
   top: 50%;
   left: 3px;
   border: 1px solid #3287B1;
   transform: translateY(-50%);
}

.slam-easyform .alert.alert-danger {
   margin-bottom: 10px;
   font-size: 14px;
   color: #3287B1;
}

.hystmodal__wrap {
   padding: 20px;
}

.hystmodal__window {
   padding: 30px;
}

.hystmodal__window .modal-header {
   text-align: center;
   margin-bottom: 20px;
   color: #000;
   font-size: 24px;
   font-weight: 300;
   line-height: normal;
}

.hystmodal__window .ok-text {
   text-align: center;
}

.attractions {
   margin-top: 48px;
}

.attractions__info {
   color: #000;
   font-size: 16px;
   font-weight: 300;
   line-height: 100%;
   letter-spacing: -0.32px;
   margin-bottom: 20px;
}

.attractions__tabs {
   display: flex;
   flex-wrap: wrap;
   column-gap: 20px;
   row-gap: 10px;
   margin-bottom: 48px;
}

.attractions__tab {
   color: #333;
   font-size: 16px;
   font-weight: 400;
   line-height: 100%;
   letter-spacing: -0.32px;
   text-decoration: none !important;
   display: block;
   text-align: center;
   padding: 16px 20px 12px 20px;
   position: relative;
}

.attractions__tab::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 2px;
   bottom: 0px;
   left: 0;
   opacity: 0;
   background: #3287B1;
   transition: all 0.3s ease 0s;
}

.attractions__tab.active {
   cursor: default;
}

.attractions__tab.active::before {
   opacity: 1;
}

.attractions__row {}

.attractions__content {
   display: none;
   grid-template-columns: repeat(3, 1fr);
   column-gap: 43px;
   row-gap: 60px;
}

.attractions__content.active {
   display: grid;
   animation: opacityAnimate 0.5s ease;
}

.attractions__item {
   text-decoration: none !important;
   display: block;
}

.attractions__top {
   margin-bottom: 20px;
   display: grid;
   grid-template-columns: 150px 1fr;
   gap: 10px;
}

.attractions__img {
   position: relative;
   max-width: 150px;
   width: 100%;
   height: 80px;
}

.attractions__img img {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   object-fit: cover;
}

.attractions__name {
   color: #333;
   font-size: 20px;
   font-weight: 400;
   line-height: normal;
   text-transform: uppercase;
   text-decoration: none !important;
}

.attractions__body {}

.attractions__way {
   display: flex;
   align-items: center;
   gap: 20px;
}

.attractions__way:not(:last-child) {
   margin-bottom: 15px;
}

.attractions__icon {
   flex: 0 0 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.attractions__icon svg {
   max-width: 100%;
}

.attractions__distance {
   color: #333;
   font-size: 16px;
   font-weight: 400;
   line-height: normal;
   text-transform: lowercase;
   text-decoration: none !important;
}

.attractions__time {
   color: #333;
   font-size: 16px;
   font-weight: 400;
   line-height: normal;
   text-transform: lowercase;
   text-decoration: none !important;
}

@media (max-width: 1300px) {
   .attractions__content {
      column-gap: 15px;
      row-gap: 40px;
   }
}

@media (max-width: 1200px) {
   .attractions__content {
      grid-template-columns: repeat(2, 1fr);
   }
}

@media (max-width: 1024px) {
   .page-template__slide {
      height: 530px;
   }

   .attractions__tabs {
      overflow-x: auto;
      flex-wrap: nowrap;
   }

   .attractions__tabs::-webkit-scrollbar {
      display: none;
   }

   .attractions__tab {
      white-space: nowrap;
   }
}

@media (max-width: 992px) {
   .page-template__slide {
      height: 430px;
   }

   .attractions__name {
      font-size: 18px;
   }

   .attractions__way {
      gap: 10px;
   }

   .attractions__distance {
      font-size: 18px;
   }

   .attractions__time {
      font-size: 18px;
   }
}

@media (max-width: 767px) {
   .page-template__img {
      width: 100%;
      margin-left: 0;
   }

   .page-template__slide {
      height: 330px;
   }

   .page-template .slider {
      margin-bottom: 28px;
   }

   .slam-easyform .form-row {
      grid-template-columns: repeat(1, 1fr);
      gap: 20px;
   }

   .slam-easyform .form-group.textarea {
      grid-column: span 1;
   }

   .slam-easyform .form-submit {
      grid-column: span 1;
   }

   .slam-easyform .form-title {
      font-size: 30px;
      margin-bottom: 30px;
   }

   .slam-easyform .form-control {
      height: 80px;
      padding: 35px 25px 15px 15px;
   }

   .slam-easyform .control-label {
      font-size: 18px;
      top: 35px;
      left: 15px;
   }

   .slam-easyform .form-agreement {
      margin-bottom: 20px;
   }

   .slam-easyform .form-group.textarea textarea {
      height: 150px;
   }

   .attractions__content {
      grid-template-columns: 1fr
   }

   .attractions {
      margin-top: 20px;
   }

   .attractions__tabs {
      margin-bottom: 20px;
   }

   .attractions__title {
      font-size: calc((6/447)*(100vw - 767px) + 28px)
   }
}

@media (max-width: 500px) {
   .attractions__top {
      grid-template-columns: 1fr;
   }
}

@keyframes opacityAnimate {
   from {
      opacity: 0;
   }

   to {
      opacity: 1;
   }
}
/* End */


/* Start:/local/templates/template3/template_styles.css?17833480004112*/
.menu__item {
   position: relative
}

.sub {
   position: absolute;
   left: 0;
   top: -1000px;
   transition: .3s linear;
   padding: 10px 0;
   background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.menu__item:hover .sub {
   top: 60px;
   transform: rotateX(0deg);
   visibility: visible;
   opacity: 1;
}

.sub .menu__link {
   padding: 2px 15px
}

.menu__item.add-sport,
.add-otz,
.add-gallery,
.add-ex {
   display: none
}

@media (max-width:760px) {
   .sub {
   position: relative;
   background: none;
   padding: 0;
   margin: 0;
   top: 0;
   width: 100%;
   text-align: center
   }

   .menu__item:hover .sub {
   top: 0px;
   }

   .menu__item {
   flex-wrap: wrap;
   }
}






.mobile-panel {display: none}
@media (max-width:760px) {
	.mobile-panel {display: block;position: fixed;bottom: 20px;left: 20px;height: 60px;width: 60px;z-index: 9;}
	.mobile-panel a {
   display: block;
   width: 60px;
   height: 60px;
   background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none'
   xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='30' fill='url(%23paint0_linear_893_397)'/%3E%3Cg
   clip-path='url(%23clip0_893_397)'%3E%3Cpath d='M40.9844 20.0292C38.2507 17.2477 34.4717 15.7377 30.6122 15.7377C22.411
   15.7377 15.8178 22.334 15.8981 30.3608C15.8981 32.9039 16.6217 35.3677 17.8279 37.5929L15.7373 45.1429L23.5366
   43.156C25.7075 44.3482 28.1196 44.9045 30.5319 44.9045C38.6527 44.9045 45.246 38.3081 45.246 30.2815C45.246 26.3872
   43.7182 22.7313 40.9846 20.0292H40.9844ZM30.6122 42.4409C28.4413 42.4409 26.2703 41.8847 24.421 40.772L23.9386
   40.5336L19.2752 41.7256L20.4812 37.1957L20.1596 36.7188C16.6217 31.0762 18.3103 23.6055 24.0994 20.1086C29.8886 16.6119
   37.3662 18.2808 40.9041 24.0029C44.4419 29.725 42.7533 37.1161 36.9643 40.613C35.1149 41.805 32.8636 42.4408 30.6122
   42.4408V42.4409ZM37.6878 33.6194L36.8034 33.222C36.8034 33.222 35.517 32.6657 34.7129 32.2683C34.6325 32.2683 34.5521
   32.1888 34.4717 32.1888C34.2304 32.1888 34.0696 32.2683 33.9088 32.3478C33.9088 32.3478 33.8285 32.4272 32.7028
   33.6988C32.6223 33.8578 32.4615 33.9373 32.3007 33.9373H32.2203C32.1399 33.9373 31.9791 33.8578 31.8987 33.7783L31.4966
   33.6194C30.6122 33.222 29.8082 32.7451 29.1649 32.1094C29.0041 31.9504 28.7629 31.7915 28.6021 31.6326C28.0392 31.0762
   27.4764 30.4404 27.0744 29.7251L26.994 29.5662C26.9136 29.4867 26.9136 29.4073 26.8332 29.2483C26.8332 29.0894 26.8332
   28.9305 26.9136 28.8509C26.9136 28.8509 27.2352 28.4535 27.4764 28.2152C27.6373 28.0561 27.7176 27.8178 27.8784
   27.6589C28.0392 27.4204 28.1197 27.1025 28.0392 26.8641C27.9589 26.4667 26.994 24.3209 26.7529 23.8441C26.5919 23.6057
   26.4313 23.5262 26.19 23.4467H25.3056C25.1447 23.4467 24.984 23.5262 24.8231 23.5262L24.7426 23.6057C24.5818 23.6852
   24.421 23.8441 24.2602 23.9235C24.0994 24.0826 24.019 24.2414 23.8582 24.4004C23.2953 25.1157 22.9737 25.9899 22.9737
   26.8641C22.9737 27.4998 23.1345 28.1357 23.3758 28.692L23.4562 28.9305C24.1799 30.4404 25.1447 31.7915 26.4313
   32.9836L26.7529 33.3014C26.994 33.5399 27.2352 33.6988 27.396 33.9372C29.0846 35.3678 31.0143 36.4009 33.1852
   36.9573C33.4264 37.0367 33.748 37.0367 33.9893 37.1162H34.7933C35.1953 37.1162 35.6777 36.9573 35.9994 36.7983C36.2405
   36.6394 36.4013 36.6394 36.5621 36.4805L36.723 36.3214C36.8838 36.1625 37.0446 36.0831 37.2054 35.9241C37.3662 35.7652
   37.527 35.6063 37.6075 35.4472C37.7683 35.1293 37.8486 34.732 37.9291 34.3347V33.7783C37.9291 33.7783 37.8486 33.6988
   37.6878 33.6194Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_893_397' x1='30' y1='0' x2='30'
   y2='60' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235CD466'/%3E%3Cstop offset='1'
   stop-color='%2324B23C'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_893_397'%3E%3Crect width='29.5082' height='29.5082'
   fill='white' transform='translate(15.7373 15.7377)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center;
   }
   .udobstva-list {
   margin: auto;
   column-count: 1 !important;
   }
}
/* End */
/* /local/templates/template3/components/bitrix/news.list/udobstva/style.css?17570815362584 */
/* /local/templates/template3/styles.css?17833480009425 */
/* /local/templates/template3/template_styles.css?17833480004112 */