.wrapper{width: 100%;height: 100%;}
@font-face {
    font-family: 'Commissioner';
    src: url('Commissioner-Regular.eot');
    src: local('Commissioner Regular'), local('Commissioner-Regular'),
        url('fonts/Commissioner-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Commissioner-Regular.woff2') format('woff2'),
        url('fonts/Commissioner-Regular.woff') format('woff'),
        url('fonts/Commissioner-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Commissioner';
    src: url('Commissioner-SemiBold.eot');
    src: local('Commissioner SemiBold'), local('Commissioner-SemiBold'),
        url('fonts/Commissioner-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Commissioner-SemiBold.woff2') format('woff2'),
        url('fonts/Commissioner-SemiBold.woff') format('woff'),
        url('fonts/Commissioner-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Commissioner';
    src: url('Commissioner-Black.eot');
    src: local('Commissioner Black'), local('Commissioner-Black'),
        url('fonts/Commissioner-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Commissioner-Black.woff2') format('woff2'),
        url('fonts/Commissioner-Black.woff') format('woff'),
        url('fonts/Commissioner-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Bold.eot');
    src: local('Inter-Bold'), local('Inter-Bold'),
        url('fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-Bold.woff2') format('woff2'),
        url('fonts/Inter-Bold.woff') format('woff'),
        url('fonts/Inter-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Medium.eot');
    src: local('Inter-Medium'), local('Inter-Medium'),
        url('fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-Medium.woff2') format('woff2'),
        url('fonts/Inter-Medium.woff') format('woff'),
        url('fonts/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-SemiBold.eot'),
    src: local('Inter-SemiBold'), local('Inter-SemiBold'),
        url('fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-SemiBold.woff2') format('woff2'),
        url('fonts/Inter-SemiBold.woff') format('woff'),
        url('fonts/Inter-SemiBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-SemiBold.eot'),
    src: local('Inter-SemiBold'), local('Inter-SemiBold'),
        url('fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-SemiBold.woff2') format('woff2'),
        url('fonts/Inter-SemiBold.woff') format('woff'),
        url('fonts/Inter-SemiBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
.top_fixet.active{
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
}
.top_panel{
    position: relative;
    height: 42px;
    background: #0665BD;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}
.top_panel_item{
    line-height: 42px;
    display: flex;
    align-items: center;
    margin-right: 8.7rem;
    height: 42px;
    color: #fff;
}
.top_panel_item:last-child{margin-right: 0;}
.top_panel_item:hover{
    text-decoration: none;
    cursor: pointer;
}
.top_panel_item:hover span{color: #ccc;}
.top_panel_item span{
    text-transform: uppercase;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    color: #FFF;
    font-family: Commissioner;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
.top_panel_item svg{
    margin-left: 1rem;
    height: 42px;
    background-size: contain;
}
.header{
    position: relative;
    background: #C20001;
    padding: 1rem 0;
    font-family: Commissioner;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}
.header .menu{
    display: flex;
    align-items: center;
}
.header .menu a{
    color: #FFF;
    font-family: Commissioner;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    padding-right: 3.5rem;
    line-height: 1.2;
    display: flex;
}
.header .menu a:nth-child(1)::before{
    content: "";
    background: url(images/menu_icon.svg) no-repeat;
    width: 22px;
    height: 19px;
    margin-right: 1.25rem;
}
.header .menu a:hover{
    text-decoration: none;
    opacity: .7;
}
.header .search, .search_mob .search{
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(169, 169, 169, 0.38);
    width: 410px;
    height: 40px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 9px;
    margin-right: 4rem;
}
.header .search input, .search_mob .search input{
    background: none;
    border: none;
    color: #fff;
    height: 100%;
    width: 100%;
    outline: none;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.header .search input::placeholder, .search_mob .search::placeholder{
    color: #fff;
}
.header .search button, .search_mob .search button{
    position: absolute;
    right: 9px;
    background: url(images/search.svg) no-repeat;
    width: 23px;
    height: 23px;
    border: none;
    padding: 0;
}
.header .logo{
    position: relative;
    background: url(images/logo.png) no-repeat;
    width: 160px;
    height: 66px;
    background-position: center;
    background-size: cover;
    margin-right: 3rem;
}
.header .contacts a.phone{
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    display: flex;
    align-items: center;
}
.header .contacts a.phone::before{
    content: "";
    margin-right: 1rem;
    position: relative;
    background: url(images/phone.svg) no-repeat;
    width: 13px;
    height: 26px;
}
.header .contacts a:hover{
    text-decoration: none;
    opacity: .7;
}
.header .contacts .header_hits{
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 4rem;
}
.header .contacts .header_hits svg{
    background-size: contain;
    width: 26px;
    height: 22px;
}


.main_banner{
    position: relative;
    width: 1920px;
    height: 322px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.main_banner .logo_pingo{
    position: inherit;
    display: flex;
    align-items: center;
    margin-right: 12rem;
}
.main_banner .logo_pingo span{
    background: url(images/logo_pingo.png) no-repeat;
    width: 341px;
    height: 134px;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    margin-left: -2rem;
}
.main_banner .logo_pingo::before{
    content: "";
    position: absolute;
    background: url(images/mainbanner_line.svg) no-repeat;
    width: 608px;
    height: 18px;
    z-index: 1;
    left: 0;
}
.main_banner .name{
    color: #FFF;
    font-family: Commissioner;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    margin-right: 4rem;
}
.main_banner .description{
    color: #FFF;
    font-family: Commissioner;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    line-height: 1.2
}
.main_banner::after{
    content: "";
    position: absolute;
    background: url(images/mainbanner_line.svg) no-repeat;
    width: 155px;
    height: 18px;
    z-index: 1;
    right: 0;
}


.content{
    position: relative;
    background: #fff;
    margin-top: -2rem;
    margin-bottom: 2rem;
    border-radius: 10px;
    padding: 1rem;
}
.content.container{
    padding-left: 0;
    padding-right: 0;
}
.content .col-3 {
    -ms-flex: 0 0 26.5%;
    flex: 0 0 26.5%;
    max-width: 26.5%;
}
.content .col-9 {
    -ms-flex: 0 0 73.5%;
    flex: 0 0 73.5%;
    max-width: 73.5%;
}
.content .aside{
    position: relative;
    border-radius: 10px;
    background: #0665BD;
    padding: 1rem;
}
.aside_menu .name{
    color: #FFF;
    font-family: Commissioner;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 2rem;
    margin-top: 0.5rem;
    padding: 0 1rem;
}
.menu_section{
    position: relative;
    width: 100%;
    display: block;
    border-radius: 15px;
    padding: 0.5rem;
    background: #EFEFEF;
    margin-bottom: 2rem;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
.menu_section:nth-child(3){
    background: #AC0108;
}
.menu_section_name{
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
    height: 57px;
    display: flex;
    align-items: center;
    color: #0E0E0E;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 0 1rem;
    padding-right: 2rem;
    cursor: pointer;
}
.menu_section .menu_section_name::after{
    content: "";
    position: absolute;
    display: block;
    background-size: contain;
    right: 1.5rem;
    background: url(images/menu_section_li.svg) no-repeat;
    width: 9px;
    height: 14px;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;    
}
.menu_section.close .menu_section_name::after{
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);   
}
.menu_section:nth-child(3) .menu_section_name{background: #ED1C24;color: #fff;}
.menu_section:nth-child(3) .menu_section_name::after{
    content: "";
    background: url(images/pingo_menu.png) no-repeat;
    width: 98px;
    height: 41px;
    right: 1rem;
    position: absolute;
    display: block;
    background-size: contain;
    transform: none;
}
.menu_section ul{
    padding-top: 2rem;
    padding-left: 1rem;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
.menu_section li{
    display: flex;
    margin-bottom: 1rem;
    padding-bottom: 0;
    color: #000;
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    align-items: center;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
.menu_section:nth-child(3) li, .menu_section:nth-child(3) li a{color: #fff;}
.menu_section li::before{
    content: "";
    background: url(images/menu_section_li.svg) no-repeat;
    width: 9px;
    height: 14px;
    display: block;
    padding-left: 2.5rem;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
.menu_section:nth-child(3) li::before{background: url(images/menu_section_li_red.svg) no-repeat;}
.menu_section li:hover::before{opacity: .5;}
.menu_section li a{color: #000;}
.menu_section li.active a{font-weight: 600;}
.menu_section li:hover a{color: #6F6F6F;text-decoration: none;}
.menu_section.red li:hover a{color: #ED1C24;}
.menu_section.close ul{display: none;}
.promo_banner{
    position: relative;
    background-size: contain;
    width: 100%;
    height: 524px;
    display: block;
    background-repeat: no-repeat;
}
.promo_banner .btn{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 88px;
    height: 38px;
    width: 192px;
    left: 81px;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 800;
    background: #ffe62c;
    border-radius: 10px;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
.promo_banner:hover .btn{
    background: #ffca3a;
}
.promobannercatalog{
    position: relative;
    width: 100%;
    height: 271px;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.promobannercatalog .btn{
    display: flex;
    align-items: center;
    justify-content: center;
    left: 45px;
    width: 212px;
    height: 43px;
    bottom: 32px;
    position: absolute;
    background: #575555;
    color: #FDE060;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    border-radius: 10px;
    text-transform: uppercase;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
.promobannercatalog:hover .btn{
    background: #000; 
}



.content .title{
    color: #3B3B3B;
    font-family: Commissioner;
    font-size: 24px;
    padding-top: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}
.homecategory{
    position: relative;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
    margin-bottom: 1.5rem;
}
.homecategory_item:nth-child(1){
    grid-column: 1 / 3;
    grid-row: 1;
}
.homecategory_item:nth-child(2){
    grid-column: 3 / 5;
    grid-row: 1;
}
.homecategory_item{
    position: relative;
    display: flex;
    height: 259px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.homecategory_item img{
   width: 100%;
    height: auto;
}
.homecategory_item:nth-child(1) .name{justify-content: right;}
.homecategory_item:nth-child(2) .name{justify-content: left;}
.homecategory_item:nth-child(2n){margin-right: 0;}
.homecategory_item .name{
    border-radius: 10px;
    background: rgba(210, 0, 0, 0.67);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 2rem;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
.homecategory_item:hover .name{
    background: #E40404;
}
.homecategory_item .name span{
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-family: Commissioner;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; 
}


.pingo_history{
    position: relative;
    display: flex;
    border-radius: 10px;
    background: #E2E2E2;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.13);
    padding: 3rem 1.5rem;
    align-items: center;
    margin-bottom: 1.5rem;
}
.pingo_history .logo{
    position: relative;
    background: url(images/catalog/pingo_history.png) no-repeat;
    background-position: center;
    background-size: cover;
    width: 170px;
    height: 115px;
    flex-shrink: 0;
    margin-right: 2rem;
}
.pingo_history p{
    padding: 0;
    line-height: 1.2;
    color: #252525;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}


.new_block{
    position: relative;
    margin-top: 2rem;
    width: 100%;
}
.new_block .new_block_title{
    border-radius: 10px;
    background: #E2E2E2;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    text-transform: uppercase;
    line-height: 1.2;
    font-style: normal;
    color: #2D2D2D;
    font-family: Commissioner;
}
.new_block .new_block_title h2{
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 24px;
    margin-left: 2rem;
}
.title_all{
    border-radius: 10px;
    background: #FFF;
    color: #F90000;
    text-align: center;
    font-size: 12px;
    width: 156px;
    font-weight: 600;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.catalog_slider{
    position: relative;
    margin: 2.5rem 0;
}
.product_item{
    width: 340px;
    height: 513px;
    flex-shrink: 0;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
.category_product_list{padding-top: 1rem;position: relative;}
.category_product_list .col-4{
    margin-right: 2rem;
    -ms-flex: 0 0 348px;
    flex: 0 0 348px;
    max-width: 348px;
}
.category_product_list .product_item{margin-right: 2rem;}
.category_product_list .col-4:nth-child(3n){margin-right: 0;}
.category_product_list .product_item{margin-bottom: 2rem;}
.new_block .swiper{overflow: visible;}
.new_block .swiper-container{overflow: hidden;}
.new_block .swiper-slide{margin-right: 0.6rem;}
.product_item:last-child{margin-right: 0;}
.product_item:hover{
    box-shadow: 0px 15px 19px 0px rgba(0, 0, 0, 0.18);
    border: 1px solid #0665BD;
    text-decoration: none;
}
.product_item .top_cart{
    position: relative;
    margin: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}
.product_item .article{
    color: #929292;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.05px;
    text-transform: uppercase;
}
.product_item .new{
    position: relative;
    background: url(images/new.png) no-repeat;
    background-position: center;
    background-size: cover;
    width: 54px;
    height: 60px;
}
.product_item .hit{
    position: relative;
    background: url(images/hits.svg) no-repeat;
    background-position: center;
    background-size: cover;
    width: 30px;
    height: 25px; 
}
.product_item .photo{
    width: 287px;
    height: 222px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
.product_item .photo img{
    width: auto;
    height: 100%;
    max-height: 222px;
    max-width: 100%;
}
.product_item .name{
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    padding: 0 2rem;
    color: #000;
    overflow: hidden;
    text-align: center;
    font-family: Commissioner;
    font-size: 14px;
    height: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}
.product_item .description{
    color: #818181;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    height: 4.1rem;
    overflow: hidden;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.07px;
    padding: 0 2rem;
    margin-bottom: 1.5rem
}
.product_item:hover .description{color: #000;}
.product_item .btn{
    position: relative;
    margin: 0 2rem;
    border-radius: 20px;
    background: #BCD7EF;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
.product_item:hover .btn, .product_item .btn:hover{background: #0665BD;text-decoration: none;}
.new_block_nav{
    position: absolute;
    right: -7rem;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.new_block_nav .swiper-button-next, .new_block_nav .swiper-button-prev{
    position: relative;
    width: 48px;
    height: 48px;
    background: #D8D8D8;
    border-radius: 50%;
    left: auto;
    right: auto;
    top: auto;
    margin-top: 0;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
.new_block_nav .swiper-button-next:hover, .new_block_nav .swiper-button-prev:hover{background: #919191;}
.new_block_nav .swiper-button-prev{
    margin-bottom: 1rem;
}
.new_block_nav .swiper-button-next:after{
    content: '';
    background: url(images/next.svg) no-repeat;
    background-position: center;
    background-size: cover;
    width: 11px;
    height: 14px;
}
.new_block_nav .swiper-button-prev:after{
    content: ''; 
    background: url(images/prev.svg) no-repeat;
    background-position: center;
    background-size: cover;
    width: 11px;
    height: 14px;
}


.slider_prod{
    position: relative;
    margin-bottom: 4rem;
}
.slider_prod_panel{
    position: relative;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
}
.slider_prod_panel h2{
    padding: 0;
    margin: 0;
    color: #000;
    font-family: Commissioner;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 114.3%;
    letter-spacing: 0.12px;
    text-transform: uppercase;
}
.slider_prod_nav{
    position: relative;
    border-radius: 10px;
    border: 1px solid #9D9D9D;
    background: #FFF;
    display: flex;
    align-items: center;
    height: 30px;
    flex-shrink: 0;
}
.slider_prod_nav_item{
    color: #0E0E0E;
    font-family: Commissioner;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    min-width: 172px;
    height: 30px;
    padding: 0 1rem;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center; 
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
.slider_prod_nav_item:hover{
    border: 1px solid #0665BD;
    background: rgba(6, 101, 189, 0.17);
    text-decoration: none;
}
.slider_prod_nav_item:hover{
    text-decoration: none;
    color: #ED1C24;
}
.slider_prod_btn{
    border-radius: 10px;
    border: 1px solid #ED1C24;
    background: rgba(237, 28, 36, 0.21);
    height: 30px;
    width: 143px;
    display: flex;
    align-items: center;
    color: #ED1C24;
    text-align: center;
    font-family: Commissioner;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.3px;
    justify-content: center;
}
.slider_prod_list{
    position: relative;
}
.slider_prod_list .new_block_nav{
    left: -7rem;
    right: 0;
}
.slider_prod_list_wrap .swiper-container{
    position: relative;
    height: 100%;
}
.slider_prod_list_wrap .swiper-slide{
    margin-right: 0.6rem;
}
.slider_prod_item{
    position: relative;
    display: block;
    width: 475.32px;
    height: 391px;
    flex-shrink: 0;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}
.slider_prod_item:hover{text-decoration: none;}
.slider_prod_item_b{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 0;
}
.slider_prod_item_b .btn{
    border-radius: 20px;
    border: 1px solid #0665BD;
    width: 219px;
    height: 46px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0665BD;
    background: #fff;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
.slider_prod_item:hover .btn, .slider_prod_item:hover .slider_prod_item .btn{
    background: #0665BD;
    border: 1px solid #0665BD;
    color: #FFF;
    text-decoration: none;
}



.footer{
    position: relative;
    background: #C20001;
    padding: 3rem 0;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}
.footer .container::before{
    content: "";
    position: absolute;
    background: url(images/mainbanner_line.svg) no-repeat;
    width: 350px;
    height: 18px;
    z-index: 1;
    left: 0;
    bottom: 2rem; 
}
.footer .container::after{
    content: "";
    position: absolute;
    background: url(images/mainbanner_line.svg) repeat;
    width: 755px;
    height: 18px;
    z-index: 1;
    right: 0;
    bottom: 2rem;
}
.footer .logo{
    position: relative;
    background: url(images/footer_logo.png) no-repeat;
    width: 189px;
    height: 78px;
    background-position: center;
    background-size: cover;
    margin-right: 5rem;
}
.footer .menu{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    color: #FFF;
    font-family: Commissioner;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    margin-right: 6rem;
}
.footer .menu a{
    color: #FFF;
    font-family: Commissioner;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    padding-bottom: 1rem;
    line-height: 1.2;
    display: flex;
    text-transform: uppercase;
}
.footer .contacts{
    margin-left: 5.7rem;
    position: relative;
}
.footer .contacts .copyright{
    line-height: 2.5;
    color: #FFF;
    font-family: Commissioner;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 5rem;
}
.footer .contacts_block a.phone{
    color: #FFF;
    text-align: right;
    font-family: Commissioner;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
    display: block;
}
.footer .contacts a:hover{
    text-decoration: none;
    opacity: .7;
}
.footer .contacts_block .address{
    color: #FFF;
    text-align: right;
    font-family: Commissioner;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    width: 244px;
}
.scroll_up{
    position: absolute;
    background: url(images/scroll_up.svg) no-repeat;
    background-size: cover;
    background-position: center;
    right: 6rem;
    bottom: 6rem;
    width: 10px;
    height: 8px;
}





.category_list{
    position: relative;
    padding-top: 1rem;
    margin-bottom: -1vw;
}
.category_list .col-3{
    padding-left: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 1rem;
}
.category_list .col-3:nth-child(4n){padding-right: 0}
.category_item{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: 100%;
}
.category_item:hover{text-decoration: none;}
.category_item .photo{
    width: 100%;
    height: 188px;
    background-repeat: no-repeat;
    background-size: 100%;
}
.category_item .name{
    border-radius: 10px;
    background: #DBDBDB;
    position: relative;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    margin-top: 1rem;
    justify-content: center;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
.category_item:hover .name{
    background: #E40404;
}
.category_item .name span{
    color: #6B6B6B;
    text-transform: uppercase;
    text-align: center;
    font-family: Commissioner;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; 
}
.category_item:hover .name span{color: #fff;}



.catalog_element{
    position: relative;
    margin-bottom: 4rem;
    margin-top: 1rem;
}
.catalog_element .category{
    color: #A0A0A0;
    font-family: Commissioner;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    padding-left: 1rem;
}
.catalog_element .article{
    color: #454545;
    font-family: Inter;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.055px;
    text-transform: uppercase;
    padding-left: 1rem;
}
.catalog_element .stiker{
    position: relative;
    width: 100%;
    height: 60px;
    margin-bottom: 2rem;
    align-items: center;
    display: flex;
    justify-content: end;
}
.catalog_element .stiker .new{
    background: url(images/new.png) no-repeat;
    background-position: center;
    background-size: cover;
    float: right;
    height: 60px;
    width: 65px;
}
.catalog_element .stiker .hit{
    background: url(images/hits.svg) no-repeat;
    background-position: center;
    background-size: cover;
    float: right;
    height: 25px;
    width: 30px;
}
.catalog_element .full_photo{
    position: relative;
    border-radius: 10px;
    border: 1px solid #0665BD;
    background: #FFF;
    display: flex;
    width: 615px;
    height: 749px;
    padding: 80px 120px 80px 120px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-top: 2rem;

}
.catalog_element .full_photo img{
    width: auto;
    height: auto;
}
.col-7.catalog_element_text{padding-left: 6rem;}
.catalog_element h1{
    color: #000;
    font-family: Commissioner;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    display: block;
    margin-bottom: 2rem;
    margin-top: 3.8rem;
}
.catalog_element .prev_description{
color: #000;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}
.catalog_element .description{
    position: relative;
    margin-top: 2rem;
    border-radius: 10px;
    background: #E8E8E8;
    padding: 3rem 2rem;
    padding-top: 4rem;
}
.catalog_element .description ul{
    list-style: disc;
}
.catalog_element .description li{
    color: #000;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    margin-left: 2rem;
    padding-bottom: 1.5rem;
}
.catalog_element .description li:last-child{padding-bottom: 0;}
.catalog_element_b_panel{
    position: relative;
    margin-top: 3rem;
    display: flex;
    flex-wrap: nowrap;
}
.catalog_element_socials{
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 3rem;
}
.catalog_element_socials span{
    color: #777;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    width: 50%;
    margin-right: 3rem;
}
.socials{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.socials a{
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 2rem;
}
.socials a.whatsapp{
    background-image: url(images/whatsapp.svg);
}
.socials a.viber{
    background-image: url(images/viber.svg);
}
.socials a.telegram{
    background-image: url(images/tg.svg);
}
.catalog_element_b_panel .btn, .contacts_page .btn{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    border-radius: 10px;
    background: #C20001;
    box-shadow: 0px 22px 24px 0px rgba(54, 95, 143, 0.37);
    color: #fff;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    width: 100%;
    cursor: pointer;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
    transition: .3s linear;
}
.catalog_element_b_panel .btn:hover, .contacts_page .btn:hover{
    box-shadow: 0px 22px 24px 0px rgb(22 40 60 / 37%);
    background: #990304;
}



.about_page, .contacts_page{
    position: relative;
    padding: 0 1rem;
    margin-bottom: 3rem;
    width: 100%;
}
.about_page .title, .contacts_page .title{
    padding-top: 0;
    margin-bottom: 2rem;
    color: #9B9B9B;
}
.about_page .pingo_history .col-2{
    display: flex;
    justify-content: center;
}
.about_page .pingo_history .name{
    color: #000;
    font-family: Commissioner;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    padding-bottom: 1rem;
}
.about_page .pingo_history p{
    font-size: 22px;
}
.about_page .pingo_history .logo{
    margin-right: 0;
}
.about_page .block{
    position: relative;
    margin-top: 5rem;
}
.about_page .block p{
    color: #090909;
    font-family: Inter;
    font-size: 22px;
}
.about_page .block.block1 img{
    width: 100%;
}
.about_page .block .logos img{
    width: 100%;
    height: auto;
}


.contacts_page .row .col-5{
    padding-left: 0;
}
.contacts_page .contacts_block{
    
}
.contacts_page .contacts_block h2{
    color: #000;
    font-family: Commissioner;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
}
.contacts_page .contacts_block .description{
    color: #000;
    font-family: Commissioner;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
}
.contacts_page .contacts_block .description .email{color: #E40808;}
.contacts_page .contacts_block .description a{color: #4787B6;}
.contacts_page .contacts_block .description a.tel{color: #000;}
.cotacts_phone .socials{margin-left: 2rem;}
.contacts_page .contacts_block .btn{
    position: relative;
    margin-top: 2rem;
    width: 328px;
}
.contacts_page iframe{
    border-radius: 10px;
    border: 5px solid #D9D9D9;
    width: 100%;
    height: 479px;
}
.search_mob{display: none;}

.mobile_menu{
    background: #C20001;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    padding: 44px;
    opacity: 1;
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%);
    -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; 
    overflow: scroll;
    top: 0;
    bottom: 0;
}
.mobile_menu.active{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
.close-menu{
    position: absolute;
    top: 32px;
    right: 32px;
    width: 32px;
    height: 32px;
    background: url(images/close-menu.svg) no-repeat;
}
.mobile_menu .top_menu{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 2rem;
}
.mobile_menu .top_menu a{
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}
.mobile_menu .top_menu a:hover, .mobile_menu a.phone:hover, .mobile_menu a.email:hover{text-decoration: underline;}
.mobile_menu .rekviz{
    margin: 2rem 0;
    font-size: 16px;
    margin-top: 0;
    color: #fff;
}
.mobile_menu a.phone, .mobile_menu a.email{
    font-size: 1.2rem;
    line-height: 1.2;
    display: block;
}
.mobile_menu a.phone{font-weight: 900;}
.mobile_menu_b{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    margin-top: 2rem;
    margin-bottom: 0;
}
.mobile_menu_b .socials{justify-content: center;margin: 0 auto;}
.mobile_menu_b .socials a{margin-right: 1rem;}


.is-hidden {
    display: none;
}

.form_popup{
    z-index: 9999999999999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(39, 1, 2, 0.86);
    overflow-y: scroll;
}
.modal-wrap{
    margin: 0 auto;
    position: relative;
    top: 25vh;
    padding: 2.7vw;
    border-radius: 10px;
    border: 2px solid #C20001;
    background-color: #C20001;
    box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.38);
    width: 48vw;
    z-index: 22;
    -webkit-animation: zoomShow 0.3s ease;
    -moz-animation: zoomShow 0.3s ease;
    -o-animation: zoomShow 0.3s ease;
    animation: zoomShow 0.3s ease;
}
.modal-wrap .close{
    position: absolute;
    right: 2vw;
    top: auto;
    bottom: 2vw;
    width: 2vw;
    height: 2vw;
    cursor: pointer;
    background: url(images/close-menu.svg) no-repeat;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    z-index: 9;
}
.title_top{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}
.title_top::before{
    content: "";
    background: url(images/logo_form.svg) no-repeat;
    width: 572px;
    height: 86px;
    position: relative;
    left: -53px;
}
.form-wrap .title{
    font-size: 1.197vw;
    line-height: 0.9;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 3vw;
    font-weight: bold;
    padding-right: 15px;
    margin-bottom: 0;
}
.modal-wrap .col{
    padding-left: 0;
}
.agreement_wrap_col {
    display: flex;
    padding-right: 0!important;
}
.modal-wrap .agreement_wrap{
    margin-top: 1.562vw;
    padding-left: 0;
}
.form-wrap .order_form_form input, .form-wrap .order_form_form textarea{
    margin-bottom: 1.5vw;
}
.order_form_form input, .order_form_form textarea {
    border-radius: 10px;
    border: 1px solid #FFF;
    background: #fff;
    color: #000;
    font-style: normal;
    font-weight: 600;
    font-size: 0.937vw;
    line-height: 1.2;
    height: 3.072vw;
    padding: 0 1vw;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
.order_form_form textarea {
    min-height: 3.072vw;
    height: 3.072vw;
}
.order_form_form input::placeholder, .order_form_form textarea::placeholder{
    color: #000;
}
.modal-wrap .agreement{padding-right: 1vw;}
.form_popup .agreement {
    font-weight: normal;
    letter-spacing: 0.3px;
    font-size: 0.5vw;
    color: #fff;
    width: 80%;
    line-height: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.form_popup .agreement .custom-checkbox:checked+label::before{
    background: #fff;
    width: 1.25vw;
    height: 1.25vw;
    margin-right: 1vw;
}
.modal-wrap .form_button{
    margin-left: 0;
    width: 50%;
    height: 60px;
}
.form_popup .form_button {
    align-items: center;
    justify-content: center;
    border: none;
    background: #0665BD;
    box-shadow: 0px 22px 15px 0px rgba(56, 56, 56, 0.29);
    width: 100%;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 0.9vw;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    padding: 0.78vw 2.3vw;
    transition: .5s;
}
.form_popup .form_button:hover{
    background: #0665BD;
    color: #fff;
}

@media (max-width: 767px){
	.modal-wrap{top: 3rem;width: 95vw;padding: 1rem;}
	.modal-wrap .close{right: 1rem;bottom: 1rem;width: 2rem;height: 2rem;}
	.title_top{flex-direction: column-reverse;margin-bottom: 0;}
	.form-wrap .title{font-size: 1rem;}
	.title_top::before{
    width: 355px;
    height: 86px;
    left: 0;
    background-position: center;
    background: url(images/logo_form_mob.svg) no-repeat;
    margin-bottom: 1rem;
    background-size: contain;
    position: relative;
    margin-top: 1rem;
}
.modal-wrap .agreement_wrap{
    margin-top: 1.5rem;
}
    .modal-wrap .agreement{padding-right: 0;font-size: 0.5rem;margin-bottom: 0;}
.form_popup .agreement .custom-checkbox:checked+label::before{
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
}
    .agreement_wrap_col{flex-direction: column;}


    .order_form_form input, .order_form_form textarea{font-size: 0.9rem;padding: 0 1rem;height: 59px;}
    .order_form_form textarea{min-height: 6rem;height: 6rem;}
	.modal-wrap .form_button{width: 100%;font-size: 0.9rem;margin-left: 0;}
	.form-wrap .order_form_form input, .form-wrap .order_form_form textarea{margin-bottom: 1rem;}

}














@media (max-width: 1919px){
.top_panel{
    height: 2.7vw;
}
.top_panel_item{
    line-height: 3vw;
    margin-right: 6.9vw;
    height: 2.7vw;
}
.top_panel_item span{
    font-size: 0.62vw;
}
.top_panel_item svg{
    margin-left: 0.8vw;
    height: 2.7vw;
}
.header{
    padding: 0.85vw 0;
}
.header .menu a{
    font-size: 0.73vw;
    padding-right: 2.9vw;
}
.header .menu a:nth-child(1)::before{
    content: "";
    width: 1.146vw;
    height: 0.99vw;
    margin-right: 1vw;
    background-size: contain;
}
.header .search{
    width: 21.3547vw;
    height: 2.0838vw;
    padding: 0.478vw;
    margin-right: 2.8vw;
}
.header .search input, .search_mob .search input{
    font-size: 0.640vw;
}
.header .search button, .search_mob .search button{
    right: 0.478vw;
    width: 1.223vw;
    height: 1.223vw;
    background-size: contain;
}
.header .logo{
    width: 8.3338vw;
    height: 3.438vw;
    margin-right: 2.4vw;
}
.header .contacts a.phone{
    font-size: 0.733vw;
}
.header .contacts a.phone::before{
    content: "";
    margin-right: 0.8vw;
    width: 0.691vw;
    height: 1.382vw;
    background-size: contain;
}
.header .contacts .header_hits{
    margin-left: 3vw;
}
.header .contacts .header_hits svg{
    width: 1.511vw;
    height: 1.146vw;
}
.open_mob_menu{display: none;}
}
@media (max-width: 767px){
    .top_fixet.active{position: relative;}
    .top_panel, .header .menu, .header .search, .header .contacts .header_hits{display: none;}
    .header{padding: 1rem 0;}
    .header .container{justify-content: space-between;}
    .header .logo{background: url(images/logo_mob.png) no-repeat;width: 241px;height: 104px;margin-right: 0;background-size: contain;margin-bottom: -12px;}
    .header .contacts a.phone{font-size: 0;}
    .header .contacts a.phone::before{width: 21px;height: 42px;}
    .open_mob_menu{display: block;background: url(images/open_mob_menu.svg) no-repeat;width: 43px;height: 43px;margin-left: 14px;}
}

@media (max-width: 1919px){
.main_banner{
    width: 100vw;
    height: 16.771vw;
}
.main_banner .logo_pingo{
    margin-right: 10vw;
}
.main_banner .logo_pingo span{
    width: 17.7609vw;
    height: 6.9797vw;
    margin-left: -1.7vw;
}
.main_banner .logo_pingo::before{
    content: "";
    width: 31.667vw;
    height: 0.938vw;
    background-size: cover;
}
.main_banner .name{
    font-size: 2.08vw;
    margin-right: 3vw;
}
.main_banner .description{
    font-size: 1.04vw;
}
.main_banner::after{
    content: "";
    width: 8.073vw;
    height: 0.938vw;
}
.search_mob{display: none;}
}
@media (max-width: 767px){
    .main_banner{height: 218px;background-position: right;background-repeat: no-repeat;background-size: cover;}
    .main_banner .logo_pingo{margin-right: 0;}
    .main_banner .logo_pingo span{display: none;}
    .main_banner .logo_pingo::before{width: 31px;height: 9px;top: 73px;}
    .main_banner::after{width: 85px;height: 9px;background-size: cover;top: 73px;}
    .main_banner .name{font-size: 24px;font-family: Inter;font-weight: 900;margin-right: 0;margin-bottom: 15px;position: absolute;top: 32px;left: 44px;}
    .main_banner .description{font-family: Inter;font-size: 16px;position: absolute;bottom: 38px;left: 44px;width: 254px;height: 77px;font-weight: 700;overflow: hidden;}
    .search_mob{display: flex;background: #0665BD;height: 48px;align-items: center;}
    .search_mob .search{width: 100%;height: 35px;padding: 3px;margin-right: 0;background: #fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20);border-radius: 5px;top: -16px;}
    .search_mob .search input{color: #808080;border: none;font-size: 12px;font-family: Inter;width: 100%;margin-left: 13px;font-style: normal;font-weight: 400;line-height: normal;}
    .search_mob .search button{right: 3px;width: 29px;height: 29px;border-radius: 5px;background: #C20001;align-items: center;display: flex;justify-content: center;}
    .search_mob .search button::before{content: "";background: url(images/search.svg) no-repeat;width: 13px;height: 13px;display: flex;background-size: contain;}   
}
@media (max-width: 1919px){
.footer{
    padding: 2.5vw 0;
}
.footer .container::before{
    content: "";
    width: 18.2297vw;
    height: 0.999vw;
    bottom: 1.7vw; 
    background-size: cover;
}
.footer .container::after{
    content: "";
    width: 39.323vw;
    height: 0.999vw;
    bottom: 1.7vw;
    background-size: cover;
}
.footer .logo{
    width: 9.844vw;
    height: 4.063vw;
    margin-right: 4vw;
}
.footer .menu{
    font-size: 0.73vw;
    margin-right: 5vw;
}
.footer .menu a{
    font-size: 0.73vw;
}
.footer .contacts{
    margin-left: 4.43vw;
}
.footer .contacts .copyright{
    font-size: 0.52vw;
    margin-right: 4.2vw;
}
.footer .contacts_block a.phone{
    font-size: 0.92vw;
    margin-bottom: 0.35vw;
}
.footer .contacts_block .address{
    font-size: 0.63vw;
    width: 12.708vw;
}
.scroll_up{
    right: 5vw;
    bottom: 5vw;
    width: 0.521vw;
    height: 0.417vw;
}
}
@media (max-width: 767px){
    .footer{padding: 37px 0;} 
    .footer .container.row{flex-direction: column;}
    .footer .container::before, .footer .container::after{width: 88px;height: 12px;bottom: auto;top: 65px;}
    .footer .menu, .footer .contacts_block .address{display: none;}
    .footer .logo{background: url(images/logo_footer_mob.svg) no-repeat;width: 165px;height: 68px;margin: 0 auto;}
    .footer .contacts{margin-left: 0;margin-top: 26px;flex-direction: column;}
    .footer .contacts .copyright{font-size: 10px;margin-right: 0;line-height: 1.2;font-weight: 400;text-align: center;}
    .footer .contacts_block a.phone{font-size: 20px;margin-bottom: 0;padding-top: 53px;font-weight: 600;letter-spacing: 0.5px;}
    .scroll_up{right: 30px;bottom: 30px;width: 10px;height: 15px;background-size: contain;}
}

@media (max-width: 1919px){
.content{
    margin-top: -1.7vw;
    margin-bottom: 1.7vw;
    padding: 0.8vw 0;
}
.content .aside{
    padding: 0.8vw;
}
.aside_menu .name{
    font-size: 1.25vw;
    margin-bottom: 1.7vw;
    margin-top: 0.45vw;
    padding: 0 0.8vw;
}
.menu_section{
    padding: 0.4vw;
    margin-bottom: 1.7vw;
}
.menu_section_name{
    height: 2.968vw;
    font-size: 0.833vw;
    padding: 0 0.8vw;
    padding-right: 2vw;
}
.menu_section .menu_section_name::after{
    content: "";
    right: 1.2vw;
    background-size: contain;
    width: 0.468vw;
    height: 0.729vw; 
}
.menu_section:nth-child(3) .menu_section_name::after{
    content: "";
    width: 5.104vw;
    height: 2.135vw;
    right: 0.8vw;
    background-size: contain;
}
.menu_section ul{
    padding-top: 1.7vw;
    padding-left: 0.8vw;
}
.menu_section li{
    margin-bottom: 0.8vw;
    font-size: 0.885vw;
}
.menu_section li::before{
    content: "";
    width: 0.468vw;
    height: 0.729vw;
    padding-left: 2.1vw;
    background-size: contain;
}
.menu_section:nth-child(4){
    margin-bottom: 1.7vw;
    padding: 0.8vw;
    font-size: 0.9375vw;
    padding-right: 2vw;
}
.menu_section:nth-child(4)::after{
    content: "";
    width: 2.135vw;
    height: 2.135vw;
    right: 0.8vw;
    background-size: contain;
}
.promo_banner{
    background-size: contain;
    width: 100%;
    max-width: 18.155vw;
    height: 27.291vw;
}
.promo_banner .btn{
    margin-top: 4.583vw;
    height: 1.979vw;
    width: 10vw;
    left: 4.218vw;
    font-size: 0.729vw;
    border-radius: 10px;
}
.promobannercatalog{
    width: 100%;
    max-width: 57.751vw;
    height: 14.1145vw;
    background-size: contain;
}
.promobannercatalog .btn{
    left: 2.343vw;
    width: 11.041vw;
    height: 2.239vw;
    bottom: 1.666vw;
    font-size: 0.729vw;
    border-radius: 10px;
}
}

@media (max-width: 767px){
    .content{margin-top: 19px;margin-bottom: 19px;padding: 0;}
    .content.container{max-width: 95vw;}
    .content .col-3{order: 2;}
    .content .col-3, .content .col-9{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .content .aside{padding: 13px;margin-bottom: 1rem;}
    .aside_menu .name{font-size: 24px;margin-bottom: 23px;margin-top: 11px;padding: 0 15px;}
    .menu_section{padding: 5px;margin-bottom: 12px;}
    .menu_section_name{height: 57px;font-size: 16px;padding: 0 22px;letter-spacing: 0.7px;font-weight: 700;}
    .menu_section .menu_section_name::after{width: 9px;height: 14px;right: 1.5rem;}
    .menu_section:nth-child(3) .menu_section_name::after{width: 98px;height: 41px;right: 1rem;}
    .menu_section ul{padding-top: 27px;padding-left: 21px;}
    .menu_section li{margin-bottom: 19px;font-size: 17px;}
    .menu_section li::before{width: 9px;height: 13px;padding-left: 2rem;}
    .menu_section:nth-child(4){margin-bottom: 1rem;padding: 1rem;font-size: 18px;padding-right: 4rem;height: 90px;}
    .menu_section:nth-child(4)::after{width: 53px;height: 60px;right: 1rem;}
    .promo_banner{max-width: none;height: 495px;}
    .promo_banner .btn{display: flex;margin-top: 83px;left: 62px;font-size: 14px;width: 195px;height: 37px;flex-shrink: 0;}
    .promobannercatalog{height: 376px;width: 100%;max-width: none;background-image: url(images/catalog/promobanner_home_mob.png)!important;
    margin-bottom: 15px;}
    .promobannercatalog .btn{display: none;}
}

@media (max-width: 1919px){
.content .title{
    font-size: 1.25vw;
    padding-top: 0.8vw;
    margin-top: 0;
}
.homecategory{
    grid-gap: 0.781vw;
    margin-bottom: 1.5vw;
}
.homecategory_item{
    height: 13.489vw;
}
.homecategory_item .name{
    height: 3.645vw;
    padding: 0 1.7vw;
}
.homecategory_item .name span{
    font-size: 1.0416vw;
}
.pingo_history{
    padding: 2.45vw 1.25vw;
    margin-bottom: 1.5vw;
}
.pingo_history .logo{
    width: 8.854vw;
    height: 5.989vw;
    margin-right: 1.7vw;
}
.pingo_history p{
    font-size: 0.9375vw;
}
.new_block{
    margin-top: 1.7vw;
}
.new_block .new_block_title{
    padding: 0.4166vw;
}
.new_block .new_block_title h2{
    font-size: 1.25vw;
    margin-left: 1.7vw;
}
.title_all{
    font-size: 0.625vw;
    width: 8.125vw;
    height: 2.083vw;
}
.catalog_slider{
    margin: 2.15vw 0;
}
.product_item{
    width: 17.708vw;
    height: 26.718vw;
}
.category_product_list{padding-top: 0.8vw;}
.category_product_list .col-4{
    margin-right: 1.7vw;
    -ms-flex: 0 0 18vw;
    flex: 0 0 18vw;
    max-width: 18vw;
}
.category_product_list .product_item{margin-right: 1.3vw;}
.category_product_list .product_item{margin-bottom: 1.7vw;}
.new_block .swiper-slide{margin-right: 0.45vw;}
.product_item .top_cart{
    margin: 0 0.8vw;
    height: 3.125vw;
}
.product_item .article{
    font-size: 0.520vw;
}
.product_item .new{
    width: 2.8125vw;
    height: 3.125vw;
}
.product_item .hit{
    width: 1.5625vw;
    height: 1.302vw; 
}
.product_item .photo{
    width: 14.947vw;
    height: 11.5625vw;
}
.product_item .name{
    margin-top: 1.25vw;
    margin-bottom: 0.8vw;
    padding: 0 1.7vw;
    font-size: 0.729vw;
    height: 1.7vw;
}
.product_item .description{
    font-size: 0.729vw;
    height: 3.3vw;
    padding: 0 1.7vw;
    margin-bottom: 0.8rem;
}
.product_item .btn{
    margin: 0 1.7vw;
    height: 2.395vw;
    font-size: 0.729vw;
}
.new_block_nav{
    right: -3vw;
}
.new_block_nav .swiper-button-next, .new_block_nav .swiper-button-prev{
    width: 2.5vw;
    height: 2.5vw;
}
.new_block_nav .swiper-button-next:after{
    content: '';
    width: 0.572vw;
    height: 0.729vw;
}
.new_block_nav .swiper-button-prev:after{
    content: ''; 
    width: 0.572vw;
    height: 0.729vw;
}
}

@media (max-width: 767px){
    .content .title{font-size: 19px;font-weight: 800;margin-bottom: 19px;padding-top: 0;text-align: center;letter-spacing: 0.9px;}
    .homecategory{display: block;padding: 0 1rem;}
    .homecategory_item{height: 213px;margin-bottom: 14px;flex-shrink: 0;background-size: cover;background-position: right;border-radius: 10px;}
    .homecategory_item .name{justify-content: center;height: 58px;padding: 0 1rem;}
    .homecategory_item:nth-child(1) .name, .homecategory_item:nth-child(2) .name{justify-content: center;}
    .homecategory_item .name span{font-size: 15px;font-weight: 700;letter-spacing: 0.9px;}
    .pingo_history{margin-bottom: 43px;margin-top: 43px;background: transparent;box-shadow: none;flex-direction: column;padding: 0;}
    .pingo_history .logo{margin-right: 0;width: 170px;height: 115px;margin-bottom: 31px;}
    .pingo_history p{font-size: 18px;padding: 0 1rem;text-align: center;}
    .new_block{margin-top: 0;}
    .new_block .new_block_title{padding: 13px 1.5rem;justify-content: center;}
    .new_block .new_block_title h2{margin-left: 0;font-size: 16px;font-weight: 700;font-family: 'Commissioner';letter-spacing: 0.9px;}
    .title_all{display: none;}
    .new_block .swiper-wrapper{display: block;}
    .new_block .product_item{margin: 0 auto 34px auto;}
    .new_block .swiper-slide:last-child .product_item{margin-bottom: 0;}
    .catalog_slider{margin: 2rem 0;}
    .product_item{width: 326px;height: 481px;}
    .content .title.section{background: #E2E2E2;color: #2D2D2D;padding: 1rem 0;margin-bottom: 0;margin-top: -14px;}
    .category_product_list{flex-direction: column;padding-top: 1rem;}
    .category_product_list .col-4{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .category_product_list .product_item{width: 326px; margin: 0 auto 2rem auto;display: block;}
    .category_product_list .col-4:nth-child(3n){margin-right: auto;}
    .new_block .swiper-slide{margin: 0 auto;}
    .product_item .top_cart{margin: 0 1rem;height: 60px;}
    .product_item .article{font-size: 10px;}
    .product_item .new{width: 63px;height: 59px;background-size: contain;}
    .product_item .hit{width: 30px;height: 25px;}
    .product_item .photo{width: 287px;height: 222px;}
    .product_item .name{margin-top: 11px;margin-bottom: 9px;padding: 0 1rem;font-size: 16px;height: 4rem;font-weight: 800;font-family: 'Commissioner';letter-spacing: 0.9px;}
    .product_item .description{font-size: 15px;height: 74px;padding: 0 1rem;margin-bottom: 12px;color: #000;font-family: 'Commissioner';letter-spacing: 0.9px;font-weight: 600;overflow: hidden;}
    .product_item .btn{margin: 0 2rem;height: 46px;font-size: 14px;margin-bottom: 1rem;}
    .new_block_nav{display: none;}
    .new_block_nav .swiper-button-next, .new_block_nav .swiper-button-prev{}
    .new_block_nav .swiper-button-next:after{}
    .new_block_nav .swiper-button-prev:after{}
}

@media (max-width: 1919px){
.slider_prod{
    margin-bottom: 3.4vw;
}
.slider_prod_panel{
    margin-bottom: 2.5vw;
}
.slider_prod_panel h2{
    font-size: 1.25vw;
}
.slider_prod_nav{
    height: 1.5625vw;
}
.slider_prod_nav_item{
    font-size: 0.520vw;
    min-width: 8.958vw;
    height: 1.5625vw;
    padding: 0 0.8vw;
}
.slider_prod_btn{
    height: 1.5625vw;
    width: 7.447vw;
    font-size: 0.520vw;
}
.slider_prod_list .new_block_nav{
    left: -6vw;
}
.slider_prod_item{
    margin-right: 0.8vw;
    width: 100%;
    height: 20.364vw;
}
.slider_prod_item_b .btn{
    width: 11.406vw;
    height: 2.395vw;
    font-size: 0.729vw;
}
.category_list{
    padding-top: 0.8vw;
}
.category_list .col-3{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 0.8vw;
}
.category_item .photo{
    height: 9.791vw;
}
.category_item .name{
    height: 3.645vw;
    padding: 0 0.8vw;
    margin-top: 0.8vw;
}
.category_item .name span{
    font-size: 0.833vw;
}
.catalog_element{
    margin-bottom: 3.3vw;
    margin-top: 0.8vw;
}
.catalog_element .category{
    font-size: 1.25vw;
    padding-left: 0.8vw;
}
.catalog_element .article{
    font-size: 0.572vw;
    padding-left: 0.8vw;
}
.catalog_element .stiker{
    margin-bottom: 1.7vw;
    height: 3.125vw;
}
.catalog_element .stiker .new{
    width: 2.8125vw;
    height: 3.125vw;
}
.catalog_element .stiker .hit{
    height: 1.302vw;
    width: 1.625vw;
}
.catalog_element .full_photo{
    width: 100%;
    height: 39.0104vw;
    padding: 4.166vw 6.25vw 4.166vw 6.25vw;
    margin-top: 1.7vw;
}
.col-7.catalog_element_text{padding-left: 5vw;}
.catalog_element h1{
    font-size: 1.875vw;
    margin-bottom: 1.7vw;
    margin-top: 3.2vw;
}
.catalog_element .prev_description{
    font-size: 1.25vw;
}
.catalog_element .description{
    margin-top: 1.7vw;
    padding: 3.3vw 1.7vw;
    padding-top: 3.3vw;
}
.catalog_element .description li{
    font-size: 1.25vw;
    margin-left: 1.7vw;
    padding-bottom: 1.25vw;
}
.catalog_element_b_panel{
    margin-top: 2.5vw;
}
.catalog_element_socials{
    margin-right: 2.5vw;
}
.catalog_element_socials span{
    font-size: 1.041vw;
    width: 50%;
    margin-right: 2.5vw;
}
.socials a{
    width: 1.302vw;
    height: 1.302vw;
    margin-right: 1.7vw;
}
.catalog_element_b_panel .btn, .contacts_page .btn{
    height: 3.125vw;
    font-size: 0.833vw;
}
.about_page, .contacts_page{
    padding: 0 0.8vw;
    margin-bottom: 2.5vw;
}
.about_page .title, .contacts_page .title{
    margin-bottom: 1.7vw;
    margin-top: 0;
}
.about_page .pingo_history .name{
    font-size: 1.458vw;
    padding-bottom: 0.8vw;
}
.about_page .pingo_history p{
    font-size: 1.145vw;
}
.about_page .block{
    margin-top: 4.2vw;
}
.about_page .block p{
    font-size: 1.145vw;
}
.contacts_page .contacts_block h2{
    font-size: 1.458vw;
}
.contacts_page .contacts_block .description{
    font-size: 1.25vw;
}
.cotacts_phone .socials{margin-left: 1.7vw;}
.contacts_page .contacts_block .btn{
    margin-top: 1.7vw;
    width: 17.083vw;
}
.contacts_page iframe{
    height: 24.947vw;
}
}

@media (max-width: 767px){
    .slider_prod{margin-bottom: 41px;}
    .js_slider_prod_slider .swiper-wrapper{display: block;}
    .js_slider_prod_slider .slider_prod_item{margin-bottom: 0;}
    .slider_prod_panel{margin-bottom: 1rem;}
    .slider_prod_panel h2{width: 100%;text-align: center;font-size: 24px;}
    .slider_prod_nav, .slider_prod_btn{display: none!important;}
    .slider_prod_list{flex-direction: column;}
    .slider_prod_list.row{display: block;}
    .slider_prod_item{margin-right: 0;width: 100%;height: 277px;}
    .slider_prod_item_b .btn{width: 183px;height: 32px;font-size: 12px;}
    .category_list{margin-top: 1rem;padding: 0 1rem;margin-bottom: 1rem;}
    .category_list .col-3{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-bottom: 8px;}
    .category_item .photo{height: 188px;background-size: cover;background-position: right;border-radius: 10px;}
    .category_item .name{height: 58px;padding: 0 1rem;margin-top: 8px;}
    .category_item .name span{margin-top: 0;font-size: 16px;}
    .catalog_element{margin-bottom: 3rem;margin-top: 0;}
    .catalog_element .category{background: #E2E2E2;color: #2D2D2D;padding: 1rem 0;margin-bottom: 0;text-align: center;font-size: 20px;margin-top: -14px;font-weight: 700;letter-spacing: 0.9px;}
    .catalog_element .article{margin-top: 8px;font-size: 11px;padding-left: 0;text-align: center;}
    .catalog_element .stiker{height: 60px;margin-bottom: 0;}
    .catalog_element .stiker .new{height: 60px;width: 65px;}
    .catalog_element .full_photo{width: 100%;height: 502px;margin-top: 0rem;margin-bottom: 2rem;display: flex;align-items: center;justify-content: center;align-content: center;}
    .catalog_element .full_photo img{width: 40%;}
    .col-7.catalog_element_text{padding-left: 0;}
    .catalog_element h1{font-size: 24px;margin-bottom: 16px;margin-top: 0;padding: 0 1rem;font-family: Inter;font-weight: 800;}
    .catalog_element .prev_description{font-size: 20px;padding: 0 1rem;}
    .catalog_element .description{padding: 3rem 1rem;padding-top: 3rem;margin-top: 4rem;}
    .catalog_element .description li{font-size: 20px;margin-left: 2rem;padding-bottom: 1.5rem;}
    .catalog_element_b_panel{margin-top: 2rem;flex-direction: column;}
    .catalog_element_socials{margin-right: 0;order: 2;justify-content: center;}
    .catalog_element_socials span{font-size: 20px;margin-right: 0;}
    .catalog_element_b_panel .btn, .contacts_page .btn{height: 60px;font-size: 16px;margin-bottom: 2rem;}
    .socials a{width: 25px;height: 25px;margin-right: 1rem;}
    .about_page, .contacts_page{margin-bottom: 1rem;}
    .about_page .title, .contacts_page .title{}
    .about_page .pingo_history .name{font-size: 22px;padding-bottom: 1rem;text-align: center;}
    .about_page .pingo_history p{font-size: 15px;margin-bottom: 1rem;text-align: center;}
    .about_page .block{flex-direction: column;margin-top: 1rem;}
    .about_page .block.block1 img{margin-bottom: 1rem;}
    .about_page .block p{font-size: 15px;}
    .contacts_page .contacts_block{margin: 2rem 0;}
    .contacts_page .contacts_block h2{font-size: 17px;margin-bottom: 1rem;}
    .contacts_page .contacts_block .description{font-size: 18px;}
    .cotacts_phone{flex-direction: column;}
    .cotacts_phone .socials{margin-left: 0;margin-top: 1rem;justify-content: flex-start;}
    .contacts_page .contacts_block .btn{margin-top: 1rem;width: 328px;height: 50px;font-size: 16px;}
    .contacts_page iframe{height: 479px;}
.catalog_element .stiker .hit{
    height: 25px;
    width: 30px;
}
}