/*body #block_filter_vier{
background: #fff;
box-shadow: 0 4px 24px rgba(0,0,0,.06);
border-radius: 4px;
}*/
#filter_vier .link_fv .checkb:before,
#filter_vier .link_fv .checka:before{    
    content: "";
    height: 18px !important;
    width: 18px !important;
    left: 0px;
    border: 1px solid #4C4C4C;
    background: none !important;
}
#filter_vier .link_fv .checka:before{
    content: "\e90a";
    font-family: 'icomoon' !important;
    font-size: 14px;
    padding-left: 2px;
    font-weight: 700;
    color: #4C4C4C;
}

body #block_filter_vier {
    margin-bottom: 0;
}
body #filter_vier{
padding: 20px 0 0;
display: block;
}
body #block_filter_vier .title_filter {
font-style: normal;
font-weight: 700;
font-size: 20px;
text-align: left;
line-height: 1.5;
color: #303030;
border: none;
}
body #filter_vier a ,
body #filter_vier span.imt_a{  
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
}
body #filter_vier .text_param {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1.2;
color: #4c4c4c;
margin-left: 10px;
/*display: grid;
grid-template-columns: 1fr auto;*/
align-items: center;
gap:10px;
}
body #filter_vier a .text_param .count_prod{
margin-left: auto;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1.25;
color: #4c4c4c;
/*float: right;*/
}
body .row_blok {
width: 100%;
}
body #filter_vier .block_param:not(:last-child){
border-bottom: 1px solid #4c4c4c;
margin-bottom: 15px;
transition: .5s ease-in-out;
padding-bottom: 24px;
}
body #filter_vier .link_fv .checkb:before, 
body #filter_vier .link_fv .checka:before {
height: 24px;
}

body .onli_param {scrollbar-width: inherit;scrollbar-color: inherit; }


body .onli_param.scropis::-webkit-scrollbar{
    width: 10px;
    background-color: #4c4c4c;
    border-radius: 100px;
}
body .onli_param.scropis::-webkit-scrollbar-thumb{
    border-radius: 100px;
    background-color: #4399FF;
}
body .onli_param.scropis::-webkit-scrollbar-track{
    border-radius: 100px;
    background-color: #4c4c4c;
}


#reply-block input::-moz-placeholder {
    color: #4C4C4C;
 }
 
 #reply-block input::-webkit-input-placeholder {
    color: #4C4C4C;
 }
 
 #reply-block textarea:-moz-placeholder {
    color: #4C4C4C;
 }
 
 #reply-block textarea::-webkit-input-placeholder {
    color: #4C4C4C;
 }


:focus::-moz-placeholder {
   color: transparent;
}

:focus:-moz-placeholder {
   color: transparent;
}

:focus:-ms-input-placeholder {
   color: transparent;
}

.dropdown-menu {
   min-width: 100%;
}

.dropdown-menu>li>a {
   padding: 3px 10px;
}

.common-home .header-type-2 header {
   border: none;
   margin: 0;
}

#header {
   font-family: 'Open Sans';
   border-bottom: 1px solid rgba(47, 49, 50, 0.12);
   padding: 15px 0;
   background: #EFF1F4;
}

#header .logo a img{
    display: block;
    max-width: 100% !important;
}

#header .logo a svg{
    display: block;
    max-width: 100% !important;
}

#header .header-phones {
   text-align: center;
}

#header .header-phones>div {
   display: flex;
   align-items: center;
}
#header .header-phones>div >svg {
    margin:2px 5px 0 0;
 }
 #header .header-phones a.header_email{
    margin:2px 0 0 25px;
 }
#header .header-phones .dropdown-toggle svg {
   margin-bottom: 3px;
}
#header .link-way a.btn.btn-info {
    padding: 8px 15px!important;
    font-weight: 500;
    margin-top: 0;
    display: grid;
    align-items: center;
    width: 185px;
    gap: 10px;
    grid-template-columns: 1fr auto;
    font-size: 12px;
}
#header .header-phones a {
   font-weight: 600;
   font-size: 14px;
   line-height: 25px;
   color: #2F3132;
}

#header .link-way {
    line-height: 10px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center;
}

#header .link-way span {
   font-weight: 600;
   font-size: 12px;
   line-height: 19px;
   color: #2F3132;
   display: block;
}

#header .link-way a.link {
   font-weight: 600;
   font-size: 10px;
   line-height: 14px;
   text-decoration-line: underline;
   color: #348AF4;
}

#header .nav-links {
   display: flex;
   padding: 0;
   margin: 0;
   list-style: none;
   justify-content: space-evenly;
   max-width: 300px;
}

#header .nav-links a {
   font-weight: 400;
   font-size: 12px;
   line-height: 16px;
   color: #2F3132;
}

#currency_form {
   margin-right: 27px;
}

#currency_form>div>a {
   background: #EFF1F4;
   border-radius: 5px;
   padding: 8px;
   font-size: 12px;
   line-height: 16px;
   font-weight: 600;
   color: #2F3132;
}

#currency_form>div>a svg {
   margin-bottom: 2px;
}

#language_form a {
   font-weight: 600;
   font-size: 12px;
   line-height: 16px;
   color: #2F3132;
   padding-left: 8px;
}

#language_form a.current {
   color: rgba(47, 49, 50, 0.24);
}

#header .container>div {
   display: grid;
   grid-template-columns: 160px 1fr;
   align-items: center;
   gap: 10px;
}

#header .container>div .mob-menu-new > div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    align-items: center;
    gap: 10px;
 }
header .mob-label{
    display: none;
}
#header .nav-currency-lang {
   display: grid;
   grid-template-columns: 1fr auto auto;
}

header #top .container>div {
   display: grid;
   grid-template-columns: auto 1fr auto;
   grid-gap: 30px;
   align-items: center;
}

header #top .container-custom-megamenu {
   width: 330px;
   height: 48px;
   background: linear-gradient(232.89deg, #09ADF3 10.04%, #82F1F8 106.95%);
   border-radius: 5px;
}

header #top .container-custom-megamenu .megamenuToogle-wrapper {
   background: none;
   font-weight: 700;
   font-size: 17px;
   line-height: 19px;
   color: #FFFFFF;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0 14px;
}

header #top .container-custom-megamenu .megamenuToogle-wrapper svg path {
   stroke: #fff;
}

header #top .search_form {
   background: #FFFFFF;
   border: 1px solid rgba(47, 49, 50, 0.16);
   border-radius: 5px;
   font-weight: 300;
   font-size: 12px;
   line-height: 16px;
   margin: 0;
   width: 100%;
}

header #top .search_form input::-moz-placeholder,
header #top .search_form input::-webkit-input-placeholder {
   font-weight: 300;
   font-size: 12px;
   line-height: 16px;
   color: rgba(47, 49, 50, 0.4);
}

header #top .button-search {
   background: url(img/search-btn.svg) no-repeat center;
   height: 16px;
   width: 16px;
   position: absolute;
   top: 3px;
   right: 15px;
   height: 100%;
}

header #top .search_form input {
   border-radius: 5px;
}

header #top .search_form .button-search:before {
   display: none;
}

header #top #header-right {
   padding: 0;
   display: flex;
}

header #top .container {
   padding-top: 15px;
   padding-bottom: 15px;
}

