:root { --color-white: #fff; --color-black: #000; --main-color: var(--color-white); --main-color-alt: #F6F6F5; --accent-color: #EB9F00; --accent-color-alt: #FFBC01; --links-color: var(--accent-color); --accent2-color: #181E21; --accent2-color-80: #181E21CC; --accent3-color: #2C3032; --accent3-color-alt: #5E6167; --accent4-color: #EEEEEE; --accent4-color-alt: #DEE5E5; --text-main-color: #181E21; --text-accent-color: var(--color-white); --text-descr-color: #848588; --border-color-1: #DEE5E5; --border-color-2: #aeb7c1; --gr-1: linear-gradient(180deg, var(--accent-color-alt) 0%, var(--accent-color) 100%); --gr-2: linear-gradient(0deg, var(--accent-color-alt) 0%, var(--accent-color) 100%); --gr-3: linear-gradient(180deg, #151B1D 0%, #454B54 100%); --gr-full: linear-gradient(#000,#000); --corner-size: 50px; --main-font: 'Wix Madefor Display',sans-serif; --alt-font: 'Rubik', sans-serif; --blur-1: blur(5px); --tr-1: 0.25s; --tr-2: 0.5s; --tf-1: linear; --tf-2: cubic-bezier(0.175, 0.885, 0.32, 1.275); --br-1: 10px; --br-2: 6px; --bx-1: 0px 10px 30px rgba(0, 0, 0, 0.1); --fc_input_width: 325px; --padding-side: 20px; /*urls*/ --icon-phone-url: url('/img/icon-phone.svg'); --icon-search-url: url('/img/icon-search.svg'); --icon-catalog-url: url('/img/icon-catalog.svg'); --icon-filters-url: url('/img/icon-filters.svg'); --icon-cart-url: url('/img/icon-cart.svg'); --icon-basket-url: url('/img/icon-basket.svg'); --icon-file-url: url('/img/icon-file.svg'); --icon-checkmark-url: url('/img/icon-checkmark.svg'); --icon-arrow-left-url: url('/img/icon-arrow-left.svg'); --icon-arrow-right-url: url('/img/icon-arrow-right.svg'); --icon-triangle-right-url: url('/img/icon-triangle-right.svg'); --icon-triangle-down-url: url('/img/icon-triangle-down.svg'); --mask-numbers-url: url('/img/mask-numbers.svg'); --mask-upsides-url: url('/img/mask-upsides.svg'); --mask-corner-br-url: url('/img/mask-corner-br.svg'); } body .news_block_item .title a:hover, body .news_list .title a:hover, body .similar_items_block .news_item .title a:hover, body .similar_items_list .news_item .title a:hover, body a:hover, body .contacts__email a, body .aside-menu a:hover, body .aside-menu a.active, body .news_block_item .title a:hover, body .news_list .title a:hover, body .similar_items_block .news_item .title a:hover, body .similar_items_list .news_item .title a:hover, body .sort_settings .activ_sort, body .content_menu a, body .section.section_text a, body .privacy a, body a[href="/privacy-policy/"], body .uss_news .uss_more a, body .uss_shop_linktomore a { color: var(--links-color); } body .jq-selectbox li:hover, body .jq-selectbox__dropdown li:hover, body .jq-selectbox li.selected, body .jq-selectbox__dropdown li.selected, body .uss_autocomplete_results .ac_over, body .uss_search_city_results .ac_over { background-color: var(--accent-color); } body .uss_news_date, body .news_list .date, body .uss_news .date, body .news_block_item .date, body .similar_items_block .news_item .date, body .similar_items_list .news_item .date, body .uss_comments .comment .title .date, body .block_form_mp, body .add_to_compare, body .add_to_wishlist, body .uss_catalog_detail .catalog_orderbutton, body .catalog_menu_item .catalog_orderbutton, body .uss_catalog_block_cat .catalog_orderbutton, body .uss_catalog_list_cat .catalog_orderbutton, body .catalog_orderbutton, body .contacts_and_map .callback, body .aside-banner .title:before, body .uss_user_basket .uss_delete_pos .add_to_wishlist, body .uss_user_wishlist .uss_delete_pos .add_to_cart, body .fc_form .buttons input.submit, body button.styler, body .uss_form_submit input[type=submit], body input[type=submit].styler, body input[type=reset].styler, body input[type=button].styler, body .uss_add_question a, body .uss_guestbook_links a, body .compare_view_type>a.active, body .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: var(--accent-color); color: var(--color-white); } body .uss_add_question a:hover, body .add_to_compare:hover, body .add_to_wishlist:hover, body a.add_to_cart.already_in_cart, body .already_in_compare, body .already_in_wish, body .uss_catalog_detail .catalog_orderbutton:hover, body .catalog_menu_item .catalog_orderbutton:hover, body .uss_catalog_block_cat .catalog_orderbutton:hover, body .uss_catalog_list_cat .catalog_orderbutton:hover, body .catalog_orderbutton:hover, body .contacts_and_map .callback:hover, body .uss_search_form .uss_submit:hover, body .uss_user_basket .uss_delete_pos .add_to_wishlist:hover, body .uss_user_wishlist .uss_delete_pos .add_to_cart:hover, body .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, body .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, body .bottom-menu { background-color: var(--accent2-color); color: var(--color-white); } body .uss_adv_img_list_item.uss_ail_point.active span, body .block.number_features .number_features_item .info .title:before, body #uss_basket_ask_where_to_go_block a, body .uss_pagenator .uss_page_num .uss_page.uss_page_selected a, body .slider .slick-dots li:hover button, body .slider .slick-dots li.slick-active button, body .jq-radio.checked .jq-radio__div, body #ommentaddform_id .uss_form_item.uss_form_submit input[type='submit'], body .buy_one_click_form_tml .fc_form_tml .buttons input.submit, body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, body .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, body .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, body .mCSB_draggerContainer .mCSB_dragger_bar, body .jq-selectbox__dropdown ul::-webkit-scrollbar-thumb { background: var(--accent-color); } body .fc_form .buttons input.submit:hover, body button.styler:hover, body .uss_form_submit input[type=submit]:hover, body input[type=submit].styler:hover, body input[type=submit].styler:not([disabled]):hover, body input[type=button].styler:not([disabled]):hover, body input[type=reset].styler:hover, body input[type=button].styler:hover, body button.styler:not([disabled]):hover, body .modal .modal-wrap form .buttons input[type='submit']:hover, body #uss_basket_ask_where_to_go_block a:hover, body #ommentaddform_id .uss_form_item.uss_form_submit input[type='submit']:hover, body .buy_one_click_form_tml .fc_form_tml .buttons input.submit:hover, body .uss_add_question a:hover, body .uss_guestbook_links a:hover, body .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: var(--accent2-color); } /**/ body .fc_form_tml .elem_item:not(.captcha_item) input.styler:not([type=submit]):hover, body .fc_form_tml .elem_item:not(.captcha_item) input.styler:not([type=submit]):focus, body .uss_form_tml input.styler:not([type=submit]):hover, body .uss_form_tml input.styler:not([type=submit]):focus, body #loginForm input:not([type=submit]):hover, body #loginForm input:not([type=submit]):focus, body .uss_subscribe_form #subscribe_input_email:hover, body .uss_subscribe_form #subscribe_input_email:focus, body .fc_form_tml input[type=text].styler:hover, body .fc_form_tml input[type=text].styler:focus, body .fc_form_tml textarea.styler:hover, body .fc_form_tml textarea.styler:focus, body .uss_form_tml input[type=text].styler:hover, body .uss_form_tml input[type=text].styler:focus, body .uss_form_tml textarea.styler:hover, body .uss_form_tml textarea.styler:focus, body .uss_form_text input:hover, body .uss_form_text input:focus, body .uss_form_captcha input:hover, body .uss_form_captcha input:focus, body .uss_eshop_amount_block input.basket_amount_class:hover, body .uss_buy_one_click_pos .uss_shop_by .amount.styler:hover, body .uss_user_basket .uss_number .uss_field input:hover, body input:hover, body input:focus, body .uss_site_search:hover input.uss_input_name, body input[type=text].styler:hover, body input[type=email].styler:hover, body input[type=number].styler:hover, body input[type=password].styler:hover, body input[type=search].styler:hover, body input[type=tel].styler:hover, body input[type=url].styler:hover, body textarea.styler:hover, body .jq-selectbox .jq-selectbox__select:hover, body .jq-selectbox .jq-selectbox__select:focus, body .jq-selectbox .jq-selectbox__select:hover .jq-selectbox__trigger, body .jq-selectbox.focused .jq-selectbox__select .jq-selectbox__trigger, body .jq-selectbox.focused .jq-selectbox__select, body .uss_pagenator .uss_page_num .uss_page.uss_page_selected a, body .uss_pagenator .uss_page_num .uss_page:hover a, body .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra, body .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra > div:not(:first-child) { border-color: var(--accent-color); } body .uss_faq_item, body .uss_faq_item .reply, body .uss_guestbook_item, body .uss_guestbook_reply, body div.uss_eshop_tabs div.tab_items, body div.uss_catalog_tabs div.tab_items, body div.uss_catalog_tabs div.tab_items .tab_item table td, body .block_form, body table, body .uss_shop_table_view td, body .uss_shop_table_view th, body table.uss_shoppos_table tbody tr.uss_eshop_item+tr, body .uss_eshop_sameproducts.table, body .uss_eshop_sameproducts.table td, body .uss_eshop_sameproducts.table th, body table.uss_shoppos_table tbody tr.uss_eshop_item + tr, body table.uss_eshop_sameproducts tbody tr.uss_eshop_item + tr, body table.uss_shoppos_table tbody tr.item + tr, body table.uss_eshop_sameproducts tbody tr.item + tr, body table.uss_table_darkgrey10 td, body table.uss_table_darkgrey10 th, body table.uss_table_darkgrey5 td, body table.uss_table_darkgrey5 th, body .uss_user_basket th, body .uss_user_wishlist th, body .uss_user_wishlist td, body .uss_user_basket td, body .uss_user_basket > table > tbody > tr:not(.hide), body .uss_user_wishlist > table > tbody > tr:not(.hide), body .compare_block .controls, body .uss_autocomplete_results, body .uss_search_city_results, body .pattern_border, body .uss_forum td, body .uss_user_basket table, body .uss_user_wishlist table, body .uss_shop_table_view table { border-color: var(--border-color-1); } body .uss_eshop_filters{ border-color: var(--accent-color); } /*reset css*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} table {border-collapse: collapse;border-spacing: 0;} /*reset css end*/ /* Wix Madefor Display */ @font-face { font-family: 'Wix Madefor Display'; src: url('/fonts/Wix-Madefor-Display-Regular.woff2') format('woff2'), url('/fonts/Wix-Madefor-Display-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Wix Madefor Display'; src: url('/fonts/Wix-Madefor-Display-Medium.woff2') format('woff2'), url('/fonts/Wix-Madefor-Display-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Wix Madefor Display'; src: url('/fonts/Wix-Madefor-Display-SemiBold.woff2') format('woff2'), url('/fonts/Wix-Madefor-Display-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Wix Madefor Display'; src: url('/fonts/Wix-Madefor-Display-Bold.woff2') format('woff2'), url('/fonts/Wix-Madefor-Display-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } /*Rubik*/ @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-Light.woff2') format('woff2'), url('/fonts/Rubik-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-Regular.woff2') format('woff2'), url('/fonts/Rubik-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-Medium.woff2') format('woff2'), url('/fonts/Rubik-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-SemiBold.woff2') format('woff2'), url('/fonts/Rubik-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-Bold.woff2') format('woff2'), url('/fonts/Rubik-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-Light-Italic.woff2') format('woff2'), url('/fonts/Rubik-Light-Italic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-Regular-Italic.woff2') format('woff2'), url('/fonts/Rubik-Regular-Italic.woff') format('woff'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-Medium-Italic.woff2') format('woff2'), url('/fonts/Rubik-Medium-Italic.woff') format('woff'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-SemiBold-Italic.woff2') format('woff2'), url('/fonts/Rubik-SemiBold-Italic.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-Bold-Italic.woff2') format('woff2'), url('/fonts/Rubik-Bold-Italic.woff') format('woff'); font-weight: 700; font-style: italic; font-display: swap; } body, html { height: 100%; width: 100%; background: var(--main-color); border: none; margin: 0; padding: 0; } body { color: var(--text-main-color); font-family: var(--main-font); font-size: 18px; line-height: 1.6; font-weight: 400; font-style: normal; } body, .content, .footer { min-width: 390px; } a, a:hover, a:visited { color: inherit; text-decoration: none; } a:hover { text-decoration: none; } a[href^="tel:"], a[href^="tel:"]:hover { white-space: nowrap; color: inherit !important; font-size: inherit !important; text-decoration: none !important; } .container { max-width: 100%; position: relative; display: flex; padding-top: 40px; padding-bottom: 40px; } .wrapper { position: relative; margin: 0 auto; width: 1600px; max-width: 100%; padding-left: var(--padding-side); padding-right: var(--padding-side); } .wrapper .wrapper { padding: 0; } .content { width: 100%; flex: 1 1 auto; min-width: 0; } * { box-sizing: border-box; -webkit-appearance: none; appearance: none; outline: none; } button { border: 0; outline: 0; } button.styler, input[type=submit].styler, input[type=reset].styler, input[type=button].styler { box-shadow: none; text-shadow: none; font-family: inherit; } img { border: none; margin: 0; padding: 0; } .content .section:not(.section_basket2) img, .block img { max-width: 100%; height: auto; } h1,h2,h3,h4,h5,h6 { font-size: 30px; font-weight: 400; line-height: 1.3; margin: 0px 0 20px 0; padding: 0; } h1 { font-size: 40px; margin-bottom: 30px; line-height: 1.2; font-weight: 500; } * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top: 30px; } .h3, .h3.h_op, .LastPosition .h4, .uss_comments h3, .comment_form_title, .news_similar_title { position: relative; font-weight: 400; margin: 0 0 20px; padding: 0 0 0 0; font-size: 30px; line-height: 1.4; color: inherit; } .sidebar .h3 { margin: 0; padding: 0; line-height: 1.2; } .sidebar .aside:not(.aside-menu) .h3 { margin-bottom: 30px; } p { margin: 0; padding: 0; } p + p, * + p, * + iframe { margin-top: 7px; } .content p + p { /*margin-top: 14px;*/ } .uss_shop_detail .uss_shop_full_description * + *:not(.mCSB_scrollTools), .uss_shop_detail .uss_shop_full_description * + p, .uss_shop_detail .uss_shop_full_description p + p, .uss_shop_detail .uss_shop_full_description p + * { margin-top: 14px; } .uss_shop_detail .uss_shop_full_description table + table, .uss_shop_detail .uss_shop_full_description * + table { margin-top: 22px; } .uss_section_content p { /*line-height: 28px;*/ } h1, h2, h3, h4, h5, h6, .h3, .h3.h_op, .LastPosition .h4, .uss_comments h3, .comment_form_title, .news_similar_title, .aside-menu > ul > li a, .uss_shop_name, .uss_catalog_cat_name, .news_block_item .title, .news_list .title, .similar_items_block .news_item .title, .similar_items_list .news_item .title, .uss_photoalbums_albums_block .uss_albums_name a, .uss_title, .uss_shop_cat_name, .uss_shop_name, .uss_shop_list_view .uss_shop_name a, .compare_block .title, .uss_eshop_sameproducts .title, #uss_basket_ask_where_to_go_block .title, .uss_eshop_filters_block .filter_submit input[type=submit].styler, .uss_eshop_filters_block .filter_submit button.styler { font-weight: 500; } td, th { padding: 5px 10px; border-color: #ddd; } /*cms styles reset*/ .uss_shop_list_view .uss_shop_technical_data .uss_shop_price span.old_price, .uss_shop_list_view .uss_shop_technical_data .uss_shop_price span, .uss_eshop_block_item .uss_shop_price span.old_price, .uss_eshop_block_item .uss_shop_price span, .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.old_price, .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span, .uss_shop_table_view td.uss_price span.old_price, .uss_eshop_sameproducts .item .price span.old_price, .uss_eshop_sameproducts .item .price span, .uss_eshop_sameproducts.table .item .price span.old_price { background: transparent; color: #191a1a; color: var(--text-main-color, #191a1a); padding: 0; margin: 0; font-size: 100%; line-height: 1; } .compare_table .uss_shop_price span.old_price, .uss_eshop_block_item .uss_shop_price span.old_price, .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.old_price, .uss_shop_list_view .uss_shop_technical_data .uss_shop_price span.old_price, .uss_shop_table_view td.uss_price span.old_price, .uss_buy_one_click_pos .uss_shop_price span.old_price, .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.old_price, .uss_eshop_sameproducts .item .price span.old_price, .compare_table .old_price .cell_inner { background: none; color: #bdbdbd; padding: 0; margin: 0; } .compare_table .uss_shop_price .actual_price, .uss_buy_one_click_pos .uss_shop_price .actual_price, .uss_shop_detail .uss_shop_technical_data .uss_shop_price span { padding: 0; margin: 0; background: none; border-radius: 0; line-height: 1; } .compare_table .uss_shop_price .actual_price, .uss_buy_one_click_pos .uss_shop_price .actual_price, .uss_shop_detail .uss_shop_technical_data .uss_shop_price span { color: var(--text-main-color, #191a1a); } .news_list .date, .news_list .title, .similar_items_block .news_item .date, .similar_items_list .news_item .date, .buy_one_click_form_tml .uss_title { font-size: 100%; } .uss_catalog_cat_img, .uss_eshop_sameproducts .item .image, .uss_eshop_sameproducts.blocks .item .image, .groups_block .image, .groups_list .image, .news_list .image, .news_exact_item .uss_img_wrapper .uss_img_big, .similar_items_block .news_item .image, .similar_items_list .news_item .image, .uss_shop_detail .uss_img_ico_box .uss_img_ico, .uss_photoalbums_albums_block .uss_albums_item .uss_albums_cover, .uss_photoalbums_albums_list .uss_albums_item .uss_albums_cover, .uss_photoalbums_foto_box .uss_img_item .uss_img_pre, .uss_shop_list_view .uss_img_holder, .uss_shop_list_cat .uss_shop_cat_img, .uss_shop_blocks_view .uss_eshop_item .uss_img_holder, .uss_comments { border: 0; } .uss_catalog_cat_img a, .catalogs .catalog_menu_image a, .catalogs .eshop_menu_image a, .uss_shop_list_cat .uss_shop_cat_img a, .uss_shop_table_view .uss_img_holder a, .uss_photoalbums_foto_box, ul.catalog_menu li { margin: 0; } .uss_photoalbums_albums_list .uss_albums_item .uss_albums_cover { padding: 0; } .uss_eshop_item img, .news_exact_item .uss_img_big .uss_img_big_image img, .news_list .uss_image_holder img, .news_similar_wrap .uss_image_holder img, .uss_shop_detail .uss_img_big .uss_img_big_image a img, .uss_catalog_detail img, .uss_eshop_sameproducts .image img, .uss_img_item img, .uss_albums_cover img { /*border-radius: 0px;*/ } .news_list .title, .uss_shop_table_view th, .uss_shop_table_view td, .uss_photoalbums_albums_list .uss_albums_name, .uss_photoalbums_albums_list .uss_albums_description, .uss_photoalbums_albums_block .uss_albums_name, .uss_photoalbums_albums_block .uss_albums_description { font-size: inherit; font-style: inherit; } .uss_advanced_image_list.uss_ail_points { bottom: 2px; left: 7px; right: 7px; } hr { border: 1px solid #ccc; padding: 0; margin: 15px 0; } .uss_user_basket .uss_bottom.total_sum .title, .uss_buy_one_click_pos .uss_onepos_info .discount_title, .uss_user_basket .uss_bottom .totals { font-size: inherit; } .uss_user_basket .uss_bottom .totals { background: var(--submenu-bg, #eee); color: var(--text-main-color); } .uss_buy_one_click_pos .discount_order_summary { margin-top: 7px; } .uss_forum .pattern_bg, .uss_shop_table_view tr.buyclick_available th, .uss_user_basket th, .uss_user_wishlist th { color: inherit; background: var(--submenu-bg); } .uss_photoalbums_albums_block { overflow: visible; } .ection_photoalbums .uss_modul_txt:empty { display: none; } .uss_photoalbums_foto_box .uss_img_item .uss_img_name { margin-top: 5px; } /*cms styles reset end*/ /*блок увеличения фото*/ #uss_view_conteiner { padding: 0; border-width: 0px; background: none; overflow: hidden; } #uss_inside_view_conteiner { border-radius: 10px; background-color: #fff; } #ufnav_left { left: 15px; top: 57px; z-index: 10001; } #ufnav_right { right: 15px; top: 15px; z-index: 10001; } .uss_foto_button a { border-radius: 50%; } /*блок увеличения фото end*/ /*price styles*/ .compare_table .uss_shop_price, .uss_buy_one_click_pos .uss_shop_price, .uss_shop_detail .uss_shop_technical_data .uss_shop_price, .compare_table .uss_shop_price span.old_price, .uss_buy_one_click_pos .uss_shop_price span.old_price, .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.old_price, .uss_buy_one_click_pos .actual_price span.old_price, .uss_shop_list_view .uss_shop_technical_data .uss_shop_price span.old_price { font-size: 100%; } .uss_eshop_item .uss_shop_price, .uss_shop_detail .uss_shop_price, .uss_eshop_sameproducts:not(.table) .price { display: flex; flex-wrap: wrap; align-items: center; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.old_price, .uss_eshop_block_item .uss_shop_price span.old_price, .uss_shop_list_view .uss_shop_technical_data .uss_shop_price span.old_price, .uss_eshop_sameproducts .item .price span.old_price, .uss_eshop_sameproducts.table .item .price span.old_price, .uss_shop_price .price.old_price, .uss_buy_one_click_pos .uss_shop_price span.old_price, .uss_shop_table_view td.uss_price span.old_price, .compare_table .uss_shop_price span.old_price, .uss_buy_one_click_pos .uss_shop_price span.old_price, .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.old_price { font-size: 18px; font-weight: 400; line-height: 1; margin: 5px 10px 5px 0 !important; } .uss_eshop_item .uss_shop_price span.actual_price, .uss_buy_one_click_pos .uss_shop_price .actual_price, .uss_eshop_sameproducts .item .price span.actual_price, .uss_shop_price .price:not(.old_price), .uss_shop_table_view td.uss_price span.actual_price, .catalog_order_block .catalog_price { font-size: inherit; font-weight: 600; line-height: 1; min-width: 100%; /*color: #fff !important;*/ } .uss_eshop_sameproducts .item .price span.actual_price .price_zero_class { font-size: 20px; line-height: normal; } .uss_shop_table_view td.uss_price span.actual_price { font-size: 22px; } .uss_eshop_sameproducts .price .old_price .currency_class, .block.positions .uss_shop_price .old_price .currency_class, .old_price .currency_class, .price.old_price .currency_class { font-size: 15px; font-weight: 400; } .uss_eshop_sameproducts .price .actual_price .currency_class, .block.positions .uss_shop_price .actual_price .currency_class, .actual_price .currency_class, .price:not(.old_price) .currency_class, .basket_item .currency_class { font-size: 80%; font-weight: 400; } .compare_table .uss_shop_price, table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_price, .uss_buy_one_click_pos .uss_shop_price, .uss_shop_detail .uss_shop_technical_data .uss_shop_price, .uss_eshop_sameproducts .item .price { margin: 15px 0; } .uss_eshop_block_item .uss_shop_price { margin: 0; } /*price styles end*/ /* Кнопка закрыть во всплывающих окнах */ .close, .region_select_block .confirm_city .close, #uss_basket_ask_where_to_go_block .close_button, .uss_modal_window .uss_modal_content .uss_modal_close, .buy_one_click_form_tml .buy_one_click_window_wrap a.close, .catalog_orderform_tml .catalog_orderform_window_wrap a.close { position: absolute; right: 5px; top: 5px; display: block; width: 40px; height: 40px; border-radius: var(--br-1); cursor: pointer; z-index: 1002; border: 0; transition: var(--tr-1); background: none; } .close:hover, .region_select_block .confirm_city .close:hover, #uss_basket_ask_where_to_go_block .close_button:hover, .uss_modal_window .uss_modal_content .uss_modal_close:hover, .buy_one_click_form_tml .buy_one_click_window_wrap a.close:hover, .catalog_orderform_tml .catalog_orderform_window_wrap a.close:hover { background: var(--accent2-color); } .close::before, .close::after, .uss_modal_close::before, .uss_modal_close::after, .region_select_block .confirm_city .close::before, .region_select_block .confirm_city .close::after, #uss_basket_ask_where_to_go_block .close_button::before, #uss_basket_ask_where_to_go_block .close_button::after { width: 2px; height: 50%; content: ''; border-radius: var(--br-1); position: absolute; top: 50%; left: 50%; background: var(--accent-color); transform: translate(-50%, -50%) rotate(45deg); transition: inherit; } .close::after, .uss_modal_close::after, .region_select_block .confirm_city .close::after, #uss_basket_ask_where_to_go_block .close_button::after { transform: translate(-50%, -50%) rotate(-45deg); } .close:hover::before, .close:hover::after, .uss_modal_close:hover::before, .uss_modal_close:hover::after, .region_select_block .confirm_city .close:hover::before, .region_select_block .confirm_city .close:hover::after, #uss_basket_ask_where_to_go_block .close_button:hover::before, #uss_basket_ask_where_to_go_block .close_button:hover::after { background: var(--main-color); } #uss_basket_ask_where_to_go_block .close_button img { display: none; } /* Кнопка закрыть во всплывающих окнах конец*/ .uss_user_basket .uss_delete_pos .add_to_wishlist + .del_basket_item, .uss_user_wishlist .uss_delete_pos .add_to_cart ~ a.del_wish { margin-left: 3px !important; } .uss_delete_pos .add_to_wishlist, .uss_delete_pos .add_to_cart { width: auto; } .uss_user_basket .uss_delete_pos a, .uss_user_wishlist .uss_delete_pos a { vertical-align: middle; } .uss_delete_pos .del_basket_item, .uss_delete_pos .del_wish { position: relative; width: 24px !important; height: 24px !important; display: inline-block !important; margin: 0 0px 0 0px !important; transition: 0.5s; -webkit-box-sizing: border-box; box-sizing: border-box; } .uss_delete_pos .del_basket_item:hover, .uss_delete_pos .del_wish:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .uss_delete_pos .del_basket_item img, .uss_delete_pos .del_wish img { display: none !important; } .uss_delete_pos .del_basket_item:before, .uss_delete_pos .del_basket_item:after, .uss_delete_pos .del_wish:before, .uss_delete_pos .del_wish:after { content: ''; position: absolute; display: inline-block; width: 24px; height: 2px; background: #e70000; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 11px; left: 0px; } .uss_delete_pos .del_basket_item:after, .uss_delete_pos .del_wish:after { content: ''; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /*close btn end*/ #uss_substrate, #uss_substrate2, .modal { z-index: 1400; } .uss_autocomplete_results li .image { margin-right: 10px; } /*скругления элементов*/ button.styler, input[type=submit].styler, input[type=reset].styler, input[type=button].styler, .uss_eshop_filters, .jq-selectbox__select, .jq-selectbox__dropdown, .jq-selectbox__dropdown li, .uss_autocomplete_results, .uss_search_city_results, .aside-menu > ul > li ul.submenu, .uss_add_question a, .uss_guestbook_links a, .uss_faq_item, .uss_guestbook_item, #lpage a.add_to_compare, #lpage a.add_to_wishlist, .uss_eshop_item img, .uss_shop_table_view .add_to_wishlist, .uss_catalog_detail .catalog_orderbutton, .buy_one_click_form_tml .buy_one_click_window_wrap, .catalog_orderform_tml .catalog_orderform_window_wrap, .uss_modal_window .uss_modal_content, .modal .modal-wrap .buttons input.submit, .catalog_menu_item .catalog_orderbutton, .uss_catalog_block_cat .catalog_orderbutton, .uss_catalog_detail .catalog_orderbutton, .uss_catalog_list_cat .catalog_orderbutton, .catalog_orderbutton, .modal .modal-wrap, #uss_basket_ask_where_to_go_block > div, #uss_basket_ask_where_to_go_block a, .uss_user_basket img, .uss_user_wishlist img, .uss_form_captcha, .uss_form_captcha img, .uss_basket_menu span.current, .uss_error_form, .uss_ok_form, .catalog_menu_item .catalog_orderbutton, .uss_catalog_block_cat .catalog_orderbutton, .uss_catalog_detail .catalog_orderbutton, .uss_catalog_list_cat .catalog_orderbutton, .uss_albums_item img, .uss_photoalbums .uss_photoalbums_foto_box .uss_img_item img, .uss_autocomplete_results li .image img { border-radius: var(--br-2); } div.uss_catalog_tabs .uss_catalog_tabs_navigation span, div.uss_eshop_tabs .uss_eshop_tabs_navigation span { border-radius: 10px 10px 0 0; } div.uss_eshop_tabs div.tab_items, div.uss_catalog_tabs div.tab_items { border-radius: 0 10px 10px 10px; } .section_text img, .uss_catalog_category, .uss_shop_category img, .uss_shop_blocks_view .uss_eshop_item, .uss_shop_detail img, .uss_buy_one_click_pos .uss_buy_one_click_image img, .uss_eshop_sameproducts img, .compare_table tr.image img, .news_item .uss_image_holder img, .news_exact_item .uss_img_big img, .news_block_item .image img, .uss_catalog_detail .uss_img_wrapper img, .uss_catalog_cat_img img, .uss_guestbook_item { border-radius: 10px; } .uss_catalog_cat_img > a, .news_block_item .image, .news_block_item .image > a, .news_item .uss_image_holder > a, .uss_shop_category .uss_shop_cat_img > a, .uss_eshop_item .uss_img_holder > a { border-radius: 10px; overflow: hidden; display: block; } .uss_catalog_cat_img img, .news_block_item .image img, .news_item .uss_image_holder img, .uss_shop_category .uss_shop_cat_img img, .uss_eshop_item .uss_img_holder > a > img { display: block; -webkit-transition: 0.6s; transition: 0.6s; } .uss_catalog_cat_img:hover img, .news_block_item .image:hover img, .news_item .uss_image_holder:hover img, .uss_shop_category .uss_shop_cat_img:hover img, .uss_eshop_item .uss_img_holder:hover > a > img { -webkit-transform: scale(1.15); transform: scale(1.15); } .uss_catalog_cat_img, .uss_eshop_sameproducts .item .image, .uss_eshop_sameproducts.blocks .item .image, .groups_block .image, .groups_list .image, .news_list .image, .news_exact_item .uss_img_wrapper .uss_img_big, .similar_items_block .news_item .image, .similar_items_list .news_item .image, .uss_shop_detail .uss_img_ico_box .uss_img_ico, .uss_photoalbums_albums_block .uss_albums_item .uss_albums_cover, .uss_photoalbums_foto_box .uss_img_item .uss_img_pre, .uss_shop_list_view .uss_img_holder { border: 0; } .uss_advanced_image_list.uss_ail_points { bottom: 2px; left: 7px; right: 7px; } /*скругления элементов end*/ .uss_eshop_sameproducts.blocks .item .descr, .uss_eshop_sameproducts.list .item .descr, .uss_catlog_cat_anons, .uss_shop_list_cat .uss_shop_cat_text, .uss_buy_one_click_pos .uss_onepos_info .uss_description, .uss_shop_description, .uss_widget_outer_content .news_block_item .preview, .similar_items_list .preview, .news_block_item .preview, .news_list .preview, .similar_items_block .preview, .uss_catalog_sameelements.table .item .descr, .uss_eshop_sameproducts.table .item .descr, .groups_list .description, .uss_shop_full_description, .section_news .uss_news .groups_list .group_item .description, .section_news .uss_news .groups_block .group_item .description, .uss_photoalbums_albums_block .uss_albums_description, .uss_photoalbums_albums_with_photo .uss_albums_description, .uss_photoalbums_albums_list .uss_albums_description, .product_cat .uss_eshop_menu .uss_tree_description, .product_cat .catalog_menu .uss_tree_description, .uss_user_basket .uss_name .uss_description, .uss_user_wishlist .uss_name .uss_description, .uss_shop_table_view td, .datacontainer div.block_title, .uss_forum .topics_item .title div.descr, .uss_forum .topics_item .lastmes, .uss_forum .themes_item .lastmessage, .uss_forum .themes_item .title div.author, .photoalbum_menu .photoalbum_menu_item .uss_tree_description, .uss_eshop_sameproducts.table td, .uss_form_item.uss_form_checkbox { font-size: 16px; line-height: 1.5; } .uss_shop_blocks_view .eshop_filters_item, .uss_shop_blocks_view .uss_shop_amount_left, .uss_shop_blocks_view .uss_shop_uid, .uss_shop_blocks_view .uss_shop_producer { font-size: 16px; line-height: 1.5; } .uss_shop_detail .uss_shop_description, .uss_shop_detail .uss_shop_full_description, .uss_catalog_detail .uss_catalog_short_description { font-size: 18px; line-height: 1.6; } .uss-flex-items { display: flex; flex-wrap: wrap; justify-content: flex-start; } .uss_shop_detail .uss_shop_full_description, .uss_catalog_tabs, .uss_eshop_tabs, .uss_eshop_bottom_images, .h3.h_op, .catalog_order_form, .LastPosition, .uss_shop_content3, .uss_pagenator, .uss_shop_content2:not(.empty-block) + div, #eshop_pos_content + .uss_shop_content, .uss_shop_block_cat + .uss_cleaner + .uss_shop_content, .content_menu + .section, .uss_catalog_content + .uss_catalog_block_cat, .uss_shop_block_cat + .uss_cleaner + .uss_eshop_filters, .uss_shop_list_cat + .uss_cleaner + .uss_eshop_filters, .uss_shop_content + .uss_eshop_filters, .uss_eshop_filters + .uss_cleaner + .uss_shop_content, .uss_cleaner + .uss_shop_cats, .uss_shop_content + .uss_shop_cats, .uss_eshop_filters + .uss_cleaner + .uss_shop_block_cat, .uss_eshop_filters + .uss_cleaner + .uss_shop_list_cat, .uss_eshop_filters + .uss_cleaner + #eshop_pos_content, .uss_shop_content:not(.empty-block) + #eshop_pos_content:not(.empty-block), .uss_shop_block_cat + .uss_cleaner + #eshop_pos_content > .uss_eshop_sort_block, .uss_eshop_sort_block + .uss_cleaner + div, .uss_shop_no_poses, .uss_section_content > ymaps, .section_formconstructor > .uss_section_content h2, .uss_add_question + .uss_faq_item, .uss_guestbook_links + .uss_guestbook_item, .news_list.news_list_items .news_item:not(:first-child), .news_similar_wrap, .similar_items.similar_items_list .news_item:not(:first-child), .uss_modul_txt + .uss_photoalbums, .uss_modul_txt + .uss_photoalbums_albums, .uss_group_content + .uss_photoalbums, .uss_section_text + .uss_photoalbums_albums, .uss_news_back, #add_adv_link, .uss_desk_groups, .uss_desk_adv_list { margin-top: 35px; } .uss_shop_content2:not(.empty-block) + div.uss_eshop_filters { margin-top: 35px; } .uss_shop_list_cat + .uss_cleaner { margin-top: -15px; } .uss_news_back, .uss_news_fulltext { position: relative; } .uss_news_fulltext:after, .uss_news_back:before { content:''; display: table; clear: both; } /*списки*/ .uss_section_content ul, .uss_section_content ul li, .uss_section_content ol, .uss_section_content ol li { margin: 0; padding: 0; position: relative; } .uss_section_content ul { margin: 20px 0 20px 20px; display: table; } .uss_section_content ul li:last-child { margin-bottom: 0; } .uss_section_content ul li { line-height: 24px; padding: 0 0 0 15px; margin-bottom: 12px; } .uss_section_content ul li:after { content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--text-main-color, #191a1a); position: absolute; left: 0px; top: 9px; } .uss_section_content ol { list-style-position: inside; margin: 20px 0 20px 20px; } .uss_section_content ol li { line-height: 24px; padding: 0 0 0 0px; margin-bottom: 12px; list-style-type: decimal !important; } /*списки end*/ /*Фильтры чекбоксы и радио кнопки*/ .uss_eshop_block_item .eshop_filters_area .eshop_filters_line { display: block; } .eshop_filters_area .jq-selectbox__select { border-radius: 0px; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area { display: block; } /*Фильтры чекбоксы и радио кнопки end*/ /*корзина*/ .basket-message { width: 190px; border-radius: 0; font-size: inherit; line-height: 1.4; } #uss_basket_ask_where_to_go_block { z-index: 1005; background: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0 !important; bottom: 0; margin: 0 !important; padding: 0; border: 0; } #uss_basket_ask_where_to_go_block > div { z-index: 9999; padding: 30px 35px 35px; border-radius: 0px; width: 390px; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; position: absolute; top: 50% !important; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 106px; } #uss_basket_ask_where_to_go_block .title { background: none; font-size: 25px; line-height: normal; font-family: inherit; font-weight: 400; display: block; margin-bottom: 20px; text-align: center; } #uss_basket_ask_where_to_go_block .continue, #uss_basket_ask_where_to_go_block .go_to_basket { margin-top: 20px; margin-right: 0px; text-decoration: none !important; float: none; text-align: center; } #uss_basket_ask_where_to_go_block a { display: block; font-size: 18px; color: #ffffff !important; background: #08a6f3; text-decoration: none !important; padding: 0px 14px; line-height: 1; border-radius: 0px; } .uss_basket_menu { margin-bottom: 18px; } .uss_basket_menu span.current { padding: 7px 10px; background: var(--submenu-bg, #eee); } .uss_basket_menu a:not(:hover) { text-decoration: underline; } .uss_user_basket { margin: 15px 0 0px; } .uss_delete_pos .del_basket_item, .uss_delete_pos .del_wish { width: 30px; display: inline-block; padding: 9px 0; } .uss_delete_pos .del_basket_item { margin: 0 -8px; } .uss_delete_pos .del_wish { margin-right: -8px; } .uss_delete_pos .add_to_wishlist + .del_basket_item { margin-left: 0; } .uss_user_wishlist th, .uss_user_wishlist td, .uss_user_basket th, .uss_user_basket td, .uss_user_basket .uss_name .uss_title, .uss_user_wishlist .uss_name .uss_title { font-size: 18px; font-weight: 400; } .uss_user_basket table { margin: 0; } .uss_user_basket th, .uss_user_wishlist th { padding: 5px 7px; } .uss_user_basket th, .uss_user_wishlist th, .pattern_bg, .uss_forum th { background: #eee; background: var(--submenu-bg, #eee); } .uss_user_basket .basket_item > td { padding: 5px 7px; } .uss_user_basket .basket_item > td.uss_image, .uss_user_wishlist .basket_item > td.uss_image { padding: 7px 7px; min-width: 78px !important; } .uss_user_basket .uss_image img, .uss_user_wishlist .uss_image img { display: block; } .section_basket2 .fc_form_tml input[type=text].styler, .section_basket2 .fc_form_tml textarea.styler { width: 100%; } .fc_form_tml textarea.styler { resize: none; } .uss_user_basket .uss_name .uss_title, .uss_user_wishlist .uss_name .uss_title, .uss_user_basket .uss_name .uss_description, .uss_user_wishlist .uss_name .uss_description { height: auto; } .uss_user_basket .uss_name .uss_description, .uss_user_wishlist .uss_name .uss_description { margin-top: 3px; } .uss_user_basket .uss_number .uss_field input { width: 50px; margin: 0; text-align: center; padding: 7px 0; margin: 0 !important; } .uss_user_basket .basket_item .uss_number .uss_field input { /*width: 100% !important;*/ margin: 0 !important; } .uss_user_basket .del_basket_item, .del_wish { width: 30px; display: inline-block; padding: 9px 0; margin-right: -8px; } .uss_shop_form .fc_form_tml { padding: 0; } .fc_form_tml .group .fc_item.fc_checkbox > .force_position_right { display: inline; cursor: pointer; font-size: 16px; min-height: 20px; font-weight: 400; } .fc_form_tml .group .fc_item.fc_checkbox .force_position_right + .hint { font-size: 15px; line-height: normal; } .uss_user_basket .uss_delete_pos .add_to_wishlist, .uss_user_wishlist .uss_delete_pos .add_to_cart { text-decoration: none; color: #fff; padding: 0 15px; border-radius: 0px; font-weight: 400; } .uss_user_basket .uss_bottom.uss_bottom .title { margin-right: 5px; } .uss_min_sum_order_text { font-size: inherit; } .uss_user_basket > table > tbody > tr.uss_bottom .totals.discount .currency_total { margin-left: 5px; white-space: nowrap; } .uss_user_basket .uss_bottom.total_sum #uss_basket_totals { font-size: 20px; } .uss_user_basket .uss_bottom .totals .sum { font-size: 28px; } /*корзина end*/ /*Купить в 1 клик*/ .buy_one_click_form_tml .buy_one_click_window_wrap { width: 390px; } .uss_buy_one_click_pos .uss_buy_one_click_image { margin-right: 15px; } .uss_buy_one_click_pos .uss_onepos_info { margin-top: -4px; } .buy_one_click_form_tml .uss_buy_one_click_title { font-size: 25px; font-weight: 400; } .buy_one_click_form_tml .uss_title { margin-bottom: 8px; } .one_click_form_wrapper .buttons { text-align: center; } .one_click_form_wrapper .fc_form_tml input[type=submit].styler { margin: 0 auto; } /*Купить в 1 клик end*/ /*формы на сайте*/ .fc_form_tml, .uss_form_tml { margin-bottom: 0; background: transparent; padding: 0px; position: relative; z-index: 10; } .uss_form_checkbox { width: 100%; } .uss_form_tml input.styler:not([type=submit]), #loginForm input:not([type=submit]), .uss_subscribe_form #subscribe_input_email, .fc_form_tml input[type=text].styler, .uss_form_tml input[type=text].styler, .uss_form_text input, .uss_form_captcha input, .uss_eshop_amount_block input.basket_amount_class, .uss_buy_one_click_pos .uss_shop_by .amount.styler, .uss_user_basket .uss_number .uss_field input, input, input[type].styler, button.styler, select, .fc_form .buttons input.submit, #ommentaddform_id .uss_form_item.uss_form_submit input[type='submit'], .uss_search_form .uss_input_name, .lh_search form .uss_input_name, .uss_form_tml .uss_form_submit input { font-family: inherit; font-size: inherit; padding: 0px 15px; height: 60px; line-height: 60px; background-position: center right; border: 1px solid var(--border-color-1); border-radius: var(--br-2); background-color: var(--main-color); appearance: none; box-shadow: none; transition: 0.25s; color: var(--text-main-color); } textarea, textarea.styler, .fc_form_tml textarea.styler, .uss_form_tml textarea.styler { font-family: inherit; font-size: inherit; height: 120px; padding: 15px 15px; line-height: 1.4; border-radius: 10px; border: 1px solid var(border-color-1); border-radius: var(--br-2); background-color: var(--main-color); background-position: center right 10px !important; appearance: none; box-shadow: none; resize: none; overflow: auto; transition: 0.25s; color: var(--text-main-color); } input[type="email"].styler:focus, input[type="number"].styler:focus, input[type="password"].styler:focus, input[type="search"].styler:focus, input[type="tel"].styler:focus, input[type="text"].styler:focus, input[type="url"].styler:focus, textarea.styler:focus { box-shadow: none; } #ommentaddform_id .uss_form_item.uss_form_submit input[type='submit'] { color: #fff; } form[action*=passrecovery] { margin-top: 25px; } form[action*=passrecovery] input[type=submit] { border: 0; cursor: pointer; } .uss_error_form { border-radius: 0px; } input, select, button { vertical-align: middle; } input[type='submit']::-moz-focus-inner { padding: 0; border: 0; } .jq-selectbox__select { height: 40px; background: #F5F5F5; padding-left: 15px; border: 1px solid #e3e6ec; outline: 0; box-shadow: none; border-color: #cacacb; border-radius: 3px; } .jq-selectbox__select-text { height: 100%; line-height: 38px; text-shadow: none; } .jq-selectbox__trigger-arrow { top: 18px; } .jq-selectbox *, .jq-selectbox__dropdown, .jq-selectbox__dropdown * { font-family: inherit; font-size: inherit; } .jq-radio { width: 18px; height: 18px; border: 1px solid #c2c2c2; margin: 2px 7px 0px 0; background: #fff; -webkit-box-shadow: none; box-shadow: none; flex: 0 0 auto; align-self: flex-start; } .jq-radio.checked .jq-radio__div { width: 8px; height: 8px; border-radius: 50%; background: #666; } .fc_item.fc_radio .radio_wrapper label { font-weight: 400; } .jq-file, .jq-file__browse, .jq-file .jq-file__name { border: 0; -webkit-box-shadow: none; box-shadow: none; } .jq-file .jq-file__name { border: solid 2px #e3e6ec; } .jq-file__browse, .jq-file__name, .jq-selectbox__select { font-family: inherit; } .fc_form_tml .elem_item:not(.captcha_item) input.styler:not([type=submit]):hover, .fc_form_tml .elem_item:not(.captcha_item) input.styler:not([type=submit]):focus, .uss_form_tml input.styler:not([type=submit]):hover, .uss_form_tml input.styler:not([type=submit]):focus, #loginForm input:not([type=submit]):hover, #loginForm input:not([type=submit]):focus, .uss_subscribe_form #subscribe_input_email:hover, .uss_subscribe_form #subscribe_input_email:focus, .fc_form_tml input[type=text].styler:hover, .fc_form_tml input[type=text].styler:focus, .fc_form_tml textarea.styler:hover, .fc_form_tml textarea.styler:focus, .uss_form_tml input[type=text].styler:hover, .uss_form_tml input[type=text].styler:focus, .uss_form_tml textarea.styler:hover, .uss_form_tml textarea.styler:focus, .uss_form_text input:hover, .uss_form_text input:focus, .uss_form_captcha input:hover, .uss_form_captcha input:focus, .uss_buy_one_click_pos .uss_shop_by .amount.styler:hover, .uss_user_basket .uss_number .uss_field input:hover, .uss_eshop_amount_block input.basket_amount_class:hover, input[type=text].styler:hover, input[type=email].styler:hover, input[type=number].styler:hover, input[type=password].styler:hover, input[type=search].styler:hover, input[type=tel].styler:hover, input[type=url].styler:hover, textarea:hover, textarea.styler:hover, .fc_form_tml textarea.styler:hover, .uss_form_tml .uss_form_item textarea.styler:hover, input:hover, .jq-selectbox .jq-selectbox__select:hover, .jq-selectbox .jq-selectbox__select:focus, .jq-selectbox.focused .jq-selectbox__select, .jq-selectbox.focused .jq-selectbox__trigger, .jq-selectbox .jq-selectbox__select:hover, .jq-selectbox .jq-selectbox__select:hover .jq-selectbox__trigger, .jq-file:hover .jq-file__name { border-color: #aeb7c1; } .uss_form_captcha img { border: none !important; width: 96px; height: 50px !important; border-radius: 10px; } .uss_form_captcha { width: auto; border-radius: 0px; padding: 0; background: none; } .uss_form_tml .uss_form_captcha label, .uss_form_captcha label { min-width: 100%; margin-bottom: 4px; } .uss_form_captcha input { width: 258px !important; width: calc(100% - 96px - 10px) !important; margin-left: 10px; } .uss_form_tml .group .fc_item.fc_checkbox_one { width: 100%; } button.styler:not([disabled]):active, input[type=submit].styler:not([disabled]):active, input[type=reset].styler:active, input[type=button].styler:not([disabled]):active { -webkit-box-shadow: none; box-shadow: none; } input[type=text].styler, input[type=email].styler, input[type=number].styler, input[type=password].styler, input[type=search].styler, input[type=tel].styler, input[type=url].styler, textarea.styler { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 10px; -webkit-box-shadow: none; box-shadow: none; font-family: inherit; } .catalog_menu_item .catalog_orderbutton:hover, .uss_catalog_block_cat .catalog_orderbutton:hover, .uss_catalog_detail .catalog_orderbutton:hover, .uss_catalog_list_cat .catalog_orderbutton:hover { -webkit-box-shadow: none; box-shadow: none; opacity: 1; } .uss_catalog_detail .catalog_orderbutton { height: 46px; line-height: 46px; padding: 0 40px; } .fc_form_tml input[type=submit].styler:hover { background: url(/img/transparent.png) #0058b0; text-decoration: none; } .uss_form_tml .uss_form_submit { margin-top: 0; margin-bottom: 0 !important; } form[action*=feedback], form[action*=faq], form[name*=guestbookitemaddform], form[name*=faqitemaddform], form[action*=basket], form[action*=CatalogOrderForm], form[action*=enter], form[action*=registration], form[action*=mycabinet], form[action*=changepass], form[action*=passrecovery] { margin-top: 35px; } form[action*=faq] .fc_item:not(.block), form[name*=guestbookitemaddform] .fc_item:not(.block), form[name*=faqitemaddform] .fc_item:not(.block), form[action*=basket] .fc_item:not(.block), form[action*=CatalogOrderForm] .fc_item:not(.block), form[action*=enter] .fc_item:not(.block), form[action*=registration] .fc_item:not(.block), form[action*=mycabinet] .fc_item:not(.block), form[action*=changepass] .fc_item:not(.block), form[action*=passrecovery] .fc_item:not(.block) { max-width: 390px; width: 100%; } .fc_form_tml > .uss_error_form, .uss_section_content > .uss_error_form { margin-top: 35px; min-width: 390px; max-width: 390px; } form[action*=feedback], form[action*=CatalogOrderForm] { margin-top: 20px; } form[action*=feedback] .jq-checkbox { margin-bottom: -3px; } .uss_form_tml input.styler:not([type=submit]), #loginForm input:not([type=submit]), .uss_subscribe_form #subscribe_input_email, .uss_form_text input, .uss_form_captcha input, .uss_eshop_amount_block input.basket_amount_class, .uss_buy_one_click_pos .uss_shop_by .amount.styler, .uss_user_basket .uss_number .uss_field input, .uss_form_tml .uss_form_item textarea.styler, form[name*=registrationeditform] input[type=submit], form[action*=registration] input[type=submit], form[action*=passrecovery] input[type=submit], form[action*=changepass] input[type=submit] { width: 100%; } .uss_form_captcha { width: auto; max-width: 390px; } .section_registration .uss_error_form, form[action*=passrecovery] { max-width: 390px; } /**/ .fc_form_tml .fc_item, .uss_form_tml .fc_item { margin-bottom: 20px; } .uss_section_content .uss_eshop_filters form .group .eshop_filters_items label, .uss_eshop_filters .uss_eshop_filters_block .filter_producer label.for_styler, .fc_form_tml .fc_item label, .uss_form_tml .fc_item label, .uss_form_tml label, .form_styler label.sector_title { font-size: 18px !important; font-weight: 400 !important; font-family: inherit !important; margin-bottom: 0px; } .uss_eshop_filters_block .filter_price { /*font-size: 18px;*/ } .uss_form_item.uss_form_checkbox, .fc_form_tml .group .fc_item.fc_checkbox, .fc_form_tml .group .fc_item.fc_checkbox > .force_position_right { line-height: 1; } .uss_form_item.uss_form_checkbox > label, .fc_form_tml .group .fc_item.fc_checkbox > label.force_position_right, .fc_form_tml .group .fc_item.fc_checkbox div.label_under_hint.sector_title.force_position_right label.force_position_right { line-height: 22px !important; line-height: normal !important; } .fc_item.fc_checkbox .elem_item, .fc_checkbox label.sector_title { vertical-align: middle; } /**/ .jq-checkbox__div { display: none; } .jq-checkbox { width: 20px; height: 20px; overflow: hidden; box-sizing: border-box !important; border-radius: 4px; border: solid 1px var(--border-color-1); position: relative; z-index: 1; background: var(--gr-1) no-repeat center; background-size: 100% 100%; transition: var(--tr-1); box-shadow: none; flex: 0 0 auto; } .jq-checkbox:hover, .jq-checkbox.focused, .jq-checkbox.checked { border-color: var(--accent-color); } .jq-checkbox::before, .jq-checkbox::after { content: ''; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); background: var(--main-color); border-radius: 0px; opacity: 1; transition: inherit; transform-origin: 50% 50%; will-change: transform; left: -1px; top: -1px; } .jq-checkbox::after { content: ''; position: absolute; -webkit-mask: var(--icon-checkmark-url) no-repeat center; mask: var(--icon-checkmark-url) no-repeat center; -webkit-mask-size: 12px auto; mask-size: 12px auto; background: var(--text-accent-color); scale: 0; opacity: 0; } .jq-checkbox.checked::before { opacity: 0; } .jq-checkbox.checked::after { scale: 1; opacity: 1; } form .fc_item.fc_checkbox input[type="checkbox"] { display: none; } .fc_form_tml { margin-bottom: 0; } .uss_ok_form { font-size: 16px; } .modal .uss_ok_form { text-align: center; } .markItUpHeader, .markItUpEditor, #emoticons { width: 100% !important; border-radius: 0 !important; max-width: 100%; } textarea.markItUpEditor { font-size: 15px !important; } @media (max-width:768px) { .uss_shop_form { max-width: 100%; } .uss_shop_form .fc_form_tml .jq-checkbox { margin-right: 10px; } form[action*=faq], form[name*=guestbookitemaddform], form[name*=faqitemaddform], form[action*=basket], form[action*=CatalogOrderForm], form[action*=enter], form[action*=registration], form[action*=mycabinet], form[action*=changepass], form[action*=passrecovery], .section_registration .uss_error_form, .uss_form_item.uss_form_captcha { max-width: 100%; } .uss_form_tml.comments_form .uss_form_item { float: none; width: 100% !important; margin-right: 0; } .uss_form_tml.comments_form .uss_form_item:not(.uss_form_submit, .uss_form_captcha) input, .uss_form_tml.comments_form .uss_form_item textarea { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .buy_one_click_form_tml .buy_one_click_window_wrap a.close, .catalog_orderform_tml .catalog_orderform_window_wrap a.close { right: 7px; top: 7px; } } /*формы на сайте end*/ /*поле ошибки в форме*/ .uss_error_form { padding: 5px 12px 5px; background: #ff8a80; border-color: #c62828; border-radius: 0; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; } form .uss_error_form { width: 100%; min-width: 100%; } form input.styler.error, form input.error_field, form textarea.styler.error, form textarea.error_field { border-color: #c62828 !important; } .fc_item input.error_field, .fc_item textarea.error_field, .uss_form_tml .uss_form_item input.error_field, .uss_form_tml .uss_form_item textarea.error_field { background-color: transparent; } .fc_form_tml .hintError { font-size: 16px; } .catalog_orderform_tml .fc_form_tml textarea + .hintError { margin-top: -5px; } .uss_error_form ol { margin: 5px 0; list-style-type: decimal; list-style-position: inside; } .uss_error_form ol li { font-size: 16px !important; color: #000; line-height: normal; margin: 0 0 7px 0px !important; padding: 0 0 0 0px; font-weight: 400 !important; } .uss_error_form ol li:last-child { margin-bottom: 0 !important; } .uss_error_form ol li b { font-weight: 700; } /*поле ошибки в форме end*/ /*форма на странице подписки /subscribe */ .uss_subscribe_form { font-size: 16px; } .uss_subscribe_form .actions { margin: 15px 0; } .uss_subscribe_form .actions label:not(:first-child) { margin-left: 15px; } .uss_subscribe_form #subscribe_input_email { border-radius: 0; margin-left: 10px; width: auto; } .uss_subscribe_form input[type=submit] { min-width: 130px; border: 0; } @media screen and (max-width:600px) { .uss_subscribe_form #subscribe_input_email { margin: 10px 0 0 0; min-width: 100%; } .uss_subscribe_form input[type=submit].styler { width: 100%; } } /*форма на странице подписки /subscribe end*/ /*форма входа в кабинет*/ #loginForm table { width: 100%; max-width: 380px; } #loginForm td { background: none; padding: 0; border: 0; } #loginForm td.label { padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #loginForm input:not([type=submit]) { margin: 7px 0 7px 10px; margin: 7px 0 7px 0px; } #loginForm input[type=submit] { margin-top: 7px; width: 100%; } #loginForm ~ span { margin: 15px 15px 0 0; display: inline-block; } #loginForm ~ span a:hover { text-decoration: none; } /*форма входа в кабинет end*/ .uss_form_tml .uss_form_item { margin-bottom: 15px; } form:not([name="commentaddform"]) .uss_form_item { max-width: 380px; } .comment_form_block .uss_form_tml.comments_form form#ommentaddform_id { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } form#ommentaddform_id > .uss_form_item { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; margin-right: 0; width: auto; } form#ommentaddform_id > .uss_form_item + .uss_form_text { margin-left: 15px; } form#ommentaddform_id > .uss_form_item.uss_form_checkbox { -webkit-box-flex: 0; -webkit-flex: 0 calc(100% - 200px); -ms-flex: 0 calc(100% - 200px); flex: 0 calc(100% - 200px); padding-right: 20px; margin-bottom: 0; } form#ommentaddform_id > .uss_form_item.uss_form_submit { text-align: right; } .comment_form_block .uss_form_tml.comments_form form#ommentaddform_id .uss_form_item.uss_form_text input[type='text'].styler, .comment_form_block .uss_form_tml.comments_form form#ommentaddform_id .uss_form_item.uss_form_textarea textarea.styler { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #ommentaddform_id .uss_form_textarea { min-width: 100%; } @media (max-width: 768px) { .uss_shop_form form .buttons, .uss_shop_form form .buttons input, .buttons input.styler[type="submit"], .uss_form_submit input.styler[type="submit"], .uss_form_tml .uss_form_submit input, .fc_form_tml .group .fc_item.block, .fc_form_tml .group .fc_item.block.fc_checkbox_one { width: 100%; } form[action*=feedback] .fc_item:not(.block), form[action*=faq] .fc_item:not(.block), form[name*=guestbookitemaddform] .fc_item:not(.block), form[name*=faqitemaddform] .fc_item:not(.block), form[action*=basket] .fc_item:not(.block), form[action*=CatalogOrderForm] .fc_item:not(.block), form[action*=enter] .fc_item:not(.block), form[action*=registration] .fc_item:not(.block), form[action*=mycabinet] .fc_item:not(.block), form[action*=changepass] .fc_item:not(.block), form[action*=passrecovery] .fc_item:not(.block), #loginForm table { max-width: 100%; } .buttons input.styler[type="submit"], .uss_form_submit input.styler[type="submit"], .block_form form .buttons input.styler[type="submit"], .modal .modal-wrap .buttons input.submit { /*padding-top: 12px;*/ /*padding-bottom: 12px;*/ /*height: auto;*/ /*font-size: 16px;*/ /*line-height: 1;*/ } #ommentaddform_id .uss_form_text { margin-right: 0px; float: none; width: 100%; } form#ommentaddform_id > .uss_form_item { width: 100%; } form#ommentaddform_id > .uss_form_item.uss_form_checkbox { -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; padding-right: 0; } form#ommentaddform_id > .uss_form_item.uss_form_submit { margin-top: 15px; } #ommentaddform_id .uss_form_text input, #ommentaddform_id .uss_form_textarea textarea { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } form#ommentaddform_id > .uss_form_item + .uss_form_text { margin-left: 0; } input[type=text].styler, input[type=email].styler, input[type=number].styler, input[type=password].styler, input[type=search].styler, input[type=tel].styler, input[type=url].styler, textarea.styler { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .uss_form_item.uss_form_checkbox, form .uss_form_item, form:not([name="commentaddform"]) .uss_form_item { width: 100%; max-width: 100%; } .block_form form .group.end { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 100%; -ms-flex: 0 100%; flex: 0 100%; margin-bottom: 20px; } .block_form form .buttons, .block_form form .buttons input.styler[type="submit"], .content .block_form form .buttons input.styler[type="submit"] { width: 100%; max-width: 100%; } } /*форма end*/ /*slick slider*/ .slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;width:100%}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;min-width:100%}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent} .slick-arrow { background: var(--accent3-color); border-radius: 0; border: none; opacity: 1; width: 60px; height: 60px; position: relative; } .slick-arrow.slick-prev { --icon-arrow: var(--icon-arrow-left-url); } .slick-arrow.slick-next { --icon-arrow: var(--icon-arrow-right-url); } .slick-arrow:before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-mask: var(--icon-arrow) no-repeat center; mask: var(--icon-arrow) no-repeat center; -webkit-mask-size: auto 17px; mask-size: auto 17px; background: var(--main-color); } .slick-arrow:hover:before { background: var(--accent-color); } /*slick slider end*/ a, .search_opener, .slick-arrow, .slick-arrow.slick-prev:before, .slick-arrow.slick-next:before, .sidebar, .sidebar + .content, .uss_shop_list_view .uss_shop_list_view_item, .sidebar-catalog .uss_eshop_menu > li > a, .uss_shop_blocks_view .uss_eshop_item, .uss_shop_list_cat .uss_shop_category, .uss_shop_list_view .uss_shop_list_view_item, .uss_catalog_list_cat .uss_catalog_category, .uss_eshop_sameproducts .item, .uss_catalog_block_cat .uss_catalog_category, .uss_eshop_block_item, a.add_to_cart.buy_one_click:before, a.add_to_compare:before, a.add_to_wishlist:before, .uss_albums_item, .add_to_compare, .add_to_wishlist, div.uss_eshop_tabs .uss_eshop_tabs_navigation span, div.uss_catalog_tabs .uss_catalog_tabs_navigation span, .uss_eshop_sameproducts.blocks .item, .fc_form_tml input[type=submit], input[type=submit].styler, .uss_eshop_filters_block .filter_price input, button.styler, .jq-selectbox .jq-selectbox__select, .jq-selectbox .jq-selectbox__trigger, .uss_shoppos_table tr:before, #uss_basket_ask_where_to_go_block a, .jq-checkbox:after, .jq-selectbox__trigger:after, .jq-file .jq-file__name, .aside-menu > ul > li > a:before, .aside-menu > ul > li > .catalog_menu_item > a:before, .uss_faq_item, .uss_guestbook_item, .uss_desk_adv_list .adv_item { transition: 0.3s; } .fc_form_tml { background: transparent; } #lpage { position: relative; display: flex; flex-direction: column; min-height: 100%; min-width: 420px; margin: 0 auto; overflow: hidden; max-width: 1920px; } .uss_autocomplete_results, .uss_search_city_results { border-color: #ccc; } .uss_autocomplete_results li, .uss_search_city_results li { padding: 8px 10px; font-size: 16px; font-family: inherit; } #main { min-height: 250px; } .aside-menu { overflow: hidden; } .aside-menu .h3 { margin-bottom: 15px; } .aside-menu::before { display: none; } .aside-menu > ul > li a { position: relative; padding: 5px 20px; display: flex; align-items: center; text-decoration: none; font-size: 18px; line-height: 1.2; text-align: left; position: relative; border: 0; background: var(--main-color-alt); transition: var(--tr-1); } .aside-menu > ul > li { border: solid 1px var(--border-color-1); border-bottom: 0; } .aside-menu > ul > li.first { border-top: 0; } .aside-menu > ul > li.last { border-bottom: solid 1px var(--border-color-1); border-radius: 0 0 var(--br-1) var(--br-1); } .aside-menu > ul > li > a, .aside-menu > ul > li > .catalog_menu_item > a { padding: 5px 60px 5px 20px; min-height: 60px; } .aside-menu > ul > li > a::before, .aside-menu > ul > li > .catalog_menu_item > a::before, .aside-menu > ul > li > a::after, .aside-menu > ul > li > .catalog_menu_item > a::after { content: ''; position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; border-radius: 4px; transition: inherit; } .aside-menu > ul > li > a::before, .aside-menu > ul > li > .catalog_menu_item > a::before { background: var(--border-color-1); } .aside-menu > ul > li > a::after, .aside-menu > ul > li > .catalog_menu_item > a::after { background: var(--text-descr-color); -webkit-mask: var(--icon-triangle-down-url) no-repeat center; mask: var(--icon-triangle-down-url) no-repeat center; -webkit-mask-size: 6px auto; mask-size: 6px auto; } .aside-menu > ul > li > a:hover, .aside-menu > ul > li > .catalog_menu_item > a:hover { background: var(--main-color); color: var(--accent-color); } .aside-menu > ul > li > a.active, .aside-menu > ul > li > .catalog_menu_item > a.active { background: var(--gr-1); width: 100%; color: var(--text-accent-color); } .aside-menu > ul > li.active { border: 0; } .aside-menu > ul > li.active + li { border-top: 0; } .aside-menu > ul > li > a:hover::before, .aside-menu > ul > li > .catalog_menu_item > a:hover::before { background: var(--accent-color); } .aside-menu > ul > li > a.active::before, .aside-menu > ul > li > .catalog_menu_item > a.active::before { background: var(--accent2-color); } .aside-menu > ul > li > a:hover::after, .aside-menu > ul > li > .catalog_menu_item > a:hover::after, .aside-menu > ul > li > a.active::after, .aside-menu > ul > li > .catalog_menu_item > a.active::after { background: var(--main-color); } .aside-menu > ul > li a.active { /*font-weight: inherit;*/ } .aside-menu > ul > li ul.submenu { background: var(--accent3-color); padding: 20px 30px; border-radius: 0; } .aside-menu > ul > li ul.submenu a { text-transform: none; background: none; display: flex; font-size: 16px; line-height: 1.1; padding: 5px 0; font-weight: 400; border: 0; color: var(--text-accent-color); } .aside-menu > ul > li ul.submenu a:hover { color: var(--accent-color); } .aside-menu > ul > li ul.submenu ul.submenu { padding: 0; /*margin: 0px 10px 10px 15px;*/ margin-left: 15px; } .uss_adv_img_list_item.uss_ail_point span { background: #dbdbdb; } /*виджет товаров*/ .uss_widget_outer_content { display: flex; flex-wrap: wrap; } .uss_photoalbums_albums_block .uss_albums_item .uss_albums_info { display: block; } .uss_photoalbums_albums_block .uss_albums_description { font-style: normal; } .uss_photoalbums_foto_box .uss_img_item { margin-bottom: 20px; } .news_list { margin-bottom: -30px; } .news_list.news_list_items .title a { margin-right: 7px; } .news_list .commentsAmount { margin-left: 0; } .news_list .news_item, .news_list.news_block_items .news_item { margin-bottom: 40px; } .news_block_item .image { float: none; padding: 0; } .news_block_item .image img { display: block; } .news_block_item .date { margin-bottom: 15px; } .news_block_item .image, .news_list.news_block_items .news_item .image { margin: 0 0 14px 0; } .news_list .image, .news_exact_item .uss_img_wrapper { margin-right: 18px; margin-bottom: 10px; } .news_block_item .title, .news_list .title, .similar_items_block .news_item .title, .similar_items_list .news_item .title { font-size: 18px; line-height: 1.3; font-weight: 400; } .news_block_item .title a, .news_list .title a, .similar_items_block .news_item .title a, .similar_items_list .news_item .title a { display: inline; text-decoration: none; } .news_list:not(.news_block_items) .info, .similar_items_list .news_item .info { margin-top: 0px; } .news_list .title { margin-top: 0; } .news_list.news_block_items .news_item .date { margin-bottom: 0; } .news_list.news_block_items .news_item .date + .title, .news_list .date + .title { margin: 10px 0 8px; } .news_list.news_list_items .date + .title { margin: 2px 0 8px; } .uss_news .uss_more { padding: 0; } .uss_news .uss_more a { padding: 5px 0 0; display: inline-block; } .news_block_item .preview { margin-top: 10px; } .news_block_item .commentsAmount { margin-left: 10px; font-size: 14px; white-space: nowrap; text-decoration: none; } .news_block_item .commentsAmount img { position: relative; top: 5px; } .section_news .uss_ok_form, .section_news .uss_error_form { margin-top: 25px; } .similar_items_list .news_item .image, .news_list.news_list_items .image, .similar_items.similar_items_list .image { max-width: 40%; } .similar_items_list .news_item .title a { display: inline; } .uss_news_date, .news_list .date, .uss_news .date, .news_block_item .date, .similar_items_block .news_item .date, .similar_items_list .news_item .date, .uss_comments .comment .title .date { margin-bottom: 14px; display: inline-block; font-size: 16px; line-height: 1; padding: 5px 7px; border-radius: 7px; } .uss_news_back { margin-top: 15px; } .similar_items_block { display: flex; flex-wrap: wrap; } .similar_items_block .news_item { max-width: calc((100% - (1) * 15px) / 2); margin-right: 15px; margin-bottom: 20px; } .similar_items_block .news_item .info { margin-top: 8px; } .similar_items_block .news_item .info .date { margin-top: 6px; } .similar_items_block .news_item .info > .title + .preview { margin-top: 5px; } .similar_items_block .news_item .preview p { margin: 0; } .similar_items_block .news_item .preview p + p { margin-top: 7px; } .uss_comments { border-color: #ccc; } .section_news > .uss_section_content > .comment_form_block ~ .uss_error_form, .section_news > .uss_section_content > .uss_error_form { min-width: 100%; max-width: 100%; } .title .commentsAmount { font-size: 13px !important; font-weight: 400 !important; } .uss_news_back .uss_larr { margin-right: 10px; } .news_block_item .image, .news_block_item .image a, .news_block_item .image a img { display: block; } .news_list .image, .news_exact_item .uss_img_wrapper { margin: 0 15px 10px 0; } .similar_items_list .news_item { margin-bottom: 0; } .news_block_item .title, .news_list .title, .news_list.news_block_items .news_item .title, .similar_items_block .news_item .title, .similar_items_list .news_item .title, .uss_photoalbums_albums_block .uss_albums_name a { /*font-size: 24px;*/ font-weight: 400; line-height: 1.4; margin: 0 0 8px 0; } /*раздел новости end*/ .bread { font-weight: 400; line-height: 28px; margin-bottom: 25px; } .bread a { text-decoration: none; display: inline; vertical-align: middle; color: #9599a2; } .bread span { position: relative; width: 25px; display: inline-block; vertical-align: middle; text-align: center; color: #9599a2; min-height: 18px; } .uss_pagenator { min-width: 100%; font-size: inherit; } .uss_pagenator .uss_page_count { line-height: 1; font-weight: 400; margin-bottom: 20px; } .uss_pagenator .uss_page_num { margin: 0 0 -3px 0; display: flex; flex-wrap: wrap; } .uss_pagenator .uss_page_num .uss_page { padding: 0; margin: 0px 0px 5px 5px !important; margin: 0px 5px 5px 0px !important; /*margin: 0px 7px 7px 0px !important;*/ display: inline-block; } .uss_pagenator a { font-size: 18px; } .uss_pagenator .uss_page_num .uss_page a, .uss_pagenator .uss_page_num .uss_10_pages_bac a, .uss_pagenator .uss_page_num .uss_page_forward, .uss_pagenator .uss_page_num .uss_page_forward a, .uss_pagenator .uss_page_num .uss_10_pages_forward a { border-radius: 10px; width: 50px; height: 50px; line-height: 50px; text-align: center; background: var(--submenu-bg, #eee); text-decoration: none; display: inline-block; transition: 0.3s; } .uss_pagenator .uss_page_num .uss_page a, .uss_pagenator .uss_page_num .uss_page_forward { background: none; box-shadow: 0px 0px 15px rgb(0 0 0 / 10%); } .uss_pagenator .uss_page_num .uss_10_pages_bac + .uss_page_forward + .uss_page_forward, .uss_pagenator .uss_page_num .uss_page + .uss_page_forward { box-shadow: none !important; } .uss_pagenator .uss_page_num .uss_page_forward a { background: none; } .uss_pagenator .uss_page_num .uss_page.uss_page_selected { border: 0; margin: 0; padding: 0; } .uss_pagenator .uss_page_num .uss_page:first-child { margin-left: 0 !important; } .uss_pagenator .uss_page_num .uss_page.uss_page_selected a, .uss_pagenator .uss_page_num .uss_10_pages_bac a:hover, .uss_pagenator .uss_page_num .uss_page_forward a:hover, .uss_pagenator .uss_page_num .uss_10_pages_forward a:hover, .uss_pagenator .uss_page_num .uss_page a:hover { background: #3a3a3a; background: var(--accent-color, #3a3a3a); color: #fff; } .uss_pagenator .uss_page_num .uss_10_pages_bac, .uss_pagenator .uss_page_num .uss_10_pages_forward, .uss_pagenator .uss_page_num .uss_page_forward { font-size: 20px; margin: 0 0px 0 5px; margin: 0 5px 0 0px; } .uss_pagenator .uss_page_num .uss_10_pages_bac { margin-left: 0; } /*список категорий*/ .uss_shop_list_cat .uss_shop_cat_img_wrap { margin-right: 15px; } .uss_shop_cat_img { max-width: 30vw; height: auto !important; } @media (max-width: 550px) { .uss_shop_list_cat .uss_shop_cat_img_wrap { float: none; margin: 0 0 10px 0; } .uss_shop_cat_img { max-width: 100%; } } /*список категорий end*/ /*Отступы для названий товаров/услуг/фото и тд*/ .uss_shop_blocks_view .uss_eshop_item .posimg_item, .uss_catalog_list_cat .uss_catalog_cat_name, .uss_catalog_sameelements.blocks .item .imageArea, .uss_eshop_sameproducts.blocks .item .imageArea, .uss_catalog_sameelements.list .item .title, .uss_eshop_sameproducts.list .item .title, .uss_photoalbums_albums_block .uss_albums_item .uss_albums_info { margin: 0; padding: 0; } .uss_eshop_block_item .uss_shop_name, .uss_shop_blocks_view .uss_eshop_item .uss_shop_name, .uss_shop_blocks_view .uss_eshop_item > div.uss_shop_name, .uss_eshop_sameproducts.blocks .item .title, .uss_catalog_block_cat .uss_catalog_cat_name, .uss_photoalbums_albums_block .uss_albums_name, .photoalbum ul.photoalbum_menu li .photoalbum_image + a { margin: 8px 0 0; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_name + *, .uss_shop_blocks_view .uss_eshop_item > * + *, .uss_shop_blocks_view .uss_eshop_item .uss_shop_description, .uss_shop_list_view .uss_shop_technical_data .uss_shop_description, .uss_shop_list_view .uss_shop_technical_data .uss_shop_producer, .uss_catalog_block_cat .uss_catlog_cat_anons, .uss_catlog_cat_anons, .uss_eshop_sameproducts.list .item .descr, .uss_eshop_item .eshop_filters_area, .uss_catalog_sameelements.blocks .item .descr, .uss_eshop_sameproducts.blocks .item .descr, .uss_photoalbums_albums_block .uss_albums_description { margin: 8px 0 0; } .uss_catalog_list_cat .uss_catalog_category .catalog_order_block .catalog_orderbutton, .uss_catalog_detail .uss_eshop_sameproducts .descr.empty-block + .catalog_order_block .catalog_orderbutton, .uss_catalog_detail .uss_eshop_sameproducts.blocks .catalog_order_block .catalog_orderbutton, .uss_catalog_detail .uss_eshop_sameproducts.list .item .catalog_orderbutton, .uss_catalog_detail .uss_eshop_sameproducts.list .item .descr.empty-block + .catalog_orderbutton { margin: 10px 0 0; } .uss_catalog_list_cat .uss_catalog_category .uss_catlog_cat_anons + .catalog_order_block .catalog_orderbutton, .uss_catalog_detail .uss_eshop_sameproducts .descr + .catalog_order_block .catalog_orderbutton, .uss_catalog_detail .uss_eshop_sameproducts.list .item .descr + .catalog_orderbutton { margin: 12px 0 0; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_description, .uss_shop_list_view .uss_shop_technical_data .uss_shop_description, .uss_eshop_sameproducts.list .item .descr, .uss_eshop_sameproducts.table .item .descr, .uss_catalog_sameelements.table .item .descr, .uss_catlog_cat_anons, .uss_albums_description, .uss_description, .uss_catalog_block_cat .uss_catlog_cat_anons, .uss_eshop_sameproducts.blocks .item .descr, .news_list.news_block_items .news_item .preview, .news_list .preview, .similar_items_block .preview, .similar_items_list .preview, .news_block_item .preview, .compare_table .explanation .cell_inner { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; color: var(--text-descr-color, #898989); } .uss_shop_list_cat .uss_shop_cat_text { color: var(--text-descr-color, #898989); } /*Отступы для названий товаров/услуг/фото и тд end*/ /*цена и кнопка в услугах*/ .uss_catalog_block_cat .uss_catalog_category .catalog_order_block, .uss_catalog_list_cat .uss_catalog_category .catalog_order_block, .uss_catalog_short_description + .catalog_order_block, .uss_catalog_sameelements.uss_eshop_sameproducts.blocks .catalog_order_block { margin-top: auto !important; padding-top: 12px; } .uss_catalog_block_cat .uss_catalog_category .catalog_order_block .catalog_price + .catalog_orderbutton, .uss_catalog_list_cat .uss_catalog_category .catalog_order_block .catalog_price + .catalog_orderbutton, .uss_catalog_list_cat .uss_catalog_category .uss_catalog_cat_name + .catalog_order_block .catalog_price + .catalog_orderbutton, .uss_catalog_detail .catalog_order_block .catalog_price + .catalog_orderbutton, .uss_catalog_sameelements.uss_eshop_sameproducts.blocks .catalog_order_block .catalog_price + .catalog_orderbutton { margin-top: 15px; } .catalog_order_block .catalog_price { margin: 0; } .uss_catalog_cat_name + .catalog_orderbutton, .uss_catlog_cat_anons + .catalog_orderbutton, .subcats_list + .catalog_orderbutton, .uss_eshop_sameproducts.list .descr + .catalog_orderbutton, .uss_eshop_sameproducts.list .title + .catalog_orderbutton { margin-top: 12px; } .uss_catalog_list_cat .uss_catalog_cat_name, .uss_catalog_list_cat .subcats, .uss_catalog_list_cat .uss_catalog_category .catalog_order_block .catalog_price { margin-bottom: 0; } .uss_catalog_list_cat .catalog_orderbutton { margin-top: 10px; } .uss_catalog_list_cat .uss_catalog_category .uss_catalog_cat_name + .catalog_order_block .catalog_orderbutton { margin-top: 3px; } /*цена и кнопка в услугах end*/ /*фильтры в списке товаров*/ .uss_eshop_filters { /* background: #f2f2f2; */ padding: 0px 15px 0px 15px; border: 2px solid #bdbdbd; } .uss_eshop_filters + .uss_cleaner { display: none; } .uss_eshop_filters:after { content:''; clear: both; display: table; } .uss_eshop_filters .uss_eshop_filters_block.simple_filters { margin: 7px 0 7px; } .uss_eshop_filters_block.simple_filters .filter_price.filter_item { margin: 7px 15px 7px 0; } .uss_eshop_filters_block .filter_price.filter_item, .uss_eshop_filters_block .filter_producer.filter_item { margin-right: 15px; } .uss_eshop_filters_block .filter_price .inputs { display: inline-block; } .uss_eshop_filters_block .filter_price input, .uss_eshop_filters_block .filter_price input.styler { width: 80px; height: 42px; margin: 0 7px 0 12px; padding: 7px 5px; text-align: center; } .uss_eshop_filters_block .filter_price input[name="maxprice"] { margin-right: 0; } .uss_eshop_filters .uss_eshop_filters_block:not(.simple_filters) { margin: 0px 0 7px; } .uss_eshop_filters_block:not(.simple_filters) .eshop_filters_items { -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .uss_section_content .uss_eshop_filters form .group .eshop_filters_items label, .uss_eshop_filters_block.simple_filters .filter_producer.filter_item label, .uss_eshop_filters .uss_eshop_filters_block .filter_producer label.for_styler { display: block; line-height: normal; margin-bottom: 5px; float: none; width: 100%; } .uss_section_content .uss_eshop_filters form .group .eshop_filters_items .filter_item.checkboxlist label { display: inline-block; width: auto; margin-right: 20px; } .uss_eshop_filters .eshop_filters.filter_item.checkboxlist label, .uss_eshop_filters .uss_eshop_filters_block .filter_producer label.for_styler, .uss_eshop_filters_block .group .filter_item .items_label.for_styler { padding-top: 9px; } .uss_eshop_filters .uss_eshop_filters_block .filter_producer label.for_styler { padding-top: 0; } .uss_eshop_filters_block.simple_filters .filter_producer.filter_item { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 15px 5px 0 !important; margin: 0 15px 7px 0 !important; padding: 0; } .uss_eshop_filters_block .filter_producer.filter_item { min-width: 180px; } .filter_producer label + .jq-selectbox { margin-top: 5px; margin-top: 0px; } .uss_eshop_filters_block form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; /*justify-content: space-between;*/ -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .uss_section_content .uss_eshop_filters form .group { width: 100%; } .uss_eshop_filters_block form .group { width: 100%; margin-bottom: 7px; } .eshop_filters_area { margin: 0; } .eshop_filters_area .eshop_filters_item + .eshop_filters_item { margin: 5px 0 0 0; } .eshop_filters_area .eshop_filters_line { margin-bottom: 0; } .eshop_filters_area .eshop_filters_line .value .jq-select-multiple { margin: 8px 0 0 0; } .jq-select-multiple { border-radius: 0; font-size: 15px; } .jq-select-multiple li:first-child { border-radius: 0px 0px 0 0; } .eshop_filters_area .eshop_filters_line.radio { margin-right: 12px; } .uss_section_content .uss_eshop_filters .jq-selectbox__select, .eshop_filters_area .eshop_filters_items .jq-selectbox__select, .eshop_filters_area .eshop_filters_line .jq-selectbox__select, .uss_specifications .spec_item .jq-selectbox__select { max-width: 100%; } .eshop_filters_area .eshop_filters_line, .eshop_filters_area .value, .jq-selectbox { max-width: 100%; } .uss_eshop_item .eshop_filters_type_select .eshop_filters_line .title { display: inline-block; margin-bottom: 5px; } .jq-select-multiple { max-width: 100%; } .uss_eshop_filters_block .jq-selectbox { margin-right: 0; margin-bottom: 0; max-width: 100%; width: 100%; } .uss_eshop_filters_block .jq-selectbox .jq-selectbox__select { width: 100%; } .uss_section_content .uss_eshop_filters .group:not(:first-child) { margin-top: 15px; } .uss_section_content .uss_eshop_filters form .jq-selectbox__select-text { width: 100% !important; } .uss_eshop_sort_block .filter_show_by_links .jq-selectbox__select { min-width: 85px; width: auto; } .uss_eshop_sort_block .filter_show_by_links .jq-selectbox { margin-left: 5px; } .uss_eshop_filters_block .filter_submit { margin: 7px 0; } /*фильтры в списке товаров end*/ /*выпадающий список*/ .jq-selectbox__select { position: relative; height: 42px; outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; background: url(/img/transparent.png) #fff; padding: 0 40px 0 0px; border-radius: var(--br-1); border: 1px solid var(--border-color-1); } .jq-selectbox.focused .jq-selectbox__select { border-width: 1px; } .jq-selectbox__select-text { height: 100%; border-right: 0; font-size: 16px; line-height: 38px; text-shadow: none; color: #898989; padding: 0 12px; } .jq-selectbox.changed .jq-selectbox__select-text { color: #231f20; } .jq-selectbox__trigger { width: 40px; height: 100%; border-radius: 0px var(--br-2) var(--br-2) 0; /* background: #ba34a1; */ /* position: absolute; */ /* top: 0px; */ /* right: 0px; */ border-left: 1px solid var(--border-color-1); } .jq-selectbox__trigger:after { content: ''; width: 14px; height: 8px; background: url(/img/arrow-down-black.svg) no-repeat; background-size: 14px 8px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .jq-selectbox.opened .jq-selectbox__trigger:after { content:''; transform: translate(-50%,-50%) scale(1, -1); } .jq-selectbox__trigger .jq-selectbox__trigger-arrow { display: none; } .jq-selectbox, .jq-selectbox li, .jq-selectbox__dropdown, .jq-selectbox__dropdown li, .jq-selectbox__select-text, .jq-selectbox__dropdown li { font-family: var(--main-font); } .jq-selectbox__select, .jq-selectbox__select * { -webkit-box-sizing: border-box; box-sizing: border-box; } .jq-selectbox__dropdown { border: 2px solid #e4ebf0 !important; overflow: hidden; box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); } .jq-selectbox__dropdown ul::-webkit-scrollbar {width: 5px; background: #dee7ee; padding-right: 13px;} .jq-selectbox__dropdown ul::-webkit-scrollbar-track {background: transparent; border-radius: 10px;} .jq-selectbox__dropdown ul::-webkit-scrollbar-thumb {background-color: #ba34a1; border-radius: 10px;} .jq-selectbox__dropdown ul::-webkit-scrollbar-button {display: none;} .jq-selectbox li, .jq-selectbox__dropdown li { padding: 10px 15px 10px 15px; font-size: 16px; color: #002230; } .jq-selectbox__search input { border: 1px solid #e4ebf0 !important; border-radius: 12px !important; padding: 10px 27px 10px 14px; font-size: 16px; color: #002230; background: url(/img/icon-search-black.svg) no-repeat center right 10px transparent; background-size: 18px 18px; } .jq-selectbox__not-found { padding: 10px 16px; background: #751e65; font-size: 16px; color: #fff; border-radius: 12px; } .jq-selectbox.focused .jq-selectbox__trigger, .jq-selectbox .jq-selectbox__select:hover .jq-selectbox__trigger { /*background: #751e65;*/ } .jq-selectbox li, .jq-selectbox__dropdown li { cursor: pointer; } /*выпадающий список end*/ /*список товаров*/ .uss_eshop_sort_block { margin: 0px; } .uss_eshop_sort_block .filter_show_by_links .jq-selectbox__select { width: auto; min-width: 85px; text-align: center; padding: 0 50px 0 12px; } .uss_eshop_sort_block .filter_show_by_links .jq-selectbox__select .jq-selectbox__select-text { padding: 0; } .uss_eshop_sort_block .filter_show_by_links .jq-selectbox { margin-left: 5px; } .flex .catalog_menu, .flex .uss_eshop_menu, .flex .items, .content .uss_shop_blocks_view, .content .uss_eshop_sameproducts.blocks, .flex .uss_images_block, .content .uss_catalog_block_cat, .uss_photoalbums_albums_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .uss_shop_blocks_view { overflow: visible; } .content .flex .items { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .uss_shop_list_cat .uss_shop_category + .uss_shop_category { margin-top: 35px; } .uss_catalog_block_cat .uss_catalog_category, .uss_shop_blocks_view .uss_eshop_item, .uss_eshop_sameproducts.blocks .item, .uss_photoalbums_albums_block .uss_albums_item { display: block; margin: 0px 15px 50px 0; } .uss_catalog_block_cat .uss_catalog_category { position: relative; } .uss_shop_blocks_view .uss_eshop_item > div { max-width: 100%; width: 100%; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_name a, .uss_eshop_sameproducts.blocks .item .title, .uss_catalog_block_cat .uss_catalog_cat_name a { text-decoration: none; display: inline-block; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area form .group_wrap .eshop_filters_items .eshop_filters_item .eshop_filters_line { min-width: 100%; max-width: 100%; display: block; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area form .group_wrap .eshop_filters_items .eshop_filters_item .eshop_filters_line .value { max-width: 100%; display: block; } .uss_shop_blocks_view .uss_eshop_item .jq-selectbox__select { width: 100%; } .uss_shop_blocks_view .uss_eshop_item .jq-selectbox__trigger-arrow { top: 18px; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area form .group_wrap .eshop_filters_items .eshop_filters_item .eshop_filters_line .value .jq-selectbox { display: block !important; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area form .group_wrap .eshop_filters_items .eshop_filters_item .eshop_filters_line .value .jq-select-multiple { max-width: 100%; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_price { margin: 15px 0 0 0; font-size: inherit; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_by:not(.uss_shop_buy_one_click) { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_by:not(.uss_shop_buy_one_click) .add_to_cart { -webkit-flex: 1 auto; -moz-flex: 1 auto; -ms-flex: 1 auto; -o-flex: 1 auto; flex: 1 auto; text-align: center; } .uss_shop_blocks_view .uss_eshop_item .uss_eshop_amount_block { display: flex; align-items: center; white-space: nowrap; } .uss_shop_blocks_view .uss_eshop_item { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -moz-box-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; box-sizing: content-box; padding: 20px; } .uss_shop_blocks_view .uss_eshop_item .position-buttons, .uss_eshop_sameproducts.blocks .position-buttons, .position-buttons { margin-top: auto !important; } .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-display: grid; display: grid; -ms-grid-auto-flow: column; grid-auto-flow: column; -ms-grid-auto-columns: 1fr; grid-auto-columns: 1fr; gap: 10px; } .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra > div { -webkit-flex: 1 auto; -moz-flex: 1 auto; -ms-flex: 1 auto; -o-flex: 1 auto; flex: 1 auto; text-align: center; min-width: 32%; } .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra a.add_to_compare, .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra a.add_to_wishlist { background: #f7f7f7; height: 50px; min-width: 100%; } .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra .uss_shop_by, .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra .uss_compare_by, .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra .uss_shop_put_wrap { margin: 0; } .uss_shop_blocks_view .add_to_compare, .uss_shop_blocks_view .add_to_wishlist { text-indent: -9999px; } a.add_to_compare, a.add_to_wishlist { position: relative; width: 40px; height: 40px; text-indent: -9999px; } a.add_to_compare:before, a.add_to_wishlist:before { content: ''; background: url(/img/icon-one-click.svg) no-repeat center center; background-size: 20px !important; display: block; width: 100%; height: 100%; } a.add_to_compare:before { background: url(/img/icon-compare.svg) no-repeat center center; } a.add_to_wishlist:before { background: url(/img/icon-wishlist.svg) no-repeat center center; } a.add_to_compare:before, a.add_to_wishlist:before { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7450%) hue-rotate(145deg) brightness(96%) contrast(109%); /*color: #fff;*/ transition: 0.25s; } .uss_shop_blocks_view a.add_to_compare:before, .uss_shop_blocks_view a.add_to_wishlist:before { filter: brightness(0) saturate(100%) invert(78%) sepia(7%) saturate(0%) hue-rotate(165deg) brightness(96%) contrast(90%); /*color: #bdbdbd;*/ transition: 0s; } .uss_shop_list_view .uss_shop_list_view_item + .uss_shop_list_view_item { margin-top: 40px; } .uss_shop_list_view_item.uss_eshop_item .posimg_item, .uss_shop_list_view .uss_shop_technical_data { margin-bottom: 0; } .uss_shop_list_view .uss_shop_list_view_item .posimg_item { margin-right: 15px; } .uss_shop_list_view .uss_shop_list_view_item.uss_eshop_item .posimg_item .uss_img_holder_outer { max-width: 30vw; } .uss_shop_list_view .uss_shop_technical_data .position-buttons { margin-top: 15px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .uss_shop_list_view .uss_shop_technical_data .position-buttons > .uss_shop_price { display: block; min-width: 100%; line-height: 1; text-align: left; margin-right: 10px; } .uss_shop_list_view .uss_shop_technical_data .uss_shop_price span.old_price { -moz-order: 10; -ms-order: 10; -o-order: 10; -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .uss_shop_list_view .uss_shop_technical_data .position-buttons > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; margin: 0 !important; padding: 0 !important; border: 0; } .uss_shop_list_view .uss_shop_technical_data .position-buttons > div > div { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; margin: 0 !important; padding: 0 !important; } .uss_shop_list_view .uss_shop_technical_data .position-buttons > div > div.uss_shop_by:not(.uss_shop_buy_one_click) { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 0px; column-gap: 0px; } .uss_shop_list_view .uss_shop_technical_data .position-buttons > div a { margin: 0 !important; } .uss_shop_list_view .add_to_cart { padding: 0 10px; } /**/ .add_to_compare, .add_to_wishlist, .uss_shop_table_view .add_to_wishlist { display: inline-block; vertical-align: top; zoom: 1; text-decoration: none; overflow: hidden; text-align: center; /*width: 100%;*/ } .uss_shoppos_table td.uss_onlineorder > .add_to_cart { display: flex; align-items: center; } .uss_shoppos_table td.uss_onlineorder > .add_to_cart > .add_to_cart:not(.already_in_cart) { flex: 1; } .uss_shoppos_table td.uss_onlineorder a.add_to_cart.already_in_cart { width: 100%; } .catalog_menu_item .catalog_orderbutton, .uss_catalog_block_cat .catalog_orderbutton, .uss_catalog_detail .catalog_orderbutton, .uss_catalog_list_cat .catalog_orderbutton, .buttons input.styler[type="submit"], .uss_form_tml .uss_form_submit input { -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; opacity: 1 !important; height: 50px; line-height: 50px; padding: 0 10px; font-size: inherit; font-weight: 400; font-size: 18px; } .catalog_orderform_tml, .uss_modal_window { font-size: inherit; } /**/ .uss_shop_table_view .mCSB_scrollTools.mCSB_scrollTools_horizontal { margin-top: -5px; } .uss_shop_table_view th, .uss_shop_table_view td, .uss_eshop_sameproducts.table th, .uss_eshop_sameproducts.table td { font-size: inherit; font-size: 16px; vertical-align: middle; } .uss_shop_table_view td.uss_img { padding: 10px 4px 10px 10px; } .uss_shoppos_table td.uss_title, .uss_eshop_sameproducts.table td.title { min-width: 220px; } .uss_eshop_sameproducts.table td.imageTd { padding: 10px; } .uss_eshop_sameproducts.table .imageArea { position: relative; } .uss_eshop_sameproducts.table td.imageTd .imageWrapOuter > a img { display: block; } .uss_eshop_sameproducts.table td.addToCart { width: auto; display: table-cell; } .uss_eshop_sameproducts.table td.addToCart .uss_eshop_amount_block { margin-bottom: 10px; justify-content: center; } .uss_shoppos_table td.uss_title a { display: inline-block; } .uss_shop_table_view .uss_description div { height: auto; line-height: 1.5; max-height: 96px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .uss_shop_table_view td { display: table-cell; } .uss_shoppos_table td.uss_amount_left { white-space: nowrap; } .uss_shoppos_table td.th_eshop_filters_item, .uss_shoppos_table td.uss_price { /*text-align: center;*/ } .uss_shoppos_table td.uss_onlineorder > * + * { margin-top: 10px; } .uss_shoppos_table td.uss_onlineorder .buy_btn_extra { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack:center; -webkit-justify-content: center; -ms-flex-pack:center; justify-content: center; } .uss_shoppos_table td.uss_onlineorder .buy_btn_extra > * + * { margin-left: 10px; } .uss_shop_table_view .add_to_wishlist { display: inline-block; } .uss_shop_list_view a.add_to_compare, .uss_shop_list_view a.add_to_wishlist, .uss_shoppos_table a.add_to_compare, .uss_shoppos_table a.add_to_wishlist, .uss_user_basket .uss_delete_pos .add_to_wishlist { width: 50px; padding: 0 !important; } .uss_shop_list_view a.add_to_compare:before, .uss_shop_list_view a.add_to_wishlist:before, .uss_shoppos_table a.add_to_compare:before, .uss_shoppos_table a.add_to_wishlist:before, .uss_user_basket .uss_delete_pos .add_to_wishlist:before { background-size: 20px; } .uss_shop_blocks_view .uss_eshop_item a.add_to_compare, .uss_shop_blocks_view .uss_eshop_item a.add_to_wishlist { padding: 0; max-width: 100%; } @media screen and (max-width:769px) { .uss_eshop_sameproducts.table .uss_advanced_image_list.uss_ail_points { bottom: 12px; left: 17px; right: 17px; } } @media screen and (max-width:768px) { .uss_shop_list_view .uss_img_holder { height: auto !important; } .uss_eshop_sameproducts.table { border-left: 0; } .uss_eshop_sameproducts.table td.imageTd { padding: 0; } table.uss_shoppos_table, table.uss_eshop_sameproducts { display: block; border: none; max-width: 100%; width: 100%; } table.uss_shoppos_table tbody, table.uss_eshop_sameproducts tbody { display: block; } table.uss_shoppos_table tbody tr:first-child, table.uss_eshop_sameproducts tbody tr:first-child { display: none; } table.uss_shoppos_table tbody tr:first-child + td, table.uss_eshop_sameproducts tbody tr:first-child + td { border-top: 1px solid #989898; } table.uss_shoppos_table tbody tr.uss_eshop_item, table.uss_eshop_sameproducts tbody tr.uss_eshop_item, table.uss_shoppos_table tbody tr.item, table.uss_eshop_sameproducts tbody tr.item { width: 100%; display: block; padding-bottom: 15px; padding-top: 15px; } table.uss_shoppos_table tbody tr.uss_eshop_item:after, table.uss_eshop_sameproducts tbody tr.uss_eshop_item:after, table.uss_shoppos_table tbody tr.item:after, table.uss_eshop_sameproducts tbody tr.item:after { content: ''; display: block; clear: both; } table.uss_shoppos_table tbody tr.uss_eshop_item + tr, table.uss_eshop_sameproducts tbody tr.uss_eshop_item + tr, table.uss_shoppos_table tbody tr.item + tr, table.uss_eshop_sameproducts tbody tr.item + tr { padding-top: 15px; border-top: 1px solid #989898; } table.uss_shoppos_table tbody tr.uss_eshop_item td, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td, table.uss_shoppos_table tbody tr.item td, table.uss_eshop_sameproducts tbody tr.item td { font-size: 16px; border: none; padding: 0; display: block; overflow: hidden; width: auto !important; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_img, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.uss_img, table.uss_shoppos_table tbody tr.item td.uss_img, table.uss_eshop_sameproducts tbody tr.item td.uss_img, table.uss_shoppos_table tbody tr.uss_eshop_item td.imageTd, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.imageTd, table.uss_shoppos_table tbody tr.item td.imageTd, table.uss_eshop_sameproducts tbody tr.item td.imageTd { float: left; display: block; margin: 0 15px; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_img ~ *, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.uss_img ~ *, table.uss_shoppos_table tbody tr.item td.uss_img ~ *, table.uss_eshop_sameproducts tbody tr.item td.uss_img ~ *, table.uss_shoppos_table tbody tr.uss_eshop_item td.imageTd ~ *, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.imageTd ~ *, table.uss_shoppos_table tbody tr.item td.imageTd ~ *, table.uss_eshop_sameproducts tbody tr.item td.imageTd ~ * { overflow: hidden; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_title, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.uss_title, table.uss_shoppos_table tbody tr.item td.uss_title, table.uss_eshop_sameproducts tbody tr.item td.uss_title, table.uss_shoppos_table tbody tr.uss_eshop_item td.title, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.title, table.uss_shoppos_table tbody tr.item td.title, table.uss_eshop_sameproducts tbody tr.item td.title { display: block; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_price, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.uss_price, table.uss_shoppos_table tbody tr.item td.uss_price, table.uss_eshop_sameproducts tbody tr.item td.uss_price, table.uss_shoppos_table tbody tr.uss_eshop_item td.price, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.price, table.uss_shoppos_table tbody tr.item td.price, table.uss_eshop_sameproducts tbody tr.item td.price { text-align: left; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_price span.old_price, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.uss_price span.old_price, table.uss_shoppos_table tbody tr.item td.uss_price span.old_price, table.uss_eshop_sameproducts tbody tr.item td.uss_price span.old_price, table.uss_shoppos_table tbody tr.uss_eshop_item td.price span.old_price, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.price span.old_price, table.uss_shoppos_table tbody tr.item td.price span.old_price, table.uss_eshop_sameproducts tbody tr.item td.price span.old_price { font-size: 18px; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_price span.actual_price, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.uss_price span.actual_price, table.uss_shoppos_table tbody tr.item td.uss_price span.actual_price, table.uss_eshop_sameproducts tbody tr.item td.uss_price span.actual_price, table.uss_shoppos_table tbody tr.uss_eshop_item td.price span.actual_price, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.price span.actual_price, table.uss_shoppos_table tbody tr.item td.price span.actual_price, table.uss_eshop_sameproducts tbody tr.item td.price span.actual_price { font-size: 20px; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_description > div, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.uss_description > div, table.uss_shoppos_table tbody tr.item td.uss_description > div, table.uss_eshop_sameproducts tbody tr.item td.uss_description > div { height: auto; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_onlineorder, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.uss_onlineorder, table.uss_shoppos_table tbody tr.item td.uss_onlineorder, table.uss_eshop_sameproducts tbody tr.item td.uss_onlineorder, table.uss_shoppos_table tbody tr.uss_eshop_item td.addToCart, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.addToCart, table.uss_shoppos_table tbody tr.item td.addToCart, table.uss_eshop_sameproducts tbody tr.item td.addToCart { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_onlineorder > *, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.uss_onlineorder > *, table.uss_shoppos_table tbody tr.item td.uss_onlineorder > *, table.uss_eshop_sameproducts tbody tr.item td.uss_onlineorder > *, table.uss_shoppos_table tbody tr.uss_eshop_item td.addToCart > *, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.addToCart > *, table.uss_shoppos_table tbody tr.item td.addToCart > *, table.uss_eshop_sameproducts tbody tr.item td.addToCart > * { margin: 10px 10px 0 0 !important; white-space: nowrap; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_onlineorder a.add_to_cart, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.uss_onlineorder a.add_to_cart, table.uss_shoppos_table tbody tr.item td.uss_onlineorder a.add_to_cart, table.uss_eshop_sameproducts tbody tr.item td.uss_onlineorder a.add_to_cart, table.uss_shoppos_table tbody tr.uss_eshop_item td.addToCart a.add_to_cart, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.addToCart a.add_to_cart, table.uss_shoppos_table tbody tr.item td.addToCart a.add_to_cart, table.uss_eshop_sameproducts tbody tr.item td.addToCart a.add_to_cart { max-width: none; margin-bottom: 0 !important; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_onlineorder span.add_to_cart + .uss_shop_by, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.uss_onlineorder span.add_to_cart + .uss_shop_by, table.uss_shoppos_table tbody tr.item td.uss_onlineorder span.add_to_cart + .uss_shop_by, table.uss_eshop_sameproducts tbody tr.item td.uss_onlineorder span.add_to_cart + .uss_shop_by, table.uss_shoppos_table tbody tr.uss_eshop_item td.addToCart span.add_to_cart + .uss_shop_by, table.uss_eshop_sameproducts tbody tr.uss_eshop_item td.addToCart span.add_to_cart + .uss_shop_by, table.uss_shoppos_table tbody tr.item td.addToCart span.add_to_cart + .uss_shop_by, table.uss_eshop_sameproducts tbody tr.item td.addToCart span.add_to_cart + .uss_shop_by { margin-top: 0; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_img, table.uss_eshop_sameproducts tbody tr.item td.imageTd { max-width: calc(25% - 30px); } .uss_shop_table_view td:not(.uss_img), table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_price, table.uss_eshop_sameproducts.table tr.item td:not(.imageTd) { width: auto; border: 0; overflow: hidden; margin-left: 25%; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_title, .uss_eshop_sameproducts.table td.title { font-size: 18px; } table.uss_shoppos_table tbody tr.uss_eshop_item > td:not(.uss_img):not(.uss_title):not(.uss_onlineorder), table.uss_eshop_sameproducts tbody tr.item td:not(.imageTd):not(.title) { margin-top: 8px; margin-bottom: 0; } table.uss_eshop_sameproducts tbody tr.item td.descrTd .descr:empty { margin-top: -8px; } table.uss_eshop_sameproducts tbody tr.item td.producer:empty { /*display: none;*/ } .uss_shop_table_view .uss_img_holder { display: inline-block; max-width: 100%; height: auto !important; } .imageArea, .imageWrapOuter, .uss_img_holder_outer { max-width: 100%; } .imageArea, .imageWrapOuter, .uss_img_holder_outer { height: auto !important; } } @media screen and (max-width:600px) { .uss_shop_list_view .uss_shop_list_view_item.uss_eshop_item .posimg_item { display: block; width: 100%; float: none; margin-right: 0; } .uss_shop_list_view .uss_shop_list_view_item .uss_shop_technical_data { display: block; width: 100%; float: none; padding-top: 12px; } .uss_shop_list_view_item.uss_eshop_item .posimg_item { float: none; margin: 0 0 0 0; } .uss_shop_list_view .uss_shop_list_view_item.uss_eshop_item .posimg_item .uss_img_holder_outer { max-width: 100%; } .uss_shop_list_view .uss_shop_technical_data { margin-bottom: 0; } .uss_shop_table_view.uss-scroller .mCSB_container { padding-top: 0; } .uss_shop_table_view.uss-scroller table { margin-top: 0; } table.uss_shoppos_table tbody tr:nth-child(2) { padding-top: 0; } table.uss_shoppos_table tbody tr.uss_eshop_item td, .uss_shop_table_view td:not(.uss_img), table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_price, .uss_eshop_sameproducts table td:not(.imageTd) { margin: 0 0 10px; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_onlineorder { margin-bottom: 0; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_img { float:none; display:block; width:100%; max-width: 100%; margin: 0 0 10px 0; } table.uss_shoppos_table tbody tr.uss_eshop_item td>div { margin:0; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_img > div { margin: 0; } } /*список товаров end*/ /*элементы с падингом*/ .uss_shop_blocks_view .uss_eshop_item, .uss_catalog_block_cat .uss_catalog_category, .uss_shop_list_cat .uss_shop_category, .uss_shop_list_view .uss_shop_list_view_item, .uss_eshop_sameproducts.blocks .item, .uss_eshop_sameproducts.list .item, .uss_photoalbums_albums_list .uss_albums_item, .uss_photoalbums_albums_block .uss_albums_item, .uss_catalog_list_cat .uss_catalog_category { padding: 15px; /*background: #fff;*/ border: 1px solid #ebebef; border-color: var(--border-color-1); border-radius: 20px; box-sizing: content-box; } .uss_shop_blocks_view .uss_eshop_item .posimg_item, .uss_eshop_sameproducts.blocks .item .imageArea { margin-left: 2px; } .uss_shop_blocks_view .uss_eshop_item:hover, .uss_catalog_block_cat .uss_catalog_category:hover, .uss_shop_list_cat .uss_shop_category:hover, .uss_shop_list_view .uss_shop_list_view_item:hover, .uss_eshop_sameproducts.blocks .item:hover, .uss_eshop_sameproducts.list .item:hover, .uss_photoalbums_albums_list .uss_albums_item:hover, .uss_photoalbums_albums_block .uss_albums_item:hover, .uss_catalog_list_cat .uss_catalog_category:hover, .uss_faq_item:hover, .uss_guestbook_item:hover, .uss_desk_adv_list .adv_item:hover { box-shadow: 0px 0px 15px rgb(0 0 0 / 10%); box-shadow: 0px 0px 60px rgb(0 0 0 / 12%); box-shadow: 0px 10px 35px rgb(0 0 0 / 12%); border-color: transparent; } /*элементы с падингом end*/ /*сравнение товаров*/ .compare_table tr.image img { display: block; } .compare_table.body_table .compare_image_holder { margin-bottom: 7px; } .compare_block .uss_eshop_amount_block { display: inline-block; } .compare_table .cell_inner { min-width: 180px; } .compare_table .old_price .cell_inner { text-decoration: line-through; } #lpage .compare_block_wrapper a.add_to_cart, #lpage .compare_block_wrapper a.add_to_compare, #lpage .compare_block_wrapper a.add_to_wishlist { padding: 0px 10px; } table.compare_table td.td_item .uss_shop_by, table.compare_table td.td_item .uss_shop_by .uss_eshop_amount_block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; } .compare_block .add_to_cart { width: auto; } .compare_block .controls { -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid; } /*сравнение товаров end*/ /*карточка товара*/ .uss_shop_detail .uss_img_wrapper { margin-right: 35px; } .uss_shop_detail .uss_img_big { /*background: #fcfcfc;*/ } .uss_shop_detail .uss_img_big, .uss_shop_detail .uss_img_ico_box .uss_img_ico { border: 0px solid #eeeeee; } .uss_shop_detail.uss_shop_detail_350_bottom .uss_img_wrapper { margin-bottom: 25px; } .uss_shop_detail.uss_shop_detail_350_bottom { } .uss_shop_detail.uss_shop_detail_350_bottom .uss_img_big { margin-bottom: 10px; } .uss_shop_detail.uss_shop_detail_350_bottom .uss_img_big + .uss_img_ico_box { margin-top: -5px; } .uss_shop_detail.uss_shop_detail_350_bottom .uss_img_big + .uss_img_ico_box .uss_img_ico { margin: 0 10px 10px 0; } .uss_shop_detail.uss_shop_detail_350_bottom .uss_img_ico:nth-child(2), .uss_shop_detail.uss_shop_detail_350_bottom .uss_img_ico:nth-child(3), .uss_shop_detail.uss_shop_detail_350_bottom .uss_img_ico:nth-child(5), .uss_shop_detail.uss_shop_detail_350_bottom .uss_img_ico:nth-child(6) { margin-right: 10px !important; } .uss_shop_detail.uss_shop_detail_350_bottom .uss_img_ico_box .uss_img_ico a { position: relative; } .uss_shop_detail.uss_shop_detail_350_bottom .uss_img_ico_box .uss_img_ico a:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 10px; box-shadow: inset 0px 0px 1px 1px rgb(0 0 0 / 10%); } .uss_shop_detail .uss_img_big + .uss_img_ico_box.column { } .uss_shop_detail.uss_shop_detail_350_right .uss_img_big { margin-right: 10px; } .uss_shop_detail .uss_shop_full_description { position: relative; padding: 0; } .h_op { clear: both; } .uss_shop_detail .uss_shop_technical_data { margin-top: -5px; } .uss_shop_detail.uss_shop_detail_350_right .uss_img_wrapper + .uss_shop_technical_data { position: relative; margin-top: 15px; } .uss_shop_detail.uss_shop_detail_350_right .uss_img_wrapper + .uss_shop_technical_data .uss_shop_description { margin-top: 20px; } .uss_shop_detail.uss_shop_detail_350_right .uss_img_wrapper:after { content:''; clear: both; display: table; } .uss_shop_detail_350_right .uss_img_ico_box { margin-bottom: -10px !important; } .uss_shop_detail_350_right .uss_img_ico_box .uss_img_ico { margin: 0px 10px 10px 0; } .uss_shop_detail .uss_shop_technical_data > div:first-child { margin-top: 0 !important; } .uss_shop_detail .uss_shop_technical_data > div.uss_shop_price:first-child { margin-top: 3px !important; } .uss_shop_detail .uss_shop_technical_data > * + *, .uss_shop_detail .uss_shop_technical_data .uss_shop_amount_left, .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_item + .eshop_filters_item, .eshop_filters_area .eshop_filters_item + .eshop_filters_item, .uss_eshop_item .eshop_filters_area, .uss_eshop_item .uss_shop_producer, .uss_eshop_item .uss_shop_amount_left, .uss_eshop_item .uss_shop_uid, .uss_eshop_item .uss_shop_amount_left + .uss_shop_uid, .uss_eshop_sameproducts.blocks .item .producer, .uss_shop_linktomore, .uss_shop_list_view .uss_shop_technical_data .uss_shop_linktomore, .uss_news_more { margin: 8px 0 0 0; line-height: normal; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_item .value .jq-selectbox { margin-left: 5px; } .uss_shop_detail .uss_shop_technical_data .uss_shop_description { margin-bottom: 25px; } .uss_shop_detail .uss_shop_technical_data .uss_shop_description + .uss_shop_uid { margin-top: 15px; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_group_title { font-size: 18px; font-weight: 500; margin-bottom: 15px; margin-top: 15px; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_group_title:empty { display: none; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .jq-selectbox__select, .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_line .jq-selectbox__select { width: 200px; width: auto; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price { margin-bottom: 30px; } .uss_shop_list_view .uss_shop_technical_data .uss_shop_by, .uss_compare_by, .uss_shop_detail .uss_shop_technical_data .uss_shop_by, .uss_shop_put_wrap { display: inline-block; vertical-align: middle; } .uss_eshop_item > .uss_shop_by.uss_shop_buy_one_click, .uss_eshop_item > .uss_compare_by, .uss_eshop_item > .uss_shop_put_wrap, .uss_shop_detail .uss_shop_technical_data > .uss_shop_by, .uss_shop_detail .uss_shop_technical_data > .uss_compare_by { display: none; } .uss_shop_detail .uss_shop_technical_data .uss_shop_by { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: auto; } .uss_shop_detail .uss_shop_technical_data .uss_shop_by .buy_one_click { padding: 5px 20px; background: var(--accent3-color-alt); } .uss_shop_detail .uss_shop_technical_data .uss_shop_by .buy_one_click:hover { background: var(--accent2-color); } .uss_shop_detail .uss_shop_technical_data .uss_shop_by .buy_one_click::before { display: none; } .uss_shop_detail .uss_shop_technical_data .position-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; row-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; } .uss_shop_detail .uss_shop_technical_data .position-buttons > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 0 0 !important; row-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; } .uss_shop_detail .uss_shop_technical_data .position-buttons .uss_shop_by, .uss_shop_detail .uss_shop_technical_data .position-buttons .uss_shop_put_wrap { margin: 0; } .uss_catalog_tabs, .uss_eshop_tabs { margin-bottom: 0; } .uss_shop_full_description table td, .tab_item table td { padding: 5px 10px; } div.uss_eshop_tabs div.tab_items, div.uss_catalog_tabs div.tab_items { position: relative; padding: 17px 20px; line-height: 22px; box-shadow: none !important; border: 0; border: 1px solid var(--border-color-1); overflow: hidden; } div.uss_eshop_tabs div.tab_items:after, div.uss_catalog_tabs div.tab_items:after { content:''; clear: both; display: table; } div.uss_eshop_tabs div.tab_items #tab_sameproducts.tab_item, div.uss_catalog_tabs div.tab_items #tab_sameproducts.tab_item, div.uss_eshop_tabs div.tab_items #tab_comments.tab_item, div.uss_catalog_tabs div.tab_items #tab_comments.tab_item, div.uss_eshop_tabs div.tab_items .tab_item table, div.uss_catalog_tabs div.tab_items .tab_item table { margin: 3px 0; } .section_text table tr:nth-child(odd) td, .uss_shop_full_description table tr:nth-child(odd) td, div.uss_eshop_tabs div.tab_items .tab_item table tr:nth-child(odd) td, div.uss_catalog_tabs div.tab_items .tab_item table tr:nth-child(odd) td { background: #e9e9e9; background: var(--submenu-bg, #e9e9e9); } .section_text table td, .uss_shop_full_description table td, div.uss_eshop_tabs div.tab_items .tab_item table td, div.uss_catalog_tabs div.tab_items .tab_item table td { border: 1px solid #dbdbdb; border-color: var(--border-color-1); } table.uss_table_darkgrey10 td, table.uss_table_darkgrey10 th, table.uss_table_darkgrey5 td, table.uss_table_darkgrey5 th { border: 1px solid #ddd; } div.uss_catalog_tabs div.tab_item p, div.uss_eshop_tabs div.tab_item p { margin: 0; } div.uss_eshop_tabs.uss_tabs .tab_item a + .uss_comments { margin-top: 0; } div.uss_eshop_tabs.uss_tabs .tab_item .comment_form_block { padding-top: 10px; } div.uss_catalog_tabs div.tab_item p+p, div.uss_eshop_tabs div.tab_item p+p { margin-top: 10px; } .section_text .uss_section_content > * + *, .uss_shop_detail .uss_shop_full_description > * + *, .uss_shop_detail .uss_shop_full_description > * + p, .uss_shop_detail .uss_shop_full_description > p + *, div.uss_catalog_tabs div.tab_item > * + *, div.uss_catalog_tabs div.tab_item > * + p, div.uss_catalog_tabs div.tab_item > p + *, div.uss_eshop_tabs div.tab_item > * + *, div.uss_eshop_tabs div.tab_item > * + p, div.uss_eshop_tabs div.tab_item > p + * { margin-top: 17px; } .tab_item > table:first-child, .tab_item > table:last-child, .tab_item > .tableScoller-wrap { margin-top: 3px; margin-bottom: 3px; } .comment_form_block { margin: 25px 0 0; padding-bottom: 0; margin-bottom: 0; } .uss_shop_detail { position: relative; } .uss_shop_detail:after { content:''; display: table; clear: both; } .uss_eshop_sameproducts .item .imageWrap { border: 0; } .uss_shop_blocks_view .uss_eshop_item .uss_eshop_amount_block input, .uss_shop_detail .uss_shop_technical_data input.basket_amount_class, .uss_eshop_sameproducts.blocks .addToCart input, .uss_eshop_sameproducts.table .addToCart input, .uss_number .uss_field input, .uss_buy_one_click_pos .uss_shop_by .amount.styler, .uss_shop_list_view .uss_shop_technical_data .uss_shop_by input, .uss_eshop_amount_block input.basket_amount_class, .uss_eshop_sameproducts.list .uss_eshop_amount_block input.basket_amount_class, .compare_block .uss_eshop_amount_block input.basket_amount_class, .uss_user_basket .uss_number .uss_field input { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; padding: 0 5px !important; margin: 0 10px !important; } .uss_eshop_sameproducts .uss_eshop_amount_block .amount_title, .uss_eshop_sameproducts .uss_eshop_amount_block .basket_amount_class, .uss_eshop_sameproducts.table .addToCart .uss_eshop_amount_block, .uss_shop_by .uss_eshop_amount_block .amount_title, .uss_shop_by .uss_eshop_amount_block .basket_amount_class { margin-right: 10px; margin-right: 0 !important; } .uss_buy_one_click_pos .uss_shop_by .amount_count { margin-left: 5px; } .uss_buy_one_click_pos .uss_shop_by .amount_count .amount.styler { margin: 0 !important; } .uss_eshop_sameproducts .addToCart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .uss_eshop_sameproducts .addToCart .uss_eshop_amount_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .uss_eshop_amount_block .amount_title { white-space: nowrap; } .uss_eshop_tabs .uss_eshop_sameproducts.blocks .item[style *= "margin-right: -1px"] { margin-right: 15px !important; } .uss_eshop_sameproducts.blocks .item { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .uss_eshop_sameproducts.list .item { position: relative; } .uss_eshop_sameproducts.list .item:after { content:''; display: table; clear: both; } .uss_eshop_sameproducts.list .item { margin: 0; } .uss_eshop_sameproducts.list .item + .item { margin: 40px 0 0 0; } .uss_eshop_sameproducts.blocks .item .info { display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 auto; gap: 10px; } .uss_eshop_sameproducts.blocks .item .info .buy_btn { order: 10; } .uss_eshop_sameproducts.blocks a.add_to_cart { min-height: 40px; padding: 10px 12px; font-size: 14px; flex: 1 1 auto; gap: 5px; justify-content: center; } .uss_eshop_sameproducts.blocks a.add_to_cart::before { width: 24px; height: 24px; -webkit-mask-size: contain; mask-size: contain; } .uss_eshop_sameproducts.blocks .item .catalog_order_block { margin-top: auto !important; } .uss_eshop_sameproducts.list .item .imageWrapOuter { max-width: 30vw; } /*карточка товара end*/ /*услуги*/ .uss_catalog_block_cat .uss_catalog_category { display: flex; flex-direction: column; } .uss_catalog_block_cat .uss_catalog_category .catalog_info { display: flex; flex-direction: column; justify-content: space-between; flex: 1 auto; } .uss_catalog_block_cat .catalog_order_block { margin-top: auto; } .catalog_menu_item .catalog_orderbutton, .uss_catalog_block_cat .catalog_orderbutton, .uss_catalog_detail .catalog_orderbutton, .uss_catalog_list_cat .catalog_orderbutton, .catalog_orderbutton { display: inline-block; font-size: 18px; text-align: center; text-decoration: none; border-radius: 0px; color: #fff; background: #009fe3; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; cursor: pointer; transition: 0.25s; } .catalog_menu_item .catalog_orderbutton:hover, .uss_catalog_block_cat .catalog_orderbutton:hover, .uss_catalog_detail .catalog_orderbutton:hover, .uss_catalog_list_cat .catalog_orderbutton:hover { -webkit-box-shadow: none; box-shadow: none; opacity: 1; background: #161713; color: #fff; } .catalog_menu_item .catalog_orderbutton, .uss_catalog_block_cat .catalog_orderbutton { margin: 0; } .descr:empty { display: none !important; } .catalog_orderform_tml .catalog_orderform_window_wrap { width: 390px; border-radius: 0; } .catalog_orderform_window .fc_form_tml .jq-checkbox { margin-right: 8px; } .uss_catalog_list_cat .uss_catalog_category { margin: 0; } .module_catalog .uss_catalog_list_cat .uss_catalog_category + .uss_catalog_category { margin: 40px 0 0 0; } .uss_catalog_list_cat .uss_catalog_img_wrap { max-width: 30vw; } .uss_catalog_detail > * + .catalog_order_block { margin: 30px 0 0px; } .uss_catalog_detail .uss_img_big + .uss_img_ico_box.catalog_preview_bottom { margin-top: 10px; margin-bottom: -10px; } .uss_catalog_detail .catalog_preview_bottom { display: flex; flex-wrap: wrap; } .uss_catalog_detail .catalog_preview_bottom .uss_img_ico { margin: 0px 10px 10px 0; } .uss_catalog_detail .uss_img_big img { display: block; } .uss_catalog_detail .uss_img_wrapper { margin-right: 35px; margin-bottom: 25px; margin-bottom: 0px; } .uss_catalog_detail .uss_catalog_description { padding-top: 35px; } .uss_catalog_detail .uss_eshop_sameproducts.list .item { clear: both; overflow: hidden; } .uss_catalog_detail .uss_eshop_sameproducts.list .item + .item { margin-top: 40px; } .uss_catalog_detail .uss_eshop_sameproducts .item .empty-block { display: none; } @media (max-width:550px) { .uss_catalog_list_cat .uss_catalog_img_wrap { float: none; max-width: 100%; width: 100%; display: block; margin-right: 0; margin-bottom: 10px; } } /*услуги end*/ /*вопрос-ответ и отзывы*/ .uss_add_question a, .uss_guestbook_links a { display: inline-block; padding: 0 20px; height: 40px; font-size: 15px; font-weight: 700; line-height: 40px; color: #fff; text-decoration: none; border-radius: 35px; } .uss_faq_item, .uss_guestbook_item, .uss_desk_adv_list .adv_item { padding: 8px 12px 10px 12px; color: #202020; margin: 0 0 25px; background: #F0F0F0; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ccc; } .uss_desk_adv_list .adv_item .info { margin-top: 8px; } .uss_faq_question_info { font-size: 16px; line-height: normal; font-weight: 700; margin-bottom: 4px; } .uss_guestbook_reply_title, .uss_guestbook_reply_text { color: inherit; } .uss_faq_reply { border-top: 1px dashed #ccc; margin: 10px 0 0 12px; padding: 10px 0 0; line-height: normal; } .uss_faq_reply_title { font-size: 15px; margin-bottom: 5px; } .uss_faq_item p { margin: 0; } .uss_faq_item p + p { margin-top: 10px; } .uss_faq_item .question { padding: 0; } .uss_faq_item .question .info, .uss_faq_item .question .question_text, .uss_guestbook_question_info { margin: 0; } .uss_faq_item .question .question_text, .uss_guestbook_question_text { margin-top: 4px; border-color: inherit; } .uss_faq_item.l-toggle .info { display: block; } .uss_faq_item.l-toggle .question_text { display: inline-block; font-size: 15px; line-height: normal; } .uss_faq_item .reply, .uss_guestbook_reply { margin: 10px 0 0 12px; padding: 10px 0 0; line-height: normal; border-top: 1px dashed #ccc; } .uss_faq_item.l-toggle .reply { margin-top: 0; } .uss_guestbook .uss_fio, .uss_desk_adv_list .adv_item .title { font-size: 18px; } .uss_faq_item .reply .info, .uss_guestbook_reply_title { display: block; font-size: inherit; margin-bottom: 5px; } .uss_faq_item .question_text .text, .uss_faq_item .reply_text, .uss_guestbook_question_text, .uss_guestbook_reply_text { line-height: 1.5; } .uss_faq_item:last-child, .uss_guestbook_item:last-child { margin-bottom: 0; } .uss_faq_question_info { font-size: 18px; line-height: normal; font-weight: 700; margin-bottom: 4px; } .uss_faq_item .question { padding: 0; } .uss_faq_item .question .question_text span.label { display: none; } .uss_faq_item.l-toggle .info { display: block; } .uss_faq_item.l-toggle .question_text { display: inline-block; font-size: 16px; line-height: normal; } .uss_guestbook .uss_fio, .uss_guestbook_question_text, .uss_desk_adv_list .adv_item .info, .uss_desk_adv_list .adv_item .title, .uss_desk_adv_list .adv_item .info .fio, .uss_desk_adv_list .adv_item .message { color: inherit; } .uss_desk_groups .group_item .cover a { padding: 0; } .uss_desk_groups .group_item .cover a img { display: block; } .uss_desk .name { line-height: 1.4; } /*вопрос-ответ и отзывы end*/ /*количество*/ .uss_eshop_amount_block, .uss_eshop_amount_block .amount_title { white-space: nowrap; font-size: 15px; } .uss_shop_blocks_view .uss_eshop_item .uss_eshop_amount_block { display: -webkit-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .uss_shop_by:not(.uss_shop_buy_one_click), .uss_eshop_sameproducts .addToCart { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; gap: 10px 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .uss_shop_blocks_view .uss_eshop_item .uss_eshop_amount_block input, .uss_shop_detail .uss_shop_technical_data input.basket_amount_class, .uss_eshop_sameproducts.blocks .addToCart input, .uss_eshop_sameproducts.table .addToCart input, .uss_number .uss_field input, .uss_buy_one_click_pos .uss_shop_by .amount.styler, .uss_shop_list_view .uss_shop_technical_data .uss_shop_by input, .uss_eshop_amount_block input.basket_amount_class, .uss_eshop_sameproducts.list .uss_eshop_amount_block input.basket_amount_class, .compare_block .uss_eshop_amount_block input.basket_amount_class, .uss_user_basket .uss_number .uss_field input { width: 40px; height: 40px; line-height: 40px; text-align: center; font-weight: 400; padding: 0 5px !important; margin: 0 10px !important; /*border-radius: 0px;*/ } .uss_eshop_block_item .uss_eshop_amount_block .amount_title, .uss_eshop_sameproducts .uss_eshop_amount_block .amount_title, .uss_eshop_sameproducts .uss_eshop_amount_block .basket_amount_class, .uss_eshop_sameproducts.table .addToCart .uss_eshop_amount_block, .uss_shop_by .uss_eshop_amount_block .amount_title, .uss_shop_by .uss_eshop_amount_block .basket_amount_class { margin-right: 10px; margin-right: 0 !important; } .uss_eshop_block_item .uss_eshop_amount_block .amount_title, .uss_eshop_block_item .uss_eshop_amount_block .basket_amount_class, .uss_eshop_sameproducts .uss_eshop_amount_block .amount_title, .uss_eshop_sameproducts .uss_eshop_amount_block .basket_amount_class, .uss_shop_by .uss_eshop_amount_block .amount_title, .uss_shop_by .uss_eshop_amount_block .basket_amount_class { /*margin-right: 10px;*/ } .uss_buy_one_click_pos .uss_shop_by .amount_count { margin-left: 5px; } .uss_buy_one_click_pos .uss_shop_by .amount_count .amount.styler { margin: 0 !important; } /*для input[type="number"] - убирает стрелочки*/ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .modify-amount { width: 30px !important; height: 30px !important; line-height: 32px !important; /*background: #f6f8fb;*/ /*background: #fff;*/ } .modify-amount.uss_minus { margin-right: -10px; } .modify-amount.uss_plus { margin-left: -10px; } /*количество end*/ .content_menu a, .section.section_text a, .privacy a, a[href="/privacy-policy/"], .uss_news .uss_more a, .uss_shop_linktomore a { text-decoration: underline; } .content_menu a:hover, .section.section_text a:hover, .privacy a:hover, a[href="/privacy-policy/"]:hover, .uss_news .uss_more a:hover, .uss_shop_linktomore a:hover { text-decoration: none; } .modal { background: rgba(0, 0, 0, 0.65); position: fixed; left: 0; right: 0; top: 0; bottom: 0; /*z-index: 1000;*/ display: none; line-height: 1.2; color: inherit; } .modal .modal-wrap { max-height: 100vh; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1005; padding: 25px; width: 390px; max-width: calc(100vw - 30px); display: flex; flex-direction: column; } .modal .modal-wrap .h3, .buy_one_click_form_tml .uss_buy_one_click_title, .catalog_orderform_tml .h3, #uss_basket_ask_where_to_go_block .title, .uss_modal_window .uss_modal_title { background: none; font-size: 32px; line-height: 1.2; font-weight: 700; text-align: center; display: block; margin-top: 0; margin-bottom: 20px; padding-bottom: 0; border-bottom: 0px; } .modal .modal-wrap .group .fc_item { margin-bottom: 15px; } .modal .modal-wrap .group .fc_item label.sector_title { font-size: 16px; font-weight: 600; margin-bottom: 5px; } .modal .modal-wrap .group .fc_item .elem_item input, .modal .modal-wrap .group .fc_item .elem_item textarea { box-sizing: border-box; } .modal .modal-wrap .group:not(.end) .fc_item .elem_item input { /*height: 40px;*/ } .modal .modal-wrap .group .fc_item .elem_item textarea { height: 90px; } .modal .modal-wrap .group .fc_item.fc_radio .radio_label .jq-radio ~ * { font-weight: normal; font-size: 14px; } .modal .modal-wrap .group .fc_item.fc_radio label:hover .jq-radio { border-color: #d60420; } .modal .fc_form_tml .group.end { /*text-align: center;*/ } .modal .modal-wrap .group .fc_item.fc_checkbox, .modal .modal-wrap .group .fc_item.fc_checkbox_one { font-size: 14px; } .modal .modal-wrap .group .fc_item.fc_checkbox label.sector_title, .modal .modal-wrap .group .fc_item.fc_checkbox_one label.sector_title { font-size: 14px; font-weight: normal; margin-bottom: 5px; color: #939393; } .modal .modal-wrap .group .fc_item.fc_checkbox label.sector_title a, .modal .modal-wrap .group .fc_item.fc_checkbox_one label.sector_title a { /*color: inherit;*/ } .modal .modal-wrap .buttons input.submit, .uss_modal_window .uss_search_city_submit input[type=submit] { display: inline-block; padding: 10px 14px; line-height: 1; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1; text-decoration: none; color: #fff; margin-bottom: 0px; } .modal .modal-wrap .fc_form_tml { margin-bottom: 0; max-height: 100%; overflow: auto; } .modal .modal-wrap .fc_form_tml .group .fc_item textarea { resize: none; } .modal .modal-wrap .fc_form_tml .buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .catalog_orderform_tml .catalog_orderform_window_wrap, .uss_modal_window .uss_modal_content, .buy_one_click_form_tml .buy_one_click_window_wrap, #uss_basket_ask_where_to_go_block > div, .modal .modal-wrap { background: var(--main-bg, #fff); color: var(--text-main-color); } /*кнопки*/ .buttons input.styler[type="submit"], .uss_add_question a, .uss_guestbook_links a, .catalog_orderbutton, .uss_form_submit input[type=submit], #ommentaddform_id .uss_form_item.uss_form_submit input[type='submit'], #loginForm input[type=submit], form[action*=registration] input[type=submit], #uss_basket_ask_where_to_go_block a, .catalog_menu_item .catalog_orderbutton, .uss_catalog_block_cat .catalog_orderbutton, .uss_catalog_detail .catalog_orderbutton, .uss_catalog_list_cat .catalog_orderbutton, .buttons input.styler[type="submit"], .uss_form_tml .uss_form_submit input { border: 0; font-family: var(--main-font); font-size: 18px !important; height: 50px; line-height: 50px; font-weight: 600 !important; padding-left: 25px; padding-right: 25px; } /*кнопки end*/ .uss_shop_blocks_view .uss_eshop_item .uss_shop_name, .uss_shop_list_cat .uss_shop_cat_name, .uss_shop_list_view .uss_shop_technical_data .uss_shop_name, .uss_shoppos_table td.uss_title, .uss_catalog_list_cat .uss_catalog_cat_name, .uss_catalog_block_cat .uss_catalog_cat_name, .uss_photoalbums_albums_list .uss_albums_name, .uss_photoalbums_albums_block .uss_albums_name, .uss_photoalbums_albums_with_photo .uss_albums_name, .uss_eshop_block_item .uss_shop_name, .section_news .uss_news .groups_list .group_item .title, .section_news .uss_news .groups_block .group_item .title, .uss_eshop_sameproducts.blocks .item .title, .similar_items_block .news_item .info .title, .similar_items_list .news_item .title, .uss_eshop_sameproducts.list .item .title, .uss_eshop_sameproducts.table td.title, .buy_one_click_form_tml .uss_title, .catalog_block .uss_eshop_menu > li > a, .catalog_block .catalog_menu > li > div > a, .uss_widget_outer_content .news_block_item .title, .uss_faq_item .question .info .author, .uss_guestbook .uss_fio, .uss_user_basket .uss_name .uss_title, .uss_user_wishlist .uss_name .uss_title, .news_list .title, .uss_vote_block h5, .uss_votes h5 { font-size: 18px; line-height: 1.4; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 8 5 2; font-weight: 500; } .uss_shoppos_table td.uss_title { padding: 0 30px; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_name a, .uss_shop_cat_cat a, .uss_catalog_list_cat .uss_catalog_cat_name a, .uss_catalog_block_cat .uss_catalog_cat_name a, .uss_photoalbums_albums_list .uss_albums_name a, .uss_photoalbums_albums_block .uss_albums_name a, .uss_photoalbums_albums_with_photo .uss_albums_name a, .photoalbum_menu .photoalbum_menu_item > a a, .uss_eshop_block_item .uss_shop_name a, .content_menu a, .uss_shop_list_cat .uss_shop_cat_name a, .uss_shop_list_view .uss_shop_technical_data .uss_shop_name a, .section_news .uss_news .groups_list .group_item .title a, .section_news .uss_news .groups_block .group_item .title a, .uss_eshop_sameproducts.blocks .item .title a, .similar_items_block .news_item .info .title a, .similar_items_list .news_item .title a, .uss_eshop_sameproducts.list .item .title a, .buy_one_click_form_tml .uss_title a, .product_cat .uss_eshop_menu > li > a a, .product_cat .catalog_menu > li > div > a a, .uss_widget_outer_content .news_block_item .title a, .uss_faq_item .question .info .author a, .uss_user_basket .uss_name .uss_title a, .uss_user_wishlist .uss_name .uss_title a, .news_list .title a { font-size: inherit; } @media (min-width:1601px) { .buy_one_click_form_tml { margin: 70px 0; } .catalog_orderform_tml .catalog_orderform_window_wrap, .uss_modal_window .uss_modal_content, .buy_one_click_form_tml .buy_one_click_window_wrap, #uss_basket_ask_where_to_go_block > div, .modal .modal-wrap { padding: 40px 50px 50px 50px; width: 500px; } .fc_form_tml .group.end .fc_item.fc_checkbox label, .uss_form_tml .fc_item.fc_checkbox label, .uss_form_tml .uss_form_item.uss_form_checkbox label, .form_styler .group.end .fc_item.fc_checkbox label.sector_title, .fc_form_tml .group.end .fc_item.fc_checkbox > .force_position_right { font-size: 16px !important; /*checkbox label size;*/ } } @media (max-width:1600px) { .uss_section_content .uss_eshop_filters form .group .eshop_filters_items label, .uss_eshop_filters .uss_eshop_filters_block .filter_producer label.for_styler, .fc_form_tml .fc_item label, .uss_form_tml .fc_item label, .uss_form_tml label, .form_styler label.sector_title { font-size: 16px !important; } } @media (max-width:1200px) { .container { display: block; } .singlepage .container { padding-top: 12px; } .sidebar { display: none; } .content { display: block; width: 100% !important; } .bread { font-size: 16px; } } @media (max-width: 1000px) { h2, .h2, h3, .h3, h4, .h4, .h3.h_op { font-size: 28px; } } @media (max-width: 768px) { h1, .h1 { margin-bottom: 22px; } h1, .h1, .modal .modal-wrap .h3, .buy_one_click_form_tml .uss_buy_one_click_title, .catalog_orderform_tml .h3, #uss_basket_ask_where_to_go_block .title { font-size: 26px; } h2, .h2, h3, .h3, h4, .h4, .h3.h_op, .LastPosition .h4, .uss_comments h3, .comment_form_title, .news_similar_title { font-size: 24px; } .singlepage .container .content .bread.wrapper { padding-bottom: 15px; } .uss_widget_outer_content .uss_eshop_block_item:nth-of-type(2n), .uss_shop_blocks_view .uss_eshop_item:nth-of-type(2n), .uss_catalog_block_cat .uss_catalog_category:nth-of-type(2n), .similar_items_block .news_item:nth-of-type(2n), .uss_photoalbums_foto_box .uss_img_item:nth-of-type(2n), .uss_photoalbums_albums_block .uss_albums_item:nth-of-type(2n) { margin-right: 0; } .uss_shop_blocks_view .uss_eshop_item, .uss_catalog_block_cat .uss_catalog_category, .uss_shop_list_cat .uss_shop_category, .uss_eshop_sameproducts.blocks .item, .block.LastPosition .uss_eshop_block_item, .uss_photoalbums_albums_list .uss_albums_item, .uss_photoalbums_albums_block .uss_albums_item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*карточка товара*/ div.uss_eshop_tabs .uss_eshop_tabs_navigation span, div.uss_catalog_tabs .uss_catalog_tabs_navigation span { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; margin-top: 1px; margin-right: 0; } div.uss_eshop_tabs .uss_eshop_tabs_navigation span:not(:last-child):after, div.uss_catalog_tabs .uss_catalog_tabs_navigation span:not(:last-child):after { content: ''; display: block; width: 100%; height: 1px; background: rgba(255,255,255,0.1); position: absolute; bottom: 0; left: 0; } div.uss_eshop_tabs .uss_eshop_tabs_navigation span:not(:last-child):after, div.uss_catalog_tabs .uss_catalog_tabs_navigation span:not(:last-child):after { background: rgba(0,0,0,0.1); } div.uss_eshop_tabs .uss_eshop_tabs_navigation span.first, div.uss_catalog_tabs .uss_catalog_tabs_navigation span.first { /*border-radius: 0px 0px 0 0;*/ } div.uss_catalog_tabs .uss_catalog_tabs_navigation span:not(:first-child), div.uss_eshop_tabs .uss_eshop_tabs_navigation span:not(:first-child) { border-radius: 0 !important; } div.uss_catalog_tabs div.tab_items, div.uss_eshop_tabs div.tab_items { border-radius: 0 0 0px 0px; } .uss_shop_detail.uss_shop_detail_350_bottom .uss_img_wrapper, .uss_shop_detail .uss_img_wrapper { display: block; float: none; width: 100% !important; margin: 0 0 15px; max-width: 100%; text-align: center; } .uss_shop_detail .uss_img_wrapper:after { content:''; display: table; clear: both; } .uss_shop_detail .uss_img_big, .uss_shop_detail_350_bottom .uss_img_big { float: none; } .uss_shop_detail .uss_img_big .uss_img_big_image { position: relative; margin: auto; display: inline-block; } .uss_shop_detail .uss_img_big ~ .uss_img_ico_box { float: none; text-align: center; display: block; min-width: 100%; padding-left: 10px; } .uss_shop_detail.uss_shop_detail_350_bottom .uss_img_big + .uss_img_ico_box { margin-top: -8px; display: flex; flex-wrap: wrap; justify-content: center; } .section_eshop .uss_shop_detail .uss_img_wrapper .uss_img_ico_box .uss_img_ico { margin-right: 10px !important; float: none; display: inline-block; } .section_eshop .uss_shop_detail .uss_img_wrapper .uss_img_ico_box .uss_img_ico.uss_img_ico_first.main_image { display: none !important; } .section_eshop .uss_shop_detail .uss_shop_technical_data { display: block; width: 100%; margin: 0; overflow: hidden; } .uss_shop_detail .uss_img_big_image { max-width: 100%; height: auto!important; } .uss_shop_detail.uss_shop_detail_350_bottom .uss_img_big .uss_img_big, .uss_shop_detail .uss_img_big { margin-bottom: 5px; } .uss_shop_detail .uss_img_ico_box { position: relative; } .uss_shop_detail .uss_img_ico_box:before { content:''; display: table; clear: both; } /*карточка товара end*/ /*карточка услуги*/ .uss_catalog_detail .uss_img_wrapper { float: none; display: block; width: 100% !important; text-align: center; margin: 0 0 15px 0; } .uss_catalog_detail .uss_img_big img { margin: auto; } .uss_catalog_detail .catalog_preview_bottom { padding-left: 10px; display: flex; flex-wrap: wrap; justify-content: center; } .uss_catalog_detail .catalog_preview_bottom .uss_img_ico { margin-right: 10px !important; } /*карточка услуги end*/ /*корзина*/ .uss_user_basket, .uss_user_wishlist { display: block; } .uss_user_basket .hide, .uss_user_wishlist .hide { display: none !important; } .uss_user_basket > table, .uss_user_wishlist > table { display: block; border-right-width: 1px; border-right-style: solid; } .uss_user_basket > table > tbody, .uss_user_wishlist > table > tbody { display: block; } .uss_user_basket > table > tbody > tr, .uss_user_wishlist > table > tbody > tr { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 10px; } .uss_user_basket > table > tbody > tr.uss_bottom { padding-bottom: 0; } .uss_user_basket .uss_bottom .totals .sum { font-size: 18px; } .uss_user_basket > table > tbody > tr + tr > td.uss_image, .uss_user_wishlist > table > tbody > tr + tr > td.uss_image { padding-top: 10px !important; } .uss_user_basket > table > tbody > tr + tr > td.uss_name, .uss_user_wishlist > table > tbody > tr + tr > td.uss_name { padding-top: 10px !important; } .uss_user_basket > table > tbody > tr:not(.uss_bottom), .uss_user_wishlist > table > tbody > tr:not(.uss_bottom) { padding-right: 5px; padding-left: 5px; } .uss_user_basket > table > tbody > tr:first-child, .uss_user_wishlist > table > tbody > tr:first-child { display: none; } .uss_user_basket > table > tbody > tr:not(.hide), .uss_user_wishlist > table > tbody > tr:not(.hide) { border-bottom: 1px solid #ccc; } .uss_user_basket > table > tbody > tr th, .uss_user_wishlist > table > tbody > tr th { display: none; } .uss_user_basket > table > tbody > tr td, .uss_user_wishlist > table > tbody > tr td { display: inline-block; vertical-align: middle; width: auto; border: none; } .uss_user_basket > table > tbody > tr td.uss_image, .uss_user_wishlist > table > tbody > tr td.uss_image { float: left; padding-left: 0 !important; -webkit-box-flex: 0; -ms-flex: 0 100px; flex: 0 100px; border: none !important; padding-top: 5px !important; padding-left: 5px !important; } .uss_user_basket > table > tbody > tr td.uss_name, .uss_user_wishlist > table > tbody > tr td.uss_name { -webkit-box-flex: 1; -ms-flex: 1 calc(100% - 100px); flex: 1 calc(100% - 100px); display: block; width: auto; padding: 0; white-space: normal; } .uss_user_basket > table > tbody > tr td.uss_name .uss_description, .uss_user_wishlist > table > tbody > tr td.uss_name .uss_description { line-height: 1.2em; } .uss_user_basket > table > tbody > tr td.uss_name .uss_title, .uss_user_wishlist > table > tbody > tr td.uss_name .uss_title { font-size: 17px; } .uss_user_basket > table > tbody > tr td.uss_name .uss_description, .uss_user_wishlist > table > tbody > tr td.uss_name .uss_description { font-size: 15px; line-height: normal; } .uss_user_basket > table > tbody > tr td.uss_name > *, .uss_user_wishlist > table > tbody > tr td.uss_name > * { margin-bottom: 7px; } .uss_user_basket > table > tbody > tr td.uss_name ~ *, .uss_user_wishlist > table > tbody > tr td.uss_name ~ * { padding-bottom: 5px; padding-top: 5px; } .uss_user_basket > table > tbody > tr td.uss_price_field, .uss_user_wishlist > table > tbody > tr td.uss_price_field { font-size: 20px; font-weight: bold; } .uss_user_basket > table > tbody > tr td.uss_price_field:not(.uss_sum_field) { display: none !important; } .uss_user_basket > table > tbody > tr td:not(.uss_name), .uss_user_wishlist > table > tbody > tr td:not(.uss_name) { display: inline-block; vertical-align: middle; width: auto; } .uss_user_basket > table > tbody > tr td:not(.uss_name) *:not(input), .uss_user_wishlist > table > tbody > tr td:not(.uss_name) *:not(input) { border: none; } .uss_user_basket > table > tbody > tr td.totals, .uss_user_wishlist > table > tbody > tr td.totals { display: block; width: 100%; } .uss_user_basket > table > tbody > tr td.uss_number, .uss_user_wishlist > table > tbody > tr td.uss_number { padding-top: 0 !important; padding-bottom: 0 !important; } .uss_user_basket > table > tbody > tr td.uss_number a.uss_plus, .uss_user_wishlist > table > tbody > tr td.uss_number a.uss_plus, .uss_user_basket > table > tbody > tr td.uss_number a.uss_minus, .uss_user_wishlist > table > tbody > tr td.uss_number a.uss_minus { width: auto; height: auto; font-size: 40px; padding: 0 9px; line-height: 1; } .uss_user_basket > table > tbody > tr td.uss_number input, .uss_user_wishlist > table > tbody > tr td.uss_number input { min-width: 30px; height: 30px; border-width: 1px; border-style: solid; text-align: center; } .uss_user_basket .uss_number .uss_field input { font-size: 18px; width: 60px; border-radius: 10px; margin: 0 !important; } .uss_user_basket > table > tbody > tr td.uss_delete_pos, .uss_user_wishlist > table > tbody > tr td.uss_delete_pos { font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; /*padding-right: 30px !important;*/ } .uss_user_basket > table > tbody > tr td.uss_delete_pos a, .uss_user_wishlist > table > tbody > tr td.uss_delete_pos a { margin: 0; } .uss_user_basket > table > tbody > tr td.uss_delete_pos a + a, .uss_user_wishlist > table > tbody > tr td.uss_delete_pos a + a { margin-left: 9px; margin-right: 3px; } .uss_user_basket > table > tbody > tr td.uss_delete_pos a img, .uss_user_wishlist > table > tbody > tr td.uss_delete_pos a img { width: 15px; height: 15px; display: block; margin: 0; } .uss_user_basket > table > tbody > tr td.uss_delete_pos a.uss_pos_buttons, .uss_user_wishlist > table > tbody > tr td.uss_delete_pos a.uss_pos_buttons { font-size: 17px; display: inline-block; padding: 0 5px; vertical-align: middle; } #wrap .uss_user_wishlist > table > tbody > tr td.uss_price_field { display: block !important; } .uss_user_wishlist > table > tbody > tr { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .uss_user_wishlist > table > tbody > tr td.uss_delete_pos > a { margin-left: 5px; } .uss_user_basket .uss_delete_pos .add_to_wishlist + .del_basket_item, .uss_user_wishlist .uss_delete_pos .add_to_cart + .del_wish, .uss_user_basket .uss_delete_pos a.del_basket_item, .uss_user_wishlist .uss_delete_pos a.del_wish { margin-left: 0px !important; } .section_basket2 .fc_form_tml .group .fc_item.block { width: 100% !important; } .uss_user_wishlist .uss_name { min-width: 150px; } .uss_user_wishlist .uss_name .uss_title { height: auto; font-size: 14px; } /*корзина end*/ .content .bottom-line .wrapper { flex-direction: column; gap: 10px; padding: 15px; } }/*768*/ @media (max-width: 768px) { body { /*font-size: 17px;*/ } .uss_shop_blocks_view .uss_eshop_item .uss_shop_name, .uss_shop_cat_cat, .uss_shop_list_cat .uss_shop_cat_name, .uss_shop_list_view .uss_shop_technical_data .uss_shop_name, .uss_shoppos_table td.uss_title, .uss_catalog_list_cat .uss_catalog_cat_name, .uss_catalog_block_cat .uss_catalog_cat_name, .uss_photoalbums_albums_list .uss_albums_name, .uss_photoalbums_albums_block .uss_albums_name, .uss_photoalbums_albums_with_photo .uss_albums_name, .photoalbum_menu .photoalbum_menu_item > a, .uss_eshop_block_item .uss_shop_name, .section_news .uss_news .groups_list .group_item .title, .section_news .uss_news .groups_block .group_item .title, .uss_eshop_sameproducts.blocks .item .title, .similar_items_block .news_item .info .title, .similar_items_list .news_item .title, .uss_eshop_sameproducts.list .item .title, .uss_widget_outer_content .news_block_item .title, .uss_faq_item .question .info .author, .uss_user_basket .uss_name .uss_title, .uss_user_wishlist .uss_name .uss_title, .news_list .title, .uss_vote_block h5, .uss_votes h5 { font-size: 16px; line-height: 1.4; } .buy_one_click_form_tml .uss_title { font-size: 18px; line-height: 1.4; } .uss_eshop_sameproducts.blocks .item .descr, .uss_eshop_sameproducts.list .item .descr, .uss_catalog_detail .uss_catalog_short_description, .uss_buy_one_click_pos .uss_onepos_info .uss_description, .uss_shop_detail .uss_shop_description, .uss_shop_blocks_view .uss_eshop_item > div, .groups_list .description, .uss_shop_full_description, .section_news .uss_news .groups_list .group_item .description, .section_news .uss_news .groups_block .group_item .description, .uss_photoalbums_albums_with_photo .uss_albums_description, .uss_photoalbums_albums_list .uss_albums_description, .product_cat .uss_eshop_menu .uss_tree_description, .product_cat .catalog_menu .uss_tree_description, .uss_shop_table_view td, .datacontainer div.block_title, .uss_forum .topics_item .title div.descr, .uss_forum .topics_item .lastmes, .uss_forum .themes_item .lastmessage, .uss_forum .themes_item .title div.author, .photoalbum_menu .photoalbum_menu_item .uss_tree_description, .uss_eshop_sameproducts.table td, .uss_comments .comment .title .date, .uss_form_item.uss_form_checkbox, .content .section.section_text, .uss_shop_detail .uss_shop_full_description, .uss_shop_detail .uss_shop_full_description .mCSB_container p { font-size: 16px; font-size: 18px; line-height: 1.5; line-height: 1.6; } .uss_catlog_cat_anons, .uss_widget_outer_content .news_block_item .preview, .uss_photoalbums_albums_block .uss_albums_description, .news_block_item .preview, .news_list .preview, .similar_items_block .preview, .news-block .news_block_item .uss_news_more a, .uss_eshop_sameproducts.blocks .item .descr, .uss_eshop_sameproducts.list .item .descr, .uss_buy_one_click_pos .uss_onepos_info .uss_description, .uss_shop_list_cat .uss_shop_cat_text, .uss_shop_blocks_view .uss_eshop_item .uss_shop_description, .uss_shop_blocks_view .uss_eshop_item > div, .uss_user_basket .uss_name .uss_description, .uss_user_wishlist .uss_name .uss_description, .uss_more a, .uss_eshop_item .uss_shop_producer, .uss_eshop_item .uss_shop_amount_left, .uss_eshop_item .uss_shop_uid { font-size: 15px; line-height: 1.5; line-height: normal; } .uss_catalog_block_cat .uss_catalog_category .catalog_orderbutton { margin: 10px 0 0; width: 100%; } .uss_catalog_list_cat .uss_catalog_cat_img { height: auto !important; } } @media (max-width: 650px) { .uss_eshop_sort_block { float: none; width: 100%; text-align: center; } .uss_eshop_sort_block .filter_show_by_links { display: block; margin: 35px 0 0; } .sort_settings .arrow { padding: 0; margin-right: -1px; } .sort_settings .arrow a { margin: 0 -1px; } } @media (max-width: 600px) { .news_list .image .uss_image_holder, .news_exact_item .uss_img_wrapper, .news_exact_item .uss_img_big .uss_img_big_image { display: block; max-width: 100%; height: auto !important; } .news_list.news_block_items .news_item { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .news_exact_item .uss_img_wrapper { max-width: 40%; } .news_list .image, .news_exact_item .uss_img_wrapper { margin-right: 15px; } .uss_photoalbums_albums_block .uss_albums_item { max-width: calc((100% - (1) * 15px) / 2); } .uss_photoalbums_albums_block .uss_albums_item, .uss_photoalbums_albums_list .uss_albums_item { margin-bottom: 15px !important; } .content .block-news .uss_widget_outer_content, .uss_shop_blocks_view, .uss_eshop_sameproducts.blocks, .uss_photoalbums_albums_block, .uss_photoalbums_albums_list, .news-block .uss_widget_outer_content { margin-bottom: -15px; } .uss_shop_blocks_view .uss_eshop_item { margin-right: 12px; } .uss_shop_blocks_view .uss_eshop_item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .uss_catalog_block_cat .uss_catalog_category { /*display: inline-block;*/ } .uss_shop_blocks_view .uss_eshop_item, .uss_catalog_block_cat .uss_catalog_category, .uss_eshop_sameproducts.blocks .item, .uss_photoalbums_albums_block .uss_albums_item, .uss_photoalbums_foto_box .uss_img_item { max-width: calc((100% - (1) * 15px) / 2); margin-right: 15px; margin-bottom: 25px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .uss_eshop_sameproducts.blocks .item:nth-of-type(2n) { margin-right: 0; } .uss_eshop_tabs .uss_eshop_sameproducts.blocks .item[style *= "margin-right: -1px"]:nth-of-type(2n) { margin-right: 0 !important; } .uss_shop_blocks_view .uss_eshop_item .posimg_item, .uss_eshop_sameproducts.blocks .item .imageArea { margin-left: 0; } .uss_photoalbums_foto_box .uss_img_item .uss_img_pre, .uss_photoalbums_albums_block .uss_albums_item .uss_albums_cover { display: block; height: auto !important; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .uss_widget_outer_content, .uss_photoalbums_foto_box, .uss_photoalbums_albums_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-box-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .uss_widget_outer_content .uss_eshop_block_item .img, .uss_shop_blocks_view .uss_eshop_item .uss_img_holder_outer { max-width: 100%; } .uss_shop_blocks_view .uss_eshop_item .uss_img_holder, .uss_catalog_block_cat .uss_catalog_category .uss_catalog_cat_img { height: auto !important; } .uss_catalog_block_cat .uss_catalog_category .uss_catalog_cat_img { max-width: 100%; } .content .block .uss_eshop_block_item .img, .content .block .uss_eshop_block_item .img .imagelink { width: 100% !important; } .similar_items_block .news_item .image .uss_image_holder, .uss_eshop_sameproducts .imageWrapOuter, .uss_eshop_sameproducts .imageWrapOuter .image, .uss_eshop_sameproducts .imageWrapOuter .image img { max-width: 100%; display: block; height: auto !important; } .content .block .news_block_item { width: 100% !important; max-width: 100%; margin: 0 0 25px 0 !important; } .content .block .news_block_item:last-child { /*margin-bottom: 0 !important;*/ } .block.positions .uss_eshop_amount_block, .uss_shop_blocks_view .uss_eshop_item .uss_eshop_amount_block, .uss_shop_detail .uss_eshop_amount_block, .uss_eshop_sameproducts .addToCart .uss_eshop_amount_block { display: none !important; } .uss_catalog_detail .uss_eshop_sameproducts.blocks .catalog_orderbutton, .uss_eshop_sameproducts.blocks a.add_to_cart.buy_from_cart { text-align: center; width: 100%; } } @media (max-width: 550px) { .uss_basket_menu { display: flex; flex-direction: column; align-items: flex-start; } .uss_basket_menu > * { margin: 7px 0 !important; padding: 0 !important; } .uss_basket_menu > * + * { margin-top: 0 !important; } .uss_basket_menu span.current { padding: 3px 5px !important; } .news_list .image, .news_exact_item .uss_img_wrapper { border: 0; padding: 0; max-width: 100%; float: none; margin: 0 0 10px 0; } .news_list.news_list_items .image, .uss_eshop_sameproducts.list .item .imageWrapOuter { max-width: 100%; } .news_list:not(.news_block_items) .info, .similar_items_list .news_item .info { margin-top: 0; } .uss_eshop_item .uss_shop_price span.actual_price, .uss_buy_one_click_pos .uss_shop_price .actual_price, .uss_eshop_sameproducts .item .price span.actual_price, .uss_shop_price .price:not(.old_price) { font-size: inherit; } .uss_shop_detail .uss_shop_price .price:not(.old_price) { font-size: 26px; } .uss_eshop_sameproducts.list .item .imageArea { float: none; margin: 0 0 10px 0; } .uss_eshop_sameproducts.list .imageWrapOuter { max-width: 100%; } .sort_settings, .uss_eshop_sort_block .filter_show_by_links { font-size: 15px; } .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra a.add_to_cart.buy_one_click, .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra a.add_to_cart.buy_one_click:hover, .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra a.add_to_compare, .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra a.add_to_wishlist { height: 45px; } .uss_shop_detail .uss_shop_technical_data a.add_to_cart.already_in_cart:not(.buy_one_click) { padding: 0 25px !important; } } .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{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{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{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}.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}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.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}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.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;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;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;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}.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}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.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{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;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-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_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-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}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);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,.75);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,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(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}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{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,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.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}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-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,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.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}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.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,.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{width:16px;height:16px;margin:-1px 0}.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,.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{width:4px}.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,.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{height:16px;width:16px;margin:0 -1px}.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,.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{height:4px;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}.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,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.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}.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}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.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}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(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}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(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}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(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,.4),inset -1px 0 0 rgba(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,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.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}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.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,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.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,.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{width:12px}.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,.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{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}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-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-3-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-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.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,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} .mCustomScrollbar { position: relative; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_draggerContainer .mCSB_dragger_bar { background-color: #489aea; } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #dfe0e3; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 3px; background: #dfe0e3; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 7px !important; margin: 5px auto !important; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { opacity: 1; } .mCSB_draggerContainer .mCSB_dragger_bar { height: 6px !important; border-radius: 0px !important; margin: 0px auto 0 !important; } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 35px; } /**/ .tableScoller-wrap { display: block; -webkit-box-flex: 0; -webkit-flex: 0 100%; -ms-flex: 0 100%; flex: 0 100%; width: 100%; max-width: 100%; clear: both; float: none; zoom: 1; overflow: hidden; } .tableScoller-wrap:before, .tableScoller-wrap:after { content: ''; display: table; } .tableScoller-wrap:after { clear: both; } /**/ .h3.h_op + .uss-scroller { margin-top: -15px; } .h3.h_op + .uss-scroller .mCSB_container, .uss-scroller .mCSB_container { padding-top: 30px; } .uss_shop_table_view.uss-scroller .mCSB_container { padding-top: 15px; } .uss_shop_table_view.uss-scroller table { margin-top: 7px; } .uss-scroller table { /*margin-top: 10px;*/ } .uss-scroller table .mCSB_container { padding-top: 0; } .h3.h_op + .uss-scroller .mCSB_scrollTools, .uss-scroller .mCSB_scrollTools { top: 0px; bottom: auto; } .h3.h_op + .uss-scroller .mCSB_horizontal.mCSB_inside > .mCSB_container, .uss-scroller .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 0; } .uss_shop_technical_data .uss_shop_put .uss_basket_loader { } .fc_form_tml .sector_title { hyphens: auto; hyphenate-limit-chars: 8 5 2; } .modal .fc_form_tml .group, .buy_one_click .fc_form_tml .group, .catalog_orderform_tml .fc_form_tml .group { max-width: 100%; } .modal .modal-wrap { padding: 40px 40px 50px 50px; } .modal .fc_form_tml { padding-right: 10px; } /* Обновление форм 3.0 Дизайн полей */ .uss_form_captcha { padding-top: calc(1em + 13px); position: relative; } .uss_form_captcha label { left: 107px; top: 4px; position: absolute; max-width: 100%; } /* Капча */ .fc_item .captcha_item { display: flex; } .fc_form_tml .fc_item .captcha_item img { flex: 0 0 auto; height: 50px; } .fc_form_tml .fc_item .captcha_item .styler { height: auto; line-height: 1; display: flex; align-items: center; padding: 0 10px; flex: 1 1 auto; width: 100%; box-sizing: border-box; } /* Капча конец */ /* Выпадающий список */ .jq-selectbox { padding: 0; z-index: 10 !important; } .jq-selectbox__select { background: none; box-shadow: none; text-shadow: none; border-radius: var(--br-2); font: inherit; color: inherit; height: 50px; line-height: 48px; padding: 0 60px 0 15px; } .jq-selectbox__select:hover, .jq-selectbox__select:active, .jq-selectbox__select:focus { box-shadow: none; color: var(--text-main-color); border-color: var(--accent-color); background: var(--main-color); } .jq-selectbox__select-text { height: 100%; line-height: inherit; padding: 0; color: var(--text-main-color); } .jq-selectbox__trigger { width: 50px; border-left-color: inherit; } .jq-selectbox__trigger-arrow { top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 1; border-top-color: var(--text-main-color); } .jq-selectbox:hover .jq-selectbox__select, .jq-selectbox.focused .jq-selectbox__select { border-color: var(--accent-color); } .jq-selectbox:hover .jq-selectbox__trigger-arrow, .jq-selectbox.focused .jq-selectbox__trigger-arrow { border-top-color: var(--accent-color); } .jq-selectbox__dropdown { background: var(--main-color); color: var(--text-main-color); border-color: var(--text-main-color); font: inherit; line-height: 1; border-radius: var(--br-2); } .jq-selectbox__search input, .jq-selectbox__not-found { font: inherit; line-height: 1; color: var(--text-main-color); box-shadow: none; border: solid 1px var(--border-color-1); background: var(--main-color); } .jq-selectbox__dropdown ul li { color: inherit; } .jq-selectbox__dropdown li:hover, .jq-selectbox__dropdown li.selected { background: var(--accent-color); color: var(--text-accent-color); } .jq-select-multiple { background: none; box-shadow: none; font: inherit; line-height: 1; padding: 0; border: solid 2px var(--border-color-1); color: var(--text-main-color); overflow: hidden; border-radius: 10px; } .jq-select-multiple.focused { border-width: 2px; } .jq-select-multiple ul { padding: 0; font-size: 16px; color: var(--text-main-color); list-style: none; margin: 0; display: block; } .jq-select-multiple ul li::after { display: none; } .jq-select-multiple ul li, .jq-select-multiple ul li:first-child, .jq-select-multiple ul li:last-child { font: inherit; line-height: 1; font-size: 16px; padding: 6px 10px; cursor: pointer; border-radius: 0; margin: 0; white-space: normal; hyphens: auto; hyphenate-limit-chars: 8 5 2; word-break: break-word; height: auto; } .jq-select-multiple li.selected { background: var(--accent-color); color: var(--text-accent-color); } .jq-select-multiple.focused, .jq-select-multiple:hover { border-color: var(--accent-color); } .jq-select-multiple li:hover { background: var(--accent-color); color: var(--color-white); } /**/ .jq-file { box-shadow: none; border-radius: 0; font-size: 16px; line-height: 1; overflow: hidden; } .jq-file__name { display: flex; align-items: center; border-radius: 10px; box-shadow: none; height: 50px; text-shadow: none; color: inherit; background: var(--main-color); font: inherit; } .jq-file__browse { display: flex; align-items: center; right: 0; top: 0; height: 100%; border: 0; border-radius: 10px; box-shadow: none; text-shadow: none; color: var(--text-accent-color); background: var(--accent2-color); font: inherit; transition: 0.3s; } .jq-file:active .jq-file__browse, .jq-file.focused .jq-file__browse, .jq-file:hover .jq-file__browse { background: var(--accent-color); box-shadow: none; } .jq-file:hover .jq-file__name, .jq-file:active .jq-file__name, .jq-file.focused .jq-file__name, input[type].styler:hover, input[type].styler:active, input[type].styler:focus, textarea.styler:hover, textarea.styler:active, textarea.styler:focus { border-color: var(--accent-color); } .fc_item input.error_field, .fc_item textarea.error_field, .uss_form_tml .uss_form_item input.error_field, .uss_form_tml .uss_form_item textarea.error_field { background-color: var(--main-color); } .fc_item .radio_wrapper.orientation_horizontal.with_image { border-radius: 10px; } .fc_item .radio_wrapper.orientation_horizontal.with_image:has(input[type="checkbox"]:checked), .fc_item .radio_wrapper.orientation_horizontal.with_image:has(input[type="radio"]:checked), .fc_item .radio_wrapper.orientation_horizontal.with_image:hover { box-shadow: 0 0 0 1px var(--accent-color) inset; } .fc_form_tml .fc_item .elem_item .radio_wrapper label span, .fc_form_tml .fc_item.fc_checkbox_one > .sector_title { min-height: 24px; top: 0em; line-height: 1.5; } .fc_form_tml img { border-radius: 10px; } .form_styler .group .titleGroup { font-size: 24px; } /* Обновление форм 3.0 Дизайн полей конец */ /* Обновление форм 3.0 */ /* Переменные для настройки форм */ .fc_form_tml { --input_max_width: 330px; --fc_columns: 1; --fc_margin: 80px; --fc_input_width: 350px; --fc_input_min_width: 230px; --fc_label_width: 240px; --fc_label_margin: 10px; container-name: fc-form-tml; container-type: inline-size; } @container fc-form-tml (width > 1220px) { .fc_form_tml .fc_form { --fc_margin: 75px; --fc_input_width: 335px; } } .modal .fc_form_tml { --fc_input_width: 400px; --fc_margin: 10px; } .catalog_orderform_tml .fc_form_tml, .buy_one_click_form_tml .fc_form_tml { --fc_input_width: 400px; --fc_margin: 20px; } .fc_form_tml .label_position_left, .fc_form_tml .label_position_right { --fc_margin: 20px; --fc_input_width: 350px; } .catalog_orderform_tml .buttons .styler, .one_click_form_wrapper .buttons .styler, .modal .buttons .styler { width: var(--fc_input_width); } .modal .fc_form_tml .group .fc_item .force_position_right, .modal .fc_form_tml .group .fc_item.fc_checkbox .force_position_right { display: block; max-width: 100%; flex: 1 1 auto; min-width: 0; } /* Переменные для настройки форм конец */ .fc_form_tml .group.columns_1 { --fc_margin: 0px; width: 100%; max-width: 100%; } .fc_form_tml .columns_2 { --fc_columns: 2; } .fc_form_tml .columns_3 { --fc_columns: 3; } .fc_form_tml .columns_4 { --fc_columns: 4; } .fc_form_tml .columns_5 { --fc_columns: 5; } .fc_form { max-width: 100%; overflow: hidden; } .modal-parent { z-index: 1000 !important; } .fc_form_tml .group { --fc_item_width: var(--fc_input_width); width: calc((var(--fc_item_width) + var(--fc_margin)) * var(--fc_columns)); margin-right: calc(var(--fc_margin) * -1); position: relative; max-width: calc(100% + var(--fc_margin)); } .fc_form_tml .label_position_left, .fc_form_tml .label_position_right { --fc_item_width: calc(var(--fc_input_width) + var(--fc_label_width) + var(--fc_label_margin)); } .fc_form_tml .fc_form .fc_item, .fc_form_tml .fc_form .group .fc_item.fc_checkbox_one { max-width: 100%; width: calc(var(--fc_input_width)); min-width: var(--fc_input_min_width); margin: 0 var(--fc_margin) 20px 0; } .fc_form_tml .label_position_left .fc_item, .fc_form_tml .group.label_position_left .fc_item.fc_checkbox_one, .fc_form_tml .label_position_right .fc_item, .fc_form_tml .group.label_position_right .fc_item.fc_checkbox_one, .fc_form_tml .fc_item.orientation_vertical .radio_wrapper label span { width: var(--fc_item_width); } .fc_form_tml .fc_item .orientation_vertical.with_image label span { width: var(--fc_label_width); } .fc_form_tml .fc_item.fc_checkbox_one > .sector_title { position: relative; } .fc_item .elem_item, .fc_item .elem_item .styler, .fc_item.fc_outputOnly .outputonly { max-width: 100%; } .fc_item .elem_item:not(.one) { width: var(--fc_input_width); } .fc_form_tml .fc_outputOnly .elem_item, .fc_form_tml .fc_outputOnly .outputonly { width: 100%; } .jq-selectbox, .jq-selectbox__select, .jq-select-multiple, .jq-file, .fc_item .fc_upload_wrapper, .fc_item input.styler, .fc_item textarea.styler { width: var(--fc_input_width); max-width: 100%; } .fc_form_tml .columns_1.label_position_left .elem_item, .fc_form_tml .columns_1.label_position_right .elem_item { flex: 1 1 auto; } .fc_item label.sector_title, .fc_item .hint, .fc_form_tml .group.label_position_left .fc_item label.sector_title, .fc_form_tml .group.label_position_right .fc_item label.sector_title { max-width: 100%; width: var(--fc_label_width); margin-bottom: 5px; } .fc_form_tml .fc_form .group.label_position_left .fc_item label.sector_title { margin-right: var(--fc_label_margin); } .fc_form_tml .group.label_position_right .fc_item:not(.fc_checkbox_one) label.sector_title { margin-left: var(--fc_label_margin); } .fc_form_tml .label_position_left .fc_item:not(.fc_checkbox):not(.fc_radio) label.sector_title, .fc_form_tml .label_position_right .fc_item:not(.fc_checkbox):not(.fc_radio) label.sector_title { margin-top: 0.5em; } .fc_form_tml .group.columns_1 .fc_item, .fc_form_tml .group.columns_1 .fc_item.fc_checkbox_one { width: 100%; } .fc_form_tml .columns_1 .fc_item .elem_item:not(.one) { max-width: 100%; } .fc_item .radio_wrapper.orientation_vertical.with_image .radio_img { min-width: 25px; height: auto !important; } .fc_item .radio_wrapper.orientation_vertical.with_image .radio_img img { display: block; object-fit: contain; max-width: 100%; max-height: 100%; } .fc_form_tml .fc_item .elem_item .radio_wrapper:not(.with_image) label span { min-width: 0; flex: 1 1 auto; } .fc_item .radio_wrapper.orientation_horizontal { margin-right: calc(var(--fc_margin) / 2); } .fc_form_tml .radio_wrapper.orientation_vertical.with_image .radio_label { align-items: center; } .fc_form_tml .fc_item .elem_item .radio_wrapper label { max-width: 100%; } .fc_form_tml .fc_item .elem_item .radio_wrapper label span { word-break: break-word; hyphens: auto; flex: 1 0 auto; line-height: 1.3; position: relative; max-width: 100%; } .fc_form_tml .fc_item .orientation_vertical.with_image .jq-checkbox, .fc_form_tml .fc_item .orientation_vertical.with_image .jq-radio { align-self: center; } .fc_item .radio_wrapper.orientation_vertical.with_image .radio_img { flex: 0 1 auto; } .fc_form_tml .radio_wrapper_item { max-width: 100%; } .fc_form_tml .label_position_left .fc_item, .fc_form_tml .label_position_right .fc_item { display: inline-flex; align-items: flex-start; } .fc_form_tml .label_position_left .fc_item label.sector_title, .fc_form_tml .label_position_right .fc_item label.sector_title { max-width: 100%; flex: 0 0 auto; align-self: flex-start; } .fc_form_tml .label_position_right .fc_item label.sector_title { margin: 0 0 0 10px; } .fc_form_tml .fc_item.fc_checkbox_one { display: inline-flex; align-items: flex-start; } .fc_form_tml .fc_item.fc_checkbox_one .elem_item { align-self: flex-start; flex: 0 0 auto; height: auto; line-height: 1; } .fc_form_tml .fc_item.fc_checkbox_one .jq-checkbox { display: block; top: 0; margin-top: 0; } .fc_form_tml .group-with-text-block-wrap.block-left .text-block, .fc_form_tml .group-with-text-block-wrap.block-right .group-with-text-block-fields, .fc_item .radio_wrapper.orientation_vertical { margin-right: 0; } .fc_form_tml .columns_1 .fc_item.delivery .elem_item { width: 100%; } .fc_form_tml .fc_item.delivery .radio_wrapper .radio_label { flex-wrap: wrap; line-height: 1.3; } .fc_form_tml .fc_item.paySystem .radio_wrapper_item, .fc_form_tml .fc_delivery .radio_wrapper_item { flex: 0 0 auto; width: calc(100% - 30px); } .fc_form_tml .fc_item.delivery .elem_item .radio_wrapper label > .jq-radio { top: 0.15em; } .fc_form_tml .fc_item.delivery .elem_item .radio_wrapper label > span { max-width: calc(100% - 50px); width: auto; top: 0; margin: 0 0 5px; } .fc_item.delivery .description_inline { position: relative; align-self: flex-start; display: inline-flex; flex-wrap: wrap; gap: 0.3em; align-items: center; } .fc_form_tml .fc_item.delivery .elem_item .radio_wrapper .description_inline span { top: 0; width: auto; max-width: 100%; } .radio_wrapper.radio_tariff_item .description { max-width: 100%; } .fc_item .radio_wrapper.orientation_horizontal.with_image .radio_wrapper_item { padding: 4px; } @media (max-width: 1000px) { .fc_form_tml .label_position_left .fc_item, .fc_form_tml .label_position_right .fc_item { flex-wrap: wrap; } } @media (max-width: 500px) { .form_styler > .group ~ .group > .titleGroup { margin: 20px 0 10px; } .fc_form_tml .group.label_position_left .fc_item:not(.fc_checkbox_one) label.sector_title, .fc_form_tml .group.label_position_right .fc_item:not(.fc_checkbox_one) label.sector_title { width: 100%; margin: 0 0 10px; } .fc_form_tml, .fc_form_tml .label_position_left, .fc_form_tml .label_position_right { --fc_input_width: 500px; } .fc_form_tml .fc_form .fc_item, .fc_form_tml .fc_form .group .fc_item.fc_checkbox_one { margin: 0 0 10px; width: 100%; } .fc_form_tml .group { width: 100%; margin: 0 0 10px; max-width: 100%; } } /*Обновление форм 3.0 конец*/ @supports (-moz-appearance: none) { div { scrollbar-width: thin; scrollbar-color: #8B8B8B transparent; } } div::-webkit-scrollbar { width: 8px; background: transparent; } div::-webkit-scrollbar-track { background: transparent; border-radius: 10px; } div::-webkit-scrollbar-thumb { background-color: #8B8B8B; border-radius: 10px; } div::-webkit-scrollbar-button { display: none; } .top-header { background: var(--accent2-color); color: var(--text-accent-color); } .top-header .wrapper { display: flex; align-items: flex-start; justify-content: space-between; gap: 0 10px; } .top-header .top-menu { position: relative; } .top-header .top-menu>ul { display: flex; align-items: stretch; gap: 2px 10px; font-size: 14px; font-weight: 500; min-height: 40px; } .top-header .top-menu>ul>li{ position: relative; display: flex; flex-direction: column; } .top-header .top-menu>ul>li>a { display: flex; align-items: center; line-height: 1.4; flex: 1 1 auto; padding: 2px 0; } .top-header .top-menu > ul > li > .submenu { position: absolute; width: 300px; z-index: -1; left: -20px; padding: 5px 0 20px; top: 100%; pointer-events: none; opacity: 0; transition: var(--tr-1) var(--tf-1); border-radius: 0 0 var(--br-1) var(--br-1); } .top-header .top-menu li:hover > .submenu { opacity: 1; pointer-events: all; z-index: 500; } .top-header .top-menu > ul > li > .submenu > li > a { padding: 5px 20px; display: flex; align-items: flex-start; } .top-header .top-menu .submenu li.has_submenu > a::before { content: ''; width: 10px; height: 10px; position: absolute; left: 5px; top: 12px; -webkit-mask: var(--icon-triangle-right-url) no-repeat center; mask: var(--icon-triangle-right-url) no-repeat center;; -webkit-mask-size: 4px auto; mask-size: 4px auto; background: var(--text-accent-color); transition: inherit; translate: 0 0; } .top-header .top-menu .submenu li.has_submenu > a:hover::before { background: var(--accent-color); translate: 2px 0; } .top-header .top-menu > ul > li > .submenu::after { content: ''; position: absolute; right: 0; bottom: 0; border-radius: 0 0 var(--br-1) 0; transition: var(--tr-1) ease-in-out; border: solid 10px var(--accent-color); border-top-color: transparent; border-left-color: transparent; z-index: -1; } .top-header .top-menu > ul > li > .submenu:hover::after { border-width: 20px; } .top-header .top-menu .submenu li { z-index: 1; position: relative; } .top-header .top-menu .submenu::before { content: ''; position: absolute; background: var(--accent2-color-80); -webkit-backdrop-filter: var(--blur-1); backdrop-filter: var(--blur-1); width: 100%; height: 100%; left: 0; top: 0; border-radius: inherit; z-index: -1; } .top-header .top-menu .submenu .submenu { position: absolute; width: 250px; z-index: -1; left: 100%; top: -5px; padding: 10px 10px; backdrop-filter: none; pointer-events: none; transition: 0s; border-radius: 0 var(--br-1) var(--br-1) 0; } .top-header .top-menu .submenu .submenu>li, .top-header .top-menu .submenu .submenu::before { opacity: 0; transition: var(--tr-1) ease-in-out; } .top-header .top-menu .submenu li:hover .submenu>li, .top-header .top-menu .submenu li:hover .submenu::before { opacity: 1; } .header-contacts { display: flex; justify-content: space-around; flex: 1 0 auto; gap: 0px 5px; flex-wrap: wrap; align-items: center; min-height: 40px; padding: 5px 0; } .top-header .block-address, .top-header .block-email { display: flex; align-items: center; font-size: 14px; } .top-header .block-address span { color: var(--text-descr-color); } .top-header .block-email span { color: var(--accent-color); } .callus { display: flex; align-items: center; justify-content: center; min-height: 40px; padding: 5px 20px; gap: 10px; background: var(--accent3-color-alt); transition: var(--tr-1); font-size: 14px; line-height: 1; cursor: pointer; position: relative; z-index: 1; align-self: center; flex: 0 0 auto; } .callus::before { content: ''; width: 12px; height: 12px; background: var(--accent-color); flex: 0 0 auto; -webkit-mask: var(--icon-phone-url) no-repeat center; mask: var(--icon-phone-url) no-repeat center; -webkit-mask-size: contain; mask-size: contain; transition: inherit; } .callus::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: inherit; background: var(--gr-1); z-index: -1; opacity: 0; pointer-events: none; } .callus:hover { background: var(--accent-color); color: var(--text-accent-color); } .callus:hover::before { background: var(--text-accent-color); } .callus:hover::after { opacity: 1; } .main-header .wrapper { display: flex; align-items: center; gap: 40px; } .main-header p { margin: 0; } .main-header .left { display: flex; align-items: center; gap: 30px; flex: 0 0 auto; max-width: 50%; } .main-header .logo { width: 350px; height: 110px; max-height: 110px; max-width: 50%; display: flex; align-items: center; justify-content: center; } .main-header .logo a { display: flex; align-items: center; width: 100%; height: 100%; } .main-header .logo p { display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 100%; } .main-header .logo img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: 0 50%; } .slogan { font-size: 14px; font-weight: 500; } .slogan ul { font-size: 14px; margin: 0; padding: 0; list-style: none; display: flex; font-weight: 500; flex-direction: column; } .slogan ul li { display: flex; align-items: flex-start; gap: 10px; } .slogan ul li::before { content: ''; position: relative; top: 7px; width: 10px; height: 10px; -webkit-mask: var(--icon-checkmark-url) no-repeat center; mask: var(--icon-checkmark-url) no-repeat center; -webkit-mask-size: contain; mask-size: contain; flex: 0 0 auto; background: var(--accent-color); } .slogan ul li strong { font-weight: 600; } .main-header .center { flex: 1 1 auto; display: flex; align-items: center; } .main-header .basket { display: none; } .search { min-width: 0; display: flex; align-items: center; position: relative; flex: 1 1 auto; } .search .uss_site_search { display: flex; align-items: center; justify-content: center; flex: 1 1 auto; min-width: 0; position: relative; } .search .uss_input_name { flex: 1 1 auto; display: flex; min-width: 0; height: 60px; } .search .uss_submit { width: 60px; height: 60px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: transparent var(--icon-search-url) no-repeat center; border: 0; cursor: pointer; } .main-header .right { display: flex; align-items: center; gap: 30px; } .block-socials, .block-socials p { display: flex; gap: 10px; align-items: center; } .block-socials a { display: flex; align-items: center; justify-content: center; } .block-socials img { display: block; max-width: 40px; max-height: 40px; object-fit: contain; object-position: 50% 50%; } .block-phone { display: flex; flex-direction: column; gap: 5px 0; font-size: 22px; font-weight: 600; line-height: 1; } .main-header .block-phone { text-align: right; } /* Header catalog */ .catalog-btn { font-size: 18px; font-weight: 500; position: relative; z-index: 0; display: flex; letter-spacing: -0.05px; align-items: center; background: var(--accent2-color); color: var(--text-accent-color); line-height: 1; padding: 5px 30px; border-radius: 0; min-height: 80px; gap: 15px; cursor: pointer; transition: var(--tr-1); width: max-content; max-width: 100%; } .catalog-btn::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--gr-1); z-index: -1; opacity: 1; transition: inherit; } .header-catalog.opened .catalog-btn::after, .catalog-btn:hover::after { opacity: 0; } .header-catalog.opened .catalog-btn { background: var(--accent2-color); } .header-catalog.opened .catalog-btn::before { background: var(--text-accent-color); } .catalog-btn::before { content: ''; position: relative; top: 1px; width: 16px; height: 16px; background: var(--text-accent-color); -webkit-mask: var(--icon-catalog-url) no-repeat center; mask: var(--icon-catalog-url) no-repeat center; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; transform: scale(1); } .header-catalog .catalog-content { display: flex; align-items: flex-start; position: absolute; z-index: 1000; left: var(--padding-side); right: var(--padding-side); height: 580px; background: var(--main-color-alt); border: none; box-shadow: 0px 20px 30px rgba(58, 68, 103, 0.1); border-radius: 0 0 var(--br-1) var(--br-1); padding: 0px 5px 0px 0px; overflow: hidden; font-size: 18px; max-height: 0; transition: var(--tr-1); color: var(--text-main-color); } .header-catalog.opened .catalog-content { max-height: 580px; padding: 20px 5px 20px 0px; } .header-catalog .catalog-content::after { content: ''; position: absolute; width: 100%; height: 20px; bottom: 20px; z-index: 10; background: var(--main-color-alt); -webkit-mask: linear-gradient(0deg, var(--color-white) 50%, transparent); mask: linear-gradient(0deg, var(--color-white) 50%, transparent); } .header-catalog .catalog-content-wrapper { padding: 0px 20px 0px 10px; width: 345px; overflow: auto; height: 100%; max-height: 100%; flex: 0 0 auto; position: relative; } .header-catalog .catalog-content-wrapper { } @supports (-moz-appearance: none) { div { scrollbar-width: thin; scrollbar-color: var(--accent-color) var(--border-color-1); } } div::-webkit-scrollbar { width: 8px; background: var(--border-color-1); } div::-webkit-scrollbar-track { background: var(--border-color-1); border-radius: var(--br-1); } div::-webkit-scrollbar-thumb { background-color: var(--accent-color); border-radius: var(--br-1); } div::-webkit-scrollbar-button { display: none; } .header-catalog .catalog-content-wrapper .uss_eshop_menu { margin: 0; padding: 0 0 30px; list-style: none; display: flex; flex-direction: column; gap: 0px; position: relative; } .header-catalog .catalog-content-wrapper .uss_eshop_menu a { display: flex; align-items: flex-start; position: relative; font-size: 16px; line-height: 1; font-weight: 500; gap: 8px; border-radius: 0; background: none; color: var(--text-main-color); padding: 12px 15px; text-decoration: none; } .header-catalog .catalog-content-wrapper .uss_eshop_menu .hovered a, .header-catalog .catalog-content-wrapper .uss_eshop_menu a:hover { color: var(--accent-color); } .header-catalog .catalog-content-wrapper .uss_eshop_menu a::before { position: relative; flex: 0 0 auto; content: ''; width: 8px; height: 8px; background: var(--text-descr-color); -webkit-mask: var(--icon-triangle-right-url) no-repeat center; mask: var(--icon-triangle-right-url) no-repeat center; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; top: 4px; transition: var(--tr-1); } .header-catalog .catalog-content-wrapper .uss_eshop_menu li:not(.has-submenu) a::before { opacity: 0; } .header-catalog .catalog-content-wrapper .uss_eshop_menu .hovered a::before, .header-catalog .catalog-content-wrapper .uss_eshop_menu a:hover::before { background: var(--accent-color); } .header-catalog .catalog-content-wrapper .submenu { display: none; } .header-catalog .catalog-submenu { flex: 1 1 auto; padding: 0px 30px 30px; height: auto; position: relative; max-height: 100%; overflow: auto; } .header-catalog .catalog-submenu .submenu { animation: 0.3s linear SlideInRight forwards; padding: 0; list-style: none; margin: 0; font-size: 14px; font-weight: 500; line-height: 1; columns: 4; column-gap: 10px; } .header-catalog .catalog-submenu .submenu li { break-inside: avoid; padding: 0 5px; } .header-catalog .catalog-submenu .submenu a { color: inherit; padding: 12px 0; display: block; } .header-catalog .catalog-submenu .submenu li:hover { color: var(--accent); } .header-catalog .catalog-submenu .submenu .submenu { display: none; } @media (max-width: 1400px) { .header-catalog .catalog-submenu .submenu { columns: 3; } } @media (max-width: 1280px) { .header-catalog .catalog-submenu .submenu { columns: 2; } } @media (max-width: 1000px) { .header-catalog .catalog-submenu { display: none; } .header-catalog .catalog-content-wrapper { width: 100%; } } @keyframes SlideInRight { 0% {transform: translateX(-30px); opacity: 0;} 100% {transform: none; opacity: 1} } @keyframes SlideInRight2 { 0% {transform: translateX(-30px); opacity: 0;} 100% {transform: translateX(0px); opacity: 1} } @keyframes SlideInRight3 { 0% {transform: translateX(-10px); opacity: 0;} 100% {transform: translateX(0px); opacity: 1} } /* Header Catalog End */ .bottom-header { display: flex; align-items: center; justify-content: center; background: var(--gr-3); color: var(--text-accent-color); } .bottom-header .wrapper{ gap: 30px; display: flex; align-items: flex-end; } .bottom-header .main-menu { flex: 1 1 auto; } .bottom-header .main-menu>ul { display: flex; min-height: 80px; align-items: stretch; gap: 5px 20px; font-weight: 500; font-size: 18px; width: 100%; flex-wrap: wrap; padding: 5px 0; } .bottom-header .main-menu ul>li { height: auto; display: flex; align-items: stretch; position: relative; } .bottom-header .main-menu ul>li>a { display: flex; align-items: center; justify-content: center; position: relative; } .bottom-header .main-menu>ul>li.has_submenu>a::before { content: ''; position: absolute; top: -5px;; left: 3px; width: 6px; height: 6px; border-radius: 0 0 6px 6px; background: var(--accent-color); transition: var(--tr-1) var(--tf-2); } .bottom-header .main-menu>ul>li.has_submenu>a:hover::before { width: calc(100% - 6px); height: 4px; } .bottom-header .main-menu ul>li .submenu { position: absolute; pointer-events: none; top: 100%; z-index: 1; width: 300px; background: var(--accent2-color-80); font-size: 16px; opacity: 0; transition: var(--tr-1); border-radius: var(--br-1); padding: 10px 0; } .bottom-header .main-menu ul>li .submenu .submenu { left: 100%; top: -10px; } .bottom-header .main-menu ul>li .submenu .submenu.left { right: 100%; left: unset; } .bottom-header .main-menu ul li:hover>.submenu { z-index: 1; opacity: 1; backdrop-filter: var(--blur-1); pointer-events: all; } .bottom-header .main-menu ul>li .submenu>li>a { padding: 5px 10px; line-height: 1.1; } .basket { position: relative; width: 80px; height: 80px; background: var(--accent2-color); margin-left: auto; z-index: 0; font-size: 0; } .basket a { position: absolute; width: 100%; height: 100%; z-index: 20; left: 0; top: 0; } .basket::before { content: ''; position: absolute; z-index: -1; width: 100%; height: 100%; background: var(--text-accent-color); -webkit-mask: var(--icon-basket-url) no-repeat center; mask: var(--icon-basket-url) no-repeat center; -webkit-mask-size: 30px auto; mask-size: 30px auto; } .basket .amounts { display: flex !important; background: var(--accent-color); border-radius: 0 0 0 6px; width: 20px; height: 20px; position: absolute; right: 0; top: 0; text-align: center; justify-content: center; align-items: center; line-height: 1; font-weight: 700; font-size: 11px; transition: var(--tr-1); color: var(--text-accent-color); } .basket:hover .amounts { background: var(--accent3-color-alt); } .basket .empty .amounts::before { content: '0'; } .basket .totals, .basket .countword { display: none; } .slider { container-type: inline-size; position: relative; height: 40cqw; z-index: 0; display: flex; flex-direction: column; } .slider-items { width: 100%; z-index: 1; position: relative; display: flex; align-items: flex-start; overflow: hidden; } .slider-items .slick-list { position: static; } .slider-items .slick-track { display: flex; height: 100%; } .slider-items .slick-slide { height: auto; } .slider-items .slick-slide>div { height: 100%; } .slider-items .item { width: 100%; height: 100%; flex: 0 0 auto; position: relative; display: flex; flex-direction: column; } .slider-items .image, .slider-images .image { position: absolute; width: 100%; height: 40cqw; padding: 0 20px 20px; background: var(--accent3-color); top: 0; left: 0; pointer-events: none; z-index: -1; } .slider-items .image img, .slider-images .image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0 0 var(--br-1) var(--br-1); } .slider-items .info { background: var(--accent2-color-80); backdrop-filter: var(--blur-1); padding: 40px 0; color: var(--text-accent-color); user-select: text; flex: 1 1 auto; height: 100%; } .slider-items .info .wrapper { display: flex; align-items: flex-start; gap: 30px; } .slider-items .info .title { font-size: 50px; font-weight: 500; line-height: 1.2; text-wrap: balance; width: calc((100% - 30px) / 2); } .slider-items .info .text { max-width: calc((100% - 30px) / 2); font-size: 18px; font-weight: 500; margin-left: auto; align-self: center; padding-right: 30px; } .slider-items .info .text ul li { position: relative; padding-left: 20px; } .slider-items .info .text ul li::before { content: ''; position: absolute; top: 10px; width: 10px; left: 0; height: 10px; -webkit-mask: var(--icon-checkmark-url) no-repeat center; mask: var(--icon-checkmark-url) no-repeat center; -webkit-mask-size: contain; mask-size: contain; flex: 0 0 auto; background: var(--accent-color); } .slider-images { position: absolute; width: 100%; height: 100%; left: 0; top: 0; pointer-events: none; z-index: -1; } .slider-images .slick-list, .slider-images .slick-track { height: 100%; } .slider-images .image { width: 100%; height: 100%; padding: 0 20px 20px; background: var(--accent3-color); top: 0; left: 0; pointer-events: none; z-index: -1; } .slider-images .image::after { content: ''; position: absolute; width: 100%; height: 100%; pointer-events: none; left: 0; top: 0; background: var(--color-black); background: linear-gradient(180deg, transparent 60%, var(--accent2-color-80) 85%) } .slider .navs { margin-left: auto; justify-content: flex-end; border-radius: 0 0 var(--br-1) var(--br-1); } .navs { display: flex; align-items: center; position: relative; width: max-content; overflow: hidden; z-index: 10; } .navs .slick-arrow { left: auto; bottom: auto; right: auto; top: auto; transform: none; position: relative; width: 60px; height: 60px; background: var(--accent3-color); border-radius: 0; box-shadow: none; } .slider { margin-bottom: 80px; } .numbers-block { margin-top: auto; } .numbers-items { --grid-items: 5; --grid-gap: 0px; --grid-item-width: calc((100% - ((var(--grid-items) - 1) * var(--grid-gap))) / var(--grid-items)); display: grid; grid-template-columns: repeat(var(--grid-items), 1fr); color: var(--text-accent-color); } .numbers-items .item { display: flex; flex-direction: column; gap: 30px; padding: 50px 30px; position: relative; } .numbers-items .item p { margin: 0; line-height: 1; } .numbers-items .item .number { font-size: 60px; font-weight: 500; letter-spacing: -0.02em; --carret-opacity: 0; } .numbers-items .item .title { margin: 0; font-size: 18px; font-weight: 600; } .numbers-items .item .number::before { content: ''; left: 0; top: 0; position: absolute; width: 100%; height: calc(100% + 20px); background: var(--gr-1); border-radius: var(--br-1); z-index: -1; transition: var(--tr-1) linear; opacity: var(--carret-opacity); -webkit-mask: var(--mask-corner-br-url) no-repeat, var(--gr-full) no-repeat, var(--gr-full) no-repeat; mask: var(--mask-corner-br-url) no-repeat, var(--gr-full) no-repeat, var(--gr-full) no-repeat; -webkit-mask-size: var(--corner-size) var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) var(--corner-size); mask-position: 100% 100%, 0 0, 0 100%; mask-composite: add; } .numbers-items .item .number::after { content: ''; position: absolute; right: 0; top: 0; border-radius: 0 var(--br-1) 0 0; border: solid 20px var(--main-color); border-bottom-color: transparent; border-left-color: transparent; z-index: -1; transition: var(--tr-1) linear; opacity: var(--carret-opacity); } .numbers-items .item:nth-of-type(1) .number, .numbers-items:hover .item:hover .number { --carret-opacity: 1; } .numbers-items:hover .item .number { --carret-opacity: 0; } .h3 { font-size: 40px; font-weight: 500; margin: 0 0 50px; } .upsides { margin-bottom: 50px; } .upsides-items { display: flex; flex-wrap: wrap; --flex-items: 2; --flex-gap: 40px; --flex-width: calc((100% - ((var(--flex-items) - 1) * var(--flex-gap))) / var(--flex-items)); gap: var(--flex-gap); } .upsides-items .item { width: var(--flex-width); background: var(--main-color-alt); border-radius: var(--br-1); position: relative; display: flex; padding: 40px; gap: 40px; container-type: inline-size; -webkit-mask: var(--mask-corner-br-url) no-repeat, var(--gr-full) no-repeat, var(--gr-full) no-repeat; mask: var(--mask-corner-br-url) no-repeat, var(--gr-full) no-repeat, var(--gr-full) no-repeat; -webkit-mask-size: var(--corner-size) var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) var(--corner-size); mask-position: 100% 100%, 0 0, 0 100%; mask-composite: add; } .upsides-items .item::after { content: ''; position: absolute; right: 0; top: 0; border-radius: 0 var(--br-1) 0 0; border: solid 20px var(--accent3-color-alt); border-bottom-color: transparent; border-left-color: transparent; transition: var(--tr-1) linear; } .upsides-items .item .image { background: var(--main-color); flex: 0 0 auto; border-radius: var(--br-2); width: 15cqw; height: 15cqw; display: flex; align-items: center; justify-content: center; overflow: hidden; } .upsides-items .item .image img { display: block; width: 30%; height: 30%; object-fit: contain; object-position: 50% 50%; } .upsides-items .item .info { display: flex; flex-direction: column; gap: 15px; color: var(--text-descr-color); } .upsides-items .item .info .title { font-size: 24px; font-weight: 600; line-height: 1.2; color: var(--text-main-color); } .positions { margin-bottom: 80px; padding: 90px 0 50px; position: relative; background: var(--accent4-color); } .positions::before { content: ''; background: var(--main-color-alt); width: calc(100% - 60px); height: calc(100% - 60px); position: absolute; margin: 30px; top: 0; border-radius: var(--br-1); } .positions .positions-desc { display: flex; align-items: center; margin: 0 0 50px; gap: 35px; } .positions .positions-desc .h3 { margin: 0; } .positions .positions-link { margin-left: auto; } .positions .positions-link a { display: flex; align-items: center; position: relative; padding-right: 25px; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; text-decoration-color: var(--accent-color); font-size: 18px; font-weight: 500; } .positions .positions-link a::before, .positions .positions-link a::after { content: ''; position: absolute; border-radius: 4px; width: 17px; height: 17px; flex: 0 0 auto; right: 0; top: calc(50% + 1px); transform: translateY(-50%); background: var(--accent-color); } .positions .positions-link a::after { -webkit-mask: var(--icon-triangle-right-url) no-repeat center; mask: var(--icon-triangle-right-url) no-repeat center; -webkit-mask-size: 6px auto; mask-size: 6px auto; background: var(--main-color); } .positions .uss_widget_outer_content:not(.slick-initialized) { display: flex; flex-wrap: nowrap; --flex-items: 5; --flex-gap: 20px; --flex-width: calc((100% - ((var(--flex-items) - 1) * var(--flex-gap))) / var(--flex-items)); gap: var(--flex-gap); } .positions .uss_widget_outer_content.slick-slider { --flex-gap: 20px; margin: 0 calc((var(--flex-gap)) * -1); } .positions .slick-list { padding-bottom: 40px; } .positions .uss_widget_outer_content .slick-slide { --flex-width: 100%; margin: 0 var(--flex-gap); } .positions .slick-track { display: flex; height: 100%; align-items: stretch; } .positions .slick-slide { height: auto; } .positions .slick-slide>div { height: 100%; } .positions .uss_eshop_block_item { height: 100%; display: flex !important; flex-direction: column; width: var(--flex-width); container-type: inline-size; border-radius: var(--br-1); overflow: hidden; border: solid 1px var(--border-color-1); background: var(--main-color); padding: 20px; flex: 0 0 auto; } .positions .uss_eshop_block_item:hover { box-shadow: var(--bx-1); } .positions .uss_eshop_block_item .img { width: 100cqw; height: 100cqw; border-radius: var(--br-1); overflow: hidden; } .positions .uss_eshop_block_item .img .imagelink { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .positions .uss_eshop_block_item .img .pos_main_img { display: block; max-height: 100%; max-width: 100%; object-fit: contain; object-position: 50% 50%; } .positions .uss_eshop_block_item .uss_shop_name { min-height: 70px; border-bottom: solid 1px var(--border-color-1); display: flex; align-items: center; padding: 5px 0; font-size: 16px; font-weight: 400; margin: 0 0 auto; } .positions .uss_eshop_block_item .uss_shop_price { font-size: 22px; font-weight: 600; margin: 20px 0 20px; } a.add_to_cart { display: flex; background: var(--accent3-color); color: var(--text-accent-color); font-size: 16px; font-weight: 600; gap: 10px; padding: 5px 20px 5px 15px; align-items: center; min-height: 60px; justify-content: center; line-height: 1.1; position: relative; border-radius: var(--br-1); z-index: 0; overflow: hidden; transition: var(--tr-1); } a.add_to_cart:hover { color: var(--text-accent-color); } a.add_to_cart.buy_one_click { background: var(--accent3-color-alt); } a.add_to_cart.buy_one_click:hover { background: var(--accent2-color); } a.add_to_cart::before { content: ''; align-self: center; width: 28px; height: 28px; -webkit-mask: var(--icon-cart-url) no-repeat center; mask: var(--icon-cart-url) no-repeat center; -webkit-mask-size: 28px auto; mask-size: 28px auto; background: var(--main-color); transition: inherit; flex: 0 0 auto; } a.add_to_cart::after { content: ''; position: absolute; width: 100%; height: 100%; background: var(--gr-1); border-radius: inherit; z-index: -1; transition: inherit; left: 0; top: 0; } a.add_to_cart.buy_one_click::before { } a.add_to_cart.buy_one_click:hover { color: var(--text-accent-color); } a.add_to_cart.buy_one_click::before { content: unset; } a.add_to_cart.buy_one_click::after, a.add_to_cart.already_in_cart::after, a.add_to_cart:hover::after { opacity: 0; } a.add_to_cart.already_in_cart::before { display: none; } .positions a.add_to_cart:hover::after { opacity: 1; } .positions a.add_to_cart:not(.buy_one_click):not(.already_in_cart) { text-indent: -20em; width: max-content; padding: 5px; gap: 0; align-items: center; justify-content: center; min-width: 60px; } .positions a.add_to_cart:not(.buy_one_click):not(.already_in_cart):hover { font-size: 16px; gap: 10px; padding: 5px 20px 5px 10px; text-indent: 0; } .positions a.add_to_cart:hover::before { width: 28px; } .positions .navs { border-radius: var(--br-1); } .positions .slick-arrow { background: var(--accent4-color); } .positions .slick-arrow::before { background: var(--text-main-color); } .positions .slick-arrow:hover { background: var(--main-color); } .positions .slick-arrow:hover::before { background: var(--accent-color); } .catalogs { --catalogs-item-limit: 12; margin: 0 0 60px; } .catalogs-desc { display: flex; align-items: center; margin: 0 0 60px; } .catalogs-desc .h3 { margin: 0; width: calc(100% / 2); } .catalogs-desc-content { width: calc(100% / 2); } .catalogs-desc-content span { color: var(--accent-color); font-weight: 500; } .catalogs .uss_eshop_menu { display: flex; flex-wrap: wrap; --flex-items: 4; --flex-gap: 40px; --flex-width: calc((100% - ((var(--flex-items) - 1) * var(--flex-gap))) / var(--flex-items)); gap: var(--flex-gap); } .catalogs .uss_eshop_menu li { width: calc(var(--flex-width)); container-type: inline-size; position: relative; padding: 30px 0 00px 0; display: flex; flex-direction: column; background: var(--main-color-alt); border-radius: var(--br-1); border: solid 1px var(--border-color-1); transition: var(--tr-1); } .catalogs .uss_eshop_menu li:hover { box-shadow: var(--bx-1); background: var(--main-color); } .catalogs .uss_eshop_menu li::after { content: ''; position: absolute; right: 0; bottom: 0; border-radius: 0 0 var(--br-1) 0; transition: var(--tr-1) ease-in-out; border: solid 20px var(--accent-color); border-top-color: transparent; border-left-color: transparent; pointer-events: none; } .catalogs .uss_eshop_menu .eshop_menu_image { width: calc(100cqw - 30px); height: 60cqw; background: var(--main-color); overflow: hidden; margin-left: 30px; border-radius: var(--br-2) 0 0 var(--br-2); } .catalogs .uss_eshop_menu .eshop_menu_image a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } .catalogs .uss_eshop_menu .eshop_menu_image img { display: block; object-fit: contain; object-position: 50% 50%; } .catalogs .uss_eshop_menu li>a { padding: 5px 30px 30px; display: flex; align-items: center; min-height: 110px; font-size: 24px; font-weight: 600; line-height: 1.2; } .show-more { margin: 30px 0; border-radius: var(--br-1); width: 100%; padding: 10px; display: flex; align-items: center; justify-content: center; font-weight: 600; min-height: 60px; position: relative; cursor: pointer; background: linear-gradient(transparent,var(--main-color-alt)); transition: var(--tr-1); } .show-more::before, .show-more::after { content: ''; left: 50%; top: 100%; position: absolute; width: 17px; height: 17px; transform: translateY(-50%); border-radius: 4px; background: var(--accent-color); animation: pulse-down var(--tr-2) ease-in-out infinite alternate forwards; pointer-events: none; } .show-more::after { -webkit-mask: var(--icon-triangle-down-url) no-repeat center; mask: var(--icon-triangle-down-url) no-repeat center; -webkit-mask-size: 5px auto; mask-size: 5px auto; background: var(--main-color); } .show-more:hover { color: var(--accent-color); } .show-more:hover::before, .show-more:hover::after { animation-play-state: paused; } @keyframes pulse-down { 0% { transform: translateY(-50%);} 100% { transform: translateY(-10%);} } .about-block-img { width: 100%; container-type: inline-size; padding: 20px; background: var(--accent2-color); display: flex; margin: 0 0 80px; } .about-block-img::before { content: ''; position: absolute; width: 100%; height: 100%; } .about-block-img img { border-radius: var(--br-1); width: 100%; height: auto; object-fit: contain; object-position: 50% 50%; } .mainpage h1 { font-size: 40px; font-weight: 500; margin: 0 0 30px; line-height: 1; } .mainpage .container { padding-top: 0; padding-bottom: 0; margin: 0 auto 60px; } .main-content-wrapper { display: flex; gap: 50px; } .main-content-wrapper .main-content { width: calc((100% - 50px) / 2); font-size: 20px; } .main-content-wrapper .right { width: calc((100% - 50px) / 2); } .main-content h2, .about-block h2 { font-size: 30px; font-weight: 500; margin: 30px 0 40px; } .main-content strong { font-weight: 600; } .main-content p { min-height: 1em; } .main-content ul { margin: 0 0 20px; } .main-content ul li { margin: 0 0 10px; } .main-content ul li span { color: var(--accent-color); font-weight: 600; } .main-content ul li a strong { color: var(--text-main-color); text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 5px; text-decoration-color: var(--accent-color); } .main-content ul li strong a:hover { color: var(--accent-color); } .main-content ul li p { margin: 0; } .about-block { font-size: 20px; } .about-block>*:first-child { margin-top: 0; } .about-block h2 { margin: 45px 0 15px; } .about-block .images { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; width: 100%; margin: 30px 0 0; } .about-contacts { margin: 40px 0 0; border-radius: var(--br-1); position: relative; padding: 40px; background: var(--main-color-alt); -webkit-mask: var(--mask-corner-br-url) no-repeat, var(--gr-full) no-repeat, var(--gr-full) no-repeat; mask: var(--mask-corner-br-url) no-repeat, var(--gr-full) no-repeat, var(--gr-full) no-repeat; -webkit-mask-size: var(--corner-size) var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) var(--corner-size); mask-position: 100% 100%, 0 0, 0 100%; mask-composite: add; } .about-contacts::before { content: ''; position: absolute; right: 0; top: 0; border-radius: 0 var(--br-1) 0 0; transition: var(--tr-1) ease-in-out; border: solid 20px var(--accent-color); border-bottom-color: transparent; border-left-color: transparent; pointer-events: none; } .about-contacts .h3 { font-size: 30px; font-weight: 500; line-height: 1; margin: 0 0 30px; } .about-contacts .block-address, .about-contacts .block-schedule { font-size: 18px; font-weight: 500; } .about-contacts .block-address span, .about-contacts .block-schedule span { color: var(--text-descr-color); } .about-contacts .block-socials { margin: 40px 0 0; } .about-contacts .block-socials, .about-contacts .block-socials p { gap: 5px; } .about-contacts .block-phone { margin: 20px 0 0; font-size: 30px; font-weight: 700; display: flex; flex-direction: column; gap: 10px; } .about-contacts .block-phone p { margin: 0; } .about-contacts .block-email { margin: 15px 0 0; } .about-contacts .block-email span { color: var(--accent-color); } .block-form { width: 100%; max-width: 100%; min-height: 760px; position: relative; z-index: 1; container-type: inline-size; background: var(--accent2-color); --block-form-padding: 20px; } .block-form-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: var(--block-form-padding); z-index: -1; } .block-form-bg img { border-radius: var(--br-1); width: 100%; height: 100%; object-fit: cover; } .block-form .wrapper { display: flex; align-items: center; padding-top: 40px; padding-bottom: 40px; max-width: calc(100% - (var(--block-form-padding) * 2)); } .block-form-content { padding: 40px 60px; background: var(--accent2-color-80); color: var(--text-accent-color); backdrop-filter: var(--blur-1); border-radius: var(--br-1); overflow: hidden; position: relative; width: max(50%, 700px); max-width: 100%; } .block-form-content::after { content: ''; position: absolute; right: 0; top: 0; border-radius: 0 var(--br-1) 0 0; border: solid 20px var(--accent-color); border-bottom-color: transparent; border-left-color: transparent; transition: var(--tr-1) linear; } .block-form-content .h3 { font-size: 40px; font-weight: 500; margin: 0 0 5px; line-height: 1; } .block-form-content>p { margin: 0; font-size: 22px; font-family: var(--alt-font); } .block-form-content .fc_form_tml { margin: 20px 0 0; --fc_input_width: 325px; --fc_margin: 0; } .block-form-content .fc_form_tml .fc_form .fc_item, .block-form-content .fc_form_tml .fc_form .group .fc_item.fc_checkbox_one { margin: 0; flex: 1 1 auto; } .block-form-content .fc_form_tml .fc_form { display: flex; flex-wrap: wrap; gap: 10px; } .block-form-content .fc_form_tml a[name="FormConstructorForm"], .block-form-content .fc_form_tml .cleaner { display: none; } .block-form-content .fc_form_tml .fc_form .group { display: flex; flex-wrap: wrap; gap: 10px; } .block-form-content .fc_form_tml .columns_2 .fc_item { width: calc((100% - 10px) / 2); } .block-form-content .fc_form_tml .fc_form .group.end { order: 10; } .block-form-content .fc_form_tml .fc_form .fc_item:not(.fc_checkbox):not(.fc_radio) input.styler, .block-form-content .fc_form_tml .fc_form .columns_1 .fc_item .elem_item textarea.styler { background: var(--main-color); font-weight: 400; border-radius: var(--br-2); border: 0; font-size: 16px; display: flex; height: 60px; padding: 5px 20px; } .block-form-content .fc_form_tml .fc_form .fc_item:not(.fc_checkbox):not(.fc_radio) .elem_item, .block-form-content .fc_form_tml .fc_form .fc_item:not(.fc_checkbox):not(.fc_radio) .elem_item input.styler, .block-form-content .jq-file, .block-form-content .fc_item .fc_upload_wrapper { width: 100%; } .block-form-content .fc_form_tml .fc_form .columns_1 .fc_item .elem_item textarea.styler { padding: 20px; height: 160px; } .block-form-content .fc_form_tml .fc_form .columns_1 .fc_item.fc_textarea { width: 100%; } .block-form-content .fc_form_tml .fc_form .columns_1 .fc_item.fc_textarea .elem_item, .block-form-content .fc_form_tml .fc_form .columns_1 .fc_item.fc_textarea .elem_item textarea.styler { width: 100%; } .block-form-content .fc_form_tml .fc_form .group:nth-of-type(3), .block-form-content .fc_form_tml .fc_form .buttons { width: calc((100% - 10px) / 2); align-self: flex-end; margin-top: 10px; } .fc_files { position: relative; } .fc_files .sector_title { position: absolute; height: 40px; width: 100%; margin: 0; display: flex; align-items: center; padding: 0 10px; pointer-events: none; } .jq-file .jq-file__name { background: none; font-size: 0; border-radius: 0; border: 0; border-bottom: solid 2px var(--text-descr-color); } .jq-file:hover .jq-file__name{ border-color: var(--accent-color); } .jq-file .jq-file__browse { font-size: 0; background: var(--accent-color); border-radius: 0; width: 16px; height: 16px; top: 50%; transform: translateY(-50%); right: 10px; -webkit-mask: var(--icon-file-url) no-repeat center; mask: var(--icon-file-url) no-repeat center; -webkit-mask-size: contain; mask-size: contain; } .block-form-content .fc_files { position: relative; } .fc_item .add_multi_i span { background: var(--accent-color); -webkit-mask: url('/img/icon-plus.svg') no-repeat; mask: url('/img/icon-plus.svg') no-repeat; -webkit-mask-size: contain; mask-size: contain; } .block-form-content .fc_form_tml .fc_form .buttons { position: relative; z-index: 1; } .block-form-content .fc_form_tml .fc_form .buttons input { width: 100%; height: 60px; display: flex; border-radius: var(--br-2); background: none; } .block-form-content .fc_form_tml .fc_form .buttons input:hover { background: none; } .block-form-content .fc_form_tml .fc_form .buttons::before, .block-form-content .fc_form_tml .fc_form .buttons::after { content: ''; position: absolute; height: 60px; width: 100%; border-radius: var(--br-2); background: var(--gr-1); left: 0; top: 0; z-index: -1; transition: var(--tr-1); } .block-form-content .fc_form_tml .fc_form .buttons::after { opacity: 0; background: var(--accent2-color); } .block-form-content .fc_form_tml .fc_form .buttons:hover::after { opacity: 1; } .fc_item .uss_editor_img_upload { margin: 0; display: flex; } .fc_item .uss_editor_img_upload + .uss_editor_img_upload { margin: 5px 0 0; } .block-form-content .group.end { margin-top: 10px; } .block-form-content .group.end .fc_checkbox_one { font-family: var(--alt-font); font-style: italic; color: var(--text-descr-color); font-size: 14px; padding-right: 13%; line-height: 1.3; } .block-form-content .form_styler .group.end .fc_item.fc_checkbox_one { gap: 5px; } .block-form-content .form_styler .group.end .fc_item.fc_checkbox_one>.sector_title { margin-top: 2px; } .block-form-content .form_styler .group.end .fc_item.fc_checkbox label.sector_title { font-size: 14px !important; margin-top: 5px; } .block-form-content .jq-checkbox { border-radius: 50%; border: 0; width: 22px; height: 22px; } .footer { background: var(--accent3-color); color: var(--text-accent-color); } .footer p { margin: 0; } .footer .logo { width: 350px; height: auto; max-height: 110px; display: flex; align-items: center; justify-content: center; max-width: 100%; } .footer .logo img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: 0 50%; } .main-footer { padding: 40px 0; } .main-footer .wrapper { display: flex; gap: 30px; justify-content: space-between; } .main-footer .left, .main-footer .right { width: calc((100% - 2 * 30px) * 0.25); } .main-footer .center { width: calc((100% - 2 * 30px) * 0.45); } .footer-catalog .h3, .footer-menu .h3 { font-size: 18px; font-weight: 500; margin: 0 0 20px; } .footer-catalog .uss_eshop_menu, .footer-menu ul, .adaptive-menu ul { font-size: 16px; color: var(--text-descr-color); line-height: 1.1; } .footer-catalog .uss_eshop_menu { columns: 2; column-gap: 30px; } .footer-catalog a, .footer-menu ul a, .adaptive-menu ul a { display: block; padding: 5px 0; } .main-footer .right { display: flex; flex-direction: column; } .footer .callus { margin-top: auto; border-radius: var(--br-2); overflow: hidden; width: max-content; min-height: 60px; font-size: 16px; font-weight: 600; } .footer .callus::before { width: 15px; height: 15px } .contacts { margin: 30px 0 0; display: flex; flex-direction: column; gap: 10px; font-size: 14px; } .contacts .phone-socials { display: flex; margin: 10px 0; flex-wrap: wrap; align-items: flex-end; } .contacts .block-phone { margin-right: auto; } .contacts .block-address span, .contacts .block-schedule span { color: var(--text-descr-color); } .contacts .block-email span { color: var(--accent-color); } .bottom-footer { border-top: solid 1px #555; padding: 25px 0; } .bottom-footer .wrapper { display: flex; gap: 30px; line-height: 1; } .bottom-footer .counters { display: none; } .bottom-footer .left { font-size: 16px; font-weight: 400; color: var(--text-descr-color); display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; gap: 5px; } .bottom-footer .left a { text-decoration: none; transition: var(--tr-1); } .bottom-footer .left a:hover { text-decoration: underline; } .bottom-footer .poweredby { width: calc((100% - 60px) * 0.25); margin-left: auto; display: flex; flex-direction: column; gap: 5px; font-weight: 400; font-size: 16px; } .bottom-footer .poweredby a span { font-weight: 500; color: var(--accent-color); } .singlepage .container.wrapper { gap: 60px; } .sidebar { width: 340px; flex: 0 0 auto; padding: 0; } .uss_shop_block_cat { display: flex; flex-wrap: wrap; --flex-items: 3; --flex-gap: 40px; --flex-width: calc((100% - ((var(--flex-items) - 1) * var(--flex-gap))) / var(--flex-items)); gap: var(--flex-gap); margin: 30px 0 60px; } .uss_shop_block_cat .uss_shop_category { width: calc(var(--flex-width)) !important; margin: 0 !important; container-type: inline-size; position: relative; padding: 30px 0 0; display: flex; flex-direction: column; background: var(--main-color-alt); border-radius: var(--br-1); border: solid 1px var(--border-color-1); transition: var(--tr-1); } .uss_shop_block_cat .uss_shop_category:hover { box-shadow: var(--bx-1); background: var(--main-color); } .uss_shop_block_cat .uss_shop_category::after { content: ''; position: absolute; right: 0; bottom: 0; border-radius: 0 0 var(--br-1) 0; transition: var(--tr-1) ease-in-out; border: solid 20px var(--accent-color); border-top-color: transparent; border-left-color: transparent; pointer-events: none; } .uss_shop_block_cat .uss_shop_cat_img_wrap { width: calc(100cqw - 30px); height: 56cqw; background: var(--main-color); overflow: hidden; margin: 0 0 0 30px; border-radius: var(--br-2) 0 0 var(--br-2); } .uss_shop_block_cat .uss_shop_cat_img { display: flex; align-items: center; justify-content: center; width: 100% !important; height: 100% !important; max-width: 100%; border: 0; } .uss_shop_block_cat .uss_shop_cat_img > a { display: flex; width: 100%; height: 100%; margin: 0; justify-content: center; align-items: center; border-radius: var(--br-1); } .uss_shop_block_cat .uss_shop_category .uss_shop_cat_img img { display: block; width: auto; height: auto; object-fit: contain; max-width: 100%; max-height: 100%; object-position: 50% 50%; } .uss_shop_block_cat .uss_shop_cat_name a { padding: 30px 30px 5px; display: flex; align-items: flex-start; min-height: 90px; font-size: 24px; font-weight: 600; line-height: 1.2; } .uss_shop_block_cat .uss_shop_cat_cat { padding: 0 30px; font-size: 14px; } .uss_shop_block_cat .uss_shop_category>*:last-child { margin-bottom: 30px; } .uss_shop_table_view table { border: 0; } /* Скругленные таблицы */ table { border: 0 !important; position: relative; --table-br: var(--br-1); --table-border: solid 1px var(--border-color-1); } table::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: var(--table-border); border-radius: var(--table-br); pointer-events: none; box-sizing: border-box; } table tr>:first-child{ border-left: 0 !important; } table tr>:last-child { border-right: 0 !important; } table tr:first-of-type>* { border-top: 0 !important; } table tr:last-of-type>* { border-bottom: 0 !important; } table tr:first-of-type>:first-child { border-radius: var(--table-br) 0 0 0; } table tr:first-of-type>:last-child { border-radius: 0 var(--table-br) 0 0; } table tr:last-of-type>:first-child { border-radius: 0 0 0 var(--table-br); } table tr:last-of-type>:last-child { border-radius: 0 0 var(--table-br) 0; } /* Скругленные таблицы end */ .uss_shop_table_view a.add_to_cart { min-height: 40px; padding: 2px 12px; border-radius: var(--br-2); overflow: hidden; gap: 5px; font-size: 14px; } .uss_shop_table_view a.add_to_cart::before { width: 20px; height: 20px; -webkit-mask-size: 100% auto; mask-size: 100% auto; } .uss_shop_table_view th, .uss_eshop_sameproducts.table th { font-size: 18px; color: var(--text-main-color); } .uss_shop_table_view .uss_amount_left { font-size: 18px; font-weight: 500; } .uss_shop_table_view td.uss_price span.actual_price { font-size: 18px; } .uss_shoppos_table td.uss_title a { min-height: 80px; display: flex; align-items: center; } .sidebar { display: flex; flex-direction: column; gap: 30px; } .aside-block { border-radius: var(--br-1); box-shadow: 0 0 0 1px var(--border-color-1) inset; border: 0; position: relative; } .aside-block::before { content: ''; width: 100%; height: 100%; left: 0; top: 0; position: absolute; border: solid 1px var(--border-color-1); border-radius: inherit; box-sizing: border-box; pointer-events: none; } .aside-block .h3 { position: relative; font-size: 20px; font-weight: 600; line-height: 1.2; padding: 10px 20px; display: flex; gap: 10px; text-align: left; margin: 0; width: 100%; border-radius: var(--br-1) var(--br-1) 0 0; z-index: 0; color: var(--text-accent-color); min-height: 60px; align-items: center; transition: var(--tr-1); } .aside-block .h3::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; background: var(--gr-3); border-radius: inherit; z-index: -1; } .aside-block .h3::after { content: ''; align-self: flex-start; position: relative; width: 20px; height: 20px; flex: 0 0 auto; margin-left: auto; top: 10px; } .aside-filters .h3 { cursor: pointer; border-radius: var(--br-1); } .aside-filters.opened .h3 { border-radius: var(--br-1) var(--br-1) 0 0; } .aside-filters .h3::after { background: var(--accent-color); -webkit-mask: var(--icon-filters-url) no-repeat center; mask: var(--icon-filters-url) no-repeat center; -webkit-mask-size: 16px auto; mask-size: 16px auto; } .aside-filters .uss_eshop_filters_block { display: none; margin: 0; } .aside-filters .eshop_filters_items { display: flex; align-items: flex-start; flex-direction: column; } .aside-filters .uss_eshop_filters_block .filter_item { margin: 0; width: 100%; border-bottom: solid 1px var(--border-color-1); display: flex; flex-direction: column; } .aside-filters .uss_eshop_filters_block .group .filter_item .items_label { width: 100%; min-height: 60px; display: flex; align-items: center; padding: 5px 20px; line-height: 1.1; transition: var(--tr-1); cursor: pointer; } .aside-filters .uss_eshop_filters_block .group .filter_item .items_label::after { content: ''; width: 5px; height: 5px; flex: 0 0 auto; -webkit-mask: var(--icon-triangle-down-url) no-repeat center; mask: var(--icon-triangle-down-url) no-repeat center; -webkit-mask-size: contain; mask-size: contain; background: var(--text-descr-color); margin-left: auto; transition: var(--tr-1); } .aside-filters .uss_eshop_filters_block .group .filter_item .items_wrap { padding: 20px; width: 100%; display: none; flex-direction: column; transition: gap var(--tr-1); } .aside-filters .uss_eshop_filters_block .group .filter_item .filter_elem_label { white-space: normal; display: flex; line-height: 1.2; align-items: flex-start; transition: var(--tr-1); margin-bottom: 10px; } .aside-filters .uss_eshop_filters_block .group .filter_item.opened .items_label { background: var(--main-color-alt); } .aside-filters .uss_eshop_filters_block .group .filter_item.opened .items_label::after { background: var(--accent-color); } .aside-filters .uss_eshop_filters_block .group .filter_item .jq-checkbox { top: 0px; margin-right: 10px; } .aside-filters-btn { display: none; } .aside-filters .uss_eshop_filters_block form .group { margin: 0; } .aside-filters form>.filter_item, .aside-filters .filter_submit { padding: 20px; margin: 0; width: 100%; } .aside-filters form>.filter_item>label { margin: 0 0 10px; } .aside-filters form>.filter_item .inputs { display: flex; align-items: center; } .aside-filters form>.filter_item .inputs input { flex: 1 1 auto; min-width: 0; margin: 0 0.3em; } .aside-filters form>.filter_item .inputs input[name="minprice"] { margin-right: 0.6em; } .container .filter_submit { display: flex; gap: 10px; } .container .uss_eshop_filters_block .filter_submit .styler { height: 40px; display: flex; align-items: center; justify-content: center; margin: 0; padding: 5px 20px; font-size: 16px; line-height: 1; font-weight: 600; box-shadow: none; outline: none; border: none; } .container .uss_eshop_filters_block .filter_submit button.styler { background: var(--accent3-color-alt); } .container .uss_eshop_filters_block .filter_submit .styler:hover { background: var(--accent2-color); } .aside-catalog .h3 { color: var(--text-accent-color); } .aside-catalog .h3::before { background: var(--gr-1); } .aside-catalog .h3::after { background: var(--main-color); -webkit-mask: var(--icon-catalog-url) no-repeat center; mask: var(--icon-catalog-url) no-repeat center; -webkit-mask-size: 4px auto; mask-size: 4px auto; } .aside-menu>ul { margin: 0; padding: 0; list-style: none; } .bread { line-height: 1.5; } .bread a { color: var(--text-main-color); text-decoration: underline; text-decoration-color: var(--accent-color); text-decoration-thickness: 2px; text-underline-offset: 4px; padding: 0; vertical-align: baseline; margin-top: -5px; display: inline-block; } .bread span { -webkit-mask: var(--icon-triangle-right-url) no-repeat center; mask: var(--icon-triangle-right-url) no-repeat center; -webkit-mask-size: 5px auto; mask-size: 5px auto; background: var(--accent-color); width: 20px; height: 20px; position: relative; display: inline-block; top: -1px; } .uss_section_content .uss_group_text { font-size: 20px; line-height: 1.3; } .uss_shop_table_view .uss_eshop_item .uss_img_holder > a > img { margin: 0 auto; } .positions-inside { padding: 20px; margin: 60px 0; border-radius: var(--br-1); background: var(--main-color-alt); } .positions-inside::before { display: none; } /**/ .uss_shop_detail .uss_shop_technical_data { padding: 20px; border-radius: var(--br-1); background: var(--main-color-alt); display: inline-flex; flex-direction: column; max-width: calc((100% - 35px) / 2); flex: 1 1 auto; border: solid 1px var(--border-color-1); } .uss_shop_detail strong, .uss_shop_detail .uss_shop_producer strong, .uss_shop_detail .uss_shop_amount_left strong { font-weight: 600; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price { margin: 30px 0; } .uss_shop_detail .uss_shop_price .price:not(.old_price) { font-size: 22px; } .uss_shop_detail .uss_shop_technical_data .uss_shop_description { border-bottom: solid 1px var(--border-color-1); padding: 0 0 10px; margin: 0 0 20px; } div.uss_eshop_tabs .uss_eshop_tabs_navigation { display: flex; gap: 2px; } div.uss_eshop_tabs .uss_eshop_tabs_navigation span, div.uss_eshop_tabs .uss_eshop_tabs_navigation span.selected { font-size: 18px; text-shadow: none; box-shadow: none; border-radius: var(--br-1) var(--br-1) 0 0; padding: 5px 30px; min-height: 60px; display: flex; align-items: center; float: none; overflow: hidden; position: relative; z-index: 1; background: var(--accent3-color-alt); opacity: 1; transition: var(--tr-1); } div.uss_eshop_tabs .uss_eshop_tabs_navigation span:hover, div.uss_eshop_tabs .uss_eshop_tabs_navigation span.selected { opacity: 1; background: transparent; } div.uss_eshop_tabs .uss_eshop_tabs_navigation span::before { content: ''; width: 100%; height: 100%; border-radius: inherit; position: absolute; left: 0; top: 0; z-index: -1; pointer-events: none; background: var(--gr-1); transition: var(--tr-1); opacity: 0; } div.uss_eshop_tabs .uss_eshop_tabs_navigation span.selected::before, div.uss_eshop_tabs .uss_eshop_tabs_navigation span:hover::before { opacity: 1; } .burger { display: none; flex-direction: column; width: 40px; height: 40px; justify-content: center; gap: 5px; padding: 5px; cursor: pointer; flex: 0 0 auto; background: var(--accent-color); border-radius: var(--br-2); transition: var(--tr-1); } .burger:hover { background: var(--accent2-color); } .burger span { width: 100%; height: 3px; border-radius: 5px; background: var(--main-color); } .adaptive-menu .contacts { margin: 0 0 20px; gap: 10px; } .adaptive-menu .contacts .h3 { display: none; } .adaptive-menu { display: none; transition: var(--tr-1); transform: translateX(-100%); width: 100%; position: fixed; height: 100%; background: rgba(0,0,0,.5); box-shadow: 0 0 0 5000px rgba(0,0,0,0.5); z-index: 1000; opacity: 0; } .adaptive-menu.opened { transform: none; opacity: 1; box-shadow: 0 0 0 5000px rgba(0,0,0,.5); } .adaptive-menu .close { width: 60px; height: 60px; position: absolute; right: 10px; top: 10px; z-index: 50; cursor: pointer; border-radius: var(--br-1); transition: var(--tr-1); } .adaptive-menu .close::before, .adaptive-menu .close::after { --rotateAngle: 45deg; content: ''; position: absolute; width: 75%; height: 4px; border-radius: 4px; background: var(--main-color); top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(var(--rotateAngle)); transition: inherit; } .adaptive-menu .close::after { --rotateAngle: 135deg; } .adaptive-menu .close:hover { background: var(--main-color); } .adaptive-menu .close:hover::before, .adaptive-menu .close:hover::after { background: var(--accent-color); } .adaptive-menu-wrapper { width: calc(100% - 80px); height: 100%; overflow: auto; display: flex; flex-direction: column; padding: 10px; color: var(--text-accent-color); background: var(--accent2-color-80); backdrop-filter: var(--blur-1); } .adaptive-menu .h3 { margin: 20px 0 10px; font-size: 20px; font-weight: 500; } .adaptive-menu .catalog_menu, .adaptive-menu .main-menu ul { flex-direction: column; max-width: 100%; width: 100%; margin: 0; padding: 0; list-style: none; } .adaptive-menu p { margin: 0; } .adaptive-menu .contacts { display: flex; flex-wrap: wrap; flex-direction: column; gap: 5px; } .adaptive-services { margin: 0 0 20px; } .adaptive-contacts { margin: 30px 0; background: var(--accent3-color-alt); background: none; width: max-content; padding: 20px; border-radius: var(--br-1); max-width: 100%; display: flex; flex-direction: column; gap: 5px; font-size: 14px; border: solid 1px var(--accent3-color-alt); } .adaptive-contacts .phone-socials { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; } .adaptive-contacts span { color: var(--text-descr-color); font-weight: 500; } .adaptive-menu .callus { border-radius: var(--br-2); width: 100%; overflow: hidden; margin: 20px 0 0; } .catalog_orderform_tml .catalog_orderform_window_wrap, .uss_modal_window .uss_modal_content, .buy_one_click_form_tml .buy_one_click_window_wrap, #uss_basket_ask_where_to_go_block > div, .modal .modal-wrap { background: var(--accent2-color-80); color: var(--text-accent-color); backdrop-filter: var(--blur-1); width: 550px; padding: 40px 20px 40px 25px; margin: 0; } .modal .fc_form_tml, .catalog_orderform_tml .fc_form_tml, .buy_one_click_form_tml .fc_form_tml { --fc_input_width: 500px; padding-right: 5px; margin: 0; } .header { position: relative; } .header.fixed { position: fixed; top: 0; left: 0; z-index: 999; background: var(--main-color); width: 100%; box-shadow: 0 4px 8px 0 rgba(0,0,0,.2); } .main-header { position: relative; top: 0; animation: var(--tr-2) ease-in-out forwards; z-index: 1; } .main-header.fixed { position: fixed; top: 0; background: var(--main-color); z-index: 999; width: 100%; box-shadow: 0 4px 4px 0 rgba(0,0,0,.2); animation-name: slide-down; } .main-header.fixed .left, .main-header.fixed .right { display: none; } @keyframes slide-down { 0% { transform: translateY(-100%);} 100% { transform: translateY(0);} } @keyframes slide-up { 0% { transform: translateY(100%);} 100% { transform: translateY(0);} } @media (max-width: 1700px) { .positions { --positions-offset: 30px; } .positions:before { margin: var(--positions-offset); width: calc(100% - (var(--positions-offset) * 2)); height: calc(100% - (var(--positions-offset) * 2)); } .positions .wrapper { max-width: calc(100% - (var(--positions-offset) * 2)); } } @media (max-width: 1400px) { .main-header .wrapper { gap: 0 20px; padding-top: 5px; padding-bottom: 5px; } .block-phone { font-size: 18px; } .main-header .left, .main-header .right { gap: 10px; } .slider-items { flex: 0 0 auto; } .slider-items .info { padding: 20px 0; } .slider-items .info .title { font-size: 30px; } .slider-items .info .text { font-size: 15px; } .numbers-items .item { padding: 20px 10px; gap: 10px; } .numbers-items .item .number { font-size: 40px; } .numbers-items .item .title { font-size: 15px; line-height: 1.2; } .h3 { font-size: 36px; margin: 0 0 30px; } .upsides-items { gap: 20px; } .upsides-items .item { padding: 20px; gap: 20px; } .upsides-items .item .info { gap: 5px; line-height: 1.3; font-size: 18px; } .upsides-items .item .info .title { font-size: 20px; } } @media (max-width: 1280px) { .top-header .top-menu > ul { gap: 0px 5px; flex-wrap: wrap; } .top-header .callus { padding: 5px 5px 5px 10px; gap: 5px; height: 100%; } .header-contacts { flex-direction: column; align-items: flex-end; gap: 4px 30px; line-height: 1; } .search .uss_input_name { height: 50px; } } @media (max-width: 1200px) { .top-header .top-menu { display: none; } .header-contacts { justify-content: flex-start; gap: 30px; } .header-contacts { flex-direction: row; align-items: center; gap: 4px 30px; line-height: 1; } .top-header .callus { padding: 5px 15px; gap: 5px; height: 100%; } .main-header .wrapper { flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; } .main-header .left { width: 100%; } .main-header .right { gap: 10px; margin-left: auto; } .main-header .center { gap: 10px; width: 100%; order: 10; } .main-header .center .basket { display: flex; width: 40px; height: 40px; border-radius: var(--br-2); } .main-header .center .basket::before { -webkit-mask-size: 50% auto; mask-size: 50% auto; } .burger { display: flex; } .search .uss_input_name { height: 40px; } .search .uss_submit { width: 40px; height: 40px; background-size: 50% 50%; } .adaptive-menu { display: block; } .bottom-header .main-menu, .bottom-header .basket { display: none; } .bottom-header { background: none; margin: 0 0 10px; } .bottom-header .header-catalog { width: 100%; } .catalog-btn { width: 100%; border-radius: var(--br-2); overflow: hidden; min-height: 50px; padding: 10px 20px; } .upsides-items .item .image img { width: 50%; height: 50%; } .catalogs .uss_eshop_menu { --flex-gap: 30px; --flex-items: 3; } .block .h3, .mainpage h1 { font-size: 36px; margin: 0 0 40px; } .main-content-wrapper { gap: 20px; } .main-content-wrapper .main-content, .main-content-wrapper .right { width: calc((100% - 20px) / 2); } .main-footer .wrapper { gap: 50px 20px; flex-wrap: wrap; } .main-footer .left, .main-footer .right { width: calc((100% - 2 * 20px) * 0.5); } .main-footer .center { width: 100%; order: 10; } .contacts .phone-socials { gap: 20px; justify-content: flex-start; } .contacts .block-phone { margin: 0; } .main-footer .right { justify-content: flex-end; } .footer .callus { margin-left: auto; } .footer-menu .h3 { text-align: right; } .footer-menu ul { justify-content: flex-end; display: flex; flex-direction: column; align-items: flex-end; } .footer-catalog .uss_eshop_menu { columns: 350px auto; } .footer-menu .h3 { margin: 20px 0 20px; } .footer .callus { min-height: 40px; } .bottom-footer .poweredby { width: max-content; } .aside-block:not(.aside-filters), .aside-filters .uss_eshop_filters_block { display: none; } .sidebar { width: 100%; } .aside-filters { margin: 0 0 20px; } .aside-filters .h3 { width: 100%; border-radius: var(--br-2); overflow: hidden; min-height: 50px; padding: 10px 20px; font-size: 18px; } .aside-filters .h3::after { top: 6px; } .aside-filters .uss_eshop_filters_block .group .filter_item .items_label { min-height: 50px; } .aside-filters .uss_eshop_filters_block .group .filter_item .items_wrap { padding: 15px; } .positions .uss_widget_outer_content.slick-slider { --flex-gap: 10px; } a.add_to_cart { min-height: 50px; } .positions a.add_to_cart:not(.buy_one_click):not(.already_in_cart):hover { gap: 5px; padding: 5px 10px 5px 5px; max-width: 100%; font-size: 14px; width: 100%; } .positions a.add_to_cart::before, .positions a.add_to_cart:hover::before { width: 20px; height: 20px; -webkit-mask-size: contain; mask-size: contain; } } @media (max-width: 1000px) { .main-header .wrapper { gap: 10px 0; } .main-header .left { max-width: 100%; width: 100%; justify-content: space-between; } .main-header .right { margin-bottom: 10px; } .slogan ul { gap: 3px 0; } .slogan ul li { line-height: 1.3; } .slogan ul li::before { top: 4px; } .block { margin: 0 0 60px; } body { --corner-size: 30px; } .slider>.wrapper { margin-bottom: auto; } .slider-items { flex: 0 0 auto; } .slider-items .info { padding: 10px 0; } .slider-items .info .wrapper { gap: 10px; height: 100%; } .slider-items .info .title { font-size: 24px; width: calc((100% - 10px) / 2); } .slider-items .info .text { font-size: 14px; line-height: 1.3; padding: 0; width: 100%; max-width: calc((100% - 10px) / 2); } .navs .slick-arrow { width: 40px; height: 40px; } .numbers-items .item { padding: 10px 5px; gap: 10px; } .numbers-items .item .number { font-size: 30px; } .numbers-items .item .title { font-size: 14px; } .numbers-items .item .number::before { height: 100%; } .slider-items .info .text ul li::before { top: 5px; } .numbers-items .item .number::after { border-width: calc(var(--corner-size) / 2); } .upsides-items { --flex-items: 1; } .positions-desc { flex-wrap: wrap; } .catalogs { --catalogs-item-limit: 9; } .catalogs .uss_eshop_menu li::after { border-width: 15px; } .catalogs-desc { flex-direction: column; align-items: flex-start; margin: 0 0 20px; } .catalogs-desc .h3 { width: 100%; } .catalogs-desc-content { width: 100%; } .catalogs .uss_eshop_menu { --flex-gap: 15px; } .catalogs .uss_eshop_menu li > a { padding: 5px 15px 15px; font-size: 18px; min-height: 5em; } .catalogs .uss_eshop_menu .eshop_menu_image { width: calc(100cqw - 15px); margin-left: 15px; } .about-block-img { padding: 15px; margin: 0 0 60px; } .block .h3, .mainpage h1 { font-size: 32px; margin: 0 0 30px; } .main-content-wrapper { gap: 20px; flex-wrap: wrap; } .main-content-wrapper .main-content, .main-content-wrapper .right { width: 100%; } .block-form { --block-form-padding: 10px; min-height: auto; } .block-form .wrapper { padding-top: 30px; padding-bottom: 30px; } .bottom-footer { padding: 10px 0; } .bottom-footer .wrapper { display: flex; flex-direction: column; align-items: center; gap: 15px 0 ; } .bottom-footer .poweredby { order: -1; margin: 0; display: flex; text-align: center; } .bottom-footer .left { text-align: center; width: 100%; } .uss_shop_detail .uss_shop_technical_data { width: 100%; max-width: 100%; } } @media (max-width: 768px) { :root { --padding-side: 10px; } .header-contacts { gap: 2px 15px; flex-wrap: wrap; } .top-header .callus { font-size: 0; gap: 0; padding: 10px; width: 40px; height: 40px; } .top-header .callus::before { width: 16px; height: 16px; } .block { margin: 0 0 40px; } .slider { height: auto; } .slider-items { order: 3; border-radius: 0 0 var(--br-1) var(--br-1); } .slider-items .info { background: var(--gr-3); backdrop-filter: none; margin: 0; } .slider-items .info .wrapper { flex-direction: column; } .slider-items .info .title, .slider-items .info .text { width: 100%; max-width: 100%; } .slider-items .info .text ul li::before { top: 5px; } .slider-images { position: relative; order: 2; height: 40cqw; border-radius: var(--br-1) var(--br-1) 0 0; overflow: hidden; } .slider-images .image { padding: 10px; } .slider-images .image img { border-radius: var(--br-2); } .slider-images .image::after { display: none; } .slider>.wrapper { order: 1; margin-bottom: -40px; } .numbers-block { margin: 30px 0 0; order: 3; } .numbers-items { display: flex; flex-wrap: wrap; justify-content: center; --grid-items: 3; --grid-gap: 10px; padding: 10px 0; gap: var(--grid-gap); } .numbers-items .item { width: var(--grid-item-width); flex: 1 1 auto; border-radius: var(--br-2); --carret-opacity: 1; padding: 20px; --corner-size: 25px; } .numbers-items .item .number { text-align: center; } .numbers-items .item .number::before, .numbers-items .item .number::after { opacity: 1; } .numbers-items .item .number::after { border-top-color: var(--accent3-color-alt); border-right-color: var(--accent3-color-alt); } .numbers-items .item .title { text-align: center; } .positions { padding: 20px 0; --positions-offset: 10px; } .positions .positions-desc { gap: 5px; flex-direction: column; margin: 0 0 10px; } .positions-link { margin: 0 auto; } .positions .navs { margin: 30px 0 0; } .positions .uss_widget_outer_content.slick-slider { --flex-gap: 5px; } .about-block-img { padding: 10px; margin: 0 0 40px; } .block .h3, .mainpage h1 { font-size: 30px; margin: 0 0 30px; } .main-content-wrapper .main-content, .about-block { font-size: 18px; } .main-content h2, .about-block h2 { font-size: 26px; margin: 10px 0 20px; } .about-block .images { margin: 20px 0 0; } .about-contacts { margin: 20px 0 0; padding: 20px; } .about-contacts .h3 { font-size: 24px; margin: 0 0 10px; } .about-contacts .block-address, .about-contacts .block-schedule { font-size: 16px; } .about-contacts .block-socials { margin: 20px 0 0; } .about-contacts .block-phone { font-size: 24px; } .block-form-content { padding: 20px; width: 100%; } .block-form-content .h3 { font-size: 30px; } .block-form-content > p { font-size: 18px; } .block-form-content .fc_form_tml .fc_form .fc_item:not(.fc_checkbox):not(.fc_radio) input.styler { height: 40px; padding: 2px 10px; } .block-form-content .fc_form_tml .fc_form .columns_1 .fc_item .elem_item textarea.styler { height: 100px; padding: 10px 10px; } .block-form-content .fc_form_tml .fc_form .buttons input, .block-form-content .fc_form_tml .fc_form .buttons::before, .block-form-content .fc_form_tml .fc_form .buttons::after, .jq-file__name { height: 40px; line-height: 40px; } .main-footer .wrapper { gap: 20px; } .main-footer .right { width: 100%; align-items: flex-start; justify-content: flex-start; text-align: left; align-content: flex-start; gap: 10px; } .footer-menu .h3 { margin: 0 0 10px; text-align: left; } .footer-menu ul { justify-content: flex-start; align-items: flex-start; } .footer .callus { width: max-content; margin: 0 0 15px; align-self: auto; order: -1; } .main-footer .left { width: 100%; justify-content: flex-start; display: flex; flex-direction: column; align-items: flex-start; } .uss_shop_block_cat { --flex-gap: 30px; --flex-items: 2; } } @media (max-width: 600px) { .top-header { display: none; } .footer-catalog .uss_eshop_menu { columns: 1; } .slogan { display: none; } .main-header .left { justify-content: center; flex-direction: column; align-items: center; } .main-header .right { justify-content: center; width: 100%; } .main-header .logo { height: 80px; } .main-header .logo img { object-position: 50% 50%; } .block { margin: 0 0 20px; } .catalog-btn { min-height: 40px; padding: 5px 10px; gap: 10px; } .numbers-items { --grid-items: 1; --grid-gap: 5px; } .numbers-items .item { padding: 10px 15px; } .positions .uss_widget_outer_content.slick-slider { --flex-gap: 10px; } .catalogs { --catalogs-item-limit: 6; } .catalogs .uss_eshop_menu { --flex-gap: 15px; --flex-items: 2; } .catalogs .uss_eshop_menu li { padding: 15px 0 0; } .about-block-img { padding: 5px; margin: 0 0 20px; } .block .h3, .mainpage h1 { font-size: 26px; margin: 0 0 20px; } .main-content-wrapper .main-content, .about-block { font-size: 16px; } .main-content h2, .about-block h2 { font-size: 22px; margin: 10px 0 20px; } .about-block .images { margin: 10px 0 0; } .about-contacts { margin: 20px 0 0; padding: 10px; } .about-contacts .h3 { font-size: 24px; margin: 0 0 10px; } .about-contacts .block-address, .about-contacts .block-schedule { font-size: 16px; } .about-contacts .block-socials { margin: 20px 0 0; } .about-contacts .block-phone { font-size: 24px; } .block-form-content .fc_form_tml .fc_form .group { margin: 0; } .block-form-content .fc_form_tml .columns_2 .fc_item { width: 100%; } .block-form-content .fc_form_tml .fc_form .group:nth-of-type(3), .block-form-content .fc_form_tml .fc_form .buttons { width: 100%; margin: 0; } .block-form-content .fc_form_tml .fc_form .group.end { order: unset; margin: 0 0 10px; } .block-form-content .group.end .fc_checkbox_one { padding-right: 0; } .footer .logo { width: 100%; justify-content: center; } .footer .logo img { object-position: 50% 50%; } .uss_shop_block_cat { --flex-gap: 20px; --flex-items: 2; } .aside-filters .h3 { min-height: 40px; padding: 5px 10px; gap: 10px; font-size: 16px; } .aside-filters .h3::after { top: 5px; } .aside-filters .uss_eshop_filters_block .group .filter_item .items_label { min-height: 40px; } .aside-filters .uss_eshop_filters_block .group .filter_item .items_wrap { padding: 10px; } .uss_shop_block_cat .uss_shop_category { padding: 15px 0 0; } .uss_shop_block_cat .uss_shop_cat_img_wrap { width: calc(100% - 15px); margin: 0 0 0 15px; } .uss_shop_block_cat .uss_shop_cat_name a { font-size: 18px; min-height: 5em; padding: 15px 15px 5px; } a.add_to_cart { min-height: 40px; } .modal .fc_form_tml input[type].styler { height: 40px; line-height: 40px; } .modal .modal-wrap .buttons input.submit, .uss_modal_window .uss_search_city_submit input[type="submit"] { line-height: 1; } table.uss_shoppos_table tbody tr.uss_eshop_item td { padding: 0px 10px; } .uss_shoppos_table td.uss_title a { min-height: 0; } .positions .uss_eshop_block_item .uss_shop_price { font-size: 16px; } .positions .uss_eshop_block_item { padding: 10px; } .positions .uss_eshop_block_item .uss_shop_name { margin-bottom: auto; } .positions a.add_to_cart { font-size: 14px; } }