:root {
    --gray-100: #e3e7f1;
    --brand-color: #0d77b0;
}
html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    background: rgba(237, 237, 237, 0.40);
    overflow-x: hidden;
}

a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
.h1like {
    margin: 0;
    text-decoration: none;
    line-height: 1.2;
}

/* p, h2, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
} */

.title-2 h1 {
    color: #000;
    font-family: var(--montserrat);
    font-size: 42px;
    font-weight: 600;
    line-height: 51.66px;
    margin-bottom: 40px;
}

.title-2 h1 span {
    display: block;
    width: 80px;
    margin: 0 auto;
    height: 3px;
    margin-top: 15px;
    background: #232e69;
}

button:focus,
textarea:focus,
select:focus {
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input:focus {
    outline: none !important;
}

a:active,
a:focus {
    outline: 0;
    outline: none !important;
    -moz-outline-style: none;
}

button {
    border: none;
}

a,
img,
span,
input,
textarea,
button,
svg,
path,
circle {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}


::-webkit-scrollbar {
    width: 6px;
    height: 5px;
    border-radius: 50px;
    background: #E3E7F1;
}

::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background: #016499;
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.text-black {
    color: #000;
}

.main-wrap {
    background-color: #fff;
}

.container-fluid {
    max-width: 1520px;
    /*background: rgba(237, 237, 237, 0.40);*/
}

.main-title {
    color: #000;
    font-size: 24px;
    font-weight: 600;
}

.main-slide .swiper-slide {
    height: 590px;
    background-position: 40%, center;
}

.main-btn {
    border-radius: 5px;
    background: #0D77B0;
    color: #FFF;
    font-size: 16px;
    width: 238px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-btn:hover {
    background: rgba(13, 119, 176, 0.70);
    color: #FFF;
}
.main-btn.disabled {
    cursor: not-allowed;
    background: rgba(13, 119, 176, 0.70);
    color: #FFF;
}


/* Header top start */
.header {
    margin-bottom: 50px;
}

.header-top {
    /*padding: 10px 0px;*/
    background-color: #333;
}

.header-top .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 38px;
}

.header__top-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 38px;
}

.header__top-nav .header__nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    background-color: transparent;
    color: #FFF;
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.header__top-nav .header__nav-link.yellow {
    color: #F90;
}

.header__top-nav .header__nav-link.yellow:hover {
    color: #F90;
}

.header__top-nav .header__nav-link:hover {
    color: #29A0DF;
}

.dropdown-toggle::after {
    display: none;
}

.header__top-address .header__nav-link.show .menu-down {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.header__top-nav .dropdown-menu,
.header__top-nav .dropdown-item {
    padding: 0;
}

.header__top-nav .dropdown-item:hover {
    background-color: transparent;
}

.header__top-address .header__address-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 360px;
    height: 450px;
    padding: 32px 30px;
    overflow-y: auto;
}

.header__address-menu .header__adress-title {
    color: rgba(0, 0, 0, 0.60);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 28px;
}

.header__address-menu .header__adderss-inp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    border-radius: 5px;
    background: #E3E7F1;
    margin-bottom: 14px;
}

.header__adderss-inp input {
    background-color: transparent;
    border: none;
    padding: 11px 13px 10px 18px;
    width: 100%;
    color: rgba(0, 0, 0, 0.60);
    font-size: 14px;
}

.header__adderss-inp button {
    padding-right: 23px;
    background-color: transparent;
}

.header__address-menu .address__name-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1px;
}

.address__name-wrap .dropdown-item {
    color: rgba(0, 0, 0, 0.60);
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    padding: 0;
}

.header__top-nav .address__name-wrap .dropdown-item:hover {
    color: #E3E7F1;
    background-color: transparent;
}

.header__top-nav .header__drop-menu {
    background: #333;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    width: 251px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.header__top-nav .header__drop-menu .header__drop-link {
    color: #FFF;
    font-size: 14px;
    padding: 13px 29px 16px;
}

.header__top-nav .header__drop-menu .header__drop-link:hover {
    color: rgba(255, 255, 255, 0.40);
}

.header__top-nav .header__drop-menu .drop-br {
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.10);
}

.header__top-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 55px;
    font-size: 14px;
}

.header__top-contact .header__contact-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    color: #FFF;
    font-size: 14px;
}

.header__top-contact .header__top-contact-title {
    color: #29A0DF;
}

.header__top-contact .header__top-contact-sales,
.header__top-contact .header__top-contact-support {
    display: flex;
    flex-direction: column;
    padding: 8px 0 11px 0;
    gap: 2px;
    position: relative;
}

.header__top-contact .header__top-contact-sales img {
    position: absolute;
    left: -22px;
}

.header__top-contact .header__top-contact-sales .header__top-contact-sales-links {
    display: flex;
    gap: 10px;
}

.header__top-contact .header__top-contact-sales .header__top-contact-title {
    /* margin-left: 30px; */
}

.header__top-contact .header__top-contact-email {
    /* padding: 0 30px 0 0; */
}

.product__card-id-orange {
    /* color: #F90!important; */
    color: #F5D77E !important;
}

.product__card-id-gray {
    /* color: #F90!important; */
    color: #333 !important;
}

/* Header top end */

/* Header bottom start */
.header-bottom {
    background: #FFF;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
    padding: 8px 0px 13px;
}

.header-bottom .header__bottom-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
}

.header-bottom .header__bottom-catalog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 17px;
    width: 84%;
}

.header-bottom .header__catalog-link,
.header-media .header__catalog-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    padding: 0 15px;
    border-radius: 5px;
    background: #016499;
    width: 176px;
    height: 41px;
    color: #FFE9E9;
    font-size: 16px;
    font-weight: 600;
}

.header-bottom .header__catalog-link.active,
.header-bottom .header__catalog-link:hover,
.header-media .header__catalog-link:hover {
    background: rgba(13, 119, 176, 0.70);
}

.header-bottom .header__catalog-link.active img {
    transform: rotate(90deg);
}

.header-bottom .header__bottom-catalog .header__search {
    position: relative;
    width: 100%;
}

.header-bottom .header__search .header__search-inp {
    border-radius: 5px;
    background: #E3E7F1;
    padding: 10px 65px 10px 18px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
}

.header-bottom .header__search .header__search-inp::placeholder {
    color: #00000099;
    font-size: 14px;
}

.header-bottom .header__search .header__search-btn {
    position: absolute;
    right: 16px;
    top: 4px;
    padding: 0;
    background-color: transparent;
}

.header__bottom-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header__bottom-links svg {
    color: #4A4A4A;
    max-height: 25px;
}
.header__bottom-links .active svg {
    color: red;
}

.header__bottom-links .link-text {
    color: #4a4a4a;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    white-space: pre;
}

.header__bottom-link {
    border-right: 1px solid #d9d9d980;
    padding: 3px 21px;
    height: 33px;
    text-align: center;
}

.header__bottom-shopping {
    position: relative;
}

/* .header__bottom-shopping::after{
	content: '2';
	position: absolute;
	top: 0;
	left: 4px;
	width: 17px;
	height: 17px;
	background-color: #CE4749;
	border-radius: 100px;
	display: none;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	color: #fff;
} */


.header__bottom-shopping .badge {
    position: absolute;
    top: 0;
    left: 16px;
    width: 17px;
    height: 17px;
    background-color: #CE4749;
    border-radius: 100px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #fff;
}


.header__bottom-shopping.active::after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-bottom .header__top-address {
    display: none;
}

.header-bottom .header-bars {
    background: transparent;
    display: none;
}

.header-bottom .header-media-search {
    width: 100%;
}

.header-bottom .header-media-search,
.header-bottom .header-media-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px;
}

.header-bottom .header-media-menu {
    gap: 16px;
}

/* Header bottom end */

/* Header media */
.header-media {
    position: fixed;
    top: 0;
    left: -150%;
    z-index: 9;
    background-color: #333;
    max-width: 400px;
    padding: 20px 0;
    height: 100vh;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.header-media.active {
    left: 0;
    z-index: 11111;
}

.header-media .header-media-content {
    margin-top: 20px;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.header-media .header-media-content .header__top-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.header-media .header__bottom-link {
    padding: 3px 15px;
}

.header-media .header__bottom-link:first-child {
    padding-left: 0;
}

.header-media .header__catalog-link {
    margin: 0 auto;
}

.header-media .header-media-close {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    margin-right: 15px;
}

.header-media .header-media-close:hover {
    color: #016499;
}

/* Header media */


/* Brendcrumb start */
.breadcrumb {
    margin-bottom: 27px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
}

.breadcrumb::-webkit-scrollbar {
    width: 0;
    height: 0;
    border-radius: 50px;
    background: #E3E7F1;
}

.breadcrumb-item+.breadcrumb-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.breadcrumb .breadcrumb-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: rgba(0, 0, 0, 0.60);
    font-size: 16px;
    -webkit-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    transition: color .3s ease-in;
    white-space: nowrap;
}

.breadcrumb .breadcrumb-item span {
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: rgba(0, 0, 0, 0.60);
    font-size: 16px;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon/chevron-right.svg);
    position: relative;
    margin-right: 7px;
    top: 0px;
    padding: 0;
}

/* Brendcrumb start */


/* Main slide start */
/* .main-slide .swiper-slide {
	background-image: url(../images/main-baner.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
} */
.main__content .swiper-button-prev:after,
.main__content .swiper-rtl .swiper-button-next:after,
.main__content .swiper-button-next:after,
.main__content .swiper-rtl .swiper-button-prev:after,
.article-news-slide-arrow .swiper-button-next:after,
.article-news-slide-arrow .swiper-rtl .swiper-button-prev:after,
.article-news-slide-arrow .swiper-button-prev:after,
.article-news-slide-arrow .swiper-rtl .swiper-button-next:after {
    content: "";
}

.main__content .swiper-button-prev img {
    margin-left: -4px;
}

.main__content .swiper-button-prev,
.main__content .swiper-button-next {
    width: 48px;
    height: 46px;
    border-radius: 100px;
    background-color: #ffffffb3;
    -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.10));
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.10));
}

.main__content .swiper-pagination-bullet {
    background-color: transparent;
    border: 1px solid #fff;
    width: 18px;
    height: 18px;
    opacity: 1;
}

.main__content .swiper-pagination-bullet-active {
    border: 2px solid #F5C74F;
}

.main__content .main-items {
    margin-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.main__content .main-items::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

.main__content .main-items::-webkit-scrollbar-thumb {
    background: transparent;
}

.main__content .main-items .main-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    border-radius: 5px;
    padding: 11px 12px;
    height: 70px;
    margin-bottom: 8px;
    width: 100%;
}

.main__content .main-items .main-item:hover {
    -webkit-box-shadow: 0px 2px 5px 0px #33333391;
    box-shadow: 0px 2px 5px 0px #33333391;
}

.main__content .main-items .main-item1 {
    background: rgba(34, 71, 152, 0.122);
    color: #224798;
}

.main__content .main-items .main-item2 {
    background: rgba(255, 153, 0, 0.20);
    color: #F90;
}

.main__content .main-items .main-item3 {
    background: rgba(101, 78, 151, 0.20);
    color: #6B52A0;
}

.main__content .main-items .main-item4 {
    background: rgba(17, 164, 14, 0.20);
    color: #11A40E;
}

.main__content .main-items .main-item5 {
    background: rgba(220, 30, 30, 0.20);
    color: #DC1E1E;
}

.main__content .main-items .main-item6 {
    background: rgba(13, 119, 176, 0.20);
    color: #0D77B0;
}

.main__content .main-item .main-item-title {
    font-size: 14px;
    line-height: 18px;
    width: 135px;
}

/* Main slide and */

/* Catalog start */
.catalog-sec {
    padding: 36px 0px 86px;
}

.catalog-sec-items .catalog-sec-title {
    color: #000;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 33px;
}

.catalog-mini-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /* justify-content: space-between; */
    gap: 20px;
    overflow-x: auto;
}

.catalog-mini-items::-webkit-scrollbar {
    height: 0;
    width: 0;

}

.catalog-sec-items .catalog-sec-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 364px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 25px;
    height: 130px;
    margin-bottom: 22px;
    border-radius: 5px;
    background: #FFF;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 29px 25px 7px 22px;
}

.catalog-sec-items .catalog-sec-item img {
    margin-top: -24px;
}

.catalog-sec-items .catalog-sec-item span {
    color: #224798;
    font-size: 16px;
    font-weight: 600;
}

.catalog-sec-items .catalog-sec-item .image {
    max-height: 120px;
    max-width: 120px;
}

.catalog-sec-items .catalog-sec-item .image img {
    width: 100%;
    /* height: 100%; */
    object-fit: contain;
}

.catalog-sec-items_for-mob {
    display: none;
}

.catalog-main .cat__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 364px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 25px;
    height: 130px;
    margin-bottom: 22px;
    border-radius: 5px;
    background: #FFF;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 29px 25px 7px 22px;
}

.catalog-main .cat__item img {
    margin-top: -24px;
}

.catalog-main .cat__item span {
    color: #224798;
    font-size: 16px;
    font-weight: 600;
}

.catalog-sec .catalog-sec-item-btn {
    margin: 0 auto;
    display: none;
}

/* Catalog end */

/* Product slide start */
.product-slide {
    padding: 63px 0px 67px;
    background: rgba(237, 237, 237, 0.40);
}

.brend-slide .swiper,
.product-slide .swiper {
    padding: 0px 15px;
}

.product-cards .product-title {
    color: #000;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 30px;
    padding: 0 15px;
}

.product__content .product-new-cards {
    margin-bottom: 55px;
}

.product__content .product-xit-cards {
    margin-top: 80px;
}

.product-card {
    width: 100%;
    position: relative;
    border-radius: 5px;
    border: 1px solid rgba(51, 51, 51, 0.20);
    background: #FFF;
    padding: 19px 28px 42px;
}

.product-card .image {
    height: 297px;
}

.product-card .image_index {
    height: 242px;
    display: flex;
    justify-content: center;
}

.product-card .product-img {
    width: 100%;
    max-height: 100%;
    /* width: 100%;
    height: 250px; */
    object-fit: contain;
    padding-top: 20px;
    padding-bottom: 10px;
}

.product-card .product-like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    position: absolute;
    right: 20px;
    top: 16px;
}

.icon-red:hover svg path,
.like:hover svg path {
    fill: #016499;
}
.icon-red:hover .link-text {
    color: #016499;
}

.icon-red.active svg path,
.like.active svg path {
    fill: red;
}
.icon-red.active .link-text {
    color: red;
}

.product-card .name-spn {
    position: absolute;
    left: -13px;
    top: 47px;
    width: 134px;
    height: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #FFF;
    z-index: 2;
}

.product-card .new-spn {
    background: #11A40E;
}

.product-card .xit-spn {
    background: #CE4749;
}

.product-card .archive-spn {
    background: #A5A5A5;
}


.product-card .action-spn {
    background: #F90;
    /* margin-top: 40px; */
    color: #333;
}

.product-card .product__card-content .product-card-title {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    text-align: left;
    display: inline-block;
    height: 77px;
    overflow: hidden;
}

.product-card .product__card-content .product__card-id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 11px;
}

.product-card .product__card-id span {
    color: rgba(51, 51, 51, 0.70);
    font-size: 14px;
}

.product-card .product__card-id .product__card-id-green,
.ip-camera-card .product-like .product__card-id-green,
.product__card-id-green {
    color: #11A40E;
}

.product-card .product__card-id .product__card-id-red,
.product__card-id-red {
    color: #CE4749;
    /* -webkit-text-decoration-line: underline; */
    /* text-decoration-line: underline; */
}

.product-card .product__card-id .product__card-id-blue,
.product__card-id-blue {
    color: #1AC1D3;
}

.product-card .product__card-content .product-card-sena {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 17px;
    display: block;
}

.product-card .product__card-content .product__card-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.product-card .product__card-links .card-link-buy {
    border-radius: 5px;
    background-color: #0D77B0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 14px 14px;
    color: #FFF;
    font-size: 16px;
    white-space: nowrap;
}

.product-card .product__card-links .card-link-buy:hover {
    background: rgba(13, 119, 176, 0.70);
}

.product-card .product__card-links .card-link-shop {
    padding: 13px 19px;
    border-radius: 5px;
    background-color: #F0F0F0;
}

.product-card .product__card-links .card-link-shop:hover {
    background: #CCC7C7;
}

.product__mini-slide .swiper-button-next:after,
.product__mini-slide .swiper-rtl .swiper-button-prev:after,
.product__mini-slide .swiper-button-prev:after,
.product__mini-slide .swiper-rtl .swiper-button-next:after,
.brend-slide .swiper-button-next:after,
.brend-slide .swiper-rtl .swiper-button-prev:after,
.brend-slide .swiper-button-prev:after,
.brend-slide .swiper-rtl .swiper-button-next:after,
.product-cards .swiper-button-next:after,
.product-cards .swiper-rtl .swiper-button-prev:after,
.product-cards .swiper-button-prev:after,
.product-cards .swiper-rtl .swiper-button-next:after {
    content: '';
}

.product__mini-slide .swiper-button-next,
.brend-slide .swiper-button-next,
.product-cards .swiper-button-next {
    padding: 8px 8px 8px 10px;
    margin-right: -8px;
    margin-top: -14px;
}

.product__mini-slide .swiper-button-prev,
.brend-slide .swiper-button-prev,
.product-cards .swiper-button-prev {
    padding: 8px 10px 8px 8px;
    margin-left: -8px;
    margin-top: -14px;
}

.product__mini-slide .swiper-button-next,
.product__mini-slide .swiper-button-prev,
.brend-slide .swiper-button-prev,
.brend-slide .swiper-button-next,
.product-cards .swiper-button-next,
.product-cards .swiper-button-prev {
    background-color: #fff;
    -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.10));
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.10));
    border-radius: 100px;
    width: 31px;
    height: 29px;
}

.description-cards .swiper-button-next,
.description-cards .swiper-button-prev,
.order-thank-cards .swiper-button-next,
.order-thank-cards .swiper-button-prev,
.product__mini-slide .swiper-button-next,
.product__mini-slide .swiper-button-prev {
    background: #0D77B0
}

.product__mini-slide .swiper-button-next img,
.product__mini-slide .swiper-button-prev img,
.brend-slide .swiper-button-prev img,
.brend-slide .swiper-button-next img,
.product-cards .swiper-button-next img,
.product-cards .swiper-button-prev img {
    width: 13px;
    height: 13px;
}

/* Product slide end */

/* Brend slide start */
.brend-slide {
    padding: 60px 0px 70px;
}

.brend-content .brend-title {
    color: #000;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 18px;
    padding: 0 15px;
}

.brend-content .brend-slide-item {
    height: 106px;
    border-radius: 5px;
    border: 1px solid rgba(51, 51, 51, 0.20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* Brend slide end */

/* Action slide start */
.product-action {
    padding-bottom: 55px;
    background-color: #fff;
}

/* Action slide end */

/* Company start */
.company-sec {
    padding-top: 80px;
}

.company-content .company-title {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 14px;
}

.company-content .company-text {
    max-width: 586px;
    color: rgba(0, 0, 0, 0.70);
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
}

.company-content .company-info {
    border-radius: 5px;
    background: #F8F8F8;
    padding: 36px 40px 50px 40px;
    margin-top: 20px;
}

.company-content .company-info .company__info-content {
    max-width: 900px;
}

.company-content .company-info .company__info-content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    padding-left: 0;
}

.company-content .company-info .company__info-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px;
    color: rgba(0, 0, 0, 0.70);
    font-size: 16px;
    line-height: 20px;
}

.company-content .company-info .company__info-link {
    color: #0D77B0;
    font-size: 16px;
    line-height: 20px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-top: 20px;
}


