@font-face {
	font-family:Onest;font-weight:400;font-style:normal;font-display:swap;src:url(/local/templates/books/fonts/Onest-Regular.ttf) format("truetype");
}

@font-face {
	font-family:Onest;font-weight:500;font-style:normal;font-display:swap;src:url(/local/templates/books/fonts/Onest-Medium.ttf) format("truetype");
}

@font-face {
	font-family:Onest;font-weight:600;font-style:normal;font-display:swap;src:url(/local/templates/books/fonts/Onest-SemiBold.ttf) format("truetype");
}

/*-----------------------------------------
--  Reseting -------------------------------
------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, figure,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, 
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	-webkit-text-size-adjust: none;
}
:focus { outline: 0;}

ul { list-style: none; }
img { border: 0; display: block; margin: 0; }

/*====== common ====== */
html { height: auto; }
body { height: 100%; margin: 0;	padding: 0;	background-color: #f2f2f2;  
	color: #000; font-family: Onest; font-size: 16px; line-height: 25px; font-weight: 400; 
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.comm--width { width: 1128px; padding: 0 40px; margin: 0 auto; }
a { color: #8C57FC; text-decoration: none; }
a:hover { color: #7047C9; }

.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.cf { display: inline-block; }
/* Hides from IE-mac \*/
* html .cf { height: 1% }
.cf { display: block }

.button { text-decoration: none; font-weight: 500; font-size: 15px; line-height: 18px; color: #fff; background: #000; border-radius: 25px; display: inline-flex; justify-content: center; padding: 10px 48px; cursor: pointer; }
.button:hover { color: #fff; }

h2 { font-weight: 600; font-size: 48px; line-height: 60px; }
h4 { font-weight: 600; font-size: 24px; line-height: 32px; }

h2 + h4 { margin-top: 44px; }
h4 + p { margin-top: 24px; }


/*====== header ====== */
.header { position: sticky; top: 0; z-index: 799; padding: 20px 0; background-color: #f2f2f2; height: auto; }
.header-wrap { display: flex; justify-content: space-between; align-items: center; }

.login__link { background: #007FFF; color: #fff; border-radius: 7px; padding: 8px 12px; display: flex; gap: 10px; align-items: center; }
.login__link:after { content: ''; width: 15px; height: 18px; flex-shrink: 0; background: url("data:image/svg+xml;utf8,<svg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.78182 12.387C5.47273 12.7044 5.47273 13.2225 5.78182 13.5399C5.93636 13.6986 6.14091 13.7779 6.34545 13.7779C6.55 13.7779 6.75455 13.6986 6.90909 13.5399L11.5818 8.74174L6.90454 3.94361C6.59545 3.62622 6.09091 3.62622 5.78182 3.94361C5.47273 4.26099 5.47273 4.77908 5.78182 5.09646L8.53636 7.92494H0.795455C0.354545 7.92494 0 8.289 0 8.74174C0 9.19448 0.354545 9.55854 0.795455 9.55854H8.53182L5.77727 12.387H5.78182Z' fill='white'/><path d='M10.9047 0.000198364H5.85014C5.40923 0.000198364 5.05469 0.364259 5.05469 0.817001C5.05469 1.26974 5.40923 1.6338 5.85014 1.6338H10.9047C12.2865 1.6338 13.4092 2.78666 13.4092 4.20557L13.4092 13.4952C13.4092 14.9141 12.2865 16.0669 10.9047 16.0669H5.85014C5.40923 16.0669 5.05469 16.431 5.05469 16.8837C5.05469 17.3365 5.40923 17.7005 5.85014 17.7005H10.9047C13.1638 17.7005 15.0001 15.8149 15.0001 13.4952L15.0001 4.20557C15.0001 1.88585 13.1638 0.000198364 10.9047 0.000198364Z' fill='white'/></svg>") no-repeat 50% 50%; }
.login__link:hover { color: #fff; }

.header-right { display: flex; align-items: center; gap: 60px; justify-content: flex-end; }

.main-menu { display: flex; gap: 28px; }
.main-menu li { font-size: 16px; line-height: 20px; margin-right: 0; font-weight: 400; }
.main-menu li a { color: #404040; }
.hasmenu>a:after, .hasmenu>span:after { background-image: url(/img/svg/menu__arrow_h.svg); }

.menu__burger__icon { display: none; }

.city-select-top { color: #404040; white-space: nowrap; max-width: 120px; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 20px; padding-left: 22px; margin-left: 30px;
 background: url("data:image/svg+xml;utf8,<svg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.5583 3.30833L7.69896 10.1708L6.80938 7.85156L6.58698 7.27969L6.0151 7.05729L3.69583 6.16771L10.5583 3.30833ZM13.1 0.766667L0.9 5.88177V6.54896L5.53854 8.32813L7.31771 12.9667H7.9849L13.1 0.766667Z' fill='%23404040'/></svg>") no-repeat 0 50%; }

.account__item_name { color: #404040; font-size: 15px; background: url("data:image/svg+xml;utf8,<svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2.99915 13.6165C2.99915 12.8208 3.31522 12.0577 3.87783 11.4951C4.44043 10.9325 5.2035 10.6165 5.99915 10.6165H11.9991C12.7948 10.6165 13.5579 10.9325 14.1205 11.4951C14.6831 12.0577 14.9991 12.8208 14.9991 13.6165C14.9991 14.0143 14.8411 14.3958 14.5598 14.6771C14.2785 14.9584 13.897 15.1165 13.4991 15.1165H4.49915C4.10132 15.1165 3.71979 14.9584 3.43849 14.6771C3.15718 14.3958 2.99915 14.0143 2.99915 13.6165Z' stroke='%23404040' stroke-width='1.75' stroke-linejoin='round'/><path d='M8.99915 7.61646C10.2418 7.61646 11.2491 6.6091 11.2491 5.36646C11.2491 4.12381 10.2418 3.11646 8.99915 3.11646C7.7565 3.11646 6.74915 4.12381 6.74915 5.36646C6.74915 6.6091 7.7565 7.61646 8.99915 7.61646Z' stroke='%23404040' stroke-width='1.75'/></svg>") no-repeat 0 0; }
.icon-users--elements { margin-left: 0; }
.notifications_icon { margin-left: 0; }
.users-wrap { display: flex; gap: 25px; align-items: center; }

/*====== stories ====== */
.sam-stories { background: none; padding: 0; }
.sam-stories__slide button .icon { display: none; }
.sam-stories__slide.swiper-slide button picture:after { display: none; }
.sam-stories__slide.swiper-slide button::before { display: none; }

.sam-stories__slide.swiper-slide button img, 
.sam-stories__slide.swiper-slide button picture { width: 68px; border-radius: 68px; }
.sam-stories__slide.swiper-slide button::after { border: 1px solid #8C57FC; background: none; }


/*====== main slider ====== */
.main-slider-images { height: 100%; position: relative; overflow: hidden; border-radius: 15px; margin: 0; }
.swiper-slide:hover,
.swiper-slide:focus { cursor: grab; cursor: -webkit-grab; }
.swiper-slide:active { cursor: grabbing; cursor: -webkit-grabbing; }

.main_slider_box { margin-top: 20px;  }
.main-slider-images .swiper-slide { background-color: #7300FF; background-position: 100% 100%; background-repeat: no-repeat; background-size: contain; border-radius: 15px; }
.swiper-slide-wrap { position: relative; padding: 50px 40px 50px 80px; min-height: 480px; box-sizing: border-box; }
.main_slider_box .main_header { font-weight: 600; font-size: 40px; line-height: 45px; color: #FFFFFF!important; max-width: 440px; }
.main_slider_box .main_header + .detail-text { margin-top: 30px; }
.main_slider_box .detail-text { font-weight: 400; font-size: 20px; line-height: 24px; color: #FFF!important; max-width: 440px; }
.main_slider_box .button { margin-top: 80px; width: 178px; box-sizing: border-box; color: #000; background: #fff; }

.section-link_ski { margin-top: 14px; }
.section-link_ski a { display: flex; gap: 40px; align-items: center; background: #fff url(/local/templates/books/img/bg_ski.png) no-repeat 100% 100%; height: 127px; border-radius: 13px; padding: 28px; box-sizing: border-box;
font-size: 24px; line-height: 32px; font-weight: 600; color: #404040; position: relative; }
.ski-title { max-width: 230px; }
.section-link_ski a:after { content: ''; position: absolute; right: 30px; bottom: 30px; width: 29px; height: 15px; background: url("data:image/svg+xml;utf8,<svg width='29' height='15' viewBox='0 0 29 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M28.7071 8.07112C29.0976 7.6806 29.0976 7.04743 28.7071 6.65691L22.3431 0.292948C21.9526 -0.0975765 21.3195 -0.0975766 20.9289 0.292948C20.5384 0.683472 20.5384 1.31664 20.9289 1.70716L26.5858 7.36402L20.9289 13.0209C20.5384 13.4114 20.5384 14.0446 20.9289 14.4351C21.3195 14.8256 21.9526 14.8256 22.3431 14.4351L28.7071 8.07112ZM0 7.36401L-8.74228e-08 8.36401L28 8.36402L28 7.36402L28 6.36402L8.74228e-08 6.36401L0 7.36401Z' fill='%23404040'/></svg>") no-repeat 50% 50%; }
.section-link_ski a img { height: 70px; width: auto; }

.main_slider_box .swiper-pagination { display: none; }
.main-slider-images .swiper-wrapper, 
.main-slider-images .swiper-slide { min-height: 480px; }
.main-slider-images .swiper-slide:before { display: none; }

/*====== main about ====== */
.section-about { margin-top: 80px; }
.about-wrap { display: flex; gap: 60px; align-items: center; }
.about-wrap .icon { width: 400px; flex-shrink: 0; }
.about-wrap .icon img { width: 100%; height: auto; }
.about-wrap .content { max-width: 648px; }


/*====== main actions ====== */
.section-actions { margin-top: 80px; }
h2 + .actions-tile { margin-top: 40px; }
.actions-tile { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: start; }
.action-item { background: #fff; padding: 20px; border-radius: 17px; position: relative; color: #000; }
.action-item:nth-child(2),
.actions-tile .news__item:nth-child(2) { margin-top: 60px; }
.action-item .icon,
.actions-tile .news__item .item__cover { width: 100%; /*height: 185px;*/ border-radius: 10px; margin: 0; aspect-ratio: auto; }
.action-item .icon img,
.actions-tile .news__item .item__cover img { object-fit: cover; width: 100%; height: 100%; aspect-ratio: 16 / 9; }
.action-item .icon + .title,
.actions-tile .news__item .item__cover + .item__title { margin-top: 20px; }
.action-item .title,
.actions-tile .news__item .item__title { font-weight: 600; font-size: 16px; line-height: 22px; }
.action-item .date,
.actions-tile .news__item .item__data { font-weight: 400; font-size: 14px; line-height: 20px; color: #828282; margin-top: 40px; }
.butt-wrap { text-align: center; margin-top: 40px; }

.action-item .label { position: absolute; border-radius: 8px; background: #007FFF; font-size: 16px; line-height: 20px; padding: 10px 16px 9px 15px; color: #fff; white-space: nowrap; }
.action-item:nth-child(1) .label { right: 40px; bottom: -70px; transform: rotate(-5deg); }
.action-item:nth-child(1) .label:before { content: ''; width: 56px; height: 52px; position: absolute; top: -20px; left: -65px; background: url("data:image/svg+xml;utf8,<svg width='56' height='52' viewBox='0 0 56 52' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M55.1393 42.3398C55.3542 41.8311 55.116 41.2444 54.6073 41.0295L46.3168 37.5269C45.808 37.312 45.2214 37.5502 45.0065 38.0589C44.7915 38.5677 45.0297 39.1543 45.5384 39.3693L52.9078 42.4826L49.7944 49.852C49.5795 50.3607 49.8177 50.9474 50.3264 51.1623C50.8351 51.3772 51.4218 51.139 51.6367 50.6303L55.1393 42.3398ZM1.19086 0.106934L0.196591 1.17325e-06C-1.2126 13.1027 5.06984 26.772 15.3004 35.6807C25.5556 44.611 39.8884 48.8477 54.5943 42.8772L54.2181 41.9506L53.8419 41.0241C39.959 46.6605 26.4094 42.7024 16.6138 34.1724C6.79356 25.621 0.85678 12.5649 2.18512 0.213866L1.19086 0.106934Z' fill='black'/></svg>") no-repeat 50% 50%; }
.action-item:nth-child(3) .label { right: calc(100% + 10px); top: -20px; transform: rotate(15deg); background: #8C57FC; }
.action-item:nth-child(3) .label:before { content: ''; width: 56px; height: 52px; position: absolute; top: 50px; right: -14px; background: url("data:image/svg+xml;utf8,<svg width='56' height='52' viewBox='0 0 56 52' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.47463 0.1175C8.96214 -0.142034 9.56773 0.0427705 9.82727 0.530276L14.0567 8.4746C14.3162 8.9621 14.1314 9.5677 13.6439 9.82723C13.1564 10.0868 12.5508 9.90197 12.2912 9.41446L8.53179 2.35284L1.47017 6.11229C0.982669 6.37183 0.377073 6.18702 0.117536 5.69952C-0.142002 5.21201 0.0428034 4.60642 0.530308 4.34688L8.47463 0.1175ZM55.3595 50.076L55.5549 51.0568C42.6305 53.6312 28.4545 48.5954 18.6672 39.2019C8.85623 29.7857 3.35558 15.8889 7.98811 0.708331L8.94457 1.0002L9.90102 1.29208C5.52773 15.6232 10.6809 28.7649 20.0521 37.759C29.4468 46.7758 42.9812 51.5221 55.1641 49.0953L55.3595 50.076Z' fill='black'/></svg>") no-repeat 50% 50%; }
.action-item:nth-child(3) .label:after { content: '?'; position: absolute; top: -20px; right: -20px; background: #1C1B2B; width: 35px; height: 35px; color: #fff; text-align: center; font-size: 22px; line-height: 35px; border-radius: 8px; font-weight: 600; }

.actions-tile .bookmark--news { display: none !important; }
.actions-tile .news__item { width: auto; margin: 0; }
.actions-tile.news__list { margin-bottom: 0; }
.actions-tile .news__item a { background: #fff; padding: 20px; border-radius: 17px; position: relative; color: #000; display: block; height: 100%; box-sizing: border-box; }

.actions-tile .news__item:nth-child(1) a,
.actions-tile .news__item:nth-child(3) a { position: relative; }
.actions-tile .news__item:nth-child(1) a:before { content: ''; position: absolute; bottom: -80px; right: 0; width: 245px; height: 52px; background: url(/local/templates/books/img/label1.png) 0 0 no-repeat; background-size: cover; }
.actions-tile .news__item:nth-child(3) a:before { content: ''; position: absolute; top: -48px; left: -195px; width: 202px; height: 140px; background: url(/local/templates/books/img/label2.png) 0 0 no-repeat; background-size: cover; }

/*====== main news ====== */
.section-news { margin-top: 80px; }
h2 + .news-tile { margin-top: 40px; }
.news-tile { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px 24px; align-items: stretch; }
.news-tile .news__item { width: auto; margin: 0; }
.news-tile .news__item a { background: #fff; padding: 20px; border-radius: 17px; position: relative; color: #000; display: block; height: 100%; box-sizing: border-box; }
.news-item .icon,
.news-tile .news__item .item__cover { width: 100%; /*height: 185px;*/ border-radius: 15px; margin: 0; aspect-ratio: auto; }
.news-item .icon img,
.news-tile .news__item .item__cover img { object-fit: cover; width: 100%; height: 100%; aspect-ratio: 16 / 9; }
.news-item .icon + .title,
.news-tile .news__item .item__cover + .item__title { margin-top: 20px; }
.news-item .title,
.news-tile .news__item .item__title { font-weight: 600; font-size: 16px; line-height: 22px; }
.news-item .date,
.news-tile .news__item .item__data { font-weight: 400; font-size: 14px; line-height: 20px; color: #828282; margin-top: 20px; }

.news-bg1, 
.news-bg2,
.news-tile .news__item:nth-child(3) a,
.news-tile .news__item:nth-child(5) a { position: relative; }
.news-bg1 *, 
.news-bg2 *,
.news-tile .news__item:nth-child(3) a *,
.news-tile .news__item:nth-child(5) a * { position: relative; z-index: 2; }
.news-bg1:before, 
.news-bg2:before,
.news-tile .news__item:nth-child(3) a:before,
.news-tile .news__item:nth-child(5) a:before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; background-position: 100% 100%; background-repeat: no-repeat; }
.news-bg1:before,
.news-tile .news__item:nth-child(3) a:before { background-image: url("data:image/svg+xml;utf8,<svg width='182' height='99' viewBox='0 0 182 99' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_616_23714)'><path d='M12.9266 104.969C12.025 104.856 11.1235 104.744 10.6591 104.009C8.19551 100.115 12.7968 93.9593 21.8122 82.3161C25.3107 77.7978 31.3671 72.862 35.9601 68.8938C43.7197 62.1901 49.7837 58.7652 55.0034 56.6633C60.9126 54.2838 68.5487 53.7487 75.9915 53.2928C79.3731 53.0857 81.9693 53.2877 86.2908 53.9655C90.6124 54.6434 96.5851 55.883 103.381 56.6906C110.176 57.4983 117.614 57.8363 122.291 57.9542C128.656 58.1145 135.583 56.9417 144.283 55.1813C149.635 54.0982 154.964 51.9384 159 48.8701C161.796 46.7448 166.34 43.1044 168.303 37.8701C171.303 29.8701 171 25.0527 169.5 22C168 18.9473 163.606 12.7499 161 11.5C157.117 9.63726 153.075 9.80563 147.913 10.4271C141.405 11.2107 135.5 13.8701 129.5 16.3701C123.728 18.7752 120.325 21.5873 116.5 26.8701C114.051 30.2522 112.106 37.5537 112.5 41.8701C112.868 45.8961 115.586 50.8802 119.441 54.6844C123.985 59.1679 131.274 61.4732 139.33 63.6332C143.718 64.8099 148.963 65.117 160.592 65.1818C172.222 65.2467 188.55 55.3281 205.5 53.2928C222.45 51.2575 239.479 57.1192 249.179 54.5854C258.879 52.0515 262.372 50.6992 264.454 49.7772C266.535 48.8551 267.098 48.4044 268.362 47.257' stroke='%23F8F8F8' stroke-width='19' stroke-linecap='round'/></g><defs><clipPath id='clip0_616_23714'><rect width='182' height='99' fill='white'/></clipPath></defs></svg>"); }
.news-bg2:before,
.news-tile .news__item:nth-child(5) a:before { background-image: url("data:image/svg+xml;utf8,<svg width='161' height='76' viewBox='0 0 161 76' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_616_23730)'><path d='M10 77.2754C11.6203 74.3589 14.2373 71.0741 18.882 66.9154C21.6537 64.4337 25.6332 61.6225 43.1911 52.0187C60.7489 42.4149 91.8582 26.2121 108.37 17.5412C124.882 8.87028 125.855 8.22216 125.383 8.94147C123.346 12.0509 118.858 17.1779 112.831 28.7309C108.58 36.8795 103.239 50.3297 100.966 57.0121C98.6928 63.6945 99.9891 63.3705 109.649 56.2363C119.31 49.1022 137.295 35.1678 146.803 27.4224C156.311 19.677 156.797 18.5428 157.371 17.6345C157.946 16.7262 158.594 16.0781 160.735 14.4283' stroke='%23F8F8F8' stroke-width='14' stroke-linecap='round'/></g><defs><clipPath id='clip0_616_23730'><rect width='160.735' height='76' fill='white'/></clipPath></defs></svg>"); }

.section-news .bookmark--news { display: none !important; }



/*====== main affishe  ====== */
.section-affishe { margin-top: 60px; padding: 80px 0 80px 0; background: #007FFF; overflow: hidden; }
.section-affishe h2 { color: #fff; }

.main-slider-affishe { margin-top: 50px; }
.main-slider-affishe { overflow: hidden; }
.main-slider-affishe .swiper-slide-wrap { padding: 0; display: flex; min-height: 100%; width: 100%; position: relative; }
.main-slider-affishe .swiper-slide-wrap .detail { width: 100%; padding: 40px; position: relative; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; 
background: #fff url("data:image/svg+xml;utf8,<svg width='388' height='206' viewBox='0 0 388 206' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M11.7273 222.99C18.5606 191.49 45.9273 129.59 100.727 133.99C169.227 139.49 167.227 189.49 240.227 181.49C313.227 173.49 357.227 122.49 351.227 84.4901C345.227 46.4901 361.727 13.4901 398.727 11.9901' stroke='%23F8F8F6' stroke-width='24'/></svg>") 100% 100% no-repeat; }
.main-slider-affishe .swiper-slide { max-width: 900px; min-width: 784px; }
.main-slider-affishe .swiper-slide .icon { width: 295px; flex-shrink: 0; overflow: hidden; position: relative; }
.main-slider-affishe .swiper-slide .icon .label-price { position: absolute; top: 20px; left: 30px; z-index: 20; background: #fff; border-radius: 16px; color: #8C57FC; font-weight: 400; font-size: 16px; line-height: 20px; padding: 6px 14px; min-width: 102px; box-sizing: border-box; text-align: center; }
.main-slider-affishe .swiper-slide .icon .border { position: absolute; right: 0; top: 25px; bottom: 25px; width: 5px; background: url(/local/templates/books/img/border.png) 0 0 repeat-y; }
.main-slider-affishe .swiper-slide .icon img { width: 1005; height: 100%; object-fit: cover; }

.main-slider-affishe .swiper-slide .title { font-weight: 600; font-size: 24px; line-height: 32px; }
.main-slider-affishe .swiper-slide .short { font-size: 20px; line-height: 24px; margin-top: 24px; }
.main-slider-affishe .swiper-slide .date { font-weight: 400; font-size: 14px; line-height: 20px; color: #404040; }
.main-slider-affishe .swiper-slide .button { color: #000; border: 1px solid #000; background: none; padding: 9px 47px; }
.main-slider-affishe .swiper-slide .foot { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 24px; }


.main-slider-affishe .swiper-slide .icon { border-radius: 30px 25px 25px 30px;
clip-path: polygon(
    0 22px,
    22px 0,
    calc(100% - 18px) 0,
    100% 18px,
    100% calc(100% - 18px),
    calc(100% - 18px) 100%,
    22px 100%,
    0 calc(100% - 22px)
  )
 }
 
.main-slider-affishe .swiper-slide .detail { border-radius: 25px 30px 30px 25px;
clip-path: polygon(
    0 18px,
    18px 0,
    calc(100% - 22px) 0,
    100% 22px,
    100% calc(100% - 22px),
    calc(100% - 22px) 100%,
    18px 100%,
    0 calc(100% - 18px)
  )
 }

.main-slider-affishe .swiper-slide .icon:before { content: ''; position: absolute; left: -30px; top: -30px; background: #007FFF; width: 50px; height: 50px; border-radius: 50%; }
.main-slider-affishe .swiper-slide .icon:after { content: ''; position: absolute; left: -30px; bottom: -30px; background: #007FFF; width: 50px; height: 50px; border-radius: 50%; }

.main-slider-affishe .swiper-slide .detail:before { content: ''; position: absolute; right: -30px; top: -30px; background: #007FFF; width: 50px; height: 50px; border-radius: 50%; }
.main-slider-affishe .swiper-slide .detail:after { content: ''; position: absolute; right: -30px; bottom: -30px; background: #007FFF; width: 50px; height: 50px; border-radius: 50%; }

.main-slider-affishe .swiper-slide-wrap:before { content: ''; position: absolute; left: 274px; top: -25px; background: #007FFF; width: 40px; height: 40px; border-radius: 50%; z-index: 1; }
.main-slider-affishe .swiper-slide-wrap:after { content: ''; position: absolute; left: 270px; bottom: -35px; background: #007FFF; width: 50px; height: 50px; border-radius: 50%; z-index: 1; }

.affishe-slider--content-pagination { position: relative; z-index: 99; top: 0!important; display: flex; justify-content: center; }
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { text-align: center; }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 25px 0 0 0 !important; width: 26px; height: 26px; opacity: 1; background: none; display: flex; justify-content: center; align-items: center; }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:after, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #fff; }
.swiper-pagination-bullet-active:after { width: 12px!important; height: 12px!important; }

/*====== main vmap section ====== */
.map-main { padding-top: 70px; padding-bottom: 60px; background: #fff; }
.header-box { display: grid; grid-template-columns: repeat(12, 1fr); gap: 24px; align-items: start; }
.header-title { grid-column: span 5; display: flex; flex-direction: column; justify-content: space-between; height: 100%; align-items: stretch; }
.header-text { grid-column: span 7; padding-top: 10px; }
.header-text p { font-size: 18px; line-height: 24px; }
.header-box .button { margin-top: 20px; }
.header-text .button { display: none; }
.header-box .butt-wrap { text-align: right; margin-top: 0; }

#vmap { margin-top: 40px; margin-bottom: 0; }
#vmap img { display: block; margin: 0; width: 100%; height: auto; }

#vmap { width: 100% !important; height: auto !important; margin-left: 0; margin-right: 0; aspect-ratio:  1128 / 596; }


/*====== main partners section ====== */
.partners-main { padding-top: 80px; overflow: hidden; }

.partners-main .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:after, 
.partners-main .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:after { background: #000; }
.partners-main .swiper-pagination { position: relative; z-index: 99; top: 0!important; display: flex; justify-content: center; }

.partners-list { margin-top: 40px; }
.partners__item.swiper-slide { background: #fff; border-radius: 24px; justify-content: center; }
.partners__item.swiper-slide img { display: block; margin: 0; width: 150px; height: auto; }


/*====== footer ====== */
.footer { margin-top: 100px; padding-bottom: 50px; }
.footer-top { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; background: #fff; border-radius: 40px; padding: 0; }
.foot1 { grid-column: 1; grid-row: 1; padding-top: 30px; padding-left: 40px; }
.foot2 { grid-column: 1; grid-row: 2; padding-left: 40px; padding-bottom: 40px; display: flex; align-items: flex-end; }

.foot3 { grid-column: 2; grid-row: 1 / span 2; padding-top: 30px; padding-bottom: 40px; }
.foot4 { grid-column: 3; grid-row: 1 / span 2; border-radius: 40px; display: flex; align-items: flex-end; justify-content: center; background: #8C57FC url(/local/templates/books/img/bg_cube.png) no-repeat 100% 100%; position: relative; }

.footer__logos { display: flex; gap: 10px; }
.footer__logos a img { height: 47px; width: auto; }

.footer nav { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; font-weight: inherit; font-size: inherit; line-height: inherit; }
.footer nav a,
.footer nav span { font-size: 15px; line-height: 15px; color: #000; }
.footer nav span { color: #8C57FC; }
.footer-top nav a, 
.footer-top nav span { margin-right: 0; margin-bottom: 0; }

.foot4 .icon { display: block; margin: 0; }
.foot4 .label { position: absolute; right: -40px; top: 0px; }

.footer-bot { display: flex; justify-content: space-between; margin-top: 30px; gap: 24px; padding: 0; border-top: 0; }
.footer-bot .copy { font-size: 15px; line-height: 20px; }
.footer-bot li { font-size: 15px; line-height: 20px; }
.footer-bot li a { color: #000; text-decoration: underline; }

.foot1 + .foot2 { margin-top: 0; }

/*====== article ====== */
.article ul li, 
.article ol ul li, 
.article ol li, 
.article ul ol li { list-style-position: outside; list-style-type: none; }

.article ol { counter-reset: ol-li; }
.article ol ol { counter-reset: ol-ol-li; margin-top: 15px; margin-left: 30px; } 
.article ol + li { margin-top: 15px; }

.article ol li { margin-left: 30px; list-style-position: outside; list-style-type: none; position: relative; }
.article ol li:before { /*content: counter(ol-li)'.';*/ content: counter(ol-li)'.\a0'; counter-increment: ol-li; display: inline-block; 
position: absolute; top: 0px; left: -30px; width: 30px; font-size: 16px; line-height: 25px; text-align: right; vertical-align: baseline; }
.article ol ol li:before { content: counter(ol-li) '.' counter(ol-ol-li); counter-increment: ol-ol-li; left: -40px; width: 30px; }

.article ul { list-style-type: none; }
.article ul li { position: relative; margin-left: 30px; }
.article ul li:before { content: '\2014\a0';  position:absolute; top: 0; left: -21px; /* left: 5px; top: 10px; width: 4px; height: 4px; border-radius: 50%; background: rgba(51, 51, 51, 1); */}

/* перекрас остновных элементов */
.navigation__item span { color: #8C57FC; }
.filter-box-extended .select2-selection { background: #fff; }
.search_icon { background-color: #fff; }
.date_calendar { background-color: #fff; }
.show-more { background: #f2f2f2; }
.filter_price_name { background-color: #fff; }
.additional-education-item { background-color: #fff; }
.button__add { background: #f2f2f2; }

.owl-theme .owl-nav [class*=owl-] { background-color: #f2f2f2 !important; }
.day:before { background: #f2f2f2; }
.owl-carousel .owl-nav button.owl-next:before, 
.owl-carousel .owl-nav button.owl-prev:before { background: linear-gradient(270deg, #f2f2f2 0%, rgba(242, 242, 242, 0) 100%); }
.status, .article .status, .article p.status { background: #fff; }

.sam-stories__slider .swiper-button-next {
    /*background: linear-gradient(90deg, rgba(51, 51, 51, 0) 0%, #f2f2f2 100%);*/ background: none;
}
.sam-stories__slider .swiper-button-prev {
    /*background: linear-gradient(90deg, #f2f2f2 0%, rgba(51, 51, 51, 0) 100%);*/ background: none;
}

/*====== adaptive ====== */

@media (max-width: 1224px) { 
	.comm--width { width: 100%; padding: 0 16px; box-sizing: border-box; }
	
	.header-right { gap: 30px; }
	.login__link { background: none; font-size: 0; padding: 0; }
	.login__link:after { background-image: url("data:image/svg+xml;utf8,<svg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.78182 12.387C5.47273 12.7044 5.47273 13.2225 5.78182 13.5399C5.93636 13.6986 6.14091 13.7779 6.34545 13.7779C6.55 13.7779 6.75455 13.6986 6.90909 13.5399L11.5818 8.74174L6.90454 3.94361C6.59545 3.62622 6.09091 3.62622 5.78182 3.94361C5.47273 4.26099 5.47273 4.77908 5.78182 5.09646L8.53636 7.92494H0.795455C0.354545 7.92494 0 8.289 0 8.74174C0 9.19448 0.354545 9.55854 0.795455 9.55854H8.53182L5.77727 12.387H5.78182Z' fill='black'/><path d='M10.9047 0.000198364H5.85014C5.40923 0.000198364 5.05469 0.364259 5.05469 0.817001C5.05469 1.26974 5.40923 1.6338 5.85014 1.6338H10.9047C12.2865 1.6338 13.4092 2.78666 13.4092 4.20557L13.4092 13.4952C13.4092 14.9141 12.2865 16.0669 10.9047 16.0669H5.85014C5.40923 16.0669 5.05469 16.431 5.05469 16.8837C5.05469 17.3365 5.40923 17.7005 5.85014 17.7005H10.9047C13.1638 17.7005 15.0001 15.8149 15.0001 13.4952L15.0001 4.20557C15.0001 1.88585 13.1638 0.000198364 10.9047 0.000198364Z' fill='black'/></svg>"); }
	
	.menumain { display: none; }
	.menu__burger__icon { display: block; width: 20px; height: 20px; padding-left: 0; background: url("data:image/svg+xml;utf8,<svg width='20' height='8' viewBox='0 0 20 8' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='20' height='2' fill='black'/><rect y='6' width='20' height='2' fill='black'/></svg>") 0 50% no-repeat; cursor: pointer; }
	.menumain.active { display: block; }
	
	.swiper-slide-wrap { padding: 50px 20px 50px 40px; }
	.main-slider-images .swiper-slide { background-size: auto 70%; }
	
	.foot4 .icon { max-width: 228px; }
	.foot4 .label { display: none; }
	
	.about-wrap .icon { width: 40%; }
	
	.actions-tile { grid-template-columns: repeat(2, 1fr); align-items: stretch; }
	.action-item:nth-child(3), .actions-tile .news__item:nth-child(3) { display: none; }
	.action-item:nth-child(2),
	.actions-tile .news__item:nth-child(2)	{ margin-top: 0; }
	.action-item .label { display: none; }
	.actions-tile .news__item:nth-child(3) a:before,
	.actions-tile .news__item:nth-child(2) a:before { display: none; }
	
	.news-tile { grid-template-columns: repeat(2, 1fr); }
	
	.header-box .butt-wrap { display: none; }
	.header-text .button { display: inline-flex; }
	.header-box { display: flex; flex-direction: column; }
	.header-text { padding-top: 0; width: 70%; }
	
	.foot3 { padding-left: 16px; }
	.footer__logos a img { height: 40px; width: auto; }
	
	.menumain { width: 100%; position: fixed;
        top: 78px; left: 0; right: 0; min-height: calc(100vh - 78px);
        background: #f2f2f2;
        z-index: 699;
        margin-left: 0px;
        margin-right: 0px;
        padding: 18px  20px;
        box-sizing: border-box;
    }
	#panel + .header .menumain { top: 117px; min-height: calc(100vh - 117px); }
	.main-menu { display: block; }
	 .submenu {
        display: block;
        position: static;
       padding-top: 28px;
        width: 100%;
    }
	.submenu ul {
        background: none;
        box-shadow: none;
        padding: 0;
        margin-left: 30px;
    }
	.submenu li + li { margin-top: 28px; }
	.navigation__item { margin-bottom: 28px; }
	.navigation__item:nth-child(1), .navigation__item:nth-child(2), .navigation__item:nth-child(3), .navigation__item:nth-child(4), .navigation__item:nth-child(5), .navigation__item:nth-child(6), .navigation__item:nth-child(7) {
        display: block;
    }

	.submenu a:hover, 
	.submenu li span, 
	.submenu li .selected { color: #8C57FC !important; }
	.city-select-top { max-width: 100%; overflow: visible; }
	
}

@media (max-width: 760px) {
    .menu__burger__icon.active {
        background: url("data:image/svg+xml;utf8,<svg width='20' height='8' viewBox='0 0 20 8' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='20' height='2' fill='black'/><rect y='6' width='20' height='2' fill='black'/></svg>") 0 50% no-repeat;
    }
}
@media (max-width: 768px) { 
	h2 { font-size: 28px; line-height: 34px; }
	h4 { font-size: 20px; line-height: 24px; }
	
	h2 + h4 { margin-top: 24px; }
	
	.button { display: flex; }
	
	.account__item_name { font-size: 0; }

	.sam-stories__slide.swiper-slide button img, 
	.sam-stories__slide.swiper-slide button picture { width: 51px; border-radius: 51px; }
	.sam-stories__slide.swiper-slide button { padding: 3px; }

	.main_slider_box .main_header { font-size: 28px;  line-height: 32px; }
	.main_slider_box .detail-text { font-size: 18px; line-height: 24px; }
	.swiper-slide-wrap { min-height: 562px; }
	.main_slider_box .button { margin-top: 50px; }
	.main-slider-images .swiper-slide { background-size: auto 50%; }
	
	.section-link_ski a img { height: auto; width: 25%; }
	.section-link_ski a { font-size: 20px; line-height: 28px; }
	.section-link_ski a:after { width: 20px; height: 10px; background-size: cover; right: 20px; bottom: 20px; }
	
	.about-wrap { flex-direction: column; gap: 20px; }
	.about-wrap .icon { width: 80%; }
	
	.actions-tile { grid-template-columns: repeat(1, 1fr); align-items: start; }
	.news-tile { grid-template-columns: repeat(1, 1fr); align-items: start; }
	.header-text { width: 100%; }
	
	.main-slider-affishe { padding-left: 16px !important; padding-right: 16px; }
	.main-slider-affishe .swiper-slide-wrap { flex-direction: column; }
	.main-slider-affishe .swiper-slide { max-width: 100%; min-width: 100%; }
	.main-slider-affishe .swiper-slide .icon,
	.main-slider-affishe .swiper-slide-wrap .detail { width: 100%; box-sizing: border-box; }
	.main-slider-affishe .swiper-slide .icon img { object-fit: cover; width: 100%; height: 100%; aspect-ratio:  307 / 223; }
	
	.main-slider-affishe .swiper-slide .foot { margin-top: 50px; justify-content: flex-start; align-items: flex-start; flex-direction: column; }
	.main-slider-affishe .swiper-slide .date { order: 1; }
	.main-slider-affishe .swiper-slide .button { order: 2; margin-top: 50px; }
	
	.main-slider-affishe .swiper-slide .icon {
		border-radius: 30px 30px 25px 25px;
		clip-path: polygon(0 22px, 
		22px 0, 
		
		calc(100% - 22px) 0, 
		100% 22px, 
		
		100% calc(100% - 22px), 
		calc(100% - 22px) 100%, 
		
		18px 100%, 
		0 calc(100% - 18px));
	}
	.main-slider-affishe .swiper-slide .icon:after { right: -30px; top: -30px; left: auto; bottom: auto; }
	
	
	.main-slider-affishe .swiper-slide .detail {
    border-radius: 30px 30px 25px  25px;
    clip-path: polygon(0 22px, 
	22px 0, 
	
	calc(100% - 22px) 0, 
	100% 22px, 
	
	100% calc(100% - 22px), 
	calc(100% - 22px) 100%, 
	
	22px 100%, 
	0 calc(100% - 22px));
	}
	.main-slider-affishe .swiper-slide .detail:before { left: -30px; bottom: -30px; right: auto; top: auto; }
	
	.main-slider-affishe .swiper-slide .icon .border { right: 25px; left: 25px; top: auto; bottom: 0; background: red; width: auto; height: 5px; background: url(/local/templates/books/img/border-v.png) 0 0 repeat-x; }
	
	.main-slider-affishe .swiper-slide-wrap:after { display: none; }
	.main-slider-affishe .swiper-slide-wrap:before { display: none; }
	
	
	.footer-top { display: flex; flex-direction: column; }
	.foot4 { order: 1; }
	.foot1 { order: 2; padding-left: 20px; padding-top: 20px; }
	.foot3 { order: 3; padding-left: 20px; }
	.foot2 { order: 4; padding-left: 20px; }
	.footer-top nav a, .footer-top nav span { width: 100% !important; }
	
	.footer__logos a img { height: 47px; width: auto; }
	.footer-bot { gap: 28px; flex-direction: column; }
}