#top #cart_block .cart-heading .basket-item-count .count,
.mob-menu-new .cart-heading .basket-item-count .count {
    background: linear-gradient(232.89deg, #09ADF3 10.04%, #82F1F8 106.95%),
    linear-gradient(0deg, #FFFFFF, #FFFFFF);
    
   border: 2px solid #FFFFFF;
}
.mob-menu-new .cart-heading .basket-item-count{
    position: relative;
}
.mob-menu-new .cart-heading .mob-label{
    font-size: 13px;
    color: #2F3132;
    font-weight: bold;
}
.mob-menu-new .cart-heading{
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 20px;
    margin-bottom: 10px;
}
.mob-menu-new .cart-heading .basket-item-count .count {
    position: absolute;
    color: #fff;
    top: 5px;
    right: 12px;
    border-radius: 100px;
    width: 21px;
    height: 21px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
#top #cart_block .cart-heading .basket-item-count .count,
.mob-menu-new .cart-heading .basket-item-count .count {
   top: -5px;
   right: -50%;
   width: 16px;
   height: 16px;
   font-size: 8px;
   font-weight: normal;
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 16px;
}

#top #cart_block .cart-heading {
   margin-right: 30px;
}

.filter-product .filter-tabs ul>li>a {
   height: 70px;
   font-weight: 400;
   font-size: 16px;
   line-height: 35px;
   color: rgba(47, 49, 50, 0.3);
   background: none;
   padding: 0 20px 0 0;
   display: flex;
   align-items: center;
}

.filter-product .filter-tabs ul>li.active>a,
.filter-product .filter-tabs ul>li.active>a:hover,
.filter-product .filter-tabs ul>li.active>a:focus,
.filter-product .filter-tabs ul>li>a:hover,
.filter-product .filter-tabs ul>li>a:focus {
   background: none;
   font-weight: 600;
   font-size: 26px;
   line-height: 35px;
   color: #2F3132;
   padding: 0 20px 0 0;
}

.product-grid .product {
   margin: 0px 10px 10px!important;
   padding: 0;
   text-align: center;
   position: relative;
   background: #FFFFFF;
   border: 1px solid rgba(47, 49, 50, 0.06);
   border-radius: 5px;
}
.sticker-catalog{
    right:0!important;
    top:2.5%;
}
.sticker-product{
    top:2.5%;
}
.sticker-catalog > div > div, .sticker-product > div > div {
   position: relative;
   z-index: 100;
   margin-left: 11px;
   padding: 4px 14px;
   text-shadow: none;
   text-transform: uppercase;
   background-size: contain !important;
   background-repeat-x: no-repeat !important;
   background-color: #348af4 !important;
   padding-left: 38px;
}
.sticker-catalog > div:after,
.sticker-product > div:after {
    content: "";
    display: inline-block;
    border-top-width: 28px;
    border-top-style: solid;
    border-right: 0px;
    border-left: 14px solid transparent;
    height: 0;
    min-width: 68px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.sale.ribbon:after {
   border-top-color: #D90026 !important;
}
.sticker-catalog > div:after,
.sticker-product > div:after,
.bestseller.ribbon:after {
   border-top-color: #348AF4 !important;
}
.sticker-catalog > div:after,
.sticker-product > div:after,
.ribbon:after {
   border-top-width: 20px;
   min-width: 20px;
}
.sticker-catalog > div,
.sticker-product > div,
.ribbon {
   font-weight: 700;
   font-size: 8px;
   line-height: 11px;
   color: #fff;
   position: relative;
   border-radius:0;
}

.ribbon:nth-child(2) {
   margin-top: 25px;
}

.product-grid .product .name a {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    order: 1;
    margin-bottom: 10px;
    color: #2F3132;
    height: 79px;
    overflow: hidden;
}

.product-grid .product .name .brand {
   font-weight: 400;
   font-size: 8px;
   line-height: 11px;
   margin: 8px 0 0px 0;
   color: rgba(47, 49, 50, 0.65);
}

.product-grid .product .name .rating {
    text-align: left;
    padding-bottom: 3px;
    order: 2;
    position: absolute;
    right: 0;
    top: 4px;
}

.product-grid .product .name {
   display: flex;
   border: none;
   margin: 0 15px 10px 15px;
   flex-direction: column;
}

.product-grid .product .price .price-old {
   font-weight: 400;
   font-size: 10px;
   line-height: 14px;
   text-decoration-line: line-through;
   float: none;
   color: rgba(47, 49, 50, 0.17);
   order: 1;
}

.product-grid .product .price .price-new {
   font-weight: 700;
   font-size: 14px;
   line-height: 19px;
   float: none;
   color: #2F3132;
}

.product-grid .product .price {
   display: grid;
   grid-template-columns: auto auto;
   grid-gap: 10px;
   justify-content: flex-start;
   margin: 0 15px 15px 15px;
   padding: 0;
}
.product-grid .product .only-hover ul{
    position: absolute;
   margin: 0!important;
   top:5px;
   right: 0;

}

.product-grid .product .only-hover ul li a{
   font-size: 0!important;
}

.product-grid .product .only-hover .button {
   background: #348AF4;
   border-radius: 5px;
   font-weight: 700;
   font-size: 10px;
   line-height: 14px;
   bottom: 15px;
   text-align: center;
   color: #FFFFFF;
   width: calc(100% - 30px);
   padding: 10px 20px;
   left:15px;
   right: 15px;
   position: absolute;
   top:inherit;
}

.product-grid .product-hover .only-hover {
   opacity: 0;
   padding: 0 15px 15px 15px !important;
   border: none;
   left: 0;
   right: 0;
   border-radius: 0;
   text-align: center;
}

.product-grid .product-hover:hover .only-hover {
   position: static;
   bottom:0;
   padding: 0!important;
   transition: opacity 0.5s ease-in-out;
}
.progress{
    display:none!important;
}
.product-grid .product-hover:hover .only-hover:before,
.product-grid .product-hover:hover .only-hover:after {
   display: none;
}

.box .box-heading {
   font-weight: 600;
   font-size: 26px;
   line-height: 35px;
   margin-bottom: 16px;
   color: #2F3132;
   display: flex;
   align-items: center;
}

.box .box-heading img {
   margin: 0 10px;
}

.blog-module .box-content {
   background: #EFF1F4;
   border-radius: 5px;
   padding: 40px 35px;
}

.blog-module .box-content ul {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-gap: 20px;
}

.blog-latest-posts ul li {
   margin: 0;
}

.blog-latest-posts h5 {
   font-weight: 400;
   font-size: 14px;
   line-height: 19px;
   color: #2F3132;
   margin-bottom: 7px;
}

.blog-latest-posts .desc {
   font-weight: 400;
   font-size: 8px;
   line-height: 155.68%;
   color: rgba(47, 49, 50, 0.58);
}

.html-module {
   font-weight: 400;
   font-size: 14px;
   line-height: 28px;
   color: #2F3132;
}

.html-module h1,
.html-module h2,
.html-module h3 {
   font-weight: 600;
   font-size: 26px;
   line-height: 35px;
   color: #2F3132;
}

.html-module p {
   margin: 10px 0 30px 0;
}


.strip-line,
.carousel-brands>.prev,
.carousel-brands>.next {
   display: none;
}

.carousel-brands .item {
   border: 1px solid rgba(47, 49, 50, 0.06);
   border-radius: 5px;
}

.tp-bannershadow {
   display: none;
}

.banner-home .rev_slider_wrapper,
.banner-home .rev_slider {
   margin-top: 0 !important;
   max-height: 425px !important;
   border-radius: 6px;
}

.banner-home li {
   border-radius: 6px;
}

.banner-home {
   display: grid;
   grid-template-columns: auto 300px;
   grid-gap: 30px;
}

.banner-small>div:first-child {
   margin-bottom: 30px;
}

.category-wall {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   grid-gap: 15px;
}

.category-wall>div {
   background: #E0F1FD;
   border-radius: 5px;
   padding: 25px 20px;

}

.category-wall .image {
   display: block;
   text-align: center;
   position: relative;
}

.category-wall .name {
   padding: 10px 0 0;
   text-align: left;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   display: -webkit-box;
}

.category-wall .name a {
   font-weight: 700;
   font-size: 16px;
   line-height: 127.18%;
   text-align: left;


   color: #2F3132;
}

.box-youtube .box-content {
   background: #EFF1F4;
   border-radius: 5px;
   padding: 40px 35px;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-gap: 20px;

}

.box-youtube .box-content .title {
   font-size: 14px;
   line-height: 19px;

   color: #2F3132;
}

.box-home-tabs .htabs:after,
.box-home-tabs .htabs:before {
   display: none;
}

.box-home-tabs .htabs {
   margin: 0;
   display: flex;
   justify-content: space-between;
}

.box-home-tabs .htabs a {
   font-family: 'Open Sans';
   font-weight: 400;
   font-size: 16px;
   line-height: 22px;
   padding: 0 0 7px 0;
   margin: 0 10px;
   background: none;
   border: none;
   box-shadow: none;
   color: #2F3132;

}

.box-home-tabs .htabs a:hover,
.box-home-tabs .htabs a.selected {
   color: #348AF4;

}

.box-home-tabs .htabs a:hover:after,
.box-home-tabs .htabs a.selected:after {
   content: '';
   border-bottom: 2px solid #348AF4;
   display: block;
   width: 100%;
}

.box-home-tabs .tab-content {
   background: #EFF1F4;
   border-radius: 5px;
   padding: 60px 20px;
   margin-top: -7px;
   display: none;
}

.box-home-tabs .tab-content>div {
   display: grid;
   grid-template-columns: 1fr 1fr;

}

.box-home-tabs .tab-content .title {
   font-weight: 600;
   font-size: 22px;
   line-height: 30px;
   margin-bottom: 15px;

   color: #2F3132;
}

.box-home-tabs .tab-content .text {
   font-weight: 400;
   font-size: 14px;
   line-height: 23px;
   margin-bottom: 30px;
   color: #2F3132;

}

.box-home-tabs .tab-content .button {
   background: #EFF1F4;
   border: 1px solid #348AF4;
   border-radius: 5px;
   font-weight: 600;
   font-size: 14px;
   line-height: 161.68%;
   color: #348AF4 !important;
}

.box-home-tabs .tab-content .button:after {
   content: url('img/arrow-button.svg');
   margin-left: 10px;
}

.box-home-tabs .tab-content .desc {
   display: flex;
   align-items: center;
}

.module-hide {
   height: 500px;
   overflow: hidden;
   position: relative;
}
.box{
    padding:0;
}
.html-module,
.box .box-content.products,
.blog-module,
.box-youtube,
.category-wall,
.box-home-tabs>div{
   margin-bottom:70px;
}

.module-hide.open{
    height:auto;
}
.module-hide.open:after{
    display: none;
}
.module-hide:after {
   content: '';
   height: 100px;
   background: rgba(255, 255, 255, 0.7);
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
}

.button-more .more {
   font-weight: 400;
   font-size: 12px;
   line-height: 201.68%;
   text-decoration-line: underline;
   color: #348AF4;
   cursor: pointer;
}

.newsletter{
    background: #348AF4;
    border-radius: 5px;
    max-width: 850px;
    padding: 25px 50px;
    margin:0 auto;
    position: relative;
    top: 0;
    transform: translate(0,-50%);
}
.newsletter .box-content{
        display: grid;
    grid-template-columns: 180px 1fr;
    grid-gap:20px;
}
.newsletter-text{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
}

.newsletter input.email{
    background: #FFFFFF;
border-radius: 5px;
height:40px;
font-weight: 400;
font-size: 10px;
line-height: 14px;
padding:13px 18px;
width: 100%;


color: rgba(47, 49, 50, 0.59);
}
.newsletter .button {
    background: #2F3132!important;
    border-radius: 0px 5px 5px 0px;
    font-size: 10px;
    line-height: 20px;
    padding: 13px 25px;
    text-align: center;
    color: #FFFFFF;
    height: 40px;
}

.newsletter-input{
    display: grid;
    grid-template-columns: 1fr auto;
}
.footer{
    margin-top: 50px;
}
.footer .background, .standard-body .footer .background{
    background: #2F3132;
    border:none;
}
.footer .pattern{
    padding: 0;
}

.advanced-footer-panel .container > div{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    grid-gap:50px;
}

.advanced-footer-panel .h5,
.advanced-footer-panel h4{
    font-weight: 600;
font-size: 14px;
line-height: 201.68%;
color: #FFFFFF;
margin:0 0 25px 0;
padding: 0;
}

.footer ul li a{
    font-weight: 400;
font-size: 12px;
line-height: 137.68%;
/* identical to box height, or 17px */


color: #FFFFFF;
}
.footer-phones{
    margin-bottom:10px;
}
.footer-phones2{
    margin-bottom:45px;
}
.footer-phones a{
    display: block;
    font-weight: 400;
font-size: 12px;
line-height: 137.68%;
/* identical to box height, or 17px */
margin-top:20px;

color: #FFFFFF;

}
.footer-link-way{
    margin-bottom:45px;
}
.footer-link-way span{
    display:block;
    font-weight: 600;
font-size: 14px;
line-height: 201.68%;
/* or 28px */


color: #FFFFFF;
}

.footer-link-way a{
    font-weight: 400;
font-size: 12px;
line-height: 201.68%;


text-decoration-line: underline;

color: #348AF4;
}

.footer-social span{
    display: block;
    font-weight: 600;
font-size: 14px;
line-height: 201.68%;
margin-bottom:10px;


color: #FFFFFF;
}
.footer-social ul{
    list-style:none;
    display:flex;
    margin: 0;
    padding: 0;
}
.footer-social ul li{
    margin: 0 15px 0 0;
}
.footer-work{
    margin-bottom:20px;
}
.footer-copyright{
    margin-top:50px;
}
.footer-work,
.footer-work p,
.footer-copyright,
.footer-copyright p{
    font-weight: 400;
font-size: 12px;
line-height: 137.7%;
/* or 17px */


color: #FFFFFF;
}
.footer .pattern{
    padding-bottom: 40px;
}
.copyright .background, .standard-body .copyright .background {
    background: #2F3132;
}
.copyright .pattern .container{
    border-top: 1px solid rgba(255, 255, 255, 0.07);

}
.copyright .payment-methods li {
 background: none;
}
.copyright .payment-methods li img {
    filter: grayscale(0);
}

.carousel-brands {
    padding:0;
    margin-bottom: 40px;
}

.button, .le-button, .btn{
    background: linear-gradient(243.4deg, #09ADF3 10.52%, #82F1F8 118.94%);
border-radius: 5px;
max-height:43px;
padding:10px 30px;
}
.posts .post .date-published {
    background: none;
    color:#434343;
        font-weight: 400;
}


.breadcrumb{
    background: #EFF1F4;
    padding: 10px 0;
    border:none;
}
.breadcrumb .container ul li.item > a, .breadcrumb .container ul li.item > span {
    font-family: 'Roboto';
    background: none;
font-weight: 400;
font-size: 10px;
line-height: 12px;
border:none;
letter-spacing:inherit;
padding: 0;


color: rgba(47, 49, 50, 0.3);

}
.breadcrumb .container ul li.item > a:after {
    content: '-';
    padding:0 10px;

}
.breadcrumb .container ul li.item > span{
    color:#2F3132;
}
.breadcrumb .container ul li.item.open > a, .breadcrumb .container ul li.item:focus > a, .breadcrumb .container ul li.item:hover > a {
    background:none;
    color:#348AF4;
}

.post .meta > li{
    font-weight: 400;
font-size: 12px;
line-height: 161.68%;
/* or 19px */


color: #2F3132;
}
.post .meta {
    padding: 18px 0;
    border:none;
    margin:0;
}
.post .meta > li:before {
    color: #D9D9D9;
    font-size: 5px;
    margin-top: 0px;
}

.post .post-description {
    font-weight: 600;
font-size: 16px;
line-height: 161.68%;
/* or 26px */


color: #2F3132;
}
.post .post-content{
    font-weight: 400;
font-size: 14px;
line-height: 23px;

color: #2F3132;
}

.center-column h1, .center-column h2, .center-column h3, .center-column h4, .center-column h5, .center-column h6{
    font-weight: 600;
font-size: 16px;
line-height: 161.68%;
/* identical to box height, or 26px */

border:none;
color: #2F3132;
}

.box.blog-module-list .box-heading{
    font-weight: 700;
font-size: 16px;
line-height: 161.68%;
margin-bottom:10px;color: #2F3132;

}
.blog-module-list .news.v1{
    margin: 0;
}
.blog-module-list .news.v1 > div{
    background: #EFF1F4;
border-radius: 5px;
margin-bottom:15px;
position:relative;
padding:20px;
color: #2F3132;
}
.blog-module-list .news.v1 > div:after{
    content: '';
    position: absolute;
    display: block;
    width: 36px;
    top: 0;
    left:0; 
    background: #348AF4;
border-radius: 2px;
height:4px;
}
.blog-module-list .news.v1 h5{
    font-weight: 700;
font-size: 14px;
line-height: 161.68%;




}

.blog-module-list .news.v1 .date-published{
    font-weight: 400;
font-size: 10px;
line-height: 161.68%;
margin-bottom:10px;



}
.blog-module-list .news.v1 .desc{
    font-weight: 400;
font-size: 12px;
line-height: 161.68%;





}

.blog-module-list .news.v1 .media {
    padding-bottom: 0;
    margin-bottom: 0;
}

.product-info h1{
    font-weight: 600;
font-size: 26px;
line-height: 136.18%;
/* or 35px */


color: #2F3132;
}

.product-info .availability{
    font-weight: 600;
font-size: 12px;
line-height: 161.68%;
/* or 19px */


color: #2F3132;
}
.product-info .product-brand,
.product-info .product-model,
.product-info .product-model span{
    font-weight: 400;
font-size: 12px;
line-height: 161.68%;
/* or 19px */


color: #2F3132;
}
.product-info .product-brand a,
.product-info .product-model {
    font-weight:600;
}
.product-info .availability-review,
.product-info .product-name{
    letter-spacing: inherit;
    border-bottom: 1px solid rgba(47, 49, 50, 0.08);
    margin-bottom:10px;
}
.product-info .product-image img{
    border-radius:5px;
}
.product-info .product-image{
    background: #FFFFFF;
border: 1px solid rgba(47, 49, 50, 0.13);
border-radius: 5px;
}
.product-info .thumbnails-carousel .item{
    background: #FFFFFF;
border: 1px solid rgba(47, 49, 50, 0.13);
border-radius: 5px;
margin-right:5px!important;
}
.product-info .thumbnails-carousel .owl-buttons .owl-prev, .product-info .thumbnails-carousel .owl-buttons .owl-next{
    opacity:1;
    background: #EFF1F4;
border-radius: 3px;
height:100%;
}
.product-info .thumbnails-carousel .owl-buttons .owl-next:before,
.product-info .thumbnails-carousel .owl-buttons .owl-prev:before {
    content: '';
    background: url('img/slider-arrow.png') no-repeat center;
}
.product-info .thumbnails-carousel .owl-buttons .owl-prev:before {
    transform: rotate(180deg);
}
.product-info .thumbnails-carousel,
.overflow-thumbnails-carousel{
    margin: 0;
    border:none;
    padding:0;
}
.product-info .description {
   display:none;
}
.product-info .product-center .price .price-new {
    font-weight: 700;
font-size: 32px;
line-height: 161.68%;
/* identical to box height, or 52px */


color: #2F3132;
}

.product-info .product-center .price .price-old{
    font-weight: 600;
font-size: 16px;
line-height: 161.68%;
/* identical to box height, or 26px */

text-decoration-line: line-through;

color: rgba(47, 49, 50, 0.21);
}

.product-info .product-center .price{
    display: flex;
    align-items: baseline;
}
.radio label, .checkbox label{
    display: flex;
    align-items: center;
}
.radio label img, .checkbox label img{
    height: 32px;
    margin: 0 10px;
    border-radius: 5px;
}
.product-info .links a{
    background: #FFFFFF;
border: 1px solid rgba(47, 49, 50, 0.12);
border-radius: 5px;
height: 43px;
width: 43px;
padding:10px;
margin-right:8px;
}
.product-info .links a i{
    font-size:20px!important;
    margin:0!important
}
.product-info .cart .add-to-cart .quantity,
.product-info .cart .add-to-cart .quantity input{
    height:41px;
    max-width: 93px;
}
.product-info .cart .add-to-cart .quantity input{
    background: #FFFFFF;
border: 1px solid rgba(47, 49, 50, 0.12);
border-radius: 5px;
}
.product-info .cart .add-to-cart .quantity #q_up, .product-info .cart .add-to-cart .quantity #q_down {
    line-height: 32px;
margin:3px;
    background: rgba(224, 224, 224, 0.63);
border-radius: 3px;
width: 20px;
border:none;
}
.product-info .cart #button-cart, .product-info .cart .boc_order_btn{
    margin-left:12px;
}
.product-social-icons{
    margin-top:15px;
    border-top: 1px solid rgba(47, 49, 50, 0.09);
    padding:22px 0;
}
.product-social-icons ul{
    list-style:none;
    display:grid;
    grid-template-columns:repeat(5,32px);
    grid-gap:10px;
    padding:0;
    margin:0;
}

.htabs a{
    font-weight: 400;
font-size: 16px;
line-height: 22px;
/* identical to box height */


color: rgba(47, 49, 50, 0.37);
padding:0;
margin:0;
border:none;
background:none;

}


#tabs.htabs:after,
#tabs.htabs:before {
   display: none;
}

.inner-page #tabs.htabs {
   margin:50px 0 0 0;
   display: flex;
   justify-content: flex-start;
}