.company-sec .company-partner {
    margin-top: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    border-radius: 5px;
    border: 1px solid #92B0DD;
    background: -o-linear-gradient(269deg, #CEE4F9 8.75%, #A4BFEA 99.01%);
    background: linear-gradient(181deg, #CEE4F9 8.75%, #A4BFEA 99.01%);
    padding: 13px 180px;
}

.company-sec .company-partner .company-partner-title {
    color: #334552;
    max-width: 326px;
    font-size: 30px;
    font-weight: 600;
    line-height: 44px;
    text-align: center;
}

.company-sec .company-partner .company-partner-title span {
    color: #C9696B;
}

.about__text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    color: #333333B2;
}

/* Company end */

/* News start */
.news {
    padding-top: 62px;
}

.news .news-items .news-title {
    color: #333;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 24px;
}

.news-items .news-item-left {
    padding: 26px 35px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #F8F8F8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 13px;
    margin-bottom: 20px;
}

.news-items .news-item-date {
    color: #000;
    font-size: 16px;
    text-transform: lowercase;
}

.news-items .news-item-left .news-item-text {
    color: #0D77B0;
    font-size: 16px;
    /* text-transform: lowercase; */
    cursor: pointer;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.news-items .news-item-left .news-item-text:hover {
    color: #0D77B0;
}

.news-items .news__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    color: #0D77B0;
    font-size: 16px;
    line-height: 20px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.news-items .news-item-left3 {
    margin-bottom: 34px;
}

.news-items .news-item-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
    height: 225px;
    padding: 22px 20px 24px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: rgba(164, 191, 234, 0.20);
    margin-bottom: 24px;
}

.news-items .news-item-right .news-item-date {
    color: #11A40E;
    line-height: 28px;
}

.news-items .news-item-right .news-item-name {
    color: #0D77B0;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    cursor: pointer;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.news-items .news-item-right .news-item-name:hover {
    color: #0D77B0;
}

.news-items .news-item-right .news-item-text {
    color: #333;
    font-size: 16px;
    line-height: 28px;
}

.news-items .news-item-right .news-item-text span:last-child {
    color: rgba(51, 51, 51, 0.70);
    margin-left: 8px;
}

/* News end */

/* Subscribe start */
.subscribe {
    padding-top: 70px;
}

.subscribe .subscribe-content {
    border-radius: 5px;
    border: 1px solid #A3AEB5;
    background: #E6E6E6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 50px 20px 64px;
}

.subscribe-content .subscribe-title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-transform: uppercase;
    gap: 5px;
}

.subscribe-content .subscribe-title-wrap .subscrib-title-black {
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.subscribe-content .subscribe-title-wrap .subscrib-title-red {
    color: #C9696B;
    font-size: 24px;
    font-weight: 700;
}

.subscribe-content .subscribe-title-wrap .subscrib-title-blue {
    color: #0D77B0;
    font-size: 18px;
    font-weight: 700;
}

.subscribe-content .subscribe-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.subscribe-content .subscribe-form .subscribe-form-inp {
    border-radius: 5px;
    border: 1px solid rgba(13, 119, 176, 0.40);
    background: rgba(255, 255, 255, 0.70);
    width: 320px;
    height: 52px;
    padding: 10px;
}

/* Subscribe end */

/* Services sec start */
.services-sec {
    margin-top: 56px;
    padding-bottom: 88px;
}

.services-sec-info .services-sec-title {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 17px;
}

.services-sec-info .services-sec-text {
    max-width: 550px;
    color: #333;
    font-size: 16px;
    margin-bottom: 16px;
}

.services-sec-info .services-sec-link {
    color: #0D77B0;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

/* Services sec end */

/* Blog start */
.blog-sec .blog-links-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 20px;
}

.blog-sec .blog-links-wrap span {
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.blog-sec .blog-links-wrap .blog-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
    margin-left: 20px;
}

.blog-sec .blog-links-wrap .blog-link {
    color: #959BAA;
    font-size: 16px;
    font-weight: 600;
}

.blog-sec .blog-links-wrap .blog-link.active,
.blog-sec .blog-links-wrap .blog-link:hover {
    color: #0D77B0;
}

.blog-cards-wrap .blog-cards-title {
    margin-bottom: 27px;
}

.blog-cards-wrap .blog-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.blog-cards-wrap .blog-cards .blog-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    border-radius: 5px;
    border: 1px solid rgba(51, 51, 51, 0.20);
    background: #FFF;
}

.blog-cards-wrap .blog-card .blog-card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 33px 30px 24px 0;
}

.blog-cards-wrap .blog-card .blog-card-title {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.blog-cards-wrap .blog-card .blog-card-text {
    color: rgba(51, 51, 51, 0.70);
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 58px;
}

.blog-cards-wrap .blog-card .blog-card-link {
    margin-left: auto;
    color: #0D77B0;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.blog-cards-wrap .blog-btn {
    margin: 52px auto 0;
}

.blog-card:last-child {
    margin-bottom: 60px;
}

.blog-subscribe {
    /* margin-top: 98px; */
}

/* Blog end */

/* Blog article start */
.blog-article .blog-article-title {
    margin-bottom: 20px;
}

.blog-article .blog-article-info {
    border-radius: 5px;
    border: 1px solid rgba(51, 51, 51, 0.20);
    background: #FFF;
}

.blog-article .blog-article-info .blog-article-img {
    width: 100%;
}

.blog-article .blog-article-info .blog-info-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 48px 70px;
}

.blog-article .blog-article-info h5 {
    font-size: 32px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    display: flex;
    padding: 0 70px;
    color: #333333B2;
}

.blog-article .blog-article-info .brands {
    display: flex;
    /* flex-direction: column; */
    /* padding: 5px 70px; */
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center;
    gap: 40px;
}

.blog-article .blog-article-info .brands h5 {
    margin-bottom: 10px;
}

.blog-content {
    margin-bottom: 60px;
}

.brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 375px;
    /* margin: auto; */
    flex-direction: column;
    margin-bottom: 10px;
}

.brand .brand__info span {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    color: #333333B2;
}

.brand img {
    max-width: 100px;
    height: 100px;
    margin-right: 10px;
}

.blog-article .blog-article-info .blog-info-text {
    color: rgba(51, 51, 51, 0.70);
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 35px;
}

.blog-article .blog-article-read {
    padding: 20px 20px 40px;
    background-color: #FFF;
    border: 1px solid #33333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 2px;
    gap: 20px;
}

.blog-article .blog-article-read .blog-article-read-title {
    color: #000;
    font-size: 18px;
}

.blog-article .blog-article-read .blog__article-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.blog-article .blog-article-read .blog__article-card {
    padding: 13px 13px 14px 11px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: rgba(246, 246, 246, 0.50);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
}

.blog-article .blog-article-read .blog__article-card:hover {
    background: #dbdbdb80;
}

.blog-article-read .blog__article-card .blog__article-card-date {
    color: rgba(0, 0, 0, 0.70);
    margin-bottom: 3px;
    font-size: 14px;
}

.blog-article-read .blog__article-card .blog__article-card-text {
    color: #202020;
    font-size: 14px;
    font-weight: 600;
}

/* Blog article end */

/* Personal start */
.personal-content .personal-title {
    margin-bottom: 12px;
}

.personal-content .personal-profile {
    background: #fff;
    border: 1px solid #D9D9D9;
    padding: 56px 30px 19px 33px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.personal-content .personal-profile .pofile-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 13px;
}

.personal-content .personal-profile .pofile-img a {
    width: 150px;
    height: 150px;
    background: #F8F8F8;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.personal-content .personal-profile .pofile-img .profile-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.personal-content .personal-profile .profil-person-job {
    color: rgba(51, 51, 51, 0.50);
    font-size: 16px;
    margin-bottom: 7px;
}

.personal-content .personal-profile .profil-person-name {
    color: #333;
    font-size: 18px;
}

.personal-profile .profile-person-email {
    margin-top: 10px;
    margin-bottom: 11px;
}

.personal-profile .profile-person-phone a,
.personal-profile .profile-person-email a {
    color: #333;
    font-size: 18px;
}

.personal-profile .profile-person-phone a span,
.personal-profile .profile-person-email a span {
    font-weight: 600;
}

.personal-profile .profile-change {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    /* justify-content: end; */
    justify-content: space-between;
}

.personal-profile .profile-change a {
    color: #000;
    font-size: 14px;
}

.personal-products .personal__product-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 40px;
}

.personal-products .personal__product-tabs .nav-pills {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    gap: 3px;
    -moz-overflow-style: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.catalog-mini-items,
.breadcrumb {
    -moz-overflow-style: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.personal__product-tabs .nav-pills::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

.personal__product-tabs .nav-pills::-webkit-scrollbar-thumb {
    background: transparent;
}

.personal-products .personal__product-tabs .nav-pills .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 220px;
    height: 44px;
    gap: 12px;
    border-radius: 5px;
    border: 1px solid #E3E7F1;
    background: #E3E7F1;
    color: #224798;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
}

.personal-products .personal__product-tabs .nav-pills .nav-link.active {
    border: 1px solid #0D77B0;
    background: #0D77B0;
    color: #FFF;
}

.personal-products .personal__product-tabs .nav-pills .nav-link.active svg path {
    fill: #FFF;
}

.personal-products .personal__product-tabs .personal-product-shop a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 11px;
    color: #0D77B0;
    font-size: 16px;
}

.personal-products .personal__product-tabs .personal-product-shop a img {
    background: #0d77b033;
    -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.10));
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.10));
    padding: 8px 8px 8px 10px;
    border-radius: 50%;
}

.personal-products .personal__product-tabs .personal-product-shop a:hover img {
    background: #0d77b06c;

}

.personal-products .personal__basket-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}

.personal__basket-card .image {
    width: 300px;
    height: 300px;
    object-fit: contain;
}

.personal__basket-card .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 150px;
    max-height: 150px;
    display: block;
}

/* .basket-card-img img {
	width: 80%;
} */

.personal-products .personal__basket-content__history {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}

.personal-products .personal__basket-content .personal-basket-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.personal-products .personal__basket-content .personal__basket-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px;
}

.personal__basket-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.personal__basket-check-inp[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    display: -ms-grid;
    display: grid;
    place-content: center;
    cursor: pointer;
    background: #F0F0F0;
}

.personal__basket-check-inp[type="checkbox"]:checked {
    background: #0D77B0;
}

.personal__basket-check-inp[type="checkbox"]::before {
    content: "";
    width: 0.85em;
    height: 0.85em;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 120ms ease-in-out;
    -o-transition: 120ms ease-in-out;
    transition: 120ms ease-in-out;
}

.personal__basket-check-inp[type="checkbox"]:checked::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.personal__basket-check-inp[type="checkbox"]::before {
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    background-color: #fff;
}

.personal__basket-check label {
    color: #333;
    font-size: 16px;
    cursor: pointer;
}

.personal__basket-content .personal__basket-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding: 15px 40px 15px 23px;
}

.personal__basket-content .personal__basket-card .basket__card-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.personal__basket-card .basket__card-info .basket-card-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9px;
}

.personal__basket-card .basket__card-info .basket-card-text p {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    max-width: 420px;
}

.personal__basket-card .basket__card-info .basket-card-text span {
    color: rgba(51, 51, 51, 0.70);
    font-size: 14px;
}

.personal__basket-card .basket__card-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 105px;
    margin-left: 25px;
}

.personal__basket-card .basket__card-price .basket-price-spn {
    color: #333;
    font-size: 16px;
    white-space: nowrap;
}

.personal__basket-card .basket__card-price .basket__card-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 9px;
    border-radius: 2px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    /*width: 80px;*/
    height: 35px;
    padding: 0px 10px;
}

.personal__basket-card .basket__card-price .basket-count-btn {
    width: 100%;
    height: 100%;
    background-color: transparent;
    color: rgba(0, 0, 0, 0.30);
    font-size: 22px;
    font-weight: 600;
}

.personal__basket-card .basket__card-price .basket-count-btn:focus,
.personal__basket-card .basket__card-price .basket-count-btn:hover {
    color: #333;
}

.personal__basket-card .basket__card-price .resultCount {
    font-size: 22px;
    font-weight: 600;
}

.personal__basket-content .personal__basket-card .personal__basket-close {
    background-color: transparent;
    margin-left: auto;
}

.personal__basket-content .personal__basket-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.personal__basket-content .personal__basket-bottom .basket-checkout-item {
    padding: 33px 25px 35px;
    border-radius: 5px;
    background: #E3E7F1;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.personal__basket-content .personal__basket-bottom .basket-checkout-item p {
    color: #333;
    font-size: 16px;
    margin-bottom: 5px;
}

.personal__basket-content .personal__basket-bottom .basket-checkout-item span {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.personal__basket-content .personal__basket-bottom .basket-checkout-item span .bold-text {
    color: #333;
    font-size: 30px;
    font-weight: 700;
}

.personal__basket-bottom .personal__basket-checkout .basket__checkout-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 20px;
    margin-top: 20px;
}

.personal__basket-bottom .personal__basket-checkout .basket__checkout-check label {
    color: rgba(51, 51, 51, 0.50);
    font-size: 14px;
    max-width: 210px;
}

.personal__basket-bottom .basket__checkout-check label a {
    color: #0D77B0;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.personal__basket-card .basket__card-info .basket-card-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 43px;
    margin-left: 43px;
}

.personal__basket-card .basket__card-info .basket-card-date span {
    color: #333;
    font-size: 16px;
    white-space: nowrap;
}

/* Personal end */

/* Catalog page start */
.catalog .catalog-main {
    margin-top: 23px;
}

.catalog-content-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.catalog-content-title .catalog-analiz-btn {
    background: transparent;
    display: none;
}

.catalog-sidebar {
    max-width: 365px;
}

.catalog-sidebar .sidebar__filter-links {
    margin-bottom: 90px;
}

.catalog-sidebar .sidebar__filter-links,
.catalog-sidebar .sidebar__filter-links .sidebar__filter-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
}

.catalog-sidebar .sidebar__filter-links span {
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.catalog-sidebar .sidebar__filter-links .sidebar__filter-link {
    margin-left: 20px;
}

.catalog-sidebar .sidebar__filter-links .sidebar__filter-link a {
    color: #959BAA;
    font-size: 16px;
    font-weight: 600;
}

.catalog-sidebar .sidebar__filter-links .sidebar__filter-link a:hover,
.catalog-sidebar .sidebar__filter-links .sidebar__filter-link a.active {
    color: #0D77B0;
    font-size: 16px;
    font-weight: 600;
}

.catalog-sidebar .catalog-filter {
    display: flex;
    flex-direction: column;
    gap: 14px;
    border-radius: 5px;
    background: #FFF;
    max-width: 290px;
    padding: 34px 0px 40px;
    transition: .5s all ease;
    position: relative;
}

.catalog-filter .catalog-filter-title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.catalog-filter-show {
    display: none;
}

.catalog-sidebar .catalog-filter.active {
    top: 0;
}

.catalog-sidebar .catalog-filter.active .catalog-filter-bg {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: #ffffff63;
    overflow-x: hidden;
    overflow-y: auto;
}

.catalog-filter .catalog-filter-title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.catalog-filter .filter-title {
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.catalog-filter .catalog-filter-link {
    font-size: 14px;
    color: #7B7B7B;
}

.catalog-filter .catalog-filter-btn {
    width: 100%;
    height: 40px;
    background: #0D77B0;
    border-radius: 5px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #F1F1F1;
    margin-top: 10px;
}
.catalog-filter .catalog-filter-btn-reset {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #7B7B7B;
    margin-top: 10px;
}


.catalog-filter .accordion-item {
    border: none;
}

.catalog-filter .accordion-button {
    padding: 0 0 14px;
    border: 0;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.catalog-filter .accordion-body {
    padding: 0 0 14px;
}

.question-items .accordion-button:focus,
.catalog-filter .accordion-button:focus,
.catalog-filter .accordion-button:not(.collapsed) {
    border-color: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
}

.catalog-filter .accordion-button::after {
    content: "";
    background-image: url(../images/icon/dropdown-arrow.svg?v=2);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.catalog-filter .accordion-button:not(.collapsed)::after {
    background-image: url(../images/icon/dropdown-arrow.svg?v=2);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.price_filter_text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #7B7B7B;
    margin-right: 8px;
}

.range-slider {
    height: 5px;
    position: relative;
    background-color: #e1e9f6;
    border-radius: 2px;
    margin-top: 24px;
}

#price_filter_slider {
    margin-top: 12px;
    height: 2px;
    border: none;
    background-color: #DCDCDC;
}

#price_filter_slider .ui-slider-range {
    background-color: #224798;
}

#price_filter_slider .ui-slider-handle {
    border-radius: 100%;
    background-color: #224798;
    top: -4px;
    border: 3px solid #224798;
    transition: all 0ms;
    width: 10px;
    height: 10px;
    margin-left: -4px;
}

#price_filter_slider .ui-slider-handle.ui-state-hover,
#price_filter_slider .ui-slider-handle.ui-state-focus,

#price_filter_slider .ui-slider-handle:focus-visible {
    background-color: white;
    background: white;
    border: 3px solid e1e9f6;
    outline: none;
}

#price_filter_slider .ui-slider-handle.ui-state-active {
    background-color: #1b53c0;
}

@media only screen and (hover: hover) {
    #price_filter_slider .ui-slider-handle:hover {
        background-color: #1b53c0;
    }
}


.range-selected {
    height: 100%;
    left: 0%;
    right: 0%;
    position: absolute;
    border-radius: 5px;
    background-color: #1b53c0;
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    z-index: 1;
}

.range-input input::-webkit-slider-thumb {
    height: 26px;
    width: 26px;
    border-radius: 50%;
    border: 3px solid #E3E7F1;
    background-color: #fff;
    pointer-events: auto;
    -webkit-appearance: none;
}

.range-input input::-webkit-slider-thumb:hover {
    background: #039BE5;
}

.range-price {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.range-price span {
    color: #D9D9D9;
    font-size: 25px;
}

.range-price input {
    box-sizing: border-box;
    width: 100px;
    height: 36px;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding: 10px;
    color: #000000;
}

.catalog-filter .filter-discount-inp input {
    border-radius: 5px;
    background: #E3E7F1;
    color: #959BAA;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
    width: 111px;
    height: 35px;
    border: none;
}

.catalog-filter .filter-check-inp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 11px;
}

.catalog-filter .filter-check-inp .personal__basket-check label {
    color: #959BAA;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
}

.filter-check-inp .personal__basket-check .personal__basket-check-inp[type="checkbox"] {
    width: 15px;
    height: 15px;
}

.filter-check-inp .personal__basket-check .personal__basket-check-inp[type="checkbox"]::before {
    width: 0.45em;
    height: 0.45em;
}


.catalog-filter .filter-checkbox {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px;
    gap: 16px;
    width: 18px;
    height: 18px;
    background: #EDEFF3;
    border: 1px solid #D3D8E6;
    border-radius: 5px;
    cursor: pointer;
}

.catalog-filter .filter-checkbox.selected {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px;
    gap: 16px;
    width: 18px;
    height: 18px;
    background: #224798;
    border: 1px solid #D3D8E6;
    border-radius: 5px;
    background-image: url("data:image/svg+xml;utf8, <svg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.04765 5.76818L0.774178 3.49471L0 4.26343L3.04765 7.31108L9.59 0.768727L8.82127 0L3.04765 5.76818Z' fill='white'/></svg>");
    background-position: center ;
    background-repeat: no-repeat;
}

.catalog-filter .filter-group {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    flex-direction: column;
}

