/* Start:/bitrix/templates/promolink/main.css?164000869744759*/ html, body { width: 100%; height: 100%; margin: 0px; font-family: "Futura PT", sans-serif; font-size: 18px; } #global100 { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; min-height: 100%; } #global100 .main-content { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } #global100 > * { width: 100%; } img { border: none; } .content { max-width: 1140px; margin: 0 auto; } .rating-stars, .lenta__sort, .comments-and-posts.block .tabs-container .tabs-head, .row-start { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-start-end { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .row-end { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-center { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .lenta-two-columns, .row-sb-start { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .mini-posts__bottom-line, .comments-block__top-line, .lenta-wrapper .block .bottom-wrapper, .lenta-wrapper .block .bottom-wrapper .bottom__right-wrapper, .row-sb-center { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-sb-end { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .button, a { transition: all .3s; } a { color: #2957A4; } *, *:before, *:after { box-sizing: border-box; } header { background: #fff; position: sticky; top: 0; z-index: 20; } header #logo { display: block; max-height: 80px; margin: 10px auto; } header nav.horizontal_menu { background: #45BC6C; color: #fff; padding: 15px; } header nav.horizontal_menu a { color: #fff; font-size: 1.1em; margin-right: 15px; display: inline-block; } .columns { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .columns.two > .column { max-width: 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; box-sizing: border-box; } .index_unauthorized #lost_password { color: #999; margin-right: 10px; } .index_unauthorized .columns.top .column { text-align: center; } .index_unauthorized .columns.top .column .big { font-size: 60px; font-weight: bold; } .index_unauthorized .columns.top .column p { color: #999; } .index_unauthorized h1 { color: #00C8C6; text-align: center; font-weight: bold; } form.stylized label { display: block; color: #999; font-weight: 400; } form.stylized input[type=text], form.stylized input[type=password], form.stylized textarea { display: block; width: 100%; margin: 0; padding: 0 8px; box-sizing: border-box; background: #EEF2F7; border: 2px solid #EEF2F7; height: 50px; border-radius: 2px; outline: none; font-weight: 400; transition: all .3s; } form.stylized textarea:not(.not-resize) { transition: unset; } form.stylized textarea.not-resize { resize: none; } form.stylized textarea.only-vertical-resize { resize: vertical; } form.stylized input[type=text]:focus, form.stylized input[type=password]:focus, form.stylized textarea:focus { background: #fff; } form.stylized input[type=text]::placeholder, form.stylized input[type=password]::placeholder, form.stylized textarea::placeholder { transition: all .3s; } form.stylized input[type=text]:focus::placeholder, form.stylized input[type=password]:focus::placeholder, form.stylized textarea:focus::placeholder { color: transparent; } .index_unauthorized .column { padding: 0 30px; /*border: 2px solid #EEF2F7;*/ } form.stylized .string { margin-bottom: 1em; } form.stylized input[type=file] { display: none; } form.stylized .file_trigger { color: #000; text-align: right; font-size: 1em; font-weight: 400; line-height: 1.7em; text-transform: uppercase; background: #eef2f7 url(/bitrix/templates/promolink/style/w_clip.svg) no-repeat left 10px center / 40px; padding-left: 30px; transition: opacity .3s; cursor: pointer; border: 2px solid #EEF2F7; padding: 15px 30px 15px 50px; border-radius: 20px; display: inline-block; } form.stylized .checkbox { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } form.stylized .checkbox input[type="checkbox"] { position: relative; margin: 0 0 0 0; width: 1em; height: 1em; font-size: 20px; } .button { background: #00C8C6; padding: 18px 35px; color: #fff; font-weight: 400; display: inline-block; border-radius: 4px; cursor: pointer; transition: opacity .3s; border: none; } .button:focus { outline: none; color: #fff; } .button:hover { transition: filter .3s; filter: contrast(160%); } .index_unauthorized .columns.bottom .column { border-top: none; padding-bottom: 30px; text-align:center; } .index_unauthorized .columns.top .column { border-bottom: none; padding-top: 30px; } #remakeCaptcha { color: #999; font-size: .9em; cursor: pointer; } #remakeCaptcha + .user_agree { margin-top: 25px; } #loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.8) url(/bitrix/templates/promolink/style/loading.svg?1) no-repeat center center/ 150px auto; z-index: 99999; } form.stylized.resetpw, form.stylized.personal_data_edit_form { max-width: 600px; } .main-content > .screen { padding: 50px 0; } .lenta-container.screen { padding-top: 0; } #upload_konkurs_work { max-width: 700px; } .konkurs_list .konkurs_work { border: 2px solid #EEF2F7; padding: 25px 30px; margin-top: 30px; border-radius: 2px; position: relative; } .konkurs_list .konkurs_work h2 { margin: 0; padding-right: 100px; } .konkurs_list .konkurs_work .fancy_image img { max-width: 50%; } .konkurs_list .konkurs_work h2 + p { color: #999; } .konkurs_list .konkurs_work .bottom_panel { margin-top: 30px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .konkurs_list .konkurs_work .remove_ico { position: absolute; right: 20px; top: 20px; max-width: 1em; font-size: 30px; cursor: pointer; } .konkurs_list .konkurs_work .edit_ico { position: absolute; right: 60px; top: 20px; max-width: 1em; font-size: 30px; cursor: pointer; } .konkurs_list .konkurs_work .edit_ico:hover, .konkurs_list .konkurs_work .remove_ico:hover { opacity: .5; transition: all .3s; } .download_file { color: #000; text-align: right; font-size: 1em; font-weight: 400; line-height: 1.7em; text-transform: uppercase; background: #eef2f7 url(/bitrix/templates/promolink/style/download.svg) no-repeat left 11px center / 30px; padding-left: 30px; transition: opacity .3s; cursor: pointer; border: 2px solid #EEF2F7; padding: 15px 30px 15px 50px; border-radius: 20px; display: inline-block; } .likes { background: #45BC6C url(/bitrix/templates/promolink/style/like.svg) no-repeat 10px center; /*padding: 0 13px; padding-left: 28px;*/ padding: 2px 13px; padding-left: 34px; color: #FFF; display: inline-block; border-radius: 27px; cursor: pointer; margin-right: 20px; } .likes.vs-likeit-active { background-color: #2c7b46; } .player_container { max-width: 600px; } .player_container > * { max-width: 600px; width: 100% !important; } .index_unauthorized .columns.top .column { text-align: center; } .index_unauthorized .columns.top .column .button { margin: 1em 0 .5em 0; } .index_unauthorized .columns.top { max-width: 700px; margin: 0 auto; } #global100 > header > .content { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #global100 > header .tel { font-size: 1.6em; font-weight: bold; margin-left: 1em; position: relative; content: ''; transform: translate(0px, -10px); margin-left: 70px; } #global100 > header .tel:before { content:''; display: inline-block; width: 1em; height: 1em; font-size: 50px; border-radius: 1em; background: #45BC6C url('/bitrix/templates/promolink/style/old-typical-phone.svg') no-repeat center center / 24px; transform: translate(-9px, 14px); } .konkurs_top_string form { display: inline-block; } .konkurs_top_string select { height: 59px; border: 2px solid #00C8C6; border-radius: 2px; padding: 0 8px; margin: 0 5px; } #global100 > header > .content { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .main_text { font-size: 1.2em; } .main_text h1 { color: #00C8C6; font-weight: bold; } .main_text p.notice_ico:before { content:''; display: inline-block; width: 1em; height: 1em; background: url(/bitrix/templates/promolink/style/notice.svg) no-repeat center center / contain; margin-right: .2em; font-size: 1.2em; position: relative; top: .2em; } .main_text p.gift_ico:before { content:''; display: inline-block; width: 1em; height: 1em; background: url(/bitrix/templates/promolink/style/bx_bx-gift.svg) no-repeat center center / contain; margin-right: .2em; font-size: 1.2em; position: relative; top: .2em; } .main_text p.write_ico:before { content:''; display: inline-block; width: 1em; height: 1em; background: url(/bitrix/templates/promolink/style/jam_pen.svg) no-repeat center center / contain; margin-right: .2em; font-size: 1.2em; position: relative; top: .2em; } .main_text p.star_ico:before { content:''; display: inline-block; width: 1em; height: 1em; background: url(/bitrix/templates/promolink/style/akar-icons_star.svg) no-repeat center center / contain; margin-right: .2em; font-size: 1.2em; position: relative; top: .2em; } .main_text p.winners_ico:before { content:''; display: inline-block; width: 1em; height: 1em; background: url(/bitrix/templates/promolink/style/si-glyph_champion-cup.svg) no-repeat center center / contain; margin-right: .2em; font-size: 1.2em; position: relative; top: .2em; } .main_text p.ok_ico { padding-left: 2em; } .main_text p.ok_ico:before { content:''; display: inline-block; width: 1em; height: 1em; background: url(/bitrix/templates/promolink/style/ic_baseline-done.svg) no-repeat center center / contain; margin-right: .2em; font-size: 1.2em; position: relative; top: .2em; } .main_text ol { counter-reset: myCounter; } .main_text ol li:before { counter-increment: myCounter; content:counter(myCounter) ". "; font-size: 1.2em; font-weight: bold; color: #45BC6C; } .main_text ol li { list-style-type: none; margin: 12px 0; } .main_text ul li:before { content:"• "; font-size: 1.2em; font-weight: bold; color: #45BC6C; } .main_text ul li { margin: 12px 0; list-style-type: none; } .iframe_container { position: relative; max-width: 600px; } .iframe_container > * { width: 100% !important; } .iframe_container:before { padding-top: 50%; content:''; display: block; } .iframe_container > iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: contain; width: 100%; height: 100%; } .fc-container .fancybox-bg { background: #eee; } .fancybox-is-open.fc-container .fancybox-bg { opacity: 0.95; } .fc-content { margin: 20px; max-width: 550px; padding: 50px; box-shadow: 10px 10px 60px -25px; border-radius: 4px; } .fc-content h3 { margin-top: 0; font-size: 1.6em; letter-spacing: normal; } .fc-content p { color: #666; line-height: 1.5; } .fc-content p:last-child { margin-bottom: 0; } /* Custom animation */ .fancybox-fx-material.fancybox-slide--previous, .fancybox-fx-material.fancybox-slide--next { transform: translateY(-60px) scale(1.1); opacity: 0; } .fancybox-fx-material.fancybox-slide--current { opacity: 1; transform: translateY(0) scale(1); } .button.red { background: #e74c3c; } .fc-content .button { margin-left: 20px; } .button.mini { font-size: .8em; padding: 9px 15px; font-weight: 300; } .konkurs_alt { font-size: 1.2em; padding: 20px 30px 20px 100px; background: #efefef; position: relative; } .konkurs_alt:before { content: ''; display: block; position: absolute; width: 1em; height: 1em; top: 0; bottom: 0; font-size: 50px; left: 20px; background: no-repeat center center / contain; margin: auto; } .konkurs_alt.join:before { background-image: url(/bitrix/templates/promolink/style/ic_baseline-done.svg); } .konkurs_alt.not_join:before { background-image: url(/bitrix/templates/promolink/style/notice.svg); } #join_konkurs .button { min-width: 150px; text-align: center; } #join_konkurs .button.mini { background: #9bafa2; } .video-js.vjs-fluid { max-width: 600px; } .products-wrap .block .image img { object-fit: contain; } .products-wrap .block .name { display: block; height: 72px; overflow: hidden; } .lenta-two-columns .left-column { max-width: 58%; -webkit-flex: 0 1 58%; -ms-flex: 0 1 58%; flex: 0 1 58%; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .lenta-two-columns .right-column { max-width: 38%; -webkit-flex: 0 1 38%; -ms-flex: 0 1 38%; flex: 0 1 38%; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; /* these styles are needed for place comments-and-posts block to bottom */ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .lenta-two-columns .left-column > *:not(:last-child) { margin-bottom: 20px; } .lenta-wrapper .block:not(:last-child) { margin-bottom: 44px; } .lenta-wrapper .block .photo-wrapper { display: block; position: relative; margin-bottom: 20px; } .lenta-wrapper .block .photo-wrapper:before { content: ''; display: block; width: 100%; padding-top: 49%; } .lenta-wrapper .block .photo-wrapper img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; } .lenta-wrapper .block .bottom__right-wrapper > *:not(:last-child) { margin-right: 20px; } .lenta-wrapper .block .bottom__author { color: #333; font-weight: 450; } .lenta-wrapper .block .bottom__detail-page-link { display: inline-block; color: #00C8C6; font-weight: 450; border-bottom: 2px dashed #00C8C6; text-decoration: none; } .lenta-wrapper .block .bottom__detail-page-link:hover { border-bottom-color: transparent; } .lenta-wrapper .block .name { display: block; font-weight: 450; font-size: 26px; font-size: 1.45em; line-height: 33px; text-transform: uppercase; margin-bottom: 8px; color: #333333; } .lenta-wrapper .block a.name:hover { text-decoration: none; opacity: .6; } .lenta-wrapper .block .desc { font-weight: 300; line-height: 132%; border-bottom: 1px solid #CCCCCC; padding-bottom: 14px; margin-bottom: 14px; } .lenta-wrapper .block .desc, .lenta-wrapper .block .bottom__author, .lenta-wrapper .block .bottom__detail-page-link { font-size: 20px; font-size: 1.11em; } .bottom__author.wide { width: 100%; max-width: 100%; margin-bottom: 6px; } .comments-and-posts-wrapper { width: 100%; position: sticky; /*top: 15px;*/ bottom: 15px; } .comments-and-posts-wrapper > .button { display: block; width: 80%; margin: 30px auto 0; text-align: center; } .comments-and-posts.block { background-color: #FFFBEF; padding: 30px 20px; } .comments-and-posts.block > *:not(:last-child) { margin-bottom: 50px; } .comments-and-posts.block .tabs-container { margin: 0; } .comments-and-posts.block .tabs-container .tabs-content { position: relative; } .grid .lenta-sort__block { max-width: 32%; -webkit-flex: 0 1 32%; -ms-flex: 0 1 32%; flex: 0 1 32%; } .grid .lenta-sort__block:not(:nth-child(-n+3)) { margin-top: 10px; } .grid .lenta-sort__block:not(:nth-child(3n)) { margin-right: 2%; } .lenta__sort.limit-width { max-width: 560px; } .lenta-sort__block input[type="radio"] { display: none; } .lenta-sort__block label { width: 100%; background-color: #EEF2F7; border-radius: 5px; text-align: center; padding: 5px 10px; font-weight: 450; font-size: 17px; font-size: 17px; color: #333; cursor: pointer; transition: .3s; margin: 0; } .lenta-sort__block label:hover, .lenta-sort__block input:checked + label { background-color: #FFD245; } .comments-and-posts.block .tabs-container .tabs-content .tab { position: absolute; top: 0; right: 0; left: 0; visibility: hidden; opacity: 0; } .comments-and-posts.block .tabs-container .tabs-content .tab.active { visibility: visible; opacity: 1; position: relative; } .viewer-counter { position: relative; padding-left: 32px; } .viewer-counter:before { content: ''; width: 19px; height: 13px; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; background: url('/bitrix/templates/promolink/style/icon_eye_gray.svg') no-repeat center; } .public-date__value, .viewer-counter__value { color: #6B6B6B; font-size: 16px; font-weight: 450; } .comment-counter__value, .public-date__value, .viewer-counter__value { font-size: .89em; } .public-date { position: relative; padding-left: 26px; } .public-date:before { content: ''; width: 16px; height: 16px; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; background: url('/bitrix/templates/promolink/style/icon_clock_gray.svg') no-repeat center; background-size: contain; } .likes:hover, .comment-counter:hover { transition: filter .3s; filter: contrast(160%); } .comment-counter { background-color: #00C8C6; border-radius: 30px; position: relative; padding: 1px 12px 3px 40px; text-decoration: none !important; } .comment-counter:before { content: ''; width: 18px; height: 16px; position: absolute; top: 0; left: 12px; bottom: 0; margin: auto; background: url('/bitrix/templates/promolink/style/icon_comment_white.svg') no-repeat center; } .comment-counter__value { color: #fff; } .mini-posts__content, .mini-posts__title, .comments-and-posts-wrapper .m-title, .comments-block__message, .comments-block__title { font-size: 0.945em; } .comments-wrapper .m-title { margin-bottom: 10px; } .comments-block__message, .mini-posts__content { line-height: 1.3em; } .mini-posts-wrapper .top-line { margin-bottom: 15px; } /* STYLE_comments START */ .comments .comments__block:not(:last-child) { margin-bottom: 24px; } .comments-block__top-line { margin-bottom: 9px; } .comments-block__message, .comments-block__title a, .comments-block__title { color: #6B6B6B; } .comments-block__title:hover, .comments-block__title { display: block; text-decoration: none; font-weight: 450; } .comments-block__message { font-weight: 300; padding-right: 10%; } /* STYLE_comments END */ /* STYLE_mini-posts START */ .mini-posts__title:hover, .mini-posts__title { display: block; text-transform: uppercase; font-weight: 450; margin-bottom: 4px; color: #000; text-decoration: none; } .mini-posts__title:hover { opacity: .6; } .mini-posts__content { font-weight: 300; } .mini-posts__bottom-line > * { margin: 0; } .mini-posts__bottom-line { margin-top: 15px; } /* STYLE_mini-posts END */ /* STYLE_rating-stars START */ .rating-stars span { display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; } .rating-stars span:not(:last-child) { margin-right: 4px; } .rating-stars span { background-image: url('/bitrix/templates/promolink/style/icon_star_fill.svg'); } /* STYLE_rating-stars END */ .add-lenta-post-form.fancybox-content, .add-lenta-post-form { width: 100%; max-width: 700px; } .question_container { display: none; } .question_container.current { display: block; } .answer_container input[type=checkbox], .answer_container input[type=radio] { width: 20px; height: 20px; transform: translate(0px, 3px); display: none; } .question_container { font-family: sans-serif; } .question_container .warning { padding: 20px 25px; background: #ffe5e5; font-weight: bold; border-radius: 20px; } .answer_container input[type=checkbox]:checked + label { border-bottom: 2px solid #000; } .screen.my_post_announcement { background: rgba(255, 236, 184, 0.22); } .screen.my_post_announcement .bally_info { color: #E84118; background: url(/bitrix/templates/promolink/style/n/top-header-bally.svg) no-repeat center left / 25px 25px; padding-left: 30px; } .my_post_announcement_container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .my_post_announcement_container .block { max-width: 48%; flex: 0 0 48%; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; margin: 0 0 20px 0; background: #EEF2F7; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px 40px; box-sizing: border-box; margin: 0 4% 20px 0; font-weight: 450; font-size: 18px; } .my_post_announcement_container .block:nth-child(2n+2) { margin-right: 0; } .my_post_announcement_container .block .reason { max-width: 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; } .my_post_announcement_container .block .count { max-width: 15%; flex: 0 0 15%; -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; color: #9A9A9A; text-align: center; } .my_post_announcement_container .block .result { max-width: 30%; flex: 0 0 30%; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; } .my_post_announcement_container .block.on { background: #FFECB8; } .my_post_announcement_container .block.off .result { background: #fff; padding: 10px 15px; border-radius: 4px; white-space: nowrap; cursor: pointer; text-align: center; } .my_post_announcement_container .block.off .result:hover { background: #eee; } .my_post_announcement_container .block.on .result { color: #00C8C6; padding-right: 30px; background: url(/bitrix/templates/promolink/style/ico-completed.svg) no-repeat right center / contain; display: inline-block; } .otdelenie_actions > .row-sb-center { background: #FFFBEF; padding: 8px 12px; margin-bottom: 5px; margin-top: 20px; } .tab_actions_list .string { padding: 12px 16px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .tab_actions_list .string .name { max-width: 70%; flex: 0 0 70%; -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; } .tab_actions_list .string .count { max-width: 10%; flex: 0 0 10%; -webkit-flex: 0 0 10%; text-align: center; -ms-flex: 0 0 10%; } .tab_actions_list .string .result { max-width: 15%; flex: 0 0 15%; -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; text-align: center; } .tab_actions_list .string.off { background: #F9FAFC; } .tab_actions_list .string.on { background: rgba(69, 188, 108, 0.15); } .tab_actions_list .string.on .count, .tab_actions_list .string.on .result { color: #00C8C6; } .tab_actions_list .string.off .count, .tab_actions_list .string.off .result { color: #E84118; } .tab_actions_list .string.off .result { background-color: #E84118; color: #fff; text-align: center; padding: 8px 12px; cursor: pointer; border-radius: 4px; } .tab_actions_list .string.off .result:hover { transition: filter .3s; filter: contrast(160%); } .gift_selector a { border-bottom: 2px dashed #00C8C6; } .gift_selector .table { columns: 2; } .gift_selector .table .string { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .gift_selector .table .string .quantity { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .gift_selector .table .string .quantity .minus, .gift_selector .table .string .quantity .plus { font-weight: bold; text-align: center; width: 30px; cursor: pointer; transition: background .3s; } .gift_selector .table .string .quantity .minus:hover, .gift_selector .table .string .quantity .plus:hover { background: #d1d1d1; } .gift_selector .table .string .quantity input[type=text] { max-width: 2em; pointer-events: none; text-align: center; } .gift_selector .table .string .quantity { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .gift_selector .table .string a { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .gift_selector .plus.deactive, .gift_selector .minus.deactive { pointer-events: none; opacity: 0; } .gift_selector.deactive { pointer-events: none; } .main_text table { width: 100%; max-width: 900px; border-collapse: collapse; } .main_text th, .main_text td { border: 1px solid #efefef; padding: 8px; } .main_text th { font-weight: bold; } .main_text tbody tr:nth-child(even) { background: #efefef; } .winner_container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .winner_container .winner_block { -webkit-flex: 0 0 19%; -ms-flex: 0 0 19%; flex: 0 0 19%; margin: 0 1.25% 1.25% 0; } .winner_container .winner_block .photo { position: relative; } .winner_container .winner_block .photo:before { content: ''; display: block; width: 100%; padding-top: 130%; } .winner_container .winner_block .alt { color: #999; } .winner_container .winner_block .name { font-size: 1.1em; } .winner_container .winner_block .photo img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; height: 100%; } .gift2postindex { font-size: 1.7em; padding: 1em 0; background: #00C8C6; color: #fff; padding: 0.7em 1em; margin: 15px 0; } .main-banner .swiper-slide { } .main-banner-container { margin-top: 20px; position: relative; } .main-banner-container .swiper-pagination { bottom: 10px; left: 0; right: 0; margin: auto; } .main-banner-container .swiper-pagination-bullet-active { background: #fff; } .main-banner-container .swiper-pagination-bullet { margin: 0 10px; } .main-banner-container .swiper-button-next { background: url(/bitrix/templates/promolink/style/slider-right-arrow.svg); } .main-banner-container .swiper-button-prev { background: url(/bitrix/templates/promolink/style/slider-left-arrow.svg); } .view_more_link { text-transform: uppercase; font-size: 20px; color: #00C8C6; border-bottom: 2px dashed #00C8C6; text-decoration: none !important; } .header_with_link { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .products-carousel .small_product_card { box-sizing: border-box; border: 1px solid #10BEF0; padding: 30px 34px; } .products-carousel .small_product_card .photo { display: block; width: 100%; position: relative; } .products-carousel .small_product_card .photo:before { content: ''; display: block; width: 100%; padding-top: 70%; } .products-carousel .small_product_card .photo img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; object-fit: contain; width: 100%; height: 100%; } .products-carousel .small_product_card a.name { text-align: center; font-size: 17px; margin-top: 15px; color: #333; display: block; height: 2.8em; overflow: hidden; /*display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center;*/ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .products-carousel .small_product_card .alt { color: #9A9A9A; text-align: center; } .products-carousel-wrap .arrow { background: url(/bitrix/templates/promolink/style/carousel-product-arrow.svg) no-repeat center center / contain; width: 1em; height: 1em; font-size: 40px; cursor: pointer; position: absolute; top: 0; bottom: 0; z-index: 1000; margin: auto; } .products-carousel-wrap .arrow.prev { left: 0; transform: rotate(180deg); } .products-carousel-wrap .arrow.next { right: 0; } .products-carousel-wrap { position: relative; padding: 0 50px; box-sizing: border-box; } .my_post_container { background: #F9FAFC; height: 100%; } .my_post_container .my_post_content { padding: 25px; box-sizing: border-box; } .my_post_container .my_post_header { background: #FFFBEF; padding: 20px 30px; font-weight: 600; font-size: 26px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .my_post_container .ava { overflow: hidden; width: 1em; height: 1em; font-size: 58px; border: 5px solid #00C8C6; border-radius: 1em; position: relative; } .my_post_container .ava_place { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .my_post_container .ava { margin-left: 10px; } .my_post_container .ava img { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .my_post_content form.stylized .columns.two .column:last-child { padding-right: 0; } .my_post_content form.stylized .columns.two .column { padding-left: 0; } .my_post_content .bally_info { background: #00C8C6; color: #fff; padding: 20px 40px; margin-top: 20px; } .my_post_content .bally_info .top_string { font-size: 26px; } .my_post_container .center .button { background: #FFD245; color: #000; } .my_post_container .center { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .personal_page > .columns.two > .column:first-child { padding-left: 0; margin-right: 20px; max-width: calc(50% - 20px); } .personal_page > .columns.two > .column:last-child { max-width: calc(50% - 20px); margin-left: 20px; padding-right: 0; } .personal_page > .columns.two .column:first-child { padding-left: 0; margin-right: 20px; max-width: calc(50% - 20px); } .personal_page > .columns.two .column:last-child { max-width: calc(50% - 20px); margin-left: 20px; padding-right: 0; } .personal_page .person_line { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .personal_page .person_line .pic { width: 1em; height: 1em; font-size: 40px; border-radius: 1em; border: 3px solid #00C8C6; position: relative; overflow: hidden; margin-right: 8px; } .personal_page .person_line .pic img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .personal_page .bally_info .ico { width: 1em; height: 1em; background: url(/bitrix/templates/promolink/style/bx_bx-coin-stack.svg) no-repeat center center / contain; font-size: 33px; display: inline-block; top: 9px; } .personal_page .bally_info b { color: #FFECB8; } label.ava_place { cursor: pointer; } .menu_trigger { display: none; } body .swiper-button-prev:after, body .swiper-container-rtl .swiper-button-next:after, body .swiper-button-next:after, body .swiper-container-rtl .swiper-button-prev:after { content: ''; } .catalog-menu-trigger { display: none; } .catalog-page .column.left .close-trg { display: none; } .history_infographic { padding-top: 30px; text-align: center; } .history_infographic h2 { margin-bottom: 20px; } .history_infographic img { max-width: calc(100% - 20px); } .history_infographic .column:first-child { margin-right: 20px; } .history_infographic .column:last-child { margin-left: 20px; } .logo_block { max-width: 410px; text-align: center; float: right; text-transform: uppercase; margin-left: 50px; border: 2px solid #00C8C6; padding: 30px; box-sizing: border-box; } .logo_block img { width: 100%; } .logo_block h3 { font-size: 1.9em; margin: 0; } .main-banner-container img { max-width: 100%; } /* End */ /* Start:/bitrix/templates/promolink/mobile.css?164000650622097*/ @media only screen and (max-width: 699px) { .content { padding: 0 1em; } .main-content > .screen.content { padding: 1em; } .content.index_unauthorized .columns.two.top { /*display: none;*/ } .konkurs_top_string.columns.two > .column, .content.index_unauthorized .columns.two > * { display: block; width: 100%; max-width: 100%; } .konkurs_top_string, .content.index_unauthorized .columns.two { flex: none; display: block; } .index_unauthorized .column { margin: 15px 0; padding: 0 1em 1em 1em; } .index_unauthorized h1 { display: none; } .main-content > .screen { padding: 1em 0; } .fancybox-content#reg { padding: 1em; } .konkurs_list .konkurs_work { padding: 8px 10px; } .konkurs_list .konkurs_work .fancy_image img { max-width: 100% } #global100 > header .tel { margin-left: 0; transform: translate(0px, -20px); } .konkurs_top_string.columns.two > .column:nth-child(2) { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .konkurs_top_string form { text-align: center; } .konkurs_top_string select:first-child { margin: 1em 0; } #bx-panel { display: none !important; } #global100 > header > .top_block.content .messengers, #global100 > header > .top_block.content .mail, #global100 > header > .top_block.content .phone, #global100 > header > .top_block.content .personal, #global100 > header .horizontal_menu { display: none; } #global100 > header > .top_block.content { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #global100 > header > .top_block.content { border-bottom: 3px solid #00C8C6; } #global100 > header > .top_block.content > a { display: block; max-width: 60%; flex: 0 0 60%; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; } header #logo { max-width: 100%; } .menu_trigger { position: absolute; width: 1.2em; height: 1em; right: 1em; top: 0; left: auto; bottom: 0; margin: auto; display: block; font-size: 1.6em; z-index: 1000; } .menu_trigger:before, .menu_trigger:after, .menu_trigger span { content:''; display: block; width: 100%; height: 4px; position: absolute; transition: all .3s; } .menu_trigger:before { top: 0; } .menu_trigger:after { bottom: 0; z-index: 100; } .menu_trigger span { top: 0; bottom: 0; margin: auto; } .menu_trigger:before, .menu_trigger:after, .menu_trigger span { background-color: #00C8C6; } body.menu-shown .menu_trigger:before, body.menu-shown .menu_trigger:after, body.menu-shown .menu_trigger span { background-color: #fff; } body.menu-shown #global100 .menu_trigger:before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0.42em; } body.menu-shown #global100 .menu_trigger:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0.42em; } body.menu-shown #global100 .menu_trigger span { background: transparent; } nav.horizontal_menu .content { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-top: 120px; padding-left: 0; } header nav.horizontal_menu a { margin-bottom: 20px; } body.menu-shown #global100 > header .horizontal_menu { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; color: #000; z-index: 500; } body.menu-shown #global100 > header > .top_block.content .messengers, body.menu-shown #global100 > header > .top_block.content .mail, body.menu-shown #global100 > header > .top_block.content .phone, body.menu-shown #global100 > header > .top_block.content .personal { position: fixed; z-index: 600; display: block; } body.menu-shown header .top_block.content .personal a:nth-child(2) { display: none; } body.menu-shown #global100 > header > .top_block.content .mail { transform: translate(0px, 61px); } body.menu-shown #global100 > header > .top_block.content .phone { transform: translate(160px, 62px); } body.menu-shown #global100 > header > .top_block.content .messengers { transform: translate(159px, 122px); } body header .top_block.content .messengers .whatsapp { background-image: url(/bitrix/templates/promolink/style/w-top-header-watsapp.svg); color: #fff; } body header .top_block.content .messengers .viber { background-image: url(/bitrix/templates/promolink/style/w-top-header-viber.svg); color: #fff; } header .top_block.content .big_ico > .trg, body.menu-shown a { color: #fff; } .main-banner-container img { max-width: 100%; } .swiper-button-next { right: 20px; transform: scale(0.7); } .swiper-button-prev { transform: scale(0.7); left: 20px; } .header_with_link h1, .header_with_link h2, .header_with_link h3 { margin-top: 0; bottom: 0; } .header_with_link { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header_with_link .view_more_link { font-size: 12px; } .lenta-two-columns { display: block; flex: none; } .lenta-two-columns .left-column, .lenta-two-columns .right-column { width: 100%; flex: none; max-width: 100%; } .lenta-sort__block label { font-size: 14px; } h2, .h2 { font-size: 27px; } .lenta-wrapper .block .name { line-height: normal; font-size: 1em; } .lenta-wrapper .block .desc, .lenta-wrapper .block .bottom__author, .lenta-wrapper .block .bottom__detail-page-link { font-size: .9em; } .lenta-wrapper .block .bottom__detail-page-link { display: block; margin-bottom: 10px; } .lenta-container.screen { padding-top: 0; } .lenta-container.screen > .content > h1 { margin-top: 0; } body .catalog_section_container .block { max-width: 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; } body .catalog-page { flex: none; padding-top: 0; display: block; } body .catalog-page .column.right, body .catalog-page .column.left { display: block; width: 100%; max-width: 100%; flex: none; } body .products-wrap.four .block { max-width: 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; margin: 0 0% 1.33% 0; } body .products-wrap .block .button.green { padding: 6px 0; text-align: center; font-size: 13px; width: 100%; } body .catalog-page .column.left { display: none; position: relative; top: auto; bottom: auto; min-height: 0; margin: 0; } .catalog-menu-trigger { display: block; border: 2px solid #00C8C6; padding: 8px 12px; font-size: 13px; text-align: center; width: calc(100% - 2rem); text-transform: uppercase; color: #00C8C6; margin: 0 1rem; } body.show-catalog-menu .catalog-page .column.left { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; background: #fff; overflow: scroll; padding: 25px; box-sizing: border-box; } body.show-catalog-menu { max-height: 100vh; overflow: hidden; } .catalog-page .menu > ul > li a { padding: 8px 60px 8px 15px; font-size: 18px; line-height: normal; } .catalog-page.content, .catalog_section_container.content { padding: 0; } .catalog-page h1 { padding: 0 1rem; } body .catalog-page .column.left .close-trg { display: block; position: absolute; top: .5em; right: .5em; width: 1em; height: 1em; font-size: 35px; background: url(/bitrix/templates/promolink/style/cross.svg) no-repeat center center / contain; } .product-page .top_info { padding: 0 1rem; } .catalog-page .product-page h1 { padding-left: 0; padding-right: 0; line-height: normal; margin-top: 0; font-size: 21px; } body .tabs-container .tabs { overflow: scroll; } body .tabs-container .tabs > * { padding-top: 12px; padding-left: 10px; padding-right: 10px; } body .tabs-container .hidden .active { padding: 1rem; font-size: 1em; } .konkurs_top_string h1, .main_text h1 { font-size: 24px; } .konkurs_alt { padding-left: 50px; font-size: 1em; line-height: normal; } .konkurs_alt:before { font-size: 40px; left: 4px; } body .gift_selector .table { columns: 1; } body .konkurs_more_data { padding: 15px; line-height: normal; font-size: 1.1em; } body .wiki-table .tab_row .column .sort { display: none; } .screen.content.wiki { padding-left: 0; padding-right: 0; } body .wiki .search-form input[type=submit] { width: 120px; } body .wiki-table .tab_row:nth-child(1) { display: none; } body .wiki-table .tab_row { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } body .wiki-table .tab_row .column:nth-child(3) { text-align: right; } body .wiki-table .tab_row .column:nth-child(1), body .wiki-table .tab_row .column:nth-child(2), body .wiki-table .tab_row .column:nth-child(3), body .wiki-table .tab_row > * { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; } body .wiki-table .tab_row .column:nth-child(2) { margin: 5px 0 0 0; -webkit-order: 1; -ms-flex-order: 1; order: 1; } body .wiki-table .tab_row .state { padding: 7px 21px; } body .wiki-table .tab_row { padding-left: 0; padding-right: 0; } body > #global100 > .main-content > .screen > .content > h1 { margin-top: 0; font-size: 26px; } body .main_text { font-size: 1em; } body .wiki_detail_files_tags .files, body .wiki_detail_files_tags .tags { width: 100%; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } body .wiki_detail_files_tags { flex: none; display: block; width: 100%; } body .wiki_detail_files_tags .tags a { padding: 7px 14px; min-width: 120px; font-size: .8em; } body .wiki_detail_files_tags .files .button { font-size: 0.7em; padding: 5px 15px; } body .wiki_detail_files_tags .files { margin-bottom: 15px; } .personal_page > .columns.two .column:first-child, .personal_page > .columns.two .column:last-child { width: 100%; display: block; max-width: 100%; margin-left: 0; margin-right: 0; } .content.personal_page > .columns { flex: none; display: block; } .my_post_container .my_post_header { padding: 15px 20px; line-height: normal; font-size: 20px; } .content.personal_page > .columns .columns { width: 100%; display: block; max-width: 100%; margin-left: 0; margin-right: 0; } .my_post_content .bally_info { padding: 20px; } .personal_page .bally_info .ico { top: 8px; } .otdelenie_actions h2 { font-size: 19px; margin: 0; } .tab_actions_list .string, .my_post_announcement_container .block { max-width: 100%; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .my_post_announcement_container .block { max-width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; } .tab_actions_list .string .reason, .my_post_announcement_container .block .reason { max-width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; } .tab_actions_list .string .count, .tab_actions_list .string .result, .my_post_announcement_container .block .result, .my_post_announcement_container .block .count { max-width: 45%; flex: 0 0 45%; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; } .logo_block { max-width: 100%; float: none; padding: 30px; margin-bottom: 1em; margin-left: 0; display: none; } .logo_block h3 { font-size: 1.5em; } .history_infographic.columns.two { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .history_infographic.columns.two > .column { max-width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; margin: 0; } } /* ipad portrait*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait), (max-width : 1023px) and (min-width : 700px) { .content { max-width: calc(100% - 1.2em); min-width: 748px; } #global100 > header > .top_block.content .messengers, #global100 > header > .top_block.content .mail, #global100 > header > .top_block.content .phone, #global100 > header > .top_block.content .personal, #global100 > header .horizontal_menu { display: none; } #global100 > header > .top_block.content { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #global100 > header > .top_block.content { border-bottom: 3px solid #00C8C6; } #global100 > header > .top_block.content > a { display: block; max-width: 60%; flex: 0 0 60%; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; } header #logo { max-width: 100%; } .menu_trigger { position: absolute; width: 1.2em; height: 1em; right: 1em; top: 0; left: auto; bottom: 0; margin: auto; display: block; font-size: 1.6em; z-index: 1000; } .menu_trigger:before, .menu_trigger:after, .menu_trigger span { content:''; display: block; width: 100%; height: 4px; position: absolute; transition: all .3s; } .menu_trigger:before { top: 0; } .menu_trigger:after { bottom: 0; z-index: 100; } .menu_trigger span { top: 0; bottom: 0; margin: auto; } .menu_trigger:before, .menu_trigger:after, .menu_trigger span { background-color: #00C8C6; } body.menu-shown .menu_trigger:before, body.menu-shown .menu_trigger:after, body.menu-shown .menu_trigger span { background-color: #fff; } body.menu-shown #global100 .menu_trigger:before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0.42em; } body.menu-shown #global100 .menu_trigger:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0.42em; } body.menu-shown #global100 .menu_trigger span { background: transparent; } nav.horizontal_menu .content { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-top: 180px; padding-left: 0; } header nav.horizontal_menu a { margin-bottom: 20px; } body.menu-shown #global100 > header .horizontal_menu { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; color: #000; z-index: 500; } body.menu-shown #global100 > header > .top_block.content .messengers, body.menu-shown #global100 > header > .top_block.content .mail, body.menu-shown #global100 > header > .top_block.content .phone, body.menu-shown #global100 > header > .top_block.content .personal { position: fixed; z-index: 600; display: block; } body.menu-shown header .top_block.content .personal a:nth-child(2) { display: none; } body.menu-shown #global100 > header > .top_block.content .mail { transform: translate(0px, 61px); } body.menu-shown #global100 > header > .top_block.content .phone { transform: translate(160px, 62px); } body.menu-shown #global100 > header > .top_block.content .messengers { transform: translate(159px, 122px); } body header .top_block.content .messengers .whatsapp { background-image: url(/bitrix/templates/promolink/style/w-top-header-watsapp.svg); color: #fff; } body header .top_block.content .messengers .viber { background-image: url(/bitrix/templates/promolink/style/w-top-header-viber.svg); color: #fff; } header .top_block.content .big_ico > .trg, body.menu-shown a { color: #fff; } body header .top_block.content .personal a.bonusy, body header .top_block.content .personal a { color: #fff; } body header #logo { margin-left: 0; } .main-banner-container img { max-width: 100%; } .swiper-button-next { right: 20px; transform: scale(0.7); } .swiper-button-prev { transform: scale(0.7); left: 20px; } .tab_actions_list .string, .my_post_announcement_container .block { max-width: 100%; width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .my_post_announcement_container .block { max-width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; } .tab_actions_list .string .reason, .my_post_announcement_container .block .reason { max-width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; } .tab_actions_list .string .count, .tab_actions_list .string .result, .my_post_announcement_container .block .result, .my_post_announcement_container .block .count { max-width: 45%; flex: 0 0 45%; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; } } /* ipad landscape */ @media only screen and (min-width : 768px) and (max-width : 1199px) and (orientation : landscape) { .content { max-width: calc(100% - 1.2em); min-width: 740px; } header #logo { max-height: 60px; } } @media only screen and (min-width: 1200px) and (max-width: 1579px) { .content { max-width: 90%; min-width: 1150px; } } @media only screen and (min-width: 1580px) { .content { max-width: 1540px; } } /* End */ /* Start:/bitrix/templates/promolink/plugins/jshint/jshint.css?1615904013825*/ .JShint { /*margin-top: 10px;*/ background: #34B96B; box-shadow: 0px 0px 25px rgba(0,0,0,0.3); position: absolute; padding: 12px 20px; border-radius: 20px; color: #000; text-align: center; width: 200px; box-sizing: border-box; border: 2px solid #34B96B; color: #fff; z-index: 100; } .JShint a { color: #fff; text-decoration: underline; } .JShint a:hover { text-decoration: none; } .JShint:before { width: 0; height: 0; border-style: solid; border-width: 0 10px 8px 10px; border-color: transparent transparent #34B96B transparent; display: block; position: absolute; top: -8px; left: 0; right: 0; margin: auto; content: ''; /*box-shadow: 0px -5px 25px rgba(0,0,0,0.3);*/ } /* End */ /* Start:/bitrix/templates/promolink/plugins/swiper-new/swiper-bundle.css?49916250016091*/ /** * Swiper 6.8.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 3, 2021 */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff'); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-container-pointer-events { touch-action: pan-y; } .swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-container-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* End */ /* Start:/bitrix/templates/promolink/fonts/futura_pt/stylesheet.css?16159040138613*/ @font-face { font-family: 'Futura PT'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Heavy.eot'); src: local('Futura PT Heavy'), local('FuturaPT-Heavy'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Heavy.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Heavy.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Medium.eot'); src: local('Futura PT Medium'), local('FuturaPT-Medium'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Medium.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-MediumObl.eot'); src: local('Futura PT Medium Oblique'), local('FuturaPT-MediumObl'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-MediumObl.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-MediumObl.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-MediumObl.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Futura PT Cond'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-Medium.eot'); src: local('Futura PT Cond Medium'), local('FuturaPTCond-Medium'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-Medium.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-Medium.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-LightObl.eot'); src: local('Futura PT Light Oblique'), local('FuturaPT-LightObl'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-LightObl.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-LightObl.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-LightObl.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Futura PT Book'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Book.eot'); src: local('Futura PT Book'), local('FuturaPT-Book'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Book.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Book.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT Cond'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-Bold.eot'); src: local('Futura PT Cond Bold'), local('FuturaPTCond-Bold'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-Bold.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Futura PT Book'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-BookObl.eot'); src: local('Futura PT Book Oblique'), local('FuturaPT-BookObl'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-BookObl.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-BookObl.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-BookObl.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Futura PT Cond Extra'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-ExtraBoldObl.eot'); src: local('Futura PT Cond Extra Bold Oblique'), local('FuturaPTCond-ExtraBoldObl'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-ExtraBoldObl.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-ExtraBoldObl.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-ExtraBoldObl.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Futura PT'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Light.eot'); src: local('Futura PT Light'), local('FuturaPT-Light'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Light.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-BoldObl.eot'); src: local('Futura PT Bold Oblique'), local('FuturaPT-BoldObl'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-BoldObl.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-BoldObl.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-BoldObl.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Futura PT Demi'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-DemiObl.eot'); src: local('Futura PT Demi Oblique'), local('FuturaPT-DemiObl'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-DemiObl.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-DemiObl.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-DemiObl.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Futura PT Cond Extra'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-ExtraBold.eot'); src: local('Futura PT Cond Extra Bold'), local('FuturaPTCond-ExtraBold'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-ExtraBold.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Futura PT Demi'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Demi.eot'); src: local('Futura PT Demi'), local('FuturaPT-Demi'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Demi.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Demi.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Demi.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-HeavyObl.eot'); src: local('Futura PT Heavy Oblique'), local('FuturaPT-HeavyObl'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-HeavyObl.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-HeavyObl.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-HeavyObl.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Futura PT Extra'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-ExtraBoldObl.eot'); src: local('Futura PT Extra Bold Oblique'), local('FuturaPT-ExtraBoldObl'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-ExtraBoldObl.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-ExtraBoldObl.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-ExtraBoldObl.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Futura PT Cond Book'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-Book.eot'); src: local('Futura PT Cond Book'), local('FuturaPTCond-Book'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-Book.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-Book.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Futura PT'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Bold.eot'); src: local('Futura PT Bold'), local('FuturaPT-Bold'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Bold.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Futura PT Extra'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-ExtraBold.eot'); src: local('Futura PT Extra Bold'), local('FuturaPT-ExtraBold'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-ExtraBold.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPT-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Futura PT Cond'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-BoldObl.eot'); src: local('Futura PT Cond Bold Oblique'), local('FuturaPTCond-BoldObl'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-BoldObl.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-BoldObl.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-BoldObl.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Futura PT Cond'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-MediumObl.eot'); src: local('Futura PT Cond Medium Oblique'), local('FuturaPTCond-MediumObl'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-MediumObl.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-MediumObl.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-MediumObl.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Futura PT Cond Book'; src: url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-BookObl.eot'); src: local('Futura PT Cond Book Oblique'), local('FuturaPTCond-BookObl'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-BookObl.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-BookObl.woff') format('woff'), url('/bitrix/templates/promolink/fonts/futura_pt/FuturaPTCond-BookObl.ttf') format('truetype'); font-weight: normal; font-style: italic; } /* End */ /* Start:/bitrix/templates/promolink/plugins/fancybox_3/jquery.fancybox.min.css?161590401312795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/bitrix/templates/promolink/new_style.css?163394000928509*/ #global100 > header > .top_block.content { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #2957A4; } header .top_block.content .messengers > a { background: no-repeat left center / contain; padding-left: 36px; margin: 5px 0; color: #2957A4; display: block; cursor: pointer; } header .top_block.content .messengers .whatsapp { background-image: url('/bitrix/templates/promolink/style/n/top-header-watsapp.svg'); } header .top_block.content .messengers .viber { background-image: url('/bitrix/templates/promolink/style/n/top-header-viber.svg'); } header .top_block.content .big_ico > a { font-weight: 600; font-size: 23px; display: block; line-height: 16px; } header .top_block.content .big_ico > .trg { font-weight: 450; font-size: 18px; line-height: 23px; border-bottom: 2px dashed #00C8C6; display: inline; font-size: 15px; } header .top_block.content .personal a { display: block; color: #333; cursor: pointer; } header .top_block.content .personal a.bonusy { color: #E84118; text-transform: uppercase; display: inline-block; padding-left: 30px; background: url(/bitrix/templates/promolink/style/n/top-header-bally.svg) no-repeat center left / 25px 25px; } @media only screen and (min-width: 1580px) { header .top_block.content .big_ico { background: no-repeat left center / 50px 50px; padding: 10px 0 10px 71px; } header .top_block.content .big_ico.mail { background-image: url('/bitrix/templates/promolink/style/n/top-header-mail.svg'); } header .top_block.content .big_ico.phone { background-image: url('/bitrix/templates/promolink/style/n/top-header-phone.svg'); } header .top_block.content .personal { position: relative; padding-left: 113px; background: url('/bitrix/templates/promolink/style/n/top-header-personal.svg') no-repeat left center / 50px 50px; } header .top_block.content .personal:before { content: ''; display: block; border-right: 2px solid #00C8C6; left: 80px; top: 10px; bottom: 10px; width: 1px; position: absolute; } } header nav.horizontal_menu { background: #00C8C6; } .horizontal_menu .content { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } .horizontal_menu a { font-size: 25px; font-weight: 600; color: #FFFFFF; } .horizontal_menu a.extendable { display: inline-block; position: relative; } .horizontal_menu a.extendable:after { background: url(/bitrix/templates/promolink/style/n/top-menu-triangle.svg) no-repeat; center center / contain; content: ''; display: inline-block; width: 8px; height: 8px; } .catalog-page { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-end; -ms-flex-align: end; padding-top: 25px; align-items: flex-end; } .catalog-page .column.left { max-width: 22.40%; flex: 0 0 22.40%; -webkit-flex: 0 0 22.40%; -ms-flex: 0 0 22.40%; position: sticky; bottom: 0; /*top: 0;*/ min-height: calc(100vh - 160px); margin-right: 25px; } .catalog-page .column.right { flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; min-height: calc(100vh - 160px); } .catalog-page .menu ul li { list-style-type: none; } .catalog-page .menu ul ul { display: none; padding: 0; margin: 0; padding-bottom: 15px; } .catalog-page .menu ul a.active + ul { display: block; } .catalog-page .menu > ul li, .catalog-page .menu > ul { padding: 0; margin: 0; } .catalog-page .menu > ul > li a { display: block; padding: 10px 60px 15px 15px; font-weight: 300; font-size: 23px; line-height: 110%; color: #000; } .catalog-page .menu > ul > li a.extendable { position: relative; } .catalog-page .menu > ul > li a.extendable:after { background: url(/bitrix/templates/promolink/style/n/extend-menu.svg) no-repeat center center / contain; content: ''; display: inline-block; width: 12px; height: 8px; right: 15px; position: absolute; top: 20px; } .catalog-page .menu > ul > li ul a { padding: 5px 10px 5px 35px; } .catalog-page .menu > ul > li { background: #F9FAFC; } .catalog-page .menu > ul > li:nth-child(even) { background: #fff9e6; } .catalog-page .menu a { } .catalog-page h1 { font-weight: 600; font-size: 26px; line-height: 33px; } .catalog-page .second_line { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background: #FFFBEF; margin-bottom: 25px; padding: 9px 11px; } .catalog-page .second_line .category a { display: inline-block; background: #FFD245; border-radius: 5px; color: #333; font-size: 17px; line-height: 22px; padding: 12px 37px; margin: 3px 5px; } .products-wrap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .products-wrap.four .block { max-width: 24%; flex: 0 0 24%; -webkit-flex: 0 0 24%; -ms-flex: 0 0 24%; margin: 0 1.33% 1.33% 0; } .products-wrap.four .block:nth-child(4n+4) { margin-right: 0; } .products-wrap .block { padding: 1em; box-sizing: border-box; text-align: center; } .products-wrap .block:hover { box-shadow: 0px 1px 20px rgba(0,0,0,.18); } .products-wrap .block .image { width: 100%; display: block; position: relative; margin-bottom: 10px; } .products-wrap .block .image:before { padding-top: 100%; width: 100%; display: block; content: ''; } .products-wrap .block .image img { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .products-wrap .block .name { color: #333; display: block; } .button.green { background: #00C8C6; border-radius: 5px; } .products-wrap .block .button.green { padding: 12px 40px; margin-top: 10px; } body .bx-pagination .bx-pagination-container ul li { margin-bottom: 0; } body .bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span { background: #00C8C6; } .filter-SALE_MONTH_VZR .bx-filter-parameters-box-container .col-xs-12, .filter-SALE_MONTH .bx-filter-parameters-box-container .col-xs-12 { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .filter-SALE_MONTH_VZR .bx-filter-parameters-box-container .col-xs-12, .filter-SALE_MONTH .bx-filter-parameters-box-container .col-xs-12 { margin: 0 15px; border: 1px solid #00C8C6; padding: 0; width: calc(100% - 30px); } .filter-SALE_MONTH_VZR .bx-filter-parameters-box-container .col-xs-12 .checkbox, .filter-SALE_MONTH .bx-filter-parameters-box-container .col-xs-12 .checkbox { max-width: 33.3%; flex: 0 0 33.3%; -webkit-flex: 0 0 33.3%; -ms-flex: 0 0 33.3%; background: #fff; text-align: center; font-size: 20px; line-height: 29px; color: #333333; border: 1px solid #00C8C6; } .filter-SALE_MONTH_VZR .bx-filter-parameters-box-container .col-xs-12 .checkbox label, .filter-SALE_MONTH .bx-filter-parameters-box-container .col-xs-12 .checkbox label { padding: 16px 0; width: 100%; text-align: center; } .filter-SALE_MONTH_VZR .bx-filter-parameters-box-container .col-xs-12 .checkbox input[type=checkbox], .filter-SALE_MONTH .bx-filter-parameters-box-container .col-xs-12 .checkbox input[type=checkbox] { display: none; } .filter-SALE_MONTH_VZR .checkbox+.checkbox, .filter-SALE_MONTH_VZR .checkbox, .filter-SALE_MONTH .checkbox+.checkbox, .filter-SALE_MONTH .checkbox { margin: 0; } .bx-filter .filter-SALE_MONTH_VZR .bx-filter-input-checkbox .bx-filter-param-text, .bx-filter .filter-SALE_MONTH .bx-filter-input-checkbox .bx-filter-param-text { text-align: center; } .bx-filter .filter-SALE_MONTH_VZR .radio label, .bx-filter .filter-SALE_MONTH_VZR .checkbox label, .bx-filter .filter-SALE_MONTH_VZR .bx-filter-param-label, .bx-filter .filter-SALE_MONTH .radio label, .bx-filter .filter-SALE_MONTH .checkbox label, .bx-filter .filter-SALE_MONTH .bx-filter-param-label { padding: 0; } .filter-SALE_MONTH_VZR .bx-filter-parameters-box-container .col-xs-12 .checkbox label.checked, .filter-SALE_MONTH .bx-filter-parameters-box-container .col-xs-12 .checkbox label.checked { background: #00C8C6; color: #fff; } .filter-SALE_MONTH_VZR .checkbox label.half_active, .filter-SALE_MONTH .checkbox label.half_active { background: rgba(0,200,198,.48); color: #fff; } .bx-filter .bx-filter-parameters-box-title span { font-family: Futura PT; font-style: normal; font-weight: 450; font-size: 20px; line-height: 33px; color: #333333; } .bx-filter .bx-filter-section { background: #F9FAFC; padding: 26px; } .tabs-container .hidden .wrap { display: none; } .tabs-container { margin: 50px 0; } .tabs-container .tabs { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #00C8C6; } .tabs-container .tabs > * { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; font-weight: 400; font-size: 22px; line-height: 28px; color: #fff; border-bottom: 9px solid transparent; padding-top: 19px; padding-bottom: 10px; cursor: pointer; } .tabs-container .tabs > *.active { font-weight: 400; border-bottom: 9px solid #FFE48F; } .tabs-container .hidden .active { display: block; border-top: 1px solid #FFE48F; background: #FAF6F6; border-radius: 0 0 20px 20px; padding: 30px 40px 40px 40px; font-size: 1.2em; } .tabs-container .hidden { display: block !important; } .product-page .top_info { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .product-page .top_info .photo { max-width: 42.07%; flex: 0 0 42.07%; -webkit-flex: 0 0 42.07%; -ms-flex: 0 0 42.07%; margin: 0 23px 0 0; } .product-page .top_info .alt { flex: 1 0 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; } .product-page .top_info .photo img { display: block; max-width: 100%; } .mobile_demand_table { display: none; } .desktop_demand_table td { border: 2px solid #00C8C6; padding: 8px 12px; } .desktop_demand_table { border-collapse: collapse; } .desktop_demand_table tr td { position: relative; } .desktop_demand_table td div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #00C8C6 ; } .desktop_demand_table td div.return { background: #ffe48f; } @media only screen and (max-width: 699px) { .desktop_demand_table { display: none; } .mobile_demand_table td { border: 2px solid #00C8C6; padding: 8px 12px; } .mobile_demand_table { display: table; border-collapse: collapse; } .mobile_demand_table td:nth-child(2) { color: #00C8C6; font-weight: red; position: relative; } .mobile_demand_table td div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #00C8C6 ; } } .link_to_doc ul, .product_layout ul { margin: 0; padding: 0; list-style-type: none; } .link_to_doc ul a, .product_layout ul a { font-size: 1.1em; display: inline-block; position: relative; } .link_to_doc ul a:before, .product_layout ul a:before { content: ''; width: 1em; height: 1em; font-size: 15px; display: inline-block; background: url(/bitrix/templates/promolink/style/n/foreign.svg) no-repeat center center / contain; margin-right: 7px; } .konkurs_wrap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .konkurs_wrap .block { max-width: 48%; flex: 0 0 48%; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; margin: 0 4% 4% 0; } .konkurs_wrap .block:nth-child(2n+2) { margin-right: 0; } .konkurs_wrap .block > a:not(.button) img { max-width: 100%; } .konkurs_wrap .block > a:not(.button) { display: block; margin-bottom: 10px; } @media only screen and (max-width: 699px) { .konkurs_wrap .block { max-width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; margin: 0 0% 4% 0; } } #picture_right { float: right; margin: 0 0 1em 1em; } @media only screen and (max-width: 699px) { #picture_right { display: none; } } .catalog_section_container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .catalog_section_container .block { max-width: 20%; flex: 0 0 20%; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; padding: 20px; box-sizing: border-box; } .catalog_section_container .block a { display: block; } .catalog_section_container .block a.photo { width: 100%; display: block; position: relative; margin-bottom: 10px; } .catalog_section_container .block a.photo:before { padding-top: 100%; width: 100%; display: block; content: ''; } .catalog_section_container .block a.photo img { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .catalog_section_container .block:hover { box-shadow: 0px 1px 20px rgba(0,0,0,0.18); } .product-page .top_info .photo img { max-height: 550px; margin: auto; } .catalog-page .right { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .wiki .search-form { position: relative; } .wiki .search-form input[type=text] { width: 100%; background: #e6e6e6; height: 50px; padding: 0 200px 0 20px; font-size: 1.05em; border: none; border-radius: 6px; } .wiki .search-form input[type=submit] { position: absolute; right: 0; top: 0; bottom: 0; height: 50px; border: none; text-align: center; width: 200px; color: #fff; background: #00C8C6; border-radius: 0 6px 6px 0; line-height: 50px; padding-top: 0; padding-bottom: 0; } .wiki-table { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .wiki-table .tab_row { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .wiki-table .tab_row .column:nth-child(1) { max-width: 23%; flex: 0 0 23%; -webkit-flex: 0 0 23%; -ms-flex: 0 0 23%; } .wiki-table .tab_row .column:nth-child(2) { max-width: 52%; flex: 0 0 52%; -webkit-flex: 0 0 52%; -ms-flex: 0 0 52%; } .wiki-table .tab_row .column:nth-child(3) { max-width: 25%; flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; } .wiki-table .tab_row .column .sort { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .wiki-table .tab_row { padding: 15px 24px; } .wiki-table .tab_row:nth-child(1) { background: #fff7df; } .wiki-table .tab_row:not(:first-child) { border-top: 2px solid #e8e8e8; } .wiki-table .sort_trigger { margin-left: 5px; background: #EEF2F7; background: #EEF2F7; border-radius: 5px; padding: 6px 20px; cursor: pointer; } .wiki-table .tab_row:not(:first-child) .column:nth-child(1) { color: #969696; } .wiki-table .tab_row:not(:first-child) .name_link { color: #00C8C6; border-bottom: 1px dashed #00C8C6; text-decoration: none; font-weight: 600; } .wiki-table .tab_row:not(:first-child) .name_link:hover { border-bottom: 1px dashed transparent; } .wiki-table .tab_row .state { padding: 10px 35px; background: #E84118; border-radius: 5px; color: #fff; display: inline-block; } .wiki_detail_files_tags .files { max-width: 50%; background: #00C8C6; color: #fff; padding: 12px 15px; border-radius: 6px; color: #fff; font-size: 1.2em; max-width: 49%; flex: 0 0 49%; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; } .wiki_detail_files_tags .files .block { padding: 11px 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .wiki_detail_files_tags .files .block:not(:first-child) { border-top: 1px solid rgba(255,255,255,0.7); } .wiki_detail_files_tags .files a { color: #fff; } .wiki_detail_files_tags .files .button { background: #de3c2e; font-size: 0.9em; padding: 5px 35px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .wiki_detail_files_tags .files .button img { max-width: 25px; height: 25px; margin-right: 10px; } .wiki_detail_files_tags { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .wiki_detail_files_tags .tags { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; max-width: 49%; flex: 0 0 49%; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; } .wiki_detail_files_tags .tags a { display: inline-block; background: #EEF2F7; font-weight: 600; padding: 7px 34px; min-width: 230px; text-align: center; color: #000; border-radius: 5px; margin: 0 10px 7px 0; } .wiki_video_container .video-container { max-height: 400px; } .wiki_video_container { background: #EEF2F7; padding: 40px 0; } .wiki_video_container .wrap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .wiki_video_container .wrap .video-container { margin: 0 20px 20px 0; } .wiki_gallery_container .wrap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .wiki_gallery_container .wrap .pic { max-width: 24%; flex: 0 0 24%; -webkit-flex: 0 0 24%; -ms-flex: 0 0 24%; margin: 0 1.33% 1.33% 0; overflow: hidden; position: relative; } .wiki_gallery_container .wrap .pic:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /*width: 1em;*/ /*height: 1em;*/ background: url(/bitrix/templates/promolink/style/zoom.svg) no-repeat center center / 25px auto; opacity: 0; transition: all .2s; margin: auto; } .wiki_gallery_container .wrap .pic:hover:after { opacity: 1; transform: scale(1.5); background-color: rgba(0,0,0,0.2); } .wiki_gallery_container .wrap .pic:before { padding-top: 100%; width: 100%; content: ''; display: block; } .wiki_gallery_container .wrap .pic img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } /*testing styles*/ .question_container img { max-width: 40vh; display: block; margin: 0 auto 20px auto; } .question_container .answer_container input[type=checkbox] { cursor: pointer; } .question_container .answer_container input[type=radio].correct + label, .question_container .answer_container input[type=checkbox].correct + label { color: green; } .question_container .answer_container input[type=radio].incorrect + label, .question_container .answer_container input[type=checkbox].incorrect + label { color: red; } .question_container .answer_container ol li { margin: 10px 0; } .question_container .answer_container label:hover { color: #999; cursor: pointer; } .question_container { padding: 25px; box-sizing: border-box; background: #f4fafd; margin-bottom: 20px; border-radius: 20px; } .question_container h2 { margin-top:0; } .bottom_testing_row .two_columns { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 2em 0; } .bottom_testing_row .two_columns .btn-primary { display: block; margin: 0 auto; max-width: 240px; text-align: center; margin-top: 10px; } #test_data { max-width: 70vw; } .button.disabled { background: #bcdddd; } .button.disabled:hover { transition: none; filter: none; cursor: default; } /* End */ /* /bitrix/templates/promolink/main.css?164000869744759 */ /* /bitrix/templates/promolink/mobile.css?164000650622097 */ /* /bitrix/templates/promolink/plugins/jshint/jshint.css?1615904013825 */ /* /bitrix/templates/promolink/plugins/swiper-new/swiper-bundle.css?49916250016091 */ /* /bitrix/templates/promolink/fonts/futura_pt/stylesheet.css?16159040138613 */ /* /bitrix/templates/promolink/plugins/fancybox_3/jquery.fancybox.min.css?161590401312795 */ /* /bitrix/templates/promolink/new_style.css?163394000928509 */