#tabs.htabs a {
   font-family: 'Open Sans';
   font-weight: 400;
   font-size: 16px;
   line-height: 22px;
   padding: 0 30px 7px 0;
   margin: 0 10px;
   background: none;
   border: none;
   box-shadow: none;
   color: rgba(47, 49, 50, 0.37);

}

#tabs.htabs a:hover,
#tabs.htabs a.selected {
   color: #348AF4;

}

#tabs.htabs a:hover:after,
#tabs.htabs a.selected:after {
   content: '';
   border-bottom: 2px solid #348AF4;
   display: block;
   width: 100%;
   margin-top: 5px;
}

.center-column .tab-content {
   background: #fff;
   border-radius: 5px;
   padding: 60px 20px;
   margin-top: -7px;
   border: 1px solid rgba(47, 49, 50, 0.08);
}

.inner-page .filter-product{
    margin-top:0;
}
.box .box-content.products{
    padding: 0;
}

.box > .prev, .box > .next {
    position: absolute;
    top: calc(50% - 12px);
    margin: 0;
    height: 20px;
    width: 20px;
    background: #EFF1F4;
    z-index: 30;
    border-radius: 50%;
}
.box > .prev{
    left:-10px;
}
.box > .next {
    right:-10px;
}
.box > a span:before {
    color: rgba(47, 49, 50, 0.67);
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.center-column .box {
    position: relative;
}
.center-column .product-grid,
.product-grid {
    margin: 0 -10px;
}

.product-accordeon:first-child{
    margin-top:50px;
}
.product-accordeon .accordeon-head{
    display: grid;
    grid-template-columns: 25px 1fr auto;
    align-items: center;
    padding: 10px 0;
    font-weight: 600;
font-size: 14px;
line-height: 161.68%;
color: #2F3132;
border-bottom: 1px dashed rgba(47, 49, 50, 0.29);

cursor: pointer;
}


.product-accordeon.open .accordeon-head,
.product-accordeon:last-child.open .accordeon-body{    
border: none;
}
.product-accordeon:last-child.open .accordeon-head,
.product-accordeon.open .accordeon-body{
border-bottom: 1px dashed rgba(47, 49, 50, 0.29);

}
.product-accordeon.open .accordeon-head svg{
    transform: rotate(180deg);
}
.product-accordeon .accordeon-head svg{
    margin-left:5px;
    transition: all 0.5s;
}
.product-accordeon .accordeon-body{
    font-weight: 400;
font-size: 12px;
line-height: 161.68%;
color: rgba(47, 49, 50, 0.83);
padding:15px 0 15px 25px;
display: none;
}
.product-accordeon .accordeon-head .green{
    color: #139557;
}
.product-accordeon .accordeon-body .accordeon-service{
    display: grid;
    grid-template-columns: 1fr 1fr;
    list-style: none;
    padding: 20px 0 0;
    grid-gap: 30px;
    margin-left: -20px;
}
.product-accordeon .accordeon-body .accordeon-service span{
    font-weight: 600;
font-size: 14px;
line-height: 161.68%;
color: #2F3132;
display: flex;
    align-items: center;
}
.product-accordeon .accordeon-body .accordeon-service span svg{
margin-right:10px;
}
.product-accordeon .accordeon-body .accordeon-service p{
font-weight: 400;
font-size: 12px;
line-height: 184.18%;
padding:7px 0 0 25px;


color: rgba(47, 49, 50, 0.83);
}
.product-accordeon .accordeon-body .accordeon-service p a{
    font-weight: 700;
font-size: 12px;
line-height: 184.18%;
    color: #348AF4;
}
.product-filter .options .button-group button:hover, .product-filter .options .button-group .active,
a:hover,
.product-info .links a:hover, .product-info .links a:hover i {
    color: #348AF4;
}
.dropdown .dropdown-menu {
    border-top-color: #348AF4;
}
.button:hover, .le-button:hover, .btn:hover{
    background:linear-gradient(243.4deg, #348AF4 10.52%, #348AF4 118.94%);
        transition: all 0.5s;
} 
.product-grid .product:hover .image .quickview a:hover, .product-list .row:hover .quickview a:hover {
    background: #348AF4;
    transition: all 0.5s;
}
.product-info .cart .add-to-cart .quantity #q_up:hover, .product-info .cart .add-to-cart .quantity #q_down:hover{
    background: #ccc;
    color:#3d3d3d;
}
.product-info .thumbnails-carousel:hover .owl-buttons .owl-prev:hover, .product-info .thumbnails-carousel:hover .owl-buttons .owl-next:hover{
    background: #ccc;
}

#head_filter{
    background: #348AF4;
    margin:0;
    display: flex;
    align-items:center;
    justify-content: center;
}
.title_filter{
    background: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 161.68%;
    color: #2F3132;
    border-bottom: 1px dashed rgba(47, 49, 50, 0.29);
}
.block_param{
    border:none;
}
.block_param a{
        color: #2F3132;
        font-size:14px;
}
.btn_fv {
    color: #2F3132!important; 
    text-shadow: none!important;
    background: none!important;
    box-shadow: none!important;
    border: 1px solid rgba(47, 49, 50, 0.29)!important;
    font-size: 14px;
}
.onli_param.scropis:not(.slid){
    margin: 10px 0;
}
.strel_fa_mob .fa {
    font-size: 10px !important;
}
.arrow_n_f * {
    display: block;
}