.catalog-filter .twocols {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.catalog-filter .twocols .filter-row {
    width: 47%;
}

.catalog-filter .filter-item {
    border-radius: 5px;
    background: #E3E7F1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px 10px;
    gap: 10px;
    color: #959BAA;
    font-size: 14px;
    font-weight: 600;
}

.catalog-filter .filter-row {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
}
.catalog-filter .filter-label {
    color: #000000;
    font-size: 15px;
    cursor: pointer;
}
.catalog-filter .filter-label.unavailable,
.catalog-filter .filter-item-counter.unavailable{
    color: #CCCCCC;
}
.catalog-filter .filter-item-counter {
    color: #7B7B7B;
    font-size: 15px;
}

.catalog-filter .filter-screen-dioganal {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    flex-direction: column;
}

.catalog-filter .filter-screen-dioganal .screen-dioganal-btn {
    border-radius: 5px;
    background: #E3E7F1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px 10px;
    gap: 10px;
    color: #959BAA;
    font-size: 14px;
    font-weight: 600;
}

.catalog-filter .filter-screen-dioganal .screen-dioganal-btn:hover {
    background: #d1d5de;
}

.catalog-filter .filter-screen-dioganal .screen-dioganal-btn.selected {
    background: #56A0C8;
}

.catalog-filter .filter-screen-dioganal .screen-dioganal-btn.selected {
    color: #ffffff;
}

.catalog-filter .filter-screen-dioganal .screen-dioganal-btn span {
    border-radius: 5px;
    background: #FFF;
    padding: 1px 5px;
}

.catalog-filter .filter-screen-dioganal .screen-dioganal-btn.selected span {
    color: #56A0C8;
}
.catalog-filter .more-btn-wrap {
    width: 100%;
}
.catalog-filter .more-btn {
    width: fit-content;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #717171;
    border-bottom: 0.5px dashed #717171;
    cursor: pointer;
}

.catalog-filter .filter_group {
    color:#0d77b0;
    text-transform: uppercase;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 35px;
}

.catalog-main .catalog__product-info-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 40px;
}

.catalog-main .catalog__product-info-text_for-mob {
    display: none;
}

.catalog-main .catalog__product-info-text .catalog-product-text {
    color: rgba(0, 0, 0, 0.50);
    font-size: 16px;
    line-height: 26px;
}

.catalog-main .catalog-product-link {
    color: #0D77B0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 26px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    margin-left: auto;
    display: none;
}

.catalog-product .filter-show-btn {
    background-color: #FFF;
    width: 100%;
    height: 52px;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 15px;
}

.catalog-main .catalog-cards-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    gap: 22px;
    margin-bottom: 20px;
}

.catalog-main .catalog-cards-top .catalog-cards-delete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.catalog-main .catalog-cards-top .catalog-cards-drop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}

.catalog-main .catalog-cards-top .catalog-cards-drop span {
    color: #959BAA;
    font-size: 14px;
    font-weight: 600;
}

.catalog-main .catalog-cards-top .catalog-cards-drop .dropdown-toggle {
    color: #333;
    /*margin-top: 132px;*/
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.catalog-cards-top .catalog-cards-drop .dropdown-toggle.show svg,
.order-content .order-delevery-drop .dropdown-toggle.show svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.catalog-main .catalog-cards-drop .dropdown-menu {
    border-radius: 10px;
    -webkit-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease;
}

.catalog-main .catalog-cards-drop .dropdown-menu .dropdown-item {
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.catalog-main .catalog-cards-drop .dropdown-menu .dropdown-item:hover {
    color: #00305F;
}

.catalog-product .catalog-cards-btn {
    margin: 55px auto 0;
}

/* Catalog page end */

/* Product mini card slide */
.product__mini-slide {
    padding-top: 58px;
}

.product__mini-slide .productMini-slide {
    padding: 0px 17px;
}

.product__mini-slide .product__mini-slide-title {
    margin-bottom: 33px;
}

.product__mini-slide .swiper-button-next,
.product__mini-slide .swiper-button-prev {
    margin-top: -23px;
}

/* Product mini card slide */

/* Order thank start */
.order-thank-sec .order-thank-content,
.basket-thank-sec .basket-thank-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 26px;
    padding: 72px 0px 66px;
}

.basket-thank-content .basket-thank-img img,
.order-thank-sec .order-thank-content .order-thank-img img {
    width: 100%;
}

.basket-thank-content .basket-thank-title,
.order-thank-sec .order-thank-content .order-thank-title {
    color: #000;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
}

.basket-thank-content .basket-thank-text,
.order-thank-sec .order-thank-content .order-thank-text {
    color: #DB756E;
    font-size: 24px;
    font-weight: 600;
    margin-top: 6px;
    text-align: center;
}

.basket-thank-content .basket-thank-text a {
    color: #0D77B0;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.order-subscribe {
    padding-top: 0;
}

.order-thank-cards {
    margin-top: 60px;
}

.order-thank-cards .order-thank-cards-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 27px;
}

.order-thank-cards .swiper {
    padding: 0px 15px;
}

.order-thank-cards .swiper-button-next,
.order-thank-cards .swiper-button-prev {
    display: none;
}

/* Order thank end */

/* Basket start */
.basket-mini-items {
    padding-top: 50px;
}

.basket-mini-items .basket-items-btn {
    margin: 38px auto 0;
}

/* Basket end */


/* Order start */
.order-content .order-title {
    margin-bottom: 23px;
}

.order-content .order-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px 30px 98px;
    background: #fff;
    border: 1px solid #D9D9D9;
    height: 100vh;
    overflow: auto;
}

.order-content .order-info .order-delavery-spn {
    color: rgba(51, 51, 51, 0.70);
    font-size: 16px;
    margin-bottom: 7px;
}

.order-content .order-delevery-drop .order-drop-title {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
}

.order-content .order-delevery-drop .dropdown-toggle {
    color: rgba(51, 51, 51, 0.70);
    font-size: 14px;
    padding: 10px 15px 10px 17px;
    border: 1px solid #D9D9D9;
    width: 100%;
    text-align: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    border-radius: 5px;
}

.order-content .order-delevery-drop .dropdown-menu {
    width: 100%;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
}

.order-content .order-delevery-drop .dropdown-item {
    border-radius: 5px;
}

.order-content .order-delevery-drop .dropdown-item.active,
.order-content .order-delevery-drop .dropdown-item:active {
    background-color: #0D77B0;
}

.order-content .order-delevery-items {
    margin-top: 20px;
}

.order-delevery-items .order-delevery-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* gap: 10px; */
    width: 100%;
    height: 140px;
    border-radius: 5px;
    padding: 15px 15px;
    background: #fff;
    border: 1px solid #D9D9D9;
    margin-bottom: 20px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.order-delevery-items .order-delevery-item:hover {
    background: #E3E7F1;
}

.order-delevery-items .order-delevery-item.selected {
    background: #E3E7F1;
}

.order-delevery-item .delevery-item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.order-delevery-item .delevery-item-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.order-delevery-item .delevery-item-text {
    margin-left: 50px;
}

.order-delevery-item .delevery-item-text,
.order-delevery-items .delevery-items-text {
    color: rgba(51, 51, 51, 0.70);
    font-size: 14px;
}

.order-delevery-item .delevery-item-text span {
    color: #0D77B0;
}

/* */

.order-delevery-items .order-delevery-item1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* gap: 10px; */
    width: 100%;
    height: 140px;
    border-radius: 5px;
    padding: 15px 15px;
    background: #fff;
    border: 1px solid #D9D9D9;
    margin-bottom: 20px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.order-delevery-items .order-delevery-item1:hover {
    background: #E3E7F1;
}

.order-delevery-items .order-delevery-item1.selected {
    background: #E3E7F1;
}

.order-delevery-item1 .delevery-item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.order-delevery-item1 .delevery-item-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.order-delevery-item1 .delevery-item-text {
    margin-left: 50px;
}

.order-delevery-item1 .delevery-item-text,
.order-delevery-items .delevery-items-text {
    color: rgba(51, 51, 51, 0.70);
    font-size: 14px;
}

.order-delevery-item1 .delevery-item-text span {
    color: #0D77B0;
}

.order-content .order-address {
    margin-top: 12px;
}

.order-content .order-address .order-delevery-drop .order-drop-title {
    margin-bottom: 10px;
}

.order-address .address-location {
    margin-top: 20px;
}

.order-address .address-location img {
    width: 100%;
}

.order-content .order-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}

.order-form .order__form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.order-form .order__form-group .order__form-label {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}

.order-form .order__form-group .order__form-inp,
.order-form .order__form-group .form__group-textarea {
    background: #F8F8F8;
    border: 1px solid #D9D9D9;
    width: 100%;
    height: 40px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    padding: 5px 10px;
}

.order-form .order__form-group .form__group-text {
    color: rgba(51, 51, 51, 0.70);
    font-size: 14px;
    margin-top: 10px;
}

.order-form .order__form-group .form__group-textarea {
    height: 140px;
    resize: none;
}
.order-form .order__form-group .textarea_b2b {
    color: var(--gray-700);
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 24px;
    height: 60px;
}

.order-form .order__form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}

.order-form .order__form-check .personal__basket-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 12px;
}

.order-form .order__form-check .personal__basket-check label {
    color: rgba(51, 51, 51, 0.50);
    font-size: 14px;
}

.order-form .order__form-check .personal__basket-check-inp {
    min-width: 24px;
    height: 24px;
}

.order-form .order__form-check .personal__basket-check-inp[type="checkbox"]::before {
    width: 0.65em;
    height: 0.65em;
}

.order-form .order__form-check label a {
    color: #0D77B0;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.order-content .order-pay {
    margin-top: 98px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}

.order-content .order-pay .order-pay-title {
    color: #333;
    font-size: 18px;
    font-weight: 600;
}

.order-pay .order-pay-items {
    margin-top: 0;
}

.order__product-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.order__product-cards .order__product-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #D9D9D9;
    background: #FFF;
    gap: 20px;
    padding: 15px 58px 15px 0;
}

.order__product-cards .order__product-card1 {
    border-radius: 5px 5px 0px 0px;
}

.order__product-cards .order__product-card4 {
    padding: 35px 55px 35px 37px;
    border-radius: 0px 0px 5px 5px;
}



.order__product-card .image {
    width: 250px;
    /* height: 250px; */
    margin-left: 20px;
}

.order__product-card .image img {
    /* margin-left: -25px; */
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.order__product-cards .order__product-card .order__product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.order__product-card .order__product-info .order__product-info-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.order__product-card .order__product-info-top .order__product-title {
    color: #333;
    font-size: 18px;
    font-weight: 600;
}

.order__product-card .order__product-info-top .order__product-sena {
    color: #333;
    font-size: 16px;
    white-space: nowrap;
}

.order__product-card .order__product-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.order__product-card .order__product-num span {
    color: rgba(51, 51, 51, 0.70);
    font-size: 14px;
}

.order__product-card .order__product-num a {
    color: #11A40E;
    font-size: 14px;
}

.order__product-card4 .order__product-results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.order__product-card4 .order__product-results .order__product-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.order__product-card4 .order__product-price p,
.order__product-card4 .order__product-result-free span {
    color: #333;
    font-size: 16px;
}

.order__product-card4 .order__product-price .order__product-total-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.order__product-card4 .order__product-price .order__product-total-price span {
    color: #333;
    font-size: 18px;
    font-weight: 600;
}

.order__product-card4 .order__product-price .order__product-total-price .bold-text {
    color: #333;
    font-size: 30px;
    font-weight: 700;
}

.order__product-card4 .order__product-result-free {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.order__product-card4 .order__product-result-free .bold-text {
    color: #11A40E;
    font-size: 16px;
    font-weight: bolder;
}

.order__product-card4 .order__result-products-btn {
    margin: 0 auto;
}

.vacancies {
    background: rgba(237, 237, 237, 0.40);
    padding: 22px 0 88px;
}

/* Order end */

/* Tovar start */

.tovar .tovar-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /*align-items: center;*/
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tovar .tovar-top .tovar-title {
    color: #000;
    font-size: 24px;
    font-weight: 600;
}

.tovar-top .tovar-favourite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

.tovar-top .tovar-favourite .tovar-favourite-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.tovar-top .tovar-favourite .tovar-favourite-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    gap: 5px;
    color: #0D77B0;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
}

.tovar-main .tovar-slide {
    max-width: 600px;
}

.tovar-slide .tovar-slide-new {
    position: absolute;
    top: 94px;
    left: 30px;
    background: #11A40E;
    width: 134px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    z-index: 1;
}

.tovar-slide .tovar-slide-action {
    position: absolute;
    top: 140px;
    left: 30px;
    background: #F90;
    width: 134px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    z-index: 1;
}

.tovar-slide .swiper-slide img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.tovar-slide .tovar-slide-search {
    position: absolute;
    top: 52px;
    right: 30px;
    z-index: 1;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.tovar-slide .tovar-slide-search:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


.tovar .tovar-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.tovar .tovar-info .tovar__info-star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

.tovar-info .tovar__info-star .tovar__info-star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

.tovar .tovar-info .tovar__info-star span {
    color: #11A40E;
    font-size: 14px;
}

.tovar-main .tovar-info .tovar-comment-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.tovar-main .tovar-info .tovar-comment-num p {
    color: rgba(51, 51, 51, 0.70);
    font-size: 14px;
}

.tovar-main .tovar-info .tovar-comment-num span {
    color: #F90;
    font-size: 16px;
    font-weight: 600;
}

.tovar-info .tovar-info-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 32px;
    align-items: flex-start;
}

.tovar-info .tovar-info-text ul li {
    color: #000;
    font-size: 14px;
    line-height: 24px;
}

.tovar-info .tovar-info-text .tovar-info-link {
    color: #0D77B0;
    font-size: 14px;
    line-height: 24px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    display: inline-flex;
}

.tovar-info .tovar-info-text .tovar-info-garant {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    display: inline-block;
}

.tovar-info .tovar__pay-method {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px;
    border-radius: 5px;
    background: rgba(13, 119, 176, 0.10);
    padding: 14px 17px 32px;
}

.tovar-info .tovar__pay-method .tovar__info-pay-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tovar-info .tovar__pay-method .tovar__info-pay-title span {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    cursor: pointer;
}

.info-icon {
    position: relative;
}

.info-icon .info-tooltip {
    position: absolute;
    right: 4px;
    bottom: 21px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.20);
    padding: 15px;
    min-width: 230px;
    width: 100%;
    display: block;
    min-height: 99px;
    opacity: 0;
    visibility: hidden;
}

.info-icon.active .info-tooltip {
    opacity: 1;
    visibility: visible;
}

.info-icon .info-tooltip span {
    color: rgba(0, 0, 0, 0.40);
    font-family: 'Open Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.tovar-info .tovar__pay-method .tovar__info-pay-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}

.tovar-info .tovar__pay-method .tovar__info-pay-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.tovar-info .tovar__pay-method .tovar__info-pay-item .tovar__info-pay-img {
    background: -webkit-gradient(linear, left bottom, left top, from(#FFF), to(#FFF)), #FFF;
    background: -o-linear-gradient(bottom, #FFF 0%, #FFF 100%), #FFF;
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tovar-info .tovar__pay-method .tovar__info-pay-item p {
    color: rgba(0, 0, 0, 0.80);
    font-size: 14px;
    line-height: 16px;
    max-width: 75px;
}

.tovar-main .tovar-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 44px;
    width: 100%;
}

.tovar-main .tovar-price .tovar-price-item {
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.40);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 34px 48px 15px;
}

.tovar-main .tovar-price-item .tovar__total-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 18px;
}

.tovar-main .tovar-price-item .tovar-retail-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.tovar-main .tovar-price-item .tovar-price-name {
    color: rgba(0, 0, 0, 0.50);
    font-size: 16px;
    margin-bottom: 8px;
}

.tovar-main .tovar-price-item .bold-text {
    color: #CE4749;
    font-size: 26px;
    font-weight: 700;
}

.tovar-main .tovar-price-item .tovar-sale-price .bold-text {
    color: #333;
}

.tovar-main .tovar-price-item .tovar__total-price span {
    color: rgba(51, 51, 51, 0.51);
    font-size: 20px;
    font-weight: 700;
    text-decoration: line-through;
    margin-left: auto;
}

.tovar-main .tovar-price .tovar__basked-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px;
    margin-bottom: 15px;
    gap: 20px;
}

.tovar-main .tovar-price .tovar__basked-count .tovar-count-quantity {
    color: rgba(0, 0, 0, 0.50);
    font-size: 16px;
}

.tovar-price .tovar__basked-count .basket__card-count {
    border-radius: 5px;
    border: 1px solid rgba(51, 51, 51, 0.20);
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.tovar-price .tovar__basked-count .basket-count-btn {
    background: #fff;
    color: rgba(0, 0, 0, 0.30);
    font-size: 22px;
    font-weight: 600;
    border-radius: 5px;
    padding: 6px 10px;
}

.tovar-price .tovar__basked-count .basket-count-btn:hover {
    color: #333;
}

.tovar-price .tovar__basked-count .resultCount {
    background: #F0F0F0;
    height: 100%;
    padding: 10px;
}

.tovar-price .tovar-price-btns {
    position: relative;
}

.tovar-price .tovar-price-btns .tovar-price-btn {
    width: 100%;
}

.tovar-price .tovar-price-btns .tovar__price-shop-btn {
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 23px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 17px auto 0;
    position: relative;
}

.tovar-price .tovar__about-delevery {
    border-radius: 5px;
    background: rgba(17, 164, 14, 0.10);
    padding: 13px 60px 20px;
}

.tovar-price .tovar__about-delevery span {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.tovar-price .tovar__about-delevery .tovar__about-delevery-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    margin-top: 8px;
}

.tovar-price .tovar__about-delevery .tovar__about-delevery-text p {
    color: rgba(0, 0, 0, 0.80);
    font-size: 14px;
}

.tovar-price .tovar__about-delevery .tovar__about-delevery-text p a {
    color: #0D77B0;
    font-size: 14px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

/* Tovar end */

/* Description sec start */
.description {
    padding: 60px 0px 68px;
}

.description .description-tabs .nav-pills {
    border-bottom: 1px solid #D9D9D9;
    overflow: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 54px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.description .description-tabs .nav-pills::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

.description-tabs .nav-pills .nav-link {
    background: transparent;
    padding: 0 0 10px 0;
    border-radius: 0;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 4px solid transparent;
}

.description-tabs .nav-pills .nav-link.active {
    border-bottom: 4px solid #0D77B0;
}

.description-tabs .description-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 50px;
}

.description-tabs .description-text p {
    color: rgba(51, 51, 51, 0.70);
    font-size: 16px;
    line-height: 20px;
}

.description-content .description__cards-title-blue {
    color: #0D77B0;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 35px;
}

.description-content .description-cards .swiper {
    padding: 0 15px;
}

.description-content .description__products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 85px;
    margin-top: 58px;
}

.description-cards .description__cards-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
}

.description-content .sertificte-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: auto;
    gap: 30px;
    margin-top: 36px;
}

.description-content .sertificte-content .sertificte-img {
    position: relative;
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.description-content .sertificte-content .sertificate-search-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0) translate(-50%, -50%);
    -ms-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%);
    background-color: transparent;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    pointer-events: none;
}

.description-content .sertificte-content .sertificte-img:hover .sertificate-search-btn {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    pointer-events: all;
}

/* Description sec end */

/* Reviews start */
.description-content .reviews-content {
    position: relative;
    ;
}

.reviews-content .reviews-line {
    position: absolute;
    left: -12px;
    top: -17px;
    width: 1px;
    height: 102%;
    background: #D9D9D9;
}

.reviews-items {
    margin-top: 18px;
    height: 787px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.reviews-items .reviews-item-col {
    margin-bottom: 20px;
}

.reviews-items .reviews-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    background: rgba(248, 248, 248, 0.50);
    padding: 25px 15px 25px 34px;
    height: 100%;
}

.reviews-item .reviews-item-top .reviews-name {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.reviews-item .reviews-item-top .reviews-name span {
    color: #000;
    font-size: 14px;
    line-height: 24px;
}

.reviews-item .reviews-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
}

