@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Light.eot');
    src: local('fonts/Montserrat Light'), local('Montserrat-Light'),
    url('fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-Light.woff') format('woff'),
    url('fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Thin.eot');
    src: local('fonts/Montserrat Thin'), local('Montserrat-Thin'),
    url('fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-Thin.woff') format('woff'),
    url('fonts/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}


@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-SemiBold.eot');
    src: local('fonts/Montserrat SemiBold'), local('Montserrat-SemiBold'),
    url('fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-SemiBold.woff') format('woff'),
    url('fonts/fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraLight.eot');
    src: local('fonts/Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
    url('fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-ExtraLight.woff') format('woff'),
    url('fonts/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.eot');
    src: local('fonts/Montserrat Bold'), local('Montserrat-Bold'),
    url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-Bold.woff') format('woff'),
    url('fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}



@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.eot');
    src: local('fonts/Montserrat Regular'), local('Montserrat-Regular'),
    url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-Regular.woff') format('woff'),
    url('fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Medium.eot');
    src: local('fonts/Montserrat Medium'), local('Montserrat-Medium'),
    url('fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-Medium.woff') format('woff'),
    url('fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraBold.eot');
    src: local('fonts/Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
    url('fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-ExtraBold.woff') format('woff'),
    url('fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Black.eot');
    src: local('fonts/Montserrat Black'), local('Montserrat-Black'),
    url('fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
    url('fonts/Montserrat-Black.woff') format('woff'),
    url('fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}




/*****************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    background-image: url(../image/main-bg-image.png);
    background-size: contain;
    background-position: center;
    background-repeat: repeat;
    padding-top: 122px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}





*{
    box-sizing: border-box;
    outline: none!important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    color: #222;
}

a{
    text-decoration: none;
    color: #1f8fb7;
}
a:hover{
    text-decoration: none;
    color: #362a94;
}



.container{
    max-width: 1570px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
}


img{
    display: block;
    width: 100%;
}


svg{
    display: block;
}



button:hover{
    cursor: pointer;
}
/******************************************************************/
.fix_all {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
}



.top_nav{
    padding: 10px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #362a94;
    background: linear-gradient(135deg, #09c7e3 0%, #362a94 100%);
}
.list_pages ul{
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: flex-start;
}
.list_pages ul li{

}
.list_pages ul li a{
    font-size: 14px;
    color: #fff;
}
.list_pages ul li a:hover{
    color: #d6d6d6;
}


.list_pages ul li a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
}
.list_pages ul li a span{
    font-size: 14px;
    color: #fff;
}
.list_pages ul li a svg{
    width: 22px;
    height: 22px;
}
.list_pages ul li a svg path{
   fill: #fff;
}



.contacts_top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 26px;
}
.contacts_top svg{
    width: 22px;
    height: 22px;
}
.contacts_top .adress{
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
}
.contacts_top .adress .svg{

}
.contacts_top .adress .svg svg{

}

.contacts_top .adress .svg svg path{
    fill: #fff;
}


.contacts_top .adress span{
    font-size: 14px;
    color: #fff;
}

.contacts_top .phone{
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
}

.contacts_top .phone .svg{

}
.contacts_top .phone .svg svg{

}

.contacts_top .phone .svg svg path{
    fill: #fff;
}


.contacts_top .phone a{
    font-size: 14px;
    color: #fff;
}
.contacts_top .phone a:hover{

}

.contacts_top .social{
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
}
.contacts_top .social a{

}
.contacts_top .social a svg{

}
.contacts_top .social a svg path{
    fill: #fff;
}
.contacts_top .social a:hover{
    color: #c1c1c1;
}


/********************************************/

input[type='text']{
    background: #fff;
    border: 1px solid #cfe8ef;
    padding: 5px 5px 5px 13px;
    width: 100%;
    border-radius: 8px;
}

input[type='password']{
    background: #fff;
    border: 1px solid #cfe8ef;
    padding: 5px 5px 5px 13px;
    width: 100%;
    border-radius: 8px;
}
input[type='email']{
    background: #fff;
    border: 1px solid #cfe8ef;
    padding: 5px 5px 5px 13px;
    width: 100%;
    border-radius: 8px;
}
input[type='tel']{
    background: #fff;
    border: 1px solid #cfe8ef;
    padding: 5px 5px 5px 13px;
    width: 100%;
    border-radius: 8px;
}



.fix_top {
    background: #f3f3f3;
}

.inner_round{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}
.inner_round .left_r{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
.inner_round .left_r .main_menu{

}
.inner_round .left_r .main_menu .navbar{
    position: relative;
}
.inner_round .left_r .main_menu .navbar .navbar-header{

}
.inner_round .left_r .main_menu .navbar .navbar-header .btn_catalog{
    border: 0;
    background: #362a94;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 15px;
    border-radius: 8px;
}
.inner_round .left_r .main_menu .navbar .navbar-header .btn_catalog .toogle_bg{
    background-image: url(../image/catalog.svg);
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.inner_round .left_r .main_menu .navbar .navbar-header .btn_catalog.opened .toogle_bg{
    background-image: url(../image/close_catalog.svg);
    background-size: 28px;
}



.inner_round .left_r .main_menu .navbar .navbar-header .btn_catalog svg path{
    fill: #fff;
}
.inner_round .left_r .main_menu .navbar .navbar-header .btn_catalog span{
    color: #fff;
}

.inner_round .left_r .main_menu .navbar .navbar-header .btn_catalog:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}



.collapse_catalog{
    display: none;
    position: absolute;
    left: -20px;
    top: 65px;
    background: #ffffff;
    height: calc(100vh - 122px);
    z-index: 4564654654654;
    padding: 20px;
    width: 338px;
    box-shadow: 3px 8px 7px #0000002b;
}

.collapse_catalog.opened{
    display: block;
}
.collapse_catalog .collapse_catalog_wrap{
    display: grid;
    grid-template: auto / 25fr;
    grid-gap: 4px;
    overflow-y: scroll;
    height: 100%;
}
.collapse_catalog .collapse_catalog_wrap li{

}
.collapse_catalog .collapse_catalog_wrap li a{
    width: 100%;
    display: flex;
    height: 32px;
    align-items: center;
    justify-content: flex-start;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    background: #f0f0f0;
    color: #000000;
    line-height: 1.1;
}
.collapse_catalog .collapse_catalog_wrap li a:hover{
    background: #0ac3e140;
}









.inner_round .left_r .logo{

}
.inner_round .left_r .logo #logo{

}
.inner_round .left_r .logo #logo{

}
.inner_round .left_r .logo #logo a{

}
.inner_round .left_r .logo #logo a img{
    width: 300px;
}

.inner_round .left_r .search{

}


.inner_round .left_r .search .input_search{
    position: relative;
    width: 400px;

}
.inner_round .left_r .search .input_search input{
    height: 43px;
}
.inner_round .left_r .search .input_search .search_go{
    border: 0;
    padding: 0;
    background: transparent;
    position: absolute;
    right: 2px;
    top: 1px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inner_round .left_r .search .input_search .search_go svg{

}


.inner_round .right_r{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}
.inner_round .right_r .item_top{

}
.inner_round .right_r .item_top a{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}
.inner_round .right_r .item_top a span{
    font-size: 10px;
    position: absolute;
    color: #fff;
    background: #362a94;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    text-align: center;
    top: 0%;
    left: 50%;
    transform: translate(59%, -30%);
    line-height: 1;
}
.inner_round .right_r .item_top a .txt{
    font-size: 10px;
    color: #000;
}
.inner_round .right_r .item_top a svg{

}
.inner_round .right_r .item_top a svg path{
    fill: #000;
    stroke: #000;
}

/*.inner_round .right_r .item_top a svg.usert path{
    fill: transparent;
    stroke: #000000;
}*/




/*****************************************************/



.container_fluid_banner .swiper-pagination{
    bottom: 14px;
    left: 0;
    text-align: center;
    width: 100%;
}




/****************************************************/

.wrap-preim{
    display: grid;
    grid-template: auto / 25fr 25fr 25fr;
    grid-gap: 25px;
}
.wrap-preim .item {
    background: #362a94;
    padding: 30px;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);
    border-radius: 8px;
}
.wrap-preim .item .svg{

}
.wrap-preim .item .svg svg{
    width: 40px;
    height: 40px;
}
.wrap-preim .item .svg svg path{
    fill: #fff;
}
.wrap-preim .item .txt {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    justify-content: space-between;
}
.wrap-preim .item .title {
    font-size: 18px;
    color: #fff;
    width: calc(100% - 55px);
}
.wrap-preim .item .description{
    font-size: 14px;
    color: #fff;
    font-weight: 300;
}


/****************************/

.categories_home{
    display: grid;
    grid-template: auto / 25fr 25fr 25fr 25fr 25fr;
    grid-gap: 10px;
    margin: 50px 0;
}


#product-category .categories_home{
    margin: 0px 0 25px 0;
}




.categories_home .item{
    background: #362a94;
    padding: 0;
    background: linear-gradient(135deg, #008093 0%, #362a94 100%);
    height: 100px;
    overflow: hidden;
    transition: all 0.3s ease;
    border-radius: 8px;
}
.categories_home .item a{
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
}
.categories_home .item img{
    width: 90px;
    height: 90px;
    position: absolute;
    left: 5px;
    top: 6px;
    transition: all 0.3s ease;
}
.categories_home .item .wrap_cat{
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 10px 10px 10px 60px;
    transition: all 0.3s ease;
}
.categories_home .item .wrap_cat span{
    text-align: right;
    display: block;
    font-size: 16px;
    max-width: 166px;
    color: #fff;
    position: relative;
    z-index: 2;
    text-shadow: 0 0 5px #3e3e3e;
    transition: all 0.3s ease;
}




.categories_home .item:hover{
    background: linear-gradient(135deg, #066371 0%, #251b73 100%);
}


.categories_home .item:hover img{
    width: 110px;
    height: 110px;
    transition: all 0.3s ease;
}



/*****************************/


.actii{
    margin: 70px auto 100px;
}
.actii h3{
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 700;
    text-align: center;
}


.actii h3{
    font-size: 27px;
    margin-bottom: 30px;
    font-weight: 300;
    text-align: left;
    width: fit-content;
    background: linear-gradient(135deg, #008093 0%, #362a94 100%);
    color: #fff;
    padding: 3px 12px 3px 12px;
    position: relative;
}

.actii h3:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 38.5px solid #303293;
    border-right: 30px solid transparent;
    position: absolute;
    right: -30px;
    bottom: 0;
}
.actii h3:after{
    content: "";
    display: block;
    width: 870px;
    height: 1px;
    position: absolute;
    left: 120px;
    bottom: 0;
    z-index: 465;
    background: #303293;
}











.main_carusel{
    margin: 70px auto 100px;
}

/*
.main_carusel h3{
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 700;
    text-align: center;
}
*/


.main_carusel h3{
    font-size: 27px;
    margin-bottom: 30px;
    font-weight: 300;
    text-align: left;
    width: fit-content;
    background: linear-gradient(135deg, #008093 0%, #362a94 100%);
    color: #fff;
    padding: 3px 12px 3px 12px;
    position: relative;
}

.main_carusel h3:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 38.5px solid #303293;
    border-right: 30px solid transparent;
    position: absolute;
    right: -30px;
    bottom: 0;
}
.main_carusel h3:after{
    content: "";
    display: block;
    width: 770px;
    height: 1px;
    position: absolute;
    left: 220px;
    bottom: 0;
    z-index: 465;
    background: #303293;
}




.actii .wrap_cat_actii{
    box-shadow: 0 0 9px #4f2fa65c;
    overflow: hidden;
    border-radius: 8px;
}
.actii .wrap_cat_actii .inner-img{

}
.actii .wrap_cat_actii img{
    transition: all 0.3s ease;
}
.actii .wrap_cat_actii:hover img{
    transition: all 0.3s ease;
   opacity: 0.8;
}

.actii .wrap_cat_actii .txt {
    background: #362a94;
    height: 78px;
    padding: 10px 10px 0px 10px;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);
}
.actii .wrap_cat_actii span{
    color: #fff;
    margin-bottom: 5px;
    display: block;
}

.actii .wrap_cat_actii p{
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 300;
}


/*************************************/



.product_category_main{

}

.wrap_grid_two{
    display: grid;
    grid-template: auto / 20fr 80fr;
    grid-gap: 20px;
}
.wrap_grid_two.for_search{
    display: grid;
    grid-template: auto / 80fr;
    grid-gap: 20px;
}

.content_categor{

}

.list_grads{

}
.grid_product{
    display: grid;
    grid-template: auto / 25fr 25fr 25fr 25fr;
    grid-gap: 60px 20px;
}

.wrap_grid_two.for_search .grid_product{
    display: grid;
    grid-template: auto / 25fr 25fr 25fr 25fr 25fr;
    grid-gap: 60px 20px;
}

.dort_rout{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
}

.dort_rout h2{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.dort_rout .input-groups{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
}
.dort_rout .input-groups .input-group{

}
.dort_rout .input-groups .input-group .input-group-addon {
    font-size: 14px;
    color: #bababa;
}
.dort_rout .input-groups .input-group  select{
    background: #fff;
    border: 1px solid #cfe8ef;
    padding: 5px 5px 5px 7px;
    width: 100%;
    height: 32px;
    font-size: 14px;
    border-radius: 8px;
}

.dort_rout .input-groups .input-group  select option{
    font-size: 14px;
}







/******************************************/



.product-layout{

}
.product-layout .product-thumb{
    height: 100%;
}





.product-layout .integer{
    height: 100%;
    border: 0px solid #ebebeb;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}



.product-layout .integer .tag{
    position: absolute;
    z-index: 5;
    border-radius: 3px;
    padding: 3px 6px;

}
.product-layout .integer .tag.latest{
    background: #2aa41a;
    font-size: 12px;
    color: #fff;
    left: 5px;
    top: 5px;
}
.product-layout .integer .tag.bestseller{
    background: #c50505;
    font-size: 12px;
    color: #fff;
    left: 5px;
    top: 5px;
}
.product-layout .integer .tag.discount{
    background: #c50505;
    font-size: 12px;
    color: #fff;
    right: 5px;
    top: 5px;
}





.product-layout .product-thumb:hover .integer{
    box-shadow: 0 0 12px #2174b93b;
    background: #5ebbe90f;
}


.product-layout .integer .image{

}
.product-layout .integer .image img{

}







.product-thumb .image-additional_nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    opacity: 0;
    padding: 0 15px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    transition: 0.5s;
}

.product-thumb .image-additional_dot {
    cursor: pointer;
    height: 100%;
    display: block;
    width: 100%;
    padding: 0 3px;
    display: flex;
    align-items: end;
}
.product-thumb .image-additional_dot .image-nav {
    display: block;
    height: 1px;
    width: 100%;
    background: #cfcfcf;
    transition: 0.5s;
}
.product-thumb .image-additional_dot:hover .image-nav {
    background: #959595;
}


.product-thumb:hover .image-additional_nav {
    opacity: 1;
}










.product-layout .link_prod{
    position: relative;
}
.product-layout .integer .desc_nav_prod{

}
.product-layout .integer .desc_nav_prod .caption{
    padding-bottom: 15px;
}
.product-layout .integer .desc_nav_prod .caption h4{
    padding: 10px 10px 10px 10px;
    height: 71px;
}
.product-layout .integer .desc_nav_prod .caption h4 a{
    color: #222;
    font-size: 14px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
}
.product-layout .integer .desc_nav_prod .price{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    gap: 11px;
    align-items: center;
}
.product-layout .integer .desc_nav_prod .price .predzak{
    background: #ff9166;
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 3px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.4px;
}



.product-layout .integer .desc_nav_prod .price .price-new{
    text-align: center;
    font-size: 18px;
    font-weight: 700;

}
.product-layout .integer .desc_nav_prod .price .price-old{
    text-align: center;
    color: #f80202;
    text-decoration: line-through;
    font-size: 14px;
    font-weight: 500;
}

.product-layout .integer .button-group{
    width: calc(100% - 90px);
}
.product-layout .integer .button-group .button_cart{
    border: 0;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 10px;
    width: 100%;
    height: 40px;
    border-radius: 8px;
}

.product-layout .integer .button-group .button_cart:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}




.product-layout .integer .button-group .button_cart span {
    color: #fff;
    font-size: 14px;
}
.product-layout .integer .button-group .button_cart svg{

}
.product-layout .integer .button-group .button_cart svg path{
    fill: #fff;
}


.product-layout .integer .button-group2{
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    align-items: center;
}
.product-layout .integer .button-group2 .button_wishlist{
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);;
    border: 0;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-layout .integer .button-group2 .button_wishlist:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}






.product-layout .integer .button-group2 .button_wishlist svg{

}

.product-layout .integer .button-group2 .button_wishlist svg path{
    fill: #fff;
    stroke: #fff;
}



.product-layout .integer .button-group2 .button_compare{
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);;
    border: 0;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-layout .integer .button-group2 .button_compare:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}
