@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap');

html { width: 100%; height: 100%; }
body { position: relative; height: 100%; -webkit-font-smoothing: antialiased; font-family: 'Inter', sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #0F172A; background: #FFFFFF; max-width:1920px; margin:0 auto;}

::-webkit-input-placeholder { opacity:1;}
::-moz-placeholder          { opacity:1;}
:-moz-placeholder           { opacity:1;}
:-ms-input-placeholder      { opacity:1;}
a { text-decoration: underline; color: #4696EA;}
a:hover { text-decoration: none; color: #0D61AE;}

.main { height: 100%; flex-direction: column;}

.container { max-width:1300px; margin: 0 auto; padding: 0 0px;}
.row { margin-left: 0 !important; margin-right: 0 !important;}
.row>* { padding-right: 0; padding-left: 0; }

.button { display: inline-block; float: right; text-align: center; padding: 9px 24px; background: #27a644; border: 1px solid #27a644; border-radius: 30px; font-weight: 700; font-size: 14px; line-height: 17px; color: #FFFFFF; text-decoration: none;}
.button:hover { background: #1EC668; color: #FFFFFF; border: 1px solid #05DA63;}
.button:disabled { background: #F1F1F1; color: #B8B8B8; border: 1px solid #F1F1F1;}
.button_black { display: inline-block; float: right; border: none; padding: 8px 24px; background: #0F172A; border-radius: 30px; font-weight: 700; font-size: 14px; line-height: 17px; color: #FFFFFF; text-decoration: none;}
.button_black:hover { background: #334155; color: #FFFFFF;}
.button_black:disabled { background: #F1F1F1; color: #B8B8B8;}
.button_red { display: inline-block; float: right; border: none; padding: 8px 24px; background: #FF0000; border-radius: 30px; font-weight: 700; font-size: 14px; line-height: 17px; color: #FFFFFF; text-decoration: none;}
.button_red:hover { background: #D23434; color: #FFFFFF;}
.button_red:disabled { background: #F1F1F1; color: #B8B8B8;}


header { width: 100%; margin: 22px 0;}
header .logo { margin: 0px 0; height: 50px;}
header .logo img { height: 100%;}
.menu-toggle { display: none;}
.basket { float: right; position: relative; margin: 15px 35px 0 51px; width: 24px; height: 24px; background: url(../img/basket.png) no-repeat; background-size:24px; text-decoration: none;}
.basket span { position: absolute; width: 15px; height: 15px; right: -6px; top: -6px; background: #FFB800; border-radius: 30px; font-weight: 500; font-size: 10px; line-height: 15px; text-align: center; color: #0F172A; text-decoration: none;}
header .button { margin: 6px 0 0 0;}
.phone_top { display: none; padding-top: 20px;}
/*.phone_top .button { width:70%;}*/
.contact { float: right; margin: 15px 15px 0 0; font-weight: 700; font-size: 16px; line-height: 19px; color: #3B3B3B;}
.contact span { color: #4696EA; margin-right: 20px;}

.menu_all { float: left; width: 100%; margin:0 0px; padding: 0; list-style: none; position: relative; z-index: 99;}
.menu_all ul { float: left; font-size: 0; list-style-type: none; margin: 0; padding: 0; width: auto;}
.menu_all ul li { font-weight: 500; font-size: 14px; line-height: 20px; color: #0F172A; float: left; position: relative; padding-bottom: 8px;}
.menu_all ul li a { text-decoration: none; display: inline-block; font-weight: 500; font-size: 14px; line-height: 20px; color: #0F172A; padding: 8px 16px;}
.menu_all ul li a.dropdown-toggle::after { margin-left: 7px; position: relative; top: 0px; line-height: 20px; width: 6px; height: 6px; border-top: 1px solid #000000; border-right: none; border-left: 1px solid #000000; transform: rotate(225deg); }
.menu_all ul li:hover a.dropdown-toggle::after { transform: rotate(45deg);top: 3px; }
.menu_all ul li:hover a, .menu_all ul li.active a { cursor: pointer; background: #F1F5F9; border-radius: 6px; }
.menu_all ul li .sub_menu_big { display: none; width: 925px; min-height: 700px; overflow: hidden; padding: 12px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #E2E8F0; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.09); border-radius: 6px; top: 44px; left: 0; position: absolute;}
.menu_all ul li .sub_menu_big.sub_menu_big2 { width: 622px;}
.menu_all ul li .sub_menu_big.sub_menu_big3 { width: 286px; min-height: auto;}
.menu_all ul li:hover .sub_menu_big { display: block;}
.menu_all ul li .sub_menu_big ul { padding: 0; margin: 0; list-style: none;}
.menu_all ul li ul li { display: block; width: 270px; float: none; text-align: left; margin: 0; padding: 0; position: static;}
.menu_all ul li .sub_menu_big.sub_menu_big2 ul li { width: 110px;}
.menu_all ul li ul li a { font-weight: 400; font-size: 14px; line-height: 24px; color: #0F172A; padding: 5px 10px; box-sizing: border-box; width: 100%; background: none!important;}
.menu_all ul li ul li.dropdown-toggle::after { display: none!important;}
.menu_all ul li ul li a span { color: #64748B;}
.menu_all ul li ul li a:hover { background: #F1F5F9!important;}
.menu_all ul li ul li ul { display: none!important; position: absolute; top: 0; bottom: 0; left: 270px; padding: 12px 0!important; background: #F1F5F9!important;}
.menu_all ul li .sub_menu_big.sub_menu_big2 ul li ul { left: 110px; width: 270px;}
.menu_all ul li ul li:hover ul { display: block!important;}
.menu_all ul li ul li ul li a:hover { opacity: 0.5;}

.baner { position: absolute; top: 24px; right: 24px; width: 310px; padding: 24px; box-sizing: border-box; text-align: left; height: 384px; background: linear-gradient(180deg, #DB4E66 0%, #A24688 39.57%, #4E3ABA 100%); border-radius: 8px;}
.baner span { float: left; width: 100%; margin-bottom: 16px; font-weight: 800; font-size: 32px; line-height: 40px; color: #FFFFFF;}
.baner p { float: left; width: 100%; margin-bottom: 40px; font-weight: 500; font-size: 16px; line-height: 20px; color: #EDEFFF;}
.baner .button { float: left; width: 100%; color: #EDEFFF!important; text-align: center; padding: 13px 0!important; font-weight: 700!important; font-size: 14px!important; line-height: 14px!important; border-radius: 30px!important; background: #05DA63!important;}
.baner .button:hover { background: #1EC668!important; color: #FFFFFF!important;}

.baner2 { position: absolute; top: 24px; right: 24px; width: 168px;}
.baner2 span { font-weight: 800; font-size: 16px; line-height: 38px; text-transform: uppercase; color: #0F172A; margin-bottom: 8px;}
.baner2 img { float: left; width: 100%; margin-top: 8px;}

.baner_gray { position: absolute; top: 0; right: 0; width: 310px; padding: 16px; box-sizing: border-box; text-align: left; background: rgba(12, 5, 66, 0.12); border-radius: 8px;}
.baner_gray strong { float: left; width: 100%; margin-bottom: 9px; font-weight: 700; font-size: 16px; line-height: 24px; color: #0F172A;}
.baner_gray span { float: left; width: 100%; font-weight: 600; margin-bottom: 16px; font-size: 24px; line-height: 29px; color: #3B3B3B;}
.baner_gray p { float: left; width: 100%; margin-bottom: 8px; font-weight: 500; font-size: 16px; line-height: 24px; color: #0F172A;}
.baner_gray a { float: left; font-weight: 400; font-size: 16px; line-height: 28px; color: #0F172A; text-decoration: none;}


.menu_link{ float: right; width: auto;}
.menu_link a { float: right; font-weight: 700; font-size: 14px; line-height: 36px; color: #4696EA; margin: 0 16px; text-decoration: none; }
.menu_link a:hover { color: #0D61AE; text-decoration: none;}

.title { float: left; width: 100%; margin: 0 0 32px; text-align: left; font-weight: 800; font-size: 32px; line-height: 38px; text-transform: uppercase; color: #3C3B3B;}
.title a { float: right; font-weight: 400; text-transform: none; font-size: 16px; text-decoration-line: underline; color: #4696EA;}
.title a:hover { color: #0D61AE; text-decoration: none;}

.title_small { float: left; width: 100%; margin: 0 0 24px; text-align: left; font-weight: 800; font-size: 24px; line-height: 24px; color: #3C3B3B;}

.title_bg { float: left; width: 100%; margin: 0 0 32px; padding: 24px 32px; background: #0F172A url(../img/title_bg.png); background-size: cover; border-radius: 8px; text-align: left; font-weight: 800; font-size: 32px; line-height: 38px; text-transform: uppercase; color: #FFFFFF;}
.title_bg a { float: right; font-weight: 400; text-transform: none; font-size: 16px; text-decoration-line: underline; color: #4696EA;}
.title_bg a:hover { color: #0D61AE; text-decoration: none;}

.breadcrumbs { float: left; width: 100%; margin: 24px 0 24px; padding: 0 19px; list-style: none;}
.breadcrumbs li { float: left; font-weight: 400; font-size: 14px; line-height: 16px; color: #0F172A; padding-right: 28px; margin: 0 12px 8px 0; background: url(../img/breadcrumbs_arrow.png) no-repeat top right; background-size: 16px;}
.breadcrumbs li:last-of-type { padding-right: 0; margin-right: 0; background: none;}
.breadcrumbs li a img { height: 16px; float: left;}
.breadcrumbs li a { color: #4696EA; text-decoration: none;}
.breadcrumbs li a:hover { color: #0D61AE; text-decoration: none;}

.content { flex: 1 0 auto;}
p { font-weight: 400; font-size: 14px; line-height: 22px; color: #0F172A; margin-bottom: 15px; text-align: left;}
.navbar-toggler { display: none; width: 32px; height: 32px; margin: 9px 0 0 0; border-top: 3px solid #0F172A; border-bottom: 3px solid #0F172A;}
.navbar-toggler span { position: relative; width: 100%; height: 3px; margin-top: 1px; display: block; background: #0F172A;}

@media only screen and (max-width: 1310px) {
    .container { max-width:95%; }
    .navbar-toggler { display: block;}
    .offcanvas { width: 260px; padding: 80px 20px 20px;}
    .btn-close { position: absolute; left: 20px; top: 32px; width: 28px; height: 28px; padding: 0; opacity: 1; background: url(../img/close.png); background-size: cover;}
    .btn-close:hover { opacity: 0.7;}
    .offcanvas ul { padding: 0px; margin: 0; list-style: none;}
    .offcanvas ul li { }
    .offcanvas ul li a { position: relative; display: inline-block; padding: 6px 8px; font-weight: 500; font-size: 14px; line-height: 20px; color: #0F172A;text-decoration: none;}
    .offcanvas ul li.dropdown-toggle::after { margin-left: 7px; position: relative; top: 0px; line-height: 20px; width: 6px; height: 6px; border-top: 1px solid #000000; border-right: none; border-left: 1px solid #000000; transform: rotate(225deg); }
    .offcanvas ul li a:hover { opacity: 0.7;}
    .offcanvas ul li ul { display: none;}
    .offcanvas ul li ul.active { display: block; opacity: 0.8;}
    .offcanvas ul li ul.active li ul { display: block; opacity: 0.7;}
    .offcanvas .menu_link a { padding: 0; width: 100%; margin: 0; box-sizing: border-box;}
    .offcanvas .contact { display: block;}
    .offcanvas .contact span { display: block; margin: 0 0 3px 0;}
    .offcanvas .button { width: auto; margin: 20px 0 0 0; padding: 14px 24px;}
    /*.contact { display: none;}*/
    .contact .contact_lnk { display: none;}
    .toprow .button { display: none;}
    .bott_info { display: none;}
    .basket { margin: 16px 16px 0 32px;}
    .menu_all { display: none;}
    .title, .title_bg { font-size: 24px;}
}
@media (min-width: 600px) and (max-width: 768px) {
    
}
@media only screen and (max-width: 610px) {
    .container { max-width:95%; }
    .navbar-toggler { margin: 0 0 0 0;}
    header .logo { height: 32px;}
    .contact { display: none;}
    .phone_top { display: block; }
    .toprow .button { display: none;}
    .basket { margin: 2px 0px 0 0;}
    .title a, .title_bg a { display: none;}

}

.search_all { float: left; width: 100%; margin: 32px 0;}
.search { width: 918px; margin-bottom: 8px;}
.search input { padding: 16px 20px; float: left; outline: none!important; width: 747px; height: 48px; border: 2px solid #D9D9D9; border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 17px; color: #999999;}
.search .button_black { border-radius: 6px; font-weight: 500; padding: 9px 16px; line-height: 30px;}
.example { width: 878px; font-weight: 400; font-size: 12px; line-height: 16px; color: #7E7E7E; text-align: left;}
.example a { border-bottom: 1px dashed #7E7E7E; color: #7E7E7E; text-decoration: none;}
.example a:hover { border-bottom: none;}

@media only screen and (max-width: 1310px) {
    .search_all { margin: 0 0 32px 0;}
    .search { width: 100%;}
    .search input { width: 433px;}
    .example { width: 100%; padding: 0 6px; box-sizing: border-box;}
}
@media only screen and (max-width: 610px) {
    .search input { width: 100%; margin: 0 0 16px 0; padding: 16px 14px;}
    .search .button_black { width: 100%;}
/*    .example { display: none;} */
}

.baner_index { position: relative; float: left; width: 100%; margin: 0 0 60px 0; width: 100%; height: 392px; background: #0F172A url(../img/lines.png) no-repeat center; background-size: 1386px; mix-blend-mode: multiply; border-radius: 8px; text-align: left;}
.baner_index::before { position: absolute; top: 0; left: 59%; width: 331px; height: 100%; background: url(../img/dot_star.svg) no-repeat center; background-size: 331px; content: " "; z-index: 2;}
.baner_index::after { position: absolute; bottom: 35px; right: 32px; width: 193px; height: 193px; background: url(../img/block_01_img.png) no-repeat center; background-size: cover; content: " "; z-index: 2;}
.baner_index .txt { position: relative; z-index: 9; margin: 84px 0 0 93px; font-weight: 800; font-size: 42px; line-height: 51px; color: #FFFFFF; text-align: left;}

@media only screen and (max-width: 1310px) {
    .baner_index { margin: 0 0 32px 0; height: 238px; background-size: 976px;}
    .baner_index::before, .baner_index::after { display: none;}
    .baner_index .txt { margin: 32px 0 0 32px; font-size: 28px; line-height: 32px;}
}
@media only screen and (max-width: 610px) {
    .baner_index { height: 216px; background-size: 900px;}
    .baner_index .txt { margin: 24px 0 0 24px; font-size: 22px; line-height: 26px;}
}

.products { float: left; width: 100%; margin: 0 0 32px 0;}
.products.products_cur { margin: 0 0 0px 0;}
.product { float: left; width: 310px; text-align: left; margin: 0 20px 10px 0; background: #F4F3FF; padding: 24px; mix-blend-mode: multiply; border-radius: 8px;}
.products.products_cur .product { margin-bottom: 20px;}
.product:nth-of-type(4n+4) { margin-right: 0;}
.product .name { float: left; width: 100%; height: 40px; overflow: hidden; margin-bottom: 16px; font-weight: 500; font-size: 14px; line-height: 20px; color: #0F172A; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.product .name strong { float: left; width: 100%; display: block; font-weight: 700; font-size: 15px; line-height: 20px; color: #0F172A; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.product .img { float: left; width: 100%; height: 176px; overflow: hidden; text-align: center; position: relative; margin-bottom: 16px;}
.product .img img { max-height: 174px; max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.product .info { float: left; width: 100%; margin-bottom: 8px; font-weight: 400; font-size: 14px; line-height: 16px; color: #000000; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.product .name strong, .product .name a { color: #4696EA; text-decoration: none; font-weight: 400;}
.product .price { float: left; width: 100%; margin-top: 8px; font-weight: 700; font-size: 24px; line-height: 32px; color: #4D4D4D;}
.product_baner { padding: 24px; box-sizing: border-box; text-align: left; background: linear-gradient(180deg, #DB4E66 0%, #A24688 39.57%, #4E3ABA 100%);}
.product_baner.product_baner_02 { display: none;}
.product_baner span { float: left; width: 100%; margin-bottom: 16px; font-weight: 800; font-size: 32px; line-height: 40px; color: #FFFFFF; max-width: 100%;}
.product_baner p { float: left; width: 100%; margin-bottom: 40px; font-weight: 500; font-size: 16px; line-height: 20px; color: #EDEFFF;}
.product_baner .button { float: left; width: 100%; color: #EDEFFF!important; text-align: center; padding: 13px 0!important; font-weight: 700!important; font-size: 14px!important; line-height: 14px!important; border-radius: 30px!important; background: #05DA63!important;}
.product_baner .button:hover { background: #1EC668!important; color: #FFFFFF!important;}
.products hr { float: left; width: 100%; height: 2px; background: #0F172A; margin: 0 0 32px; border: none; opacity: 1;}
.hr_mob { display: none;}

@media only screen and (max-width: 10px) {
    .product { width: 292px; height: 370px; }
    .product:nth-of-type(2n+2) { margin-right: 0;}
    .product .name { font-size: 14px; line-height: 18px;}
    .product .name strong { font-size: 14px; line-height: 18px;}
    .product .img { height: 162px;}
    .product .img img { max-height: 160px;}
    .product_baner span { font-size: 28px; line-height: 36px;}
    .product_baner p { margin-bottom: 38px;}
    .hr_mob { display: block;}
}
@media only screen and (max-width: 1px) {
    .products hr { display: none!important;}
    .product { margin: 0 20px 20px;}
}

.brands_all { float: left; width: 100%; margin: 0 0 32px 0; overflow: hidden;}
.brands_all .slick-list { position: relative; padding-bottom: 72px; width: 1352px;}
.brands_all .slick-slide { display: inline-block; position: relative;}
.brands_all .slick-slide:after { position: absolute; top: 0; bottom: 0; left: -26px; width: 1px; background: #EDEDED; content: " ";}
.brands_all .slick-slide img { height: 120px;}
.brands_all .slick-dots { display: none!important;}
.brands_all.slick-slider .slick-arrow { z-index: 9; position: absolute; bottom: 0; right: 0; font-size: 0;  padding: 0; margin: 0; border: none; width: 50px; height: 40px; background: url(../img/arrow_sl.png); background-size: cover;}
.brands_all.slick-slider .slick-arrow.slick-prev { right: 110px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

.featured-products-slider { float: left; width: 100%; margin: 0 0 32px 0;}
.featured-products-slider .slick-list { position: relative; padding-bottom: 32px; width: 100%; overflow: hidden;}
.featured-products-slider .slick-slide { display: inline-block; position: relative; margin: 0 20px 0px 0;}
/*.featured-products-slider .slick-slide:after { position: absolute; top: 0; bottom: 0; left: -26px; width: 1px; background: #EDEDED; content: " ";}*/
.featured-products-slider .slick-dots { display: none!important;}
.featured-products-slider.slick-slider .slick-arrow { z-index: 9; position: absolute; bottom: 50%; right: -32px; font-size: 0;  padding: 0; margin: 0; margin-top: -11px; border: none; width: 24px; height: 22px; background: url(../img/arrow_sl.png); background-size: cover;}
.featured-products-slider.slick-slider .slick-arrow.slick-prev { right: auto; left: -32px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

@media only screen and (max-width: 1310px) {
    .brands_all .slick-list { width: 603px; padding-bottom: 48px;}
    .brands_all .slick-slide { text-align: center;}
    .brands_all .slick-slide:after { position: absolute; top: 0; bottom: 0; left: -26px; width: 1px; background: #EDEDED; content: " ";}
    .brands_all .slick-slide img { height: 60px; display: inline-block;}
    .brands_all .slick-slide:after { left: -1px;}
    .brands_all.slick-slider .slick-arrow { width: 30px; height: 24px;}
    .brands_all.slick-slider .slick-arrow.slick-prev { right: 72px;}
}
@media only screen and (max-width: 610px) {
    .brands_all .slick-list { width: 333px;}
}


.services { float: left; width: 100%; margin: 0 0 64px 0; padding: 64px 0 32px; overflow: hidden; background: url(../img/services.png) no-repeat center; background-size: cover;}
.servicer_left { float: left; width: 733px; margin-bottom: 32px; height: 264px; text-align: left;}
.servicer_left span { float: left; width: 100%; margin-bottom: 44px; font-weight: 800; font-size: 32px; line-height: 38px; text-transform: uppercase; color: #FFFFFF;}
.servicer_left p { float: left; width: 100%; margin: 0; font-weight: 500; font-size: 42px; line-height: 52px; color: #FFFFFF;}
.service { float: right; width: 530px; text-align: left; margin: 0 0 32px 32px; height: 264px; background: #FFFFFF; border-radius: 8px; padding: 32px;}
.service span { float: left; width: 100%; margin: 0 0 4px 0; font-weight: 700; font-size: 32px; line-height: 42px; color: #0F172A;}
.service p { float: left; width: 100%; margin: 0 0 35px 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #64748B;}
.service a { float: left; font-weight: 400; text-transform: none; font-size: 16px; line-height: 16px; text-decoration-line: underline; color: #4696EA;}
.service a:hover { color: #0D61AE; text-decoration: none;}

@media only screen and (max-width: 1310px) {
    .services { margin: 0 0 32px 0; padding: 62px 0 24px;}
    .servicer_left { width: 100%; margin-bottom: 24px; height: auto;}
    .service { width: 100%; margin: 0 0 24px 0; height: 240px;}
    .service span { font-size: 28px;}
    .service p { font-size: 14px;}
}
@media only screen and (max-width: 610px) {
    .services { padding: 20px 0 4px;}
    .servicer_left span { margin-bottom: 14px; font-size:18px; line-height: 38px;}
    .servicer_left p { font-size: 28px; line-height: 42px; }
    .service { margin: 0 0 16px 0; height: auto; padding: 20px;}
    .service span { font-size: 20px;}
    .service p { margin-bottom: 20px;}
}

.categories { float: left; width: 100%; margin: 0 0 6px 0; padding: 0 0 20px 0; overflow: hidden; /*border-bottom: solid 2px #0F172A;*/ }
.container_cur .categories { margin: 0 0 40px 0; padding: 0; border-bottom: none; }
.categories ul { float: left; width: 100%; padding: 0; margin: 0; list-style: none;}
.categories ul li { float: left; width: 310px; height: 64px; margin: 0 20px 24px 0;}
.categories ul li a { float: left; width: 310px; text-decoration: none; padding: 20px 24px; height: 64px; text-align: left; background: #E0DFE9; border: 2px solid #E0DFE9; border-radius: 8px; font-weight: 500; font-size: 14px; line-height: 20px; color: #0F172A;}
.categories ul li a:hover, .categories ul li a.active { background: #F4F3FF; border: 2px solid #CECBE4;}
.categories ul li span { display: inline-block; margin-left: 5px; background: #CECBE4; border-radius: 15px; padding: 2px 8px; font-weight: 400; font-size: 12px; line-height: 16px; color: #7D7D7D;}
.categories ul li:nth-of-type(4n+4) { margin-right: 0;}
.alpha-nav {margin-bottom:20px;}
.alpha-nav a { float: left; text-decoration: none; padding: 7px; margin:7px;  text-align: left; background: #E0DFE9; border: 2px solid #E0DFE9; border-radius: 8px; font-weight: 500; font-size: 14px; line-height: 20px; color: #0F172A;}
.alpha-nav a:hover {background: #F4F3FF; border: 2px solid #CECBE4;}
.alpha-nav span {display: inline-block; margin-left: 5px; background: #CECBE4; border-radius: 15px; padding: 2px 8px; font-weight: 400; font-size: 12px; line-height: 16px; color: #7D7D7D;}

@media only screen and (max-width: 1310px) {
    .categories { margin: 0 0 32px 0; padding: 0 0 8px 0; }
    .categories ul li { width: 292px;}
    .categories ul li a { width: 100%;}
    .categories ul li:nth-of-type(2n+2) { margin-right: 0;}
}
@media only screen and (max-width: 610px) {
    .categories ul li { width: 100%; margin: 0 0 16px;}
}

.block_02 { float: left; position: relative; width: 100%; margin-bottom: 64px; padding: 64px 496px 0 64px; height: 464px; text-align: left; background: rgba(12, 5, 66, 0.12); border-radius: 8px;}
.container_cur_right .block_02 { padding: 52px 178px 0 52px; height: 428px;}
.block_02 span { float: left; width: 100%; margin-bottom: 24px; font-weight: 500; font-size: 42px; line-height: 52px; color: #0F172A;}
.block_02 p { float: left; width: 100%; margin-bottom: 48px; font-weight: 500; font-size: 20px; line-height: 24px; color: #64748B;}
.block_02 .button { float: left; padding: 20px 30px; position: relative; z-index: 9; font-size: 16px; line-height: 20px; }
.block_02::before { position: absolute; top: 75px; right: 52px; width: 427px; height: 314px; background: url(../img/block_02.png) no-repeat center; background-size: cover; content: " "; z-index: 2;}

@media only screen and (max-width: 1310px) {
    .block_02 { margin-bottom: 32px; padding: 32px; height: 362px; }
    .block_02 span { margin-bottom: 16px; font-size: 32px; line-height: 42px;}
    .block_02::before { top: 25px; right: 22px;}
    .container_cur_right .block_02 { padding: 32px 32px 0 32px; height: 362px;}

}
@media only screen and (max-width: 610px) {
    .block_02 { margin-bottom: 24px; padding: 20px; height: auto; overflow: hidden;}
    .block_02 span { font-size: 28px; line-height: 36px;}
    .block_02 p { margin-bottom: 32px; font-size: 16px; line-height: 20px;}
    .block_02::before { top: 20px; right: -168px;}
    .block_02 .button { width: 100%;}
    .container_cur_right .block_02 { padding: 20px 20px 0 20px; height: 388px;}

}

.container_cur { float: left; position: relative; width: 100%;  border-top: solid 2px #0F172A;}
.container_cur_left { width: 310px; }
.menu_block { width: 100%; height: 1276px; border: 1px solid #E8E8E8; border-radius: 5px; padding: 24px 8px 24px 24px; text-align: left; margin-bottom: 24px;}
.menu_block .container_sl { height: calc(100% - 53px); padding-right: 16px;}
.menu_block.menu_block2 { height: 960px;}
.menu_block.menu_block2 .container_sl { height: calc(100% - 137px);}
.menu_block.menu_block3 { height: auto;}
.menu_block .name { width: 100%; font-weight: 700; font-size: 16px; line-height: 20px; color: #0F172A; margin-bottom: 6px;}
.menu_block .name_abc { float: left; margin: 16px 0; padding: 8px 10px 0 16px; width: 260px; background: #F7F7F7; border-radius: 5px;}
.menu_block .name_abc a { float: left; width: auto; margin: 0 12px 8px 0; text-transform: uppercase; text-decoration: none; font-weight: 400; font-size: 14px; line-height: 16px; color: #4696EA;}
.menu_block a { width: 100%; display: inline-block; font-weight: 400; font-size: 14px; line-height: 24px; color: #0F172A; margin-bottom: 4px; text-decoration: none;}
.menu_block a span { color: #64748B;}
.menu_block strong { width: 100%; display: inline-block; font-weight: 500; font-size: 18px; line-height: 20px; color: #64748B; margin: 12px 0 4px;}
.menu_block ul { width: 100%; padding: 0; margin: 0; list-style: none;}
.container_cur_right { width: 970px; }
.container_cur_right .search_all { margin: 0 0 32px 0;}
/*.container_cur_right .product:nth-of-type(4n+4) { margin-right: 20px;}*/
/*.container_cur_right .product:nth-of-type(3n+3) { margin-right: 0;}*/
.menu_mob_products {display: none;}
.menu_categories_bg { display: none;}

.pagination { display: inline-block; width: 100%; text-align: center; padding: 0; margin: 12px 0 32px; list-style: none; overflow: hidden; border: 1px solid #EEF0F4; border-radius: 6px;}
.pagination li { display: inline-block; margin: 12px 5px;}
.pagination li.page-item.active .page-link { background: #0F172A; color: #FFFFFF;}
.pagination li.page-item:hover .page-link { background: #0F172A; color: #FFFFFF;}
.pagination li .page-link { width: 36px; height: 36px; line-height: 36px; padding: 0; border: none; text-align: center; background: #EDEDED; border-radius: 18px!important; font-weight: 400; font-size: 14px; color: #0F172A; text-decoration: none; }


@media only screen and (max-width: 1310px) {
    .container_cur_left { width: 100%; }
    .container_cur_right { width: 100%; }
    .menu_block { position: fixed; top: 0; bottom: 0; left: -280px; width: 280px; height: auto; border: none; border-radius: 0px; padding: 32px 20px; margin-bottom: 0; transition: transform .3s ease-in-out; background: #FFFFFF; z-index: 9;}
    .menu_block .name_abc {width: 100%;}
    .menu_block.active { left: 0px;}
    .menu_mob_products { display: block; float: left; width: 100%; margin: 0 0 16px;}
    .menu_mob_products a { display: inline-block; float: left; margin: 0 16px 16px 0; border: 1px solid #E2E8F0; text-decoration: none; border-radius: 6px; padding: 8px 16px; font-weight: 500; font-size: 14px; line-height: 24px; color: #0F172A;}
    .menu_mob_products a:hover { background: #DFECFF;}
/*    .container_cur_right .product:nth-of-type(3n+3) { margin-right: 20px;}
    .container_cur_right .product:nth-of-type(2n+2) { margin-right: 0px;}*/
    .menu_categories_bg { position: fixed; background: rgba(0, 0, 0, 0.37); top: 0; left: 0; right: 0; bottom: 0;}
    .menu_categories_bg.active { display: block;}
}
@media only screen and (max-width: 610px) {

}

.tovar { float: left; width: 100%; margin: 0 0 32px; /*border-bottom: solid 2px #0F172A;*/}
.tovar_left { float: left; width: 400px; margin: 0 0 32px 70px;}
.tovar_slider_for { margin-bottom: 16px;}
.tovar_slider_for .slick-slide { width: 400px; height: 278px; overflow: hidden; text-align: center;}
.tovar_slider_for .slick-slide img { max-height: 100%; max-width: 100%;}
.tovar_slider_nav { width: 80%;}
.tovar_slider_nav .slick-slide { width: 80px; height: 80px; border: 1px solid #fff; border-radius: 6px; overflow: hidden; text-align: center; position: relative;}
.tovar_slider_nav .slick-slide.slick-current { border: 1px solid #4696EA;}
.tovar_slider_nav .slick-slide img { width: 80%; display: inline-block; position: relative; top: 50%; transform: translateY(-50%);}
.tovar_right { float: right; width: 750px; margin: 0 0 32px 0; text-align: left;}
.tovar_right .price { float: left; width: 100%; border-bottom: solid 1px #E1E1E8; padding-bottom: 24px; margin-bottom: 16px;}
.tovar_right .price strong { float: left; font-weight: 700; font-size: 36px; line-height: 48px; color: #1D232C; margin-right: 24px;}
.tovar_right .price img { float: right; margin: 10px 20px; height: 29px;}
.tovar_right .price .button_blue { float: left; background: #0077E4; text-decoration: none; padding: 12px 22px; border-radius: 6px; font-weight: 500; font-size: 14px; line-height: 18px; color: #FFFFFF; margin-left: 12px;}
.tovar_right .price .button_blue:hover { background: #0D61AE;}
.question { float: left; width: 100%; margin: 0 0 24px; padding: 10px; list-style: none; background: rgba(12, 5, 66, 0.07); border-radius: 8px;}
.question li { width: 340px; padding: 10px;}
.question li strong { width: 100%; float: left; font-weight: 600; font-size: 14px; line-height: 17px; color: #0F172A; margin-bottom: 9px;}
.question li p { float: left; font-weight: 400; font-size: 14px; line-height: 16px; color: #000000; margin: 0 12px 0 0;}
.question li a { float: left; font-weight: 400; text-transform: none; font-size: 14px; text-decoration: none; line-height: 17px; color: #4696EA;}
.question li a:hover { color: #0D61AE; text-decoration-line: underline;}
.tovar_info { float: left; width: 100%; margin: 0;}
.tovar_info p { float: left; width: 100%; margin: 0 0 12px; font-weight: 600; font-size: 14px; line-height: 17px; color: #000000;}
.tovar_info p span { font-weight: 400; color: #64748B; margin-right: 5px;}
.tovar_info .pdf { float: left; background: #F4F4F4 url(../img/pdf.png) no-repeat 8px 8px; background-size: 31px; border-radius: 5px; text-decoration: none; font-weight: 400; padding: 8px 8px 8px 51px; font-size: 14px; line-height: 18px; color: #4696EA;}
.tovar_info .pdf span { color: #0F172A; margin-left: 2px;}
.tovar_description { float: left; width: 100%; border-top: solid 1px #E1E1E8; padding: 8px 0 32px; text-align: left;}
.tovar_description h3 { float: left; width: 100%; font-weight: 500; font-size: 24px; line-height: 26px; color: #0F172A; margin: 24px 0;}
.tovar_description p { float: left; width: 100%; font-weight: 500; font-size: 14px; line-height: 18px; color: #0F172A; margin: 0;}
.tovar_description ul { float: left; width: 100%; font-weight: 400; list-style: disc; font-size: 14px; line-height: 24px; color: #0F172A; margin: 0 0 10px;}
.tovar_description ul li { float: left; width: 100%; }
.tovar_description a { font-weight: 400; font-size: 14px; line-height: 36px; color: #4696EA; margin: 0 16px; text-decoration: none; }
.tovar_description a:hover { color: #0D61AE; text-decoration: none;}

@media only screen and (max-width: 1310px) {
    .tovar_right { width: 100%;}
    .tovar_left { margin: 0 0 32px 100px;}
    .tovar_slider_for .slick-slide { width: 330px; /*height: 230px;*/}
    .tovar_slider_nav .slick-slide { width: 66px; height: 66px;}
}
@media only screen and (max-width: 610px) {
    .tovar_right .price strong { width: 100%; margin: 0 0 12px;}
    .tovar_right .price img { margin: 10px 0px;}
    .tovar_left { width: 100%; margin-left: 0;}
}

.step_all { float: left; width: 100%; margin: 0 0 32px; border-bottom: solid 2px #0F172A; text-align: left;}
.step_left { float: left; width: 738px; margin: 0 0 44px 0;}
.step_left p { float: left; width: 100%; font-weight: 400; font-size: 14px; line-height: 22px; color: #0F172A; margin: 0 0 15px;}
.step_left p span { font-weight: 400; font-size: 12px; line-height: 18px; color: #A4A4A4;}
.step_right { float: right; width: 530px; margin: 0 0 64px 0; border: 1px solid #E2E8F0; padding: 25px; border-radius: 6px;}
.step_right .name { float: left; width: 100%; margin: 0 0 16px 0; font-weight: 700; font-size: 16px; line-height: 16px; color: #0F172A;}
.step_right .name_ok { float: left; width: 100%; background: url(../img/name_ok.png) no-repeat 0 12px; background-size: 16px; padding: 10px 16px 26px 32px; border-bottom: solid 1px #D9D9D9; margin: 0 0 16px 0; font-weight: 700; font-size: 16px; line-height: 16px; color: #05DA63;}
.step_right .name_ok a { float: right; text-decoration: none;}
.step_right p { float: left; width: 100%; font-weight: 400; font-size: 14px; line-height: 20px; color: #64748B; margin: 0 0 16px;}
.input { float: left; width: 100%; margin: 0 0 8px;}
.input label { float: left; width: 100%; font-weight: 500; font-size: 14px; line-height: 20px; color: #0F172A; margin: 0 0 6px;}
.input input { float: left; width: 100%; outline: none!important; border: 1px solid #CBD5E1; padding: 8px 12px; font-weight: 400; font-size: 14px; line-height: 20px; color: #0F172A; border-radius: 6px;}
.input select { float: left; width: 100%; outline: none!important; height: 40px; margin-bottom: 16px; background: #fff; box-shadow: none; border: 1px solid #CBD5E1; padding: 8px 12px; font-weight: 400; font-size: 14px; line-height: 20px; color: #0F172A; border-radius: 6px;}
.input textarea { float: left; width: 100%; height: 80px; resize: none; outline: none!important; border: 1px solid #CBD5E1; padding: 8px 12px; font-weight: 400; font-size: 14px; line-height: 20px; color: #0F172A; border-radius: 6px;}
.input.error input { border-color: #FF0000;}
.input input:focus, .input select:focus, .input textarea:focus { border: 2px solid #94A3B8; padding: 7px 11px;}
.input span { float: left; width: 100%; font-weight: 400; font-size: 14px; line-height: 20px; color: #64748B;}
.form-switch { float: left; width: 100%; margin-bottom: 24px;}
.form-switch label { font-weight: 500; font-size: 14px; line-height: 24px; color: #000000; margin-left: 8px;}
.form-switch .form-check-input { width: 44px; cursor: pointer; background-color: #E2E8F0; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); border: none; margin-top: 0; height: 24px; border-radius: 50px;}
.form-switch .form-check-input:checked { background-color: #0F172A;}
.step_right .button_black { float: left; padding: 8px 16px; font-weight: 500; border-radius: 6px; margin-top: 8px; font-size: 14px; line-height: 24px;}
.step_right_info { float: left; width: 100%; border-top: solid 1px #D9D9D9; font-weight: 700; padding: 16px 0 0 0; margin-top: 16px; font-size: 16px; line-height: 16px; color: #B4B4B4;}

@media only screen and (max-width: 1310px) {
    .step_left { width: 100%; margin-bottom: 32px;}
    .step_right { width: 100%; margin-bottom: 32px;}
}
@media only screen and (max-width: 610px) {
    .step_right { padding: 15px;}
}

.about_baner { float: left; width: 100%; margin: 0 0 32px; padding-right: 330px; position: relative; text-align: left;}
.about_baner p { float: left; width: 100%; font-weight: 400; font-size: 14px; line-height: 22px; color: #0F172A; margin: 0 0 15px;}
.about_baner p span { font-weight: 400; display: inline-block; font-size: 12px; line-height: 18px; color: #A4A4A4; margin-bottom: 10px;}
.about_baner .baner { top: 0px; right: 0px;}
.about_baner .baner p { color: #EDEFFF;}
.about_ul { float: left; width: 100%; margin: 0 0 64px; padding: 0; list-style: none; text-align: left;}
.about_ul li { float: left; width: 310px;}
.about_ul p { float: left; width: 100%; font-weight: 400; font-size: 14px; line-height: 22px; color: #0F172A; margin: 0 0 15px;}
.about_ul p span { font-weight: 700; font-size: 16px; line-height: 16px; color: #653EAD;}
.about_all { float: left; width: 100%; margin: 0 0 32px; padding-bottom: 56px; /*border-bottom: solid 2px #0F172A;*/ text-align: left;}
.about_left { float: left; width: 640px; text-align: left;}
.about_left p { float: left; width: 100%; font-weight: 400; font-size: 14px; line-height: 20px; color: #64748B; margin: 0 0 15px;}
.about_left .input { width: 310px; padding-right: 20px;}
.about_left .input:nth-of-type(2n+2) { /* float: right;*/}
.about_left .input:last-of-type { width: 100%;}
.about_right { float: right; width: 640px; text-align: left; padding: 32px 32px 17px 32px; background: #F4F3FF; border-radius: 8px;}
.about_right p { float: left; width: 100%; font-weight: 400; font-size: 14px; line-height: 22px; color: #0F172A; margin: 0 0 15px;}
.about_right span { float: left; width: 100%; font-weight: 700; font-size: 16px; line-height: 16px; color: #653EAD;}
.about_right a { text-decoration: none;}


@media only screen and (max-width: 1310px) {
    .about_baner { padding-right: 0;}
    .about_baner .baner { position: static; float: left; margin-top: 16px;}
    .about_baner .baner_gray { position: static; float: left; margin-top: 16px;}
    .about_ul { float: left; width: 100%; margin: 0 0 32px; padding: 0; list-style: none; text-align: left;}
    .about_ul li { width: 100%; margin-bottom: 16px;}
    .about_all { padding-bottom: 32px;}
    .about_left { width: 100%; margin-bottom: 16px;}
    .about_left .input { width: 48%;}
    .about_right { width: 100%; }
}
@media only screen and (max-width: 610px) {
    .about_left .input { width: 100%;}
}

.cart { float: left; width: 100%; margin: 16px 0; text-align: left; border-bottom: solid 1px #CBD5E1;}
.cart table { float: left; width: 100%; margin: 0;}
.cart table th { padding: 16px 0 16px 16px; font-weight: 500; border-bottom: solid 2px #CBD5E1; font-size: 14px; line-height: 16px; color: #CBD5E1; vertical-align: middle; text-align: left;}
.cart table td { padding: 16px 0 16px 16px; font-weight: 400; border-bottom: solid 1px #CBD5E1; font-size: 16px; line-height: 19px; color: #1D232C; vertical-align: middle; text-align: left;}
.tovar_car { float: left; font-weight: 400; font-size: 16px; line-height: 45px; text-decoration-line: none; color: #0F172A;}
.tovar_car img { height: 45px; margin: 18px 20px 18px 8px;}
.del { text-decoration: none; color: #FF0000;}
.cart input.sum { border: 1px solid #CBD5E1; border-radius: 6px; width: 50px; height: 36px; text-align: center; line-height: 36px; font-weight: 400; font-size: 14px; color: #0F172A;}
.form-check-input { border: 1px solid #E2E8F0; }
.form-check-input:checked { background-color: #0F172A; border-color: #0F172A; }
.total { float: left; width: 100%; font-weight: 700; font-size: 24px; line-height: 16px; color: #0F172A; margin-bottom: 36px; text-align: left;}
.total strong { float: right; display: inline-block; }
.button_all { float: left; width: 100%; margin-bottom: 64px; text-align: left;}
.button_all a { border-radius: 6px; line-height: 18px; padding: 15px 35px; text-align: center;}
.button_all .button_red { float: left; }
.button_all .button { float: right; margin-left: 32px;}

@media only screen and (max-width: 1310px) {

}
@media only screen and (max-width: 610px) {
    .button_all a { width: 100%; margin: 0 0 16px;}
}

.want_list_all { float: left; width: 100%; margin: 0 0 32px; text-align: left;}
.want_list_all .name { float: left; width: 100%; margin: 0 0 16px 0; font-weight: 500; font-size: 16px; line-height: 16px; color: #0F172A;}
.want_list_left { float: left; width: 420px; margin: 0 0 12px 0;}
.want_list_left_01 { float: left; width: 100%; background: url(../img/want_list_left_01.png) no-repeat 17px 17px; background-size: 40px; margin: 0 0 0 0; border: 1px solid #E5E7EB; box-shadow: 0px 4px 4px rgba(174, 174, 174, 0.25); border-radius: 6px; padding: 17px 17px 17px 73px;}
.want_list_left_01 strong { float: left; font-weight: 600; font-size: 14px; line-height: 24px; color: #0F172A;}
.want_list_left_01 p { float: left; width: 100%; font-weight: 400; margin: 0;font-size: 14px; line-height: 24px; color: #0F172A;}
.want_list_left_01 span { color: #64748B;}
.want_list_left_01 hr { float: left; width: 100%; margin: 0; border: none; background: #D9D9D9; height: 1px;}
.want_list_left_01 a { border-radius: 5px; line-height: 14px; padding: 8px 16px; font-size: 12px; text-align: center; float: right; margin-top: 0px;}
.want_list_left_01 input { width:55%; border: 1px solid #CBD5E1; border-radius: 6px; font-size: 13px; color: #0F172A;}
.want_list_left_01 label { width:40%; }
.want_list_left_02 { float: left; width: 100%; padding: 16px; box-sizing: border-box; text-align: left; background: url(../img/want_list_left_02.png) no-repeat; background-size: cover; border-radius: 8px;}
.want_list_left_02 strong { float: left; width: 100%; margin-bottom: 16px; font-weight: 700; font-size: 16px; line-height: 18px; color: #0F172A;}
.want_list_left_02 span { float: left; width: 100%; font-weight: 600; margin-bottom: 16px; font-size: 24px; line-height: 29px; color: #3B3B3B;}
.want_list_left_02 p { float: left; width: 100%; margin-bottom: 24px; font-weight: 500; font-size: 14px; line-height: 18px; color: #0F172A;}
.want_list_left_02 a { float: left; font-weight: 400; font-size: 16px; line-height: 28px; color: #0F172A; text-decoration: none;}
.want_list_right { float: right; width: 856px; margin: 0 0 32px 0; }
.want_list_right .table-responsive { float: left; width: 100%; margin: 0;}
.want_list_right table { float: left; width: 100%; margin: 0;}
.want_list_right table th { padding: 16px 0 16px 16px; font-weight: bold; border-bottom: solid 2px #CBD5E1; font-size: 14px; line-height: 16px; color: #555555; vertical-align: middle; text-align: left;}
.want_list_right table td { padding: 10px 0 10px 10px; font-weight: 400; border-top: solid 1px #CBD5E1; font-size: 16px; line-height: 19px; color: #1D232C; vertical-align: top; text-align: left; border-bottom-width: 0px;}
.want_list_right input.sum { float: left; border: 1px solid #CBD5E1; border-radius: 6px; width: 50px; height: 36px; text-align: center; line-height: 36px; font-weight: 400; font-size: 14px; color: #0F172A;}
.want_list_right input.sum.sum2 { width: 98px;}
.want_list_right select { float: left; width: 140px; outline: none!important; height: 36px; background: #fff; box-shadow: none; border: 1px solid #CBD5E1; padding: 8px 12px; font-weight: 400; font-size: 14px; line-height: 20px; color: #0F172A; border-radius: 6px;}
.want_list_right .button_black { border-radius: 6px; line-height: 18px; padding: 8px 16px; text-align: center; margin-right: 16px;}
.comment { float: left; width: calc(100% - 16px); background: #E3F0FF; border-radius: 5px; padding: 10px 80px 0 10px; position: relative;}
.comment span { float: left; width: 100%; font-weight: 500; font-size: 14px; line-height: 14px; color: #000000; margin-bottom: 10px;}
.comment p { float: left; width: 100%; font-weight: 400; font-size: 14px; line-height: 16px; color: #0F172A; margin-bottom: 10px;}
.comment .del { text-decoration: none; color: #FF0000; position: absolute; top: 22px; right: 27px; font-size: 14px; line-height: 16px; }
.comment_add { float: left; width: calc(100% - 16px); position: relative;}
.comment_add span { float: left; width: 100%; font-weight: 500; font-size: 14px; line-height: 14px; color: #000000; margin-bottom: 10px;}
.comment_add textarea { float: left; width: 100%; height: 67px; resize: none; outline: none!important; border: 1px solid #CBD5E1; padding: 8px 12px; font-weight: 400; font-size: 14px; line-height: 20px; color: #0F172A; border-radius: 6px;}
.comment_add .add { text-decoration: none; color: #04D962; position: absolute; top: 54px; right: 27px; font-size: 14px; line-height: 16px; }
.questions { float: left; width: 100%; padding: 24px 24px 64px 24px; border-bottom: solid 2px #0F172A; margin-bottom: 32px;}
.faq_more { float:left; width:100%; text-align:left; border-bottom: 1px solid #E2E8F0;}
.faq_more .faq_txt { display:none; width:100%; float: left;}
.faq_more h3 { position:relative; display:block; margin: 0; cursor: pointer; float:left; width:100%; padding: 16px 34px 16px 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #0F172A;}
.faq_more h3:after { position:absolute; content: " "; width: 16px; height: 16px; background: url(../img/arrow_faq.png) no-repeat; background-size: 16px; right:0; top:20px;}
.faq_more.active .faq_txt { display: block;}
.faq_more.active  h3:after { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.faq_more .faq_txt p { width:100%; font-weight: 400; font-size: 14px; line-height: 20px; color: #0F172A; margin-bottom: 16px;}

@media only screen and (max-width: 1310px) {
    .want_list_left { width: 100%;}
    .want_list_right { width: 100%; }
}
@media only screen and (max-width: 610px) {

}

footer { align-items: flex-end; border-top: solid 2px #0F172A;}
.footer_top { padding: 40px 25px 48px;}
.footer_top_block { max-width: 262px; text-align: left;}
.footer_top_block p { width: 100%; font-weight: 400; font-size: 16px; line-height: 22px; color: #0F172A; margin: 0 0 20px;}
.footer_service { float: left; width: 100%; }
.footer_service strong { float: left; width: 100%; font-weight: 700; font-size: 18px; line-height: 28px; color: #0F172A; }
.footer_service a { float: left; width: 100%; text-decoration: none; font-weight: 400; font-size: 16px; line-height: 28px; color: #0F172A;}
.footer_service .button_black { float: left; width: 100%; margin-top: 24px; padding: 12px 24px;}
.footer_top_block .name { float: left; width: 100%; font-weight: 700; font-size: 18px; line-height: 28px; color: #0F172A; }
.footer_top_block ul { float: left; width: 100%; padding: 0; margin: 0; list-style: none;}
.footer_top_block ul li { float: left; width: 100%;}
.footer_top_block ul li a { float: left; font-weight: 400; font-size: 16px; line-height: 28px; text-decoration-line: none; color: #0F172A;}
.footer_top_block ul li a:hover { text-decoration-line: none;}

.soc { width: 100%; float: left; padding: 0; margin: 12px 0 0 0; list-style: none;}
.soc a { width: 24px; float: left; margin-right: 20px;}
.soc a img { width: 24px; height: 24px;}
.soc a:hover img { opacity: 0.7;}

.footer_bottom { float: left; width: 100%; padding:12px 0; text-align: left; background: #0F172A; border-radius: 4px;}
.footer_bottom_block { float: left; padding:0 24px; width: 33%; font-weight: 400; font-size: 14px; line-height: 26px; color: #FFFFFF;}
.footer_bottom_block img { height: 24px; margin-right: 8px;}
.footer_bottom_block a { font-weight: 400; font-size: 12px; line-height: 26px; color: #FFFFFF;}

@media only screen and (max-width: 1310px) {
    .footer_top { padding: 24px 16px 32px;}
    .footer_top_block { max-width: 50%;}
    .footer_top_block:nth-of-type(1) { padding-right: 50%; max-width: 100%; position: relative; margin-bottom: 32px;}
    .footer_top_block:nth-of-type(4) { max-width: 100%; margin-top: 32px;}
    .footer_service .button_black { position: absolute; top: 33px; right: 0; width: 50%;}
    .footer_bottom_block { width: auto;}
/*    .footer_bottom_block:last-of-type { display: none;} */
}
@media only screen and (max-width: 610px) {
    .footer_top_block { max-width: 100%; margin-bottom: 32px;}
    .footer_top_block:nth-of-type(1) { padding-right: 0%;}
    .footer_top_block:nth-of-type(4) { margin: 0%;}
    .footer_service .button_black { position: static; width: 100%;}
    .footer_bottom_block { display: none;}
    .footer_bottom_block:first-of-type { display: block; width: 100%; text-align: center;}

}
.container_sl { float: left; width: 100%; position: relative; height: 300px;}
.viewport { overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.content-box { height: 100%; position: absolute; left: 0; right: -17px; overflow-y: scroll; }
.content-list { padding: 0 20px 0 5px; -webkit-user-select: none; user-select: none; }
.scrollbar, .scroller { width: 8px; position: absolute; top: 0; border-radius: 8px; }
.scrollbar { right: 0; bottom: 0; background: #E9E9E9; }
.scroller { left: 0; background: #D2D2D2; cursor: pointer; }

#search-results #results{list-style: none; background-color: #fff;border: 1px solid #000000;list-style-type: none;margin:25;position: relative;top:0px;left:0px;z-index: 100;padding: 25; }
/*.navigation img.right { right: -40px; }
.navigation img.left { left: -40px; }*/

        h1 {
            font-size: 2.5rem;
            margin-bottom: 20px;
            color: #1e3a8a;
            text-align: center;
        }
        
        h2 {
            font-size: 2rem;
            margin: 40px 0 20px 0;
            color: #1e3a8a;
            border-bottom: 2px solid #e5e7eb;
            padding-bottom: 10px;
        }
        
        h3 {
            font-size: 1.5rem;
            margin: 20px 0 10px 0;
            color: #1e40af;
        }
        
        h4 {
            font-size: 1.2rem;
            margin: 15px 0 5px 0;
            color: #3b82f6;
        }
        
        p {
            margin-bottom: 15px;
        }
        
        /* Equipment Categories Section */
        .equipment-categories {
            margin: 40px 0;
        }
        
        .categories-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-top: 30px;
        }
        
        .category-item {
            border: 1px solid #e5e7eb;
            padding: 20px;
            background: #f9fafb;
        }
        
        .category-item h3 {
            margin-top: 0;
            border-bottom: 1px solid #d1d5db;
            padding-bottom: 10px;
        }
        
        .category-specs {
            background: #fff;
            padding: 10px;
            margin: 15px 0;
            border-left: 3px solid #3b82f6;
            font-size: 0.9rem;
        }
        
        .popular-models {
            background: #f0f9ff;
            padding: 10px;
            margin: 15px 0;
            border-left: 3px solid #10b981;
            font-size: 0.75rem;
            color: #6b7280;
            font-weight: 300;
            line-height: 1.4;
        }
        
        .popular-models strong {
            color: #065f46;
            font-weight: 500;
            font-size: 0.8rem;
        }
        
        .category-link {
            margin-top: 15px;
        }
        
        .category-link a {
            display: inline-block;
            color: #3b82f6;
            text-decoration: none;
            padding: 8px 16px;
            background: #e0f2fe;
            border-radius: 4px;
            font-size: 0.9rem;
            font-weight: 500;
            transition: all 0.3s ease;
        }
        
        .category-link a:hover {
            background: #3b82f6;
            color: white;
        }
        
        /* Benefits Section */
        .benefits-section {
            margin: 60px 0;
        }
        
        .benefits-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin-top: 30px;
        }
        
        .benefit-item {
            border: 1px solid #e5e7eb;
            padding: 20px;
            background: #f9fafb;
        }
        
        .benefit-item h3 {
            margin-top: 0;
            color: #1e40af;
        }
        
        /* Mobile Responsive */
        @media (max-width: 1024px) {
            .categories-container {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            .container {
                padding: 15px;
            }
            
            h1 {
                font-size: 2rem;
            }
            
            h2 {
                font-size: 1.5rem;
            }
            
            .categories-container,
            .benefits-container {
                grid-template-columns: 1fr;
                gap: 20px;
            }
        }