.reviews-item .reviews-comment .reviews-title {
    color: #016499;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

.reviews-item .reviews-comment .reviews-text {
    color: #333;
    font-size: 14px;
    line-height: 24px;
}

/* Reviews end */

/* Contact start */
.contact {
    background: rgba(237, 237, 237, 0.40);
    padding: 22px 0 68px;
}

.contact .contact-top .contact-title {
    text-transform: uppercase;
    margin-bottom: 30px;
}

.contact-content .contact-map .contact-map-img img {
    width: 100%;
}

.contact .contact-info {
    border-radius: 5px;
    border: 1px solid rgba(51, 51, 51, 0.20);
    background: #FFF;
    margin-top: 23px;
    padding: 34px 25px;
}

.contact-info .contact__info-item {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    padding: 0 0 22px;
}

.contact-info .contact-item-line {
    width: 100%;
    height: 1px;
    background: #BAB8B8;
}

.contact-info .contact__info-item .contact__item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.contact__info-item .contact__item-info .contact-item-title {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.contact__info-item .contact__item-info .contact__info-text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 27px;
}

.contact__info-item .contact__info-text-wrap .contact__info-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 140px;
}

.contact__info-item .contact__info-text-wrap .contact__info-text p,
.contact__info-item .contact__info-text-wrap .contact__info-text a,
.contact__info-item .contact__info-text-wrap .contact__info-text span {
    color: #000;
    font-size: 16px;
    display: inline-block;
    line-height: 20px;
}

.contact-info .contact__info-item .contact__info-link {
    color: #0D77B0;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.contact-info .contact-info-title {
    text-transform: uppercase;
    padding: 72px 0px 58px;
}

/* Contact end */

/* Question start */
.question {
    padding-top: 22px;
}

.events .events-title,
.services-title,
.question-title {
    margin-bottom: 30px;
}

.question .breadcrumb {
    margin-bottom: 0;
    margin-top: 4px;
}

.question .question-items {
    padding: 105px 54px 54px 60px;
    border-radius: 5px;
    border: 1px solid rgba(51, 51, 51, 0.20);
    background: #FFF;
    margin-top: 20px;
}

.question .question-items .accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.question-items .accordion-item {
    border: none;
}

.question-items .accordion-button {
    background: #EEE;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    height: 78px;
    color: #000;
    font-size: 20px;
    padding: 15px 30px 15px 45px;
}

.question-items .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 15px;
}

.question-items .accordion-button:not(.collapsed) {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 15px 15px 0 0;
}

.question-items .accordion-button.collapsed {
    border-radius: 15px;
}

.question-items .accordion-button:focus {
    background: #EEE;
    color: #000;
}

.question-items .accordion-button::after {
    content: "";
    background-image: url(../images/icon/question-arrow-down.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 100%;
    padding: 13px;
    width: 48px;
    height: 48px;
    background-color: #016499;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.question-items .accordion-button:not(.collapsed)::after {
    background-image: url(../images/icon/question-arrow-up.svg);
    background-color: #3795C7;
}

.question-items .accordion-body {
    background: #EEE;
    border-radius: 0 0 15px 15px;
    padding: 15px 40px 48px 45px;
}

.question-items .accordion-body .question-text {
    color: #959595;
    font-size: 16px;
    max-width: 1172px;
}

/* Question end */

/* Events start */
.events {
    background: rgba(237, 237, 237, 0.40);
    padding: 25px 0px 60px;
}

.events .events-top {
    padding-left: 14px;
    margin-bottom: 20px;
}

.events .events-title {
    color: #000;
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
}

.events-info .events-photo {
    border-radius: 5px;
    /*background: #D9D9D9;*/
    width: 100%;
    height: 688px;
}

.events-content .events__info-content {
    border-radius: 5px;
    border: 1px solid rgba(51, 51, 51, 0.20);
    background: #FFF;
    padding: 36px 48px 75px 40px;
}

.events-content .events__info-content .events-info-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.events-content .events__info-content .events-info-title h3 {
    color: #4F5254;
    font-size: 26px;
    font-weight: 700;
}

.events__info-content .events-info-title .events-info-location {
    color: #4B4D4E;
    font-size: 26px;
    white-space: nowrap;
}

.events__info-content .events-info-title .events-info-location .in-link {
    color: #0D77B0;
}

.events .events__information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 44px;
    margin-top: 44px;
}

.events__information .events__information-item ul {
    padding: 0;
}

.events__information .events__information-title {
    color: #4F5254;
    font-size: 20px;
    margin-bottom: 14px;
}

.events__information .events__information-text {
    color: #817D7D;
    font-size: 18px;
    list-style: none;
}

.events-info .events-video {
    background: #D9D9D9;
    width: 100%;
    height: 645px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}

.events-video .events-video-play {
    border-radius: 15px;
    background: #E51F1F;
    width: 298px;
    height: 153px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.events-video .events-video-play:hover {
    background: #e40808aa;
}

/* Events end */

/* Article start */
.article {
    padding: 25px 0px 55px;
    background: rgba(237, 237, 237, 0.40);
}

.article .article-top {
    padding-left: 12px;
    margin-bottom: 20px;
}

.article .article-title {
    text-transform: uppercase;
    margin-bottom: 30px;
}

.article .article-info {
    border-radius: 5px;
    border: 1px solid rgba(51, 51, 51, 0.20);
    padding: 57px 44px 178px 44px;
    background: #FFF;
}

.article .article-info .article-choose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.article-info .article-choose .article-radio,
.article-info .article-choose .article-radio-inp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.article-info .article-choose .article-radio-inp {
    gap: 7px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    color: #0D77B0;
    font-size: 20px;
    cursor: pointer;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.article-info .article-radio-inp input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    width: 20px;
    height: 20px;
    border: 2px solid #0D77B0;
    border-radius: 50%;
    -webkit-transform: translateY(-0.075em);
    -ms-transform: translateY(-0.075em);
    transform: translateY(-0.075em);
    display: -ms-grid;
    display: grid;
    place-content: center;
}

.article-info .article-radio-inp input[type="radio"]::before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: #0D77B0;
    -webkit-transition: 120ms -webkit-transform ease-in-out;
    transition: 120ms -webkit-transform ease-in-out;
    -o-transition: 120ms transform ease-in-out;
    transition: 120ms transform ease-in-out;
    transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
    -webkit-box-shadow: inset 1em 1em #0D77B0;
    box-shadow: inset 1em 1em #0D77B0;
}

.article-info .article-radio-inp input[type="radio"]:checked::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.article-info .article-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px;
}

.article-info .article-search .article-search-inp {
    position: relative;
}

.article-info .article-search .article-search-inp input {
    border-radius: 5px;
    background: #E3E7F1;
    padding: 12px 15px;
    border: none;
    width: 330px;
    height: 50px;
}

.article-info .article-search .article-search-btn {
    position: absolute;
    right: 15px;
    top: 12px;
    background: #E3E7F1;
}

.article-info .article-upcoming .article-more {
    margin: 10px 0 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 36px;
}

.article-info .article-upcoming .article-more-link {
    color: rgba(0, 0, 0, 0.51);
    font-size: 16px;
}

.article-info .article-upcoming .article-more-link:hover {
    text-decoration: underline;
}

.article-info .article-upcoming .article-more-link.selected {
    color: #0D77B0;
}

.article-info .article-upcoming-card {
    margin-top: 14px;
}

.article-info .article-upcoming-card .article-upcoming-img {
    width: 100%;
    /* height: 427px; */
    height: 260px;
    /* background: #D9D9D9; */
    display: flex;
    justify-content: center;
}

.article-upcoming-card .article-upcoming-info .upcoming-card-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 18px;
}

.article-upcoming-card .upcoming-card-date span {
    color: #0D77B0;
    font-size: 26px;
    font-weight: 700;
}

.article-upcoming-card .upcoming-card-date .upcoming-card-location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    color: #4B4D4E;
    font-size: 26px;
    margin-right: 35px;
}

.article-upcoming-card .upcoming-card-date .upcoming-card-location .in-link {
    color: #0D77B0;
}

.article-upcoming-card .upcoming-card-title {
    color: #000;
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    max-width: 520px;
    margin-bottom: 12px;
}

.article-upcoming-card .article-upcoming-information {
    margin-bottom: 48px;
}

.article-upcoming-card .article-upcoming-information ul {
    padding: 0;
}

.article-upcoming-card .article-upcoming-information .upcoming-information-text {
    list-style: none;
    color: #817D7D;
    font-size: 18px;
}

.article-upcoming .article-upcoming-link a {
    color: #0D77B0;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}


.article-info .article-news {
    margin-top: 28px;
}

.article-info .article-news .article-news-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    gap: 10px;
    margin-bottom: 32px;
}

.article-info .article-news .article-news-set-link,
.article-info .article-news .article-news-set span {
    color: rgba(0, 0, 0, 0.51);
    font-size: 16px;
}

.article-info .article-news .article-news-set-link:hover {
    text-decoration: underline;
}

.article-news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 20px;
    max-width: 628px;
    margin-bottom: 66px;
}

.article-news-item .article-new-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* width: 135px; */
    height: 95px;
    background: #039BE5;
    padding: 20px 9px 30px 8px;
}

.article-news-item .article-new-img2 {
    background: #0D77B0;
}

.article-news-item .article-new-img span {
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    /* max-width: 80px; */
    width: 80px;
}

.article-news-item .article-news-title a {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 6px;
}

.article-news-item .article-news-location-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}

.article-news-item .article-news-location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    color: rgba(51, 51, 51, 0.80);
    font-size: 16px;
    margin-bottom: 12px;
}

.article-news-item .article-news-location .in-link {
    color: rgba(13, 119, 176, 0.80);
}

.article-news-item .article-news-text {
    color: #000;
    font-size: 16px;
    margin-bottom: 15px;
}

.article-news-item .article-news-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.article-news-item .article-news-more-link {
    color: #0D77B0;
    font-size: 16px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}


.article-info .article-main {
    padding: 42px 0px 38px;
}

.article-info .article-main-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.article-info .article-main-content .article-main-title {
    color: #000;
    text-align: center;
    font-size: 45px;
    font-weight: 600;
    text-transform: uppercase;
    max-width: 580px;
}

.article-main .article-main-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 60px 28px 90px;
    border-radius: 5px;
    border: 1px solid #A3AEB5;
    background: #E6E6E6;
    max-width: 730px;
    margin: 70px auto 0;
}

.article-main .article-main-form .article-form-title {
    color: #C9696B;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-transform: uppercase;
    max-width: 383px;
}

.article-main .article-main-form .article-form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    gap: 40px;
}

.article-main .article-main-form .article-form-group input {
    border-radius: 5px;
    border: 1px solid rgba(13, 119, 176, 0.40);
    background: rgba(255, 255, 255, 0.70);
    padding: 14px 18px 14px;
    height: 57px;
    width: 100%;
}

.article-main .article-form-group .article-form-btn {
    height: 55px;
}

.article-news-slide .article-news-slide-title {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}

.article-news-slide {
    margin-top: 26px;
}

.article-news-slide .article-news-slide-title .article-slide-title {
    color: #0D77B0;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}

.article-news-slide .article-news-slider,
.article-news-slide .article-news-slider .swiper-wrapper {
    width: 100%;
}

.article-news-slide .article-news-slide-arrow {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
}

.article-news-slide-arrow .swiper-button-prev img {
    margin-left: -4px;
}

.article-news-slide-arrow .swiper-button-prev,
.article-news-slide-arrow .swiper-button-next {
    position: static;
    width: 55px;
    height: 55px;
    border-radius: 100px;
    background-color: #0D77B0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.article-news-slide-arrow .swiper-button-next {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    padding: 15px 10px 20px 14px;
}

.article-news-slide-arrow .swiper-button-prev {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding: 5px 17px 12px 15px;
}

/* Article end */

/* Ip camera card */
.ip-camera-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.ip-camera-card .product__card-content {
    width: 100%;
}

.ip-camera-card .propduct-title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: self-end;
    -ms-flex-align: self-end;
    align-items: self-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ip-camera-card .product-like {
    position: static;
}

.ip-camera-card .ip-camera-card-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}

.ip-camera-card .ip-camera-price {
    text-align: end;
}

.ip-camera-card .product__card-links .card-link-buy {
    width: 238px;
}

.ip-camera-card .product__card-content .product__card-id {
    display: block;
}

.ip-camera-card-info .product__card-id ul {
    margin-top: 10px;
}

.ip-camera-card-info .product__card-id ul li {
    color: rgba(51, 51, 51, 0.70);
    font-size: 14px;
    line-height: 22px;
}

.ip-camera-card-info .product__card-id ul li::marker {
    color: #0D77B0;
}

.ip-camera-card .ip-camera-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}

.ip-camera-card .ip-camera-price .product-card-sena {
    margin-bottom: 0;
}

/*======================================================*/


.product-card {
    /* Add necessary styles for the product card */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    /* Set a minimum height to ensure consistent card size */
}

.product__card-content {
    /* Add necessary styles for the card content */
    flex-grow: 1;
}

.product-card-sena,
.menager-cart {
    /* Ensure both elements take up space equally */
    height: 40px;
    /* Set a height for the price or button container */
}

.menager-cart {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menager-cart p {
    margin: 0;
    /* Ensure there's no margin inside the button */
}

.products-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.grid-view .product-card {
    flex: 0 0 auto;
    width: calc(33.33333333% - 10px);
}
.search-list.grid-view .product-card {
    width: calc(25% - 10px);
}

.grid-view .product-card .product__card-additional {
    display: none;
}

.swiper .product-card .product__card-additional {
    display: none;
}

.list-view .product-card {
    flex-direction: row;
    flex-basis: 100%;
    flex: 1 0 auto;
}

.list-view .product-card .product__card-content {
    flex-basis: 100%;
    justify-content: space-between;
    display: flex;
}

.list-view .product__card-price {
    flex-basis: 30%;
    justify-content: space-between;
    /* align-items: flex-end; */
    display: flex;
    flex-direction: column;
}

.list-view .product__card-info {
    /* flex-basis: 50%; */
    /* justify-content: space-between; */
    /* align-items: flex-end; */
    display: flex;
    flex-direction: column;
}
.list-view .partner-price {
    color: #0D77B0;
    margin-left: 57px;
    display: block;
}
.grid-view .partner-price {
    color: #0D77B0;
    margin-left: 10px;
    display: inline;
}
/*========================================*/

.ip-camera-card .ip-camera-price .ip-camera-sena span {
    color: #333;
    font-size: 14px;
}

.ip-camera-card .ip-camera-price .ip-card-sena-blue {
    color: #0D77B0;
}

.ip-camera-card .ip-camera-price .ip-card-links {
    margin-top: 55px;
}

.ip-camera-card .ip-camera-id .product__card-id-green {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
}

.ip-camera-card .ip-camera-slide {
    width: 364px;
}

.ip-camera-card .ip-camera-slide .swiper-slide a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 10px;
}

.ip-camera-slide .swiper-pagination-bullet {
    background-color: transparent;
    border: 2px solid #E3E7F1;
    width: 15px;
    height: 15px;
    opacity: 1;
}

.ip-camera-slide .swiper-pagination-bullet-active {
    border: 2px solid #F5C74F;
}

.ip-camera-slide .swiper-pagination {
    margin-bottom: -14px;
}

/* Ip camera card */


/* Services start */
.services {
    background: rgba(237, 237, 237, 0.40);
    padding: 22px 0 88px;
}

.services .services-top {
    margin-bottom: 20px;
}

.services .services-content {
    border-radius: 5px;
    border: 1px solid rgba(51, 51, 51, 0.20);
    background: #FFF;
    padding: 50px 0px 50px;
}

.services .services-main-activates {
    padding: 0 104px 50px 77px;
}

.services .services-content .services-main-activates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.services-content .services-main-activates .main-activates-text,
.services-content .main-activates-repair .main-activates-repair-text {
    color: rgba(51, 51, 51, 0.70);
    font-size: 16px;
    line-height: 30px;
}

.services-content .services-main-activates .main-activates-text a {
    color: #0D77B0;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.services-content .services-main-activates .main-activates-title {
    color: rgba(51, 51, 51, 0.70);
    font-size: 32px;
    font-weight: 700;
    line-height: 30px;
}

.services-content .services-main-activates .main-activates-repair {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}

.services-content .services-main-activates .services-btn {
    background: #CE4749;
    padding: 9px 10px;
    white-space: nowrap;
    width: 330px;
    color: #FFF;
    font-size: 16px;
    line-height: 30px;
    border: 1px solid #CE4749;
}

.services-content .services-main-activates .services-btn:hover {
    background: transparent;
    color: #CE4749;
}

.services-content .services-terms {
    background: #F2F1F1;
    padding: 22px 104px 70px 77px;
}

.services-terms .services-terms-item {
    margin-bottom: 30px;
}

.services-content .services-terms .services-terms-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 33px;
}

.services-content .services-terms .services-terms-title {
    color: rgba(51, 51, 51, 0.70);
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.services-content .services-terms .services-terms-text {
    color: rgba(51, 51, 51, 0.70);
    font-size: 16px;
    line-height: 30px;
}

.services-content .services-terms .services-terms-link {
    color: #0D77B0;
    font-size: 16px;
    line-height: 30px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}

.services-content .services-center-top {
    margin: 10px 0px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.services-content .services-center .services-center-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: #333;
    font-size: 32px;
    font-weight: 600;
    line-height: 30px;
}

.services-content .services-center-top .services-center-text {
    color: #333;
    font-size: 16px;
    line-height: 30px;
}

.services-center .services-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.services-center .services-help ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.services-center .services-help .services-help-info p {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.services-center .services-help-info .services-help-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

.services-center .services-help-info .services-help-num span,
.services-center .services-help-info .services-help-num a,
.services-center .services-help-info .services-help-email span,
.services-center .services-help-info .services-help-email a {
    color: #333;
    font-size: 16px;
}

.services-content .services-acordion {
    padding: 35px 104px 45px 77px;
}

.events__info-content .services-acordion {
    padding: 35px 237px 45px 77px;
}

.services-content .services-acordion .accordion-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.services-content .services-acordion .accordion-button {
    padding: 15px 15px 15px 45px;
    height: 60px;
    color: #333;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
}

.services-acordion .services-acordion-text {
    color: #333;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}

.services-content .services-acordion .accordion-button:not(.collapsed) {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background: #000;
}

.services-acordion .accordion-item:first-of-type,
.services-acordion .accordion-item:last-of-type,
.services-acordion .accordion-item:first-of-type .accordion-button {
    border-radius: 0;
}

.services-acordion .accordion-button::after {
    width: 50px;
    height: 50px;
    background-image: url(../images/icon/plus.png);
    background-size: 80px;
    background-position: center center;
}

.services-acordion .accordion-button:not(.collapsed)::after {
    background-image: none;
    width: 45px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* .services-content .services-contact { */

.services-contact {
    border-radius: 5px;
    /* border: 1px solid rgba(51, 51, 51, 0.20); */
    background: #FFF;
    padding: 25px 106px 50px 77px;
}

.services-map {
    padding: 0;
    width: 100%;
    /* Устанавливает ширину контейнера на 100% */
}

.services-map iframe {
    width: 100%;
    /* Устанавливает ширину iframe на 100% */
}

.services-contact .services-contact-title {
    color: #333;
    font-size: 32px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
}

.services-contact .contact-info-items {
    margin: 5px 0 0 20px;
}

.services-contact .contact-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 15px;
    margin-bottom: 20px;
}

.services-contact .contact-info-item span {
    font-size: 22px;
}

.contact-info-item .services-contact-link p {
    color: #333;
    font-size: 16px;
    font-weight: 700;
}

.contact-info-item .services-contact-link span,
.contact-info-item .services-contact-link a {
    color: #333;
    font-size: 16px;
    font-weight: 400;
}

.services .subscribe {
    padding-top: 22px;
}

/* Services end */


/* Modal start */
.modal__form .modal-dialog {
    max-width: 930px;
    background: #fff;
}

.modal__form .modal-header,
.modal-catalog .modal-header,
.modal-order .modal-header {
    display: block;
    border: none;
    padding: 15px 20px 44px;
}

.modal__form .form-close-btn,
.modal-catalog .form-close-btn,
.modal-order .form-close-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
}

.modal__form .modal-content,
.modal-catalog .modal-content,
.modal-order .modal-content {
    border: none;
    padding: 0;
}

.modal__form .form-modal-title {
    text-align: center;
    margin-top: 12px;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.modal__form .modal-body {
    padding: 0px 60px 53px;
}

.modal__form .modal-body .device-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 36px;
}

.modal__form .device-data-title {
    color: rgba(0, 0, 0, 0.70);
    font-size: 16px;
    font-weight: 700;
}

.modal__form .device-data-group,
.modal__form .modal__info-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 17px;
}

.modal__form .modal__form-content .modal__form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px;
    margin-left: 24px;
}

.modal__form .modal__form-group .modal__form-label {
    color: rgba(0, 0, 0, 0.60);
    font-size: 14px;
    width: 120px;
    cursor: pointer;
}

.modal__form .modal__form-inp,
.modal-order .modal__form-inp,
.modal__form .modal__form-group .modal__form-textarea {
    border-radius: 5px;
    background: #E3E7F1;
    width: 100%;
    height: 50px;
    border: none;
    color: rgba(0, 0, 0, 0.70);
    font-size: 16px;
    font-weight: 600;
    padding: 15px 20px;
}

.modal__form .modal__form-group .modal__form-textarea {
    height: 80px;
    resize: none;
}

.modal__form .modal__form-group .device-data-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    row-gap: 22px;
    margin: 17px 0px 0px 24px;
}

