/* Start:/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/style.css?1764645019178830*/ @charset "UTF-8"; /*@import '/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/slick-carousel/slick/slick.scss';*/ @import url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../vendors/slick-carousel/slick/slick-theme.css); @import url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../vendors/slick-carousel/slick/slick.css); .ffffff { color: #ffffff; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { details { max-height: none; } details summary ~ * { max-height: 0; overflow: hidden; position: absolute; } details summary:focus { color: #d06c6c; } details summary:focus::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); -ms-transform: rotate(90deg); } details summary:focus ~ * { max-height: 20em; position: static; opacity: 1; } } @supports (-ms-ime-align: auto) { details { max-height: none; } details summary ~ * { max-height: 0; overflow: hidden; position: absolute; } details summary:focus { color: #d06c6c; } details summary:focus::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); -ms-transform: rotate(90deg); } details summary:focus ~ * { max-height: 20em; position: static; opacity: 1; } } .vregions-sepia { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; z-index: 999; background: url(https://www.barcelonadesign.ru/img/sepia.png) repeat 0 0; } .vr-template__link { text-decoration: none; color: #000000; } .vr-template__link_hidden { display: none; } .vr-popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; z-index: 1000; opacity: 1; overflow-x: hidden; overflow-y: auto; } .vr-popup__content { background: #ffffff; position: relative; border-radius: 5px; margin: 10px auto; max-width: 90%; text-align: left; float: none !important; } @media (min-width: 768px) { .vr-popup__content { width: 740px; } } @media (min-width: 992px) { .vr-popup__content { width: 970px; } .vr-popup__content_que { width: 740px; } } @media (min-width: 1200px) { .vr-popup__content { width: 1170px; } .vr-popup__content_que { width: 740px; } } .vr-popup__content:after { clear: both; } .vr-popup__header { padding-left: 25px; background-color: #a0a4bc; border-radius: 5px 5px 0px 0px; float: none !important; margin: 0 !important; } .vr-popup__title { line-height: 50px; color: #ffffff; margin: 0px; padding: 0px; font-size: 24px; float: none !important; } .vr-popup__close { width: 25px; height: 25px; display: block; position: absolute; right: 14px; top: 14px; background: url(https://www.barcelonadesign.ru/img/close2.png) no-repeat center center; font-size: 0; text-indent: -9999px; cursor: pointer; opacity: 1; border: none; } .vr-popup__close:focus, .vr-popup__close:active, .vr-popup__close:hover { box-shadow: 0px 0px 8px 2px rgba(50, 50, 50, 0.5); opacity: 0.7; } .vr-popup__body { background: #f4f5fd; padding: 20px 5%; border-radius: 0px 0px 5px 5px; font-size: 14px; color: #8184a1; float: none !important; } .vr-popup__paragraph { padding: 0px; margin: 0px 0px 10px 0px; } .digi-product__label { font-family: "Open Sans", sans-serif !important; } .digi-product-price-variant_actual { font-family: "Open Sans", sans-serif !important; } .vregions-list { float: none !important; } .vregions-list__col { float: left; padding: 0 10px; width: 33.33333%; box-sizing: border-box; margin: 0 !important; } .vregions-list__col_width-one-1 { width: 100%; } .vregions-list__col_width-one-2 { width: 50%; } .vregions-list__col_width-one-3 { width: 33.33333%; } .vregions-list__col_width-one-4 { width: 25%; } .vregions-list__col_width-one-5 { width: 20%; } .vregions-list__col_width-one-6 { width: 16.6666667%; } @media (max-width: 767px) { .vregions-list__col { width: 100%; } } .vr-popup__region-link, .vr-popup__region-link:link { color: #8184a1; font-size: 14px; line-height: 22px; text-decoration: none; display: block; text-align: center; border: none; border-radius: 3px; } .vr-popup__region-link:hover { text-decoration: underline; color: #156ba0; } .vr-popup__button, .vr-popup__button:visited, .vr-popup__button:link { color: #ffffff; background-color: #337ab7; display: inline-block; padding: 6px 12px; margin: 0 5px 5px 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; text-decoration: none; } .vr-popup__button:hover, .vr-popup__button:focus, .vr-popup__button:active { color: #ffffff; background-color: #286090; border-color: #204d74; } .vr-popup__button_danger { background-color: #d9534f; } .vr-popup__button_danger:hover, .vr-popup__button_danger:focus, .vr-popup__button_danger:active { background-color: #c9302c; border-color: #ac2925; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } .modal-open { overflow: hidden; } .vr-popup__search-wrap { margin-bottom: 10px; display: block; position: relative; float: none !important; } .vr-popup__search-input { width: 100%; line-height: 30px; height: 34px; padding: 6px 30px; box-sizing: border-box; font-size: 14px; color: #555555; border: 1px solid #cccccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; background: #ffffff url(https://www.barcelonadesign.ru/img/search-icon.png) no-repeat; background-position: 7px center; } .vr-popup__search-input.with-suggestions { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .vregions-suggestions-wrap { border: 1px solid #cccccc; border-radius: 0 0 4px 4px; position: absolute; width: 100%; overflow: hidden; box-sizing: border-box; background-color: #ffffff; z-index: 1; float: none !important; margin: 0 !important; } .vregions-suggestion { display: block; padding: 10px 15px; background-color: #ffffff; border: none; color: #000000; cursor: pointer; float: none !important; margin: 0 !important; } .vregions-suggestion:hover { background-color: #f5f5f5; } .vregions-chosen-list { width: 100%; margin: 20px auto; float: none !important; } .vregions-chosen-list__item { float: left; height: 40px; text-align: center; list-style: none; font-weight: bold; color: #000000; } .vregions-chosen-list__item-one-1 { width: 100%; } .vregions-chosen-list__item-one-2 { width: 50%; } .vregions-chosen-list__item-one-3 { width: 33.33333%; } .vregions-chosen-list__item-one-4 { width: 25%; } .vregions-chosen-list__item-one-5 { width: 20%; } .vregions-chosen-list__item-one-6 { width: 16.6666667%; } @media (max-width: 767px) { .vregions-chosen-list__item { width: 100%; } } .vr-popup__suggested-region { font-weight: 700; } .vregions-oblast__select { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; margin-bottom: 30px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; box-sizing: border-box; } .vr-template__fixed { position: relative; bottom: 0px; width: 100%; background-color: #9c9b9b; left: 0px; line-height: 30px; z-index: 1000; text-align: center; } .vr-template__fixed .vr-template__label { color: #ffffff; } .vr-template__fixed .vr-template__link { color: #ffffff; } .vregions-another-region { padding: 10px; text-align: center; } .vregions-another-region__btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; color: #ffffff; background-color: #5cb85c; border: 1px solid #4cae4c; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .vregions-another-region__btn:hover { color: #ffffff; background-color: #398439; border-color: #255625; text-decoration: none; } .vr-popup_inner-title { display: block; max-width: 100%; margin-bottom: 10px; font-weight: 700; margin-top: 20px; font-size: 14px; color: #8184a1; text-align: center; } .bx-timer-semicolon-off .bx-timer-semicolon { visibility: hidden; } /* Tooltip */ .bx-panel-tooltip { z-index: 2210 !important; overflow: hidden !important; position: absolute !important; letter-spacing: normal !important; list-style: none !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; visibility: visible !important; white-space: normal !important; word-spacing: normal !important; vertical-align: baseline !important; margin: 0 !important; padding: 0 !important; float: none !important; text-decoration: none !important; border-radius: 3px !important; box-shadow: 0 12px 10px rgba(0, 0, 0, 0.25) !important; border: 1px solid; border-color: #a2a6ad #989ca1 #8e9398; background: #d0dbdd; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTllYSIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNmQyZDUiIHN0b3Atb3BhY2l0eT0iMC45NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)*/ background: linear-gradient(to bottom, rgba(227, 233, 234, 0.95), rgba(198, 210, 213, 0.95)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e3e9ea', endColorstr='#f2c6d2d5',GradientType=0); } .bx-panel-tooltip div { display: block !important; } .bx-panel-tooltip .bx-panel-tooltip-top-border, .bx-panel-tooltip .bx-panel-tooltip-bottom-border { display: none !important; } .bx-panel-tooltip-content { overflow: hidden !important; position: relative !important; z-index: 10 !important; display: inline-block !important; } .bx-panel-tooltip-title { font: normal normal bold 14px / normal "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #16191a !important; position: relative !important; padding: 7px 10px 0 10px !important; margin: 0 !important; text-shadow: 0 1px rgba(255, 255, 255, 0.66); } .bx-panel-tooltip-text { font: normal normal normal 12px / normal "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #272b31 !important; padding: 9px 10px 10px 10px !important; margin: 0 !important; position: relative !important; text-shadow: 0 1px rgba(255, 255, 255, 0.25); } .bx-panel-tooltip-close { position: absolute !important; height: 20px !important; background: scroll transparent url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/panel/top-panel-sprite-2.png) no-repeat -9px -1881px !important; width: 25px !important; top: 0 !important; right: 0 !important; z-index: 5 !important; display: block !important; } .bx-panel-tooltip-close:hover { background: scroll transparent url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/panel/top-panel-sprite-2.png) no-repeat -32px -1881px !important; } .bx-panel-tooltip-text a { font: normal normal normal 12px / normal "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .bx-panel-tooltip-text a, .bx-panel-tooltip-text a:hover { color: #272b31 !important; text-decoration: underline !important; } .bx-clear { clear: both; } * { margin: 0; padding: 0; } html, body { padding: 0; margin: 0; width: 100%; height: 100%; } body { background-color: #ffffff; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Open Sans", sans-serif; overflow-x: hidden; display: block !important; } .firstScreenLowStart { overflow: hidden; } .h1 { font-weight: 900; line-height: 96px; font-size: 96px; text-align: center; } .h1_subtitle { margin-top: 25px; font-weight: 400; line-height: 16px; font-size: 16px; text-align: center; } .h2 { font-weight: 900; line-height: 80px; font-size: 80px; text-align: center; padding-top: 37vh; -webkit-animation: hideDown ease-out 1s; animation: hideDown ease-out 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .h2__subtitle { font-weight: 900; font-size: 20px; line-height: 27px; text-align: center; color: #e0387e; margin-top: 40px; -webkit-animation: hideDown ease-out 1s; animation: hideDown ease-out 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .innerScrn .h2 { -webkit-animation: bottomAppearance ease-out 0.6s; animation: bottomAppearance ease-out 0.6s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .innerScrn .h2__subtitle { -webkit-animation: bottomAppearance ease-out 0.6s; animation: bottomAppearance ease-out 0.6s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .ContentInnerPage { position: relative; z-index: 2; padding-top: 200px; } .ContentInnerPage p { font-family: "Lato", sans-serif; max-width: 544px; margin: 0 auto 28px auto; font-size: calc(1em + 0.4vh); line-height: calc(1em + 0.8vh); } .InnerPageWRP { position: relative; z-index: 2; } .InnerPageFon { width: 100%; position: absolute; z-index: 1; top: 0; left: 0; min-height: 120vh; -webkit-transform: translateY(0vh); transform: translateY(0vh); } .InnerPageFon__img { position: absolute; display: block; } .InnerPageFon__img_0-0 { z-index: 8; top: 10%; right: 10%; } .InnerPageFon__img_1-0 { z-index: 1; top: 0; left: 0; } .InnerPageFon__img_1-1 { z-index: 2; top: 0; right: 0; } .InnerPageFon__img_1-2 { z-index: 3; bottom: -20%; left: 20%; } .InnerPageFon__img_b1-0 { z-index: 4; top: 21%; left: 25%; } .InnerPageFon__img_b1-1 { z-index: 5; top: 55%; left: 0; } .InnerPageFon__img_b1-2 { z-index: 5; top: 60%; left: 31%; } .InnerPageFon__img_b1-3 { z-index: 5; top: 60%; right: 22%; } .innerScrn .InnerPageFon__img_0-0 { -webkit-animation: IFImg0-0 ease-out 1s; animation: IFImg0-0 ease-out 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .innerScrn .InnerPageFon__img_1-0 { -webkit-animation: IFImg1-0_1-1-- linear 0.5s; animation: IFImg1-0_1-1-- linear 0.5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .innerScrn .InnerPageFon__img_1-1 { -webkit-animation: IFImg1-0_1-1-- linear 0.5s; animation: IFImg1-0_1-1-- linear 0.5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .innerScrn .InnerPageFon__img_1-2 { -webkit-animation: IFImg1-2-- linear 0.5s; animation: IFImg1-2-- linear 0.5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .innerScrn .InnerPageFon__img_b1-0 { -webkit-animation: IFImg1-0_1-1 ease-out 1s; animation: IFImg1-0_1-1 ease-out 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .innerScrn .InnerPageFon__img_b1-1 { -webkit-animation: IFImg1-0_1-1 ease-out 0.9s; animation: IFImg1-0_1-1 ease-out 0.9s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .innerScrn .InnerPageFon__img_b1-2 { -webkit-animation: IFImg1-2 ease-out 0.6s; animation: IFImg1-2 ease-out 0.6s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .innerScrn .InnerPageFon__img_b1-3 { -webkit-animation: IFImg1-2 ease-out 1.1s; animation: IFImg1-2 ease-out 1.1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .HeaderActive.Map .InnerPageFon__img_0-0, .noMap .InnerPageFon__img_0-0 { -webkit-animation: IFImg_topEnd ease-out 1s; animation: IFImg_topEnd ease-out 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .HeaderActive.Map .InnerPageFon__img_1-0, .noMap .InnerPageFon__img_1-0 { -webkit-animation: IFImg_topEnd linear 0.5s; animation: IFImg_topEnd linear 0.5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .HeaderActive.Map .InnerPageFon__img_1-1, .noMap .InnerPageFon__img_1-1 { -webkit-animation: IFImg_topEnd linear 0.5s; animation: IFImg_topEnd linear 0.5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .HeaderActive.Map .InnerPageFon__img_1-2, .noMap .InnerPageFon__img_1-2 { -webkit-animation: IFImg_bottomEnd linear 0.5s; animation: IFImg_bottomEnd linear 0.5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .HeaderActive.Map .InnerPageFon__img_b1-0, .noMap .InnerPageFon__img_b1-0 { -webkit-animation: IFImg_topEnd ease-out 1s; animation: IFImg_topEnd ease-out 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .HeaderActive.Map .InnerPageFon__img_b1-1, .noMap .InnerPageFon__img_b1-1 { -webkit-animation: IFImg_bottomEnd ease-out 0.9s; animation: IFImg_bottomEnd ease-out 0.9s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .HeaderActive.Map .InnerPageFon__img_b1-2, .noMap .InnerPageFon__img_b1-2 { -webkit-animation: IFImg_bottomEnd ease-out 0.6s; animation: IFImg_bottomEnd ease-out 0.6s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .HeaderActive.Map .InnerPageFon__img_b1-3, .noMap .InnerPageFon__img_b1-3 { -webkit-animation: IFImg_bottomEnd ease-out 1.1s; animation: IFImg_bottomEnd ease-out 1.1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .quote { font-family: "Playfair Display", serif; } .quote__text { margin: 56px auto; } .quote__text .quoteFoto { display: block; margin: 0 auto 30px auto; border: 1px solid transparent; border-radius: 50%; } .quote__text .informationPerson { text-align: center; font-size: 28px; line-height: 27px; } .quote__text .informationPerson__fio { font-weight: 900; } .quote__text .informationPerson__position:before { display: inline-block; content: "/"; width: 20px; text-align: center; } .quote__text .blockquote { font-style: italic; text-align: center; font-size: 20px; line-height: 36px; max-width: 736px; margin: 28px auto 56px auto; } .quote__video { margin: 7vh auto; position: relative; width: 100%; max-width: 736px; padding: 0; } .quote__videoWrp { position: absolute; z-index: 11; top: 80px; left: 50%; background-color: #fff; width: 352px; margin: 0 0 0 -176px; padding: 30px 0; } .quote__videoWrp_noPhoto { padding: 40px 0; } .quote__video .btn { width: 48px; height: 48px; cursor: pointer; border: 1px solid #fbfafa; border-radius: 50%; margin: 16px auto 0 auto; position: relative; } .quote__video .btn:before { content: ""; display: block; position: absolute; top: 9px; left: 15px; border: 15px solid transparent; border-left: 23px solid #fbfafa; } .quote__video .btn_stop { display: none; width: 30px; height: 30px; position: absolute; z-index: 10; top: 10px; right: 10px; cursor: pointer; } .quote__video .btn_stop:after { content: ""; display: block; position: absolute; top: 10px; z-index: 2; width: 20px; height: 3px; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .quote__video .btn_stop:before { content: ""; display: block; position: absolute; top: 10px; z-index: 3; width: 20px; height: 3px; background-color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .quote__video .quoteFoto { display: block; margin: 0 auto 15px auto; border: 1px solid transparent; border-radius: 50%; } .quote__video .informationPerson { text-align: center; } .quote__video .informationPerson__fio { display: block; font-weight: 900; font-size: 20px; line-height: 27px; } .quote__video .informationPerson__position { display: block; font-size: 16px; line-height: 21px; } .quote__video .Video { display: block; width: 100%; max-width: 736px; height: auto; position: relative; z-index: 2; } .quote__video .Video.active { display: block; top: 0; left: 0; z-index: 7; } #Rynok .quote__videoWrp, #Muzej .quote__videoWrp { top: 56px; } video[controls]::-webkit-media-controls-panel { display: flex !important; opacity: 1 !important; } .imgContent { display: block; margin: 9vh auto 10vh auto; width: 100%; max-width: 734px; } .InnerPage { width: 100%; height: 100vh; position: relative; z-index: 1; transition: all 0.5s; } .innerScrn .InnerPage { height: auto; } #InnerPageHeader { width: 100%; height: 100vh; -webkit-transform: translateY(0vh); transform: translateY(0vh); transition: all 0.5s; } .HeaderActive.Map, .HeaderActive.MapNoAnime { overflow: hidden; } @media only screen and (min-width: 641px) and (max-width: 1279px) { .HeaderActive.Map, .HeaderActive.MapNoAnime { overflow-x: auto; } } .textCenter { text-align: center; } .h300_700 .HeaderActive.Map, .h300_700 .HeaderActive.MapNoAnime { overflow-y: auto; } .h700_800 .HeaderActive.Map, .h700_800 .HeaderActive.MapNoAnime { overflow-y: auto; } input[type="button"], input[type="text"] { -webkit-appearance: none; border-radius: 0; } .logoTop { display: block; width: calc(100% - 24px); min-width: calc(100px - 24px); max-width: 170px; margin: 15px 12px 0 12px; font-size: 0; } @media only screen and (min-width: 319px) and (max-width: 790px) { .logoTop { margin: 10px auto 0 auto; } } .tac { text-align: center; } .tar { text-align: right; } .Icon__search { background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_search.svg) center 0 no-repeat; display: inline-block; width: 30px; height: 17px; cursor: pointer; } @media only screen and (min-width: 319px) and (max-width: 790px) { .Icon__search { margin-top: 16px; } } .Icon__search:hover, .Icon__search.focus { background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_search2.svg) center 0 no-repeat; } .HeaderSite__burger1 { width: 20px; height: 17px; display: inline-block; position: relative; margin-right: 10%; } .HeaderSite__burger1Menu { padding: 15px 0 15px 0; width: 200px; background-color: #ffffff; border: 1px solid #e5e5e5; margin: 0 0 0 -89px; display: none; position: absolute; top: 26px; left: 0; z-index: 2; text-align: left; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25); } .HeaderSite__burger1Menu:before { content: ""; display: block; width: 10px; height: 10px; position: absolute; top: -5px; left: 93px; z-index: 2; background-color: #ffffff; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .HeaderSite__burger1Menu.active { display: block; } .HeaderSite__burger1MenuItem { margin: 10px 0 10px 25px; } .Icon__burger, .Icon__burger2 { width: 20px; height: 17px; display: inline-block; position: relative; cursor: pointer; } @media only screen and (min-width: 319px) and (max-width: 790px) { .Icon__burger, .Icon__burger2 { margin-top: 18px; } } .Icon__burger:before, .Icon__burger:after, .Icon__burgerLine, .Icon__burger2:before, .Icon__burger2:after, .Icon__burger2Line { display: block; width: 100%; height: 2px; background: #000000; } .Icon__burger:hover:before, .Icon__burger:hover:after, .Icon__burger:hover .Icon__burgerLine, .Icon__burger.focus:before, .Icon__burger.focus:after, .Icon__burger.focus .Icon__burgerLine, .Icon__burger2:hover:before, .Icon__burger2:hover:after, .Icon__burger2:hover .Icon__burgerLine, .Icon__burger2.focus:before, .Icon__burger2.focus:after, .Icon__burger2.focus .Icon__burgerLine { background: #e0387e; } .Icon__burger:before, .Icon__burger2:before { content: ""; position: relative; margin-bottom: 4px; } .Icon__burgerLine, .Icon__burger2Line { display: block; margin-bottom: 4px; } .Icon__burger:after, .Icon__burger2:after { content: ""; background-color: #000000; } .Icon__burgerMenu, .Icon__burger2Menu { display: block; } .HeaderSite { font-family: "Open Sans", sans-serif; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background-color: #ffffff; border-bottom: 1px solid #e5e5e5; display: grid; height: 130px; grid-template-columns: minmax(100px, 200px) 1fr minmax(200px, 200px); grid-column-gap: 0; -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.5s; } .HeaderSite .h-search { display: none; position: absolute; left: 0; top: 108px; z-index: 3; width: 100%; background-color: #ffffff; height: 93px; line-height: 93px; border-top: 1px solid #e5e5e5; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25); height: 130px; grid-template-columns: 1fr minmax(200px, 200px); grid-column-gap: 0; } .HeaderSite .h-search.active { display: grid; } .HeaderSite .h-search:before { content: ""; display: block; width: 10px; height: 10px; position: absolute; top: -5px; right: 247px; z-index: 2; background-color: #ffffff; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .HeaderSite .h-search__right, .HeaderSite .h-search__left { text-align: left; } .HeaderSite .h-search #header-search { height: 50px; line-height: 50px; letter-spacing: 0.3px; font-size: 14px; font-weight: normal; margin: 25px 0 0 9px; border-width: 0; border-bottom: 1px solid #000000; border-top: 0; border-left: 0; border-right: 0; width: calc(100% - 45px); } .HeaderSite .h-search #header-search:focus { background-color: transparent; outline: none; } .HeaderSite .h-search #header-search::-webkit-input-placeholder { font-size: 14px; color: #979797; font-weight: normal; } .HeaderSite .h-search #header-search:-ms-input-placeholder { font-size: 14px; color: #979797; font-weight: normal; } .HeaderSite .h-search #header-search::-ms-input-placeholder { font-size: 14px; color: #979797; font-weight: normal; } .HeaderSite .h-search #header-search::placeholder { font-size: 14px; color: #979797; font-weight: normal; } .HeaderSite .h-search__button { height: 50px; line-height: 50px; background: #fff; border: 1px solid #e5e5e5; width: 170px; margin: 25px 0 0 0; } .HeaderSite__minicart { background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_korzina.svg) 0 10px no-repeat; display: inline-block; width: 30px; height: 40px; vertical-align: top; padding: 0 0 0 22px; line-height: 40px; } .HeaderSite__minicart:hover { text-decoration: none; } .HeaderSite__minicartCounter { color: #e0387e; text-decoration: none; } .HeaderSite__minicartCounter:empty { display: none; } .HeaderSiteBufer { height: 130px; } @media only screen and (min-width: 319px) and (max-width: 790px) { .HeaderSiteBufer { height: 0; } } .HeaderSite__link { color: #000000; } .HeaderSite__link:hover { color: #e0387e; } .HeaderSite__link_red { display: inline-block; margin-right: 12px; } @media only screen and (min-width: 319px) and (max-width: 790px) { .HeaderSite { grid-template-columns: 1fr; grid-template-rows: 120px 50px; height: 170px; border: none; position: -webkit-sticky; position: sticky; } .HeaderSite.Black { -webkit-transform: translateY(-119px); transform: translateY(-119px); transition: all 0.5s; background-color: #000000; } .HeaderSite__left { border-right: none !important; border-bottom: 2px solid #e5e5e5; } .HeaderSite__center, .HeaderSite__right { display: none; } } .HeaderSite__left { border-right: 1px solid #e5e5e5; } .HeaderSite__center__tel { font-family: Tahoma; font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #828282; } .HeaderSite__center__city { position: relative; } .HeaderSite__center__cityItem { padding: 0 15px 0 0; background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_catalog_arrow-down.svg) right 0 no-repeat; cursor: pointer; } .HeaderSite__center__cityItem.dn { background-image: none; padding: 5px 10px; background-color: #ffffff; border: 1px solid #e5e5e5; margin: 0 0 0 -10px; display: none; position: absolute; top: 26px; left: 0; z-index: 2; } .HeaderSite__center__cityItem.dn:before { content: ""; display: block; width: 10px; height: 10px; position: absolute; top: -5px; left: 20px; z-index: 2; background-color: #ffffff; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .HeaderSite__center__cityItem.dn.active { display: block; } @media only screen and (min-width: 319px) and (max-width: 1004px) { .HeaderSite__center__city2 { display: none; } } .HeaderSite__centerTop { display: grid; grid-template-columns: minmax(113px, 150px) minmax(45px, 70px) minmax(110px, 200px) 1fr; grid-column-gap: 30px; padding: 27px 37px 27px 27px; } @media only screen and (min-width: 319px) and (max-width: 1004px) { .HeaderSite__centerTop { grid-template-columns: minmax(113px, 150px) minmax(45px, 70px) 1fr; } } .HeaderSite__centerBottom { display: flex; justify-content: space-between; font-style: normal; font-weight: bold; font-size: 14px; line-height: 15px; text-transform: uppercase; padding: 0 37px 0 32px; } .HeaderSite__centerBottomItem_ctlg { cursor: pointer; padding-left: 21px; background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_cattov.svg) 0 0 no-repeat; } .HeaderSite__centerBottomItem_ctlg.focus { background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_cattov2.svg) 0 0 no-repeat; } .HeaderSite__centerBottomItem_ctlg.focus .ctlgLinck { color: #e0387e; } .HeaderSite__right { border-left: 1px solid #e5e5e5; } .HeaderSite__rightTop { padding: 27px 26px 25px 27px; font-size: 14px; line-height: 19px; } .HeaderSite__rightBottom { padding: 0 26px 0 27px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 10px; } .HeaderSite .MainMenu { background-color: #ffffff; border: 1px solid #e5e5e5; margin: 0; display: none; position: absolute; top: 108px; left: 0; z-index: 2; max-height: 76vh; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25); width: 100%; cursor: default; } .HeaderSite .MainMenu:before { content: ""; display: block; width: 8px; height: 8px; position: absolute; top: -5px; left: 250px; z-index: 2; background-color: #ffffff; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .HeaderSite .MainMenu.active { display: block; } .HeaderSite .MainMenuWRP { padding: 27px 34px 38px 30px; display: grid; grid-template-columns: 1fr 340px; grid-column-gap: 10px; height: auto; } @media only screen and (min-width: 319px) and (max-width: 1301px) { .HeaderSite .MainMenuWRP { grid-template-columns: 1fr 176px; } } .HeaderSite .MainMenuWRP details { display: inline-block; vertical-align: top; width: 215px; } .HeaderSite .MainMenuWRP details .MainMenu__link { padding-left: 31px; } .HeaderSite .MainMenuWRP details summary { width: calc(215px - 20px); height: 30px; line-height: 30px; padding: 0 0 0 20px; position: relative; cursor: pointer; font-style: normal; font-weight: 600; font-size: 12px; letter-spacing: 0.1px; color: #52575c; text-transform: none; } .HeaderSite .MainMenuWRP details summary:before, .HeaderSite .MainMenuWRP details summary:after { content: ""; position: absolute; display: block; background-color: #000000; } .HeaderSite .MainMenuWRP details summary:before { width: 7px; height: 1px; top: 14px; left: 6px; } .HeaderSite .MainMenuWRP details summary:after { width: 1px; height: 7px; top: 11px; left: 9px; -webkit-transform: scale(1); transform: scale(1); transition: all 0.5s; } .HeaderSite .MainMenuWRP details summary:focus { outline: 0; } .HeaderSite .MainMenuWRP details summary::-webkit-details-marker { display: none; font-size: 0; color: transparent; } .HeaderSite .MainMenuWRP details summary::-moz-list-bullet { list-style-type: none; font-size: 0; color: transparent; } .HeaderSite .MainMenuWRP details[open] summary:after { -webkit-transform: scale(0); transform: scale(0); transition: all 0.5s; } .HeaderSite .MainMenu__leftWRP { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 10px; height: 72vh; overflow: hidden; } .HeaderSite .MainMenu__leftItem { position: relative; padding-top: 30px; vertical-align: top; font-size: 0; line-height: 0; overflow-y: auto; } .HeaderSite .MainMenu__leftItem::-webkit-scrollbar { width: 3px; height: 100%; background-color: #fafafa; } .HeaderSite .MainMenu__leftItem::-webkit-scrollbar-button { display: none; } .HeaderSite .MainMenu__leftItem::-webkit-scrollbar-thumb { height: 50px; background-color: #e0387e; border-radius: 3px; } .HeaderSite .MainMenu__leftItem1, .HeaderSite .MainMenu__leftItem2 { /*display: inline-block;*/ width: 215px; vertical-align: top; } .HeaderSite .MainMenu__leftItem_3 { grid-column: 2; margin-top: 30px; } .HeaderSite .MainMenu .titleMenu { padding-left: 21px; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; display: block; letter-spacing: 0.1px; position: absolute; top: 0; left: 0; margin: 0; } .HeaderSite .MainMenu .MainMenu__link { display: inline-block; position: relative; padding-left: 21px; width: 215px; height: 30px; line-height: 30px; font-weight: 600; font-size: 12px; letter-spacing: 0.1px; text-transform: none; color: #000000; } .HeaderSite .MainMenu .MainMenu__link:before { content: ""; display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-color: #fafafa; } .HeaderSite .MainMenu .MainMenu__link:hover { color: #e0387e; text-decoration: none; } .HeaderSite .MainMenu .MainMenu__link:hover:before { display: block; } .HeaderSite .MainMenu .MainMenu__rightWRP { padding: 17px 27px 34px 27px; background-color: #fafafa; } .HeaderSite .MainMenu .MainMenu__rightWRP .MainMenu__link { text-transform: uppercase; display: block; width: auto; padding-left: 0; } .HeaderSite .MainMenu .MainMenu__right .Look__item { display: block; width: 286px; height: 341px; margin-top: 18px; } @media only screen and (min-width: 319px) and (max-width: 1301px) { .HeaderSite .MainMenu .MainMenu__right .Look__item { display: none; } } .HeaderSite .MainMenu .MainMenu__right .Look__link { color: #ffffff; } .HeaderSite .MainMenu .MainMenu__right .Look__link:hover { color: #ffffff; } .HeaderSiteMobile { display: none; } @media only screen and (min-width: 319px) and (max-width: 790px) { .HeaderSiteMobile { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 0; height: 50px; border-bottom: 1px solid #e5e5e5; } } .HeaderSiteMobile__item { text-align: center; } .HeaderSiteMobile__item.active { background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/fon.jpg) right 0 repeat-y #ffffff; } .HeaderSiteMobile .favouritesNew, .HeaderSiteMobile .compareNew { margin-top: 5px; } .HeaderSiteMobile .HeaderSite__minicart { margin-top: 7px; } .HeaderSiteMobileMenu { height: calc(100vh - 168px); background-color: #ffffff; position: absolute; top: 169px; left: 0; width: 100%; text-align: left; overflow-y: auto; border-top: 1px solid #e5e5e5; display: none; } .HeaderSiteMobileMenu.active { display: block; } .HeaderSiteMobileMenu:before { width: calc(20% - 1px); height: 2px; content: ""; display: block; position: fixed; top: 168px; left: 0; z-index: 4; background-color: #ffffff; } .HeaderSiteMobileMenu__part { padding: 30px 0 30px 54px; border-bottom: 1px solid #e5e5e5; position: relative; } .HeaderSiteMobileMenu__part3 { display: grid; height: 130px; padding: 0 54px; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; text-align: center; line-height: 130px; } .HeaderSiteMobileMenu__part3 .HeaderSite__link { font-size: 30px; } .HeaderSiteMobileMenu__part4 { font-size: 30px; color: #828282; } .HeaderSiteMobileMenu__part4 .HeaderSite__center__tel { font-size: 30px; margin-bottom: 28px; cursor: pointer; display: block; } .HeaderSiteMobileMenu__part4 .HeaderSite__link { font-size: 29px; } .HeaderSiteMobileMenu__part5 { text-align: center; padding: 30px 0; } .HeaderSiteMobileMenu .MainMenu__link { display: block; font-style: normal; font-weight: bold; font-size: 25px; line-height: 25px; color: #000000; letter-spacing: 0.1px; text-transform: uppercase; margin: 20px 0 20px 0; width: 250px; } @media only screen and (min-width: 319px) and (max-width: 790px) { .HeaderSite.Black .HeaderSiteMobile { border-bottom: 1px solid #000000; } .HeaderSite.Black .HeaderSiteMobileMenu { height: calc(100vh - 49px); } .HeaderSite.Black .Icon__burger2:before, .HeaderSite.Black .Icon__burger2:after, .HeaderSite.Black .Icon__burger2Line { background: #ffffff; } .HeaderSite.Black .Icon__burger2.focus:before, .HeaderSite.Black .Icon__burger2.focus:after { background: #000000; } .HeaderSite.Black .Icon__search { background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_search2.svg) center 0 no-repeat; } .HeaderSite.Black .favouritesNew { background: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7655 2.77244C15.9455 1.09049 14.2254 0 12.3654 0C10.5054 0 9.30542 0.757799 8.60542 1.57105C7.90542 0.757799 6.70541 0 4.84541 0C2.9854 0 1.26539 1.09049 0.445386 2.77244C-0.394617 4.52831 -0.0346169 6.46901 1.42539 7.98461C4.92541 11.6257 8.02542 14.1949 8.06542 14.2134C8.22542 14.3427 8.40542 14.3982 8.60542 14.3982C8.80542 14.3982 8.98542 14.3427 9.14542 14.2134C9.18542 14.1949 12.2654 11.6073 15.7855 7.98461C17.2655 6.46901 17.6255 4.52831 16.7655 2.77244Z' fill='%23FFFFFF'/%3E%3C/svg%3E") center 13px no-repeat !important; } .HeaderSite.Black .compareNew, .HeaderSite.Black .compareNew:hover { background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_comparison_w.svg) center 13px no-repeat !important; background-size: 26px 16px !important; } .HeaderSite.Black .HeaderSite__minicart { background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_korzina_w.svg) 0 10px no-repeat !important; } .HeaderSite.Black .h-search { top: 168px; } .HeaderSite.Black .h-search:before { right: auto; left: 30%; } } .focus .Icon__burger2Line { opacity: 0; } .Icon__burger2.focus:before { -webkit-transform: rotate(45deg) translateY(9px) translateX(8px); transform: rotate(45deg) translateY(9px) translateX(8px); } .Icon__burger2.focus:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .overflowHidden { overflow: hidden; } @keyframes hideDown { 0% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } 100% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } } @-webkit-keyframes hideDown { 0% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } 100% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } } @keyframes bottomAppearance { 0% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } 100% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } } @-webkit-keyframes bottomAppearance { 0% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } 100% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } } @keyframes IFImg0-0 { 0% { -webkit-transform: translateY(-100vh); transform: translateY(-100vh); } 100% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } } @-webkit-keyframes IFImg0-0 { 0% { -webkit-transform: translateY(-100vh); transform: translateY(-100vh); } 100% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } } @keyframes IFImg1-0_1-1 { 0% { -webkit-transform: translateY(-100vh); transform: translateY(-100vh); } 100% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } } @-webkit-keyframes IFImg1-0_1-1 { 0% { -webkit-transform: translateY(-100vh); transform: translateY(-100vh); } 100% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } } @keyframes IFImg1-0_1-1-- { 0% { -webkit-transform: translateY(-100vh); transform: translateY(-100vh); opacity: 0; } 100% { -webkit-transform: translateY(0vh); transform: translateY(0vh); opacity: 1; } } @-webkit-keyframes IFImg1-0_1-1-- { 0% { -webkit-transform: translateY(-100vh); transform: translateY(-100vh); opacity: 0; } 100% { -webkit-transform: translateY(0vh); transform: translateY(0vh); opacity: 1; } } @keyframes IFImg1-2 { 0% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } 100% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } } @-webkit-keyframes IFImg1-2 { 0% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } 100% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } } @keyframes IFImg1-2-- { 0% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } 70% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } 100% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } } @-webkit-keyframes IFImg1-2-- { 0% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } 70% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } 100% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } } @keyframes IFImg_topEnd { 0% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } 100% { -webkit-transform: translateY(-100vh); transform: translateY(-100vh); } } @-webkit-keyframes IFImg_topEnd { 0% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } 100% { -webkit-transform: translateY(-100vh); transform: translateY(-100vh); } } @keyframes IFImg_bottomEnd { 0% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } 100% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } } @-webkit-keyframes IFImg_bottomEnd { 0% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } 100% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } } @keyframes MPScrn__fonList { 0% { opacity: 1; position: fixed; height: 100vh; top: 0; } 99% { opacity: 1; position: fixed; height: 100vh; top: 0; } 99.9% { opacity: 0; position: fixed; height: 100vh; top: 0; } 100% { opacity: 0; position: absolute; height: 0; top: 100vh; overflow: hidden; } } @-webkit-keyframes MPScrn__fonList { 0% { opacity: 1; position: fixed; height: 100vh; top: 0; } 99% { opacity: 1; position: fixed; height: 100vh; top: 0; } 99.9% { opacity: 0; position: fixed; height: 100vh; top: 0; } 100% { opacity: 0; position: absolute; height: 0; top: 100vh; overflow: hidden; } } @keyframes MapScrn { 0% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } 100% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } } @-webkit-keyframes MapScrn { 0% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } 100% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } } @keyframes MapScrn_end { 0% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } 100% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } } @-webkit-keyframes MapScrn_end { 0% { -webkit-transform: translateY(0vh); transform: translateY(0vh); } 100% { -webkit-transform: translateY(100vh); transform: translateY(100vh); } } @keyframes arrow_f_r { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes arrow_f_r { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes arrow_f_l { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes arrow_f_l { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes arrow_f_l { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes arrow_f_l { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes kavkaz_logo_map { 0% { -webkit-transform: translateY(-110%); transform: translateY(-110%); } 50% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes kavkaz_logo_map { 0% { -webkit-transform: translateY(-110%); transform: translateY(-110%); } 50% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes arrow_f_l { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes pulsar { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.25); transform: scale(1.25); } 70% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulsar { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.25); transform: scale(1.25); } 70% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .socialList { margin-top: 25px; margin-bottom: 20px; } .social_share { display: inline-block; position: relative; vertical-align: top; margin-top: 0; margin-bottom: 0; height: 34px; width: 34px; border-radius: 50%; border: 1px solid transparent; background-repeat: no-repeat; background-position: 0 0; background-size: cover; transition: all 0.2s; } .social_share:hover { transition: all 0.5s; } .mobile .social_share { height: 50px !important; width: 50px !important; } .mobile .socialList { -webkit-transform: translateY(4px); transform: translateY(4px); } /* fb */ .social_share[data-type="facebook"] { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODEiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA4MSA4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI0MC41IiBjeT0iNDAuNSIgcj0iNDAuNSIgZmlsbD0iI0Y4RjhGOCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDMuOTcxMyA1OS41NTg4VjQzLjQ3NzlINDkuMTc4OUw1MC4wMjk1IDM2LjMzMDhINDMuOTcxM1YzMi44NTAyQzQzLjk3MTMgMzEuMDA5OSA0NC4wMjE0IDI5LjE4MzggNDYuNzY0NSAyOS4xODM4SDQ5LjU0MjlWMjQuMDczNkM0OS41NDI5IDIzLjk5NjggNDcuMTU2NCAyMy44MjM1IDQ0Ljc0MiAyMy44MjM1QzM5LjY5OTcgMjMuODIzNSAzNi41NDI0IDI2Ljc4NDIgMzYuNTQyNCAzMi4yMjEzVjM2LjMzMDhIMzAuOTcwN1Y0My40Nzc5SDM2LjU0MjRWNTkuNTU4OEg0My45NzEzWiIgZmlsbD0iIzIyMjIyMiIvPjwvc3ZnPg=="); } .social_share[data-type="facebook"]:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODEiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA4MSA4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI0MC41IiBjeT0iNDAuNSIgcj0iNDAuNSIgZmlsbD0iI0Y4NDM4RSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDMuOTcxMyA1OS41NTg4VjQzLjQ3NzlINDkuMTc4OUw1MC4wMjk1IDM2LjMzMDhINDMuOTcxM1YzMi44NTAyQzQzLjk3MTMgMzEuMDA5OSA0NC4wMjE0IDI5LjE4MzggNDYuNzY0NSAyOS4xODM4SDQ5LjU0MjlWMjQuMDczNkM0OS41NDI5IDIzLjk5NjggNDcuMTU2NCAyMy44MjM1IDQ0Ljc0MiAyMy44MjM1QzM5LjY5OTcgMjMuODIzNSAzNi41NDI0IDI2Ljc4NDIgMzYuNTQyNCAzMi4yMjEzVjM2LjMzMDhIMzAuOTcwN1Y0My40Nzc5SDM2LjU0MjRWNTkuNTU4OEg0My45NzEzWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=); } /* vk */ .social_share[data-type="vk"] { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA4MiA4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI0MC43MDYxIiBjeT0iNDAuNSIgcj0iNDAuNSIgZmlsbD0iI0Y4RjhGOCIvPjxwYXRoIGQ9Ik01OC4wMzE3IDUyLjMyNzhMNTIuOTQxMyA1Mi4zOTIxQzUyLjk0MTMgNTIuMzkyMSA1MS44NTM3IDUyLjYwNjUgNTAuMzk2MiA1MS42MjAzQzQ4LjQ4MTkgNTAuMzM0IDQ2LjY5ODEgNDYuOTg5NSA0NS4yODQxIDQ3LjQxODNDNDMuODcwMSA0Ny44Njg1IDQzLjkxMzYgNTAuODY5OSA0My45MTM2IDUwLjg2OTlDNDMuOTEzNiA1MC44Njk5IDQzLjkxMzYgNTEuNTEzMSA0My42MDkxIDUxLjg1NjFDNDMuMjYxIDUyLjI0MiA0Mi41NjQ5IDUyLjMyNzggNDIuNTY0OSA1Mi4zMjc4SDQwLjMwMjVDNDAuMzAyNSA1Mi4zMjc4IDM1LjI3NzQgNTIuNjI3OSAzMC44Mzk3IDQ4LjA4MjlDMjYuMDEwNCA0My4xMzA2IDIxLjc0NjcgMzMuMjkwMyAyMS43NDY3IDMzLjI5MDNDMjEuNzQ2NyAzMy4yOTAzIDIxLjUwNzQgMzIuNjQ3MSAyMS43Njg0IDMyLjMyNTVDMjIuMDczIDMxLjk4MjUgMjIuODc3OSAzMS45NjExIDIyLjg3NzkgMzEuOTYxMUwyOC4zMTYzIDMxLjkxODJDMjguMzE2MyAzMS45MTgyIDI4LjgzODMgMzIuMDAzOSAyOS4xODY0IDMyLjI2MTJDMjkuNTEyNyAzMi40OTcgMjkuNjg2NyAzMi45MDQ0IDI5LjY4NjcgMzIuOTA0NEMyOS42ODY3IDMyLjkwNDQgMzAuNTU2OSAzNS4wOTExIDMxLjczMTYgMzcuMDg0OUMzNC4wMTU3IDQwLjk2NTMgMzUuMDU5OSA0MS44MDE0IDM1Ljg0MyA0MS4zOTQxQzM2Ljk3NDIgNDAuNzkzOCAzNi42MjYxIDM1LjkwNTggMzYuNjI2MSAzNS45MDU4QzM2LjYyNjEgMzUuOTA1OCAzNi42NDc5IDM0LjE0NzggMzYuMDYwNSAzMy4zNTQ2QzM1LjYwMzcgMzIuNzMyOSAzNC43NTUzIDMyLjU2MTQgMzQuMzYzOCAzMi41MTg1QzM0LjA1OTIgMzIuNDc1NiAzNC41NTk1IDMxLjc2ODEgMzUuMjEyMiAzMS40NjhDMzYuMTkxMSAzMC45OTYzIDM3LjkzMTQgMzAuOTUzNSAzOS45NzYyIDMwLjk3NDlDNDEuNTY0MiAzMC45OTYzIDQyLjAyMSAzMS4wODIxIDQyLjY1MTkgMzEuMjMyMkM0NC41MjI3IDMxLjY4MjQgNDMuODkxOCAzMy4zOTc1IDQzLjg5MTggMzcuNTM1MUM0My44OTE4IDM4Ljg2NDMgNDMuNjUyNiA0MC43Mjk1IDQ0LjYzMTUgNDEuMzUxMkM0NS4wNDQ4IDQxLjYwODQgNDYuMDY3MiA0MS4zOTQxIDQ4LjYxMjQgMzcuMTI3OEM0OS44MzA2IDM1LjExMjUgNTAuNzIyNSAzMi43MTE0IDUwLjcyMjUgMzIuNzExNEM1MC43MjI1IDMyLjcxMTQgNTAuOTE4MyAzMi4yODI3IDUxLjIyMjggMzIuMTExMUM1MS41Mjc0IDMxLjkxODIgNTEuOTYyNCAzMS45ODI1IDUxLjk2MjQgMzEuOTgyNUw1Ny43MDU0IDMxLjkzOTZDNTcuNzA1NCAzMS45Mzk2IDU5LjQyMzkgMzEuNzI1MiA1OS43MDY3IDMyLjQ5N0M1OS45ODk1IDMzLjMxMTcgNTkuMDU0MSAzNS4xNzY5IDU2LjcyNjUgMzguMjY0QzUyLjg3NjEgNDMuMzIzNSA1Mi40NjI4IDQyLjg1MTkgNTUuNjM4OCA0NS43Njc1QzU4LjY4NDMgNDguNTU0NiA1OS4zMTUyIDQ5LjkyNjYgNTkuNDIzOSA1MC4wNzY3QzYwLjY4NTYgNTIuMTU2MiA1OC4wMzE3IDUyLjMyNzggNTguMDMxNyA1Mi4zMjc4WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4="); } .social_share[data-type="vk"]:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA4MiA4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI0MC43MDYxIiBjeT0iNDAuNSIgcj0iNDAuNSIgZmlsbD0iI0Y4NDM4RSIvPjxwYXRoIGQ9Ik01OC4wMzE3IDUyLjMyNzhMNTIuOTQxMyA1Mi4zOTIxQzUyLjk0MTMgNTIuMzkyMSA1MS44NTM3IDUyLjYwNjUgNTAuMzk2MiA1MS42MjAzQzQ4LjQ4MTkgNTAuMzM0IDQ2LjY5ODEgNDYuOTg5NSA0NS4yODQxIDQ3LjQxODNDNDMuODcwMSA0Ny44Njg1IDQzLjkxMzYgNTAuODY5OSA0My45MTM2IDUwLjg2OTlDNDMuOTEzNiA1MC44Njk5IDQzLjkxMzYgNTEuNTEzMSA0My42MDkxIDUxLjg1NjFDNDMuMjYxIDUyLjI0MiA0Mi41NjQ5IDUyLjMyNzggNDIuNTY0OSA1Mi4zMjc4SDQwLjMwMjVDNDAuMzAyNSA1Mi4zMjc4IDM1LjI3NzQgNTIuNjI3OSAzMC44Mzk3IDQ4LjA4MjlDMjYuMDEwNCA0My4xMzA2IDIxLjc0NjcgMzMuMjkwMyAyMS43NDY3IDMzLjI5MDNDMjEuNzQ2NyAzMy4yOTAzIDIxLjUwNzQgMzIuNjQ3MSAyMS43Njg0IDMyLjMyNTVDMjIuMDczIDMxLjk4MjUgMjIuODc3OSAzMS45NjExIDIyLjg3NzkgMzEuOTYxMUwyOC4zMTYzIDMxLjkxODJDMjguMzE2MyAzMS45MTgyIDI4LjgzODMgMzIuMDAzOSAyOS4xODY0IDMyLjI2MTJDMjkuNTEyNyAzMi40OTcgMjkuNjg2NyAzMi45MDQ0IDI5LjY4NjcgMzIuOTA0NEMyOS42ODY3IDMyLjkwNDQgMzAuNTU2OSAzNS4wOTExIDMxLjczMTYgMzcuMDg0OUMzNC4wMTU3IDQwLjk2NTMgMzUuMDU5OSA0MS44MDE0IDM1Ljg0MyA0MS4zOTQxQzM2Ljk3NDIgNDAuNzkzOCAzNi42MjYxIDM1LjkwNTggMzYuNjI2MSAzNS45MDU4QzM2LjYyNjEgMzUuOTA1OCAzNi42NDc5IDM0LjE0NzggMzYuMDYwNSAzMy4zNTQ2QzM1LjYwMzcgMzIuNzMyOSAzNC43NTUzIDMyLjU2MTQgMzQuMzYzOCAzMi41MTg1QzM0LjA1OTIgMzIuNDc1NiAzNC41NTk1IDMxLjc2ODEgMzUuMjEyMiAzMS40NjhDMzYuMTkxMSAzMC45OTYzIDM3LjkzMTQgMzAuOTUzNSAzOS45NzYyIDMwLjk3NDlDNDEuNTY0MiAzMC45OTYzIDQyLjAyMSAzMS4wODIxIDQyLjY1MTkgMzEuMjMyMkM0NC41MjI3IDMxLjY4MjQgNDMuODkxOCAzMy4zOTc1IDQzLjg5MTggMzcuNTM1MUM0My44OTE4IDM4Ljg2NDMgNDMuNjUyNiA0MC43Mjk1IDQ0LjYzMTUgNDEuMzUxMkM0NS4wNDQ4IDQxLjYwODQgNDYuMDY3MiA0MS4zOTQxIDQ4LjYxMjQgMzcuMTI3OEM0OS44MzA2IDM1LjExMjUgNTAuNzIyNSAzMi43MTE0IDUwLjcyMjUgMzIuNzExNEM1MC43MjI1IDMyLjcxMTQgNTAuOTE4MyAzMi4yODI3IDUxLjIyMjggMzIuMTExMUM1MS41Mjc0IDMxLjkxODIgNTEuOTYyNCAzMS45ODI1IDUxLjk2MjQgMzEuOTgyNUw1Ny43MDU0IDMxLjkzOTZDNTcuNzA1NCAzMS45Mzk2IDU5LjQyMzkgMzEuNzI1MiA1OS43MDY3IDMyLjQ5N0M1OS45ODk1IDMzLjMxMTcgNTkuMDU0MSAzNS4xNzY5IDU2LjcyNjUgMzguMjY0QzUyLjg3NjEgNDMuMzIzNSA1Mi40NjI4IDQyLjg1MTkgNTUuNjM4OCA0NS43Njc1QzU4LjY4NDMgNDguNTU0NiA1OS4zMTUyIDQ5LjkyNjYgNTkuNDIzOSA1MC4wNzY3QzYwLjY4NTYgNTIuMTU2MiA1OC4wMzE3IDUyLjMyNzggNTguMDMxNyA1Mi4zMjc4WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=); } /* ok */ .social_share[data-type="ok"] { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA4MiA4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI0MC42NzY4IiBjeT0iNDAuNSIgcj0iNDAuNSIgZmlsbD0iI0Y4RjhGOCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDkuMTU0MiAzMS43ODc3QzQ5LjE1NDIgMzYuMjExMSA0NS4zODYzIDM5LjkxMjQgNDAuNjc2MyAzOS45MTI0QzM1Ljk2NjMgMzkuOTEyNCAzMi4xOTgzIDM2LjIxMTEgMzIuMTk4MyAzMS43ODc3QzMyLjE5ODMgMjcuMzY0MiAzNi4wNjA1IDIzLjY2MyA0MC42NzYzIDIzLjY2M0M0NS4yOTIxIDIzLjY2MyA0OS4xNTQyIDI3LjI3MzkgNDkuMTU0MiAzMS43ODc3Wk00NC4xNjE3IDMxLjY5NzRDNDQuMTYxNyAyOS44OTE5IDQyLjY1NDUgMjguMzU3MiA0MC42NzYzIDI4LjM1NzJDMzguNjk4MSAyOC4zNTcyIDM3LjE5MDkgMjkuODkxOSAzNy4xOTA5IDMxLjY5NzRDMzcuMTkwOSAzMy41MDI5IDM4LjY5ODEgMzUuMDM3NiA0MC42NzYzIDM1LjAzNzZDNDIuNTYwMyAzNS4wMzc2IDQ0LjE2MTcgMzMuNTkzMiA0NC4xNjE3IDMxLjY5NzRaTTQ5LjA1OTcgNDQuNTE2NUM0Ny41NTI1IDQ1LjUwOTYgNDUuODU2OSA0Ni4xNDE1IDQ0LjE2MTMgNDYuNTAyNkw0OC45NjU1IDUxLjE5NjlDNDkuOTA3NSA1Mi4wOTk2IDQ5LjkwNzUgNTMuNjM0MyA0OC45NjU1IDU0LjUzN0M0OC4wMjM1IDU1LjQzOTggNDYuNDIyMSA1NS40Mzk4IDQ1LjQ4MDEgNTQuNTM3TDQwLjc3MDEgNTAuMDIzM0wzNi4wNjAxIDU0LjUzN0MzNS41ODkxIDU0Ljk4ODQgMzQuOTI5NyA1NS4yNTkyIDM0LjI3MDMgNTUuMjU5MkMzMy42MTA5IDU1LjI1OTIgMzIuOTUxNSA1NC45ODg0IDMyLjQ4MDUgNTQuNTM3QzMxLjUzODUgNTMuNjM0MyAzMS41Mzg1IDUyLjA5OTYgMzIuNDgwNSA1MS4xOTY5TDM3LjE5MDUgNDYuNTkyOUMzNS40OTQ5IDQ2LjIzMTggMzMuNzk5MyA0NS41MDk2IDMyLjI5MjEgNDQuNjA2OEMzMS4xNjE4IDQzLjg4NDYgMzAuNzg1IDQyLjM1IDMxLjUzODUgNDEuMjY2N0MzMi4xOTc5IDQwLjE4MzQgMzMuNzk5MyAzOS44MjIzIDM0LjkyOTcgNDAuNTQ0NUMzOC40MTUxIDQyLjYyMDggNDIuOTM2NyA0Mi42MjA4IDQ2LjQyMjEgNDAuNTQ0NUM0Ny41NTI1IDM5LjgyMjMgNDkuMDU5NyA0MC4xODM0IDQ5LjgxMzMgNDEuMjY2N0M1MC41NjY5IDQyLjM1IDUwLjE5MDEgNDMuNzk0MyA0OS4wNTk3IDQ0LjUxNjVaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg=="); } .social_share[data-type="ok"]:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA4MiA4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI0MC42NzY4IiBjeT0iNDAuNSIgcj0iNDAuNSIgZmlsbD0iI0Y4NDM4RSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDkuMTU0MiAzMS43ODc3QzQ5LjE1NDIgMzYuMjExMSA0NS4zODYzIDM5LjkxMjQgNDAuNjc2MyAzOS45MTI0QzM1Ljk2NjMgMzkuOTEyNCAzMi4xOTgzIDM2LjIxMTEgMzIuMTk4MyAzMS43ODc3QzMyLjE5ODMgMjcuMzY0MiAzNi4wNjA1IDIzLjY2MyA0MC42NzYzIDIzLjY2M0M0NS4yOTIxIDIzLjY2MyA0OS4xNTQyIDI3LjI3MzkgNDkuMTU0MiAzMS43ODc3Wk00NC4xNjE3IDMxLjY5NzRDNDQuMTYxNyAyOS44OTE5IDQyLjY1NDUgMjguMzU3MiA0MC42NzYzIDI4LjM1NzJDMzguNjk4MSAyOC4zNTcyIDM3LjE5MDkgMjkuODkxOSAzNy4xOTA5IDMxLjY5NzRDMzcuMTkwOSAzMy41MDI5IDM4LjY5ODEgMzUuMDM3NiA0MC42NzYzIDM1LjAzNzZDNDIuNTYwMyAzNS4wMzc2IDQ0LjE2MTcgMzMuNTkzMiA0NC4xNjE3IDMxLjY5NzRaTTQ5LjA1OTcgNDQuNTE2NUM0Ny41NTI1IDQ1LjUwOTYgNDUuODU2OSA0Ni4xNDE1IDQ0LjE2MTMgNDYuNTAyNkw0OC45NjU1IDUxLjE5NjlDNDkuOTA3NSA1Mi4wOTk2IDQ5LjkwNzUgNTMuNjM0MyA0OC45NjU1IDU0LjUzN0M0OC4wMjM1IDU1LjQzOTggNDYuNDIyMSA1NS40Mzk4IDQ1LjQ4MDEgNTQuNTM3TDQwLjc3MDEgNTAuMDIzM0wzNi4wNjAxIDU0LjUzN0MzNS41ODkxIDU0Ljk4ODQgMzQuOTI5NyA1NS4yNTkyIDM0LjI3MDMgNTUuMjU5MkMzMy42MTA5IDU1LjI1OTIgMzIuOTUxNSA1NC45ODg0IDMyLjQ4MDUgNTQuNTM3QzMxLjUzODUgNTMuNjM0MyAzMS41Mzg1IDUyLjA5OTYgMzIuNDgwNSA1MS4xOTY5TDM3LjE5MDUgNDYuNTkyOUMzNS40OTQ5IDQ2LjIzMTggMzMuNzk5MyA0NS41MDk2IDMyLjI5MjEgNDQuNjA2OEMzMS4xNjE4IDQzLjg4NDYgMzAuNzg1IDQyLjM1IDMxLjUzODUgNDEuMjY2N0MzMi4xOTc5IDQwLjE4MzQgMzMuNzk5MyAzOS44MjIzIDM0LjkyOTcgNDAuNTQ0NUMzOC40MTUxIDQyLjYyMDggNDIuOTM2NyA0Mi42MjA4IDQ2LjQyMjEgNDAuNTQ0NUM0Ny41NTI1IDM5LjgyMjMgNDkuMDU5NyA0MC4xODM0IDQ5LjgxMzMgNDEuMjY2N0M1MC41NjY5IDQyLjM1IDUwLjE5MDEgNDMuNzk0MyA0OS4wNTk3IDQ0LjUxNjVaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==); } /* whats */ .social_share[data-type="whatsapp"] { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA4MiA4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI0MC43NjQ2IiBjeT0iNDAuNSIgcj0iNDAuNSIgZmlsbD0iI0Y4RjhGOCIvPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDMuNTc5NSA0My4yNzE4QzQzLjU3OTUgNDMuMjcxOCA0NC4yNTc3IDQzLjMzMjIgNDQuNjIxNCA0Mi44Nzk1TDQ1LjMzMjkgNDEuOTg1NEM0NS42NzYgNDEuNTQwNyA0Ni41MDUgNDEuMjU4IDQ3LjMxNjYgNDEuNzA5QzQ4LjM5MDMgNDIuMzE1NyA0OS43Nzg0IDQzLjI2ODcgNTAuNzI5NyA0NC4xNTY1QzUxLjI1MzkgNDQuNTk4IDUxLjM3NjIgNDUuMjQ5MiA1MS4wMTg4IDQ1LjkzNjlMNTEuMDE1NiA0NS45NTEyQzUwLjY0NzIgNDYuNTk5MiA1MC4xNTY0IDQ3LjIwNzUgNDkuNTM1NCA0Ny43NzQ1TDQ5LjUyMTEgNDcuNzg0QzQ4LjgyMjMgNDguMzY2OSA0OC4wMTg2IDQ4LjcwNTIgNDcuMTU5NCA0OC40MjU3TDQ3LjE0MzUgNDguNDAzNEM0NS41OTk3IDQ3Ljk2NjcgNDEuODk2IDQ2LjA3ODMgMzkuNTM1OSA0NC4xOTYyQzM1LjY3NDkgNDEuMTUgMzIuOTMwNCAzNi4xMjQ4IDMyLjE3MTIgMzMuNDMxMUwzMi4xNDc0IDMzLjQxNTNDMzEuODY3OSAzMi41NTI4IDMyLjIwOTMgMzEuNzQ5MiAzMi43ODkgMzEuMDUyTDMyLjgwMDIgMzEuMDM5M0MzMy4zNjcyIDMwLjQxODMgMzMuOTczOSAyOS45MjU5IDM0LjYyMzUgMjkuNTU5TDM0LjYzNzggMjkuNTU1OEMzNS4zMjM5IDI5LjE5ODUgMzUuOTc1IDI5LjMxOTIgMzYuNDE4MiAyOS44NDQ5QzM3LjAwMSAzMC40NDY4IDM4LjA5NTMgMzEuODk1MyAzOC44NjQgMzMuMjU4QzM5LjMxNTEgMzQuMDY4IDM5LjAzMjQgMzQuODk4NyAzOC41ODkzIDM1LjI0MDFMMzcuNjkzNSAzNS45NTE3QzM3LjI0MjUgMzYuMzE3IDM3LjMwMTIgMzYuOTk1MSAzNy4zMDEyIDM2Ljk5NTFDMzcuMzAxMiAzNi45OTUxIDM4LjYyNTggNDIuMDA3NiA0My41Nzk1IDQzLjI3MThaTTUxLjM3MyAzOS4xMTdDNTEuMTA3NyAzOS4xMTcgNTAuODkxOCAzOC45MDI2IDUwLjg5MDIgMzguNjM3NEM1MC44Njc5IDM1LjczMDkgNDkuOTk0NCAzMy40MTUzIDQ4LjI5NSAzMS43NTcxQzQ2LjU5MjQgMzAuMDk3NCA0NC40NDAzIDI5LjI0NjEgNDEuODk5MiAyOS4yMjg3QzQxLjYzMjMgMjkuMjI3MSA0MS40MTc5IDI5LjAwOTUgNDEuNDIxMSAyOC43NDI3QzQxLjQyMjcgMjguNDc3NCA0MS42MzcxIDI4LjI2NDYgNDEuOTAyMyAyOC4yNjQ2SDQxLjkwNTVDNDQuNzA0IDI4LjI4MzcgNDcuMDggMjkuMjI3MSA0OC45Njg0IDMxLjA2NjNDNTAuODU4NCAzMi45MTE4IDUxLjgzMDQgMzUuNDU3NyA1MS44NTQyIDM4LjYzMUM1MS44NTU4IDM4Ljg5NjMgNTEuNjQzIDM5LjExMzggNTEuMzc2MiAzOS4xMTdINTEuMzczWk00OC44Mzk4IDM4LjEyNkg0OC44Mjg2QzQ4LjU2MTggMzguMTE5NiA0OC4zNTA2IDM3Ljg5ODggNDguMzU2OSAzNy42MzM2QzQ4LjM5NSAzNS45ODUgNDcuOTIzMyAzNC42NTA5IDQ2LjkxOCAzMy41NTM0QzQ1LjkxNzQgMzIuNDU5MSA0NC41NDM2IDMxLjg2MiA0Mi43MTcxIDMxLjcyODVDNDIuNDUxOSAzMS43MDc5IDQyLjI1MTcgMzEuNDc3NiA0Mi4yNzA4IDMxLjIxMjRDNDIuMjkxNSAzMC45NDcxIDQyLjUyMTcgMzAuNzQ3IDQyLjc4NyAzMC43NjYxQzQ0Ljg0MjIgMzAuOTE3IDQ2LjQ3MTcgMzEuNjM2NCA0Ny42Mjk1IDMyLjkwMjNDNDguNzkzNyAzNC4xNzI4IDQ5LjM2MzkgMzUuNzcyMiA0OS4zMjEgMzcuNjU0M0M0OS4zMTQ2IDM3LjkxNjMgNDkuMTAwMiAzOC4xMjYgNDguODM5OCAzOC4xMjZaTTQ2LjM2NTMgMzcuMjk2OUM0Ni4xMDk2IDM3LjI5NjkgNDUuODk2OCAzNy4wOTY4IDQ1Ljg4NCAzNi44Mzc5QzQ1LjgwMyAzNS4yMDIgNDUuMDMxMiAzNC40MDE1IDQzLjQ1ODggMzQuMzE1OEM0My4xOTIgMzQuMzAxNSA0Mi45ODg3IDM0LjA3NDQgNDMuMDAzIDMzLjgwOTFDNDMuMDE3MyAzMy41NDIzIDQzLjI0MjggMzMuMzM5IDQzLjUwOTYgMzMuMzUzM0M0NS41ODcgMzMuNDY0NSA0Ni43NDAxIDM0LjY1NDEgNDYuODQ2NSAzNi43OTAzQzQ2Ljg2MDggMzcuMDU1NSA0Ni42NTU5IDM3LjI4MjYgNDYuMzg5MSAzNy4yOTUzTDQ2LjM2NTMgMzcuMjk2OVpNNTcuMTkyMyA0Mi44MDY1QzU2LjIzMTQgNTAuNTUyMyA1MC41NjYyIDUxLjA0MTUgNDkuNTIxMSA1MS4zNzY2QzQ5LjA3NjQgNTEuNTE5NSA0NC45NDM4IDUyLjU0NzEgMzkuNzUwMyA1Mi4yMDg4QzM5Ljc1MDMgNTIuMjA4OCAzNS44NzgyIDU2Ljg3ODMgMzQuNjY5NSA1OC4wOTMzQzM0LjQ4MDUgNTguMjgyMiAzNC4yNTk4IDU4LjM1ODUgMzQuMTEwNSA1OC4zMjM1QzMzLjkwMjQgNTguMjcyNyAzMy44NDUyIDU4LjAyNSAzMy44NDg0IDU3LjY2NkwzMy44ODAyIDUxLjI4NzdWNTEuMjg2MUMyNi4zMTcgNDkuMTg0OCAyNi43NTY5IDQxLjI4ODEgMjYuODQyNyAzNy4xNTRDMjYuOTI4NSAzMy4wMTk4IDI3LjcwNTEgMjkuNjMyMSAzMC4wMTI4IDI3LjM1NDVDMzQuMTU4MSAyMy42IDQyLjY5OCAyNC4xNjA2IDQyLjY5OCAyNC4xNjA2QzQ5LjkxMDIgMjQuMTkyNCA1My4zNjYyIDI2LjM2MzUgNTQuMTY4MyAyNy4wOTA5QzU2LjgyODYgMjkuMzY4NCA1OC4xODMzIDM0LjgyMDggNTcuMTkyMyA0Mi44MDY1Wk01Ni4xNTY3IDI1LjE1NjRDNTUuMjA4NiAyNC4yODYxIDUxLjM4MDkgMjEuNTA2NyA0Mi44NTUzIDIxLjQ2ODVDNDIuODU1MyAyMS40Njg1IDMyLjgwMTggMjAuODYxOCAyNy45MDA1IDI1LjM1OTdDMjUuMTcxOSAyOC4wODgzIDI0LjIxMjYgMzIuMDc5NSAyNC4xMTA5IDM3LjAzMDFDMjQuMDEwOSA0MS45ODIyIDIzLjg3OSA1MS4yNTc1IDMyLjgyMDggNTMuNzczM0wzMi44MzAzIDUzLjc3NjRMMzIuODI0IDU3LjYxMzZDMzIuODI0IDU3LjYxMzYgMzIuNzY4NCA1OS4xNjg1IDMzLjc5MTIgNTkuNDg2MUMzNS4wMjg1IDU5Ljg2ODkgMzUuNzU0MyA1OC42ODg4IDM2LjkzNzUgNTcuNDE1MUMzNy41ODU1IDU2LjcxNjIgMzguNDc5NyA1NS42OTAzIDM5LjE1NjMgNTQuOTA1N0M0NS4yNzI2IDU1LjQxNzEgNDkuOTc1MyA1NC4yNDM0IDUwLjUxMDYgNTQuMDcwM0M1MS43NDQ2IDUzLjY2ODQgNTguNzMyOSA1Mi43NzQzIDU5Ljg3IDQzLjQ5NzRDNjEuMDQyMiAzMy45MzMgNTkuMzAxNSAyNy44ODUgNTYuMTU2NyAyNS4xNTY0WiIgZmlsbD0iYmxhY2siLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMCI+PHJlY3Qgd2lkdGg9IjM4LjExNzYiIGhlaWdodD0iMzguMTE3NiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxLjcwNjEgMjEuNDQxMikiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4="); } .social_share[data-type="whatsapp"]:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA4MiA4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI0MC43NjQ2IiBjeT0iNDAuNSIgcj0iNDAuNSIgZmlsbD0iI0Y4NDM4RSIvPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDMuNTc5NSA0My4yNzE4QzQzLjU3OTUgNDMuMjcxOCA0NC4yNTc3IDQzLjMzMjIgNDQuNjIxNCA0Mi44Nzk1TDQ1LjMzMjkgNDEuOTg1NEM0NS42NzYgNDEuNTQwNyA0Ni41MDUgNDEuMjU4IDQ3LjMxNjYgNDEuNzA5QzQ4LjM5MDMgNDIuMzE1NyA0OS43Nzg0IDQzLjI2ODcgNTAuNzI5NyA0NC4xNTY1QzUxLjI1MzkgNDQuNTk4IDUxLjM3NjIgNDUuMjQ5MiA1MS4wMTg4IDQ1LjkzNjlMNTEuMDE1NiA0NS45NTEyQzUwLjY0NzIgNDYuNTk5MiA1MC4xNTY0IDQ3LjIwNzUgNDkuNTM1NCA0Ny43NzQ1TDQ5LjUyMTEgNDcuNzg0QzQ4LjgyMjMgNDguMzY2OSA0OC4wMTg2IDQ4LjcwNTIgNDcuMTU5NCA0OC40MjU3TDQ3LjE0MzUgNDguNDAzNEM0NS41OTk3IDQ3Ljk2NjcgNDEuODk2IDQ2LjA3ODMgMzkuNTM1OSA0NC4xOTYyQzM1LjY3NDkgNDEuMTUgMzIuOTMwNCAzNi4xMjQ4IDMyLjE3MTIgMzMuNDMxMUwzMi4xNDc0IDMzLjQxNTNDMzEuODY3OSAzMi41NTI4IDMyLjIwOTMgMzEuNzQ5MiAzMi43ODkgMzEuMDUyTDMyLjgwMDIgMzEuMDM5M0MzMy4zNjcyIDMwLjQxODMgMzMuOTczOSAyOS45MjU5IDM0LjYyMzUgMjkuNTU5TDM0LjYzNzggMjkuNTU1OEMzNS4zMjM5IDI5LjE5ODUgMzUuOTc1IDI5LjMxOTIgMzYuNDE4MiAyOS44NDQ5QzM3LjAwMSAzMC40NDY4IDM4LjA5NTMgMzEuODk1MyAzOC44NjQgMzMuMjU4QzM5LjMxNTEgMzQuMDY4IDM5LjAzMjQgMzQuODk4NyAzOC41ODkzIDM1LjI0MDFMMzcuNjkzNSAzNS45NTE3QzM3LjI0MjUgMzYuMzE3IDM3LjMwMTIgMzYuOTk1MSAzNy4zMDEyIDM2Ljk5NTFDMzcuMzAxMiAzNi45OTUxIDM4LjYyNTggNDIuMDA3NiA0My41Nzk1IDQzLjI3MThaTTUxLjM3MyAzOS4xMTdDNTEuMTA3NyAzOS4xMTcgNTAuODkxOCAzOC45MDI2IDUwLjg5MDIgMzguNjM3NEM1MC44Njc5IDM1LjczMDkgNDkuOTk0NCAzMy40MTUzIDQ4LjI5NSAzMS43NTcxQzQ2LjU5MjQgMzAuMDk3NCA0NC40NDAzIDI5LjI0NjEgNDEuODk5MiAyOS4yMjg3QzQxLjYzMjMgMjkuMjI3MSA0MS40MTc5IDI5LjAwOTUgNDEuNDIxMSAyOC43NDI3QzQxLjQyMjcgMjguNDc3NCA0MS42MzcxIDI4LjI2NDYgNDEuOTAyMyAyOC4yNjQ2SDQxLjkwNTVDNDQuNzA0IDI4LjI4MzcgNDcuMDggMjkuMjI3MSA0OC45Njg0IDMxLjA2NjNDNTAuODU4NCAzMi45MTE4IDUxLjgzMDQgMzUuNDU3NyA1MS44NTQyIDM4LjYzMUM1MS44NTU4IDM4Ljg5NjMgNTEuNjQzIDM5LjExMzggNTEuMzc2MiAzOS4xMTdINTEuMzczWk00OC44Mzk4IDM4LjEyNkg0OC44Mjg2QzQ4LjU2MTggMzguMTE5NiA0OC4zNTA2IDM3Ljg5ODggNDguMzU2OSAzNy42MzM2QzQ4LjM5NSAzNS45ODUgNDcuOTIzMyAzNC42NTA5IDQ2LjkxOCAzMy41NTM0QzQ1LjkxNzQgMzIuNDU5MSA0NC41NDM2IDMxLjg2MiA0Mi43MTcxIDMxLjcyODVDNDIuNDUxOSAzMS43MDc5IDQyLjI1MTcgMzEuNDc3NiA0Mi4yNzA4IDMxLjIxMjRDNDIuMjkxNSAzMC45NDcxIDQyLjUyMTcgMzAuNzQ3IDQyLjc4NyAzMC43NjYxQzQ0Ljg0MjIgMzAuOTE3IDQ2LjQ3MTcgMzEuNjM2NCA0Ny42Mjk1IDMyLjkwMjNDNDguNzkzNyAzNC4xNzI4IDQ5LjM2MzkgMzUuNzcyMiA0OS4zMjEgMzcuNjU0M0M0OS4zMTQ2IDM3LjkxNjMgNDkuMTAwMiAzOC4xMjYgNDguODM5OCAzOC4xMjZaTTQ2LjM2NTMgMzcuMjk2OUM0Ni4xMDk2IDM3LjI5NjkgNDUuODk2OCAzNy4wOTY4IDQ1Ljg4NCAzNi44Mzc5QzQ1LjgwMyAzNS4yMDIgNDUuMDMxMiAzNC40MDE1IDQzLjQ1ODggMzQuMzE1OEM0My4xOTIgMzQuMzAxNSA0Mi45ODg3IDM0LjA3NDQgNDMuMDAzIDMzLjgwOTFDNDMuMDE3MyAzMy41NDIzIDQzLjI0MjggMzMuMzM5IDQzLjUwOTYgMzMuMzUzM0M0NS41ODcgMzMuNDY0NSA0Ni43NDAxIDM0LjY1NDEgNDYuODQ2NSAzNi43OTAzQzQ2Ljg2MDggMzcuMDU1NSA0Ni42NTU5IDM3LjI4MjYgNDYuMzg5MSAzNy4yOTUzTDQ2LjM2NTMgMzcuMjk2OVpNNTcuMTkyMyA0Mi44MDY1QzU2LjIzMTQgNTAuNTUyMyA1MC41NjYyIDUxLjA0MTUgNDkuNTIxMSA1MS4zNzY2QzQ5LjA3NjQgNTEuNTE5NSA0NC45NDM4IDUyLjU0NzEgMzkuNzUwMyA1Mi4yMDg4QzM5Ljc1MDMgNTIuMjA4OCAzNS44NzgyIDU2Ljg3ODMgMzQuNjY5NSA1OC4wOTMzQzM0LjQ4MDUgNTguMjgyMiAzNC4yNTk4IDU4LjM1ODUgMzQuMTEwNSA1OC4zMjM1QzMzLjkwMjQgNTguMjcyNyAzMy44NDUyIDU4LjAyNSAzMy44NDg0IDU3LjY2NkwzMy44ODAyIDUxLjI4NzdWNTEuMjg2MUMyNi4zMTcgNDkuMTg0OCAyNi43NTY5IDQxLjI4ODEgMjYuODQyNyAzNy4xNTRDMjYuOTI4NSAzMy4wMTk4IDI3LjcwNTEgMjkuNjMyMSAzMC4wMTI4IDI3LjM1NDVDMzQuMTU4MSAyMy42IDQyLjY5OCAyNC4xNjA2IDQyLjY5OCAyNC4xNjA2QzQ5LjkxMDIgMjQuMTkyNCA1My4zNjYyIDI2LjM2MzUgNTQuMTY4MyAyNy4wOTA5QzU2LjgyODYgMjkuMzY4NCA1OC4xODMzIDM0LjgyMDggNTcuMTkyMyA0Mi44MDY1Wk01Ni4xNTY3IDI1LjE1NjRDNTUuMjA4NiAyNC4yODYxIDUxLjM4MDkgMjEuNTA2NyA0Mi44NTUzIDIxLjQ2ODVDNDIuODU1MyAyMS40Njg1IDMyLjgwMTggMjAuODYxOCAyNy45MDA1IDI1LjM1OTdDMjUuMTcxOSAyOC4wODgzIDI0LjIxMjYgMzIuMDc5NSAyNC4xMTA5IDM3LjAzMDFDMjQuMDEwOSA0MS45ODIyIDIzLjg3OSA1MS4yNTc1IDMyLjgyMDggNTMuNzczM0wzMi44MzAzIDUzLjc3NjRMMzIuODI0IDU3LjYxMzZDMzIuODI0IDU3LjYxMzYgMzIuNzY4NCA1OS4xNjg1IDMzLjc5MTIgNTkuNDg2MUMzNS4wMjg1IDU5Ljg2ODkgMzUuNzU0MyA1OC42ODg4IDM2LjkzNzUgNTcuNDE1MUMzNy41ODU1IDU2LjcxNjIgMzguNDc5NyA1NS42OTAzIDM5LjE1NjMgNTQuOTA1N0M0NS4yNzI2IDU1LjQxNzEgNDkuOTc1MyA1NC4yNDM0IDUwLjUxMDYgNTQuMDcwM0M1MS43NDQ2IDUzLjY2ODQgNTguNzMyOSA1Mi43NzQzIDU5Ljg3IDQzLjQ5NzRDNjEuMDQyMiAzMy45MzMgNTkuMzAxNSAyNy44ODUgNTYuMTU2NyAyNS4xNTY0WiIgZmlsbD0id2hpdGUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMCI+PHJlY3Qgd2lkdGg9IjM4LjExNzYiIGhlaWdodD0iMzguMTE3NiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxLjcwNjEgMjEuNDQxMikiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=); } /* tl */ .social_share[data-type="telegram"] { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA4MiA4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI0MC42NDY1IiBjeT0iNDAuNSIgcj0iNDAuNSIgZmlsbD0iI0Y4RjhGOCIvPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDcuMTM2OCA1My4wOTcyQzQ3LjU4NDMgNTMuNDE0IDQ4LjE2MSA1My40OTMzIDQ4LjY3NTIgNTMuMjk4N0M0OS4xODk0IDUzLjEwMjcgNDkuNTY3NCA1Mi42NjM2IDQ5LjY4MTQgNTIuMTMxM0M1MC44ODkgNDYuNDU1OCA1My44MTg1IDMyLjA5MDQgNTQuOTE3OCAyNi45Mjc2QzU1LjAwMTEgMjYuNTM4NSA1NC44NjIyIDI2LjEzNDEgNTQuNTU2NCAyNS44NzQyQzU0LjI1MDcgMjUuNjE0NCA1My44MjY4IDI1LjUzOTMgNTMuNDQ4OCAyNS42Nzk3QzQ3LjYyMTggMjcuODM2NSAyOS42NzY1IDM0LjU2OTYgMjIuMzQxNyAzNy4yODM3QzIxLjg3NjEgMzcuNDU2IDIxLjU3MzIgMzcuOTAzNSAyMS41ODg0IDM4LjM5NDFDMjEuNjA1MSAzOC44ODYxIDIxLjkzNTkgMzkuMzEyNyAyMi40MTI1IDM5LjQ1NThDMjUuNzAyIDQwLjQzOTcgMzAuMDE5OCA0MS44MDg2IDMwLjAxOTggNDEuODA4NkMzMC4wMTk4IDQxLjgwODYgMzIuMDM3NiA0Ny45MDI1IDMzLjA4OTcgNTEuMDAxNUMzMy4yMjE3IDUxLjM5MDYgMzMuNTI2IDUxLjY5NjQgMzMuOTI3NiA1MS44MDJDMzQuMzI3OSA1MS45MDYyIDM0Ljc1NTkgNTEuNzk2NCAzNS4wNTQ3IDUxLjUxNDNDMzYuNzQ0NiA0OS45MTg5IDM5LjM1NzIgNDcuNDUyMiAzOS4zNTcyIDQ3LjQ1MjJDMzkuMzU3MiA0Ny40NTIyIDQ0LjMyMTMgNTEuMDkxOCA0Ny4xMzY4IDUzLjA5NzJaTTMxLjgzNjEgNDEuMDM4N0wzNC4xNjk1IDQ4LjczNDlMMzQuNjg3OCA0My44NjEyQzM0LjY4NzggNDMuODYxMiA0My43MDI4IDM1LjczIDQ4Ljg0MiAzMS4wOTU0QzQ4Ljk5MjEgMzAuOTU5MiA0OS4wMTI5IDMwLjczMTMgNDguODg3OCAzMC41NzE0QzQ4Ljc2NDEgMzAuNDExNiA0OC41MzYyIDMwLjM3NDEgNDguMzY1MyAzMC40ODI1QzQyLjQwOSAzNC4yODYxIDMxLjgzNjEgNDEuMDM4NyAzMS44MzYxIDQxLjAzODdaIiBmaWxsPSJibGFjayIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwIj48cmVjdCB3aWR0aD0iMzMuMzUyOSIgaGVpZ2h0PSIzMy4zNTI5IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEuNTg3OSAyMy44MjM1KSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg=="); } .social_share[data-type="telegram"]:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA4MiA4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI0MC42NDY1IiBjeT0iNDAuNSIgcj0iNDAuNSIgZmlsbD0iI0Y4NDM4RSIvPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDcuMTM2OCA1My4wOTcyQzQ3LjU4NDMgNTMuNDE0IDQ4LjE2MSA1My40OTMzIDQ4LjY3NTIgNTMuMjk4N0M0OS4xODk0IDUzLjEwMjcgNDkuNTY3NCA1Mi42NjM2IDQ5LjY4MTQgNTIuMTMxM0M1MC44ODkgNDYuNDU1OCA1My44MTg1IDMyLjA5MDQgNTQuOTE3OCAyNi45Mjc2QzU1LjAwMTEgMjYuNTM4NSA1NC44NjIyIDI2LjEzNDEgNTQuNTU2NCAyNS44NzQyQzU0LjI1MDcgMjUuNjE0NCA1My44MjY4IDI1LjUzOTMgNTMuNDQ4OCAyNS42Nzk3QzQ3LjYyMTggMjcuODM2NSAyOS42NzY1IDM0LjU2OTYgMjIuMzQxNyAzNy4yODM3QzIxLjg3NjEgMzcuNDU2IDIxLjU3MzIgMzcuOTAzNSAyMS41ODg0IDM4LjM5NDFDMjEuNjA1MSAzOC44ODYxIDIxLjkzNTkgMzkuMzEyNyAyMi40MTI1IDM5LjQ1NThDMjUuNzAyIDQwLjQzOTcgMzAuMDE5OCA0MS44MDg2IDMwLjAxOTggNDEuODA4NkMzMC4wMTk4IDQxLjgwODYgMzIuMDM3NiA0Ny45MDI1IDMzLjA4OTcgNTEuMDAxNUMzMy4yMjE3IDUxLjM5MDYgMzMuNTI2IDUxLjY5NjQgMzMuOTI3NiA1MS44MDJDMzQuMzI3OSA1MS45MDYyIDM0Ljc1NTkgNTEuNzk2NCAzNS4wNTQ3IDUxLjUxNDNDMzYuNzQ0NiA0OS45MTg5IDM5LjM1NzIgNDcuNDUyMiAzOS4zNTcyIDQ3LjQ1MjJDMzkuMzU3MiA0Ny40NTIyIDQ0LjMyMTMgNTEuMDkxOCA0Ny4xMzY4IDUzLjA5NzJaTTMxLjgzNjEgNDEuMDM4N0wzNC4xNjk1IDQ4LjczNDlMMzQuNjg3OCA0My44NjEyQzM0LjY4NzggNDMuODYxMiA0My43MDI4IDM1LjczIDQ4Ljg0MiAzMS4wOTU0QzQ4Ljk5MjEgMzAuOTU5MiA0OS4wMTI5IDMwLjczMTMgNDguODg3OCAzMC41NzE0QzQ4Ljc2NDEgMzAuNDExNiA0OC41MzYyIDMwLjM3NDEgNDguMzY1MyAzMC40ODI1QzQyLjQwOSAzNC4yODYxIDMxLjgzNjEgNDEuMDM4NyAzMS44MzYxIDQxLjAzODdaIiBmaWxsPSJ3aGl0ZSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwIj48cmVjdCB3aWR0aD0iMzMuMzUyOSIgaGVpZ2h0PSIzMy4zNTI5IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEuNTg3OSAyMy44MjM1KSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==); } /* pinterest */ .social_share[data-type="pinterest"] { width: 34px; height: 34px; background: #f8f8f8; border-radius: 50%; } .social_share[data-type="pinterest"]::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 13px; height: 17px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxMyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDAxOTUzMTIgNi4xMDE3OEMwLjAwMTk1MzEyIDUuMzg3OTIgMC4xNDk3MjcgNC42NzkxNiAwLjQ0Njk1NSAzLjk3NzJDMC43NDQxODIgMy4yNzUyNCAxLjE2OTAzIDIuNjIyNTggMS43MjMxOCAyLjAyMjZDMi4yNzczNCAxLjQyMjYyIDMuMDA0NDUgMC45MzQ4MTMgMy45MDYyMSAwLjU2MDg4OEM0LjgwNzk3IDAuMTg2OTYzIDUuODA3MTIgMCA2LjkwMzY3IDBDOC42ODM2OCAwIDEwLjE0NDYgMC41NTU3ODkgMTEuMjg2NSAxLjY2NTY3QzEyLjQyODQgMi43NzU1NCAxMi45OTk0IDQuMDg0MjggMTIuOTk5NCA1LjU5MTg4QzEyLjk5OTQgNy41Mjk0OSAxMi41MTU3IDkuMTMwNTcgMTEuNTQ2OCAxMC4zOTM0QzEwLjU3NzkgMTEuNjU2MyA5LjMyNjgzIDEyLjI4ODUgNy43OTM2OCAxMi4yODg1QzcuMjg5OSAxMi4yODg1IDYuODE2MzUgMTIuMTY5NiA2LjM3NDcxIDExLjkzMTZDNS45MzMwNyAxMS42OTM3IDUuNjIyNDEgMTEuNDA0NyA1LjQ0MjczIDExLjA2NDhMNC43NzEwMiAxMy43NTAyQzQuNzE1NjEgMTMuOTY2MSA0LjY0MTcyIDE0LjE4MzcgNC41NTI3MiAxNC40MDQ2QzQuNDYzNzIgMTQuNjI1NiA0LjM2NDY1IDE0LjgzOCA0LjI1ODg1IDE1LjA0MkM0LjE1MzA2IDE1LjI0NTkgNC4wNDU1OSAxNS40MzggMy45Mzk4IDE1LjYxOTlDMy44MzQgMTUuODAxNyAzLjcyNjUzIDE1Ljk3MTcgMy42MjA3NCAxNi4xMjk4QzMuNTE0OTUgMTYuMjg3OCAzLjQyMjU5IDE2LjQyMjEgMy4zNDM2NiAxNi41MjkyQzMuMjY0NzQgMTYuNjM2MyAzLjE5MjUzIDE2LjcyOTggMy4xMjUzNiAxNi44MDk2TDMuMDI0NiAxNi45NDU2QzIuOTkxMDIgMTYuOTkxNSAyLjk0NTY4IDE3LjAwODUgMi44OTAyNiAxNi45OTY2QzIuODM0ODUgMTYuOTg0NyAyLjgwMTI2IDE2Ljk1MDcgMi43ODk1MSAxNi44OTQ2QzIuNzg5NTEgMTYuODgyNyAyLjc4MTExIDE2LjgwNDUgMi43NjQzMiAxNi42NTY3QzIuNzQ3NTMgMTYuNTA4OCAyLjczMDc0IDE2LjM1NDEgMi43MTM5NCAxNi4xODkzQzIuNjk3MTUgMTYuMDI0NCAyLjY4MDM2IDE1LjgxMTkgMi42NjM1NyAxNS41NTE5QzIuNjQ2NzcgMTUuMjkxOCAyLjY0MTc0IDE1LjAzODYgMi42NDY3NyAxNC43OTU1QzIuNjUxODEgMTQuNTUyNSAyLjY2ODYgMTQuMjgyMiAyLjY5NzE1IDEzLjk4ODJDMi43MjU3IDEzLjY5NDIgMi43Njc2OCAxMy40MjIyIDIuODIzMDkgMTMuMTcyNEMyLjk0NTY4IDEyLjY0MDQgMy4zNjA0NSAxMC44NjU5IDQuMDY1NzQgNy44NTI0M0MzLjk3Njc0IDcuNjcwNTYgMy45MDI4NSA3LjQ1MzAxIDMuODQ3NDQgNy4xOTgwNkMzLjc5MjAyIDYuOTQzMTEgMy43NjM0NyA2LjczNTc1IDMuNzYzNDcgNi41Nzc2OEwzLjc0NjY4IDYuMzIyNzNDMy43NDY2OCA1LjU5Njk4IDMuOTI4MDQgNC45OTM2IDQuMjkyNDQgNC41MTI2QzQuNjU2ODQgNC4wMzE1OSA1LjA5NTEyIDMuNzkwMjQgNS42MTA2NSAzLjc5MDI0QzYuMDI1NDIgMy43OTAyNCA2LjM0NjE2IDMuOTI5NjEgNi41NzYyMiA0LjIwNjY2QzYuODA2MjggNC40ODM3IDYuOTIwNDcgNC44MzIxMyA2LjkyMDQ3IDUuMjUxOTVDNi45MjA0NyA1LjUxMiA2Ljg3MzQ1IDUuODMzMjMgNi43Nzc3MyA2LjIxMjI2QzYuNjgyMDEgNi41OTEyOCA2LjU1NjA3IDcuMDI4MDkgNi4zOTk5IDcuNTIwOTlDNi4yNDM3MyA4LjAxMzkgNi4xMzEyMiA4LjQxMzMyIDYuMDY0MDUgOC43MTkyNUM1Ljk1MTU0IDkuMjI5MTUgNi4wNTA2MSA5LjY3MTA2IDYuMzU3OTIgMTAuMDQ1QzYuNjY1MjIgMTAuNDE4OSA3LjA3NjY0IDEwLjYwNTkgNy41OTIxNyAxMC42MDU5QzguNDc3MTMgMTAuNjA1OSA5LjIwNzYxIDEwLjA5OTQgOS43ODM1OSA5LjA4NDY4QzEwLjM1OTYgOC4wNjk5OCAxMC42NDg0IDYuODQ0NTMgMTAuNjQ4NCA1LjQwNDkyQzEwLjY0ODQgNC4zMDUyNCAxMC4yOTU4IDMuNDA3ODIgOS41OTA0NyAyLjcxMDk2QzguODg1MTkgMi4wMTQxIDcuODk5NDcgMS42NjU2NyA2LjYzNDk5IDEuNjY1NjdDNS4yMjQ0MiAxLjY2NTY3IDQuMDc5MTcgMi4xMjQ1NyAzLjIwMDkzIDMuMDQyMzlDMi4zMjI2OCAzLjk2MDIxIDEuODgyNzEgNS4wNTk4OSAxLjg4MjcxIDYuMzM5NzNDMS44ODI3MSA3LjA5OTQ4IDIuMDk1OTggNy43Mzg1NSAyLjUyMDgzIDguMjYwMzVDMi42NjY5MiA4LjQzMDMxIDIuNzEwNTggOC42MTIxOCAyLjY1NTE3IDguODA0MjRDMi42MzMzNCA4Ljg2MDMzIDIuNTk5NzUgOC45OTEyIDIuNTU0NDEgOS4xOTUxNkMyLjUwOTA3IDkuMzk5MTIgMi40NzU0OSA5LjUyOTk5IDIuNDUzNjYgOS41ODYwOEMyLjQzMTgzIDkuNzEwMTYgMi4zNzQ3MyA5Ljc5MzQ0IDIuMjg1NzMgOS44MzI1M0MyLjE5NjczIDkuODcxNjIgMi4wOTU5OCA5Ljg2OTkyIDEuOTgzNDcgOS44MjQwM0MxLjMyMzUyIDkuNTUyMDkgMC44MjgxNDQgOS4wODQ2OCAwLjQ5NzMzMiA4LjQyMTgxQzAuMTY2NTIgNy43NTg5NSAwLjAwMTk1MzEyIDYuOTg1NiAwLjAwMTk1MzEyIDYuMTAxNzhaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K"); } .social_share[data-type="pinterest"]:hover { background: #e0387e; } .social_share[data-type="pinterest"]:hover::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxMyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDAxOTUzMTIgNi4xMDE3OEMwLjAwMTk1MzEyIDUuMzg3OTIgMC4xNDk3MjcgNC42NzkxNiAwLjQ0Njk1NSAzLjk3NzJDMC43NDQxODIgMy4yNzUyNCAxLjE2OTAzIDIuNjIyNTggMS43MjMxOCAyLjAyMjZDMi4yNzczNCAxLjQyMjYyIDMuMDA0NDUgMC45MzQ4MTMgMy45MDYyMSAwLjU2MDg4OEM0LjgwNzk3IDAuMTg2OTYzIDUuODA3MTIgMCA2LjkwMzY3IDBDOC42ODM2OCAwIDEwLjE0NDYgMC41NTU3ODkgMTEuMjg2NSAxLjY2NTY3QzEyLjQyODQgMi43NzU1NCAxMi45OTk0IDQuMDg0MjggMTIuOTk5NCA1LjU5MTg4QzEyLjk5OTQgNy41Mjk0OSAxMi41MTU3IDkuMTMwNTcgMTEuNTQ2OCAxMC4zOTM0QzEwLjU3NzkgMTEuNjU2MyA5LjMyNjgzIDEyLjI4ODUgNy43OTM2OCAxMi4yODg1QzcuMjg5OSAxMi4yODg1IDYuODE2MzUgMTIuMTY5NiA2LjM3NDcxIDExLjkzMTZDNS45MzMwNyAxMS42OTM3IDUuNjIyNDEgMTEuNDA0NyA1LjQ0MjczIDExLjA2NDhMNC43NzEwMiAxMy43NTAyQzQuNzE1NjEgMTMuOTY2MSA0LjY0MTcyIDE0LjE4MzcgNC41NTI3MiAxNC40MDQ2QzQuNDYzNzIgMTQuNjI1NiA0LjM2NDY1IDE0LjgzOCA0LjI1ODg1IDE1LjA0MkM0LjE1MzA2IDE1LjI0NTkgNC4wNDU1OSAxNS40MzggMy45Mzk4IDE1LjYxOTlDMy44MzQgMTUuODAxNyAzLjcyNjUzIDE1Ljk3MTcgMy42MjA3NCAxNi4xMjk4QzMuNTE0OTUgMTYuMjg3OCAzLjQyMjU5IDE2LjQyMjEgMy4zNDM2NiAxNi41MjkyQzMuMjY0NzQgMTYuNjM2MyAzLjE5MjUzIDE2LjcyOTggMy4xMjUzNiAxNi44MDk2TDMuMDI0NiAxNi45NDU2QzIuOTkxMDIgMTYuOTkxNSAyLjk0NTY4IDE3LjAwODUgMi44OTAyNiAxNi45OTY2QzIuODM0ODUgMTYuOTg0NyAyLjgwMTI2IDE2Ljk1MDcgMi43ODk1MSAxNi44OTQ2QzIuNzg5NTEgMTYuODgyNyAyLjc4MTExIDE2LjgwNDUgMi43NjQzMiAxNi42NTY3QzIuNzQ3NTMgMTYuNTA4OCAyLjczMDc0IDE2LjM1NDEgMi43MTM5NCAxNi4xODkzQzIuNjk3MTUgMTYuMDI0NCAyLjY4MDM2IDE1LjgxMTkgMi42NjM1NyAxNS41NTE5QzIuNjQ2NzcgMTUuMjkxOCAyLjY0MTc0IDE1LjAzODYgMi42NDY3NyAxNC43OTU1QzIuNjUxODEgMTQuNTUyNSAyLjY2ODYgMTQuMjgyMiAyLjY5NzE1IDEzLjk4ODJDMi43MjU3IDEzLjY5NDIgMi43Njc2OCAxMy40MjIyIDIuODIzMDkgMTMuMTcyNEMyLjk0NTY4IDEyLjY0MDQgMy4zNjA0NSAxMC44NjU5IDQuMDY1NzQgNy44NTI0M0MzLjk3Njc0IDcuNjcwNTYgMy45MDI4NSA3LjQ1MzAxIDMuODQ3NDQgNy4xOTgwNkMzLjc5MjAyIDYuOTQzMTEgMy43NjM0NyA2LjczNTc1IDMuNzYzNDcgNi41Nzc2OEwzLjc0NjY4IDYuMzIyNzNDMy43NDY2OCA1LjU5Njk4IDMuOTI4MDQgNC45OTM2IDQuMjkyNDQgNC41MTI2QzQuNjU2ODQgNC4wMzE1OSA1LjA5NTEyIDMuNzkwMjQgNS42MTA2NSAzLjc5MDI0QzYuMDI1NDIgMy43OTAyNCA2LjM0NjE2IDMuOTI5NjEgNi41NzYyMiA0LjIwNjY2QzYuODA2MjggNC40ODM3IDYuOTIwNDcgNC44MzIxMyA2LjkyMDQ3IDUuMjUxOTVDNi45MjA0NyA1LjUxMiA2Ljg3MzQ1IDUuODMzMjMgNi43Nzc3MyA2LjIxMjI2QzYuNjgyMDEgNi41OTEyOCA2LjU1NjA3IDcuMDI4MDkgNi4zOTk5IDcuNTIwOTlDNi4yNDM3MyA4LjAxMzkgNi4xMzEyMiA4LjQxMzMyIDYuMDY0MDUgOC43MTkyNUM1Ljk1MTU0IDkuMjI5MTUgNi4wNTA2MSA5LjY3MTA2IDYuMzU3OTIgMTAuMDQ1QzYuNjY1MjIgMTAuNDE4OSA3LjA3NjY0IDEwLjYwNTkgNy41OTIxNyAxMC42MDU5QzguNDc3MTMgMTAuNjA1OSA5LjIwNzYxIDEwLjA5OTQgOS43ODM1OSA5LjA4NDY4QzEwLjM1OTYgOC4wNjk5OCAxMC42NDg0IDYuODQ0NTMgMTAuNjQ4NCA1LjQwNDkyQzEwLjY0ODQgNC4zMDUyNCAxMC4yOTU4IDMuNDA3ODIgOS41OTA0NyAyLjcxMDk2QzguODg1MTkgMi4wMTQxIDcuODk5NDcgMS42NjU2NyA2LjYzNDk5IDEuNjY1NjdDNS4yMjQ0MiAxLjY2NTY3IDQuMDc5MTcgMi4xMjQ1NyAzLjIwMDkzIDMuMDQyMzlDMi4zMjI2OCAzLjk2MDIxIDEuODgyNzEgNS4wNTk4OSAxLjg4MjcxIDYuMzM5NzNDMS44ODI3MSA3LjA5OTQ4IDIuMDk1OTggNy43Mzg1NSAyLjUyMDgzIDguMjYwMzVDMi42NjY5MiA4LjQzMDMxIDIuNzEwNTggOC42MTIxOCAyLjY1NTE3IDguODA0MjRDMi42MzMzNCA4Ljg2MDMzIDIuNTk5NzUgOC45OTEyIDIuNTU0NDEgOS4xOTUxNkMyLjUwOTA3IDkuMzk5MTIgMi40NzU0OSA5LjUyOTk5IDIuNDUzNjYgOS41ODYwOEMyLjQzMTgzIDkuNzEwMTYgMi4zNzQ3MyA5Ljc5MzQ0IDIuMjg1NzMgOS44MzI1M0MyLjE5NjczIDkuODcxNjIgMi4wOTU5OCA5Ljg2OTkyIDEuOTgzNDcgOS44MjQwM0MxLjMyMzUyIDkuNTUyMDkgMC44MjgxNDQgOS4wODQ2OCAwLjQ5NzMzMiA4LjQyMTgxQzAuMTY2NTIgNy43NTg5NSAwLjAwMTk1MzEyIDYuOTg1NiAwLjAwMTk1MzEyIDYuMTAxNzhaIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPgo="); } .wrapper { letter-spacing: normal; } .breadcrumbsNewStyle { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: normal; margin: 0; min-height: 60px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; max-width: 100%; } .breadcrumbsNewStyle__item { font-size: 11px; line-height: 12px; color: color_brdcrmbs; font-family: "Open Sans", sans-serif; padding: 0 3px; } .breadcrumbsNewStyle__item.last { font-size: 11px; line-height: 12px; color: #000000; padding: 0 0 0 3px; } .breadcrumbsNewStyle .breadcrumbsNewStyle__col, .breadcrumbsNewStyle .breadcrumbsNewStyle__col:last-child { text-align: left; max-width: 1460px; width: 100%; margin: 0 auto; padding-left: 32px; } .Product { display: flex; min-height: 650px; width: 100%; max-width: 1460px; margin: 0 auto; } .Product__item { padding: 0; flex: 0 1 auto; position: relative; } .Product__item_photos { flex: 0 1 60%; } .Product__item_setting { flex: 0 1 40%; background: #fff; } .Product__item_setting:before { content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #e5e5e5; } .Product__itemWrp { padding: 30px 50px 10px 50px; } .product-info__wrapper { position: absolute; z-index: 10; bottom: 10%; left: auto; right: 25px; display: flex; flex-direction: column; gap: 10px; } .product-info__wrapper * { display: block; width: 60px; height: 60px; } @media screen and (max-width: 767px) { .product-info__wrapper { bottom: 20%; flex-direction: row; } } .Product__sborka { background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='30' fill='%23F8F8F8'/%3E%3Cpath d='M23.5225 43.1715V38.7566H24.4921V43.1686C24.4921 43.4259 24.6143 43.6689 24.8227 43.8259C25.0311 43.9825 25.3025 44.0353 25.5562 43.9689C26.8551 43.6282 28.0142 42.8553 28.8197 41.7925C29.6427 40.7071 30.0595 39.3614 29.9931 38.0035C29.9 36.1054 28.8521 34.3608 27.2216 33.3378V26.6649C28.9456 25.5898 29.9961 23.7344 29.9961 21.7085C29.9961 19.0457 28.1635 16.7098 25.5396 16.0276C25.286 15.9619 25.0152 16.015 24.8071 16.1716C24.5991 16.3286 24.4772 16.571 24.4772 16.8282V21.2435H23.5079V16.8312C23.5079 16.5739 23.3857 16.3308 23.1773 16.1739C22.9689 16.0172 22.6978 15.9645 22.4438 16.0308C21.1449 16.3716 19.9858 17.1444 19.1799 18.2072C18.3573 19.2927 17.9405 20.6383 18.0069 21.9962C18.0997 23.8924 19.1462 25.6361 20.7744 26.6594V33.3374C19.0531 34.4129 18.0039 36.2676 18.0039 38.2912C18.0039 40.954 19.8365 43.29 22.4604 43.9722C22.532 43.9906 22.6047 44 22.677 44C22.8616 44 23.0433 43.9408 23.1929 43.8282C23.4006 43.6715 23.5225 43.4288 23.5225 43.1715ZM21.8315 37.9281V41.9385C20.534 41.1961 19.6945 39.8184 19.6945 38.2912C19.6945 36.7145 20.5822 35.2802 22.0112 34.5485C22.2903 34.4057 22.4653 34.1229 22.4653 33.8141V26.1837C22.4653 25.8756 22.2909 25.593 22.0125 25.45C20.6562 24.7526 19.7684 23.3988 19.6958 21.917C19.6182 20.3292 20.4699 18.8525 21.817 18.0703V22.0717C21.817 22.5293 22.1955 22.9001 22.6625 22.9001H25.3227C25.7897 22.9001 26.1681 22.5293 26.1681 22.0717V18.0613C27.466 18.8037 28.3052 20.181 28.3052 21.7082C28.3052 23.2869 27.4162 24.7215 25.9855 25.4526C25.7058 25.5956 25.5307 25.8788 25.5307 26.1872V33.8138C25.5307 34.1222 25.7054 34.4051 25.9842 34.5478C27.3425 35.2449 28.2316 36.5993 28.3042 38.0828C28.3818 39.6705 27.5301 41.1472 26.183 41.9294V37.9281C26.183 37.4705 25.8042 37.0996 25.3375 37.0996H22.677C22.21 37.0996 21.8315 37.4705 21.8315 37.9281Z' fill='black'/%3E%3Cpath d='M33.3633 19.9786C33.3028 20.1673 33.3133 20.3712 33.3926 20.5534L33.8106 21.5136V30.2851C32.8108 30.2948 32 31.0981 32 32.0841V40.0644C32 42.2343 33.7945 44 35.9998 44C38.2055 44 40 42.2343 40 40.0644V32.0841C40 31.0977 39.1892 30.2948 38.189 30.2851V21.5133L38.6074 20.5534C38.6867 20.3715 38.6969 20.1676 38.6367 19.9786L37.551 16.5803C37.4408 16.235 37.1155 16 36.7478 16H35.2522C34.8842 16 34.5592 16.235 34.4487 16.5803L33.3633 19.9786ZM38.3157 32.0841V40.0644C38.3157 41.3207 37.277 42.343 35.9998 42.343C34.7227 42.343 33.684 41.3207 33.684 40.0644V32.0841C33.684 32.0055 33.7488 31.9414 33.8287 31.9414H38.1709C38.2509 31.9417 38.3157 32.0055 38.3157 32.0841ZM35.8702 17.657H36.1298L36.9366 20.1828L36.5731 21.0168C36.5284 21.1201 36.505 21.2311 36.505 21.343V30.2845H35.4946V21.3434C35.4946 21.2311 35.4716 21.1201 35.4266 21.0172L35.0634 20.1828L35.8702 17.657Z' fill='black'/%3E%3C/svg%3E") no-repeat center/cover; } .product-info__doc { background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_characteristics_2.svg) no-repeat center/cover; } .product-info__3d { background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_characteristics_4.svg) no-repeat center/cover; } .product-info__adj { background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_characteristics_1.svg) no-repeat center/cover; } .Product__title { font-style: normal; font-weight: normal; font-size: 30px; line-height: 44px; color: #000000; margin: 0 0 16px 0; width: 85%; } @media only screen and (min-width: 1440px) and (max-width: 1679px) { .Product__title { font-size: 34px; } } .Product__art { margin: 0 0 30px 0; font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #828282; } @media screen and (max-width: 767px) { .Product__art { margin: 0 0 15px 0; } } .Product__art:before { content: "Артикул"; display: inline-block; padding-right: 10px; } .Product__price { font-style: normal; font-weight: bold; font-size: 34px; line-height: 40px; } @media only screen and (min-width: 1440px) and (max-width: 1679px) { .Product__price { font-size: 34px; } } .Product__price_old { font-style: normal; font-weight: normal; font-size: 20px; line-height: 27px; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: #828282; } .Product__BTN { margin: 19px 0 0 0; } .Product__BTNplsmns { font-style: normal; font-weight: normal; font-size: 20px; line-height: 27px; } .Product__alternatives_wrp { display: flex; flex-wrap: wrap; } .Product__alternatives_wrp .Product__alternatives_item { width: calc(33% - 10px); margin: 20px 10px 0 0; max-width: 100px; max-height: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid transparent; } .Product__alternatives_wrp .Product__alternatives_item:hover { border: 1px solid #000000; } .Product__alternatives_wrp .Product__alternatives_item img { object-fit: contain; } .delivery-tag-moscow { position: relative; display: flex; padding-left: 26px; font-size: 14px; color: #2b2b2b; margin-top: 15px; margin-bottom: 8px; } .delivery-tag-moscow::before { content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; background-image: url("/local/templates/tpl-new/assets/icons/delivery-car2.png"); background-size: contain; background-repeat: no-repeat; } .Product__BTNpls, .Product__BTNmns, .Product__BTNsum { display: inline-block; border: 0; background: #c4c4c4; margin: 0; width: 100%; min-width: 20px; max-width: 40px; padding: 8px 0; text-align: center; vertical-align: top; height: 51px; } @media (max-width: 370px) { .Product__BTNsum { width: 20px; } } .Product__BTNpls, .Product__BTNmns { color: #828282; font-size: 27px; } .Product__BTNbig { margin: 20px 15px 0 0; cursor: pointer; display: inline-block; width: 100%; max-width: 210px; height: 50px; background: #e0387e; border-radius: 2px; font-style: normal; font-weight: bold; font-size: 16px; line-height: 50px; text-align: center; color: #ffffff; text-transform: uppercase; } .Product__BTNbig:hover { background: #f8438e; } .Product__BTNoneclick { cursor: pointer; display: inline-block; width: 100%; max-width: 210px; height: 50px; background: #ffffff; border: 1px solid #cbcbcb; box-sizing: border-box; border-radius: 2px; text-align: center; text-transform: uppercase; font-style: normal; font-weight: bold; font-size: 16px; line-height: 50px; } .Product__BTNoneclick:hover { border: 1px solid #f8438e; color: #f8438e; } .Product__SettList { font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #e0387e; margin-top: 20px; } .Product__SettList .Product__SettList-label { padding-right: 5px; color: #828282; } .Product__SettList .Product__SettList-value { color: #000000; } .Product__SettList_nal { cursor: pointer; } .Product__SettList_pro { color: #000000; } .product-settlist__btn { font-size: 16px; line-height: 20px; margin-top: 20px; color: #e0387e; text-align: left; } @media screen and (max-width: 1439px) { .product-settlist__btn { font-size: 14px; } .Product__SettList { font-size: 14px; } } .product-settlist__btn:hover { opacity: 0.6; } .product__bell { position: absolute; top: 40px; right: 50px; height: 30px; width: 30px; } .bell-tooltip { position: absolute; top: -20px; right: 50px; background-color: #333333; padding: 7px; border-radius: 5px; visibility: hidden; opacity: 0; transition: 0.3s all ease-in-out; } .bell-tooltip__content { max-width: 220px; } .bell-tooltip__txt { font-size: 14px; line-height: 18px; color: #fff; } .bell-tooltip--active { visibility: visible; opacity: 1; } .product__bell:hover { opacity: 0.7; transform: rotate(5deg); } .Product__SettList_share:before { content: "Поделиться"; } .product-price-modal, .product-receipt-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4); z-index: 999; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; } .product-price-modal--active, .product-receipt-modal--active { width: 100%; height: 100%; opacity: 1; transition: all 0.2s ease-in-out; visibility: visible; } .product-price-modal-overlay, .product-receipt-modal-overlay { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: -1; } .product-price-modal-inner, .product-receipt-modal-inner { position: relative; } .product-price-modal-content, .product-receipt-modal-content { position: fixed; top: 50%; left: 50%; display: flex; justify-content: center; flex-direction: column; width: 40vw; height: 400px; padding: 70px 70px; background-color: white; transform: translate(-50%, -50%); } .product-price-modal-title, .product-receipt-modal-title { font-size: 28px; margin-bottom: 5px; } .product-price-modal-descr, .product-receipt-modal-descr { font-size: 16px; line-height: 22px; margin-bottom: 40px; } @media screen and (max-width: 767px) { .product-price-modal-descr, .product-receipt-modal-descr { margin-bottom: 20px; } } .product-price-modal-form, .product-receipt-modal-form { width: 100%; } .product-price-modal-input, .product-receipt-modal-input { margin-bottom: 20px; padding: 0 15px; height: 50px; width: 100%; border: 1px solid #a1a1a1; background: #ffffff; font-size: 16px; line-height: 16px; outline: none; text-align: left; } .product-price-modal-btn, .product-receipt-modal-btn { width: 100%; height: 60px; padding-left: 30px; padding-right: 30px; text-align: center; color: #fff; background-color: #e0387e; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 18px; } @media screen and (max-width: 1070px) { .product__bell { display: none; } } .product-price-modal-btn:hover, .product-receipt-modal-btn:hover { opacity: 0.8; } @media screen and (min-width: 1920px) { .register__modal-content { width: 800px; } } @media screen and (max-width: 991px) { .product-price-modal-content, .product-receipt-modal-content { width: 80vw; padding: 25px 40px; } .product-price-modal-title, .product-receipt-modal-title { font-size: 22px; line-height: 30px; } } @media screen and (max-width: 576px) { .product-price-modal-content, .product-receipt-modal-content { width: 90vw; padding: 25px 40px; } .product-price-modal-title, .product-receipt-modal-title { font-size: 20px; line-height: 26px; margin-bottom: 25px; } .product-price-modal-descr, .product-receipt-modal-descr { font-size: 14px; } } @media screen and (max-width: 440px) { .product-price-modal-content, .product-receipt-modal-content { width: 93vw; padding: 25px 25px; } .product-price-modal-title, .product-receipt-modal-title { font-size: 18px; line-height: 24px; margin-bottom: 20px; } } .product-modal-input { border: 1px solid #a1a1a1; } .product-modal-input._error { border: 1px solid #e0387e; } .not-for-sale-button { pointer-events: none; } .Product__BTNbig.not-for-sale-button, .withThisBuy__btn.not-for-sale-button { background: #ffffff; border: 1px solid #cbcbcb; border-radius: 2px; color: #000; } .price-subs-modal, .receipt-subs-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4); z-index: 999; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; } .price-subs-modal--active, .receipt-subs-modal--active { width: 100%; height: 100%; opacity: 1; transition: all 0.2s ease-in-out; visibility: visible; } .price-subs-modal-overlay, .receipt-subs-modal-overlay { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: -1; } .price-subs-modal-inner, .receipt-subs-modal-overlay { position: relative; } .price-subs-modal-content, .receipt-subs-modal-content { position: fixed; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; width: 50vw; height: 350px; padding: 30px 40px; background-color: white; transform: translate(-50%, -50%); } .price-subs-modal-title, .receipt-subs-modal-title { font-size: 26px; line-height: 41px; margin-bottom: 40px; } @media screen and (min-width: 1920px) { .price-subs-modal-content, .receipt-subs-modal-content { width: 800px; } } @media screen and (max-width: 991px) { .price-subs-modal-content, .receipt-subs-modal-content { width: 80vw; padding: 25px 40px; } .price-subs-modal-title, .receipt-subs-modal-title { font-size: 22px; line-height: 30px; margin-bottom: 30px; } } @media screen and (max-width: 576px) { .price-subs-modal-content, .receipt-subs-modal-content { width: 90vw; padding: 25px 40px; height: 280px; } .price-subs-modal-title, .receipt-subs-modal-title { font-size: 20px; line-height: 26px; margin-bottom: 25px; } } @media screen and (max-width: 440px) { .price-subs-modal-content, .receipt-subs-modal-content { width: 93vw; padding: 25px 25px; } .price-subs-modal-title, .receipt-subs-modal-title { font-size: 18px; line-height: 24px; margin-bottom: 20px; } } .product__minimum-order { position: absolute; z-index: 10; bottom: 10%; left: auto; background: #e5e5e5; width: 60px; height: 60px; border-radius: 50%; text-align: center; } .product__minimum-order span { display: inline-block; height: 100%; width: 100%; font-weight: 600; margin-top: calc(50% - 9px); font-size: 18px; line-height: 18px; } .product__minimum-order.tooltipNew:after { transform: translateX(-90%); } @media only screen and (min-width: 768px) and (max-width: 1024px) { .product__minimum-order { position: absolute; z-index: 10; bottom: 150px; } } #PRODUCTprvw, #PRODUCTphoto { flex: none; } #PRODUCTprvw { position: absolute; top: 100px; left: 35px; z-index: 3; width: 100%; width: 80px; } #PRODUCTprvw .slick-current { position: relative; height: 80px !important; } #PRODUCTprvw .slick-current:before { content: ""; position: absolute; width: 78px; height: 78px; top: 0; left: 0; z-index: 9; border: 1px solid #000000; } #PRODUCTprvw .slick-track { background-color: #ffffff; } #PRODUCTprvw .slick-slide { height: 80px !important; overflow: hidden; } #PRODUCTprvw .youtube-video-preview { padding-top: 9px; } #PRODUCTphoto { width: 100%; max-width: 900px; height: 100%; max-height: 650px; } #PRODUCTphoto.slider { width: 100%; } #PRODUCTphoto .slick-list, #PRODUCTphoto .slick-track { height: 650px !important; } #PRODUCTphoto .slick-slide { text-align: center; height: 100%; max-height: 650px; border: 0; } #PRODUCTphoto .slick-slide.slick-current { z-index: 1; } #PRODUCTphoto .PRODUCTprvw__item { max-width: 750px; } .Banner { display: block; position: relative; z-index: 1; width: 100%; height: 160px; background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/banner.jpg) left top no-repeat #fafafa; } .Banner__wrp { display: block; height: 161px; padding: 49px 0 0 34vw; } @media (min-width: 1600px) { .Banner__wrp { padding: 49px 0 0 500px; } } @media (max-width: 1200px) { .Banner__wrp { padding: 49px 0 0 28vw; } } @media (max-width: 1070px) { .Banner__wrp { padding: 56px 0 0 16vw; } } .Banner__txt { display: inline-block; vertical-align: top; width: 458px; font-style: normal; font-weight: bold; font-size: 18px; line-height: 30px; color: #333333; } .Banner__btn { margin: 8px 0 0 8vw; display: inline-block; vertical-align: top; text-transform: uppercase; text-align: center; width: 264px; height: 50px; line-height: 49px; color: #e0387e; background: #fbfafa; border: 1px solid #b0b0b0; box-sizing: border-box; border-radius: 2px; } @media (max-width: 1290px) { .Banner__btn { margin: 8px 0 0 3vw; } } @media (min-width: 1100px) { .Banner__btn { margin: 8px 0 0 3vw; } } .Banner__btn:hover { border: 1px solid #e0387e; } .withThisBuy { width: 100%; padding: 40px 0; background: #fafafa; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .withThisBuy__wrp { width: 1000px; margin: 0 auto 0 auto; } .withThisBuy__title { margin: 0px 0 48px 0; font-style: normal; font-weight: normal; font-size: 20px; line-height: 18px; text-align: center; text-transform: uppercase; color: #333333; } .withThisBuy__photo { height: 200px; width: auto; display: block; margin: 0 auto; } .withThisBuy__list { position: relative; display: grid; grid-gap: 15px; grid-template-columns: 33%; } .withThisBuy__item { background-color: #ffffff; width: 280px; top: 0; position: relative; } .withThisBuy__itemName { font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; text-align: center; color: #000000; padding: 19px 30px 32px 30px; } .withThisBuy__item::before { content: "+"; display: block; position: absolute; top: 48%; left: -35px; z-index: 1; color: #000000; font-style: normal; font-weight: bold; font-size: 30px; line-height: 40px; } .withThisBuy__item:first-child:before { content: ""; display: none; } .withThisBuy__item:last-child:before { content: "="; } .withThisBuy__item_1 { grid-column: 1; grid-row: 1; } .withThisBuy__item_2 { grid-column: 2; grid-row: 1; } .withThisBuy__item_sum { grid-column: 3; grid-row: 1; background-color: transparent; } .withThisBuy__Sum { position: absolute; font-style: normal; font-weight: bold; font-size: 20px; line-height: 40px; color: #000000; left: 15px; top: 48%; } .withThisBuy__Sum_old { font-weight: normal; font-size: 14px; line-height: 19px; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: #828282; top: 40%; } .withThisBuy__btn { position: absolute; cursor: pointer; width: 210px; height: 40px; left: 15px; top: 67%; background: #e0387e; border-radius: 2px; display: block; font-style: normal; font-weight: bold; font-size: 14px; line-height: 40px; text-align: center; color: #ffffff; text-transform: uppercase; } .withThisBuy__btn:hover { background: #f8438e; } .withThisBuy__stiker { position: absolute; right: 0; top: 30px; color: #ffffff; font-style: normal; font-weight: bold; font-size: 12px; line-height: 16px; text-align: center; letter-spacing: -0.03em; padding: 4px 20px; } .withThisBuy__stiker_black { background: #000000; } .withThisBuy__stiker_hit { background: #e0387e; } .withThisBuy__select { position: absolute; cursor: pointer; left: 20px; top: -17px; width: 35px; height: 35px; background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_galka.svg) 0 0 no-repeat; border: 1px solid transparent; border-radius: 50%; } .withThisBuy__select:hover { box-shadow: 0px 13px 15px 0px rgba(0, 0, 0, 0.28); } .withThisBuy .not .withThisBuy__select { background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_galka_0.svg) 0 0 no-repeat; } .Diz { max-width: 728px; margin: 0 auto 50px auto; } .Diz__title { font-style: normal; font-weight: normal; font-size: 20px; line-height: 18px; text-align: center; text-transform: uppercase; color: #333333; margin-top: 60px; } .Diz__photo { width: 230px; height: 230px; display: block; margin: 45px auto 35px auto; } .Diz__name { font-style: normal; font-weight: bold; font-size: 20px; line-height: 40px; text-align: center; color: #000000; margin-bottom: 19px; } .Diz__txt { font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; min-height: 259px; padding: 0 20px; } .Advantages { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; flex-flow: row wrap; align-items: flex-start; justify-content: center; min-height: 251px; background: #fafafa; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; } .Advantages__item { font-size: 14px; line-height: 18px; min-width: 150px; text-align: center; padding: 45px 4vw; } @media (max-width: 1200px) { .Advantages__item { padding: 45px 2vw; } } @media (max-width: 950px) { .Advantages__item { padding: 45px 1vw; } } .Advantages__itemTxt { max-width: 200px; margin: 30px auto 0 auto; } @media (max-width: 900px) { .Advantages__itemTxt { max-width: 150px; font-size: 13px; line-height: 17px; } } .tabsItem { font-size: 14px; line-height: 18px; color: #000000; } .tabsItem__title { line-height: 20px; text-transform: uppercase; color: #333333; padding-bottom: 12px; } .tabsItem .feature__container { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 40px; row-gap: 10px; margin-bottom: 30px; } @media screen and (max-width: 768px) { .tabsItem .feature__container { grid-template-columns: repeat(1, 1fr); } } .tabsItem .feature__item { display: inline-block; color: #333333; font-weight: bold; } .tabsItem .feature__item span { font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #828282; padding-right: 5px; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .tabsItem .feature__item_brend a { font-weight: normal; color: #f8438e; } /* .tabsItem .feature__item_brend:before { content: "Бренд:"; } */ /* .tabsItem .feature__item_size { position: relative; font-weight: normal; padding: 0 0 0 75px; } */ /*.tabsItem .feature__item_size:before { content: "Размеры:"; display: block; position: absolute; top: 0; left: 0; } */ .font-weight-normal { font-weight: normal !important; } /*.tabsItem .feature__KOLICHESTVO_MEST:before { content: "Количество коробок:"; } .tabsItem .feature__VES_S_UPAKOVKOY:before { content: "Вес в упаковке:"; } .tabsItem .feature__MAX_NAGRUZKA:before { content: "Макс.нагрузка, кг:"; } .tabsItem .feature__MYAGKIY:before { content: "Мягкий:"; } .tabsItem .feature__STEPEN_ZHESTKOSTI:before { content: "Степень жесткости:"; } .tabsItem .feature__ISPOLZOVANIE_V_POMESCHENII:before { content: "Использование в помещении:"; } .tabsItem .feature__ISPOLZOVANIE_POD_NAVESOM:before { content: "Использование под навесом:"; } .tabsItem .feature__ISPOLZOVANIE_NA_ULITCE:before { content: "Использование на улице:"; } .tabsItem .feature__MIN_ZAKAZ:before { content: "Минимальный заказ, шт:"; } .tabsItem .feature__SIDYACHIH_MEST:before { content: "Сидячих мест:"; } .tabsItem .feature__SIDYACHIH_MEST_MAX:before { content: "Сидячих мест (макс.):"; } .tabsItem .feature__KOLICHESTVO_V_ARTIKULE:before { content: "Количество в артикуле:"; } .tabsItem .feature__VODOOTTALKIVAYUSCHIY:before { content: "Водоотталкивающий:"; } .tabsItem .feature__GRYAZEOTTALKIVAYUSCHIY:before { content: "Грязеотталкивающий:"; } .tabsItem .feature__SEMNYY_CHEHOL:before { content: "Съемный чехол:"; } .tabsItem .feature__VYSOTA_SIDENYA:before { content: "Высота сиденья:"; } .tabsItem .feature__VYSOTA_PODLOKOTNIKA:before { content: "Высота подлокотника:"; } .tabsItem .feature__RAZMER_MATRASA:before { content: "Размер матраса:"; } .tabsItem .feature__MATRAS_V_KOMPLEKTE:before { content: "Матрас в комплекте:"; } .tabsItem .feature__RESHETKA_V_KOMPLEKTE:before { content: "Решетка в комплекте:"; } .tabsItem .feature__PACK_SIZES:before { content: "Размеры упаковки:"; } .tabsItem .feature__VES:before { content: "Вес:"; } .tabsItem .feature__IP_LAMPY_STEPEN_ZASHCHITY:before { content: "Степень защиты:"; } .tabsItem .feature__SOVMESTIMYE_TIPY_LAMP:before { content: "Совместимые типы ламп:"; } .tabsItem .feature__OBSHAYA_MOSHCHNOST:before { content: "Общая мощность, Вт:"; } .tabsItem .feature__SVETOVOY_POTOK:before { content: "Световой поток, Лм:"; } .tabsItem .feature__NAPRYAZHENIE:before { content: "Напряжение, В:"; } .tabsItem .feature__CHASTOTA:before { content: "Частота, Гц:"; } .tabsItem .feature__ELECTRICHESKIY_CLASS:before { content: "Электрический класс:"; } .tabsItem .feature__SVETOVAYA_TEMPERATURA:before { content: "Световая температура, К:"; } .tabsItem .feature__DIMMIROVANIE:before { content: "Диммирование:"; } .tabsItem .feature__LAMPY_V_KOMPLEKTE:before { content: "Лампы в комплекте:"; } .tabsItem .feature__OBEM:before { content: "Объем:"; } .tabsItem .feature__SHIRINA_UPAKOVKI:before { content: "Упаковка 1:"; } .tabsItem .feature__SHIRINA_UPAKOVKI_2:before { content: "Упаковка 2:"; } .tabsItem .feature__SHIRINA_UPAKOVKI_3:before { content: "Упаковка 3:"; } .tabsItem .feature__VES_S_UPAKOVKOY:before { content: "Вес с упаковкой:"; } .tabsItem .feature__MOSHCHNOST_LAMPY:before { content: "Мощность лампы, Вт:"; } .tabsItem .feature__OPISANIE_LAMP:before { content: "Описание лампы:"; } .tabsItem .feature__VYSOTA_MIN_VYSOTA_MAX:before { content: "Высота (мин-макс):"; } .tabsItem .feature__SHTABELIRUEMYY:before { content: "Штабелируемый:"; } .tabsItem .feature__MOSHCHNOST_LAMP:before { content: "Мощность ламп:"; } .tabsItem .feature__KOLICHESTVO_LAMP:before { content: "Количество ламп:"; } .tabsItem .feature__TSOKOL_LAMPY:before { content: "Тип цоколя:"; } .tabsItem .feature__item_art:before { content: "Артикул:"; } .tabsItem .feature__item_material:before { content: "Материал:"; } .tabsItem .feature__item_OBIVKA:before { content: "Материалы обивки:"; } .tabsItem .feature__item_color:before { content: "Цвет:"; } .tabsItem .feature__item_country:before { content: "Страна:"; } .tabsItem .feature__item_style:before { content: "Стиль:"; } */ .tabsItem .feature__item_collection { font-weight: normal; color: #f8438e; } /* .tabsItem .feature__item_collection:before { content: "Коллекция:"; } .tabsItem .feature__item_term { display: flex; } */ .delivery-time__modal { font-weight: 400; color: #f8438e; } .tabsItem .feature__item_term { display: flex; } /*.tabsItem .feature__item_warranty:before { content: "Гарантия:"; } */ .tabsItem .feature__item:empty { display: none; } .tabsItem .feature__docs { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; flex-flow: row wrap; align-items: flex-start; justify-content: center; margin: 0 auto; } .tabsItem .feature__docsItem { margin: 20px 25px 20px 0; padding: 0 0 0 55px; background-position: 0 0; background-repeat: no-repeat; line-height: 46px; height: 46px; font-style: normal; font-weight: normal; font-size: 14px; } @media (max-width: 599px) { .tabsItem .feature__docsItem { margin: 20px 25px 20px 0; } } .tabsItem .feature__docsItem_sborka { background-image: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_characteristics_1.svg); } .tabsItem .feature__docsItem_tehdoc { background-image: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_characteristics_2.svg); } .tabsItem .feature__docsItem_3d { background-image: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_characteristics_3.svg); } .tabsItem p { padding: 0 0 15px 0; } .tabsItem p b { font-weight: bold; } .delivery__table { margin-top: 20px; margin-bottom: 20px; } .delivery__item p, span { font-size: 14px; } .delivery__table { display: flex; justify-content: center; } .delivery__table p { padding: 0; } .delivery__item { width: 33.333%; padding: 20px; border: 1px solid black; } .delivery__item:first-child { margin-right: -1px; } .delivery__item:last-child { margin-left: -1px; } .delivery__region { margin-bottom: 15px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #828282; } .delivery__item span:not(:last-child) { display: block; margin-bottom: 20px; } .delivery__info span:not(:last-child) { margin-bottom: 10px; } .delivery__info { margin-bottom: 20px; } @media screen and (max-width: 640px) { .delivery__table { flex-wrap: wrap; } .delivery__item { width: 50%; } .delivery__item:last-child { width: 100%; margin-left: 0; margin-top: -1px; } } @media screen and (max-width: 480px) { .delivery__item { width: 100%; padding: 10px; } .delivery__item:last-child { margin-top: -1px; } .delivery__item:first-child { margin-bottom: -1px; margin-right: 0; } } .FreeShipping { display: none; background: #ffffff; border: 1px solid #e5e5e5; box-sizing: border-box; width: 100%; margin: 20px 0 35px 0; } .FreeShipping__item { padding: 26px 20px 30px 30px; } .FreeShipping__item:nth-child(1) { border-right: 1px solid #e5e5e5; width: 250px; font-weight: bold; font-size: 20px; line-height: 20px; color: #000000; } .FreeShipping__title { font-size: 20px; line-height: 20px; font-weight: bold; color: #f8438e; margin-bottom: 20px; } .noticeList { display: none; list-style: none; margin: 20px 0 40px 0; font-size: 14px; line-height: 20px; color: #333333; } .noticeList__item { display: block; padding: 0 0 18px 20px; position: relative; } .noticeList__item:before { content: ""; display: block; position: absolute; top: 5px; left: 0; background-color: #c4c4c4; width: 4px; height: 4px; border: 1px solid transparent; border-radius: 50%; } .slick-current.slick-active .FreeShipping, .slick-current.slick-active .noticeList { display: block; } .AdditionalPhoto { display: flex; flex-wrap: wrap; width: 100%; max-width: 1460px; margin: 0 auto 20px auto; } .product-faq { padding: 20px 0 40px 0; display: flex; flex-wrap: wrap; gap: 12px; } .product-faq__title { margin: 0 auto; font-size: 20px; line-height: 18px; text-align: center; text-transform: uppercase; color: #333333; padding: 15px 0; } .product-faq__row { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 15px; } .product-faq__item { margin: 6px; padding: 8px 17px; font-size: 12px; line-height: 16px; color: #16202e; background: #f5f5f5; box-shadow: 0 6px 16px rgba(22, 32, 46, 0.04); border-radius: 40px; transition: 0.3s all ease; } .product-faq__item:hover { background: #ebebeb; } .product-faq__modal { position: fixed; display: flex; justify-content: center; align-items: center; z-index: 1001; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; overflow-y: auto; background-color: rgba(0, 0, 0, 0.6); padding: 40px 20px; box-sizing: border-box; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; } .product-faq__modal.active { opacity: 1; visibility: visible; transition: all 0.2s ease-in-out; } .product-faq__modal-content { background-color: #fff; padding: 30px 40px; max-width: 800px; width: 100%; position: relative; font-size: 15px; line-height: 1.6; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); } .product-faq__modal-content p a { color: #e0387e; } .product-faq__modal-close.modal-close { position: absolute; top: 15px; right: 15px; } .product-faq__modal-close:hover { color: #000; } .product-photos { text-align: center; width: 100%; margin: 40px auto; max-width: 756px; padding: 0 10px; } .product-photos__title { font-size: 24px; margin-bottom: 20px; color: #000; } .product-photos__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 900px; margin: 0 auto; } .product-photos__item { aspect-ratio: 1; overflow: hidden; cursor: pointer; } .product-photos__item:hover .product-photos__img { transform: scale(1.1); } .product-photos__img { width: 100%; height: 100%; max-height: 400px; object-fit: cover; transition: transform 0.3s ease; } @media (max-width: 768px) { .product-photos__grid { grid-template-columns: repeat(2, 1fr); gap: 15px; } } @media (max-width: 480px) { .product-photos__grid { gap: 10px; } } @media (max-width: 860px) { .AdditionalPhoto { flex-direction: column; } .AdditionalPhoto__container { display: flex; justify-content: center; } } .AdditionalPhoto__container { flex: 1 0 34%; } .AdditionalPhoto__container:nth-child(odd) { display: flex; justify-content: flex-end; } .AdditionalPhoto__item { margin: 5px; box-sizing: border-box; max-width: 100%; min-width: 400px; max-height: 470px; width: auto; height: auto; align-self: flex-start; } .sprtr { display: block; width: 100%; height: 1px; background-color: #e5e5e5; } #FromCollection, #YouWatched { background: #fafafa; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; height: 500px; width: 100%; position: relative; z-index: 1; } #FromCollection.FCtop, #YouWatched.FCtop { z-index: 10; } .FromCollection__title, .YouWatched__title { font-style: normal; font-weight: normal; font-size: 20px; line-height: 18px; text-align: center; text-transform: uppercase; color: #333333; padding: 60px 0 50px 0; } .FromCollection__photo, .YouWatched__photo { height: 200px; width: auto; display: block; margin: 0 auto; } .FromCollection__itemName, .YouWatched__itemName { display: block; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; text-align: center; color: #000000; padding: 12px 30px 8px 30px; max-height: 80px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .FromCollection__btnList, .YouWatched__btnList { margin: 32px 0 0 0px; display: none; } .FromCollection__btn, .YouWatched__btn { cursor: pointer; width: 140px; height: 40px; background: #e0387e; border-radius: 2px; display: inline-block; font-style: normal; font-weight: bold; font-size: 14px; line-height: 40px; text-align: center; color: #ffffff; text-transform: uppercase; } .FromCollection__btn:hover, .YouWatched__btn:hover { background: #f8438e; } .favouritesNew, .compareNew { display: inline-block; width: 30px; height: 40px; vertical-align: top; cursor: pointer; } #FromCollectionWRP { height: 489px; } #YouWatchedWRP { height: 370px; } #FromCollectionWRP .tabsItem, #YouWatchedWRP .tabsItem { position: relative; display: block !important; width: 280px !important; margin: 0 auto 20px auto; background: #ffffff; height: 340px; text-align: center; transition: all 0.5s; } #FromCollectionWRP .tabsItem .discount .cost, #YouWatchedWRP .tabsItem .discount .cost { color: #c4c4c4; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } #FromCollectionWRP .tabsItem .discount .sale, #YouWatchedWRP .tabsItem .discount .sale { margin-left: 5px; color: #e0387e; } #FromCollectionWRP .tabsItem.hover, #YouWatchedWRP .tabsItem.hover { height: 420px; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14); margin: 0 auto 25px auto; transition: all 0.2s; } #FromCollectionWRP .tabsItem.hover .FromCollection__btnList, #YouWatchedWRP .tabsItem.hover .FromCollection__btnList { display: block; } #FromCollectionWRP .price, #YouWatchedWRP .price { font-style: normal; font-weight: bold; font-size: 20px; line-height: 40px; color: #333333; } #FromCollectionWRP .price.old, #YouWatchedWRP .price.old { font-style: normal; font-weight: bold; font-size: 12px; line-height: 14px; color: #c4c4c4; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .favouritesNew { background: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7655 2.77244C15.9455 1.09049 14.2254 0 12.3654 0C10.5054 0 9.30542 0.757799 8.60542 1.57105C7.90542 0.757799 6.70541 0 4.84541 0C2.9854 0 1.26539 1.09049 0.445386 2.77244C-0.394617 4.52831 -0.034617 6.46901 1.42539 7.98461C4.92541 11.6257 8.02542 14.1949 8.06542 14.2134C8.22542 14.3427 8.40542 14.3982 8.60542 14.3982C8.80542 14.3982 8.98542 14.3427 9.14542 14.2134C9.18542 14.1949 12.2654 11.6073 15.7855 7.98461C17.2655 6.46901 17.6255 4.52831 16.7655 2.77244ZM14.6054 7.00503C12.0054 9.68505 9.64543 11.7921 8.62542 12.6608C7.60542 11.7736 5.24541 9.68506 2.6454 6.98655C1.60539 5.89606 1.34539 4.58376 1.92539 3.3454C2.46539 2.21795 3.6454 1.44168 4.8654 1.44168C7.24541 1.44168 7.78542 3.08666 7.84542 3.28997C7.92542 3.62266 8.24542 3.84445 8.60542 3.84445C8.96542 3.84445 9.28542 3.60418 9.38542 3.28997C9.44542 3.10514 9.98543 1.44168 12.3654 1.44168C13.5654 1.44168 14.7454 2.19946 15.3055 3.3454C15.9055 4.60224 15.6455 5.91454 14.6054 7.00503Z' fill='black'/%3E%3C/svg%3E") center 13px no-repeat !important; } .favouritesNew:hover, .favouritesNew.is-active { background: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7655 2.77244C15.9455 1.09049 14.2254 0 12.3654 0C10.5054 0 9.30542 0.757799 8.60542 1.57105C7.90542 0.757799 6.70541 0 4.84541 0C2.9854 0 1.26539 1.09049 0.445386 2.77244C-0.394617 4.52831 -0.0346169 6.46901 1.42539 7.98461C4.92541 11.6257 8.02542 14.1949 8.06542 14.2134C8.22542 14.3427 8.40542 14.3982 8.60542 14.3982C8.80542 14.3982 8.98542 14.3427 9.14542 14.2134C9.18542 14.1949 12.2654 11.6073 15.7855 7.98461C17.2655 6.46901 17.6255 4.52831 16.7655 2.77244Z' fill='%23F8438E'/%3E%3C/svg%3E") center 13px no-repeat !important; } .compareNew { background: url("data:image/svg+xml,%3Csvg width='22' height='13' viewBox='0 0 22 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.935366 0.924194H15.0644C15.5794 0.924194 16.0004 1.31325 16.0004 1.78918V1.90747C16.0004 2.3834 15.5794 2.77246 15.0644 2.77246H0.935366C0.420366 2.77246 0.000366211 2.3834 0.000366211 1.90747V1.78918C0.000366211 1.31325 0.420366 0.924194 0.935366 0.924194ZM17 5.54493V4.15875C17 3.68282 17.421 3.29376 17.936 3.29376H18.064C18.579 3.29376 19 3.68282 19 4.15875V5.54494L20.564 5.54495C21.079 5.54495 21.5 5.93402 21.5 6.40995V6.52824C21.5 7.00418 21.079 7.39325 20.564 7.39325L19 7.39324V8.83955C19 9.31548 18.579 9.70361 18.064 9.70361H17.936C17.421 9.70361 17 9.31548 17 8.83955V7.39323L15.435 7.39322C14.92 7.39322 14.5 7.00416 14.5 6.52822V6.40993C14.5 5.93399 14.92 5.54492 15.435 5.54492L17 5.54493ZM11.4992 5.54492H0.934988C0.419995 5.54492 0 5.93399 0 6.40994V6.52823C0 7.00418 0.419995 7.39325 0.934988 7.39325H11.4992C12.0142 7.39325 12.4352 7.00418 12.4352 6.52823V6.40994C12.4352 5.93399 12.0142 5.54492 11.4992 5.54492ZM15.0644 10.1656H0.935366C0.420366 10.1656 0.000366211 10.5546 0.000366211 11.0305V11.1488C0.000366211 11.6247 0.420366 12.0138 0.935366 12.0138H15.0644C15.5794 12.0138 16.0004 11.6247 16.0004 11.1488V11.0305C16.0004 10.5546 15.5794 10.1656 15.0644 10.1656Z' fill='%23231F20'/%3E%3C/svg%3E") center 13px no-repeat !important; } .compareNew:hover, .compareNew.is-active { background: url("data:image/svg+xml,%3Csvg width='22' height='13' viewBox='0 0 22 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.935366 0.924194H15.0644C15.5794 0.924194 16.0004 1.31325 16.0004 1.78918V1.90747C16.0004 2.3834 15.5794 2.77246 15.0644 2.77246H0.935366C0.420366 2.77246 0.000366211 2.3834 0.000366211 1.90747V1.78918C0.000366211 1.31325 0.420366 0.924194 0.935366 0.924194ZM17 5.54493V4.15875C17 3.68282 17.421 3.29376 17.936 3.29376H18.064C18.579 3.29376 19 3.68282 19 4.15875V5.54494L20.564 5.54495C21.079 5.54495 21.5 5.93402 21.5 6.40995V6.52824C21.5 7.00418 21.079 7.39325 20.564 7.39325L19 7.39324V8.83955C19 9.31548 18.579 9.70361 18.064 9.70361H17.936C17.421 9.70361 17 9.31548 17 8.83955V7.39323L15.435 7.39322C14.92 7.39322 14.5 7.00416 14.5 6.52822V6.40993C14.5 5.93399 14.92 5.54492 15.435 5.54492L17 5.54493ZM11.4992 5.54492H0.934988C0.419995 5.54492 0 5.93399 0 6.40994V6.52823C0 7.00418 0.419995 7.39325 0.934988 7.39325H11.4992C12.0142 7.39325 12.4352 7.00418 12.4352 6.52823V6.40994C12.4352 5.93399 12.0142 5.54492 11.4992 5.54492ZM15.0644 10.1656H0.935366C0.420366 10.1656 0.000366211 10.5546 0.000366211 11.0305V11.1488C0.000366211 11.6247 0.420366 12.0138 0.935366 12.0138H15.0644C15.5794 12.0138 16.0004 11.6247 16.0004 11.1488V11.0305C16.0004 10.5546 15.5794 10.1656 15.0644 10.1656Z' fill='%23F8438E'/%3E%3C/svg%3E") center 13px no-repeat !important; } .stikerList { position: absolute; right: 0; top: 30px; z-index: 5; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-end; align-content: stretch; } .stikerList .stiker { color: #ffffff; font-style: normal; font-weight: bold; font-size: 12px; line-height: 16px; text-align: center; letter-spacing: -0.03em; padding: 4px 20px; } .stikerList .stiker_eco { background: #8dcfb2; } .stikerList .stiker_black { background: #000000; } .stikerList .stiker_3d { background: #979797; } .stikerList .stiker_hit { background: #e0387e; width: 53px; text-align: center; padding: 4px 0; } .stikerList .stiker_sale { background: #fcb331; } /*tooltip */ .tooltipNew { cursor: pointer; } .tooltipNew:after { background: #ffffff; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); color: #828282; content: attr(data-tooltip); margin-top: -24px; opacity: 0; padding: 3px 7px; transform: translateX(-50%); position: absolute; visibility: hidden; transition: all 0.4s ease-in-out; white-space: nowrap; font-size: 11px; } .tooltipNew:hover:after { opacity: 1; visibility: visible; z-index: 10; } /* end tooltip */ #Look { position: relative; z-index: 1; } .Look__row { display: flex; min-height: 442px; width: 100%; max-width: 1440px; margin: 0 auto; } .Look__row:nth-child(odd) { border-bottom: 1px solid #e5e5e5; } .Look__item { background-color: #ffffff; padding: 0; flex: 0 1 auto; overflow: hidden; position: relative; } .Look__item_1 { flex: 0 1 26%; border-left: 1px solid #e5e5e5; } .Look__item_2 { flex: 0 1 48%; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .Look__item_3 { flex: 0 1 26%; } .Look__item_4 { flex: 0 1 50%; } .Look__item_5 { flex: 0 1 50%; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .Look__item_5 .Look__wrp { margin-top: 125px; } .Look__item.ffffff .Look__foto { width: 100%; height: 100%; } .Look__item.ffffff .Look__wrp { margin: 0; position: absolute; z-index: 2; bottom: 70px; left: 34px; color: #ffffff; } .Look__item .stikerList { left: 34px; right: auto; top: 34px; justify-content: flex-start; align-items: flex-start; } .Look__foto { position: absolute; bottom: 0; right: 0; display: block; z-index: 1; } .Look__link { display: block; position: absolute; z-index: 10; bottom: 40px; left: 34px; font-style: normal; font-weight: normal; font-size: 12px; line-height: 20px; } .Look__link:hover { color: #f8438e !important; } .Look__link:after { display: inline-block; margin-left: 5px; width: 5.67px; height: 5.7px; content: ""; border-bottom: 2px solid #bdbdbd; border-right: 2px solid #bdbdbd; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .Look__wrp { margin: 80px 0 0 34px; color: #000000; position: relative; z-index: 9; width: 100%; max-width: 340px; } .MainMenu .Look__wrp { max-width: 240px; } .Look__title { font-style: normal; font-weight: normal; font-size: 34px; line-height: 46px; padding-bottom: 10px; } .Look__price { font-style: normal; font-weight: bold; font-size: 20px; line-height: 20px; } .Look__discount { margin-top: 10px; display: flex; font-weight: bold; font-size: 12px; line-height: 16px; } .Look__cost { -webkit-text-decoration-line: line-through; text-decoration-line: line-through; opacity: 0.5; } .Look__sale { margin-left: 5px; color: #e0387e; } /* end #Look */ .linkWRP { display: block; overflow: hidden; } .is-clickable { cursor: pointer; } .modalNew { opacity: 0; visibility: hidden; width: 100%; max-width: 565px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3000; transition: 0.3s all; } .modalNew__wrp { position: relative; z-index: 2; min-height: 280px; background-color: #ffffff; color: #828282; font-size: 14px; line-height: 20px; padding: 29px; } .modalNew__title { text-transform: uppercase; margin: 0 0 25px 0; } .modalNew__item { margin: 0 0 15px 0; } .modalNew__item b { font-weight: bold; color: #000000; } .modalNew__close { position: absolute; top: 29px; right: 29px; z-index: 2; cursor: pointer; background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_close.svg) 0 0 no-repeat; width: 15px; height: 15px; } .modal__close { width: 15px; height: 15px; position: absolute; top: 20px; right: 20px; fill: #444; cursor: pointer; } .overlay { opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; z-index: 20; transition: 0.3s all; } .modalNew.active { opacity: 1; visibility: visible; } .overlay.active { opacity: 0.7; visibility: visible; } /* фикс старых стилей */ main.main { flex: none; } .section-page .page-box { width: 100% !important; margin: 0px auto 80px auto !important; font-family: "Open Sans", sans-serif; } @media only screen and (min-width: 600px) and (max-width: 1446px) { .section-page .container-box { width: 100% !important; } } @media (max-width: 1620px) { .section-page .container-box { padding: 0 10px; } } .section-page .container-box { margin: 0 auto; width: 100%; max-width: 1460px; } /* END фикс старых стилей */ blockquote { quotes: "«" "»"; font-size: 24px; line-height: 35px; color: #333333; max-width: calc(898px - 40px); padding: 0 20px; margin: 0 auto; } blockquote:before { content: open-quote; } blockquote:after { content: close-quote; } .DesignerList { background-color: #fafafa; } .DesignerListHeader { padding: 0 30px 30px 30px; border-bottom: 1px solid #e5e5e5; margin-bottom: 53px; background-color: #ffffff; } .DesignerListTitle { font-style: normal; font-weight: normal; font-size: 30px; line-height: 40px; margin-bottom: 34px; display: none; } .DesignerListNavigation { font-size: 0; line-height: 0; position: relative; } .DesignerListNavigation__left, .DesignerListNavigation__right { display: inline-block; font-style: normal; font-weight: normal; font-size: 14px; line-height: 34px; vertical-align: top; } .DesignerListNavigation__left { width: 90%; } .DesignerListNavigation__left .col-vo { display: none; } .DesignerListNavigation__right { width: 9.5%; text-align: right; } .DesignerListNavigation__right .openNavDiz { display: none; } .DesignerListNavigation__btn { text-align: center; text-transform: uppercase; border: 1px solid transparent; border-radius: 50%; display: inline-block; width: 34px; cursor: pointer; transition: all 0.2s; } .DesignerListNavigation__btn.active, .DesignerListNavigation__btn:hover { color: #ffffff; background-color: #e0387e; transition: all 0.5s; } .DesignerListNavigation__btn_all { border-radius: 17px; width: 50px; text-align: center; } .DesignerList__wrp { display: flex; flex-wrap: wrap; align-items: flex-start; flex-direction: row; justify-content: space-around; align-items: flex-start; margin-bottom: -50px; } .DesignerList__item { display: flex; flex-wrap: wrap; width: 284px; height: 272px; text-align: center; margin-bottom: 50px; } .DesignerList__item .DLFoto { display: block; margin: 0 auto 31px auto; width: 200px; height: 200px; border: 1px solid transparent; border-radius: 50%; } .DesignerList__item .DLName { display: block; width: 100%; text-align: center; font-weight: bold; font-size: 20px; line-height: 26px; overflow: auto; text-overflow: ellipsis; } .DesignerPage .Diz__txt_end { max-width: calc(898px - 40px); padding: 0 20px; margin: 50px auto 84px auto; min-height: auto; } .DesignerPage__video { width: 872px; height: 529px; margin: 50px auto 97px auto; } .DesignerPage .CatalogDisignera { border-top: 1px solid #e5e5e5; } .mtop50 { margin-top: 50px; } .NaviBottomPagination { font-size: 0; line-height: 0; margin: 0 41px 0 41px; } .NaviBottomPagination:before, .NaviBottomPagination:after { content: ""; display: block; height: 62px; width: 100%; } .NaviBottomPagination__left, .NaviBottomPagination__right { display: inline-block; font-style: normal; font-weight: normal; font-size: 16px; line-height: 48px; vertical-align: top; } .NaviBottomPagination__left { width: calc(100% - 200px); } .NaviBottomPagination__right { width: 199px; text-align: right; } .NaviBottomPagination__item { display: inline-block; cursor: pointer; height: 48px; width: 48px; line-height: 48px; text-align: center; vertical-align: top; margin-right: 10px; border: 1px solid transparent; border-radius: 50%; } .NaviBottomPagination__item.active, .NaviBottomPagination__item:hover { color: #e0387e; background-color: #ffffff; border: 1px solid transparent; border-radius: 50%; } .NaviBottomPagination__item.active { cursor: default; } .NaviBottomPagination__item_more { text-align: left; background-color: #ffffff; border: 1px solid transparent; border-radius: 39px; line-height: 48px; width: auto; padding: 0 26px 0 12px; } .NaviBottomPagination__item_more:hover { border-radius: 39px; } .NaviBottomPagination__item_more:before { content: ""; display: inline-block; width: 32px; height: 32px; vertical-align: middle; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYgMTZDNiAxMC40NDc3IDEwLjQ0NzcgNiAxNiA2QzE4Ljc4MTIgNiAyMS4yMjAxIDcuMTE2MjIgMjMuMDg1NCA4Ljg3MThMMjEuNzE0NiAxMC4zMjgyQzIwLjE3OTkgOC44ODM3OCAxOC4yMTg4IDggMTYgOEMxMS41NTIzIDggOCAxMS41NTIzIDggMTZIMTFMNyAyMEwzIDE2SDZaTTI2IDE2QzI2IDIxLjU1MjMgMjEuNTUyMyAyNiAxNiAyNkMxMy4yMTg4IDI2IDEwLjc3OTkgMjQuODgzOCA4LjkxNDY0IDIzLjEyODJMMTAuMjg1NCAyMS42NzE4QzExLjgyMDEgMjMuMTE2MiAxMy43ODEyIDI0IDE2IDI0QzIwLjQ0NzcgMjQgMjQgMjAuNDQ3NyAyNCAxNkgyMUwyNSAxMkwyOSAxNkgyNloiIGZpbGw9IiMxNjIwMkUiLz48L3N2Zz4=) 0 0 no-repeat; margin-right: 12px; } .NaviBottomPagination__item_arrow { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIgMThMMjggMjRMMjIgMzAiIHN0cm9rZT0iIzE2MjAyRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=) 0 0 no-repeat; margin-left: 10px; } .NaviBottomPagination__item_arrow_prev { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIgMThMMjggMjRMMjIgMzAiIHN0cm9rZT0iIzE2MjAyRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=) 0 0 no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .Catalog { margin-left: -10px; margin-right: -10px; background-color: #fafafa; } .Catalog__header { height: 180px; padding: 30px 33px 0 33px; display: grid; grid-template-columns: 82% 18%; grid-column-gap: 0; } .Catalog__headerRight { text-align: right; } .Catalog__headerTitle { font-style: normal; font-weight: normal; font-size: 30px; line-height: 40px; } .Catalog__filterList { display: grid; grid-template-columns: minmax(110px, 180px) minmax(110px, 180px) minmax(110px, 180px) minmax(110px, 180px) minmax(110px, 180px) minmax(110px, 180px) minmax(110px, 180px); grid-column-gap: 10px; } .Catalog__filter { display: inline-block; border: 1px solid transparent; border-radius: 18px; background-color: #ffffff; padding: 0 10px; cursor: pointer; line-height: 32px; } .Catalog__filter:after { content: ""; display: inline-block; background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_catalog_arrow-down.svg) 0 0 no-repeat; width: 11px; height: 11px; margin-left: 10px; } .Catalog__filter .closeFilter { display: none; } .Catalog__filter.active { color: #ffffff; background-color: #e0387e; } .Catalog__filter.active .closeFilter { display: inline-block; background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_catalog_close.svg) 0 2px no-repeat; width: 11px; height: 11px; margin-left: 10px; cursor: pointer; position: relative; z-index: 2; } .Catalog__filter.active:after { display: none; } .Catalog__filter .count { color: #ffffff; position: relative; z-index: 1; } .Catalog__filter .count:before { content: ":"; display: inline-block; padding-right: 7px; } .Catalog__filter .count:empty { display: none; } .Catalog__filterList { margin-top: 33px; } .Catalog__filterItem { position: relative; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: bold; font-size: 14px; line-height: 40px; } .Catalog__filterItemChekbox { display: inline-block; cursor: pointer; margin-right: 10px !important; border: 1px solid #e5e5e5; background-color: #ffffff; } .Catalog__filterItemChekboxlist { width: 100%; height: 254px; overflow-y: auto; } .Catalog__filterItemChekboxlist::-webkit-scrollbar { width: 3px; height: 100%; background-color: #fafafa; } .Catalog__filterItemChekboxlist::-webkit-scrollbar-button { display: none; } .Catalog__filterItemChekboxlist::-webkit-scrollbar-thumb { height: 50px; background-color: #e0387e; border-radius: 3px; } .Catalog__filterItemChekboxItem { display: block; height: 40px; font-weight: 600; font-size: 14px; line-height: 40px; letter-spacing: 0.1px; } .Catalog__filterItemChekboxItem:hover, .Catalog__filterItemChekboxItem.active { color: #e0387e; cursor: pointer; } .Catalog__filterItemSettings { position: absolute; top: 32px; left: 0; z-index: 3; width: 256px; min-height: 342px; padding-top: 8px; display: none; } .Catalog__filterItemSettings:before { content: ""; display: block; position: absolute; top: 4px; left: 20px; width: 8px; height: 8px; background-color: #ffffff; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .Catalog__filterItemSettingsWRP { width: 256px; min-height: 334px; background-color: #ffffff; border: 1px solid #e5e5e5; padding: 9px 13px 17px 16px; } .Catalog__filterItemSettingsBTN { width: 226px; height: 50px; margin: 31px 0 0 0; text-align: center; cursor: pointer; border: 1px solid #e5e5e5; line-height: 50px; } .mobile .Catalog__filterItemSettingsBTN { display: none; } .Catalog__filterItem.hover .Catalog__filterItemSettings { display: block; } .CatalogList { display: grid; justify-items: center; align-items: center; justify-content: space-evenly; align-content: space-evenly; padding: 70px 30px 0 30px; grid-gap: 70px 30px; } .CatalogList.brick { grid-template-columns: repeat(4, 1fr); } @media only screen and (min-width: 920px) and (max-width: 1200px) { .CatalogList.brick { grid-template-columns: repeat(3, 1fr); } } @media only screen and (min-width: 800px) and (max-width: 920px) { .CatalogList.brick { grid-template-columns: repeat(2, 1fr); } } @media only screen and (min-width: 319px) and (max-width: 800px) { .CatalogList.brick { grid-template-columns: repeat(2, 1fr); } } .CatalogList.brick .Catalog__Item__photoIMG { width: auto; max-width: 100%; max-height: 200px; -o-transition: all 200ms; -webkit-transition: all 200ms; transition: all 200ms; } .CatalogList.brick .Catalog__Item__photoIMG.additional { opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .CatalogList.brick .Catalog__ItemIntroList { display: none; } .CatalogList.brick .Catalog__Item.hover .Catalog__ItemBTNList { display: block; } .CatalogList.lines { grid-template-columns: repeat(2, 1fr); } @media only screen and (min-width: 920px) and (max-width: 1200px) { .CatalogList.lines { grid-template-columns: repeat(1, 1fr); } } @media only screen and (min-width: 800px) and (max-width: 920px) { .CatalogList.lines { grid-template-columns: repeat(1, 1fr); } } .CatalogList.lines .Catalog__Item.hover { height: 340px; margin-bottom: 0; } .CatalogList.lines .Catalog__Item { display: grid; grid-template-columns: 320px 1fr; } .CatalogList.lines .Catalog__ItemLeft { width: 320px; padding: 0 20px; display: flex; justify-content: center; align-items: center; } .CatalogList.lines .Catalog__ItemRight { display: flex; text-align: left; flex-direction: column; } .Catalog__ItemRight__sizes { font-size: 12px; line-height: 16px; color: #a1a1a1; } .CatalogList.lines .Catalog__Item__photo { line-height: 340px; } .CatalogList.lines .Catalog__Item__photoIMG { width: auto; max-width: 100%; max-height: 340px; -o-transition: all 200ms; -webkit-transition: all 200ms; transition: all 200ms; } .CatalogList.lines .Catalog__Item__photoIMG.additional { opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .CatalogList.lines .Catalog__ItemName { padding: 25px 25px 4px 0; text-align: left; } .CatalogList.lines .Catalog__ItemIntroList { order: 3; margin: 0 0 25px 0; } .CatalogList.lines .Product__SettList { font-size: 14px; line-height: 16px; margin-top: 12px; } .CatalogList.lines .Product__SettList a { color: #e0387e !important; } .CatalogList.lines .Catalog__ItemBTNList { display: block; margin: 0; order: 4; } .CatalogList.lines .price { order: 2; } .CatalogList.lines .price.star { order: 1; } .Catalog__Item { justify-self: stretch; align-self: stretch; position: relative; z-index: 1; background: #ffffff; height: 340px; text-align: center; transition: all 0.5s; font-size: 14px; line-height: 18px; } .Catalog__Item.hover { z-index: 3; height: 420px; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14); margin: 0 0 -80px 0; transition: all 0.2s; } .Catalog__Item .price { margin-top: 12px; font-style: normal; font-weight: bold; font-size: 20px; line-height: 40px; color: #333333; } .Catalog__Item .star { margin-top: 12px; font-style: normal; font-weight: bold; font-size: 12px; line-height: 14px; color: #c4c4c4; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .Catalog__ItemBTN { cursor: pointer; width: 140px; height: 40px; background: #e0387e; border-radius: 2px; display: inline-block; font-style: normal; font-weight: bold; font-size: 14px; line-height: 40px; text-align: center; color: #ffffff; text-transform: uppercase; } .Catalog__ItemBTN:hover { background: #f8438e; } .Catalog__ItemBTNList { margin: 32px 0 0 0px; display: none; } .Catalog__Item__photo { position: relative; height: auto; width: 100%; display: flex; justify-content: center; align-items: center; outline: none; } .Catalog__ItemName { display: block; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; text-align: center; color: #000000; padding: 12px 30px 4px 30px; } .Catalog__Item .discount .cost { color: #c4c4c4; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .Catalog__Item .discount .sale { margin-left: 5px; color: #e0387e; } .Catalog .stikerList { right: auto; left: 0; align-items: flex-start; } .Catalog__sorting { height: 40px; line-height: 40px; } @media only screen and (min-width: 319px) and (max-width: 1024px) { .Catalog__sorting:before { display: none; } } .Catalog__sortingBTN { line-height: 40px; width: 40px; height: 40px; display: inline-block; position: relative; z-index: 2; cursor: pointer; } .Catalog__sortingBTNs { display: inline-block; vertical-align: top; width: 82px; height: 42px; background-color: #ffffff; position: relative; line-height: 0; font-size: 0; margin-left: 10px; border-radius: 2px; border: 1px solid transparent; } .Catalog__sortingBTNs:before { content: ""; display: block; position: absolute; z-index: 0; width: 100%; height: 100%; border: 1px solid #cbcbcb; border-radius: 2px; } .Catalog__sortingBTN .Catalog__sortingBTN-fon { fill: transparent; } .Catalog__sortingBTN .Catalog__sortingBTN-elemrnt { fill: transparent; stroke: #000000; } .Catalog__sortingBTN.active path.Catalog__sortingBTN-fon { fill: #e5e5e5; } .Catalog__sortingBTN.active path.Catalog__sortingBTN-elemrnt, .Catalog__sortingBTN.active rect.Catalog__sortingBTN-elemrnt { fill: transparent; stroke: #e0387e; } .Catalog__filtersClearAll { font-family: "Open Sans", sans-serif; cursor: pointer; font-style: normal; font-weight: normal; font-size: 14px; line-height: 40px; margin-top: 36px; height: 19px; } .Catalog__filterMobileBTNs { display: none; padding: 0 47px 0 53px; height: 58px; line-height: 58px; } @media only screen and (min-width: 319px) and (max-width: 800px) { .Catalog__filterMobileBTNs { display: grid; grid-template-columns: 1fr 1fr; } } .Catalog__filterMobileBTN__fltrs { font-weight: bold; font-size: 16px; cursor: pointer; } .Catalog__filterMobileBTN__right { text-align: right; } .Catalog__filterMobileBTN__close { display: none; width: 20px; height: 20px; background: url(/local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/../images/ico_catalog_close2.svg) 0 0 no-repeat; background-size: cover; cursor: pointer; } .Catalog__filterMobileBTN__close.active { display: inline-block; } @media only screen and (min-width: 319px) and (max-width: 800px) { .Catalog__headerRight { display: none; } } @media only screen and (min-width: 319px) and (max-width: 800px) { .Catalog__header { grid-template-columns: 100%; padding: 30px 0 0 0; height: auto; border-bottom: 1px solid #e5e5e5; } } @media only screen and (min-width: 319px) and (max-width: 800px) { .Catalog__headerTitle { text-align: center; margin-top: 0; padding: 0 15px; } } @media only screen and (min-width: 319px) and (max-width: 800px) { .Catalog__filterList { display: none; height: auto; width: 100%; background: #fff; position: relative; z-index: 9; padding: 0 47px 20px 43px; margin-top: 0; } .Catalog__filterList.active { display: block; } .Catalog__filterList .Catalog__filterItem { border-bottom: 1px solid #e5e5e5; } .Catalog__filterList .Catalog__filter:after { content: ""; display: none; position: absolute; right: 6px; top: 13px; z-index: 1; } } .Catalog__filterList .Catalog__filterItem_footer { display: none; } @media only screen and (min-width: 319px) and (max-width: 800px) { .Catalog__filterList .Catalog__filterItem_footer { display: grid; grid-template-columns: 50% 50%; padding: 20px 0 0 0; grid-column-gap: 10px; text-align: center; width: calc(100% - 10px); } } .Catalog__filter_clear, .Catalog__filter_show { height: 60px; line-height: 60px; border-radius: 4px; font-weight: bold; font-size: 20px; cursor: pointer; } .Catalog__filter_clear { background: #ffffff; border: 1px solid #cbcbcb; } .Catalog__filter_show { color: #ffffff; background-color: #e0387e; } .Catalog__filter_show_hidden { display: none; } .favouritesNew, .compareNew { display: inline-block; width: 30px; height: 40px; vertical-align: top; cursor: pointer; } .favouritesNew { background: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7655 2.77244C15.9455 1.09049 14.2254 0 12.3654 0C10.5054 0 9.30542 0.757799 8.60542 1.57105C7.90542 0.757799 6.70541 0 4.84541 0C2.9854 0 1.26539 1.09049 0.445386 2.77244C-0.394617 4.52831 -0.034617 6.46901 1.42539 7.98461C4.92541 11.6257 8.02542 14.1949 8.06542 14.2134C8.22542 14.3427 8.40542 14.3982 8.60542 14.3982C8.80542 14.3982 8.98542 14.3427 9.14542 14.2134C9.18542 14.1949 12.2654 11.6073 15.7855 7.98461C17.2655 6.46901 17.6255 4.52831 16.7655 2.77244ZM14.6054 7.00503C12.0054 9.68505 9.64543 11.7921 8.62542 12.6608C7.60542 11.7736 5.24541 9.68506 2.6454 6.98655C1.60539 5.89606 1.34539 4.58376 1.92539 3.3454C2.46539 2.21795 3.6454 1.44168 4.8654 1.44168C7.24541 1.44168 7.78542 3.08666 7.84542 3.28997C7.92542 3.62266 8.24542 3.84445 8.60542 3.84445C8.96542 3.84445 9.28542 3.60418 9.38542 3.28997C9.44542 3.10514 9.98543 1.44168 12.3654 1.44168C13.5654 1.44168 14.7454 2.19946 15.3055 3.3454C15.9055 4.60224 15.6455 5.91454 14.6054 7.00503Z' fill='black'/%3E%3C/svg%3E") center 13px no-repeat !important; } .favouritesNew:hover, .favouritesNew.is-active { background: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7655 2.77244C15.9455 1.09049 14.2254 0 12.3654 0C10.5054 0 9.30542 0.757799 8.60542 1.57105C7.90542 0.757799 6.70541 0 4.84541 0C2.9854 0 1.26539 1.09049 0.445386 2.77244C-0.394617 4.52831 -0.0346169 6.46901 1.42539 7.98461C4.92541 11.6257 8.02542 14.1949 8.06542 14.2134C8.22542 14.3427 8.40542 14.3982 8.60542 14.3982C8.80542 14.3982 8.98542 14.3427 9.14542 14.2134C9.18542 14.1949 12.2654 11.6073 15.7855 7.98461C17.2655 6.46901 17.6255 4.52831 16.7655 2.77244Z' fill='%23F8438E'/%3E%3C/svg%3E") center 13px no-repeat !important; } .compareNew { background: url("data:image/svg+xml,%3Csvg width='22' height='13' viewBox='0 0 22 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.935366 0.924194H15.0644C15.5794 0.924194 16.0004 1.31325 16.0004 1.78918V1.90747C16.0004 2.3834 15.5794 2.77246 15.0644 2.77246H0.935366C0.420366 2.77246 0.000366211 2.3834 0.000366211 1.90747V1.78918C0.000366211 1.31325 0.420366 0.924194 0.935366 0.924194ZM17 5.54493V4.15875C17 3.68282 17.421 3.29376 17.936 3.29376H18.064C18.579 3.29376 19 3.68282 19 4.15875V5.54494L20.564 5.54495C21.079 5.54495 21.5 5.93402 21.5 6.40995V6.52824C21.5 7.00418 21.079 7.39325 20.564 7.39325L19 7.39324V8.83955C19 9.31548 18.579 9.70361 18.064 9.70361H17.936C17.421 9.70361 17 9.31548 17 8.83955V7.39323L15.435 7.39322C14.92 7.39322 14.5 7.00416 14.5 6.52822V6.40993C14.5 5.93399 14.92 5.54492 15.435 5.54492L17 5.54493ZM11.4992 5.54492H0.934988C0.419995 5.54492 0 5.93399 0 6.40994V6.52823C0 7.00418 0.419995 7.39325 0.934988 7.39325H11.4992C12.0142 7.39325 12.4352 7.00418 12.4352 6.52823V6.40994C12.4352 5.93399 12.0142 5.54492 11.4992 5.54492ZM15.0644 10.1656H0.935366C0.420366 10.1656 0.000366211 10.5546 0.000366211 11.0305V11.1488C0.000366211 11.6247 0.420366 12.0138 0.935366 12.0138H15.0644C15.5794 12.0138 16.0004 11.6247 16.0004 11.1488V11.0305C16.0004 10.5546 15.5794 10.1656 15.0644 10.1656Z' fill='%23231F20'/%3E%3C/svg%3E") center 13px no-repeat !important; } .compareNew:hover, .compareNew.active { background: url("data:image/svg+xml,%3Csvg width='22' height='13' viewBox='0 0 22 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.935366 0.924194H15.0644C15.5794 0.924194 16.0004 1.31325 16.0004 1.78918V1.90747C16.0004 2.3834 15.5794 2.77246 15.0644 2.77246H0.935366C0.420366 2.77246 0.000366211 2.3834 0.000366211 1.90747V1.78918C0.000366211 1.31325 0.420366 0.924194 0.935366 0.924194ZM17 5.54493V4.15875C17 3.68282 17.421 3.29376 17.936 3.29376H18.064C18.579 3.29376 19 3.68282 19 4.15875V5.54494L20.564 5.54495C21.079 5.54495 21.5 5.93402 21.5 6.40995V6.52824C21.5 7.00418 21.079 7.39325 20.564 7.39325L19 7.39324V8.83955C19 9.31548 18.579 9.70361 18.064 9.70361H17.936C17.421 9.70361 17 9.31548 17 8.83955V7.39323L15.435 7.39322C14.92 7.39322 14.5 7.00416 14.5 6.52822V6.40993C14.5 5.93399 14.92 5.54492 15.435 5.54492L17 5.54493ZM11.4992 5.54492H0.934988C0.419995 5.54492 0 5.93399 0 6.40994V6.52823C0 7.00418 0.419995 7.39325 0.934988 7.39325H11.4992C12.0142 7.39325 12.4352 7.00418 12.4352 6.52823V6.40994C12.4352 5.93399 12.0142 5.54492 11.4992 5.54492ZM15.0644 10.1656H0.935366C0.420366 10.1656 0.000366211 10.5546 0.000366211 11.0305V11.1488C0.000366211 11.6247 0.420366 12.0138 0.935366 12.0138H15.0644C15.5794 12.0138 16.0004 11.6247 16.0004 11.1488V11.0305C16.0004 10.5546 15.5794 10.1656 15.0644 10.1656Z' fill='%23F8438E'/%3E%3C/svg%3E") center 13px no-repeat !important; } #Tabs { width: 100%; margin: 40px auto; padding-left: 50px; padding-right: 50px; max-width: 810px; display: flex; flex-wrap: wrap; } #Tabs .description_nav__item { width: 236px; border-bottom: 2px solid #e5e5e5; font-size: 16px; line-height: 18px; text-align: center; text-transform: uppercase; height: 40px; color: #333333; cursor: pointer; } #Tabs .description_nav__item:hover { border-bottom: 2px solid #e0387e; } @media (max-width: 850px) { #Tabs { flex-direction: column; align-items: center; padding: 0; } #Tabs .description_nav__item { margin-bottom: 20px; } } #TabsList { width: 100%; margin: 0 auto; max-width: 736px; } .tabsItem__title { font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #828282; } @media only screen and (max-width: 1280px) { #FromCollectionWRP, #YouWatchedWRP { width: 400px; } } #FromCollectionWRP.slider, #YouWatchedWRP.slider { width: 100%; margin: 0 auto; max-width: 1460px; } #FromCollectionWRP .slick-prev, #FromCollectionWRP .slick-next, #YouWatchedWRP .slick-prev, #YouWatchedWRP .slick-next { font-size: 0; line-height: 0; position: absolute; z-index: 10; top: -60px; display: block; width: 49px; height: 49px; padding: 0; cursor: pointer; color: transparent; outline: none; border: 1px solid transparent; border-radius: 50%; } #FromCollectionWRP .slick-prev:after, #FromCollectionWRP .slick-prev:before, #FromCollectionWRP .slick-next:after, #FromCollectionWRP .slick-next:before, #YouWatchedWRP .slick-prev:after, #YouWatchedWRP .slick-prev:before, #YouWatchedWRP .slick-next:after, #YouWatchedWRP .slick-next:before { content: ""; display: none; } #FromCollectionWRP .slick-prev:hover:before, #FromCollectionWRP .slick-prev:hover:after, #FromCollectionWRP .slick-next:hover:before, #FromCollectionWRP .slick-next:hover:after, #YouWatchedWRP .slick-prev:hover:before, #YouWatchedWRP .slick-prev:hover:after, #YouWatchedWRP .slick-next:hover:before, #YouWatchedWRP .slick-next:hover:after { content: ""; display: none; } #FromCollectionWRP .slick-prev, #YouWatchedWRP .slick-prev { right: 60px; left: auto; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNDkiIHZpZXdCb3g9IjAgMCA0OSA0OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjQuNTAwMSIgY3k9IjI0LjUiIHI9IjI0LjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCAyNC41MDAxIDI0LjUpIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjguNSAxNi45MjkyTDIxIDI0LjI4MzRMMjguNSAzMS42Mzc3IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K") 0 0 no-repeat !important; } #FromCollectionWRP .slick-prev:hover, #YouWatchedWRP .slick-prev:hover { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNDkiIHZpZXdCb3g9IjAgMCA0OSA0OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjQuNTAwMSIgY3k9IjI0LjUiIHI9IjI0LjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCAyNC41MDAxIDI0LjUpIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjguNSAxNi45MjkyTDIxIDI0LjI4MzRMMjguNSAzMS42Mzc3IiBzdHJva2U9IiNlMDM4N2UiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K") 0 0 no-repeat !important; box-shadow: 0 10px 42px -7px rgba(0, 0, 0, 0.5); } #FromCollectionWRP .slick-next, #YouWatchedWRP .slick-next { right: -5px; background: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24.5' cy='24.5' r='24.5' fill='white'/%3E%3Cpath d='M21.5 31.8418L29 24.4875L21.5 17.1333' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E") 0 0 no-repeat !important; } #FromCollectionWRP .slick-next:hover, #YouWatchedWRP .slick-next:hover { background: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24.5' cy='24.5' r='24.5' fill='white'/%3E%3Cpath d='M21.5 31.8418L29 24.4875L21.5 17.1333' stroke='%23e0387e' stroke-width='2'/%3E%3C/svg%3E") 0 0 no-repeat !important; box-shadow: 0 10px 42px -7px rgba(0, 0, 0, 0.5); } #TabsList { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } #TabsList .draggable { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } /* Убираем outline */ #TabsList .slider__slide { outline: none; } #PRODUCTphoto .slick-current.slick-active div { height: 100%; } #PRODUCTphoto .iframe-video-wrapper { height: 100%; } #PRODUCTphoto .iframe-horizontal { height: 100%; width: 100%; } #PRODUCTphoto .slick-prev, #PRODUCTphoto .slick-next { z-index: 99; border: 1px solid transparent; border-radius: 50%; background-color: #ccc; opacity: 1; } #PRODUCTphoto .slick-prev:hover, #PRODUCTphoto .slick-next:hover { opacity: 0.8; } #PRODUCTphoto .slick-prev { left: 10px; } #PRODUCTphoto .slick-next { right: 10px; } .mobile #PRODUCTphoto .slick-prev, .mobile #PRODUCTphoto .slick-next { display: none !important; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /* CSS правила для retina */ } @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* CSS правила для retina */ } @media only screen and (min-width: 768px) and (max-width: 1024px) { .ya-share2 { -webkit-transform: translateY(0px); transform: translateY(0px); } .Diz__photo { width: 230px; height: 230px; display: block; margin: 45px auto 35px auto; } .favouritesNew, .compareNew { display: inline-block; width: 30px; height: 40px; vertical-align: top; cursor: pointer; } .favouritesNew { background: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7655 2.77244C15.9455 1.09049 14.2254 0 12.3654 0C10.5054 0 9.30542 0.757799 8.60542 1.57105C7.90542 0.757799 6.70541 0 4.84541 0C2.9854 0 1.26539 1.09049 0.445386 2.77244C-0.394617 4.52831 -0.034617 6.46901 1.42539 7.98461C4.92541 11.6257 8.02542 14.1949 8.06542 14.2134C8.22542 14.3427 8.40542 14.3982 8.60542 14.3982C8.80542 14.3982 8.98542 14.3427 9.14542 14.2134C9.18542 14.1949 12.2654 11.6073 15.7855 7.98461C17.2655 6.46901 17.6255 4.52831 16.7655 2.77244ZM14.6054 7.00503C12.0054 9.68505 9.64543 11.7921 8.62542 12.6608C7.60542 11.7736 5.24541 9.68506 2.6454 6.98655C1.60539 5.89606 1.34539 4.58376 1.92539 3.3454C2.46539 2.21795 3.6454 1.44168 4.8654 1.44168C7.24541 1.44168 7.78542 3.08666 7.84542 3.28997C7.92542 3.62266 8.24542 3.84445 8.60542 3.84445C8.96542 3.84445 9.28542 3.60418 9.38542 3.28997C9.44542 3.10514 9.98543 1.44168 12.3654 1.44168C13.5654 1.44168 14.7454 2.19946 15.3055 3.3454C15.9055 4.60224 15.6455 5.91454 14.6054 7.00503Z' fill='black'/%3E%3C/svg%3E") center 13px no-repeat !important; } .favouritesNew:hover { background: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7655 2.77244C15.9455 1.09049 14.2254 0 12.3654 0C10.5054 0 9.30542 0.757799 8.60542 1.57105C7.90542 0.757799 6.70541 0 4.84541 0C2.9854 0 1.26539 1.09049 0.445386 2.77244C-0.394617 4.52831 -0.0346169 6.46901 1.42539 7.98461C4.92541 11.6257 8.02542 14.1949 8.06542 14.2134C8.22542 14.3427 8.40542 14.3982 8.60542 14.3982C8.80542 14.3982 8.98542 14.3427 9.14542 14.2134C9.18542 14.1949 12.2654 11.6073 15.7855 7.98461C17.2655 6.46901 17.6255 4.52831 16.7655 2.77244Z' fill='%23F8438E'/%3E%3C/svg%3E") center 13px no-repeat !important; } .compareNew { background: url("data:image/svg+xml,%3Csvg width='22' height='13' viewBox='0 0 22 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.935366 0.924194H15.0644C15.5794 0.924194 16.0004 1.31325 16.0004 1.78918V1.90747C16.0004 2.3834 15.5794 2.77246 15.0644 2.77246H0.935366C0.420366 2.77246 0.000366211 2.3834 0.000366211 1.90747V1.78918C0.000366211 1.31325 0.420366 0.924194 0.935366 0.924194ZM17 5.54493V4.15875C17 3.68282 17.421 3.29376 17.936 3.29376H18.064C18.579 3.29376 19 3.68282 19 4.15875V5.54494L20.564 5.54495C21.079 5.54495 21.5 5.93402 21.5 6.40995V6.52824C21.5 7.00418 21.079 7.39325 20.564 7.39325L19 7.39324V8.83955C19 9.31548 18.579 9.70361 18.064 9.70361H17.936C17.421 9.70361 17 9.31548 17 8.83955V7.39323L15.435 7.39322C14.92 7.39322 14.5 7.00416 14.5 6.52822V6.40993C14.5 5.93399 14.92 5.54492 15.435 5.54492L17 5.54493ZM11.4992 5.54492H0.934988C0.419995 5.54492 0 5.93399 0 6.40994V6.52823C0 7.00418 0.419995 7.39325 0.934988 7.39325H11.4992C12.0142 7.39325 12.4352 7.00418 12.4352 6.52823V6.40994C12.4352 5.93399 12.0142 5.54492 11.4992 5.54492ZM15.0644 10.1656H0.935366C0.420366 10.1656 0.000366211 10.5546 0.000366211 11.0305V11.1488C0.000366211 11.6247 0.420366 12.0138 0.935366 12.0138H15.0644C15.5794 12.0138 16.0004 11.6247 16.0004 11.1488V11.0305C16.0004 10.5546 15.5794 10.1656 15.0644 10.1656Z' fill='%23231F20'/%3E%3C/svg%3E") center 13px no-repeat; } .compareNew:hover { background: url("data:image/svg+xml,%3Csvg width='22' height='13' viewBox='0 0 22 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.935366 0.924194H15.0644C15.5794 0.924194 16.0004 1.31325 16.0004 1.78918V1.90747C16.0004 2.3834 15.5794 2.77246 15.0644 2.77246H0.935366C0.420366 2.77246 0.000366211 2.3834 0.000366211 1.90747V1.78918C0.000366211 1.31325 0.420366 0.924194 0.935366 0.924194ZM17 5.54493V4.15875C17 3.68282 17.421 3.29376 17.936 3.29376H18.064C18.579 3.29376 19 3.68282 19 4.15875V5.54494L20.564 5.54495C21.079 5.54495 21.5 5.93402 21.5 6.40995V6.52824C21.5 7.00418 21.079 7.39325 20.564 7.39325L19 7.39324V8.83955C19 9.31548 18.579 9.70361 18.064 9.70361H17.936C17.421 9.70361 17 9.31548 17 8.83955V7.39323L15.435 7.39322C14.92 7.39322 14.5 7.00416 14.5 6.52822V6.40993C14.5 5.93399 14.92 5.54492 15.435 5.54492L17 5.54493ZM11.4992 5.54492H0.934988C0.419995 5.54492 0 5.93399 0 6.40994V6.52823C0 7.00418 0.419995 7.39325 0.934988 7.39325H11.4992C12.0142 7.39325 12.4352 7.00418 12.4352 6.52823V6.40994C12.4352 5.93399 12.0142 5.54492 11.4992 5.54492ZM15.0644 10.1656H0.935366C0.420366 10.1656 0.000366211 10.5546 0.000366211 11.0305V11.1488C0.000366211 11.6247 0.420366 12.0138 0.935366 12.0138H15.0644C15.5794 12.0138 16.0004 11.6247 16.0004 11.1488V11.0305C16.0004 10.5546 15.5794 10.1656 15.0644 10.1656Z' fill='%23F8438E'/%3E%3C/svg%3E") center 13px no-repeat; } .AdditionalPhoto { display: flex; flex-wrap: wrap; width: 100%; max-width: 1460px; margin: 0 auto 20px auto; justify-content: center; } .AdditionalPhoto__item { margin: 5px; box-sizing: border-box; max-width: calc(50% - 10px); min-width: 400px; max-height: 470px; width: auto; height: auto; align-self: flex-start; } #FromCollectionWRP .slick-next, #YouWatchedWRP .slick-next { right: 47px; } #FromCollectionWRP .slick-prev, #YouWatchedWRP .slick-prev { right: 110px; } .Product__SettList, .product-settlist__btn { margin-top: 12px; } .Product__SettList_share:before { display: none; } .ya-share2__container_size_m .ya-share2__item { margin: 5px 10px 5px 0; } .ya-share2 { -webkit-transform: translateY(0px); transform: translateY(0px); } .Product__title { font-size: 25px; line-height: 38px; margin: 0 0 15px 0; width: 97%; } .Product__price { font-size: 28px; line-height: 34px; } .Product__price_old { font-size: 18px; line-height: 32px; } } @media only screen and (min-width: 1140px) and (max-width: 1460px) { #PRODUCTphoto { max-width: 59vw; } } @media only screen and (min-width: 1025px) and (max-width: 1139px) { #PRODUCTphoto { max-width: 59vw; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { #PRODUCTphoto { max-width: 59vw; } } @media only screen and (min-width: 1024px) and (max-width: 1280px) { .ya-share2__container_size_m .ya-share2__item { margin: 5px 8px 5px 0; } .Product__itemWrp { position: relative; padding: 30px 50px 10px 35px; } .Product__price { font-size: 30px; } .Product__price_old { font-size: 18px; } .Product__BTNbig { max-width: 150px; font-size: 16px; margin: 20px 10px 0 0; } .Product__BTNoneclick { max-width: 150px; font-size: 14px; } .Product__SettList, .product-settlist__btn { margin-top: 20px; } .PRODUCTprvw__item { text-align: center; padding-top: 12%; width: 75% !important; } .PRODUCTprvw__item.picture-vertical { padding-top: 0; width: auto !important; } .PRODUCTprvw__item.picture-horizontal { width: 100% !important; } .PRODUCTprvw__item.picture-proportional { width: 100% !important; } .withThisBuy__wrp { width: 100%; max-width: 990px; margin: 0 auto 80px auto; } #FromCollectionWRP .slick-next, #YouWatchedWRP .slick-next { right: 25px; } #FromCollectionWRP .slick-prev, #YouWatchedWRP .slick-prev { right: 88px; } .AdditionalPhoto { max-width: 990px; } .Look__item_1, .Look__item_2, .Look__item_3 { flex: 0 1 33.333333%; } .Look__item_2 .Look__foto { right: -35%; } .Look__title { font-size: 30px; line-height: 41px; } .Look__item_4 .Look__title { max-width: 80%; } .Look__item_5 .Look__foto { right: -9%; } .Look__item_5 .Look__wrp { margin-top: 114px; } .Look__item.ffffff .Look__wrp { margin: 0; bottom: 75px; } } @media only screen and (min-width: 1280px) and (max-width: 1360px) { .Product__BTNbig, .Product__BTNoneclick { max-width: 190px; } #FromCollectionWRP .slick-prev, #YouWatchedWRP .slick-prev { right: 90px; } #FromCollectionWRP .slick-next, #YouWatchedWRP .slick-next { right: 20px; } } .desktop #TabsTabsList { position: relative; top: 1; z-index: 1; } .mobile .Product { display: block; min-height: auto; width: 100%; margin: 0 auto; } .mobile #PRODUCTprvw { top: auto; bottom: 0; left: 0; z-index: 3; margin-left: -10px; width: calc(100% + 60px); } .mobile .product__minimum-order { bottom: auto; top: 63%; } .mobile #PRODUCTprvw .slick-slide { height: 120px !important; width: 120px !important; overflow: hidden; } .mobile #PRODUCTprvw .slick-list { padding: 0 !important; } .mobile #PRODUCTprvw .slick-track { height: 120px !important; margin-left: 0; margin-right: 0; } .mobile #PRODUCTprvw .slick-current:before { content: ""; width: 120px; height: 120px; } .mobile .Product__item:nth-child(1) { flex: none; height: 480px; } .mobile .Product__item:nth-child(2):before { content: ""; width: 100%; height: 1px; } .mobile .Product__itemWrp { padding: 30px 25px 45px 25px; } .mobile .Product__title { font-size: 30px; line-height: 38px; } .mobile .Product__price { font-size: 30px; line-height: 35px; } .mobile .Product__price_old { font-size: 23px; line-height: 27px; } .mobile .Product__BTN { margin: 31px 0 0 0; position: relative; } .mobile .favourites { display: block; position: absolute; top: -69px; } .mobile .favourites { right: 55px; } .mobile .Product__BTNoneclick { display: block; width: 100%; max-width: 180px; height: 52px; font-size: 16px; line-height: 52px; position: absolute; top: 0; right: 0; } @media (max-width: 370px) { .mobile .Product__BTNoneclick { width: 150px; } } .mobile .Product__BTNbig { margin: 20px 0 0 0; display: block; max-width: 100%; } .mobile .Product__SettList_share:before { content: ""; padding-right: 0; } .mobile .ya-share2__container_size_m .ya-share2__item { margin: 5px 11px 5px 0; } .mobile .Banner { display: block; height: 160px; background-image: none; } .mobile .Banner__wrp { padding: 17px 0 0 0; } .mobile .Banner__txt { display: block; font-size: 18px; line-height: 22px; width: 80%; text-align: center; margin: 0 auto; } .mobile .Banner__btn { margin: 8px auto 0 auto; display: block; height: 46px; line-height: 46px; } .mobile .withThisBuy { height: auto; } .mobile .withThisBuy__wrp { width: 95%; margin: 0 auto 17px auto; } .mobile .withThisBuy__list { display: block; } .mobile .withThisBuy__item { display: inline-block; vertical-align: top; } .mobile .withThisBuy__item:before { content: "+"; left: -11px; } .mobile .withThisBuy__item:nth-child(1), .mobile .withThisBuy__item:nth-child(2) { width: 158px; min-height: 333px; } .mobile .withThisBuy__item_1 { width: 158px; min-height: 333px; } .mobile .withThisBuy__item_2 { width: 158px; min-height: 333px; margin-left: 20px; } .mobile .withThisBuy__item_3 { position: relative; width: 100%; } .mobile .withThisBuy__item_3:before { content: "="; left: 5px; top: 30px; } .mobile .withThisBuy__itemName { font-size: 16px; line-height: 22px; padding: 19px 30px 32px 30px; position: absolute; bottom: 20px; left: 0; } .mobile .withThisBuy__photo { height: auto; width: 158px; margin-top: 40px; } .mobile .withThisBuy__Sum_new { position: relative; left: 0; top: 0; padding: 30px 0 0 35px; } .mobile .withThisBuy__Sum_old { left: auto; right: 30px; top: 45px; } .mobile .withThisBuy__btn { position: relative; left: 0; top: 0; margin: 20px auto 0 auto !important; width: 100%; } .mobile .Advantages { min-height: auto; } .mobile .Advantages__item { padding: 43px 1vw; } .mobile #FromCollection, .mobile #YouWatched { height: 600px; } .mobile .FromCollection__title, .mobile .YouWatched__title { padding: 60px 0 108px 0; } .mobile #FromCollectionWRP .slick-prev, .mobile #YouWatchedWRP .slick-prev { right: 55%; left: auto; } .mobile #FromCollectionWRP .slick-next, .mobile #YouWatchedWRP .slick-next { right: auto; left: 55%; } .mobile .Look { overflow: hidden; } .mobile .Look__row { flex-flow: column nowrap; min-height: auto; } .mobile .Look__item { flex: 3 1 auto; align-self: stretch; order: 2; height: 500px; } .mobile .Look__item_2 { order: 5; } .mobile .Look__item_3 { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .mobile .Look__item_4 { display: none; } .mobile .Look__item_5 { display: none; } .mobile .AdditionalPhoto { width: 90%; margin: 50px auto 20px auto; display: flex; flex-flow: column nowrap; } .mobile .AdditionalPhoto__item { flex: 3 1 auto; width: 100% !important; min-width: 100% !important; height: auto !important; margin: 0 0 10px 0 !important; object-fit: cover; } .mobile #TabsList .tabsItem { width: 90% !important; margin: 0 auto; } .mobile #TabsList .tabsItem .feature__docs { flex-flow: column nowrap; } .mobile #TabsList .tabsItem .feature__docsItem { display: flex; flex: 3 1 auto; align-self: stretch; order: 2; margin: 0 0 20px 0; } .mobile #TabsList .slick-current.slick-active .tabsItem { display: block !important; } .mobile .Product__BTNplsmns .favouritesNew, .mobile .Product__BTNplsmns .compareNew { display: none; } .mobile #PRODUCTphoto.slider { margin-left: 0; } .mobile #PRODUCTphoto .PRODUCTprvw__item.picture-horizontal { max-width: 100%; max-height: 350px; } .mobile #PRODUCTphoto .PRODUCTprvw__item.picture-proportional { max-width: 350px; max-height: 350px; } .mobile .DesignerList__item { width: 150px; height: 220px; } .mobile .DesignerList__item .DLFoto { margin: 0 auto 10px auto; width: 130px; height: 130px; } .mobile .DesignerListHeader { padding: 30px 0; text-align: center; } .mobile .DesignerListNavigation__left { background-color: #ffffff; width: 100vw; height: auto; position: absolute; z-index: 3; top: 45px; left: 0; padding-bottom: 30px; -webkit-transform: translateX(100vw); transform: translateX(100vw); } .mobile .DesignerListNavigation__left.active { -webkit-transform: translateX(0); transform: translateX(0); transition: all 0.5s; } .mobile .DesignerListNavigation__left .DesignerListNavigation__btn { display: block; width: 100%; text-align: left; margin-left: 16px; font-weight: bold; font-size: 17px; } .mobile .DesignerListNavigation__left .DesignerListNavigation__btn.active { color: #000000; background: transparent; } .mobile .DesignerListNavigation__left .col-vo { display: inline-block; color: #828282; margin-left: 10px; font-weight: normal; } .mobile .DesignerListNavigation__btn_all { margin-left: 9px; font-weight: bold; font-size: 17px; } .mobile .DesignerListNavigation__right { position: relative; width: 100vw; text-align: left; } .mobile .DesignerListNavigation__right .openNavDiz { display: block; position: absolute; top: 0; right: 29px; width: 29px; height: 35px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0i) 0 0 no-repeat; } .mobile .DesignerListNavigation__right .openNavDiz.active { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOSAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjkxNjkgMTQuMzMxMUwwLjAwMDQ4MDMyNCAyNy4yNDc0TDEuNDE0NyAyOC42NjE3TDE0LjMzMTEgMTUuNzQ1M0wyNy4yNDc0IDI4LjY2MTdMMjguNjYxNyAyNy4yNDc0TDE1Ljc0NTMgMTQuMzMxMUwyOC42NjIxIDEuNDE0MjFMMjcuMjQ3OSAwTDE0LjMzMTEgMTIuOTE2OUwxLjQxNDIxIDUuOTYwNDZlLTA4TDAgMS40MTQyMUwxMi45MTY5IDE0LjMzMTFaIiBmaWxsPSIjMTYyMDJFIi8+PC9zdmc+) 0 0 no-repeat; } .mobile .NaviBottomPagination__left { display: none; } .mobile .NaviBottomPagination__right { width: 100%; text-align: center; } #PRODUCTphoto .PRODUCTprvw__item.picture-horizontal { top: 0; left: 0; width: 100%; max-width: 750px; height: auto; max-height: 650px; margin: 0 auto; object-fit: contain; } #PRODUCTphoto .PRODUCTprvw__item.picture-horizontal__onehalf { height: auto; margin: 7% auto 0 auto; } #PRODUCTphoto .PRODUCTprvw__item.picture-horizontal__twohalf { height: auto; margin: 12% auto 0 auto; } #PRODUCTphoto .PRODUCTprvw__item.picture-vertical { display: block !important; margin: 0 auto; width: 100%; max-width: 650px !important; height: 100%; max-height: 650px; object-fit: contain; } #PRODUCTphoto .PRODUCTprvw__item.picture-proportional { display: block !important; margin: 0 auto; width: 100%; max-width: 650px !important; height: 100%; max-height: 650px; object-fit: contain; } .mobile.portrait #PRODUCTphoto .PRODUCTprvw__item.picture-vertical { height: auto; } .mobile.portrait #PRODUCTphoto .iframe-horizontal { height: 299px; } #PRODUCTphoto .slick-slide { position: relative; } .AdditionalPhoto__item.oneImage { flex: none; margin: 5px auto; box-sizing: border-box; max-width: 735px; min-width: 400px; height: auto; } .d-flex { display: flex !important; } .p-0 { padding: 0 !important; } /* End */ /* Start:/local/templates/tpl-new/components/bitrix/catalog.element/new/style.css?1648553378137*/ .goods-gallery__full .swiper-button-disabled { display: none; } .info-delivery-count{ font-size: 14px; font-style: italic; } /* End */ /* /local/templates/tpl-new/components/iswin/bx_catalog/bd-new-design/css/style.css?1764645019178830 */ /* /local/templates/tpl-new/components/bitrix/catalog.element/new/style.css?1648553378137 */