ul.pagination{
    display:flex;
    border:none;
    list-style: none;
    padding: 0;
}
div.pagination-results ul li a, div.pagination-results ul li span{
    padding: 0;
    font-size: 12px;
    border-radius: 50%;
    background: #EFF1F4;
    border: none;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
div.pagination-results ul li:hover a, div.pagination-results ul li:hover span, div.pagination-results ul li.active a, div.pagination-results ul li.active span {
    color: #fff;
    background: #348AF4;
}
div.pagination-results .text-right {
    padding: 0;
}
div.pagination-results {
    margin: 40px 0;
}
.header-menu{
    z-index: 101;
}
.vertical ul.megamenu strong{
    font-weight:normal!important;
}
.vertical ul.megamenu > li{
    /*border-bottom: 1px solid #e0e0e0;*/
}
.vertical ul.megamenu > li > a {
    color: #2F3132;
    padding: 10px;
    background: #fff!important;
    font-size: 17px;
}
.vertical ul.megamenu > li.active, .vertical ul.megamenu > li:hover,
.vertical ul.megamenu > li.active > a, .vertical ul.megamenu > li:hover > a{
        color: #2F3132!important;
    background: #f9f9f9!important;
    border-color: #e6e6e6;
}
ul.megamenu li .sub-menu .content {
    border: none!important;
}
ul.megamenu li .sub-menu .content .hover-menu li:hover > a {
    color: #348AF4;
}
ul.megamenu li .sub-menu .content .hover-menu li:hover {
    background: #fff;
}

#content a{
    color:#348AF4;
}
#content .section-title,
#content h1,
#content h2,
#content h3,
#content h4{
    font-weight: 600;
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 16px;
    color: #2F3132;
    display: flex;
    align-items: center;
    justify-content: center;
}
#content,
.panel-body{
    font-weight: 400;
    font-size: 14px;
    line-height: 161.68%;
    color: rgba(47, 49, 50, 0.83);
    /* padding: 15px 0 15px 25px; */
}
.cart-total {
    overflow: hidden;
}