.modal-order .modal__order-form .personal__basket-check,
.modal__form .device-data-check .personal__basket-check {
    gap: 6px;
}

.modal-order .modal__order-form .personal__basket-check-inp,
.modal__form .modal__form-content .personal__basket-check-inp {
    width: 20px;
    height: 20px;
}

.modal-order .modal__order-form .modal__form-check-label,
.modal__form .modal__form-content .modal__form-check-label {
    font-size: 14px;
}

.modal-order .modal__order-form .modal__form-check-label a,
.modal__form .modal__info-form .modal__form-check-label a {
    color: #0D77B0;
    font-size: 14px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.modal-order .modal__order-btn button,
.modal__form .modal__form-btn button {
    border-radius: 5px;
    background: #CE4749;
    color: #FFF;
    font-size: 14px;
    width: 188px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal-order .modal__order-btn button:hover,
.modal__form .modal__form-btn button:hover {
    background: #dd3336;
}

.modal__form .modal__form-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 22px;
}

.modal__form .modal__form-select2 {
    margin-top: 43px;
}

.modal__form .modal__form-select .form__select-group {
    margin-left: 24px;
}

.modal__form .modal__form-select .dropdown-toggle {
    width: 100%;
    border-radius: 5px;
    background: #E3E7F1;
    height: 50px;
    color: rgba(0, 0, 0, 0.60);
    font-size: 14px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 14px 22px;
}

.modal__form .modal__form-select .dropdown-toggle.show svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.modal__form .modal__form-select .dropdown-menu {
    background: #E3E7F1;
    width: 100%;
    padding: 0;
    border-radius: 5px;
}

.modal__form .modal__form-select .dropdown-item {
    color: rgba(0, 0, 0, 0.60);
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #bbbcc0;
    padding: 10px 15px;
}

.modal__form .modal__form-select .dropdown-item:hover {
    background: #d0d0e8;
    color: #000;
}

.modal__form .modal__info-group {
    margin-top: 38px;
}

.modal__form .modal__info-form {
    max-width: 480px;
}

.modal__form .modal__info-group .modal__info-tabs {
    margin-left: 24px;
}

.modal__form .modal__info-tabs .nav-link {
    border-radius: 0px 5px 5px 0px;
    background: #E2DFE0;
    width: 112px;
    height: 50px;
    color: rgba(0, 0, 0, 0.60);
    font-size: 14px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal__form .modal__info-tabs .nav-link.active {
    background: #CE4749;
    color: rgba(255, 255, 255, 0.60);
}

.modal__form .modal__info-tabs .nav-link1 {
    border-radius: 5px 0px 0px 5px;
}

.modal__form .modal__info-group .modal__info-form {
    margin-top: 36px;
}

.modal__form .modal__info-form .modal__info-captcha,
.modal__form .modal__info-form .modal__form-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 6px auto 0;
}

.modal__form .modal__info-form .modal__form-btn {
    margin-top: 0;
}

.modal__form .modal__info-form .modal__info-captcha button {
    background: #E2DFE0;
    width: 112px;
    height: 50px;
    color: rgba(0, 0, 0, 0.60);
    font-size: 14px;
}


/* Modal buy */
.modal-buy .modal-dialog {
    width: 410px;
    height: 325px;
    padding: 35px;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.modal-buy .modal-content {
    height: 100%;
    background: transparent;
    border: none;
}

.modal-buy .modal-body {
    padding: 0;
}

.modal-buy .modal-buy-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px;
    height: 100%;
}

.modal-buy .modal-buy-content .modal-buy-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7px;
}

.modal-buy .modal-buy-content .modal-buy-title span {
    color: rgba(0, 0, 0, 0.50);
    font-size: 16px;
}

.modal-buy .modal-buy-content .modal-buy-title h5 {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.modal-buy .modal-buy-title .modal-buy-link {
    color: #0D77B0;
    font-size: 16px;
    font-weight: 600;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    margin-top: 5px;
}

.modal-buy .modal-buy-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
}

.modal-buy .modal-buy-count .modal__buy-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.modal-buy .modal__buy-price .modal__buy-price-spn {
    color: rgba(0, 0, 0, 0.50);
    font-size: 16px;
}

.modal-buy .modal__buy-price .modal__buy-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 110px;
    height: 36px;
    border-radius: 5px;
    border: 1px solid rgba(51, 51, 51, 0.20);
    background: #FFF;
    overflow: hidden;
}

.modal-buy .modal__buy-price .modal__buy-count-btn {
    width: 100%;
    height: 100%;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgba(0, 0, 0, 0.30);
    font-size: 22px;
    font-weight: 600;
}

.modal-buy .modal__buy-price .modal__buy-count-btn:hover {
    color: #333;
}

.modal-buy .modal__buy-price .resultCount {
    color: rgba(51, 51, 51, 0.70);
    font-size: 22px;
    font-weight: 600;
    background: #F0F0F0;
    padding: 3px 10px;
    height: 100%;
}

.modal-buy .modal-buy-count .modal-buy-btn {
    width: 100%;
}

.modal-buy .modal-buy-count .modal-buy-btn2 {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
}

.modal-buy .modal-buy-count .modal-buy-btn2:hover {
    background: #cfcdcd;
}


/* Modal order */
.modal-order .modal-header {
    padding-bottom: 16px;
}

.modal-order .modal-order-title {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 16px;
}

.modal-order .modal-order-text {
    color: rgba(0, 0, 0, 0.70);
    text-align: center;
    font-size: 16px;
    margin-top: 11px;
}

.modal-order .modal-body {
    padding: 0 60px 34px;
}

.modal-order .modal__form-inp {
    font-size: 14px;
    font-weight: 400;
}

.modal-order .modal__order-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 17px;
}

.modal-order .modal__order-btn button {
    margin: 0 auto;
}

/* Modal catalog */
.modal-catalog .modal-header {
    padding-bottom: 50px;
}

.modal-catalog .modal-body {
    padding: 0px 40px 26px;
}

.modal-catalog .modal-catalog-title {
    color: #000;
    font-size: 32px;
    font-weight: 600;
    text-transform: lowercase;
    text-align: center;
}

.modal-catalog .modal-catalog-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 50px;
}

.modal-catalog .modal-catalog-link {
    color: #016499;
}

.modal-catalog .modal-catalog-btn {
    border-radius: 5px;
    background: #0D77B0;
    width: 238px;
    height: 70px;
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
}

.btn-close:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header__top-nav .header__nav-link {
    height: 40px;
}

/* Modal end */
@media only screen and (max-width: 1050px) {
    .zamok-wrap {
        height: 500px;
    }
}


@media only screen and (max-width: 920px) {
    .zamok-mob-img {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .zamok-mob-img {
        display: block;
    }

    .header-top .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: -1px;
    }

}

/* Catalog aside */
.mob-closer {
    display: none;
}

.header-catalog-asside {
    position: relative;
}

.catalog-aside {
    position: fixed;
    top: 150px;
    left: 0;
    z-index: 10;
    -webkit-transition: .4s all ease;
    -o-transition: .4s all ease;
    transition: .4s all ease;
    visibility: hidden;
    opacity: 0;
    background: #E3E7F1;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    height: 540px;
    width: 100%;
    overflow: hidden;
}

.catalog-aside aside {
    height: 100%;
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

.catalog-main .catalog-cards-top .filter__view {
    display: flex;
    gap: 15px;
    background: rgba(237, 237, 237, 0.40);
    padding: 7px;
}

.catalog-aside.active {
    margin-top: 50px;
    opacity: 1;
    visibility: visible;
}

.catalog-aside li:hover>.in-wrap {
    display: block;
}

.catalog-aside .in-wrap {
    position: relative;
    -webkit-transition: .4s all ease;
    -o-transition: .4s all ease;
    transition: .4s all ease;
}

.catalog-aside ul {
    height: 540px;
    overflow-x: hidden;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 20px 0;
    scrollbar-color: #016499;
    scrollbar-width: normal;
}

.catalog-aside ul.nav-vertical {
    padding: 24px 0;
    width: 300px;
}

.catalog-aside ul.nav-vertical .in-wrap {
    max-width: 450px;
    width: 100%;
    padding-left: 50px;
}

.catalog-aside ul::-webkit-scrollbar {
    width: 5px;
    border-radius: 50px;
    background: #d8d8d8;
}

.catalog-aside ul::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background: #016499;
    scrollbar-color: #016499;
}

.catalog-aside li {
    position: static;
}

.catalog-aside li .in-wrap {
    position: absolute;
    z-index: 10;
    display: none;
    top: 0 !important;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    display: block;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
}

.catalog-aside li.selected:hover>.in-wrap {
    visibility: visible;
    opacity: 1;
    -webkit-transition: .4s all ease;
    -o-transition: .4s all ease;
    transition: .4s all ease;
}


.catalog-aside .nav-vertical li {
    width: 100%;
}

.catalog-aside .nav-vertical li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.catalog-aside li.parent>a {
    position: relative;
}

.catalog-aside li.parent>p {
    position: relative;
}

.catalog-aside .nav-vertical>li.parent>a:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 40%;
    background-image: url(../images/icon/aside-arrow.svg);
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.catalog-aside .nav-vertical>li.parent>p:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 40%;
    background-image: url(../images/icon/aside-arrow.svg);
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.catalog-aside .nav-vertical>li.selected>a:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.nav-vertical>li a {
    color: #224798;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    padding: 0 10px;
}

.nav-vertical>li p {
    color: #224798;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    padding: 0 10px;
}

.nav-vertical>li .in-wrap a {
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}


.nav-vertical>li .in-wrap li.selected>a,
.nav-vertical>li .in-wrap a:hover {
    color: #224798;
    font-weight: 700;
}

.catalog-aside .nav-vertical>li.selected>a,
.nav-vertical>li a:hover {
    background: #fff;
}

.catalog__cards-content {
    margin-bottom: 20px;
}

body.opened-menu {
    overflow: hidden;
}

.dropdown-item.active,
.dropdown-item:active {
    background: transparent;
}


/* Footer start */
.footer {
    /*margin-top: 100px;*/
    padding-top: 56px;
    background: #00305F;
}

.footer__content .footer__nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.footer__content .footer__nav-item-support {
    margin-top: 9px;
}

.footer__content .footer__nav-item .footer__nav-title {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.footer__content .footer__nav-item .footer__nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}

.footer__content .footer__nav-item .footer__nav-link {
    color: rgba(255, 255, 255, 0.70);
    font-size: 14px;
    line-height: 24px;
}

.footer__content .footer__nav-item .footer__nav-link:hover {
    color: #fff;
}

.footer__content .footer__logo img {
    margin-top: 72px;
}

.footer__content .footer__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 36px;
    margin-top: 27px;
    /* margin-left: -64px; */
}

.footer__content .footer__contact .footer__contact-phones-container {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
}

.footer__content .footer__contact .footer__contact-phones {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
}

.footer__content .footer__contact .footer__contact-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    margin-top: 10px;
}

.footer__content .footer__contact,
.footer__content .footer__contact a {
    color: #FFF;
    font-family: 'Inter';
    font-size: 14px;
}

.footer__content .footer__contact a:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.footer-copright {
    background: #05294D;
    padding: 24px 0px 17px;
    margin-top: 28px;
}

.footer-copright .copyright-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 28px;
    color: rgba(255, 255, 255, 0.70);
    font-size: 14px;
    line-height: 24px;
}

.footer-copright .copyright-content a {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: rgba(255, 255, 255, 0.70);
}

/* Footer end */


h1, .h1like {
    font-size: 32px !important;
    font-weight: 400 !important;
    color: #333333B2;
    line-height: 30px;

}

h2 {
    font-size: 26px !important;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

.back-btn,
.fixed-bottom-menu {
    display: none;
}

.hidden-category {
    visibility: hidden;
    display: none;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s ease-in-out;
}

.hidden-category.show {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.5s ease-in-out;
}

#buyerTypeModal .mobileview {
    gap: 10px;
}

.items-end {
    padding: 0;
    display: flex;
}

.header__search #search::placeholder {
    color: #bbb;
}
.header__bottom-main,
.header__bottom-profile,
 .header__bottom-favorites {
     position: relative;
 }

.header__bottom-favorites .badge {
    position: absolute;
    top: 0;
    left: 16px;
    width: 17px;
    height: 17px;
    background-color: #CE4749;
    border-radius: 100px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #fff;
}
.text-bold {
    font-weight: bold;
    font-size: 12px !important;
    color: #4a4a4a !important;
}

/* Media start */
@media only screen and (max-width: 1400px) {
    .header-top .header__top-nav {
        gap: 30px;
    }

    .description {
        padding: 0px 0px 68px;
    }

    .catalog-main .catalog__product-info-text {
        display: none;
    }

    .catalog-main .catalog__product-info-text_for-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        margin-bottom: 40px;
    }

    /* .catalog-sec-items {
        display: none;
    } */

    .catalog-sec-items_for-mob {
        /* display: flex;
        flex-direction: column; */
        display: none;
    }

    .catalog-sec-items_for-mob .catalog-sec-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 364px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 25px;
        height: 130px;
        margin-bottom: 22px;
        border-radius: 5px;
        background: #FFF;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        padding: 29px 25px 7px 22px;
    }

    .catalog-sec-items_for-mob .catalog-sec-item span {
        color: #224798;
        font-size: 16px;
        font-weight: 600;
    }

    .catalog-sec-items_for-mob .catalog-sec-item .image {
        max-height: 120px;
        max-width: 120px;
    }

    .catalog-sec-items_for-mob .catalog-sec-item .image img {
        width: 100%;
        object-fit: contain;
        margin-top: -24px;
    }

    .catalog-mini-wrap .arrows {
        /* display: none; */
    }

    .catalog-sec-items .catalog-sec-item {
        /* width: 100%; */
    }
}


@media only screen and (max-width: 1300px) {
    .header-top .container-fluid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        /* flex-direction: column; */
        gap: 12px;
        height: 100%;
        object-fit: cover;
    }

    .description {
        padding: 0px 0px 68px;
    }

    .catalog-main .catalog__product-info-text {
        display: none;
    }

    .catalog-main .catalog__product-info-text_for-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 9px;
        margin-bottom: 25px;
    }

    /* .catalog-sec-items {
        display: none;
    } */

    .catalog-sec-items_for-mob {
        /* display: flex;
        flex-direction: column; */
        display: none;
    }

    .catalog-sec-items_for-mob .catalog-sec-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 364px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 25px;
        height: 130px;
        margin-bottom: 22px;
        border-radius: 5px;
        background: #FFF;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        padding: 29px 25px 7px 22px;
    }

    .catalog-sec-items_for-mob .catalog-sec-item span {
        color: #224798;
        font-size: 16px;
        font-weight: 600;
    }

    .catalog-sec-items_for-mob .catalog-sec-item .image {
        max-height: 120px;
        max-width: 120px;
    }

    .catalog-sec-items_for-mob .catalog-sec-item .image img {
        width: 100%;
        object-fit: contain;
        margin-top: -24px;
    }

    .catalog-aside {
        top: 180px;
    }

    .catalog-aside ul.nav-vertical .in-wrap {
        max-width: 400px;
        padding-left: 20px;
    }
}


@media only screen and (max-width: 1200px) {
    .company-content .company-img {
        display: none;
    }

    .description {
        padding: 0px 0px 68px;
    }

    .catalog-main .catalog__product-info-text {
        display: none;
    }

    .catalog-main .catalog__product-info-text_for-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 9px;
        margin-bottom: 25px;
    }

    .catalog-mini-wrap .arrows {
        /* display: none; */
    }

    .company-sec .company-partner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .article .article-info .article-choose {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
        margin-bottom: 25px;
    }

    .personal__basket-content .personal__basket-cards {
        gap: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .personal-sec .personal-products {
        margin-top: 25px;
    }

    .catalog-sidebar .catalog-filter {
        position: fixed;
        top: -360%;
        height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
        left: 0;
        padding-bottom: 100px;
        z-index: 100;
    }

    body.over {
        overflow: hidden;
    }

    .catalog-content-title .catalog-analiz-btn,
    .catalog-filter-show,
    .catalog-product .filter-show-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .catalog-sidebar .catalog-filter {
        padding: 34px 10px 40px !important;
    }

    .catalog-filter .bottom-btns {
        position: sticky;
        bottom: 40px;
        background-color: #ffffff;
        padding-bottom: 10px;
    }

    .catalog-sidebar .catalog-filter {
        max-width: unset;
        width: 100%;
    }

    .catalog-filter .accordion-button {
        padding-right: 20px;
    }

    #price_filter_slider {
        margin-left: 15px;
        margin-right: 15px;
    }

    #price_filter_slider .ui-slider-handle {
        top: -7px;
        width: 16px;
        height: 16px;
    }
}

