@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

/* Общие данные для страницы */
html {padding:0px; margin:0px; width:100%; height:100%;}
body {padding:0px; margin:0px; width:100%; height:100%; background:#fff; overflow-x:auto; overflow-y:scroll; box-sizing:border-box; font-size:16px; font-family:'Roboto', 'Arial';}

.wrapper {width:100%; margin: 0 auto; min-height:100%; height:auto !important; height:100%;}
header {height:auto; width:100%; display:block;}
.content {width:100%; padding-bottom:420px;}
footer {height:auto; width:100%; background:#202d37; position:relative; margin:-398px auto 0; display:block;}

.b_center {width:1220px; height:inherit; margin-left:auto; margin-right:auto;}
.b_table {display:table; width:100%; height:inherit;}

@media screen and (max-width:1240px) {
.b_center {width:auto; margin-left:10px; margin-right:10px;}
}

.page_full, .page_cols {width:100%;}
.page_cols>div {box-sizing:border-box;}
.page_left_lcr {width:22.95%; min-height:1px; float:left;}
.page_center_lcr {width:54.1%; min-height:1px; float:left; padding:0 30px 0 30px;}
.page_right_lcr {width:22.95%; min-height:1px; float:left;}
.page_left_lc, .page_right_cr {width:22.95%; min-height:1px; float:left;}
.page_center_lc {width:77.05%; min-height:1px; float:left; padding:0 0 0 30px;}
.page_center_cr {width:77.05%; min-height:1px; float:left; padding:0 30px 0 0;}
.page_center_c {width:100%; min-height:1px; float:left;}

@media screen and (max-width:1000px) {
.page_left_lcr {width:22.95%;}
.page_center_lcr {width:77.05%; padding:0 0 0 30px;}
.page_right_lcr {width:100%;}
}
@media screen and (max-width:780px) {
.page_left_lcr {width:100%;}
.page_center_lcr {width:100%; padding:0;}
.page_left_lc {width:100%;}
.page_center_lc {width:100%; padding:0;}
.page_center_cr {width:100%; padding:0;}
.page_right_cr {width:100%;}
}

.h_main {text-align:left; font-size:28px; color:#000; font-weight:500; margin:20px 0 10px 0;}
h1.h_block, h2.h_block {text-align:left; font-size:28px; color:#000; font-weight:500; margin:50px 0 20px 0;}

@media screen and (max-width:800px) {
.h_main {font-size:26px; margin:15px 0 10px 0;}
h1.h_block, h2.h_block {font-size:26px; margin:40px 0 20px 0;}
}
@media screen and (max-width:600px) {
.h_main {font-size:24px; margin:15px 0 10px 0;}
h1.h_block, h2.h_block {font-size:24px; margin:35px 0 15px 0;}
}

.text {color:#282d31;}
.text h1 {text-align:left; font-size:28px; color:#000; font-weight:500; margin:30px 0 20px 0;}
.text h2 {text-align:left; font-size:26px; color:#000; font-weight:500; margin:30px 0 20px 0;}
.text h3 {text-align:left; font-size:24px; color:#000; font-weight:500; margin:30px 0 20px 0;}
.text h4 {text-align:left; font-size:22px; color:#000; font-weight:500; margin:30px 0 20px 0;}
.text h5 {text-align:left; font-size:20px; color:#000; font-weight:500; margin:30px 0 20px 0;}
.text h6 {text-align:left; font-size:18px; color:#000; font-weight:500; margin:30px 0 20px 0;}
b, strong {font-weight:500;}
hr {display:block; margin:20px 0; border:none; border-top:1px solid #e5e6e6;}
.text p {line-height:1.5;}
.text ul {margin:20px 0;}
.text ul li {margin:10px 0; line-height:1.5;}
.text ol {margin:20px 0;}
.text ol li {margin:10px 0; line-height:1.5;}
.text table {margin:10px 0; border-collapse:collapse;}
.text th {background:#f8f8f8; font-weight:500; font-size:16px; padding:10px; text-align:center; border:1px solid #bfc0c1; line-height:1.5;}
.text td {padding:10px; font-size:14px; border:1px solid #dbdbdb; line-height:1.5;}
.text a:link, .text a:visited, .text a:active {color:#2282d2; text-decoration:none;}
.text a:hover {color:#282d31; text-decoration:underline;}
input {font-family:'Roboto', 'Arial';}
div.horizontal_scroll {overflow:auto; width:100%;}

.box_description_main, .prd_oi {margin:20px 0; font-size:14px !important; color:#282d31 !important;}
.box_description_main h1, .box_description_main h2, .prd_oi h1, .prd_oi h2 {font-size:22px; color:#282d31; font-weight:500; margin:40px 0 20px 0;}
.box_description_main h3, .prd_oi h3 {font-size:20px; color:#282d31; font-weight:500; margin:40px 0 20px 0;}

.box_description_1 {margin:20px 0; font-size:14px !important; color:#5c6168 !important;}
.box_description_1 h1, .box_description_1 h2 {text-align:left; font-size:22px; color:#282d31; font-weight:500; margin:40px 0 20px 0;}
@media screen and (max-width:600px) {
.box_description_main h1, .box_description_main h2 {font-size:20px;}
.box_description_main h3 {font-size:18px;}
.box_description_1 h1, .box_description_1 h2 {font-size:20px;}
}

.image_left {width:auto; max-width:40%; float:left; margin:20px 20px 20px 0;}
.image_right {width:auto; max-width:40%; float:right; margin:20px 0 20px 20px;}
.image_center {margin:20px auto; width:auto; max-width:100%; display:block;}
@media screen and (max-width:500px) {
.image_left, .image_right, .image_center {width:auto; max-width:100%; float:none; display:block; margin:20px auto;}
}

/* --- Info block --- */
.box_info {margin:20px 0; padding:20px; background:#f8f8f8; border-left:4px solid #2282d2;}

/* text_height_mini */
.text_mini {overflow:hidden; position:relative;}
.text_mini:after {content:""; text-align:right; position:absolute; bottom:0; right:0; left:0; height:100px; background:linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%);}
.text_mini_full {text-align:right; margin:20px 0;}
.text_mini_full span {font-weight:400; color:#2282d2; cursor:pointer; padding-right:20px; background:url(../images/ico_arrow_down_2.svg) right center no-repeat; background-size:16px 16px; transition:0.2s;}
.text_mini_full span:hover {opacity:0.7; -moz-opacity:0.7; transition:0.2s;}

/* header */
.head_top_menu_wide {height:32px; border-bottom:1px solid #e5e6e6;}
.head_content {height:94px;}
.head_category_wide {height:80px; background:#fff; box-shadow:0 5px 5px rgba(0,0,0,0.05); z-index:+1;}

/* head_top_menu_wide */
.head_top_menu_1 {width:auto; display:table-cell; vertical-align:middle; text-align:left;}
.head_top_menu_2 {width:auto; display:table-cell; vertical-align:middle; text-align:right;}
.menu_list_1 {list-style:none; margin:0; padding:0;}
.menu_list_1 li {display:inline-block; width:auto; margin-right:20px;}
.menu_list_1 li:last-child {margin-right:0;}
.menu_list_1 li a {display:inline-block; line-height:32px; font-size:14px; color:#7b7f85; text-decoration:none;}
.menu_list_1 li a:hover {color:#000;}
.head_lang {margin-left:25px;}
.head_lang span {display:inline-block; background:#2282d2; line-height:24px; padding:0 7px; font-size:14px; color:#fff; border-radius:5px;}
.head_lang a {display:inline-block; line-height:24px; padding:0 7px; font-size:14px; color:#7b7f85; text-decoration:none; border-radius:5px;}
.head_lang a:hover {color:#000;}

/* head_content */
.head_content_1 {width:30px; display:none; vertical-align:middle; text-align:left; box-sizing:border-box;}
.head_content_2 {width:200px; display:table-cell; vertical-align:middle; text-align:left; box-sizing:border-box;}
.head_content_3 {width:240px; display:table-cell; vertical-align:middle; text-align:left; box-sizing:border-box;}
.head_content_4 {width:auto; display:table-cell; vertical-align:middle; text-align:center; box-sizing:border-box;}
.head_content_5 {width:200px; display:table-cell; vertical-align:middle; text-align:right; box-sizing:border-box;}
/* head_content_1 */
.head_content_1 img {width:24px; height:24px;}
/* head_content_2 */
.head_content_2 img {width:110px; height:auto; margin:5px 0 0 0;}
/* head_content_3 */
.head_telephone_box {display:inline-block; position:relative;}
.head_telephone {display:inline-block; text-align:left; font-size:17px; color:#282d31;}
.head_telephone div {display:inline-block; padding:1px 26px 0 0; background:url(../images/ico_arrow_down_1.svg) right top no-repeat; background-size:22px 22px; cursor:pointer;}
.head_telephone b, .head_t_list b {font-weight:400;}
.head_telephone span, .head_t_list a span {display:block; margin-top:4px; color:#9da0a2; font-size:13px;}
#head_telephone_list {display:none; position:absolute; top:0; left:-35px; width:170px; padding:30px 35px 30px 35px; background:#fff; text-align:left; z-index:101; box-shadow:0 0 8px rgba(0,0,0,0.2);}
.head_t_list a {display:inline-block; margin:6px 0; font-size:17px; color:#282d31; text-decoration:none;}
.head_t_list div {margin-top:7px;}
.cat_tel_box .head_work_time {margin:15px 0 0 0; color:#7b7f85; font-size:14px; text-align:center;}
.head_telephone_box .head_work_time {margin:10px 0 5px 0; color:#7b7f85; font-size:15px;}
.head_t_list_close {position:absolute; top:5px; right:8px; width:30px; height:30px; cursor:pointer;}

.head_payment_box, .cat_payment {display:inline-block; line-height:32px; background:url(../images/ico_money.svg) left center no-repeat; background-size:18px 18px; position:relative; cursor:pointer;}
.head_payment_box>span, .cat_payment>span {display:inherit; padding:0 20px 0 22px; line-height:inherit; font-size:14px; color:#7b7f85; background:url(../images/ico_arrow_down_1.svg) right center no-repeat; background-size:18px 18px;}
.head_payment_box b, .cat_payment b {font-weight:500;}
.head_payment_box>span:hover b {color:#000;}
#payment_box {position:absolute; top:100%; right:0; width:260px; text-align:left; background:#fff; z-index:101; box-shadow:0 0 8px rgba(0,0,0,0.2);}
.hpb_item {padding:17px 20px; line-height:1.2; cursor:pointer;}
.hpb_item:hover {background:#eee;}
.hpb_item>div {padding-bottom:3px; font-size:16px; font-weight:500; color:#2282d2;}
.hpb_item>span {font-size:14px; color:#282d31;}

@media screen and (max-height:450px) {
#head_telephone_list {left:-140px; top:-20px; width:380px; padding:20px 30px 20px 30px;}
.head_t_list a {width:50%; float:left; margin:10px 0;}
.head_t_list div {display:inline-block; width:50%; float:left; box-sizing:border-box;}
.head_telephone_box .head_work_time {text-align:center;}
}
/* head_content_4 */
.box_search {height:36px; width:100%; border:1px solid #bfc0c1; border-radius:5px; position:relative;}
.box_search input {border:none; width:100%; height:30px; line-height:30px; margin:3px 0; padding:0 10px; color:#282d31; font-size:16px; box-sizing:border-box;}
.box_search div {position:absolute; top:1px; right:1px; width:34px; height:34px; background:#fff url(../images/ico_search_1.svg) center no-repeat; background-size:26px 26px; cursor:pointer;}
/* head_content_5 */
.head_icon {display:inline-block; width:26px; height:26px; margin:0 10px; cursor:pointer; position:relative;}
.head_icon_cat {width:22px !important; height:22px !important; margin:13px 10px !important;}
.head_icon svg {width:100%; height:100%;}
.head_icon svg path, .head_icon svg circle, .head_icon svg line, .head_icon svg rect {transition:0.2s;}
.head_icon:hover svg path[fill] {fill:#2282d2; transition:0.2s;}
.head_icon:hover svg path[stroke] {stroke:#2282d2; transition:0.2s;}
.head_icon:hover svg circle, .head_icon:hover svg line, .head_icon:hover svg rect {stroke:#2282d2; transition:0.2s;}
.head_icon span {position:absolute; top:-9px; right:-9px; padding:2px 5px; font-size:11px; background:#da291c; color:#fff; border-radius:10px;}

/* head_category_wide */
#category_box {display:block; height:inherit; width:inherit;}
.cat_box_2 {position:relative; height:inherit;}
.cat_list_head {display:none; text-align:center; padding:20px 0 20px 0; color:#282d31; text-transform:uppercase;}
.cat_list {list-style:none; display:table; width:100%; height:inherit; margin:0; padding:0;}
.cat_list li {display:table-cell; width:auto; height:inherit; margin:0; padding:0; position:relative;}
.cat_list li:before {content:""; display:block; width:1px; height:64px; right:0; top:8px; border-right:1px solid #eee; position:absolute;}
.cat_list li:last-child:before {content:""; display:none;}
.cat_list li a {width:100%; height:inherit; display:block; box-sizing:border-box; text-align:center; text-decoration:none; position:relative;}
.cat_list li a:before {content:""; display:block; position:absolute; height:2px; width:0; bottom:0; left:50%; background:#2282d2; transition:0.2s;}
.cat_list li a.sale:before {background:#da291c;}
.cat_list li a:hover:before, .cat_list li a.active:before {content:""; width:100%; left:0; margin-left:0; transition:0.2s;}
.cat_list li svg, .cat_list li img {width:42px; height:42px; margin:0;}
.cat_list li span {display:table; width:100%; height:30px; transition:0.2s;}
.cat_list li span span {display:table-cell; height:inherit; padding:0 2px; vertical-align:middle; font-size:12px; color:#282d31; text-transform:uppercase;}
.cat_list li a.sale span span {color:#da291c;}
.cat_list li a:hover span, .cat_list li a.active span {color:#2282d2; transition:0.2s;}
.cat_list li a.sale:hover span {color:#da291c;}
.cat_popup {display:none; position:absolute; top:80px; left:0; right:0; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.2); z-index:20;}
.cat_list_close {display:none; position:absolute; top:6px; right:6px; width:34px; height:34px; cursor:pointer;}

.cat_list_sub {width:100%; box-sizing:border-box; padding:20px 30px;}
.cat_list_sub ul {list-style:none; display:block; width:100%; margin:0; padding:0;}
.cat_list_sub ul li {display:block; width:33.33%; height:60px; float:left; margin:0; padding:0;}
.cat_list_sub ul li a {width:100%; height:inherit; display:table; box-sizing:border-box; text-decoration:none; position:relative;}
.cat_list_sub li i {display:table-cell; width:60px; height:inherit; vertical-align:middle;}
.cat_list_sub li i img {width:48px; height:auto;}
.cat_list_sub li span {display:table-cell; width:auto; height:inherit; padding-right:20px; vertical-align:middle; font-size:15px; color:#282d31;}
.cat_list_sub li a:hover span {color:#2282d2;}

.cat_head_box {display:none; height:48px; border-bottom:1px solid #cdd1d9;}
.cat_lang_box {width:100px; height:inherit; float:left; line-height:48px; border-right:1px solid #cdd1d9; text-align:center;}
.cat_lang_box span {margin:0 5px; background:#2282d2; padding:5px 7px; font-size:16px; color:#fff; border-radius:5px;}
.cat_lang_box a {margin:0 10px; font-size:16px; color:#282d31; text-decoration:none;}
.cat_icon_box {width:100px; height:inherit; float:left; padding-left:10px;}
.cat_tel_box {display:none; padding:20px 20px 20px 20px; border-bottom:1px solid #cdd1d9;}
.cat_tel_box a {display:block; width:50%; float:left; font-size:15px; color:#282d31; text-decoration:none; margin:7px 0; box-sizing:border-box;}
.cat_tel_box b {font-weight:500; color:#2282d2;}
.cat_menu_box {display:none; padding-top:20px;}
.cat_payment_box {display:none; height:32px; padding:7px 10px 7px 20px; border-bottom: 1px solid #cdd1d9;}
.cat_payment {background-size:22px 22px;}
.cat_payment>span {padding:0 20px 0 32px; font-size:12px; color:#282d31; text-transform:uppercase;}
.payment_box_mod {margin-bottom:-20px;}
.payment_box_mod .hpb_item {border:2px solid #2282d2; border-radius:10px; margin-bottom:20px; padding:15px;}
@media screen and (max-width:1100px) {
.cat_list li {width:auto !important;}
}
@media screen and (max-width:980px) {
.menu_list_item_hid {display:none !important;}
.head_icon {margin:0 7px;}
.head_content_2 {width:180px;}
.head_content_3 {width:200px;}
.head_content_5 {width:150px;}
.cat_list li span span {padding:0; text-transform:none;}
.cat_list_sub li span {font-size:13px;}
}
@media screen and (max-width:800px) {
.menu_list_1 li a {font-size:13px;}
.menu_list_item_hid {display:inline-block !important;}
.head_payment_box {display:none;}
.cat_payment_box {display:block;}
.head_content {height:82px; padding-bottom:34px;}
.head_content_1 {display:table-cell;}
.head_content_2 {width:140px;}
.head_content_2 img {width:100px; margin:5px 0 0 20px;}
.head_content_3 {width:auto; text-align:center;}
.head_content_4 {width:1px;}
.box_search {height:34px; width:auto; position:absolute; left:10px; top:113px; right:10px;}
.box_search input {height:28px; line-height:28px; font-size:14px;}
.box_search div {width:32px; height:32px; background-size:20px 20px;}
.head_category_wide {height:0;}
.cat_button {display:inline-block;}
#category_box {position:fixed; top:0; left:-450px; max-width:440px; width:100%; height:100%; overflow:auto; background:#e5e9f3; z-index:101;}
.cat_box_2 {height:auto;}
.cat_list_head {display:block;}
.cat_list_close {display:block;}
.cat_list {height:auto;}
.cat_list li {display:block; width:100% !important; height:46px;}
.cat_list li:before {display:none;}
.cat_list li a {height:46px; padding:0 10px 0 60px; border-bottom:1px solid #cdd1d9; text-align:left;}
.cat_list li.menu a {padding-left:24px !important;}
.cat_list li a:before {display:none;}
.cat_list li svg, .cat_list li img {position:absolute; top:6px; left:16px; width:32px; height:32px; margin:0;}
.cat_list li span {height:inherit;}
.cat_list li span span {font-size:12px; text-transform:uppercase;}
.cat_list li br {display:none;}
}
@media screen and (max-width:600px) {
.head_top_menu_wide {display:none;}
.head_content {height:60px; padding-bottom:30px;}
.head_content_2 {width:auto; text-align:center;}
.head_content_2 img {width:70px; margin:5px 0 0 0;}
.head_content_3 {display:none;}
.head_content_5 {width:40px;}
.box_search {height:30px; top:58px;}
.box_search input {height:24px; line-height:24px;}
.box_search div {width:28px; height:28px;}
.hi_compare, .hi_wish {display:none;}
.cat_head_box {display:block;}
.cat_menu_box {display:block;}
.cat_tel_box {display:block;}
}
@media screen and (max-width:320px) {
.cat_tel_box a {width:100%; text-align:center;}
}

/* Footer */
.footer_row_1 {padding:0;}
.footer_col_1 {width:50%; float:left;}
.footer_col_21, .footer_col_22, .footer_col_23, .footer_col_24 {width:50%; float:left; box-sizing:border-box;}
.footer_col_21 {padding:70px 20px 0 0;}
.footer_col_22, .footer_col_23 {padding:70px 20px 0 20px;}
.footer_col_24 {padding:70px 0 0 20px;}

.footer_h_text {margin-bottom:30px; font-size:22px; color:#fff; font-weight:500;}
.footer_list {list-style:none; display:block; width:100%; margin:0; padding:0;}
.footer_list li {display:block; width:100%; margin:0 0 20px 0; padding:0;}
.footer_list li a:link, .footer_list li a:visited, .footer_list li a:active {display:inline; width:100%; text-align:left; font-size:15px; color:#fff; text-decoration:none; font-weight:300; transition:0.2s;}
.footer_list li a:hover {color:#2282d2; text-decoration:none;}
.footer_contact_box {margin-bottom:24px; padding:0 0 0 42px; text-align:left; font-size:15px; color:#fff; font-weight:300; line-height:30px; background:0 0 no-repeat; background-size:24px 24px;}

.footer_content_1 img {width:150px; margin-bottom:30px;}
.footer_content_2 div {margin-bottom:14px; font-size:22px; color:#fff; font-weight:500;}
.footer_content_2 a {display:inline-block; margin-right:15px;}
.footer_content_2 img {width:28px; height:28px;}
.footer_row_2 {clear:both; padding:15px 0 15px 0; border-top:1px solid #636c73; text-align:left; font-size:13px; color:#636c73; font-weight:400;}

@media screen and (max-width:990px) {
.footer_col_1 {width:100%; float:none; clear:both;}
.footer_col_21, .footer_col_23 {padding:40px 20px 0 40px;}
.footer_col_22, .footer_col_24 {padding:40px 40px 0 20px;}
.footer_row_2 {padding:20px 40px 20px 40px;}
}
@media screen and (max-width:540px) {
.footer_col_21, .footer_col_22, .footer_col_23, .footer_col_24 {width:100%; float:none; padding:40px 20px 0 20px;}
.footer_content_1 {display:none;}
.footer_row_2 {padding:20px 20px 20px 20px;}
.footer_h_text {text-align:center;}
}

/* Navigator */
.navigator {list-style:none; display:block; width:100%; margin:25px 0 20px 0; padding:0;}
.navigator li {display:inline; margin:0; padding:0 20px 0 0; background:url(../images/ico_arrow_right_1.svg) right 4px center no-repeat; background-size:14px 14px; font-size:14px; color:#7b7f85; line-height:1.5;}
.navigator li:last-child {padding:0; background:none;}
.navigator li:after {content:" ";}
.navigator a {color:#2282d2; text-decoration:none;}
.navigator a:hover {color:#7b7f85;}
@media screen and (max-width:800px) {
.navigator {margin:20px 0 15px 0;}
.navigator li {font-size:12px;}
}
@media screen and (max-width:600px) {
.navigator {margin:15px 0 15px 0;}
}

/* Pagination */
.pagination {margin:30px 0; text-align:center; font-size:16px;}
.pagination a, .pagination span {display:inline-block; min-width:38px; height:38px; line-height:38px; margin:3px; padding:0 5px; box-sizing:border-box; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.pagination a {border:1px solid #bfc0c1; background:#fff; color:#000; text-decoration:none;}
.pagination a:hover {border:1px solid #202d37; background:#fff; color:#202d37;}
.pagination span {border:1px solid #202d37; background:#202d37; color:#fff;}
.pagination span.text {background:#fff; border:none; color:#000;}

/* News */
.news_list {list-style:none; display:block; width:100%; margin:10px 0; padding:0;}
.news_list li {display:block; width:auto; height:auto; padding:20px; margin-bottom:20px; border-radius:5px; background:#f8f8f8;}
.news_date {margin-bottom:10px; font-size:14px; color:#2282d2; font-weight:400; text-align:left;}
.news_title {font-size:20px; color:#000; font-weight:500; transition:0.2s; text-decoration:none;}
.news_title:hover {color:#2282d2; transition:0.2s;}
.news_desc {margin-top:20px; font-size:16px; color:#5c6168; font-weight:400;}

/* Articles */
.art_list {list-style:none; display:flex; width:calc(100% + 20px); flex-wrap:wrap; margin:10px 0 -20px 0; padding:0; position:relative; left:-10px; top:-10px;}
.art_list li {display:block; width:33.3333%; padding:30px 30px 60px 30px; box-sizing:border-box; position:relative;}
.art_border {position:absolute; top:10px; bottom:10px; left:10px; right:10px; border:1px solid #e5e6e6; border-radius:5px; z-index:-1;}
.art_title {min-height:72px; padding-bottom:15px;}
.art_title a {font-size:20px; color:#000; font-weight:500; transition:0.2s; text-decoration:none;}
.art_title a:hover {color:#2282d2; transition:0.2s;}
.art_img img {width:100%; height:auto;}
.art_desc {margin-top:15px; font-size:16px; font-weight:400; color:#5c6168;}
.art_more {position:absolute; bottom:30px; right:30px;}
.art_more a {display:inline-block; font-size:14px; color:#2282d2; text-decoration:none; padding-right:20px; background:url(../images/ico_arrow_right_2.svg) right center no-repeat; background-size:16px 16px; transition:0.2s;}
.art_more a:hover {opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; transition:0.2s;}
@media screen and (max-width:1000px) {
.art_list li {width:50%;}
.art_list li.hidden {display:none;}
}
@media screen and (max-width:680px) {
.art_list li {width:100%;}
.art_title {min-height:auto;}
}
@media screen and (max-width:460px) {
.art_desc {font-size:14px;}
}

/* Categories */
.ctgrs_box {display:flex; width:calc(100% + 20px); flex-wrap:wrap; margin:10px 0 10px 0; padding:0; position:relative; left:-10px; top:-10px;}
.ctgrs_box a {display:block; width:calc(25% - 20px); margin:10px; border-radius:5px; box-sizing:border-box; overflow:hidden;}
.ctgrs_box a {background:#f8f8f8; padding:20px 10px 20px 10px; position:relative; text-decoration:none; transition:0.3s;}
.ctgrs_img {width:100%; padding-top:66.67%; position:relative; ~right:-25%; transition:0.3s;}
.ctgrs_img div {position:absolute; top:0; left:0; bottom:0; right:0;}
.ctgrs_img img {width:100%; height:auto; max-height:192px; -webkit-filter:brightness(97.5%); filter:brightness(97.5%);}
.ctgrs_box a:hover .ctgrs_img {right:0;}
.ctgrs_head {height:30px; margin:0 10px; text-align:left; font-size:18px; color:#000; position:relative; z-index:+1; transition:0.3s;}
.ctgrs_box a:hover .ctgrs_head {color:#2282d2;}
.ctgrs_tag {position:absolute; bottom:10px; left:10px; padding:6px 15px; color:#fff; font-size:13px; font-weight:400; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.ctgrs_hid4 {display:none !important;}
@media screen and (max-width:1000px) {
.ctgrs_box a {width:calc(33.3333% - 20px);}
.ctgrs_head {font-size:18px;}
.ctgrs_hid4 {display:block !important;}
.ctgrs_hid3 {display:none !important;}
}
@media screen and (max-width:636px) {
.ctgrs_box a {width:calc(50% - 20px);}
.ctgrs_head {font-size:17px;}
.ctgrs_img {right:0;}
.ctgrs_head {height:40px;}
.ctgrs_hid4 {display:block !important;}
.ctgrs_hid3 {display:block !important;}
.ctgrs_hid2 {display:none !important;}
}
@media screen and (max-width:560px) {
.ctgrs_box {width:calc(100% + 10px); left:-5px; top:-5px;}
.ctgrs_box a {width:calc(50% - 10px); margin:5px;}
.ctgrs_head {font-size:16px;}
.ctgrs_tag {padding:4px 12px;}
}
@media screen and (max-width:315px) {
.ctgrs_box a {width:calc(100% - 10px);}
.ctgrs_hid4 {display:block !important;}
.ctgrs_hid3 {display:block !important;}
.ctgrs_hid2 {display:block !important;}
.ctgrs_hid1 {display:none !important;}
}

/* Banner */
.bnr_box {margin:30px 0 20px 0;}
.bnr_box_с {width:100%; overflow-x:hidden; position:relative; background:#fff; border-radius:5px;}
.bnr_box ul {list-style:none; display:block; position:relative; left:0; margin:0; padding:0;}
.bnr_box1 ul {width:500%;}
.bnr_box2 ul {width:1000%;}
.bnr_box li {display:block; width:10%; height:auto; float:left; padding:0; margin:0; position:relative; box-sizing:border-box;}
.bnr_box li:first-child:before {content:""; display:block; position:absolute; right:-0.328%; top:0; background:#fff; width:0.656%; height:100%; z-index:+1;}
.bnr_img {width:100%; position:relative;}
.bnr_img>div {position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden;}
.bnr_img img {display:block; width:100%; height:100%;}
.bnr_bg {position:absolute; top:0; left:0; bottom:0; right:0;}
.bnr_bg svg {display:block;}
.bnr_content {position:absolute; top:0; left:0; bottom:0; right:0; font-size:20px; text-align:right;}
.bnr_head {margin-top:7%; margin-left:52%; width:44%; font-size:1.2em; font-weight:500;}
.bnr_text {margin-top:5%; margin-left:46%; width:50%; font-size:0.95em; font-weight:500; line-height:1.4;}
.bnr_button_dgy, .bnr_button_gy, .bnr_button_db, .bnr_button_b, .bnr_button_r, .bnr_button_g, .bnr_button_o {position:absolute; right:4%; bottom:10%; display:inline-block; padding:0.7em 2em; font-size:0.65em; color:#fff; font-weight:400; text-transform:uppercase; cursor:pointer; border-radius:5px;}
.bnr_button_dgy {background:#202d37;}
.bnr_button_gy {background:#7b7f85;}
.bnr_button_db {background:#2282d2;}
.bnr_button_b {background:#38bfec;}
.bnr_button_r {background:#da291c;}
.bnr_button_g {background:#00ca39;}
.bnr_button_o {background:#ff922e;}
.bnr_button_dgy:hover, .bnr_button_gy:hover, .bnr_button_db:hover, .bnr_button_b:hover, .bnr_button_r:hover, .bnr_button_g:hover, .bnr_button_o:hover {opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8;}
.color_dgy {color:#202d37;}
.color_gy {color:#7b7f85;}
.color_db {color:#2282d2;}
.color_b {color:#38bfec;}
.color_r {color:#da291c;}
.color_g {color:#00ca39;}
.color_o {color:#ff922e;}
.bnr_box .left, .bnr_box .right {display:block; width:48px; height:70px; top:50%; margin-top:-35px; cursor:pointer; position:absolute; opacity:0; -moz-opacity:0; transition:0.2s;}
.bnr_box .left {left:0;}
.bnr_box .right {right:0;}
.bnr_box .left:before, .bnr_box .right:before {content:""; display:block; position:absolute; top:0; left:0; bottom:0; right:0; background:#000; opacity:0.2; -moz-opacity:0.2; border-radius:5px;}
.bnr_box .left:after, .bnr_box .right:after {content:""; display:block; position:absolute; width:36px; height:36px; top:50%; margin-top:-20px; opacity:0.8; -moz-opacity:0.8; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.bnr_box .left:after {left:25%; border-top:4px solid #fff; border-left:4px solid #fff;}
.bnr_box .right:after {right:25%; border-bottom:4px solid #fff; border-right:4px solid #fff;}
.bnr_box:hover .left, .bnr_box:hover .right {opacity:1; -moz-opacity:1; transition:0.2s;}
.bnr_page {display:none; margin:10px 0 -10px 0; height:20px; text-align:center;}
.bnr_page_show {display:block;}
.bnr_page i {display:inline-block; width:10px; height:10px; background:#b2d2eb; margin:0 5px; padding:0; border-radius:5px;}
.bnr_page i.active {background:#2282d2;}
@media screen and (max-width:1240px) {
.bnr_content {font-size:1.7241vw;}
.bnr_box .left, .bnr_box .right {width:3.87vw; height:5.65vw; margin-top:-2.825vw;}
.bnr_box .left:after, .bnr_box .right:after {width:2.9vw; height:2.9vw; margin-top:-1.613vw;}
}
@media screen and (max-width:800px) {
.bnr_box .left, .bnr_box .right {opacity:0.5; -moz-opacity:0.5;}
.bnr_box {margin-top:25px;}
}
@media screen and (max-width:630px) {
.bnr_box ul {width:1000%;}
.bnr_box li:first-child:before {display:none;}
.bnr_box .left, .bnr_box .right {width:7.74vw; height:11.3vw; margin-top:-5.65vw;}
.bnr_box1 .left:after, .bnr_box1 .right:after {width:5.8vw; height:5.8vw; margin-top:-3.226vw;}
.bnr_box1 .bnr_content {font-size:3.3898vw;}
.bnr_box2 .bnr_content {font-size:2vw;}
.bnr_page {display:block;}
}
@media screen and (max-width:600px) {
.bnr_box {margin-top:20px;}
}
@media screen and (max-width:500px) {
.bnr_page {margin-top:5px; height:15px;}
.bnr_page i {width:8px; height:8px; margin:0 4px; border-radius:4px;}
}
@media screen and (max-width:310px) {
.bnr_box .left, .bnr_box .right {display:none;}
}

/* Наши преимущества */
.box_advant {margin:10px 0; width:100%; overflow-x:hidden;}
.box_advant ul {display:flex; width:calc(100% + 20px); flex-wrap:wrap; margin:0; padding:0; position:relative; left:-10px; top:-10px;}
.box_advant li {display:block; width:calc(33.3333% - 20px); margin:10px; padding:20px; border-radius:5px; box-sizing:border-box; background:#f6f6f6;}
.box_advant img {display:block; max-width:80px; width:40%; height:auto; margin:0 auto;}
.box_advant_head {margin:20px 0 10px 0; font-size:18px; color:#000; font-weight:500; text-align:center;}
.box_advant_desc {font-size:16px; color:#282d31; font-weight:400;}
@media screen and (max-width:1000px) {
.box_advant_head {font-size:17px; text-align:left;}
.box_advant_desc {font-size:14px;}
}
@media screen and (max-width:750px) {
.box_advant_head {font-size:16px;}
.box_advant_desc {font-size:13px;}
}
@media screen and (max-width:600px) {
.box_advant_head {margin:10px 0 0 0; font-size:14px; text-align:center;}
.box_advant_desc {display:none;}
}
@media screen and (max-width:500px) {
.box_advant ul {width:calc(100% + 10px); left:-5px; top:-5px;}
.box_advant li {width:calc(33.3333% - 10px); margin:5px;}
}
@media screen and (max-width:440px) {
.box_advant li {width:calc(50% - 10px);}
.box_advant img {width:35%;}
}
@media screen and (max-width:310px) {
.box_advant li {padding:10px;}
}

/* Блок Статьи для главной (плиткой) */
.art2_box {margin:20px 0;}
.art2_box ul {display:flex; width:calc(100% + 20px); flex-wrap:wrap; margin:20px 0 -20px 0; padding:0; position:relative; left:-10px; top:-10px;}
.art2_box li {display:block; width:calc(50% - 20px); margin:10px; box-sizing:border-box;}
.art2_img {display:block; text-decoration:none;}
.art2_img img {width:100%; height:auto; border:none; border-radius:5px;}
.art2b_head {margin:10px 0;}
.art2b_head a {font-size:20px; color:#000; font-weight:500; text-decoration:none;}
.art2b_head a:hover {color:#2282d2;}
.art2b_desc {margin:0 0 20px 0; font-size:14px; color:#282d31; font-weight:400;}
.art_all {padding:10px 0 0 0; text-align:right;}
.art_all a {display:inline-block; color:#2282d2; text-decoration:none; padding-right:20px; background:url(../images/ico_arrow_right_2.svg) right center no-repeat; background-size:16px 16px; transition:0.2s;}
.art_all a:hover {opacity:0.7; -moz-opacity:0.7; transition:0.2s;}
@media screen and (max-width:970px) {
.art2b_head a {font-size:18px;}
}
@media screen and (max-width:640px) {
.art2_box li {width:calc(100% - 20px);}
.art2_box li.hidden {display:none;}
.art2b_head a {font-size:20px;}
}
@media screen and (max-width:500px) {
.art2b_head a {font-size:18px;}
}
@media screen and (max-width:315px) {
.art2b_head {margin:5px 0 10px 0;}
.art2b_head a {font-size:16px;}
.art2b_desc {display:none;}
}

/*--- Cart ---*/
.cart_box {list-style:none; display:block; width:100%; margin:10px 0; padding:0;}
.cart_box li {display:block; width:100%; border-top:1px solid #e5e9f3;}
.cart_box li>div {display:table; width:100%; height:100%; padding:15px 0; box-sizing:border-box;}
.cart_box li:last-child {border-bottom:1px solid #e5e9f3;}
.carti_img {display:table-cell; width:140px; vertical-align:top;}
.carti_img>div {width:100%; padding-top:100%; position:relative;}
.carti_img a {display:block; position:absolute; top:0; left:0; bottom:0; right:0;}
.carti_img img {width:100%; max-width:140px; height:auto;}
.carti_inf {display:table-cell; width:auto; vertical-align:top; box-sizing:border-box;}
.carti_inf>div {display:table; width:100%; height:100%;}
.carti_c1 {display:table-cell; width:70%; padding:0 20px; box-sizing:border-box; vertical-align:middle;}
.carti_c2 {display:table-cell; width:15%; box-sizing:border-box; vertical-align:middle;}
.carti_c3 {display:table-cell; width:15%; padding-right:40px; box-sizing:border-box; vertical-align:middle; text-align:right; position:relative;}
.carti_del {position:absolute; bottom:50%; right:0; margin-bottom:-15px; width:30px; height:30px; cursor:pointer;}
.carti_del img {width:30px; height:30px;}
.carti_name {display:block; margin:10px 0; font-size:18px; color:#000; text-decoration:none; font-weight:500; transition:0.2s;}
.carti_name:hover {color:#2282d2; transition:0.2s;}
.carti_art {margin:3px 0; font-size:15px; color:#686c6e;}
.carti_code {margin:3px 0; font-size:15px; color:#4d97d2;}
.carti_price {margin-top:10px; font-size:18px; font-weight:500;}
.carti_summ {min-width:100px; font-size:18px; color:#282d31; font-weight:500;}
.cart_summ {margin-top:40px; font-size:20px; font-weight:500; color:#282d31; text-align:right;}
.cart_q_box {width:110px;}
.cart_but {display:table; width:100%; margin:40px 0 70px 0; }
.cart_but div:first-child {display:table-cell; width:50%; padding-right:10px; text-align:left; vertical-align:top; box-sizing:border-box;}
.cart_but div:last-child {display:table-cell; width:50%; padding-left:10px; text-align:right; vertical-align:top; box-sizing:border-box;}
@media screen and (max-width:900px) {
.carti_img {width:120px;}
.carti_name {font-size:16px;}
}
@media screen and (max-width:750px) {
.carti_inf>div {display:block; width:auto; position:relative;}
.carti_c1 {display:block; width:auto; padding-right:30%;}
.carti_c2 {display:block; position:absolute; top:0; right:0; width:25%;}
.carti_c3 {display:block; position:absolute; bottom:30px; right:0; width:20%;}
.carti_summ {min-width:inherit;}
.cart_q_box {margin:0 0 0 auto;}
}
@media screen and (max-width:620px) {
.carti_c1 {padding:0 0 50px 20px;}
.carti_c2 {top:auto; bottom:5px; left:20px; width:50%;}
.carti_c3 {bottom:12px; right:0; width:50%;}
.carti_price {display:none;}
.cart_q_box {margin:auto 0 0 0;}
}
@media screen and (max-width:410px) {
.carti_img {width:80px;}
.carti_c1 {padding:0 0 10px 20px;}
.carti_c2 {position:static; width:100%; padding:0 0 0 20px;}
.carti_c3 {position:relative; bottom:auto; right:auto; width:100%; margin-top:15px;}
.carti_art, .carti_code {font-size:13px;}
.carti_name {font-size:14px;}
.cart_but div:first-child {display:none;}
.cart_but div:last-child {padding:0; width:100%;}
.cart_but .button_1 {display:block;}
}

/* ---- Order ---- */
.order_box {margin:0 0 20px 0;}
.order_form {width:55%; float:left; box-sizing:border-box;}
.order_cart {width:45%; float:left; padding:30px 0 0 40px; box-sizing:border-box; position:sticky; top:-5px;}
.order_box_info {margin:20px 0; padding:20px; background:#f8f8f8; border-left:4px solid #2282d2;}
.order_bold {font-weight:500;}

.form_item {margin:27px 0;}
.form_item_1 {margin:10px 0 6px 0; font-size:16px; color:#282d31; font-weight:500;}
.form_item_1 b {color:#da291c; font-weight:500;}
.form_item_2 {margin:6px 0 5px 0;}
.form_item_error {display:inline-block; padding:10px; margin-top:5px; font-size:14px; color:#fff; background:#e15449; font-weight:300; position:relative; box-shadow:0 0 10px rgba(0,0,0,0.3); border-radius:5px;}
.form_item_error:before {content:""; display:block; width:12px; height:12px; position:absolute; top:-6px; left:20px; background:#e15449; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.form_item_description {font-size:14px; color:#7b7f85; font-weight:300; text-align:right;}
.form_input1, .form_input2, .form_input3 {width:100%; padding:5px 25px 5px 10px; line-height:26px; border:solid 1px #bfc0c1; box-sizing:border-box; background:#fff; font-size:16px; color:#282d31; border-radius:5px;}
.form_input1, .form_input2 {height:38px;}
.form_input3 {height:88px; font-family:'Roboto', 'Arial';}
.form_input2:disabled {color:#bbb;}
.form_checkbox1, .form_checkbox2 {width:10px; height:10px; margin:6px 16px 6px 6px; vertical-align:middle; position:relative;}
.form_checkbox1:before, .form_checkbox2:before {content:""; position:absolute; top:-7px; left:-6px; width:22px; height:22px; background:#fff; border-radius:5px;}
.form_checkbox1:before {border:solid 1px #bfc0c1;}
.form_checkbox2:before {border:solid 1px #2282d2;}
.form_checkbox1:after, .form_checkbox2:after {content:""; position:absolute; top:-5px; left:1px; width:6px; height:12px; transition:0.1s;}
.form_checkbox1:checked::before, .form_checkbox2:checked::before {background:#2282d2; border:solid 1px #2282d2;}
.form_checkbox1:checked::after, .form_checkbox2:checked::after {border-right:3px solid #fff; border-bottom:3px solid #fff; transform:rotate(45deg);}
.form_radio1 {width:10px; height:10px; margin:6px 10px 6px 25px; vertical-align:middle; position:relative;}
.form_radio1:before {content:""; position:absolute; top:-8px; left:-8px; width:22px; height:22px; background:#fff; border:solid 1px #bfc0c1; border-radius:50%; transition:0.1s;}
.form_radio1:checked::before {width:10px; height:10px; border:solid 7px #2282d2;}

.se_se {position:relative;}
.se_se .arrow {position:absolute; right:10px; top:15px; display:block; width:4px; height:4px; border-bottom:2px solid #000; border-left:2px solid #000; transform:rotate(-45deg);}
.se_se .search {position:absolute; right:7px; top:12px; display:none; width:16px; height:16px; background:url(../images/ico_search_1.svg) center no-repeat; background-size:16px 16px;}
.se_se ul {display:none; position:absolute; top:100%; left:0; right:0; max-height:313px; list-style:none; margin:0; padding:0; background:#fff; border:1px solid #bfc0c1; overflow-y:scroll; box-shadow:0 0 8px rgba(0,0,0,0.2); z-index:+1;}
.se_se li {padding:10px; margin:0; cursor:pointer; font-weight:500;}
.se_se li:hover {background:#e5e5e5;}
.se_se li.no_search {display:none; padding:10px 8px; margin:0; color:#2282d2; cursor:default; font-weight:400;}
.se_se li.no_search:hover {background:#fff;}
.se_se li.hidden {display:none;}
@media screen and (max-width:520px) {
.se_se ul {max-height:236px;}
}

.order_cart_box {background:#f8f8f8; padding:20px; border-radius:5px;}
.order_cart ul {list-style:none; display:block; width:100%; margin:0; padding:0;}
.order_cart li {display:table; width:100%; padding:10px 0; border-top:1px solid #e5e9f3;}
.order_cart li:last-child {border-bottom:1px solid #e5e9f3;}
.oc_head {margin:0 0 20px 0; font-size:18px; color:#000; font-weight:500;}
.oc_img {display:table-cell; width:60px; vertical-align:top;}
.oc_img img {width:100%; max-width:60px; height:auto; -webkit-filter:brightness(97.5%); filter:brightness(97.5%);}
.oc_inf {display:table-cell; width:auto; padding:0 0 20px 20px; vertical-align:top; position:relative;}
.oc_name {font-size:14px; color:#000; text-decoration:none; transition:0.2s;}
.oc_name:hover {color:#2282d2; transition:0.2s;}
.oc_q {position:absolute; bottom:0; left:20px; font-size:14px; color:#4d97d2; font-weight:500;}
.oc_price {position:absolute; bottom:0; right:0; font-size:16px; color:#2282d2; font-weight:500;}
.oc_link {margin:10px 0; text-align:right;}
.oc_link a {font-size:14px; color:#4d97d2; text-decoration:none; border-bottom:1px dashed #4d97d2; transition:0.2s;}
.oc_link a:hover {color:#282d31; border-bottom:1px dashed #282d31; transition:0.2s;}
.oc_summ {margin-top:20px; font-size:18px; color:#282d31; font-weight:500;}
.oc_text {margin-top:10px; font-size:15px; color:#7b7f85;}
.oс_button, .oс_button_a {display:none; background-size:22px 22px; cursor:pointer; padding:11px 20px; line-height:20px; color:#282d31; font-size:18px; font-weight:500;}
.oс_button {border-radius:10px; background:#f8f8f8 url(../images/ico_arrow_down_1.svg) right 10px center no-repeat;}
.oс_button_a {border-radius:5px 5px 0 0; background:#f8f8f8 url(../images/ico_arrow_up_3.svg) right 10px center no-repeat;}
@media screen and (max-width:750px) {
.order_form {width:100%;}
.order_cart {width:100%; padding:0;}
.oc_head {display:none;}
.oс_button, .oс_button_a {display:block;}
.order_cart_box {display:none; padding-top:10px; border-radius:0 0 5px 5px;}
#button_text {display:block !important;}
}

/*--- Buttons ---*/
.button_p1, .button_p3, .button_1, .button_2, .button_3 {display:block; text-align:center; cursor:pointer; text-decoration:none; border-radius:10px; opacity:1; -moz-opacity:1; transition:0.2s;}
.button_p1 {height:36px; line-height:36px; background:#2282d2; color:#fff; font-size:15px; overflow:hidden;}
.button_p3 {max-width:220px; background:#82929f; height:36px; width:100%;}
.button_p3>span {display:table; height:inherit; width:inherit;}
.button_p3>span>span {display:table-cell; vertical-align:middle; color:#fff; font-size:13px; line-height:13px; padding:0 10px;}
.button_p1:hover, .button_p3:hover, .button_1:hover, .button_2:hover, .button_3:hover {opacity:0.8; -moz-opacity:0.8; transition:0.2s; box-shadow:0 0 4px rgba(0,0,0,0.2);}
.button_1, .button_2 {display:inline-block; padding:11px 30px; margin:4px 0; line-height:20px; color:#fff; font-size:16px; box-sizing:border-box;}
.button_1 {background:#2282d2;}
.button_2 {background:#82929f;}
/*.button_3 {display:inline-block; padding:0 30px; line-height:34px; height:34px; color:#fff; font-size:16px; background:#2282d2;}*/
.button_p2 {text-align:center; width:36px; height:36px; border-radius:10px; cursor:pointer; background:#fff; overflow:hidden;}
.button_p2:hover {box-shadow:0 0 4px rgba(0,0,0,0.2);}
.button_p2:hover span {opacity:1;}
.button_4, .button_p4 {border:1px solid #2282d2; color:#2282d2; text-align:center; cursor:pointer; text-decoration:none; transition:0.2s;}
.button_4 {height:30px; line-height:30px; font-size:16px; border-radius:5px;}
.button_p4 {height:36px; line-height:34px; max-width:220px; font-size:14px; border-radius:10px; box-sizing:border-box;}
.button_4:hover, .button_p4:hover {background:#2282d2; color:#fff; transition:0.2s;}

/* Иконки во всплывающих сообщениях */
.ico_cart {padding:5px 0 5px 27px; background:url(../images/ico_cart_2.svg) left center no-repeat; background-size:22px 22px;}
.ico_compare2 {padding:5px 0 5px 30px; background:url(../images/ico_compare_3.svg) left center no-repeat; background-size:18px 18px;}
.ico_wish2 {padding:5px 0 5px 30px; background:url(../images/ico_wish_3.svg) left center no-repeat; background-size:18px 18px;}
/* Иконки в кнопках */
.ico_arrowl {padding:5px 0 5px 30px; background:url(../images/ico_arrow_left_1.svg) left center no-repeat; background-size:24px 24px;}
.ico_compare, .ico_compare_a, .ico_wish, .ico_wish_a {display:inline-block; height:inherit; width:26px; background-size:24px 24px;}
.ico_compare {background:url(../images/ico_compare_1.svg) center no-repeat; opacity:0.6;}
.ico_compare_a {background:url(../images/ico_compare_2.svg) center no-repeat;}
.ico_wish {background:url(../images/ico_wish_1.svg) center no-repeat; opacity:0.6;}
.ico_wish_a {background:url(../images/ico_wish_2.svg) center no-repeat;}
.ico_wait, .ico_wait2 {display:inline-block; height:inherit; width:24px; background-size:24px 24px;}
.ico_wait {background:url(../images/waiting_1.svg) center no-repeat;}
.ico_wait2 {background:url(../images/waiting_2.svg) center no-repeat;}
.ico_clear {padding:5px 0 5px 30px; background:url(../images/ico_close_2.svg) left center no-repeat; background-size:26px 26px;}
.ico_calendar {padding:0 0 0 16px; background:url(../images/ico_calendar.svg) left center no-repeat; background-size:10px 10px;}

.quantity_box {width:50px; height:36px; padding:0 30px; position:relative; background:#e9e9e9; border-radius:10px;}
.quantity_box input {width:100%; height:34px; margin:1px 0; box-sizing:border-box; text-align:center; border:none; background:#fff; border-radius:10px; font-size:16px;}
.quantity_m, .quantity_p {position:absolute; padding:0; margin:0; width:25px; height:36px; line-height:36px; color:#5c6168; font-size:22px; font-weight:400; border:none; background:transparent;}
.quantity_p {top:0; right:0;}
.quantity_m {top:0; left:0;}

/*--- Products box 2 ---*/
.prds2_box {margin:-5px 0 20px 0; width:100%; position:relative;}
.prds2_cont {width:100%; overflow-x:hidden; position:relative;}
.prds2_box ul {list-style:none; display:block; width:400%; position:relative; left:0; margin:0; padding:0;}
.prds2_box li {display:block; width:6.25%; height:auto; float:left; padding:10px; margin:0; box-sizing:border-box;}
.prds2_img {position:relative;}
.prds2_imgrt {max-width:200px; margin:0 auto;}
.prds2_imgrt>div {width:100%; padding-top:100%; position:relative;}
.prds2_imgrt a {display:block; position:absolute; top:0; left:0; bottom:0; right:0;}
.prds2_imgrt img {width:100%; max-width:200px; height:auto;}
.prds2_name {display:block; margin:10px 0 7px 0; height:60px; font-size:17px; color:#000; text-decoration:none; overflow:hidden; position:relative; transition:0.1s;}
.prds2_name:hover {color:#2282d2;}
.prds2_name:after {content:""; display:block; position:absolute; width:100%; height:20px; left:0; bottom:0; background:linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%);}
.prds2_art {height:20px; font-size:14px; color:#686c6e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prds2_code {height:20px; font-size:14px; color:#4d97d2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prds2_pb {margin-top:10px;}
.prds2_price {font-size:20px; font-weight:400;}
.prds2_price span {display:inline-block; font-size:17px; color:#686c6e; position:relative; margin-right:15px;}
.prds2_price span:after {content:""; display:block; position:absolute; width:100%; height:2px; left:0; bottom:35%; border-top:solid 1px #686c6e;}
.prds2_but {display:table; height:36px; width:100%; margin-top:10px;}
.prds2_but1 {display:table-cell; width:auto; vertical-align:bottom;}
.prds2_but2 {display:table-cell; width:82px; vertical-align:bottom;}
.prds2_but2>div {float:right; margin:0 2px;}
.prds2_box .left, .prds2_box .right {width:42px; height:48px; cursor:pointer; position:absolute; top:35%; opacity:0.3; -moz-opacity:0.3; transition:0.3s;}
.prds2_box .left {left:-7px; background:url(../images/ico_arrow_left_4.svg) center no-repeat;}
.prds2_box .right {right:-7px; background:url(../images/ico_arrow_right_4.svg) center no-repeat;}
.prds2_box:hover .left, .prds2_box:hover .right {opacity:0.8; -moz-opacity:0.8;}
.prds2_box .disabled {display:none !important;}
.prds2_box .all {display:none; padding:15px 0 0 0; text-align:right;}
.prds2_box .all span {font-weight:400; color:#2282d2; cursor:pointer; padding-right:20px; background:url(../images/ico_arrow_down_2.svg) right center no-repeat; background-size:16px 16px; transition:0.2s;}
.prds2_box .all span:hover {opacity:0.7; -moz-opacity:0.7; transition:0.2s;}
.prds3_box {margin:20px 0 40px 0;}
.prds3_box>.prds2_box {margin:0;}
.prds3_tab {display:table; width:100%; height:42px; margin:45px 0 25px 0;}
.prds3_tab div {display:table-cell; width:33.33%; height:inherit; text-align:center;}
.prds3_tab span {display:inline-block; width:80%; max-width:360px; height:38px; line-height:38px; background:#fff; border:2px solid #2282d2; color:#2282d2; font-size:18px; font-weight:500; border-radius:10px; cursor:pointer; transition:0.2s;}
.prds3_tab span:hover {background:#2282d2; color:#fff; opacity:0.7; -moz-opacity:0.7;}
.prds3_tab span.active:hover {opacity:1; -moz-opacity:1;}
.prds3_tab span.active {background:#2282d2; color:#fff; cursor:default;}
.prds3_head_item {display:none; margin-bottom:0;}
@media screen and (max-width:980px) {
.prds2_box ul {width:533.3333%;}
}
@media screen and (max-width:800px) {
.prds3_tab {margin:40px 0 20px 0;}
}
@media screen and (max-width:710px) {
.prds2_box ul {width:800%;}
.prds3_tab span {width:90%;}
}
@media screen and (max-width:630px) {
.prds3_tab {margin:35px 0 15px 0;}
}
@media screen and (max-width:460px) {
.prds2_cont {padding-bottom:10px; border-bottom: 1px solid #f0f0f0;}
.prds2_box ul {width:1600%;}
.prds2_name {font-weight:500;}
.prds3_box {margin:0;}
.prds3_box>.prds2_box {margin:20px 0 40px 0;}
.prds3_tab {display:none;}
.prds3_item {display:block !important; opacity:1 !important; -moz-opacity:1 !important;}
.prds3_head_tab {display:none;}
.prds3_head_item {display:block;}
}

.price_1, .price_2, .price_3, .price_4, .price_5, .price_6 {color:#da291c;}
.price_7, .price_8, .price_9 {color:#686c6e;}
.tag_new {background:#00ca39;}
.tag_hits {background:#ff922e;}
.tag_recommend {background:#4d97d2;}
.tag_best_price {background:#de3e32;}
.prds_tags, .prd_tags {position:absolute; text-align:left;}
.prds_tags {top:-5px; left:0;}
.prd_tags {top:10px; left:10px;}
.prds_tags div, .prd_tags div {margin-bottom:4px;}
.prds_tags span, .prd_tags span {display:inline-block; padding:5px 15px; color:#fff; font-size:13px; font-weight:400; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.prds_tag_so, .prd_tag_so {position:absolute; width:26px; height:26px; background:url(../images/ico_sale.svg) center no-repeat; background-size:26px 26px;}
.prds_tag_so {top:-5px; right:0;}
.prd_tag_so {top:10px; right:10px;}

/* Products sort */
.prds_sort {list-style:none; display:table; width:100%; margin:5px 0 0 0; padding:0 0 9px 0; border-bottom:1px #bfc0c1 solid;}
.prds_sort li {display:table-cell; width:auto; padding:0; text-align:left; vertical-align:middle;}
.prds_sort li:last-child {text-align:right; min-width:60px;}
.prdss_t, .prdss_s {line-height:30px; font-size:14px; color:#282d31;}
.prdss_st {margin-left:4px; padding-right:20px; background:url(../images/ico_arrow_down_1.svg) right center no-repeat; background-size:16px 16px; cursor:pointer;}
.prdss_s {position:relative;}
.prdss_l {position:absolute; top:-6px; left:0; display:none; width:180px; padding:0; background:#fff; z-index:+10; box-shadow:0 0 8px rgba(0,0,0,0.2);}
.prdss_l span {display:block; padding:0 10px; cursor:pointer;}
.prdss_l span:hover {background:#eee;}
.prdss_button_box {display:inline-block; width:58px; height:24px;}
.prdss_button {display:inline-block; width:24px; height:24px; background:#fff; cursor:pointer;}
.prdss_button_a {display:inline-block; width:24px; height:24px; background:#fff; cursor:default;}
.prdss_button:hover svg path {stroke:#4d97d2;}
.prdss_button_a svg path {stroke:#2282d2;}
@media screen and (max-width:540px) {
.prdss_t {display:none;}
}
@media screen and (max-width:350px) {
.prds_sort {display:block;}
.prds_sort li {display:block;}
.prdss_st {display:inline-block; width:100%; box-sizing:border-box;}
.prds_sort li:last-child {display:none;}
}

/* Products box */
.prds_box {margin:10px 0 20px 0;}
.prds_grid, .prds_row {list-style:none; display:block; width:100%; margin:0; padding:0;}
.prds_aval_1, .prds_aval_2 {display:inline; font-size:14px; color:#5c6168;}
.prds_aval_1 {padding-left:18px; background:url(../images/ico_ok.svg) left center no-repeat; background-size:12px 12px;}
.prds_rat {margin:5px 0 0 0; height:14px; line-height:14px;}
.prds_rat a {display:inline-block; line-height:16px; font-size:11px; color:#2282d2; padding-left:18px; background:url(../images/ico_message_1.svg) left center no-repeat; background-size:12px 12px; opacity:0.75; text-decoration:none; vertical-align:top;}
.prds_rat a:hover {opacity:1;}
.prds_rat span {display:inline-block; line-height:16px; font-size:12px; color:#7b7f85; vertical-align:top;}
.prds_rat>div {display:inline-block; width:70px; margin-right:10px; position:relative; background:url(../images/ico_star_1.svg) left center repeat-x; vertical-align:top;}
.prds_rat_a {position:absolute; top:0; left:0; background:url(../images/ico_star_2.svg) left center repeat-x;}
.prds_rat>div, .prds_rat_a {height:inherit; background-size:14px 14px;}

/* Grid products */
.prds_grid li {display:block; width:33.3333%; height:auto; float:left; padding:15px 10px 20px 10px; margin:10px 0 20px 0; box-sizing:border-box; position:relative; border-bottom:1px solid #f0f0f0;}
.prds_grid li:hover {box-shadow:0 -1px 12px rgba(0,0,0,0.2);}
.prds_grid .prds_img {position:relative;}
.prds_grid .prds_imgrt {max-width:200px; margin:0 auto;}
.prds_grid .prds_imgrt>div {width:100%; padding-top:100%; position:relative;}
.prds_grid .prds_imgrt a {display:block; position:absolute; top:0; left:0; bottom:0; right:0;}
.prds_grid .prds_imgrt img {width:100%; max-width:200px; height:auto;}
.prds_grid .prds_inf {width:100%;}
.prds_grid .prds_name {display:block; margin:10px 0 5px 0; height:60px; font-size:17px; color:#000; text-decoration:none; overflow:hidden; position:relative; transition:0.1s;}
.prds_grid .prds_name:hover {color:#2282d2;}
.prds_grid .prds_name:after {content:""; display:block; position:absolute; width:100%; height:20px; left:0; bottom:0; background:linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%);}
.prds_grid .prds_art {height:24px; font-size:14px; color:#686c6e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prds_grid .prds_code {height:24px; font-size:14px; color:#4d97d2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prds_grid .prds_des {display:none; position:absolute; top:100%; left:0; z-index:+1; width:100%; background:#fff; padding:0 10px 20px 10px; box-sizing:border-box; font-size:14px; color:#282d31; line-height:1.5;}
.prds_grid .prds_des:after {content:""; display:block; position:absolute; width:100%; height:12px; left:0; bottom:100%; background:#fff; box-sizing:border-box;}
.prds_grid li:hover .prds_des {display:block; box-shadow:0 1px 12px rgba(0,0,0,0.2);}
.prds_grid .prds_pb_ {height:74px; display:table;}
.prds_grid .prds_pb_>div {display:table-cell; vertical-align:middle;}
.prds_grid .prds_price br {display:none;}
.prds_grid .prds_price {font-size:20px; font-weight:400; margin-top:5px;}
.prds_grid .prds_price span {font-size:17px; color:#686c6e; position:relative; margin-right:15px;}
.prds_grid .prds_price span:after {content:""; display:block; position:absolute; width:100%; height:2px; left:0; bottom:35%; border-top:solid 1px #686c6e;}
.prds_grid .prds_but {display:table; height:36px; width:100%;}
.prds_grid .prds_but1 {display:table-cell; width:auto; vertical-align:bottom;}
.prds_grid .prds_but2 {display:table-cell; width:82px; vertical-align:bottom;}
.prds_grid .prds_but2>div {float:right; margin:0 2px;}
@media screen and (max-width:920px) {
.prds_grid li {width:50%;}
}
@media screen and (max-width:780px) and (min-width:680px) {
.prds_grid li {width:33.3333%;}
}
@media screen and (max-width:460px) {
.prds_grid li {width:100%; padding:20px 10px; margin:10px 0;}
.prds_grid li:hover {box-shadow:none;}
.prds_grid li:hover .prds_des {display:none;}
.prds_grid .prds_name {height:auto; margin-bottom:20px;}
.prds_grid .prds_name:after {display:none;}
}
@media screen and (max-width:340px) {
.prds_grid .prds_but {width:100%;}
.prds_grid .prds_but1 {width:auto;}
}

/* Row products */
.prds_row li {width:100%; height:auto; padding:20px 0 20px 0; margin:10px 0; box-sizing:border-box; border-bottom:1px solid #f0f0f0;}
.prds_check {width:30px; float:left; padding-top:90px;}
.prds_row .prds_img {position:relative; width:200px; float:left; vertical-align:top;}
.prds_row .prds_imgrt {max-width:200px; margin:0 auto;}
.prds_row .prds_imgrt>div {width:100%; padding-top:100%; position:relative;}
.prds_row .prds_imgrt a {display:block; position:absolute; top:0; left:0; bottom:0; right:0;}
.prds_row .prds_imgrt img {width:100%; max-width:200px; height:auto;}
.prds_row .prds_inf, .prds_row .prds_inf2 {height:auto; float:left; padding:0 20px; box-sizing:border-box;}
.prds_row .prds_inf {width:calc(100% - 365px);}
.prds_row .prds_inf2 {width:calc(100% - 395px);}
.prds_row .prds_name {display:block; font-size:18px; color:#000; text-decoration:none; font-weight:500; transition:0.1s;}
.prds_row .prds_name:hover {color:#2282d2;}
.prds_row .prds_des {margin:10px 0; font-size:14px; color:#282d31; line-height:1.5;}
.prds_row .prds_art {height:20px; font-size:14px; color:#686c6e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prds_row .prds_code {margin-top:5px; height:20px; font-size:14px; color:#4d97d2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prds_row .prds_pb, .prds_row .prds_pb2 {width:165px; float:right; box-sizing:border-box;}
.prds_row .prds_price {font-size:20px; font-weight:400; margin-top:10px;}
.prds_row .prds_price span {font-size:17px; color:#686c6e; position:relative; margin-right:15px;}
.prds_row .prds_price span:after {content:""; display:block; position:absolute; width:100%; height:2px; left:0; bottom:35%; border-top:solid 1px #686c6e;}
.prds_row .prds_but1 {margin-top:15px;}
.prds_row .prds_but2 {margin-top:10px;}
.prds_row .prds_but2>div {float:left; margin-right:5px;}
@media screen and (max-width:1000px) {
.prds_row .prds_img {width:180px;}
.prds_row .prds_inf {width:calc(100% - 330px);}
.prds_row .prds_pb, .prds_row .prds_pb2 {width:150px;}
}
@media screen and (max-width:920px) {
.prds_row .prds_img {width:160px;}
.prds_row .prds_inf {width:calc(100% - 160px); padding-right:0;}
.prds_row .prds_inf2 {width:calc(100% - 190px); padding-right:0;}
.prds_row .prds_price br {display:none;}
.prds_row .prds_pb {width:calc(100% - 160px); padding-left:20px;}
.prds_row .prds_pb2 {width:calc(100% - 190px); padding-left:20px;}
.prds_row .prds_pb_ {margin-top:10px;}
.prds_row .prds_but {display:table; height:36px; width:100%; max-width:282px; margin-top:10px;}
.prds_row .prds_but1 {display:table-cell; width:auto; vertical-align:bottom;}
.prds_row .prds_but2 {display:table-cell; width:82px; vertical-align:bottom;}
.prds_row .prds_but2>div {float:right; margin:0 2px;}
}
@media screen and (max-width:780px) and (min-width:700px) {
.prds_row .prds_img {height:160px;}
.prds_row .prds_inf {width:calc(100% - 320px); padding:0 20px;}
.prds_row .prds_inf2 {width:calc(100% - 350px); padding:0 20px;}
.prds_row .prds_price br {display:block;}
.prds_row .prds_pb, .prds_row .prds_pb2 {width:160px; padding-left:0;}
.prds_row .prds_but {display:block;}
.prds_row .prds_but1 {display:block; width:auto;}
.prds_row .prds_but2 {display:block; width:auto;}
.prds_row .prds_but2>div {float:left; margin-right:5px;}
}
@media screen and (max-width:500px) {
.prds_row .prds_img {width:140px;}
.prds_row .prds_inf {width:calc(100% - 140px); padding-left:10px;}
.prds_row .prds_inf2 {width:calc(100% - 170px); padding-left:10px;}
.prds_row .prds_name {font-size:16px;}
.prds_row .prds_des {font-size:13px;}
.prds_row .prds_pb, .prds_row .prds_pb2 {width:100%; padding-left:0;}
}
@media screen and (max-width:420px) {
.prds_check {height:22px; width:100%; float:left; padding-top:0; position:relative; top:-15px;}
.prds_row .prds_inf2 {width:calc(100% - 140px);}
.prds_row .prds_but {max-width:none;}
}
@media screen and (max-width:350px) {
.prds_row .prds_img {width:100%;}
.prds_row .prds_inf, .prds_row .prds_inf2 {width:100%; padding-left:0; margin-top:10px;}
.prds_row .prds_name {margin-bottom:20px; font-size:17px; font-weight:400;}
.prds_row .prds_des {display:none;}
}

/* Products filters */
#prds_filters {margin:5px 0 0 0; width:100%; background:#fff; box-sizing:border-box;}
#prds_filters>div {position:relative;}
.prdsf_head {text-align:center; padding:14px 0; margin-bottom:18px; display:none; border-bottom:1px solid #cdd1d9}
.prdsf_bs {display:none; margin:10px 0 15px 0; height:36px; background:#2282d2; text-align:center; border-radius:5px;}
.prdsf_bs span {line-height:36px; padding-left:30px; font-size:14px; color:#fff; background:url(../images/ico_filter_1.svg) left center no-repeat; background-size:22px 22px;}
.prdsf_group {margin:0 0 20px 0;}
.prdsfg_head {background:url(../images/ico_plus_1.svg) right center no-repeat;}
.prdsfg_head_a {background:url(../images/ico_minus_1.svg) right center no-repeat;}
.prdsfg_head, .prdsfg_head_a {margin:0 0 15px 0; font-size:16px; color:#000; padding:8px 24px 12px 0; border-bottom:solid 1px #bfc0c1; cursor:pointer; background-size:16px 16px;}
.prdsf_group ul {display:none; list-style:none; width:100%; margin:0; padding:0;}
.prdsf_group li {display:block; width:auto; margin:0; padding:2px 10px; font-size:15px; font-weight:400; line-height:1.4;}
.prdsf_group span.disabled {display:block; box-sizing:border-box; padding:6px 0 6px 24px; position:relative; color:#9da0a2;}
.prdsf_group span.disabled:before {content:""; display:block; position:absolute; width:16px; height:16px; top:5px; left:0; border:1px solid #d2d3d3; background:#f6f6f6; border-radius:2px;}
.prdsf_group a.check {display:block; box-sizing:border-box; padding:6px 0 6px 24px; position:relative; color:#2282d2; font-weight:400; text-decoration:none;}
.prdsf_group a.check:before {content:""; display:block; position:absolute; width:16px; height:16px; top:6px; left:0; border:1px solid #2282d2; background:#2282d2; border-radius:2px;}
.prdsf_group a.check:after {content:""; display:block; position:absolute; width:8px; height:4px; top:10px; left:4px; border-bottom:2px solid #fff; border-left:2px solid #fff; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.prdsf_group a.add {display:block; box-sizing:border-box; padding:6px 0 6px 24px; position:relative; color:#000; text-decoration:none; transition:0.3s;}
.prdsf_group a.add:hover {color:#2282d2; text-decoration:none; transition:0.3s;}
.prdsf_group a.add:before {content:""; display:block; position:absolute; width:16px; height:16px; top:6px; left:0; border:1px solid #bfc0c1; border-radius:2px; transition:0.3s;}
.prdsf_group a.add:hover:before {border:1px solid #2282d2; transition:0.3s;}
.prdsf_group span.count {color:#9da0a2;}
.prdsf_group ul.clear a {display:block; box-sizing:border-box; padding:6px 24px 6px 0; position:relative; color:#2282d2; font-weight:500; text-decoration:none; background:url(../images/ico_close_3.svg) right center no-repeat; background-size:24px 24px;}
.prdsf_group ul.clear a.all {color:#282d31; font-weight:400; background:url(../images/ico_close_1.svg) right center no-repeat; background-size:24px 24px;}
.prdsf_list_close {display:none; position:absolute; top:6px; right:6px; width:34px; height:34px; cursor:pointer;}
.prdsf_price {padding:10px 10px 0 10px;}
.prdsf_pr {display:table; height:32px; width:100%;}
.prdsf_pr1 {display:table-cell; width:auto; vertical-align:middle;}
.prdsf_pr1 input {padding:0 2px; margin:0; width:100%; height:32px; box-sizing:border-box; background:transparent; border:1px solid #bfc0c1; text-align:center; font-size:16px; color:#282d31; border-radius:5px;}
.prdsf_pr1 input::-webkit-input-placeholder {color:#bfc0c1;} 
.prdsf_pr1 input::-moz-placeholder {color:#bfc0c1;}
.prdsf_pr2 {display:table-cell; width:12px; text-align:center; vertical-align:middle; font-size:16px; color:#bfc0c1;}
.prdsf_pr3 {display:table-cell; width:44px; vertical-align:middle;}
.trackbar {height:32px; margin-top:15px; padding:0 22px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.trackbar>div {height:32px; width:100%; position:relative;}
.trackbar_line {position:absolute; height:1px; top:15px; left:-22px; right:-22px; background:#c5c7ca;}
.trackbar_select {position:absolute; display:none; height:2px; top:15px; left:0; right:0; background:#2282d2;}
.trackbar_min, .trackbar_max {position:absolute; display:none; top:5px; width:22px; height:22px; border:2px solid #2282d2; background:#fff; border-radius:50%; box-sizing:border-box;}
.trackbar_min {left:0; margin-left:-22px;}
.trackbar_max {left:100%;}
.trackbar .active {background:#e5f0f8;}
.trackbar_out {position:absolute; top:0; left:-22px; right:-22px; bottom:0; cursor:default;}

#prdsf_wait {display:none; position:absolute; top:0; right:0; bottom:0; left:0; background:#fff; opacity:0.6; -moz-opacity:0.6;}
#prdsf_modal {display:none; position:absolute; width:185px; padding:10px; z-index:+110; background:#fff; text-align:center; border-radius:10px; box-sizing:border-box; box-shadow:0 0 8px rgba(0,0,0,0.4);}
#prdsf_modal:before {content:""; display:block; position:absolute; top:30%; left:-7px; width:15px; height:15px; background:inherit; box-shadow:-4px 4px 4px rgba(0,0,0,0.15); transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.prdsfm_text {margin-bottom:10px; color:#282d31; font-size:14px;}
.prdsfm_button {display:block; text-align:center; margin:0 auto; max-width:280px; height:36px; line-height:36px; background:#2282d2; color:#fff; font-size:16px; cursor:pointer; text-decoration:none; border-radius:10px; transition:0.2s;}
.prdsfm_button:hover {opacity:0.8; -moz-opacity:0.8; transition:0.2s;}

/* Only check filters */
.prds_f_check {list-style:none; display:none; width:100%; margin:20px 0; padding:0;}
.prds_f_check li {display:inline-block; margin:4px 8px 4px 0; padding:0;}
.prds_f_check li:last-child {margin-right:0;}
.prds_f_check a {display:inline-block; padding:5px 30px 5px 10px; font-size:14px; font-weight:300; color:#fff; text-decoration:none; border-radius:10px; background:#4d97d2 url(../images/ico_close_2.svg) right 4px center no-repeat; background-size:22px 22px;}
.prds_f_check a.all {background-color:#aaa;}
.prds_f_check a:hover {opacity:0.8; -moz-opacity:0.8;}

.prdsf_all {text-align:center;}
.prdsf_all span {color:#2282d2; padding-right:20px; background:url(../images/ico_arrow_down_2.svg) right center no-repeat; background-size:16px 16px; cursor:pointer; transition:0.2s;}
.prdsf_all span:hover {opacity:0.7; -moz-opacity:0.7; transition:0.2s;}

@media screen and (max-width:780px) {
.prdsf_bs {display:block;}
#prds_filters {position:fixed; top:0; left:-450px; max-width:440px; height:100%; margin:0; padding:0 0 90px 0; overflow:auto; background:#e5e9f3; z-index:101;}
.prdsf_head {display:block;}
.prdsf_list_close {display:block;}
.prdsf_group {padding:0 20px;}
.prdsfg_head, .prdsfg_head_a {border-bottom:solid 1px #cdd1d9;}
.prdsf_group span.disabled:before {background:#dde0e8;}
.trackbar_min, .trackbar_max {background:#e5e9f3;}
#prdsf_wait {position:fixed; top:0; bottom:0; left:0; max-width:440px; width:100%; background:#e5e9f3;}
#prdsf_modal {position:fixed; max-width:440px; width:100%; bottom:0; left:0 !important; top:auto !important; background:#202d37; box-shadow:none; border-radius:0;}
#prdsf_modal:before {display:none;}
.prdsfm_text {color:#fff;}
.prds_f_check {display:block;}
}

/* Search */
.srch_cat {margin:30px 0 40px -5px; width:calc(100% + 10px);}
.srch_cat span {display:inline-block; font-size:14px; color:#7b7f85; margin:5px;}
.srch_cat a {display:inline-block; padding:4px 10px; margin:5px; font-size:14px; color:#2282d2; border:1px solid #2282d2; border-radius:10px; text-decoration:none; transition:0.2s;}
.srch_cat a:hover {background:#2282d2; color:#fff; transition:0.2s;}
.srch_all {padding-right:20px; margin:5px; color:#2282d2 !important; background:url(../images/ico_arrow_right_2.svg) right center no-repeat; background-size:16px 16px; cursor:pointer; transition:0.2s;}
.srch_all:hover {opacity:0.7; -moz-opacity:0.7; transition:0.2s;}

/* --- Product --- */
.prd_rat {height:auto; line-height:24px;}
.prd_rat span {display:inline-block; margin:1px 0 0 7px; font-size:14px; color:#9da0a2; vertical-align:top;}
.prd_rat>div {display:inline-block; width:120px; position:relative; background:url(../images/ico_star_3.svg) left center repeat-x; vertical-align:top;}
.prd_rat_a {position:absolute; top:0; left:0; background:url(../images/ico_star_4.svg) left center repeat-x;}
.prd_rat>div, .prd_rat_a {height:24px; background-size:24px 24px;}
.prd_box {margin:20px 0; display:table; width:100%;}
.prd_img_box {width:540px; display:table-cell; vertical-align:top;}
.prd_img_box>div {width:100%; height:100%; display:table;}
.prd_img_mini {width:80px; padding-right:20px; display:table-cell; vertical-align:top;}
.prd_img_m_at {height:19px; margin-bottom:5px; cursor:pointer; background:url(../images/ico_arrow_up_3.svg) center no-repeat; background-size:30px 30px;}
.prd_img_m_ab {height:19px; margin-top:5px; cursor:pointer; background:url(../images/ico_arrow_down_1.svg) center no-repeat; background-size:30px 30px;}
.prd_img_mini .disabled {cursor:default; opacity:0.3; filter:alpha(opacity=30); -moz-opacity:0.3;}
#prd_img_m {width:80px; height:374px; position:relative; overflow:hidden;}
#prd_img_m ul {position:absolute; top:0; left:0; display:block; list-style:none; margin:0; padding:0;}
#prd_img_m li {display:block; width:70px; margin-bottom:18px; padding:4px; border:1px solid #e5e9f3;}
#prd_img_m li img {display:block; width:70px; height:70px; transition:0.2s;}
#prd_img_m li.active {border-color:#4d97d2;}

.prd_img {width:auto; min-height:380px; padding:40px 0 0 0; display:table-cell; vertical-align:top; position:relative; overflow:hidden; box-sizing:border-box;}
.prd_img ul {position:relative; top:0; left:0; display:block; width:1600%; list-style:none; margin:0; padding:0;}
.prd_img li {display:inline-block; width:6.25%; margin:0; padding:0; text-align:center;}
.prd_img li img {width:100%; max-width:300px; height:auto;}
.prd_img li img.zoom {cursor:zoom-in;}
.prd_img div.left, .prd_img div.right {display:none; width:38px; height:48px; cursor:pointer; position:absolute; top:45%; opacity:0.4; -moz-opacity:0.4;}
.prd_img div.left {right:0px; background:url(../images/ico_arrow_right_4.svg) center no-repeat;}
.prd_img div.right {left:0px; background:url(../images/ico_arrow_left_4.svg) center no-repeat;}

.prd_inf_box, .prd_inf_box2 {width:auto; padding-left:30px; display:table-cell; vertical-align:top; box-sizing:border-box;}
.prd_des_h {margin-bottom:10px; font-size:18px; color:#282d31; font-weight:500;}
.prd_des {max-width:520px; font-size:15px; color:#5c6168; line-height:1.5;}
.prd_war {margin-top:20px; font-size:16px; color:#00ca39; font-weight:500;}
.prd_art {margin-top:10px; font-size:16px; color:#686c6e;}
.prd_code {margin-top:5px; font-size:16px; color:#4d97d2;}

.prd_pb {margin-top:20px; max-width:520px; min-height:80px; padding:15px; border:1px solid #e5e9f3;}
.prd_pb>div {display:table; width:100%;}
.prd_pb1 {display:table-cell; width:auto; vertical-align:middle;}
.prd_pb2 {display:table-cell; width:180px; padding-left:20px; vertical-align:top;}
.prd_pb2_2 {padding-top:10px;}
.prd_pb2_2 div {min-width:145px;}

.prd_aval_1, .prd_aval_2 {font-size:14px; color:#5c6168;}
.prd_aval_0 {font-size:16px; color:#000; font-weight:500; margin-top:20px;}
.prd_aval_1 {padding-left:20px; background:url(../images/ico_ok.svg) left center no-repeat; background-size:14px 14px;}
.prd_aval_2, .prd_aval_0 {padding-left:35px; background:url(../images/ico_close_1.svg) left center no-repeat; background-size:26px 26px;}
.prd_price {font-size:26px; font-weight:400; margin-top:10px;}
.prd_price span {font-size:18px; color:#686c6e; position:relative; margin-right:15px;}
.prd_price span:after {content:""; display:block; position:absolute; width:100%; height:2px; left:0; bottom:35%; border-top:solid 1px #686c6e;}
.prd_timer_price {padding-left:20px; margin-top:8px; background:url(../images/ico_clock_2.svg) left center no-repeat; background-size:14px 14px; font-size:14px; color:#da291c;}
.prd_timer_price time {margin-left:5px;}
.prd_pb2 .quantity_box {margin-bottom:10px;}
@media screen and (max-width:1080px) {
.prd_img_box {width:480px;}
.prd_img {width:380px; min-height:380px; padding:20px 0 0 0;}
}
@media screen and (max-width:980px) {
.prd_img_box {width:440px;}
.prd_img {width:340px;}
.prd_inf_box {padding-left:20px;}
}
@media screen and (max-width:900px) {
/* Блок с ценой переносим вниз */
.prd_img {min-height:340px; padding:20px 0 0 0;}
.prd_box {padding-bottom:143px; position:relative;}
.prd_pb {margin-top:0; max-width:none; min-height:none; width:auto; position:absolute; bottom:0; left:0; right:0;}
.prd_pb2 {width:50%;}
.prd_pb2_ {display:table; width:100%; margin:7px 0;}
.prd_pb2_1 {display:table-cell; width:50%; padding-right:5px; box-sizing:border-box;}
.prd_pb2_2 {display:table-cell; width:50%; padding-left:5px; vertical-align:bottom; box-sizing:border-box;}
.prd_price br {display:none;}
}
@media screen and (max-width:760px) {
/* Переносим короткое описание вниз */
.prd_box {display:block; padding-bottom:0;}
.prd_img_box {width:100%; display:block; float:left;}
.prd_img_mini {width:80px; padding-right:20px; display:block; float:left;}
.prd_img {width:calc(100% - 100px); display:block; float:left;}
.prd_inf_box, .prd_inf_box2 {width:100%; padding:170px 0 0 0; margin-top:20px; display:block; float:left; position:relative;}
.prd_inf_box {padding:170px 0 0 0;}
.prd_inf_box2 {padding:140px 0 0 0;}
.prd_pb {bottom:auto; left:0; right:0; top:0;}
}
@media screen and (max-width:560px) {
.prd_img_box {position:relative; padding-bottom:20px;}
.prd_img {width:100%;}
.prd_img_mini {position:absolute; height:10px; width:auto; bottom:0; left:0; right:0;}
.prd_img_mini_one {display:none;}
.prd_img_m_at, .prd_img_m_ab {display:none;}
#prd_img_m {width:100%; height:10px; text-align:center;}
#prd_img_m ul {position:static; padding:0; margin:0; height:10px;}
#prd_img_m li {display:inline-block; width:10px; line-height:10px; height:10px; margin:0 7px; vertical-align:top; padding:0; border:none; background:#b2d2eb; border-radius:5px;}
#prd_img_m li img {display:none;}
#prd_img_m li.active {border:none; background:#2282d2;}
.prd_img div.left {display:block;}
.prd_img div.right {display:block;}
.prd_inf_box {padding:200px 0 0 0;}
.prd_inf_box2 {padding:140px 0 0 0;}
.prd_pb2_ {display:block; margin:0;}
.prd_pb2_1, .prd_pb2_2 {display:block; width:100%; padding:0;}
.prd_pb2_2 {padding-top:10px}
.prd_pb2_2 div {min-width:none;}
.prd_price br {display:block;}
}
@media screen and (max-width:350px) {
.prd_inf_box {padding:260px 0 0 0;}
.prd_inf_box2 {padding:170px 0 0 0;}
.prd_pb1 {display:block;}
.prd_pb2 {display:block; width:100%; padding:20px 0 0 0;}
}

.prd_img_full {width:calc(100% + 30px); height:auto; margin-left:-15px; position:relative; overflow:hidden;}
.prd_img_full ul {position:relative; top:0; left:0; display:none; width:1600%; height:inherit; list-style:none; margin:0; padding:0;}
.prd_img_full li {display:block; float:left; width:6.25%; height:inherit; margin:0; padding:0;}
.prd_img_full li>div {display:flex; align-items:center; justify-content:center; width:100%; height:inherit;}
.prd_img_full li img {display:block; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain;}
.prd_img_full_name {position:absolute; top:15px; left:0; width:100%; padding:0 60px 0 20px; font-size:18px; color:#282d31; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.prd_img_full_left, .prd_img_full_right {width:38px; height:48px; cursor:pointer; position:absolute; top:45%; opacity:0.4; -moz-opacity:0.4;}
.prd_img_full_left {right:5px; background:url(../images/ico_arrow_right_4.svg) center no-repeat;}
.prd_img_full_right {left:5px; background:url(../images/ico_arrow_left_4.svg) center no-repeat;}
.prd_img_full_page {position:absolute; height:10px; left:0; right:0; bottom:0; text-align:center;}
.prd_img_full_page div {display:inline-block; line-height:10px; height:10px; width:10px; margin:0 7px; vertical-align:top; background:#b2d2eb; padding:0; border-radius:5px;}
.prd_img_full_page div.active {background:#2282d2;}
@media screen and (max-width:350px) {
.prd_img_full_left {right:0;}
.prd_img_full_right {left:0;}
}
@media screen and (max-width:500px) {
.prd_img_full_name {display:none;}
}
@media screen and (max-height:400px) {
.prd_img_full_name {display:none;}
}

/* Вкладки */
.prd_r_box {margin:50px 0 20px 0;}
.prd_r_tab {list-style:none; display:block; width:100%; height:auto; margin:0; padding:0; border-bottom:solid 1px #dbdbdb;}
.prd_r_tab li {display:inline-block; height:44px; margin:0; padding:0 20px; line-height:44px; font-size:20px; font-weight:500; color:#282d31; box-sizing:border-box; cursor:pointer;}
.prd_r_tab li:hover {color:#000;}
.prd_r_tab li.active {color:#000; cursor:auto; border-bottom:2px solid #2282d2;}
.prd_r_cont {display:table; width:100%;}
.prd_r_cont1 {display:table-cell; width:auto; padding:20px 0 0 0; vertical-align:top;}
.prd_r_cont2 {display:table-cell; width:300px; padding:45px 0 0 30px; vertical-align:top;}

.prd_brand_logo {float:left; margin:0 20px 0 0; width:auto; height:auto; max-width:130px; max-height:90px;}

.prd_inf_mini {position:sticky; top:20px; padding:20px; border:1px solid #e5e9f3; box-sizing:border-box;}
.prd_im_name {margin:0; line-height:1.4; font-size:18px; color:#282d31; font-weight:500;}
.prd_im_name span {font-weight:400;}
.prd_im_img {padding:0 20px; text-align:center;}
.prd_im_img img {width:100%; height:auto;}
.prd_inf_mini .prds2_price {text-align:center;}
.prd_im_but {margin-top:15px; text-align:center;}
.prd_im_but>div {display:inline-block; width:200px;}
@media screen and (max-width:980px) {
.prd_r_cont2 {display:none;}
}
@media screen and (max-width:840px) {
.prd_r_tab li {padding:0 15px; font-size:18px;}
}
@media screen and (max-width:500px) {
.prd_r_box {margin-top:35px;}
.prd_r_tab {border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:none;}
.prd_r_tab li {display:block; padding:0 20px; height:40px; line-height:40px; font-size:16px; border-bottom:1px solid #dbdbdb; background:#f8f8f8 url(../images/ico_arrow_down_1.svg) right 20px center no-repeat; background-size:16px 16px;}
.prd_r_tab li.active {border-bottom:1px solid #dbdbdb; background:#fff; color:#2282d2;}
.prd_r_cont {border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.prd_r_cont1 {padding:15px;}
.prd_brand_logo {float:none; margin:0;}
}

.prd_head {font-size:24px; color:#282d31; font-weight:500;}
.prd_head_grey {color:#cecfd0; font-size:0.9em; font-weight:400;}
.prd_features, .prd_brand_descr {color:#282d31; font-weight:400; line-height:1.5; margin-bottom:40px; max-width:1080px;}

.prd_a_list {width:100%; max-width:1080px; padding:0; margin-bottom:20px;}
.prd_a_list tr {padding:0; margin:0;}
.prd_a_list td {margin:0; border-bottom:1px dashed #e5e9f3; width:50%; font-size:16px;}
.prd_a_list td:first-child {padding:10px 0 10px 0; color:#282d31; font-weight:400;}
.prd_a_list td:last-child {padding:10px 0 10px 15px; color:#282d31; font-weight:500;}
.prd_features, .prd_brand_descr {color:#000; font-weight:400; line-height:1.6; margin-bottom:40px;}

.prd_video {margin:0; text-align:center; width:100%; min-height:490px;}
.prd_video iframe, .prd_video_load {margin:20px auto; width:800px; height:450px;}
.prd_video_load {display:table;}
.prd_video_load div {display:table-cell; width:inherit; height:inherit; background:#f6f6f6; vertical-align:middle; color:#a7a7a7; font-weight:300;}
@media screen and (max-width:860px) {
.prd_video {min-height: calc(((100vw - 60px) / 1.78) + 40px);}
.prd_video iframe, .prd_video_load {width:100%; height: calc((100vw - 60px) / 1.78);}
}
@media screen and (max-width:500px) {
.prd_head {font-size:22px;}
}
@media screen and (max-width:400px) {
.prd_a_list td {width:auto; font-size:14px;}
}

/*.review_box {padding:20px 0;}*/
.review_item {margin:0 0 20px 0; padding:20px; border-radius:10px; box-sizing:border-box; background:#f8f8f8;}
.review_head {padding:0 150px 5px 0; font-size:18px; color:#000; font-weight:500; position:relative;}
.review_head div {position:absolute; top:3px; right:0; width:140px; font-size:13px; color:#2282d2; font-weight:400; text-align:right;}
.review_text {padding-top:15px; font-size:16px; color:#5c6168; line-height:1.4;}
.addreview_box {padding-top:40px; width:auto; box-sizing:border-box;}
.addreview_rat {height:34px;}
.addreview_rat div {background:url(../images/ico_star_3.svg) center no-repeat;}
.addreview_rat div.active {background:url(../images/ico_star_4.svg) center no-repeat;}
.addreview_rat div, .addreview_rat div.active {float:left; height:34px; width:34px; background-size:30px 30px; cursor:pointer;}
@media screen and (max-width:420px) {
.review_head {padding:0 0 5px 0;}
.review_head div {position:static; text-align:left; padding-bottom:10px; width:auto;}
}

/* Wish, Compare */
.action {background:#f8f8f8; padding:10px 0; border-radius:10px;}
.action_wish1 {margin:20px 0;}
.action_wish2 {margin:-10px 0 20px 0;}
.action_comp {position:absolute; top:0; left:0; width:210px; z-index:+2;}
.ac_head {margin:10px 20px; font-size:14px; color:#282d31;}
.ac_buttons {margin-top:-5px; padding:0 13px 5px 13px;}
.ac_button {font-size:14px; color:#2282d2; border-bottom:1px dashed #2282d2; cursor:pointer; transition:0.2s; text-decoration:none;}
.ac_button:hover {color:#282d31; border-bottom:1px dashed #282d31; transition:0.2s;}
.ac_ico_all, .ac_ico_del, .ac_ico_add, .ac_ico_chk1, .ac_ico_chk0 {display:inline-block; margin:7px; padding-left:24px;}
.ac_ico_all {background:url(../images/ico_checked_all.svg) left center no-repeat; background-size:20px 20px;}
.ac_ico_del {background:url(../images/ico_delete.svg) left center no-repeat; background-size:20px 20px;}
.ac_ico_add {background:url(../images/ico_plus_2.svg) left center no-repeat; background-size:20px 20px;}
.ac_ico_chk1 {background:url(../images/ico_checked.svg) left center no-repeat; background-size:20px 20px;}
.ac_ico_chk0 {background:url(../images/ico_check.svg) left center no-repeat; background-size:20px 20px;}
.ac_no_ico {display:inline-block; margin:7px;}

/* Compare */
.cmpr_t1 {margin:25px 0 -10px 0; font-size:13px; color:#7b7f85;}
.cmpr_ilist {margin:20px 0; position:relative;}
.cmpr_ilist .button_1 {font-size:15px;}
.cmpr_il_del {position:absolute; top:-10px; right:-10px; width:26px; height:26px; border:solid 2px #5e6264; background:#fff url(../images/ico_close_1.svg) center no-repeat; background-size:26px 26px; border-radius:15px; cursor:pointer;}
.cmpr_il_del:hover {box-shadow:0 0 4px rgba(0,0,0,0.2);}

.comp_box {margin:10px 0; position:relative;}
.comp_tbl {position:relative;}
.comp_tbl:after {content:""; display:block; position:absolute; height:100%; width:15px; top:0; right:0; background:linear-gradient(to right, rgba(255, 255, 255, 0), white 100%);}
.comp_tbl table {border-spacing:10px; ~border-collapse:collapse; margin:0 0 20px -10px;}
/*.comp_tbl tr {border-bottom:1px dashed #e5e9f3;}*/
.comp_td1, .comp_td4 {position:sticky; left:0; padding:15px 5px; z-index:+1;}
.comp_td1 {background:#f8f8f8; border-radius:10px; border:1px solid #f8f8f8;}
.comp_td1:after, .comp_td4:after {content:""; display:block; position:absolute; height:100%; width:15px; top:0; right:-15px; background:linear-gradient(to left, rgba(255, 255, 255, 0), white 100%);}
.comp_td4 {background:#fff;}
.comp_td2 {padding:0 5px 0 5px; vertical-align:top;}
.comp_td3 {padding:5px; text-align:center; border:1px solid #f2f2f2; border-radius:10px;}
.comp_first, .comp_name {width:200px;}
.comp_name {font-size:15px; color:#282d31; font-weight:500;}
.comp_value, .comp_prd {width:185px;}
.comp_value {font-size:15px; color:#282d31;}
.comp_prd_img {margin:0 0 5px 0; position:relative;}
.comp_prd_imgrt {width:140px; margin:0 auto;}
.comp_prd_imgrt>div {width:100%; padding-top:100%; position:relative;}
.comp_prd_imgrt a {display:block; position:absolute; top:0; left:0; bottom:0; right:0;}
.comp_prd_imgrt img {width:100%; height:auto;}
.comp_prd_del {position:absolute; width:30px; height:30px; top:0; right:0; border-radius:15px; background:#fff url(../images/ico_close_3.svg) center no-repeat; background-size:30px 30px; cursor:pointer;}
.comp_prd_name {display:block; font-size:14px; font-weight:500; color:#000; text-align:center; text-decoration:none; transition:0.1s;}
.comp_prd_name:hover {color:#2282d2;}
.comp_prd_price {text-align:center; font-size:17px;}
.comp_prd_but {width:80%; margin:10px auto;}
@media screen and (max-width:815px) {
.action_comp {position:static; width:auto; margin-bottom:10px;}
.comp_first, .comp_name {width:170px;}
.comp_prd {width:160px;}
.comp_prd_imgrt {width:100px;}
.comp_name {width:170px; font-size:14px;}
.comp_value {font-size:14px;}
.comp_prd_imgrt {width:120px;}
.comp_prd_but {display:none;}
.ac_head {margin:7px 20px;}
}
@media screen and (max-width:570px) {
.comp_first, .comp_name {width:120px; font-size:13px;}
.comp_value {width:140px; font-size:13px;}
.comp_prd {width:140px;}
.comp_prd_imgrt {width:90px;}
.comp_prd_name {font-size:12px;}
}
@media screen and (max-width:420px) {
.comp_td1 {padding:10px 5px;}
.comp_td2 {padding:10px 5px;}
.comp_td3 {padding:10px 5px;}
.comp_first, .comp_name {width:100px; font-size:12px; word-break:break-word; font-weight:400;}
.comp_value {width:110px; font-size:12px;}
.comp_prd {width:110px;}
.comp_prd_imgrt {width:80px;}
.comp_prd_name {font-size:12px;}
}

/*--- Menu ---*/
.menu_box {margin:10px 0 30px 0;}
.menu_head {margin:0 0 15px 0; font-size:18px; color:#000; padding:8px 24px 12px 0; border-bottom:solid 1px #bfc0c1; font-weight:500;}
.menu_box ul {list-style:none; display:block; width:100%; margin:0; padding:0;}
.menu_box li {display:block; width:auto; margin:0; padding:2px 7px; font-size:16px; font-weight:400; line-height:1.4;}
.menu_box a {display:block; box-sizing:border-box; padding:6px 0 6px 20px; color:#000; text-decoration:none; background:url(../images/ico_arrow_right_1.svg) left center no-repeat; background-size:14px 14px; transition:0.3s;}
.menu_box a:hover {color:#2282d2; text-decoration:none; transition:0.3s;}
@media screen and (max-width:780px) {
.menu_box {display:none;}
}

/*--- Feedback ---*/
.feedback_box {margin:10px 0 30px 0;}
.feedback_head {margin:0 0 15px 0; font-size:18px; color:#000; padding:8px 24px 12px 0; border-bottom:solid 1px #bfc0c1; font-weight:500;}
.feedback_button {text-align:right;}
.feedback_button span {width:100%;}
@media screen and (max-width:1000px) {
.feedback_box {padding:20px; background:#f8f8f8; border-radius:5px;}
.feedback_head {border-bottom:none; font-size:22px;}
.feedback_button span {width:200px;}
}
@media screen and (max-width:400px) {
.feedback_box {padding:0; background:none;}
.feedback_head {border-bottom:solid 1px #bfc0c1;}
.feedback_button span {width:100%;}
}

/* Боковой блок Статьи */
.art3_box {margin:10px 0 30px 0;}
.art3_head, .art3_head2 {margin:0 0 15px 0; font-size:18px; color:#000; padding:8px 24px 12px 0; border-bottom:solid 1px #bfc0c1; font-weight:500;}
/*.art3_head2 {display:none;}*/
.art3_box ul {display:flex; width:calc(100% + 20px); flex-wrap:wrap; margin:20px 0 -20px 0; padding:0; position:relative; left:-10px; top:-10px;}
.art3_box li {display:block; width:calc(100% - 20px); margin:10px; box-sizing:border-box;}
.art3_img {display:block; text-decoration:none;}
.art3_img img {width:100%; height:auto; border:none; border-radius:5px;}
.art3b_head {margin:10px 0;}
.art3b_head a {font-size:18px; color:#000; font-weight:500; text-decoration:none;}
.art3b_head a:hover {color:#2282d2;}
.art3b_desc {margin:0 0 20px 0; font-size:14px; color:#5c6168; font-weight:400;}
@media screen and (max-width:960px) {
.art3b_head a {font-size:16px;}
}
@media screen and (max-width:780px) {
.art3_box ul {width:calc(100% + 20px);}
.art3_box li {width:calc(50% - 20px);}
.art3b_head a {font-size:18px;}
.art3_head2 {display:block; margin-top:55px; border-bottom:none; font-size:26px;}
}
@media screen and (max-width:640px) {
.art3_box li {width:calc(100% - 20px);}
.art3_box li.hidden {display:none;}
.art3_head2 {margin-top:50px; font-size:24px;}
}
@media screen and (max-width:500px) {
.art3b_head a {font-size:18px;}
}
@media screen and (max-width:315px) {
.art3b_head {margin:5px 0 10px 0;}
.art3b_head a {font-size:16px;}
.art3b_desc {display:none;}
}

.modal_open {overflow:hidden;}
#modal_bg {position:fixed; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:0.5; -moz-opacity:0.5; z-index:100;}
#load_page {position:fixed; top:50%; left:50%; margin-left:-150px; margin-top:-20px; width:300px; height:40px;}
#load_page img {width:100%; height:auto;}
#modal_box {display:table; width:100%; height:100%; position:fixed; top:0; left:0; z-index:101;}
#modal_box>div {display:table-cell; width:100%; height:100%; vertical-align:middle; overflow:auto; box-sizing:border-box;}
#modal_box_content {max-width:300px; width:98%; box-sizing:border-box; position:relative; margin:5px auto; padding:45px 30px 30px 30px; background:#fff; border:solid 1px #e3e3e3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow:0 0 8px rgba(0,0,0,0.7);}
.modal_box_close {display:block; position:absolute; top:10px; right:10px; width:32px; height:32px; cursor:pointer;}
.modal_head {margin:0 0 20px 0; font-size:18px; color:#000; font-weight:500; text-align:center;}

/* call back, up */
#ico_call_back, #ico_page_up {position:fixed; bottom:20px; right:20px; width:50px; height:50px; background:#2282d2; text-align:center; border-radius:10px; cursor:pointer; opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; transition:opacity 0.3s; z-index:+10;}
#ico_call_back:hover, #ico_page_up:hover {opacity:1; -moz-opacity:1;}
#ico_call_back img {width:36px; height:36px; margin-top:7px; animation:call_back 4s infinite; -webkit-animation:call_back 4s infinite;}
#ico_page_up img {width:24px; height:24px; margin-top:12px;}
@keyframes call_back {
0%, 58%, 100% {transform: rotate(0);}
67%, 79%, 91% {transform: rotate(-15deg);}
61%, 73%, 85%, 97% {transform: rotate(15deg);}
}
@-webkit-keyframes call_back {
0%, 58%, 100% {transform: rotate(0);}
67%, 79%, 91% {transform: rotate(-15deg);}
61%, 73%, 85%, 97% {transform: rotate(15deg);}
}

#modal_mes {display:none; position:fixed; top:0; left:0; right:0; z-index:+1;}
#modal_mes>div {position:relative; width:1220px; padding:8px 30px 8px 8px; line-height:24px; margin:10px auto 0 auto; background:#202d37; color:#fff; font-size:14px; text-align:center; border-radius:15px; box-sizing:border-box; box-shadow:0 0 8px rgba(255,255,255,0.4);}
#modal_mes a {color:#4d97d2; margin-left:20px;}
#modal_mes a:hover {color:#fff;}
#modal_mes br {display:none;}
.modal_mes_close {position:absolute; top:0; right:0; width:40px; height:40px; background:url(../images/ico_close_2.svg) center no-repeat; background-size:32px 32px; cursor:pointer;}
@media screen and (max-width:1240px) {
#modal_mes>div {width:auto; margin:10px 10px 0 10px;}
}
@media screen and (max-width:540px) {
#modal_mes br {display:inline;}
}
@media screen and (max-width:300px) {
#modal_mes>div {display:none;}
}

.rotate_ico {animation-name:rotate_ico_ 0.4s infinite; -webkit-animation:rotate_ico_ 0.4s infinite;}
@keyframes rotate_ico_ {
0% {transform: rotate(0deg);}
100% {transform: rotate(90deg);}
}
@-webkit-keyframes rotate_ico_ {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(90deg);}
}

.clearfix:before {content:""; display:table;}
.clearfix:after {content:""; display:table; clear:both;}

input, textarea, select, button {outline:none;}
input:active, textarea:active, select:active, button:active {outline:none;}
input:focus, textarea:focus, select:focus, button:focus {outline:none;}
textarea {resize:none;}

.systeminfo {position:fixed; width:120px; height:auto; bottom:30px; left:-142px; padding:10px; border:1px solid #2282d2; background:#fff; font-size:12px; color:#444; transition:0.3s;}
.systeminfo:before {content:""; position:absolute; width:4px; height:30px; right:-5px; top:-1px; background:#2282d2;}
.systeminfo:hover {left:-0px; transition:0.3s;}
.systeminfo:hover:before {display:none;}

.adm_info {width:70px; height:20px; background:#fff; border-radius:5px; padding:0 2px; position:absolute;}
.prds_grid .adm_info, .prds_row .adm_info {bottom:-5px; left:0;}
.prd_box .adm_info {bottom:0; left:10px;}
.adm_info a.edit {margin-left:5px; background:url(../images/adm_edit.svg) center no-repeat;}
.adm_info a.print {margin-left:5px; background:url(../images/adm_print.svg) center no-repeat;}
.adm_info a.arrow {background:url(../images/adm_arrow.svg) center no-repeat;}
.adm_info a.edit, .adm_info a.print, .adm_info a.arrow {display:inline-block; width:20px; height:20px; background-size:16px 16px;}
.adm_info_box {display:none; position:absolute; width:180px; font-size:13px; color:#282d31; background:#fff; padding:10px; text-align:left; line-height:1.5; box-shadow:0 1px 12px rgba(0,0,0,0.2); z-index:+5;}
.prds_grid .adm_info_box {left:0; top:100%;}
.prds_row .adm_info_box {left:0; bottom:100%;}
.prd_box .adm_info_box {left:0; bottom:100%;}
.adm_info_box hr {margin:5px 0;}
@media screen and (max-width:920px) {
.prds_row .adm_info_box {left:0; top:100%; bottom:auto;}
}