#content h4.panel-title{
    justify-content: flex-start;
    margin: 0;
}
#content h4.panel-title a{
    color:#2F3132;   
}
#content h4.panel-title:hover a,
.faq-area .faq-section .panel-faq .panel-heading .panel-title > a:after, .faq-area .faq-section .panel-faq .panel-heading .panel-title:hover > a.collapsed:after {
    color: #348AF4;
}
.faq-area .faq-section .panel-faq .panel-heading .panel-title a, .faq-area .faq-section .panel-faq .panel-heading .panel-title span {
    padding: 15px 0;
    display: block;
    font-size: 20px;
    font-weight: normal !important;
}





.post .meta{
    padding:0;
}
.posts .post .post-title{
    font-size: 18px!important;
    line-height:24px!important;
    height:45px;
    overflow: hidden;
    display:block!important;
}
.posts .post .post-description {
    height:120px;
    overflow: hidden;
    font-size: 14px;
}
.posts{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-gap:20px;
    padding:0;
}
.posts .post{
    padding-left:0;
    margin-left:0;
}
.htabs-arrow,
.search-mob-btn,
.menu-mob-btn{
    display:none;
}
.pagination-results .text-right{
    display:none;
}

#content .article-next-prev{
    display: flex;
    justify-content: space-between;
}
#content .article-next-prev > div{
    display: grid;
    align-items:center;
    padding: 10px 15px;
    background: #EFF1F4;
    border-radius: 5px;
    grid-gap:7px;
    grid-template-columns:auto 1fr;
}
#content .article-next-prev > div a{
    font-weight: 600;
    font-size: 12px;
    line-height: 161.68%;
    color: #2F3132;
}
#content .comments{
    margin-top:50px;
}
#content .comments h3{
    font-weight: 600!important;
    font-size: 20px;
    line-height: 136.18%;
    text-align:left;
    color: #2F3132;
    display: block;
    border:none;
    margin:0;
}
#content .comments p{
    font-weight: 400;
    font-size: 14px;
    line-height: 136.18%;
    color: #2F3132;
    margin-bottom:15px;
}