@media only screen and (max-width: 1050px) {
    .header {
        margin-bottom: 0;
    }
    .header-media {
        display: none;
        max-width: 100%;
        width: 40%;
        height: 100%;
        overflow-y: auto;
        padding: 20px 0;
    }
    .header-bottom {
        display: none;
    }

    .index-slide {}

    .description {
        padding: 0px 0px 68px;
    }

    .catalog-main .catalog__product-info-text {
        display: none;
    }

    .catalog-main .catalog__product-info-text_for-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 9px;
        margin-bottom: 25px;
    }

    .catalog-aside.active .catalog-aside-close {
        position: unset;
        height: auto;
    }

    .mob-closer {
        display: block;
        padding: 10px 20px;
        background: #fff
    }

    .nav-vertical>li a {
        padding: 0 20px;
        line-height: 40px;
    }

    body.opened-menu {
        overflow: auto;
    }

    .catalog-aside aside {
        height: auto;
        overflow: auto;
    }

    .catalog-aside ul.nav-vertical .in-wrap {
        display: none;
    }

    .catalog-aside ul.level2,
    .catalog-aside ul.level1 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .catalog-aside ul.level2 a {
        line-height: 30px;
    }

    .nav-vertical>li .in-wrap li.selected>a,
    .nav-vertical>li .in-wrap a:hover {
        font-weight: 500;
    }

    .catalog-aside ul.nav-vertical li.parent>.in-wrap .parent:hover .in-wrap,
    .catalog-aside ul.nav-vertical li.selected>.in-wrap.active,
    .catalog-aside ul.nav-vertical li.selected>.in-wrap {
        display: block;
    }

    .catalog-aside ul.nav-vertical .in-wrap {
        position: static;
        top: 0;
        max-width: 100%;
    }

    .catalog-aside ul.nav-vertical {
        width: 100%;
        overflow: auto;
        padding: 10px 0;
    }

    .catalog-aside {
        top: 0;
        overflow: auto;
        position: relative;
        height: auto;
    }

    body.over {
        overflow: hidden;
    }

    .catalog-mini-wrap .arrows {
        display: none;
    }

    .catalog-aside ul {
        display: block;
        height: auto;
        overflow: auto;
    }

    .subscribe-content .subscribe-title-wrap {
        text-align: center;
    }

    .catalog .catalog-main {
        margin-top: 16px;
    }

    .catalog-aside.active .catalog-aside-close {
        height: auto;
        display: none;
    }

    .header__top-nav .dropdown-menu {
        position: static !important;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        margin-top: 10px;
    }

    .header__top-nav .header__drop-menu {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .header__top-nav .header__drop-menu .header__drop-link {
        padding: 5px 0 5px 20px;
        white-space: normal;
    }

    .header__top-nav .header__drop-menu .header__drop-link:hover {
        color: #29A0DF;
    }

    .header__top-nav .header__drop-menu .drop-br {
        display: none;
    }

    .company-sec .company-partner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 29px 46px 25px;
    }

    .company-partner .partner-img,
    .header-bottom .header-logo img,
    .header-bottom .header__bottom-catalog,
    .header__bottom-shopping {
        width: 100%;
    }

    .header-bottom .header__top-address,
    .header-bottom .header-bars {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
    }

    .header .header-top,
    .user-icon,
   /* .header__bottom-shopping span,*/
    .header-bottom .header__catalog-link {
        display: none;
    }

    .header-bottom .header__bottom-catalog,
    .header-bottom .header__catalog-links .user-icon {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .services-content .services-acordion {
        padding: 35px 35px 46px 35px;
    }

    .services .services-main-activates {
        padding: 0 35px 50px 35px;
    }

    .services-content .services-terms {
        padding: 22px 35px 45px 35px;
    }

    .services-content .services-contact {
        /* padding: 0px 35px; */
    }

    .search-list.grid-view .product-card,
    .grid-view .product-card {
        width: calc( 33.33333333% - 10px );
    }
}

@media only screen and (max-width: 991px) {
    .header-media {
        width: 60%;
    }

    .description {
        padding: 0px 0px 68px;
    }

    .catalog-main .catalog__product-info-text {
        display: none;
    }

    .catalog-main .catalog__product-info-text_for-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 9px;
        margin-bottom: 25px;
    }


    .catalog-sec-items {
    /*    display: none;*/
    }

    .catalog-sec-items-double {
            display: none;
    }

    .catalog-sec-items_for-mob {
        display: flex;
        flex-direction: column;
    }

    .catalog-sec-items_for-mob .catalog-sec-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 364px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 25px;
        height: 130px;
        margin-bottom: 22px;
        border-radius: 5px;
        background: #FFF;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        padding: 29px 25px 7px 22px;
    }

    .catalog-sec-items_for-mob .catalog-sec-item span {
        color: #224798;
        font-size: 16px;
        font-weight: 600;
    }

    .catalog-sec-items_for-mob .catalog-sec-item .image {
        max-height: 120px;
        max-width: 120px;
    }

    .catalog-sec-items_for-mob .catalog-sec-item .image img {
        width: 100%;
        object-fit: contain;
        margin-top: -24px;
    }

    .header-bottom .header__search .header__search-btn {
        right: 5px;
    }

    .header__search #search::placeholder {
        color: #E3E7F1;
    }

    .news-items .news-items-left {
        margin-bottom: 47px;
    }

    .subscribe .subscribe-content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header-bottom .header-media-search {
        width: auto;
    }

    .catalog-sec .catalog-sec-item-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .item-none,
    .subscribe-img {
        display: none;
    }

    .article-upcoming-info,
    .blog-article .blog-article-read {
        margin-top: 20px;
    }

    .blog-subscribe {
        padding: 0;
        margin-top: 28px;
    }

    /* .order-content .order-content-1{
		order: 2;
	}
	.order-content .order-content-2{
		order: 1;
	} */
    .order__product-cards {
        gap: 10px;
        margin-bottom: 10px;
    }

    .personal-products .personal-product-shop {
        display: none;
    }

    .ip-camera-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
    }

    .personal__basket-content .personal__basket-card .personal__basket-close {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .personal__basket-content .personal__basket-card .personal__basket-check-inp {
        position: absolute;
        top: 20px;
        left: 30px;
    }

    .footer__content .footer__nav-item {
        margin-bottom: 25px;
    }

    .footer__content .footer__logo img {
        margin-top: 35px;
    }

    .footer__content .footer__contact {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 360px) {
    .main-slide .swiper-slide {
        height: 320px;
    }
    .search-list.grid-view .product-card,
    .grid-view .product-card {
        width: 100%;
    }
}

@media only screen and (min-width: 361px) and (max-width: 400px) {
    .main-slide .swiper-slide {
        height: 370px;
    }
}

@media only screen and (min-width: 401px) and (max-width: 650px) {
    .main-slide .swiper-slide {
        height: 390px;
    }
}

@media only screen and (min-width: 606px) and (max-width: 850px) {
    .main-slide .swiper-slide {
        height: 320px;
    }
}

@media only screen and (min-width: 851px) and (max-width: 1025px) {
    .main-slide .swiper-slide {
        height: 400px;
    }
}

@media only screen and (min-width: 1026px) and (max-width: 1099px) {
    .main-slide .swiper-slide {
        height: 415px;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1285px) {
    .main-slide .swiper-slide {
        height: 480px;
    }
}

.cart-row {
    display: flex;
    flex-direction: row;
}
.cart-row>div {
    width:50%;
}
.mob-title {
    display: none;
}
#cookieConsent {
    opacity: 0.9;
    display:none;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    background:#2c2c2c;
    color:white;
    padding:15px;
    z-index:9999;
    text-align:center;
}
#acceptCookies {
    margin-left:10px;
    padding:6px 12px;
    background:#00aaff;
    color:white;
    border:none;
    cursor:pointer;
}
.hiddenscroll {
    overflow-y: auto;
}

