/* Start:/bitrix/templates/radiomarket/components/bitrix/main.userconsent.request/request/user_consent.css?15858212763831*/ .main-user-consent-request a { cursor: pointer; } .main-user-consent-request-popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.5); overflow: hidden; z-index: 9000; } .main-user-consent-request-popup-cont { min-height: 290px; /* loader magic */ position: absolute; top: 50%; left: 50%; margin: 0 auto; padding: 20px; min-width: 320px; background: #fff; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; } .main-user-consent-request-popup-header { margin: 0 0 30px 0; font: normal 18px "Helvetica Neue", Arial, Helvetica, sans-serif; color: #000; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 260px; } .main-user-consent-request-popup-textarea-block { margin: 0 0 20px 0; } .main-user-consent-request-popup-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-user-consent-request-popup-button { display: inline-block; height: 39px; margin: 0 10px 5px 0; padding: 0 18px; border: none; border-radius: 2px; font: normal 12px/39px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #535c69; outline: none; vertical-align: middle; text-decoration: none; text-transform: uppercase; text-shadow: none; white-space: nowrap; -webkit-font-smoothing: antialiased; -webkit-transition: background-color 0.2s linear, color 0.2s linear; transition: background-color 0.2s linear, color 0.2s linear; cursor: pointer; } .main-user-consent-request-popup-button-acc { background: #bbed21; } .main-user-consent-request-popup-button-acc:hover { background: #d2f95f; } .main-user-consent-request-popup-button-rej { -webkit-box-shadow: inset 0 0 0 1px #a1a6ac; box-shadow: inset 0 0 0 1px #a1a6ac; background: none; } .main-user-consent-request-popup-button-rej:hover { background: #cfd4d8; } .main-user-consent-request-popup-text { padding: 5px 10px; width: 100%; height: 130px; border: 1px solid #999; background: #fff; box-sizing: border-box; outline: none; -moz-appearance: none; } /** LOADER **/ .main-user-consent-request-loader { position: relative; height: 100px; width: 100px; margin: 0 auto; -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .main-user-consent-request-path { stroke: #80868e; stroke-dasharray: 100, 200; } .main-user-consent-request-loader:before { content: ''; display: block; padding-top: 100%; } .main-user-consent-request-circular { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: inherit; width: inherit; -webkit-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite; -webkit-transform-origin: center center; transform-origin: center center; } .main-user-consent-request-path { stroke: #ccc; stroke-dasharray: 60, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; } .main-user-consent-request-announce{ cursor: pointer; color: #333; font-size:13px; line-height: 15px; } @keyframes rotate { 100% { transform: rotate(360deg); } } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); } } @media (min-width: 1000px) { .main-user-consent-request-popup-cont { min-height: 400px; min-width: 640px; } .main-user-consent-request-popup-header { max-width: 590px; } .main-user-consent-request-popup-text { height: 240px; } } /* End */ /* Start:/bitrix/templates/.default/ajax/ajax.css?1548944247448*/ iframe.waitwindowlocal {position:absolute; border:0px; z-index:9999;} div.waitwindowlocal {position:absolute; width:25px; height: 25px; padding:0px; z-index:10000; background-color:#FCF7D1; border:1px solid #E1B52D; background-image:url(/bitrix/templates/.default/ajax/images/wait.gif); background-position:center center; background-repeat:no-repeat;} div.waitwindowlocalshadow {position:absolute; z-index:9998; background-image:url(/bitrix/templates/.default/ajax/images/shadow.gif); border:1px solid #808080;} /* End */ /* Start:/bitrix/templates/radiomarket/fonts/font.css?15586904124112*/ /* @font-face { font-family: 'Kelson Sans Bold'; src: url('/bitrix/templates/radiomarket/fonts/Kelson Sans Bold.eot'); src: url('/bitrix/templates/radiomarket/fonts/Kelson Sans Bold.woff2') format('woff2'), url('/bitrix/templates/radiomarket/fonts/KelsonSans-BoldRU.woff') format('woff'), url('/bitrix/templates/radiomarket/fonts/KelsonSans-BoldRU.ttf') format('truetype'), url('/bitrix/templates/radiomarket/fonts/KelsonSans-BoldRU.svg#KelsonSans-BoldRU') format('svg'), url('/bitrix/templates/radiomarket/fonts/Kelson Sans Bold.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Kelson Sans RU'; src: url('/bitrix/templates/radiomarket/fonts/Kelson Sans Regular.eot'); src: url('/bitrix/templates/radiomarket/fonts/Kelson Sans Regular.woff2') format('woff2'), url('/bitrix/templates/radiomarket/fonts/KelsonSans-RegularRU.woff') format('woff'), url('/bitrix/templates/radiomarket/fonts/KelsonSans-RegularRU.ttf') format('truetype'), url('/bitrix/templates/radiomarket/fonts/KelsonSans-RegularRU.svg#KelsonSans-RegularRU') format('svg'), url('/bitrix/templates/radiomarket/fonts/Kelson Sans Regular.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } */ /* @font-face { font-family: 'KelsonSans'; src: local('Kelson Sans Light RU'), local('KelsonSans-LightRU'), url('/bitrix/templates/radiomarket/fonts/kelsonsanslightru.woff2') format('woff2'), url('/bitrix/templates/radiomarket/fonts/kelsonsanslightru.woff') format('woff'), url('/bitrix/templates/radiomarket/fonts/kelsonsanslightru.ttf') format('truetype'); font-weight: 300; font-style: normal; } */ @font-face { font-family: 'KelsonSans'; src: local('Kelson Sans Regular RU'), local('KelsonSans-RegularRU'), url('/bitrix/templates/radiomarket/fonts/kelsonsansregularru.woff2') format('woff2'), url('/bitrix/templates/radiomarket/fonts/kelsonsansregularru.woff') format('woff'), url('/bitrix/templates/radiomarket/fonts/kelsonsansregularru.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'KelsonSans'; src: local('Kelson Sans Bold RU'), local('KelsonSans-BoldRU'), url('/bitrix/templates/radiomarket/fonts/kelsonsansboldru.woff2') format('woff2'), url('/bitrix/templates/radiomarket/fonts/kelsonsansboldru.woff') format('woff'), url('/bitrix/templates/radiomarket/fonts/kelsonsansboldru.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: "KelsonSans"; src: local('Kelson Sans Light RU'), local('KelsonSans-LightRU'), url('/bitrix/templates/radiomarket/fonts/kelsonsanslightru.woff2') format('woff2'), url('/bitrix/templates/radiomarket/fonts/kelsonsanslightru.woff') format('woff'), url('/bitrix/templates/radiomarket/fonts/kelsonsanslightru.ttf') format('truetype'); font-weight: 100; font-style: normal; } /* @font-face { font-family: "KelsonSans"; src: url("/bitrix/templates/radiomarket/fonts/KelsonSans/KelsonSansRegular/KelsonSansRegular.eot"); src: url("/bitrix/templates/radiomarket/fonts/KelsonSans/KelsonSansRegular/KelsonSansRegular.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/radiomarket/fonts/KelsonSans/KelsonSansRegular/KelsonSansRegular.woff") format("woff"), url("/bitrix/templates/radiomarket/fonts/KelsonSans/KelsonSansRegular/KelsonSansRegular.ttf") format("truetype"); font-style: normal; font-weight: 400; } @font-face { font-family: "KelsonSans"; src: url("/bitrix/templates/radiomarket/fonts/KelsonSans/KelsonSansLight/KelsonSansLight.eot"); src: url("/bitrix/templates/radiomarket/fonts/KelsonSans/KelsonSansLight/KelsonSansLight.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/radiomarket/fonts/KelsonSans/KelsonSansLight/KelsonSansLight.woff") format("woff"), url("/bitrix/templates/radiomarket/fonts/KelsonSans/KelsonSansLight/KelsonSansLight.ttf") format("truetype"); font-style: normal; font-weight: 100; } */ /* @font-face { font-family: "KelsonSans"; src: url("/bitrix/templates/radiomarket/fonts/KelsonSans/KelsonSansBold/KelsonSansBold.eot"); src: url("/bitrix/templates/radiomarket/fonts/KelsonSans/KelsonSansBold/KelsonSansBold.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/radiomarket/fonts/KelsonSans/KelsonSansBold/KelsonSansBold.woff") format("woff"), url("/bitrix/templates/radiomarket/fonts/KelsonSans/KelsonSansBold/KelsonSansBold.ttf") format("truetype"); font-style: normal; font-weight: bold; } */ /* @font-face { font-family: 'Trebuchet MS'; src: url('/bitrix/templates/radiomarket/fonts/Trebuchet MS.eot'); src: url('/bitrix/templates/radiomarket/fonts/Trebuchet MS.woff2') format('woff2'), url('/bitrix/templates/radiomarket/fonts/TrebuchetMS-Bold.woff') format('woff'), url('/bitrix/templates/radiomarket/fonts/TrebuchetMS-Bold.ttf') format('truetype'), url('/bitrix/templates/radiomarket/fonts/TrebuchetMS-Bold.svg#TrebuchetMS-Bold') format('svg'), url('/bitrix/templates/radiomarket/fonts/Trebuchet MS.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'Trebuchet MS'; src: url('/bitrix/templates/radiomarket/fonts/Trebuchet MS.eot'); src: url('/bitrix/templates/radiomarket/fonts/Trebuchet MS.woff2') format('woff2'), url('/bitrix/templates/radiomarket/fonts/TrebuchetMS.woff') format('woff'), url('/bitrix/templates/radiomarket/fonts/TrebuchetMS.ttf') format('truetype'), url('/bitrix/templates/radiomarket/fonts/TrebuchetMS.svg#TrebuchetMS') format('svg'), url('/bitrix/templates/radiomarket/fonts/Trebuchet MS.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } /* End */ /* Start:/bitrix/templates/radiomarket/bxslider/jquery.bxslider.css?15489442473753*/ /** VARIABLES ===================================*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); } /** THEME ===================================*/ .bx-wrapper { } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 10px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url('/bitrix/templates/radiomarket/bxslider/images/bx_loader.gif') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url('/bitrix/templates/radiomarket/bxslider/images/controls.png') no-repeat 0 -32px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url('/bitrix/templates/radiomarket/bxslider/images/controls.png') no-repeat -43px -32px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('/bitrix/templates/radiomarket/bxslider/images/controls.png') -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('/bitrix/templates/radiomarket/bxslider/images/controls.png') -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* End */ /* Start:/bitrix/templates/radiomarket/bootstrap/bootstrap.css?15759704309238*/ .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; outline: none; box-shadow: none } .btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } /* End */ /* Start:/bitrix/templates/radiomarket/bootstrap/select/css/bootstrap-select.min.css?157597319010717*/ /*! * Bootstrap-select v1.13.9 (https://developer.snapappointments.com/bootstrap-select) * * Copyright 2012-2019 SnapAppointments, LLC * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE) */.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select .selectpicker:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0;width:auto}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none} /* End */ /* Start:/bitrix/templates/radiomarket/ion.rangeSlider/css/ion.rangeSlider.css?15489442473355*/ /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { } .irs-slider.from { } .irs-slider.to { } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* End */ /* Start:/bitrix/templates/radiomarket/ion.rangeSlider/css/ion.rangeSlider.skinNice.css?15489442472087*/ /* Ion.RangeSlider, Nice Skin // css version 2.0.3 // © Denis Ineshin, 2014 https://github.com/IonDen // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider { background: url(/bitrix/templates/radiomarket/ion.rangeSlider/css/../img/sprite-skin-nice.png) repeat-x; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 8px; top: 25px; } .irs-line-left { height: 8px; background-position: 0 -30px; } .irs-line-mid { height: 8px; background-position: 0 0; } .irs-line-right { height: 8px; background-position: 100% -30px; } .irs-bar { height: 8px; top: 25px; background-position: 0 -60px; } .irs-bar-edge { top: 25px; height: 8px; width: 11px; background-position: 0 -90px; } .irs-shadow { height: 1px; top: 34px; background: #000; opacity: 0.15; } .lt-ie9 .irs-shadow { filter: alpha(opacity=15); } .irs-slider { width: 22px; height: 22px; top: 17px; background-position: 0 -120px; } .irs-slider.state_hover, .irs-slider:hover { background-position: 0 -150px; } .irs-min, .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: rgba(0,0,0,0.1); -moz-border-radius: 3px; border-radius: 3px; } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: rgba(0,0,0,0.3); -moz-border-radius: 3px; border-radius: 3px; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid-pol { background: #99a4ac; } .irs-grid-text { color: #99a4ac; } .irs-disabled { } /* End */ /* Start:/bitrix/templates/radiomarket/nouislider/nouislider.css?15502164915325*/ /*! nouislider - 13.1.0 - 2/8/2019 */ /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } /* Wrapper for all connect elements. */ .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; } /* Offset direction */ html:not([dir="rtl"]) .noUi-horizontal .noUi-origin { left: auto; right: 0; } /* Give origins 0 height/width so they don't interfere with clicking the * connect elements. */ .noUi-vertical .noUi-origin { width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Slider size and handle placement; */ .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: -17px; left: auto; } /* Styling; * Giving the connect element a border radius causes issues with using transform: scale */ .noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-connects { border-radius: 3px; } .noUi-connect { background: #3FB8AF; } /* Handles and cursors; */ .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } /* Base; * */ .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } /* Values; * */ .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } /* Markings; * */ .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } /* Horizontal layout; * */ .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } /* Vertical layout; * */ .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } /* End */ /* Start:/bitrix/templates/radiomarket/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css?154953955453652*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(83, 83, 83, 1); width: 10px; border-radius: 0; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); width: 8px; border-radius: 0; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/bitrix/templates/radiomarket/malihu-custom-scrollbar-plugin/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/bitrix/templates/radiomarket/noty/lib/noty.css?15831531145589*/ .noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight { position: fixed; margin: 0; padding: 0; z-index: 9999999; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0) scale(1, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; filter: blur(0); -webkit-filter: blur(0); max-width: 90%; } #noty_layout__top { top: 0; left: 5%; width: 90%; } #noty_layout__topLeft { top: 20px; left: 20px; width: 325px; } #noty_layout__topCenter { top: 5%; left: 50%; width: 325px; -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1); transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); } #noty_layout__topRight { top: 20px; right: 20px; width: 325px; } #noty_layout__bottom { bottom: 0; left: 5%; width: 90%; } #noty_layout__bottomLeft { bottom: 20px; left: 20px; width: 325px; } #noty_layout__bottomCenter { bottom: 5%; left: 50%; width: 325px; -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1); transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); } #noty_layout__bottomRight { bottom: 20px; right: 20px; width: 325px; } #noty_layout__center { top: 50%; left: 50%; width: 325px; -webkit-transform: translate(-webkit-calc(-50% - .5px), -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1); transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); } #noty_layout__centerLeft { top: 50%; left: 20px; width: 325px; -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1); transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); } #noty_layout__centerRight { top: 50%; right: 20px; width: 325px; -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1); transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); } .noty_progressbar { display: none; } .noty_has_timeout.noty_has_progressbar .noty_progressbar { display: block; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background-color: #646464; opacity: 0.2; filter: alpha(opacity=10); } .noty_bar { -webkit-backface-visibility: hidden; -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1); -ms-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); -webkit-font-smoothing: subpixel-antialiased; overflow: hidden; } .noty_effects_open { opacity: 0; -webkit-transform: translate(50%); -ms-transform: translate(50%); transform: translate(50%); -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .noty_effects_close { -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .noty_fix_effects_height { -webkit-animation: noty_anim_height 75ms ease-out; animation: noty_anim_height 75ms ease-out; } .noty_close_with_click { cursor: pointer; } .noty_close_button { position: absolute; top: 2px; right: 2px; font-weight: bold; width: 20px; height: 20px; text-align: center; line-height: 20px; background-color: rgba(0, 0, 0, 0.05); border-radius: 2px; cursor: pointer; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .noty_close_button:hover { background-color: rgba(0, 0, 0, 0.1); } .noty_modal { position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 10000; opacity: .3; left: 0; top: 0; } .noty_modal.noty_modal_open { opacity: 0; -webkit-animation: noty_modal_in .3s ease-out; animation: noty_modal_in .3s ease-out; } .noty_modal.noty_modal_close { -webkit-animation: noty_modal_out .3s ease-out; animation: noty_modal_out .3s ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes noty_modal_in { 100% { opacity: .3; } } @keyframes noty_modal_in { 100% { opacity: .3; } } @-webkit-keyframes noty_modal_out { 100% { opacity: 0; } } @keyframes noty_modal_out { 100% { opacity: 0; } } @keyframes noty_modal_out { 100% { opacity: 0; } } @-webkit-keyframes noty_anim_in { 100% { -webkit-transform: translate(0); transform: translate(0); opacity: 1; } } @keyframes noty_anim_in { 100% { -webkit-transform: translate(0); transform: translate(0); opacity: 1; } } @-webkit-keyframes noty_anim_out { 100% { -webkit-transform: translate(50%); transform: translate(50%); opacity: 0; } } @keyframes noty_anim_out { 100% { -webkit-transform: translate(50%); transform: translate(50%); opacity: 0; } } @-webkit-keyframes noty_anim_height { 100% { height: 0; } } @keyframes noty_anim_height { 100% { height: 0; } } /*# sourceMappingURL=noty.css.map*/ /* End */ /* Start:/bitrix/templates/radiomarket/noty/lib/themes/bootstrap-v4.css?15831531181429*/ .noty_theme__bootstrap-v4.noty_bar { margin: 4px 0; overflow: hidden; position: relative; border: 1px solid transparent; border-radius: .25rem; } .noty_theme__bootstrap-v4.noty_bar .noty_body { padding: .75rem 1.25rem; } .noty_theme__bootstrap-v4.noty_bar .noty_buttons { padding: 10px; } .noty_theme__bootstrap-v4.noty_bar .noty_close_button { font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .5; background: transparent; } .noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover { background: transparent; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .75; } .noty_theme__bootstrap-v4.noty_type__alert, .noty_theme__bootstrap-v4.noty_type__notification { background-color: #fff; color: inherit; } .noty_theme__bootstrap-v4.noty_type__warning { background-color: #fcf8e3; color: #8a6d3b; border-color: #faebcc; } .noty_theme__bootstrap-v4.noty_type__error { background-color: #f2dede; color: #a94442; border-color: #ebccd1; } .noty_theme__bootstrap-v4.noty_type__info, .noty_theme__bootstrap-v4.noty_type__information { background-color: #d9edf7; color: #31708f; border-color: #bce8f1; } .noty_theme__bootstrap-v4.noty_type__success { background-color: #dff0d8; color: #3c763d; border-color: #d6e9c6; } /* End */ /* Start:/bitrix/templates/radiomarket/icons.css?15834074762392*/ @font-face { font-family: 'icomoon'; src: url('/bitrix/templates/radiomarket/fonts/icomoon.eot?hjosk3'); src: url('/bitrix/templates/radiomarket/fonts/icomoon.eot?hjosk3#iefix') format('embedded-opentype'), url('/bitrix/templates/radiomarket/fonts/icomoon.ttf?hjosk3') format('truetype'), url('/bitrix/templates/radiomarket/fonts/icomoon.woff?hjosk3') format('woff'), url('/bitrix/templates/radiomarket/fonts/icomoon.svg?hjosk3#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ position: relative; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #595651; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-mark-compare:before {content: "\e900"} .icon-mark-delete:before {content: "\e901"} .icon-mark-deleteall:before {content: "\e902"} .icon-mark-tocart:before {content: "\e903"} .icon-mark-toemail:before {content: "\e904"} .icon-mark-excel{font-style: italic; font-weight: bold; font-size: 16px; font-family: arial!important} [class^="icon-mark"]{text-align: center; line-height: 16px} .icon-mark0:before {content: "\e905"} .icon-mark1:before {content: "\e906"} .icon-mark2:before {content: "\e907"} .icon-mark3:before {content: "\e908"} .icon-mark4:before {content: "\e909"} .icon-mark5:before {content: "\e90a"} .icon-mark6:before {content: "\e90b"} .icon-mark7:before {content: "\e90c"} .icon-mark8:before {content: "\e90d"} .icon-mark9:before {content: "\e90e"} .icon-mark10:before {content: "\e90f"} .icon-mark11:before {content: "\e910"} .icon-mark12:before {content: "\e911"} .icon-mark13:before {content: "\e912"} .icon-mark14:before {content: "\e913"} .icon-mark15:before {content: "\e914"} .icon-mark16:before {content: "\e915"} .icon-mark17:before {content: "\e916"} .icon-mark18:before {content: "\e917"} .icon-mark19:before {content: "\e918"} .icon-mark-edit:before {content: "\e920"} .icon-mark-save:before {content: "\e921"} .mark-action-div .actions.for-added-mark i:last-child:after, .current-mark-list .actions.for-added-mark li:last-child > i:after { content: ""; position: absolute; left: -1px; right: -1px; bottom: -1px; top: -1px; background: url(/bitrix/templates/radiomarket/images/close-detail.png) no-repeat center center; background-size: 100% 100%;} /* End */ /* Start:/bitrix/templates/radiomarket/style.css?1791554747149822*/ *, *:before, *:after{box-sizing: border-box} body{box-sizing: border-box; margin: 0; padding: 0; width: 100%; min-height: 100%; font-family: "Trebuchet MS"; font-size: 15px; background-color: #f7f7f7; -webkit-font-smoothing: antialiased} .main-content::-webkit-scrollbar {width: 8px; } .main-content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px #fff; background: #ddd} .main-content::-webkit-scrollbar-thumb {background-color: darkgrey; outline: 1px solid slategrey} .scrolling{scrollbar-width: thin; scrollbar-color: dark;} .scrolling::-webkit-scrollbar {width: 5px} .scrolling::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px #fff; background: #ddd} .scrolling::-webkit-scrollbar-thumb {background-color: darkgrey; outline: 1px solid slategrey} /* *:not(input){cursor: default} */ *[onclick], input[type=submit]{cursor: pointer} input, textarea, textarea:focus, button:focus, button:active, .bootstrap-select .dropdown-toggle:focus{outline: none!important; box-shadow: none!important} input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } input[type=number] { -moz-appearance:textfield; /* Firefox */ } /* ::-webkit-scrollbar { width: 0px; background: transparent; /* make scrollbar transparent } */ input{outline: none} #panel{width: 100px} #panel:hover{width: 100%} .wrap{/* max-width: 1366px; min-width: 1280px; */margin: 0 auto; position: relative} .wrap.full{width: 100%; /* max-width: 1366px; */} .hidden{display: none!important} .text-centered{text-align: center} .fade-in{-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 1s; /* Firefox < 16 */ -ms-animation: fadein 1s; /* Internet Explorer */ -o-animation: fadein 1s; /* Opera < 12.1 */ animation: fadein 1s} @keyframes fadein { from {opacity: 0} to {opacity: 1} } a{text-decoration: none; cursor: pointer} a.bordered-link{border-bottom: 1px dashed} a.active-btn{color: #97d2f5} p, h1, h2{margin: 0; padding: 0px} ul{margin: 0; padding: 0; list-style: none} .default-cursor{cursor: default} .clearfix:after, .wrap:after, .container:after{content: " "; display: table; clear: both} .wa-ico{display: inline-block; width: 15px; height: 15px; background: url(/bitrix/templates/radiomarket/images/wa-ico.png?1) no-repeat center center / contain; margin-left: 5px; margin-top: 1px; position: absolute;} .header{background: #97d2f5; position: fixed; top: 0; left: 0; right: 0; z-index: 10} .header .wrap > div {height: 100px; line-height: 100px} .header .catalog-part{width: 810px; text-align: center; float: left} .header .catalog-part > div{float: left; position: relative; z-index: 2} .header .catalog-part .catalog-btn a{display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: 0 50px; background: url(/bitrix/templates/radiomarket/images/catalog-ico.svg) no-repeat center center} /* .header .catalog-part .search{width: 460px; padding: 0 150px 0 20px} */ .header .catalog-part .search{padding: 0 20px} .header .catalog-part .search form{} .header .catalog-part .search form input[type=text]{display: inline-block; vertical-align: middle; width: 254px; height: 30px; border: none; outline: none; background: #fff; border-radius: 0; padding-left: 3px} .header .catalog-part .search form input[type=text]::selection {background: #97d2f5} .header .catalog-part .search form input[type=text]::-moz-selection {background: #97d2f5} .header .catalog-part .search form input[type=submit]{display: inline-block; vertical-align: middle; width: 36px; height: 30px; background: url(/bitrix/templates/radiomarket/images/search-ico.svg) no-repeat center center; background-size: 16px; background-color: #fff; border: none; outline: none; margin-left: -5px; border-radius: 0; cursor: pointer} .header .catalog-part .search form input[type=submit].loading{background: url(/bitrix/templates/radiomarket/images/loading.svg) no-repeat center center; background-size: auto 100%; background-color: #fff} .header .catalog-part .logo{position: absolute; margin: 0 auto; z-index: 1; left: 0; right: 0} .header .catalog-part .logo a{display: block; width: 195px; margin: 0 auto} .header .catalog-part .logo img{max-height: 100px; vertical-align: middle} .header .catalog-part > div.active{background: #535353} .main-content .inner-menus.open{position: fixed; left: 0; right: 0; top: 100px; bottom: 0px; padding-bottom: 60px; z-index: 30} .main-content .inner-menus.open-catalog{top: 150px; z-index: 10} #catalog-menu{display: none; position: absolute; z-index: 10; background: #535353; left: 0; width: 1150px; text-align: left; top: 0; padding-top: 15px; padding-left: 50px; /* bottom: 0; */ max-height: calc(100vh - 150px); overflow: hidden; padding-bottom: 15px} #catalog-menu .close{display: inline-block; width: 23px; height: 23px; position: absolute; right: 23px; top: 23px; background: url(/bitrix/templates/radiomarket/images/close-menu.png) no-repeat center center; z-index: 20; cursor: pointer} #catalog-menu #catalog-bg{position: absolute; z-index: 1; left: 0; top: 0} #catalog-menu .menus{position: relative; z-index: 2; overflow: auto; height: 100%} #catalog-menu ul{display: inline-block; vertical-align: top; margin-right: 100px; position: relative} #catalog-menu ul:last-child{margin-right: 0} #catalog-menu .arrow-between{display: inline-block; height: 100%; vertical-align: top} #catalog-menu ul li{white-space: nowrap} #catalog-menu ul li a{color: #fff; font-family: "KelsonSans"; font-weight: bold; display: inline-block; height: 27px; line-height: 27px} #catalog-menu ul li i{display: inline-block; width: 16px; height: 15px; background: url(/bitrix/templates/radiomarket/images/arrow-right.png) no-repeat center center; margin-left: 20px; vertical-align: middle} #catalog-menu ul.active > li > a{color: #262626} #catalog-menu ul.active > li > i{opacity: 0.4} #catalog-menu ul.active li.selected > a{color: #97d2f5} #catalog-menu ul li.selected > i{display: none} /* #catalog-menu ul li > a:hover{color: #97d2f5} */ #catalog-menu ul li.hover > a{color: #97d2f5} #catalog-menu ul li ul{display: none} #catalog-menu ul li.selected > ul{display: block; position: absolute; top: 0; left: 100%; padding-left: 100px} .main-content{position: fixed; left: 0; right: 0; top: 100px; bottom: 30px; /* padding-bottom: 50px; */ overflow: auto; will-change: all; /* background:url(/bitrix/templates/radiomarket/about:blank); background-attachment: fixed; -ms-overflow-style: none; */} .main-content.open, .main-content.open-catalog{overflow: hidden} .header .basket-lk-part{float: right; position: relative; z-index: 2} .header .basket-lk-part > div{float: left} /* .header .lk{width: 55px} */ .header .lk{margin-right: 45px} .header .lk a{display: inline-block; vertical-align: middle; width: 100%; height: 30px; line-height: 30px; margin: 0 auto; background: url(/bitrix/templates/radiomarket/images/lk-ico.svg) no-repeat right center; padding-right: 45px; color: #fff; font-size: 16px} /* .header .basket{width: 150px} */ .header .wrap .bx-basket{line-height: 100px} .header .basket .basket-link{display: inline-block; vertical-align: middle; width: 100%; height: 30px; margin: 0 auto; position: relative; color: #fff; line-height: 30px; text-align: right} .header .basket .basket-link > *{display: inline-block; vertical-align: middle; line-height: 30px} .header .basket .basket-link .cart-count{font-family: "KelsonSans"} .header .basket .basket-link .cart-price{font-family: "KelsonSans"; font-weight: bold; margin-left: 5px} .header .basket .basket-link i{background: url(/bitrix/templates/radiomarket/images/basket-ico.svg) no-repeat center center; width: 30px; height: 30px; margin: 0 50px 0 15px} .section-list{padding-top: 35px} .section-list li{display: block; float: left; width: 150px; margin-right: 33px; margin-bottom: 35px} .section-list li a{display: block} .section-list li a:hover .name{background: #97d2f5; color: #fff} .section-list li:nth-child(6n+6){margin-right: 0} .section-list li .name{width: 100%; display: inline-block; height: 60px; font-family: "KelsonSans"; font-weight: bold; text-transform: uppercase; box-shadow: 8px 6px 20px 0px rgba(0, 0, 0, 0.03); margin-bottom: 5px; background: #fff; padding: 8px 9px 7px; color: #3c3c3c; line-height: 1; position: relative; z-index: 2} .section-list li .inner-image{width: 100%; display: inline-block; background: #fff; height: 110px; line-height: 110px; text-align: center; box-shadow: 39px 31px 50px 0px rgba(0, 0, 0, 0.03)} .section-list li .inner-image img{max-width: 137px; max-height: 100px; vertical-align: middle; display: inline-block} .footer{position: fixed; bottom: 0; left: 0; right: 0; z-index: 99} .footer .footer-line{background-color: rgba(255, 255,255, .5625); height: 30px; transition: all .3s ease; box-shadow: 0 -2px 4px -3px #000; background: #fff; transition: height .3s ease, background-color .3s ease} .footer.active .footer-line, .footer.open .footer-line{background-color: rgb(207, 207, 207);} .footer.open .footer-line{height: 178px} .footer.open .footer-inner-menu .footer-menu{margin-bottom: 20px} .footer.open .footer-inner-menu .close{display: inline-block;} .footer .footer-inner-menu{display: flex; justify-content: space-between} .footer .footer-inner-menu .close{display: none; width: 23px; height: 23px; position: absolute; right: 20px; top: 4px; background: url(/bitrix/templates/radiomarket/images/close-detail.png) no-repeat center center; cursor: pointer; z-index: 99;} .footer .footer-inner-menu .store-amount{white-space: nowrap; line-height: 30px; width: 450px} .footer .footer-inner-menu .footer-menu{flex: 1; display: flex; } .footer .footer-inner-menu .footer-menu > li{flex: 1;} .footer .footer-inner-menu .footer-menu > li span{line-height: 30px; text-transform: uppercase; font-weight:bold; cursor: pointer} .footer .footer-inner-menu .footer-menu li ul{display: block} .footer .footer-inner-menu .footer-menu li ul li {font-size: 13px; margin-bottom: 3px;} /* .footer .footer-inner-menu .footer-menu li ul li[onclick]:hover{color: #97d2f5} */ .footer .footer-inner-menu .footer-menu li .info p {font-size: 13px; margin-bottom: 3px;} /* .footer .footer-line ul li{display: inline-block; color: #3c3c3c; padding: 0 17px; font-family: "KelsonSans"; } .footer .footer-line ul li:nth-last-child(1), .footer .footer-line ul li:nth-last-child(2), .footer .footer-line ul li:nth-last-child(3){font-family: "KelsonSans"; font-weight: normal} .footer .footer-line ul li a{color: #3c3c3c} .footer .footer-line ul li.active{position: relative; background: #fff} .footer .footer-line ul li.active:before{content: ""; display: block; width: 0; height: 0; border-bottom: 50px solid #fff; border-left: 20px solid transparent; position: absolute; left: -20px; top: 0} */ .footer #contacts{display: none; height: 500px; background: #fff} #stores-block.stores{display: flex;} #RM_pvz_popup_window #stores-block.stores{padding-top: 20px;} #stores-block.stores .left-list{width: 360px;} #stores-block .stores-list{display: flex; flex-direction: column; padding-top: 40px;} #stores-block .stores-list li{display: inline-block; margin-bottom: 40px; cursor: pointer;} #store-map{width: 100%; height: 450px} #stores-block .stores-list li .address{font-weight: bold; color: #3c3c3c;} #stores-block .stores-list li .email{margin-top: 10px; text-decoration: underline; display: inline-block; columns: #3c3c3c;} #stores-block .stores-list li .detail-info{max-height: 0px; overflow: hidden; margin-top: 0; transition: all .3s ease;} #stores-block .stores-list li.active .address, #stores-block .stores-list li:hover .address{color: #97d2f5} #stores-block .stores-list li.active .detail-info{max-height: 105px; margin-top: 20px;} #stores-block .stores-list li.active .detail-info .btn{display: inline-block;vertical-align: middle;width: 113px;height: 34px;background:#97d2f5;text-align: center;line-height: 34px;color:#fff;font-size: 12px;text-transform: lowercase;font-family: "KelsonSans";font-weight: bold;margin-right: 55px; float: right} #stores-block .map-inner {position: relative; flex: 1} #stores-block .map-inner .current-store {position: absolute; top: 0; left: 0; right: 0; bottom: 0} #stores-block .map-inner .current-store .stores-list-current{position: absolute; right: 15px; top: 44px; bottom: 45px; background: #fff; width: 274px; padding: 12px} #stores-block .map-inner .current-store .stores-list-current ul li img{max-width: 250px} #stores-block .map-inner .current-store .stores-list-current ul li p{color: #3c3c3c; line-height: 1.2} #stores-block .map-inner .current-store .stores-list-current ul li p.name{margin: 20px 0 25px} .stores-list-current .bx-wrapper .bx-controls-direction a{width: 16px; height: 16px; top: 100px} .stores-list-current .bx-wrapper .bx-next, .stores-list-current .bx-wrapper .bx-next:hover{background: url(/bitrix/templates/radiomarket/images/arrow-right.png) no-repeat center center} .stores-list-current .bx-wrapper .bx-prev, .stores-list-current .bx-wrapper .bx-prev:hover{background: url(/bitrix/templates/radiomarket/images/arrow-right.png) no-repeat center center; transform: rotate(180deg)} .catalog-section .data-table .table-header{height: 50px; background-color: #535353; color: #b1b1b1; color: #fff; padding: 1px 0; position: relative; /* z-index: 20 */} .catalog-section .data-table .table-header.fly{position: absolute; left: 0; right: 0; z-index: 15; -webkit-transform: translateZ(0)} .catalog-section[data-entity*="container-"]:nth-of-type(1) .data-table .table-header.fly ~ .table-body{padding-top: 50px} /* .catalog-section[data-entity*="container-"] .data-table .table-header.fly + .table-body{padding-top: 50px} */ .catalog-section .data-table .table-header.open{background-color: #3c3c3c} .catalog-section .data-table .table-header.open-mark-panel{z-index: 30; background-color: #3c3c3c} .catalog-section .data-table .table-header .section-name{font-family: "KelsonSans"; font-weight: bold; color: #fff; font-size: 16px; position: relative} .catalog-section .data-table .table-header .section-name > span{cursor: pointer; vertical-align: middle; display: inline-block; max-width: 308px; line-height: 1; position: absolute; top: 50%; transform: translate(0, -50%)} .catalog-section .data-table .table-header .section-name > span.sep{display: inline-block; height: 49px} .catalog-section .data-table .table-header .section-name > span:hover{color: #97d2f5} .catalog-section .data-table .item-row{clear: both; border-bottom: 1px solid #eaeaea; position: relative; background: #fff} .catalog-section .data-table .item-row:not(:first-child){ background: #fff; /* Old browsers */ /* background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); */ } .catalog-section .data-table .item-row.other-opened{background: rgba(15, 15, 15, .1)} .catalog-section .data-table .item-row.opened{background: #f1f1f1; background: #fff; background: rgb(234, 245, 253)} .catalog-section .data-table .item-row.opened-analog{background: #eaeaea} .catalog-section .data-table .item-row .wrap{max-height: 99px; transition: max-height 0.5s ease} .catalog-section .data-table .minimize-block{position: relative; z-index: 10; height: 5px; margin-top: -3px; margin-bottom: -2px; cursor: ns-resize} .catalog-section .data-table .minimize-block:before{content: ""; display: block; position: relative; left: 0; width: 100%; top: 0px; height: 1px} .catalog-section .data-table .minimize-block:after{content: ""; display: block; position: relative; left: 0; right: 100%; bottom: -3px; height: 1px} .catalog-section .data-table .minimize-block.unminimize{height: auto} .catalog-section .data-table .minimize-block > .item-row{position: absolute; top: 2px; left: 0; right: 0} .catalog-section .data-table .minimize-block.unminimize > .item-row{position: relative} .catalog-section .data-table .item-row .wrap{max-height: 100px; transition: max-height 0.5s ease} .catalog-section .data-table .item-row.minimize .wrap{max-height: 1px; overflow: hidden; z-index: 10} .catalog-section .data-table .item-row.minimize:after {content: ""; background: #97d2f5; left: 0; right: 0; height: 3px; position: absolute; z-index: 9999; top: -1px} /* .catalog-section .data-table .item-row.selected:after{content: ""; position: absolute; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; background: #97d2f5; opacity: .2; pointer-events: none} */ .catalog-section .data-table .item-row.selected{background: rgb(234, 245, 253)} .catalog-section .data-table .table-header .wrap > div{display: table-cell; height: 48px; vertical-align: middle; position: relative; cursor: default} .catalog-section .data-table .table-header .wrap > div:nth-child(n+3){user-select: none} .catalog-section .data-table .table-header .wrap > div[onclick]{cursor: pointer} .catalog-section .data-table .table-header .wrap > .active-filter, .catalog-section .data-table .table-header .wrap > div[onclick]:hover{color: #97d2f5!important} .catalog-section .data-table .table-header .wrap > div.item-mark{position: static} .catalog-section .data-table .table-header .wrap > div.item-mark .mark{color: #b1b1b1; font-size: 14px} .catalog-section .data-table .table-header:not(.open) .wrap > div.item-mark .mark:hover{color: #97d2f5} .catalog-section .data-table .table-header .wrap > div.active{background-color: #535353; color: #97d2f5!important} /* .catalog-section .data-table .table-header .wrap > div.active:before{content: ""; display: block; width: 0; height: 0; border-bottom: 50px solid #535353; border-left: 20px solid transparent; position: absolute; left: -20px; top: 0} */ .catalog-section .data-table .table-header.open .wrap > div.item-mark .mark{cursor: default} .catalog-section .data-table .table-header.open .wrap > div.item-mark .mark{cursor: default} .catalog-section .data-table .wrap > div{border-right: 1px solid #6b6b6b; display: table-cell; vertical-align: middle; font-size: 12px; word-break: break-word} .catalog-section .data-table .wrap > div.empty-prop{border-right: none} .catalog-section .data-table .item-row .wrap > div{border-right: 1px solid #f1f1f1; color: #535353} .catalog-section .data-table .item-row .wrap > div.empty-prop{border-right: none} .catalog-section .data-table .item-row .wrap > .cart-actions.no-border{border-left: none} .catalog-section .data-table .wrap > div:first-child{width: 50px; min-width: 50px; border-right: none} .catalog-section .data-table .wrap > div:nth-child(2){width: 400px} .catalog-section .data-table .wrap > div:not(:nth-child(2)){text-align: center} .catalog-section .data-table .wrap > div:nth-child(3){width: 100px} .catalog-section .data-table .wrap > div:nth-child(4){width: 80px} .catalog-section .data-table .wrap > div:nth-child(5){width: 80px} .catalog-section .data-table .table-header .wrap > div:nth-child(3), .catalog-section .data-table .table-header .wrap > div:nth-child(4), .catalog-section .data-table .table-header .wrap > div:nth-child(5){color: #fff} .catalog-section .data-table .wrap > div:nth-child(6){width: 65px} .catalog-section .data-table .wrap > div:nth-child(7){width: 95px} .catalog-section .data-table .wrap > div:nth-child(8){width: 64px} .catalog-section .data-table .wrap > div:nth-child(9){width: 64px} .catalog-section .data-table .wrap > div:nth-child(10){width: 64px} .catalog-section .data-table .wrap > div:nth-child(11){width: 96px} .catalog-section .data-table .wrap > div:nth-child(12){width: 62px} .catalog-section .data-table .item-row .wrap > div{color: #000; font-size: 14px} .catalog-section .data-table .wrap > div:last-child{width: 140px; border-right: none} .catalog-section .data-table .item-row .wrap > div:last-child{border-left: 1px solid #f1f1f1} .catalog-section .data-table .table-header .header-mark{display: inline-block; width: 16px; height: 16px; border-radius: 8px; border: 2px solid #b1b1b1} .catalog-section .data-table .table-header .section-name .icons{display: inline-block; float: right; height: 49px} .catalog-section .data-table .icon{display: inline-block; width: 16px; height: 16px; vertical-align: middle} .catalog-section .data-table .table-header .icon{margin-right: 20px; cursor: pointer} .catalog-section .data-table .icon.icon-open{background: url(/bitrix/templates/radiomarket/images/open-ico.svg) no-repeat center center; cursor: pointer} .catalog-section .data-table .icon.icon-download{background: url(/bitrix/templates/radiomarket/images/download-ico.svg) no-repeat center center; cursor: pointer} .catalog-section .data-table .icon.icon-info{background: url(/bitrix/templates/radiomarket/images/info-ico.svg) no-repeat center center; background-size: 16px 16px; height: 16px; width: 16px; margin: 0; float: left; margin: 16.5px 10px 0 0} .catalog-section .data-table .icon.icon-video{background: url(/bitrix/templates/radiomarket/images/video-ico.svg) no-repeat center center; background-size: 16px 16px; height: 48px; width: 64px; border-left: 1px solid #6b6b6b; margin: 0; float: left} .catalog-section .data-table .table-header:not(.open) .icon.icon-info:hover{background: url(/bitrix/templates/radiomarket/images/info-ico-hover.svg) no-repeat center center; background-size: 16px 16px} .catalog-section .data-table .table-header.open .icon.icon-info{cursor: default} .catalog-section .data-table .icon.icon-video.active-filter, .catalog-section .data-table .icon.icon-video.active, .catalog-section .data-table .icon.icon-video:hover{background: url(/bitrix/templates/radiomarket/images/video-ico-hover.svg) no-repeat center center; background-size: 16px 16px} .catalog-section .data-table .item-row .item-mark .std-mark{display: none; width: 16px; height: 16px; border-radius: 8px; border: 2px solid #97d2f5/* #595651 */} .catalog-section .data-table .item-row.selected .item-mark .std-mark{display: inline-block} .catalog-section .data-table .item-row .item-mark .col{float: left; width: 50%} .catalog-section .data-table .item-row .item-mark .col.long{width: 100%} .catalog-section .data-table .item-row .item-mark .col .mark-inner{position: relative; height: 16px; width: 16px; margin: 5px auto} .catalog-section .data-table .item-mark .mark{display: inline-block; width: 16px; height: 16px; cursor: pointer} .catalog-section .data-table .item-row .item-mark .mark-inner > .mark:hover{color: #97d2f5} .catalog-section .data-table .item-mark .mark.icon-mark-more{line-height: 28px; font-size: 21px; font-weight: bold; margin-right: 0; width: 31px; height: 31px} .catalog-section .data-table .item-row .item-name{position: relative; font-size: 14px} .catalog-section .data-table .item-row .item-name .icon-open{position: absolute; top: 3px; right: 3px} .catalog-section .data-table .item-row .item-name .line:first-of-type{/* margin-bottom: 15px */} .catalog-section .data-table .item-row .item-name > .line:nth-of-type(1){height: 20px; margin: 8px 0 1px; display: flex; justify-content: flex-end; padding-right: 65px} .catalog-section .data-table .item-row .item-name > .line:nth-of-type(2){height: 41px; margin-bottom: 1px; position: relative} .catalog-section .data-table .item-row .item-name > .line:nth-of-type(3){height: 20px; margin-bottom: 8px} .catalog-section .data-table .item-row .line .name{color: #000; float: left; max-height: 41px; /* min-width: 225px; */ max-width: calc(100% - 66px); margin-right: 1px; overflow: hidden; line-height: 1.4; display: inline-block; position: absolute; left: 0; top: 50%; transform: translate(0, -50%)} .catalog-section .data-table .item-row .line .name > span{display: inline-block; vertical-align: middle} .catalog-section .data-table .item-row .line .name .sep {display: inline-block; vertical-align: middle; height: 100%} .catalog-section .data-table .item-row .line .name:hover{color: #97d2f5} .catalog-section .data-table .item-row .line .brand{color: #000; float: right; font-size: 14px; cursor: pointer; max-width: 65px; min-width: 65px; text-align: left; max-height: 41px; text-align: center; display: inline-block; position: absolute; right: 0; top: 50%; transform: translate(0, -50%)} .catalog-section .data-table .item-row .line .brand:hover{color: #97d2f5} .catalog-section .data-table .item-row .line .brand > span{display: inline-block} .catalog-section .data-table .item-row .line .brand .sep {display: inline-block; vertical-align: middle; height: 100%} .catalog-section .data-table .item-row .line .art{color: #97d2f5; font-size: 12px; font-weight: bold; display: inline-block; vertical-align: middle; margin-right: 40px} .catalog-section .data-table .item-row .line .code-pn{color: #c4c4c4; font-size: 12px; font-weight: normal; display: inline-block; vertical-align: middle; margin-right: 25px} .catalog-section .data-table .item-row .line .store-address{color: #c4c4c4; font-size: 12px; font-weight: normal; display: inline-block; vertical-align: middle; display: none} .catalog-section .data-table .item-row.selected .line .store-address{display: inline-block} .catalog-section .data-table .item-row .line .download{display: inline-block; vertical-align: middle} .catalog-section .data-table .item-row .line .download-ico{display: inline-block; width: 12px; height: 15px; background: url(/bitrix/templates/radiomarket/images/download-ico.svg) no-repeat center center} .catalog-section .data-table .item-row .line .item-btn-info{float: left; height: 100%; width: calc(100% - 20px)} .catalog-section .data-table .item-row .line .autofilter{float: right; height: 100%; width: 19px; text-align: center; opacity: .25} .catalog-section .data-table .item-row .spec-props.spec-prop-7 + .cart-actions {border-left: none} .catalog-section .data-table .item-row .spec-props{height: 100%} .catalog-section .data-table .item-row .spec-props .spec-inner{max-height: 99px; overflow: hidden} .catalog-section .data-table .item-row .spec-props .multivalue{width: 100%; height: 99px; border-collapse: collapse} .catalog-section .data-table .item-row .spec-props .multivalue tr > td{width: 50%; /* background: #f7f7f7; */ line-height: 1.4} .catalog-section .data-table .item-row .spec-props .multivalue tr > td .multivalue-col{display: flex; flex-direction: column} .catalog-section .data-table .item-row .spec-props .multivalue:not(.cols_1) tr > td:nth-child(1) .multivalue-col{border-right: 1px solid #f1f1f1} .catalog-section .data-table .item-row .cart-actions .more{color: #b1b1b1; text-decoration: underline; padding: 10px 0; display: block; text-align: center; font-size: 10px; cursor: pointer} .catalog-section .data-table .item-row .cart-actions .qty-btns{width: 105px; margin: 0 auto; height: 31px; padding-bottom: 6px} .catalog-section .data-table .item-row .cart-actions .qty-btns a{display: block; width: 27px; height: 25px; line-height: 25px; color: transparent; float: left; font-size: 30px; opacity: 0.8; background: #eaeaea; user-select: none} .catalog-section .data-table .item-row .cart-actions .qty-btns a:first-child{background: #eaeaea url(/bitrix/templates/radiomarket/images/minus-ico.png) no-repeat center center} .catalog-section .data-table .item-row .cart-actions .qty-btns a:last-child{background: #eaeaea url(/bitrix/templates/radiomarket/images/plus-ico.png) no-repeat center center} .catalog-section .data-table .item-row .cart-actions .qty-btns [name=qty]{display: block; text-align: center; float: left; border: none; outline: none; background: #fff; width: 51px; height: 25px; border: 2px solid #eaeaea; border-left: none; border-right: none; color: #fff} .catalog-section .data-table .item-row .cart-actions .qty-btns:hover [name=qty], .catalog-section .data-table .item-row .cart-actions .qty-btns.hover [name=qty], .catalog-section .data-table .item-row .cart-actions .qty-btns [name=qty]:focus, .catalog-section .data-table .item-row .cart-actions .qty-btns .hover[name=qty]{color: rgb(83, 83, 83)} .catalog-section .data-table .item-row .cart-actions .add2cart{display: block; width: 60px; height: 25px; text-align: center; line-height: 25px; margin: 0 auto 0; background: #97d2f5; font-family: "KelsonSans"; font-weight: bold; font-size: 12px; color: #fff; cursor: pointer} .catalog-section .data-table .item-row .item-korpus{text-align: center; vertical-align: middle; position: relative; background: #fff} .catalog-section .data-table .item-row .item-korpus img{max-width: 97px; max-height: 97px; display: inline-block; vertical-align: middle} .catalog-section .data-table .item-row .item-korpus .korpus-name{position: absolute; bottom: 3px; right: 3px; max-width: 97px; overflow: hidden; font-size: 10px; cursor: pointer} .catalog-section .data-table .item-row .item-korpus .korpus-name:hover{color: #97d2f5} .catalog-section .data-table .mini-popup{display: none; position: absolute; top: 0; bottom: 0; left: 100%; width: 432px; background: #fff; text-align: left; padding: 10px; z-index: 20; box-shadow: 3px 3px 6px -2px #000} .catalog-section .data-table .mini-popup .close{display: inline-block; width: 23px; height: 23px; position: absolute; right: 10px; top: 10px; background: url(/bitrix/templates/radiomarket/images/close-menu.png) no-repeat center center; cursor: pointer} .catalog-section .data-table .item-row .mini-popup .close{background: url(/bitrix/templates/radiomarket/images/close-detail.png) no-repeat center center} .catalog-section .data-table .item-row .mini-popup .stores table td, .catalog-section .data-table .item-row .mini-popup p.zakaz{color: #535353; padding-right: 10px; line-height: 15px} .catalog-section .data-table .item-row .mini-popup .stores table td:first-child{text-align: right} .catalog-section .data-table .item-row .mini-popup p.zakaz{padding-right: 23px} .catalog-section .data-table .item-row .mini-popup .stores a.select-all{color: #97d2f5; display: inline-block; margin-left: 10px; position: absolute; right: 10px; border-bottom: 1px solid} .catalog-section .data-table .item-row .mini-popup .stores table tr.selected:after{content: ""; position: relative; display: inline-block; width: 15px; height: 9px; background: transparent; top: -5px; border: 2px solid #97d2f5; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)} .catalog-section .data-table .item-row .faded{opacity: .25} .catalog-section .data-table .item-row .item-mark, .catalog-section .data-table .item-row .item-amount, .catalog-section .data-table .item-row .item-price{position: relative} .catalog-section .data-table .item-row .item-amount .row:not(.manager-row):first-child{margin-bottom: 10px} .catalog-section .data-table .item-row .item-amount .row .amount{color: #000; font-size: 14px; margin-bottom: 3px} .catalog-section .data-table .item-row .item-amount .row .text {color: #b1b1b1; font-size: 12px; text-decoration: underline; cursor: pointer} .catalog-section .data-table .item-row .item-amount .row .text:hover{color: #97d2f5} .catalog-section .data-table .item-row .item-amount .row.manager-row.row-3{margin-top: 10px;} .catalog-section .data-table .item-row .item-amount .row.manager-row{position: relative; margin-bottom: 0;} .catalog-section .data-table .item-row .item-amount .row.manager-row .amount{margin-bottom: 0; color: #b1b1b1;} .catalog-section .data-table .item-row .item-amount .row.manager-row .amount.bold{font-weight: bold; color: #000} .catalog-section .data-table .item-row .item-amount .row.manager-row .tooltip{position: absolute; z-index: 14; left: 100%; top: -5px; white-space: nowrap; background: #fff; text-align: left; padding: 5px 10px; z-index: 20; box-shadow: 3px 3px 6px -2px #000; display: none} .catalog-section .data-table .item-row .item-amount .row.manager-row:hover .tooltip{display: block} .catalog-section .data-table .item-row .item-amount .mini-popup{z-index: 14} .catalog-section .data-table .item-row .item-price .price{font-size: 16px; font-family: "KelsonSans"; color: #000} .catalog-section .data-table .item-row .item-price .cheaper{color: #b1b1b1; font-size: 12px; margin-top: 3px; display: inline-block; cursor: pointer; text-decoration: underline} .catalog-section .data-table .item-row .item-price .cheaper:hover{color: #97d2f5} .catalog-section .data-table .item-row .item-price .mini-popup{width: 224px} .catalog-section .data-table .item-row .item-price .mini-popup p{line-height: 15px; color: #535353} .catalog-section .data-table .item-row .item-price .ch-prices{height: 100%} .catalog-section .data-table .item-row .item-price .ch-prices table{height: 100%; width: 100%} .catalog-section .data-table .item-row .item-price .ch-prices table td p{line-height: 1.4} /* .catalog-section .data-table .item-row .for-filter{cursor: url(/bitrix/templates/radiomarket/images/filter-ico.png) 1 1} */ .catalog-section .data-table .table-header .wrap > div.for-filter-header:hover, .catalog-section .data-table .table-header .wrap i.for-filter-header:hover{cursor: url(/bitrix/templates/radiomarket/images/filter-ico-16.png) 8 0, auto} .catalog-section .data-table .item-row .for-filter:hover{color: #97d2f5; cursor: url(/bitrix/templates/radiomarket/images/filter-ico-16.png) 8 0, auto} .catalog-section .data-table .item-row .show-detail:hover{color: #97d2f5;} .catalog-section .data-table .item-row .filter-image img{max-height: 50px; max-width: 100%} .detail-item {height: 100%} .detail-item .left-part, .detail-item .right-part{float: left} .detail-item .left-part{width: 501px; height: 100%; border-right: 1px solid rgb(234, 234, 234); margin-top: -50px} .detail-item .left-part .detail-item-image{height: 500px; overflow: hidden; position: relative} .detail-item .left-part .detail-item-image ul li{height: 500px; display: table; width: 100%} .detail-item .left-part .detail-item-image ul li .inner-image{/* display: table-cell; */ border-bottom: 1px solid #eaeaea; overflow: hidden; width: initial; height: 500px; line-height: 500px; vertical-align: middle; text-align: center; background: #fff} .detail-item .left-part .detail-item-image ul li img{max-width: 100%; max-height: 500px; vertical-align: middle} .fillwidth {min-width: 100%; height: auto} .fillheight {min-height: 100%; width: auto} #modal-container .modal .detail-item .left-part .detail-item-image .close{position: absolute; right: 10px; top: 10px; width: 23px; height: 23px; background: url(/bitrix/templates/radiomarket/images/close-ico-blue.svg) no-repeat center center / cover; display: none} .detail-item .left-part .detail-item-image .zoom{position: absolute; left: 10px; bottom: 10px; width: 23px; height: 23px; background: url(/bitrix/templates/radiomarket/images/zoom-in-ico.svg) no-repeat center center / cover} #modal-container .modal .detail-item #tab-main.zoomed{transform: none} #modal-container .modal .detail-item #tab-main.zoomed .detail-item-image{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; background: #fff; height: auto} #modal-container .modal .detail-item #tab-main.zoomed .detail-item-image .bx-wrapper, #modal-container .modal .detail-item #tab-main.zoomed .detail-item-image .bx-wrapper .bx-viewport, #modal-container .modal .detail-item #tab-main.zoomed .detail-item-image ul, #modal-container .modal .detail-item #tab-main.zoomed .detail-item-image ul li, #modal-container .modal .detail-item #tab-main.zoomed .detail-item-image ul li .inner-image{height: 100%!important; display: block} #modal-container .modal .detail-item #tab-main.zoomed .detail-item-image ul li .inner-image img{min-width: auto; max-width: 100%; max-height: 100%; height: 100%; width: 100%; object-fit: contain; } #modal-container .modal .detail-item #tab-main.zoomed .detail-item-image .close{display: block} .detail-item #tab-main.zoomed .detail-item-image .zoom{background: url(/bitrix/templates/radiomarket/images/zoom-out-ico.svg) no-repeat center center / contain} .detail-item .left-part .detail-item-image .korpus-name{position: absolute; bottom: 13px; right: 13px; max-width: 97px; overflow: hidden; font-size: 14px; cursor: pointer} .detail-item .left-part .detail-item-image .bx-wrapper .bx-controls-direction a{width: 30px; height: 20px; margin-top: -10px} .detail-item .left-part .detail-item-image .bx-wrapper .bx-controls-direction a.bx-next{background: url(/bitrix/templates/radiomarket/images/bx-arrow-right.png) no-repeat center center} .detail-item .left-part .detail-item-image .bx-wrapper .bx-controls-direction a.bx-prev{background: url(/bitrix/templates/radiomarket/images/bx-arrow-left.png) no-repeat center center} .detail-item .left-part .detail-item-descr{padding: 24px; background: #eaeaea} .detail-item .right-part{width: calc(100% - 501px)} .detail-item .right-part .detail-item-cart{background: #f7f7f7; padding: 5px 20px 5px 10px; height: 100px; border-bottom: 1px solid #eaeaea; position: relative} .detail-item .right-part .detail-item-cart > table{width: 100%; height: 100%; border-collapse: collapse; table-layout: fixed} .detail-item .right-part .detail-item-cart > table tr td{vertical-align: middle} .detail-item .right-part .detail-item-cart .store-amount{width: 100px; border-right: 1px solid #f1f1f1} .detail-item .right-part .detail-item-cart .store-amount .detail-amount .row{text-align: center} .detail-item .right-part .detail-item-cart .store-amount .detail-amount .row.last{margin-top: 10px} .detail-item .right-part .detail-item-cart .store-amount .detail-amount .row .amount{font-family: "KelsonSans"; font-size: 16px; color: rgb(83, 83, 83); font-weight: bold} .detail-item .right-part .detail-item-cart .store-amount .detail-amount .row .text{color: #b1b1b1; font-size: 12px; text-decoration: underline; cursor: pointer} .detail-item .right-part .detail-item-cart .store-amount .detail-amount .mini-popup{display: none; position: absolute; top: 0; bottom: 0; left: auto; right: 100%; background: #fff; text-align: left; padding: 10px 10px 10px 53px; z-index: 20; box-shadow: -3px 3px 6px -2px #000; width: 400px;} .detail-item .right-part .detail-item-cart .store-amount .detail-amount .mini-popup .close{display: inline-block; width: 23px; height: 23px; position: absolute; left: 10px!important; right: auto!important; top: 10px; background: url(/bitrix/templates/radiomarket/images/close-menu.png) no-repeat center center; cursor: pointer} .detail-item .right-part .detail-item-cart .store-amount .detail-amount .mini-popup .stores table td{color: #535353; padding-right: 10px; line-height: 15px} .detail-item .right-part .detail-item-cart .store-amount .detail-amount .mini-popup .stores table td:first-child{text-align: right} .detail-item .right-part .detail-item-cart .store-amount .detail-amount .mini-popup .stores table tr.selected:after{content: ""; position: relative; display: inline-block; width: 15px; height: 9px; background: transparent; top: -5px; border: 2px solid #97d2f5; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg)} .detail-item .right-part .detail-item-cart .price{width: 150px; padding-left: 27px} .detail-item .right-part .detail-item-cart .price .item-price{font-family: "KelsonSans"; font-size: 18px; color: rgb(83, 83, 83); font-weight: bold; } .detail-item .right-part .detail-item-cart .price .detail-item-amount{margin-top: 15px} .detail-item .right-part .detail-item-cart .cart-actions{text-align: center; width: 100%} .detail-item .right-part .detail-item-cart .cart-actions .qty-btns{width: 105px; margin: 0 auto; height: 31px; padding-bottom: 6px} .detail-item .right-part .detail-item-cart .cart-actions .qty-btns a{display: block; width: 27px; height: 25px; line-height: 25px; color: #535353; float: left; font-size: 30px; user-select: none; background: #eaeaea} .detail-item .right-part .detail-item-cart .cart-actions .qty-btns [name=qty]{display: block; float: left; border: 2px solid #eaeaea; border-left: none; border-right: none; outline: none; background: #fff; width: 51px; height: 25px; margin-top: 0px; text-align: center; font-family: "KelsonSans"; font-size: 16px; color: #fff; padding-top: 5px} .detail-item .right-part .detail-item-cart .cart-actions .qty-btns:hover [name=qty], .detail-item .right-part .detail-item-cart .cart-actions .qty-btns.hover [name=qty], .detail-item .right-part .detail-item-cart .cart-actions .qty-btns .hover[name=qty]{color: rgb(83, 83, 83)} .detail-item .right-part .detail-item-cart .cart-actions .add2cart{display: block; width: 60px; height: 25px; text-align: center; line-height: 25px; margin: 0 auto 0; background: #97d2f5; font-family: "KelsonSans"; font-weight: bold; font-size: 12px; color: #fff; cursor: pointer} .detail-item .right-part .detail-item-amount p{color: #b1b1b1; font-size: 12px; line-height: 15px} .detail-item .right-part .detail-item-amount p span{display: block; font-size: 14px; color: #000} .detail-item .right-part .detail-item-amount p span.currency{display: inline-block; color: #b1b1b1} .detail-item .right-part .detail-item-props{margin: 15px; } .detail-item .right-part .detail-item-props .props{} .detail-item .right-part .detail-item-props table{border-collapse: collapse; width: 100%} .detail-item .right-part .detail-item-props table tr{height: 35px} .detail-item .right-part .detail-item-props table tr:first-child {height: 50px} .detail-item .right-part .detail-item-props table tr td{padding: 0} .detail-item .right-part .detail-item-props .prop-name{color: rgb(83, 83, 83); font-size: 14px; text-transform: capitalize} .detail-item .right-part .detail-item-props .prop-val{font-size: 14px; color: #000; width: 100%; padding-left: 20px} .detail-item .right-part .detail-item-props .prop-val span{display: inline-block; vertical-align: middle} .detail-item .right-part .detail-item-props .prop-val .spec-props{} .detail-item .right-part .detail-item-props .prop-val .spec-inner .prop-val-row{position: relative} .detail-item .right-part .detail-item-props .prop-val .spec-inner .filter-image {display: inline-block; vertical-align: middle} .detail-item .right-part .detail-item-props tr:nth-child(1) .prop-val .spec-inner .filter-image, .detail-item .right-part .detail-item-props tr:nth-child(2) .prop-val .spec-inner .filter-image {margin-left: 5px} .detail-item .right-part .detail-item-props .prop-val .spec-inner .filter-image img{position: absolute; top: 50%; transform: translate(0, -50%)} .detail-item .right-part .detail-item-descr{color: rgb(83,83,83); font-size: 14px; margin: 15px} .detail-item .top-tabs{background: rgb(207, 207, 207)} .detail-item .right-part .detail-item-props + .detail-item-descr{margin-top: -9px; padding-top: 15px; border-top: 1px solid #eaeaea} .detail-item .top-tabs li{display: inline-block; float: left; text-align: center; line-height: 50px; background: rgb(223, 223, 223); position: relative; cursor: pointer; font-family: "KelsonSans"; font-weight: bold; color: rgb(83, 83, 83); font-size: 16px; border-right: 1px solid #6b6b6b} .detail-item .top-tabs li:first-child{width: 500px; border-right: none} .detail-item .top-tabs li:first-child h1{display: none} .detail-item .top-tabs li:first-child.active{width: 500px; border-right: 1px solid rgb(234, 234, 234)} .detail-item .top-tabs li:nth-child(2){width: calc((100% - 500px ) / 2); height: 50px; position: relative; z-index: 9} /* .detail-item .top-tabs li:last-child */ .detail-item .top-tabs li:nth-child(2){border-left: 1px solid #6b6b6b} .detail-item .top-tabs li[data-tab='tab-print'] span{display: inline-block; vertical-align: middle; background: url(/bitrix/templates/radiomarket/images/print-ico.svg) no-repeat center center / contain; width: 50px; height: 45px} .detail-item .top-tabs li.active{background: rgb(239, 239, 239)} .detail-item .top-tabs li.empty{background: rgb(199,199, 199); height: 50px; position: relative; z-index: 9; cursor: default} .detail-item .top-tabs li[data-tab='tab-main'] + li.empty{width: calc(((100% - 500px ) / 2) * 2)} .detail-item .top-tabs li[data-tab='tab-pdf'] + li.empty{width: calc((100% - 500px ) / 2)} .detail-item > .tabs-content{height: calc(100%)} .detail-item > .tabs-content > div{height: 100%; display: none} .detail-item > .tabs-content > div.active{display: block; overflow: auto} .detail-item > .tabs-content > div#tab-main{padding-top: 50px; transform: translate(0, -50px)} .detail-item > .tabs-content > div#tab-pdf{height: calc(100% - 50px)} .detail-item > .tabs-content > div.active::-webkit-scrollbar {width: 5px} .detail-item > .tabs-content > div.active::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px #fff; background: #ddd} .detail-item > .tabs-content > div.active::-webkit-scrollbar-thumb {background-color: darkgrey; outline: 1px solid slategrey} .detail-item .tabs-container .tabs{border-bottom: 1px solid #eaeaea; background: rgb(207, 207, 207)} .detail-item .tabs-container .tabs li{display: inline-block; float: left; text-align: center; line-height: 49px; background: rgb(223, 223, 223); position: relative; cursor: pointer; font-family: "KelsonSans"; font-weight: bold; color: rgb(83, 83, 83); font-size: 16px} .detail-item .tabs-container .tabs li:last-child{width: 40%} .detail-item .tabs-container .tabs li:first-child{width: 60%} .detail-item .tabs-container .tabs li.active{background: rgb(239, 239, 239)} .tabs-container .tabs-content > div{display: none} .tabs-container .tabs-content > div.active{display: block} .detail-item .more-goods .tabs-content > div table{width: 100%; border-collapse: collapse} .detail-item .more-goods .tabs-content > div table td {vertical-align: middle; height: 49px; padding: 0; font-size: 14px; border-bottom: 1px solid rgb(234, 234, 234); color: rgb(83, 83, 83); font-size: 14px} .detail-item .more-goods .tabs-content > div table td.image{width: 50px; background: #fff} .detail-item .more-goods .tabs-content > div table td.brand{width: 60px} .detail-item .more-goods .tabs-content > div table td.arrow{width: 40px; text-align: center} .detail-item .more-goods .tabs-content > div table td.price{width: 70px; text-align: center} .detail-item .more-goods .tabs-content > div table td.name{width: 280px} .detail-item .more-goods .tabs-content > div table td img{max-width: 49px; max-height: 49px; display: block} .detail-item .more-goods .tabs-content > div table td .next-arrow{display: inline-block; width: 10px; height: 9px; background: url(/bitrix/templates/radiomarket/images/arrow-next-black.svg) no-repeat center center / 100%} .detail-item .more-goods .tabs-content > div table tr:hover td .next-arrow, .detail-item .more-goods .tabs-content > div table tr.opened td .next-arrow{background: url(/bitrix/templates/radiomarket/images/arrow-next-blue.svg) no-repeat center center / 100%} .detail-item .more-goods .tabs-content > div table tr:hover td, .detail-item .more-goods .tabs-content > div table tr.opened td{background: rgb(234, 245, 253)} #modal-container.open{position: fixed; left: 0; right: 0; top: 100px; bottom: 0px; max-height: calc(100vh - 100px); /* max-width: 1366px; */ margin: 0 auto;pointer-events: none; z-index: 120; overflow: hidden} #modal-container.for-footer-article{z-index: 20} #modal-container .modal{position: absolute; right: -50%; top: 0; bottom: 0; padding-bottom: 20px; z-index: 20; background: #f1f1f1; width: 913px; overflow: auto; box-shadow: -3px 3px 6px -2px; pointer-events: all; animation: slideRight 0.5s forwards;} #modal-container .modal.slideBack{right: 0; animation: slideBack 0.5s forwards; } @-webkit-keyframes slideRight { 100% { right: 0; } } @keyframes slideRight { 100% { right: 0; } } @-webkit-keyframes slideBack { 100% { right: -50%; } } @keyframes slideBack { 100% { right: -50%; } } #modal-container .modal.loading:after{content: ""; position: absolute; left: 0; right: 0; top: 0; background: rgba(255, 255, 255, .6) url(/bitrix/templates/radiomarket/images/loading.svg) no-repeat center 50px; background-size: 100px; bottom: 0} #modal-container .modal .close{display: inline-block; width: 23px; height: 23px; position: absolute; right: 20px; top: 14px; background: url(/bitrix/templates/radiomarket/images/close-detail.png) no-repeat center center; cursor: pointer; z-index: 99} #modal-container .modal .print-btn{display: inline-block; width: 23px; height: 23px; position: absolute; right: 63px; top: 14px; background: url(/bitrix/templates/radiomarket/images/print-ico.svg) no-repeat center center; cursor: pointer; z-index: 99; background-size: auto 35px} #modal-container .modal .back{display: inline-block; width: 23px; height: 23px; position: absolute; right: 63px; top: 14px; background: url(/bitrix/templates/radiomarket/images/arrow-back1.svg) no-repeat center center;} #modal-container .modal.for-article{width: 660px; background: rgb(239, 239, 239); box-shadow: -3px 3px 6px -2px} #modal-container .modal.for-reg-auth{width: 660px; padding: 0} #modal-container .modal.for-basket{width: 660px; background: #f7f7f7; padding-bottom: 0} #modal-container .modal.for-order{width: 660px; background: #f7f7f7; padding-bottom: 0} #modal-container .modal.for-personal{width: 660px; background: #f7f7f7; padding-bottom: 0} #modal-container .modal.for-detail{width: 922px; background: #fff; overflow: inherit; padding: 0} #modal-container .modal.for-detail:nth-child(2){width: 868px; background: #fff; left: 498px} #modal-container .modal.for-basket > div{height: 100%} #modal-container .modal.for-footer-article{bottom: 50px; padding-bottom: 0} #modal-container .modal.for-footer-article .article-detail{height: 100%} #modal-container .modal.for-footer-article .article-detail .article-description{height: calc(100% - 50px); padding-bottom: 20px} .article-detail{color: #535353; height: 99%} .article-detail .article-header{margin: 0; background: rgb(199,199,199); height: 50px} .article-detail .article-name{color: #535353; font-family: "KelsonSans"; font-weight: bold; background: rgb(239, 239, 239); line-height: 50px; padding-left: 30px; padding-right: 30px; border-right: 1px solid #535353; display: inline-block} .article-detail .article-description{height: calc(100% - 75px); padding: 25px 30px 0; overflow: auto;} .article-detail .article-description p{margin-bottom: 30px} .article-detail .article-description p b{color: #000} .article-detail .article-description .image-group{float: right; padding: 11px 11px 15px; background: #f2f2f2; margin-left: 25px} .article-detail .article-description .image-group img{max-width: 250px; max-height: 181px} .article-detail .article-description .image-group p{font-style: italic; font-size: 12px; text-align: center; margin-top: 15px; max-width: 250px} /*reg-auth*/ .reg-auth-div {background: #f7f7f7; height: 100%} .reg-auth-div .tabs-container .tabs{background: #c7c7c7} .reg-auth-div .tabs-container .tabs li{display: inline-block; padding: 0 30px; line-height: 50px; background: #dfdfdf; color: #535353; font-size: 16px; position: relative; cursor: pointer; font-family: "KelsonSans"; font-weight: bold; border-right: 1px solid #6b6b6b} .reg-auth-div .tabs-container .tabs li.active{background: #f7f7f7} #auth-div, #reg-div{padding: 25px 20px} #auth-div .bx-auth-input, #profile-div .bx-auth-input, #reg-div .bx-reg-input{display: block; width: 205px; height: 33px; background: #fff; border: none; outline: none; padding-left: 17px; font-family: 'Trebuchet MS'; font-weight: bold} #reg-div .bx-reg-input{width: 100%} .form-row{margin-bottom: 10px} .form-row .form-cols{display: flex; margin-left: -10px; margin-right: -10px} .form-row .form-cols .form-col{flex: 1; margin: 0 10px} /* #auth-div .error, #reg-div .errortext{padding: 10px 0; color: #ff0000; display: block} */ #reg-div .bx-reg-input.bx-login{display: none} #reg-div .bx-reg-input.bx-last_name{width: 300px} #reg-div .bx-reg-input.bx-second_name{width: 270px} #reg-div .bx-reg-input.bx-personal_phone{width: 138px} #profile-div{padding-left: 15px} #profile-div .bx-reg-input.bx-last_name{width: 300px} #profile-div .bx-reg-input.bx-second_name{width: 270px} #profile-div .bx-reg-input.bx-personal_phone{width: 138px} #profile-div form{display: flex} #profile-div form .col{flex: 1} label.styled-radio input[type=checkbox], label.styled-radio input[type=radio]{display: none} label.styled-radio input[type=checkbox] + .radio-styled, label.styled-radio input[type=radio] + .radio-styled{display: inline-block; width: 12px; height: 12px; border-radius: 15px; background: #fff; border: 1px solid #e3e3e3; margin-right: 5px; vertical-align: middle} label.styled-radio input[type=checkbox]:checked + .radio-styled, label.styled-radio input[type=radio]:checked + .radio-styled{background: transparent; border: 3px solid #97d2f5} label.styled-checkbox input[type=checkbox], label.styled-checkbox input[type=radio]{display: none} label.styled-checkbox input[type=checkbox] + .check-styled, label.styled-checkbox input[type=radio] + .check-styled{display: inline-block; width: 25px; height: 25px; background: #fff; margin-right: 5px; vertical-align: middle; position: relative} label.styled-checkbox input[type=checkbox]:checked + .check-styled:after, label.styled-checkbox input[type=radio]:checked + .check-styled:after{content: ""; display: inline-block; width: 14px; height: 8px; border-left: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(45deg); position: absolute; transform: rotate(-45deg); position: absolute; left: 6px; top: 6px;} label.styled-checkbox .check-styled-text{display: inline-block; vertical-align: middle; line-height: 1} #auth-div [type=submit], #profile-div [type=submit], #reg-div [type=submit]{display: block; width: auto; padding: 0 10px; height: 30px; color: #fff; background: #97d2f5; text-align: center; border: none; font-family: "KelsonSans"; font-weight: bold; font-size: 12px; text-transform: lowercase} #reg-div .subtitle, #profile-div .subtitle{margin-top: 25px; margin-bottom: 15px; color: #b1b1b1; font-weight: bold} ::-webkit-input-placeholder {color:#eaeaea; color:#bbbbbb} ::-moz-placeholder {color:#eaeaea; color:#bbbbbb}/* Firefox 19+ */ :-moz-placeholder {color:#eaeaea; color:#bbbbbb}/* Firefox 18- */ :-ms-input-placeholder {color:#eaeaea; color:#bbbbbb} .bx-auth form{padding-bottom: 140px!important} #auth-div{} #auth-div .social-block-inner{border-top: 1px solid #e3e3e3; padding-top: 20px; margin-top: 20px} #auth-div .social-block-inner .social-title{font-family: "KelsonSans"; font-weight: 400; margin: 0; padding: 0; font-size: 14px; color: #535353} #auth-div .social-block-inner div.bx-auth-line {border: none; padding-bottom: 0px} #auth-div div.bx-auth-services > div{width: 30px; clear: both; margin-bottom: 10px; display: inline-block; float: none} #auth-div div.bx-auth-services > div a{color: #fff; height: 30px; width: 30px; border: none; border-radius: 2px; line-height: 30px; display: block; padding: 0; font-size: 14px; font-weight: bold; margin: 0; text-indent: -9999px} #auth-div div.bx-auth-services > div a:hover{border: none} #auth-div div.bx-auth-services > .Facebook a{background: url(/bitrix/templates/radiomarket/images/fb-ico.png) no-repeat center center / contain} #auth-div div.bx-auth-services > .VKontakte a{background: url(/bitrix/templates/radiomarket/images/vk-ico.png) no-repeat center center / contain} #auth-div div.bx-auth-services > .MailRu2 a{background: url(/bitrix/templates/radiomarket/images/mail-ico.png) no-repeat center center / contain} #auth-div div.bx-auth-services > .GoogleOAuth a{background: url(/bitrix/templates/radiomarket/images/google-ico.png) no-repeat center center / contain} #profile-div div.bx-auth-serv-icons > a i{width: 30px; height: 30px; margin: 0} #profile-div div.bx-auth-serv-icons > #bx_auth_href_Facebook i{background: url(/bitrix/templates/radiomarket/images/fb-ico.png) no-repeat center center / contain} #profile-div div.bx-auth-serv-icons > #bx_auth_href_VKontakte i{background: url(/bitrix/templates/radiomarket/images/vk-ico.png) no-repeat center center / contain} #profile-div div.bx-auth-serv-icons > #bx_auth_href_MailRu2 i{background: url(/bitrix/templates/radiomarket/images/mail-ico.png) no-repeat center center / contain} #profile-div div.bx-auth-serv-icons > #bx_auth_href_GoogleOAuth i{background: url(/bitrix/templates/radiomarket/images/google-ico.png) no-repeat center center / contain} #profile-div .soc-serv-main{margin-top: 50px} #auth-div #bx_auth_serv_MailRuOpenID [type=submit]{display: inline-block} #reg-div label{color: #535353; display: inline-block; margin-bottom: 15px;} #reg-div input[name=login]{width: 300px; margin: 0 0 15px} #reg-div input[name=confirm_code]{margin: 0 0 15px} #auth-div .bx-forgot .title{margin-bottom: 10px; display: inline-block} #auth-div .bx-forgot-block{display: none} #auth-div .bx-forgot-block form{padding-bottom: 60px!important} #auth-div .bx-forgot-block p{margin-bottom: 10px} #auth-div .bx-forgot-block input[name=login]{width: 300px} .form-mess{position: absolute; margin-top: 20px} .form-mess .error{font-weight: bold; font-family: KelsonSans} .form-mess .error .forgot{color: #97d2f5} /*reg-auth*/ .popup-window-buttons .btn{display: inline-block; cursor: pointer} .popup-window-buttons .btn:hover{background: #cdcbcb} .popup-window-buttons .btn.close-btn{display: inline-block; min-width: 60px; height: 25px; text-align: center; line-height: 26px; margin: 0 auto 0; background: #97d2f5; font-family: "KelsonSans"; font-weight: bold; font-size: 12px; color: #fff; cursor: pointer; padding: 0 10px} .popup-window-titlebar-text{padding: 0 10px; text-align: center; width: 100%} #MarkEmailForm input[name=email]{border: 1px solid #535353; background: #fff; outline: none; height: 25px} #basket_form, #basket_form_container, .bx_ordercart, #basket_items_list{height: 100%} #basket_items_list{display: flex; flex-direction: column; justify-content: space-between} .bx_ordercart_order_table_container{flex: 1; height: calc(100% - 100px); overflow: auto} .bx_ordercart_order_table_container::-webkit-scrollbar {width: 5px} .bx_ordercart_order_table_container::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px #fff; background: #ddd} .bx_ordercart_order_table_container::-webkit-scrollbar-thumb {background-color: darkgrey; outline: 1px solid slategrey} #basket_items_list .top-row{height: 50px; background: rgb(207, 207, 207)} #basket_items_list .top-row .title{background: #f7f7f7; padding-left: 30px; padding-right: 30px; border-right: 1px solid #535353; display: inline-block} #basket_items_list .top-row .basket-name{display: inline-block; vertical-align: top; line-height: 50px; text-align: center; color: #535353; font-size: 16px; font-family: "KelsonSans"; font-weight: bold} .wrap .top-row .basket-actions{vertical-align: top; height: 50px; padding-top: 11px; width: 163px; margin-left: 30px;} .wrap .top-row .basket-actions .dropdown-menu{border-radius: 0; border: 2px solid #97d2f5; background: #fff; margin-top: -2px; padding: 0; left: auto!important; right: 2px!important; width: 162px} .wrap .top-row .basket-actions .dropdown-menu .dropdown-item{padding: 5px 10px 5px 10px; font-size: 12px} .wrap .top-row .basket-actions > .dropdown-menu > li > .dropdown-item{border-top: 2px solid #fff} .wrap .top-row .basket-actions > .dropdown-menu > li > textarea.dropdown-item{border-top: 2px solid #97d2f5; height: 100px;} .wrap .top-row .basket-actions > .dropdown-menu > li > textarea.dropdown-item:active{background-color: inherit; color: inherit;} .wrap .top-row .basket-actions > .dropdown-menu li:hover > .dropdown-item:not(textarea){background: #97d2f5; color: #fff; cursor: pointer} .wrap .top-row .basket-actions > .dropdown-menu > li:hover > .dropdown-item:not(textarea){background: #97d2f5; border-top: 2px solid #97d2f5} .wrap .top-row .basket-actions .dropdown-menu .dropdown-menu {top: auto; left: 100%!important; transform: translateY(-24px); width: auto; min-width: 92px} .wrap .top-row .basket-actions .dropdown-item + .dropdown-menu {display: block; opacity: 0; transition: opacity .1s} .wrap .top-row .basket-actions li.active .dropdown-item + .dropdown-menu, .wrap .top-row .basket-actions li:hover .dropdown-item + .dropdown-menu{opacity: 1; transition: opacity .1s} .wrap .top-row .basket-actions .dropdown-btn{color: #97d2f5; padding: 0 10px; height: 28px; line-height: 24px; font-size: 12px; width: 136px; border: 2px solid #97d2f5; font-family: "KelsonSans"; font-weight: bold; position: relative; background: #fff; text-align: left} .wrap .top-row .basket-actions .dropdown-btn + .dropdown-toggle{height: 28px; width: 28px; border: 2px solid #97d2f5; background: #fff url(/bitrix/templates/radiomarket/images/arrow-down.svg) no-repeat center center; margin-left: -2px!important} .wrap .top-row .basket-actions.show > .dropdown-toggle{background: #fff url(/bitrix/templates/radiomarket/images/arrow-up.svg) no-repeat center center} .wrap .top-row .basket-actions .dropdown-btn + .dropdown-toggle::after{content: none} .wrap .top-row .basket-actions .dropdown-btn:hover{color: #fff; background: #97d2f5} .wrap .top-row .basket-actions .dropdown-btn + .dropdown-toggle:hover{background: #97d2f5 url(/bitrix/templates/radiomarket/images/arrow-down-w.svg) no-repeat center center} .wrap .top-row .basket-actions.show > .dropdown-toggle:hover{background: #97d2f5 url(/bitrix/templates/radiomarket/images/arrow-up-w.svg) no-repeat center center} /* #basket_items_list .top-row .basket-actions li{display: none; padding: 5px 24px 5px 10px; font-size: 12px; width: 136px} #basket_items_list .top-row .basket-actions li.selected{color: #97d2f5; display: block; border: 2px solid; font-family: "KelsonSans"; font-weight: bold; position: relative} #basket_items_list .top-row .basket-actions li.selected i.arrow-ico {display: inline-block; background: url(/bitrix/templates/radiomarket/images/arr-down.png) no-repeat center center; width: 14px; height: 14px; position: absolute; right: 4px} #basket_items_list .top-row .basket-actions.open li:not(.hidden){display: block; background: #fff; position: relative; z-index: 10; border-left: 2px solid #97d2f5; border-right: 2px solid #97d2f5} #basket_items_list .top-row .basket-actions.open li:not(.hidden):last-child{border-bottom: 2px solid #97d2f5} */ #basket_items_list #basket_items{width: 100%; border-collapse: collapse} #basket_items_list #basket_items tr td{vertical-align: middle; background: #fff; border-bottom: 1px solid #f7f7f7} #basket_items_list #basket_items thead{display: none} #basket_items_list #basket_items tbody > tr, #basket_items_list #basket_items tbody > tr > td{height: 49px; padding: 0} #basket_items_list #basket_items tbody > tr > td:first-child{width: 30px; color: #c4c4c4; font-size: 10px; text-align: center} #basket_items_list #basket_items tbody > tr > td > span{display: none} #basket_items_list #basket_items tbody > tr > td.itemphoto{width: 50px} #basket_items_list #basket_items tbody > tr > td.itemphoto .bx_ordercart_photo{width: 50px; height: 49px; background-size: contain; background-position: center center; background-repeat: no-repeat} #basket_items_list #basket_items tbody > tr > td.item{width: 210px; padding-left: 10px} #basket_items_list #basket_items tbody > tr > td.item a{color: #535353; font-size: 14px} #basket_items_list #basket_items tbody > tr > td.manuf{font-size: 12px; width: 100px; text-align: center} #basket_items_list #basket_items tbody > tr > td.quantity input[type=text]{display: inline-block; width: 55px; height: 45px; border: 2px solid #eaeaea; color: #000; text-align: center; font-size: 12px; font-family: "Trebuchet MS"; outline: none} #basket_items_list #basket_items tbody > tr > td.quantity input[type=text].error{color: red} #basket_items_list #basket_items tbody > tr > td.quantity #basket_quantity_control{display: none} #basket_items_list #basket_items tbody > tr > td.quantity .centered{text-align: center} #basket_items_list #basket_items tbody > tr > td.control a i:before{color: #97d2f5; font-size: 16px} #basket_items_list #basket_items tbody > tr > td.price, #basket_items_list #basket_items tbody > tr > td.quantity, #basket_items_list #basket_items tbody > tr > td.custom, #basket_items_list #basket_items tbody > tr > td.control{text-align: center} #basket_items_list #basket_items tbody > tr > td.price input[type=text]{display: inline-block; width: 55px; height: 45px; border: 2px solid #eaeaea; color: #000; text-align: center; font-size: 12px; font-family: "Trebuchet MS"; outline: none} .bx_ordercart_order_pay_right{text-align: right; padding: 18px 0; background: rgb(207, 207, 207)} .bx_ordercart_order_pay_right > .checkout{display: inline-block; vertical-align: middle; width: 113px; height: 34px; background: #97d2f5; text-align: center; line-height: 34px; color: #fff; font-size: 12px; text-transform: lowercase; font-family: "KelsonSans"; font-weight: bold; margin-right: 55px} .bx_ordercart_order_pay_right .bx_ordercart_order_sum{display: inline-table; vertical-align: middle; width: 135px; text-align: left; color: #535353} .bx_ordercart_order_pay_right .bx_ordercart_order_sum td{font-weight: bold; font-size: 12px} #basket_items_list #basket_items #warning_message{text-align: left; padding: 0 10px; color: red; font-size: 14px} #modal-order{width: 100%; height: 100%; border: none} #modal-container .modal.for-personal .top-row{height: 50px; background: rgb(207, 207, 207)} #modal-container .modal.for-personal .top-row .title{background: #f7f7f7; padding-left: 30px; padding-right: 30px; border-right: 1px solid #535353; display: inline-flex} #modal-container .modal.for-personal .top-row .title p{display: inline-block; vertical-align: top; line-height: 50px; text-align: center; color: #535353; font-size: 16px; font-family: "KelsonSans"; font-weight: bold} #modal-container .modal.for-personal .top-row .exit{display: inline-block; vertical-align: middle; line-height: 1; color: #97d2f5; border: 2px solid; font-family: "KelsonSans"; font-weight: bold; font-size: 12px; padding: 5px 10px; margin-left: 25px} #modal-container .modal.for-personal .top-row form{display: flex; align-items: center; gap: 30px} #modal-container .modal.for-personal .top-row form .inputs{margin-left: 20px; align-items: center; display: flex; align-self: center; border: 1px solid #b1b1b1;} #modal-container .modal.for-personal .top-row form input[type=text] {display: inline-block; vertical-align: middle; width: 254px; height: 30px; border: none; outline: none; background: #fff; border-radius: 0; padding-left: 3px;} #modal-container .modal.for-personal .top-row form input[type=submit] { display: inline-block; vertical-align: middle; width: 36px; height: 30px; background: url(/bitrix/templates/radiomarket/images/search-ico.svg) no-repeat center center; background-size: 16px; background-color: #fff; border: none; outline: none; margin-left: -5px; border-radius: 0; cursor: pointer;} #modal-container .modal.for-personal .top-row form label.styled-checkbox input[type=checkbox] + .check-styled{border: 1px solid #b1b1b1;} #modal-container .modal.for-personal .personal-menu{margin-left: 35px; margin-top: 20px} #modal-container .modal.for-personal .personal-menu li{margin-bottom: 15px} #modal-container .modal.for-personal .personal-menu li a, #modal-container .modal.for-personal .personal-menu li span{font-family: "KelsonSans"; color: #000; padding-right: 35px; cursor: pointer; background: url(/bitrix/templates/radiomarket/images/arrow-right.png) no-repeat right center;} #modal-container .modal.for-personal .personal-menu > li > span{} #modal-container .modal.for-personal .personal-menu li.exit{border-top: 1px solid #e3e3e3; padding-top: 15px} #modal-container .modal.for-personal .personal-menu li.exit a, #modal-container .modal.for-personal .personal-menu li.exit span{background: none} #personal-orders{height: 100%} #personal-orders .order-list{height: calc(100% - 50px); overflow: auto;} #personal-orders .order-list .order-item{border-bottom: 1px solid #e3e3e3;} #personal-orders .order-list .order-item:last-of-type{padding-bottom: 10px; margin-bottom: 10px;} #personal-orders .order-list .order-item .order-item-row{width: 100%; display: flex; align-items: center; justify-content: space-between} #personal-orders .order-list .order-item .order-item-row{min-height: 25px} #personal-orders .order-list .order-item .order-item-row:first-child{min-height: 24px} #personal-orders .order-list .order-item.order-grey .order-item-row:first-child{background: #dfdfdf} #personal-orders .order-list .order-item.order-green .order-item-row:first-child{background: #e2efda} #personal-orders .order-list .order-item.order-blue .order-item-row:first-child{background: #ddebf7} #personal-orders .order-list .order-item.order-pink .order-item-row:first-child{background: #fce4d6} #personal-orders .order-list .order-item .order-item-row .order-person{margin-left: 15px;} #personal-orders .order-list .order-item .order-item-row div{padding: 0; box-sizing: border-box; font-size: 14px} #personal-orders .order-list .order-item .order-item-row div:nth-last-child(10){width: 38px; padding-left: 10px} #personal-orders .order-list .order-item .order-item-row div:nth-last-child(9){width: 75px;} #personal-orders .order-list .order-item .order-item-row div:nth-last-child(8){width: 30px;} #personal-orders .order-list .order-item .order-item-row div:nth-last-child(7){width: 20px;} #personal-orders .order-list .order-item .order-item-row div:nth-last-child(6){width: 75px;} #personal-orders .order-list .order-item .order-item-row div:nth-last-child(5){width: 20px;} #personal-orders .order-list .order-item .order-item-row div:nth-last-child(4){width: 75px; text-align: right} #personal-orders .order-list .order-item .order-item-row div:nth-last-child(3){width: 20px;} #personal-orders .order-list .order-item .order-item-row div:nth-last-child(2){width: 270px;} #personal-orders .order-list .order-item .order-item-row div:nth-last-child(1){width: 30px;} #personal-orders .order-list .order-item .order-item-row div:nth-child(1){width: 38px; padding-left: 10px} #personal-orders .order-list .order-item .order-item-row div[colspan="2"]{width: 113px} #personal-orders .order-list .order-item .order-item-row div[colspan="9"]{flex: 1} #personal-orders .order-list .order-item .order-item-row div[colspan="4"]{width:200px} #personal-orders .order-list .order-item .order-item-row .paid{color: #1b8b22} #personal-orders .order-list .order-item .order-item-row div > a{color: inherit} #personal-orders .order-list .order-item .order-item-row div > a:hover, #personal-orders .order-list .order-item .order-item-row div > a[href*="order_print"]{color: #97d2f5} #personal-orders .order-list .order-item .order-item-row .order-id:hover{color: #97d2f5} #personal-orders .order-list .order-item .order-number{font-size: 13px; font-weight: bold; color: #3c3c3c} #personal-orders .order-list .order-item .order-number:hover{color: #97d2f5} #personal-orders .order-list.order-payment .order-item .order-item-row.payment-row div:nth-last-child(2){width: 100px} #personal-orders .order-list.order-payment .order-item .order-item-row.payment-row div:nth-last-child(1){width: 200px; text-align: right} /* #personal-orders .order-item > span{display: table-cell; height: 50px; vertical-align: middle; color: #b1b1b1; background: #efefef} #personal-orders .order-item .order-item-date{width: 85px; text-align: center; font-size: 12px} #personal-orders .order-item .order-item-total{width: 110px; text-align: center; font-weight: bold; font-size: 12px} #personal-orders .order-item .order-item-status{color: #97d2f5; width: 125px; font-weight: bold; text-transform: lowercase; font-size: 13px} #personal-orders .order-item .order-item-action{width: 125px} #personal-orders .order-item .order-item-action a{min-width: 95px; padding: 7px 30px 7px 10px; border: 2px solid; color: #97d2f5; font-family: "KelsonSans"; font-weight: bold; font-size: 12px; background: url(/bitrix/templates/radiomarket/images/arr-down.png) no-repeat right 10px center} #personal-orders .order-item.status-gd > span, #personal-orders .order-item.status-n > span{background: #97d2f5; color: #000} #personal-orders .order-item.status-gd .order-item-date, #personal-orders .order-item.status-gd .order-item-status, #personal-orders .order-item.status-n .order-item-status, #personal-orders .order-item.status-gd .order-item-date{color: #fff} #personal-orders .order-item.status-gd .order-item-action a, #personal-orders .order-item.status-n .order-item-action a{color: #fff; border-color: #fff; background: url(/bitrix/templates/radiomarket/images/arr-down-w.png) no-repeat right 10px center} #personal-orders .order-item.status-f > span{background: #535353; color: #fff} #personal-orders .order-item.status-f .order-item-date{color: #b1b1b1} #personal-orders .order-item.status-f .order-item-status{color: #97d2f5} */ #personal-marks .mymark-item{display: table; width: 100%; border-bottom: 1px solid #f7f7f7; background: #efefef} #personal-marks .mymark-item > span{display: table-cell; vertical-align: middle; height: 50px; color: #000} #personal-marks .mymark-item .mymark-item-mark{width: 30px; text-align: center; position: relative} #personal-marks .mymark-item .mymark-item-mark i{color: #b1b1b1} #personal-marks .mymark-item .mymark-item-date{color: #b1b1b1; width: 80px; text-align: center; font-size: 12px} #personal-marks .mymark-item .mymark-item-action{width: 160px} #personal-marks .mymark-item .mymark-item-action a{color: #fff; font-family: "KelsonSans"; font-weight: bold; font-size: 12px; background: #97d2f5; padding: 7px 12px} #personal-marks .mymark-item .mymark-item-mark .mark-action-div{left: 2px} #modal-container .modal.for-personal #personal-wait .top-row .count{display: inline-block; color: #fffefe; font-size: 12px; margin-left: 20px; width: 23px;; height: 23px; border-radius: 12px; background: #97d2f5; line-height: 23px; text-align: center; vertical-align: middle} #modal-container .modal.for-personal #personal-wait .top-row.second-row{margin-top: 50px} #personal-wait .products-list .product-item{display: table; width: 100%; background: #fff; border-bottom: 1px solid transparent} #personal-wait .products-list .product-item > span{display: table-cell; vertical-align: middle; height: 50px; color: #535353} #personal-wait .products-list .product-item .product-item-number{font-size: 10px; width: 30px; text-align: center} #personal-wait .products-list .product-item .product-item-image{width: 50px} #personal-wait .products-list .product-item .product-item-image img{max-width: 100%; max-height: 100%} #personal-wait .products-list .product-item .product-item-name{font-size: 14px; padding-left: 11px} #personal-wait .products-list .product-item .product-item-manuf{font-size: 12px; width: 65px} #personal-wait .products-list .product-item .product-item-price{font-size: 12px; font-weight: bold; width: 75px} #personal-wait .products-list .product-item .product-item-action{width: 140px} #personal-wait .products-list .product-item .product-item-action a{font-size: 12px; font-family: "KelsonSans"; font-weight: bold; padding: 6px 0; color: #fff; display: block; background: #97d2f5; text-align: center} #personal-wait .products-list .product-item .product-item-del{width: 65px; text-align: center} #personal-wait .products-list .product-item .product-item-del i{color: #97d2f5; font-size: 16px} #personal-wait .notice{margin-top: 20px; padding-left: 30px} #personal-wait .notice p{color: #535353; font-size: 12px; line-height: 1.5} #search-menu{display: none; position: absolute; z-index: 10; background: #535353; left: 0; width: 1150px; text-align: left; top: 0; padding-top: 15px; padding-left: 50px; padding-right: 70px} #search-menu .close{display: inline-block; width: 23px; height: 23px; position: absolute; right: 23px; top: 15px; background: url(/bitrix/templates/radiomarket/images/close-menu.png) no-repeat center center; z-index: 20; cursor: pointer} #search-menu #search-bg{position: absolute; z-index: 1; left: 0; top: 0} #search-menu #search-menu-content{position: relative; z-index: 2} #search-menu #search-menu-content .empty-search-body{padding-bottom: 7px} #search-menu #search-menu-content .empty-search-body + .foot-row{border-top:none} #search-menu #search-menu-content .empty-search{color: #fff; height: 27px; line-height: 27px; font-family: "KelsonSans"; font-weight: bold} #search-menu ul{display: inline-block; vertical-align: top; margin-right: 100px; position: relative} #search-menu ul:last-child{margin-right: 0} #search-menu .arrow-between{display: inline-block; height: 100%; vertical-align: top} #search-menu ul li{white-space: nowrap} #search-menu ul li a{color: #fff; font-family: "KelsonSans"; font-weight: bold; display: inline-block; height: 27px; line-height: 27px} #search-menu ul li i{display: inline-block; width: 16px; height: 15px; background: url(/bitrix/templates/radiomarket/images/arrow-right.png) no-repeat center center; margin-left: 20px; vertical-align: middle} #search-menu ul.active > li > a{color: #262626} #search-menu ul.active > li > i{opacity: 0.4} #search-menu ul.active li.selected > a{color: #97d2f5} #search-menu ul li.hover > a{color: #97d2f5} #search-menu ul li.selected > i{display: none} /* #search-menu ul li > a:hover{color: #97d2f5} */ #search-menu ul li ul{display: none} #search-menu ul > li.selected > ul{display: block; position: absolute; top: 0; left: 100%; padding-left: 100px} #search-menu .top-row{line-height: 60px; border-bottom: 2px solid #3a3a3a; margin-bottom: 20px} #search-menu .top-row p{color: #262626; font-family: "KelsonSans"; font-size: 14px} #search-menu .body{padding-bottom: 20px} #search-menu .foot-row{line-height: 55px; border-top: 2px solid #3a3a3a} #search-menu .foot-row a{color: #fff; font-size: 14px; font-family: "KelsonSans"; font-weight: bold} #search-menu .foot-row a.selected, #search-menu .foot-row a:hover{color: #97d2f5} .catalog-section .data-table .table-header .wrap .mini-popup{bottom: auto; left: 0; right: 0; width: 100%; top: 48px; height: auto; position: absolute; text-align: left; color: #fff; z-index: 99; background: rgb(83, 83, 83); padding: 0} .mini-popup .filter{padding: 0 20px} .mini-popup .filter .left-side{float: left; width: 720px; /* background: #535353; */ padding-right: 0px; margin-right: 20px} .mini-popup .loading{background: url(/bitrix/templates/radiomarket/images/loading.svg) no-repeat center center; background-size: 100px; height: 400px} /* .mini-popup .filter.filter-price .left-side, .mini-popup .filter.filter-nal .left-side{width: 754px; padding-right: 10px} */ .mini-popup .filter .left-side .body{background: rgb(60, 60, 60); padding: 20px 0 20px 20px; min-height: 270px; max-height: 270px; overflow-y: auto} .mini-popup .filter .left-side .body.for-range{padding-right: 20px; overflow: hidden} .mini-popup .filter .mCSB_inside > .mCSB_container{margin-right: 0} .mini-popup .filter .mCSB_scrollTools{right: 7px} .mini-popup .filter.filter-price .left-side .body{padding: 45px 35px 20px} .mini-popup .filter .descr-side{float: left; padding-left: 20px; width: 316px} .mini-popup .filter .descr-side .mCSB_scrollTools .mCSB_draggerRail{background: rgb(107, 107, 107)} .mini-popup .filter .descr-side .mCSB_inside > .mCSB_container{margin-right: 20px; color: #fff} .mini-popup .filter .descr-side .mCSB_inside > .mCSB_scrollTools{right: 0px} .mini-popup .filter .descr-side .top-row{display: table-cell; vertical-align: middle; line-height: 1} .mini-popup .filter .descr-side .body{color: #2b2b2b; position: relative} .mini-popup .filter .descr-side .body .descr{color: #fff; height: 190px} .mini-popup .filter .descr-side .body .descr-inner{max-height: 190px; overflow: auto} .mini-popup .filter .descr-side .btn-row .filter-btn{margin-left: 0} .mini-popup .filter .descr-side .body .autofilter{padding-top: 20px; color: #fff} .mini-popup .filter .descr-side .body .autofilter span{color: #97d2f5} .mini-popup .filter .descr-side .autofilter-block{height: 126px; margin-top: 12px; padding-top: 12px} .mini-popup .filter .descr-side .autofilter-block.with-border{border-top: 1px solid rgb(107, 107, 107)} .mini-popup .filter .descr-side .autofilter-block p.autofilter{height: 56px} .mini-popup .filter .left-side .body .selected-item{padding-top: 10px} .mini-popup .filter .right-side{float: left; width: 270px; padding-left: 0px} .mini-popup .filter .right-side .selected-filter{background: rgb(107, 107, 107); padding: 20px 0 20px 20px; min-height: 270px; max-height: 270px; position: relative; overflow: visible} .mini-popup .filter .right-side .selected-filter ul{max-height: 232px; overflow-y: auto} .mini-popup .filter .right-side .selected-filter.need-empty ul{height: 210px; margin-bottom: 10px} .mini-popup .filter .right-side .selected-filter ul li .long-name{color: #828282; margin-left: 10px} .mini-popup .filter .right-side .selected-filter > label{cursor: pointer} .mini-popup .filter .right-side .selected-filter > label:hover{color: #97d2f5} .mini-popup .filter label{font-size: 14px; margin-bottom: 5px; display: inline-block} .mini-popup .filter label input[type=checkbox], .mini-popup .filter label input[type=radio]{display: none} .mini-popup .filter label input[type=checkbox] + .radio-styled, .mini-popup .filter label input[type=radio] + .radio-styled{display: inline-block; width: 10px; height: 10px; border-radius: 5px; background: #535353; margin-right: 5px; vertical-align: middle} .mini-popup .filter label input[type=checkbox]:checked + .radio-styled, .mini-popup .filter label input[type=radio]:checked + .radio-styled{background: transparent; border: 3px solid #97d2f5} .mini-popup .filter .top-row{height: 60px; line-height: 60px} .mini-popup .filter .top-row p{display: inline-block; font-size: 14px; font-family: "KelsonSans"; font-weight: bold; padding-left: 38px; padding-right: 25px} .mini-popup .filter .top-row input{display: inline-block; vertical-align: middle; width: 150px; margin-right: 15px; height: 25px; border: none; background: url(/bitrix/templates/radiomarket/images/search-ico.svg) no-repeat right 5px center / auto 16px #fff; padding-left: 10px; padding-right: 25px; outline: none; color: #000} .mini-popup .filter.filter-manuf .top-row input{width: 180px} .mini-popup .filter .top-row ::-webkit-input-placeholder {color:rgb(153, 153, 153); font-family: "KelsonSans"; font-weight: normal; font-size: 12px} .mini-popup .filter .top-row ::-moz-placeholder {color:rgb(153, 153, 153); font-family: "KelsonSans"; font-weight: normal; font-size: 12px}/* Firefox 19+ */ .mini-popup .filter .top-row :-moz-placeholder {color:rgb(153, 153, 153); font-family: "KelsonSans"; font-weight: normal; font-size: 12px}/* Firefox 18- */ .mini-popup .filter .top-row :-ms-input-placeholder {color:rgb(153, 153, 153); font-family: "KelsonSans"; font-weight: normal; font-size: 12px} .mini-popup .filter .top-row span:not(.selected-text){display: inline-block; margin: 0 25px; font-size: 14px; font-family: "KelsonSans"; font-weight: bold} .mini-popup .filter .top-row .select-styled{vertical-align: middle; margin-right: 15px} .mini-popup .filter .top-row .select-styled .selected-text{width: 150px!important; background-color: #fff; color: #000; font-weight: normal; font-size: 12px; line-height: 26px; background-position: right 10px center} .mini-popup .filter .top-row .select-styled .selected-text.initial{color:rgb(153, 153, 153)} .mini-popup .filter .top-row .select-styled ul.show{background: rgb(107, 107, 107); left: 0; z-index: 3; margin-top: -1px} .mini-popup .filter .top-row .select-styled ul.show li{background: none; color: #fff; font-weight: normal} .mini-popup .filter .top-row .select-styled ul.show li:hover, .mini-popup .filter .top-row .select-styled ul.show li.selected{background: none; color: #97d2f5} .mini-popup .filter .btn-row{height: 70px; line-height: 70px} .mini-popup .filter .btn-row .filter-btn{display: inline-block; color: #fff; font-size: 14px; font-family: "KelsonSans"; font-weight: bold; background: rgb(60,60,60); height: 34px; line-height: 35px; padding: 0 20px; margin-left: 25px; cursor: pointer} .mini-popup .filter .btn-row .autofilter-btn{background: #97d2f5} .mini-popup .filter .btn-row .actions-text{color: #fff; font-size: 14px; margin-left: 35px} .mini-popup .filter .btn-row .action-btn{color: #fff; font-size: 14px; border-bottom: 1px solid; cursor: pointer} .mini-popup .filter .btn-row .action-btn.active{color: #97d2f5} .mini-popup .filter .btn-row input[type=submit]{background: #97d2f5; color: #fff; font-family: "KelsonSans"; font-weight: bold; font-size: 14px; padding: 0 20px; border: none; outline: none; margin-left: 25px; line-height: 35px; height: 34px} .mini-popup .filter .btn-row .sort-row{float: right} .mini-popup .filter .for-range .irs-line, .mini-popup .filter .for-range .irs-bar{height: 3px; top: 20px} .mini-popup .filter .for-range .irs-line-mid, .mini-popup .filter .for-range .irs-line-left, .mini-popup .filter .for-range .irs-line-right{height: 3px; background: #535353} .mini-popup .filter .for-range .irs-line-left{left: 4px} .mini-popup .filter .for-range .irs-line-right{right: 4px} .mini-popup .filter .for-range .irs-bar{background: #97d2f5} .mini-popup .filter .for-range .irs-slider{width: 10px; height: 10px; background: #97d2f5; border-radius: 5px; cursor: pointer} /* .mini-popup .filter .for-range .irs-slider:hover:before{content: ""; display: inline-block; position: absolute; width: 18px; height: 18px; left: -4px; top: -4px; border-radius: 9px; border: 2px solid #97d2f5; opacity: 0.2} */ .mini-popup .filter .for-range .irs-bar:hover ~ .irs-slider:before{content: ""; display: inline-block; position: absolute; width: 18px; height: 18px; left: -4px; top: -4px; border-radius: 9px; border: 2px solid #97d2f5; opacity: 0.2} .mini-popup .filter .for-range .irs-bar:hover:before{content: ""; display: inline-block; position: absolute; left: 0; top: -4px; right: 0; bottom: -4px; border-radius: 9px; border: 2px solid #97d2f5; opacity: 0.2} .mini-popup .filter .for-range .irs-grid{top: 50%; margin-top: -10px} .mini-popup .filter .for-range .irs-grid-text {font-size: 11px; color: #b0b0b0; bottom: -8px} .mini-popup .filter .for-range .irs-grid-text.selected:after{content: ""; position: absolute; border: 7px solid transparent; left: 50%; bottom: -10px; border-bottom: 7px solid #97d2f5; margin-left: -7px} .mini-popup .filter .for-range .irs-grid-pol{background: #535353; height: 30px; width: 2px; margin-top: -14px} .mini-popup .filter .for-range .irs-grid-pol.small{height: 15px; margin-top: -6.5px} .mini-popup .filter .for-range .irs-from, .mini-popup .filter .for-range .irs-to, .mini-popup .filter .for-range .irs-single{top: -10px; font-size: 11px} .mini-popup .filter .for-range .noUi-target{border: none; border-radius: 0; background: none; height: 3px} .mini-popup .filter .for-range .noUi-connects{background: #535353; overflow: visible} .mini-popup .filter .for-range .noUi-connect{background: #97d2f5} .mini-popup .filter .for-range .noUi-connect.hover:before{content: ""; display: inline-block; position: absolute; left: 0; top: -4px; right: 0; bottom: -4px; border-radius: 9px; border: 2px solid #97d2f5; opacity: 0.2} .mini-popup .filter .for-range .noUi-handle{width: 10px; height: 10px; background: #97d2f5; border-radius: 5px; border: none; top: -3px; outline: none; box-shadow: none} .mini-popup .filter .for-range .noUi-handle:before, .mini-popup .filter .for-range .noUi-handle:after{display: none} .mini-popup .filter .for-range .noUi-origin.hover .noUi-handle:before{content: ""; display: inline-block; position: absolute; width: 18px; height: 18px; left: -4px; top: -4px; border-radius: 9px; border: 2px solid #97d2f5; opacity: 0.2; background: none} html:not([dir="rtl"]) .mini-popup .filter .for-range .noUi-horizontal .noUi-handle{right: -5px} .mini-popup .filter .for-range .noUi-tooltip{background: rgba(0,0,0,0.3); color: #fff; line-height: 1.333; font-size: 11px; border: none; padding: 1px 5px} .mini-popup .filter .for-range .noUi-marker-horizontal.noUi-marker{height: 15px; background: #535353; margin-top: -9px} .mini-popup .filter .for-range .noUi-marker-horizontal.noUi-marker-large{height: 30px; margin-top: -16px} .mini-popup .filter .for-range .noUi-pips-horizontal{padding: 0} .mini-popup .filter .for-range .noUi-value-horizontal{margin-top: 12px} .mini-popup .filter .for-range > ul{margin-top: 40px; display: flex; flex-direction: column; height: 105px; flex-wrap: wrap; align-content: flex-start; overflow: hidden} .mini-popup .filter .for-range ul li{display: inline-block; vertical-align: top; margin-right: 20px} .mini-popup .filter .for-range > ul + p{font-size: 14px; margin-top: 20px} .catalog-section .data-table .table-header .section-name .icons{position: relative; z-index: 10} .catalog-section .data-table .icon.icon-video.active{position: relative} /* .catalog-section .data-table .icon.icon-video.active:before{content: ""; display: block; width: 0; height: 0; border-bottom: 50px solid #535353; border-left: 20px solid transparent; position: absolute; left: -20px; top: -2px} */ .catalog-section .data-table .icon.icon-video.active:after{content: ""; position: absolute; left: 0px; top: -1px; width: 63px; background: #535353; display: inline-block; height: 50px; z-index: -1} .mini-popup .filter .left-side .body ul li.hidden{display: none} .mini-popup .filter .left-side .body ul li .name, .mini-popup .filter .right-side .selected-filter li .name{cursor: pointer} .mini-popup .filter .left-side .body ul li:hover .name, .mini-popup .filter .right-side .selected-filter li:hover .name{color: #97d2f5!important} /* .mini-popup .filter.filter-manuf .left-side .body{width: calc(100% - 270px); position: relative; overflow: visible} .mini-popup .filter.filter-manuf .left-side .body ul{max-height: 232px; overflow-y: auto} .mini-popup .filter.filter-manuf .left-side .body ul li label{display: block} .mini-popup .filter.filter-manuf .left-side .body ul li .name{width: calc(100% / 3 - 15px); display: inline-block} .mini-popup .filter.filter-manuf .left-side .body ul li .long-name{width: calc(2 * 100% / 3);; float: right; color: #828282} .mini-popup .filter.filter-manuf .left-side .body .for-image{position: absolute; top: 0; left: 100%; width: 270px; height: 270px; display: table-cell; text-align: center; vertical-align: middle; background: #fff} .mini-popup .filter.filter-manuf .left-side .body .for-image img{max-width: 270px; max-height: 270px} .mini-popup .filter.filter-korpus .left-side .body{width: calc(100% - 270px); position: relative; overflow: visible} .mini-popup .filter.filter-korpus .left-side .body ul{max-height: 232px; overflow-y: auto} .mini-popup .filter.filter-korpus .left-side .body ul li label{display: block; height: 16px} .mini-popup .filter.filter-korpus .left-side .body ul li .name{width: 145px; display: inline-block} .mini-popup .filter.filter-korpus .left-side .body ul li .long-name{width: 240px; display: inline-block; vertical-align: middle; color: #828282; overflow: hidden; white-space: nowrap} .mini-popup .filter.filter-korpus .left-side .body .for-image{position: absolute; top: 0; left: 100%; width: 270px; height: 270px; display: table-cell; text-align: center; vertical-align: middle; background: #fff} .mini-popup .filter.filter-korpus .left-side .body .for-image img{max-width: 270px; max-height: 270px} */ .mini-popup .filter.filter-with-img .left-side .body{width: calc(100% - 270px); position: relative; overflow: visible} .mini-popup .filter.filter-with-img .left-side .body ul{max-height: 232px; overflow-y: auto} .mini-popup .filter.filter-with-img .left-side .body ul li label{display: block; height: 16px} .mini-popup .filter.filter-with-img .left-side .body ul li .name{width: 145px; display: inline-block} .mini-popup .filter.filter-with-img .left-side .body ul li .name br, .mini-popup .filter .right-side .selected-filter li .name br{content: ""; display: inline-block; width: 5px} .mini-popup .filter.filter-with-img .left-side .body ul li .long-name{width: 245px; display: inline-block; vertical-align: middle; color: #828282; overflow: hidden; white-space: nowrap} .mini-popup .filter.filter-with-img .left-side .body .for-image{position: absolute; top: 0; left: 100%; width: 270px; height: 270px; display: table-cell; text-align: center; vertical-align: middle; background: #fff} .mini-popup .filter.filter-with-img .left-side .body .for-image img{max-width: 270px; max-height: 270px} .mini-popup .filter.filter-with-img .left-side .body .for-image img[src$="svg"]{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%} .mini-popup .filter.filter-1_stolbets .left-side .body ul li .name{width: 390px} .mini-popup .filter.filter-_number .left-side .body{margin-right: 58px} .mini-popup .filter.filter-_number .descr-side .body{min-height: 220px} .mini-popup .filter.filter-_text .left-side .body{width: 380px; position: relative; overflow: visible; min-height: 270px} .mini-popup .filter.filter-_text .left-side .body ul{max-height: 247px; /* overflow: auto */} .mini-popup .filter.filter-_text .left-side .body .for-image{position: absolute; top: 0; left: 100%; width: 270px; height: 270px; display: table-cell; text-align: center; vertical-align: middle} .mini-popup .filter.filter-_text .left-side .body .for-image img{max-width: 270px; max-height: 270px} .mini-popup .filter.filter-_number_long .left-side .body, .mini-popup .filter.filter-_range_number .left-side .body{background: none; padding: 0} .mini-popup .filter.filter-_number_long .left-side .body ul, .mini-popup .filter.filter-_range_number .left-side .body ul{background: #3c3c3c; padding: 19px; min-width: 200px; display: inline-block; vertical-align: top; max-height: 230px; overflow: auto; margin-right: 30px} .mini-popup .filter.filter-_number_long .left-side .body ul:last-child, .mini-popup .filter.filter-_range_number .left-side .body ul:last-child{margin-right: 0} .mini-popup .filter.filter-_number_long .left-side .body .for-range-input input, .mini-popup .filter.filter-_range_number .left-side .body .for-range-input input{display: inline-block; width: 165px; height: 25px; border: none; background: #fff; padding-left: 10px; outline: none} .mini-popup .filter.filter-_number_long .left-side .body .for-range-input, .mini-popup .filter.filter-_range_number .left-side .body .for-range-input{margin-bottom: 15px} .mini-popup .filter.filter-_number_long .left-side .body .for-range-input input:first-child, .mini-popup .filter.filter-_range_number .left-side .body .for-range-input input:first-child{margin: 0 264px 0 35px} .mini-popup .filter.filter-_range_text .left-side .body{background: none; padding: 0} .mini-popup .filter.filter-_range_text .left-side .body ul{background: #3c3c3c; padding: 19px; min-width: 200px; display: inline-block; vertical-align: top; max-height: 230px; /* overflow: auto; */margin-right: 30px} .mini-popup .filter.filter-_range_text .left-side .body ul:last-child{margin-right: 0} .mini-popup .filter-2_4_stolbtsa .left-side .body{background: none; padding: 0; margin-right: -20px} .mini-popup .filter-2_4_stolbtsa .left-side .body ul{float: left; background: rgb(60, 60, 60); padding: 20px 0 20px 20px; margin-right: 20px; max-height: 270px; height: 270px; overflow-y: auto} .mini-popup .filter-1_4_search .left-side .top-row{margin-right: -20px; padding-top: 18px;} .mini-popup .filter-1_4_search .left-side .top-row input{margin-right: 20px; float: left} .mini-popup .filter-1_4_search .left-side .body{background: none; padding: 0; margin-right: -20px} .mini-popup .filter-1_4_search .left-side .body ul{float: left; background: rgb(60, 60, 60); padding: 20px 0 20px 20px; margin-right: 20px; max-height: 270px; height: 270px; overflow-y: auto} .select-styled{display: inline-block; max-width: 100%; position: relative; height: 25px; line-height: 1} .select-styled select{display: none} .select-styled ul{margin: 0; padding: 0; list-style: none; display: inline-block; box-sizing: border-box; font-size: 14px} .select-styled ul.hidden{display: none; position: absolute; height: 0} .select-styled ul.show{position: absolute; left: 25px; top: 100%; padding: 13px 0 10px 0; margin-top: -13px; z-index: 5; overflow: hidden; box-sizing: content-box} .select-styled ul.show li{display: block; padding: 3px 47px 3px 17px; cursor: pointer; white-space: nowrap; font-family: "KelsonSans"; font-weight: bold; color: #97d2f5; background: #3c3c3c;cursor: pointer} .select-styled ul.show li:hover, .select-styled ul.show li.selected{background: #aaa; color: #fff} .select-styled ul.show.long{width: 295px!important; border-top-right-radius: 23px} .select-styled ul.show.long:before{content: ""; position: absolute; border-top: 1px solid #ddd; right: 15px; left: 96px; top: 0} .select-styled ul.show.long li{float: left; padding: 3px 0 3px 15px; min-width: 73px} .select-styled .selected-text {display: block; max-width: 100%; box-sizing: border-box; height: 25px; line-height: 25px; padding: 0 47px 0 17px; position: relative; background: url(/bitrix/templates/radiomarket/images/arr-down.png) no-repeat right 20px center; background-size: 15px 16px; background-color: #3c3c3c; cursor: pointer; position: relative; z-index: 4; color: #97d2f5; font-size: 14px; font-family: "KelsonSans"; font-weight: bold; white-space: nowrap} .select-styled .selected-text:hover{} .select-styled .selected-text.active{background: url(/bitrix/templates/radiomarket/images/arr-up.png) no-repeat right 20px center; background-color: #3c3c3c; background-size: 15px 16px} /*marks*/ .catalog-section .data-table .item-row .item-mark .mini-popup{width: 1170px; box-shadow: 3px 3px 6px -2px} .catalog-section .data-table .item-row .item-mark .mini-popup.for-actions{width: auto; min-width: 245px; padding-right: 55px} .catalog-section .data-table .item-row .item-mark .mini-popup .marks-list > li{display: block; float: left; margin-right: 19px; width: calc(20% - 19px)} .catalog-section .data-table .item-row .item-mark .mini-popup .marks-list > li ul li{position: relative; line-height: 18px; margin-bottom: 2px; color: #3c3c3c; opacity: 0.6; cursor: pointer; width: auto; height: auto; display: block; white-space: nowrap} .catalog-section .data-table .item-row .item-mark .mini-popup .marks-list > li ul li input{outline: none; border: 1px solid #ddd; width: 147px} .catalog-section .data-table .item-row .item-mark .mini-popup .marks-list > li ul li .mark{vertical-align: middle; margin-right: 11px} .catalog-section .data-table .item-row .item-mark .mini-popup .marks-list > li ul li .mark + span, .catalog-section .data-table .item-row .item-mark .mini-popup .current-mark-list > li .mark + span{display: inline-block; position: relative} .catalog-section .data-table .table-header .item-mark .mini-popup .marks-list > li .mark + span .mark-count, .catalog-section .data-table .item-row .item-mark .mini-popup .current-mark-list > li .mark + span .mark-count{margin-left: 3px; display: inline-block; width: 35px} .catalog-section .data-table .item-row .item-mark .mini-popup .marks-list > li ul li .mark + span .edit-mark, .catalog-section .data-table .item-row .item-mark .mini-popup .current-mark-list > li .mark + span .edit-mark{display: inline-block; width: 16px; height: 16px; cursor: pointer; background-size: auto 100%; vertical-align: middle; position: absolute; right: 19px; top: 50%; margin-top: -8px; display: none; margin-right: 0} .catalog-section .data-table .item-row .item-mark .mini-popup .marks-list > li ul li .mark + span input + .edit-mark, .catalog-section .data-table .item-row .item-mark .mini-popup .current-mark-list > li .mark + span input + .edit-mark{right: auto; left: 100%} .catalog-section .data-table .item-row .item-mark .mini-popup .current-mark-list > li .mark + span input{outline: none; border: 1px solid #ddd; width: 147px} .catalog-section .data-table .item-row .item-mark .mini-popup .marks-list > li ul li .mark + span:hover .mark-count, .catalog-section .data-table .item-row .item-mark .mini-popup .current-mark-list > li .mark + span:hover .mark-count{opacity: 0} .catalog-section .data-table .item-row .item-mark .mini-popup .marks-list > li ul li .mark + span:hover .mark-edit, .catalog-section .data-table .item-row .item-mark .mini-popup .current-mark-list > li .mark + span:hover .mark-edit{display: block} .catalog-section .data-table .item-row .item-mark .mini-popup .marks-list > li ul li .mark + span .edit-mark.show, .catalog-section .data-table .item-row .item-mark .mini-popup .current-mark-list > li .mark + span .edit-mark.show{display: block} .catalog-section .data-table .item-row .item-mark .mini-popup .marks-list > li ul li.added, .catalog-section .data-table .item-row .item-mark .mini-popup .marks-list > li ul li:hover{opacity: 1} .catalog-section .data-table .item-mark .mark0{background: url(/bitrix/templates/radiomarket/images/mark0.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark1{background: url(/bitrix/templates/radiomarket/images/mark1.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark2{background: url(/bitrix/templates/radiomarket/images/mark2.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark3{background: url(/bitrix/templates/radiomarket/images/mark3.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark4{background: url(/bitrix/templates/radiomarket/images/mark4.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark5{background: url(/bitrix/templates/radiomarket/images/mark5.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark6{background: url(/bitrix/templates/radiomarket/images/mark6.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark7{background: url(/bitrix/templates/radiomarket/images/mark7.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark8{background: url(/bitrix/templates/radiomarket/images/mark8.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark9{background: url(/bitrix/templates/radiomarket/images/mark9.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark10{background: url(/bitrix/templates/radiomarket/images/mark10.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark11{background: url(/bitrix/templates/radiomarket/images/mark11.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark12{background: url(/bitrix/templates/radiomarket/images/mark12.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark13{background: url(/bitrix/templates/radiomarket/images/mark13.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark14{background: url(/bitrix/templates/radiomarket/images/mark14.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark15{background: url(/bitrix/templates/radiomarket/images/mark15.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark16{background: url(/bitrix/templates/radiomarket/images/mark16.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark17{background: url(/bitrix/templates/radiomarket/images/mark17.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark18{background: url(/bitrix/templates/radiomarket/images/mark18.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark19{background: url(/bitrix/templates/radiomarket/images/mark19.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark-compare{background: url(/bitrix/templates/radiomarket/images/mark-compare.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark-tocart{background: url(/bitrix/templates/radiomarket/images/mark-tocart.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark-toemail{background: url(/bitrix/templates/radiomarket/images/mark-toemail.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark-deleteall{background: url(/bitrix/templates/radiomarket/images/mark-deleteall.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark-delete{background: url(/bitrix/templates/radiomarket/images/mark-delete.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark-edit{background: url(/bitrix/templates/radiomarket/images/mark-edit.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark-save{background: url(/bitrix/templates/radiomarket/images/mark-save.svg) no-repeat center center; width: 16px; height: 16px; display: inline-block; margin-left: -20px} .catalog-section .data-table .item-mark .mark-edit:hover{background: url(/bitrix/templates/radiomarket/images/mark-edit-h.svg) no-repeat center center} .catalog-section .data-table .item-mark .mark-save:hover{background: url(/bitrix/templates/radiomarket/images/mark-save-h.svg) no-repeat center center} .mark-action-div{position: absolute; display: inline-block; /* padding: 5px; */ border-radius: 15px; background: #fff; z-index: 29; box-shadow: 1px 1px 5px; box-shadow: 3px 3px 6px -2px; top: 50%; left: -5px; margin-top: 1px; white-space: nowrap; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mark-action-div.mark-add{padding: 0} .mark-action-div.mark-add .actions{margin-left: 0; width: 31px; text-align: center} /* .catalog-section .data-table .item-mark .mark.open{padding: 5px; height: 31px; line-height: 21px; width: 31px; text-align: center; vertical-align: middle} */ .mark-action-div.mark-add.new{border-radius: 0px; box-shadow: none; background: transparent; margin-top: 0; height: 16px; line-height: 16px; left: 0} .mark-action-div.mark-add.new.mark-hover{margin-top: -1px} .catalog-section .data-table .item-mark .mark-action-div.mark-add.new .mark.open{width: 16px; height: 16px; padding: 0; line-height: 1} .catalog-section .data-table .item-mark .mark-action-div.mark-add.new .mark.open.for-delete:hover{color: #595651} .catalog-section .data-table .item-mark .mark-action-div.mark-add.new .mark.open.for-delete:after{content: ""; position: absolute; left: -1px; top: -1px; width: 18px; height: 18px; background: url(/bitrix/templates/radiomarket/images/close-detail-blue.png) no-repeat center center; cursor: pointer; background-size: 100%} .catalog-section .data-table .item-mark .mark.open.for-delete:hover{color: #595651} .catalog-section .data-table .item-mark .mark.open.for-delete:after{content: ""; position: absolute; left: -2px; top: -1px; width: 18px; height: 18px; background: url(/bitrix/templates/radiomarket/images/close-detail-blue.png) no-repeat center center; cursor: pointer; background-size: 100%} .mark-action-div > .mark:hover{color: #97d2f5} .mark-action-div .actions{display: inline-block; vertical-align: middle; margin-left: 13px; height: 31px} .mark-action-div .actions .mark{margin-right: 10px} .mark-action-div .actions .mark:hover{color: #97d2f5} .catalog-section .data-table .item-mark .mini-popup.marks{position: absolute; z-index: 999; background: #535353; left: 0; top: 0; right: auto; bottom: auto; padding-left: 17px; padding-top: 15px; width: 630px; padding-bottom: 10px} .catalog-section .data-table .item-mark .mini-popup.marks .close{background: url(/bitrix/templates/radiomarket/images/close-menu.png) no-repeat center center; cursor: pointer} /* .catalog-section .data-table .item-mark .mini-popup.marks:before{content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 8px; border: 2px solid #b1b1b1; box-sizing: border-box; position: absolute; left: 15px; top: 15px} */ .catalog-section .data-table .item-mark .mini-popup.marks #mini-popup-bg{position: absolute; z-index: -1; left: 0; top: 0} .catalog-section .data-table .item-mark .mini-popup.marks ul{display: inline-block; vertical-align: top; margin-right: 85px} .catalog-section .data-table .item-mark .mini-popup.marks ul li{text-align: left; margin-bottom: 5px; white-space: nowrap; cursor: pointer} .catalog-section .data-table .item-mark .mini-popup.marks ul li i:before, .catalog-section .data-table .item-mark .mini-popup.marks ul li i{color: #fff; font-size: 14px} .catalog-section .data-table .table-header .wrap > div.item-mark .mini-popup.marks ul li i{color: #fff; vertical-align: middle} .catalog-section .data-table .table-header .wrap > div.item-mark .mini-popup.marks ul li i + span{vertical-align: middle} .catalog-section .data-table .table-header .wrap > div.item-mark .mini-popup.marks ul li input{outline: none; padding-right: 20px; width: 240px} .catalog-section .data-table .table-header .wrap > div.item-mark .mini-popup.marks ul li > i.icon-mark-current{background: url(/bitrix/templates/radiomarket/images/current-ico-w.png) no-repeat center center; background-size: 100%; width: 14px; height: 14px} .catalog-section .data-table .table-header .wrap > div.item-mark .mini-popup.marks ul li > i.icon-mark-current:before, .catalog-section .data-table .table-header .wrap > div.item-mark .mini-popup.marks ul li > i.icon-mark-edit:before{content: none} .catalog-section .data-table .table-header .wrap > div.item-mark .mini-popup.marks ul li:hover > i.icon-mark-current{background: url(/bitrix/templates/radiomarket/images/current-ico-h.png) no-repeat center center; background-size: 100%} .catalog-section .data-table .table-header .wrap > div.item-mark .mini-popup.marks ul li > i.icon-mark-edit{background: url(/bitrix/templates/radiomarket/images/edit-ico-w.png) no-repeat center center; background-size: 100%; width: 14px; height: 14px} .catalog-section .data-table .table-header .wrap > div.item-mark .mini-popup.marks ul li:hover > i.icon-mark-edit{background: url(/bitrix/templates/radiomarket/images/edit-ico-h.png) no-repeat center center; background-size: 100%} .catalog-section .data-table .table-header .wrap > div.item-mark .mini-popup.marks .mark-info{position: absolute; right: 17px; bottom: 15px;} .catalog-section .data-table .table-header .wrap > div.item-mark .mini-popup.marks .mark-info:hover{color: #98d3f5} .catalog-section .data-table .item-mark .mini-popup.marks ul li.selected > i:before, .catalog-section .data-table .item-mark .mini-popup.marks ul li.selected > i, .catalog-section .data-table .item-mark .mini-popup.marks ul li.selected > span{color: #98d3f5!important} .catalog-section .data-table .table-header .wrap > div.item-mark .mini-popup.marks ul ul li.selected i{color: #97d2f5} .catalog-section .data-table .item-mark .mini-popup.marks ul li.not-selected > i:before, .catalog-section .data-table .item-mark .mini-popup.marks ul li.not-selected > i, .catalog-section .data-table .item-mark .mini-popup.marks ul li.not-selected > span{color: #000} .catalog-section .data-table .item-mark .mini-popup.marks ul.active > li > span, .catalog-section .data-table .item-mark .mini-popup.marks ul.active > li > span span{color: #262626!important} .catalog-section .data-table .item-mark .mini-popup.marks ul.active > li > i{opacity: 0.4} .catalog-section .data-table .item-mark .mini-popup.marks ul.active li.selected > span, .catalog-section .data-table .item-mark .mini-popup.marks ul.active li.selected > span span{color: #97d2f5!important} .catalog-section .data-table .item-mark .mini-popup.marks ul.active li.selected > i{opacity: 1} .catalog-section .data-table .table-header .wrap > div.item-mark .mini-popup.marks ul li.not-selected i{color: #000} .catalog-section .data-table .item-mark .mini-popup.marks ul li span{color: #fff; font-size: 14px} .catalog-section .data-table .item-mark .mini-popup.marks > ul > li:not(.added) > span{color: #aaa} .catalog-section .data-table .item-mark .mini-popup.marks ul li ul li span{margin-left: 4px} .catalog-section .data-table .item-mark .mini-popup.marks ul{position: relative} .catalog-section .data-table .item-mark .mini-popup.marks ul.marks-list{width: 270px} .catalog-section .data-table .item-mark .mini-popup.marks ul li ul{display: none} .catalog-section .data-table .item-mark .mini-popup.marks ul li.selected ul{display: block; position: absolute; left: 100%; top: 0; margin-left: 125px; margin-right: 0} #search-menu ul{display: inline-block; vertical-align: top; margin-right: 100px; position: relative} #search-menu ul:last-child{margin-right: 0} #search-menu .arrow-between{display: inline-block; height: 100%; vertical-align: top} #search-menu ul li{white-space: nowrap} #search-menu ul li a{color: #fff; font-family: "KelsonSans"; font-weight: bold; display: inline-block; height: 27px; line-height: 27px} #search-menu ul li i{display: inline-block; width: 16px; height: 15px; background: url(/bitrix/templates/radiomarket/images/arrow-right.png) no-repeat center center; margin-left: 20px; vertical-align: middle} #search-menu ul.active > li > a{color: #262626} #search-menu ul.active > li > i{opacity: 0.4} #search-menu ul.active li.selected > a{color: #97d2f5} #search-menu ul li.hover > a{color: #97d2f5} #search-menu ul li.selected > i{display: none} /*marks*/ .current-mark-list > li{white-space: nowrap; line-height: 18px; margin-bottom: 2px} .current-mark-list > li i{margin-right: 11px; text-align: center} .current-mark-list > li ul{margin-left: 16px; margin-top: 3px} .current-mark-list > li ul li{cursor: pointer} .current-mark-list > li ul li:hover span{color: #97d2f5} .current-mark-list > li span.mark-name-editable{height: 19px; display: inline-block; cursor: default} .current-mark-list > li span.mark-name-editable input{outline: none} .catalog-section .data-table .item-row .item-mark .mini-popup{border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1} .detail-item .top-tabs li[data-tab='tab-main'] + li[data-tab='tab-print']{border-right: none;text-align: right; width: 415px} .detail-item .top-tabs li[data-tab='tab-main'] + li[data-tab='tab-print'] span{margin-right: 19.2%} .btn[data-use*="show-more"]{display: none} .bx-soa-empty-cart-container:before {content: ""; display: table} .bx-soa-empty-cart-image{width:131px; height:116px; margin:50px auto 42px; background:url(/bitrix/templates/radiomarket/images/empty_cart.svg) no-repeat center; -webkit-background-size:contain; background-size:contain} .bx-soa-empty-cart-text{font-size:36px; text-align:center; color:#bababa; margin-bottom:42px} .bx-soa-empty-cart-desc{text-align:center; color:#000; font-size:16px; margin-bottom:42px} #cart-to-email input[type=email]{border: 1px solid #ddd} .order-block{clear: both; margin-bottom: 40px;} .order-block h3{margin: 0; text-transform: uppercase; padding: 20px 0 20px 10px; font-size: 14px} .order-block .order-profiles, .order-block .order-person-types, .order-block .order-delivery-list, .order-block .order-paysystem-list{margin-bottom: 15px} .order-block .styled-radio{display: inline-block; vertical-align: top; margin-right: 15px} .order-block .styled-radio span{display: inline-block; vertical-align: middle} .order-block .styled-radio span.radio-text{max-width: calc(100% - 22px); white-space: nowrap} .order-block#order-props .order-props .prop-group[data-group="2"] .order-prop, .order-block#order-props .order-props .prop-group[data-group="2"] .prop-group-title:not(:first-of-type), .order-block#order-props .order-props .prop-group[data-group="3"] .order-prop, .order-block#order-props .order-props .prop-group[data-group="3"] .prop-group-title{display: none} .order-block#order-props .order-props .prop-group[data-group="2"].show .order-prop, .order-block#order-props .order-props .prop-group[data-group="3"].show .order-prop{display: flex} .order-block#order-props .order-props .prop-group[data-group="2"].show .prop-group-title, .order-block#order-props .order-props .prop-group[data-group="3"].show .prop-group-title{display: block} .order-block#order-props .order-props .order-prop{display: flex; align-items: center; margin-bottom: 15px} .order-block#order-props .order-props .order-prop .order-prop-name{display: inline-block; margin-right: 25px; flex: 0 0 auto} .order-block#order-props .order-props .order-prop input{border: none; height: 30px; flex: 1 0 10px; width: 10px; padding-left: 10px} .order-block#order-props .order-props .order-prop .bx-ui-sls-container input{width: 100%} .order-block#order-props .order-props .order-prop textarea, .order-block#order-comment textarea{border: none; height: 55px; width: 100%; flex: 1; padding: 10px} .order-block#order-props .order-props .order-prop .location, #profile-div.bx-auth-profile .order-prop .location{width: 100%} .order-block#order-props .order-props .order-prop .location .bx-sls .dropdown-block, #profile-div.bx-auth-profile .order-prop .location .bx-sls .dropdown-block{border: none; border-radius: 0; box-shadow: none} .order-block#order-props .order-props .order-prop .location .bx-sls .dropdown-block .bx-ui-sls-pane, #profile-div.bx-auth-profile .order-prop .location .bx-sls .dropdown-block .bx-ui-sls-pane{right: 0; width: 620px; left: auto;} .order-block#order-props .order-props .order-prop .location .bx-sls .bx-ui-sls-container, #profile-div.bx-auth-profile .order-prop .location .bx-sls .bx-ui-sls-container{min-height: 33px} .order-block#order-props .order-props .order-prop .location .bx-sls .bx-ui-sls-container input, #profile-div.bx-auth-profile .order-prop .location .bx-sls .bx-ui-sls-container input{height: 33px} .order-block#order-props .order-props .order-prop.order-prop-name .order-prop-name, .order-block#order-props .order-props .order-prop.order-prop-company_name .order-prop-name, .order-block#order-props .order-props .order-prop.order-prop-address .order-prop-name, .order-block#order-props .order-props .order-prop.order-prop-jr_address .order-prop-name, .order-block#order-props .order-props .order-prop.order-prop-gruz_address .order-prop-name, .order-block#order-props .order-props .order-prop.order-prop-gruz_jr_address .order-prop-name, .order-block#order-props .order-props .order-prop.order-prop-gruz_company_name .order-prop-name, .order-block#order-props .order-props .order-prop.order-prop-phone[data-type="2"] .order-prop-name, .order-block#order-props .order-props .order-prop.order-prop-fio[data-type="2"] .order-prop-name, .order-block#order-props .order-props .order-prop.order-prop-email[data-type="2"] .order-prop-name, .order-block#order-props .order-props .order-prop.order-prop-gruz_phone .order-prop-name, .order-block#order-props .order-props .order-prop.order-prop-bank .order-prop-name, .order-block#order-props .order-props .order-prop.order-prop-contact_fio .order-prop-name, .order-block#order-props .order-props .order-prop.order-prop-contact_phone .order-prop-name, .order-block#order-props .order-props .order-prop.order-prop-gruz_bank .order-prop-name{display: none} .order-block#order-props .order-props .order-prop.order-prop-email, .order-block#order-props .order-props .order-prop.order-prop-phone{width: calc(100% / 2 - 50px / 2); float: left; margin-right: 50px} .order-block#order-props .order-props .order-prop.order-prop-phone{margin-right: 0} .order-block#order-props .order-props .order-prop.order-prop-rs, .order-block#order-props .order-props .order-prop.order-prop-gruz_phone, .order-block#order-props .order-props .order-prop.order-prop-n_dogovor, .order-block#order-props .order-props .order-prop.order-prop-d_dogovor, .order-block#order-props .order-props .order-prop.order-prop-gruz_rs, .order-block#order-props .order-props .order-prop.order-prop-bank_city, .order-block#order-props .order-props .order-prop.order-prop-gruz_bank_city{width: calc(100% / 3 - 50px * 2 / 3); float: left; margin-right: 50px} .order-block#order-props .order-props .order-prop.order-prop-d_dogovor{margin-right: 0; } .order-block#order-props .order-props .order-prop.order-prop-fio, .order-block#order-props .order-props .order-prop.order-prop-contact_phone, .order-block#order-props .order-props .order-prop.order-prop-email{width: calc(100% / 3 - 50px * 2 / 3); float: left; margin-right: 50px} .order-block#order-props .order-props .order-prop.order-prop-email{margin-right: 0;} .order-block#order-props .order-props .order-prop.order-prop-inn, .order-block#order-props .order-props .order-prop.order-prop-kpp, .order-block#order-props .order-props .order-prop.order-prop-gruz_inn, .order-block#order-props .order-props .order-prop.order-prop-gruz_kpp, .order-block#order-props .order-props .order-prop.order-prop-bik, .order-block#order-props .order-props .order-prop.order-prop-ks, .order-block#order-props .order-props .order-prop.order-prop-gruz_bik, .order-block#order-props .order-props .order-prop.order-prop-gruz_ks, .order-block#order-props .order-props .order-prop.order-prop-bank_city, .order-block#order-props .order-props .order-prop.order-prop-rs, .order-block#order-props .order-props .order-prop.order-prop-gruz_bank_city, .order-block#order-props .order-props .order-prop.order-prop-gruz_rs{width: calc(100% / 2 - 25px ); float: left; margin-right: 50px} .order-block#order-props .order-props .order-prop.order-prop-kpp, .order-block#order-props .order-props .order-prop.order-prop-gruz_kpp, .order-block#order-props .order-props .order-prop.order-prop-ks, .order-block#order-props .order-props .order-prop.order-prop-gruz_ks{margin-right: 0;} .order-block#order-props .order-props .order-prop.order-prop-predst_comments{width: 100%; float: left; margin-right: 0} .order-block#order-props .order-props .order-prop.order-prop-bank, .order-block#order-props .order-props .order-prop.order-prop-address, .order-block#order-props .order-props .order-prop.order-prop-jr_address, .order-block#order-props .order-props .order-prop.order-prop-rs, .order-block#order-props .order-props .order-prop.order-prop-gruz_bank, .order-block#order-props .order-props .order-prop.order-prop-gruz_address, .order-block#order-props .order-props .order-prop.order-prop-gruz_jr_address, .order-block#order-props .order-props .order-prop.order-prop-gruz_rs{clear: both} .order-block#order-props .order-props .prop-group-title{clear: both; position: relative; padding: 15px 0} .order-block#order-props .order-props .prop-group-title .title{overflow: hidden} .order-block#order-props .order-props .prop-group-title .title:after{content: ""; display: inline-block; height: 1px; vertical-align: middle; width: 100%; margin-right: -100%; margin-left: 10px; border-top: 1px solid #e3e3e3} .order-block#order-props .order-props .prop-group-title .title p{display: inline-block; vertical-align: middle} .order-block#order-props .order-props .prop-group-title .title .bootstrap-select{width: 160px!important} .delivery-address-label{padding: 0 0 10px 15px;margin-top: -7px;} .order-block .related-props .props{display: none} .order-block .delivery-period br{display: none} .order-block .related-props.courier-delivery{display: block} .order-block .related-props.courier-delivery .courier-delivery-prop{display: flex; flex-wrap: wrap; background: #fff; padding: 5px 5px 5px 15px; min-height: 34px; line-height: 1.5; background: #fff url(/bitrix/templates/radiomarket/images/arrow-down.svg) no-repeat center right 13px;} .order-block .related-props.courier-delivery .courier-delivery-prop .order-prop{display: inline} .order-block .related-props.courier-delivery .courier-delivery-prop .order-prop span:not(.prop-value){display: none} .order-block .related-props.courier-delivery .courier-delivery-prop .order-prop:last-child span.prop-value:after{content: none} .order-block .related-props.courier-delivery .courier-delivery-prop .order-prop input{border: none; width: auto; display: inline} .order-block#order-comment{display: flex; justify-content: space-between; align-items: flex-start} .order-block#order-comment textarea{flex: 1; height: 100%} .order-block#order-comment ul{list-style: none; margin: 0; padding: 0; width: 225px} .order-block#order-comment ul li{margin-bottom: 5px} .order-block#order-comment ul li.total-order-price{font-weight: bold; margin-top: 20px; margin-bottom: 20px} .order-block#order-comment ul li > span{display: inline-block; vertical-align: middle; width: 100px; text-align: right} .order-block#order-total{display: flex; justify-content: space-between; align-items: flex-start} .order-block#order-total .checkbox{flex: 1} .order-block#order-total .checkbox input{display: none} .order-block#order-total .btn{display: inline-block; vertical-align: middle; min-width: 113px; padding: 0 10px; height: 34px; background: #97d2f5; text-align: center; line-height: 34px; color: #fff; font-size: 12px; text-transform: lowercase; font-family: "KelsonSans"; font-weight: bold; border: none; user-select: none; margin-left: 50px} .order-block .bootstrap-select{width: 100%!important} .order-block .bootstrap-select > .dropdown-toggle{background: #fff; border: none; padding: 5px 5px 5px 15px; outline: none!important; cursor: pointer} .order-block .bootstrap-select > .dropdown-toggle:after{background: #fff url(/bitrix/templates/radiomarket/images/arrow-down.svg) no-repeat center center; border: none; display: inline-block; width: 25px; height: 25px} .order-block .bootstrap-select .dropdown-toggle .filter-option-inner-inner{font-family: "Trebuchet MS"; font-size: 14px; /* font-weight: bold */} .order-block .bootstrap-select .dropdown-toggle .filter-option-inner-inner .phone{color: #979795; font-weight: normal} .bootstrap-select .dropdown-menu{border-radius: 0; background: #fff; margin-top: -2px; padding: 0; border: none} .bootstrap-select .dropdown-menu .dropdown-item{padding: 5px 10px 5px 15px; font-size: 12px} .bootstrap-select .dropdown-menu .dropdown-item.active, .bootstrap-select .dropdown-menu .dropdown-item:active{background: #fff; color: #212529} .bootstrap-select .dropdown-menu .dropdown-item:hover{background: #97d2f5; color: #fff} .bootstrap-select .dropdown-menu .dropdown-header{padding: 0 15px; font-size: 12px} .bootstrap-select .dropdown-menu li a.opt{padding-left: 15px} .bootstrap-select .dropdown-menu .dropdown-item .delivery-option > span:first-child{display: inline-block; width: 250px} .bootstrap-select .dropdown-menu .dropdown-item .delivery-option > span:last-child{opacity: .65} #modal-container .modal.for-order .top-row{height: 50px; background: rgb(207, 207, 207)} #modal-container .modal.for-order .top-row .title{background: #f7f7f7; padding-left: 30px; padding-right: 30px; border-right: 1px solid #535353; display: inline-block} #modal-container .modal.for-order .top-row .title p{display: inline-block; vertical-align: top; line-height: 50px; text-align: center; color: #535353; font-size: 16px; font-family: "KelsonSans"; font-weight: bold} #order-block{height: 100%} .order-inner-block {height: 100%} .order-inner-block .ajax-block, .order-inner-block .order-form-block{padding: 20px; height: calc(100% - 50px); overflow: auto} .order-inner-block .ajax-block::-webkit-scrollbar {width: 5px} .order-inner-block .ajax-block::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px #fff; background: #ddd} .order-inner-block .ajax-block::-webkit-scrollbar-thumb {background-color: darkgrey; outline: 1px solid slategrey} .order-inner-block .form-row input[type=submit]{display: inline-block; vertical-align: middle; width: 113px; height: 34px; background: #97d2f5; text-align: center; line-height: 34px; color: #fff; font-size: 12px; text-transform: lowercase; font-family: "KelsonSans"; font-weight: bold; border: none} #personal-profile-detail, #personal-profile-add, #personal-profile, #profile-block{height: 100%; overflow: hidden} #profile-block .top-row .tabs{background: rgb(207, 207, 207)} #profile-block .top-row .tabs li{display: inline-block; float: left; text-align: center; line-height: 50px; background: rgb(223, 223, 223); position: relative; cursor: pointer; font-family: "KelsonSans"; font-weight: bold; color: rgb(83, 83, 83); font-size: 16px; border-right: 1px solid #6b6b6b; padding: 0 30px} #profile-block .top-row .tabs li.active{background: rgb(239, 239, 239)} #profile-block .tabs-content{height: calc(100% - 50px); overflow: auto; padding: 20px} #profile-block .tabs-content::-webkit-scrollbar {width: 5px} #profile-block .tabs-content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px #fff; background: #ddd} #profile-block .tabs-content::-webkit-scrollbar-thumb {background-color: darkgrey; outline: 1px solid slategrey} #profile-block .tabs-content .tab{display: none} #profile-block .tabs-content .tab.active{display: block} #personal-profile-detail #profile-block .ajax-block{height: calc(100% - 50px); overflow: auto;} #personal-profile-detail #profile-block .ajax-block::-webkit-scrollbar {width: 5px} #personal-profile-detail #profile-block .ajax-block::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px #fff; background: #ddd} #personal-profile-detail #profile-block .ajax-block::-webkit-scrollbar-thumb {background-color: darkgrey; outline: 1px solid slategrey} .profile-list{margin: -20px} .profile-list .profile-list-group{padding-bottom: 50px} .profile-list-group .profile-item{display: flex; align-items: flex-start; height: 49px; margin-bottom: 1px; background: #fff; position: relative} .profile-list-group .profile-item[data-group="2"]{height: 100px} .profile-list-group .profile-item .number{font-size: 12px; color: #c4c4c4; display: inline-block; width: 30px; height: 50px; line-height: 50px; text-align: center} .profile-list-group .profile-item .name{font-weight: bold} .profile-list-group .profile-item .phone{color: #9a9c97} .profile-list-group .profile-item[data-group="1"] .name{line-height: 25px} .profile-list-group .profile-item[data-group="1"] .phone{line-height: 25px} .profile-list-group .profile-item[data-group="2"] .name{height: 50px; line-height: 1.5} .profile-list-group .profile-item[data-group="2"] .phone{height: 50px; line-height: 1.5} .profile-list-group .profile-item .delete-profile{position: absolute; right: 30px; top: 50%; margin-top: -8px; z-index: 999} .profile-list-group .profile-item .delete-profile i:before{color: #97d2f5; font-size: 16px;} .profile-list-group .btn{color: #665c52; margin-top: 20px; display: inline-block; margin-left: 30px} .profile-list-group .btn:hover{color: #97d2f5} .profile-detail-block{padding: 20px} .confirm-order .payments{display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap} .confirm-order .payments .btn{background:#97d2f5;color:#fff;font-family: "KelsonSans";font-weight: bold;font-size: 14px;padding: 0 20px;border: none;outline: none;line-height: 35px;height: 34px; display: inline-block} .confirm-order .payments .btn[disabled]{background: #ddd; cursor: default} .confirm-order .payments .btn.outlined{color: #97d2f5; background: #fff; border: 2px solid #97d2f5} .profile-search{margin-top: 20px} .profile-search .profile-search-row [name="profile_search"]{border: none;height: 30px;width: 250px;padding-left: 10px;} .profile-search .profile-search-row .add-user{display: inline-block; width: 25px; height: 25px; background: url(/bitrix/templates/radiomarket/images/user-add-ico.svg) no-repeat center center / contain; vertical-align: middle; margin-left: 25px} .profile-search-result{max-height: 300px; overflow: auto} .profile-search-result ul li{background: #fff; margin-bottom: 1px; padding: 5px 5px 5px 15px;} .profile-search-result ul li .profile-name{font-weight: bold} .profile-search-result ul li .search-fields{font-size: 12px} .profile-search-result ul li .search-fields p{display: inline-block; margin-right: 10px} .user-search{margin-top: 5px; position: relative} .user-search .user-search-row .add-user{display: inline-block; width: 25px; height: 25px; background: url(/bitrix/templates/radiomarket/images/user-add-ico.svg) no-repeat center center / contain; vertical-align: middle; margin-left: 25px} .user-search-result{max-height: 300px; overflow: auto; position: absolute; width: 100%; background: #f7f7f7; z-index: 10} .user-search-result ul li{background: #fff; margin-bottom: 1px; padding: 5px 5px 5px 15px;} .user-search-result ul li .profile-name{font-weight: bold; cursor: pointer} .user-search-result ul li[data-fizic], .user-search-result ul li[data-uridic]{cursor: pointer} .user-search-result ul li[data-fizic]:hover, .user-search-result ul li[data-uridic]:hover{color: #97d2f5} @media screen and (min-width: 1280px) and (max-width: 1366px) { .container{width: 1068px; margin: 0 auto} .section-list li:nth-child(6n+1){clear: left} .wrap{width: 1280px} /* .main-content .open.inner-menus{width: 1280px; margin-left: -640px} */ #modal-container .for-article-inner{position: absolute; top: 0; left: 50%; margin-left: -640px; width: 1280px; bottom: 0} } @media screen and (min-width: 1280px) and (max-width: 1366px) and (max-height: 800px) { .section-list{padding-top: 20px} .section-list li{width: calc(100% / 8 - 14px * 7 / 8); margin-right: 14px; margin-bottom: 15px} .section-list li:nth-child(6n+6){margin-right: 14px} .section-list li:nth-child(6n+1){clear: none} .section-list li:nth-child(8n+8){margin-right: 0} .section-list li:nth-child(8n+1){clear: left} .section-list li .name{font-size: 13px; padding: 7px; height: 50px} .section-list li .inner-image img{max-width: 100%} #catalog-menu ul li a{height: 22px; line-height: 22px; font-size: 14px} #search-menu ul li a{height: 22px; line-height: 22px; font-size: 14px} #search-menu .body.small{padding-bottom: 10px} #search-menu .body.small ul.search-list li a{font-size: 14px; height: 21px; line-height: 21px} #search-menu .body.small + .foot-row{line-height: 35px} } @media screen and (min-width: 1366px) { .wrap{width: 1366px} #modal-container .for-article-inner{position: absolute; top: 0; left: 50%; margin-left: -683px; width: 1366px; bottom: 0} /* .main-content .open.inner-menus{width: 1366px; margin-left: -683px} */ .section-list{padding-top: 20px} .section-list li{width: calc(100% / 8 - 14px * 7 / 8); margin-right: 14px; margin-bottom: 15px} .section-list li:nth-child(6n+1){clear: none} .section-list li:nth-child(6n+6){margin-right: 14px} .section-list li:nth-child(8n+8){margin-right: 0} .section-list li:nth-child(8n+1){clear: left} .section-list li .name{font-size: 13px; padding: 7px; height: 50px} .section-list li .inner-image img{max-width: 100%} #catalog-menu ul li a{height: 22px; line-height: 22px; font-size: 14px} #search-menu ul li a{height: 22px; line-height: 22px; font-size: 14px} #search-menu .body.small{padding-bottom: 10px} #search-menu .body.small ul.search-list li a{font-size: 14px; height: 21px; line-height: 21px} #search-menu .body.small + .foot-row{line-height: 35px} } @media print { @page {size: A4 landscape} * {-webkit-print-color-adjust: exact} #modal-container .modal.for-detail{width: 100%; left: 0} .header .catalog-part .catalog-btn, .header .catalog-part .search, #panel, .basket-lk-part{display: none} .detail-item .top-tabs li:first-child span{display: none} .detail-item .top-tabs li:first-child h1{display: block; font-size: 18px} .detail-item .left-part{margin-top: 0} } .notif-container-inner{position: fixed; top: 0; right: 0; z-index: 999;} .notif-container.has-notif{min-height: 40px} .notif-container.has-notif:not(.open){text-align: right} .notif-container.has-notif span{display: inline-block; width: 40px; height: 40px; background: url(/bitrix/templates/radiomarket/images/notif-ico.png) no-repeat center center / 80%; animation: blink 2s infinite} #notif-container2.notif-container.has-notif span{background: url(/bitrix/templates/radiomarket/images/notif-ico2.png) no-repeat center center / 80%;} #notif-container3.notif-container.has-notif span{background: url(/bitrix/templates/radiomarket/images/notif-ico3.png) no-repeat center center / 80%;} #notif-container4.notif-container.has-notif span{background: url(/bitrix/templates/radiomarket/images/notif-ico4.png) no-repeat center center / 80%;} .notif-container.has-notif.open{width: 325px;} .notif-container.has-notif.open span{float: left; margin-left: -45px} .notif-container.has-notif .noty_bar{display: none} .notif-container.has-notif.open .noty_bar{display: block} .notif-container.has-notif.open .noty_buttons{padding: 0 1.25rem 5px} .notif-container.has-notif.open .noty_buttons .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 3px 10px; font-size: 12px; line-height: 1; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .notif-container.has-notif.open .noty_buttons .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .notif-container.has-notif.open .noty_buttons .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .notif-container.has-notif.open .noty_buttons .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .notif-container.has-notif.open .noty_buttons .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } @keyframes blink{ 0%{opacity: 0} 50%{opacity: 1} 100%{opacity: 0} } .SDEK_selectPVZ, .DPD_openTerminalSelect{background:#fff;border: none;padding: 5px 5px 5px 15px;outline: none !important;position: relative;width: 100%;white-space: nowrap;display: flex; justify-content: space-between; align-items: center; font-family: "Trebuchet MS";font-size: 14px;/* font-weight: bold; */color: inherit;} .SDEK_selectPVZ:after, .DPD_openTerminalSelect:after{display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; background: #fff url(/bitrix/templates/radiomarket/images/arrow-down.svg) no-repeat center center; border: none; width: 25px; height: 25px;} .sdek_pvzLair br, .sdek_pvzLair .sdek_pvzAddr{display: none} .sale-order-detail .order-info{padding: 10px; display: flex; justify-content: space-between; align-items: flex-start} .sale-order-detail .bordered{border-bottom: 1px solid #ddd} .sale-order-detail .order-props, .sale-order-detail .order-responsible, .sale-order-detail .payment-row, .sale-order-detail .order-shipment{padding: 10px} .sale-order-detail .order-props p.comment, .sale-order-detail .order-responsible p.comment{display: flex; gap: 5px} .sale-order-detail .order-props p .can-edit, .sale-order-detail .order-responsible p .can-edit{cursor: pointer} .sale-order-detail .order-props p .can-edit:hover, .sale-order-detail .order-responsible p .can-edit:hover{color: #97d2f5} .sale-order-detail .order-props textarea, .sale-order-detail .order-responsible textarea{border: none; height: 155px; padding: 10px; vertical-align: top; width: 50%;} #personal-orders.sale-order-detail .order-shipment{overflow: visible} .sale-order-detail .address-row{display: flex; margin-top: 10px;} .sale-order-detail .address-row p:last-child{padding-left: 20px;} .sale-order-detail .order-actions{padding: 10px; display: flex; justify-content: space-between} .sale-order-detail .order-actions> div{flex: 1; display: flex} .sale-order-detail .order-actions> div:nth-child(1){justify-content: flex-start} .sale-order-detail .order-actions> div:nth-child(2){justify-content: center} .sale-order-detail .order-actions> div:nth-child(3){justify-content: flex-end} .sale-order-detail .order-actions .btn{display: inline-block;vertical-align: middle;width: 113px;height: 34px;background:#97d2f5;text-align: center;line-height: 34px;color:#fff;font-size: 12px;text-transform: lowercase;font-family: "KelsonSans";font-weight: bold;} .sale-order-detail .order-actions .btn.btn-grey{background: #817D81} .main-user-consent-request-popup-cont .close{width: 23px; height: 23px; position: absolute; right: 20px; top: 14px; background: url(/bitrix/templates/radiomarket/images/close-detail.png) no-repeat center center; cursor: pointer; z-index: 99;} @media (min-width: 1000px){ .main-user-consent-request-popup-text { height: 280px; } } .sale_order_full_table p{margin-bottom: 15px;} .alert.alert-default p a{color: #97d2f5} #reg-div .btn{display: inline-block;vertical-align: middle;width: 113px;height: 34px;background:#97d2f5;text-align: center;line-height: 34px;color:#fff;font-size: 12px;text-transform: lowercase;font-family: "KelsonSans";font-weight: bold;} #personal-orders .order-list .order-item .order-item-row .btn{background:#97d2f5;color:#fff;font-family: "KelsonSans";font-weight: bold;font-size: 14px;padding: 0 20px;border: none;outline: none;line-height: 35px;height: 34px; display: inline-block} #personal-orders .order-list .order-item .order-item-row .btn-link{color: #97d2f5} #personal-orders .order-list .order-item .order-item-row .btn.outlined{color: #97d2f5; background: #fff; border: 2px solid #97d2f5} .modal.for-personal .personal-menu-inner{position: relative} .modal.for-personal .personal-menu-inner #personal-popup-bg{position: absolute; z-index: -1; left: 0; top: 0} .modal.for-personal .personal-menu-inner ul{position: relative; display: inline-block; vertical-align: top; margin-right: 85px;} .modal.for-personal .personal-menu-inner ul li {text-align: left; margin-bottom: 5px; white-space: nowrap; cursor: pointer;} .modal.for-personal .personal-menu-inner ul li ul{display: none;} .modal.for-personal .personal-menu-inner ul li.selected ul {display: block; position: absolute; left: 100%; top: 0; margin-left: 105px; margin-right: 0;} .modal.for-personal .personal-menu-inner ul li.has-submenu.selected > span {background: none!important} #personal-docs{height: 100%;} .docs-list-block{height: calc(100% - 50px)} .docs-list-block > div{height: 100%} .docs-list-inner{display: flex; flex-direction: column; height: 100%} .docs-list{flex: 1} .docs-list .doc-item{} .docs-list .doc-item .doc-item-row{width: 100%; display: flex; align-items: center; min-height: 25px} .docs-list .doc-item div.doc-number{padding-left: 10px; width: 150px} .docs-list .doc-item div.doc-number a{font-size: 13px; font-weight: bold; color: #3c3c3c;} .docs-list .doc-item div.doc-number a:hover{color: #97d2f5;} .docs-list .doc-item .doc-date{width: 150px} .docs-list .doc-item .doc-user{padding-left: 38px;} .docs-list .doc-item .doc-consumer{padding-left: 38px} .docs-list-actions{padding: 18px 30px; background: rgb(207, 207, 207); display: flex; justify-content: space-between; align-items: center} .docs-list-actions .btn{display: inline-block; vertical-align: middle; min-width: 113px; padding: 0 10px; height: 34px; text-align: center; line-height: 34px; color: #fff; font-size: 12px; text-transform: lowercase; font-family: "KelsonSans"; font-weight: bold;} .docs-list-actions .btn-light{background: #97d2f5; } .docs-list-actions .btn-dark{background: rgb(83, 83, 83); } .docs-list-actions .btn.outlined{color: #97d2f5; background: #fff; border: 2px solid #97d2f5} .docs-list-actions p font{margin-left: 15px;} .docs-detail-top .docs-detail-row{display: flex; align-items: center} .docs-detail-top .docs-detail-row:first-child{margin-bottom: 10px;} .docs-detail-top input[type=text]{height: 34px; border: none; background: #fff; width: 50px; font-family: "Trebuchet MS"; font-size: 12px; text-align: center} .docs-detail-top .contractors > p, .docs-detail-top .doc-curs p{width: 100px; flex: 1 0 100px} .docs-detail-top .doc-curs, .docs-detail-top .doc-discount, .docs-detail-top .doc-nds{display: flex; margin-right: 20px; align-items: center} .docs-detail-top .doc-discount p, .docs-detail-top .doc-nds p{margin-right: 20px;} .products-list #product_items{width: 100%; border-collapse: collapse} .products-list #product_items tr td{vertical-align: middle; background: #fff; border-bottom: 1px solid #f7f7f7} .products-list #product_items thead{display: none} .products-list #product_items tbody > tr, .products-list #product_items tbody > tr > td{height: 49px; padding: 0} .products-list #product_items tbody > tr > td:first-child{width: 30px; color: #c4c4c4; font-size: 10px; text-align: center} .products-list #product_items tbody > tr > td > span{display: none} .products-list #product_items tbody > tr > td.itemphoto{width: 50px} .products-list #product_items tbody > tr > td.itemphoto .bx_ordercart_photo{width: 50px; height: 49px; background-size: contain; background-position: center center; background-repeat: no-repeat} .products-list #product_items tbody > tr > td.item{width: 210px; padding-left: 10px} .products-list #product_items tbody > tr > td.item a{color: #535353; font-size: 14px} .products-list #product_items tbody > tr > td.manuf{font-size: 12px; width: 100px; text-align: center} .products-list #product_items tbody > tr > td.price input{border: none; font-family: "Trebuchet MS"; font-size: 15px; text-align: center} .products-list #product_items tbody > tr > td.quantity{ } .products-list #product_items tbody > tr > td.quantity .quantity-block{width: 55px; border: 2px solid #eaeaea;} .products-list #product_items tbody > tr > td.quantity input[type=text]{display: block; width: 55px; height: 13px; border: none; color: #000; text-align: center; font-size: 12px; font-family: "Trebuchet MS"; outline: none} .products-list #product_items tbody > tr > td.quantity .centered{text-align: center} .products-list #product_items tbody > tr > td.price, .products-list #product_items tbody > tr > td.quantity, .products-list #product_items tbody > tr > td.custom, .products-list #product_items tbody > tr > td.control{text-align: center} .products-list #product_items tbody > tr > td input:disabled{background-color: transparent} #personal-doc-detail{height: 100%;} .docs-detail-block{height: 100%; overflow: hidden;} .docs-detail-inner{height: calc(100% - 50px);} .docs-detail-inner form{height: 100%;} .docs-detail-inner form .products-list{height: calc(100% - 169px); overflow: auto;} .docs-detail-top{padding: 10px} .docs-detail-top .bootstrap-select{width: 100%!important} .docs-detail-top .bootstrap-select > .dropdown-toggle{background: #fff; border: none; padding: 5px 5px 5px 15px; outline: none!important; cursor: pointer} .docs-detail-top .bootstrap-select > .dropdown-toggle:after{background: #fff url(/bitrix/templates/radiomarket/images/arrow-down.svg) no-repeat center center; border: none; display: inline-block; width: 25px; height: 25px} .docs-detail-top .bootstrap-select .dropdown-toggle .filter-option-inner-inner{font-family: "Trebuchet MS"; font-size: 14px; /* font-weight: bold */} .docs-detail-top .bootstrap-select .dropdown-toggle .filter-option-inner-inner .phone{color: #979795; font-weight: normal} .cart-action-modal{width: 400px} .cart-action-modal .qty-modal-msg{width: 100%; border-collapse: collapse} .cart-action-modal .qty-modal-msg tr td{vertical-align: top} .cart-action-modal .qty-modal-msg tr td > span{color: #c1c1c1} .cart-action-modal .qty-modal-msg tr td .btn{display: flex; width: 100%; justify-content: space-between; height: 25px; text-align: center; line-height: 26px; margin: 0 auto 0; background: #97d2f5; font-family: "KelsonSans"; font-weight: bold; font-size: 12px; color: #fff; cursor: pointer; padding: 0 10px;} .order-user-line{background: #fff; border: none; padding: 5px 5px 5px 15px; width: 100%; display: flex; justify-content: space-between; align-items: center; position: relative;} .order-user-line .order-user-label{position: absolute; font-family: "Trebuchet MS"; font-size: 14px; background: #fff;} .order-user-line .order-user-label:hover{cursor: pointer; color: #97d2f5} .order-user-line .order-user-name{font-family: "Trebuchet MS"; font-size: 14px; padding: 0; border: none; background: none; flex: 1} .order-user-line .order-user-ico{display: inline-block; width: 25px; height: 20px; background: url(/bitrix/templates/radiomarket/images/search-ico.svg) no-repeat center center;} .pay_form{width: 100%} .pay_form input{width: 100px; display: inline-block; height: 35px; border: none; padding: 0 10px; font-size: 14px;} .pay_form table{border-collapse: collapse; width: 65%} #profile-div label{font-family: 'Trebuchet MS'; margin-bottom: 10px; display: inline-block; padding-left: 10px;} #profile-div .login-row{margin-bottom: 30px;} #profile-div .title-row > label{display: flex; align-items: center; width: 100%;} #profile-div .title-row > label:after{content: ""; margin-left: 10px; height: 1px; flex: 1; background-color: #ddd} #profile-div .contacts-row{display: flex; width: 100%; justify-content: space-between} #profile-div .flex-row{display: flex} #profile-div .flex-row > div{flex: 1} #profile-div .btn.btn-link{color: #000; font-family: 'Trebuchet MS'; display: inline-block; margin-bottom: 60px;} #profile-div .btn.btn-link:hover{color: #97d2f5} .sale-order-detail .status-actions{width: auto!important; padding-left: 0!important;} .sale-order-detail .status-actions .dropdown-menu{border-radius: 0; background: #fff; padding: 0; left: auto!important; right: 0!important; transform: translate(0,0) !important; top: 100% !important;} .sale-order-detail .status-actions .dropdown-menu .dropdown-item{padding: 5px 10px 5px 10px; font-size: 12px} .sale-order-detail .status-actions > .dropdown-menu > li > .dropdown-item{border-top: 2px solid #fff} .sale-order-detail .status-actions > .dropdown-menu li:hover > .dropdown-item{background: #97d2f5; color: #fff; cursor: pointer} .sale-order-detail .status-actions > .dropdown-menu > li:hover > .dropdown-item{background: #97d2f5; border-top: 2px solid #97d2f5} .sale-order-detail .status-actions .dropdown-menu .dropdown-menu {top: -1px !important; right: 100% !important; width: auto; min-width: 92px} .sale-order-detail .status-actions .dropdown-item + .dropdown-menu {display: block; opacity: 0; transition: opacity .1s} .sale-order-detail .status-actions li:hover{position: relative} .sale-order-detail .status-actions li:hover .dropdown-item + .dropdown-menu{opacity: 1; transition: opacity .1s} .sale-order-detail .status-actions .dropdown-btn{ font-family: "Trebuchet MS"; font-size: 15px; cursor: pointer; border: none; background: none; padding: 0; white-space: nowrap; color: #97d2f5;} .sale-order-detail .status-actions .dropdown-btn:hover{color: #97d2f5;} .sale-order-detail #rezervInput.active{cursor: pointer} .sale-order-detail #rezervInput.active:hover{color: #97d2f5} #popup-window-content-mess-pay .popup-window-titlebar-text{text-align: left} #popup-window-content-mess-pay .row{display: flex; width: 200px; justify-content: space-between} #popup-window-content-mess-pay .row .sum{font-size: 16px; font-weight: bold; color: #80868e} #popup-window-content-mess-pay .row .check-styled{border: 1px solid #80868e} /* Incoming-document marking codes */ #personal-doc-detail td.quantity.km-yellow { background: #fff2c6; } #personal-doc-detail td.quantity.km-green { background: #d9efdb; } #personal-doc-detail td.quantity.km-red { background: #f4d8d8; } #personal-doc-detail td.quantity.km-blue { background: #dceef9; } #personal-doc-detail td.quantity input { background: transparent; } .km-document-message, .km-message { color: #a32929; padding: 8px 12px; white-space: pre-wrap; } .km-document-message:empty, .km-message:empty { display: none; } .km-document-number { display: block; padding: 0 12px; } .km-disabled { opacity: .45; cursor: default; } .km-scan-modal { z-index: 20; } #modal-container .km-scan-modal { overflow: hidden; } #rm-km-window { height: 100%; min-height: 0; display: flex; flex-direction: column; } #rm-km-window > .top-row, #rm-km-window > .docs-list-actions { flex-shrink: 0; } .km-scan-body { padding: 18px; flex: 1; min-height: 0; display: flex; flex-direction: column; } .km-scan-body > :not(.km-code-list) { flex-shrink: 0; } .km-prompt { margin-bottom: 12px; } .km-scanner { width: 100%; box-sizing: border-box; padding: 10px; } .km-code-list { flex: 1; min-height: 0; overflow-y: auto; margin: 12px 0; padding: 0; list-style: none; } .km-code-list li { position: relative; padding: 10px 42px 10px 10px; border-bottom: 1px solid #ddd; overflow-wrap: anywhere; } .km-code-error { background: #f4d8d8; } .km-code-text { white-space: pre-wrap; } .km-delete { position: absolute; right: 4px; top: 4px; width: 32px; height: 32px; padding: 0; border: 0; background: transparent; color: #535353; font-size: 24px; line-height: 32px; cursor: pointer; } .km-delete:hover, .km-delete:focus-visible { color: #a32929; background: #f4d8d8; } .km-finish { border: 0; cursor: pointer; } .km-confirm { padding: 12px; background: #fff2c6; margin: 12px 0; } .km-confirm button { padding: 6px 16px; cursor: pointer; } /* End */ /* Start:/bitrix/templates/radiomarket/components/bitrix/sale.basket.basket.line/basket/style.css?15489442474229*/ .bx-basket {} .bx-basket-block { font-size: 12px; padding-bottom: 5px; white-space: nowrap; position: relative; padding-left: 20px; } .bx-basket-block>.fa { color: #97a1ab; width: 12px; position: absolute; left: 0; top: 3px; } .bx-basket-block a { color: #039BE5; border-bottom: 1px dashed; margin-right: 10px; } .bx-basket-block a:hover { text-decoration: none; border-bottom-color: transparent; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed{ width: 200px; position: fixed; z-index: 1100; background: #fff; padding-top: 10px; border: 1px solid #F0F0F0; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); border-radius: 1px; overflow: hidden; } .bx-basket-fixed.top {top:10px} .bx-basket-fixed.right {right:10px} .bx-basket-fixed.bottom{bottom:10px} .bx-basket-fixed.left {left:10px} .bx-basket-fixed.bx-max-height{top:10px;bottom:10px;} } @media (max-width: 767px) { .bx-basket-fixed{ /*width: 200px;*/ position: fixed; z-index: 1100; background: #fff; padding-top: 10px; border: 1px solid #F0F0F0; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); border-radius: 1px; overflow: hidden; bottom: 0; left: 0; right: 0; } .bx-basket-item-list{ display: none; } /*.bx-basket-fixed */ } .bx-basket-fixed .bx-basket-block{ margin-left: 10px; } .bx-basket-item-list{ position: relative; padding-bottom: 20px; border-top: 1px solid #F7F7F7; overflow: hidden; } .bx-opener .bx-basket-item-list{ padding-bottom: 75px; } .bx-max-height .bx-basket-item-list{ position: absolute; bottom: 0px; left: 0; right: 0; } .bx-closed .bx-basket-item-list{ height: 20px; overflow: hidden; } .bx-basket-item-list-action{ cursor: pointer; background: #F7F7F7; position: absolute; bottom: 0; right: 0; left: 0; z-index: 120; height: 20px; line-height: 14px; vertical-align: middle; text-align: center; font-size: 12px; color: #4f4f4f; padding: 3px 0; } .bx-basket-item-list-button-container{ text-align: center; position: absolute; bottom: 20px; border-top: 1px solid #F7F7F7; padding: 10px 0; background: #fff; left: 0; right: 0; } .bx-basket-item-list-button-container a.btn { color: #dddddd; text-decoration: none; } .bx-basket-item-list-button-container a.btn:hover, .bx-basket-item-list-button-container a.btn:active { color: #ffffff; } .bx-basket-item-list-container{ overflow-y: auto; max-height: 100% } .bx-basket-item-list-item{ padding-top: 15px; position: relative; padding-right: 10px; padding-left: 10px; margin-bottom: 15px; border-bottom: 1px solid #F7F7F7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child{ border-bottom: none; margin-bottom: 0; } .bx-basket-item-list-item-status{ font-weight: bold; padding: 3px; background: #EBEBEB; margin: 0 10px 20px; line-height: 16px; font-size: 13px; border-radius: 3px; text-align: center; white-space: normal; } .bx-basket-item-list-item-img{ text-align: center; position: relative; padding-bottom: 5px; } .bx-basket-item-list-item-img img{ max-width: 90px; height: auto; border: 1px solid #E6E6E6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; color: #3F3F3F; text-decoration: none; white-space: normal; line-height: 16px; } .bx-basket-item-list-item-remove{ position: absolute; right: 10px; top: -7px; width: 20px; height:20px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center; opacity: .5; } .bx-basket-item-list-item-remove:hover{ opacity: .7; } .bx-basket-item-list-item-price-block{ padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price{ display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old{ display: inline-block; margin-right: 5px; text-decoration: line-through; color: #B0B0B0 } .bx-basket-item-list-item-price-summ{} .bx_cart_login_top .bx-hdr-profile a { text-decoration: none; } .bx_cart_login_top .bx-hdr-profile{ line-height: 1.44em; } /* End */ /* Start:/bitrix/templates/radiomarket/components/bitrix/menu/multimenu/style.css?1574768711581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/bitrix/templates/radiomarket/components/bitrix/menu/multimenu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/bitrix/templates/radiomarket/components/bitrix/catalog.section.list/footer-menu/style.css?15850375077151*/ /* line */ .bx_catalog_line { margin-bottom: 30px; } .bx_catalog_line .bx_catalog_line_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_line .bx_catalog_line_category_title a { color: #000; text-decoration: none; } .bx_catalog_line .bx_catalog_line_ul { padding: 0; } .bx_catalog_line .bx_catalog_line_ul li { margin-bottom: 20px; list-style: none; } .bx_catalog_line .bx_catalog_line_ul li:before { content: '' !important } .bx_catalog_line .bx_catalog_line_img { position: relative; display: block; float: left; overflow: hidden; margin-right: 40px; width: 125px; height: 125px; border: 1px solid #ccc; border-radius: 2px; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-background-size: contain; } .bx_catalog_line .bx_catalog_line_title { margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 18px; } .bx_catalog_line .bx_catalog_line_title a { color: #4c7da6; font-size: 18px; } .bx_catalog_line .bx_catalog_line_title a:hover { text-decoration: none; } .bx_catalog_line .bx_catalog_line_title span { font-size: 16px } .bx_catalog_line .bx_catalog_line_description { color: #3f3f3f; font-size: 13px; line-height: 16px; } @media (max-width: 639px) { .bx-touch .bx_catalog_line .bx_catalog_line_img { margin-right: 10px; width: 50px; height: 50px; } .bx-touch .bx_catalog_line .bx_catalog_line_title { margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_title a { font-size: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_description { font-size: 11px; } } .bx_catalog_line .bx_catalog_line_img, .bx_catalog_line .bx_catalog_line_title, .bx_catalog_line .bx_catalog_line_title a, .bx_catalog_line .bx_catalog_line_description { transition: all 0.3s ease; } /* text */ .bx_catalog_text { margin-bottom: 30px; } .bx_catalog_text .bx_catalog_text_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_text .bx_catalog_text_category_title a { color: #000; text-decoration: none; } .bx_catalog_text .bx_catalog_text_ul { padding: 0; } .bx_catalog_text .bx_catalog_text_ul li { float: left; margin: 0 10px 10px; list-style: none; } .bx_catalog_text .bx_catalog_text_ul li:before { content: '' !important } .bx_catalog_text .bx_catalog_text_title { margin: 0; padding: 0; vertical-align: top; font-size: 14px; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a { display: inline-block; overflow: hidden; max-width: 100%; color: #4c7da6; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px; } .bx_catalog_text .bx_catalog_text_title a:hover { text-decoration: none } .bx_catalog_text .bx_catalog_text_title span { font-size: 12px; } @media (max-width: 639px) { .bx-touch .bx_catalog_text .bx_catalog_line_title { margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_catalog_text .bx_catalog_line_title a { font-size: 12px; } } .bx_catalog_text .bx_catalog_line_title, .bx_catalog_text .bx_catalog_line_title a { transition: all 0.3s ease; } /* tile */ .bx_catalog_tile { margin-bottom: 30px; } .bx_catalog_tile .bx_catalog_tile_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_tile .bx_catalog_tile_category_title a { color: #000; text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_ul { padding: 0; } .bx_catalog_tile .bx_catalog_tile_ul li { float: left; box-sizing: border-box; margin-bottom: 20px; padding: 0 10px; width: 12.5%; list-style: none; text-align: center; } .bx_catalog_tile .bx_catalog_tile_ul li:before { content: '' !important } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: both; } .bx_catalog_tile .bx_catalog_tile_img { position: relative; display: block; overflow: hidden; margin: 0 auto; width: 78px; height: 78px; border: 1px solid #ccc; border-radius: 2px; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-background-size: contain; } .bx_catalog_tile .bx_catalog_tile_title { margin-top: 5px; margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a { color: #4c7da6; font-size: 14px; } .bx_catalog_tile .bx_catalog_tile_title a:hover { text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_title span { font-size: 12px; } /*2*/ @media (max-width: 980px) { .bx_catalog_tile .bx_catalog_tile_ul li { width: 20%; } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: both; } } /*3*/ @media (max-width: 639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_title { margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title { line-height: 10px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title a { font-size: 11px; } } @media (min-width: 480px) and (max-width: 639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 25%; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1) { clear: both; } } /*4*/ @media (max-width: 479px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 33.3%; } .bx-touch .bx_catalog_tile .bx_catalog_tile_img { width: 100%; height: 80px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1) { clear: both; } } .bx_catalog_tile .bx_catalog_tile_title, .bx_catalog_tile .bx_catalog_tile_title a, .bx_catalog_tile .bx_catalog_tile_ul li, .bx_catalog_tile .bx_catalog_tile_img { transition: all 0.3s ease; } /* list */ .bx_sitemap { margin-bottom: 30px; } .bx_sitemap .bx_sitemap_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_sitemap .bx_sitemap_title a { color: #000; text-decoration: none; } .bx_sitemap .bx_sitemap_ul li { padding: 0; line-height: 14px; } .bx_sitemap .bx_sitemap_ul li:before { content: '' !important } .bx_sitemap .bx_sitemap_li_title { display: inline-block; margin: 0; margin-bottom: 10px; padding: 0; vertical-align: top; font-weight: normal; line-height: 13px; } .bx_sitemap .bx_sitemap_li_title a { color: #4c7da6; white-space: nowrap; font-size: 13px; } .bx_sitemap .bx_sitemap_li_title a:hover { text-decoration: none } .bx_sitemap .bx_sitemap_li_title span { font-size: 11px; } @media (max-width: 639px) { .bx-touch .bx_sitemap .bx_catalog_line_title { margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_sitemap .bx_catalog_line_title a { font-size: 12px; } } .bx_sitemap .bx_catalog_line_title, .bx_sitemap .bx_catalog_line_title a { transition: all 0.3s ease; } /* End */ /* /bitrix/templates/radiomarket/components/bitrix/main.userconsent.request/request/user_consent.css?15858212763831 */ /* /bitrix/templates/.default/ajax/ajax.css?1548944247448 */ /* /bitrix/templates/radiomarket/fonts/font.css?15586904124112 */ /* /bitrix/templates/radiomarket/bxslider/jquery.bxslider.css?15489442473753 */ /* /bitrix/templates/radiomarket/bootstrap/bootstrap.css?15759704309238 */ /* /bitrix/templates/radiomarket/bootstrap/select/css/bootstrap-select.min.css?157597319010717 */ /* /bitrix/templates/radiomarket/ion.rangeSlider/css/ion.rangeSlider.css?15489442473355 */ /* /bitrix/templates/radiomarket/ion.rangeSlider/css/ion.rangeSlider.skinNice.css?15489442472087 */ /* /bitrix/templates/radiomarket/nouislider/nouislider.css?15502164915325 */ /* /bitrix/templates/radiomarket/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css?154953955453652 */ /* /bitrix/templates/radiomarket/noty/lib/noty.css?15831531145589 */ /* /bitrix/templates/radiomarket/noty/lib/themes/bootstrap-v4.css?15831531181429 */ /* /bitrix/templates/radiomarket/icons.css?15834074762392 */ /* /bitrix/templates/radiomarket/style.css?1791554747149822 */ /* /bitrix/templates/radiomarket/components/bitrix/sale.basket.basket.line/basket/style.css?15489442474229 */ /* /bitrix/templates/radiomarket/components/bitrix/menu/multimenu/style.css?1574768711581 */ /* /bitrix/templates/radiomarket/components/bitrix/catalog.section.list/footer-menu/style.css?15850375077151 */