#reply-block{
    background: #4C4C4C;
    border-radius: 30px;
    padding-top: clamp(1.25rem, 0.69rem + 2.39vw, 3.125rem);
    padding-bottom: clamp(1.25rem, 0.69rem + 2.39vw, 3.125rem);
    padding-inline: clamp(0.938rem, 0.284rem + 2.79vw, 3.125rem);
    width: 100%;
    max-width: 750px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 102;
    transform: translate(-50%,-50%);
    display:none;
    font-family: "Open Sans", sans-serif;
}
#content #reply-block h3{
    margin: 0;
    font-weight: 800;
    font-size: 25px;
    margin-bottom: clamp(0.938rem, 0.751rem + 0.8vw, 1.563rem);
    text-transform: uppercase;
    padding: 0;
}
#reply-block .close_modal svg{
    width:16px;
    height:16px;
}
#reply-block .close_modal svg path{
    fill:#fff;
}
#reply-block > div{
    position: relative;
}
#reply-block form{
    margin:0 auto;
    text-align: center;
}
#reply-block form #button-comment{
    display: inline-flex    ;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-inline: 30px;
    padding-top: clamp(0.625rem, 0.532rem + 0.4vw, 0.938rem);
    padding-bottom: clamp(0.625rem, 0.532rem + 0.4vw, 0.938rem);
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: clamp(1.125rem, 1.088rem + 0.16vw, 1.25rem);
    font-weight: 700;
    line-height: 1.35;
    border-radius: 35px;
    background: var(--mainColor);
    transition: 0.5s;
    cursor: pointer;
    margin: 0;
    max-height: 100%;
}
#reply-block form #button-comment:hover {
    background: #0059C1;
    text-decoration: none;
}
#reply-block form input,
#reply-block form textarea{
    height: clamp(3.125rem, 2.994rem + 0.56vw, 3.563rem);
    width: 100%;
    border: 1px solid #fff;
    border-radius: 25px;
    color: #4C4C4C;
    padding-left: clamp(1.563rem, 1.469rem + 0.4vw, 1.875rem);
    padding-right: clamp(1.563rem, 1.469rem + 0.4vw, 1.875rem);
    margin-bottom: clamp(0.938rem, 0.844rem + 0.4vw, 1.25rem);
   font-size: clamp(0.875rem, 0.763rem + 0.48vw, 1.25rem);
}
#reply-block form textarea{
    height: 200px;
}
#reply-block h3{
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #2F3132;
    border:none;
    margin:0;
}
#reply-block > div > p{
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    border:none;
    margin: 0 0 15px 0;
}
.reply-bg{
    position: fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background: rgba(47, 49, 50, 0.76);
    z-index: 101;
    display: none;
}
.close_modal{
    position: absolute;
    top: 10px;
    right:10px;
    cursor: pointer;
}
#cart_block .checkout {
    padding: 11px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}
#cart_content_ajax img {
    max-width: 100%;
    width: 50px;
    overflow: hidden;
}
#cart_block .checkout a.btn-view-cart{
    padding: 10px!important;
    color:#fff!important;
    font-weight:bold;
}
.category-item{
    background: #EFF1F4;
    border-radius:10px;
    padding: 10px;
}
.category-item .btn {
   /* white-space: nowrap; */
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   max-height: 60px;
   height: 60px;
   font-size: 14px;
   padding: 5px 5px !important;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-content: center;
   justify-content: center;
   align-items: center;
}
.category-item .btn span {
   height: initial;
}
#boc_order .modal-header{
    background: #4c4c4c;
    border:none;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #fff;    
    border-radius: 30px 30px 0 0;
    margin-bottom: 25px;
}
.modal-content{
    background: #2d2d2d;
    box-shadow: none;
}
#boc_order .modal-header button.close {
    font-size: 32px;
    margin-right: 15px;
}
#boc_order .has-warning .input-group-addon{
    display:none
}
body .btn.active.focus, 
body .btn.active:focus, 
body .btn.focus, 
body .btn:active.focus, 
body .btn:active:focus, 
body .btn:focus {
    outline: none !important;
    outline-offset: 0 !important;
}

body .modal-content{
    background: #2D2D2D;
    border-radius:30px;
}
#boc_order hr{
    display: none;
}
#boc_order .input-group input{
    border: 1px solid #EFF1F4;
    background: #fff;
    height: 100%;
    border: 1px solid #fff;
    width: 100%;
    border-radius: 60px;
    color: #4C4C4C;
    padding-left: 30px;
    padding-right: 30px;
    font-size: clamp(0.938rem, 0.844rem + 0.4vw, 1.25rem);

}
.modal-dialog{
    max-width: 400px;
}
#boc_order .modal-body {
    padding: 0px;
}
#boc_order #boc_submit {
    margin:0;
    text-transform: none;
    max-height: 100%;
    width: 100%;
}
#boc_order  .modal-footer > div{
    width: 100%;
}
#boc_order #boc_submit:hover{
    background: #0059C1;
}
#boc_order .modal-footer {
    padding: 0 0 20px 0;
    text-align: center;
}
#boc_order .input-group.has-error input, #boc_order .form-group.has-error textarea {
    border:1px solid #ff6666;
    color: #ff6666;
    background:#fff!important;
}
#boc_order .input-group {
    width: 100%;
}
.blog-module-list{
    margin-bottom:30px;
}
/*[data-notify="container"]{
    display:none!important;
}*/

.col-md-3 .blog-related{
    margin-top:35px;
}
.col-md-3 .blog-related  .box-heading{
    font-weight: 700;
font-size: 16px;
line-height: 161.68%;
color: #2F3132;
margin: 0;
padding: 0;
}
.blog-related .product{
    background: #EFF1F4;
border-radius: 5px;
padding:15px!important;
display:grid;
grid-template-columns: 84px auto;
grid-gap:10px;
}
.col-md-3 .blog-related .products .row > div .product .name a{
    font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #2F3132;
padding: 0;
margin:0;
}
.col-md-3 .blog-related .products .row > div .product .name .brand{
    display:block;
    font-weight: 400;
font-size: 8px;
line-height: 11px;
color: rgba(47, 49, 50, 0.65);
}
.col-md-3 .blog-related .products .row > div .product .image{
    overflow: hidden;
    width:84px;
    height:84px;
}
.col-md-3 .blog-related .products .row > div .product .price{
    font-weight: 700;
font-size: 14px;
line-height: 19px;
color: #2F3132;
}
.col-md-3 .blog-related .products .row > div .product .price .price-old{
    font-weight: 400;
font-size: 10px;
line-height: 14px;
/* identical to box height */

text-decoration-line: line-through;

color: rgba(47, 49, 50, 0.17);
}
.tp-bannertimer{
    display: none!important;
}
.footer ul li a:hover {
    color: #348AF4;
}