@media only screen and (max-width: 690px) {
    .hiddenscroll {
        overflow-y: hidden;
    }
    #cookieConsent {
        bottom: 50%;
        transform: translate(-50%,50%);
        width: 75%;
        aspect-ratio: 1;
        left: 50%;
        opacity: 1;
        align-items: center;
        align-content: center;
        line-height: 200%;
        font-size: 18px;
    }
    #acceptCookies {
        margin: 20px auto;
        display: block;
    }
    #closeCookies {
        position: absolute;
        top: 16px;
        right: 10px;
        box-sizing: content-box;
        width: 1em;
        height: 1em;
        color: #000;
        border: 0;
        cursor: pointer;
        padding: .5rem .5rem;
        margin: -.5rem -.5rem -.5rem auto;
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
        background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M16.4654 17.1797C16.3715 17.1797 16.2786 17.1612 16.1919 17.1252C16.1052 17.0892 16.0265 17.0365 15.9602 16.97L3.02881 4.04024C2.89469 3.90611 2.81934 3.7242 2.81934 3.53452C2.81934 3.34484 2.89469 3.16293 3.02881 3.02881C3.16293 2.89469 3.34484 2.81934 3.53452 2.81934C3.7242 2.81934 3.90611 2.89469 4.04024 3.02881L16.9717 15.9602C17.0713 16.0602 17.1391 16.1875 17.1665 16.326C17.1939 16.4645 17.1797 16.608 17.1257 16.7384C17.0717 16.8688 16.9803 16.9803 16.8629 17.0589C16.7456 17.1374 16.6077 17.1794 16.4665 17.1797H16.4654Z" fill="white"/>  <path d="M3.53507 17.1797C3.3938 17.1796 3.25571 17.1378 3.13822 17.0593C3.02073 16.9809 2.92912 16.8694 2.87495 16.7389C2.82079 16.6085 2.80649 16.4649 2.83387 16.3263C2.86124 16.1877 2.92907 16.0603 3.02878 15.9602L15.9602 3.02881C16.0266 2.9624 16.1055 2.90972 16.1922 2.87378C16.279 2.83783 16.372 2.81934 16.4659 2.81934C16.5598 2.81934 16.6528 2.83783 16.7396 2.87378C16.8264 2.90972 16.9052 2.9624 16.9716 3.02881C17.0381 3.09522 17.0907 3.17406 17.1267 3.26083C17.1626 3.3476 17.1811 3.4406 17.1811 3.53452C17.1811 3.62844 17.1626 3.72144 17.1267 3.80821C17.0907 3.89499 17.0381 3.97383 16.9716 4.04024L4.04021 16.9717C3.97383 17.0379 3.89505 17.0903 3.80836 17.126C3.72168 17.1617 3.62881 17.1799 3.53507 17.1797Z" fill="white"/>  </svg>');
    }

    .main-row {
        justify-content: center;
    }
    .cart-row {
        flex-direction: column-reverse;
        position: relative;
    }
    .cart-row>div {
        width:100%;
    }
    .order-content .order-info {
        overflow: auto;
        height: 100%;
    }
    .order-content-1 {
        padding-bottom: 290px;
    }
    .order__product-card4 {
        position: absolute;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        display: flex;
        left: 0;
        padding: 24px;
    }
    .mob-title {
        padding: 10px 0;
        display: block;
    }

    .header-media {
        width: 70%;
    }

    .description {
        padding: 0px 0px 68px;
    }

    .catalog-main .catalog__product-info-text {
        display: none;
    }

    .catalog-main .catalog__product-info-text_for-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 9px;
        margin-bottom: 25px;
    }


    .catalog-sec-items {
        /* display: none; */
    }

    .catalog-sec-items_for-mob {
        display: flex;
        flex-direction: column;
    }

    .catalog-sec-items_for-mob .catalog-sec-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 364px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 25px;
        height: 130px;
        margin-bottom: 22px;
        border-radius: 5px;
        background: #FFF;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        padding: 29px 25px 7px 22px;
    }

    .catalog-sec-items_for-mob .catalog-sec-item span {
        color: #224798;
        font-size: 16px;
        font-weight: 600;
    }

    .catalog-sec-items_for-mob .catalog-sec-item .image {
        max-height: 120px;
        max-width: 120px;
    }

    .catalog-sec-items_for-mob .catalog-sec-item .image img {
        width: 100%;
        object-fit: contain;
        margin-top: -24px;
    }

    .catalog-mini-wrap .arrows {
        display: none;
    }

    .article-news-slide .article-news-slide-arrow {
        height: 55px;
    }

    .article-news-slide-arrow .swiper-button-prev,
    .article-news-slide-arrow .swiper-button-next {
        padding: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: relative;
        margin: 0;
    }

    .article-main .article-form-group .article-form-btn.main-btn,
    .article-info .article-search .main-btn {
        width: 100%;
    }

    .wrapper {
        /* padding-bottom: 45px; */
    }

    h1, .h1like {
        font-size: inherit !important;
    }

    h2 {
        font-size: inherit !important;
    }

    .product-card .product__card-links .card-link-buy,
    .catalog__cards .product__card-links .card-link-shop {
        height: 50px;
    }

    .product-card .product__card-content .product__card-links {
        gap: 8px;
    }

    .product-card .product__card-links .card-link-shop {
        padding: 10px 19px;
        height: 50px;
    }

    .header-bottom .header-media-search button,
    .header-bottom .header-media-search a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header-bottom .header-logo img {
        height: 85px;
    }

    .header__bottom-link {
        padding: 2px;
        width: 30px;
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header-media .header__bottom-link {
        height: auto;
        width: auto;
    }

    .header__bottom-link svg {
        height: 20px;
    }

    .header__bottom-links .link-text {
        position: absolute;
        bottom: 0;
        left:50%;
        transform: translateX(-50%);
    }

    .header-bottom .header__search .header__search-inp {
        padding-right: 25px;
        position: absolute;
        right: -10px;
        height: 45px;
        top: -8px;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    .header__search .header__search-inp.active {
        width: 200px;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .subscribe-content .subscribe-form .subscribe-form-inp,
    .subscribe-content .subscribe-form .subscribe-form-btn,
    .blog-card .blog-card-img img {
        width: 100%;
    }

    .order-thank-cards .swiper-button-next,
    .order-thank-cards .swiper-button-prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .basket-mini-items,
    .catalog-sidebar .sidebar__filter-links,
    .tovar-favourite .tovar-favourite-logo,
    .tovar-top .tovar-favourite .tovar-favourite-link span,
    .ip-camera-card .product-like .product__card-id-green {
        display: none;
    }

    .header-bottom .header__search .header__search-btn {
        background: transparent;
        position: static;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        margin-right: -5px;
        padding-top: 5px;
    }

    .main-slide .swiper {
        /* height: 240px; */
    }

    .main-slide .main-slider-banner {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
    }

    .main__content .swiper-button-prev,
    .main__content .swiper-button-next {
        width: 26px;
        height: 24px;
        top: 55%;
    }

    .main__content .swiper-button-prev img,
    .main__content .swiper-button-next img {
        width: 50%;
    }

    .article-info .article-search,
    .catalog__cards .product__card-content .product__card-links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .article .article-info {
        padding: 35px 20px 20px 20px;
    }

    .article-news-item {
        margin-bottom: 35px;
    }

    .blog-article .blog-article-info .blog-info-content {
        padding: 20px 24px 20px 17px;
    }

    .blog-cards-wrap .blog-cards .blog-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
    }

    .blog-cards-wrap .blog-card .blog-card-content {
        padding: 20px;
    }

    .catalog__cards .product__card-links .card-link-shop {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .catalog__cards .product__card-content .product__card-id {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 11px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .events .events-title,
    .events-content .events__info-content .events-info-title h3 {
        font-size: 25px;
    }

    .events-content .events__info-content {
        padding: 25px 20px 50px 20px;
    }

    .events-video .events-video-play {
        width: 150px;
        height: 80px;
        border-radius: 10px;
    }

    .events-video .events-video-play svg {
        width: 25px;
    }

    .events-info .events-video {
        height: 300px;
    }

    .events .events__information {
        gap: 25px;
    }

    .events .events-top {
        padding-left: 0;
    }

    .order-delevery-items .order-delevery-item {
        gap: 5px;
    }

    /* .personal-products .personal__product-tabs .nav-pills{
		flex-direction: column;
	} */
    .personal__basket-card .image {
        height: auto;
        width: auto;
    }

    .personal__product-tabs .nav-pills,
    .personal__product-tabs .nav-pills .nav-item,
    .personal-products .personal__product-tabs .nav-pills .nav-link,
    .ip-camera-card .product__card-content .product__card-id,
    .ip-camera-card .ip-camera-price,
    .ip-camera-card .product__card-links .card-link-buy,
    .personal__basket-card .basket__card-info .basket-card-img img {
        width: 100%;
    }

    .question .question-items {
        padding: 50px 15px 50px 15px;
    }

    .product__card-id ul {
        display: none;
    }

    .ip-camera-card .ip-camera-card-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .ip-camera-card .ip-camera-card-info .ip-camera-id,
    .ip-camera-card .ip-camera-sena-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .ip-camera-card .ip-camera-price {
        text-align: start;
    }

    .ip-camera-card .product-like {
        position: absolute;
        z-index: 2;
    }

    .tovar .tovar-info {
        margin: 20px 0;
    }

    .tovar-main .tovar-slide {
        max-width: 600px;
        min-width: 100%;
        width: 100%;
    }

    .tovar .tovar-main {
        display: block;
    }

    .description-content .sertificte-content {
        gap: 10px;
    }

    .modal__form .modal-body {
        padding: 0px 20px 53px;
    }

    .modal__form .modal__form-content .modal__form-group,
    .modal__form .modal__form-select .form__select-group,
    .modal__form .modal__info-group .modal__info-tabs {
        margin-left: 0;
    }

    .personal__basket-content .personal__basket-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }

    .personal__history-card .basket__card-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
    }

    .catalog-main .catalog-cards-top {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        /* justify-content: space-between; */
    }

    .catalog-main .catalog-cards-top .filter__view {
        display: none;
    }


    .article-news-item .article-new-img {
        max-width: 95px;
        width: 100%;
    }

    .fixed-bottom-menu {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        z-index: 1000;
    }
    .fixed-bottom-menu .header__bottom-links {
        /* position: fixed; */
        position: relative;
        bottom: -40px;
        left: 0;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        text-align: center;
        padding: 10px 20px;
        background: #fff;
        z-index: 1000;
    }

    .fixed-bottom-menu .header__bottom-link {
        padding: 0;
        margin: 0;
        border: none;
    }
    .fixed-bottom-menu .bottom-link svg {
        width: auto;
        height: 28px;
    }
    .fixed-bottom-menu .header__bottom-compare .badge {
        left: 26px;
    }
    .fixed-bottom-menu .header__bottom-shopping .badge {
        left: 26px;
    }
    .fixed-bottom-menu .header__bottom-favorites .badge {
        left: 26px;
    }
    .header__bottom-content .header__bottom-links {
        display: none;
    }
    .mobbr {
        display: block;
        margin-left: 0 !important;
    }
    .personal__basket-card .basket__card-price {
        gap:30px;
    }
    .last-text_formob {
        padding-right: 8px;
    }
}

@media only screen and (max-width: 800px) {
    .search-list.grid-view .product-card,
    .grid-view .product-card {
        width: calc( 50% - 10px );
    }
}

@media only screen and (max-width: 390px) {
    .search-list.grid-view .product-card,
    .grid-view .product-card {
        width: calc( 100% );
    }
    .mobbr {
        display: inline-block;
        margin-left: 10px !important;
    }
}

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

    .events .events-title,
    .services-title,
    .question-title,
    .contact .contact-top .contact-title,
    .article .article-title {
        margin-bottom: 20px;
    }

    /* .grid-view .product-card {
        width: calc( 50% - 10px );
    } */

    .description {
        padding: 0px 0px 68px;
    }

    .catalog-main .catalog__product-info-text {
        display: none;
    }

    .catalog-main .catalog__product-info-text_for-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 9px;
        margin-bottom: 25px;
    }

    .catalog-sec-items {
        /* display: none; */
    }

    .catalog-sec-items_for-mob {
        display: flex;
        flex-direction: column;
    }

    .catalog-sec-items_for-mob .catalog-sec-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 364px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 25px;
        height: 130px;
        margin-bottom: 22px;
        border-radius: 5px;
        background: #FFF;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        padding: 29px 25px 7px 22px;
    }

    .catalog-sec-items_for-mob .catalog-sec-item span {
        color: #224798;
        font-size: 16px;
        font-weight: 600;
    }

    .catalog-sec-items_for-mob .catalog-sec-item .image {
        max-height: 120px;
        max-width: 120px;
    }

    .catalog-sec-items_for-mob .catalog-sec-item .image img {
        width: 100%;
        object-fit: contain;
        margin-top: -24px;
    }

    .catalog-mini-wrap .arrows {
        display: none;
    }

    .tovar {
        margin-top: -40px;
    }

    .breadcrumb {
        width: 80%;
        position: relative;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        transform: rotate(180deg);
    }

    .tovar-slide .tovar-slide-search {
        display: none;
    }

    .back-btn {
        display: block;
    }

    .tovar-top .tovar-favourite .back-btn {
        display: flex;
    }

    .tovar .tovar-top {
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
    }

    .tovar .tovar-top .tovar-title {
        order: 2;
    }

    .tovar-top .tovar-favourite {
        order: 1;
        margin-left: auto;
        margin-bottom: 10px;
        display: flex;
        justify-content: flex-end;
        width: 100%;
        margin-top: 30px;
    }

    .tovar-price .tovar__about-delevery {
        padding: 14px 30px 20px;
    }

    .header-media {
        width: 90%;
    }

    .article-news-item .article-news-location-wrap {
        flex-wrap: wrap;
    }

    .ip-camera-card .ip-camera-slide {
        width: 100%;
    }

    .ip-camera-card .ip-camera-slide .swiper-slide a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-right: 0;
    }

    .article .article-info .article-choose,
    .article-info .article-search {
        gap: 0;
    }

    .article-info .article-choose .article-radio {
        margin-bottom: 20px;
    }

    .article-info .article-search .article-calendar-btn {
        margin-bottom: 20px;
    }

    .main__content .main-items {
        padding: 0 15px;
    }

    .header {
        margin-bottom: 15px;
    }

    .header__top-address .dropdown {
        position: static;
    }

    .header__top-address .dropdown .dropdown-menu {
        min-width: 100%;
        width: 100%;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        left: 0 !important;
        top: 58px !important;
    }

    .wrapper {
        overflow: hidden;
    }

    .header__top-address .header__address-menu {
        width: 100%;
        padding: 20px 15px;
    }

    .header-bottom .header__bottom-content {
        gap: 10px;
    }

    .header-bottom .header__search .header__search-inp {
        right: -10px;
        padding: 10px 25px 10px 5px;
    }

    .header__search .header__search-inp.active {
        width: 170px;
    }

    .breadcrumb {
        margin-bottom: 20px;
    }

    .breadcrumb-none,
    .catalog-main .catalog__product-info-text .catalog-product-text.none,
    .catalog-main .catalog-cards-top .catalog-cards-delete.none,
    .catalog-main .catalog-cards-top .catalog-cards-drop .catalog-cards-drop-spn,
    .breadcrumb .breadcrumb-two .none {
        /*margin-top: 129px;*/
        /*display: none !important;*/
    }

    .breadcrumb .breadcrumb-two {
        padding-left: 0;
    }

    .catalog-main .catalog-product-text {
        height: 132px;
        overflow: hidden;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease;
    }

    .catalog-main .catalog-product-text.active {
        height: auto;
    }

    .main-slide .container-fluid {
        padding: 0;
    }

    /*.catalog-main .catalog-cards-top .catalog-cards-drop2 {*/
    /*    position: absolute;*/
    /*    !*top: 125px;*!*/
    /*    left: 50%;*/
    /*    -webkit-transform: translate(-50%);*/
    /*    -ms-transform: translate(-50%);*/
    /*    transform: translate(-50%);*/
    /*}*/
    /*.breadcrumb-item:last-child {*/
    /*    font-size: 13px;*/
    /*}*/
    .breadcrumb-item:nth-child(1) {
        font-size: 13px;
        white-space: nowrap;
    }

    .breadcrumb {
        width: auto;
    }

    .catalog-content-title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .catalog-content-title .catalog-analiz-btn {
        position: absolute;
        top: 120px;
        right: 0;
    }

    body>div.wrapper.main-wrap>main>section>div>div>div.catalog-content-title>h1,
    body>div.wrapper.main-wrap>main>section>div>div>div.catalog-content-title>.h1like{
        margin-top: 30px;
        font-size: 24px !important;
    }

    .breadcrumb .breadcrumb-two::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 1px;
    }

    .catalog-sec {
        padding-bottom: 6px;
    }

    .rtecenter {
        text-align: center !important;
    }

    .product__content .product-xit-cards {
        margin-top: 0;
    }

    .product-slide {
        background: transparent;
    }

    .product-slide {
        padding: 44px 0;
    }

    .brend-slide {
        padding: 0;
    }

    .company-sec {
        padding-top: 40px;
    }

    .company-content .company-img img {
        width: 100%;
    }

    .news-items .news-item-left {
        padding: 11px 16px 20px;
    }

    .news-items .news-item-right {
        padding: 11px 19px;
    }

    .subscribe .subscribe-content {
        padding: 20px 24px 26px 20px;
    }

    .product-card {
        padding: 15px 15px 34px;
        overflow: hidden;
    }

    .brend-content .brend-title,
    .catalog-sec-items .catalog-sec-title,
    .product-cards .product-title,
    .news .news-items .news-title {
        text-align: center;
        font-size: 18px;
        margin-bottom: 17px;
    }

    .subscribe {
        padding-top: 48px;
    }

    .subscribe-content .subscribe-title-wrap .subscrib-title-black {
        font-size: 13px;
    }

    .subscribe-content .subscribe-title-wrap .subscrib-title-red {
        font-size: 16px;
    }

    .subscribe-content .subscribe-title-wrap .subscrib-title-blue {
        font-size: 18px;
    }

    .company-sec .company-partner .company-partner-title {
        font-size: 24px;
        line-height: 30px;
    }

    .company-content .company-info {
        padding: 27px 18px 27px 22px;
    }

    .article-upcoming-card .upcoming-card-title,
    .article-news-slide .article-news-slide-title .article-slide-title {
        font-size: 25px;
    }

    .article-news-slide .article-news-slide-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .article-upcoming-card .upcoming-card-date span,
    .article-upcoming-card .upcoming-card-date .upcoming-card-location {
        font-size: 18px;
    }

    .article-upcoming-card .upcoming-card-date .upcoming-card-location {
        margin-right: 0;
    }

    .article-news-item .article-new-img {
        max-width: 95px;
    }

    .article-news-item {
        gap: 15px;
    }

    .article-upcoming-card .article-upcoming-information .upcoming-information-text,
    .article-news-item .article-news-title a,
    .article-info .article-choose .article-radio-inp,
    .footer__content .footer__contact .phone-num,
    .footer__content .footer__contact .ftr-email {
        font-size: 16px;
    }

    .article-news-item .article-news-text {
        font-size: 14px;
    }

    .article-news-item .article-new-img,
    .article-info .article-search,
    .article-info .article-search .article-search-inp,
    .article-info .article-search .article-search-inp input,
    .services-content .services-main-activates .services-btn,
    .personal__basket-content .personal__basket-card .basket-card-img img {
        width: 100%;
    }

    .article-upcoming-card .article-upcoming-information {
        margin-bottom: 25px;
    }

    .article-info .article-choose .article-radio {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px;
    }

    .footer-copright .copyright-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px;
    }

    .main-title,
    .article-main .article-main-form .article-form-title {
        font-size: 20px;
    }

    .article-info .article-main-content .article-main-title {
        font-size: 30px;
    }

    .article-main .article-main-form .article-form-group {
        gap: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .article-main .article-form-group .article-form-btn.main-btn {
        margin-top: 20px;
    }

    .article-info .article-upcoming .article-more {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px;
    }

    .blog-article .blog-article-info .blog-info-text {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 25px;
    }

    .blog-article .blog-article-info .blog-article-img {
        width: 100%;
        height: 240px;
    }

    .events-content .events__info-content .events-info-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .footer__content .footer__nav-item .footer__nav-link {
        font-size: 16px;
        line-height: 18px;
    }

    .footer__content .footer__nav-item .footer__nav-title {
        font-size: 14px;
    }

    .order__product-card4 .order__product-results .order__product-price,
    .order__product-card .order__product-info .order__product-info-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .order__product-cards .order__product-card4 {
        padding: 18px 25px 30px 24px;
    }

    .order__product-card4 .order__product-price .order__product-total-price {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        margin-top: 10px;
    }

    .order__product-card4 .order__product-price .order__product-total-price .bold-text {
        font-size: 20px;
    }

    .order__product-card4 .order__product-results {
        gap: 10px;
    }

    .order__product-card4 .order__result-products-btn {
        margin-top: 10px;
    }

    .order-content .order-info {
        padding: 20px 15px 30px;
        height: auto;
        margin-bottom: 20px;
    }

    .order-form .order__form-group .order__form-label {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .order__product-cards .order__product-card {
        padding-right: 25px;
    }

    .order__product-card .order__product-info .order__product-info-top {
        gap: 5px;
    }

    .order__product-card .order__product-info-top .order__product-title,
    .product-card .product__card-content .product-card-sena {
        font-size: 16px;
    }

    .breadcrumb .breadcrumb-item a,
    .breadcrumb .breadcrumb-item span,
    .product-card .product__card-content .product-card-title,
    .product-card .product__card-links .card-link-buy {
        font-size: 14px;
        line-height: 1.1;
    }

    .basket-thank-content .basket-thank-title,
    .order-thank-sec .order-thank-content .order-thank-title,
    .order-thank-sec .order-thank-content .order-thank-text {
        font-size: 18px;
    }

    .basket-thank-sec .basket-thank-content {
        padding: 0;
    }
    .order-thank-sec .order-thank-content {
        padding-top: 0;
    }
    .product-card .product__card-id span {
        font-size: 12px;
    }

    .product-card .name-spn {
        width: 96px;
        height: 27px;
        font-size: 12px;
    }

    .catalog-sidebar .catalog-filter {
        max-width: 100%;
    }

    .ip-camera-slide .product-img {
        margin-left: 0;
    }

    .ip-camera-card .ip-camera-price .ip-card-links {
        margin-top: 12px;
    }

    .description .description-tabs .nav-pills {
        /* padding: 25px 15px 0; */
        padding: 0 15px 0;
        gap: 27px;
    }

    .tovar-main .tovar-price-item .tovar__total-price span {
        display: none;
    }

    .tovar-slide .tovar-slide-new {
        top: 20px;
        left: 0px;
        width: 110px;
        height: 32px;
        font-size: 14px;
    }

    .tovar-main .tovar-price .tovar-price-item {
        padding: 25px 20px 15px;
    }

    .tovar-slide .tovar-slide-search {
        top: 20px;
        right: 10px;
    }

    .modal__form .modal__form-select2 {
        margin-top: 25px;
    }

    .modal__form .modal__form-select,
    .modal__form .modal__form-content .modal__form-group {
        gap: 10px;
    }

    .modal__form .modal__form-group .device-data-check {
        gap: 15px;
        margin: 20px 0 0;
    }

    .modal__form .modal__form-content .modal__form-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .list_card_prod {
        flex-direction: column !important;
    }

    .modal__form .modal__form-group .modal__form-label {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    .services-content .services-acordion {
        padding: 35px 10px 30px 10px;
    }

    .services-content .services-contact {
        /* padding: 0 10px; */
    }

    .services-content .services-terms {
        padding: 22px 10px 30px 10px;
    }

    .services .services-main-activates {
        padding: 0 10px 30px 10px;
    }

    .services .services-content {
        padding: 30px 0px 60px;
    }

    .services-content .services-acordion .accordion-button {
        padding: 15px;
    }

    .services-content .services-terms .services-terms-title {
        font-size: 18px;
        line-height: 22px;
    }

    .services-content .services-center .services-center-title {
        font-size: 24px;
        line-height: 24px;
    }

    .services-content .services-center-top .services-center-text {
        line-height: 24px;
    }

    .services-content .services-main-activates .main-activates-repair {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .services-content .services-contact .contact-info-items {
        margin: 20px 0 0 15px;
    }

    .modal-order .modal-body {
        padding: 0 30px 34px;
    }

    .services-acordion .accordion-button::after {
        width: 30px;
        height: 30px;
    }

    .personal__basket-content .personal__basket-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 32px;
    }

    .personal__basket-bottom .personal__basket-checkout {
        width: 100%;
    }

    .personal__basket-card .basket__card-info .basket-card-date {
        margin-left: 0;
    }

    .personal-content .personal-profile {
        padding: 36px 17px 40px 24px;
    }

    .modal-catalog .modal-body {
        padding: 0px 15px 26px;
    }

    .catalog-mini-items {
        gap: 10px;
    }

    .catalog__cards-2 .col-6 {
        padding: 5px;
        margin-bottom: 10px;
    }

    .catalog__cards-2 .product-card {
        padding: 12px 8px 15px;
    }

    .catalog__cards-2 .catalog-cards-btn {
        margin-top: 20px;
    }

    .catalog__cards-2 .product-card .name-spn {
        top: 20px;
    }

    .catalog__cards-2 .product-like {
        top: 8px;
        right: 9px;
        gap: 3px;
    }

    .catalog__cards-2 .product-like .like svg {
        width: 19px;
    }

    .catalog__cards-2 .product-like .analiz-icon svg {
        width: 22px;
    }

    .product-card .product__card-links .card-link-buy,
    .catalog__cards .product__card-links .card-link-shop {
        height: 50px;
    }

    .catalog-main .catalog-product-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .catalog-main .catalog__product-info-text {
        gap: 9px;
        margin-bottom: 25px;
    }
}


/* FILTER */

.filter__select {
    position: relative;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

.filter__select label {
    font-family: Arial;
    font-weight: 200;
    font-size: 14px;
    /* margin-right: 10px; */
    cursor: pointer;
}

.filter__select .arrow-down {
    content: "";
    background-image: url(../images/icon/dropdown-arrow.svg?v=2);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 5px;
    width: 10px;
    height: 10px;
    display: inline-block;
    transform: rotate(-180deg);
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.filter__select.clicked .arrow-down {
    transform: rotate(0deg);
    border-color: #5b6cb2;
}

/* Общие стили для dropdown */
.filter__select ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    background-color: none;
    border-top: none;
}

.filter__select.clicked ul.show {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    position: relative;
}

.filter__select li {
    border-radius: 5px;
    background: #E3E7F1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* height: 35px; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    gap: 10px;
    color: #959BAA;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    cursor: pointer;
    /*
	background-color: rgba(204, 204, 204, 0.5);
	border: 1px solid #fff;
	border-radius: 8px;
	width: auto;
	height: auto;
	font-size: 12px; */
}

.filter__select li:hover {
    background: #d1d5de;
}

.filter__select li.selected {
    background-color: #5b6cb2;
    color: #fff;
}

.button-container {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-left: 15px;
}

.filter__button {
    font-family: var(--montserrat);
    font-weight: 600;
    border-radius: 30px;
    background: #1d4386;
    border: none;
    padding: 10px;
    color: #fff;
    /* margin-left: 20px; */
    margin-bottom: 15px;
    cursor: pointer;
}

.filter__button:hover {
    background: #123366;
}

#resetFiltersLink {
    margin-left: 10px;
    text-decoration: none;
    /* Убираем подчеркивание, чтобы выглядело как текст */
    cursor: pointer;
    color: #3f5a93;
    /* Устанавливаем стандартный курсор, как у текста */
}

/* Стили для отключенной ссылки */
#resetFiltersLink.disabled {
    margin-left: 45px;
    opacity: 0.5;
    /* Сделаем текст полупрозрачным */
    cursor: not-allowed;
    color: #cbcbcb;
    /* Изменяем курсор на "не разрешено" */
}

/* .korpus__select img {
	display: block;
  } */

.mobile_filter {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2000;
}

.resetFiltersLink_for_mob {
    display: none;
}

.mobile_filter .modal-content {
    background-color: #fefefe;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.mobile_filter .close {
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    align-self: flex-end;
    margin: 10px;
}

.mobile_filter .close:hover {
    color: black;
}

.filter_img {
    display: none;
}

.catalog-item-wrapper {
    margin-top: 70px;
    flex-direction: column;
    gap:16px;
}
.catalog-sec-item-left {
    display: flex;
    gap: 16px;
    color: #555555;
}
.catalog-sec-item-left:hover {
    color: #0d77b0;
}
.catalog-sec-item-left span {

    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
}
.mobile767,
.formobileonly {
    display: block;
}
.desktop,
.fordesktoponly {
    display: none;
}
@media only screen and (min-width: 768px) {
    .mobile767,
    .formobileonly {
        display: none;
    }
    .desktop,
    .fordesktoponly {
        display: flex;
    }
    .filter__select img {
        display: none;
    }

    .mobile__filters p {
        display: none;
    }


    .mobile_filter {
        display: none;
    }
}
@media only screen and (max-width: 390px) {
    .mobile767 {
        display: none;
    }
    .desktop {
        display: block;
    }
}
@media only screen and (max-width: 767px) {

    #resetFiltersLink {
        display: none;
    }

    .list_card_prod {
        flex-direction: column;
    }

    .events-info .events-photo {
        height: auto;
    }

    .product-card .image {
        height: auto;
    }

    .product-card .product-img {
        max-height: 178px;
        padding-top: 25px;
        padding-bottom: 5px;
        min-height: 178px;
    }

    .mobile__filters {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 10px;
    }

    .mobile__filters p {
        margin: 0;
    }

    .resetFiltersLink_for_mob {
        display: flex;
        margin-right: 10px !important;
        text-decoration: none;
        cursor: pointer;
        color: #3f5a93;
    }

    .resetFiltersLink_for_mob.disabled {
        display: flex;
        margin-right: 10px !important;
        opacity: 0.5;
        cursor: not-allowed;
        color: #cbcbcb;
    }

    .brendcrumbs-events .breadcrumb {
        width: 100%;
    }

    .brendcrumbs-events .bread-crumbs .breadcrumb-item:last-child {
        font-size: 12px;
    }


    .filter__select {
        display: none;
    }

    .filter_img {
        background: none;
        border: none;
        display: block;
        width: 20px;
        height: auto;
        margin-left: 10px;
    }

    .filter__button {
        display: none;
    }

    /* Стили для модального окна на мобильных устройствах */
    .mobile_filter .modal-content .filter__select {
        display: inline-block;
        position: relative;
    }

    .mobile_filter {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 2000;
    }

    .mobile_filter .modal-content {
        background-color: #fefefe;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        /* align-items: center; */
        justify-content: flex-start;
        padding: 20px;
    }


    .filter-container {
        display: flex;
        flex-direction: column;
        /* align-items: flex-start; */
        width: 100%;
        max-height: 80vh;
        overflow-y: auto;
    }


    .mobile_filter .close {
        color: #aaa;
        font-size: 28px;
        font-weight: bold;
        cursor: pointer;
        align-self: flex-end;
        margin: 10px;
    }

    .mobile_filter .close:hover {
        color: black;
    }

    .apply-filters {
        width: 100%;
        margin-top: 15px;
        padding: 10px;
        background-color: #1d4386;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

    .apply-filters:hover {
        background-color: #123366;
    }

    #buyerTypeModal .mobileview {
        flex-direction: column;
        gap: 10px;
    }

    #buyerTypeModal .change-user-type-block-main {
        width: 100%;
        min-width: unset;
    }
}


