/*main colors*/ .header, .modal .modal-wrap, .menu, .menu ul li .submenu, .aside-search, .information .inner, .block-icons, .position-tabs .position__content, .block.news.white .news_block_item, .block.double-news .left:after, .block.double-news .right:after, .block.double-news .uss_widget_outer_content .news_block_item, .block.map.white, .block.map .white-bg, .block.map .h3 ~ p, .block.photoalbum.white .uss_widget_outer_content, .block.photoalbum.white .photoalbum_menu, .block.faq .uss_faq_item, .block.quiz .uss_vote_block, .block.position .uss_eshop_block_item, .block.guestbook .uss_guestbook_item, .block.form .fc_form_tml, .block.filter .uss_eshop_filters_block, .block.watched .uss_eshop_block_item, .uss_shop_blocks_view .uss_eshop_item .jq-radio, #eshop_pos_content, .uss_news .groups, .context.noflex .uss_news .groups, .context .uss_shop_detail, .context .uss_eshop_sameproducts, .context .comment_form_block > .comments_form, .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block, .uss_shop_block_cat, .uss_pagenator, .uss_shop_detail .uss_shop_technical_data .jq-radio, .mainpage .context, .singlepage .content_menu.sub, .singlepage .section:not(.section_eshop):not(.section_catalog):not(.section_news):not(.section_photoalbums), .uss_comments .comment_item, .uss_shop_list_cat, #uss_basket_ask_where_to_go_block, .uss_catalog_block_cat, .uss_catalog_list_cat, .content .uss_catalog_detail, .content .catalog_order_form .fc_form_tml, .section_news .uss_news .groups_list .group_item, .section_news .uss_news .news_list, .section_news .uss_news .news_list .news_item, .section_news .uss_news.news_exact_item, .section_news .news_similar_wrap .similar_items, .section_news .news_similar_wrap .similar_items.similar_items_block .news_item, .section_photoalbums, .section_photoalbums .uss_photoalbums_albums .uss_photoalbums_albums_list .uss_albums_item, .buy_one_click_form_inpos .fc_form, .adaptive-menu .menu, .adaptive-menu .menu ul li .submenu, .aside-block, .aside-catalog ul.uss_eshop_menu > li > a, .aside-catalog ul.catalog_menu > li > div > a, .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > a { background: #fff; } .quote { background: #f4f4f4; } .aside-search .uss_site_search .uss_input_name, .section.section_text .uss_section_content form.uss_form_tml .uss_form_item input[name='email'], .section.section_text .uss_section_content form.uss_form_tml .uss_form_item.uss_form_captcha input#captcha_id { background: #f5f5f5; } .section.section_text .uss_section_content form.uss_form_tml .uss_form_item.uss_form_captcha { background: #ebebeb; } .modal { background: rgba(0, 0, 0, 0.65); } input.styler:not([type='submit']), textarea.styler, .fc_item textarea.error_field, .section.section_search .uss_search_form input.uss_input_name, .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: #f5f5f5; } .uss_error_form { min-width: 100%; text-align: left; } .uss_error_form ol li {font-size: 14px;} .modal .modal-wrap .buttons input.submit, .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li.active > a, .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li:hover > a, .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > .submenu > li > a, .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > .submenu > li > .submenu > li > a, .aside-catalog ul.uss_eshop_menu > li.active > a, .aside-catalog ul.uss_eshop_menu > li:hover > a, .aside-catalog ul.uss_eshop_menu > li > .submenu > li > a, .aside-catalog ul.uss_eshop_menu > li > .submenu > li > .submenu > li > a, .aside-catalog ul.catalog_menu > li.active > div > a, .aside-catalog ul.catalog_menu > li:hover > div > a, .aside-catalog ul.catalog_menu > li > .submenu > li > div > a, .aside-catalog ul.catalog_menu > li > .submenu > li > .submenu > li > div > a, .aside-banner .info, .aside-auth table tr td.submit input[type='submit'].styler, .aside-quiz .uss_vote_block .submit input[type='submit'], .aside-form .fc_form_tml form .buttons input.styler, .aside-filter form .filter_submit input.styler, .aside-filter form .filter_submit button.styler, .information .subscribe .fc_form_tml form .buttons input[type='submit'].styler, .block.news .news_block_item .info .uss_news_more a, .block.quiz .uss_vote_block .uss_opros_graph form .submit input.styler, .block.form .fc_form_tml form .buttons input[type='submit'].styler, .block.filter .uss_eshop_filters_block form .filter_submit input[type='submit'].styler, .block.filter .uss_eshop_filters_block form .filter_submit button.styler, .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit input.styler, .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit button, .uss_pagenator .uss_page_num .uss_page.uss_page_selected a, .uss_pagenator .uss_page_num .uss_page:hover a, div.uss_tabs div.tab_items .fc_form .buttons input[type='submit'].styler, form#ommentaddform_id .uss_form_item.uss_form_submit input[type='submit'].styler, .uss_catalog_block_cat .uss_catalog_category .catalog_info .catalog_orderbutton, .uss_catalog_list_cat .uss_catalog_category .catalog_orderbutton, .content .catalog_order_form .fc_form .buttons input[type='submit'].styler, .module_catalog .catalog_orderbutton, .section_news .uss_news .news_list .news_item .info .uss_more a, .section_news .news_similar_wrap .similar_items .news_item .info .uss_more a, .catalog_orderform_tml .fc_form .buttons input[type='submit'].styler, .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .buttons input.submit, .buy_one_click_form_inpos .fc_form .buttons input[type='submit'].styler, .section_formconstructor form.fc_form .buttons input[type='submit'], .uss_shop_form .fc_form_tml .buttons input.submit, .section.section_formconstructor .uss_section_content .fc_form_tml .buttons input.submit, .section.section_search .uss_search_form input.uss_submit, .section.section_text .uss_section_content form.uss_form_tml .uss_form_item.uss_form_submit input[name='sendemail'], .aside-catalog ul:not(.uss_eshop_menu):not(.catalog_menu) > li:hover > a, .aside-catalog ul:not(.uss_eshop_menu):not(.catalog_menu) > li.active > a, .aside-catalog ul.uss_eshop_menu > li > .submenu > li > .submenu > li > a + ul.submenu a { color: #fff; } #wrap, .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_items .eshop_filters_item .items_wrap, .uss_shop_detail .uss_shop_technical_data .eshop_filters_area, .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item .items_wrap, .uss_comments .comment_item .title .hide_show_answers, .uss_comments .comment_item .answer .comment .title .hide_show_answers, .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_amount_left, .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_producer, .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_uid, .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item .items_wrap, .quote { color: #3b3b3b; } .aside-block .buttons .btn:hover, .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > a, .aside-catalog ul.uss_eshop_menu > li > a, .aside-catalog ul.catalog_menu > li > div > a, .aside-position .uss_eshop_block_item .uss_shop_name a, .aside-position .uss_eshop_block_item .uss_shop_price span, .aside-position-slider .uss_eshop_block_item .uss_shop_name a, .aside-position-slider .uss_eshop_block_item .uss_shop_price span, .aside-watched .uss_eshop_block_item .uss_shop_name a, .aside-watched .uss_eshop_block_item .uss_shop_price span, .content h1, .position-tabs .position__navs .position__nav.active, .position-tabs .position__navs .position__nav:hover, .position-tabs .uss_eshop_block_item .uss_shop_price span, .block.news .h3, .block.news .news_block_item .info .title, .block.map .h3, .block.position .uss_eshop_block_item .uss_shop_name a, .block.position .uss_eshop_block_item .uss_shop_price span, .block.filter .uss_eshop_filters_block form .group .eshop_filters_group_title, .block.watched .uss_eshop_block_item .uss_shop_name a, .block.watched .uss_eshop_block_item .uss_shop_price span, .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.actual_price, .context .block.map .h3, .context .comment_form_block > .comment_form_title, .uss_eshop_sameproducts.blocks .item .info .price span, .uss_shop_block_cat .uss_shop_category .uss_shop_cat_name, .uss_pagenator .uss_page_num .uss_page a, .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.price, .uss_shop_detail .uss_shop_technical_data .uss_shop_price span, div.uss_tabs .uss_tabs_navigation span.selected, .h3.h_op, .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_price span.actual_price, .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .extra-buttons a, .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_price span.actual_price, #uss_basket_ask_where_to_go_block, .uss_catalog_list_cat .uss_catalog_category .uss_catalog_cat_name, .content .catalog_order_form .h3, .content .catalog_order_form h3, .jq-selectbox .jq-selectbox__select, .section_news .uss_news .groups_list .group_item .info .title, .section_news .uss_news .news_list .news_item .info .title, .section_news .news_similar_wrap .news_similar_title, .buy_one_click_form_tml .buy_one_click_window .uss_buy_one_click_title, .buy_one_click_form_inpos .buy_one_click_form_title, .adaptive-menu .menu ul li a { color: #222222; } .aside-block .buttons .btn, .aside-position .uss_eshop_block_item .uss_shop_price span.old_price, .aside-position-slider .uss_eshop_block_item .uss_shop_price span.old_price, .aside-watched .uss_eshop_block_item .uss_shop_price span.old_price, .information .contacts span, .position-tabs .uss_eshop_block_item .uss_shop_price span.old_price, .block.position .uss_eshop_block_item .uss_shop_price span.old_price, .block.watched .uss_eshop_block_item .uss_shop_price span.old_price, .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.old_price, .uss_eshop_sameproducts.blocks .item .info .price span.old_price, .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.old_price, .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.old_price, .uss_comments .comment_item .title .date, .uss_comments .comment_item .answer .comment .title .date, .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_price span.old_price, .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_price span.old_price, .uss_catalog_list_cat .uss_catalog_category .uss_catalog_cat_name:hover, .buy_one_click_form_tml .buy_one_click_window .uss_buy_one_click_pos .uss_onepos_info .uss_shop_price_amount_wrap .uss_shop_price span.old_price { color: #9a9a9a; } .aside-news .news_block_item .info .date, .block.news .news_block_item .info .date, .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_items .eshop_filters_item label.items_label, .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item label.items_label, .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item .title, form#ommentaddform_id .uss_form_item.uss_form_checkbox label, .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_amount_left strong, .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_producer strong, .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_uid strong, .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item label.items_label, .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item .eshop_filters_line .title, .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item > .title, .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item.fc_checkbox label.sector_title, .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item.fc_checkbox_one label.sector_title, .uss_shop_form .fc_form_tml .group .fc_item.fc_checkbox label.sector_title, .uss_shop_form .fc_form_tml .group .fc_item.fc_checkbox_one label.sector_title, .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item.fc_checkbox label.sector_title, .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item.fc_checkbox_one label.sector_title { color: #939393; } .uss_privacy_policy_wrap { color: #212121; } .aside-search .uss_site_search .uss_input_name { color: #757575; } .bread, .bread a { color: #757575; } .position-tabs .position__navs, div.uss_tabs .uss_tabs_navigation span { color: #b8b8b8; } .modal .modal-wrap .group .fc_item.fc_checkbox label.sector_title, .modal .modal-wrap .group .fc_item.fc_checkbox_one label.sector_title, .header .slogan, .information .subscribe .fc_form_tml form .group.end .fc_item.fc_checkbox label.sector_title, .information .subscribe .fc_form_tml form .group.end .fc_item.fc_checkbox_one label.sector_title { color: #939393; } .section.section_text .uss_section_content form.uss_form_tml .uss_form_item input[name='email'], .section.section_text .uss_section_content form.uss_form_tml .uss_form_item.uss_form_captcha input#captcha_id { color: #333; } .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, .information .subscribe .fc_form_tml form .group.end .fc_item.fc_checkbox label.sector_title a, .information .subscribe .fc_form_tml form .group.end .fc_item.fc_checkbox_one label.sector_title a, .block.news .news_block_item .info .title a, .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_items .eshop_filters_item label.items_label .title, .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item label.items_label .title, form#ommentaddform_id .uss_form_item.uss_form_checkbox label a, .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item label.items_label .title, .section_news .uss_news .groups_list .group_item .info .title a, .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item.fc_checkbox label.sector_title a, .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item.fc_checkbox_one label.sector_title a, .uss_shop_form .fc_form_tml .group .fc_item.fc_checkbox label.sector_title a, .uss_shop_form .fc_form_tml .group .fc_item.fc_checkbox_one label.sector_title a, .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item.fc_checkbox label.sector_title a, .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item.fc_checkbox_one label.sector_title a { color: inherit; } .uss_catlog_cat_anons ul a, .uss_tree_description ul a, .uss_catlog_cat_anons ol a, .uss_tree_description ol a, a[href^="tel:"], a[href^="tel:"]:hover { color: inherit !important; } .uss_user_basket > table, .uss_user_wishlist > table { border-color: #ccc; } .aside-search .uss_site_search .uss_input_name:hover { border-color: #e9e9e9; } .uss_user_basket > table > tbody > tr td.uss_number input, .uss_user_wishlist > table > tbody > tr td.uss_number input { border-color: #e2e4e6; } input.styler:not([type='submit']), textarea.styler { border-color: #f5f5f5 !important; } .jq-select-multiple, .section.section_search .uss_search_form input.uss_input_name, .section.section_text .uss_section_content form.uss_form_tml .uss_form_item input[name='email'], .section.section_text .uss_section_content form.uss_form_tml .uss_form_item.uss_form_captcha input#captcha_id { border-color: #f5f5f5; } .jq-radio { border-color: #b6b6b6; } .jq-selectbox.focused .jq-selectbox__select .jq-selectbox__trigger .jq-selectbox__trigger-arrow { border-top-color: #222; } .jq-selectbox .jq-selectbox__select .jq-selectbox__trigger { border-left-color: #b6b6b6; } .jq-selectbox .jq-selectbox__select .jq-selectbox__trigger .jq-selectbox__trigger-arrow { border-top-color: #b6b6b6; } .section.section_text .uss_section_content form.uss_form_tml .uss_form_item input[name='email'], .section.section_text .uss_section_content form.uss_form_tml .uss_form_item.uss_form_captcha input#captcha_id { border-bottom-color: #f5f5f5; } .section.section_text .uss_section_content form.uss_form_tml .uss_form_item.uss_form_captcha input#captcha_id:focus { border-top-color: #e4e4e4; border-left-color: #e4e4e4; } .slick-vertical .slick-slide { border-color: transparent; } .aside-catalog ul.uss_eshop_menu > li > .submenu > li > .submenu > li > a:before { background: rgba(255, 255, 255, 0.5); } .aside-banner .info { background: rgba(0,0,0,0.5); } /*main colors end*/ .colorStyle1 a, .colorStyle1 .modal .modal-wrap .group .fc_item.fc_checkbox label.sector_title a:hover, .colorStyle1 .modal .modal-wrap .group .fc_item.fc_checkbox_one label.sector_title a:hover, .colorStyle1 .aside-position .uss_eshop_block_item .uss_shop_name a:hover, .colorStyle1 .aside-position-slider .uss_eshop_block_item .uss_shop_name a:hover, .colorStyle1 .aside-watched .uss_eshop_block_item .uss_shop_name a:hover, .colorStyle1 .information .subscribe .fc_form_tml form .group.end .fc_item.fc_checkbox label.sector_title a:hover, .colorStyle1 .information .subscribe .fc_form_tml form .group.end .fc_item.fc_checkbox_one label.sector_title a:hover, .colorStyle1 .position-tabs .uss_eshop_block_item .uss_shop_name a:hover, .colorStyle1 .block.news .news_block_item .info .title:hover, .colorStyle1 .block.position .uss_eshop_block_item .uss_shop_name a:hover, .colorStyle1 .block.watched .uss_eshop_block_item .uss_shop_name a:hover, .colorStyle1 .uss_shop_detail .uss_shop_full_description ul li::marker, .colorStyle1 .uss_comments .comment_item .add_answer:hover, .colorStyle1 form#ommentaddform_id .uss_form_item.uss_form_checkbox label a:hover, .colorStyle1 .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item.fc_checkbox label.sector_title a:hover, .colorStyle1 .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item.fc_checkbox_one label.sector_title a:hover, .colorStyle1 .uss_shop_form .fc_form_tml .group .fc_item.fc_checkbox label.sector_title a:hover, .colorStyle1 .uss_shop_form .fc_form_tml .group .fc_item.fc_checkbox_one label.sector_title a:hover, .colorStyle1 .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item.fc_checkbox label.sector_title a:hover, .colorStyle1 .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item.fc_checkbox_one label.sector_title a:hover, .colorStyle1 .section_news .uss_news .news_list .news_item .info .title a, .colorStyle1 .uss_shop_blocks_view .uss_eshop_item .uss_shop_name a { color: var(--accent); } .colorStyle1 .section_news .uss_news .groups_list .group_item .info .title { color: var(--accent) !important; } .colorStyle1 .fc_form_tml .start_quiz_button, .colorStyle1 .fc_form_tml.quiz .buttons_quiz_class .quiz_button_back, .colorStyle1 .fc_form_tml.quiz .buttons_quiz_class .quiz_button_next { color: var(--text-accent-color); } .colorStyle1 .modal .modal-wrap .buttons input.submit, .colorStyle1 .aside-auth table tr td.submit input[type='submit'].styler, .colorStyle1 .aside-quiz .uss_vote_block .submit input[type='submit'], .colorStyle1 .aside-form .fc_form_tml form .buttons input.styler, .colorStyle1 .aside-filter form .filter_submit input.styler, .colorStyle1 .aside-filter form .filter_submit button.styler, .colorStyle1 .information .subscribe .fc_form_tml form .buttons input[type='submit'].styler, .colorStyle1 .block.news .news_block_item .info .uss_news_more a, .colorStyle1 .block.quiz .uss_vote_block .uss_opros_graph form .submit input.styler, .colorStyle1 .block.form .fc_form_tml form .buttons input[type='submit'].styler, .colorStyle1 .block.filter .uss_eshop_filters_block form .filter_submit input[type='submit'].styler, .colorStyle1 .block.filter .uss_eshop_filters_block form .filter_submit button.styler, .colorStyle1 .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit input.styler, .colorStyle1 .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit button, .colorStyle1 div.uss_tabs .uss_tabs_navigation span:after, .colorStyle1 div.uss_tabs .uss_tabs_navigation span.selected:after, .colorStyle1 div.uss_tabs div.tab_items .fc_form .buttons input[type='submit'].styler, .colorStyle1 form#ommentaddform_id .uss_form_item.uss_form_submit input[type='submit'].styler, .colorStyle1 .uss_catalog_block_cat .uss_catalog_category .catalog_info .catalog_orderbutton, .colorStyle1 .uss_catalog_list_cat .uss_catalog_category .catalog_orderbutton, .colorStyle1 .content .catalog_order_form .fc_form .buttons input[type='submit'].styler, .colorStyle1 .module_catalog .catalog_orderbutton, .colorStyle1 .jq-checkbox.checked .jq-checkbox__div, .colorStyle1 .jq-radio.checked .jq-radio__div, .colorStyle1 .section_news .uss_news .news_list .news_item .info .uss_more a, .colorStyle1 .section_news .news_similar_wrap .similar_items .news_item .info .uss_more a, .colorStyle1 .catalog_orderform_tml .fc_form .buttons input[type='submit'].styler, .colorStyle1 .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .buttons input.submit, .colorStyle1 .buy_one_click_form_inpos .fc_form .buttons input[type='submit'].styler, .colorStyle1 .adaptive-menu .menu ul li.active > a:after, .colorStyle1 .adaptive-menu .menu ul li:hover > a:after, .colorStyle1 .section_formconstructor form.fc_form .buttons input[type='submit'], .colorStyle1 .uss_shop_form .fc_form_tml .buttons input.submit, .colorStyle1 .section.section_formconstructor .uss_section_content .fc_form_tml .buttons input.submit, .colorStyle1 .section.section_search .uss_search_form input.uss_submit, .colorStyle1 .section.section_text .uss_section_content form.uss_form_tml .uss_form_item.uss_form_submit input[name='sendemail'], .colorStyle1 .fc_form_tml .start_quiz_button, .colorStyle1 .fc_form_tml.quiz .buttons_quiz_class .quiz_button_back, .colorStyle1 .fc_form_tml.quiz .buttons_quiz_class .quiz_button_next { background: var(--accent); } .colorStyle1 .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li.active > a, .colorStyle1 .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li:hover > a, .colorStyle1 .aside-catalog ul.uss_eshop_menu > li.active > a, .colorStyle1 .aside-catalog ul.uss_eshop_menu > li:hover > a, .colorStyle1 .aside-catalog ul.catalog_menu > li.active > div > a, .colorStyle1 .aside-catalog ul.catalog_menu > li:hover > div > a, .colorStyle1 .position-tabs .slick-dots li.slick-active button, .colorStyle1 .uss_shop_blocks_view .uss_eshop_item .jq-radio .jq-radio__div, .colorStyle1 .uss_shop_detail .uss_shop_technical_data .jq-radio .jq-radio__div, .colorStyle1 .uss_adv_img_list_item.uss_ail_point.active span, .colorStyle1 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .colorStyle1 .block.photoalbum_slider .slick-arrow, .colorStyle1 .jq-selectbox li.selected, .colorStyle1 .jq-selectbox__dropdown li.selected, .colorStyle1 .jq-selectbox li:hover, .colorStyle1 .jq-selectbox__dropdown li:hover { background-color: var(--accent); } .colorStyle1 .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit input.styler:hover, .colorStyle1 .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit button:hover, .colorStyle1 div.uss_tabs div.tab_items .fc_form .buttons input[type='submit'].styler:hover, .colorStyle1 form#ommentaddform_id .uss_form_item.uss_form_submit input[type='submit'].styler:hover, .colorStyle1 .uss_catalog_block_cat .uss_catalog_category .catalog_info .catalog_orderbutton:hover, .colorStyle1 .uss_catalog_list_cat .uss_catalog_category .catalog_orderbutton:hover, .colorStyle1 .content .catalog_order_form .fc_form .buttons input[type='submit'].styler:hover, .colorStyle1 .module_catalog .catalog_orderbutton:hover, .colorStyle1 .section_news .uss_news .news_list .news_item .info .uss_more a:hover, .colorStyle1 .section_news .news_similar_wrap .similar_items .news_item .info .uss_more a:hover, .colorStyle1 .catalog_orderform_tml .fc_form .buttons input[type='submit'].styler:hover, .colorStyle1 .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .buttons input.submit:hover, .colorStyle1 .buy_one_click_form_inpos .fc_form .buttons input[type='submit'].styler:hover, .colorStyle1 .uss_shop_form .fc_form_tml .buttons input.submit:hover, .colorStyle1 .section.section_formconstructor .uss_section_content .fc_form_tml .buttons input.submit:hover, .colorStyle1 .section.section_text .uss_section_content form.uss_form_tml .uss_form_item.uss_form_submit input[name='sendemail']:hover, .colorStyle1 .block.photoalbum_slider .slick-arrow:hover { background-color: var(--accent2); } .colorStyle1 .header .basket:hover .uss_basket_mini .basket_widget_inner.empty #uss_block_basket_amount, .colorStyle1 .header .basket:hover .uss_basket_mini #uss_block_basket_amount, .colorStyle1 .aside-catalog ul.catalog_menu > li > .submenu > li > div > a, .colorStyle1 .aside-auth table tr td.submit input[type='submit'].styler:hover, .colorStyle1 .aside-quiz .uss_vote_block .submit input[type='submit']:hover, .colorStyle1 .aside-form .fc_form_tml form .buttons input.styler:hover, .colorStyle1 .aside-filter form .filter_submit input.styler:hover, .colorStyle1 .aside-filter form .filter_submit button.styler:hover, .colorStyle1 .block.quiz .uss_vote_block .uss_opros_graph form .submit input.styler:hover, .colorStyle1 .block.form .fc_form_tml form .buttons input[type='submit'].styler:hover, .colorStyle1 .block.filter .uss_eshop_filters_block form .filter_submit input[type='submit'].styler:hover, .colorStyle1 .block.filter .uss_eshop_filters_block form .filter_submit button.styler:hover, .colorStyle1 .uss_pagenator .uss_page_num .uss_page.uss_page_selected a, .colorStyle1 .uss_pagenator .uss_page_num .uss_page:hover a, .colorStyle1 .uss_adv_img_list_item.uss_ail_point span, .colorStyle1 .block.news .news_block_item .info .title:after, .colorStyle1 .information .subscribe .fc_form_tml form .buttons input[type='submit'].styler:hover, .colorStyle1 .fc_form_tml .start_quiz_button:hover, .colorStyle1 .fc_form_tml.quiz .buttons_quiz_class .quiz_button_back:hover, .colorStyle1 .fc_form_tml.quiz .buttons_quiz_class .quiz_button_next:hover { background: var(--accent2); } .colorStyle1 .aside-catalog ul.uss_eshop_menu > li > .submenu > li > a.active, .colorStyle1 .aside-catalog ul.uss_eshop_menu > li > .submenu > li > a:hover, .colorStyle1 .aside-catalog ul.uss_eshop_menu > li > .submenu > li > .submenu, .colorStyle1 .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > .submenu > li > a.active, .colorStyle1 .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > .submenu > li > a:hover, .colorStyle1 .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > .submenu > li > .submenu, .colorStyle1 .aside-catalog ul.catalog_menu > li > .submenu > li > div > a.active, .colorStyle1 .aside-catalog ul.catalog_menu > li > .submenu > li > div > a:hover, .colorStyle1 .aside-catalog ul.catalog_menu > li > .submenu > li > .submenu { background: #101d2e; } .colorStyle1 .modal .modal-wrap .group .fc_item.fc_radio label:hover .jq-radio, .colorStyle1 .uss_shop_detail .uss_img_wrapper .uss_img_ico_box .uss_img_ico:hover, .colorStyle1 #uss_basket_ask_where_to_go_block, .colorStyle1 .jq-checkbox.checked, .colorStyle1 .jq-radio.checked, .colorStyle1 .jq-selectbox.focused .jq-selectbox__select, .colorStyle1 .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item.fc_radio label:hover .jq-radio, .colorStyle1 .uss_shop_form .fc_form_tml .group .fc_item.fc_radio label:hover .jq-radio, .colorStyle1 .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item.fc_radio label:hover .jq-radio { border-color: var(--accent); } .colorStyle1 .modal .modal-wrap .buttons input.submit:hover, .colorStyle1 .header .burger:hover span, .colorStyle1 .aside-catalog ul.uss_eshop_menu > li > .submenu > li > a, .colorStyle1 .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > .submenu > li > a, .colorStyle1 .block.news .news_block_item .info .uss_news_more a:hover, .colorStyle1 .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > .submenu > li > a{ background-color: var(--accent2); } .colorStyle1 .position-tabs .position__navs .position__nav.active, .colorStyle1 .position-tabs .position__navs .position__nav:hover, .colorStyle1 .uss_pagenator .uss_page_num .uss_page.uss_page_selected a, .colorStyle1 .uss_pagenator .uss_page_num .uss_page:hover a, .colorStyle1 .information .inner { border-color: var(--accent2); } .colorStyle1 .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > .submenu > li > a { border-bottom-color: rgba(255, 255, 255, 0.2); } .colorStyle1 .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > a:before, .colorStyle1 .aside-catalog ul.uss_eshop_menu > li > a:before, .colorStyle1 .aside-catalog ul.catalog_menu > li > div > a:before { filter: var(--toAccent); } .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > a, .aside-catalog ul.uss_eshop_menu > li > a, .aside-catalog ul.catalog_menu > li > div > a { position: relative; } .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > a:before, .aside-catalog ul.uss_eshop_menu > li > a:before, .aside-catalog ul.catalog_menu > li > div > a:before { content: ''; background: url(../img/arrow-right-black.svg) center center no-repeat; position: absolute; left: 20px; top: 25px; width: 5px; height: 8px; display: inline-block; } .aside-catalog ul.uss_eshop_menu > li.active > a:before, .aside-catalog ul.uss_eshop_menu > li:hover > a:before, .aside-catalog ul.catalog_menu > li > div > a.active:before, .aside-catalog ul.catalog_menu > li > div > a:hover:before, .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > a.active:before, .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > a:hover:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); filter: invert(99%) sepia(1%) saturate(770%) hue-rotate(116deg) brightness(117%) contrast(100%); } /**/ .aside-banner .banner-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10 !important; } .uss-flex-items { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; width: 100% !important; } .jq-selectbox { z-index: 10 !important; } .uss_photoalbums_foto_box { margin: 0; } .buy_one_click_window_wrap form .group .fc_item .elem_item { max-width: 100%; } .catalog_orderform_tml .catalog_orderform_window_wrap { box-sizing: content-box; border-radius: var(--br-1); } .catalog_orderform_tml .catalog_orderform_window_wrap form .group .fc_item .elem_item { max-width: 100%; } .catalog_orderform_tml .catalog_orderform_window_wrap form .group .fc_item.fc_checkbox .elem_item { width: auto !important; } .uss_widget_outer_content { 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; -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .uss_widget_outer_content { -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; } a[href^="tel:"], a[href^="tel:"]:hover { white-space: nowrap !important; text-decoration: none !important; } .price_zero_class { white-space: normal !important; font-size: 12px !important; line-height: 1 !important; } .uss_user_basket, .uss_user_wishlist, .uss_user_basket *, .uss_user_wishlist * { -webkit-box-sizing: border-box; box-sizing: border-box; } .uss_user_basket table tr td.uss_name, .uss_user_wishlist table tr td.uss_name { line-height: 1.2; } .uss_user_basket table tr td.uss_name .uss_title, .uss_user_wishlist table tr td.uss_name .uss_title { height: auto; line-height: 1.35; } .uss_user_basket table tr td.uss_name .uss_description, .uss_user_wishlist table tr td.uss_name .uss_description { line-height: 1.35; height: auto; } .uss_user_basket table tr td.uss_number input, .uss_user_wishlist table tr td.uss_number input { min-width: 30px; height: 30px; border-width: 1px; border-style: solid; text-align: center; } .uss_user_basket table tr td.uss_delete_pos, .uss_user_wishlist table tr td.uss_delete_pos { position: relative; padding-right: 20px; } .uss_user_basket table tr td.uss_delete_pos .del_wish, .uss_user_wishlist table tr td.uss_delete_pos .del_wish, .uss_user_basket table tr td.uss_delete_pos .del_basket_item, .uss_user_wishlist table tr td.uss_delete_pos .del_basket_item { position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 768px) { .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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 5px; } .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(.total_sum), .uss_user_wishlist > table > tbody > tr:not(.total_sum) { 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: 14px; } .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), .uss_user_wishlist > 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 > 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; } .section_basket2 .fc_form_tml .group .fc_item.block { width: 100% !important; } } .uss-copyright.kzsite .uss-copyright_text { overflow: hidden; } .uss-copyright.kzsite .uss-copyright_text span, .uss-copyright.kzsite .uss-copyright_text strong { margin-left: 0; } .uss_catlog_cat_anons ul, .uss_tree_description ul { list-style-type: disc; } .uss_catlog_cat_anons ul, .uss_tree_description ul, .uss_catlog_cat_anons ol, .uss_tree_description ol { padding: 0 0 0 19px; margin: 5px 0 5px 0; text-align: left; } .uss_catlog_cat_anons ul a, .uss_tree_description ul a, .uss_catlog_cat_anons ol a, .uss_tree_description ol a { font-size: inherit !important; } .section_photoalbums .uss_photoalbums_foto_box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .section_photoalbums .uss_photoalbums_foto_box .uss_img_item { max-width: 100%; display: block; margin-left: 0; margin-right: 0; overflow: hidden; } .section_photoalbums .uss_photoalbums_foto_box .uss_img_item .uss_img_pre { max-width: 100%; height: auto !important; display: block; } .section_photoalbums .uss_photoalbums_foto_box .uss_img_item .uss_img_pre img { max-width: 100%; height: auto; display: block; } .section_photoalbums .uss_photoalbums_foto_mosaic .uss_img_item { max-width: 100%; } .section_photoalbums .uss_photoalbums_foto_mosaic .uss_img_item img { display: block; max-width: 100%; } .section_photoalbums .uss_photoalbums_foto_list .uss_img_item .uss_img_pre { max-width: 100%; display: block; height: auto !important; } .section_photoalbums .uss_photoalbums_foto_list .uss_img_item .uss_img_pre img { max-width: 100%; } @media (max-width: 768px) { .fc_form_tml .group .fc_item.block { width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; } } @media (max-width: 540px) { .uss_basket_menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .uss_basket_menu > * { margin: 7px 0 !important; padding: 0 !important; } .uss_basket_menu > * + * { margin-top: 0 !important; } } @media (max-width: 600px) { .uss_shop_detail_350_right .uss_img_wrapper { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 10px; row-gap: 10px; } .uss_shop_detail_350_right .uss_img_wrapper .uss_img_big { float: none; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin-right: 0; margin-left: 0; margin-bottom: 0 !important; } .uss_shop_detail_350_right .uss_img_wrapper .uss_img_big .uss_img_big_image { position: relative; } .uss_shop_detail_350_right .uss_img_wrapper .uss_img_ico_box.column { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0 !important; } .uss_shop_detail_350_right .uss_img_wrapper .uss_img_ico_box.column > .uss_img_ico { margin-right: 0 !important; } } .imageArea, .imageWrapOuter, .uss_img_holder_outer { max-width: 100%; } .imageArea div, .imageWrapOuter div, .uss_img_holder_outer div, .imageArea a, .imageWrapOuter a, .uss_img_holder_outer a, .imageArea img, .imageWrapOuter img, .uss_img_holder_outer img { max-width: 100%; } .uss_eshop_block_item { max-width: 100%; } .uss_eshop_block_item div, .uss_eshop_block_item a, .uss_eshop_block_item img { max-width: 100%; } .uss_tabs table[class*='uss_table'] { border-collapse: collapse; } @media (max-width: 650px) { .imageArea, .imageWrapOuter, .uss_img_holder_outer { height: auto !important; } .imageArea div, .imageWrapOuter div { height: auto !important; } } .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-width: 1px; border-style: solid; } .slick-arrow.slick-hidden { display: none; } @font-face { font-family: 'Google Sans'; src: url('/fonts/GoogleSans-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Google Sans'; src: url('/fonts/GoogleSans-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Google Sans'; src: url('/fonts/GoogleSans-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Google Sans'; src: url('/fonts/GoogleSans-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Google Sans'; src: url('/fonts/GoogleSans-Regular-Italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Google Sans'; src: url('/fonts/GoogleSans-Medium-Italic.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Google Sans'; src: url('/fonts/GoogleSans-SemiBold-Italic.woff2') format('woff2'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Google Sans'; src: url('/fonts/GoogleSans-Bold-Italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; } * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; } body, html { margin: 0; padding: 0; min-width: 420px; } html { height: 100%; min-height: auto; margin: 0; padding: 0; } body { font-family: var(--main-font); margin: 0; padding: 0; min-height: auto; height: 100%; min-width: 420px; } body.noscroll { overflow: hidden; } #wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; min-width: 420px; } .container { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; } .uss-flex-items { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .uss_widget_outer_content { -ms-flex: 0 100%; -webkit-box-flex: 0; flex: 0 100%; display: -ms-flexbox; display: -webkit-box; display: flex; width: 100%; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .uss_widget_outer_content { max-width: 100%; } .uss_img_holder_outer, .imageWrapOuter { max-width: 100%; margin: 0 auto !important; } input[type='submit'], input[type='submit'].styler { appearance: none; max-width: 100%; border-radius: var(--br-1); } input.styler:not([type='submit']) { border-radius: var(--br-1); box-shadow: none; text-shadow: none; padding-left: 15px; } input[type='text'], textarea { appearance: none; border-radius: var(--br-1); } textarea.styler { border-radius: var(--br-1); box-shadow: none; text-shadow: none; max-width: 100%; resize: none; } h2 { font-size: 23px; font-weight: 600; } h3 { font-style: 20px; font-weight: 600; } h4 { font-style: 18px; font-weight: 600; } .jq-select-multiple { border-radius: var(--br-1); border-width: 1px; border-style: solid; -webkit-box-shadow: none; box-shadow: none; } #wrap { overflow: hidden; line-height: 1.49; font-size: 16px; min-width: 420px; } a { text-decoration: none; } a:hover { text-decoration: underline; } .inner { max-width: 1290px; padding-left: 10px; padding-right: 10px; display: block; margin: 0 auto; min-width: 420px; } .modal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; display: none; font-size: 15px; line-height: 1.2; } .modal .modal-wrap { max-height: 100vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; padding: 25px 15px; width: 420px; max-width: calc(100vw - 50px); display: flex; flex-direction: column; border-radius: var(--br-1); } .modal .modal-wrap .h3 { font-size: 25px; text-align: center; display: block; font-weight: normal; margin-bottom: 20px; } .modal .modal-wrap .group .fc_item { margin-bottom: 10px; } .modal .modal-wrap .group .fc_item:not(.block) { max-width: 420px; width: 100%; } .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 { width: 100%; } .modal .modal-wrap .group .fc_item .elem_item input { width: 100%; height: 40px; } .modal .modal-wrap .group .fc_item .elem_item textarea { width: 100%; height: 93px; } .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_checkbox, .modal .modal-wrap .group .fc_item.fc_checkbox_one { font-size: 14px; width: 100%; display: flex; } .modal .modal-wrap .group .fc_item.fc_checkbox .elem_item, .modal .modal-wrap .group .fc_item.fc_checkbox_one .elem_item { width: auto !important; display: inline; flex: 0 0 auto; vertical-align: middle; } .modal .modal-wrap .group .fc_item.fc_checkbox label.sector_title, .modal .modal-wrap .group .fc_item.fc_checkbox_one label.sector_title { display: inline; font-size: 14px; font-weight: normal; margin-bottom: 5px; position: relative; top: 1px; } .modal .modal-wrap .buttons input.submit { display: inline-block; padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; margin-top: 15px; margin-bottom: 0px; } .modal .modal-wrap .fc_form_tml { margin-bottom: 0; max-height: 100%; overflow: auto; } .modal .modal-wrap .fc_form_tml {scrollbar-width: thin; scrollbar-color: #cccccc #eeeeee;} /*строчка для мозиллы и ширина только такая*/ .modal .modal-wrap .fc_form_tml::-webkit-scrollbar {width: 4px; height:4px} .modal .modal-wrap .fc_form_tml::-webkit-scrollbar-track {background: #eeeeee;} .modal .modal-wrap .fc_form_tml::-webkit-scrollbar-track-piece {background: #eeeeee;} .modal .modal-wrap .fc_form_tml::-webkit-scrollbar-thumb {background-color: #cccccc; border-radius: 4px;} .modal .modal-wrap .fc_form_tml .group .fc_item { width: 100%; } .modal .modal-wrap .fc_form_tml .group .fc_item:not(.fc_checkbox) .elem_item { width: 100%; } .modal .modal-wrap .fc_form_tml .group .fc_item textarea { resize: none; } .modal .modal-wrap .fc_form_tml .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .container { zoom: 1; } .container .inner { padding-top: 37px; padding-bottom: 37px; } .container .aside { width: 260px; } .container .aside.aside-left { float: left; margin-right: 40px; } .container .aside.aside-right { float: right; margin-left: 40px; } .container .aside > ul { margin: 0; padding: 0; list-style-type: none; } .container .aside > ul > li { margin: 0; padding: 0; list-style-type: none; } .container .content { overflow: hidden; } .aside-block { margin-bottom: 40px; line-height: 1.29; } .aside-block .buttons .btn { display: block; text-decoration: none; padding: 15px 19px 16px; } .aside-block:not(.aside-catalog) .h3 { display: block; border-bottom: 1px solid #f2f2f2; font-size: 24px; padding: 19px 5px 25px 19px; } .aside-catalog .h3 { display: none; } .aside-catalog > ul { margin: 0; padding: 0; list-style-type: none; } .aside-catalog > ul > li { margin: 0; padding: 0; list-style-type: none; } .aside-catalog ul { margin: 0; padding: 0; list-style-type: none; } .aside-catalog ul li { margin: 0; padding: 0; list-style-type: none; } .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > a { display: block; width: 100%; text-decoration: none; font-size: 16px; padding: 19px 10px 21px 46px; border-bottom: 1px solid #f4f4f4; } .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > .submenu > li > a { display: block; padding: 19px 10px 21px 46px; } .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > .submenu > li > a.active { padding: 19px 10px 19px 44px; } .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > .submenu > li > a.active:hover > a { text-decoration: underline; } .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > .submenu > li > .submenu { padding: 0 0; margin: 0 0 0 0; list-style-type: none; } .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > .submenu > li > .submenu > li { list-style-type: none; } .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > .submenu > li > .submenu > li > a { padding: 5px 10px 5px 74px; display: block; background: none; border: none; text-decoration: underline; position: relative; } .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li > .submenu > li > .submenu > li > a:hover { text-decoration: none; } .aside-catalog ul.uss_eshop_menu > li.active > a, .aside-catalog ul.catalog_menu > li.active > div > a, .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li.active > a { border-bottom: none; } .aside-catalog ul.uss_eshop_menu > li.active + li > a, .aside-catalog ul.catalog_menu > li.active + li > div > a, .aside-catalog > ul:not(.uss_eshop_menu):not(.catalog_menu) > li.active + li > a { border-top: 1px solid #f4f4f4; } .aside-catalog ul.uss_eshop_menu a { text-decoration: none; } .aside-catalog ul.uss_eshop_menu > li > a { display: block; width: 100%; font-size: 16px; padding: 19px 10px 19px 44px; border-bottom: 1px solid #f4f4f4; } .aside-catalog ul.uss_eshop_menu > li > .submenu > li > a { display: block; padding: 18px 10px 20px 44px; } .aside-catalog ul.uss_eshop_menu > li > .submenu > li > a.active { padding: 18px 10px 19px 44px; } .aside-catalog ul.uss_eshop_menu > li > .submenu > li > a.active:hover { text-decoration: underline; } .aside-catalog ul.uss_eshop_menu > li > .submenu > li > .submenu { padding: 8px 0; margin: -8px 0 0 0; } .aside-catalog ul.uss_eshop_menu > li > .submenu > li > .submenu > li > a { padding: 0 0 0 12px; display: inline-block; border: none; position: relative; margin: 3px 0 6px 61px; text-decoration: none !important; background: none !important; } .aside-catalog ul.uss_eshop_menu > li > .submenu > li > .submenu > li > a:before { content: ''; position: absolute; bottom: 1px; left: 13px; right: 0; display: block; height: 1px; } .aside-catalog ul.uss_eshop_menu > li > .submenu > li > .submenu > li > a:after { content: ''; width: 3px; height: 3px; display: block; position: absolute; left: 0; top: 9px; background: url(../img/dot.png) center no-repeat; } .aside-catalog ul.uss_eshop_menu > li > .submenu > li > .submenu > li > a:hover:before { content: none; } .aside-catalog ul.uss_eshop_menu > li > .submenu > li:not(.active) + li:not(.active) > a { border-top: 1px solid rgba(255, 255, 255, 0.2); } .aside-catalog ul.uss_eshop_menu > li > .submenu > li > .submenu > li > a + ul.submenu { margin: 3px 0 6px 73px; } .aside-catalog ul.catalog_menu > li > div > a { display: block; width: 100%; text-decoration: none; font-size: 16px; padding: 19px 10px 19px 44px; border-bottom: 1px solid #f4f4f4; } .aside-catalog ul.uss_eshop_menu > li.last > a, .aside-catalog ul.catalog_menu > li.last > div > a { border: 0; } .aside-catalog ul.catalog_menu > li.active > div > a { font-weight: normal; } .aside-catalog ul.catalog_menu > li > .submenu > li > div > a { display: block; padding: 18px 10px 20px 44px; } .aside-catalog ul.catalog_menu > li > .submenu > li > div > a.active, .aside-catalog ul.catalog_menu > li > .submenu > li > div > a:hover { font-weight: normal; } .aside-catalog ul.catalog_menu > li > .submenu > li > div > a.active { padding: 18px 10px 19px 44px; } .aside-catalog ul.catalog_menu > li > .submenu > li > div > a.active:hover > div > a { text-decoration: underline; } .aside-catalog ul.catalog_menu > li > .submenu > li:not(.active) + li:not(.active) > div > a { border-top: 1px solid rgba(255, 255, 255, 0.2); } .aside-catalog ul.catalog_menu > li > .submenu > li:hover > div > a { text-decoration: none; } .aside-catalog ul.catalog_menu > li > .submenu > li > .submenu { padding: 0 0 15px 0; margin: -8px 0 0 0; } .aside-catalog ul.catalog_menu > li > .submenu > li > .submenu > li > div > a { padding: 0 0 0 12px; display: inline-block; border: none; position: relative; margin: 3px 0 6px 61px; text-decoration: none !important; background: none !important; } .aside-catalog ul.catalog_menu > li > .submenu > li > .submenu > li > div > a:before { content: ''; position: absolute; bottom: 1px; left: 13px; right: 0; display: block; height: 1px; background: rgba(255, 255, 255, 0.5); } .aside-catalog ul.catalog_menu > li > .submenu > li > .submenu > li > div > a:after { content: ''; width: 3px; height: 3px; display: block; position: absolute; left: 0; top: 9px; background: url(../img/dot.png) center no-repeat; } .aside-catalog ul.catalog_menu > li > .submenu > li > .submenu > li > div > a:hover:before { content: none; } .aside-catalog.aside-menu ul li { position: relative; } .aside-catalog.aside-menu ul li .submenu { display: none; } .aside-catalog.aside-menu ul li:hover > .submenu { width: 100%; display: block; left: 100%; top: 0; position: absolute; z-index: 10; } .aside-news .news_block_item { font-size: 16px; padding-top: 17px; padding-bottom: 17px; padding-left: 20px; padding-right: 20px; margin-bottom: 0; border-bottom: 1px solid #f2f2f2; } .aside-news .news_block_item .image { max-width: 100%; margin: 0 0 10px 0; float: none; } .aside-news .news_block_item .image a img { max-width: 100%; display: block; margin: 0 auto; } .aside-news .news_block_item .info .date { margin: 0 0 11px 0; } .aside-news .news_block_item .info .title { margin-bottom: 10px; } .aside-news .news_block_item .info .title a { text-decoration: underline; } .aside-news .news_block_item .info .title a:hover { text-decoration: none; } .aside-news .news_block_item .info .preview { margin-bottom: 10px; } .aside-banner { padding: 0; position: relative; } .aside-banner p { margin: 0; } .aside-banner img { display: block; max-width: 100%; height: auto !important; } .aside-banner .title { font-size: 26px; line-height: 1; overflow: hidden; } .aside-banner .image { min-height: 310px; } .aside-banner .info { z-index: 1; padding: 15px 18px; position: absolute; bottom: 25px; max-width: calc(100% - 25px); min-height: 0 !important; } .aside-banner .banner-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .aside-faq .uss_faq_item { -webkit-box-shadow: none; box-shadow: none; border: none; background: none; padding: 10px; margin: 0; } .aside-faq .uss_faq_item + .uss_faq_item { border-top: 1px solid #f2f2f2; } .aside-faq .uss_faq_item .uss_faq_question { margin: 0 0 10px 0; font-weight: 600; } .aside-faq .uss_faq_item .uss_faq_question .uss_faq_question_text p { margin: 0; } .aside-faq .uss_faq_item .uss_faq_reply .uss_faq_reply_text p { margin: 0; } .aside-search { padding: 10px; -webkit-box-flex: 1; -ms-flex: 1 0 220px; flex: 1 0 220px; min-width: 220px; } .aside-search .uss_site_search { position: relative; width: 100%; } .aside-search .uss_site_search .uss_input_name { -webkit-box-shadow: none; box-shadow: none; border: none; height: 40px; width: 100%; padding: 0 0 0 15px; font-size: 16px; letter-spacing: -0.05px; border: 1px solid #f5f5f5; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: var(--br-1); } .aside-search .uss_site_search .uss_submit { position: absolute; width: 48px; height: 40px; right: 0; top: 0; display: block; background: url(../img/search-icon.png) center no-repeat; border: none; cursor: pointer; -webkit-transition: -webkit-filter 0.1s ease-in-out; transition: -webkit-filter 0.1s ease-in-out; transition: filter 0.1s ease-in-out; transition: filter 0.1s ease-in-out, -webkit-filter 0.1s ease-in-out; } .aside-search .uss_site_search .uss_submit:hover { -webkit-filter: brightness(0); filter: brightness(0); } .aside-auth { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .aside-auth table { -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; width: 100%; max-width: 100%; display: block; } .aside-auth table tbody { display: block; } .aside-auth table tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 7px; } .aside-auth table tr td:not(.submit):first-child { width: 60px; max-width: 60px; min-width: 60px; -webkit-box-flex: 0; -ms-flex: 0 60px; flex: 0 60px; } .aside-auth table tr td:not(.submit):last-child { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; } .aside-auth table tr td:not(.submit) input.styler:not([type='submit']) { width: 100% !important; display: inline-block; } .aside-auth table tr td.submit { width: 100%; text-align: center; } .aside-auth table tr td.submit input[type='submit'].styler { display: inline-block; padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; } .aside-auth > span { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; } .aside-auth > span a { display: inline-block; width: 100%; text-align: center; } .aside-basket > a { padding: 0 19px 19px 19px; display: block; font-size: 16px; font-weight: 600; } .aside-basket .uss_basket_mini { padding: 19px; font-size: 16px; } .aside-basket .uss_basket_mini .countword { font-weight: 600; } .aside-basket .uss_basket_mini .priceword { font-weight: 600; } .aside-quiz .uss_vote_block { padding: 19px; font-size: 16px; } .aside-quiz .uss_vote_block h5 { font-weight: 600; font-size: 16px; } .aside-quiz .uss_vote_block .submit { margin-top: 10px; } .aside-quiz .uss_vote_block .submit input[type='submit'] { display: inline-block; padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; } .aside-position .uss_eshop_block_item { width: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; } .aside-position .uss_eshop_block_item .img { max-width: 100%; display: block; margin-bottom: 39px; } .aside-position .uss_eshop_block_item .img a img { display: block; max-width: 100%; margin: 0 auto; } .aside-position .uss_eshop_block_item .uss_shop_name { line-height: 1.5; margin: 0 0 25px 0; } .aside-position .uss_eshop_block_item .uss_shop_name a { font-size: 16px; text-decoration: none; } .aside-position .uss_eshop_block_item .uss_shop_price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; margin-top: auto; } .aside-position .uss_eshop_block_item .uss_shop_price span { padding: 0 !important; margin: 0 !important; background: none !important; } .aside-position .uss_eshop_block_item .uss_shop_price span.old_price i { display: inline-block; margin-right: 4px; font-size: 16px; } .aside-position .uss_eshop_block_item .uss_shop_price span.actual_price { font-size: 18px; font-weight: 600; margin: 0 0 7px 0 !important; display: block; } .aside-position .uss_eshop_block_item .uss_shop_price span em.price_zero_class { font-size: 12px; white-space: normal; line-height: 1; display: block; } .aside-position .uss_eshop_block_item .uss_shop_description { margin-top: 25px; } .aside-position-slider .uss_eshop_block_item { width: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; } .aside-position-slider .uss_eshop_block_item .img { max-width: 100%; display: block; margin-bottom: 39px; } .aside-position-slider .uss_eshop_block_item .img a img { display: block; max-width: 100%; margin: 0 auto; } .aside-position-slider .uss_eshop_block_item .uss_shop_name { line-height: 1.5; margin: 0 0 25px 0; } .aside-position-slider .uss_eshop_block_item .uss_shop_name a { font-size: 16px; text-decoration: none; } .aside-position-slider .uss_eshop_block_item .uss_shop_price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; margin-top: auto; } .aside-position-slider .uss_eshop_block_item .uss_shop_price span { padding: 0 !important; margin: 0 !important; background: none !important; } .aside-position-slider .uss_eshop_block_item .uss_shop_price span.old_price i { display: inline-block; margin-right: 4px; font-size: 16px; } .aside-position-slider .uss_eshop_block_item .uss_shop_price span.actual_price { font-size: 18px; font-weight: 600; margin: 0 0 7px 0 !important; display: block; } .aside-position-slider .uss_eshop_block_item .uss_shop_price span em.price_zero_class { font-size: 12px; white-space: normal; line-height: 1; display: block; } .aside-position-slider .uss_eshop_block_item .uss_shop_description { margin-top: 25px; } .aside-guestbook .uss_guestbook_title { margin: 0; font-weight: normal; width: 100%; } .aside-guestbook .uss_guestbook_item { width: 100%; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; border: none; padding: 19px; background: none; } .aside-guestbook .uss_guestbook_item + .uss_guestbook_item { border-top: 1px solid #f2f2f2; } .aside-guestbook .uss_guestbook_item .uss_guestbook_question { margin: 0; width: 100%; } .aside-guestbook .uss_guestbook_item .uss_guestbook_question .uss_guestbook_question_info { display: none; } .aside-guestbook .uss_guestbook_item .uss_guestbook_question .uss_guestbook_question_text { font-size: 16px; font-weight: 600; } .aside-guestbook .uss_guestbook_item .uss_guestbook_reply { margin: 0; border: none; } .aside-guestbook .uss_guestbook_item .uss_guestbook_reply .uss_guestbook_reply_title { margin: 0; display: none; } .aside-guestbook .uss_guestbook_item .uss_guestbook_reply .uss_guestbook_reply_title strong { font-weight: normal; } .aside-guestbook .uss_guestbook_item .uss_guestbook_reply .uss_guestbook_reply_text { font-size: 16px; } .aside-form .fc_form_tml form { padding: 19px; } .aside-form .fc_form_tml form .group { width: 100%; } .aside-form .fc_form_tml form .group label { display: block; margin-bottom: 5px; font-weight: 600; } .aside-form .fc_form_tml form .group.end label { font-weight: 400; } .aside-form .fc_form_tml form .group .fc_item:not(.fc_checkbox):not(.fc_captcha) { width: 100%; } .aside-form .fc_form_tml form .group .fc_item:not(.fc_checkbox):not(.fc_captcha) .elem_item { width: 100%; } .aside-form .fc_form_tml form .group .fc_item:not(.fc_checkbox):not(.fc_captcha) .elem_item input.styler { width: 100%; } .aside-form .fc_form_tml form .group .fc_item:not(.fc_checkbox):not(.fc_captcha) .elem_item .jq-select-multiple { width: 100%; } .aside-form .fc_form_tml form .group .fc_item:not(.fc_checkbox):not(.fc_captcha) .elem_item .fc_upload_wrapper { width: 100%; } .aside-form .fc_form_tml form .group .fc_item:not(.fc_checkbox):not(.fc_captcha) .elem_item .jq-file { width: 100%; } .aside-form .fc_form_tml form .group .fc_item.fc_checkbox { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .aside-form .fc_form_tml form .group .fc_item.fc_captcha .elem_item input.styler { width: 110px; height: 38px; } .aside-form .fc_form_tml form .buttons input.styler { width: 100%; display: inline-block; padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; } .aside-form .fc_form_tml .fc_checkbox_one .force_position_right { position: relative; top: 1px; } .aside-filter { padding-bottom: 9px; background: #fff; } .aside-filter .uss_eshop_filters_block:not(.simple_filters) .filter_submit { min-width: 100%; margin: 5px 0 0 0; display: flex; justify-content: space-between; gap: 15px; padding-bottom: 0; } .aside-filter .uss_eshop_filters_block:not(.simple_filters) input.styler[type="submit"], .aside-filter .uss_eshop_filters_block:not(.simple_filters) button.styler { flex: 1 auto; min-width: calc((100% - (1) * 15px) / 2); padding-left: 10px !important; padding-right: 10px !important; } .aside-filter .jq-selectbox { width: 100%; margin: 0; } .aside-filter .jq-selectbox .jq-selectbox__select { width: 100%; } .aside-filter form { display: block; } .aside-filter form .eshop_filters_group_title { display: block; border-bottom: 1px solid #f2f2f2; font-size: 24px; padding: 19px 5px 25px 19px; font-weight: normal; margin: 0; } .aside-filter form .group { display: block; width: 100%; } .aside-filter form .group .eshop_filters_items { padding: 19px 19px 0 19px; } .aside-filter form .group .eshop_filters_items .eshop_filters { margin: 0 0 10px 0; } .aside-filter form .group .eshop_filters_items .eshop_filters:first-child label { padding: 0; } .aside-filter form .group .eshop_filters_items .eshop_filters:last-child { margin-bottom: 0; } .aside-filter form .group .eshop_filters_items .eshop_filters label { display: block; width: 100%; font-weight: 600; margin-bottom: 5px; padding: 0; float: none; } .aside-filter form > .filter_item, .aside-filter form .filter_submit { padding: 0 19px 10px; display: block; width: 100%; margin: 0; } .aside-filter form > .filter_item label, .aside-filter form .filter_submit label { display: block; width: 100%; font-weight: 600; margin-bottom: 5px; padding: 0; float: none; } .aside-filter form > .filter_item.filter_price { padding-top: 15px; } .aside-filter form .filter_submit input.styler, .aside-filter form .filter_submit button.styler { display: inline-block; padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; padding: 13px 25px !important; } .aside-photoalbum .uss_images_block { padding: 19px; } .aside-photoalbum .uss_images_block .uss_one_image { max-width: 100%; } .aside-photoalbum .uss_images_block .uss_one_image img { max-width: 100%; display: block; margin: 0 auto; } .aside-photoalbum ul.photoalbum_menu { margin: 0; padding: 19px; } .aside-photoalbum ul.photoalbum_menu li > div.photoalbum_menu_item > a { font-size: 16px; text-align: center; display: block; margin-top: 5px; margin-bottom: 5px; } .aside-photoalbum ul.photoalbum_menu li .photoalbum_image { float: none; } .aside-photoalbum ul.photoalbum_menu li img { max-width: 100%; display: block; margin: 0 auto; } .aside-photoalbum ul.photoalbum_menu li + li { margin-top: 10px; } .aside-watched .uss_eshop_block_item { width: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; } .aside-watched .uss_eshop_block_item .img { max-width: 100%; display: block; margin-bottom: 39px; } .aside-watched .uss_eshop_block_item .img a img { display: block; max-width: 100%; margin: 0 auto; } .aside-watched .uss_eshop_block_item .uss_shop_name { line-height: 1.5; margin: 0 0 25px 0; } .aside-watched .uss_eshop_block_item .uss_shop_name a { font-size: 16px; text-decoration: none; } .aside-watched .uss_eshop_block_item .uss_shop_price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; margin-top: auto; } .aside-watched .uss_eshop_block_item .uss_shop_price span { padding: 0 !important; margin: 0 !important; background: none !important; } .aside-watched .uss_eshop_block_item .uss_shop_price span.old_price i { display: inline-block; margin-right: 4px; font-size: 16px; } .aside-watched .uss_eshop_block_item .uss_shop_price span.actual_price { font-size: 18px; font-weight: 600; margin: 0 0 7px 0 !important; display: block; } .aside-watched .uss_eshop_block_item .uss_shop_price span em.price_zero_class { font-size: 12px; white-space: normal; line-height: 1; display: block; } .aside-watched .uss_eshop_block_item .uss_eshop_amount_block { margin-bottom: 25px; display: block; } .aside-watched .uss_eshop_block_item .uss_shop_description { margin-top: 25px; } .block { margin-bottom: 40px; } .mainpage h1 + .section.section_text .uss_section_top_images, .mainpage h1 + .section.section_text .uss_section_text img { max-width: 40%; } .mainpage h1 + .section.section_text .uss_section_text img { height: auto; } .content h1 { font-weight: normal; font-size: 34px; margin: 0 0 24px 0; } .content .bread { margin: 0 0 20px 0; } .bread a { text-decoration: underline; } .bread a:hover { text-decoration: none; } .bread span.devider { margin: 0 4px 0 8px; position: relative; top: -3px; line-height: 1; display: inline-block; vertical-align: middle; } .uss_shop_blocks_view { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.29; } .uss_shop_blocks_view .uss_eshop_item { border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; margin-right: 0; margin-left: 0; -webkit-box-flex: 0; /*-ms-flex: 0 100%;*/ /*flex: 0 100%;*/ padding: 22px 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 15px; padding-right: 15px; } .uss_shop_blocks_view .uss_eshop_item > div:not(.uss_shop_name):not(.uss_shop_by):not(.extra-buttons):not(.uss_shop_price) { text-align: left; } .uss_shop_blocks_view .uss_eshop_item .posimg_item .uss_img_holder_outer { max-width: 100%; } .uss_shop_blocks_view .uss_eshop_item .posimg_item .uss_img_holder_outer .uss_img_holder { border: none; padding: 0; display: block; margin: 0 auto; max-width: 100%; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_name { font-size: 16px; padding-left: 0; padding-right: 0; margin: 0 0 29px 0; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_name a { text-decoration: underline; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_name a:hover { text-decoration: none; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_description { margin: 0 0 15px 0; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_description p { margin: 0 0 10px 0; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_price { margin: auto 0 20px 0; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span { margin: 0 !important; padding: 0 !important; background: none !important; line-height: 1; display: block; width: 100%; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.old_price { font-size: 16px !important; margin: 11px 0 0 !important; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.old_price i { display: none; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.actual_price { font-size: 18px !important; font-weight: 600; margin-top: 11px !important; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.actual_price em.price_zero_class { font-size: 16px; font-weight: normal; } .uss_shop_blocks_view .uss_eshop_item > .uss_shop_by { margin: auto 0 0; } .uss_shop_blocks_view .uss_eshop_item > .uss_shop_by .uss_eshop_amount_block { margin-bottom: 15px; display: block; } .uss_shop_blocks_view .uss_eshop_item > .uss_shop_by:not(.uss_shop_buy_one_click) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 10px; column-gap: 10px; flex-wrap: wrap; gap: 10px; } .uss_shop_blocks_view .uss_eshop_item > .uss_shop_by:not(.uss_shop_buy_one_click) .uss_eshop_amount_block { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; column-gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .uss_shop_blocks_view .uss_eshop_item > .uss_shop_by:not(.uss_shop_buy_one_click) .uss_eshop_amount_block span { margin: 0; } .uss_shop_blocks_view .uss_eshop_item .uss_compare_by { margin-bottom: 10px; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_put_wrap { margin-bottom: 10px; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_producer { margin-bottom: 10px; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_amount_left { margin-bottom: 10px; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_uid { margin-bottom: 10px; } .uss_shop_blocks_view .uss_eshop_item .extra-buttons { display: flex; justify-content: center; align-items: center; margin: 20px 0 0; gap: 10px; } .uss_shop_blocks_view .uss_eshop_item .extra-buttons > div { flex: 1 1 auto; margin: 0; } .uss_shop_blocks_view .uss_eshop_item .extra-buttons.x1 { margin-top: 10px; } .uss_shop_blocks_view .uss_eshop_item .extra-buttons.x1 .uss_shop_by.uss_shop_buy_one_click { margin-top: 0; margin-bottom: 15px; margin: 0; } .uss_shop_blocks_view .uss_eshop_item .extra-buttons.x1 .uss_shop_by.uss_shop_buy_one_click .uss_eshop_amount_block { margin-bottom: 15px; display: block; } .uss_shop_blocks_view .extra-buttons.x1 a:before { display: none; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area { margin: 0 0 0 0; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_group_title { font-size: 18px; font-weight: normal; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_items .eshop_filters_item { margin: 0 0 5px 0; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_items .eshop_filters_item:last-child { margin-bottom: 0; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_items .eshop_filters_item label.items_label { display: block; margin: 0 0 5px 0; font-weight: normal; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_items .eshop_filters_item label.items_label .title { font-weight: inherit; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_items .eshop_filters_item .items_wrap { display: block; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_items .eshop_filters_item .title { font-weight: 600; } .uss_shop_blocks_view .uss_eshop_item .jq-radio { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid #ebebeb; -webkit-box-shadow: none; box-shadow: none; } .uss_shop_blocks_view .uss_eshop_item .jq-radio .jq-radio__div { -webkit-box-shadow: none; box-shadow: none; } .fc_form_tml { margin-bottom: 0; } .uss_news .groups { margin-bottom: 40px; } .uss_news .groups.groups_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_news .groups.groups_block .group_item { border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; margin-right: 0; margin-left: 0; -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; padding: 22px 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 15px; padding-right: 15px; } .uss_news .groups .group_item .info { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .uss_news .groups .group_item .info > div { max-width: 100%; } .uss_news .groups .group_item .info .title { margin-top: auto; } .uss_news .groups .group_item .info .title a { text-decoration: underline; } .uss_news .groups .group_item .info .title a:hover { text-decoration: none; } .uss_news .groups .group_item .info .image { float: none; margin: 0 0 39px 0; border: none; } .uss_news .groups .group_item .info .image .uss_image_holder { max-width: 100%; border: none; padding: 0; display: block; margin: 0 auto; height: auto !important; } .uss_news .groups .group_item .info .image .uss_image_holder img { max-width: 100%; display: block; } .context .block.map .h3 { font-size: 24px; padding: 0; margin: 0 0 33px; letter-spacing: -0.1px; text-transform: none; font-weight: normal; } .context.noflex .uss_shop_blocks_view { border-top: 1px solid #ebebeb; } .context.noflex .uss_shop_blocks_view .uss_eshop_item { border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-left: none; margin-bottom: 0; margin-right: 0; margin-left: 0; } .context.noflex .uss_news .groups { margin-bottom: 40px; } .context.noflex .uss_news .groups.groups_block .group_item { border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-left: none; border-bottom: none; margin-bottom: 0; margin-right: 0; margin-left: 0; } .context.noflex .uss_news .news_list.news_block_items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .context.noflex .uss_news .news_list.news_block_items .news_item { display: block; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-left: none; border-bottom: none; margin-bottom: 0; margin-right: 0; margin-left: 0; } .context.noflex .uss_shop_block_cat .uss_shop_category { border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-left: none; border-bottom: none; margin-bottom: 0; margin-right: 0; margin-left: 0; -webkit-box-flex: 0; /*-ms-flex: 0 100%;*/ /*flex: 0 100%;*/ } .uss_shop_block_cat.x2 .uss_shop_category, .uss_shop_block_cat.x3 .uss_shop_category, .uss_shop_block_cat.x4 .uss_shop_category, .uss_shop_block_cat.x5 .uss_shop_category, .uss_shop_block_cat.x6 .uss_shop_category, .uss_shop_blocks_view.x2 .uss_eshop_item, .uss_shop_blocks_view.x3 .uss_eshop_item, .uss_shop_blocks_view.x4 .uss_eshop_item, .uss_shop_blocks_view.x5 .uss_eshop_item, .uss_shop_blocks_view.x6 .uss_eshop_item, .uss_catalog_block_cat.x2 .uss_catalog_category, .uss_catalog_block_cat.x3 .uss_catalog_category, .uss_catalog_block_cat.x4 .uss_catalog_category, .uss_catalog_block_cat.x5 .uss_catalog_category, .uss_catalog_block_cat.x6 .uss_catalog_category { } .uss_shop_block_cat.x2 .uss_shop_category, .uss_shop_blocks_view.x2 .uss_eshop_item, .uss_catalog_block_cat.x2 .uss_catalog_category { } .uss_shop_block_cat.x3 .uss_shop_category, .uss_shop_blocks_view.x3 .uss_eshop_item, .uss_catalog_block_cat.x3 .uss_catalog_category { } .uss_shop_block_cat.x4 .uss_shop_category, .uss_shop_blocks_view.x4 .uss_eshop_item, .uss_catalog_block_cat.x4 .uss_catalog_category { } .uss_shop_block_cat.x5 .uss_shop_category, .uss_shop_blocks_view.x5 .uss_eshop_item, .uss_catalog_block_cat.x5 .uss_catalog_category { } .uss_shop_block_cat.x6 .uss_shop_category, .uss_shop_blocks_view.x6 .uss_eshop_item, .uss_catalog_block_cat.x6 .uss_catalog_category { } .uss_shop_block_cat.x2 .uss_shop_category:nth-of-type(even), .uss_shop_blocks_view.x2 .uss_eshop_item:nth-of-type(even), .uss_catalog_block_cat.x2 .uss_catalog_category:nth-of-type(even) { } .uss_shop_block_cat.x3 .uss_shop_category:nth-of-type(3n), .uss_shop_blocks_view.x3 .uss_eshop_item:nth-of-type(3n), .uss_catalog_block_cat.x3 .uss_catalog_category:nth-of-type(3n) { } .uss_shop_block_cat.x4 .uss_shop_category:nth-of-type(4n), .uss_shop_blocks_view.x4 .uss_eshop_item:nth-of-type(4n), .uss_catalog_block_cat.x4 .uss_catalog_category:nth-of-type(4n) { } .uss_shop_block_cat.x5 .uss_shop_category:nth-of-type(5n), .uss_shop_blocks_view.x5 .uss_eshop_item:nth-of-type(5n), .uss_catalog_block_cat.x5 .uss_catalog_category:nth-of-type(5n) { } .uss_shop_block_cat.x6 .uss_shop_category:nth-of-type(6n), .uss_shop_blocks_view.x6 .uss_eshop_item:nth-of-type(6n), .uss_catalog_block_cat.x6 .uss_catalog_category:nth-of-type(6n) { } .context.noflex .uss_eshop_sameproducts.blocks { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .context.noflex .uss_eshop_sameproducts.blocks .item { -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; margin: 0; } .context.noflex .uss_catalog_block_cat { 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; } .context.noflex .uss_catalog_block_cat .uss_catalog_category { -webkit-box-flex: 0; /*-ms-flex: 0 100%;*/ /*flex: 0 100%;*/ margin: 0; } .uss_shop_blocks_view .uss_eshop_item, .uss_shop_block_cat .uss_shop_category, .uss_catalog_block_cat .uss_catalog_category { border: solid 1px var(--border-color-1); border-radius: var(--br-1); } .context.noflex .uss_eshop_sameproducts.blocks .item { border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; max-width: calc(100% / 3); } .context.noflex .uss_eshop_sameproducts.blocks .item:nth-of-type(3n) { border-right: none; } .context.noflex.x3 .uss_news .groups.groups_block .group_item { border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; max-width: calc(100% / 3); } .context.noflex.x3 .uss_news .groups.groups_block .group_item:nth-of-type(3n) { border-right: none; } .context.noflex.x3 .news_list.news_block_items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .context.noflex.x3 .news_list.news_block_items .news_item { width: 100% !important; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; max-width: calc(100% / 3); margin-bottom: -1px; } .context.noflex .news_list.news_block_items .news_item:nth-child(1), .context.noflex .news_list.news_block_items .news_item:nth-child(2), .context.noflex .news_list.news_block_items .news_item:nth-child(3) { border-top: 0; padding-top: 40px; } .context.noflex.x3 .news_list.news_block_items .news_item:nth-of-type(3n) { /*border-right: none;*/ } .context .uss_shop_detail { padding: 40px; margin: 0 0 27px 0; } .context .comment_form_block { margin-top: 0; padding-top: 0; } .context .comment_form_block > .comment_form_title { font-size: 24px; padding: 0; margin: 0 0 23px; letter-spacing: -0.1px; } .context .comment_form_block > .comments_form { padding: 40px; } .mainpage .context .block.map { padding: 0; } .uss_eshop_sameproducts { margin-bottom: 40px; line-height: 1.29; } .uss_eshop_sameproducts.blocks .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 20px; padding-bottom: 20px; max-width: calc((100% - 10px) / 2); } .uss_eshop_sameproducts.blocks .item .imageArea { margin: 0 0 25px 0 !important; } .uss_eshop_sameproducts.blocks .item .imageArea .imageWrapOuter .imageWrap { border: none; } .uss_eshop_sameproducts.blocks .item .imageArea .imageWrapOuter .imageWrap .image { max-width: 100%; } .uss_eshop_sameproducts.blocks .item .info { text-align: center; padding-left: 20px; padding-right: 20px; -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .uss_eshop_sameproducts.blocks .item .info .title { margin: 0 0 28px 0; } .uss_eshop_sameproducts.blocks .item .info .title a { text-decoration: underline; } .uss_eshop_sameproducts.blocks .item .info .title a:hover { text-decoration: none; } .uss_eshop_sameproducts.blocks .item .info .price { margin: auto 0 12px 0; } .uss_eshop_sameproducts.blocks .item .info .price span { display: block; background: none; padding: 0 !important; margin: 0 !important; } .uss_eshop_sameproducts.blocks .item .info .price span.old_price { font-size: 16px; margin: 0 0 7px 0 !important; } .uss_eshop_sameproducts.blocks .item .info .price span.old_price i { display: inline; display: none; } .uss_eshop_sameproducts.blocks .item .info .price span.actual_price { font-weight: 600; font-size: 18px; } .uss_eshop_sameproducts.blocks .item .info .price span.actual_price em.price_zero_class { font-size: 16px; white-space: normal; } .uss_eshop_sameproducts.blocks .item .info .addToCart { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 10px; column-gap: 10px; } .uss_section_content > .uss_eshop_filters { margin-bottom: 40px; line-height: 1.29; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block { padding: 27px 40px 35px; margin: 0; float: none; display: block; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block.simple_filters { padding: 38px 40px 33px; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block .jq-selectbox { margin-bottom: 0; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters { display: -webkit-box; display: -ms-flexbox; display: flex; -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 .uss_eshop_filters_block form#uss_block_filters .filter_search_in_current_cat { margin: 0 0 10px 0; -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group { -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_group_title { -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; font-size: 24px; font-weight: normal; margin: 0 0 20px 0; line-height: 1; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_items .eshop_filters { -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; max-width: calc((100% - 20px) / 3); } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_items .eshop_filters:not(:last-child) { margin-right: 10px; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_items .eshop_filters:last-child { margin-right: 0; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_items .eshop_filters > label { display: block; width: 100%; margin: 0 0 7px 0; padding: 0; float: none; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_items .eshop_filters .items_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_items .eshop_filters .items_wrap > .filter_elem_label { margin-right: 7px; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters > .filter_item { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; margin: 0 0 5px 0; max-width: calc((100% - 20px) / 3); -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block.simple_filters form#uss_block_filters > .filter_item { max-width: calc((100% - 20px) / 2); } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters > .filter_item + .filter_item { margin-left: 10px; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; margin-left: 10px; margin-bottom: 5px; max-width: calc((100% - 20px) / 3); -webkit-box-flex: 1; -ms-flex: 1 100%; flex: 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit input.styler, .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit button { padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; margin: 0; display: inline-block; vertical-align: bottom; padding-left: 10px; padding-right: 10px; -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; max-width: calc((100% - 10px) / 2); } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit input.styler + button, .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit button + button { margin-left: 5px; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_price input.styler:not([type='submit']) { padding-left: 5px !important; padding-right: 5px !important; text-align: center; min-width: 62px; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block:not(.simple_filters) form#uss_block_filters .filter_price { margin-right: auto; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block.simple_filters form#uss_block_filters { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block.simple_filters form#uss_block_filters .filter_item { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; margin-right: 0; min-height: 32px; margin-bottom: 7px; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block.simple_filters form#uss_block_filters .filter_item + .filter_item { margin-left: 10px; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block.simple_filters form#uss_block_filters .filter_search_in_current_cat { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block.simple_filters form#uss_block_filters .filter_submit { margin-bottom: 5px; -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block.simple_filters form#uss_block_filters .filter_submit input.styler, .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block.simple_filters form#uss_block_filters .filter_submit button { display: inline; max-width: none; } .uss_eshop_filters_block.simple_filters .filter_price.filter_item label { margin-right: 5px; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block .jq-selectbox { width: 100%; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block .jq-selectbox .jq-selectbox__select { width: 100%; } .section.section_eshop > .uss_section_content { padding: 0; } .uss_shop_block_cat { display: -ms-flex; display: -o-flex; 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; margin-bottom: 40px; line-height: 1.29; } .uss_shop_block_cat .uss_shop_category { text-align: center; padding-top: 20px; padding-bottom: 20px; } .uss_shop_block_cat .uss_shop_category .uss_shop_cat_img_wrap { margin: 0 0 20px 0; } .uss_shop_block_cat .uss_shop_category .uss_shop_cat_img_wrap ~ div { padding-left: 20px; padding-right: 20px; } .uss_shop_block_cat .uss_shop_category .uss_shop_cat_img_wrap .uss_shop_cat_img { border: none; display: block; max-width: 100%; margin: 0 auto; } .uss_shop_block_cat .uss_shop_category .uss_shop_cat_img_wrap .uss_shop_cat_img a { margin: 0; } .uss_shop_block_cat .uss_shop_category .uss_shop_cat_img_wrap .uss_shop_cat_img a img { display: block; margin: 0 auto; max-width: 100%; height: auto; } .uss_shop_block_cat .uss_shop_category .uss_shop_cat_name { margin: 0 0 10px 0; } .uss_shop_block_cat .uss_shop_category .uss_shop_cat_name a { text-decoration: underline; } .uss_shop_block_cat .uss_shop_category .uss_shop_cat_name a:hover { text-decoration: none; } .uss_shop_block_cat .uss_shop_category .uss_shop_cat_cat { margin: 0 0 10px 0; font-size: 16px; } .uss_shop_block_cat .uss_shop_category .uss_shop_cat_text { margin: 0; font-size: 16px; line-height: 1.2; } .uss_shop_block_cat .uss_shop_category .uss_shop_cat_text p { margin: 0 0 7px 0; } .uss_pagenator { min-width: 100%; padding: 10px; } .uss_pagenator > div + div { margin: 10px 0 0 0 !important; } .uss_pagenator .uss_page_count { font-weight: 600; font-size: 16px; margin-bottom: 25px; } .uss_pagenator .uss_page_num { margin-bottom: 0; } .uss_pagenator .uss_page_num .uss_page { padding: 0; margin: 0 7px 7px 0; display: inline-block; width: 40px; height: 40px; border: none; } .uss_pagenator .uss_page_num .uss_page a { border: 1px solid #222; width: 100%; height: 100%; padding: 2px 4px; text-align: center; font-size: 16px; text-decoration: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .uss_shop_detail .uss_img_wrapper { max-width: 100%; margin-right: 74px; } .uss_shop_detail .uss_img_wrapper .uss_img_big { border: none; max-width: 100%; } .uss_shop_detail .uss_img_wrapper .uss_img_big .uss_img_big_image { max-width: 100%; } .uss_shop_detail .uss_img_wrapper .uss_img_ico_box .uss_img_ico { border: 2px solid #e6e6e6; } .uss_shop_detail .uss_shop_technical_data { display: block; overflow: hidden; } .uss_shop_detail .uss_shop_technical_data > div { margin: 0 0 10px 0; } .uss_shop_detail .uss_shop_technical_data .uss_shop_description { margin-bottom: 20px; } .uss_shop_detail .uss_shop_technical_data .uss_shop_description p { margin: 0 0 10px 0; } .uss_shop_detail .uss_shop_technical_data .uss_shop_amount_left { display: block; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.old_price { font-size: 16px; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.old_price i { display: inline; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 25px; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span { padding: 0 !important; margin: 0 !important; background: none !important; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.price { font-size: 40px; font-weight: 600; margin: 0 0 3px 0 !important; display: block; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.old_price { font-size: 16px; font-weight: normal; letter-spacing: 0.8px; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.old_price i { display: none; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span em.price_zero_class { font-size: 12px; white-space: normal; line-height: 1; display: block; } .uss_shop_detail .uss_shop_technical_data .uss_shop_by { display: inline-block; vertical-align: bottom; margin: 0 6px 10px 0; width: 314px; max-width: 100%; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_area { margin: 0 0 20px 0; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_group_title { font-size: 18px; font-weight: normal; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item { margin: 0 0 5px 0; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item label.items_label { display: block; margin: 0 0 5px 0; font-weight: normal; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item label.items_label .title { font-weight: inherit; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item .items_wrap { display: block; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item .title { font-weight: normal; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item .value { font-weight: 600; } .uss_shop_detail .uss_shop_technical_data .jq-radio { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid #ebebeb; -webkit-box-shadow: none; box-shadow: none; } .uss_shop_detail .uss_shop_technical_data .jq-radio .jq-radio__div { -webkit-box-shadow: none; box-shadow: none; } .uss_shop_detail .uss_shop_technical_data .extra-buttons { width: 314px; max-width: 100%; display: flex; justify-content: space-between; } .uss_shop_detail .uss_shop_technical_data .extra-buttons .uss_shop_put_wrap { flex: 1 1 auto; display: block; margin: 0; } .uss_shop_detail .uss_shop_description a, .uss_shop_detail .uss_shop_full_description a { text-decoration: underline; } .uss_shop_detail .uss_shop_description a:hover, .uss_shop_detail .uss_shop_full_description a:hover { text-decoration: none; } .uss_shop_detail .buy_one_click_form_inpos { clear: both; width: 100%; display: block; } .uss_shop_detail .buy_one_click_form_inpos .fc_form { padding: 0; } .singlepage h1 { font-size: 24px; } .singlepage .content_menu.sub { padding: 40px 40px 15px; margin-bottom: 0; font-size: 22px; } .singlepage .content_menu.sub a { text-decoration: underline; } .singlepage .content_menu.sub a:hover { text-decoration: none; } .singlepage .content_menu.sub + .section { padding-top: 0 !important; } .singlepage .content_menu.sub + .section .uss_section_content > *:first-child { margin-top: 0 !important; } .singlepage .content_menu.sub + .section .uss_section_content a { text-decoration: underline; } .singlepage .content_menu.sub + .section .uss_section_content a:hover { text-decoration: none; } .singlepage .section:not(.section_eshop):not(.section_catalog):not(.section_news):not(.section_photoalbums) { padding: 40px; margin-bottom: 40px; } .singlepage .uss_pagenator { margin-top: 12px; padding-left: 40px; padding-bottom: 24px; } .singlepage .context + .block { margin-top: 36px; } div.uss_tabs { border-top: 1px solid #e9e9e9; margin: 35px 0 0; padding-top: 28px; } div.uss_tabs .uss_tabs_navigation { margin: 0 0 20px 0; } div.uss_tabs .uss_tabs_navigation span { text-transform: uppercase; background: none !important; border: none; font-size: 14px; font-weight: bold; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-radius: var(--br-1); line-height: 1; height: auto; padding: 0px 0 3px 0; position: relative; margin: 0 41px 10px 0; display: block; } div.uss_tabs .uss_tabs_navigation span:after { height: 4px; left: 0; right: 0; top: 21px; position: absolute; } div.uss_tabs .uss_tabs_navigation span.selected:after { content: ''; } div.uss_tabs div.tab_items { background: none; -webkit-box-shadow: none; box-shadow: none; border: none; padding: 0; } div.uss_tabs div.tab_items .comment_form_block > .comments_form { padding: 0 0 0 0; } div.uss_tabs div.tab_items div.tab_item { padding: 0; } div.uss_tabs div.tab_items div.tab_item p { margin: 0 0 7px 0; } div.uss_tabs div.tab_items .fc_form .group .fc_item { width: 420px; } div.uss_tabs div.tab_items .fc_form .group .fc_item:not(.fc_checkbox) .elem_item { width: 100%; } div.uss_tabs div.tab_items .fc_form .group .fc_item:not(.fc_checkbox) .elem_item input.styler { width: 100%; } div.uss_tabs div.tab_items .fc_form .group .fc_item:not(.fc_checkbox) .elem_item textarea.styler { width: 100%; } div.uss_tabs div.tab_items .fc_form .group .fc_item.fc_checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; } div.uss_tabs div.tab_items .fc_form .group .fc_item.fc_checkbox label { display: inline-block; font-weight: normal; } div.uss_tabs div.tab_items .fc_form .group:not(.end) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } div.uss_tabs div.tab_items .fc_form .group:not(.end) .fc_item { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; } div.uss_tabs div.tab_items .fc_form .group:not(.end) .fc_item:not(:last-child) { margin-right: 20px; } div.uss_tabs div.tab_items .fc_form .group:not(.end) .fc_item label { display: block; margin: 0 0 5px 0; font-weight: 600; } div.uss_tabs div.tab_items .fc_form .buttons input[type='submit'].styler { padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; display: inline-block; } .h3.h_op { font-size: 24px; padding: 0; margin: 0 0 15px 0; letter-spacing: -0.1px; } .uss_eshop_sort_block { line-height: 1.29; padding: 20px 40px; float: none; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .uss_eshop_sort_block .filter_show_by_links .jq-selectbox__select { -webkit-box-sizing: content-box; box-sizing: content-box; } .uss_comments { margin: 0 0 40px 0; border: none; padding-top: 0; } .uss_comments .uss_comments_title { padding: 0; margin: 0 0 14px 0; font-size: 24px; font-weight: normal; } .uss_comments .comment_item { padding: 33px 40px 32px 40px; margin: 0; } .uss_comments .comment_item + .comment_item { border-top: 1px solid #e9e9e9; } .uss_comments .comment_item .title { margin: 0 0 29px 0; } .uss_comments .comment_item .title .user { font-size: 16px; font-weight: 600; margin: 0 0 12px 0; } .uss_comments .comment_item .title .date { font-size: 16px; } .uss_comments .comment_item .title .hide_show_answers { font-size: 16px; } .uss_comments .comment_item .comment_text { margin: 0 0 29px 0; } .uss_comments .comment_item .add_answer { border: none; text-decoration: underline; display: inline-block; padding: 4px; } .uss_comments .comment_item .add_answer:hover { text-decoration: none; } .uss_comments .comment_item .answer { margin: 20px 10px 20px 10px; } .uss_comments .comment_item .answer .comment .title { margin: 0 0 12px 0; } .uss_comments .comment_item .answer .comment .title .user { font-size: 18px; font-weight: 600; margin: 0 0 12px 0; } .uss_comments .comment_item .answer .comment .title .date { font-size: 16px; } .uss_comments .comment_item .answer .comment .title .hide_show_answers { font-size: 16px; } .uss_comments .comment_item .answer .comment .comment_text { margin: 0 0 10px 0; } form#ommentaddform_id { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } form#ommentaddform_id .uss_form_item.uss_form_text { float: none; width: calc((100% - 20px) / 2); margin: 0 !important; margin-bottom: 15px !important; } form#ommentaddform_id .uss_form_item.uss_form_text + .uss_form_text { margin-left: 20px !important; } form#ommentaddform_id .uss_form_item.uss_form_text input.styler:focus, form#ommentaddform_id .uss_form_item.uss_form_textarea textarea.styler:focus { box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%); } form#ommentaddform_id .uss_form_item.uss_form_text input.styler { width: 100%; border: 1px solid #ebebeb; height: 40px; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; border-radius: var(--br-1); } form#ommentaddform_id .uss_form_item.uss_form_text label { display: block; margin: 0 0 5px 0; padding: 0; font-size: 16px !important; font-weight: 600 !important; margin-bottom: 5px !important; font-family: var(--main-font) !important; } form#ommentaddform_id .uss_form_item.uss_form_textarea { -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; max-width: 100%; margin-bottom: 15px !important; } form#ommentaddform_id .uss_form_item.uss_form_textarea label { display: block; margin: 0 0 5px 0; padding: 0; font-size: 16px !important; font-weight: 600 !important; margin-bottom: 5px !important; font-family: var(--main-font) !important; } form#ommentaddform_id .uss_form_item.uss_form_textarea textarea.styler { width: 100%; border: 1px solid #ebebeb; height: 70px; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; border-radius: var(--br-1); max-width: 100%; } form#ommentaddform_id .uss_form_item.uss_form_submit input[type='submit'].styler { display: inline-block; padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; margin-top: 7px; margin-bottom: 7px; } form#ommentaddform_id .uss_form_item.uss_form_checkbox { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; font-size: 14px; } form#ommentaddform_id .uss_form_item.uss_form_checkbox #allow_privacy_policyid-styler { /*width: auto !important;*/ display: inline; vertical-align: middle; top: 2px; } form#ommentaddform_id .uss_form_item.uss_form_checkbox #allow_privacy_policyid-styler.jq-checkbox.checked .jq-checkbox__div { margin-right: 2px; } form#ommentaddform_id .uss_form_item.uss_form_checkbox label { display: inline; font-weight: normal !important; margin-bottom: 5px; margin-left: 0; font-family: var(--main-font) !important; line-height: 1.49; font-size: 14px !important; position: static; } 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, .uss_site_search .uss_input_name { font: inherit; } .uss_shop_list_cat { margin-bottom: 40px; } .uss_shop_list_cat .uss_shop_category { padding: 20px 40px; margin: 0 0 0 0; } .uss_shop_list_cat .uss_shop_category + .uss_shop_category { border-top: 1px solid #ebebeb; } .uss_shop_list_cat .uss_shop_category .uss_shop_cat_img_wrap { margin: 0 20px 0 0; float: left !important; } .uss_shop_list_cat .uss_shop_category .uss_shop_cat_img_wrap .uss_shop_cat_img { border: none; } .uss_shop_list_cat .uss_shop_category .info { overflow: hidden; } .uss_shop_list_cat .uss_shop_category .uss_shop_cat_name { margin: 0 0 10px 0; } .uss_shop_list_cat .uss_shop_category .uss_shop_cat_name a { text-decoration: underline; } .uss_shop_list_cat .uss_shop_category .uss_shop_cat_name a:hover { text-decoration: none; } .uss_shop_list_cat .uss_shop_category .uss_shop_cat_cat { margin: 0 0 10px 0; font-size: 16px; } .uss_shop_list_cat .uss_shop_category .uss_shop_cat_cat a { display: inline-block; } .uss_shop_list_cat .uss_shop_category .uss_shop_cat_text { margin: 0; font-size: 16px; line-height: 1.2; } .uss_shop_list_cat .uss_shop_category .uss_shop_cat_text p { margin: 0 0 7px 0; } .uss_shop_list_view .uss_eshop_item { padding: 22px; } .uss_shop_list_view .uss_eshop_item:first-child { border-top: 1px solid #ebebeb; } .uss_shop_list_view .uss_eshop_item + .uss_eshop_item { border-top: 1px solid #ebebeb; } .uss_shop_list_view .uss_eshop_item .posimg_item { margin-right: 39px; margin-bottom: 39px; } .uss_shop_list_view .uss_eshop_item .posimg_item .uss_img_holder_outer { max-width: 100%; } .uss_shop_list_view .uss_eshop_item .posimg_item .uss_img_holder_outer .uss_img_holder { max-width: 100%; border: none; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data { display: block; overflow: hidden; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_name { font-size: 16px; margin: 0 0 20px 0; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_name a { text-decoration: underline; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_name a:hover { text-decoration: none; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data > .uss_shop_by { margin-top: 0; margin-bottom: 15px; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data > .uss_shop_by .uss_eshop_amount_block { margin-bottom: 15px; display: block; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_amount_left { margin-bottom: 10px; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_amount_left strong { font-weight: normal; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_producer { margin-bottom: 10px; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_producer strong { font-weight: normal; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_uid { margin-bottom: 10px; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_uid strong { font-weight: normal; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .eshop_filters_area { margin: 0 0 0 0; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .eshop_filters_area .eshop_filters_group_title { font-size: 18px; font-weight: normal; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item { margin: 0 0 5px 0; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item label.items_label { display: block; margin: 0 0 5px 0; font-weight: normal; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item label.items_label .title { font-weight: inherit; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item .items_wrap { display: block; margin: 0 0 5px 0; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item .eshop_filters_line .title { display: block; font-weight: normal; margin: 0 0 5px 0; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .eshop_filters_item > .title { font-weight: normal; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_description { margin: 0 0 15px 0; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_description p { margin: 0 0 10px 0; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_price { margin: auto 0 25px 0; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_price span { margin: 0 !important; padding: 0 !important; background: none !important; line-height: 1; display: block; width: 100%; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_price span.old_price { font-size: 16px !important; margin: 0 0 11px !important; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_price span.old_price i { display: inline; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_price span.actual_price { font-size: 26px !important; font-weight: 600; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .uss_shop_price span.actual_price em.price_zero_class { font-size: 16px; font-weight: normal; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .extra-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 20px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .extra-buttons > div { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; margin: 0 12px 0 0; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .extra-buttons a { position: relative; display: block; background-repeat: no-repeat; padding: 12px 16px 12px 45px; font-size: 16px; line-height: 1; overflow: hidden; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .extra-buttons a:hover { text-decoration: none; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .extra-buttons.x1 { margin-top: 0; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data .extra-buttons.x1 .uss_shop_by.uss_shop_buy_one_click { margin-top: 0; margin-bottom: 15px; margin: 0; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_img .uss_img_holder_outer .uss_img_holder { height: auto !important; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_title a { font-size: 16px; text-decoration: underline; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_title a:hover { text-decoration: none; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_description { font-size: 16px; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_description div { line-height: 1.2; height: auto; max-height: 4.8em; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_price { text-align: center; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_price span { margin: 0 !important; padding: 0 !important; background: none !important; line-height: 1; display: block; width: 100%; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_price span.old_price { font-size: 12px !important; margin: 0 0 4px !important; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_price span.actual_price { font-size: 16px !important; font-weight: 600; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_price span.actual_price em.price_zero_class { font-size: 12px; font-weight: normal; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_onlineorder .uss_shop_by { margin-bottom: 2px; display: block; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_onlineorder .uss_compare_by { margin-bottom: 2px; display: block; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_onlineorder .uss_compare_by a.add_to_compare { padding: 7px 5px; display: block; text-decoration: none; } #uss_basket_ask_where_to_go_block { font-family: var(--main-font); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); font-size: 16px; } #uss_basket_ask_where_to_go_block .title { font-weight: 600; font-size: 23px; } #uss_basket_ask_where_to_go_block .continue, #uss_basket_ask_where_to_go_block .go_to_basket { font-size: 16px; font-weight: 600; } .uss_catalog_block_cat { line-height: 1.29; } .uss_catalog_block_cat .uss_catalog_category { text-align: center; padding-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 15px; padding-right: 15px; } .uss_catalog_block_cat .uss_catalog_category .uss_catalog_cat_img { margin: 0 auto 12px auto; max-width: 100%; border: none; display: block; -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; } .uss_catalog_block_cat .uss_catalog_category .uss_catalog_cat_img a img { max-width: 100%; display: block; } .uss_catalog_block_cat .uss_catalog_category .catalog_info { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .uss_catalog_block_cat .uss_catalog_category .catalog_info .uss_catalog_cat_name { margin: 0 0 10px 0; } .uss_catalog_block_cat .uss_catalog_category .catalog_info .uss_catalog_cat_name a { text-decoration: underline; } .uss_catalog_block_cat .uss_catalog_category .catalog_info .uss_catalog_cat_name a:hover { text-decoration: none; } .uss_catalog_block_cat .uss_catalog_category .catalog_info .subcats.subcats_list { margin: 0 0 10px 0; font-size: 16px; } .uss_catalog_block_cat .uss_catalog_category .catalog_info .uss_catlog_cat_anons { margin: 0 0 7px 0; margin: 0 0 0px 0; font-size: 16px; line-height: 1.2; } .uss_catalog_block_cat .uss_catalog_category .catalog_info .uss_catlog_cat_anons p { margin: 0 0 0px 0; } .uss_catalog_block_cat .uss_catalog_category .catalog_info .uss_catlog_cat_anons p + p { margin-top: 7px; } .uss_catalog_block_cat .uss_catalog_category .catalog_info .catalog_orderbutton { padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; margin-top: 7px; margin-bottom: 7px; display: inline-block; float: none; margin-top: auto; } .uss_catalog_list_cat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; } .uss_buy_one_click_pos .uss_onepos_info .uss_title { font-size: 18px; font-weight: 600; } .uss_catalog_list_cat .uss_catalog_category { -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; margin: 0; padding: 20px 40px; border: none; } .uss_catalog_list_cat .uss_catalog_category:first-child { padding-top: 40px; } .uss_catalog_list_cat .uss_catalog_category:last-child { padding-bottom: 40px; } .uss_catalog_list_cat .uss_catalog_category + .uss_catalog_category { border-top: 1px solid #ebebeb; } .uss_catalog_list_cat .uss_catalog_category .uss_catalog_img_wrap { margin: 0 20px 0 0; float: left; } .uss_catalog_list_cat .uss_catalog_category .uss_catalog_img_wrap .uss_catalog_cat_img { border: none; display: block; margin: 0 auto; max-width: 100%; height: auto !important; } .uss_catalog_list_cat .uss_catalog_category .uss_catalog_img_wrap .uss_catalog_cat_img a { margin: 0; display: block; } .uss_catalog_list_cat .uss_catalog_category .uss_catalog_img_wrap .uss_catalog_cat_img a img { max-width: 100%; margin: 0 auto; display: block; } .uss_catalog_list_cat .uss_catalog_category .info { overflow: hidden; } .uss_catalog_list_cat .uss_catalog_category .uss_catalog_cat_name { margin: 0 0 10px 0; } .uss_catalog_list_cat .uss_catalog_category .uss_catalog_cat_name a { font-size: inherit; text-decoration: underline; } .uss_catalog_list_cat .uss_catalog_category .uss_catalog_cat_name:hover a { text-decoration: none; } .uss_catalog_list_cat .uss_catalog_category .subcats.subcats_list { margin: 0 0 10px 0; font-size: 16px; } .uss_catalog_list_cat .uss_catalog_category .uss_catlog_cat_anons { margin: 0; font-size: 16px; line-height: 1.2; } .uss_catalog_list_cat .uss_catalog_category .uss_catlog_cat_anons p { margin: 0 0 7px 0; } .uss_catalog_list_cat .uss_catalog_category .catalog_orderbutton { padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; margin-top: 7px; margin-bottom: 7px; display: inline-block; } .uss_catalog_block_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, .uss_catalog_short_description + .catalog_order_block .catalog_price, .uss_catalog_sameelements.uss_eshop_sameproducts.blocks .catalog_order_block .catalog_price { line-height: 1.2; margin-bottom: 15px; } .uss_catalog_short_description + .catalog_order_block .catalog_orderbutton { margin-top: 0; } .uss_catalog_sameelements.uss_eshop_sameproducts.blocks .descr, .uss_catalog_sameelements.uss_eshop_sameproducts.blocks .descr p { margin: 0; } .uss_catalog_sameelements.uss_eshop_sameproducts.blocks .title + .catalog_order_block { padding-top: 0; } .uss_catalog_block_cat .uss_catalog_category .uss_catalog_cat_name + .catalog_order_block .catalog_price { margin-top: -12px; } .uss_catalog_sameelements.uss_eshop_sameproducts.blocks .catalog_orderbutton { margin: 0; } .content .uss_catalog_detail { padding: 40px; margin-bottom: 27px; } .uss_catalog_detail:after { content:''; display: block; clear: both; } .content .catalog_order_form { margin-top: 40px; } .content .catalog_order_form .h3, .content .catalog_order_form h3 { font-size: 24px; padding: 0; margin: 0 0 15px; letter-spacing: -0.1px; font-weight: normal; } .content .catalog_order_form .fc_form_tml { padding: 40px; } .content .catalog_order_form .fc_form { width: 100%; max-width: 100%; } .content .catalog_order_form .fc_form .group { width: 100%; } .content .catalog_order_form .fc_form .group .fc_item:not(.fc_checkbox) { width: 100%; max-width: 420px; } .content .catalog_order_form .fc_form .group .fc_item:not(.fc_checkbox) .elem_item { width: 100%; } .content .catalog_order_form .fc_form .group .fc_item:not(.fc_checkbox) .elem_item input.styler { width: 100%; } .content .catalog_order_form .fc_form .group .fc_item:not(.fc_checkbox) .elem_item textarea.styler { width: 100%; } .content .catalog_order_form .fc_form .group .fc_item:not(.fc_checkbox) label { font-weight: 600; font-size: 16px; display: block; margin: 0 0 5px 0; } .content .catalog_order_form .fc_form .group .fc_item.fc_checkbox { width: 100%; } .content .catalog_order_form .fc_form .group:not(.end) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .content .catalog_order_form .fc_form .group:not(.end) .fc_item { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; } .content .catalog_order_form .fc_form .group:not(.end) .fc_item:not(:last-child) { margin-right: 20px; } .content .catalog_order_form .fc_form .group + .group.end { max-width: calc(100% - 180px); } .content .catalog_order_form .fc_form .group + .group:not(.end) .fc_item:not(.fc_checkbox) { max-width: 100%; } .content .catalog_order_form .fc_form .buttons input[type='submit'].styler { display: inline-block; padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; margin-top: 7px; margin-bottom: 7px; } .uss_catalog_detail .uss_img_wrapper { margin-right: 20px; } .uss_catalog_detail .uss_img_wrapper ~ * { overflow: hidden; } .uss_catalog_detail .uss_catalog_short_description { margin: 0 0 0 0; } .uss_catalog_detail .uss_catalog_short_description p { margin: 0 0 0px 0; } .uss_catalog_detail .uss_catalog_short_description p + p { margin-top: 7px; } .module_catalog .catalog_orderbutton { padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; margin-top: 7px; margin-bottom: 7px; display: inline-block; } .uss_catalog_detail .h3.h_op { margin-top: 30px; } .jq-checkbox { background: none; border: 1px solid var(--border-color-1); border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; } .jq-checkbox.checked .jq-checkbox__div { -webkit-box-shadow: none; box-shadow: none; text-shadow: none; opacity: 1; border-radius: 2px; } .jq-radio { -webkit-box-sizing: content-box; box-sizing: content-box; background: none; } .jq-selectbox .jq-selectbox__select { background: none; border: 1px solid #b6b6b6; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; border-radius: var(--br-1); } .jq-selectbox .jq-selectbox__select .jq-selectbox__trigger .jq-selectbox__trigger-arrow { opacity: 1; } .section_news .uss_news .groups_list .group_item { padding: 20px 40px; margin: 0; border: none; } .section_news .uss_news .groups_list .group_item + .group_item { border-top: 1px solid #ebebeb; } .section_news .uss_news .groups_list .group_item .info .image { border: none; } .section_news .uss_news .groups_list .group_item .info .image .uss_image_holder a img { display: block; } .section_news .uss_news .groups_list .group_item .info .title { font-size: 16px; } .section_news .uss_news .groups_list .group_item .info .title a { font-size: inherit; text-decoration: underline; } .section_news .uss_news .groups_list .group_item .info .title:hover a { text-decoration: none; } .section_news .uss_news .news_list .news_item { padding: 20px 40px; } .section_news .uss_news .news_list .news_item + .news_item { border-top: 1px solid #ebebeb; } .section_news .uss_news .news_list .news_item:first-child { padding-top: 40px; } .section_news .uss_news .news_list .news_item:last-child { padding-bottom: 40px; } .section_news .uss_news .news_list .news_item .image { border: none; } .section_news .uss_news .news_list .news_item .image .uss_image_holder a img { display: block; } .section_news .uss_news .news_list .news_item .info { overflow: hidden; } .section_news .uss_news .news_list .news_item .info .title a { font-size: inherit; text-decoration: underline; } .section_news .uss_news .news_list .news_item .info .title:hover a { text-decoration: none; } .section_news .uss_news .news_list .news_item .info .uss_more a { padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; margin-top: 0px; margin-bottom: 0px; display: inline-block; } .section_news .uss_news .news_list .news_item * + .uss_more { margin-top: 15px; } .section_news .uss_news .news_list.news_list_items .news_item { margin-bottom: 0; } .section_news .uss_news .news_list.news_block_items .news_item { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section_news .uss_news .news_list.news_block_items .news_item .info { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; } .section_news .uss_news.news_exact_item { padding: 40px; margin-bottom: 40px; } .section_news .uss_news.news_exact_item .uss_img_wrapper .uss_img_big { border: none; } .section_news .uss_news.news_exact_item .uss_img_wrapper .uss_img_big .uss_img_big_image img { display: block; } .section_news .comment_form_block { margin-bottom: 40px; padding-bottom: 0; } .section_news .news_similar_wrap { margin-top: 0; line-height: 1.29; } .section_news .news_similar_wrap .news_similar_title { margin-top: 0; font-size: 24px; padding: 0; margin: 0 0 15px; letter-spacing: -0.1px; } .section_news .news_similar_wrap .similar_items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section_news .news_similar_wrap .similar_items.similar_items_block .news_item { padding: 10px 10px; margin: 0; border: none; display: block; } .section_news .news_similar_wrap .similar_items.similar_items_block .news_item { padding: 40px 40px; max-width: calc(100% / 3); min-width: calc(100% / 3); border-right: 1px solid #ebebeb; } .similar_items_block .news_item .image { border: 0; } .section_news .news_similar_wrap .similar_items.similar_items_block .news_item .info .date + .title { margin-top: 5px; } .section_news .news_similar_wrap .similar_items.similar_items_block .news_item .info .title + .preview { margin-top: 5px; } .section_news .news_similar_wrap .similar_items.similar_items_block .news_item:nth-child(3) { border-right: 0; } .section_news .news_similar_wrap .similar_items.similar_items_block .news_item:nth-child(1), .section_news .news_similar_wrap .similar_items.similar_items_block .news_item:nth-child(2), .section_news .news_similar_wrap .similar_items.similar_items_block .news_item:nth-child(3) { padding-top: 40px; } .section_news .news_similar_wrap .similar_items.similar_items_list .news_item { padding: 20px 40px; min-width: 100%; } .section_news .news_similar_wrap .similar_items.similar_items_list .news_item:first-child { padding-top: 40px; } .section_news .news_similar_wrap .similar_items.similar_items_list .news_item:last-child { padding-bottom: 40px; } .section_news .news_similar_wrap .similar_items.similar_items_list .news_item + .news_item { border-top: 1px solid #ebebeb; } .section_news .news_similar_wrap .similar_items .news_item .image { /*margin: 0 0 10px 0;*/ } .section_news .news_similar_wrap .similar_items .news_item .image .uss_image_holder a img { display: block; } .section_news .news_similar_wrap .similar_items .news_item .info { overflow: hidden; margin-top: 10px; } .section_news .news_similar_wrap .similar_items .news_item .info .title a { font-size: 16px; text-decoration: underline; } .section_news .news_similar_wrap .similar_items .news_item .info .title a:hover { text-decoration: none; } .section_news .news_similar_wrap .similar_items .news_item .info .preview { margin: 0; } .section_news .news_similar_wrap .similar_items .news_item .info .preview p { margin: 0 0 7px 0; } .section_news .news_similar_wrap .similar_items .news_item .info .uss_more a { padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; margin-top: 7px; margin-bottom: 7px; display: inline-block; } .section_photoalbums { padding: 40px; } .section_photoalbums .uss_photoalbums_albums .uss_photoalbums_albums_list .uss_albums_item { padding: 20px 40px; margin: 0; border: none; } .section_photoalbums .uss_photoalbums_albums .uss_photoalbums_albums_list .uss_albums_item + .uss_albums_item { border-top: 1px solid #ebebeb; } .section_photoalbums .uss_photoalbums_albums .uss_photoalbums_albums_list .uss_albums_item .uss_albums_cover { margin: 0 20px 0 0; } .section_photoalbums .uss_photoalbums_albums .uss_photoalbums_albums_list .uss_albums_item .uss_albums_info .uss_albums_name a { font-size: 16px; text-decoration: underline; } .section_photoalbums .uss_photoalbums_albums .uss_photoalbums_albums_list .uss_albums_item .uss_albums_info .uss_albums_name a:hover { text-decoration: none; } .section_photoalbums .uss_photoalbums_albums .uss_photoalbums_albums_list .uss_albums_item .uss_albums_info .uss_albums_description { margin: 0; } .section_photoalbums .uss_photoalbums_albums .uss_photoalbums_albums_list .uss_albums_item .uss_albums_info .uss_albums_description p { margin: 0 0 7px 0; } .section_photoalbums .uss_photoalbums_foto_box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .section_photoalbums .uss_photoalbums_foto_box .uss_img_item { max-width: 100%; display: block; margin-left: 0; margin-right: 0; overflow: hidden; } .section_photoalbums .uss_photoalbums_foto_box .uss_img_item .uss_img_pre { max-width: 100%; height: auto !important; display: block; } .section_photoalbums .uss_photoalbums_foto_box .uss_img_item .uss_img_pre img { max-width: 100%; height: auto; display: block; } .section_photoalbums .uss_photoalbums_foto_mosaic .uss_img_item img { display: block; max-width: 100%; } .section_photoalbums .uss_photoalbums_foto_list .uss_img_item .uss_img_pre { max-width: 100%; display: block; height: auto !important; } .section_photoalbums .uss_photoalbums_foto_list .uss_img_item .uss_img_pre img { max-width: 100%; } .content .block.photoalbum { position: relative; } .content .block.photoalbum .h3 { min-width: 100%; padding-right: 150px; } .content .block.photoalbum .title-links { position: absolute; right: 0; top: 0; } .catalog_orderform_tml { font-family: var(--main-font); font-size: 16px; line-height: 1.2; } .catalog_orderform_window .h3 { font-size: 25px; font-weight: 600; margin: 0 0 15px 0; text-align: center; } .catalog_orderform_tml .fc_form { margin: 0 auto; } .catalog_orderform_tml .fc_form .group { width: 100%; display: block; } .catalog_orderform_tml .fc_form .group .fc_item:not(.fc_checkbox) { display: block; width: 100%; } .catalog_orderform_tml .fc_form .group .fc_item:not(.fc_checkbox) .elem_item { width: 100%; } .catalog_orderform_tml .fc_form .group .fc_item:not(.fc_checkbox) .elem_item input[type='text'].styler { width: 100%; } .catalog_orderform_tml .fc_form .group .fc_item:not(.fc_checkbox) .elem_item textarea.styler { width: 100%; } .catalog_orderform_tml .fc_form .group .fc_item:not(.fc_checkbox) label { margin-bottom: 5px; font-weight: 600; display: block; font-size: 16px; } .catalog_orderform_tml .fc_form .group .fc_item.fc_checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .catalog_orderform_tml .fc_form .group .fc_item.fc_checkbox label { display: inline-block; font-size: 16px; line-height: 1; font-weight: normal; } .catalog_orderform_tml .fc_form .buttons input[type='submit'].styler { padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; appearance: none; opacity: 1 !important; text-decoration: none; margin-top: 7px; margin-bottom: 7px; display: inline-block; } .buy_one_click_form_tml { font-family: var(--main-font); font-size: 16px; line-height: 1.2; } .buy_one_click_form_tml .buy_one_click_window .uss_buy_one_click_title { font-size: 25px; font-weight: 600; margin: 0 0 15px 0; letter-spacing: -0.1px; } .buy_one_click_form_tml .buy_one_click_window .uss_buy_one_click_pos .uss_onepos_info .uss_description { margin: 0 0 0 0; } .buy_one_click_form_tml .buy_one_click_window .uss_buy_one_click_pos .uss_onepos_info .uss_description p { margin: 0 0 7px 0; } .buy_one_click_form_tml .buy_one_click_window .uss_buy_one_click_pos .uss_onepos_info .uss_shop_price_amount_wrap .uss_shop_price { background: none !important; margin: 0 0 10px 0; } .buy_one_click_form_tml .buy_one_click_window .uss_buy_one_click_pos .uss_onepos_info .uss_shop_price_amount_wrap .uss_shop_price span.old_price { padding: 0 !important; margin: 0 !important; background: none !important; font-size: 16px; font-weight: normal; letter-spacing: 0.8px; } .buy_one_click_form_tml .buy_one_click_window .uss_buy_one_click_pos .uss_onepos_info .uss_shop_price_amount_wrap .uss_shop_price div.actual_price { padding: 0 !important; margin: 0 !important; background: none !important; font-size: 26px; font-weight: 600; margin: 0 0 3px 0 !important; display: block; } .buy_one_click_form_tml .buy_one_click_window .uss_buy_one_click_pos .uss_onepos_info .uss_shop_price_amount_wrap .uss_shop_by span.uss_eshop_amount_block .amount_count input[type='text'].amount.styler { text-align: center; padding-left: 7px; padding-right: 7px; } .buy_one_click_form_tml .buy_one_click_window .uss_buy_one_click_pos .uss_onepos_info .uss_shop_price_amount_wrap .uss_shop_by span.uss_eshop_amount_block .amount_count .uss_minus { font-size: 17px; } .buy_one_click_form_tml .buy_one_click_window .uss_buy_one_click_pos .uss_onepos_info .uss_shop_price_amount_wrap .uss_shop_by span.uss_eshop_amount_block .amount_count .uss_plus { font-size: 17px; } .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item { margin-bottom: 10px; } .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item:not(.block) { } .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item label.sector_title { font-size: 16px; font-weight: 600; margin-bottom: 5px; } .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item .elem_item { } .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item .elem_item input { height: 40px; } .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item .elem_item textarea { height: 93px; } .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item.fc_radio .radio_label .jq-radio ~ * { font-weight: normal; font-size: 14px; } .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item.fc_checkbox, .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item.fc_checkbox_one { font-size: 14px; display: flex; } .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item.fc_checkbox .elem_item, .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item.fc_checkbox_one .elem_item { width: auto !important; display: inline; vertical-align: middle; } .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item.fc_checkbox label.sector_title, .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .group .fc_item.fc_checkbox_one label.sector_title { display: inline; font-size: 14px; font-weight: normal; margin-bottom: 5px; } .buy_one_click_form_tml .buy_one_click_window .one_click_form_wrapper .fc_form_tml .buttons input.submit { display: inline-block; padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; appearance: none; opacity: 1 !important; text-decoration: none; margin-top: 15px; } .buy_one_click_form_inpos { margin: 0 0 40px 0; } .buy_one_click_form_inpos .buy_one_click_form_title { font-size: 24px; padding: 0; margin: 0 0 15px; letter-spacing: -0.1px; font-weight: normal; } .buy_one_click_form_inpos .fc_form { padding: 40px; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .buy_one_click_form_inpos .fc_form .group { display: block; width: 100%; } .buy_one_click_form_inpos .fc_form .group .fc_item:not(.fc_checkbox) { display: block; width: 100%; } .buy_one_click_form_inpos .fc_form .group .fc_item:not(.fc_checkbox) .elem_item { width: 100%; } .buy_one_click_form_inpos .fc_form .group .fc_item:not(.fc_checkbox) .elem_item input.styler { width: 100%; } .buy_one_click_form_inpos .fc_form .group .fc_item:not(.fc_checkbox) .elem_item textarea.styler { min-height: 50px; width: 100%; } .buy_one_click_form_inpos .fc_form .group .fc_item:not(.fc_checkbox) label { display: block; font-weight: 600; margin: 0 0 5px 0; } .buy_one_click_form_inpos .fc_form .group .fc_item.fc_checkbox { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .buy_one_click_form_inpos .fc_form .group .fc_item.fc_checkbox label { font-weight: 600; font-size: 16px; display: inline-block; } .buy_one_click_form_inpos .fc_form .group:not(.end) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .buy_one_click_form_inpos .fc_form .group:not(.end) .fc_item:not(.fc_checkbox) { margin-bottom: 0; -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; } .buy_one_click_form_inpos .fc_form .group:not(.end) .fc_item:not(.fc_checkbox):not(:first-child) { margin-left: 20px; } .buy_one_click_form_inpos .fc_form .group:not(.end) .fc_item:not(.fc_checkbox) input.styler { margin-bottom: 0; } .buy_one_click_form_inpos .fc_form .group:not(.end) .fc_item:not(.fc_checkbox) textarea.styler { margin-bottom: 0; } .buy_one_click_form_inpos .fc_form .buttons input[type='submit'].styler { padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; display: inline-block; } .buy_one_click_form_inpos .fc_form .group + .group.end { max-width: calc(100% - 180px); } .buy_one_click_form_inpos .fc_form .buttons { max-width: 178px; } .section_formconstructor form.fc_form .buttons input[type='submit'] { display: inline-block; padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; font-size: 18px; } .quote { padding: 35px; line-height: 1.5; border-left: 4px solid var(--accent); } .quote p { margin: 0; } .quote p + p { margin-top: 7px; } .uss_shop_form .fc_form_tml .group .fc_item { margin-bottom: 10px; } .uss_shop_form .fc_form_tml .group .fc_item label.sector_title { font-size: 16px; font-weight: 600; margin-bottom: 5px; } .uss_shop_form .fc_form_tml .group .fc_item .elem_item { } .uss_shop_form .fc_form_tml .group .fc_item .elem_item input { height: 40px; } .uss_shop_form .fc_form_tml .group .fc_item .elem_item textarea { height: 93px; } .uss_shop_form .fc_form_tml .group .fc_item.fc_radio .radio_label .jq-radio ~ * { font-weight: normal; font-size: 14px; } .uss_shop_form .fc_form_tml .group .fc_item.fc_checkbox, .uss_shop_form .fc_form_tml .group .fc_item.fc_checkbox_one { font-size: 14px; } .uss_shop_form .fc_form_tml .group .fc_item.fc_checkbox .elem_item, .uss_shop_form .fc_form_tml .group .fc_item.fc_checkbox_one .elem_item { vertical-align: middle; } .uss_shop_form .fc_form_tml .group .fc_item.fc_checkbox label.sector_title, .uss_shop_form .fc_form_tml .group .fc_item.fc_checkbox_one label.sector_title { font-size: 14px; font-weight: normal; margin-bottom: 5px; } .uss_shop_form .fc_form_tml .buttons input.submit { padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; margin-top: 7px; margin-bottom: 7px; } .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item { margin-bottom: 10px; } .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item label.sector_title { font-size: 16px; font-weight: 600; margin-bottom: 5px; } .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item:not(.fc_captcha) .elem_item input { height: 40px; } .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item .elem_item textarea { height: 93px; } .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item.fc_radio .radio_label .jq-radio ~ * { font-weight: normal; font-size: 14px; } .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item.fc_checkbox, .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item.fc_checkbox_one { font-size: 14px; } .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item.fc_checkbox label.sector_title, .section.section_formconstructor .uss_section_content .fc_form_tml .group .fc_item.fc_checkbox_one label.sector_title { font-size: 14px; font-weight: normal; margin-bottom: 5px; position: relative; top: 0; } .section.section_formconstructor .uss_section_content .fc_form_tml .buttons input.submit { padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; margin-top: 7px; margin-bottom: 7px; } .section.section_search .uss_search_form input.uss_input_name { border: 1px solid #ccc; border-radius: var(--br-1); -webkit-box-shadow: none; box-shadow: none; text-shadow: none; padding-left: 15px; height: 40px; border: none; font-size: 17px; } .section.section_search .uss_search_form input.uss_input_name:focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); outline: 0; } .section.section_search .uss_search_form input.uss_submit { cursor: pointer; display: inline-block; padding: 12px 10px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; margin-top: 7px; margin-bottom: 7px; } .section.section_text .uss_section_content form.uss_form_tml .uss_form_item { max-width: 420px; } .section.section_text .uss_section_content form.uss_form_tml .uss_form_item input[name='email'] { overflow: visible; padding: 7px 11px; outline: 0; border-width: 1px; border-style: solid; border-radius: 4px; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 40px; text-shadow: none; border-radius: var(--br-1); font-family: var(--main-font) !important; } .section.section_text .uss_section_content form.uss_form_tml .uss_form_item input[name='email']:focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); outline: 0; } .section.section_text .uss_section_content form.uss_form_tml .uss_form_item label { display: block; margin: 0 0 5px 0; padding: 0; font-size: 16px !important; font-weight: 600 !important; margin-bottom: 5px !important; font-family: var(--main-font) !important; } .section.section_text .uss_section_content form.uss_form_tml .uss_form_item.uss_form_captcha { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section.section_text .uss_section_content form.uss_form_tml .uss_form_item.uss_form_captcha label { -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; } .section.section_text .uss_section_content form.uss_form_tml .uss_form_item.uss_form_captcha img { -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; } .section.section_text .uss_section_content form.uss_form_tml .uss_form_item.uss_form_captcha input#captcha_id { overflow: visible; padding: 7px 11px; outline: 0; border-width: 1px; border-style: solid; border-radius: 4px; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 40px; text-shadow: none; border-radius: var(--br-1); font-family: var(--main-font) !important; width: auto; -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; height: 52px; } .section.section_text .uss_section_content form.uss_form_tml .uss_form_item.uss_form_captcha input#captcha_id:focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); outline: 0; } .section.section_text .uss_section_content form.uss_form_tml .uss_form_item.uss_form_submit input[name='sendemail'] { display: inline-block; padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; margin-top: 7px; margin-bottom: 7px; cursor: pointer; } .jq-selectbox { z-index: 10 !important; } .uss_catalog_tabs .tab_item { zoom: 1; } .uss_catalog_tabs .tab_item:before, .uss_catalog_tabs .tab_item:after { content: ''; display: table; } .uss_catalog_tabs .tab_item:after { clear: both; } .uss_photoalbums + .uss_pagenator { margin-top: 0; } .uss_shop_list_cat .uss_shop_category .uss_shop_cat_cat a { font-size: 16px; color: #222; text-decoration: underline; } .uss_shop_list_cat .uss_shop_category .uss_shop_cat_cat a:hover { text-decoration: none; } .uss_photoalbums_albums_block .uss_albums_item .uss_albums_cover { margin: 0 auto 20px; } .uss_photoalbums_albums_block .uss_albums_item .uss_albums_info { line-height: 1; text-align: center; } .uss_photoalbums_albums_block .uss_albums_item .uss_albums_info .uss_albums_name { color: #ccc; } .uss_photoalbums_albums_block .uss_albums_item .uss_albums_info .uss_albums_name a { text-decoration: underline; } .uss_photoalbums_albums_block .uss_albums_item .uss_albums_info .uss_albums_name a:hover { text-decoration: none; } .uss-scroller .mCSB_container { padding-top: 45px; } .uss-scroller .mCSB_scrollTools { top: 15px; bottom: auto; } .tableScoller-wrap { display: block; -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; width: 100%; max-width: 100%; clear: both; float: none; zoom: 1; } .tableScoller-wrap:before, .tableScoller-wrap:after { content: ''; display: table; } .tableScoller-wrap:after { clear: both; } .uss_section_content .uss_basket_menu > a, .uss_section_content .uss_basket_menu > span { display: inline-block; } .content .fc_form_tml .fc_checkbox_one .force_position_right { position: relative; top: 3px; } .uss_form_tml .uss_form_checkbox label { position: relative; top: -2px; } @media (min-width: 769px) and (max-width: 1000px) { .uss_shop_table_view .uss_img .uss_img_holder_outer, .uss_shop_table_view .uss_img .uss_img_holder { max-width: 139px; height: auto !important; } } @media (max-width: 768px) { .uss_shop_table_view.mCustomScrollbar .mCSB_container { width: 100% !important; } table.uss_shoppos_table { display: block; border: none; max-width: 100%; width: 100%; } table.uss_shoppos_table tbody { display: block; } table.uss_shoppos_table tbody tr:first-child { display: none; } table.uss_shoppos_table tbody tr:first-child + td { border-top: 1px solid #989898; } table.uss_shoppos_table tbody tr.uss_eshop_item { width: 100%; display: block; padding-bottom: 7px; padding-top: 7px; } table.uss_shoppos_table tbody tr.uss_eshop_item + tr { padding-top: 7px; border-top: 1px solid #989898; } table.uss_shoppos_table tbody tr.uss_eshop_item td { font-size: 15px; border: none; padding: 0; display: block; overflow: hidden; width: auto !important; margin-bottom: 5px; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_img { float: left; display: block; margin-right: 10px; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_img ~ * { overflow: hidden; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_title { display: block; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_price { text-align: left; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_price span.old_price { font-size: 16px; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_price span.actual_price { font-size: 18px; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_description > div { height: auto; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_onlineorder { 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 > * { margin: 10px 10px 0 0 !important; white-space: nowrap; } } @media (max-width: 500px) { table.uss_shoppos_table tbody tr.uss_eshop_item td { margin: 0 0 5px 0; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_img { float: none; display: block; width: 100%; margin: 0 0 10px 0; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_img > div { margin: 0 auto; } table.uss_shoppos_table tbody tr.uss_eshop_item td > div { margin: 0; } } .uss_photoalbums_albums_block { display: flex; flex-wrap: wrap; } .uss_photoalbums_albums_block .uss_albums_item { display: block; max-width: calc((100% - 10px) / 2); } .uss_photoalbums_albums_block .uss_albums_item .uss_albums_cover { display: block; max-width: 100%; height: auto !important; } .uss_photoalbums_albums_block .uss_albums_item .uss_albums_cover img { display: block; max-width: 100%; } .uss_photoalbums .uss_photoalbums_foto_box .uss_img_item .uss_img_pre { height: auto !important; max-width: 100%; display: block; } .uss_photoalbums .uss_photoalbums_foto_box .uss_img_item .uss_img_pre img { max-width: 100%; } .uss_shop_block_cat .uss_shop_category .uss_shop_cat_img_wrap .uss_shop_cat_img { max-width: 100%; display: block; } .uss_shop_block_cat .uss_shop_category .uss_shop_cat_img_wrap .uss_shop_cat_img a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .uss_shop_block_cat .uss_shop_category .uss_shop_cat_img_wrap .uss_shop_cat_img img { display: block; max-width: 100%; height: auto; } .uss_section_content .uss_shop_list_cat .uss_shop_category .uss_shop_cat_img_wrap { max-width: 40vw; } .uss_section_content .uss_shop_list_cat .uss_shop_category .uss_shop_cat_img_wrap .uss_shop_cat_img { display: block; max-width: 100%; } .uss_section_content .uss_shop_list_cat .uss_shop_category .uss_shop_cat_img_wrap .uss_shop_cat_img a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .uss_section_content .uss_shop_list_cat .uss_shop_category .uss_shop_cat_img_wrap .uss_shop_cat_img img { display: block; max-width: 100%; } .uss_section_content .uss_shop_list_view_item.uss_eshop_item .posimg_item .uss_img_holder_outer { max-width: 30vw; } .uss_section_content .uss_shop_list_view_item.uss_eshop_item .posimg_item .uss_img_holder_outer .uss_img_holder { display: block; max-width: 100%; } .uss_section_content .uss_shop_list_view_item.uss_eshop_item .posimg_item .uss_img_holder_outer .uss_img_holder a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .uss_section_content .uss_shop_list_view_item.uss_eshop_item .posimg_item .uss_img_holder_outer .uss_img_holder img { display: block; max-width: 100%; } .uss_shop_blocks_view .uss_eshop_item .posimg_item .uss_img_holder_outer { max-width: 100%; } .uss_shop_blocks_view .uss_eshop_item .posimg_item .uss_img_holder_outer .uss_img_holder { max-width: 100%; display: block; margin-bottom: 0; } .uss_shop_blocks_view .uss_eshop_item .posimg_item .uss_img_holder_outer .uss_img_holder a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .uss_shop_blocks_view .uss_eshop_item .posimg_item .uss_img_holder_outer .uss_img_holder img { display: block; max-width: 100%; height: auto !important; } .uss_section_content .uss_eshop_sameproducts.list .item .imageArea { max-width: calc(40vw - 10px); } .uss_section_content .uss_eshop_sameproducts.list .item .imageArea .imageWrapOuter { max-width: 100%; } .uss_section_content .uss_eshop_sameproducts.list .item .imageArea .imageWrapOuter .image { display: block; max-width: 100%; } .uss_section_content .uss_eshop_sameproducts.list .item .imageArea .imageWrapOuter .image a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .uss_section_content .uss_eshop_sameproducts.list .item .imageArea .imageWrapOuter .image img { display: block; max-width: 100%; } .uss_eshop_sameproducts.blocks .item .imageArea .imageWrapOuter { max-width: 100%; } .uss_eshop_sameproducts.blocks .item .imageArea .imageWrapOuter .imageWrap { max-width: 100%; display: block; } .uss_eshop_sameproducts.blocks .item .imageArea .imageWrapOuter .imageWrap .image { max-width: 100%; display: block; } .uss_eshop_sameproducts.blocks .item .imageArea .imageWrapOuter .imageWrap .image a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .uss_eshop_sameproducts.blocks .item .imageArea .imageWrapOuter .imageWrap img { max-width: 100%; display: block; height: auto; } .uss_catalog_block_cat .uss_catalog_category .uss_catalog_cat_img { max-width: 100%; display: block; } .uss_catalog_block_cat .uss_catalog_category .uss_catalog_cat_img a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .uss_section_content .uss_catalog_list_cat .uss_catalog_category .uss_catalog_img_wrap { max-width: 40vw - 10; } .uss_section_content .uss_catalog_list_cat .uss_catalog_category .uss_catalog_img_wrap .uss_catalog_cat_img { max-width: 100%; display: block; } .uss_section_content .uss_catalog_list_cat .uss_catalog_category .uss_catalog_img_wrap .uss_catalog_cat_img a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .news_list.news_block_items .news_item .image .uss_image_holder { max-width: calc(100% - 4px); height: auto !important; display: block; margin: 2px; } .news_list.news_block_items .news_item .image .uss_image_holder img { display: block; max-width: 100%; } .similar_items_block .news_item .image .uss_image_holder { max-width: 100%; display: block; height: auto !important; } .similar_items_block .news_item .image .uss_image_holder img { max-width: 100%; display: block; height: auto; } .similar_items_list .news_item .image { max-width: 40vw; border: 0; } .similar_items_list .news_item .image .uss_image_holder { max-width: 100%; display: block; height: auto !important; } .similar_items_list .news_item .image .uss_image_holder img { max-width: 100%; display: block; height: auto; } .groups_list .group_item .info .image .uss_image_holder { max-width: 40vw; height: auto !important; display: block; } .groups_list .group_item .info .image .uss_image_holder img { display: block; max-width: 100%; height: auto; } .groups_block .group_item .info .image .uss_image_holder { max-width: 40vw; height: auto !important; display: block; } .groups_block .group_item .info .image .uss_image_holder img { display: block; max-width: 100%; height: auto; } .uss_eshop_sameproducts.blocks .item { max-width: calc((100% - 10px) / 2); } .news_list.news_block_items .news_item { max-width: calc((100% - 10px) / 2); } .uss_shop_blocks_view .uss_eshop_item { max-width: calc((100% - 10px) / 2); transition: var(--tr-1); } .uss_shop_blocks_view .uss_eshop_item:hover { box-shadow: var(--bx-2); } .similar_items_block .news_item { max-width: calc((100% - 10px) / 2); } .uss_form_captcha { width: auto; max-width: 390px; } .uss_form_captcha img { border: none!important; width: 97px; height: 38px; } .uss_form_captcha input { width: 258px !important; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_name, div.uss_tabs .uss_tabs_navigation span, .uss_shop_block_cat .uss_shop_cat_name, .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, .content_menu, .uss_shop_list_cat .uss_shop_cat_name, .uss_shop_list_view .uss_shop_technical_data .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, .buy_one_click_form_tml .uss_title, .catalogs .uss_eshop_menu > li > a, .catalogs .catalog_menu > li > div > a, .product_cat .uss_eshop_menu > li > a, .product_cat .catalog_menu > li > div > a, .catalog_block .uss_eshop_menu > li > a, .catalog_block .catalog_menu > li > div > a, .block .news_block_item .info .title, .uss_widget_outer_content .news_block_item .title, .news_list .title { font-size: 17px; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_name a, div.uss_tabs .uss_tabs_navigation span a, .uss_shop_block_cat .uss_shop_cat_name 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, .catalogs .uss_eshop_menu > li > a a, .catalogs .catalog_menu > li > div > a a, .product_cat .uss_eshop_menu > li > a a, .product_cat .catalog_menu > li > div > a a, .catalog_block .uss_eshop_menu > li > a a, .catalog_block .catalog_menu > li > div > a a, .block .news_block_item .info .title a, .uss_widget_outer_content .news_block_item .title a, .news_list .title a { font-size: inherit; } .uss_shop_table_view td.uss_title { font-size: 16px; } @media (max-width: 768px) { .uss_shop_blocks_view .uss_eshop_item .uss_shop_name, div.uss_tabs .uss_tabs_navigation span, .uss_shop_block_cat .uss_shop_cat_name, .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, .content_menu, .uss_shop_list_cat .uss_shop_cat_name, .uss_shop_list_view .uss_shop_technical_data .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, .buy_one_click_form_tml .uss_title, .catalogs .uss_eshop_menu > li > a, .catalogs .catalog_menu > li > div > a, .product_cat .uss_eshop_menu > li > a, .product_cat .catalog_menu > li > div > a, .catalog_block .uss_eshop_menu > li > a, .catalog_block .catalog_menu > li > div > a, .block .news_block_item .info .title, .uss_widget_outer_content .news_block_item .title, .news_list .title { font-size: 16px; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_name a, div.uss_tabs .uss_tabs_navigation span a, .uss_shop_block_cat .uss_shop_cat_name 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, .catalogs .uss_eshop_menu > li > a a, .catalogs .catalog_menu > li > div > a a, .product_cat .uss_eshop_menu > li > a a, .product_cat .catalog_menu > li > div > a a, .catalog_block .uss_eshop_menu > li > a a, .catalog_block .catalog_menu > li > div > a a, .block .news_block_item .info .title a, .uss_widget_outer_content .news_block_item .title a, .news_list .title a { font-size: inherit; } } .uss_eshop_sameproducts.blocks .item .descr, .uss_eshop_sameproducts.list .item .descr, .service .uss_eshop_menu > li .uss_tree_description, .service .catalog_menu .catalog_menu_item .uss_tree_description, .uss_shop_block_cat .uss_shop_cat_text, .uss_catlog_cat_anons, .uss_catalog_detail .uss_catalog_short_description, .uss_shop_list_cat .uss_shop_cat_text, .uss_buy_one_click_pos .uss_onepos_info .uss_description, .uss_shop_description, .news_block_item .preview, .news_list .preview, .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, .catalogs .uss_eshop_menu .uss_tree_description, .catalogs .catalog_menu .uss_tree_description, .product_cat .uss_eshop_menu .uss_tree_description, .product_cat .catalog_menu .uss_tree_description, div.uss_tabs .tab_item, .content .section.section_text, .uss_widget_outer_content .news_block_item .preview, .photoalbum_menu .photoalbum_menu_item .uss_tree_description { font-size: 16px; } .uss_eshop_sameproducts.blocks .item .descr p, .uss_eshop_sameproducts.list .item .descr p, .service .uss_eshop_menu > li .uss_tree_description p, .service .catalog_menu .catalog_menu_item .uss_tree_description p, .uss_shop_block_cat .uss_shop_cat_text p, .uss_catlog_cat_anons p, .uss_catalog_detail .uss_catalog_short_description p, .uss_shop_list_cat .uss_shop_cat_text p, .uss_buy_one_click_pos .uss_onepos_info .uss_description p, .uss_shop_description p, .news_block_item .preview p, .news_list .preview p, .groups_list .description p, .uss_shop_full_description p, .section_news .uss_news .groups_list .group_item .description p, .section_news .uss_news .groups_block .group_item .description p, .uss_photoalbums_albums_block .uss_albums_description p, .uss_photoalbums_albums_with_photo .uss_albums_description p, .uss_photoalbums_albums_list .uss_albums_description p, .catalogs .uss_eshop_menu .uss_tree_description p, .catalogs .catalog_menu .uss_tree_description p, .product_cat .uss_eshop_menu .uss_tree_description p, .product_cat .catalog_menu .uss_tree_description p, div.uss_tabs .tab_item p, .content .section.section_text p, .uss_widget_outer_content .news_block_item .preview p, .photoalbum_menu .photoalbum_menu_item .uss_tree_description p, .uss_eshop_sameproducts.blocks .item .descr span, .uss_eshop_sameproducts.list .item .descr span, .service .uss_eshop_menu > li .uss_tree_description span, .service .catalog_menu .catalog_menu_item .uss_tree_description span, .uss_shop_block_cat .uss_shop_cat_text span, .uss_catlog_cat_anons span, .uss_catalog_detail .uss_catalog_short_description span, .uss_shop_list_cat .uss_shop_cat_text span, .uss_buy_one_click_pos .uss_onepos_info .uss_description span, .uss_shop_description span, .news_block_item .preview span, .news_list .preview span, .groups_list .description span, .uss_shop_full_description span, .section_news .uss_news .groups_list .group_item .description span, .section_news .uss_news .groups_block .group_item .description span, .uss_photoalbums_albums_block .uss_albums_description span, .uss_photoalbums_albums_with_photo .uss_albums_description span, .uss_photoalbums_albums_list .uss_albums_description span, .catalogs .uss_eshop_menu .uss_tree_description span, .catalogs .catalog_menu .uss_tree_description span, .product_cat .uss_eshop_menu .uss_tree_description span, .product_cat .catalog_menu .uss_tree_description span, div.uss_tabs .tab_item span, .content .section.section_text span, .uss_widget_outer_content .news_block_item .preview span, .photoalbum_menu .photoalbum_menu_item .uss_tree_description span { font-size: inherit; } .similar_items_block .news_item .date, .similar_items_list .news_item .date, .news_block_item .date, .uss_widget_outer_content .news_block_item .date, .news_list .date { font-size: 16px; } .similar_items_block .news_item .date p, .similar_items_list .news_item .date p, .news_block_item .date p, .uss_widget_outer_content .news_block_item .date p, .news_list .date p, .similar_items_block .news_item .date span, .similar_items_list .news_item .date span, .news_block_item .date span, .uss_widget_outer_content .news_block_item .date span, .news_list .date span { font-size: inherit; } @media (max-width: 768px) { .uss_eshop_sameproducts.blocks .item .descr, .uss_eshop_sameproducts.list .item .descr, .service .uss_eshop_menu > li .uss_tree_description, .service .catalog_menu .catalog_menu_item .uss_tree_description, .uss_shop_block_cat .uss_shop_cat_text, .uss_catlog_cat_anons, .uss_catalog_detail .uss_catalog_short_description, .uss_shop_list_cat .uss_shop_cat_text, .uss_buy_one_click_pos .uss_onepos_info .uss_description, .uss_shop_description, .news_block_item .preview, .news_list .preview, .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, .catalogs .uss_eshop_menu .uss_tree_description, .catalogs .catalog_menu .uss_tree_description, .product_cat .uss_eshop_menu .uss_tree_description, .product_cat .catalog_menu .uss_tree_description, div.uss_tabs .tab_item, .content .section.section_text, .uss_widget_outer_content .news_block_item .preview, .photoalbum_menu .photoalbum_menu_item .uss_tree_description { font-size: 15px; } .uss_eshop_sameproducts.blocks .item .descr p, .uss_eshop_sameproducts.list .item .descr p, .service .uss_eshop_menu > li .uss_tree_description p, .service .catalog_menu .catalog_menu_item .uss_tree_description p, .uss_shop_block_cat .uss_shop_cat_text p, .uss_catlog_cat_anons p, .uss_catalog_detail .uss_catalog_short_description p, .uss_shop_list_cat .uss_shop_cat_text p, .uss_buy_one_click_pos .uss_onepos_info .uss_description p, .uss_shop_description p, .news_block_item .preview p, .news_list .preview p, .groups_list .description p, .uss_shop_full_description p, .section_news .uss_news .groups_list .group_item .description p, .section_news .uss_news .groups_block .group_item .description p, .uss_photoalbums_albums_block .uss_albums_description p, .uss_photoalbums_albums_with_photo .uss_albums_description p, .uss_photoalbums_albums_list .uss_albums_description p, .catalogs .uss_eshop_menu .uss_tree_description p, .catalogs .catalog_menu .uss_tree_description p, .product_cat .uss_eshop_menu .uss_tree_description p, .product_cat .catalog_menu .uss_tree_description p, div.uss_tabs .tab_item p, .content .section.section_text p, .uss_widget_outer_content .news_block_item .preview p, .photoalbum_menu .photoalbum_menu_item .uss_tree_description p, .uss_eshop_sameproducts.blocks .item .descr span, .uss_eshop_sameproducts.list .item .descr span, .service .uss_eshop_menu > li .uss_tree_description span, .service .catalog_menu .catalog_menu_item .uss_tree_description span, .uss_shop_block_cat .uss_shop_cat_text span, .uss_catlog_cat_anons span, .uss_catalog_detail .uss_catalog_short_description span, .uss_shop_list_cat .uss_shop_cat_text span, .uss_buy_one_click_pos .uss_onepos_info .uss_description span, .uss_shop_description span, .news_block_item .preview span, .news_list .preview span, .groups_list .description span, .uss_shop_full_description span, .section_news .uss_news .groups_list .group_item .description span, .section_news .uss_news .groups_block .group_item .description span, .uss_photoalbums_albums_block .uss_albums_description span, .uss_photoalbums_albums_with_photo .uss_albums_description span, .uss_photoalbums_albums_list .uss_albums_description span, .catalogs .uss_eshop_menu .uss_tree_description span, .catalogs .catalog_menu .uss_tree_description span, .product_cat .uss_eshop_menu .uss_tree_description span, .product_cat .catalog_menu .uss_tree_description span, div.uss_tabs .tab_item span, .content .section.section_text span, .uss_widget_outer_content .news_block_item .preview span, .photoalbum_menu .photoalbum_menu_item .uss_tree_description span { font-size: inherit; } .similar_items_block .news_item .date, .similar_items_list .news_item .date, .news_block_item .date, .uss_widget_outer_content .news_block_item .date, .news_list .date { font-size: 16px - 1px; } .similar_items_block .news_item .date p, .similar_items_list .news_item .date p, .news_block_item .date p, .uss_widget_outer_content .news_block_item .date p, .news_list .date p, .similar_items_block .news_item .date span, .similar_items_list .news_item .date span, .news_block_item .date span, .uss_widget_outer_content .news_block_item .date span, .news_list .date span { font-size: inherit; } } .section_photoalbums .uss_photoalbums_albums .uss_photoalbums_albums_list .uss_albums_item { padding-left: 0; padding-right: 0; } .section_news .uss_news .groups_list .group_item .info { display: block; } .section_news .uss_news .groups_list .group_item .image { float: left; margin: 0 20px 20px 0; max-width: 35vw; } .section_news .uss_news .groups_list .group_item .image + * { overflow: hidden; } .aside-block .news_block_item .title { font-size: 16px; } .aside-block .news_block_item .title a { font-size: inherit; } .aside-block .uss_widget_outer_content .uss_eshop_block_item .uss_shop_name { font-size: 16px; } .aside-block .uss_widget_outer_content .uss_eshop_block_item .uss_shop_name a { font-size: inherit; } @media (max-width: 768px) { .aside-block .news_block_item .title { font-size: 16px - 1px; } .aside-block .news_block_item .title a { font-size: inherit; } .aside-block .uss_widget_outer_content .uss_eshop_block_item .uss_shop_name { font-size: 16px - 1px; } .aside-block .uss_widget_outer_content .uss_eshop_block_item .uss_shop_name a { font-size: inherit; } } @media (max-width: 1000px) { .container .inner { padding-top: 0; padding-bottom: 0; } .container .aside { display: block; width: 100%; } .aside-block:not(.aside-catalog) { display: none; } .aside-catalog { margin-bottom: 10px !important; } .aside-catalog:not(.open) > ul { display: none; } .aside-catalog .h3 { display: block; display: inline-block; padding: 13px 31px 13px; line-height: 1; height: auto; min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; font-size: 16px; font-weight: 600; text-align: center; border-radius: var(--br-1); -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1 !important; text-decoration: none; width: 100%; background: var(--accent); color: #fff; margin: 0 0 1px 0; font-size: 18px; } .aside-catalog .h3 span { border-bottom: 1px dashed #fff; display: inline-block; padding-bottom: 2px; } .aside-catalog .h3:after { content: ''; /*background: url(../img/slider-arrow-next.png) center no-repeat;*/ width: 6px; height: 10px; display: inline-block; vertical-align: middle; margin-left: 10px; position: relative; top: -1px; background: url(../img/arrow-right-black.svg) no-repeat center center; filter: invert(99%) sepia(1%) saturate(770%) hue-rotate(116deg) brightness(117%) contrast(100%); } .aside-catalog.open .h3 { background-color: var(--accent2); } .aside-catalog.open .h3:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .context .comment_form_block > .comments_form { padding: 15px; } .context .uss_shop_detail { padding: 15px; } .section_news .uss_news.news_exact_item { padding: 15px; } .singlepage .content_menu.sub { padding: 15px; } .section_news .news_similar_wrap .similar_items .news_item { padding: 10px 15px; } .section_news .news_similar_wrap .similar_items.similar_items_list .news_item, .section_news .news_similar_wrap .similar_items.similar_items_list .news_item:first-child { padding: 20px 10px; } .section_news .news_similar_wrap .similar_items.similar_items_list .news_item { margin-bottom: 0; } .section_news .news_similar_wrap .similar_items.similar_items_list .news_item .info > div:last-child { margin-bottom: 0; } .block.photoalbum .photoalbum_menu, .block.photoalbum .uss_widget_outer_content { padding: 15px; } .menu { margin-bottom: 20px; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block { padding: 15px; } .singlepage .uss_pagenator { padding-left: 15px; padding-bottom: 15px; } .uss_eshop_sort_block { padding: 15px 15px 0 15px; } .uss_eshop_sort_block > div { margin-bottom: 15px; } .uss_section_content > .uss_eshop_filters { margin-bottom: 15px; } .uss_shop_list_cat .uss_shop_category { padding: 10px 15px; } .singlepage .content_menu.sub { padding: 10px 10px; } .singlepage .section:not(.section_eshop):not(.section_catalog):not(.section_news):not(.section_photoalbums) { padding: 10px; margin-bottom: 15px; } .singlepage .context + .block { margin-top: 15px; } .section.section_eshop > .uss_section_content { } } @media (max-width: 768px) { #wrap { font-size: 16px; } .mainpage .context { padding: 10px; } .uss_comments { margin-bottom: 20px; } .comment_form_block { margin: 0; padding: 0; } .container { margin-top: 10px; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_price { text-align: left; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_price span.old_price { font-size: 18px !important; } .uss_shop_table_view table.uss_shoppos_table tr.uss_eshop_item td.uss_price span.actual_price { font-size: 30px !important; } .uss_shop_table_view.mCustomScrollbar .mCSB_container { width: 100% !important; } table.uss_shoppos_table { max-width: 100%; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_items .eshop_filters_item { font-size: 15px; } .uss_shop_blocks_view .uss_eshop_item .posimg_item { margin-bottom: 20px; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_name { margin-bottom: 15px; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_description { margin-bottom: 10px; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_price { margin-bottom: 15px; } .uss_shop_blocks_view .uss_eshop_item .extra-buttons { margin: 10px 0; } .uss_shop_blocks_view .uss_eshop_item { padding: 15px 15px; } .uss_shop_detail .uss_img_wrapper { margin-right: 40px; } .uss_eshop_sameproducts.blocks .item { padding: 20px 15px; } .content .uss_catalog_detail { padding: 20px 10px; } .section_news .uss_news .news_list .news_item, .section_news .uss_news .news_list .news_item:first-child { padding: 20px 10px; } .context.noflex.x3 .news_list.news_block_items .news_item { max-width: calc(100% / 2); } .context.noflex.x3 .news_list.news_block_items .news_item:nth-child(1), .context.noflex.x3 .news_list.news_block_items .news_item:nth-child(2), .context.noflex.x3 .news_list.news_block_items .news_item:nth-child(3) { padding-top: 20px; } .section_news .uss_news .news_list .news_item .preview p { margin-bottom: 0; } .section_news .uss_news .news_list .news_item .image { max-width: 45vw; } .section_news .uss_news .news_list .news_item .image img { display: block; max-width: 100%; } .section_news .news_similar_wrap .similar_items.similar_items_block .news_item { padding: 20px 10px; max-width: calc(100% / 2); min-width: calc(100% / 2); border-bottom: 1px solid #ebebeb; } .section_news .news_similar_wrap .similar_items.similar_items_block .news_item:nth-child(3) { border-right: 1px solid #ebebeb; } .section_news .news_similar_wrap .similar_items.similar_items_block .news_item:nth-child(1), .section_news .news_similar_wrap .similar_items.similar_items_block .news_item:nth-child(2), .section_news .news_similar_wrap .similar_items.similar_items_block .news_item:nth-child(3) { padding-top: 20px; } .section_photoalbums { padding: 10px; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_item { max-width: none; -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit { max-width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 0; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit input.styler, .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit button { padding-left: 30px; padding-right: 30px; max-width: none; -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; margin-right: 5px; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit input.styler + button, .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit button + button { margin-left: 0; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block.simple_filters form#uss_block_filters { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block.simple_filters form#uss_block_filters .filter_item { margin-left: 0 !important; } } @media (max-width: 700px) { .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_items { -ms-flex-wrap: wrap; flex-wrap: wrap; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_items .eshop_filters { max-width: calc((100% - 10px) / 2); margin-right: 0; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_items .eshop_filters:not(:last-child) { margin-right: 0; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_items .eshop_filters:nth-of-type(odd) { margin-right: 10px; } .uss_shop_detail .uss_img_wrapper { margin: 0 0 15px; display: block; float: none; width: 100% !important; } .uss_shop_detail .uss_img_wrapper:after { content: ''; display: table; clear: both; } .uss_shop_detail .uss_img_wrapper .uss_img_big { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .uss_shop_detail .uss_img_wrapper ~ div { width: 100%; display: block; } .uss_shop_detail .uss_shop_technical_data { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } .uss_shop_detail .uss_shop_technical_data > div:not(.uss_shop_by):not(.extra-buttons) { width: 100%; } .uss_shop_detail .uss_shop_technical_data .extra-buttons { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .uss_shop_detail .uss_shop_technical_data .extra-buttons > div { -webkit-box-flex: 0 !important; -ms-flex: 0 auto !important; flex: 0 auto !important; } .uss_shop_detail .uss_shop_technical_data .uss_shop_by { width: auto; } div.uss_tabs { margin-top: 20px; padding-top: 10px; } div.uss_tabs .uss_tabs_navigation { margin: 0 0 0 0; } div.uss_tabs .uss_tabs_navigation span { width: 100%; display: block; text-align: center; margin: 0 0 17px 0 !important; } } @media (max-width: 622px) { .context.noflex .uss_shop_blocks_view .uss_eshop_item { max-width: calc(100% / 2); } .context.noflex .uss_shop_blocks_view .uss_eshop_item:nth-of-type(3n) { border-right: 1px solid #ebebeb; } .context.noflex .uss_shop_blocks_view .uss_eshop_item:nth-of-type(even) { border-right: none; } .context.noflex .uss_shop_block_cat .uss_shop_category { max-width: calc(100% / 2); } .context.noflex .uss_shop_block_cat .uss_shop_category:nth-of-type(3n) { border-right: 1px solid #ebebeb; } .context.noflex .uss_shop_block_cat .uss_shop_category:nth-of-type(even) { border-right: none; } .context.noflex .uss_eshop_sameproducts.blocks .item { max-width: calc(100% / 2); } .context.noflex.x3 .uss_eshop_sameproducts.blocks .item:nth-of-type(3n) { border-right: 1px solid #ebebeb; } .context.noflex .uss_eshop_sameproducts.blocks .item:nth-of-type(even) { border-right: none; } .context.noflex .uss_catalog_block_cat .uss_catalog_category { max-width: calc(100% / 2); } .context.noflex .uss_catalog_block_cat .uss_catalog_category:nth-of-type(3n) { border-right: 1px solid #ebebeb; } .context.noflex .uss_catalog_block_cat .uss_catalog_category:nth-of-type(even) { border-right: none; } .context.noflex.x3 .uss_news .groups.groups_block .group_item { max-width: calc(100% / 2); } .context.noflex.x3 .uss_news .groups.groups_block .group_item:nth-of-type(3n) { border-right: 1px solid #ebebeb; } .context.noflex.x3 .uss_news .groups.groups_block .group_item:nth-of-type(even) { border-right: none; } } @media (max-width: 600px) { .uss_catalog_detail .uss_img_wrapper { max-width: 100%; margin: 0 auto; display: block; float: none; } .uss_catalog_detail .uss_img_wrapper img { max-width: 100%; display: block; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_items { -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 .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_items .eshop_filters { max-width: 100%; margin-right: 0; margin-right: 0 !important; margin-left: 0 !important; margin-top: 5px; margin-bottom: 5px; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_items .eshop_filters:not(:last-child) { margin-right: 0; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .group .eshop_filters_items .eshop_filters:nth-of-type(odd) { margin-right: 10px; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_item { margin-bottom: 5px !important; margin-top: 5px !important; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters .filter_submit { margin-left: 0; margin-bottom: 5px !important; margin-top: 5px !important; } } @media (max-width: 576px) { /*bootstrap*/ .uss_shop_list_view .uss_eshop_item .posimg_item { float: none; margin-right: 0; margin-bottom: 20px; } .uss_shop_list_view .uss_eshop_item .uss_shop_technical_data { margin-bottom: 0; } } @media (max-width: 515px) { .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block form#uss_block_filters > .filter_item + .filter_item { margin-left: 0; } } @media (max-width: 500px) { form#ommentaddform_id .uss_form_item.uss_form_text { width: 100%; margin-right: 0; } form#ommentaddform_id .uss_form_item.uss_form_text + .uss_form_text { margin-left: 0 !important; } .section_news .news_similar_wrap .similar_items .news_item { max-width: calc((100% - 10px) / 2); -webkit-box-sizing: border-box; box-sizing: border-box; } .uss_shop_blocks_view .uss_eshop_item .extra-buttons { -ms-flex-pack: distribute; justify-content: space-around; } .uss_shop_blocks_view .uss_eshop_item .extra-buttons > div { margin: 0; } .context.noflex.x3 .news_list.news_block_items .news_item { max-width: 100%; } .context.noflex.x3 .news_list.news_block_items .news_item:nth-of-type(2n) { border-right: none; } .section_news .uss_news .news_list .news_item .image { max-width: 100%; float: none; margin: 0; } .section_news .uss_news .news_list .news_item .image img { display: block; } .section_news .similar_items_list .news_item .image { max-width: 100%; float: none; margin: 0; text-align: left; } .section_news .similar_items_list .news_item .image img { margin: 0; } .section_news .news_similar_wrap .similar_items.similar_items_block .news_item { max-width: 100%; min-width: 100%; } .section_news .news_similar_wrap .similar_items.similar_items_block .news_item { border: 0; } .section_news .news_similar_wrap .similar_items.similar_items_block .news_item + .news_item { border-top: 1px solid #ebebeb; } } @media (max-width: 450px) { .uss_shop_detail .uss_shop_technical_data .extra-buttons { width: 100%; } .uss_shop_detail .uss_shop_technical_data .extra-buttons > div { -webkit-box-flex: 1 !important; -ms-flex: 1 auto !important; flex: 1 auto !important; } .uss_shop_detail .uss_shop_technical_data .uss_shop_by { width: 100%; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block.simple_filters form#uss_block_filters > div { width: 100%; max-width: none; } } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr; width: 100%; } .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: 0.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; 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; 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; 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 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, background-color 0.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 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.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, 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, 0.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, 0.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, 0.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: 0.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: 0.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: 0.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, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .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, 0.1); 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, 0.75); 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, 0.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, 0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.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, 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, 0.1); 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, 0.75); 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, 0.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, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.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, 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, 0.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, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.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, 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, 0.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, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.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, 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: 0.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: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.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: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.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 { 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, 0.2); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d-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; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.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, 0.1); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .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 { 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 { -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal { bottom: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.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, 0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools { -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.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, 0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 16px rgba(0, 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, 0.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, 0.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, 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, 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, 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, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.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, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .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, 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, 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, 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, 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, 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, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.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, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.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, 0.9); } :root { --color-white: #fff; --color-black: #000; --main-font: 'Google Sans', sans-serif; --main-color: #fff; --main-color-alt: var(--color-white); --main-color-inverted: #222222; --icons-color: var(--color-white); --accent: #FFB52C; --accent2: #23282D; --accent2-alt: #2B2E32; --accent3: #F6F6F5; --accent3-alt: #8E98A4; --link-color: var(--accent); --text-main-color: #2B2F35; --text-accent-color: var(--color-white); --text-special-color: #8E98A4; --text-footer-color: var(--text-accent-color); --bx-1: 0 1px 5px 0 rgba(0,0,0,.2); --bx-2: 0px 10px 30px rgba(0, 0, 0, 0.1); --toBlack: brightness(0); --toWhite: brightness(0) invert(1); --toIcons: none; --toAccent: brightness(0) invert(87%) sepia(12%) saturate(6427%) hue-rotate(334deg) brightness(102%) contrast(101%); --input_max_width: 300px; --tr-1: 0.25s linear; --br-1: 10px; --br-2: 14px; --border-color-1: #DEE5E5; } /* Обновление форм 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.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 конец*/ /* Кнопка закрыть во всплывающих окнах */ .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); } .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(--accent2); 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, .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; } /* Кнопка закрыть во всплывающих окнах конец*/ .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); border-radius: var(--br-1); transition: var(--tr-1); } .burger:hover { background: var(--accent-hover); } .burger span { width: 100%; height: 3px; border-radius: 5px; background: var(--main-color); } .adaptive-menu .main-menu { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin: 0 0 20px; } .adaptive-menu .main-menu .home-link { width: 100%; margin: 0 auto; height: 50px; border-radius: var(--br-2); } .adaptive-menu .main-menu > ul > li > a { text-align: left; } .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: 50%; 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); } .adaptive-menu-wrapper { width: calc(100% - 80px); background: var(--main-color); height: 100%; overflow: auto; display: flex; flex-direction: column; padding: 10px; } .adaptive-menu .h3 { margin: 20px 0 10px; font-size: 20px; font-weight: 500; } .adaptive-menu .main-menu { flex: unset; } .adaptive-menu .main-menu .submenu { display: none; } .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 .catalog_menu > li, .adaptive-menu .main-menu > ul > li { width: 100%; } .adaptive-menu .catalog_menu > li::before, .adaptive-menu .main-menu > ul > li::before { display: none; } .adaptive-menu .catalog_menu li a, .adaptive-menu .main-menu > ul > li > a { font-size: 15px; width: 100%; padding: 10px 10px; display: block; text-align: left; color: inherit; } .adaptive-menu .catalog_menu > li a:hover, .adaptive-menu .catalog_menu > li a.active, .adaptive-menu .main-menu > ul > li > a:hover, .adaptive-menu .main-menu > ul > li > a.active { padding-left: 15px; background: var(--main-color-hover); } .adaptive-menu .main-menu > ul::after { border: 0; } .adaptive-menu p { margin: 0; } .adaptive-menu .contacts { display: flex; flex-wrap: wrap; flex-direction: column; gap: 5px; } .adaptive-menu .block-email a::before { background: var(--accent3-alt); } .wrapper { max-width: calc(100% - 20px); padding: 0 20px; width: 1600px; position: relative; margin: 0 auto; } .header { position: relative; z-index: 100; } .header p { margin: 0; } .top-header .wrapper { display: flex; align-items: center; gap: 5px 20px; } .top-header .logo { display: none; } .block-city { display: flex; position: relative; align-items: center; gap: 10px; line-height: 1; } .block-city::before { content: ''; -webkit-mask: url('/img/icon-location.svg') no-repeat center; mask: url('/img/icon-location.svg') no-repeat center; background: var(--accent); width: 11px; height: 14px; flex: 0 0 auto; } .top-header .block-city { margin-right: 30px; } .top-header .top-menu { display: flex; align-items: center; margin-right: auto; } .top-menu>ul { list-style: none; margin: 0; padding: 5px 0; display: flex; font-size: 14px; line-height: 1; font-weight: 400; gap: 5px 20px; } .top-menu a { color: inherit; } .top-menu>ul>li>a { padding: 0px; display: block; } .top-menu>ul>li::after { top: 100%; height: 10px; content: ''; position: absolute; width: 100%; left: 0; } .top-menu li { position: relative; } .top-menu li a:hover, .top-menu li.active a { color: var(--accent); } .top-menu .submenu { list-style: none; padding: 20px; margin: 0; position: absolute; box-shadow: var(--bx-1); width: 300px; z-index: 200; background: var(--main-color); left: -20px; display: flex; flex-direction: column; top: 100%; gap: 10px; pointer-events: none; transform: translateY(-10px); opacity: 0; will-change: transform; transition: var(--tr-1); overflow: hidden; } .top-menu .submenu>li { --index: 0; transform: translate(-10px, 0); transform-origin: 0% 50%; opacity: 0; } @keyframes slide-right-up { 0% { transform: translate(-10px, 0); opacity: 0; } 100% { transform: none; opacity: 1; } } .top-menu li:hover > .submenu > li { animation: slide-right-up .25s linear forwards; animation-delay: calc(0.05s * var(--index)); } .top-menu li:hover .submenu { opacity: 1; pointer-events: all; transform: none; top: calc(100% + 10px); } .top-menu > ul > li.first .submenu { left: 0; transform: none; } .top-header { background: var(--accent2); color: var(--text-accent-color); font-size: 14px; line-height: 1; } .top-header a { text-decoration: none; } .top-header .contacts { display: flex; gap: 10px 40px; margin-left: auto; align-items: center; } .block-email a:hover { color: var(--accent); } a { transition: var(--tr-1); } .callus { line-height: 1; position: relative; font-weight: 500; cursor: pointer; transition: var(--tr-1); padding: 13px 0; width: max-content; } .callus::after { content: ''; position: absolute; bottom: 0px; transform: translateX(-50%); left: 50%; background: var(--accent); height: 2px; width: 100%; transition: inherit; will-change: transform; } .block-phone { line-height: 1; font-size: 20px; font-weight: 500; margin-right: 20px; } .block-socials p { display: flex; align-items: center; gap: 10px; line-height: 1; margin: 0; } .block-socials a { display: flex; align-items: center; height: 20px; margin: 0; transition: var(--tr-1); font-size: 14px; position: relative; line-height: 1; } .block-socials a:hover { color: var(--accent3-alt); } .block-socials a::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: inherit; } .block-socials a img { display: block; width: 20px; height: 20px; object-fit: contain; object-position: 50% 50%; } .block-socials a.tg, .block-socials a[href*="t.me"], .block-socials a.max, .block-socials a[href*="max.ru"] { font-size: 0; position: relative; width: 20px; height: 20px; } .block-socials a.tg::before, .block-socials a[href*="t.me"]::before, .block-socials a.max::before, .block-socials a[href*="max.ru"]::before { background: var(--accent); } .block-socials a.tg::before, .block-socials a[href*="t.me"]::before { -webkit-mask: url('/img/icon-tg.svg') no-repeat center; mask: url('/img/icon-tg.svg') no-repeat center; -webkit-mask-size: 20px; mask-size: 20px; } .block-socials a.max::before, .block-socials a[href*="max.ru"]::before { -webkit-mask: url('/img/icon-max.svg') no-repeat center; mask: url('/img/icon-max.svg') no-repeat center; -webkit-mask-size: 20px; mask-size: 20px; } .block-socials a.tg:hover::before, .block-socials a[href*="t.me"]:hover::before, .block-socials a.max:hover::before, .block-socials a[href*="max.ru"]:hover::before { background: var(--accent3-alt); } .block-email { color: inherit; } .block-email a { display: flex; align-items: center; gap: 8px; padding-left: 25px; position: relative; color: inherit; text-shadow: none; transition: var(--tr-1); font-weight: 500; } .block-email a::before { content: ''; width: 18px; height: 18px; top: calc(50% + 1px); transform: translateY(-50%); position: absolute; left: 0; -webkit-mask: url('/img/icon-email.svg') no-repeat center; mask: url('/img/icon-email.svg') no-repeat center; -webkit-mask-size: 100% auto; mask-size: 100% auto; background: var(--accent3); } .block-email a:hover { color: var(--accent); } .main-header .wrapper { display: flex; align-items: center; gap: 20px; } .logo { width: 300px; height: 80px; } .logo img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; object-position: 0 50%; } .logo p { margin: 0; display: block; width: 100%; height: 100%; } .logo a { display: block; width: 100%; height: 100%; } .main-header .center { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 20px; } .search, .search .uss_site_search { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; position: relative; max-width: 100%; } .search .uss_input_name { flex: 1 1 auto; position: relative; min-width: 0; box-shadow: none; text-shadow: none; background: var(--accent3); border: solid 1px var(--border-color-1); border-radius: var(--br-1); font-size: 16px; line-height: 1; font-weight: 500; font-family: inherit; color: var(--text-special-color); padding: 0 120px 0 20px; height: 60px; display: flex; line-height: 60px; } .search .uss_submit { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 92px; height: 40px; padding: 0; justify-content: center; text-align: center; line-height: 1; display: flex; align-items: center; border-radius: var(--br-1); color: var(--text-accent-color); box-shadow: none; flex: 0 0 auto; font-size: 16px; font-weight: 500; border: 0; background-color: var(--accent); cursor: pointer; transition: var(--tr-1); } .search .uss_submit:hover { background-color: var(--accent3-alt); } .main-header .right { display: flex; align-items: center; gap: 15px; } .main-header .shop-icons { display: flex; align-items: center; gap: 10px; z-index: 1; position: relative; } .icon-wishlist { position: relative; border: 0; border-radius: var(--br-1); width: 50px; height: 50px; z-index: 0; transition: var(--tr-1); } .icon-wishlist::before { content: ''; position: absolute; width: 100%; height: 100%; -webkit-mask: url('/img/icon-wishlist.svg') no-repeat center; mask: url('/img/icon-wishlist.svg') no-repeat center; -webkit-mask-size: 22px; mask-size: 22px; background: var(--accent3-alt); transition: inherit; } .icon-wishlist:hover::before { background: var(--accent); } .icon-wishlist a { z-index: 5; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .icon-wishlist .uss_block_wishlist_count { position: absolute; right: 0px; top: 2px; border-radius: 8px; width: 20px; height: 20px; font-weight: 700; font-size: 10px; line-height: 1; display: flex; align-items: center; justify-content: center; background: var(--accent3); } .basket { position: relative; display: flex; gap: 20px; align-items: center; } .basket .uss_widget_basket { font-weight: 700; font-size: 18px; line-height: 1; } .basket #uss_block_basket_amount { width: 20px; height: 20px; left: 21px; background: var(--accent); color: var(--text-accent-color); display: flex; align-items: center; justify-content: center; border-radius: 8px; position: absolute; font-size: 10px; font-weight: 700; top: 0; transform: translateY(-50%); pointer-events: none; transition: var(--tr-1); } .basket:hover #uss_block_basket_amount { background: var(--accent2); } .basket::before { content: ''; width: 28px; height: 28px; -webkit-mask: url('/img/icon-basket.svg') no-repeat center; mask: url('/img/icon-basket.svg') no-repeat center; -webkit-mask-size: 28px; mask-size: 28px; background: var(--text-main-color); } .basket-link { display: flex; align-items: center; color: var(--text-main-color); font-size: 18px; line-height: 1; font-weight: 500; padding: 0; border-radius: var(--br-1); gap: 0px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .basket-link:hover { color: var(--text-accent-color); } .bottom-header { padding: 0; background: var(--accent2); color: var(--text-accent-color); } .bottom-header .wrapper { display: flex; gap: 0px; } .header a { text-decoration: none; } .header .main-menu { width: 100%; } .header .main-menu ul { display: flex; list-style: none; margin: 0; align-items: center; justify-content: space-between; background: none; padding: 0; border-radius: var(--br-1); } .header .main-menu a { color: var(--text-accent-color); font-size: 18px; font-weight: 500; padding: 14px 0px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1; border-radius: 10px; position: relative; min-height: 50px; z-index: 100; } .header .main-menu>ul>li { padding: 5px 0; } .header .main-menu>ul>li.first>a { display: flex; align-items: center; padding: 14px 30px 14px 14px; background: var(--accent); gap: 10px; transition: var(--tr-1); } .header .main-menu>ul>li.first>a:hover { background: var(--accent3-alt); } .header .main-menu>ul>li.first>a::before { content: ''; background: var(--main-color); width: 20px; height: 20px; -webkit-mask: url('/img/icon-catalog.svg') no-repeat center; mask: url('/img/icon-catalog.svg') no-repeat center; -webkit-mask-size: contain; mask-size: contain; transition: inherit; will-change: transform; flex: 0 0 auto; } /* Header */ .catalog-btn { position: relative; z-index: 0; display: flex; align-items: center; background: var(--accent); color: var(--text-accent-color); font-size: 18px; font-weight: 500; letter-spacing: -0.05px; line-height: 1; padding: 16px 24px 16px; border-radius: var(--br-1); gap: 10px; cursor: pointer; border-radius: var(--br-1); overflow: hidden; transition: var(--tr-1); } .catalog-btn::before { content: ''; position: relative; top: 0px; width: 18px; height: 16px; background: var(--color-white); -webkit-mask: url('/img/icon-catalog.svg') no-repeat center; -webkit-mask-size: 100% 100%; mask: url('/img/icon-catalog.svg') no-repeat center; mask-size: 100% 100%; transform: scale(1); } .catalog-btn:hover { background: var(--accent2); } .header-catalog.opened .catalog-btn { color: var(--text-main-color); background: var(--accent2); border-radius: var(--br-1) var(--br-1) 0 0; } .header-catalog .catalog-content { display: flex; align-items: flex-start; position: absolute; z-index: 1000; left: 20px; right: 20px; height: 580px; background: var(--accent3); border: none; box-shadow: 0px 20px 30px rgba(58, 68, 103, 0.1); border-radius: var(--br-1); padding: 0px 5px 0px 0px; overflow: hidden; font-size: 18px; max-height: 0; transition: var(--tr-1); } .header-catalog.opened .catalog-content { max-height: 580px; padding: 30px 5px 30px 0px; } .header-catalog .catalog-content::after { content: ''; position: absolute; width: 100%; height: 30px; bottom: 25px; 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 .uss_eshop_menu { margin: 0; padding: 0 0 30px; list-style: none; display: flex; flex-direction: column; gap: 10px; position: relative; } .header-catalog .catalog-content-wrapper .uss_eshop_menu a { display: flex; align-items: flex-start; position: relative; font-size: 18px; line-height: 1; font-weight: 500; gap: 8px; border-radius: var(--br-1); 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); } .header-catalog .catalog-content-wrapper .uss_eshop_menu a::before { position: relative; flex: 0 0 auto; content: ''; width: 8px; height: 8px; background: var(--text-main-color); -webkit-mask: url('/img/icon-chevron-right.svg') no-repeat center; mask: url('/img/icon-chevron-right.svg') no-repeat center; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; top: 6px; } .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); } .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: 15px; 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; } .header-catalog .catalog-submenu::before { content: ''; border-left: solid 1px var(--border-color5); position: absolute; left: 0; top: 50%; width: 1px; transform: translateY(-50%); height: calc(100% - 60px); } @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 { display: none; } } /* Header end */ .container .wrapper { display: flex; gap: 50px; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } .singlepage .content { flex: 1 1 auto; width: calc(100% - 310px); } .main-header { padding: 14px 0; line-height: 1; } .apply-btn { border-radius: var(--br-1); background: var(--accent3-alt); color: var(--text-accent-color); height: 56px; display: flex; align-items: center; justify-content: center; padding: 0 24px; font-size: 16px; font-weight: 500; gap: 12px; cursor: pointer; transition: var(--tr-1); } .apply-btn::before { content: ''; width: 20px; height: 20px; -webkit-mask: url('/img/icon-apply.svg') no-repeat center; mask: url('/img/icon-apply.svg') no-repeat center; -webkit-mask-size: 100%; mask-size: 100%; background: var(--text-accent-color); position: relative; flex: 0 0 auto; } .apply-btn:hover { background: var(--accent); } .basket .uss_widget_basket { transition: var(--tr-1); overflow: hidden; white-space: nowrap; } .basket .uss_widget_basket.empty { margin-left: -20px; pointer-events: none; opacity: 0; } .basket .uss_widget_basket .basket_widget_inner>p { display: none; } .header .main-menu { container-type: inline-size; } .header .main-menu>ul>li { transition: var(--tr-1); } .header .main-menu>ul>li>a { position: relative; display: flex; align-items: center; transition: var(--tr-1); } .header .main-menu>ul>li>a { padding: 5px; } .header .main-menu>ul>li:not(.first)>a::after { content: ''; position: absolute; width: 100%; height: 2px; top: calc(100% + 5px); background: var(--accent); left: 0px; pointer-events: none; opacity: 0; transform: translateY(-100%) scaleX(0); transition: inherit; z-index: 10; } .header .main-menu>ul>li.has_submenu>a::after { width: calc(100% + 25px); transform: translateY(-7px) scaleX(0.5); } .header .main-menu>ul>li:not(.first):hover>a::after { opacity: 1; transform: translateY(-100%); } .header .main-menu>ul>li:not(.first).has_submenu:hover>a::after { transform: translateY(-7px); opacity: 1; } .header .main-menu>ul>li:not(.first):hover>a { color: var(--text-special-color); } .header .main-menu>ul>li:not(.first)>a::before { content: ''; position: absolute; top: 50%; left: calc(100% + 10px); order: 10; width: 10px; height: 10px; background: var(--accent); -webkit-mask: url('/img/icon-submenu.svg') no-repeat center; mask: url('/img/icon-submenu.svg') no-repeat center; -webkit-mask-size: contain; mask-size: contain; transition: inherit; transform: translateY(-100%); pointer-events: none; opacity: 0; } .header .main-menu>ul>li:not(.first).has_submenu:hover>a::before { opacity: 1; transform: translateY(-50%); } .header .main-menu .submenu { position: absolute; display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; top: calc(100% + 0px); left: 50%; transform: translate(-50%, -5px); background: var(--accent2-alt); border-radius: var(--br-1); border-top: solid 1px var(--color-black); opacity: 0; pointer-events: none; z-index: -1; transition: var(--tr-1); height: 170px; padding: 25px 20px; align-items: flex-start; justify-content: flex-start; } .header .main-menu>ul>li:hover .submenu { opacity: 1; z-index: 99; pointer-events: all; transform: translate(-50%,0px); } .header .main-menu .submenu::before, .header .main-menu .submenu::after { content: ''; top: -1px; box-sizing: border-box; border-top: solid 1px var(--color-black); width: 100%; position: absolute; height: 100%; background: inherit; } .header .main-menu .submenu::before { right: 100%; } .header .main-menu .submenu::after { left: 100%; } .header .main-menu .submenu li { break-inside: avoid; display: block; line-height: 1; } .header .main-menu .submenu a { color: var(--text-special-color); font-size: 16px; line-height: 1.5; display: block; transition: var(--tr-1); padding: 2px 0; min-height: 0; } .header .main-menu .submenu a:hover { color: var(--accent); } .wrapper .wrapper { padding-left: 0; padding-right: 0; max-width: 100%; margin: 0; } .slider a { text-decoration: none; } .slider { position: relative; container-type: inline-size; } .slider-items { height: 30cqw; position: relative; } .slider-items:not(.slick-initialized) { display: flex; } .slider .slick-track { height: 100%; display: flex; } .slider .slick-track .slick-slide { height: auto; } .slider .slick-list, .slider .slick-track .slick-slide>div { height: 100%; } .slider-items .item { width: 100%; height: 100%; flex: 0 0 auto; position: relative; z-index: 0; overflow: hidden; padding: 60px 0 75px; color: var(--text-accent-color); display: flex !important; flex-direction: column; } .slider-items .item > .image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .slider-items .item > .image::before { content: ''; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background: rgba(0,0,0,.25); } .slider-items .item > .image::after { content: ''; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background: linear-gradient(90deg,rgba(0,0,0,.5), transparent); } .slider-items .item > .image img { display: block; object-fit: cover; width: 100%; height: 100%; } .slider-items .item .info { flex: 1 1 auto; display: flex; flex-direction: column; padding-right: 30%; align-content: flex-start; } .slider-items .item > .info > .title { font-size: 80px; line-height: 1.1; left: -5px; position: relative; font-weight: 600; margin: 0 0 15px; } .slider-items .item > .info > .text { font-size: 20px; } .upsides { margin: auto 0 0; } .upsides-items { display: flex; gap: 40px; align-items: center; } .upsides-item { display: flex; flex-direction: column; gap: 15px; } .upsides-item .image { flex: 0 0 auto; width: 34px; height: 34px; } .upsides-item .image img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: 0% 100%; } .upsides-item .title { font-size: 18px; line-height: 1; font-weight: 500; } .slider-btns { display: flex; gap: 10px; margin-top: 50px; } .slider-more a, .slider .calc-btn { background: var(--accent); color: var(--text-accent-color); border-radius: var(--br-1); padding: 0 24px; display: flex; align-items: center; min-height: 56px; font-size: 16px; font-weight: 500; cursor: pointer; transition: var(--tr-1); } .slider .calc-btn { background: none; border: solid 1px var(--accent3-alt); backdrop-filter: blur(10px); } .slider-more a:hover, .slider .calc-btn:hover { background: var(--accent3-alt); } .slider { margin: 0; } .catalogs { background: var(--accent3); padding: 60px 0; } .catalogs a { color: var(--text-main-color); text-decoration: none; transition: var(--tr-1); } .catalogs a:hover { color: var(--accent); } .catalogs ul { list-style: none; margin: 0; padding: 0; } .catalogs .uss_eshop_menu { --catalogs-item-width: calc((100% - 2 * 30px) /3); list-style: none; margin: 0; padding: 0; display: flex; gap: 30px; flex-wrap: wrap; } .catalogs .uss_eshop_menu > li { width: var(--catalogs-item-width); border-radius: var(--br-2); border: solid 1px var(--border-color-1); background: var(--main-color); container-type: inline-size; position: relative; padding: 37px 30px; display: flex; flex-direction: column; min-height: 300px; z-index: 0; transition: var(--tr-1); overflow: hidden; } .catalogs .uss_eshop_menu > li:hover { box-shadow: var(--bx-2); } .catalogs .uss_eshop_menu > li:hover > a { color: var(--accent3-alt); } .catalogs .uss_eshop_menu .eshop_menu_image { position: absolute; width: 100%; height: 100%; right: 0; top: 50%; transform: translate(0,-50%); z-index: -1; } .catalogs .uss_eshop_menu .eshop_menu_image a { display: flex; align-items: center; justify-content: flex-end; width: 100%; height: 100%; } .catalogs .uss_eshop_menu .eshop_menu_image img { display: block; width: 63cqw; height: 63cqw; margin: auto 0 auto auto; object-fit: contain; object-position: 100% 50%; } .catalogs .uss_eshop_menu > li > a { font-size: 30px; line-height: 1.3; position: relative; font-weight: 600; color: inherit; } .catalogs .uss_eshop_menu > li > a::after { content: ''; display: block; width: 40px; height: 2px; margin: 30px 0 0; background: var(--accent); } .catalogs .uss_eshop_menu > li > .submenu { margin-top: auto; max-width: 75%; } .catalogs .uss_eshop_menu > li > .submenu li a { width: 100%; display: block; } .catalogs .uss_eshop_menu > li > .submenu li:nth-of-type(n + 4) { display: none; } .slider .slick-arrow::before { background: var(--main-color); } .slider .slick-arrow.slick-prev { left: 50px; } .slider .slick-arrow.slick-next { right: 50px; } .slick-arrow { width: 50px; height: 50px; z-index: 10; top: 50%; transform: translateY(-50%); position: absolute; font-size: 0; background: none; box-shadow: none; border: 0; transition: var(--tr-1); cursor: pointer; padding: 0; margin: 0; } .slick-arrow::before { content: ''; position: absolute; width: 100%; height: 100%; background: var(--accent2); transition: inherit; left: 0; top: 0; } .slick-arrow:hover::before { background: var(--accent); } .slick-arrow.slick-prev { left: -70px; } .slick-arrow.slick-next { right: -70px; } .slick-arrow.slick-prev::before { -webkit-mask: url('/img/icon-chevron-left.svg') no-repeat center; mask: url('/img/icon-chevron-left.svg') no-repeat center; -webkit-mask-size: auto 24px; mask-size: auto 24px; } .slick-arrow.slick-next::before { -webkit-mask: url('/img/icon-chevron-right.svg') no-repeat center; mask: url('/img/icon-chevron-right.svg') no-repeat center; -webkit-mask-size: auto 24px; mask-size: auto 24px; } .h3 { font-size: 40px; font-weight: 500; line-height: 1.2; margin: 0 0 40px; } .positions { margin: 20px 0 0; padding: 60px 0; } .positions-tab-btns { display: flex; gap: 45px; margin: 0 0 30px; } .positions-tab-btns .tab-btn { font-size: 24px; line-height: 1; font-weight: 500; cursor: pointer; transition: var(--tr-1); } .positions-tab-btns .tab-btn.active, .positions-tab-btns .tab-btn:hover { color: var(--text-special-color); } .positions-tab-btns .tab-btn::after { content: ''; display: block; width: 100%; height: 2px; margin: 3px 0 0; background: var(--accent); transition: inherit; } .positions-tab-btns .tab-btn.active::after { opacity: 0; } .positions-tab-btns .tab-btn:hover::after { background: var(--text-special-color); } .positions .uss_widget_outer_content { width: auto; flex: 1 1 auto; position: relative; margin: 0 -10px; gap: 0; flex-wrap: nowrap; max-width: calc(100% + 20px); } .positions .uss_widget_outer_content:not(.slick-initialized) .uss_eshop_block_item { width: calc((100% - 4 * 20px) / 5); margin: 0 10px; min-width: 200px; } .positions .slick-list { position: relative; overflow: visible; z-index: 1; } .positions .slick-list::before, .positions .slick-list::after { content: ''; position: absolute; top: 50%; width: 100vw; height: calc(100% + 20px); transform: translateY(-50%); z-index: 10; } .positions .slick-list::before { right: 100%; background: linear-gradient(90deg, var(--main-color) 0 calc(100% - 10px), transparent calc(100% - 5px) 100%); } .positions .slick-list::after { left: 100%; background: linear-gradient(270deg, var(--main-color) 0 calc(100% - 10px), transparent calc(100% - 5px) 100%); } .positions .slick-slide { margin: 0 10px; } .positions .uss_eshop_block_item { border: solid 1px var(--border-color-1); border-radius: var(--br-2); margin: 0; overflow: hidden; flex: 0 0 auto; container-type: inline-size; } .position-item { display: none; opacity: 0; } .position-item.active { display: block; opacity: 1; } .positions .slick-track { display: flex; } .positions .slick-slide { height: auto; } .positions .slick-slide>div, .positions .uss_eshop_block_item { height: 100%; } .positions .uss_eshop_block_item { animation: slide-in-left var(--tr-1) forwards; animation-delay: calc(0.2s * var(--index)); container-type: inline-size; padding: 10px 9px 20px; transition: var(--tr-1); display: flex !important; flex-direction: column; } .positions .uss_eshop_block_item .img { width: 100%; border-radius: var(--br-1); overflow: hidden; height: 100cqw !important; max-width: 100%; } .positions .uss_eshop_block_item .img a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .positions .uss_eshop_block_item:hover { box-shadow: var(--bx-2); } .positions .uss_eshop_block_item:hover .uss_shop_name { color: var(--accent); } .positions .uss_eshop_block_item > div:not(.img) { margin-left: 10px; margin-right: 10px; } @keyframes slide-in-left { 0% { opacity: 0; transform: translateX(10px); } 100% { opacity: 1; transform: translateX(0); } } .buy_amount { display: flex; gap: 10px; } .uss_eshop_amount_block { position: relative; width: 100px; display: block; flex: 1 1 auto; min-width: 0; } .uss_eshop_amount_block .amount_title, .uss_shop_by .uss_eshop_amount_block .amount_title, .uss_eshop_sameproducts .uss_eshop_amount_block .amount_title { display: none; } .uss_buy_one_click_pos .uss_shop_by .uss_minus, .uss_buy_one_click_pos .uss_shop_by .uss_plus, .uss_eshop_amount_block .modify-amount { position: absolute; height: 100%; font-size: 0; width: 30px; transition: var(--tr-1); } .uss_eshop_amount_block .modify-amount::before, .uss_eshop_amount_block .modify-amount::after, .uss_buy_one_click_pos .uss_shop_by .uss_minus::before, .uss_buy_one_click_pos .uss_shop_by .uss_minus::after, .uss_buy_one_click_pos .uss_shop_by .uss_plus::before, .uss_buy_one_click_pos .uss_shop_by .uss_plus::after { content: ''; position: absolute; width: 10px; height: 2px; background: var(--text-special-color); top: 50%; left: 50%; transform: translate(-50%,-50%); transition: inherit; } .uss_eshop_amount_block .modify-amount::after, .uss_buy_one_click_pos .uss_shop_by .uss_plus::after { width: 2px; height: 10px; } .uss_eshop_amount_block .modify-amount:hover, .uss_buy_one_click_pos .uss_shop_by .uss_minus:hover, .uss_buy_one_click_pos .uss_shop_by .uss_plus:hover { background: var(--border-color-1); } .uss_eshop_amount_block .modify-amount:hover::before, .uss_eshop_amount_block .modify-amount:hover::after, .uss_buy_one_click_pos .uss_shop_by .uss_minus:hover::before, .uss_buy_one_click_pos .uss_shop_by .uss_plus:hover::before, .uss_buy_one_click_pos .uss_shop_by .uss_minus:hover::after, .uss_buy_one_click_pos .uss_shop_by .uss_plus:hover::after { background: var(--accent2); } .uss_eshop_amount_block .modify-amount.uss_minus, .uss_buy_one_click_pos .uss_shop_by .uss_minus { border-radius: var(--br-1) 0 0 var(--br-1); left: 0; } .uss_eshop_amount_block .modify-amount.uss_minus::after, .uss_buy_one_click_pos .uss_shop_by .uss_minus::after { display: none; } .uss_eshop_amount_block .modify-amount.uss_plus, .uss_buy_one_click_pos .uss_shop_by .uss_plus { border-radius: 0 var(--br-1) var(--br-1) 0; right: 0; } .uss_eshop_amount_block .basket_amount_class, .uss_shop_detail .uss_shop_technical_data .uss_shop_by input, .uss_eshop_sameproducts.blocks .addToCart input, .uss_shop_blocks_view .uss_eshop_item .uss_shop_by input, .uss_buy_one_click_pos .uss_shop_by .amount.styler { height: 50px; width: 100%; text-align: center; line-height: 1; background: var(--accent3); border-radius: var(--br-1); border: solid 1px var(--border-color-1); font-size: 18px; color: var(--text-main-color); margin: 0; padding: 0 20px; } .uss_shop_name { font-size: 20px; font-weight: 400; transition: inherit; } .uss_shop_name a { color: inherit; text-decoration: none; min-height: 50px; padding: 10px 0 10px; display: flex; align-items: center; } .uss_eshop_block_item .uss_shop_price { margin: auto 0 20px; } .uss_eshop_block_item .uss_shop_price span { background: none; padding: 0; } .uss_eshop_item .uss_shop_price span::before, .uss_eshop_block_item .uss_shop_price span::before { content: 'от '; } a.add_to_cart, a.add_to_compare { flex: 1 0 auto; display: flex; align-items: center; border-radius: var(--br-1); background: var(--accent); color: var(--text-accent-color); text-align: center; justify-content: center; text-decoration: none; transition: var(--tr-1); min-height: 50px; font-size: 16px; font-weight: 500; line-height: 1; padding: 0 10px; } a.add_to_compare { background: var(--accent3-alt); color: var(--text-accent-color); } a.add_to_cart:hover, a.add_to_compare:hover, a.add_to_cart.buy_one_click:hover { background: var(--color-black); color: var(--text-accent-color); } a.add_to_cart.buy_one_click { background: var(--accent2); } a.add_to_wishlist { width: 24px; height: 24px; font-size: 0; flex: 0 0 auto; display: flex; position: relative; transition: var(--tr-1); } a.add_to_wishlist::before { content: ''; position: absolute; -webkit-mask: url('/img/icon-wishlist.svg') no-repeat center; mask: url('/img/icon-wishlist.svg') no-repeat center; -webkit-mask-size: 24px; mask-size: 24px; background: var(--accent3-alt); width: 100%; height: 100%; left: 0; top: 0; transition: inherit; } a.add_to_wishlist:hover::before { background: var(--accent); } .uss_shop_put_wrap { flex: 0 0 auto; margin-left: auto; } .uss_shop_detail .uss_shop_technical_data .uss_shop_by { display: flex; gap: 10px; } .uss_shop_blocks_view .price-wishlist { order: 3; display: flex; align-items: center; justify-content: space-between; } .uss_shop_blocks_view .uss_shop_by { order: 4; } .uss_shop_blocks_view .extra-buttons { order: 5; } .services { padding: 80px 0 60px; background: var(--accent3); margin: 0; } .services .catalog_menu { margin: 0; padding: 0; background: transparent; list-style: none; display: flex; flex-wrap: wrap; gap: 30px; } .services .catalog_menu li { border-radius: var(--br-1); overflow: hidden; width: calc((100% - 2 * 30px) / 3); padding: 10px; margin: 0; background: var(--main-color); container-type: inline-size; } .services .catalog_menu_item { display: flex; gap: 25px; height: 100%; } .services .catalog_menu_image { flex: 0 0 auto; width: 140px; height: 140px; border-radius: var(--br-1); overflow: hidden; max-width: 30cqw; max-height: 30cqw; } .services .catalog_menu_image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } .services .catalog_menu_item .info { display: flex; flex-direction: column; flex: 1 1 auto; padding-bottom: 15px; height: 100%; } .services .catalog_menu_item .info>a { color: var(--text-main-color); font-size: 24px; font-weight: 500; line-height: 1.2; text-decoration: none; white-space: normal; max-width: 100%; } .services .catalog_order_block { margin-top: auto; } .catalog_menu_item .catalog_orderbutton, .uss_catalog_list_cat .catalog_orderbutton, .uss_catalog_block_cat .catalog_orderbutton, .uss_catalog_detail .catalog_orderbutton { box-shadow: none; border: solid 2px var(--accent); background: var(--main-color); text-shadow: none; color: var(--text-main-color); height: 50px; display: flex; align-items: center; width: max-content; max-width: 100%; font-size: 16px; font-weight: 500; transition: var(--tr-1); } .catalog_menu_item .catalog_orderbutton:hover, .uss_catalog_list_cat .catalog_orderbutton:hover, .uss_catalog_block_cat .catalog_orderbutton:hover, .uss_catalog_detail .catalog_orderbutton:hover { background: var(--color-black); border-color: var(--color-black); color: var(--text-accent-color); } .services .wrapper > .consult-block { display: none; } .consult-block { display: flex; } .consult-block .wrapper { padding: 25px; background: var(--accent2); color: var(--text-accent-color); border-radius: var(--br-1); display: flex; justify-content: space-between; } .consult-block .left { display: flex; flex-direction: column; } .consult-block .h3 { color: inherit; font-size: 30px; font-weight: 500; margin: 0 0 20px; } .consult-block .calc-btn { padding: 10px 24px; margin: auto 0 0; background: var(--accent); width: max-content; border-radius: var(--br-1); min-height: 50px; display: flex; align-items: center; font-weight: 500; font-size: 16px; cursor: pointer; transition: var(--tr-1); } .consult-block .calc-btn:hover { background: var(--accent3-alt); } .consult-block .consult-contacts { display: flex; gap: 15px; flex-direction: column; text-align: right; align-items: flex-end; } .consult-block p { margin: 0; } .consult-block .block-phone { font-size: 30px; line-height: 1.1; margin: 0; } .consult-block .block-email a::before { background: var(--accent3-alt); } .services .catalog_menu .consult-block { width: calc((100% - 2 * 30px) / 3); flex: 1 1 auto; container-name: consult-block; container-type: inline-size; } @container consult-block (width <= 650px) { .consult-block .wrapper { flex-direction: column; } .consult-block .consult-contacts { align-items: flex-end; margin: 0 0 10px; gap: 5px; padding-left: 180px; } .consult-block .h3, .consult-block .block-phone { font-size: 24px; } .consult-block .calc-btn { position: absolute; bottom: 20px; } } @container consult-block (width <= 420px) { .consult-block .wrapper { padding-bottom: 80px; } .consult-block .consult-contacts { align-items: flex-start; padding-left: 0 } .consult-block .h3, .consult-block .block-phone { font-size: 18px; } } .about-block { display: flex; gap: 30px; padding: 60px 0; } .about-block .left, .about-block .right { width: calc((100% - 30px) / 2); } .about-block h1 { font-size: 50px; line-height: 1.2; font-weight: 500; text-wrap: balance; } .about-block .left { display: flex; flex-direction: column; } .about-block .right { font-size: 18px; line-height: 1.2; } .about-block .big { font-size: 26px; } .about-block .right>p:last-child { margin-bottom: 0; } .about-block .content-link { margin: auto 0 0; color: var(--text-main-color); width: max-content; font-weight: 500; transition: var(--tr-1); } .about-block .content-link::after { content: ''; display: block; background: var(--accent); width: 100%; height: 2px; transition: inherit; } .about-block .content-link:hover { text-decoration: none; color: var(--accent); } .about-block .content-link:hover::after { opacity: 0; } .container .content-img { width: 100%; height: auto; display: flex; align-items: flex-start; justify-content: center; position: relative; } .container .content-img::after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.3); pointer-events: none; left: 0; top: 0; } .container .content-img img { display: block; width: 100%; height: 100%; object-fit: cover; } .footer { background: var(--accent2); color: var(--text-accent-color); } .footer p { margin: 0; } .uss-copyright.kzsite .poweredby-text .line1, .uss-copyright.uralsoft .poweredby-text .line1 { color: var(--text-accent-color) !important; letter-spacing: 0.7px; } .main-footer { padding: 60px 0; } .main-footer .wrapper { display: flex; gap: 10px 30px; container-type: inline-size; } .main-footer .left { display: flex; flex-direction: column; gap: 30px; } .footer-logo { max-width: 100%; height: 60px; } .main-footer .apply-btn { width: 230px; } .main-footer .footer-links { margin: auto 0 0; } .main-footer .center { flex: 1 1 auto; display: flex; align-items: flex-start; justify-content: center; min-width: 0; gap: 6cqw; } .bottom-footer { border-top: solid 1px var(--text-special-color); padding: 30px 0; } .bottom-footer .wrapper { display: flex; align-items: center; justify-content: space-between; } .footer .top-menu, .footer-catalog, .footer-services { flex: 1 1 auto; } .footer .top-menu>ul, .footer-catalog>ul, .footer-services>ul { display: flex; flex-direction: column; padding: 0; margin: 0; list-style: none; } .footer a { transition: var(--tr-1); } .footer a:hover, .footer-services>ul>li>.catalog_menu_item>a:hover { text-decoration: none; color: var(--accent); } .footer .top-menu>ul>li>a { font-size: 16px; display: flex; align-items: center; justify-content: flex-start; min-height: 2em; } .footer-catalog .h3, .footer-services .h3 { font-size: 16px; line-height: 1; font-weight: 400; display: flex; align-items: center; justify-content: flex-start; min-height: 2em; margin: 0 0 5px; } .footer-catalog ul li, .footer-services ul li { margin: 0; padding: 0; } .footer-catalog>ul>li>a, .footer-services>ul>li>.catalog_menu_item>a { margin: 0; font-size: 14px; color: var(--text-special-color); display: flex; align-items: center; justify-content: flex-start; min-height: 2em; } .footer .right { display: flex; flex-direction: column; gap: 20px; } .footer .right p { margin: 0; } .footer .block-phone { line-height: 1.1; font-size: 30px; margin: 0; } .footer .callus { width: max-content; margin-left: auto; border-radius: var(--br-1); background: var(--accent); padding: 0 24px; height: 50px; display: flex; align-items: center; cursor: pointer; margin-bottom: 20px; } .footer .callus:hover { background: var(--accent3-alt); } .footer .callus::after { display: none; } .footer .block-socials { margin-left: auto; } .footer .block-socials a { color: var(--accent3-alt); } .footer .block-socials a:hover { color: var(--accent); } .footer .block-socials a.tg::before, .footer .block-socials a[href*="t.me"]::before, .footer .block-socials a.max::before, .footer .block-socials a[href*="max.ru"]::before { background: var(--accent3-alt); } .footer .block-socials a.tg:hover::before, .footer .block-socials a[href*="t.me"]:hover::before, .footer .block-socials a.max:hover::before, .footer .block-socials a[href*="max.ru"]:hover::before { background: var(--accent); } .footer .block-email { margin-left: auto; } .footer .block-email a::before { background: var(--accent3-alt); } .main-footer .wrapper > .footer-links { display: none; } a, a:hover { text-decoration: none; } .section_text a, .section_news a { text-decoration: underline; } .burger { display: none; flex-direction: column; width: 40px; height: 40px; justify-content: center; gap: 5px; padding: 5px; cursor: pointer; flex: 0 0 auto; position: relative; background: var(--accent); border-radius: var(--br-1); transition: var(--tr-1); } .burger:hover { background: var(--accent2); } .burger::before { content: ''; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; -webkit-mask: url('/img/icon-catalog.svg') no-repeat center; mask: url('/img/icon-catalog.svg') no-repeat center; -webkit-mask-size: 50%; mask-size: 50%; background: var(--main-color); } .container { margin: 60px 0 0; } .uss_shop_detail .uss_shop_technical_data { width: max-content; max-width: 100%; padding: 20px; background: var(--accent3); border-radius: var(--br-2); position: relative; display: flex; flex-direction: column; gap: 10px; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price { margin: 0 0 5px; padding-right: 4 0px; } .uss_shop_technical_data a.add_to_wishlist { position: absolute; right: 30px; top: 30px } .uss_shop_detail .uss_shop_technical_data .extra-buttons { margin-bottom: 0; } .uss_shop_detail .uss_shop_technical_data .uss_shop_by input { background: var(--main-color); } .uss_shop_detail .uss_shop_technical_data .uss_shop_by { margin: 0; width: auto; } .group_item .uss_image_holder img, .news_item .uss_image_holder img, .uss_albums_cover img, .uss_catalog_cat_img img, .uss_eshop_item .img img, .uss_eshop_item .uss_img_holder img, .uss_img_big img, .uss_img_ico img, .uss_img_item img, .uss_shop_cat_img img, .uss_shop_detail .uss_img_big .uss_img_big_image > img { border-radius: var(--br-1); } @media (max-width: 1600px) { .slider-items .item { padding: 30px 80px; } .slider-items .item > .info > .title { font-size: 60px; left: 0; margin: 0 0 10px; overflow: hidden; max-height: 2.2em; } .slider-items { height: 35cqw; } .slider .slick-arrow.slick-prev { left: 10px; } .slider .slick-arrow.slick-next { right: 10px; } .slider-items .item > .info > .text p { margin: 0; } .slider-items .item > .info > .text p + p { margin: 5px 0 0; } } @media (max-width: 1400px) { .wrapper { padding: 0; } .top-header .wrapper { gap: 5px 20px; } .top-header .block-city { margin-right: 0; } .top-menu { min-width: 0; flex: 0 1 auto; display: flex; align-items: flex-start; justify-content: flex-start; } .top-menu > ul { flex: 0 1 auto; flex-wrap: wrap; min-width: 0; max-width: 100%; gap: 5px 10px; } .top-menu > ul li { min-width: 0; } .top-header .contacts { gap: 0px 15px; } .top-menu > ul > li > a { padding: 0; } .top-header .block-phone { margin: 0; } .callus { flex: 0 0 auto; } .top-header .right { flex: 0 0 auto; } .main-header .left { flex: 0 1 auto; display: flex; min-width: 0; } .main-header .logo { width: 240px; height: 60px; min-width: 0; flex: 0 1 auto; } .search .uss_input_name { height: 50px; line-height: 50px; } .search .uss_submit { right: 5px; height: 40px; width: 80px; } .apply-btn { height: 50px; padding: 0 12px; } .basket { gap: 0; margin-right: 15px; } .basket .uss_widget_basket { font-size: 0; } .header .main-menu a { min-height: 40px; } .header .main-menu > ul > li.first > a { padding: 10px 15px 10px 10px; } .services .catalog_menu_item .info > a { font-size: 18px; } .slider-items .item > .info > .title { font-size: 3cqw; } .slick-arrow { width: 40px; height: 40px; } .slick-arrow.slick-prev::before, .slick-arrow.slick-next::before { -webkit-mask-size: auto 18px; mask-size: auto 18px; } .slider .slick-arrow.slick-prev { left: 0px; } .slider .slick-arrow.slick-next { right: 0px; } .slider-items .item { padding: 20px 40px; } .slider-btns { margin-top: 25px; } .slider-more a, .slider .calc-btn { min-height: 40px; } .upsides-item .image { width: 24px; } .upsides-item .title { font-size: 16px; } .slider-items .item .info { padding-right: 0; } } @media (max-width: 1200px) { .top-header .top-menu { display: none; } .top-header .block-city { margin-right: auto; } .burger { display: flex; } .main-header .logo { width: 200px; height: 50px; } .search .uss_input_name { height: 40px; padding-left: 10px; padding-right: 40px; line-height: 40px; } .search .uss_submit { height: 30px; width: 30px; padding: 0; background: var(--accent) url('/img/icon-search.svg') no-repeat center; background-size: 50%; border-radius: 8px; font-size: 0; } .apply-btn { height: 40px; font-size: 15px; } .icon-wishlist { width: 40px; height: 40px; } .adaptive-menu { display: flex; } .bottom-header { display: none; } .main-footer { padding: 30px 0; } .main-footer .wrapper { flex-wrap: wrap; } .main-footer .center { order: 10; width: 100%; margin-top: 30px; } .main-footer .right { margin-left: auto; gap: 10px; } .footer .callus { margin-bottom: 0; } .catalogs { margin-bottom: 0; } .catalogs .uss_eshop_menu > li { padding: 20px; } .catalogs .uss_eshop_menu > li > a { font-size: 24px; } .catalogs .uss_eshop_menu > li > a::after { margin: 10px 0 0; } .catalogs .uss_eshop_menu > li > .submenu { display: flex; flex-direction: column; gap: 10px; } .catalogs .uss_eshop_menu > li > .submenu li a { line-height: 1; } .positions { margin: 0; padding: 40px 0; } .h3 { font-size: 36px; margin-bottom: 20px; } .positions-tab-btns { gap: 30px; } .positions-tab-btns .tab-btn { font-size: 20px; } a.add_to_cart, a.add_to_compare { min-height: 40px; } .uss_eshop_amount_block .basket_amount_class, .uss_shop_detail .uss_shop_technical_data .uss_shop_by input, .uss_eshop_sameproducts.blocks .addToCart input, .uss_shop_blocks_view .uss_eshop_item .uss_shop_by input { height: 40px; } .position-item { padding: 0 40px; } .positions .slick-arrow.slick-prev { left: -40px; } .positions .slick-arrow.slick-next { right: -40px; } .services { padding: 40px 0; } .catalog_menu_item .catalog_orderbutton, .uss_catalog_list_cat .catalog_orderbutton, .uss_catalog_block_cat .catalog_orderbutton, .uss_catalog_detail .catalog_orderbutton { height: 40px; } .services .catalog_menu_item .info { padding-bottom: 0; gap: 10px; } .services .catalog_menu { gap: 10px; } .services .catalog_menu_item { gap: 10px; } .services .catalog_menu li { width: calc((100% - 2 * 10px) / 3); } } @media (max-width: 1000px) { .main-header .wrapper { gap: 15px; } .catalogs .uss_eshop_menu { gap: 10px; --catalogs-item-width: calc((100% - 10px) /2); } .catalogs .uss_eshop_menu > li { min-height: auto; } .catalogs .uss_eshop_menu > li > a { margin-bottom: 40px; font-size: 18px; } .buy_amount { flex-wrap: wrap; } .services .catalog_menu li, .services .catalog_menu .consult-block { width: calc((100% - 10px) / 2); } .about-block { flex-wrap: wrap; gap: 10px; padding: 30px 0; position: relative; padding-bottom: 80px; } .about-block .content-link { bottom: 20px; position: absolute; } .about-block .left, .about-block .right { width: 100%; } .about-block h1 { font-size: 40px; } .about-block .right p { margin: 0; } .about-block .right .big { font-size: 20px; } .about-block .right p + p { margin-top: 0.5em; } .container { margin: 20px 0; } .container .wrapper { gap: 0; } .aside { display: flex; flex-direction: column; gap: 20px 0; } .singlepage h1 { margin: 0 0 10px; } .uss_section_content > .uss_eshop_filters .uss_eshop_filters_block.simple_filters { border: solid 1px var(--border-color-1); border-radius: var(--br-1); padding: 20px; } } @media (max-width: 768px) { .top-header { padding: 10px 0; background: var(--main-color); color: var(--text-main-color); } .top-header .wrapper { flex-wrap: wrap; gap: 10px 20px; padding-left: 40%; justify-content: flex-end; line-height: 1; } .top-header .block-city { margin-right: 0; } .top-header .logo { display: flex; position: absolute; flex: 0 0 auto; width: 40%; left: 0; justify-content: center; height: 60px; } .top-header .callus { background: var(--accent); border-radius: var(--br-1); color: var(--text-accent-color); padding: 10px 10px; } .top-header .callus:hover { background: var(--accent2); } .top-header .callus::after { display: none; } .top-header .right { justify-content: center; flex-wrap: wrap; gap: 5px 10px; } .top-header .block-email a::before { background: var(--accent); } .main-header .wrapper { gap: 10px; } .main-header .left, .main-header .logo { display: none; } .main-header .apply-btn { gap: 0; font-size: 0; } .main-footer .center { flex-wrap: wrap; gap: 20px 5cqw; } .footer .top-menu > ul > li > a, .footer-catalog .h3, .footer-services .h3 { min-height: auto; padding: 2px 0; margin: 0 } .consult-block .calc-btn { min-height: 40px; } .slider-items { height: auto; max-width: calc(100% - 20px); margin: 0 auto; border-radius: var(--br-1); overflow: hidden; } .slider-items .item { padding: 0; } .slider-items .item > .image { position: relative; flex: 0 0 auto; height: 30cqw; } .slider-items .item .info { max-width: 100%; padding: 20px 20px 60px; background: var(--accent3-alt); } .slider-items .item > .info > .title { font-size: 30px; } .slider .slick-arrow.slick-prev { transform: none; top: auto; bottom: 10px; right: 50px; left: auto; } .slider .slick-arrow.slick-next { top: auto; bottom: 10px; right: 10px; left: auto; transform: none; } .slider .calc-btn { background: var(--accent3); color: var(--text-main-color); } .slider .calc-btn:hover { background: var(--accent); color: var(--text-accent-color); } } @media (max-width: 600px) { .top-header .wrapper { padding: 0; justify-content: center; } .top-header .logo { position: relative; width: 100%; justify-content: center; } .top-header .logo img { object-position: 50% 50%; } .top-header .contacts { flex-wrap: wrap; gap: 10px 10px; justify-content: center; width: 100%; } .top-header .block-socials { padding-right: 20px; } .top-header .block-phone { margin: 0; text-align: center; } .footer .block-phone { font-size: 20px; } .footer .top-menu { width: 100%; } .footer .top-menu ul { flex-direction: row; flex-wrap: wrap; margin: 0 auto; justify-content: center; } .footer-catalog, .footer-services { width: calc((100% - 5cqw) / 2); } .main-footer .wrapper { justify-content: center; text-align: center; gap: 30px 0; } .main-footer .left { margin: 0 auto; width: 100%; justify-content: center; align-items: center; gap: 10px; } .main-footer .left .footer-links { display: none; } .footer-catalog .h3, .footer-catalog > ul > li > a { justify-content: flex-end; text-align: right; margin: 0 0 10px; line-height: 1; min-height: auto; } .footer-services .h3, .footer-services > ul > li > .catalog_menu_item > a { justify-content: flex-start; margin: 0 0 10px; line-height: 1; min-height: auto; } .footer-logo img { object-position: 50% 50%; } .main-footer .center { justify-content: center; margin: 0; } .main-footer .right { width: 100%; margin: 0; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: center; gap: 10px 20px; } .footer .block-email, .footer .block-socials { margin: 0; } .footer .callus { order: 10; height: 40px; margin: 0; } .main-footer .wrapper > .footer-links { display: flex; flex-direction: column; order: 11; } .catalogs { padding: 20px 0; } .catalogs .uss_eshop_menu { gap: 10px; --catalogs-item-width: calc((100% - 0px) /1); } .catalogs .uss_eshop_menu > li { min-height: 165px; } .catalogs .uss_eshop_menu .eshop_menu_image img { max-height: 100%; } .catalogs .uss_eshop_menu > li > a { margin-bottom: 20px; } .positions { padding: 20px 0; } .position-item { padding: 0 20px; } .positions .uss_widget_outer_content { max-width: calc(100% + 10px); margin: 0 -5px; } .positions .slick-slide { margin: 0 5px; } .positions .slick-arrow { width: 30px; height: 100%; } .positions .slick-arrow.slick-prev { left: -25px; } .positions .slick-arrow.slick-next { right: -25px; } .positions .slick-list::before { background: linear-gradient(90deg, var(--main-color) 0 calc(100% - 5px), transparent calc(100% - 2px) 100%); } .positions .slick-list::after { background: linear-gradient(270deg, var(--main-color) 0 calc(100% - 5px), transparent calc(100% - 2px) 100%); } .positions .slick-arrow::before { -webkit-mask-size: auto 12px; mask-size: auto 12px; } .positions .uss_eshop_block_item > div:not(.img) { margin-left: 0; margin-right: 0; } .uss_eshop_block_item .uss_shop_price { text-align: center; font-size: 20px; margin: 0 0 10px; } .buy_amount { margin-top: auto; } .services { padding: 20px 0; } .services .catalog_menu li, .services .catalog_menu .consult-block { width: 100%; } .about-block h1 { font-size: 30px; margin: 0 0 10px; } .about-block .right .big { font-size: 18px; margin: 0 0 15px; } .about-block .right { font-size: 16px; } .slider-btns { flex-wrap: wrap; } .upsides-items { flex-wrap: wrap; gap: 10px; justify-content: center; } .upsides-item { width: calc((100% - 10px) / 2); } } .module_catalog .catalog_orderbutton { color: var(--text-accent-color); background: var(--accent); }