.tab-bg{
    position: fixed;
    z-index: 102;
    left: 0px;
    top: 0px;
    bottom:0;
    right:0;
    background: rgba(47, 49, 50, 0.76);
    display: none;
}
.tab-modal{
    padding:50px 100px;
    position: fixed;
    background: #EFF1F4;
    border-radius: 5px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    max-width:750px;
    z-index: 103;
    display: none;
    width:100%;
}
.tab-modal .title{
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-align: center;    
    color: #2F3132;
    margin-bottom:25px;
}
.tab-modal .close{
    position: absolute;
    top: 20px;
    right: 20px;
}
.tab-modal .body .form{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:20px;
}
.tab-modal .body .form .field{
    margin-bottom:10px;
}
.tab-modal .body .form input{
    padding:15px 20px;
    background: #FFFFFF;
    border-radius: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 149.69%;
    color: rgba(47, 49, 50, 0.68);
    width: 100%;
}
.tab-modal .body .form .error input{
    border:1px solid red;
}
.tab-modal .body .form button{
    background: linear-gradient(232.89deg, #09ADF3 10.04%, #82F1F8 106.95%);
    border-radius: 5px;
    border:none;
    font-weight: 600;
    font-size: 14px;
    line-height: 161.68%;
    text-align:center;
    color: #FFFFFF;
    padding: 15px;
    width: 100%;

}

ul.megamenu .megamenu-label {
    position: relative;
    top: 0;
    left: 0;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
}
#mob-link-way{
    display: none;
    position: fixed;
    bottom: 20px;
    left: 10px;
    background: #5CAEFF;
    z-index: 177;
    height: 56px;
    width: 56px;
}
#mob-link-way .text{
    display: flex;    
    align-items: center;
    justify-content: center;
    color:#fff;
    font-size: 9px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    height: 100%;
    transform: perspective(400px) rotateY(-180deg) scale(0);
    transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1),transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
#mob-link-way .text,
#mob-link-way .img{
    opacity: 0;
    position: absolute;
    top: 0;
    bottom:0;
    right:0;
    left:0;    
    display: flex; 
    align-items: center;
    justify-content: center;
}
#mob-link-way .img.active,
#mob-link-way .text.active{
    opacity: 1;
}
#mob-link-way .img.active img,
#mob-link-way .text.active{
    transform: perspective(400px) rotateY(0) scale(1);
}
#mob-link-way img{
    transform: perspective(400px) rotateY(-180deg) scale(0);
    transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1),transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    display: block;
}

/*@media (min-width: 992px){
.header-menu ul.megamenu{
    max-height: 237px;
    overflow:auto;
    overflow-x: hidden;
    position: static!important;
}
.header-menu ul.megamenu > li{
    position: static!important;
}
.header-menu ul.megamenu::-webkit-scrollbar{
  width: 4px;
}
.header-menu ul.megamenu::-webkit-scrollbar-track {
     background: #e0e0e0; 
}
.header-menu ul.megamenu::-webkit-scrollbar-thumb {
    background-color: #348AF4;
    background-clip: content-box;
}
.vertical ul.megamenu > li:last-child > a {
    border-bottom: none;
    border-radius: 0;
}
}*/