/* СРАВНЕНИЕ */
.fordesktop {
    display: inline;
    padding-left: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    align-self: flex-end;
    margin-right: -8px;
}
.header__bottom-compare {
    position: relative;
}
.header__bottom-compare .badge {
    position: absolute;
    top: 1px;
    left: 16px;
    width: 17px;
    height: 17px;
    background-color: #CE4749;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: #fff;
}
.compare-remove {
    cursor: pointer;
}
.compare-add {
    cursor: pointer;
    color: #224798;
}
.compare-add.active {
    color: #FFF;
    background-color: #224798;
    border-radius: 10%;
}
.counter-badge:empty {
    display: none;
}
.compare-icon {
    margin: 5px;
    width: 28px;
}
.compare-counter {
    display: flex;
    margin: 20px 0;
}
.compare-info-modal .modal-body {
    padding :0;
}
.compare-info-modal .modal-content{
    width: 588px;
    height: 211px;
    background: rgba(52, 52, 52, 0.92);
    border-radius: 5px;
}
.compare-info-modal .modal-catalog-title {
    font-weight: 600;
    font-size: 26px;
    line-height: 47px;
    color: #FFFFFF;
}
.compare-info-modal p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 47px;
    color: #FFFFFF;
}
.compare-info-modal .btn-close {
    background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">  <path d="M16.4654 17.1797C16.3715 17.1797 16.2786 17.1612 16.1919 17.1252C16.1052 17.0892 16.0265 17.0365 15.9602 16.97L3.02881 4.04024C2.89469 3.90611 2.81934 3.7242 2.81934 3.53452C2.81934 3.34484 2.89469 3.16293 3.02881 3.02881C3.16293 2.89469 3.34484 2.81934 3.53452 2.81934C3.7242 2.81934 3.90611 2.89469 4.04024 3.02881L16.9717 15.9602C17.0713 16.0602 17.1391 16.1875 17.1665 16.326C17.1939 16.4645 17.1797 16.608 17.1257 16.7384C17.0717 16.8688 16.9803 16.9803 16.8629 17.0589C16.7456 17.1374 16.6077 17.1794 16.4665 17.1797H16.4654Z" fill="white"/>  <path d="M3.53507 17.1797C3.3938 17.1796 3.25571 17.1378 3.13822 17.0593C3.02073 16.9809 2.92912 16.8694 2.87495 16.7389C2.82079 16.6085 2.80649 16.4649 2.83387 16.3263C2.86124 16.1877 2.92907 16.0603 3.02878 15.9602L15.9602 3.02881C16.0266 2.9624 16.1055 2.90972 16.1922 2.87378C16.279 2.83783 16.372 2.81934 16.4659 2.81934C16.5598 2.81934 16.6528 2.83783 16.7396 2.87378C16.8264 2.90972 16.9052 2.9624 16.9716 3.02881C17.0381 3.09522 17.0907 3.17406 17.1267 3.26083C17.1626 3.3476 17.1811 3.4406 17.1811 3.53452C17.1811 3.62844 17.1626 3.72144 17.1267 3.80821C17.0907 3.89499 17.0381 3.97383 16.9716 4.04024L4.04021 16.9717C3.97383 17.0379 3.89505 17.0903 3.80836 17.126C3.72168 17.1617 3.62881 17.1799 3.53507 17.1797Z" fill="white"/>  </svg>');
}
.compare-info-modal .modal-catalog-btn {
    width: 238px;
    height: 50px;
    border: 1px solid #F0F0F0;
    border-radius: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #F0F0F0 !important;
    background-color: transparent;
}
.compare-info-modal .modal-header {
    border-bottom: none;
}
.compare-info-modal .modal-catalog-content {
    text-align: center;
}

/* ФОРМЫ РЕГИСТРАЦИИ и АВТОРИЗАЦИИ */

.auth_input .modal__form-inp {
    border-radius: 5px;
    background: #E3E7F1;
    width: 100%;
    height: 50px;
    border: none;
    color: rgba(0, 0, 0, 0.70);
    font-size: 16px;
    font-weight: 600;
    padding: 15px 20px;
}

.remember_me {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.remember_me .remember_me-check-inp {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    place-content: center;
    cursor: pointer;
    background: #F0F0F0;
}

.remember_me-label {
    font-size: 14px;
    color: #333;
}


.remember_me-btn {
    border-radius: 5px;
    background: #CB4444;
    color: #FFF;
    font-size: 14px;
    width: 188px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.remember_me-btn:hover {
    background: #CB4444;
    color: #FFF;
}

.remember_me-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.new_user {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.new_user a {
    margin-top: 10px;
    color: #0D77B0;
    font-size: 16px;
    text-decoration: underline;
}


.captcha {
    flex-direction: column;
    align-items: center;
    display: flex;
    margin: 6px auto 0;
}

.captcha a {
    background: #E2DFE0;
    text-align: center;
    width: 112px;
    height: 50px;
    color: rgba(0, 0, 0, 0.60);
    font-size: 16px;
    line-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.go_login {
    color: #0D77B0;
    font-size: 18px;
}

.rtecenter {
    text-align: center;
}

.rtejustify {
    text-align: justify;
}

.rteright {
    text-align: right;
}

.header__nav-drop .dropdown>a {
    /*padding-bottom: 20px;*/
    /*margin-top: 19px;*/
}

.dataSwiper2 {
    height: 100px;
}

.info-add-cart {
    background-color: white;
    border: 2px solid #0D77B0;
    border-radius: 12px;
    padding: 20px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 100;
    text-align: center;
    font-size: 20px;
    bottom: 0px;
}

.info-add-body {
    max-width: 300px;
    top: 50px;
    bottom: auto;
    position: fixed;
}

.menager-cart {
    margin-top: 50px;
    border-radius: 5px;
    background-color: #ccc;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 14px 14px;
    color: #FFF;
    font-size: 16px;
    white-space: nowrap;
}

.menager-cart:hover {
    background: #ddd;
}

.red {
    color: #CE4749 !important;
}

.gray {
    color: rgba(0, 0, 0, 0.50);
}

.list_card_prod {
    flex-direction: row;
}

#pills-descript {
    /* max-width: 900px; */
    text-align: justify;
}

#pills-descript .description-text {
    max-width: 900px;
}

.font-bold {
    font-weight: 700;
}
.pc-block{
    display: block;
}
@media only screen and (max-width: 991px) {
    .pc-block{
        display: none;
    }
    .mobile-center a{
        display: block!important;
    }
    .mobile-center{
        text-align: center ;
        display: block!important;
    }
}

.description-text strong {
    font-weight: 600;
}

.scroll-top {
    box-shadow: 0 0 10px #000000;
    width: 60px;
    height: 60px;
    cursor: pointer;
    position: fixed;
    z-index: 1000;
    bottom: 108px;
    right: 24px;
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    opacity: .88;
    background: #0d77b0;
    transition: .3s;
}
.activeScroll {
    display: flex;
}
@media only screen and (max-width: 1200px) {
    .activeScroll {
        display: none;
    }
    .fordesktop {
        display: none;
    }
}

.highlight {
    font-weight: bold;
}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #0d77b0 !important;
    color: #ffffff !important;
}
}
.radio--selected .radio__elem {
     background-color: var(--brand-color);;
 }

.change-user-type-block-main{
    cursor:pointer;
    min-width:450px;
    width: 450px;
    border-radius: 15px;
    background-color: #334b93;
}
.change-user-type-block p{
    font-size: 21px;
}
.change-user-type-block img{
    width: 200px;
}
.modal-content-user-type{
    background-color: unset;
}
#buyerTypeModal.show ~ .modal-backdrop {
    background-color: rgba(255,255,255, 1) !important;
    opacity: 0.85;
}

.b2bicon {
    color: #4A4A4A;
    background-color: transparent;
}
.b2bicon.icon-red:hover svg path {
    fill: transparent;
    color: #0D77B0;
}


.profile-order-placing__availability-header {
    display: flex;
    justify-content: space-between;
    padding: 12px 24px;
    border-bottom: 1px solid var(--gray-100);
}

.profile-order-placing__availability-title {
    color: var(--gray-700);
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 143%;
}
.profile-order-placing__availability-list {
    padding: 6px;
}
.profile-order-placing__availability-item {
    display: flex;
    justify-content: space-between;
    padding: 6px 24px;
    border-bottom: 1px solid var(--gray-100);
}

.profile-order-placing__availability-info {
    color: var(--black-main);
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.rotate {
    transform: rotateZ(7200deg);
    transition-duration: 60s;
    transition-timing-function: linear;
}

.rotate2 {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 3000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 3000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 3000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(-360deg); }
    to { -ms-transform: rotate(0deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(-360deg); }
    to { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(-360deg); }
    to { -webkit-transform: rotate(0deg); }
}
@keyframes spin {
    from { transform:rotate(-360deg); }
    to { transform:rotate(0deg); }
}

.headermob,
.searchbarmob,
.menumob
{
    display: none;
}
@media only screen and (max-width: 1050px) {
    /* new mobmenu style */
    :root {
        --color-white: #fff;
        --color-black: #000;
        --color-alt: #7A7878;
        --color-accent: #016499;
        --color-border: #7A7878;
        --panel-height: 89px;
        --panel-height-mobile: 75px;
    }

    *,
    html {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    body {
        margin: 0;
        padding: 0;
        font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
        min-width: 320px;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }

    main {
        flex-grow: 1;
    }

    .reset-btn {
        padding: 0;
        margin: 0;
        border: none;
        outline: none;
        color: unset;
        background: transparent;
    }

    .reset-list {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .reset-list li {
        padding: 0;
        margin: 0;
    }

    .hero-section {
        height: 100vh;
        background: var(--color-white);
    }

    .headermob {
        padding: 16px 80px;
        display: flex;
        align-items: center;
        gap: 24px;
        border-bottom: 1px solid var(--color-border);
        margin-bottom: 35px;
    }

    @media (max-width: 1023.98px) {
        .headermob {
            padding: 12px 24px;
            gap: 16px;
        }
    }
    @media (max-width: 767.98px) {
        .headermob {
            padding: 12px 16px;
        }
    }
    .header__logo {
        display: flex;
        align-items: center;
        width: 100px;
        height: 64px;
    }

    @media (max-width: 767.98px) {
        .header__logo {
            width: 80px;
            height: 50px;
        }
    }
    .header__logo img {
        display: block;
        width: 100%;
    }

    .header__burger {
        position: relative;
        width: 48px;
        height: 48px;
        cursor: pointer;
    }

    @media (max-width: 767.98px) {
        .header__burger {
            width: 40px;
            height: 40px;
        }
    }
    .header__burger span {
        position: absolute;
        width: 24px;
        height: 2px;
        background-color: var(--color-accent);
        border-radius: 2px;
        left: 12px;
        transition: transform 0.3s ease-in-out;
    }

    @media (max-width: 767.98px) {
        .header__burger span {
            width: 20px;
            left: 10px;
        }
    }
    .header__burger span:nth-child(1) {
        top: 16px;
    }

    @media (max-width: 767.98px) {
        .header__burger span:nth-child(1) {
            top: 14px;
        }
    }
    .header__burger span:nth-child(2) {
        top: 24px;
    }

    @media (max-width: 767.98px) {
        .header__burger span:nth-child(2) {
            top: 20px;
        }
    }
    .header__burger span:nth-child(3) {
        top: 32px;
    }

    @media (max-width: 767.98px) {
        .header__burger span:nth-child(3) {
            top: 26px;
        }
    }
    .header__search-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        margin-left: auto;
        cursor: pointer;
    }

    @media (max-width: 767.98px) {
        .header__search-btn {
            width: 46px;
            height: 40px;
        }
    }
    .header__search-btn::before {
        --size: 24px;
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        mask: url("../images/icon/search2.svg") center center/30px no-repeat;
        -webkit-mask: url("../images/icon/search2.svg") center center/30px no-repeat;
        background-color: var(--color-accent);
    }

    @media (max-width: 767.98px) {
        .header__search-btn::before {
            --size: 20px;
        }
    }

    .searchbarmob {
        position: fixed;
        inset: 0;
        flex-direction: column;
        background-color: var(--color-white);
        display: none;
    }

    .searchbarmob.is-open {
        display: flex;
        z-index: 111;
    }

    .searchbar__panel {
        padding: 16px 80px;
        display: flex;
        align-items: center;
        gap: 24px;
        border-bottom: 1px solid var(--color-border);
    }

    @media (max-width: 1023.98px) {
        .searchbar__panel {
            padding: 12px 24px;
            gap: 16px;
        }
    }
    @media (max-width: 767.98px) {
        .searchbar__panel {
            padding: 12px 16px;
        }
    }
    .searchbar__back-btn {
        --iconSize: 32px;
        width: 64px;
        height: 48px;
        background: url("../images/icon/arrow-back.svg") center center/40px no-repeat;
        flex-shrink: 0;
    }

    @media (max-width: 767.98px) {
        .searchbar__back-btn {
            --iconSize: 24px;
            width: 40px;
            height: 24px;
        }
    }
    .searchbar__input {
        display: block;
        width: 100%;
        padding: 8px 0;
        font-size: 20px;
        height: 64px;
        line-height: 1.3;
        border-radius: 0;
        border: none;
        outline: none;
    }

    @media (max-width: 767.98px) {
        .searchbar__input {
            height: 50px;
            font-size: 16px;
            line-height: 1.3;
        }
    }
    .searchbar__close-btn {
        --size: 48px;
        --iconSize: 24px;
        width: var(--size);
        height: var(--size);
        background: url("../images/icon/close-secondary.svg") center center/var(--iconSize) no-repeat;
        flex-shrink: 0;
    }

    @media (max-width: 767.98px) {
        .searchbar__close-btn {
            --size: 40px;
            --iconSize: 16px;
        }
    }
    .searchbar__body {
        padding: 24px 80px;
    }

    @media (max-width: 1023.98px) {
        .searchbar__body {
            padding: 16px 24px;
        }
    }
    @media (max-width: 767.98px) {
        .searchbar__body {
            padding: 12px 16px;
        }
    }
    .searchbar__examples, .searchbar__results {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    @media (max-width: 767.98px) {
        .searchbar__examples, .searchbar__results {
            gap: 8px;
        }
    }
    .searchbar__examples-item, .searchbar__results-item {
        font-size: 16px;
        line-height: 1.32;
        text-decoration: none;
        color: unset;
    }

    @media (max-width: 767.98px) {
        .searchbar__examples-item, .searchbar__results-item {
            font-size: 14px;
            line-height: 1.2;
        }
    }
    .searchbar__examples {
        display: flex;
    }

    .searchbar__examples.is-hidden {
        display: none;
    }

    .searchbar__examples-item {
        color: var(--color-alt);
    }

    .searchbar__results {
        display: none;
    }

    .searchbar__results.is-visible {
        display: flex;
    }

    .searchbar__results-item {
        color: var(--color-black);
    }

    @media (any-hover: hover) {
        .searchbar__results-item:hover {
            text-decoration: underline;
        }
    }

    .menumob {
        position: fixed;
        inset: 0;
        flex-direction: column;
        background-color: var(--color-white);
        display: none;
        opacity: 0;
    }

    .menumob.is-open {
        display: flex;
        z-index: 111;
        opacity: 0;
        margin-bottom: 50px;
    }

    .menu__panel {
        padding: 16px 80px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        border-bottom: 1px solid var(--color-border);
        min-height: var(--panel-height);
    }

    @media (max-width: 1023.98px) {
        .menu__panel {
            padding: 12px 24px;
            gap: 16px;
        }
    }
    @media (max-width: 767.98px) {
        .menu__panel {
            padding: 12px 16px;
            min-height: var(--panel-height-mobile);
        }
    }
    .menu__close-btn {
        --size: 48px;
        --iconSize: 24px;
        width: var(--size);
        height: var(--size);
        background: url("../images/icon/close.svg") center center/var(--iconSize) no-repeat;
        flex-shrink: 0;
        position: relative;
        z-index: 10;
    }

    @media (max-width: 767.98px) {
        .menu__close-btn {
            --size: 40px;
            --iconSize: 16px;
        }
    }
    .menu__back-btn {
        --iconSize: 32px;
        width: 64px;
        height: 48px;
        background: url("../images/icon/arrow-back.svg") center center/40px no-repeat;
        flex-shrink: 0;
    }

    @media (max-width: 767.98px) {
        .menu__back-btn {
            --iconSize: 32px;
            width: 40px;
            height: 40px;
        }
    }
    .menu__logo {
        display: flex;
        align-items: center;
        width: 100px;
        height: 64px;
    }

    @media (max-width: 767.98px) {
        .menu__logo {
            width: 80px;
            height: 50px;
        }
    }
    .menu__logo img {
        display: block;
        width: 100%;
    }

    .menu__body {
        max-height: 100%;
        overflow-y: auto;
    }

    .menu__section {
        padding: 24px 80px;
        max-height: 100%;
        overflow-y: auto;
    }

    @media (max-width: 1023.98px) {
        .menu__section {
            padding: 16px 24px;
        }
    }
    @media (max-width: 767.98px) {
        .menu__section {
            padding: 20px 16px;
        }
    }
    .menu__section + .menu__section {
        border-top: 1px solid var(--color-border);
    }

    .menu__nav-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    @media (max-width: 767.98px) {
        .menu__nav-list {
            gap: 10px;
        }
    }
    .menu__nav-link {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        color: unset;
        text-decoration: none;
        font-size: 16px;
        line-height: 1.3;
    }

    .menu__nav-link--with-submenu::after {
        content: "";
        width: 8px;
        height: 8px;
        background: url("../images/icon/angle.svg") center center/100% no-repeat;
        flex-shrink: 0;
    }

    .menu__contacts {
        max-width: 600px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 16px;
        margin-top: 24px;
    }

    @media (max-width: 767.98px) {
        .menu__contacts {
            margin-top: 20px;
        }
    }
    .menu__contacts-col {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .menu__contacts-title {
        margin-bottom: 16px;
        font-size: 16px;
        line-height: 1.3;
        color: var(--color-alt);
    }

    @media (max-width: 767.98px) {
        .menu__contacts-title {
            margin-bottom: 12px;
        }
    }
    .menu__contacts-link {
        font-size: 16px;
        line-height: 1.3;
        color: var(--color-accent);
        font-weight: 700;
        text-decoration: none;
    }

    .menu__contacts-link:not(:last-child) {
        margin-bottom: 8px;
    }

    .menu__category {
        display: none;
        position: absolute;
        inset: 0;
        background-color: var(--color-white);
        z-index: 1;
    }

    .menu__category--submenu {
        z-index: 2;
    }

    .menu__category.is-open {
        display: block;
        z-index: 111;
        opacity: 0;
    }
}
/* часть из main.css для b2b - перенос регистрации на все страницы */
.form-block__inputs-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
@media screen and (max-width: 480px) {
    .form-block__inputs-group {
        grid-template-columns: 1fr;
    }
}
[data-button] {
    cursor: pointer;
}
.form-block [data-button=hidePassword] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.active [data-button=showPassword] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.active [data-button=hidePassword] {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.form-block__sign-wrap {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 18px;
    right: 10px;
}
.form-block__input-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--transition-primary);
    cursor: pointer;
}
.form-block__textarea {
    padding: 12px 16px;
    resize: none;
    border-radius: 5px;
    border: 1px solid var(--gray-100);
    background-color: var(--gray-100);
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 143%;
    transition: var(--transition-primary);
}

.radio {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.radio.active .radio__elem {
    border: 2px solid var(--brand-color);
}

.radio.active .radio__check-icon {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.radio.error .radio__elem {
    border: 2px solid var(--red);
}

.radio:hover .radio__elem {
    border: 2px solid var(--brand-color);
}

.radio:hover .radio__label {
    color: var(--brand-color);
}

.radio__elem {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border: 2px solid var(--gray-100);
    border-radius: 50px;
    transition: var(--transition-primary);
}

.radio__check-icon {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: var(--transition-primary);
}

.radio__input {
    display: none;
}

.radio__label {
    color: var(--gray-700);
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 143%;
}
.form-block__radios-title {
    margin-bottom: 8px;
    color: var(--gray-700);
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.form-block__radios-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

.filterResult__sticker {
    position: absolute;
    right: -290px;
    background: #fff;
    width: 270px;
    min-height: 28px;
    padding: 11px 20px 12px;
    color: #000;
    z-index: 2200;
    display: none;
    border-radius: 3px;
    box-shadow: 0 0 40px #bbb
}

.filterResult__sticker:before {
    content: " ";
    position: absolute;
    left: -7px;
    top: 50%;
    height: 14px;
    width: 14px;
    margin-top: -7px;
    transform: rotate(45deg);
    background: #fff
}

.filterResult__stickerClose {
    position: absolute;
    display: block;
    --size: 40px;
    --iconSize: 16px;
    width: var(--size);
    height: var(--size);
    background: url("../images/icon/close.svg") center center/var(--iconSize) no-repeat;
    right: 8px;
    top: 3px;
    cursor: pointer;
    text-decoration: none
}

.filterResult__sticker__message {
    white-space: nowrap
}

@media only screen and (max-width: 1200px) {
    .filterResult__sticker {
        right: 0;
        font-size: 14px;
    }
    .filterResult__stickerClose {
        right: 0;
        top: 0;
    }
}

.float-left {
    float: left;
}
.float-right {
    float: right;
}