/* Start:/bitrix/templates/aspro_max/components/bitrix/main.register/main/style.css?175638985080110*/ :root { --accent: #fbbf24; --accent-hover: #f59e0b; --radius: 16px; --radius-sm: 12px; --radius-lg: 24px; --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } * { box-sizing: border-box; } html, body { overflow-x: hidden !important; max-width: 100vw !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body { position: relative !important; margin: 0 !important; padding: 0 !important; } .registraion-page, .pk-page { max-width: 100vw !important; overflow-x: hidden !important; position: relative !important; margin: 0 !important; padding: 0 !important; } .top-block, .top-block-v1, .header-v16, .top-header, .main-header, header, .header { margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; box-shadow: none !important; } .container, .wrapper, .content, .main-content { margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border-left: none !important; border-right: none !important; } @keyframes optimizedTwinkle { 0%, 100% { opacity: 1; transform: translateX(0px); } 15% { opacity: 1; transform: translateX(0px); } 25% { opacity: 0.8; transform: translateX(-1px); } 50% { opacity: 0.6; transform: translateX(0px); } 75% { opacity: 0.9; transform: translateX(1px); } 85% { opacity: 1; transform: translateX(0px); } } @keyframes slowTwinkle { 0%, 100% { opacity: 1; transform: translateX(0px); } 20% { opacity: 1; transform: translateX(0px); } 50% { opacity: 0.6; transform: translateX(-1px); } 80% { opacity: 1; transform: translateX(0px); } } @keyframes twinkleVariant1 { 0%, 100% { opacity: 0.7; transform: translateX(0px); } 20% { opacity: 1; transform: translateX(1px); } 30% { opacity: 1; transform: translateX(1px); } 40% { opacity: 1; transform: translateX(1px); } 70% { opacity: 0.8; transform: translateX(-1px); } } @keyframes twinkleVariant2 { 0%, 100% { opacity: 0.9; transform: translateX(0px); } 30% { opacity: 1; transform: translateX(1px); } 40% { opacity: 1; transform: translateX(1px); } 50% { opacity: 1; transform: translateX(1px); } 80% { opacity: 1; transform: translateX(1px); } } @keyframes twinkleVariant3 { 0%, 100% { opacity: 0.8; transform: translateX(0px); } 15% { opacity: 1; transform: translateX(1px); } 20% { opacity: 1; transform: translateX(1px); } 25% { opacity: 1; transform: translateX(1px); } 60% { opacity: 0.6; transform: translateX(0px); } 90% { opacity: 0.9; transform: translateX(-1px); } } .logo::before { } .logo::after { } .logo::before[data-twinkle="1"] { animation: twinkleVariant1 7.5s infinite ease-out 0.2s !important; } .logo::after[data-twinkle="2"] { animation: twinkleVariant2 9.5s infinite ease-out 2.2s !important; } .logo::before::after { content: '' !important; position: absolute !important; left: -50px !important; top: 20px !important; width: 1px !important; height: 1px !important; background: #ffffff !important; border-radius: 50% !important; z-index: 9999 !important; animation: twinkleVariant3 5.5s infinite ease-out 1.2s !important; } .logo::after::before { content: '' !important; position: absolute !important; left: -30px !important; top: 15px !important; width: 1px !important; height: 1px !important; background: #ffffff !important; border-radius: 50% !important; z-index: 9999 !important; animation: twinkleVariant2 8s infinite ease-out 3.4s !important; } .logo::before .twinkle-star-1 { animation: optimizedTwinkle 5s infinite ease-out 0.1s !important; } .logo::before .twinkle-star-2 { animation: slowTwinkle 7s infinite ease-out 1.1s !important; } .logo::after .twinkle-star-3 { animation: optimizedTwinkle 6s infinite ease-out 2.1s !important; } .logo::after .twinkle-star-4 { animation: slowTwinkle 8s infinite ease-out 3.1s !important; } .logo::before::after { content: '' !important; position: absolute !important; left: -50px !important; top: 20px !important; width: 1px !important; height: 1px !important; background: #ffffff !important; border-radius: 50% !important; z-index: 9999 !important; animation: optimizedTwinkle 7s infinite ease-out 1.3s !important; } .logo::after::before { content: '' !important; position: absolute !important; left: -30px !important; top: 15px !important; width: 1px !important; height: 1px !important; background: #ffffff !important; border-radius: 50% !important; z-index: 9999 !important; animation: twinkleVariant2 8s infinite ease-out 3.4s !important; } .logo::before { animation: optimizedTwinkle 3.5s infinite ease-out 0.5s !important; will-change: opacity, transform !important; backface-visibility: hidden !important; } .logo::after { animation: slowTwinkle 4.5s infinite ease-out 2.5s !important; will-change: opacity, transform !important; backface-visibility: hidden !important; } .logo::before { position: relative !important; } .logo::after { position: relative !important; } .logo::before::before { content: '' !important; position: absolute !important; left: -100px !important; top: 10px !important; width: 1px !important; height: 1px !important; background: #ffffff !important; border-radius: 50% !important; z-index: 9999 !important; animation: optimizedTwinkle 6s infinite ease-out 0.3s !important; } .logo::after::after { content: '' !important; position: absolute !important; left: -80px !important; top: -15px !important; width: 1px !important; height: 1px !important; background: #ffffff !important; border-radius: 50% !important; z-index: 9999 !important; animation: twinkleVariant1 7s infinite ease-out 1.8s !important; } .logo::before::before::after { content: '' !important; position: absolute !important; left: -60px !important; top: 25px !important; width: 1px !important; height: 1px !important; background: #ffffff !important; border-radius: 50% !important; z-index: 9999 !important; animation: twinkleVariant2 9s infinite ease-out 0.8s !important; } .logo::after::before::after { content: '' !important; position: absolute !important; left: -40px !important; top: -10px !important; width: 1px !important; height: 1px !important; background: #ffffff !important; border-radius: 50% !important; z-index: 9999 !important; animation: twinkleVariant3 5s infinite ease-out 3.2s !important; } @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap'); body, html, * { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important; font-weight: 600 !important; font-feature-settings: 'liga' 1, 'calt' 1 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } h1, h2, h3, h4, h5, h6, .title, .page-title, .form-title, .section-title { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; font-weight: 800 !important; letter-spacing: -0.02em !important; } p, span, div, label, input, textarea, select { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; font-weight: 600 !important; line-height: 1.6 !important; } button, input[type="submit"], input[type="button"], .btn { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; font-weight: 700 !important; letter-spacing: 0.01em !important; } nav, .nav, .navigation, .menu, .menu-item, .nav-link { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; font-weight: 700 !important; } input, textarea, select, .form-input { font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; font-weight: 500 !important; } header, .header, .top-header, .main-header, .site-header, .bx-header, .bx-header-top, .bx-header-main, .bx-header-bottom, .header-wrapper, .header-container, .header-inner, .top-header-wrapper, .top-header-container, .main-header-wrapper, .main-header-container, .site-header-wrapper, .site-header-container, .bx-header-wrapper, .bx-header-container, .bx-header-inner { background: #000000 !important; color: #ffffff !important; } .mobileheader-v1 { background: #000000 !important; color: #ffffff !important; margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; box-shadow: none !important; } @media (max-width: 768px) { .mobileheader-v1, .top-block, .header-v16, .top-header { margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; box-shadow: none !important; border-radius: 0 !important; } } #mobileheader .mobileheader-v1 .right-icons.pull-right { display: flex !important; justify-content: flex-end !important; align-items: center !important; width: auto !important; position: absolute !important; right: 0px !important; top: 0 !important; bottom: 0 !important; } #mobileheader .mobileheader-v1 .right-icons.pull-right .pull-right { float: none !important; margin: 0 1px !important; } #mobileheader .mobileheader-v1 .right-icons.pull-right .pull-right + .pull-right { margin-left: 1px !important; } #mobileheader .mobileheader-v1 .right-icons.pull-right .wrap_icon { margin: 0 !important; padding: 0 !important; } /* Исправляем иконку корзины - убираем скругление и сдвигаем */ a.basket-link.basket.big, .basket-link.basket.big, [class*="basket-link"][class*="basket"][class*="big"] { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; transform: translate(-32px, -1px) !important; } /* Убираем скругление у всех элементов корзины */ .basket-link, .basket, .basket.big, .wrap_basket, .wrap_icon.wrap_basket, .js-basket-block, .basket-link *, .basket *, .wrap_basket *, .js-basket-block * { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } /* Убираем скругление у иконки профиля и сдвигаем */ .personal-link, .personal-link.dark-color, .personal-link.animate-load, .wrap_cabinet, .wrap_icon.wrap_cabinet, .personal-link *, .wrap_cabinet * { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } /* Сдвигаем иконку профиля */ .personal-link, .personal-link.dark-color, .personal-link.animate-load { transform: translate(-2px, 1px) !important; } /* Убираем скругление у иконки поиска и сдвигаем */ .inline-search-show, .top-btn.inline-search-show, .inline-search-show.twosmallfont, .wrap_icon:has(.inline-search-show), .inline-search-show *, .wrap_icon:has(.inline-search-show) * { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } /* Сдвигаем иконку поиска */ .inline-search-show, .top-btn.inline-search-show, .inline-search-show.twosmallfont { transform: translate(-2px, 1px) !important; } /* Убираем скругление у иконки телефона */ .inline-phone-show, .top-btn.inline-phone-show, .wrap_icon:has(.inline-phone-show), .inline-phone-show *, .wrap_icon:has(.inline-phone-show) * { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } /* Убираем скругление у бургер-меню */ .burger, .burger.pull-left, .burger *, .burger svg, .burger path, .burger rect, .burger i, .burger div { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } #mobileheader .mobileheader-v1 { position: relative !important; display: flex !important; align-items: center !important; } #mobileheader .mobileheader-v1 .burger.pull-left, #mobileheader .mobileheader-v1 .logo-block.pull-left { position: absolute !important; z-index: 10 !important; } #mobileheader .mobileheader-v1 .burger.pull-left { left: 10px !important; } #mobileheader .mobileheader-v1 .logo-block.pull-left { left: 50px !important; } .nav, .navigation, .nav-menu, .nav-list, .nav-item, .nav-link, .menu, .menu-list, .menu-item, .menu-link { background: #000000 !important; color: #ffffff !important; } .logo, .logo-link, .logo-text, .logo-img { background: #000000 !important; color: #ffffff !important; } .header-search, .header-search-form, .header-search-input, .header-search-button { background: #000000 !important; color: #ffffff !important; } .header-search, .header-search-form, .header-search-input, input[type="search"], .search-input, .search-field { max-width: 66.67% !important; width: 66.67% !important; flex: 0 0 66.67% !important; min-width: 200px !important; } .top-bar, .top-header-bar, .header-top-bar, .contact-bar, .phone-bar, .utility-bar, .top-header-container, .header-top-container, .contact-container, .phone-container, .utility-container, .bx-header-top, .bx-header-top-container, .bx-header-top-inner, .phone-number, .phone-link, .call-order-link, .call-order-button, .login-button, .login-link, .enter-button, .enter-link { background: #000000 !important; } div.bx-header-top, div.bx-header-top-container, div.bx-header-top-inner, div.bx-header-top-wrapper { background: #000000 !important; } div.bx-header-top .phone-number, div.bx-header-top .phone-link, div.bx-header-top .call-order-link, div.bx-header-top .call-order-button, div.bx-header-top .login-button, div.bx-header-top .login-link, div.bx-header-top .enter-button, div.bx-header-top .enter-link { background: #000000 !important; } .top-header, .top-header-bar, .header-top, .header-top-bar, .top-bar, .top-bar-container, .top-header-container, .header-top-container, .top-header-wrapper, .header-top-wrapper { background: #000000 !important; } header#header { background: #000000 !important; } .header_wrap, .header_wrap.visible-lg, .header_wrap.visible-md, .header_wrap.title-v3 { background: #000000 !important; } .top-block, .top-block.top-block-v1, .top-block.header-v16 { background: #000000 !important; } .wrapp_block.logo-row, div.wrapp_block.logo-row, .wrapp_block, .logo-row { background: #000000 !important; } .wrapp_block.logo-row *, div.wrapp_block.logo-row * { background: #000000 !important; } #headerfixed { background: #000000 !important; } .b24-widget-button-wrapper, .b24-widget-button-block-button, .b24-widget-button-inner-container, .b24-widget-button-inner-mask, .b24-widget-button-block, .b24-widget-button-block-inner, .b24-widget-button-inner-block { background: #000000 !important; } .b24-widget-button-icon-container, .b24-widget-button-inner-item, .b24-widget-button-icon-animation { background: #000000 !important; } .b24-widget-button-pulse, .b24-widget-button-pulse-animate, [data-b24-crm-button-pulse] { border-color: #fbbf24 !important; background: transparent !important; } /* Стили для виджета Битрикса - изменение цвета текста на белый */ .b24-widget-button-popup-name, .b24-widget-button-popup-text, .b24-widget-button-popup-content, .b24-widget-button-popup-description { color: #ffffff !important; background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Агрессивно убираем фон у содержимого чат виджета */ .b24-widget-button-popup-content, div.b24-widget-button-popup-content, [class*="b24-widget-button-popup-content"] { background: transparent !important; background-color: transparent !important; background-image: none !important; background: linear-gradient(none) !important; background: -webkit-linear-gradient(none) !important; background: -moz-linear-gradient(none) !important; background: rgba(0, 0, 0, 0) !important; background: transparent !important; } /* Принудительно убираем все возможные фоны */ .b24-widget-button-popup-content *, div.b24-widget-button-popup-content *, [class*="b24-widget-button-popup-content"] * { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Делаем темно-серым конкретный класс */ .b24-widget-button-inner-mask { background: #2a2a2a !important; background-color: #2a2a2a !important; background-image: none !important; } /* Убираем закругление ИСКЛЮЧИТЕЛЬНО для иконок */ .b24-crm-button-icon, .b24-crm-button-chat-icon, .b24-widget-button-icon, .b24-widget-button-icon *, .b24-crm-button-icon *, .b24-crm-button-chat-icon * { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } /* Стили для кнопки закрытия виджета Битрикса - добавление крестика */ .bx-livechat-control-btn-close::before { content: '✕' !important; font-size: 14px !important; font-weight: bold !important; color: #ffffff !important; line-height: 1 !important; display: block !important; text-align: center !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } .bx-livechat-control-btn-close { background: transparent !important; border: none !important; cursor: pointer !important; padding: 0 !important; width: 24px !important; height: 24px !important; display: block !important; position: relative !important; margin-left: -16px !important; margin-top: -4px !important; transform: none !important; transition: none !important; animation: none !important; will-change: auto !important; backface-visibility: visible !important; transform-style: flat !important; perspective: none !important; filter: none !important; } /* Заголовок чата - черный цвет и небольшой сдвиг вправо */ .bx-livechat-head { background-color: rgb(0, 0, 0) !important; background: rgb(0, 0, 0) !important; margin-left: 2px !important; } div[style*="background: #00AEEF"], div[style*="border-color: #00AEEF"] { background: #000000 !important; border-color: #fbbf24 !important; } .main-navigation, .main-nav, .primary-nav, .nav-main, .nav-primary, .main-nav-container, .primary-nav-container, .nav-main-container, .nav-primary-container, .bx-header-main, .bx-header-main-container, .bx-header-main-inner { background: #000000 !important; } * { border-radius: var(--radius) !important; } .search-input, #title-search-input_fixed { width: 750px !important; min-width: 750px !important; max-width: 750px !important; } .logo::before { content: '' !important; position: absolute !important; left: 10px !important; top: 50% !important; transform: translateY(-50%) !important; width: 1px !important; height: 1px !important; background: #ffffff !important; border-radius: 50% !important; z-index: 9999 !important; box-shadow: 16px 10px 0 #ffffff, 32px -20px 0 #ffffff, 47px 15px 0 #ffffff, 63px -25px 0 #ffffff, 79px 30px 0 #ffffff, -150px 0px 0 #ffffff, -160px 10px 0 #ffffff, -170px -5px 0 #ffffff, -180px 15px 0 #ffffff, -190px -10px 0 #ffffff, -200px 5px 0 #ffffff, -210px -15px 0 #ffffff, -220px 20px 0 #ffffff, -240px 10px 0 #ffffff, -250px -5px 0 #ffffff, -260px 15px 0 #ffffff, -270px -10px 0 #ffffff, -280px 5px 0 #ffffff, -290px -15px 0 #ffffff, -300px 20px 0 #ffffff, -75px -22px 0 #ffffff, -115px -32px 0 #ffffff, -155px -27px 0 #ffffff, -195px -37px 0 #ffffff, -235px -22px 0 #ffffff, -75px 28px 0 #ffffff, -235px 28px 0 #ffffff !important; } .logo::after { content: '' !important; position: absolute !important; left: 20px !important; top: 40% !important; width: 1px !important; height: 1px !important; background: #ffffff !important; border-radius: 50% !important; z-index: 9999 !important; box-shadow: -105px 5px 0 #ffffff, -120px -20px 0 #ffffff, -135px 25px 0 #ffffff, -150px -25px 0 #ffffff, -80px 10px 0 #ffffff, -90px -5px 0 #ffffff, -100px 15px 0 #ffffff, -120px 5px 0 #ffffff, -130px -15px 0 #ffffff, -15px 15px 0 #ffffff, -30px -10px 0 #ffffff, -45px 10px 0 #ffffff, -60px -5px 0 #ffffff, -75px 20px 0 #ffffff, -90px -15px 0 #ffffff, /* Добавляем 6 звездочек справа */ 121px -15px 0 #ffffff, 142px 20px 0 #ffffff, 163px -10px 0 #ffffff, 163px -10px 0 #ffffff, 173px -13px 0 #ffffff, 90px 25px 0 #ffffff, 103px 20px 0 #ffffff, 96px 40px 0 #ffffff, 75px -19px 0 #ffffff, 85px -11px 0 #ffffff, 79px -7px 0 #ffffff, 110px 30px 0 #ffffff, 113px -19px 0 #ffffff, 116px 25px 0 #ffffff, -58px 30px 0 #ffffff, -53px 22px 0 #ffffff, -48px 20px 0 #ffffff, 184px 25px 0 #ffffff, /* +5% от 180px */ 205px -20px 0 #ffffff, /* +5% от 200px */ 226px 15px 0 #ffffff, /* +5% от 220px */ /* Добавляем еще 7 звездочек влево с очень маленьким интервалом */ -10px -15px 0 #ffffff, /* Уменьшили интервал еще больше */ -20px 20px 0 #ffffff, /* Уменьшили интервал еще больше */ -30px -5px 0 #ffffff, /* Уменьшили интервал еще больше */ -40px 15px 0 #ffffff, /* Уменьшили интервал еще больше */ -50px -20px 0 #ffffff, /* Уменьшили интервал еще больше */ -60px 10px 0 #ffffff, /* Уменьшили интервал еще больше */ -70px -10px 0 #ffffff, /* Добавляем еще 5 звездочек влево с очень маленьким интервалом */ -80px 25px 0 #ffffff, /* Уменьшили интервал еще больше */ -90px -15px 0 #ffffff, /* Уменьшили интервал еще больше */ -100px 30px 0 #ffffff, /* Уменьшили интервал еще больше */ -110px -25px 0 #ffffff, /* Уменьшили интервал еще больше */ -120px 35px 0 #ffffff, /* Добавляем еще 5 звездочек под второй звездочкой */ 0px 24px 0 #ffffff, /* Подняли еще на 3px */ 15px 34px 0 #ffffff, /* Подняли еще на 3px */ 30px 29px 0 #ffffff, /* Подняли еще на 3px */ 45px 39px 0 #ffffff, /* Подняли еще на 3px */ 60px 24px 0 #ffffff, /* Добавляем еще 5 звездочек вниз от второй звездочки */ -37px 30px 0 #ffffff, /* Сдвинули еще настолько же левее */ /* Добавляем еще 3 звездочки снизу */ -30px 30px 0 #ffffff, /* Подняли еще выше */ 0px 35px 0 #ffffff !important; /* Подняли еще выше */ } input, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="date"], input[type="time"], select, textarea, .form-input { border-radius: 8px !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; border: 2px solid transparent !important; padding: 12px 16px !important; background: #000000 !important; color: #ffffff !important; } /* Исключаем поле поиска из общих стилей */ input[type="search"], input[type="search"] *, input[type="search"]::before, input[type="search"]::after, input.search, input.search-input, input.search-field, input[placeholder*="Поиск"], input[placeholder*="Search"] { border: 1px solid #888888 !important; background: #000000 !important; color: #ffffff !important; border-radius: 8px !important; padding: 12px 16px !important; max-width: 710px !important; width: 710px !important; flex: 0 0 710px !important; min-width: 400px !important; } /* При наведении - желтое свечение */ input[type="search"]:hover { border: 1px solid #fbbf24 !important; box-shadow: 0 0 20px rgba(251, 191, 36, 0.4) !important; } /* При фокусе - желтая граница с тенью */ input[type="search"]:focus { border: 2px solid #fbbf24 !important; box-shadow: 0 0 25px rgba(251, 191, 36, 0.6) !important; transform: translateY(-2px) !important; background: #374151 !important; } .search-container, .search-wrapper, .search-form { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; position: relative !important; margin: 0 !important; margin-left: 38% !important; margin-top: 5px !important; transform: translateX(-25%) !important; max-width: calc(100vw - 40px) !important; overflow: visible !important; } .btn.btn-search, button.btn.btn-search, .btn-search, .search-button-div button, .search-button, .search-btn { background: transparent !important; color: #ffffff !important; border: none !important; box-shadow: none !important; padding: 8px !important; border-radius: 50% !important; width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .search-button, .search-btn, button[type="submit"], input[type="submit"] { margin-left: 8px !important; } .search-icon, .search-button, .search-btn, .utility-button, .utility-btn { margin-left: 8px !important; } input[type="search"] + button, input[type="search"] + input[type="submit"], .search-input + button, .search-input + input[type="submit"] { margin-left: 8px !important; } button[type="submit"]:has(svg), button:has(svg), .search-icon, .search-button, .search-btn, .utility-button, .utility-btn, button:contains("Поиск"), button:contains("Search") { margin-left: 8px !important; transform: translateX(8px) !important; } button[type="submit"], button[type="button"], input[type="submit"], input[type="button"] { margin-left: 8px !important; position: relative !important; left: 8px !important; } button:has(svg[data-icon="search"]), button:has(svg[class*="search"]), button:has(svg[class*="magnifier"]), button:has(svg[class*="loupe"]) { margin-left: 8px !important; transform: translateX(8px) !important; } .dropdown-select__title, .dropdown-select__title.darken, .dropdown-select__title.font_xs { background: #000000 !important; color: #cccccc !important; border: none !important; border-radius: 6px !important; padding: 5px 8px !important; font-size: 13px !important; font-family: 'Inter', sans-serif !important; margin-right: 8px !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .dropdown-select__list, .dropdown-select__dropdown, .dropdown-select__options, .dropdown-select__menu { background: #000000 !important; border: 1px solid #333333 !important; border-radius: 0 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important; z-index: 1000 !important; position: absolute !important; top: calc(100% - 58px) !important; left: 0 !important; min-width: 120px !important; max-height: 200px !important; overflow-y: auto !important; } .dropdown-select__list::-webkit-scrollbar, .dropdown-select__dropdown::-webkit-scrollbar, .dropdown-select__options::-webkit-scrollbar, .dropdown-select__menu::-webkit-scrollbar { width: 0 !important; background: transparent !important; } .dropdown-select__list::-webkit-scrollbar-thumb, .dropdown-select__dropdown::-webkit-scrollbar-thumb, .dropdown-select__options::-webkit-scrollbar-thumb, .dropdown-select__menu::-webkit-scrollbar-thumb { background: transparent !important; } .dropdown-select__item, .dropdown-select__option, .dropdown-select__link { background: #000000 !important; color: #cccccc !important; padding: 8px 12px !important; border: none !important; border-bottom: 1px solid #333333 !important; cursor: pointer !important; transition: all 0.2s ease !important; font-size: 13px !important; font-family: 'Inter', sans-serif !important; border-radius: 0 !important; } .dropdown-select__item:hover, .dropdown-select__option:hover, .dropdown-select__link:hover { background: #333333 !important; color: #ffffff !important; } .dropdown-select__list button, .dropdown-select__dropdown button, .dropdown-select__options button, .dropdown-select__menu button, .dropdown-select__list .btn, .dropdown-select__dropdown .btn, .dropdown-select__options .btn, .dropdown-select__menu .btn { border-radius: 0 !important; } .wrap_icon, .wrap_icon *, .wrap_icon::before, .wrap_icon::after { background: transparent !important; background-color: transparent !important; } .wrap_icon { border: none !important; box-shadow: none !important; outline: none !important; } .eye-password, .eye-password::before, .eye-password::after, .form-control.eye-password, .form-control.eye-password::before, .form-control.eye-password::after { background: transparent !important; background-color: transparent !important; } [class*="eye-password"], [class*="eye-password"]::before, [class*="eye-password"]::after { background: transparent !important; background-color: transparent !important; } .eye-password.password-show::after, .form-control.eye-password.password-show::after { top: 50% !important; transform: translateY(-50%) !important; } .form-control:nth-child(2) .eye-password::after, .form-control:nth-child(2) .form-control.eye-password::after { top: 50% !important; transform: translateY(-50%) !important; } .eye-password::after, .form-control.eye-password::after { content: '' !important; position: absolute !important; right: 12px !important; top: 50% !important; transform: translateY(-50%) !important; width: 20px !important; height: 20px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23cccccc'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 16px !important; cursor: pointer !important; z-index: 10 !important; } .password, .confirm_password { position: relative !important; } .dropdown-select__title--opened + .dropdown-select__list, .dropdown-select__title--opened + .dropdown-select__title--opened + .dropdown-select__dropdown, .dropdown-select__title--opened + .dropdown-select__title--opened + .dropdown-select__options, .dropdown-select__title--opened + .dropdown-select__title--opened + .dropdown-select__menu { display: block !important; opacity: 1 !important; visibility: visible !important; } .dropdown-select_list.dropdown-menu-wrapper { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } .line-block_item { z-index: 1 !important; position: relative !important; } .dropdown-toggle { z-index: 10 !important; position: relative !important; } button, input[type="submit"], input[type="button"], .btn, .btn-default, .btn-lg, .form-button, .bx-auth-submit { margin-left: 8px !important; position: relative !important; left: 8px !important; } input:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="url"]:hover, input[type="date"]:hover, select:hover, textarea:hover, .form-input:hover { outline: none !important; border-color: rgba(255, 255, 255, 0.5) !important; border-width: 2px !important; box-shadow: 0 0 15px rgba(255, 255, 255, 0.6) !important; background: #1a1a1a !important; } input:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="time"]:focus, select:focus, textarea:focus, .form-input:focus { outline: none !important; border-color: #666666 !important; border-width: 1px !important; box-shadow: none !important; transform: none !important; background: #000000 !important; } button, input[type="submit"], input[type="button"], .btn, .btn-default, .btn-lg, .form-button, .bx-auth-submit { background: linear-gradient(135deg, #4b5563, #6b7280) !important; color: #000000 !important; border: none !important; border-radius: var(--radius) !important; padding: 12px 24px !important; font-size: 14px !important; font-weight: 700 !important; font-family: inherit !important; cursor: pointer !important; text-transform: uppercase !important; letter-spacing: 1px !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s ease-out !important; box-shadow: var(--shadow-md), 0 0 20px rgba(75, 85, 99, 0.3) !important; position: relative !important; overflow: hidden !important; z-index: 1 !important; } button::before, input[type="submit"]::before, input[type="button"]::before, .btn::before, .btn-default::before, .btn-lg::before, .form-button::before, .bx-auth-submit::before { content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 0 !important; height: 0 !important; background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%) !important; border-radius: 50% !important; transform: translate(-50%, -50%) !important; transition: width 0.6s ease-out, height 0.6s ease-out !important; z-index: 0 !important; pointer-events: none !important; } button:hover::before, input[type="submit"]:hover::before, input[type="button"]:hover::before, .btn:hover::before, .btn-default:hover::before, .btn-lg:hover::before, .form-button:hover::before, .bx-auth-submit:hover::before { width: 300px !important; height: 300px !important; } button *, input[type="submit"] *, input[type="button"] *, .btn *, .btn-default *, .btn-lg *, .form-button *, .bx-auth-submit * { position: relative !important; z-index: 2 !important; } button:hover, input[type="submit"]:hover, input[type="button"]:hover, .btn:hover, .btn-default:hover, .btn-lg:hover, .form-button:hover, .bx-auth-submit:hover { box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 0 30px rgba(75, 85, 99, 0.5) !important; background: linear-gradient(135deg, #6b7280, #4b5563) !important; animation: buttonPulse 0.6s ease-out !important; } @keyframes buttonPulse { 0% { transform: scale(1) translateY(0); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 0 30px rgba(75, 85, 99, 0.5); } 30% { transform: scale(1.05) translateY(-2px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3), 0 0 40px rgba(75, 85, 99, 0.7); } 60% { transform: scale(1.02) translateY(-1px); box-shadow: 0 10px 36px rgba(0, 0, 0, 0.25), 0 0 35px rgba(75, 85, 99, 0.6); } 100% { transform: scale(1.03) translateY(-1px); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 0 30px rgba(75, 85, 99, 0.5); } } button:focus, input[type="submit"]:focus, input[type="button"]:focus, .btn:focus, .btn-default:focus, .btn-lg:focus, .form-button:focus, .bx-auth-submit:focus { outline: none !important; box-shadow: 0 0 0 3px rgba(75, 85, 99, 0.5) !important; } .search-icon, .search-button, .search-btn, .subscribe-button, .subscribe-btn, .newsletter-button, .newsletter-btn, .social-button, .social-btn, .utility-button, .utility-btn { background: linear-gradient(135deg, #475569, #64748b) !important; color: #ffffff !important; border: 1px solid #f3f4f6 !important; border-radius: 12px !important; padding: 8px 12px !important; font-size: 14px !important; font-weight: 500 !important; font-family: inherit !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; position: relative !important; overflow: hidden !important; opacity: 0.8 !important; } .search-icon:hover, .search-button:hover, .search-btn:hover, .subscribe-button:hover, .subscribe-btn:hover, .newsletter-button:hover, .newsletter-btn:hover, .social-button:hover, .social-btn:hover, .utility-button:hover, .utility-btn:hover { transform: translateY(-1px) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important; background: linear-gradient(135deg, #64748b, #475569) !important; opacity: 1 !important; } .search-icon:focus, .search-button:focus, .search-btn:focus, .subscribe-button:focus, .subscribe-btn:focus, .newsletter-button:focus, .newsletter-btn:focus, .social-button:focus, .social-btn:focus, .utility-button:focus, .utility-btn:focus { outline: none !important; box-shadow: 0 0 0 2px rgba(71, 85, 105, 0.3) !important; } .sidebar-icon, .cart-icon, .heart-icon, .chart-icon, .favorite-icon, .compare-icon { background: #ffffff !important; color: #666666 !important; border: 1px solid #e5e7eb !important; border-radius: 8px !important; padding: 16px !important; font-size: 18px !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; opacity: 1 !important; width: 60px !important; height: 60px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 8px !important; position: fixed !important; right: 20px !important; z-index: 1000 !important; } .sidebar-icon:hover, .cart-icon:hover, .heart-icon:hover, .chart-icon:hover, .favorite-icon:hover, .compare-icon:hover { background: #f8f9fa !important; transform: scale(1.05) !important; opacity: 1 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; } .cart-icon { top: 100px !important; } .heart-icon { top: 180px !important; } .chart-icon { top: 260px !important; } .cart-icon::after, .heart-icon::after, .chart-icon::after, .compare-icon::after { content: attr(data-label) !important; font-size: 12px !important; font-weight: 500 !important; color: #666666 !important; text-align: center !important; line-height: 1.2 !important; margin-top: 4px !important; } label[for*="LAST_NAME"], label[for*="NAME"], label[for*="SECOND_NAME"], label:contains("Фамилия"), label:contains("Имя"), label:contains("Отчество") { color: #ffffff !important; font-weight: 600 !important; font-size: 14px !important; margin-bottom: 8px !important; display: block !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important; } .fio-fields-container { display: flex; gap: 15px; margin-bottom: 20px; } .fio-field { flex: 1; } .fio-field label { display: block; margin-bottom: 5px; font-weight: 500; } .fio-field input { width: 100%; padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; transition: border-color 0.3s ease; } .fio-field input:focus { border-color: #007bff; outline: none; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } input[name="REGISTER[LAST_NAME]"], input[name="REGISTER[NAME]"], input[name="REGISTER[SECOND_NAME]"], input[id="input_LAST_NAME"], input[id="input_NAME"], input[id="input_SECOND_NAME"], input[placeholder*="Фамилия"], input[placeholder*="Имя"], input[placeholder*="Отчество"] { display: inline-block; width: 130px; margin-right: 10px; margin-bottom: 15px; background: #16213e; color: #ffffff; border: 2px solid #6b7280; border-radius: 8px; padding: 10px 12px; font-size: 14px; font-family: inherit; transition: all 0.3s ease; box-sizing: border-box; } input[name="REGISTER[LAST_NAME]"]:focus, input[name="REGISTER[NAME]"]:focus, input[name="REGISTER[SECOND_NAME]"]:focus, input[id="input_LAST_NAME"]:focus, input[id="input_NAME"]:focus, input[id="input_SECOND_NAME"]:focus, input[placeholder*="Фамилия"]:focus, input[placeholder*="Имя"]:focus, input[placeholder*="Отчество"]:focus, input[name="REGISTER[EMAIL]"]:focus, input[name="REGISTER[PERSONAL_PHONE]"]:focus, input[name="REGISTER[PASSWORD]"]:focus, input[name="REGISTER[CONFIRM_PASSWORD]"]:focus, input[id="input_EMAIL"]:focus, input[id="input_PERSONAL_PHONE"]:focus, input[id="input_PASSWORD"]:focus, input[id="input_CONFIRM_PASSWORD"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.2); transform: translateY(-2px); } .fio-fields-container { display: flex !important; flex-direction: row !important; justify-content: flex-start !important; align-items: flex-start !important; gap: 10px !important; margin-bottom: 20px !important; width: 100% !important; box-sizing: border-box !important; flex-wrap: nowrap !important; margin-left: 0 !important; padding-left: 0 !important; position: relative !important; left: 0 !important; } a.all_result_title.btn.btn-transparent.btn-wide.round-ignore, .btn.all_result_title.btn-transparent.btn-wide.round-ignore, a[class*="all_result_title"][class*="btn"][class*="btn-transparent"][class*="btn-wide"][class*="round-ignore"], .btn[class*="all_result_title"][class*="btn-transparent"][class*="btn-wide"][class*="round-ignore"] { margin-left: 0px !important; left: 0px !important; position: relative !important; transform: translateX(0px) !important; box-sizing: border-box !important; } button[name="register_submit_button1"], .btn.btn-default.btn-lg[name="register_submit_button1"], button[type="submit"][name="register_submit_button1"], .registration-page .btn.btn-default.btn-lg[name="register_submit_button1"], .pk-page .btn.btn-default.btn-lg[name="register_submit_button1"], .registration-page.pk-page .btn.btn-default.btn-lg[name="register_submit_button1"], .line-block.form_footer__bottom .line-block__item .btn.btn-default.btn-lg[name="register_submit_button1"], .line-block.form_footer__bottom .line-block__item button[name="register_submit_button1"] { margin-left: 8px !important; left: 8px !important; position: relative !important; transform: none !important; box-sizing: border-box !important; float: none !important; display: inline-block !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 0 30px rgba(75, 85, 99, 0.5) !important; } button[name="register_submit_button1"]:hover, .btn.btn-default.btn-lg[name="register_submit_button1"]:hover, button[type="submit"][name="register_submit_button1"]:hover, .registration-page .btn.btn-default.btn-lg[name="register_submit_button1"]:hover, .pk-page .btn.btn-default.btn-lg[name="register_submit_button1"]:hover, .registration-page.pk-page .btn.btn-default.btn-lg[name="register_submit_button1"]:hover, .line-block.form_footer__bottom .line-block__item .btn.btn-default.btn-lg[name="register_submit_button1"]:hover, .line-block.form_footer__bottom .line-block__item button[name="register_submit_button1"]:hover { box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3), 0 0 40px rgba(75, 85, 99, 0.7) !important; } @media (min-width: 769px) { #mobileheader, #mobileheader .mobileheader-v1, #mobileheader .mobileheader-v1 .burger.pull-left, #mobileheader .mobileheader-v1 .burger.pull-left * { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; position: absolute !important; left: -9999px !important; top: -9999px !important; } } @media (min-width: 1024px) { #mobileheader, #mobileheader * { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } } @media (min-width: 769px) { .burger, .burger.inner-table-block, .burger.pull-left, .burger-menu, .mobile-burger, .hamburger, .hamburger-menu, .nav-toggle, .menu-toggle, .mobile-toggle, .mobile-nav-toggle, .mobile-menu-toggle, .mobile-header-toggle, .mobile-header-burger, .mobile-header-menu, .mobile-header-nav, .mobile-header-toggle, .mobile-header-burger, .mobile-header-menu, .mobile-header-nav { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; position: absolute !important; left: -9999px !important; top: -9999px !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .burger *, .burger.inner-table-block *, .burger.pull-left *, .burger-menu *, .mobile-burger *, .hamburger *, .hamburger-menu *, .nav-toggle *, .menu-toggle *, .mobile-toggle *, .mobile-nav-toggle *, .mobile-menu-toggle *, .mobile-header-toggle *, .mobile-header-burger *, .mobile-header-menu *, .mobile-header-nav * { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } } .mobile-menu.active, .mobile-nav.active, .mobile-dropdown.active, .mobile-overlay.active, .mobile-menu-content.active, .mobile-menu-wrapper.active, .mobile-menu-container.active, .mobile-menu-inner.active, .burger.active, .burger.inner-table-block.active, .burger.pull-left.active, .burger-menu.active, .mobile-burger.active, .hamburger.active, .hamburger-menu.active, .nav-toggle.active, .menu-toggle.active, .mobile-toggle.active, .mobile-nav-toggle.active, .mobile-menu-toggle.active, .mobile-header-toggle.active, .mobile-header-burger.active, .mobile-header-menu.active, .mobile-header-nav.active { &::before, &::after, & *::before, & *::after { display: none !important; visibility: hidden !important; opacity: 0 !important; animation: none !important; } } body.burger-menu-open, body.mobile-menu-open, body.nav-open, body.menu-open, html.burger-menu-open, html.mobile-menu-open, html.nav-open, html.menu-open { .logo::before, .logo::after, .logo *::before, .logo *::after, [data-twinkle], .twinkle-star-1, .twinkle-star-2, .twinkle-star-3, .twinkle-star-4, .twinkle-star-5, .twinkle-star-6, .twinkle-star-7, .twinkle-star-8, .twinkle-star-9, .twinkle-star-10 { display: none !important; visibility: hidden !important; opacity: 0 !important; animation: none !important; } } .customScrollbar.scrollblock, .dropdown-menu.BANNER .customScrollbar.scrollblock, div.customScrollbar.scrollblock { background-color: #000000 !important; background: #000000 !important; color: #ffffff !important; border: 2px solid #ffffff !important; box-shadow: 0 0 20px rgba(255, 255, 255, 0.6), 0 0 40px rgba(255, 255, 255, 0.3) !important; } .customScrollbar.scrollblock *, .dropdown-menu.BANNER .customScrollbar.scrollblock * { color: #ffffff !important; } .search-input, input#title-search-input_fixed.search-input, input[type="text"].search-input, input[name="q"].search-input, input[placeholder="Поиск"] { box-shadow: 0 0 15px rgba(255, 255, 255, 1), 0 0 30px rgba(255, 255, 255, 0.9), 0 0 45px rgba(255, 255, 255, 0.7), 0 0 60px rgba(255, 255, 255, 0.5), inset 0 0 15px rgba(255, 255, 255, 0.3) !important; border: 2px solid rgba(255, 255, 255, 0.8) !important; background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%) !important; transition: all 0.3s ease !important; } .search-input:focus, input#title-search-input_fixed.search-input:focus, input[type="text"].search-input:focus, input[name="q"].search-input:focus, input[placeholder="Поиск"]:focus { box-shadow: 0 0 20px rgba(255, 255, 255, 1), 0 0 40px rgba(255, 255, 255, 1), 0 0 60px rgba(255, 255, 255, 0.9), 0 0 80px rgba(255, 255, 255, 0.7), 0 0 100px rgba(255, 255, 255, 0.5), inset 0 0 20px rgba(255, 255, 255, 0.4) !important; border: 3px solid rgba(255, 255, 255, 1) !important; transform: scale(1.02) !important; } input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input.phone_input, input.phone_input, input[name="REGISTER[LAST_NAME]"], input[name="REGISTER[NAME]"], input[name="REGISTER[SECOND_NAME]"], input[name="REGISTER[EMAIL]"], input[name="REGISTER[PERSONAL_PHONE]"], input[name="REGISTER[PASSWORD]"], input[name="REGISTER[CONFIRM_PASSWORD]"], input[id="input_LAST_NAME"], input[id="input_NAME"], input[id="input_SECOND_NAME"], input[id="input_EMAIL"], input[id="input_PERSONAL_PHONE"], input[id="input_PASSWORD"], input[id="input_CONFIRM_PASSWORD"], input[placeholder*="Фамилия"], input[placeholder*="Имя"], input[placeholder*="Отчество"], input[placeholder*="E-mail"], input[placeholder*="Телефон"], input[placeholder*="Пароль"], input[placeholder*="Подтверждение"], input[placeholder*="Введите код"] { border: 1px solid #666666 !important; background: linear-gradient(135deg, #000000 0%, #222222 100%) !important; transition: all 0.3s ease !important; } /* Дополнительные стили для поля логина */ input[name="USER_LOGIN"], input[name="USER_LOGIN_POPUP"], input[id="USER_LOGIN"], input[id="USER_LOGIN_POPUP"], input[placeholder*="Логин"], input[placeholder*="Login"] { border: 1px solid #666666 !important; background: linear-gradient(135deg, #000000 0%, #222222 100%) !important; background-color: #000000 !important; transition: all 0.3s ease !important; } /* Принудительно применяем градиент к полю логина */ input[name="USER_LOGIN"]:not(:focus), input[name="USER_LOGIN_POPUP"]:not(:focus), input[id="USER_LOGIN"]:not(:focus), input[id="USER_LOGIN_POPUP"]:not(:focus) { background: linear-gradient(135deg, #000000 0%, #222222 100%) !important; background-color: #000000 !important; background-image: linear-gradient(135deg, #000000 0%, #222222 100%) !important; } /* Дополнительные стили для поля email */ input[type="email"], input[name="REGISTER[EMAIL]"], input[name="USER_EMAIL"], input[id="input_EMAIL"], input[id="USER_EMAIL"], input[placeholder*="E-mail"], input[placeholder*="Email"], input[placeholder*="email"] { border: 1px solid #666666 !important; background: linear-gradient(135deg, #000000 0%, #222222 100%) !important; background-color: #000000 !important; transition: all 0.3s ease !important; } /* Принудительно применяем градиент к полю email */ input[type="email"]:not(:focus), input[name="REGISTER[EMAIL]"]:not(:focus), input[name="USER_EMAIL"]:not(:focus), input[id="input_EMAIL"]:not(:focus), input[id="USER_EMAIL"]:not(:focus) { background: linear-gradient(135deg, #000000 0%, #222222 100%) !important; background-color: #000000 !important; background-image: linear-gradient(135deg, #000000 0%, #222222 100%) !important; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input.phone_input:focus, input.phone_input:focus, input[name="REGISTER[LAST_NAME]"]:focus, input[name="REGISTER[NAME]"]:focus, input[name="REGISTER[SECOND_NAME]"]:focus, input[name="REGISTER[EMAIL]"]:focus, input[name="REGISTER[PERSONAL_PHONE]"]:focus, input[name="REGISTER[PASSWORD]"]:focus, input[name="REGISTER[CONFIRM_PASSWORD]"]:focus, input[id="input_LAST_NAME"]:focus, input[id="input_NAME"]:focus, input[id="input_SECOND_NAME"]:focus, input[id="input_EMAIL"]:focus, input[id="input_PERSONAL_PHONE"]:focus, input[id="input_PASSWORD"]:focus, input[id="input_CONFIRM_PASSWORD"]:focus, input[placeholder*="Фамилия"]:focus, input[placeholder*="Имя"]:focus, input[placeholder*="Отчество"]:focus, input[placeholder*="E-mail"]:focus, input[placeholder*="Телефон"]:focus, input[placeholder*="Пароль"]:focus, input[placeholder*="Введите код"]:focus { box-shadow: 0 0 5px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1), 0 0 15px rgba(255, 255, 255, 0.9), 0 0 20px rgba(255, 255, 255, 0.7), 0 0 25px rgba(255, 255, 255, 0.5), inset 0 0 5px rgba(255, 255, 255, 0.4) !important; border: 3px solid rgba(255, 255, 255, 1) !important; transform: scale(1.02) !important; background: linear-gradient(135deg, #000000 0%, #333333 100%) !important; } /* Дополнительные стили для поля логина при фокусе */ input[name="USER_LOGIN"]:focus, input[name="USER_LOGIN_POPUP"]:focus, input[id="USER_LOGIN"]:focus, input[id="USER_LOGIN_POPUP"]:focus { box-shadow: 0 0 5px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1), 0 0 15px rgba(255, 255, 255, 0.9), 0 0 20px rgba(255, 255, 255, 0.7), 0 0 25px rgba(255, 255, 255, 0.5), inset 0 0 5px rgba(255, 255, 255, 0.4) !important; border: 3px solid rgba(255, 255, 255, 1) !important; transform: scale(1.02) !important; background: linear-gradient(135deg, #000000 0%, #222222 100%) !important; } /* Дополнительные стили для поля email при фокусе */ input[type="email"]:focus, input[name="REGISTER[EMAIL]"]:focus, input[name="USER_EMAIL"]:focus, input[id="input_EMAIL"]:focus, input[id="USER_EMAIL"]:focus { box-shadow: 0 0 5px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1), 0 0 15px rgba(255, 255, 255, 0.9), 0 0 20px rgba(255, 255, 255, 0.7), 0 0 25px rgba(255, 255, 255, 0.5), inset 0 0 5px rgba(255, 255, 255, 0.4) !important; border: 3px solid rgba(255, 255, 255, 1) !important; transform: scale(1.02) !important; background: linear-gradient(135deg, #000000 0%, #222222 100%) !important; } /* Дополнительные стили для полей пароля */ input[type="password"], input[name="REGISTER[PASSWORD]"], input[name="REGISTER[CONFIRM_PASSWORD]"], input[name="USER_PASSWORD"], input[id="input_PASSWORD"], input[id="input_CONFIRM_PASSWORD"], input[id="USER_PASSWORD"], input[placeholder*="Пароль"], input[placeholder*="Password"], input[placeholder*="Подтверждение"], input[placeholder*="Confirm"], input.password { border: 1px solid #666666 !important; background: linear-gradient(135deg, #000000 0%, #222222 100%) !important; background-color: #000000 !important; transition: all 0.3s ease !important; } /* Принудительно применяем градиент к полям пароля */ input[type="password"]:not(:focus), input[name="REGISTER[PASSWORD]"]:not(:focus), input[name="REGISTER[CONFIRM_PASSWORD]"]:not(:focus), input[name="USER_PASSWORD"]:not(:focus), input[id="input_PASSWORD"]:not(:focus), input[id="input_CONFIRM_PASSWORD"]:not(:focus), input[id="USER_PASSWORD"]:not(:focus) { background: linear-gradient(135deg, #000000 0%, #222222 100%) !important; background-color: #000000 !important; background-image: linear-gradient(135deg, #000000 0%, #222222 100%) !important; } /* Дополнительные стили для полей пароля при фокусе */ input[type="password"]:focus, input[name="REGISTER[PASSWORD]"]:focus, input[name="REGISTER[CONFIRM_PASSWORD]"]:focus, input[name="USER_PASSWORD"]:focus, input[id="input_PASSWORD"]:focus, input[id="input_CONFIRM_PASSWORD"]:focus, input[id="USER_PASSWORD"]:focus, input.password:focus { box-shadow: 0 0 5px rgba(255, 255, 255, 1), 0 0 10px rgba(255, 255, 255, 1), 0 0 15px rgba(255, 255, 255, 0.9), 0 0 20px rgba(255, 255, 255, 0.7), 0 0 25px rgba(255, 255, 255, 0.5), inset 0 0 5px rgba(255, 255, 255, 0.4) !important; border: 3px solid rgba(255, 255, 255, 1) !important; transform: scale(1.02) !important; background: linear-gradient(135deg, #000000 0%, #222222 100%) !important; } /* Увеличиваем границы полей регистрации на мобильных */ @media (max-width: 768px) { input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input.phone_input:focus, input[name*="REGISTER"]:focus, input[id*="input_"]:focus, input[placeholder*="Фамилия"]:focus, input[placeholder*="Имя"]:focus, input[placeholder*="Отчество"]:focus, input[placeholder*="E-mail"]:focus, input[placeholder*="Телефон"]:focus, input[placeholder*="Пароль"]:focus, input[placeholder*="Подтверждение"]:focus, input[placeholder*="Введите код"]:focus { border: 1px solid rgba(255, 255, 255, 1) !important; box-shadow: 0 0 8px rgba(255, 255, 255, 1), 0 0 16px rgba(255, 255, 255, 0.9), 0 0 24px rgba(255, 255, 255, 0.7), 0 0 32px rgba(255, 255, 255, 0.5), 0 0 40px rgba(255, 255, 255, 0.3), inset 0 0 8px rgba(255, 255, 255, 0.4) !important; } /* Убираем overflow у контейнеров, которые могут обрезать свечение */ .maxwidth-theme, .registraion-page, .pk-page, .form, .form-container, .registration-form, .form-wrapper, .form-content, .form-section, .form-group, .form-row, .form-field, .input-group, .field-group, .field-wrapper, .field-container, .field-content, .field-section, .field-row, .field-col, .field-item, .field-label, .field-input, .field-error, .field-help, .field-note, .field-description, .field-required, .field-optional, .field-disabled, .field-readonly, .field-hidden, .field-visible, .field-active, .field-inactive, .field-valid, .field-invalid, .field-dirty, .field-pristine, .field-touched, .field-untouched, .field-submitted, .field-unsubmitted, .field-focus, .field-blur, .field-hover, .field-active, .field-visited, .field-link, .field-button, .field-submit, .field-reset, .field-file, .field-image, .field-video, .field-audio, .field-embed, .field-iframe, .field-object, .field-param, .field-source, .field-track, .field-map, .field-canvas, .field-svg, .field-math, .field-code, .field-pre, .field-blockquote, .field-address, .field-cite, .field-time, .field-mark, .field-del, .field-ins, .field-s, .field-u, .field-i, .field-b, .field-em, .field-strong, .field-small, .field-big, .field-sub, .field-sup, .field-abbr, .field-acronym, .field-dfn, .field-kbd, .field-samp, .field-var, .field-code, .field-pre, .field-blockquote, .field-address, .field-cite, .field-time, .field-mark, .field-del, .field-ins, .field-s, .field-u, .field-i, .field-b, .field-em, .field-strong, .field-small, .field-big, .field-sub, .field-sup, .field-abbr, .field-acronym, .field-dfn, .field-kbd, .field-samp, .field-var { overflow: visible !important; } } /* Для очень маленьких экранов делаем границы еще больше */ @media (max-width: 480px) { input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input.phone_input:focus, input[name*="REGISTER"]:focus, input[id*="input_"]:focus, input[placeholder*="Фамилия"]:focus, input[placeholder*="Имя"]:focus, input[placeholder*="Отчество"]:focus, input[placeholder*="E-mail"]:focus, input[placeholder*="Телефон"]:focus, input[placeholder*="Пароль"]:focus, input[placeholder*="Подтверждение"]:focus, input[placeholder*="Введите код"]:focus { border: 1px solid rgba(255, 255, 255, 1) !important; box-shadow: 0 0 10px rgba(255, 255, 255, 1), 0 0 20px rgba(255, 255, 255, 0.9), 0 0 30px rgba(255, 255, 255, 0.7), 0 0 40px rgba(255, 255, 255, 0.5), 0 0 50px rgba(255, 255, 255, 0.3), inset 0 0 10px rgba(255, 255, 255, 0.4) !important; } } /* Убираем белый фон при автозаполнении браузером */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #000000 inset !important; -webkit-text-fill-color: #ffffff !important; background: #000000 !important; background-color: #000000 !important; background-image: none !important; } /* Для Firefox */ input:-moz-autofill { background: #000000 !important; background-color: #000000 !important; color: #ffffff !important; } /* Для всех браузеров */ input[autocomplete] { background: #000000 !important; background-color: #000000 !important; } /* МОБИЛЬНАЯ АДАПТАЦИЯ - ТОЛЬКО ДЛЯ ТЕЛЕФОНОВ */ @media (max-width: 768px) { /* Блокируем горизонтальную прокрутку */ html, body { overflow-x: hidden !important; width: 100% !important; max-width: 100vw !important; } /* Контейнеры */ .maxwidth-theme, .registraion-page, .pk-page, .container, .wrapper, .content, .main-content, .top-block, .top-block-v1, .header-v16, .top-header, .main-header, header, .header { overflow-x: hidden !important; width: 100% !important; max-width: 100% !important; position: relative !important; left: 0 !important; right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; transform: none !important; box-sizing: border-box !important; } /* Формы и поля ввода */ .form, .form-block, .field, .field-b, .field-em, .field-strong, .field-small, .field-big, .field-sub, .field-sup, .field-abbr, .field-acronym, .field-dfn, .field-kbd, .field-samp, .field-var, .field-code, .field-pre, .field-blockquote, .field-address, .field-cite, .field-time, .field-mark, .field-del, .field-ins, .field-s, .field-u, .field-i, .field-b { overflow-x: hidden !important; width: 100% !important; max-width: 100% !important; position: relative !important; left: 0 !important; right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; transform: none !important; box-sizing: border-box !important; } /* Поля ввода */ input, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input.phone_input, input[name*="REGISTER"], input[id*="input_"], input[placeholder*="Фамилия"], input[placeholder*="Имя"], input[placeholder*="Отчество"], input[placeholder*="E-mail"], input[placeholder*="Телефон"], input[placeholder*="Пароль"], input[placeholder*="Подтверждение"], input[placeholder*="Введите код"], textarea, select, button, .btn, .button { font-size: 16px !important; transform: none !important; zoom: 1 !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; position: relative !important; left: 0 !important; right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 16px !important; padding-right: 16px !important; overflow-x: hidden !important; } /* Поисковая строка */ .search-form, .search-input, .search-block, .search-wrapper { width: 100% !important; max-width: 100% !important; position: relative !important; left: 0 !important; right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; transform: none !important; box-sizing: border-box !important; overflow-x: hidden !important; } } /* Для очень маленьких экранов */ @media (max-width: 480px) { input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input.phone_input:focus, input[name*="REGISTER"]:focus, input[id*="input_"]:focus, input[placeholder*="Фамилия"]:focus, input[placeholder*="Имя"]:focus, input[placeholder*="Отчество"]:focus, input[placeholder*="E-mail"]:focus, input[placeholder*="Телефон"]:focus, input[placeholder*="Пароль"]:focus, input[placeholder*="Подтверждение"]:focus, input[placeholder*="Введите код"]:focus { border: 1px solid rgba(255, 255, 255, 1) !important; box-shadow: 0 0 10px rgba(255, 255, 255, 1), 0 0 20px rgba(255, 255, 255, 0.9), 0 0 30px rgba(255, 255, 255, 0.7), 0 0 40px rgba(255, 255, 255, 0.5), 0 0 50px rgba(255, 255, 255, 0.3), inset 0 0 10px rgba(255, 255, 255, 0.4) !important; } } /* Скрываем поисковый оверлей на десктопе */ @media (min-width: 769px) { .inline-search-block.fixed.with-close.big.show, .inline-search-block.fixed.with-close.big, .inline-search-block.fixed { display: none !important; } /* Скрываем серый фон jqmOverlay на десктопе */ .jqmOverlay.search, div.jqmOverlay.search, .jqmOverlay, div.jqmOverlay { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; z-index: -9999 !important; } } /* Убираем стандартную белую заливку браузера при автозаполнении для всех полей */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px transparent inset !important; -webkit-text-fill-color: inherit !important; background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Для Firefox */ input:-moz-autofill { background: transparent !important; background-color: transparent !important; color: inherit !important; } /* Для всех браузеров - убираем любые стили автозаполнения */ input[autocomplete] { background: transparent !important; background-color: transparent !important; } /* Стили для футера - прозрачный, чтобы был виден градиент главной страницы */ .footer, .footer-inner, .footer-block, .footer-content, .footer-wrapper, [class*="footer"] { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Добавляем красивый градиент для всего фона сайта */ html, body { background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 30%, #000000 70%, #000000 100%) !important; background-color: #2a2a2a !important; min-height: 100vh !important; } /* Градиент для основного контейнера */ .main-content, .page-content, .content-wrapper, [class*="content"], [class*="main"] { background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 30%, #000000 70%, #000000 100%) !important; background-color: #2a2a2a !important; } /* Дополнительные селекторы для футера */ div[class*="footer"], section[class*="footer"], footer { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Делаем секцию page-top прозрачной */ section.page-top.maxwidth-theme.center, .page-top.maxwidth-theme.center, .page-top.maxwidth-theme, .page-top { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Делаем div.maxwidth-theme прозрачным */ div.maxwidth-theme, .maxwidth-theme { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Делаем div.fio-field прозрачным */ div.fio-field, .fio-field { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Делаем div.form-body прозрачным */ div.form-body, .form-body { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Делаем div.form-body прозрачным с максимальным приоритетом */ div.form-body, .form-body, div[class*="form-body"], [class*="form-body"] { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } /* Делаем прозрачными все лишние контейнеры вокруг полей */ [class*="form-"], [class*="form_"], .form-control, .form-group, .form-row, .form-line, .form-wrapper, .form-container, .form-section, .form-block, .form-item, .form-field { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } /* Делаем прозрачным контейнер вокруг кнопок */ div.line-block.form_footer_bottom, .line-block.form_footer_bottom, .form_footer_bottom { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } /* Делаем прозрачным div.form_footer */ div.form_footer, .form_footer { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } /* Принудительно делаем прозрачным div.form_footer с максимальным приоритетом */ div.form_footer[style*="background"], div.form_footer[style*="background-color"], .form_footer[style*="background"], .form_footer[style*="background-color"] { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } /* Максимально агрессивное правило для div.form_footer */ div.form_footer, .form_footer, div[class*="form_footer"], [class*="form_footer"] { background: transparent !important; background-color: transparent !important; background-image: none !important; background: linear-gradient(none) !important; background: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } /* Делаем ul элементы прозрачными */ ul, ul li, ul[class*="footer"], ul[class*="footer"] li, footer ul, footer ul li { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Делаем прозрачными все классы, показанные в DevTools */ .maxwidth-theme, div.maxwidth-theme, [class*="maxwidth-theme"], .social-icons, div.social-icons, [class*="social-icons"], .footer-column, .footer-col, .footer-section, .footer-block, .footer-item, .footer-link, .footer-text, .footer-title, .footer-subtitle, .footer-description, .footer-note, .footer-help, .footer-info, .footer-message, .footer-status, .footer-validation, .footer-verification, .footer-captcha, .footer-submit, .footer-footer, .footer-header, .footer-title, .footer-text, .footer-buttons, .footer-checkbox, .footer-radio, .footer-select, .footer-textarea, .footer-file, .footer-date, .footer-time, .footer-datetime, .footer-number, .footer-url, .footer-tel, .footer-search, .footer-password, .footer-email, .footer-hidden, .footer-reset, .footer-button, .footer-submit, .footer-cancel, .footer-back, .footer-next, .footer-prev, .footer-step, .footer-progress, .footer-navigation, .footer-pagination, .footer-sorting, .footer-filter, .footer-search, .footer-results, .footer-list, .footer-table, .footer-grid, .footer-flex, .footer-inline, .footer-horizontal, .footer-vertical, .footer-stacked, .footer-compact, .footer-spacious, .footer-minimal, .footer-maximal, .footer-simple, .footer-complex, .footer-advanced, .footer-basic, .footer-standard, .footer-custom, .footer-theme, .footer-style, .footer-layout, .footer-design, .footer-template, .footer-pattern, .footer-scheme, .footer-color, .footer-font, .footer-size, .footer-spacing, .footer-margin, .footer-padding, .footer-border, .footer-shadow, .footer-glow, .footer-highlight, .footer-focus, .footer-hover, .footer-active, .footer-disabled, .footer-readonly, .footer-required, .footer-optional, .footer-valid, .footer-invalid, .footer-error, .footer-success, .footer-warning, .footer-info, .footer-help, .footer-tooltip, .footer-popup, .footer-modal, .footer-overlay, .footer-backdrop, .footer-mask, .footer-veil, .footer-curtain, .footer-screen, .footer-window, .footer-panel, .footer-tab, .footer-accordion, .footer-collapse, .footer-expand, .footer-toggle, .footer-switch, .footer-slider, .footer-range, .footer-progress, .footer-meter, .footer-rating, .footer-star, .footer-heart, .footer-thumb, .footer-like, .footer-dislike, .footer-vote, .footer-poll, .footer-survey, .footer-quiz, .footer-test, .footer-exam, .footer-assessment, .footer-evaluation, .footer-review, .footer-comment, .footer-feedback, .footer-suggestion, .footer-complaint, .footer-request, .footer-application, .footer-submission, .footer-entry, .footer-record, .footer-data, .footer-content, .footer-body, .footer-header, .footer-footer, .footer-sidebar, .footer-main, .footer-secondary, .footer-primary, .footer-auxiliary, .footer-additional, .footer-extra, .footer-bonus, .footer-premium, .footer-deluxe, .footer-ultimate, .footer-pro, .footer-enterprise, .footer-business, .footer-personal, .footer-corporate, .footer-commercial, .footer-retail, .footer-wholesale, .footer-bulk, .footer-mass, .footer-batch, .footer-group, .footer-set, .footer-collection, .footer-array, .footer-list, .footer-stack, .footer-pile, .footer-heap, .footer-bundle, .footer-package, .footer-box, .footer-case, .footer-container, .footer-holder, .footer-keeper, .footer-guard, .footer-protector, .footer-defender, .footer-shield, .footer-armor, .footer-helmet, .footer-vest, .footer-suit, .footer-uniform, .footer-costume, .footer-outfit, .footer-attire, .footer-garment, .footer-clothing, .footer-apparel, .footer-wear, .footer-dress, .footer-suit, .footer-jacket, .footer-coat, .footer-shirt, .footer-pants, .footer-shoes, .footer-hat, .footer-gloves, .footer-scarf, .footer-belt, .footer-bag, .footer-purse, .footer-wallet, .footer-backpack, .footer-suitcase, .footer-trunk, .footer-chest, .footer-crate, .footer-barrel, .footer-tank, .footer-vessel, .footer-receptacle { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* End */ /* Start:/bitrix/templates/aspro_max/components/bitrix/socserv.auth.form/icons_inline/style.css?17538755993080*/ div#workarea > div.soc-serv-main {padding-left: 12px; position: relative; } tr.soc-serv-header { color:grey; font-weight:lighter; font-size: 85%; } td.split-item-actions a.split-delete-item { width: 14px; height: 14px; display: inline-block; background:url('/bitrix/templates/aspro_max/components/bitrix/socserv.auth.form/icons_inline/images/grey_del.gif');} td.split-item-actions a.split-delete-item:hover{background:url('/bitrix/templates/aspro_max/components/bitrix/socserv.auth.form/icons_inline/images/red_del.gif') no-repeat; } div.soc-serv-accounts { color:grey; font-weight:lighter; } div.soc-serv-accounts td.soc-serv-name { color: black; padding-right: 5px; padding-left: 15px !important;} div.soc-serv-accounts td.soc-serv-name-title {padding-left: 15px !important;} div.soc-serv-title { padding-left: 7px; padding-top: 0px; background: #f5f5f5; height: 19px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .soc-serv-my-actives { font-weight:lighter; font-size: 90%; padding-left: 4px; margin-bottom:15px; vertical-align: middle; } A.soc-serv-link:visited {color: #486DAA; } a.soc-serv-link:hover {color: #D00;} div.soc-serv-main tr.soc-serv-personal td.bx-ss-icons { padding: 9px !important; } i.soc-serv-photo { width: 30px; height: 30px; display: inline-block; vertical-align: middle;} i.soc-serv-text { font-style: normal; vertical-align: middle;} td.bx-ss-icons i.bx-ss-icon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; } .bx-ss-icon {background-image:url('/bitrix/js/socialservices/css/icons_v4.png'); width:16px; height:16px; background-repeat:no-repeat; display: inline-block; vertical-align: middle; } .openid {background-position: 0px -192px;} .yandex {background-position: 0px 0px;} .openid-mail-ru {background-position: 0px -48px;} .livejournal {background-position: 0px -16px;} .liveinternet {background-position: 0px -128px;} .blogger {background-position: 0px -144px;} .rambler {background-position: 0px -160px;} .liveid {background-position: 0px -176px;} .facebook {background-position: 0px -32px;} .twitter {background-position: 0px -96px;} .vkontakte {background-position: 0px -80px;} .mymailru {background-position: 0px -64px;} .google {background-position: 0px -112px;} .odnoklassniki {background-position: 0px -208px;} .bitrix24 {background-position:0px -378px} .feed-add-post-form-but-wrap {padding:0 7px 2px; position:relative; display: none;} .feed-add-post-text {color:#bfbfbf; font-size:17px; display: none; /*height:75px; padding:10px 7px 0;*/} .feed-add-post-form.feed-add-post-edit-form {padding:0 7px 2px; position:relative; display: none;} .feed-add-post-destination-block {border-bottom: 0px !important; margin-top:5px; overflow:hidden; padding:0 0 7px 12px; position:relative; zoom:1; line-height: 20px;} .feed-add-post-destination-wrap {max-width:100% !important;} .feed-add-button {display: none;} div#bx_sonet_fieldset_SOCSERV td.bx-sonet-profile-fieldcaption {display: none;} div#soc-serv-recipients {display: none;} .bx-sonet-profile-edit-layout div.bx-sonet-profile-edit-layers table.bx-sonet-profile-fieldset-table td.bx-sonet-profile-field {padding-left: 35px;} .bx-auth input[type|="text"] {width: 25% !important;} /* End */ /* /bitrix/templates/aspro_max/components/bitrix/main.register/main/style.css?175638985080110 */ /* /bitrix/templates/aspro_max/components/bitrix/socserv.auth.form/icons_inline/style.css?17538755993080 */