/*MEDIA*/
.mob-menu-new .profile-row{
    display: none;
}
@media (max-width: 1200px){
    #header .link-way {
        grid-template-columns: 1fr;
    }
    #header .link-way a.btn.btn-info {
        margin: 0 auto;
    }
}
@media (max-width: 992px){
    #header .container>div .mob-menu-new{
        display: none;
        position: absolute;
        top: 152px;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 190;
        max-width: 768px;
        margin: 0 auto;
    }
    #header .container>div .mob-menu-new >div{
        grid-template-columns: 1fr;
        padding: 15px;
        gap: 0;
    }
    #header .nav-links{
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        border-top: 1px solid #2F313229;
        padding: 20px 10px;
        max-width: 100%;
        order: 3;
    }
    #header .profile-row{
        display: block;
        order:0;
        padding: 20px 10px;
        border-top: 1px solid #2F313229;
    }
    #header .profile-row .mob-label{
        display: block;
    }
    #header .profile-row .dropdown > a{
        display: grid;
        grid-template-columns: 20px 1fr;
        gap: 20px;
        font-size: 13px;
        color:#2F3132;
        font-weight: bold;
    }
    #header .nav-currency-lang{
        order: 4;
        padding: 0 10px;
    }
    #header .nav-currency-lang #language_form a{
        padding-left: 0;
        padding-right: 8px;
    }
    #header .link-way{
        border-top: 1px solid #2F313229;
        order: 2;
        padding: 20px 10px;
        text-align: left;
    }
    #header .link-way a.btn.btn-info{
        margin: 0;
    }
    #header .header-phones{
        order: 1;
        border-top: 1px solid #2F313229;
        padding: 20px 10px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
    #header .header-phones a.header_email{
        margin: 0;
        display: grid;
        grid-template-columns: 20px 1fr;
        align-items: center;
        text-align: left;
        gap: 20px;
        max-width: 250px;
    }
    #header .header-phones a.header_email .mob-label{
        display: block;
    }
    #header .header-phones>div{
        display: grid;
        grid-template-columns: 20px 130px 1px;
        text-align: left;
        gap: 20px;
    }
    #header .header-phones>div .dropdown-toggle.link{
        margin-left: -15px;
    }
    #header .header-phones .dropdown-menu{
        max-width: 200px;
        min-width: 200px;
    }
    #header .header-phones svg path{
        stroke:#292D32;
    }
    #top > .container{
        position: relative;
    }
    header #top #header-right{
        position: absolute!important;
        top: -52px!important;
        right: 20px!important;
        width: auto;
    }
    #top #cart_block .cart-heading {
        margin-right: 20px;
    }
    header #top .container>div {
        grid-template-columns: auto 1fr;
    }
    .menu-mob-btn{
        display:block;
        margin-right: 20px;
    }
    .menu-mob-btn .menu-bar{
        position: relative;
        top:2px;
    }
    .menu-mob-btn .menu-close{
        position: relative;
        top:-6px;
        right:-10px;
        display: none;
    }


    #currency_form {
        margin-right: 0;
    }
    .banner-home {
        grid-template-columns: 1fr;
    }
    .banner-home .banner-small{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap:20px;
    }
    .banner-image {
        width:100%;
    }
    .box-product .product-grid .row > div{
        margin-bottom: 20px;
    }
    .box-home-tabs .htabs {
        flex-direction: column;
    }
    .box-home-tabs .htabs a{
        display:none!important;
    }
    .box-home-tabs .htabs a.selected{
        display:block!important;
    }
    .category-wall{
        grid-template-columns: repeat(5, 200px);
        overflow: scroll;
    }
    .box-youtube .box-content,
    .blog-module .box-content ul {
        grid-template-columns: repeat(2, 1fr);
    }
    .blog-module .box-content ul img,
    .box-youtube .box-content .image img {
        width:100%;
    }
    .advanced-footer-panel .container > div {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
    .newsletter .box-content {
        grid-template-columns: 1fr;
    }
    .htabs-block{
        display:grid;
        grid-template-columns:1fr auto;
        margin-bottom:10px;
    }
    .htabs-arrow{
        display:grid;
        grid-template-columns:1fr 1fr;
        grid-gap:5px;
    }
    .htabs-arrow > div{
        width: 24px;
        height: 24px;
        background: #EFF1F4;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .htabs-arrow > div:first-child{
        transform: rotate(180deg);
    }
    #tabs.htabs a:after{
        display:none!important;
    }
    .posts {
        grid-template-columns: repeat(2,1fr);
    }
    .product-grid .product-hover .only-hover:after{
        display:none;
    }
    .category-info .image{
        float:none;
    }
    #product .add-to-cart:before,
    #product .add-to-cart:after,
    #product .add-to-cart input[type=hidden]{
        display:none;
    }
    #product .add-to-cart{
        display: grid;
        grid-template-columns: 1fr;
        grid-gap:10px;
    }
    .product-info .links{
        order: 2;
        margin: 0;
        padding: 0;
    }
    .product-info .cart #button-cart, .product-info .cart .boc_order_btn {
        margin: 0!important;
        order: 3;
    }
}
@media (max-width: 768px){
    #product .add-to-cart {
        grid-template-columns: auto auto auto 1fr;
    }
    .responsive .filter-product .filter-tabs ul > li > a, .responsive .filter-product .filter-tabs ul > li.active > a, .responsive .filter-product .filter-tabs ul > li.active > a:hover, .responsive .filter-product .filter-tabs ul > li.active > a:focus {
        width: 100%;
        font-size: 15px;
        padding: 10px 0;
        margin: 0;
        border-radius: 0;
        border:none;
        height:auto;
        line-height:12px;
    }
    .responsive .htabs,
    .responsive .filter-product .filter-tabs {
        border:none;
    }
    .filter-product {
        margin: 0 0 70px 0;
    }
    .product-grid .product-hover .only-hover{
        position: static!important;
    }
    .tab-modal{
        padding:25px;
        max-width: 500px;
    }
    .tab-modal .body .form {
        grid-template-columns: 120px 200px;
        justify-content: center;
    }
    #mob-link-way{
        display: flex;
    }
    header #top .container-custom-megamenu{
        width: 250px;
    }
    .responsive #top .search_form {
        height: auto !important;
        margin: 0 !important;
    }
}
@media (max-width: 580px){

    .search-mob-btn{
        display:block;
        margin-right: 10px;
    }
    .responsive #top .search_form{
        position: absolute;
        top: -40px;
        left: 100px;
        margin: 0;
        width: calc(100% - 180px);
        z-index: 101;
        height: 30px !important;
    }
    #header-right .profile-row{
        display: none;
    }
    #top #cart_block .cart-heading {
        margin-right: 0;
    }
    
    header #top .container-custom-megamenu{
        width:100%;
    }
    header #top .container>div{
        grid-template-columns: 1fr;
        position: relative;
    }
    #header {
        border: none;
        padding:10px 0;
    }
    #header .container>div {
        grid-template-columns: 90px auto 95px;
    }
    #header .logo img{
        height:30px;
        /*max-width: inherit;*/
    }
    #header .logo svg{
        height:30px;
        /*max-width: inherit;*/
    }
    header #top #header-right {
        right: 10px!important;
    }
    header #top #header-right {
        top: -35px!important;
    }
    #header .container>div .mob-menu-new{
        top: 102px;
    }
    #header{
        background: #fff;
    }

    header .container {
        padding: 0px 15px!important;
    }
    #language_form a {
        padding-left: 0px;
    }
    .box-home-tabs .tab-content>div,
    .posts  {
        grid-template-columns: 1fr;
    }
    .box-home-tabs .tab-content .desc{
        text-align:center;
    }
    .header-menu{
        margin-bottom:20px;
    }
    #product .add-to-cart  {
        grid-template-columns: auto 1fr;
    }
    .product-info .cart #button-cart{
        order:2
    }
    .product-info .cart .boc_order_btn{
        order:4;
    }
}
@media (max-width: 500px){
    #main .container,
    #main .blog-module .box-content{
        padding:0;
        margin:0;
        border-radius:0;
    }
    #main .banner-home,
    #main .filter-product,
    #main .htabs-block,
    #main .box-home-tabs .box-heading,
     .box-youtube .box-heading,
    #main .box-with-products,
    #main .blog-latest-posts  .box-heading,
    #main .html-module,
    #main .footer .container{
        padding: 0 15px;
    }
    #main .category-wall-box .box-heading,
    #main .box-home-tabs .box-heading,
     .box-youtube .box-heading,
      .box-heading,
    #main .filter-tabs li.active a,
    #main .box-home-tabs .tab-content .title,
    #main .box-with-products .box-heading,
    #main .blog-latest-posts  .box-heading,
    .html-module h1, .html-module h2, .html-module h3,
    .faq-area .faq-section .panel-faq .panel-heading .panel-title a, .faq-area .faq-section .panel-faq .panel-heading .panel-title span,
    #content .section-title, #content h1, #content h2, #content h3, #content h4{
        font-size:16px!important;
        line-height:24px;
    }
    #tabs.htabs a{
        margin:0;
    }
    .responsive .htabs, .responsive .filter-product .filter-tabs {
        margin-bottom:20px;
    }
    #main .category-wall-box{
        padding-left:15px;
    }
    .filter-tabs a{
        font-size:12px!important;
    }
     .box-youtube .box-content, .blog-module .box-content ul {
        grid-template-columns: repeat(4, 250px);
        padding: 25px 15px;
        overflow: scroll;
        border-radius:0;
    }
    .html-module, .box .box-content.products, .blog-module, .box-youtube, .category-wall, .box-home-tabs>div {
        margin-bottom: 40px;
    }    
    .newsletter {
        padding: 20px;
    }
    .copyright .container:before,
    .copyright .container .line,
    .faq-area .faq-section .panel-faq .panel-heading .panel-title > a:after{
        display:none;
    }
    .copyright .container{
        padding: 0 15px!important;
        display:grid;
        grid-template-columns: auto 1fr auto;
        align-items:center;
    }
    .col-sm-12,
    #content, .panel-body,
    .responsive .row > div,
    .faq-area .faq-section .panel-faq .panel-heading{
        padding:0!important;
    }
    .responsive .row,
    .row{
        margin: 0!important;
    }
    .form-horizontal .control-label{
        padding:0 15px;
    }
    .product-accordeon .accordeon-body .accordeon-service{
        grid-template-columns:1fr;
    }
    #top #header-right #cart_block .dropdown-menu {
        right: 0px;
        left: 0px;
        position: fixed;
        z-index: 991;
        top: 48px;
    }
    .category-list .row > div {
        width: 100%;
    }
    .category-item .btn {
        white-space: normal;
        max-height: inherit;
    }
    .tab-modal{
        padding:25px;
        max-width: 90%;
    }
    .tab-modal .form img{
        display:none;
    }
    .tab-modal .body .form {
        grid-template-columns: 1fr;
        justify-content: center;
    }
    .inner-page #tabs.htabs {
        flex-direction: column;
    }
    
}
@media (max-width: 480px){
    #autocomplete-results ul {
        left: 0px !important;
    }
    .product-grid .product .name {
        height:auto!important;
        max-height: inherit!important;
    }
    .product-grid .product .name a{
    }
    .product-grid .product .price {
        grid-gap: 5px;
        margin: 0 5px 5px 5px;
    }
    .product-grid .product-hover .only-hover {
        padding: 0 5px 5px 5px !important;
    }
    .product-grid .product .only-hover .button {
        bottom: 0;
        left: inherit;
        right: inherit;
        position: absolute;
        top: inherit;
        position: relative;
        padding: 9px 5px !important;
    }
}
.table-responsive.cart-info img.img-thumbnail {
    max-width: 100px;
}
@media (max-width: 360px){

    #product .add-to-cart   #button-cart{
                grid-column-start: 1;
                grid-row-start: 2;
                grid-column-end: 3;
    }
    #product .add-to-cart   .boc_order_btn{
                grid-column-start: 1;
                grid-row-start: 3;
                grid-column-end: 3;
    }
    #product .add-to-cart .links{
                grid-column-start: 2;
                grid-row-start: 1;
    }
    #product .add-to-cart .quantity{
        grid-column-start: 1;
        grid-row-start: 1;
    }
}


@media (max-width: 767px){
   .product-grid .product .only-hover .button {
      bottom: 0;
      left: inherit;
      right: inherit;
      position: absolute;
      top: inherit;
      position: relative;
   }
   .category-item .btn {
      height: inherit;
   }
}