.product-layout .integer .button-group2 .button_compare svg{

}
.product-layout .integer .button-group2 .button_compare svg path{
    fill: #fff;
}

/*.inner_button{
    align-items: center;
    justify-content: space-between;
    background: #fff;
    position: absolute;
    width: 200px;
    bottom: 8px;
    left: 50%;
    transform: translate(-50%, 0%);
    display: none;
}*/

.inner_button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0px 5px 6px 5px;
    opacity: 0.2;
}


.product-layout .integer:hover .inner_button {
    opacity: 1;
}



/*
.product-layout .integer:hover .inner_button{
    display: flex;
}
*/


/*************************************************/

.breadcrumb{
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.breadcrumb li{
    font-size: 14px;
}
.breadcrumb li:after {
    content: "/";
    color: #1f8fb7;
    font-size: 12px;
    margin: 0 5px;
}
.breadcrumb li a{
    font-size: 14px;
}

.breadcrumb li:last-child:after {
    display: none;

}

/***********************************************/



.row_pagin{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.row_pagin .it1{

}
.row_pagin .it1 .pagination{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.row_pagin .it1 .pagination li{

}
.row_pagin .it1 .pagination li span{
    background: #897bf0;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
}
.row_pagin .it1 .pagination li a{
    background: #897bf0;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
}
.row_pagin .it1 .pagination li.active{

}
.row_pagin .it1 .pagination li.active span{
    background: #362a94;
    color: #fff;
}
.row_pagin .it1 .pagination li.active a{
    background: #362a94;
    color: #fff;
}

.row_pagin .it1 .pagination li:hover{

}
.row_pagin .it1 .pagination li:hover span{
    background: #362a94;
    color: #fff;
}
.row_pagin .it1 .pagination li:hover a{
    background: #362a94;
    color: #fff;
}





.bottom_ret {
    background: #362a94;
    padding: 30px;
    background: linear-gradient(135deg, #362a94 0%, #008093 100%);
    margin-top: 70px;
    margin-bottom: 70px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: 8px;
}
.bottom_ret .img{

}

.bottom_ret .img img{
    width: 70px;
    height: auto;
}

.bottom_ret .txt{
    width: calc(100% - 85px);
}
.bottom_ret .txt h3{
    color: #fff;
    font-size: 20px;
    margin-bottom: 5px;
}
.bottom_ret .txt .description{
    color: #fff;
}


/*********************************************************/


.home_seo {
    margin: 80px auto 80px;
    max-width: 1210px;
}
.home_seo .plast {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 8px;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);
}
.home_seo .img{
    border-radius: 8px;
    overflow: hidden;
    width: 400px;
    height: 250px;
}
.home_seo .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_seo .inner_seo_txt {
    width: calc(100% - 400px);
    padding-left: 35px;
}
.home_seo .inner_seo_txt .txt{

}
.home_seo .inner_seo_txt .txt h2{
    font-size: 24px;
    color: #fff;
    margin-bottom: 15px;
}
.home_seo .inner_seo_txt .txt p{
    color: #fff;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}










/******************************************/


footer{
    background: #f3f3f3;
    padding: 50px 0;
}
footer .container{
    margin: 0px auto 0px;
    max-width: 1210px;
}



.flex_new_footer{
    display: grid;
    grid-template: auto / 26fr 25fr 15fr 25fr;
    grid-gap: 25px;
    align-items: center;
}

.flex_new_footer .contact_foot .logo_foot{

}
.flex_new_footer .contact_foot .logo_foot a{

}
.flex_new_footer .contact_foot .logo_foot a img {
    max-width: 240px;
}

.flex_new_footer .contact_foot{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.flex_new_footer .contact_foot .item{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.flex_new_footer .contact_foot .item .svg{

}
.flex_new_footer .contact_foot .item .svg svg{
    width: 35px;
    height: 35px;
}

.flex_new_footer .contact_foot .item a{
    color: #323094;
    font-weight: 600;
    font-size: 24px;
}
.flex_new_footer .contact_foot .item a .svg{

}
.flex_new_footer .contact_foot .item a .svg svg{
    width: 35px;
    height: 35px;
}

.flex_new_footer .contact_foot .item a p{
    margin-left: 10px;
}

.flex_new_footer .contact_foot .item .social{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.flex_new_footer .contact_foot .item .social a{

}
.flex_new_footer .contact_foot .item .social a svg{
    width: 22px;
    height: 22px;
}

.flex_new_footer .contact_foot .item .txt{

}

.flex_new_footer .contact_foot .item .txt p{

}
.flex_new_footer .contact_foot .item .txt span{

}

.flex_new_footer .liks{

}
.flex_new_footer .liks .list-unstyled{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
.flex_new_footer .liks .list-unstyled li{

}
.flex_new_footer .liks .list-unstyled li a{
    font-weight: 400;
}
.flex_new_footer .liks .list-unstyled li a:hover{

}


.timeout{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}
.timeout .item{
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.timeout .item .txt{

}

.timeout .item .txt p{

}
.timeout .item .txt span{

}

.timeout .item .svg{

}
.timeout .item .svg svg{
    width: 35px;
    height: 35px;
}















.flex_rot {
    display: grid;
    grid-template: auto / 25fr 50fr 25fr;
    grid-gap: 25px;
    align-items: center;
}

.flex_rot .logo_foot{

}
.flex_rot .logo_foot a{

}
.flex_rot .logo_foot a img{
    width: 300px;
}

.flex_rot .links{

}
.flex_rot .links .list-unstyled{
    display: grid;
    grid-template: auto / 25fr 25fr;
    grid-gap: 10px 18px;
}
.flex_rot .links .list-unstyled li{

}
.flex_rot .links .list-unstyled li a{

}
.flex_rot .links .list-unstyled li a:hover{

}


.flex_rot .contacts{

}
.flex_rot .contacts .item{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.flex_rot .contacts .item .svg{

}
.flex_rot .contacts .item .svg svg{
    width: 20px;
    height: 20px;
}
.flex_rot .contacts .item p{
    margin-left: 10px;
}
.flex_rot .contacts .item a{
    color: #323094;
    font-weight: 600;
    font-size: 34px;
}




/************************************************************/


.prod_box{
    display: grid;
    grid-template: auto / 20fr 30fr;
    grid-gap: 24px;
    margin-bottom: 50px;
}

.images_row{
    display: grid;
    grid-template: auto / 7fr 40fr;
    grid-gap: 15px;
}


.lst_mini{

}

.lst_mini .thumbnails{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.lst_mini .thumbnails .image-additional{

}

.lst_mini .thumbnails .image-additional .thumbnail{
    border: 1px solid #0bc1e0;
    display: block;
    border-radius: 8px;
    overflow: hidden;
}
.lst_mini .thumbnails .image-additional .thumbnail img{

}



.main_img_big{

}

.main_img_big .thumbnails{

}
.main_img_big .thumbnails .image-additional{

}

.main_img_big .thumbnails .image-additional .thumbnail{

}
.main_img_big .thumbnails .image-additional .thumbnail img{

}

.desc_row{

}
.desc_row h1{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.prod_box .flex_two{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.prod_box .flex_two .review_ins{
    font-size: 13px;
    line-height: 1;
    color: #909090;
    margin-top: 3px;
}

.list-unstyled-manufacturer{
    margin-bottom: 15px;
}
.list-unstyled-manufacturer li{
    font-size: 14px;
    color: #676767;
    margin-bottom: 5px;
}
.list-unstyled-manufacturer li a{

}
.list-unstyled-manufacturer li a:hover{

}



.desc_row .descript{
    margin-bottom: 30px;
}
.desc_row .descript p{
    font-size: 14px;
    margin-bottom: 10px;
    color: #333;
}
.desc_row .descript ul{

}
.desc_row .descript ul li{
    font-size: 14px;
    margin-bottom: 5px;
    color: #333;
}

.desc_row .descript ul li span{
    font-size: 12px;
    color: #898989;
    margin-right: 10px;
}


.wrap_n_btn{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.wrap_n_btn .wrap_price{

}
.wrap_n_btn .wrap_price .price_prod{

}
.wrap_n_btn .wrap_price .price_prod .list-unstyled{
    display: flex;
    align-items: flex-end;
    gap: 17px;
    margin-bottom: 12px;
    flex-direction: column;
    justify-content: center;
}

.wrap_n_btn .wrap_price .price_prod .list-unstyled li{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}
.wrap_n_btn .wrap_price .price_prod .list-unstyled li p{
    font-size: 14px;
}
.wrap_n_btn .wrap_price .price_prod .list-unstyled li .autocalc-product-special{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}
.wrap_n_btn .wrap_price .price_prod .list-unstyled li .autocalc-product-price{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}


.btns_all{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.btns_all .input-group-plus-minus{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.btns_all .input-group-plus-minus .input-group-btn{

}
.btns_all .input-group-plus-minus .input-group-btn .btn-default{
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);;
    border: 0;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 26px;
}
.btns_all .input-group-plus-minus .input-group-btn .btn-default:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}

.btns_all .input-group-plus-minus .form-control{
    text-align: center;
    height: 40px;
    padding: 2px;
    width: 50px;
    border: 1px solid #0bc1e0;
}






.inner_button2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    gap: 8px;
}

.btns_all .button-group{
    width: calc(100% - 90px);
}
.inner_button2 .button-group .button_cart{
    border: 0;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 10px;
    width: 195px;
    height: 43px;
    border-radius: 8px;
    color: #fff;
}
.inner_button2 .button-group .button_cart:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}
.inner_button2 .button-group .button_cart span {
    color: #fff;
    font-size: 18px;
}

.inner_button2 .button-group{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 9px;
}


.inner_button2 .button-group .button_cart svg{
    width: 30px;
    height: 30px;
}
.inner_button2 .button-group .button_cart svg path{
    fill: #fff;
}

.inner_button2 .button-group .button-one-click{
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 5px;
    width: 195px;
    height: 43px;
    border-radius: 8px;
    color: #fff;
    border: 2px solid #313b9d;
}
.inner_button2 .button-group .button-one-click:hover{
    background: #303c9d;
}
.inner_button2 .button-group .button-one-click:hover span{
    color: #fff;
}




.inner_button2 .button-group .button-one-click span{

}
.inner_button2 .button-group .button-one-click svg{

}






.for_head.button-group2{
    display: flex;
    gap: 9px;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    margin-bottom: 14px;
}
.for_head.button-group2 .button_wishlist{
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);;
    border: 0;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.for_head.button-group2 .button_wishlist:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}
.for_head.button-group2 .button_wishlist svg{

}

.for_head.button-group2 .button_wishlist svg path{
    fill: #fff;
    stroke: #fff;
}



.for_head.button-group2 .button_compare{
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);;
    border: 0;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.for_head.button-group2 .button_compare:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}
.for_head.button-group2 .button_compare svg{

}
.for_head.button-group2 .button_compare svg path{
    fill: #fff;
}


.product_flex{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.product_flex .itr1{
    background: #f3f3f3;
    padding: 10px 15px;
    border: 1px solid #cbf8ff;
    border-radius: 8px;
    margin-right: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    height: auto;
    gap: 30px;
}

.product_flex .itr2{

}












/***********************************************************************/








.rating-area {
    overflow: hidden;
    width: 156px;
    margin: 0;
}
.rating-area:not(:checked) > input {
    display: none;
}
.rating-area:not(:checked) > label {
    float: right;
    width: 31px;
    padding: 0;
    cursor: pointer;
    font-size: 34px;
    line-height: 30px;
    color: lightgrey;
    text-shadow: 1px 1px #bbb;
}
.rating-area:not(:checked) > label:before {
    content: '★';
}
.rating-area > input:checked ~ label {
    color: gold;
    text-shadow: 1px 1px #c60;
}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
    color: gold;
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
    color: gold;
    text-shadow: 1px 1px goldenrod;
}
.rate-area > label:active {
    position: relative;
}




.rating-result {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 10px;
}
.rating-result span {
    display: block;
    padding: 0;
    font-size: 20px;
    margin: 0 0;
    line-height: 1;
    color: lightgrey;
    text-shadow: 1px 1px #bbb;
}
.rating-result > span:before {
    content: '★';
}
.rating-result > span.active {
    color: #f1cb00;
    text-shadow: 1px 1px #c60;
}














/*************************************************/




.all_inf_flex{
    display: grid;
    grid-template: auto / 25fr 25fr;
    grid-gap: 60px;
}

.all_inf_flex .harackter{

}
.all_inf_flex .harackter h3{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.all_inf_flex .harackter .tab-pane{

}

.all_inf_flex .harackter .tab-pane .table-bordered{
    border-collapse: collapse;
    width: 100%;
}
.all_inf_flex .harackter .tab-pane .table-bordered thead{
    background-color: #f2f2f2;
}
.all_inf_flex .harackter .tab-pane .table-bordered thead td{
    border: 1px solid #ddd;
    padding: 8px;
}
.all_inf_flex .harackter .tab-pane .table-bordered thead tr{

}
.all_inf_flex .harackter .tab-pane .table-bordered strong{
    font-weight: 600;
    font-size: 14px;
}

.all_inf_flex .harackter .tab-pane .table-bordered tbody{

}


.all_inf_flex .harackter .tab-pane .table-bordered tbody tr{
    background: #ffffff;
}
.all_inf_flex .harackter .tab-pane .table-bordered tbody td {
    border: 1px solid #ddd;
    padding: 8px;
    font-size: 14px;
}


.all_inf_flex .harackter h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.attributes {
    display: grid;
    grid-template-columns: 1fr 1fr;
}


.attributes__column {
    padding-right: 15px;
}
.attributes__group {
    margin-bottom: 30px;
}
.attributes__title {
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 14px;
}
.attributes__item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 15px;
}
.attributes__name, .attributes__text {
    background: #fff;
    position: relative;
    bottom: -5px;
    font-size: 14px;
    font-weight: 400;
}
.attributes__name {
    color: #8c8c8c;
    position: relative;
}
.attributes__name:after {
    content: " ";
    position: absolute;
    flex-grow: 1;
    border-bottom: 1px solid #eee;
    min-width: 100%;
    top: 1em;
    right: 0;
}
.attributes__text {
    min-width: 76px;
}



/*************************/

.review_stack{

}
.review_stack h3{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}

.pole_rew{
    background: #f3f3f3;
    padding: 10px 15px;
    border: 1px solid #cbf8ff;
    border-radius: 8px;
    width: 100%;
    height: auto;
}

.pole_rew .flex_re{
    display: grid;
    grid-template: auto / 20fr 40fr;
    grid-gap: 15px;
}

.pole_rew .flex_re .lefrt{

}
.pole_rew .flex_re .lefrt h4{
    font-size: 16px;
    margin-bottom: 5px;
}
.pole_rew .flex_re .lefrt .form-control{
    height: 40px;
    margin-bottom: 14px;
}
.pole_rew .flex_re .lefrt .rating-area{

}

.pole_rew .flex_re .righter{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}
.pole_rew .flex_re .righter textarea{
    background: #fff;
    border: 1px solid #cfe8ef;
    padding: 10px 10px 6px 10px;
    width: 100%;
    border-radius: 8px;
    height: 115px;
}
.pole_rew .flex_re .righter .btn_primary_reviw{
    border: 0;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 10px;
    width: 148px;
    height: 40px;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    margin: 10px auto 0;
}
.pole_rew .flex_re .righter .btn_primary_reviw:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}

.review_list{

}
.review_list .item{
    background: #f3f3f3;
    padding: 10px 15px;
    border: 1px solid #cbf8ff;
    border-radius: 8px;
    width: 100%;
    height: auto;
    margin-top: 10px;
}

.review_list .item .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.review_list .item .top .name{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.review_list .item .top .name .name_span{
    font-size: 14px;
    font-weight: 600;
}
.review_list .item .top .date{

}
.review_list .item .top .date span{
    font-size: 12px;
    color: #acacac;
}

.review_list .item .txt{
    margin-top: 15px;
}
.review_list .item .txt p{
    font-size: 14px;
    color: #444;
}

.review_list .no-airframe{
    margin-top: 20px;
}


/*************************************/
.need_oyt_info {
    display: grid;
    grid-template: auto / 20fr 30fr;
    grid-gap: 24px;
    margin-bottom: 50px;
}

.need_oyt_info .rewiews_atr{
    padding: 30px 0;
}
.need_oyt_info .rewiews_atr .review_stack{

}

.need_oyt_info .attributes_int{
    padding: 30px 0;
}
.need_oyt_info .attributes_int h3{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}





/*************************************/

.alert{
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 465456;
    width: 370px;
    color: #000000;
    padding: 10px 20px 10px 10px;
    border-radius: 8px;
    box-shadow: 0 0 7px #00000066;
    font-size: 12px;
}

.alert a{
    font-size: 12px;
    color: #1f8fb7;
}

.alert a:hover{

}

.alert.alert-success{
    background: #c7ffb7;
}

.alert .close{
    position: absolute;
    right: 2px;
    top: 0;
    border: 0;
    padding: 2px 4px;
    background: transparent;
}




/*************************************************/

.table_compare{
    border-collapse: collapse;
}
.table_compare img{
    width: 200px;
}

.table_compare {
    width: 100%;
    border: none;
    margin-bottom: 20px;
}
.table_compare thead th {
    font-weight: bold;
    text-align: left;
    border: none;
    padding: 10px 15px;
    background: #d8d8d8;
    font-size: 14px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.table_compare tbody td {
    text-align: left;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 14px 12px;
    font-size: 12px;
    vertical-align: top;
}
.table_compare thead tr th:first-child, .table_compare tbody tr td:first-child {
    border-left: none;
}
.table_compare thead tr th:last-child, .table_compare tbody tr td:last-child {
    border-right: none;
}
.table_compare tbody tr:nth-child(even){
    background: #f3f3f3;
}
.table_compare tbody tr:hover{
    background: #e7e7e7;
}


.table_compare thead{
    background: #ececec;
}

.table_compare thead td{
    padding: 12px;
}
.table_compare thead td strong{
    font-weight: 600;
    font-size: 16px;
}






.table_compare.table_compare2 tbody tr:nth-child(even) {
    background: #fff;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}


.table_compare.table_compare2 tbody td {
    padding: 4px 7px;
    vertical-align: middle;
    text-align: center;
}
.table_compare.table_compare2 tbody td{
    background: #fff;
}





/********************************************/

/* The container */
.container_ch {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 2px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container_ch input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark_ch {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #dadada;
}

/* On mouse-over, add a grey background color */
.container_ch:hover input ~ .checkmark_ch {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_ch input:checked ~ .checkmark_ch {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_ch:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container_ch input:checked ~ .checkmark_ch:after {
    display: block;
}

/* Style the checkmark/indicator */
.container_ch .checkmark_ch:after {
    left: 6px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.container_ch p{
    font-size: 12px;
    max-width: 125px;
}





.input-groups-search{
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 15px;
    background: #f3f3f3;
    padding: 15px;
    border-radius: 14px;
}
.input-groups-search .beny{

}
.input-groups-search .beny select{
    background: #fff;
    border: 1px solid #cfe8ef;
    padding: 5px 5px 5px 7px;
    width: 100%;
    height: 32px;
    font-size: 14px;
    border-radius: 8px;
}

.input-groups-search .beny select option{
    font-size: 14px;
}
.input-groups-search .beny .control-label{
    font-size: 14px;
    margin-bottom: 2px;
    display: block;
}

.input-groups-search .beny .btn-primary{
    border: 0;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 10px;
    width: 114px;
    height: 34px;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
}
.input-groups-search .beny .btn-primary:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}

button{cursor: pointer}



.wrap_compare h1{
    margin-bottom: 10px;
}

.wrap_compare .main_btn_compare{
    border: 0;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 10px;
    height: 40px;
    border-radius: 8px;
    width: 150px;
}
.wrap_compare .main_btn_compare:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}
.wrap_compare .main_btn_compare span{
    color: #fff;
}
.wrap_compare .main_btn_compare span svg{

}
.wrap_compare .btn-danger-remove{
    background: #ca2121;
    display: flex;
    width: 108px;
    padding: 5px 10px;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 8px;
    color: #fff;
    margin-top: 10px;
}
.wrap_compare .btn-danger-remove:hover{
    background: #aa1c1c;
}







/***********************************************************/

.cart_modern{
    display: grid;
    grid-template: auto / 50fr 25fr;
    grid-gap: 40px;
    margin: 0px 0;
}

.cart_section{

}
.cart_section .thead_cart{

}
.cart_section .img_thumb{

}
.cart_section .img_thumb a{

}
.cart_section .img_thumb a img{
    width: 60px;
    margin: 0 auto;
}
.cart_section .text_name .text-danger{
    color: #ff0000;
    font-size: 20px;
}
.cart_section .text_name a{
    font-size: 14px;
}


.cart_section .text_quantity{

}
.cart_section .text_quantity .input-group{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.cart_section .text_quantity .input-group .input-group-btn{

}
.cart_section .text_quantity .btn-default{
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);;
    border: 0;
    width: 25px;
    height: 25px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
}

.cart_section .text_quantity .btn-default:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}




.cart_section .text_quantity input.form-control{
    text-align: center;
    height: 25px;
    padding: 2px;
    width: 40px;
    border: 1px solid #0bc1e0;
    border-radius: 4px;
    font-size: 14px;
}
.cart_section .text_trash{

}
.cart_section .text_trash button{
    background: linear-gradient(135deg, #ff0000 0%, #f59a0a 100%);
    border: 0;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 0;
    margin: 0 auto;
}
.cart_section .text_trash button:hover{
    background: linear-gradient(135deg, #f12d2d 20%, #c57d0c 100%);
}
.cart_section .text_trash button svg{
    width: 24px;
    height: 24px;
}
.cart_section .text_trash button svg path{

}

.cart_section .text_price{
    white-space: nowrap;
}
.cart_section .text_total{
    white-space: nowrap;
}


.cart_section .thead_cart .text_thead{
    font-size: 12px;
}

.title_cart{
    margin-bottom: 20px;
}

.warnig_wrap{

}
.warnig_wrap .alert{
    position: relative;
    top: 0;
    left: 0;
    border-radius: 5px;
    margin-bottom: 10px;
    width: fit-content;
    box-shadow: none;
    background: #ffd5d5;
    color: #000;
}
.warnig_wrap .alert .troe{
    color: #ff0000;
    font-size: 20px;
    line-height: 6px;
    position: relative;
    top: 5px;
    margin: 0 5px;
}



/****************************/


.user_section{
    background: #f3f3f3;
    border-radius: 15px;
    padding: 15px;
}


.user_section .form-group{
    margin-bottom: 15px;
}
.user_section .form-group .control-label{
    font-size: 14px;
    margin-bottom: 3px;
    display: block;
}
.user_section .form-group .form-control{
    font-size: 16px;
    height: 40px;
}

.user_section .panel-heading{
    font-size: 14px;
    margin-bottom: 11px;
    display: block;
}


.total_next{
    display: grid;
    grid-template: auto / 25fr 25fr;
    grid-gap: 10px;
    margin: 0 0 20px 0;
    background: #eeeded;
    border-radius: 15px;
    padding: 10px;
    align-items: center;
}

.total_next .total{
    text-align: right;
    font-weight: 600;
    font-size: 22px;
}
.total_next .cost_total{
    font-weight: 600;
}


.total_next .total:nth-child(3),
.total_next .total:nth-child(4),
.total_next .total:nth-child(5),
.total_next .total:nth-child(6),
.total_next .total:nth-child(7),
.total_next .total:nth-child(8)
{
    display: none;
}

.total_next .cost_total:nth-child(2),
.total_next .cost_total:nth-child(3),
.total_next .cost_total:nth-child(4),
.total_next .cost_total:nth-child(5),
.total_next .cost_total:nth-child(6),
.total_next .cost_total:nth-child(7),
.total_next .cost_total:nth-child(8)
{
    display: none;
}

.wrap_down_total .total_next .total{

}

.wrap_down_total .total_next .cost_total{

}







.wrap_down_total .total_next .total:nth-child(3),
.wrap_down_total .total_next .total:nth-child(4),
.wrap_down_total .total_next .total:nth-child(5),
.wrap_down_total .total_next .total:nth-child(6),
.wrap_down_total .total_next .total:nth-child(7),
.wrap_down_total .total_next .total:nth-child(8)
{
    display: block;
}

.wrap_down_total .total_next .cost_total:nth-child(2),
.wrap_down_total .total_next .cost_total:nth-child(3),
.wrap_down_total .total_next .cost_total:nth-child(4),
.wrap_down_total .total_next .cost_total:nth-child(5),
.wrap_down_total .total_next .cost_total:nth-child(6),
.wrap_down_total .total_next .cost_total:nth-child(7),
.wrap_down_total .total_next .cost_total:nth-child(8)
{
    display: block;
}



/*

.wrap_down_total .total_next .total:nth-child(2){
    display: none;
}
.wrap_down_total .total_next .cost_total:nth-child(1)
{
    display: none;
}
*/



/********************/

/* The container */
.container_rad {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container_rad input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark_rad {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #2196F3;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container_rad:hover input ~ .checkmark_rad {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container_rad input:checked ~ .checkmark_rad {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark_rad:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container_rad input:checked ~ .checkmark_rad:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container_rad .checkmark_rad:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.container_rad p {
    font-size: 14px;
    position: relative;
    top: 1px;
}
.custom-shipping-address {
    padding-top: 20px;
}

.custom-comment{
    padding-top: 20px;
}

.user_section .custom-comment textarea.form-control{
    border: 1px solid #cfe8ef;
    font-size: 16px;
    width: 100%;
    height: 70px;
    padding: 10px;
    border-radius: 10px;
}





.user_section select{
    background: #fff;
    border: 1px solid #cfe8ef;
    padding: 5px 5px 5px 7px;
    width: 100%;
    height: 32px;
    font-size: 14px;
    border-radius: 8px;
    margin: 10px 0;
}






.buttons_dust{

}

.buttons_dust .container_ch{

}
.buttons_dust .container_ch p{
    width: 100%;
    max-width: 100%;
}
.buttons_dust .container_ch p a {
    font-size: 12px;
}

.btn-custom-order{
    border: 0;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);;
    align-items: center;
    padding: 5px 10px;
    width: 100%;
    height: 40px;
    border-radius: 8px;
    color: #fff;
    margin-top: 20px;
    cursor: pointer;
}
.btn-custom-order:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}

.has-error .text-danger{
    color: #ff0000;
    font-size: 10px;
    margin-top: 4px;
}


.has-error input.form-control{
    border-color: #fc2a27;
}
.has-error textarea.form-control{
    border-color: #fc2a27!important;
}







.alert.dop{
    color: #ff0000;
    font-size: 20px;
    line-height: 6px;
    position: relative;
    top: 5px;
    margin: 0 5px;
}


.buttons_dust .warnig_wrap {
    margin: 0 0 12px 0;
}
.buttons_dust .warnig_wrap .alert.dop{
    color: #ff0000;
    position: relative;
    top: 0px;
    font-size: 12px;
    display: block;
    line-height: 1.2;
    padding: 10px;
    margin: 0;
}




/**************************************/


.content_success{
    height: calc(100vh - 381px);
}
.content_success .outer_massege{
    padding: 20px;
    background: #f3f3f3;
    border-radius: 24px;
    max-width: 700px;
    margin: 30px auto;
    text-align: center;
}
.content_success .outer_massege h1{
    font-size: 30px;
    margin-bottom: 20px;
}
.content_success .outer_massege .massage_txt{

}
.content_success .outer_massege .massage_txt p{
    margin-bottom: 15px;
}
.content_success .outer_massege .massage_txt a{

}

.content_success .outer_massege .buttons{

}

.btn-primary-succes {
    border: 0;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 10px;
    width: 100%;
    height: 40px;
    border-radius: 8px;
    color: #fff;
    max-width: 162px;
    margin: 20px auto 0;
}

.btn-primary-succes:hover{
    color: #fff;
}



/*******************************************/


.duble_wrap{
    display: grid;
    grid-template: auto / 40fr 60fr;
    grid-gap: 40px;
    margin-bottom: 40px;
}


.duble_wrap .left{

}
.duble_wrap .left .inner{
    background: #f3f3f3;
    border-radius: 15px;
    padding: 15px;
}

.duble_wrap .left .inner h1{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}
.duble_wrap .left .inner .logo{
    margin-bottom: 20px;
}
.duble_wrap .left .inner .logo img{
    width: 420px;
}


.duble_wrap .left .inner .list_con{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
}
.duble_wrap .left .inner .list_con .item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.duble_wrap .left .inner .list_con .item .svg{
    width: 45px;
    height: 45px;
}
.duble_wrap .left .inner .list_con .item .svg svg{
    width: 45px;
    height: 45px;
}
.duble_wrap .left .inner .list_con .item .txt{
    width: calc(100% - 40px);
    padding-left: 14px;
}
.duble_wrap .left .inner .list_con .item .txt p{
    font-size: 16px;
    margin-bottom: 4px;
}
.duble_wrap .left .inner .list_con .item .txt span{
    font-size: 20px;
    display: block;
}
.duble_wrap .left .inner .list_con .item .txt a{
    font-size: 23px;
    display: block;
}
.duble_wrap .left .inner .list_con .item .txt a:hover{

}

.duble_wrap .left .inner .list_con .item.socj .txt {
    width: 100%;
    padding: 0;
}
.duble_wrap .left .inner .list_con .item.socj .txt a{

}
.duble_wrap .left .inner .list_con .item.socj .social {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 17px;
    margin-top: 10px;
}
.duble_wrap .left .inner .list_con .item.socj .social a {

}
.duble_wrap .left .inner .list_con .item.socj .social a svg{
    width: 35px;
    height: 35px;
}








.duble_wrap .right{

}
.duble_wrap .right .form_contact{
    background: #f3f3f3;
    border-radius: 15px;
    padding: 15px;
}
.duble_wrap .right .form_contact legend{
    font-size: 20px;
    margin-bottom: 10px;
}
.duble_wrap .right .dubs1{
    display: grid;
    grid-template: auto / 40fr 40fr;
    grid-gap: 20px;
    margin-bottom: 20px;
}
.duble_wrap .right .form_contact .form-group{

}
.duble_wrap .right .form_contact .form-group label{
    font-size: 14px;
    margin-bottom: 4px;
    display: block;
}
.duble_wrap .right .form_contact .form-group input{

}
.duble_wrap .right .form_contact .form-group textarea{
    background: #fff;
    border: 1px solid #cfe8ef;
    padding: 5px 5px 5px 13px;
    width: 100%;
    border-radius: 8px;
    height: 90px;
}
.duble_wrap .right .form_contact .form-group textarea{

}
.duble_wrap .right .form_contact .buttons{
    padding-top: 20px;
}

.duble_wrap .right .form_contact .buttons .btn-primary{
    border: 0;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 10px;
    width: 100%;
    height: 40px;
    border-radius: 8px;
    color: #fff;
    max-width: 237px;
    cursor: pointer;
}



.map_g{
    margin-top: 20px;
}




.wrap_login{
    min-height: 540px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.wrap_login .inner_login{
    background: #ffffff;
    padding: 30px;
    border-radius: 15px;
    max-width: 570px;
    margin: 0 auto;
    box-shadow: 0 0 6px #00000045;
}
.wrap_login .head_btn{
    margin-bottom: 20px;
}
.wrap_login .btn_links{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
}
.wrap_login .btn_links .link_login{
    border: 0;
    background: linear-gradient(135deg, #e1e1e1 0%, #d9faff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 15px;
    border-radius: 8px;
    color: #000000;
    height: 40px;
    width: 160px;
}
.wrap_login .btn_links .link_login.active{
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);
    color: #fff;
}

.wrap_login .btn_links .link_login:nth-child(1){
    border-radius: 8px 0px 0px 8px;
}
.wrap_login .btn_links .link_login:nth-child(2){
    border-radius: 0px 0px 0px 0px;
}
.wrap_login .btn_links .link_login:nth-child(3){
    border-radius: 0px 8px 8px 0px;
}



.wrap_login .btn_links .link_login:hover{
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);
    color: #fff;
}

.wrap_login .main_form{

}
.wrap_login .main_form h1{
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 20px;
    font-weight: 500;
}
.wrap_login .main_form .for_p{
    font-size: 14px;
    text-align: center;
    color: #999;
    margin-bottom: 15px;
}
.wrap_login fieldset{

}

.wrap_login legend{

}
.wrap_login .form-group {
    margin-bottom: 20px;
}

.alert_ak{
    margin: 5px 0;
    text-align: center;
    font-size: 12px;
    color: #ff0000;
}

.wrap_login .buttons input{
    border: 0;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 15px;
    border-radius: 8px;
    color: #fff;
    height: 40px;
    margin: 15px auto 0;
    cursor: pointer;
}
.wrap_login .buttons input:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}

.hidden_group{
    display: none;
}

.most_content .form-group {
    margin-bottom: 20px;
}
.most_content h1 {
    font-size: 20px;
    margin-bottom: 30px;
}

.inner_login .container_ch p{
    font-size: 12px;
    max-width: 100%;
}
.inner_login .container_ch p a{
    font-size: 12px;
    max-width: 100%;
}
/********************************************************************/
.content_account{
    padding: 50px 0;
}

.duble_flex{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.duble_flex .left_content {
    width: 350px;
}
.duble_flex .left_content .column-left-my{

}
.duble_flex .left_content .column-left-my .list-group{

}

.duble_flex .left_content .column-left-my .list-group a {
    display: block;
    background: #fff;
    padding: 12px 10px;
    border: 1px solid #e7e7e7;
    border-bottom: 0;
}

.duble_flex .left_content .column-left-my .list-group a:hover{
    background: #e7e7e7;
}


.duble_flex .left_content .column-left-my .list-group a:first-child{
    border-radius: 8px 8px 0 0;
}

.duble_flex .left_content .column-left-my .list-group a:last-child{
    border-radius: 0 0 8px 8px ;
    border-bottom: 1px solid #e7e7e7;
}

.duble_flex .left_content .column-left-my .list-group a:hover{

}

.duble_flex .most_content{
    width: calc(100% - 350px);
    padding-left: 30px;
}

.duble_flex .most_content .item_wraps{
    background: #ffffff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 0 6px #00000045;
    margin-bottom: 50px;
}


.most_content .buttons input{
    border: 0;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 15px;
    border-radius: 8px;
    color: #fff;
    height: 40px;
    margin: 15px auto 0;
    cursor: pointer;
}
.most_content .buttons input:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}

.for_rad{
    margin-top: 10px;
}





.adres_table{
    border-collapse: collapse;
}
.adres_table img{
    width: 200px;
}

.adres_table {
    width: 100%;
    border: none;
    margin-bottom: 20px;
}
.adres_table thead th {
    font-weight: bold;
    text-align: left;
    border: none;
    padding: 10px 15px;
    background: #d8d8d8;
    font-size: 14px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.adres_table tbody td {
    text-align: left;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 14px 12px;
    font-size: 14px;
    vertical-align: middle;
}

.adres_table tbody tr:last-child td{
    border-bottom: none;
}


.adres_table thead tr th:first-child, .adres_table tbody tr td:first-child {
    border-left: none;
}
.adres_table thead tr th:last-child, .adres_table tbody tr td:last-child {
    border-right: none;
}
.adres_table tbody tr:nth-child(even){
    background: #f3f3f3;
}
.adres_table tbody tr:hover{
    background: #e7e7e7;
}


.adres_table thead{
    background: #ececec;
}

.adres_table thead td{
    padding: 12px;
}
.adres_table thead td strong{
    font-weight: 600;
    font-size: 16px;
}




.adres_table .main_btn_compare {
    border: 0;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);
    align-items: center;
    padding: 4px 11px;
    border-radius: 8px;
    color: #fff;
    margin: 0px auto 0;
    cursor: pointer;
    font-size: 12px;
}
.adres_table .main_btn_compare:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}





.adres_table .main_btn_compare:hover{
    color: #fff;
}

.adres_table .btn-danger-remove {
    background: #ca2121;
    padding: 4px 11px;
    align-items: center;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}
.adres_table .btn-danger-remove:hover {
    background: #ae1d1d;
}

.for_new_adress .btn-primary {
    border: 0;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 15px;
    border-radius: 8px;
    color: #fff;
    height: 40px;
    margin: 15px auto 0;
    cursor: pointer;
    width: 150px;
}
.for_new_adress .btn-primary:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}

.for_new_adress .btn-primary:hover {
    color: #fff;
}





.btns_rigt{
    display: flex;
    gap: 10px;
}


.adres_table .btns_rigt .main_btn_compare{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 35px;
    height: 35px;
    margin: 0;
}
.adres_table .btns_rigt .main_btn_compare img {
    width: 20px;
    height: 20px;
}
.adres_table .btns_rigt .btn-danger-remove{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 35px;
    height: 35px;
}
.adres_table .btns_rigt .btn-danger-remove img{
    width: 20px;
    height: 20px;
}



















.most_content .table_compare thead td {
    padding: 12px;
    font-size: 12px;
}

.most_content .table_compare .main_btn_compare{
    border: 0;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);
    align-items: center;
    padding: 4px 11px;
    border-radius: 8px;
    color: #fff;
    margin: 0px auto 0;
    cursor: pointer;
    font-size: 12px;
}
.most_content .table_compare .main_btn_compare:hover{
    background: linear-gradient(135deg, #362a94 20%, #09c7e3 100%);
}



.most_content tfoot.tfoot1 td{
    text-align: left;
    padding: 8px 12px;
    font-size: 12px;
    vertical-align: top;
    font-weight: 600;
    background: #ececec;
}

.tooltip{display: none!important;}


.swiper-container{
    padding: 10px 0;
}




.shadow_one_click{
    background: #00000045;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 465465;
    display: none;
}

.shadow_one_click .modal_click{
    width: 400px;
    height: auto;
    background: #ffffff;
    padding: 15px 15px 15px 15px;
    margin: 5% auto;
    border-radius: 8px;
    box-shadow: 0 0 7px #8787877d;
    position: relative;
}

.shadow_one_click .modal_click .close_modal_one{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.shadow_one_click .modal_click .close_modal_one svg{
    width: 15px;
    height: 15px;
}


.shadow_one_click .modal_click .content_modal{

}

.shadow_one_click .modal_click .content_modal .name_wrap_one{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.shadow_one_click .modal_click .content_modal .name_wrap_one .img{
    max-width: 100px;

}
.shadow_one_click .modal_click .content_modal .name_wrap_one .img img{
    max-width: 100%;
}
.shadow_one_click .modal_click .content_modal .name_wrap_one .title{
    width: calc(100% - 100px);
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400;
}

.shadow_one_click .modal_click .content_modal .form_one_modal_price{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    gap: 10px;
}
.shadow_one_click .modal_click .content_modal .form_one_modal_price .price_inc{

}

.shadow_one_click .modal_click .content_modal .form_one_modal_price .price_inc .list-unstyled{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
}
.shadow_one_click .modal_click .content_modal .form_one_modal_price .price_inc .list-unstyled li{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 7px;
    width: 100%;
}

.shadow_one_click .modal_click .content_modal .form_one_modal_price .price_inc .list-unstyled li:nth-child(2){
    border: 0;
}

.shadow_one_click .modal_click .content_modal .form_one_modal_price .price_inc .list-unstyled li p{
    font-size: 12px;
    text-align: left;
    width: 120px;
    color: #797979;
}
.shadow_one_click .modal_click .content_modal .form_one_modal_price .price_inc .list-unstyled li span{
    font-size: 16px;
}
.shadow_one_click .modal_click .content_modal .form_one_modal_price .price_inc .list-unstyled li h2{
    font-size: 16px;
}


.btns_quanty .input-group-plus-minus2{
    gap: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btns_quanty .input-group-plus-minus2 .input-group-btn{

}
.btns_quanty .input-group-plus-minus2 .input-group-btn .btn-default{
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);
    border: 0;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 26px;
}
.btns_quanty .input-group-plus-minus2 .form-control{
    text-align: center;
    height: 35px;
    padding: 2px;
    width: 40px;
    border: 1px solid #0bc1e0;
    border-radius: 8px;
    background: #fff;
}



.shadow_one_click .modal_click .content_modal .form-group{
    margin-bottom: 10px;
}
.shadow_one_click .modal_click .content_modal .form-group textarea{
    background: #fff;
    border: 1px solid #cfe8ef;
    padding: 5px 5px 5px 13px;
    width: 100%;
    border-radius: 8px;
    height: 67px;
}
.shadow_one_click .modal_click .content_modal .igree{

}
.shadow_one_click .modal_click .content_modal .igree p{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 10px;
}
.shadow_one_click .modal_click .content_modal .igree p a{
    font-size: 10px;
}
.shadow_one_click .modal_click .content_modal .form-group button {
    border: 0;
    background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 10px;
    width: 148px;
    height: 40px;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    margin: 10px auto 0;
}



.hide_list{
    background: #4bb50e59;
    border-radius: 8px;
    display: none;
}

.hide_list h4{
    text-align: center;
    font-size: 20px;
    margin-bottom: 3px;
    padding: 15px 10px 3px;
}

.hide_list p{
    font-weight: 400;
    text-align: center;
    font-size: 14px;
    padding: 0px 10px 8px;
}




.open_modal_search{
    display: none;
}
.hidden_btn{
    display: none;
}

.swipe_inner{
    display: none;
}

.mob_top_hide{
    display: none;
}
.warnig_wrap .alert.alert-warning {
    position: relative;
    top: 0;
    left: 0;
    z-index: 465456;
    width: 100%;
    color: #000000;
    padding: 10px 20px 10px 10px;
    border-radius: 8px;
    box-shadow: 0 0 7px #00000066;
    font-size: 12px;
    background: #ffe8e8;
    max-width: 578px;
}


/************************************************************************************/

#cookie_note{
    display: none;
    position: fixed;
    bottom: 15px;
    left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 20px;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    z-index: 999999999999;
    background: linear-gradient(135deg, #008093 0%, #362a94 100%);
}

#cookie_note p{
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
    color: #ffffff;
    max-width: 80%;
    padding-right: 15px;
}

#cookie_note p a{
    margin: 0;
    font-size: 0.7rem;
    color: #ffffff;
    text-align: left;
    text-decoration: underline;
}
#cookie_note p a:hover{
    text-decoration: none;
    color: #1f8fb7;
}

.cookie_accept{
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 2px solid #fff;
    height: 39px;
    color: #fff;
    background: transparent;
    font-size: 14px;
}

.cookie_accept:hover{
    color: #1f8fb7;
    background: #fff;
}

@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
    }
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
    }
}

/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/


@media (max-width: 1569px){
    .container {
        max-width: 1430px;
    }


}
@media (max-width: 1439px){
    .container {
        max-width: 1360px;
    }
    input[type=text].bf-range-max, input[type=text].bf-range-min, input[type=text].bf-slider-input {
        width: 84px!important;
    }

}

@media (max-width: 1365px){

    .container {
        max-width: 1200px;
    }

    .inner_round .left_r .logo #logo a img {
        width: 260px;
    }
    .inner_round .left_r .search .input_search {
        width: 360px;
    }
    .categories_home .item .wrap_cat span {
        font-size: 14px;
    }

    .actii .wrap_cat_actii p {
        font-size: 13px;
    }
    .actii .wrap_cat_actii span {
        font-size: 14px;
    }

    .main_carusel h3 {
        font-size: 22px;
        height: 38px;
        display: flex;
        align-items: center;
    }

    .wrap-preim .item .title {
        font-size: 16px;
        width: calc(100% - 48px);
    }

    .wrap-preim .item .svg svg {
        width: 34px;
        height: 34px;
    }

    .wrap-preim .item {
        padding: 18px;
    }
    .inner_button {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        width: 100%;
    }

    .product-layout .integer .button-group {
        width: 100%;
        margin-bottom: 10px;
    }

    .product-layout .integer .button-group2 {
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .product-layout .integer .button-group2 .button_wishlist {
        width: 48%;
    }

    .product-layout .integer .button-group2 .button_compare{
        width: 48%;
    }

    .bf-attr-header {
        font-size: 14px;
    }

    input[type=text].bf-range-max, input[type=text].bf-range-min, input[type=text].bf-slider-input {
        width: 73px !important;
    }


    .inner_button {
        opacity: 1;
    }




}

@media (max-width: 1199px){

    .container {
        max-width: 980px;
    }

    .inner_round .left_r .main_menu .navbar .navbar-header .btn_catalog svg {
        width: 28px;
        height: 28px;
    }
    .inner_round .left_r .logo #logo a img {
        width: 200px;
    }
    .inner_round .left_r .search .input_search {
        width: 253px;
    }

    .categories_home {
        display: grid;
        grid-template: auto / 25fr 25fr 25fr 25fr;
        margin: 50px 0;
    }

    .list_pages ul li a {
        font-size: 12px;
        color: #fff;
    }

    .contacts_top .adress span {
        display: block;
        max-width: 195px;
        font-size: 12px;
    }


    .home_seo .inner_seo_txt .txt h2 {
        font-size: 18px;
    }

    .home_seo .inner_seo_txt .txt p {
        font-size: 12px;
    }

    .main_carusel h3:after {
        width: 525px;
    }

    .actii h3:after {
        width: 525px;
    }


    .wrap_grid_two {
        display: grid;
        grid-template: auto / 25fr 75fr;
        grid-gap: 20px;
    }


    .grid_product {
        display: grid;
        grid-template: auto / 25fr 25fr 25fr;
        grid-gap: 30px 14px;
    }

    .wrap_grid_two.for_search .grid_product {
        display: grid;
        grid-template: auto / 25fr 25fr 25fr 25fr;
        grid-gap: 60px 20px;
    }


    .input-groups-search {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .duble_flex .left_content .column-left-my .list-group a {
        padding: 9px 9px;
        font-size: 14px;
    }

    .duble_flex .left_content .column-left-my .list-group a {
        font-size: 14px;
    }
    .duble_flex .left_content {
        width: 160px;
    }
    .duble_flex .most_content {
        width: calc(100% - 160px);
        padding-left: 20px;
    }

    .table_compare img {
        width: 130px;
    }

    .table_compare tbody tr td strong{
        font-size: 14px;
    }
    .total_next .cost_total {
        font-weight: 600;
        font-size: 14px;
    }
    .total_next .total {
        font-size: 16px;
    }

    .timeout .item .svg svg {
        width: 30px;
        height: 30px;
    }

    .timeout .item .txt p{
        font-size: 14px;
    }
    .timeout .item .txt span{
        font-size: 14px;
    }
    .flex_new_footer .liks .list-unstyled li a {
        font-size: 14px;
    }

    .collapse_catalog {
        top: 56px;
    }

}



@media (max-width: 979px){

    .container {
        max-width: 100%;
    }
    .inner_round .left_r .logo #logo a img {
        width: 182px;
    }
    .wrap-preim {
        display: grid;
        grid-template: auto / 25fr 25fr;
        grid-gap: 15px;
    }


    .home_seo .plast {
        align-items: flex-start;
    }
    .home_seo .img {
        width: 300px;
        height: 200px;
    }
    .home_seo .inner_seo_txt {
        width: calc(100% - 300px);
        padding-left: 24px;
    }

    .contacts_top .adress {
        display: none;
    }

    .inner_round .left_r .main_menu .navbar .navbar-header .btn_catalog span {
        display: none;
    }

    .inner_round .left_r .main_menu .navbar .navbar-header .btn_catalog {
        padding: 5px 5px;
    }

    .inner_round .left_r .logo #logo a img {
        width: 184px;
    }


    .inner_round .left_r .search .input_search {

    }


    .inner_round .right_r .item_top a .txt {
        display: none;
    }

    .inner_round .right_r .item_top a svg {
        width: 25px;
        height: 25px;
    }

    .inner_round .right_r .item_top a span {
        width: 18px;
        height: 18px;
        top: -4px;
        left: -15px;
        box-shadow: 0 0 8px #ffffff;
    }


    .inner_round {
        padding: 9px 0;
    }
    body {
        padding-top: 103px;
    }

    .wrap_grid_two {
        display: grid;
        grid-template: auto / 25fr;
        grid-gap: 20px;
    }


    .bf-layout-id-new .bf-btn-reset {

        display: none!important;
    }

    .bf-layout-id-new .bf-btn-show {
        background: rgb(36 106 180) !important;
    }




    .bf-responsive.bf-active.bf-layout-id-new .bf-btn-show,
    .bf-responsive.bf-active.bf-layout-id-new .bf-btn-reset {
        top: 137px!important;
    }


    .bf-responsive.bf-active.bf-layout-id-new .bf-check-position {
        top: 137px!important;
    }


    .timeout .item p {
        font-size: 12px;
    }
    .timeout .item .txt p {
        font-size: 12px;
    }
    .timeout .item .txt span {
        font-size: 12px;
    }


    .product_flex .itr1 {
        width: 190px;
        margin-right: 0px;
    }

    .product_flex {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .prod_box {
        display: grid;
        grid-template: auto / 30fr 30fr;
        grid-gap: 24px;
        margin-bottom: 50px;
    }

    .need_oyt_info {
        display: flex;
        grid-gap: 24px;
        margin-bottom: 50px;
        flex-direction: column-reverse;
    }

    .wrap_grid_two.for_search .grid_product {
        display: grid;
        grid-template: auto / 25fr 25fr 25fr;
        grid-gap: 60px 20px;
    }

    .duble_wrap .left .inner .logo img {
        width: 240px;
    }

    .duble_wrap .left .inner .list_con .item .svg svg {
        width: 38px;
        height: 38px;
    }
    .duble_wrap .left .inner .list_con .item .txt a {
        font-size: 18px;
    }

    .duble_wrap .left .inner .list_con .item .txt span {
        font-size: 18px;
    }

    .duble_wrap .left .inner .list_con .item .txt p {
        font-size: 14px;
    }
    .duble_wrap {
        display: grid;
        grid-template: auto / 40fr 60fr;
        grid-gap: 40px;
        margin-bottom: 40px;
    }


    .cart_modern {
        display: grid;
        grid-template: auto / 50fr;
        grid-gap: 40px;
        margin: 0px 0;
    }


    .outer_compare_tab {
        width: 100%;
        height: auto;
        overflow-x: scroll;
    }


    .wrap_grid_two.for_search .grid_product {
        display: grid;
        grid-template: auto / 25fr 25fr 25fr;
        grid-gap: 60px 20px;
    }

    .duble_flex {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
    .duble_flex .left_content {
        width: 100%;
    }

    .duble_flex .left_content .column-left-my .list-group {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-bottom: 30px;
        gap: 6px;
    }


    .duble_flex .left_content .column-left-my .list-group a {
        display: block;
        background: #fff;
        padding: 12px 10px;
        border: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        border-radius: 8px 8px 8px 8px;
    }
    .duble_flex .left_content .column-left-my .list-group a:first-child {
        border-radius: 8px 8px 8px 8px;
    }
    .duble_flex .left_content .column-left-my .list-group a:last-child {
        border-radius: 8px 8px 8px 8px;
    }

    .duble_flex .most_content {
        width: 100%;
        padding-left: 0;
    }



    .collapse_catalog {
        top: 49px;
    }









}


@media (max-width: 767px){


    #cookie_note.show {
        display: block;
        text-align: left;
        width: 90%;
        bottom: 66px;
        box-shadow: 0 0 24px #fff;
    }

    #cookie_note p {
        margin: 0;
        font-size: 0.7rem;
        text-align: left;
        color: #ffffff;
        max-width: 100%;
        padding-right: 0px;
        padding-bottom: 20px;
    }
    .cookie_accept {
        width: 150px;
        margin: 0 auto;
    }



    .integer_hide{
        display: none;
    }

    .open_modal_search{
        display: block;
    }
    .hidden_btn{
        display: block;
    }

    .inner_round .right_r {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        position: fixed;
        bottom: 0;
        background: #09c7e3;
        left: 0;
        width: 100%;
        padding: 0px 20px;
        height: 52px;
    }

    .main_carusel h3:after {
       display: none;
    }
    .actii h3:after {
        display: none;
    }

    .flex_new_footer {
        display: grid;
        grid-template: auto / 26fr;
        grid-gap: 25px;
        align-items: center;
        justify-content: center;
    }


    .wrap-preim {
        display: grid;
        grid-template: auto / 25fr;
        grid-gap: 15px;
    }

    .home_seo .plast {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .categories_home {
        display: grid;
        grid-template: auto / 25fr 25fr;
        margin: 50px 0;
    }

    .categories_home .item img {
        width: 60px;
        height: 60px;
    }

    .categories_home .item .wrap_cat span {
        font-size: 12px;
    }
    .categories_home .item {
        height: 80px;
    }

    .inner_round .left_r .logo #logo a img {
        width: 140px;
    }


    .inner_round .left_r .search {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        background: #ffffff;
        display: none;
       /* display: flex;*/
        align-items: center;
        justify-content: center;
        gap: 15px;
        padding: 15px;
        box-shadow: 0 0 20px #000;
    }
    .inner_round .left_r .search.opened {
        display: flex;
    }

    .inner_round .left_r .search .input_search {

    }
    .inner_round .left_r .search .input_search {
        width: calc(100% - 58px);
    }

    .inner_round .left_r .search .close_search {
        width: 38px;
    }
    .inner_round .left_r .search .close_search .close_ser {
        height: 38px;
        width: 38px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 8px;
        border: 1px solid #cfe8ef;
    }

    .inner_round .left_r .search .close_search .close_ser img{
        width: 24px;
        height: 24px;
    }





    .inner_round .left_r .main_menu .navbar .navbar-header .btn_catalog span {
        display: block;
        font-size: 12px;
    }


    .inner_round .left_r .main_menu .navbar .navbar-header .btn_catalog .toogle_bg {
        width: 25px;
        height: 25px;
    }
    .inner_round .left_r .main_menu .navbar .navbar-header .btn_catalog.opened .toogle_bg {
        background-size: 21px;
    }
    .inner_round .left_r .main_menu .navbar .navbar-header .btn_catalog {
        padding: 5px 8px 5px 5px;
    }

    .inner_round .left_r {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        width: 100%;
    }


    .open_information_menu{
        background: #362a94;
        background: linear-gradient(135deg, #362a94 0%, #09c7e3 100%);
        border-radius: 8px;
        border: 0;
        padding: 0;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 35px;
    }
    .open_information_menu .svg_info{
        width: 30px;
        height: 30px;
        background-image: url(../image/info_all.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }



    .open_information_menu.opened .svg_info {
        background-image: url(../image/close_catalog.svg);
        background-size: 22px;
    }


    .integer_hide.opened{
        display: block;
    }


    body {
        padding-top: 53px;
    }



    .categories_home {
        margin: 15px 0;
    }

    .main_carusel h3 {
        font-size: 16px;
        height: 30px;
    }

    .main_carusel h3:before {
        border-bottom: 30.0px solid #303293;
    }

    .actii h3 {
        font-size: 16px;
        height: 30px;
        display: flex;
        align-items: center;
    }

    .actii h3:before {
        border-bottom: 30px solid #303293;
    }



    .actii .wrap_cat_actii .txt {
        height: 100px;
    }



    .swiper-pagination {
        bottom: -27px;
    }




    .container_fluid_banner .swiper-container {
        padding: 0px 0px 40px 0px;
    }

    .wrap-preim .item .description {
        font-size: 12px;
    }
    .home_seo .inner_seo_txt {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }
    .home_seo {
        margin: 80px auto 50px;
    }

    footer {
        padding: 23px 0 80px;
    }


    .flex_new_footer .contact_foot {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        text-align: center;
    }

    .flex_new_footer .liks .list-unstyled {
        align-items: center;
        text-align: center;
    }


    .timeout {
        gap: 12px;
        align-items: center;
        display: grid;
        grid-template: auto / 25fr 25fr;
    }
    .timeout .item .txt span {
        font-size: 12px;
        display: block;
    }

    .collapse_catalog {
        top: 44px;
        height: calc(100vh - 53px);
        width: 100vw;
    }





    .top_nav {
        position: fixed;
        top: 53px;
        right: 0;
        width: 100%;
        height: calc(100vh - 105px);
    }


    .list_pages ul {
        display: flex;
        gap: 15px;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .list_pages ul li a {
        font-size: 16px;
        padding: 10px 10px;
    }


    .contacts_top {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction: column;
    }


    .contacts_top .phone a {
        font-size: 22px;
        color: #fff;
    }

    .contacts_top svg {
        width: 31px;
        height: 31px;
    }
    .contacts_top .social {
        display: flex;
        gap: 14px;
        align-items: center;
        justify-content: flex-end;
    }


    .search_btn_hidden{

    }
    .search_btn_hidden .open_modal_search{
        padding: 0;
        border: 0;
        background: transparent;
    }
    .search_btn_hidden .open_modal_search svg {
        width: 25px;
        height: 25px;
    }


    .grid_product {
        display: grid;
        grid-template: auto / 25fr 25fr;
        grid-gap: 30px 14px;
    }

    .bf-responsive.bf-active.bf-layout-id-new .bf-btn-show, .bf-responsive.bf-active.bf-layout-id-new .bf-btn-reset {
        top: 84px !important;
    }
    .row_pagin {
        margin-top: 30px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 30px;
        flex-direction: column;
        gap: 20px;
    }

    .row_pagin .it2{
        font-size: 12px;
    }


    .prod_box {
        display: grid;
        grid-template: auto / 30fr;
        grid-gap: 24px;
        margin-bottom: 50px;
    }
    .attributes {
        display: grid;
        grid-template-columns: 1fr;
    }
    .product_flex {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        width: 100%;
    }
    .wrap_n_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product_flex .itr1 {
        width: 100%;
        margin-right: 0px;
    }

    .inner_button2 .button-group .button_cart {
        width: 100%;
        height: 50px;
    }

    .inner_button2 .button-group .button-one-click {
        width: 100%;
        height: 50px;
    }

    .product_flex .itr2 {
        width: 100%;
    }

    .inner_button2 {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        gap: 8px;
        width: 100%;
    }

    .inner_button2 .button-group {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 9px;
        width: 100%;
    }
    .need_oyt_info .rewiews_atr {
        padding: 0px 0;
    }

    .pole_rew .flex_re {
        display: grid;
        grid-template: auto / 20fr;
        grid-gap: 15px;
    }

    .desc_row h1 {
        font-size: 18px;
    }

    .input-groups-search .beny {
        width: 100%;
    }

    .container_ch p {
        font-size: 14px;
        max-width: 100%;
    }



    .checkmark_ch {
        top: -2px;
    }


    .input-groups-search .beny select {
        min-height: 45px;
    }

    .wrap_grid_two.for_search .grid_product {
        grid-template: auto / 25fr 25fr;
        grid-gap: 40px 13px;
    }
    .product-layout .integer .desc_nav_prod .price .price-new {
        font-size: 15px;
    }

    .product-layout .integer .desc_nav_prod .price .price-old {
        font-size: 12px;
    }
    .duble_wrap {
        display: grid;
        grid-template: auto / 40fr;
        grid-gap: 40px;
        margin-bottom: 40px;
    }

    .duble_wrap .left .inner .list_con .item .txt span {
        font-size: 15px;
    }
    .duble_wrap .right .dubs1 {
        display: grid;
        grid-template: auto / 40fr;
        grid-gap: 20px;
        margin-bottom: 20px;
    }
    .duble_wrap .left .inner h1 {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 30px;
    }

    .wrap_login .btn_links {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0px;
        flex-direction: column;
        width: 100%;
    }

    .wrap_login .btn_links .link_login {
        width: 100%;
    }
    .wrap_login .btn_links .link_login:nth-child(1) {
        border-radius: 8px 8px 0px 0px;
    }

    .wrap_login .btn_links .link_login:nth-child(3) {
        border-radius: 0px 0px 8px 8px;
    }
    input[type='text'],
    input[type='email'],
    input[type='password']
    {
        min-height: 45px;
    }

    .table_compare thead td strong {
        font-size: 14px;
    }

    .table_compare tbody td strike {
        font-size: 12px;
    }


    .container .container{
        padding: 0;
    }


    .duble_flex .most_content .item_wraps {
        padding: 20px 10px;
    }


    .adres_table tbody td {
        padding: 12px 10px;
    }

    .adres_table .btns_rigt .main_btn_compare {
        width: 30px;
        height: 30px;
    }

    .adres_table .btns_rigt .btn-danger-remove {
        width: 30px;
        height: 30px;
    }


    .swipe_wrap {
        overflow-x: scroll;
    }

    .swipe_inner{
        display: block;
        margin: 15px 0;
        background: #09c7e324;
        padding: 10px;
        border-radius: 8px;
        position: relative;
    }

    .swipe_inner .line_svipe{
        display: block;
        width: 100%;
        height: 1px;
        background: #362a94;
        margin-bottom: 30px;
    }
    .swipe_inner .txt_svipe{
        text-align: center;
        font-size: 12px;
        display: block;
        margin-bottom: 10px;
    }
    .swipe_inner .img_svipe{
        width: 20px;
        height: 20px;
        position: absolute;
        bottom: 14px;
        left: 3%;


        animation-name: myAnimation1;
        animation-duration: 8s;
        animation-iteration-count: infinite;
    }



    @keyframes myAnimation1 {
        0%   {left:3%;}
        50%  {left:90%;}
        100% {left:3%;}
    }




    .table-responsive.for_main_cart{

    }

    .table-responsive.for_main_cart .table_compare2 {
        display: none !important;
    }

    .mobile_cart{

    }

    .mobile_cart .list_product_cart{

    }
    .mobile_cart .list_product_cart .item{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 15px 12px;
        background: #f1f1f1;
        border-radius: 5px;
        margin-bottom: 10px;
        padding: 12px 8px;
    }
    .mobile_cart .list_product_cart .item .img_thumb {
        width: 90px;
        order: 1;
    }
    .mobile_cart .list_product_cart .item .img_thumb a{

    }
    .mobile_cart .list_product_cart .item .img_thumb a img{
        width: 70px;
    }


    .mobile_cart .list_product_cart .item .text_name {
        width: calc(100% - 112px);
        order: 2;
    }
    .mobile_cart .list_product_cart .item .text_name a{
        font-size: 12px;
    }
    .mobile_cart .list_product_cart .item .inner_tre {
        order: 3;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 6px;
        width: calc(100% - 173px);
    }
    .mobile_cart .list_product_cart .item .text_quantity{
        order: 4;
        width: 115px;
    }
    .mobile_cart .list_product_cart .item .text_quantity .input-group{

    }
    .mobile_cart .list_product_cart .item .text_quantity .input-group .input-group-btn{

    }
    .mobile_cart .list_product_cart .item .text_quantity .input-group .input-group-btn .btn-default{
        width: 30px;
        height: 30px;
        font-size: 20px;
    }
    .mobile_cart .list_product_cart .item .text_quantity .input-group .form-control{
        width: 50px;
        min-height: 30px;
        height: 30px;
        max-height: 30px;
        font-size: 14px;
    }


    .mobile_cart .list_product_cart .item .text_price{
        font-size: 14px;
    }
    .mobile_cart .list_product_cart .item .text_total{
        font-size: 14px;
    }

    .mobile_cart .list_product_cart .item .text_price span{
        font-size: 10px;
        color: #757575;
    }
    .mobile_cart .list_product_cart .item .text_total span{
        font-size: 10px;
        color: #757575;
    }
    .mobile_cart .list_product_cart .item .text_trash{
        order: 5;
        width: 30px;
    }
    .mobile_cart .list_product_cart .item .text_trash .btn-danger{
        width: 30px;
        height: 30px;
    }
    .mobile_cart .list_product_cart .item .text_trash .btn-danger svg{
        width: 20px;
        height: 20px;
    }


    .mob_top_hide {
        display: block;
    }
    .product-layout .integer .desc_nav_prod .price {
        font-size: 16px;
        font-weight: 500;
    }


























































































}