@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {

    /**
  @color declaration
  */
    --tp-common-white: #ffffff;
    --tp-common-black: #000;
    --tp-common-yellow: #ffcd00;
    --tp-heading-primary: #000;
    --tp-grey-1: #a5a5a6;
    --tp-grey-2: #f3f4f7;
    --tp-grey-3: #c8c8c8;
    --tp-grey-4: #e6dfd6;
    --tp-grey-5: #fff3f6;
    --tp-grey-6: #cfcfcf;
    --tp-grey-7: #d3d3d3;
    --tp-grey-8: #f6f6f6;
    --tp-grey-9: #999999;
    --tp-text-body: #040404;
    --tp-text-primary: #FF5D02;
    --tp-text-secondary: #777777;
    --tp-text-tertiary: #adadad;
    --tp-text-4: #a0a0a0;
    --tp-text-5: #999999;
    --tp-theme-1: #3D6CE7;
    --tp-theme-2: #f3eee7;
    --tp-theme-3: #F5F6F7;
    --tp-theme-4: #77977b;
    --tp-theme-5: #8e8b74;
    --tp-theme-6: #f8f8f8;
    --tp-theme-7: #ededed;
    --tp-theme-8: #f4f1ec;
    --tp-theme-9: #83b735;
    --tp-theme-10: #f3f4f7;
    --tp-theme-11: #f3f7f7;
    --tp-theme-12: #f0e2dd;
    --tp-theme-13: #f7efec;
    --tp-theme-14: #f58448;
    --tp-border-1: #e7e7e7;
    --tp-border-2: #f6f6f6;
    --tp-border-3: #ecf0ef;
    --tp-border-4: #e0e0e0;
    --tp-border-5: #282828;
    --tp-border-6: #e4e4e4;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*---------------------------------
	typography css start
---------------------------------*/
body {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 1.4;
    overflow-x: hidden !important;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {

    color: #000;
    margin-top: 0;
    font-weight: 500;
    line-height: 1.2;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
    margin-bottom: 42px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 15px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

ul {
    margin: 0;
    padding: 0;
}

p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 1.4;
}
p:last-child {margin-bottom: 0}

a,
.btn,
button,
p,
i,
input,
select,
textarea,
li,
img,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    color: inherit;
    text-decoration: none;
}

a {
    text-decoration: none;
}

a,
button {
    color: inherit;
    outline: none;
    border: none;
    background: transparent;
}

button:hover {
    cursor: pointer;
}

button:focus {
    outline: 0;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

input {
    outline: none;
}

input[type=color] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    padding: 0;
    border-radius: 50%;
}

*::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: var(--tp-text-primary);
    color: #fff;
    text-shadow: none;
}

*::-moz-placeholder {
    color: #000;
    font-size: 14px;
    opacity: 1;
}

*::placeholder {
    color: #000;
    font-size: 14px;
    opacity: 1;
}

/*---------------------------------
    common classes css start
---------------------------------*/
.w-img img {
    width: 100%;
}

.m-img img {
    max-width: 100%;
}

.fix {
    overflow: hidden;
}

.clear {
    clear: both;
}

.z-index-1 {
    z-index: 1;
}

.z-index-11 {
    z-index: 11;
}

.overflow-y-visible {
    overflow-x: hidden;
    overflow-y: visible;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.include-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.gx-6 {
    --bs-gutter-x: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .gx-6 {
        --bs-gutter-x: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .gx-6 {
        --bs-gutter-x: 30px;
    }
}

.f-right {
    float: right;
}

/* scrollUp */
.scroll-top {
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    bottom: -10%;
    right: 50px;
    z-index: 99;
    text-align: center;
    cursor: pointer;
    transition: 1s ease;
    border: none;
}
.scroll-top svg {

}
@media (max-width: 767px) {
    .scroll-top {
        right: 30px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

.scroll-top.open {
    bottom: 30px;
}

.scroll-top::after {

}

.scroll-top:hover {

}

/*----------------------------------------*/
/*  Spacing
/*----------------------------------------*/
/*----------------------------------------*/
/*  00. BUTTON CSS START
/*----------------------------------------*/
.tp-btn {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 17px 33px;
    border-radius: 6px;
    color: var(--tp-text-body);
    background: #fff;
    line-height: 1.2;
}
.tp-btn:hover {
    color: #fff;
    background-color: var(--tp-text-primary);
}
.tp-btn:hover i {
    animation: iconarrow 0.4s linear;
}

@media (max-width: 767px) {
    .tp-btn i {
        margin-left: 2px;
    }
}

.tpsecondary-btn {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 17px 33px;
    border-radius: 6px;
    background: var(--tp-text-primary);
    color: #fff;
    line-height: 1.2;
    position: relative;
}
.tpsecondary-btn::before {
    position: absolute;
    content: "";
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    left: -10%;
    top: 0;
    height: 100%;
    width: 10%;
}
.tpsecondary-btn:hover::before {
    animation: lightwhite 0.8s;
}
.tpsecondary-btn:hover i {
    animation: iconarrow 0.4s linear;
}

.tpcart-btn,
.tpcheck-btn {
    border: none;
    display: block;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    min-height: 45px;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    text-align: center;
    line-height: 1.5;
    font-weight: 700;

}
.tpcart-btn:hover,
.tpcheck-btn:hover {
    background-color: #FF5D02;
    color: #fff;
}

.tpcart-btn {
    background-color: transparent;
    color: var(--tp-text-primary);
}
.tpcart-btn:hover {
    background-color: #FF5D02;
    color: #fff;
}

.tp-color-btn {
    background-color: var(--tp-text-primary);
    color: #fff;
}

.fivearrow-nxt,.fivearrow-prev, .threearrow-nxt,.threearrow-prev, .fourarrow-nxt,.fourarrow-prev  {
    background: #F5F6F7;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all 0.3s
    ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s
    ease-out 0s; margin: 0 2.5px;
}

/* 01.  ========= pulse effect animation ========== */
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
/* 02. ========= btn arrow animation ========== */
@keyframes iconarrow {
    49% {
        transform: translateX(30%);
    }
    50% {
        opacity: 0;
        transform: translateX(-30%);
    }
    51% {
        opacity: 1;
    }
}
/* 03. ========= btn arrow animation ========== */
@-webkit-keyframes shine {
    100% {
        left: 100%;
    }
}
@keyframes shine {
    100% {
        left: 100%;
    }
}
/* 04. ========= firefly ========== */
@keyframes firefly {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        color: white;
    }
}
/* 05. ========= firefly ========== */
@keyframes hotdeal {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    75% {
        opacity: 0.8;
    }
    100% {
        opacity: 1.5;
    }
}
/* 06. ========= firefly ========== */
@keyframes lightwhite {
    100% {
        left: 100%;
    }
}
/* 07. ========= lighttitle ========== */
@keyframes lighttitle {
    100% {
        left: 100%;
    }
}
/* 08. ========= banneranimation ========== */
.banner-animation {
    position: relative;
    overflow: hidden;
}
.banner-animation::before {
    background: rgba(255, 255, 255, 0.3);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 50%;
    pointer-events: none;
    top: 0;
    opacity: 1;
    width: 0;
    transition: all 900ms linear;
}
.banner-animation:hover::before {
    left: 0;
    right: 0;
    opacity: 0;
    width: auto;
    transition: all 900ms linear;
}

/* 09. ========= banneranimation ========== */
@-webkit-keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
/* 02. ========= video ripple animation ========== */
@keyframes tp-pulse-2 {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }
    70% {
        box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
/* 02. ========= section animation ========== */
@keyframes section-animation {
    0% {
        width: 0;
    }
    15% {
        width: 100%;
    }
    85% {
        opacity: 1;
    }
    90% {
        width: 100%;
        opacity: 0;
    }
    to {
        width: 0;
        opacity: 0;
    }
}
/*--- preloader ---*/
.dark #preloader {
    background-color: #232323;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FAF6F3;
    z-index: 999999;
}

.preloader {
    width: 326px;
    height: 354px;
    display: inline-block;
    padding: 0;
    text-align: left;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -163px;
    margin-top: -177px;
}


@keyframes preloader {
    0% {
        transform: scale(0, 0);
        opacity: 0.5;
    }
    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}
@-webkit-keyframes preloader {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
    }
}
.tp-breadcrumb {margin-top: 30px; margin-bottom: 10px}
.tp-breadcrumb__link { display: flex; align-items: center}
.tp-breadcrumb__link span svg {    vertical-align: sub;}
.tp-breadcrumb__link span {
    font-size: 14px;
    display: inline-block;
    color: #D7D7D7;
    font-weight: 400;
}
.tp-breadcrumb__link span a:hover {
    color: var(--tp-text-primary);
}
.tp-breadcrumb__link .breadcrumb-item-active {
    position: relative;
    color: #8D8D8D;
    padding-right: 20px;
}
.tp-breadcrumb__link .breadcrumb-item-active::before {
    position: absolute;
    content: "";
    height: 3px;
    width: 3px;
    background-color: #D7D7D7;
    top: 46%;
    border-radius:100%;
    right: 8px;
}

.basic-pagination ul li {
    display: inline-block;
    list-style: none;
}
.basic-pagination ul li:not(:last-child) {
    margin-right: 5px;
}
.basic-pagination ul li a, .basic-pagination ul li span {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius:100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    border: none;
    background: #F5F6F7;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
@media (max-width: 767px) {
    .basic-pagination ul li a, .basic-pagination ul li span {
        height: 30px;
        width: 30px;
        line-height: 28px;
        font-size: 12px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .basic-pagination ul li a, .basic-pagination ul li span {
        height: 40px;
        width: 40px;
        line-height: 36px;
        font-size: 14px;
    }
}
.basic-pagination { margin-top: 0}
.basic-pagination ul li a:hover, .basic-pagination ul li a.current, .basic-pagination ul li span:hover, .basic-pagination ul li span.current {
    background: #FF5D02; color: #fff;
}
.basic-pagination ul li a i, .basic-pagination ul li span i {
    font-weight: 600;
}

/*----------------------------------------*/
/*  00. ACCORDIONS CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  00. TAB CSS START
/*----------------------------------------*/
.tpnavbar {
    display: flex;
    margin-top: 20px;
    margin-bottom: 10px;
}
.tpnavbar .nav-tabs {
    border-bottom: none;
    gap: 20px;
}
.tpnavbar .nav-link {
    border: none;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
    color: #8D8D8D;
    border-bottom:2px solid #fff
}

.tpnavbar .nav-link.active {
    color: #000;
    border-bottom:2px solid #FF5D02;
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpproductnav.tpnavbar .nav-link {
        margin-left: 20px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpproductnav.tpnavbar .nav-link {
        margin-left: 30px;
    }
}

.tpproductall {
    text-align: right;
}
@media (max-width: 767px) {
    .tpproductall {
        text-align: left;
        margin-bottom: 30px;
    }
}
.tpproductall a {
    font-weight: 600;
    font-size: 16px;
}
.tpproductall a:hover {
    color: var(--tp-text-primary);
}
.tpproductall a i {
    margin-left: 8px;
}

.addtowishlist svg path {
    transition: fill 0.3s, stroke 0.3s;
}

/* Пустое сердце — только контур */
.addtowishlist:not(.inwish) svg path {
    fill: none;        /* внутрь ничего не закрашиваем */
    stroke: #000;   /* контур */
    stroke-width: 1.5;
}

/* Ховер на пустом сердце — меняем только контур */
.addtowishlist:not(.inwish):hover svg path {
    stroke: rgb(155, 167, 92); /* цвет контура */
}

/* Заполненное сердце — полностью черное */
.addtowishlist.inwish svg path {
    fill: #000;     /* черное */
    stroke: none;
}

/* Hover на закрашенном сердце — не меняем цвет */
.addtowishlist.inwish:hover svg path {
    fill: #000;
}

/*----------------------------------------*/
/*  00. MODAL CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*   SECTION-TITLE CSS START
/*----------------------------------------*/
.tpsection__title {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 42px;
}
.tpsection__title a {
    color: #000;
    font-size: 14px;
    font-weight: 400;

    position: absolute;
    padding: 5px 10px;
    line-height: 1;
    background: #F5F6F7;
    border-radius: 30px;
    margin-top: 4px;
    margin-left: 5px;
}
.tpsection {
    position: relative;
}
.tpsection__title span {
    position: relative;
    display: inline-block;
    font-weight: 300;
    color: var(--tp-text-primary);
    font-size: 26px;
    letter-spacing: -1px;
}
.tpsection__title span img {
    position: absolute;
    left: 0;
    bottom: 1px;
    z-index: -1;
    animation: section-animation 2s infinite;
}

.tpsectionarea__subtitle {
    Font-size: 20px;
    font-weight: 400;
    color: var(--tp-text-primary);
    margin-bottom: 0;
}
.tpsectionarea__title {
    font-size: 40px;
    font-weight: 600;
    color: var(--tp-text-body);
}
.tpsectionarea__title i {
    transform: translateY(5px);
}

.solid-line {
    position: relative;
    border-top: 1px solid var(--tp-border-1);
}
.solid-line .tpsection__title {
    transform: translateY(-18px);
    background: #f8f8f8;
    display: inline-block;
    padding: 0 30px;
}

/*----------------------------------------*/
/*  00. HEADER CSS START
/*----------------------------------------*/
.header-welcome-text {
    padding: 7px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .header-welcome-text {
        text-align: center;
    }
}
.header-welcome-text span {
    font-size: 16px;
    font-weight: 600;
}
@media (max-width: 767px) {
    .header-welcome-text span {
        font-size: 14px;
    }
}
.header-welcome-text a {
    color: var(--tp-text-primary);
    font-weight: 600;
    display: inline-block;
    position: relative;
}
@media (max-width: 767px) {
    .header-welcome-text a {
        font-size: 14px;
    }
}
.header-welcome-text a::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background-color: var(--tp-text-primary);
    bottom: 0;
}
.header-welcome-text a i {
    margin-left: 10px;
}
.header-welcome-text a:hover i {
    animation: iconarrow 0.4s linear;
}

.header-search-bar {
    width: 100%;
}
.header-search-bar .header-search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}
.header-search-bar input {
    border: none;
    height: 50px;
    width: 100%;
    padding: 5px 45px 5px 45px;
    background-color: var(--tp-grey-2);
    border-radius: 6px;
}
.header-search-bar input::placeholder {
    color: var(--tp-grey-1);
}

.header-meta {
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .header-meta {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .header-meta {
        transform: translateY(4px);
    }
}
.header-meta__lang > ul > li {
    position: relative;
    list-style: none;
}
.header-meta__lang > ul > li > a {
    border: 1px solid var(--tp-border-1);
    display: flex;
    align-items: center;
    padding: 6px 19px 6px 6px;
    border-radius: 5px;
    margin-right: 20px;
    font-weight: 700;
    font-size: 14px;
}
.header-meta__lang > ul > li > a img {
    margin-right: 12px;
}
.header-meta__lang > ul > li > a i {
    color: var(--tp-grey-3);
    font-size: 15px;
    margin-left: 8px;
}
.header-meta__lang > ul > li:hover .header-meta__lang-submenu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
.header-meta__lang > ul > li:hover a i {
    transform: rotate(180deg);
    color: var(--tp-text-primary);
}
.header-meta__lang-submenu {
    position: absolute;
    top: 110%;
    left: 0;
    width: 140px;
    background: #fff;
    z-index: 9;
    box-shadow: 0 30px 70px 6px rgba(11, 6, 70, 0.08);
    padding: 15px 20px;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.header-meta__lang-submenu li {
    list-style: none;
    margin-bottom: 15px;
}
.header-meta__lang-submenu li:last-child {
    margin-bottom: 0;
}
.header-meta__lang-submenu li:hover {
    color: var(--tp-text-primary);
}
.header-meta__value span {
    font-weight: 700;
    font-size: 14px;
}
.header-meta__value .nice-select {
    height: 50px;
    line-height: 47px;
    width: 95px;
}
.header-meta__value .nice-select:focus {
    border-color: var(--tp-text-primary);
}
.header-meta__social a {
    font-size: 20px;
}
.header-meta__social a:hover svg, .header-meta__social button:hover svg {background: #F5F6F7; border-radius:10px}
.header-meta__social button { margin-left: 5px; margin-right: 5px}
.top-phones a {font-size: 20px; font-weight: 600;    margin-left: 12px;}
.top-mail a {font-size: 16px; margin-right: 12px}
.top-contacts {margin-right: 20px;}
.top-icon {margin-left: 4px}
.top-city {margin-left: 24px; font-size: 16px; }
.top-city a {gap:8px}
.top-time {margin-left: 8px; color: #8D8D8D}
.menu-top-social { }

.header-meta__social a:hover {
    color: #000;
}
.header-meta__search-5 {
    position: relative;
}
.header-meta__search-5 input {
    height: 50px;
    width: 200px;
    background-color: transparent;
    border: 1px solid var(--tp-border-1);
    border-radius: 6px;
    padding: 2px 10px 2px 45px;
}
.header-meta__search-5 input:focus {
    border: 1px solid var(--tp-text-primary);
}
.header-meta__search-5 input::placeholder {
    font-size: 14px;
    color: var(--tp-text-5);
}
.header-meta__search-5 .header-search-icon-5 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 18px;
    color: var(--tp-text-body);
    font-size: 14px;
}

.header-cart span {
    display: inline-block;
    height: 22px;
    width: 22px;
    line-height: 22px;
    border-radius: 100%;
    background-color: #000;
    color: #fff;
    font-size: 11px;
    text-align: center;
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 1;
}

.cat-menu__category > a {
    display: flex;
    align-items: center;
    padding: 9px 25px;
    min-height: 50px;
    min-width: 215px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    border-radius: 6px 6px 0 0;
    background: var(--tp-text-primary);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .cat-menu__category > a {
        min-width: 205px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .cat-menu__category > a {
        min-width: 100%;
    }
}
.cat-menu__category > a i {
    margin-right: 15px;
}
.cat-menu__category .category-menu {
    background: #fff;
    width: 100%;
    border: 1px solid var(--tp-border-2);
    border-top: none;
    position: absolute;
    top: 100%;
    left: 0;
    border-radius: 0 0 6px 6px;
    z-index: 9;
}
.cat-menu__category .category-menu .daily-offer {
    padding: 14px 0;
    background-color: var(--tp-border-2);
    border-radius: 0 0 6px 6px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .cat-menu__category .category-menu .daily-offer {
        padding: 14px 0;
    }
}
.cat-menu__category .category-menu .daily-offer ul li {
    list-style: none;
    padding: 3px 20px 3px 25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .cat-menu__category .category-menu .daily-offer ul li {
        padding: 0 20px 0 25px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .cat-menu__category .category-menu .daily-offer ul li {
        padding: 3px 20px 3px 15px;
    }
}
.cat-menu__category .category-menu .daily-offer ul li a {
    background-image: linear-gradient(#FF5D02, #FF5D02), linear-gradient(#FF5D02, #FF5D02);
    display: inline;
    background-size: 0 1px, 0 1px;
    background-position: 100% 100%, 0 90%;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-size: 14px;
    font-weight: 600;
}
.cat-menu__category .category-menu .daily-offer ul li a:hover {
    color: var(--tp-text-primary);
    background-size: 0 1px, 100% 1px;
}
.cat-menu__list {
    padding: 10px 0;
}
.cat-menu__list li {
    list-style: none;
}
.cat-menu__list li > a {
    display: flex;
    color: var(--tp-text-body);
    font-size: 14px;
    font-weight: 400;
    padding: 9px 25px 5px 25px;
    background: transparent;
    align-items: center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .cat-menu__list li > a {
        padding: 9px 15px 5px 15px;
    }
}
.cat-menu__list li > a:hover {
    color: var(--tp-text-primary);
}
.cat-menu__list li > a:hover::after {
    color: var(--tp-text-primary);
}
.cat-menu__list li > a i {
    width: 32px;
    color: var(--tp-text-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .cat-menu__list li > a i {
        width: 28px;
    }
}
.cat-menu__list li.menu-item-has-children:hover .submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.cat-menu__list li.menu-item-has-children > a::after {
    content: "\f178";
    position: absolute;
    right: 20px;
    font-size: 14px;
    font-weight: 700;
    color: var(--tp-grey-3);
}
.cat-menu__list li.menu-item-has-children > a:hover::after {
    color: var(--tp-text-primary);
}
.cat-menu__list li.menu-item-has-children .submenu {
    position: absolute;
    width: 100%;
    left: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    padding-left: 0;
    padding-top: 1.25rem;
    list-style: none;
    background-color: #fff;
    border-left: 1px solid var(--tp-border-1);
    border-top: 0;
    white-space: nowrap;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.25s cubic-bezier(0.28, 0.12, 0.22, 1);
    transition: all 0.25s cubic-bezier(0.28, 0.12, 0.22, 1);
}

.main-menu ul > li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin-right: 65px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .main-menu ul > li {
        margin-right: 50px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .main-menu ul > li {
        margin-right: 22px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu ul > li {
        margin-right: 40px;
    }
}
.main-menu ul > li > a {
    position: relative;
    font-weight: 600;
    font-size: 14px;
    color: var(--tp-text-body);
    padding: 15px 0 23px 0;
    display: block;
    line-height: 1;
}
.main-menu ul > li.has-dropdown > a {
    position: relative;
}
.main-menu ul > li.has-dropdown > a::after {

    transform: translateY(2px);
    content: "\f107";
    font-size: 14px;
    margin-left: 4px;
    display: inline-block;
    font-weight: 400;
}
.main-menu ul > li .submenu {
    position: absolute;
    top: 120%;
    left: 0;
    min-width: 250px;
    padding: 15px 0;
    background-color: #fff;
    z-index: 2;
    box-shadow: 0 8px 20px rgba(61, 110, 168, 0.1);
    border-radius: 0 0 10px 10px;
    border-top: 2px solid var(--tp-text-primary);
    opacity: 0;
    visibility: hidden;
    transition: 0.1s;
}
.main-menu ul > li .submenu li {
    display: block;
    width: 100%;
    margin: 0;
}
.main-menu ul > li .submenu li.has-dropdown > a::after {
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}
.main-menu ul > li .submenu li a {
    padding: 12px 25px;
    font-size: 15px;
    z-index: 1;
    color: #000;
    width: 100%;
    font-weight: 500;
}
.main-menu ul > li .submenu li a::before {
    display: none;
}
.main-menu ul > li .submenu li .submenu {
    left: 120%;
    top: 0;
    visibility: hidden;
    opacity: 0;
}
.main-menu ul > li .submenu li:hover > a {
    color: var(--tp-text-primary);
    margin-left: 8px;
}
.main-menu ul > li .submenu li:hover .mega-menu-title {
    margin-left: 0;
}
.main-menu ul > li .submenu li:hover > .submenu {
    left: 100%;
    visibility: visible;
    opacity: 1;
}
.main-menu ul > li .mega-menu {
    padding: 20px 40px 20px 40px;
    top: 120%;
    width: 800px;
    background-color: #fff;
    left: 0;
    right: 0;
    z-index: 5;
    transform-origin: top;
    flex: 0 0 auto;
    display: flex;
    margin: 0 auto;
    box-shadow: 0 8px 20px rgba(61, 110, 168, 0.1);
    border-radius: 0 0 10px 10px;
    border-top: 2px solid var(--tp-text-primary);
    -webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -ms-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
}
.main-menu ul > li .mega-menu li {
    width: 260px;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}
.main-menu ul > li .mega-menu li .mega-menu-title {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    position: relative;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 10px;
    padding-left: 0;
}
.main-menu ul > li .mega-menu li ul {
    padding-left: 0;
    text-align: left;
}
.main-menu ul > li .mega-menu li ul li {
    padding-left: 0;
    text-align: left;
}
.main-menu ul > li .mega-menu li ul li a {
    position: relative;
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
    color: var(--tp-text-body);
    text-transform: capitalize;
    text-align: start;
    margin-right: 8px;
    padding-left: 0;
}
.main-menu ul > li .mega-menu li ul li a:hover {
    color: var(--tp-text-primary);
}
.main-menu ul > li:hover > a {
    color: var(--tp-text-primary);
}
.main-menu ul > li:hover > a::after {
    color: var(--tp-text-primary);
}
.main-menu ul > li:hover > a::before {
    width: 41px;
}
.main-menu ul > li:hover > .submenu {
    top: 100%;
    visibility: visible;
    opacity: 1;
    z-index: 99;
}

.menu-contact {
    display: flex;
    justify-content: end;
}
.menu-contact ul li {
    display: inline-block;
    margin-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .menu-contact ul li {
        margin-right: 22px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .menu-contact ul li {
        margin-right: 12px;
    }
}
.menu-contact ul li:last-child {
    margin-right: 0;
}
.menu-contact__item {
    display: flex;
    align-items: center;
}
.menu-contact__icon {
    color: var(--tp-text-primary);
    font-size: 15px;
    margin-right: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .menu-contact__icon {
        margin-right: 4px;
    }
}
.menu-contact__info a {
    font-weight: 600;
    font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .menu-contact__info a {
        font-size: 12px;
    }
}
.menu-contact__info a:hover {
    color: var(--tp-text-primary);
}

@media (max-width: 767px) {
    .headertoplag {
        justify-content: center !important;
    }
}
.headertoplag__lang > ul > li {
    position: relative;
    list-style: none;
}
.headertoplag__lang > ul > li > a {
    display: inline-block;
    padding: 6px 19px 8px 6px;
    margin-right: 10px;
    font-weight: 700;
    font-size: 14px;
}
.headertoplag__lang > ul > li > a:hover {
    color: var(--tp-text-primary);
}
.headertoplag__lang > ul > li > a img {
    margin-right: 5px;
}
.headertoplag__lang > ul > li > a i {
    color: var(--tp-grey-3);
    font-size: 14px;
}
.headertoplag__lang > ul > li:hover .header-meta__lang-submenu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
.headertoplag__lang > ul > li:hover a i {
    transform: rotate(180deg);
    color: var(--tp-text-primary);
}

.menu-top-social a {
    font-size: 16px;
    margin-left: 4px;
}
.menu-top-social a.gotoshop {
    background: #003569;
    color: #fff;
    height: 40px;
    width: 222px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-top-social a:hover {
    color: var(--tp-text-primary);
}
.mainmenu__search {
    width: 710px;
    border: 1px solid #8D8D8D;
    height: 40px;
}
.mainmenu__search form {display: flex; align-items: center}
.mainmenu__search-bar { display: flex; align-items: center;    width: 100%;    background: #fff; }
.mainmenu__search-bar input {
    height: 38px;
    width: 100%;
    padding: 5px 20px 5px 10px;
    background-color: #fff;
    border-radius: 0px;
    color: var(--tp-text-body);
    border:none;
}

.mainmenu__search-bar input.price-filt-top-left {
    width: 117px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-left: 10px;
    padding: 12px 15px;
    padding-left: 38px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid #fff;
}
.mainmenu__search-bar input.price-filt-top-right {
    width: 117px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 2px;
    padding: 12px 15px;
    padding-left: 38px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid #fff;
}
.price-min, .price-max {position: relative;display: inline-block;}
.price-min:before
{
    content: 'от';
    position: absolute;
    color: #8D8D8D;
    font-size: 14px;
    top:10px;
    left:25px;
}
.price-max:before
{
    content: 'до';
    position: absolute;
    color: #8D8D8D;
    font-size: 14px;
    top:10px;
    left:15px;
}
.mainmenu__search-bar  input.price-filt-top-left::placeholder,

.mainmenu__search-bar  input.price-filt-top-right::placeholder{
    color: #000;
    font-size: 18px;
    font-weight: 700;

}
.mainmenu__search-bar svg { }
.mainmenu__search-bar button:hover svg rect {fill:#FF5D02}
.mainmenu__search-bar button:hover svg path {fill:#fff}
.mainmenu__search-bar input::placeholder {
    font-size: 14px;
    color: rgba(153, 153, 153, 0.6);
}
.mainmenu__search-icon {
    padding-right: 10px;
}

input[type="text"]:focus::placeholder {
    color: transparent;
}

input[type="date"]::placeholder {
    color: #8d8d8d;
    font-size: 16px;
    opacity: 1;
}

.search-container {
    position: relative;
}
.search-container .dropdown {
    position: relative;
}

.search-container .search-dropdown-button {
    cursor: pointer;
    background: #F5F6F7;
    margin-left: 4px;
    border-radius:6px;
    height: 32px;

    font-size: 18px;
    font-weight: 700;
    padding: 8px 11px;
    padding-right: 27px;
    line-height: 1;
    margin-right: 10px;
    width: max-content;
}
.search-container .search-dropdown-button:after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99293 6.35193C10.2651 6.37799 10.5016 6.55126 10.6082 6.8031C10.7147 7.05498 10.6746 7.34546 10.5037 7.55896L8.59254 10.0853C8.47472 10.2508 8.28399 10.349 8.08082 10.349C7.87767 10.349 7.68689 10.2508 7.5691 10.0853L5.48024 7.55896C5.3092 7.34521 5.26979 7.05413 5.37672 6.80212C5.48372 6.55032 5.7205 6.37744 5.99293 6.35193H9.99293Z' fill='%232B2A29'/%3e%3c/svg%3e");
    width: 16px;
    height: 17px;
}

.search-container .search-dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #F5F6F7;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: none;
    min-width: 228px;
    z-index: 1000;
    margin-top: 5px;
}
.search-container .show {
    display: block;
}
/* Стилизация опций */
.category-option {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background 0.2s;
    font-size: 14px;
    margin-bottom: 15px;
}

.category-option:hover {
    background: #f5f5f5;
}

/* Скрываем стандартный чекбокс */
.category-option input[type="checkbox"] {
    display: none;
}

/* Кастомный чекбокс */
.category-option input[type="checkbox"] + span {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 1.4;
}

/* Псевдоэлемент для кастомного чекбокса */
.category-option input[type="checkbox"] + span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #000;
    border-radius: 4px;
    background: #F5F6F7;
    transition: all 0.3s ease;
}

/* Состояние при наведении на чекбокс */
.category-option input[type="checkbox"] + span:hover::before {
    border-color: #888;
}

/* Состояние отмеченного чекбокса */
.category-option input[type="checkbox"]:checked + span::before {
    border-color: #FF5D02;
}

/* Галочка для отмеченного чекбокса */
.category-option input[type="checkbox"]:checked + span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    color: white;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4.09375C0 1.88461 1.79086 0.09375 4 0.09375H20C22.2091 0.09375 24 1.88461 24 4.09375V20.0938C24 22.3029 22.2091 24.0938 20 24.0938H4C1.79086 24.0938 0 22.3029 0 20.0938V4.09375ZM18.8587 6.18538C19.3604 6.65963 19.3826 7.45077 18.9084 7.95245L11.3459 15.9524C11.1098 16.2022 10.7812 16.3438 10.4375 16.3438C10.0938 16.3438 9.76525 16.2022 9.52913 15.9524L6.09163 12.3161C5.61739 11.8144 5.63963 11.0233 6.14131 10.549C6.64299 10.0748 7.43413 10.097 7.90838 10.5987L10.4375 13.2741L17.0916 6.23506C17.5659 5.73338 18.357 5.71114 18.8587 6.18538Z' fill='%239BA75C'/%3e%3c/svg%3e");
    width: 16px; height: 16px; background-size: contain;
}

/* Анимация при клике */
.category-option input[type="checkbox"] + span::before {
    transition: all 0.2s ease;
}

.category-option input[type="checkbox"]:active + span::before {
    transform: translateY(-50%) scale(0.9);
}
.white-bg-search {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 0;
    position: relative;
    background: #fff;
}
.topsearchfield {position: relative; width: 100%; }
.topsearchfield input { padding-left: 20px}
.topsearchfield:before {

}
.mainmenu__main {
    margin-left: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .mainmenu__main {
        margin-left: 50px;
    }
}
.mainmenu__main > .main-menu a {
    padding: 45px 0;
}
.mainmenu__main > .main-menu > nav > ul > li:nth-child(3) {
    margin-right: 230px;
}
.mainmenu__logo {
    position: absolute;
    top: 48%;
    left: 47%;
    transform: translateY(-52%);
}

.tertiary-header-top .headertoplag__lang ul li:hover i {
    transform: rotate(0);
}
.tertiary-header-top .headertoplag__lang ul li a:hover i {
    color: var(--tp-text-primary);
}
.tertiary-header-top .headertoplag__lang ul li a:hover.order-tick i {
    animation: iconarrow 0.4s linear;
    color: var(--tp-text-primary);
}
.tertiary-header-top .headertoplag__lang ul li a i {
    color: var(--tp-text-body);
    margin-right: 6px;
}

.tertiary-main-menu {
    border-top: 1px solid #efefef;
}
.tertiary-main-menu .main-menu ul li a {
    padding: 21px 0 20px 0;
}
.tertiary-main-menu .cat-menu__category > a {
    border-radius: 0;
    min-height: 55px;
}
.tertiary-main-menu .category-menu {
    background-color: #fff;
    z-index: 99;
}

.coupon-offer {
    padding: 15px 25px 15px 25px;
    background-color: var(--tp-text-body);
}
.coupon-offer span {
    color: #868686;
    font-size: 14px;
}
.coupon-offer span a {
    color: #fff;
    text-decoration: underline;
    font-weight: 600;
}
.coupon-offer span a:hover {
    color: var(--tp-text-primary);
}
.coupon-offer i {
    text-align: end;
    color: #535353;
}
.coupon-offer i:hover {
    color: var(--tp-text-primary);
}

.platinam-header-top .header-welcome-text span {
    font-size: 14px;
    font-weight: 400;
}
.platinam-header-top .header-welcome-text b {
    font-size: 14px;
    font-weight: 600;
}

.platinam-menuarea .mainmenu__search-bar input {
    background-color: transparent;
}
.platinam-menuarea .mainmenu__main {
    margin-left: 0;
}

.header-canvas {
    flex: 0 0 auto;
    margin-right: 35px;
    line-height: 1;
    font-size: 18px;

    font-weight: 700;
}
.header-canvas svg { margin-right: 10px}

.menu-area-4 {
    display: flex;
    justify-content: center;
}

.red-header-top .menu-top-social a {
    font-size: 16px;
    color: #fff;
    margin-left: 45px;
}
.red-header-top .menu-top-social a:first-child {
    margin-left: 0;
}
.red-header-top .menu-top-social a:hover {
    opacity: 0.8;
}
.red-header-top .header-welcome-text {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .red-header-top .header-welcome-text {
        text-align: center !important;
    }
}
@media (max-width: 767px) {
    .red-header-top .header-welcome-text {
        text-align: start !important;
    }
}
.red-header-top .header-welcome-text a {
    color: #fff;
    text-decoration: underline;
}

.category-style-five .category-menu {
    position: static;
}

.mainmenu-5 .main-menu a {
    padding: 45px 0;
}

.tpsideinfo {
    background: #fff;
    position: fixed;
    left: auto;
    right: 0;
    top: 0;
    height: 100%;
    padding: 40px;
    padding-top: 36px;
    width: 820px;
    overflow-x: hidden;
    transform: translateX(120%);
    transition: 0.3s;
    z-index: 99999;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}
.tpsideinfo .tpproduct-details__nav .nav-tabs .nav-links {
    border-bottom:4px solid #000;
    color: #fff;
}
.tpsideinfo .tpproduct-details__nav .nav-tabs .nav-links.active {
    color: #FF5D02;
    border-bottom: 4px solid #FF5D02;
}
.tpsideinfo  .tpproduct-details__nav .nav-tabs {gap:30px}

.tpsideinfo.tp-sidebar-opened {
    transform: translateX(0);
}
.tpsideinfo__close {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 20px;
}

.tpsideinfo__close:hover {color: #FF5D02;}
.tpsideinfo__close:hover svg path {fill:#FF5D02}
.tpsideinfo__close svg { margin-right: 10px}
.sidehead {     position: absolute;
    right: 0; z-index: 1}
.shipping-tab:before {
    content: '';
    position: absolute;
    width: 820px;
    height: 90px;
    top:0;
    left: 0;
    right: 0;
    background: url("/assets/img/ship.png");
    z-index: 0;
}
.payment-tab:before {
    content: '';
    position: absolute;
    width: 820px;
    height: 90px;
    top:0;
    left: 0;
    right: 0;
    background: url("/assets/img/pay.png");
    z-index: 0;
}
.shipping-tab {
    background: #f5f6f7;
    padding: 30px;
    height: calc(100vh - 170px);
}
.payment-tab {
    background: #f5f6f7;
    padding: 30px;
    height: calc(100vh - 170px);
}
.payment-list {margin-bottom: 60px}
.payment-list .payment-item {padding: 4px 20px; margin-bottom: 8px; background: #fff;    gap: 20px;
    font-size: 16px;}
.payment-text, .logo-list {margin-bottom: 60px}
.smmodal {margin-top: 60px; padding-left: 170px; position: relative}
.smmodal img {position: absolute;     left: -60px;bottom: -30px;}
.logo-list {
    flex-wrap: wrap;
    gap:7px;
    justify-content: space-between;
}
.logo-list div {max-width: 48%; display: inline-block}
.logo-list div img {width: 100%}
.logo-list div.w33 {max-width: 32%;    min-width: 32%;}
.tpproduct-details__nav .nav-tabs {position: relative; z-index: 1}
.chatlink {
    background: #FF5D02;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 56px;
    border-radius: 10px;
    margin-left: 20px;
}
.mod-tab-h {
    margin-bottom: 16px;
    gap:16px
}
.mod-tab-h p {font-size: 16px;    font-weight: 700;}
.sidemenu {}
.sidemenu ul {list-style: none}
.sidemenu ul li { margin-bottom: 10px}
.sidemenu ul li a {
    font-size: 22px;
    font-weight: 700;

}
.botsidemenu {
    text-align: center;
    padding-top:30px;
    border-top:1px solid #F5F6F7;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.botsidemenu a {
    font-size: 18px;
    font-weight: 500;
    padding: 18px;

}

.tpfilterinfo {
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    padding: 30px;
    width: 520px;
    transform: translateX(-120%);
    transition: 0.3s;
    z-index: 99999;
    overflow-y: scroll;
}

.tpfilterinfo.tp-sidebar-opened {
    transform: translateX(0);
}
.tpfilterinfo__close {
    position: absolute;
    top: 16px;
    right: 12px;
}

.tprevinfo {
    background: #fff;
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    width: 460px;
    transform: translateX(120%);
    transition: 0.3s;
    z-index: 99999;

}
.mod-rev-item {height: 100vh;overflow-y: auto; max-height: 100vh; padding-bottom: 208px;    position: relative;}
.tprevinfo:after {content: ''; position: absolute; bottom: 0; width: auto; left: 0; right: 0; background: #fff; height: 200px; z-index: 0}
.rev-rait-mod {position: relative}
.rev-goodplace-mod .main-rait {margin-top: 0;    margin-bottom: 0;    min-width: 50%;}
.rev-goodplace-mod .rait-left {display: flex;    justify-content: start;    height: auto;flex-wrap: wrap;}
.rev-goodplace-mod .rait-left .tpsection {min-width: 100%}
.rev-goodplace-mod .rait-left .tpsection .tpsection__title {margin-bottom: 20px}
.rev-goodplace-mod {position: fixed;width: auto;left: 30px;right: 30px;bottom: 90px; z-index: 1}
.tprevinfo .botsidemenu {padding-top: 20px;    position: fixed;width: auto;left: 30px;right: 30px;bottom: 30px; z-index: 1}
.tprevinfo .botsidemenu a {display: block; width: 100%}
.tprevinfo .botsidemenu a.btn-primary {background: #FF5D02;}
.tprevinfo .botsidemenu a.btn-primary:hover {background: #000; color: #fff}
.tprevinfo .botsidemenu a.btn-dark:hover { background: #F5F6F7; color: #000}
.rev-text-mod { color: #000; margin-top: 20px; margin-bottom: 20px; padding-left: 30px; padding-right: 30px}
.rev-ava-mod {}
.rev-ava-mod img {width: 100%; object-fit: cover;    height: 350px;}
.rev-name-mod {     margin-top: 20px;   }
.rev-name-date-mod .tpproduct__rating  {    top: -40px;right: 0;}
.rev-name-date-mod {position: relative; padding-left: 30px; padding-right: 30px;}
.rev-name-date-mod .rait-date { position: static;    font-weight: 400;
    font-size: 14px;}
.rev-name-date-mod .tptesti__avata-icon img {width: 47px; height: 47px}
.rev-name-date-mod .tptesti__avata-icon  { background: none; padding: 0;width: 47px; height: 47px;    position: static;}
.rev-name-date-mod .tptesti__avata-content-title  {margin-bottom: 20px;    align-items: center;
    display: flex;
    justify-content: space-between;}
.rev-name-date-mod .tptesti__avata-content-title span {font-size: 16px; color: #000;}

.tprevinfo.tp-sidebar-opened {
    transform: translateX(0);
}
.tprevinfo__close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
}
.tprevinfo__close:hover svg rect {fill:#FF5D02}
.tprevinfo__close:hover svg path {fill:#fff}
.tpsideinfo__search-title {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}
.tpsideinfo__search form {
    position: relative;
    padding-top: 13px;
    padding-bottom: 20px;
}
.tpsideinfo__search form input {
    width: 100%;
    height: 45px;
    border-radius: 3px;
    font-size: 14px;
    border: 1px solid transparent;
    background: #F3F3F9;
    padding: 10px 20px;
    padding-right: 45px;
}
.tpsideinfo__search form input::placeholder {
    color: var(--tp-border-3);
}
.tpsideinfo__search button {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.tpsideinfo__nabtab .nav-link.active {
    border: 0;
    padding: 10px 15px;
    position: relative;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    border-radius: 3px;
    background-color: var(--tp-text-primary);
}
.tpsideinfo__nabtab .nav-link {
    border: 0;
    padding: 10px 15px;
    position: relative;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    border-radius: 3px;
    color: #000;
    background-color: #fff;
}
.tpsideinfo__nabtab button {
    width: 100%;
}
.tpsideinfo__nabtab .nav li {
    display: inline-block;
    width: 49%;
    margin-right: 4px;
}
.tpsideinfo__nabtab .nav li:last-child {
    margin-right: 0;
}
.tpsideinfo__nabtab .mega-menu-title {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding-top: 5px;
}
.tpsideinfo__nabtab .mean-container .mean-nav ul {
    background-image: none !important;
}
.tpsideinfo__nabtab .home-menu-style li {
    width: 50% !important;
}
.tpsideinfo__nabtab .home-menu-style li a {
    font-size: 13px !important;
    font-weight: 400 !important;
}
.tpsideinfo__account-link, .tpsideinfo__wishlist-link {
    padding-top: 5px;
    padding-bottom: 5px;
}
.tpsideinfo__account-link a, .tpsideinfo__wishlist-link a {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}
.tpsideinfo__account-link a:hover, .tpsideinfo__wishlist-link a:hover {
    color: var(--tp-text-primary);
}
.tpsideinfo__account-link a:hover i, .tpsideinfo__wishlist-link a:hover i {
    color: var(--tp-text-primary);
}
.tpsideinfo__account-link a i, .tpsideinfo__wishlist-link a i {
    font-size: 18px;
    color: #fff;
    line-height: 35px;
    text-align: center;
    margin-right: 10px;
}

.tpsidebar-categories ul li {
    list-style: none;
    display: block;
    text-align: left;
    text-transform: capitalize;
    padding: 5px 0 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tpsidebar-categories ul li a {
    color: #fff;
    display: block;
}
.tpsidebar-categories ul li a:hover {
    color: var(--tp-text-primary);
}

.body-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out 0s;
}
.body-overlay.opened {
    opacity: 1;
    visibility: visible;
}

.tp-cart-info-area.tp-sidebar-opened {
    transform: translateX(0);
}

.tp-sidebar-close {
    color: #fff;
    position: absolute;
    left: -35px;
    font-size: 21px;
    background: #171151;
    width: 35px;
    height: 35px;
}

.tpcartinfo {
    background-color: #fff;
    text-align: start;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: 9999999;
    width: 460px;
    transform: translateX(100%);
}

.tpcartinfo .tp-shop-sidebar-opened {
    transform: translateX(0);
}

.tpcart__close {
    color: var(--tp-text-primary);
    right: 30px;
    font-size: 18px;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 25px;
    z-index: 2;
}
@media (max-width: 767px) {
    .tpcart__close {
        width: 30px;
        height: 30px;
    }
}

.cartbody-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out 0s;
}
.cartbody-overlay.opened {
    opacity: 1;
    visibility: visible;
}

.tpcart {
    float: none;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    flex-direction: column;
}
.tpcart__product {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 0 30px;
}
.tpcart__title {
    padding: 30px;
    font-weight: 700;
    font-size: 32px;
    color: var(--tp-text-body);
    margin-bottom: 20px;
    padding-bottom: 0;
}
.tpcart ul li {
    list-style: none;
    background: #fff;
    margin-bottom: 5px;
}
.tpcart__item {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}
.tpcart__img {
    position: relative;
}
.tpcart__content {padding: 15px}
.tpcart__img .stickers {bottom:0}
.tpcart__img img {
    width: 149px;
    height: 149px;
    object-fit: cover;
    min-width: 149px;
    max-width: 149px;
}
.tpcart__img .addtowishlist {
    position: absolute;
    top:5px;
    left: 5px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
}
.tpcart__img .addtowishlist:hover svg path {fill:#FF5D02}
.tpcart__del {
    position: absolute;
    color: var(--tp-text-primary);
    left: 0;
    top: 0;
}
.tpcart__content-title {
    font-size: 14px;
    font-weight: 400;
    color: var(--tp-text-body);
    line-height: 1.2;
}
.tpcart__content-title a {display: block}
.tpcart__content-title a:hover {
    color: var(--tp-text-primary);
}
.tpcart__cart-price {
    font-weight: 700;
    font-size: 28px;
    color: var(--tp-text-body);

    display: flex;
    align-items: center;
    gap: 10px;
}
.tpcart__cart-price del { font-size: 22px; color: #8D8D8D}
.tpcart__cart-price span.procent { color: #FF5D02;font-size: 22px;}
.tpcart__cart-price .new-price {
    color: var(--tp-text-primary);
}
.tpcart__total-price {
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #F5F6F7;

}
.tpcart__total-price .heilight-price {
    font-size: 32px;
    font-weight: 700;
}
.tpcart__free-shipping {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;    height: 50px;
}
.tpcart__free-shipping span.freetxt {
    color: #fff;
    font-size: 16px;
    padding: 13px 40px;
    background-color: #FF5D02;    height: 50px;
}
.tpcart__free-shipping span.freetxt.full {
    width: 100%;
    text-align: center;
}
.tpcart__free-shipping span.freesumm {
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;

    padding: 13px 30px;
    color: #000;
}
.tpcart__checkout {
    margin-bottom: 30px;
}

#header-sticky {
    transition: all 0.6s ease-in-out;
}
.header-sticky {
    position: fixed;
    left: 0;
    margin: auto;
    top: 0;
    width: 100%;
    z-index: 999;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: #F5F6F7;
    padding-bottom: 8px;
}

/* Анимация появления */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.header-sticky .mainmenu__search-bar .price-min, .header-sticky .mainmenu__search-bar .price-max {display: none}

.header-sticky .main-logo,
.header-sticky .menu-top-social,
.header-sticky .top-mail,
.header-sticky .top-link
{display: none!important}

.header-sticky .top-link.catalog-link {
    display: flex!important;
}
.header-sticky .mainmenuarea.platinam-menuarea .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-sticky .header-top {order:2;    margin: 0;}

.header-sticky .addrtop {display: none}
.header-sticky .logotop {display: none}
.header-sticky .iconstop {width: 35%;    position: relative;z-index: 99;    background: none;}
.header-sticky .mainmenu__search {
    background: none;
    padding: 0;
    margin-top: 0;
    left: 0;
    top: 4px;
    right: 0;
    width: 750px;
    margin-left: 24px;
}
.header-sticky .mainmenuarea.platinam-menuarea .row {    justify-content: end;}
.header-sticky .white-bg-search { }
.header-sticky .mainmenu__search .container {width: 100%}
.header-sticky .header-cart span {
    height: 22px;
    width: 22px;
    line-height: 22px;
    font-size: 12px;
    top:-4px
}

.tp-home-one.header-sticky {
    padding-top: 0;
    padding-bottom: 0;
}

.tp-home-one.header-sticky .main-menu nav > ul > li > a {
    padding: 40px 0;
}

.tp-mobile-header-area.header-sticky {
    position: fixed;
    left: 0;
    margin: auto;
    top: 0;
    width: 100%;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    z-index: 99;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: #fff;
}

.tp-mobile-header-area.header-sticky .tp-bt-btn {
    box-shadow: rgba(100, 100, 111, 0.1) 1px 5px 20px 1px;
}

.tp-sticky-one {
    display: none;
}
.tp-sticky-one.header-sticky {
    display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tp-sticky-one.header-sticky {
        display: none;
    }
}

.cat-top-info {gap:8px;}
.cat-top-head {
    background: #003569;
    color: #fff;
    padding: 60px 329px 60px 60px;
    max-width: 835px;
    width: 835px;
    min-width: 835px;
    height: 234px;
    position: relative;
    overflow: hidden;
}
.cat-top-head h1 { color: #fff; margin-bottom: 15px}
.cat-top-head p { font-size: 16px;}
.cat-top-head img {
    position: absolute;
    right: -40px;
    width: 353px;
    bottom: -40px;
}
.cat-top-list a {
    display: block;
    background: #F5F6F7;
    font-size: 16px;
    font-weight: 700;
    padding: 25px 20px;
    margin-bottom: 8px;
    position: relative;
}
.cat-top-list a:after {
    content: '';
    position: absolute;
    width: 44px;
    height: 44px;
    right: 20px;
    top:14px;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.1204 21.5659L25.1204 21.6308L19.5136 23.709L14.2749 25.8738L14.2749 28.5581L14.6429 28.5581L29.5582 22.1287L29.5582 21.0896L14.6429 14.7252L14.2749 14.7252L14.2749 17.3879L19.6219 19.5743L25.1204 21.5659Z' fill='%23003569'/%3E%3C/svg%3E");
}
.cat-top-list a:last-child {margin-bottom: 0}
.cat-top-list {width: 100%}

/*----------------------------------------*/
/*  15. MEANMENU CSS START
/*----------------------------------------*/
/* mean menu customize */
.mean-container a.meanmenu-reveal {
    display: none;
}

.mean-container .mean-nav {
    background: none;
    margin-top: 0;
}

.mean-container .mean-bar {
    padding: 0;
    min-height: auto;
    background: none;
}

.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}

.mean-container a.meanmenu-reveal {
    display: none !important;
}

.mean-container .mean-nav ul li a {
    width: 100%;
    padding: 10px 0;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    text-transform: capitalize !important;
}
.mean-container .mean-nav ul li a:hover {
    color: var(--tp-text-primary);
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 8px;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    height: 26px;
    width: 26px;
    line-height: 26px;
    color: #fff;
    top: 0;
    font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
}

.mean-container .mean-nav ul li > a > i {
    display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
    display: inline-block;
    font-size: 14px;
}

.mean-container .mean-nav > ul > li:first-child > a {
    border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {

}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
    transform: rotate(45deg);

}

.mean-container .mean-nav ul .home-menu-style li a {
    text-align: center;
}
.mean-container .mean-nav ul li a:hover img {
    transform: scale(0.92);
}
.mean-container .mean-nav ul li a img {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    margin-bottom: 5px;
}

/*----------------------------------------*/
/*  04. SLIDER CSS START
/*----------------------------------------*/
.tp-slide-item {
    position: relative;
}
@media (max-width: 767px) {
    .tp-slide-item {
        margin-bottom: 20px;
    }
}
.tp-slide-item__img img {
    border-radius: 6px;
    max-width: 100%;
}
.tp-slide-item__content {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding-left: 60px;
    max-width: 60%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tp-slide-item__content {
        padding-left: 35px;
        max-width: 70%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-slide-item__content {
        padding-left: 30px;
        max-width: 70%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tp-slide-item__content {
        padding-left: 35px;
    }
}
@media (max-width: 767px) {
    .tp-slide-item__content {
        padding-left: 15px;
        max-width: 80%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tp-slide-item__content {
        padding-left: 15px;
        max-width: 50%;
    }
}
.tp-slide-item__sub-title {
    font-size: 20px;
    font-weight: 400;
    color: var(--tp-text-primary);
    display: block;
    margin-bottom: 5px;
}
@media (max-width: 767px) {
    .tp-slide-item__sub-title {
        font-size: 16px;
    }
}
.tp-slide-item__title {
    color: var(--tp-text-body);
    font-size: 50px;
    font-weight: 600;
    line-height: 1.2;
}
@media (max-width: 767px) {
    .tp-slide-item__title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tp-slide-item__title {
        font-size: 26px;
    }
}
.tp-slide-item__title i {
    font-style: normal;
    color: var(--tp-text-primary);
    position: relative;
}
.tp-slide-item__title i img {
    position: absolute;
    left: -6px;
    bottom: 10px;
    z-index: -1;
    animation: section-animation 3s infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .tp-slide-item__thumb img {
        max-width: 100%;
    }
}

.tp-slider-area .slider-pagination {
    position: absolute;
    bottom: 15px;
    z-index: 9;
    left: 0;
    margin: 0 auto;

    right: 0;
    text-align: center;
}
@media (max-width: 767px) {
    .tp-slider-area .slider-pagination {
        margin-bottom: 10px;
    }
}
.tp-slider-area .slider-pagination .swiper-pagination-bullet {
    width: 25px;
    height: 4px;
    display: inline-block;
    border-radius: 5px;
    background: #000;
    margin: 0 5px;
    opacity: 0.1;
}
.tp-slider-area .slider-pagination .swiper-pagination-bullet-active {
    background: var(--tp-text-primary);
    opacity: 1;
}

.swiper-slide-active .tp-slide-item__sub-title, .swiper-slide-active .tp-slide-item__title, .swiper-slide-active .tp-slide-item__slide-btn, .swiper-slide-active .tpslidertwo__sub-title, .swiper-slide-active .tpslidertwo__title, .swiper-slide-active .tpslidertwo__content p, .swiper-slide-active .tpslidertwo__slide-btn {
    animation-fill-mode: both;
    animation-name: fadeInUp;
}

.swiper-slide-active .tpslidertwo__img {
    animation-fill-mode: both;
    animation-name: fadeInRight;
}

.swiper-slide-active .tp-slide-item__sub-title,
.swiper-slide-active .tpslidertwo__sub-title {
    animation-delay: 0.6s;
    animation-duration: 0.8s;
}

.swiper-slide-active .tp-slide-item__title,
.swiper-slide-active .tpslidertwo__title {
    animation-delay: 0.8s;
    animation-duration: 1s;
}

.swiper-slide-active .tp-slide-item__slide-btn {
    animation-delay: 1s;
    animation-duration: 1.2s;
}

.swiper-slide-active .tpslidertwo__content p {
    animation-delay: 1s;
    animation-duration: 1.2s;
}

.swiper-slide-active .tpslidertwo__slide-btn {
    animation-delay: 1.4s;
    animation-duration: 1.3s;
}

.swiper-slide-active .tpslidertwo__img {
    animation-delay: 1s;
    animation-duration: 1s;
}

.tpslidertwo__item {
    margin-top: -70px;
}
@media (max-width: 767px) {
    .tpslidertwo__item {
        margin-top: 0;
        margin-left: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tpslidertwo__img > img {
        width: 360px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tpslidertwo__img-shape img {
        height: 100px;
        width: 100px;
    }
}

.tpslider-banner:hover .tpslider-banner__img {
    border-radius: 6px;
}
.tpslider-banner:hover .tpslider-banner__img img {
    transform: scale(1.05);
    border-radius: 6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpslider-banner {
        margin-bottom: 20px;
    }
}
.tpslider-banner__content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 10px 10px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpslider-banner__content {
        padding: 15px 10px 10px 20px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpslider-banner__content {
        padding: 15px 10px 10px 15px;
    }
}
.tpslider-banner__sub-title {
    font-size: 16px;
    font-weight: 400;
    color: var(--tp-text-primary);
}
.tpslider-banner__title {
    font-size: 20px;
    font-weight: 600;
    color: var(--tp-text-body);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpslider-banner__title br {
        display: none;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpslider-banner__title {
        font-size: 16px;
    }
}
.tpslider-banner__img {
    margin-left: -11px;
    position: relative;
    width: 100%;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tpslider-banner__img {
        margin-top: 20px;
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .tpslider-banner__img {
        margin-left: 0;
    }
}
.tpslider-banner__img img {
    border-radius: 6px;
    width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpslider-banner__img img {
        height: 204px;
        object-fit: cover;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpslider-banner__img img {
        height: 170px;
        object-fit: cover;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpslider-banner__img img {
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpslider-banner__img.tpbannerthumb-5 img {
        height: 178px;
        object-fit: cover;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpslider-banner__img.tpbannerthumb-5 img {
        height: 185px;
        object-fit: cover;
    }
}

.tpslidertwo__img {
    margin-right: 180px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpslidertwo__img {
        margin-right: 0;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpslidertwo__img img {
        max-width: 100%;
    }
}
.tpslidertwo__img-shape {
    position: absolute;
    bottom: 160px;
    right: -150px;
    animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpslidertwo__img-shape {
        bottom: 120px;
        right: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tpslidertwo__img-shape {
        bottom: 50px;
        right: 0;
    }
}
.tpslidertwo__content p {
    font-size: 18px;
    color: var(--tp-text-secondary);
    margin-bottom: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpslidertwo__content p {
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .tpslidertwo__item {
        height: 380px;
    }
}
.tpslidertwo__sub-title {
    font-size: 20px;
    color: var(--tp-text-primary);
    margin-bottom: 0;
}
.tpslidertwo__title {
    font-size: 60px;
    font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpslidertwo__title {
        font-size: 48px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpslidertwo__title {
        font-size: 48px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tpslidertwo__title {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    .tpslidertwo__title {
        font-size: 26px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpslidertwo__title {
        font-size: 48px;
    }
}

@media (max-width: 767px) {
    .tpslider-btn-4 {
        margin-right: 8px;
    }
}

.slider-pagination-2 .slidertwo_pagination {
    position: absolute;
    bottom: 55px;
    z-index: 9;
    left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-pagination-2 .slidertwo_pagination {
        bottom: 15px;
    }
}
@media (max-width: 767px) {
    .slider-pagination-2 .slidertwo_pagination {
        margin-bottom: 10px;
    }
}
.slider-pagination-2 .slidertwo_pagination .swiper-pagination-bullet {
    width: 25px;
    height: 4px;
    display: inline-block;
    border-radius: 5px;
    background: var(--tp-grey-1);
    margin: 0 5px;
}
.slider-pagination-2 .slidertwo_pagination .swiper-pagination-bullet-active {
    background: var(--tp-text-primary);
}

@media (max-width: 767px) {
    .tp-slide-item__slide-btn.tp-btn {
        font-size: 12px;
        padding: 10px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tp-slide-item__slide-btn.tp-btn {
        font-size: 14px;
        padding: 14px;
    }
}

.secondary-slider__item {
    background-color: var(--tp-theme-10);
}
.secondary-slider .tpslidertwo__img-shape {
    bottom: 376px;
    right: -210px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .secondary-slider .tpslidertwo__img-shape {
        bottom: 0;
        right: 0;
    }
}
.secondary-slider .tpslidertwo__slide-btn span {
    font-size: 14px;
    color: var(--tp-text-secondary);
}
.secondary-slider .tpslidertwo__slide-btn span b {
    font-size: 18px;
    color: var(--tp-text-body);
    display: block;
}

.greenslider-pagination {
    position: absolute;
    bottom: 55px;
    z-index: 9;
    left: 0;
    right: 0;
    text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .greenslider-pagination {
        bottom: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .greenslider-pagination {
        bottom: 15px;
    }
}
.greenslider-pagination .swiper-pagination-bullet {
    display: inline-block;
    background: transparent;
    margin: 0 5px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}
.greenslider-pagination .swiper-pagination-bullet::before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    background-color: var(--tp-text-body);
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    left: 50%;
}
.greenslider-pagination .swiper-pagination-bullet-active {
    background: transparent;
    border: 1px solid #d7d9e0;
}

.platinamborder {
    border: 15px solid #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .platinamborder .tpslidertwo__item {
        margin-left: 5px;
    }
}

.platinam-slidershape {
    position: absolute;
    top: 65px;
    right: -80px;
    z-index: 2;
    animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .platinam-slidershape {
        top: 10px;
        right: -50px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .platinam-slidershape {
        right: -25px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .platinam-slidershape {
        top: -30px;
        right: -45px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tpsliderthree__img {
        padding-top: 0;
    }
}
.tpsliderthree__img img {
    width: 100%;
}
.tpsliderthree__pagination {
    position: absolute;
    bottom: 55px;
    z-index: 9;
    left: 0;
    right: 0;
    text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tpsliderthree__pagination {
        bottom: 15px;
    }
}
.tpsliderthree__pagination .swiper-pagination-bullet {
    width: 35px;
    height: 4px;
    display: inline-block;
    border-radius: 5px;
    background-color: #fff;
    margin: 0 5px;
    opacity: 1;
}
.tpsliderthree__pagination .swiper-pagination-bullet-active {
    background: var(--tp-text-body);
}

.slider-bg-overlay {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.slider-bg-overlay::before {
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #040404;
    opacity: 0.9;
}

.slider-3 {
    height: 570px;
    display: flex;
    align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-3 {
        height: 490px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-3 {
        height: 460px;
    }
}
@media (max-width: 767px) {
    .slider-3 {
        height: 400px;
    }
}

.slider-content-3 {
    margin-top: -10px;
    margin-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-3 {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .slider-content-3 {
        margin-left: 0;
        padding-top: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-content-3 {
        margin-left: 0;
        padding-top: 0;
    }
}

.tpslider-item-5 .tp-slide-item__sub-title {
    margin-bottom: 15px;
}

.slider-bg-four {
    display: flex;
    align-items: center;
    height: 570px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-bg-four {
        height: 500px;
        justify-content: center;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-bg-four {
        padding-top: 120px;
        height: 400px;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .slider-bg-four {
        padding-top: 120px;
        height: 400px;
        justify-content: center;
    }
}
.header-top { margin-bottom: 10px}
.top-link.catalog-link a { background: #000; color: #fff; width: 222px;    justify-content: center;}
.top-link a { background: #F5F6F7; font-size: 16px; padding: 10px 20px;    height: 40px;display: flex;align-items: center;gap: 10px;}
.top-link a.dropdown-toggle::after {display: none}
.top-link .dropdown-menu {
    width: 300px;
    min-width: 300px;
    background: #f5f6f7;
    border-radius: 0;
    padding: 20px;
    border: none;
    right: 0 !important;
    transform: none !important;
    left: 0px !important;
    top: 42px !important;
    border-left:3px solid #FF5D02;
}
.top-link .dropdown-menu a {padding: 0; background: none; height: auto; color: #000; text-align: left;    width: auto!important;
    justify-content: flex-start; max-width: 350px}
.top-link .dropdown-menu li {list-style: none; margin-bottom: 20px}
.top-link .dropdown-menu li:last-child {margin-bottom: 0}

.catalog-link.top-link .dropdown-menu {
    width: 642px;
    min-width: 642px;
    padding: 10px;
    height: 268px;
}
.catalog-link.top-link .dropdown-menu a {
    background: #fff;
    padding: 10px 20px;
}
.catalog-link.top-link a[aria-expanded="true"] {background: #FF5D02}
.catalog-link.top-link .dropdown-menu li {margin-bottom: 4px}
.catalog-link.top-link .dropdown-menu li img { position: absolute; right: 0; bottom: 30px; display: none}
.catalog-link.top-link .dropdown-menu li:hover img  { display: block}

.category-area { padding-left: 30px; padding-right: 30px; margin-bottom: 90px}
.category-item {
    height: 284px;
    background: #F5F6F7;
    padding: 30px;
    position: relative;
}
.category-item h3 {
    font-size: 16px;
    font-weight: 600;
}
.category-item img {
    position: absolute;
    bottom: 0;
    right: 0;
}
.category-item span {
    color: #fff;
    font-size: 16px;
    background: #003569;
    padding: 10px 20px;
    position: absolute;
    left: 30px;
    bottom: 30px;
}
.works-area {padding-left: 30px; padding-right: 30px; margin-bottom: 90px}
.works-area h2 { margin-bottom: 42px}
.work-bl { width: 20%}
.work-bl img { width: 100%}
.work-item { background: #F5F6F7; padding: 30px 30px 50px 30px; position: relative}
.work-item h3 { font-size: 16px; font-weight: 700; height: 36px; margin-bottom: 20px }
.work-item span {
    font-size: 30px;
    font-weight: 800;
    background: #F5F6F7;
    color: #003569;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 30px;
    top:86px
}
.work-item svg {
    position: absolute;
    bottom: 6px;
    right: 30px;
}
.work-text {
    position: absolute;
    display: none;
    background: #F5F6F7;
    padding: 30px;
    left: 0;
    right: 0;
    bottom: 0;
}
.work-item:hover .work-text {display: block}

.banner-area {
    margin-bottom: 90px;
    background: url("/assets/img/banner.png") center no-repeat;
    height: 570px;
}

.tpcategory {
    position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tpcategory {
        width: 25%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpcategory {
        width: 33.3333%;
    }
}
@media (max-width: 767px) {
    .tpcategory {
        width: 50%;
    }
}
.tpcategory::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    right: -65px;
    height: 200px;
    width: 1px;
    background-color: var(--tp-border-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpcategory::after {
        right: -30px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tpcategory::after {
        display: none;
    }
}
.tpcategory:last-child::after {
    display: none;
}
.tpcategory:hover .tpcategory__icon {
    box-shadow: inset 0 0 0 60px var(--tp-theme-3);
}
.tpcategory:hover .tpcategory__icon svg {
    opacity: 1;
}
.tpcategory:hover .tpcategory__icon span {
    background-color: var(--tp-text-primary);
    position: absolute;
    color: #fff;
}
.tpcategory__icon {
    height: 130px;
    width: 130px;
    line-height: 130px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(247, 247, 247, 0.5);
    margin: auto;
    margin-bottom: 25px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
}
@media (max-width: 767px) {
    .tpcategory__icon {
        height: 110px;
        width: 110px;
        line-height: 110px;
    }
}
.tpcategory__icon svg {
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tpcategory__icon span {
    display: block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    color: var(--tp-text-primary);
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.06);
}
.tpcategory__title {
    text-align: center;
    line-height: 1.2;
    font-size: 18px;
}
@media (max-width: 767px) {
    .tpcategory__title {
        font-size: 16px;
    }
}
.tpcategory__title a {
    background-image: linear-gradient(#969696, #969696), linear-gradient(#969696, #969696);
    display: inline;
    background-size: 0 1px, 0 1px;
    background-position: 100% 100%, 0 83%;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
    line-height: 1.4;
}
.tpcategory__title a:hover {
    background-size: 0 1px, 100% 1px;
}

.custom-row {
    display: flex;
    flex-wrap: wrap;
}

.category-border {
    border-bottom: 1px solid var(--tp-border-3);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .category-menu-off {
        display: none;
    }
}

.product-sidebar__product-item {
    margin-right: 30px;
}
.product-sidebar__product-category {
    margin-left: -10px;
}
.product-sidebar__widget .dropdown-menu {
    background: #F5F6F7;
    border-radius: 0;
    padding: 30px;
    border:none;
}
.product-sidebar__widget.price-widget .dropdown-menu {white-space: nowrap; width: 300px}
.product-sidebar__widget .dropdown-menu .form-check { white-space: nowrap}
.filter-area { margin-top: 30px; margin-bottom: 10px}
.filter-area .container { position: relative}
.showbl.dropdown {
    background: #F5F6F7;
    padding: 11px 20px;
    padding-right: 50px;
    border-radius: 10px;

    line-height: 1;
    font-weight: 700;
    font-size: 18px;
}
.sortby.dropdown {
    position: absolute;
    right: 12.5px;
    background: #F5F6F7;
    padding: 11px 20px;
    padding-right: 50px;
    border-radius: 0;
    line-height: 1;
    height: 40px;
    font-weight: 400;
    font-size: 16px;
}
.sortby .dropdown-menu ul, .showbl .dropdown-menu ul {
    list-style: none;
}
.sortby .dropdown-menu ul li {
    margin-bottom: 15px;

    font-size: 16px;
    font-weight: 400;
}

.sortby .dropdown-menu ul li:last-child, .showbl .dropdown-menu ul li:last-child {
    margin-bottom: 0;
}
.showbl .dropdown-menu ul li a { width: auto; height: auto}
.sortby .dropdown-menu {
    width: 228px;
    background: #F5F6F7;
    border-radius:10px;
    padding: 30px;
    border:none;
    right: 0 !important;
    transform: none !important;
    left: -53px !important;
    top: 42px !important;
}

.showbl .dropdown-menu {
    width: 85px;
    min-width: 85px;
    background: #F5F6F7;
    border-radius: 0;
    padding: 30px;
    border: none;
    right: 0 !important;
    transform: none !important;
    left: 0 !important;
    top: 42px !important;
}
.product-sidebar__widget .dropdown-menu input.price-filt-top-left {
    width: 117px;
    border-radius: 0;
    padding: 12px 15px;
    padding-left: 38px;
    color: #000;
    font-size: 16px;
    font-weight: 400;

    border: none;
}
.product-sidebar__widget .dropdown-menu input.price-filt-top-right {
    width: 117px;
    border-radius: 0;
    margin-left: 2px;
    padding: 12px 15px;
    padding-left: 38px;
    color: #000;
    font-size: 16px;
    font-weight: 400;

    border: none;
}
.product-sidebar__widget .dropdown-menu  input.price-filt-top-left::placeholder,
.product-sidebar__widget .dropdown-menu  input.price-filt-top-right::placeholder{
    color: #000;
    font-size: 18px;
    font-weight: 700;

}
.product-sidebar__widget .dropdown-menu .price-min:before {top:15px; left: 15px}
.product-sidebar__widget .dropdown-menu .price-max:before {top:15px}
button.cansel-filt {    font-weight: 700;
    font-size: 18px;
    color: #000;
    padding: 10px 34px;
    background: #F5F6F7;
    border-radius: 10px;

    margin-right: 5px;
    display: flex;
    align-items: center;
    line-height: 1;
    position: relative;}
.product-sidebar__title {
    font-weight: 400;
    font-size: 16px;
    color: #000;
    padding: 10px 20px;
    padding-right: 61px;
    background: #F5F6F7;
    border-radius: 0;
    margin-right: 8px;
    display: flex;
    align-items: center;
    line-height: 1;
    position: relative;
}
.product-sidebar__title.product-sidebar-origin { padding-right: 20px; font-size: 16px}
.dropdown-toggle.product-sidebar__title::after, .sortby .dropdown-toggle::after, .showbl .dropdown-toggle::after{
    margin: 0;
    border: none;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.9922 24.8455L21.9273 24.8455L19.8491 19.2387L17.6843 14L15 14L15 14.368L21.4294 29.2833L22.4685 29.2833L28.8329 14.368L28.8329 14L26.1702 14L23.9838 19.347L21.9922 24.8455Z' fill='%23000000'/%3E%3C/svg%3E");
    right: 0;
    background-size: cover;
    width: 40px;
    height: 40px;
    border-radius: 0;
    top: 0;
    border-left: 1px solid #fff;
}
.product-sidebar__title svg {
    margin-right: 10px;
}
.product-sidebar__brand .form-check {
    margin-left: -20px;
    position: relative;
}
.product-sidebar__brand .form-check::before {
    position: absolute;
    content: "";
}
.product-sidebar__brand .form-check a:hover {
    color: var(--tp-text-primary);
}
.product-sidebar .form-check:hover.form-check span i {
    color: var(--tp-text-body);
}
.product-sidebar .form-check span i {
    font-size: 14px;
    color: #e3e3e3;
}
.product-sidebar .form-check-label {
    font-size: 16px;
    cursor: pointer;
}
.product-sidebar .form-check-input {
    height: 16px;
    width: 16px;
    background: none;
    border:2px solid #000;
    transform: translateY(4px);
    margin-top: 0;
}
.product-sidebar .form-check-input[type=checkbox] {

}
.product-sidebar .form-check-input:checked {
    background-color: #FF5D02;
    border: 2px solid #FF5D02;
}
.product-sidebar input:checked + label {
    color: var(--tp-text-body);
}
.product-sidebar .form-check-input:focus {
    box-shadow: none;
}
.product-sidebar .ui-widget.ui-widget-content {
    border: 0 solid #ece8fe;
    height: 2px;
    background: #ece8fe;
}
.product-sidebar .ui-slider-horizontal .ui-slider-range {
    background: var(--tp-text-body);
}
.product-sidebar .ui-slider-horizontal .ui-slider-handle {
    top: -4px;
}
.product-sidebar .ui-slider .ui-slider-handle {
    width: 10px;
    height: 10px;
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none;
    border: none;
    background-color: var(--tp-text-body);
    outline: 0;
}
.product-sidebar .ui-corner-all, .product-sidebar .ui-corner-bottom, .product-sidebar .ui-corner-right, .product-sidebar .ui-corner-br {
    border-radius: 0;
}
.product-sidebar .price-filter input {
    border: none;
    font-size: 14px;
    margin-left: -11px;
}

.productsidebar {
    margin-left: 10px;
}

.product-sidebar .form-check-input.black-input {
    background-color: var(--tp-text-body);
}
.product-sidebar .form-check-input.blue-input {
    background-color: #0084ff;
}
.product-sidebar .form-check-input.grey-input {
    background-color: #d4d4d4;
}
.product-sidebar .form-check-input.green-input {
    background-color: #61b163;
}
.product-sidebar .form-check-input.red-input {
    background-color: #ff6262;
}
.product-sidebar .form-check-input.yellow-input {
    background-color: #ffc000;
}

.category-product-list, .basic-pagination, .seoblock { padding-left: 30px; padding-right: 30px;}
/*----------------------------------------*/
/*  06. PRODUCT CSS START
/*----------------------------------------*/
.tpproduct:hover .tpproduct__priceinfo-list {
    bottom: 0;
    visibility: hidden;
    opacity: 0;
}
.tpproduct:hover .tpproduct__cart {
    visibility: visible;
    opacity: 1;
    bottom: -20px;
}
.tpproduct:hover .product-thumb-secondary {
    opacity: 1;
}
.tpproduct:hover .product-thumb-secondary img {
    transform: scale3d(1.1, 1.1, 1.1) translateZ(0);
}
.tpproduct__thumb {
    position: relative;
}
.prod-prev-item {margin-bottom: 10px;    width: 20%;}
.tpproduct__thumb:hover .tpproduct__thumb-action a {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}
.tpproduct__thumb-discount {
    position: absolute;
    top: 25px;
    left: 25px;
    padding: 4px 7px;
    background-color: var(--tp-text-primary);
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    border-radius: 5px;
    animation: firefly 2s linear infinite;
    z-index: 2;
}
.tpproduct__thumb-topsall {
    position: absolute;
    top: 25px;
    left: 25px;
    padding: 4px 7px;
    background-color: var(--tp-text-primary);
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    border-radius: 5px;
    animation: firefly 2s linear infinite;
    z-index: 2;
}
.tpproduct__thumb-volt {
    position: absolute;
    top: 25px;
    left: 25px;
    padding: 4px 7px;
    background-color: var(--tp-theme-5);
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    border-radius: 5px;
    animation: firefly 2s linear infinite;
    z-index: 2;
}
.tpproduct__thumb-action {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.tpproduct__thumb-action a {
    font-size: 16px;
    color: var(--tp-text-body);
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border-radius: 6px;
    display: inline-block;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.3);
}
.tpproduct__thumb-action a:hover {
    background-color: var(--tp-text-primary);
    color: #fff;
}
.tpproduct__thumb-action a.comphare {
    -webkit-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s, opacity 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s, opacity 0.3s ease 0s;
    transition: transform 0.3s ease 0s, background-color 0.3s ease 0s, opacity 0.3s ease 0s;
}
.tpproduct__thumb-action a.quckview {
    -webkit-transition: transform 0.4s ease 0s, background-color 0.4s ease 0s, opacity 0.4s ease 0s;
    -o-transition: transform 0.4s ease 0s, background-color 0.4s ease 0s, opacity 0.4s ease 0s;
    transition: transform 0.4s ease 0s, background-color 0.4s ease 0s, opacity 0.4s ease 0s;
}
.tpproduct__thumb-action a.wishlist {
    -webkit-transition: transform 0.6s ease 0s, background-color 0.6s ease 0s, opacity 0.6s ease 0s;
    -o-transition: transform 0.6s ease 0s, background-color 0.6s ease 0s, opacity 0.6s ease 0s;
    transition: transform 0.6s ease 0s, background-color 0.6s ease 0s, opacity 0.6s ease 0s;
    line-height: 46px;
}
.tpproduct__thumb-bg {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.tpproduct__thumb-bg a {
    margin: 0 10px;
    font-size: 16px;
    padding: 14px 0;
    display: inline-block;
    line-height: 1;
    color: #999999;
}
.tpproduct__thumb-bg a:hover {
    color: var(--tp-text-body);
}
.tpproduct__thumb img {
    border-radius: 0;
    width: 100%;
}
.leftholidayprod .tpproduct__thumb img {
    height: 793px;
    object-fit: cover;
}
.tpproduct__thumb-icon {
    position: relative;
    z-index: 2;
}
.tpproduct__rating ul li {
    display: inline-block;
    list-style: none;
}
.tpproduct__rating ul li a {
    font-size: 10px;
    color: var(--tp-text-primary);
}
.tpproduct__rating ul li span {
    font-size: 10px;
}
.tpproduct__ratingicon a {
    font-size: 14px;
    color: var(--tp-text-primary);
}
.tpproduct__ratingicon .max-star {
    color: #e0e0e0;
}
.tpproduct__ratingarea {
    position: absolute;
    left: 0;
    right: 0;
    transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
    will-change: opacity, transform;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    padding-bottom: 18px;
    transform: translateY(8px);
}
.tpproduct__content-area {
    z-index: 2;
    position: relative;
    transform: translateY(5px);
    transition: 0.2s;
    margin-bottom: 10px;
}
.tpproduct__thumbitem {
    position: relative;
    z-index: 2;
}
.tpproduct__thumbitem:hover .thumbitem-secondary {
    opacity: 1;
}
.tpproduct__thumbitem:hover .thumbitem-secondary img {
    transform: scale3d(1.1, 1.1, 1.1) translateZ(0);
}
.tpproduct__thumbitem:hover .tpproductactionbg {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}
.tpproduct__title {
    font-size: 15px;
    font-weight: 400;
    color: var(--tp-text-secondary);
    margin-bottom: 12px;
}
.tpproduct__title a {
    display: inline-block;
}
.tpproduct__title a:hover {
    color: var(--tp-text-primary);
}
.tpproduct__priceinfo-list {
    position: absolute;
    bottom: -20px;
    left: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tpproduct__priceinfo-list span {
    font-weight: 600;
    font-size: 16px;
}
.tpproduct__priceinfo-list-oldprice {
    color: var(--tp-text-tertiary);
    text-decoration: line-through;
    margin-left: 8px;
}
.tpproduct__priceinfo-oldprice {
    text-decoration: line-through;
}
.tpproduct__ammount {
    font-size: 16px;
    font-weight: 600;
}
.tpproduct__cart {
    position: absolute;
    left: 0;
    bottom: -40px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tpproduct__cart i {
    color: var(--tp-text-primary);
    margin-right: 5px;
}
.tpproduct__cart a {
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tpproduct__cart a:hover {
    color: var(--tp-text-primary);
}
.tpproduct__variation {
    position: absolute;
    z-index: 2;
    background: #fff;
    bottom: -8px;
    left: 0;
    right: 0;
    padding-top: 12px;
}
.tpproduct__variation a:hover .tpproduct__termshape-bg {
    transform: scale(0.7);
}
.tpproduct__variation a:hover .tpproduct__termshape-border {
    opacity: 1;
    transform: scale(1.4);
}
.tpproduct__variationitem {
    display: inline-block;
}
.tpproduct__termshape {
    position: relative;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 3px;
}
.tpproduct__termshape-bg {
    transition: all 0.25s ease;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #99c4ff;
}
.tpproduct__termshape-border {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #99c4ff;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.tpproductactionbg {
    background-color: #fff;
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04);
    transform: translate(0, 20px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.5s ease 0s, background-color 0.5s ease 0s, opacity 0.4s ease 0s;
}

.tpproductdot a:hover .tpproductdot__termshape-bg {
    transform: scale(0.7);
}
.tpproductdot a:hover .tpproductdot__termshape-border {
    opacity: 1;
    transform: scale(1.8);
}
.tpproductdot__variationitem {
    left: 0;
    right: 0;
    padding-top: 12px;
}
.tpproductdot__variationitem {
    display: inline-block;
}
.tpproductdot__termshape {
    position: relative;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 3px;
}
.tpproductdot__termshape-bg {
    transition: all 0.25s ease;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #99c4ff;
}
.tpproductdot__termshape-border {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #99c4ff;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.red-product-bg {
    background-color: #FF5D02;
}

.red-product-border {
    border: 1px solid #FF5D02;
}

.purple-product-bg {
    background-color: #be9aff;
}

.purple-product-border {
    border: 1px solid #be9aff;
}

.orange-product-bg {
    background-color: #ff7373;
}

.orange-product-border {
    border: 1px solid #ff7373;
}

.tpproductitem {
    z-index: 9;
    background-color: #fff;
    padding-bottom: 10px;
}
.tpproductitem:hover .product-content-fade {
    opacity: 1;
}
.tpproductitem:hover .tpproduct__ratingarea {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.tpproductitem:hover:after {
    opacity: 1;
}

.tpproductitem:after {
    position: absolute;
    top: -20px;
    bottom: -10px;
    left: -20px;
    right: -20px;
    background-color: #fff;
    border-radius: 5px;
    opacity: 0;
    -webkit-transition: opacity 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
    transition: opacity 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
    will-change: opacity;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.06);
    pointer-events: none;
    z-index: 1;
    margin-bottom: -33px;
    content: "";
}

.red-product-bg {
    background-color: #FF5D02;
}

.red-product-border {
    border: 1px solid #FF5D02;
}

.yellow-product-bg {
    background-color: #ffd8a6;
}

.yellow-product-border {
    border: 1px solid #ffd8a6;

}

.green-product-bg {
    background-color: #c2ddce;
}

.green-product-border {
    border: 1px solid #c2ddce;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tpdealproduct__thumb img {
        max-width: 100%;
    }
}
.tpdealproduct__offer-price {
    position: absolute;
    top: 75px;
    right: 155px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    background-color: var(--tp-text-primary);
    border-radius: 50%;
    padding: 19px 18px;
    animation: hotdeal 2s linear infinite;
}
.tpdealproduct__offer-price span {
    font-size: 12px;
    display: block;
    color: #fff;
}

.tpdealcontact {
    margin-left: -50px;
    padding-right: 179px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpdealcontact {
        padding-right: 50px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpdealcontact {
        margin-left: 0;
        padding-right: 0;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpdealcontact {
        margin-left: 0;
        padding-right: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tpdealcontact {
        margin-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 767px) {
    .tpdealcontact {
        margin-left: 15px;
        padding-right: 15px;
    }
}
.tpdealcontact__price span {
    font-size: 20px;
    font-weight: 600;
    color: var(--tp-text-primary);
}
@media (max-width: 767px) {
    .tpdealcontact__price span {
        font-size: 16px;
    }
}
.tpdealcontact__price del {
    font-size: 20px;
    font-weight: 600;
    color: var(--tp-text-tertiary);
}
@media (max-width: 767px) {
    .tpdealcontact__price del {
        font-size: 16px;
    }
}
.tpdealcontact__title {
    font-size: 50px;
    color: var(--tp-text-body);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -1.5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpdealcontact__title {
        font-size: 42px;
    }
}
@media (max-width: 767px) {
    .tpdealcontact__title {
        font-size: 23px;
        letter-spacing: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpdealcontact__title {
        font-size: 24px;
        letter-spacing: 0;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpdealcontact__title {
        font-size: 32px;
    }
}
.tpdealcontact__text p {
    color: var(--tp-text-secondary);
    font-size: 18px;
    line-height: 1.66;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpdealcontact__text p {
        width: 520px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpdealcontact__text p {
        font-size: 16px;
        width: 410px;
        line-height: 1.5;
    }
}
@media (max-width: 767px) {
    .tpdealcontact__text p {
        font-size: 16px;
        width: 100%;
        line-height: 1.4;
    }
}
.tpdealcontact__progress .progress {
    height: 6px;
    border-radius: 5px;
    background-color: #fff;
}
.tpdealcontact__progress .progress-bar {
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: var(--tp-text-primary);
    transition: width 0.6s ease;
    border-radius: 5px;
}
.tpdealcontact__countdown span {
    display: inline-block;
}
.tpdealcontact__countdown span.cdown {
    background-color: #fff;
    height: 92px;
    width: 80px;
    text-align: center;
    line-height: 65px;
    color: var(--tp-text-body);
    font-size: 36px;
    font-weight: 700;
    border-radius: 6px;
    margin-right: 15px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04);
}
@media (max-width: 767px) {
    .tpdealcontact__countdown span.cdown {
        margin-bottom: 10px;
    }
}
.tpdealcontact__countdown span.cdown p {
    margin-top: -15px;
    font-size: 16px;
    color: var(--tp-text-secondary);
}
.tpdealcontact__count {
    display: flex;
    align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
    .tpdealcontact__count {
        display: inherit;
    }
}
.tpdealcontact__count i {
    font-style: normal;
    font-size: 16px;
    margin-bottom: 0;
    padding-left: 13px;
    color: var(--tp-text-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
    .tpdealcontact__count i {
        padding-top: 10px;
        padding-left: 0;
        display: block;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
    .tpdealcontact__count i br {
        display: none;
    }
}

.swiper-container.product-active {
    margin-right: -500px;
}

.discount-product {
    z-index: 1;
}
.discount-product .tpdealcontact {
    margin-left: -13px;
    padding-right: 140px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .discount-product .tpdealcontact {
        padding-right: 40px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .discount-product .tpdealcontact {
        margin-left: 0;
        padding-right: 10px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .discount-product .tpdealcontact {
        margin-left: 0;
        padding-right: 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .discount-product .tpdealcontact {
        margin-left: 15px;
        padding-right: 15px;
    }
}

.tpdealproduct {
    margin-left: 68px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpdealproduct {
        margin-left: 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tpdealproduct {
        margin-left: 0;
        margin-bottom: 30px;
    }
}

.tp-fourth-deal .tpdealcontact {
    margin-left: 0;
    padding-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-fourth-deal .tpdealcontact {
        padding-right: 10px;
    }
}

.video-icon {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.platinamdell .tpdealcontact {
    margin-left: 0;
}

.tpdealslide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.tpdealslide::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--tp-theme-13);
}

.tp-red-deal-text {
    padding-right: 0;
}

.tpvideo-bg {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tpvideo-bg {
        position: relative;
        height: 450px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .tpvideo-bg {
        position: relative;
        height: 450px;
        width: 100%;
    }
}
.tpvideo-bg a {
    height: 120px;
    width: 120px;
    line-height: 120px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    display: block;
    font-size: 20px;
    animation: tp-pulse-2 1s infinite;
}
@media (max-width: 767px) {
    .tpvideo-bg a {
        height: 80px;
        width: 80px;
        line-height: 80px;

    }
}
.tpvideo-bg a:hover {
    background-color: var(--tp-text-primary);
    color: #fff;
}

@media (max-width: 767px) {
    .video-area {
        padding-top: 0 !important;
    }
}

.product-thumb-secondary,
.thumbitem-secondary {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    border-radius: 6px;
}
.product-thumb-secondary img,
.thumbitem-secondary img {
    transition: opacity 0.8s ease, transform 1.1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s, -webkit-transform 1.1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;
}

.product-item-count span {
    color: #999;
    font-size: 18px;
}
.product-item-count span b {
    font-weight: 600;
    color: #000;
}

.product-filter-nav {
    margin-left: 5px;
}
@media (max-width: 767px) {
    .product-filter-nav {
        transform: translateY(15px);
    }
}
.product-filter-nav.tpnavbar .nav-link {
    margin-left: 15px;
}

.tp-shop-selector .nice-select {
    border: transparent;
    color: var(--tp-text-body);
    font-weight: 600;
}
.tp-shop-selector .nice-select::after {
    right: 20px;
}
@media (max-width: 767px) {
    .tp-shop-selector .nice-select {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .product-navtabs {
        justify-content: start !important;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .product-navtabs {
        justify-content: end !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .filter-product {
        margin-left: 0;
    }
}
.filter-product p {
    font-size: 16px;
}

/*----------------------------------------*/
/*  07. SHOP CSS START
/*----------------------------------------*/
.tpshopitem {
    height: 220px;
    width: 220px;
    object-fit: cover;
}
.tpshopitem img {
    width: 100%;
    border-radius: 6px;
}
@media (max-width: 767px) {
    .tpshopitem {
        text-align: center;
    }
}

.whiteproduct {
    background-color: #fff;
}
.whiteproduct__thumb img {
    max-width: 100%;
}
.whiteproduct__content {
    padding: 0 40px 40px 40px;
}
.whiteproduct__title {
    color: var(--tp-text-secondary);
    font-size: 15px;
    margin-bottom: 2px;
}
.whiteproduct__title a:hover {
    color: var(--tp-text-primary);
}
.whiteproduct__text span {
    font-weight: 600;
    font-size: 16px;
}
.whiteproduct__rating i {
    color: var(--tp-text-primary);
    font-size: 14px;
}
.whiteproduct__rating span {
    font-size: 14px;
}

.tpproductarrow {
    position: relative;
    z-index: 2;
    justify-content: end;
}
@media (max-width: 767px) {
    .tpproductarrow {
        justify-content: start;
        margin-bottom: 15px;
    }
}
.tpproductarrow__prv {
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    padding: 6px 14px;
    line-height: 1;
    margin-right: 10px;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tpproductarrow__prv:hover {
    background-color: var(--tp-text-primary);
    color: #fff;
}
.tpproductarrow__prv:hover i {
    color: #fff;
}
.tpproductarrow__prv i {
    margin-right: 6px;
}
.tpproductarrow__nxt {
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    padding: 6px 14px;
    line-height: 1;
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tpproductarrow__nxt:hover {
    background-color: var(--tp-text-primary);
    color: #fff;
}
.tpproductarrow__nxt:hover i {

    color: #fff;
}
.tpproductarrow__nxt i {
    margin-left: 6px;
}

.tpsidebar li {
    list-style: none;
}
.tpsidebar__form-check .form-check-input {
    margin-top: 0;
    box-shadow: none;
}
.tpsidebar__form-check .form-check-input[type=checkbox] {
    border-radius: 0;
}
.tpsidebar__form-check label {
    font-size: 14px;
    color: var(--tp-text-secondary);
    margin-left: 10px;
}
.tpsidebar__form-check span {
    margin-left: auto;
}

.filter-product-title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
}
@media (max-width: 767px) {
    .filter-product-title {
        font-size: 18px;
    }
}
.filter-product-title a:hover {
    color: var(--tp-text-primary);
}

.tpproduct__ammount del {
    font-weight: 500;
    color: #747691;
    margin-left: 10px;
}

.tpproduct__action a {
    font-size: 16px;
    color: var(--tp-text-body);
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border-radius: 6px;
    display: inline-block;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04);
}
.tpproduct__action a:hover {
    background-color: var(--tp-text-primary);
    color: #fff;
}

/*----------------------------------------*/
/*  08. BANNER CSS START
/*----------------------------------------*/
.banneritem__thumb:hover .banneritem__content i {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.banneritem__thumb img {
    width: 100%;
}
.banneritem__content {
    position: absolute;
    bottom: 26px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banneritem__content {
        bottom: 5px;
    }
}
.banneritem__content i {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    background-color: var(--tp-text-primary);
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
    margin-bottom: 40px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banneritem__content i {
        height: 35px;
        width: 35px;
        line-height: 35px;
        font-size: 14px;
        margin-bottom: 0;
    }
}
.banneritem__content i:hover {
    background-color: #fff;
    color: var(--tp-text-primary);
}
.banneritem__content p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 2px;
    color: var(--tp-text-secondary);
}
.banneritem__content-tiele {
    font-size: 20px;
    font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banneritem__content-tiele {
        font-size: 14px;
    }
}

.banner-center {
    bottom: 51px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .banner-center {
        bottom: 15px;
    }
}
.banner-center .banneritem__content-tiele {
    font-size: 40px;
    font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .banner-center .banneritem__content-tiele {
        font-size: 20px;
    }
}

.tpexclusive__content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100px;
}
@media (max-width: 767px) {
    .tpexclusive__content {
        left: 15px;
    }
}
.tpexclusive__contentarea {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
}
.tpexclusive__contentarea p {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tpexclusive__contentarea p {
        font-size: 14px;
        line-height: 20px;
    }
}
.tpexclusive__thumb img {
    border-radius: 6px;
}
.tpexclusive__subtitle {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tpexclusive__subtitle {
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .tpexclusive__subtitle {
        font-size: 12px;
    }
}
.tpexclusive__title {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tpexclusive__title {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .tpexclusive__title {
        font-size: 16px;
        margin-bottom: 15px;
    }
}
.tpexclusive__btn .tp-btn {
    background-color: transparent;
    border: 1px solid #595a56;
    color: #fff;
}
@media (max-width: 767px) {
    .tpexclusive__btn .tp-btn {
        padding: 7px 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tpexclusive__btn .tp-btn {
        padding: 10px 20px;
    }
}
.tpexclusive__btn .tp-btn:hover {
    background-color: var(--tp-text-primary);
    border: 1px solid var(--tp-text-primary);
}

.subcolor {
    color: var(--tp-text-primary);
}

.tpbanneritem {
    margin-left: 55px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .tpbanneritem {
        margin-left: 20px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
    .tpbanneritem {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .tpbanneritem__thumb {
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
    .tpbanneritem__thumb img {
        width: 100%;
    }
}
.tpbanneritem__text {
    position: absolute;
    top: 50px;
    left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpbanneritem__text {
        top: 30px;
        left: 30px;
    }
}
@media (max-width: 767px) {
    .tpbanneritem__text {
        top: 15px;
        left: 15px;
    }
}
.tpbanneritem__text-title {
    font-size: 20px;
    font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tpbanneritem__text-title {
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tpbanneritem__text-title {
        margin-bottom: 0;
        font-size: 16px;
    }
}
.tpbanneritem__text-title a:hover {
    color: var(--tp-text-primary);
}
.tpbanneritem__text-price {
    color: var(--tp-text-primary);
    font-size: 14px;
    font-weight: 600;
}
.tpbanneritem__content {
    position: absolute;
    top: 40px;
    right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tpbanneritem__content {
        top: 20px;
        right: 55px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpbanneritem__content {
        right: 55px;
    }
}
@media (max-width: 767px) {
    .tpbanneritem__content {
        right: 55px;
        top: 10px;
    }
}
.tpbanneritem__content p {
    font-size: 16px;
    margin-bottom: 0;
    color: var(--tp-text-secondary);
}
.tpbanneritem__title {
    font-size: 30px;
    color: var(--tp-text-body);
    font-weight: 600;
    line-height: 1.15;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tpbanneritem__title {
        font-size: 20px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpbanneritem__title {
        font-size: 20px;
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .tpbanneritem__title {
        margin-bottom: 5px;
        font-size: 16px;
    }
}
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpbanneritem__title a br {
        display: none;
    }
}
.tpbanneritem__title a:hover {
    color: var(--tp-text-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpbanneritem__btn {
        right: auto;
        left: 10px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpbanneritem__btn .tp-btn {
        padding: 10px 10px;
    }
}
@media (max-width: 767px) {
    .tpbanneritem__btn .tp-btn {
        padding: 8px 10px;
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .tpbanneritem__btn .tp-btn i {
        margin-left: 2px;
    }
}

.tp-banner-item-small {
    position: absolute;
    bottom: 50px;
    left: 50px;
    font-size: 14px;
    font-weight: 600;
}
@media (max-width: 767px) {
    .tp-banner-item-small {
        left: 15px;
    }
}

.banneritem img {
    width: 100%;
}

.banneroverlay {
    position: relative;
    z-index: 1;
}
.banneroverlay::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.5;
}

.bannertext {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9;
    transform: translateY(-50%);
}
.bannertext__subtitle {
    font-size: 16px;
    color: #fff;
}
.bannertext__title {
    font-size: 40px;
    color: #fff;
    line-height: 1.25;
    font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bannertext__title {
        font-size: 34px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bannertext__title {
        font-size: 28px;
    }
}
.bannertext__title a:hover {
    color: var(--tp-text-primary);
}

.exclusiveitem__thumb img {
    border-radius: 6px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .exclusiveitem__thumb img {
        max-width: 100%;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .exclusivearea__thumb img {
        max-width: 100%;
    }
}

.bannerbox {
    position: absolute;
    top: 55px;
    left: 60px;
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
    .bannerbox {
        top: 30px;
        left: 50px;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .bannerbox {
        top: 30px;
        left: 42px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bannerbox {
        top: 25px;
        left: 35px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bannerbox {
        top: 15px;
        left: 30px;

    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .bannerbox {
        top: 10px;
        left: 10px;
    }
}
.bannerbox__subtitle {
    font-size: 16px;
    color: #999999;
    display: block;
}
.bannerbox__subtitle a {
    color: var(--tp-text-primary);
    text-decoration: underline;
    font-weight: 700;
}
.bannerbox__title {
    font-size: 30px;
    color: var(--tp-text-body);
    font-weight: 600;
    line-height: 1.34;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .bannerbox__title br {
        display: none;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .bannerbox__title {
        margin-bottom: 50px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .bannerbox__title {
        font-size: 24px;
        margin-bottom: 40px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bannerbox__title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .bannerbox__title {
        font-size: 15px;
        margin-bottom: 5px;
    }
}
.bannerbox__title a:hover {
    color: var(--tp-text-primary);
}
.bannerbox__btn .tp-btn {
    padding: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .bannerbox__btn .tp-btn i {
        margin-left: 2px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .banner-bottom-bg {
        margin-bottom: 50px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .banner-bottom-bg {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner-bottom-bg {
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-bottom-bg {
        margin-bottom: 5px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .banner-right-bg {
        margin-bottom: 50px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner-right-bg {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-right-bg {
        margin-bottom: 15px;
    }
}

.banner-bottom-title {
    margin-bottom: 0;
    line-height: 1;
}
.banner-bottom-title a:hover {
    color: var(--tp-text-primary);
}

.banner-shape-primary {
    position: absolute;
    right: 0;
    top: 25px;
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
    .banner-shape-primary {
        right: -20px;
    }
}

.banner-shape-secondary {
    position: absolute;
    left: 535px;
    bottom: 45px;
}
@media (max-width: 767px) {
    .banner-shape-secondary {
        left: 50px;
    }
}

.white-banner .tpslider-banner__sub-title {
    color: #ff9fb7;
}
.white-banner .tpslider-banner__title {
    color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpbnner-height-5 {
        margin-bottom: 38px;
    }
}
@media (max-width: 767px) {
    .tpbnner-height-5 {
        margin-bottom: 20px;
    }
}

.tpbannerthumb-5 {
    margin-left: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-slider-sm-banner {
        margin-bottom: 17px;
    }
}

/*----------------------------------------*/
/*  09. MARQUE CSS START
/*----------------------------------------*/
.mp-marque-slider {
    position: absolute;
    top: 95px;
    width: 100%;
}
@media (max-width: 767px) {
    .mp-marque-slider {
        top: 45px;
    }
}
.mp-marque-slider p {
    text-transform: uppercase;
    font-size: 100px;
    font-weight: 700;
    color: #fff;
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
    .mp-marque-slider p {
        font-size: 85px;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .mp-marque-slider p {
        font-size: 75px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .mp-marque-slider p {
        font-size: 64px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mp-marque-slider p {
        font-size: 53px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mp-marque-slider p {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    .mp-marque-slider p {
        font-size: 16px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .mp-marque-slider p {
        font-size: 30px;
    }
}
.mp-marque-slider p span {
    background-clip: text;
    color: transparent;
    background-image: url("../img/blog/blog-thumb-07.jpg");
    background-size: cover;
    -webkit-background-clip: text;
}

@media (min-width: 1801px) and (max-width: 1880px) {
    .mp-marque-slider p {
        font-size: 96px;
    }
}
.mp-marque-slider .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.swiper--top.swiper-container {
    overflow: visible;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .platinamdell {
        padding-top: 100px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .platinamdell {
        padding-top: 80px;
    }
}
@media (max-width: 767px) {
    .platinamdell {
        padding-top: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .platinamdell {
        padding-top: 50px;
    }
}

/*----------------------------------------*/
/*  00. 10. PORTFOLIO CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  11. BLOG CSS START
/*----------------------------------------*/
.blog-btn {
    font-size: 16px;
    font-weight: 600;
}
@media (max-width: 767px) {
    .blog-btn {
        font-size: 14px;
    }
}
.blog-btn:hover {
    color: var(--tp-text-primary);
}
.blog-btn:hover i {
    animation: iconarrow 0.4s linear;
}

.blogitem:hover .blogitem__thumb img {
    transform: scale(1.1);
}
.blogitem__thumb {
    border-radius: 6px;
}
.blogitem__thumb img {
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -ms-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
    width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .blogitem__thumb img {
        max-width: 100%;
    }
}
.blogitem__content ul li {
    list-style: none;
    display: inline-block;
    margin-right: 35px;
    position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blogitem__content ul li {
        margin-right: 15px;
    }
}
.blogitem__content ul li::before {
    position: absolute;
    content: "";
    top: 50%;
    right: -19px;
    height: 15px;
    width: 2px;
    background: #ececec;
    transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blogitem__content ul li::before {
        right: -10px;
    }
}
.blogitem__content ul li:last-child::before {
    display: none;
}
.blogitem__content ul li a {
    font-size: 14px;
    font-weight: 400;
    color: var(--tp-text-body);
}
.blogitem__content ul li a:hover {
    color: var(--tp-text-primary);
}
.blogitem__content ul li .date-color {
    color: var(--tp-text-secondary);
}
.blogitem__title {
    font-size: 20px;
    font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
    .blogitem__title {
        font-size: 16px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blogitem__title {
        font-size: 15px;
    }
}
.blogitem__title a:hover {
    color: var(--tp-text-primary);
}
.blogitem__btn a {
    font-size: 14px;
    font-weight: 600;
    color: #cbcbcb;
    background-image: linear-gradient(#FF5D02, #FF5D02), linear-gradient(#FF5D02, #FF5D02);
    display: inline;
    background-size: 0 1px, 0 1px;
    background-position: 100% 100%, 0 90%;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
    line-height: 1.4;
}
.blogitem__btn a:hover {
    background-size: 0 1px, 100% 1px;
    color: var(--tp-text-primary);
}

.tpblogborder {
    border-right: 1px solid var(--tp-theme-7);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tpblogborder {
        border: none;
    }
}

.blog-main-box {
    margin-right: -10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .blog-main-box {
        margin-right: 0;
    }
}

.postbox__thumb img {
    border-radius: 10px;
    max-width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .postbox__wrapper {
        padding-right: 0;
    }
}
.postbox__meta span {
    margin-right: 55px;
    color: #5b5757;
    font-weight: 600;
    font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .postbox__meta span {
        margin-right: 18px;
    }
}
@media (max-width: 767px) {
    .postbox__meta span {
        margin-right: 15px;
        font-size: 12px;
    }
}
.postbox__meta span i {
    margin-right: 5px;
    color: var(--tp-text-primary);
}
.postbox__meta span a {
    text-transform: uppercase;
    display: inline-block;
    color: #5b5757;
    font-weight: 600;
}
.postbox__meta span a:hover {
    color: var(--tp-text-primary);
}
.postbox__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.25;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .postbox__title {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .postbox__title {
        font-size: 24px;
    }
}
.postbox__title a:hover {
    color: var(--tp-text-primary);
}
.postbox__text p {
    font-size: 16px;
}
@media (max-width: 767px) {
    .postbox__text p {
        font-size: 14px;
    }
}
.postbox .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 88px;
    width: 88px;
    background: #fff;
    text-align: center;
    line-height: 88px;
    border-radius: 50%;
    color: var(--tp-text-primary);
    animation: tp-pulse-2 1.5s infinite;
}
.postbox .play-btn:hover {
    background-color: var(--tp-text-primary);
    color: #fff;
}
.postbox__meta-img img {
    width: 100%;
    border-radius: 10px;
}
.postbox__tag span {
    font-size: 20px;
    margin-right: 15px;
    font-weight: 700;
}
.postbox__social-tag span {
    font-size: 20px;
    font-weight: 700;
    margin-right: 15px;
}
.postbox__social-tag a {
    margin-right: 30px;
    font-size: 18px;
}
.postbox__social-tag a:last-child {
    margin-right: 0;
}
.postbox__tag-border {
    border-top: 1px solid var(--tp-border-1);
    border-bottom: 1px solid var(--tp-border-1);
    padding: 30px 0;
}
.postbox__social-tag {
    text-align: end;
}
.postbox__social-tag a:hover {
    color: var(--tp-text-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .postbox__social-tag {
        margin-top: 15px;
        text-align: start;
    }
}
.postbox__content-area h4 {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.25;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
    .postbox__content-area h4 {
        font-size: 30px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .postbox__content-area h4 {
        font-size: 26px;
    }
}
@media (max-width: 767px) {
    .postbox__content-area h4 {
        font-size: 28px;
    }
}
.postbox__content-area p {
    font-size: 16px;
    margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .postbox__content-area p {
        font-size: 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .postbox__content-area p br {
        display: none;
    }
}
.postbox__text-list ul li {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
    list-style: none;
}
.postbox__text-list ul li:last-child {
    margin-bottom: 0;
}
.postbox__text-list ul li i {
    margin-right: 20px;
    font-size: 18px;
    color: var(--tp-text-primary);
}
.postbox__comment {
    border-bottom: 1px solid var(--tp-border-1);
}
.postbox__comment ul li {
    margin-bottom: 10px;
    list-style: none;
}
.postbox__comment ul li.children {
    margin-left: 100px;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .postbox__comment ul li.children {
        margin-left: 0;
    }
}
.postbox__comment-form {
    margin-bottom: 20px;
}
.postbox__comment-form-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.postbox__comment-form p {
    color: var(--tp-text-secondary);
    font-size: 16px;
    margin-bottom: 60px;
}
.postbox__comment-input {
    position: relative;
    margin-bottom: 30px;
    color: var(--tp-text-body);
}
.postbox__comment-input span {
    font-weight: 600;
    color: #000;
    margin-bottom: 12px;
    display: block;
}
.postbox__comment-input input, .postbox__comment-input textarea {
    height: 60px;
    padding: 0 20px;
    width: 100%;
    font-size: 14px;
    color: var(--tp-text-body);
    outline: none;
    border: 1px solid var(--tp-border-1);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 0 16px 24px rgba(189, 196, 205, 0.13);
}
.postbox__comment-input input:focus, .postbox__comment-input textarea:focus {
    border: 1px solid var(--tp-text-primary);
}
.postbox__comment-input input::placeholder, .postbox__comment-input textarea::placeholder {
    color: var(--tp-text-secondary);
}
.postbox__comment-input input::placeholder:focus, .postbox__comment-input textarea::placeholder:focus {
    color: var(--tp-text-primary);
}
.postbox__comment-input textarea {
    height: 175px;
    resize: none;
    padding-top: 20px;
    padding-bottom: 20px;
}
.postbox__comment-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 35px;
}
.postbox__comment-box {
    margin-bottom: 70px;
}
.postbox__comment-avater img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.postbox__comment-name {
    margin-bottom: 15px;
}
.postbox__comment-name h5 {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 8px;
    font-weight: 500;
}
.postbox__comment-name span {
    font-size: 14px;
    color: var(--tp-text-secondary);
}
@media (max-width: 767px) {
    .postbox__comment-text {
        margin-left: 0;
        margin-top: 15px;
    }
}
.postbox__comment-text p {
    font-size: 16px;
    color: var(--tp-text-secondary);
    margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .postbox__comment-text p {
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .postbox__comment-text p {
        font-size: 14px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .postbox__comment-text p br {
        display: none;
    }
}
.postbox__comment-reply {
    margin-top: 10px;
}
.postbox__comment-reply a {
    display: inline-block;
    color: var(--tp-text-primary);
    background: #fff;
    line-height: 22px;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.postbox__comment-reply a:hover {
    color: #fff;
    background: var(--tp-text-primary);
}
.postbox__comment-agree {
    padding-left: 5px;
}
.postbox__comment-agree input {
    margin: 0;
    appearance: none;
    -moz-appearance: none;
    display: block;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #b9bac1;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    flex: 0 0 auto;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px);
}
.postbox__comment-agree input:checked {
    position: relative;
    background-color: var(--tp-theme-1);
    border-color: transparent;
}
.postbox__comment-agree input:checked::after {
    box-sizing: border-box;
    content: "\f00c";
    position: absolute;
    font-size: 10px;
    color: #fff;
    top: 46%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.postbox__comment-agree input:hover {
    cursor: pointer;
}
.postbox__comment-agree label {
    padding-left: 8px;
    line-height: 1;
}
.postbox__comment-agree label a {
    color: #000;
    font-weight: 600;
    padding-left: 4px;
}
.postbox__comment-agree label a:hover {
    color: var(--tp-theme-1);
}
.postbox__comment-agree label:hover {
    cursor: pointer;
}

.postbox-nav button {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}
.postbox-nav button.postbox-slider-button-next {
    left: auto;
    right: 0;
}
.postbox-nav button i {
    height: 60px;
    width: 60px;
    line-height: 60px;
    background-color: #fff;
    color: var(--tp-text-body);
}
@media (max-width: 767px) {
    .postbox-nav button i {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
}
.postbox-nav button i:hover {
    background-color: var(--tp-text-primary);
    color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .sidebar__wrapper {
        padding-left: 0;
    }
}
.sidebar__widget {
    padding: 50px 30px 40px 30px;
    box-shadow: 0 12px 10px rgba(238, 239, 240, 0.25);
    border: 1px solid var(--tp-border-1);
    border-radius: 6px;
}
.sidebar__widget-content ul li {
    margin-bottom: 15px;
    list-style: none;
}
.sidebar__widget-content ul li:last-child {
    margin-bottom: 0;
}
.sidebar__widget-content ul li a {
    color: var(--tp-text-secondary);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #F2F5FA;
    padding: 9px 15px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.sidebar__widget-content ul li a:hover {
    color: var(--tp-text-primary);
}
.sidebar__widget-content ul li a span {
    display: block;
    text-align: end;
}
.sidebar__widget-title {
    font-size: 22px;
    font-weight: 600;
    color: var(--tp-text-body);
}
.sidebar__search-input-2 input {
    height: 60px;
    width: 100%;
    padding: 10px 60px 10px 20px;
    border: none;
    background-color: var(--tp-grey-8);
}
.sidebar__search-input-2 input::placeholder {
    font-weight: 500;
    font-size: 12px;
    color: var(--tp-text-secondary);
    background-color: var(--tp-grey-8);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.sidebar__search-input-2 button {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    padding: 16px 25px;
}

.rc__post-thumb {
    margin-right: 20px;
}
.rc__post-thumb img {
    height: 100px;
    width: 100px;
    object-fit: cover;
}
.rc__meta span {
    font-weight: 600;
    font-size: 13px;
    color: var(--tp-text-secondary);
    letter-spacing: 1px;
    display: block;
    margin-bottom: 5px;
}
.rc__post-title {
    font-weight: 500;
    font-size: 16px;
    color: #141515;
    line-height: 1.5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
    .rc__post-title {
        font-size: 15px;
    }
}
.rc__post-title a {
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.rc__post-title a:hover {
    color: var(--tp-text-primary);
}

.tagcloud a {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--tp-text-secondary);
    border: 1px solid #F2F4F6;
    padding: 10px 26px;
    display: inline-block;
    line-height: 1;
    margin: 5px 10px 5px 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tagcloud a:hover {
    color: #fff;
    background-color: var(--tp-text-primary);
}

/*----------------------------------------*/
/*  12. CTA CSS START
/*----------------------------------------*/
.tpcta {
    padding: 58px 60px;
    border-radius: 6px;
    margin-left: 30px;
    position: relative;
    z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpcta {
        padding: 30px 20px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpcta {
        padding: 20px 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tpcta {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .tpcta {
        padding: 40px 20px;
        margin-left: 0;
    }
}
.tpcta::before {
    position: absolute;
    content: "";
    height: 75px;
    width: 75px;
    border-radius: 50%;
    background-color: #fff;
    z-index: -1;
    top: 40px;
    right: 135px;
}
.tpcta p {
    color: #9a9387;
    font-size: 14px;
}
.tpcta__subtitle {
    font-size: 20px;
    font-weight: 400;
    color: var(--tp-text-primary);
    margin-bottom: 5px;
}
.tpcta__title {
    font-size: 26px;
    font-weight: 600;
}
@media (max-width: 767px) {
    .tpcta__title {
        font-size: 22px;
    }
}
.tpcta__input-icon {
    position: absolute;
    top: 17px;
    left: 30px;
}
.tpcta__input-icon i {
    font-size: 16px;
}
.tpcta__input input {
    border: none;
    border-radius: 6PX;
    height: 60px;
    width: 100%;
    padding: 10px 30px 10px 52px;
}
.tpcta__input input::placeholder {
    color: #b0b0b0;
    font-size: 16px;
}
.tpcta__btn button {
    background-color: var(--tp-text-primary);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    padding: 17px 0;
    border-radius: 6px;
    margin-right: 15px;
}
.tpcta__btn button:hover i {
    animation: iconarrow 0.4s linear;
}
.tpcta__btn button span {
    margin-left: 15px;
}

.tptrack__item-icon {
    flex: 0 0 auto;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border-radius: 6px;
    margin-right: 20px;
}
.tptrack__thumb img {
    border-radius: 8px 8px 0 0;
    width: 100%;
}
.tptrack__content {
    padding: 50px;
    border-radius: 0 0 8px 8px;
}
@media (max-width: 767px) {
    .tptrack__content {
        padding: 20px 15px;
    }
}
.tptrack__item-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--tp-text-body);
}
.tptrack__item-content p {
    font-size: 14px;
    color: var(--tp-text-secondary);
    line-height: 24px;
    margin-bottom: 0;
}
.tptrack__id span, .tptrack__email span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    font-size: 16px;
}
.tptrack__id form, .tptrack__email form {
    position: relative;
}
.tptrack__id form input, .tptrack__email form input {
    width: 100%;
    height: 60px;
    border: none;
    background-color: #fff;
    padding: 10px 60px;
    border-radius: 6px;
}
.tptrack__id form input::placeholder, .tptrack__email form input::placeholder {
    font-size: 14px;
    color: var(--tp-grey-9);
}
.tptrack__submition {
    background: var(--tp-text-primary);
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
    padding: 22px 50px;
    text-align: center;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}
.tptrack__submition i {
    margin-left: 20px;
}
.tptrack__submition:hover {
    background-color: #b50c37;
}

/*----------------------------------------*/
/*  13. SERVICES CSS START
/*----------------------------------------*/
.tpservicesitem {
    border: 1px solid var(--tp-border-6);
    padding: 28px 30px;
    border-radius: 6px;
    background-color: #fff;
    position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpservicesitem {
        flex-direction: column;
        text-align: center;
        padding: 25px 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpservicesitem {
        flex-direction: column;
        text-align: center;
        padding: 25px 5px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpservicesitem {
        padding: 20px 10px;
    }
}
.tpservicesitem::before {
    position: absolute;
    content: "";
    height: 50%;
    width: 100%;
    background-color: var(--tp-text-primary);
    left: 0;
    bottom: 0;
    border-radius: 6px;
    z-index: -1;
}
.tpservicesitem:hover {
    border: 1px solid var(--tp-text-primary);
}
.tpservicesitem:hover::before {
    transform: rotate(3deg);
}
.tpservicesitem:hover .tpservicesitem__icon svg {
    transform: translate3d(0, -5px, 0);
}
.tpservicesitem__icon {
    flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpservicesitem__icon {
        margin-bottom: 15px;
        margin-right: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpservicesitem__icon {
        margin-right: 11px;
    }
}
.tpservicesitem__icon svg {
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
    height: 30px;
    width: 30px;
}
.tpservicesitem__content p {
    margin-bottom: 0;
    font-size: 14px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpservicesitem__content p {
        font-size: 12px;
    }
}
.tpservicesitem__title {
    font-size: 18px;
    font-weight: 700;
    color: var(--tp-text-body);
    line-height: 24px;
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .services-gx-item {
        --bs-gutter-x: 10px;
    }
}

.tpservices-border {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tpservices-border .tpservicesitem__title {
    color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tpservices-border p {
    color: var(--tp-text-5);
}
.tpservices-border:hover {
    background-color: #fff;
    border: 1px solid #fff;
}
.tpservices-border:hover .tpservicesitem__title {
    color: #000;
}

/*----------------------------------------*/
/*  14. BRAND CSS START
/*----------------------------------------*/
.tpbrand .tpsection__title {
    color: #fff;
}
.tpbrand .left-line::before {
    background-color: var(--tp-border-5);
}
.tpbrand .right-line::after {
    background-color: var(--tp-border-5);
}
.tpbrand .brand-items img {
    opacity: 0.5;
}
.tpbrand .brand-items img:hover {
    opacity: 1;
}

.brand-items .swiper-slide {
    text-align: center;
}
.brand-items img {
    border-radius:100%;
    width: 100%;
    background: #F5F6F7;
}
.brand-items img:hover {

}
.tpabout__inner-title-area p {
    font-size: 18px;
    color: var(--tp-text-secondary);
    margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpabout__inner-title-area p {
        font-size: 16px;
        margin-bottom: 15px;
    }
}
@media (max-width: 767px) {
    .tpabout__inner-title-area p {
        font-size: 16px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpabout__inner-title-area p {
        font-size: 16px;
        margin-bottom: 20px;
    }
}
.tpabout__logo {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
@media (max-width: 767px) {
    .tpabout__logo {
        bottom: 30px;
    }
}
.tpabout__logo img {
    max-width: 100%;
}
.tpabout__inner-thumb img {
    border-radius: 6px;
    max-width: 100%;
}
.tpabout__inner-title {
    font-size: 40px;
    color: var(--tp-text-body);
    font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tpabout__inner-title {
        font-size: 30px;
    }
}
.tpabout__inner-sub-title {
    font-size: 14px;
    margin-bottom: 5px;
    color: var(--tp-text-secondary);
}
.tpabout__inner-story p {
    font-size: 18px;
    color: var(--tp-text-secondary);
    margin-bottom: 0;
    margin-right: -25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpabout__inner-story p {
        margin-right: 0;
        font-size: 16px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tpabout__inner-story p {
        margin-right: 0;
        font-size: 16px;
    }
}
.tpabout__inner-story-2 p {
    font-size: 18px;
    color: var(--tp-text-secondary);
    margin-bottom: 0;
    margin-left: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpabout__inner-story-2 p {
        margin-left: 35px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tpabout__inner-story-2 p {
        margin-left: 0;
        font-size: 16px;
    }
}
.tpabout__inner-list ul li {
    list-style: none;
    position: relative;
    padding-left: 45px;
    margin-bottom: 21px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpabout__inner-list ul li {
        padding-left: 35px;
    }
}
.tpabout__inner-list ul li:last-child {
    margin-bottom: 0;
}
.tpabout__inner-list ul li a {
    font-size: 18px;
    font-weight: 400;
    color: var(--tp-text-body);
    background-image: linear-gradient(#040404, #040404), linear-gradient(#040404, #040404);
    display: inline;
    background-size: 0 1px, 0 1px;
    background-position: 100% 100%, 0 90%;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
    line-height: 1.4;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpabout__inner-list ul li a {
        font-size: 15px;
    }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tpabout__inner-list ul li a {
        font-size: 16px;
    }
}
.tpabout__inner-list ul li a:hover {
    background-size: 0 1px, 100% 1px;
}
.tpabout__inner-list ul li a i {
    position: absolute;
    top: 5px;
    left: 10px;
    color: var(--tp-text-secondary);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
    .about-inner-content {
        margin-left: 0;
        margin-right: 0;
    }
}

/*----------------------------------------*/
/*  15. PLATINAM-PRODUCT CSS START
/*----------------------------------------*/
.tpratingitem__title {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    margin-bottom: 25px;

}
.tpratingitem__title a:hover {
    color: var(--tp-text-primary);
}
.tpratingitem__content {
    padding: 30px;
    background: #F5F6F7;
}
.stickers {
    position: absolute;
    z-index: 2;
    top:30px;
    left: 30px;
}
.stickers span {
    height: 40px;
    padding: 10px 20px;
    line-height: normal;
    display: flex;
    width: fit-content;
    gap: 8px;
    align-items: center;


}
.stickers span.new { background: #FF5D02; color: #fff; border-left:3px solid #fff}
.stickers span.sale { background: #000; color: #fff;border-left:3px solid #FF5D02}
.stickers span.lider { background: #003569; color: #fff;border-left:3px solid #fff}
.stickers span.popular {background: #F5F6F7; color: #000;border-left:3px solid #000}
.stickers span.recommend {background: #fff; color: #FF5D02; border-left:3px solid #FF5D02}
.stickers span.origin-stick  { background: #F5F6F7; color: #000; font-weight: 700}
.stickers span.free { background: #fff; color: #65382A}
.stickers span.free svg {margin-top: -3px}
.sticker-size {
    position: absolute;
    top:15px;
    right: 55px;
    display: flex;
    gap: 1px;
}
.sticker-size span {
    background-color: rgba(255, 255, 255, 0.5);
    width: 40px;
    height: 40px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 12px;
}
.sticker-size span svg{
    display: block;
    width: 16px;
    height: 16px;
}
.product-prev-btns {

    display: flex;
    gap: 5px;
}
.product-prev-btns a {
    border-radius: 0px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    padding: 12px 49px;
    font-size: 16px;
}
.product-prev-btns a.incart { background: #FF5D02; }
.product-prev-btns a.incart svg path {fill:#fff}
.product-prev-btns svg {}
.product-prev-btns .tpproduct-details__quantity {
    background: #fff;
    display: flex;
    height: 40px;
    width: 118px;
}
.product-prev-btns .tpproduct-details__quantity input {
    color: #000;
    width:30px;
}
.addtocartbtn { background: #000}
.addtowishlist { background: #F5F6F7;    border-radius: 10px;}
.out-of-stock {background: #F5F6F7;    border-radius: 10px; font-size: 18px; padding: 9px 20px;border-left: 4px solid #FF5D02}
.priceforonecart {    position: absolute;margin-top: 85px;width: 152px;text-align: center;background: #fff;border-radius: 30px;padding: 4px;}
.priceforonecart.hidden { display: none; }
.product-prev-price {
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 800;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 20px}
.tpratingitem__content span {
    color: #000;
}
.tpratingitem__content del {
    color: #000;
    font-size: 20px;
    font-weight: 500;
}
.tpratingitem__star i {
    font-size: 12px;
    color: var(--tp-text-primary);
}
.tpratingitem__star span {
    font-size: 12px;
    font-weight: 400;
}
.tpratingitem__oldprice {
    color: #d3d2d2;
    font-weight: 600;
}
.tpratingitem__available {
    margin: 0 40px;
}
.tpratingitem__available .progress {
    height: 4px;
    background-color: #f0f0f0;
}
.tpratingitem__available .progress .progress-bar {
    width: 40% !important;
    background-color: var(--tp-text-primary);
    border-radius: 6px;
}
.tpratingitem__stock span {
    font-size: 14px;
    font-weight: 600;
}
.tpratingitem__stock span i {
    font-style: normal;
    font-size: 14px;
    color: #999999;
}
.tpratingitem__countdown span {
    display: inline-block;
    margin-bottom: 10px;
}
.tpratingitem__countdown span.cdown {
    color: var(--tp-text-body);
    font-size: 14px;
    font-weight: 600;
    margin-right: 13px;
    margin-bottom: 0;
    padding-right: 16px;
    position: relative;
}
.tpratingitem__countdown span.cdown::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 30px;
    width: 1px;
    background-color: #ededed;
}
.tpratingitem__countdown span.cdown:last-child::before {
    display: none;
}
.tpratingitem__countdown span.cdown p {
    margin-top: -15px;
    font-size: 16px;
    color: var(--tp-text-secondary);
}
.tpratingitem__count {
    display: flex;
    justify-content: center;
    margin-left: 30px;
}
.tpratingitem__count i {
    font-style: normal;
    font-size: 16px;
    margin-bottom: 0;
    padding-left: 13px;
    color: var(--tp-text-secondary);
}

@media (max-width: 767px) {
    .tpplatiarrow {
        justify-content: start !important;
        margin-bottom: 20px;
    }
}

.tpratingitem__thumb {
    overflow: hidden;
}
.tpratingitem__thumb img {
    width: 100%;
}
.tpratingitem__thumb img:hover {
    transform: scale(1.08);
}

/*----------------------------------------*/
/*  16. FEATURES CSS START
/*----------------------------------------*/
.tpfeatures:hover .tpfeatures__icon img {
    transform: translate3d(0, -5px, 0);
}
.tpfeatures__icon img {
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.tpfeatures__icon {
    position: absolute;
    right: 0;
    bottom: 0;
}
.tpfeatures__content {
    background: #F5F6F7;
    padding: 30px;
    padding-right: 230px;
    height: 238px;
    color: #000;
}
.tpfeatures__title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.tpfeaturesborder {
    position: relative;
}
.tpfeaturesborder::before {
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
    height: 150px;
    width: 1px;
    background-color: #f2f2f2;
    display: none;
}
.tpfeaturesborder::after {
    position: absolute;
    content: "";
    right: -15px;
    top: 10px;
    height: 150px;
    width: 1px;
    background-color: #f2f2f2;
}
.tpfeatures {position: relative; margin-bottom: 8px;}
.row.fea-row .col-lg-4:nth-child(3) .tpfeatures__content {background: #FF5D02; color: #fff}
.row.fea-row .col-lg-4:nth-child(3) .tpfeatures__title, .row.fea-row .col-lg-4:nth-child(4) .tpfeatures__title  {color: #fff;}
.row.fea-row .col-lg-4:nth-child(4) .tpfeatures__content {background: #003569; color: #fff}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tpfeaturesborder::after {
        display: none;
    }
}

.fea-row .col-lg-2:last-child .tpfeaturesborder::after {
    right: 0;
}
.fea-row .col-lg-2:first-child .tpfeaturesborder::before {
    display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .fea-row .col-lg-2:first-child .tpfeaturesborder::before {
        display: none;
    }
}

.accept-cookie-notification {
    position: fixed;
    bottom: 0;
    right:0;
    background: #f5f6f7;    border-radius: 0px; padding:30px; width: auto; max-width:700px; line-height:1.4; font-size: 14px;
    z-index: 9999;    padding-right: 200px;
}
.accept-cookie-notification button {
    background: #000;
    padding: 10px 40px;
    border-radius: 0; color:#fff;
    position: absolute; right: 30px;
    top: 50px;}
.accept-cookie-notification a { text-decoration: underline}

/*----------------------------------------*/
/*  17. TESTIMONIAL CSS START
/*----------------------------------------*/
.rait-left {
    background-color: #F5F6F7;
    height: 200px;
    padding: 30px;
    margin-top: 5px;
}
.col-lg-2.left-rait-bl .tptestiarrow {margin-top: -2px}
.right-rait-bl .swiper-container { }
.main-rait {margin-bottom: 20px; font-size: 22px; display: flex;align-items: center; margin-top: 40px}
.main-rait span:hover a {color: #FF5D02}
.main-rait svg { margin-right: 8px; }
.good-place svg { margin-right: 8px; }
.good-place {font-size: 16px;    display: flex;align-items: center;}
.main-reviews {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 30px;
}
.avitobl, .ozonbl {background-color: #F5F6F7; width: 428px; height: 147px;     position: relative;}
.avitobl span.rait, .ozonbl span.rait{
    align-items: center;
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    gap: 8px;
}
.avitobl span.goto, .ozonbl  span.goto {position: absolute; bottom: 20px; right: 20px; color: #003569; font-size: 16px; font-weight: 700;}
.avitobl img, .ozonbl img {display: block;     margin: 0 auto; }
.img-sourse {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom:1px solid #fff;
}
.has-media {
    display: flex;
    align-items: center;
    gap: 4px;
}
.tptesti {
    background-color: #F5F6F7;
    padding: 30px; height:336px;
    position: relative;
}
.testi-bot {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
}
.tptesti__icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    display: inline-block;
    background: #fff;
    text-align: center;
    border-radius: 50%;
}
.tptesti__content p {
    font-size: 20px;
    color: var(--tp-text-body);
    line-height: 1.6;
}

.tptesti__avata-content-title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.tpproduct__rating {
    font-size: 16px;
    font-weight: 700;
}
.rait-date {
}
.tptesti__avata-icon {
    width: 52px;
    height: 52px;
    border-radius: 100%;
    background: #fff;
    padding: 5px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.tptesti__avata-icon img {width: 42px; height: 42px; border-radius: 100%; object-fit: cover}
.tptesti__avata-content p {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--tp-text-secondary);
}
.tptesti__content button span {display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}

.tptesti__content button {color: #000!important; text-align: left; }



@media (max-width: 767px) {
    .tptestiarrow {
        justify-content: start !important;
        margin-bottom: 15px;
    }
}
.tpplatiarrow {
    position: absolute;
    right: 0;
    top: -5px;}
.tpplatiarrow__prv, .tpplatiarrow__nxt,
.tptestiarrow__prv,
.tptestiarrow__nxt {
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tpplatiarrow__prv:hover, .tpplatiarrow__nxt:hover,
.tptestiarrow__prv:hover,
.tptestiarrow__nxt:hover {
    color: var(--tp-text-body);
}
.tpplatiarrow__nxt,
.tptestiarrow__nxt {
    margin-left: 5px;
}
.tpplatiarrow__nxt i,
.tptestiarrow__nxt i {
    margin-left: 12px;
}
.tpplatiarrow__prv i,
.tptestiarrow__prv i {
    margin-right: 12px;
}

.tp-white-testimonial .tptesti {
    background-color: #fff;
}
.tp-white-testimonial .tptesti__icon {
    background-color: var(--tp-text-primary);
}
.tp-white-testimonial .tptesti__content p {
    color: var(--tp-text-secondary);
}
.tp-white-testimonial .tptestiarrow__prv, .tp-white-testimonial .tptestiarrow__nxt {
    font-size: 14px;
    font-weight: 600;
    color: var(--tp-text-body);
    background-color: #fff;
    padding: 6px 14px;
    line-height: 1;
    margin-right: 10px;
    border-radius: 6px;
    transition: all 0.3s ease-out 0s;
}
.tp-white-testimonial .tptestiarrow__prv:hover, .tp-white-testimonial .tptestiarrow__nxt:hover {
    color: #fff;
    background-color: var(--tp-text-primary);
}
.tp-white-testimonial .tptestiarrow__nxt {
    margin-right: 0;
    margin-left: 0;
}

.tpteam__thumb {
    position: relative;
}
.tpteam__thumb::before {
    transition: all 0.4s ease-out 0s;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.6;
    border-radius: 6px;
}
.tpteam__thumb img {
    border-radius: 6px;
    width: 100%;
}
.tpteam__position {
    font-size: 14px;
    color: #fff;
    margin-bottom: 7px;
}
.tpteam__title {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpteam__title {
        font-size: 18px;
    }
}
.tpteam__content {
    position: absolute;
    bottom: 35px;
    z-index: 9;
    left: 38px;
}
.tpteam__btn {
    border: 1px solid var(--tp-border-1);
    font-size: 18px;
    font-weight: 600;
    color: var(--tp-text-body);
    padding: 16px 33px;
    border-radius: 6px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tpteam__btn {
        padding: 10px 33px;
        font-size: 16px;
    }
}
.tpteam__btn:hover {
    background-color: var(--tp-text-primary);
    border: 1px solid var(--tp-text-primary);
    color: #fff;
}

.tpfeature__inner-thumb img {
    max-width: 100%;
}

/*----------------------------------------*/
/*  18. SELECTPRODUCT CSS START
/*----------------------------------------*/
.tpselectproduct__heading {
    font-size: 20px;
    font-weight: 600;
}
.tpselectproduct__thumb {
    flex: 0 0 auto;
}
.tpselectproduct__thumb img {
    border-radius: 6px;
    width: 80px;
    height: 90px;
    object-fit: cover;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tpselectproduct__rating {
    color: var(--tp-text-primary);
    font-size: 11px;
    margin-bottom: 3px;
}
.tpselectproduct__rating .max-star {
    color: #e0e0e0;
}
.tpselectproduct__title {
    font-size: 14px;
    font-weight: 400;
    color: var(--tp-text-secondary);
}
.tpselectproduct__title a:hover {
    color: var(--tp-text-primary);
}
.tpselectproduct__price {
    font-size: 16px;
    font-weight: 600;
    color: var(--tp-text-body);
}

/*----------------------------------------*/
/*  19. PRODUCT-DETAILS CSS START
/*----------------------------------------*/
@media (max-width: 767px) {
    .tpproduct-details__nab {
        padding-right: 0;
    }
}
.tpproduct-details__nab .nav-link {
    padding: 0;
    border-color: transparent;
    margin-bottom: 20px;
}
.tpproduct-details__nab .nav-link img {
    height: 80px;
    width: 70px;
    object-fit: cover;
    border-radius: 6px;
    border-color: transparent;
}
.tpproduct-details__nab .nav-link.nav-link.active,
.tpproduct-details__nab .nav-link .nav-pills .show > .nav-link {
    color: #fff;
    background-color: transparent;
}
.tpproduct-details__nab .tab-pane img {
    max-width: 100%;
    border-radius: 6px;
}
.origin {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 4px;
    font-size: 14px;
    font-weight: 700;
}
.origin a {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    text-align: center;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.origin a.active {
    background: #F5F6F7;
}
.col-lg-6.tovar-left {
    padding-right: 30px; width: 67%;
}
.col-lg-6.tovar-right {padding-left: 0; width: 33%;}
.tpproduct-details__sticky {
    position: sticky;
    top: 60px;
    padding: 30px;
    background: #F5F6F7;
}
.tpproduct-details__content .stickers { position: static; margin-left: 10px}
.tpproduct-details__title {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    margin: 0;
}
.tpproduct-details__count { margin-top: 20px}
.tpproduct-details__price {
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;}
.tpproduct-details__price del {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin-left: 20px;
}
.tpproduct-details__price span {
    color: #000;
    font-weight: 800;
    font-size: 30px;
    line-height: 1;
}
.tpproduct-details__price span.procent {
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
    background: #E84600;
    font-weight: 400;
    padding: 2px 10px;
    height: 25px;
    display: flex;
    align-items: center;
}
span.procent {
    background: #FF5D02;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 2px 10px;
}

.tpproduct-details__pera p {
    font-size: 14px;
    color: #000;
    margin-bottom: 30px;
}

.tpproduct-details__quantity {
    display: flex;
    width: 130px;
    background: #fff;
    height: 60px;
    align-items: center;
    justify-content: center;
}
.tpproduct-details__cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}
.tpproduct-details__quantity input {
    border: none;
    width: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    background: none;
    line-height: 23px;
}
.tpproduct-details__quantity .cart-minus, .tpproduct-details__quantity .cart-plus {
    color: var(--tp-grey-7);
    cursor: pointer;
}
.tpproduct-details__quantity input:hover, .tpproduct-details__quantity input:focus {border:none!important; color: #FF5D02!important;}
.cart-plus:hover svg rect, .cart-minus:hover svg rect {fill:#FF5D02}
.cart-plus:hover svg path, .cart-minus:hover svg path {fill:#fff}

.product-brand { margin-bottom:10px;    display: flex;justify-content: space-between; position:relative}
.product-brand:after { content:''; position:absolute; width:100%; left:0; bottom:8px; height:1px; border-bottom:1px dashed #A8A8A8;    z-index: -1;}
.charsname { color:#000; background:#F5F6F7; padding-right:5px}
.chars-value {background:#F5F6F7; padding-left:5px;    width: 190px;}
.chars-value a {color: #FF5D02;}
.tpproduct-details__quantity:hover input {color: #FF5D02!important; border:none!important;}
.info-text {  background: #F5F6F7; padding: 20px; color: #8D8D8D; margin-bottom: 20px;}
.sostav-bl, .chars-bl {background: #F5F6F7; padding: 20px;margin-top: 20px;margin-bottom: 2px}
.sostav-bl span, .chars-bl span { color: #000; padding: 7px 15px; background: #fff; border-radius: 30px; margin-right: 5px; margin-bottom: 5px}
.sostav-bl h4, .chars-bl h4{ color: #000; font-size: 18px; margin-bottom: 15px}
.tpproduct-details__cart button {
    font-size: 18px;
    font-weight: 400;
    background-color: var(--tp-text-primary);
    color: #fff;
    display: inline-block;
    padding: 18.5px 84px;
    line-height: 1;
    height: 60px;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tpproduct-details__cart button:hover {
    background-color: var(--tp-text-body);
}

.tpproduct-details__wishlist {
    margin-right: 10px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tpproduct-details__wishlist a {
    display: block;
}
.tpproduct-details__information p {
    font-size: 16px;
    font-weight: 600;
    color: var(--tp-text-body);
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}
.tpproduct-details__information span {
    color: var(--tp-text-secondary);
    font-weight: 400;
    font-size: 16px;
}
.tpproduct-details__information span a:hover {
    color: var(--tp-text-primary);
}
.tpproduct-details__information a {
    color: var(--tp-text-secondary);
    margin-right: 12px;
    font-size: 16px;
}
.tpproduct-details__information a:hover {
    color: var(--tp-text-primary);
}
.tpproduct-details__condation {

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tpproduct-details__condation {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .tpproduct-details__condation {
        margin-top: 40px;
        margin-left: 0;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpproduct-details__condation {
        margin-top: 40px;
        margin-left: 0;
    }
}
.tpproduct-details__condation ul li {
    list-style: none;
    margin-bottom: 20px;
}
.tpproduct-details__condation-item {
    border: 1px solid var(--tp-border-1);
    border-radius: 6px;
    padding: 11px 25px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpproduct-details__condation-item {
        padding: 11px 8px;
    }
}
.tpproduct-details__condation-item:hover .tpproduct-details__img-hover {
    transform: translate3d(0, -5px, 0);
}
.tpproduct-details__img-hover {
    margin-right: 20px;
    flex: 0 0 auto;
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}

.tpproduct-details__condation-text p {
    font-size: 14px;
    margin-bottom: 0;
    color: var(--tp-text-secondary);
}
.product-desc {padding: 30px;background: #F5F6F7;}
.product-desc h2 { margin-bottom: 20px}
.tpproduct-details__nav .nav-tabs {
    display: flex; align-items: center;
    border-bottom: none;
    gap: 20px;
    margin-bottom: 20px;
}
.tpproduct-details__nav .nav-tabs .nav-links {
    color: #000;
    padding: 11px 0;
    border-bottom: 4px solid #fff;
    font-size: 20px;
    font-weight: 600;
}

.tpproduct-details__nav .nav-tabs .nav-links.active {
    color: #003569;
    border-bottom: 4px solid #003569;
}
.tpproduct-details__list-img {
    margin-bottom: 20px;
}

.tpproduct-details__list-img-item {

}
.video-slide {
    background: #F5F6F7;
    margin-bottom: 8px;
    font-size: 16px;
}
.video-slide a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 175px;
    height: 175px;
    gap:20px;
}
.tpproduct-details__list-img-item.full-width { margin-bottom: 5px; display: flex;}
.tpproduct-details__list-img-item.full-width .slider-for {
    width: 710px;
    margin-right: 8px;
}
.tpproduct-details__list-img-item img {
    max-width: 100%;
    border-radius: 0;
    width:100%;
    height: 723px;
    object-fit: cover;
}
.right.slider {
    height: 723px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 4px;
}


.right.slider::-webkit-scrollbar {
    width: 6px;
}

.right.slider::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 0;
}

.right.slider::-webkit-scrollbar-thumb {
    background: #F5F6F7;
    border-radius: 0;
    transition: background 0.3s;
}

.right.slider::-webkit-scrollbar-thumb:hover {
    background: #fff;
}

.tpproduct-details__list-img-item.full-width .slider-nav img  {
    height: 175px;
}

.tpproduct-details__list-img-item.full-width .slider-nav  .slick-track{
    display: flex;
    flex-direction: column;
}
.tpproduct-details__list-img-item.full-width .slider-nav.slick-initialized .slick-slide {
    width: 175px!important;
    margin-bottom: 3px;
}
.carousel-sec { padding-left: 30px; padding-right: 30px}
.prod-prems-item {
    background: #F5F6F7;
    height: 133px;
    margin-bottom: 8px;
    font-size: 14px;
    padding: 20px;
    padding-left: 133px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.prod-prems-item:last-child { margin-bottom: 0}
.prod-prems-item span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
}
.prod-prems-item img {position: absolute; left: 20px; top:20px;    width: 93px;}
.sostav-bl.mb-20 {margin-bottom: 20px}
.sostav-bl.mb-20 .gender-group .radio-option label  {padding: 6px 5px; min-width: 38px}
.sostav-bl.mb-20 .gender-group  { margin: 0}
.subs-period {margin-top: 20px;    font-size: 18px;

    font-weight: 700;}
.subs-period-item {background: #F5F6F7; padding: 12px 20px; margin-bottom: 5px}
.subs-period.cart-send input[type="radio"]:checked + label { color: #FF5D02}
.subs-off-info { background: #F5F6F7; padding: 30px; border-left:4px solid #000; margin-bottom: 10px; position: relative}
.subs-off-info p { font-size: 14px; color: #8D8D8D;    margin-bottom: 5px;}
.subs-off-info p.mb-0{ margin-bottom: 0}
.subs-off-info p b{font-size: 18px; color: #000}
.subs-off-info a { position: absolute; right: 30px;top:35px}
.subs-off .subs-left-info h1 {font-size: 28px;}
.subs-off .subs-atten {padding: 0; background: none; border: none; font-size: 16px}
.subs-off .subs-img img {height: 251px;}
.subs-off .subs-left-info  {height: 164px;}
.subs-off .subs-right .subs-item {height: 135px;}

.subs-on-info { background: #F5F6F7; padding: 30px; border-left:4px solid #FF5D02; margin-bottom: 10px; position: relative; display: flex; align-items: center; justify-content: space-between;    padding-right: 80px;}
.subs-on-name img { width: 100px; margin-right: 30px}
.subs-on-name { font-size: 18px; color: #FF5D02;    width: 500px;min-width: 500px;max-width: 500px;    display: flex;align-items: center;}
.subs-on-name span { display: block;font-size: 14px; color: #8D8D8D; width: 100% }
.subscription-price-info { color: #8D8D8D; font-size: 14px; margin-left: 10px;}
.subscription-price-info span { color: #65382A; margin-right: 10px; padding: 4px 10px; background: #F5F6F7 }
.subscription-price-info span img {    margin-top: -2px;margin-left: 3px;}

.beforepaypage .product-prev-btns {display: none}
.beforepaypage .tpratingitem__title  {text-align: left; height: 38px}
.beforepaypage .tpproduct__thumb  {margin-bottom: 10px}
.beforepaypage .tpratingitem__content {padding-left: 0;}
.beforepaypage .swiper-container  { margin-bottom: 30px}
.thanks-page.beforepaypage { padding-left: 140px; padding-right: 140px; padding-bottom: 30px; padding-top: 40px}
.thanks-page.beforepaypage .thnks-btns { margin-bottom: 0}
.thanks-page.beforepaypage .tpproduct__thumb__img img {    width: 190px;
    height: 190px;
    object-fit: cover;}
.thanks-page.beforepaypage  .order-active .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.desc-shipp { color: #8D8D8D; font-size: 14px}
.shipp-bl.subs-atten { background: #F5F6F7}
.tpcart__empty {padding: 0 30px}

.table .add-info {
    font-size: 18px;
    font-weight: 500;
}

.table td {
    padding: 18px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .shop-left-right {
        margin-left: 0;
        margin-right: 0;
    }
}

.tp-comments-title {
    font-size: 24px;
}
@media (max-width: 767px) {
    .tp-comments-title {
        font-size: 18px;
    }
}

.tp-content-tab p {
}
.tp-content-tab ul { margin-left: 40px; margin-bottom: 20px}
.pro-submit {
    background-color: var(--tp-text-primary);
    color: #fff;
}

@media (max-width: 767px) {
    .tprelated__arrow {
        justify-content: start !important;
    }
}
.tprelated__arrow i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    background-color: var(--tp-grey-2);
    border-radius: 6px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tprelated__arrow i:hover {
    background-color: var(--tp-text-primary);
    color: #fff;
}
.tprelated__prv {
    margin-right: 15px;
}

.related-product-border {
    border-top: 1px solid var(--tp-border-1);
}

.comments-text {
    width: 100%;
}

/*----------------------------------------*/
/*  20. CART CSS START
/*----------------------------------------*/
.table-content table {
    background: #fff;
    border-color: var(--tp-border-1);
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
}
.table-content table.table > :not(:first-child) {
    border-top: 0;
}

.table-content .table > :not(:last-child) > :last-child > * {
    border-bottom-color: var(--tp-border-1);
}

.table-content .product-quantity {
    float: none;
}

.table-content table td.product-name {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.table-content table td.product-name a:hover {
    color: var(--tp-text-primary);
}

.table-content table td {
    border-top: medium none;
    padding: 20px 10px;
    vertical-align: middle;
    font-size: 16px;
}

.table-content table th,
.table-content table td {
    border-bottom: 1px solid var(--tp-border-1);
    border-right: 1px solid var(--tp-border-1);
}

.product-quantity input {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid var(--tp-border-1);
}

.table td,
.table th {
    border-top: 1px solid var(--tp-border-1);
}

.product-quantity > input {
    width: 80px;
    border-radius: 3px;
}

.table-content table td.product-subtotal {
    font-size: 16px;
}

.table-content table td .cart-plus-minus {
    float: none;
    margin: 0 auto;
}

.coupon-all {
    margin-top: 50px;
}

.coupon {
    float: left;
}

@media (max-width: 767px) {
    .coupon {
        float: none;
    }
}
#coupon_code {
    height: 52px;
    border: 1px solid var(--tp-border-1);
    padding: 0 15px;
    margin-right: 10px;
    border-radius: 8px;
}

@media (max-width: 767px) {
    #coupon_code {
        margin-bottom: 15px;
    }
}
.coupon2 {
    float: right;
}

@media (max-width: 767px) {
    .coupon2 {
        float: none;
        margin-top: 15px;
    }
}
.cart-page-total {
    padding-top: 50px;
}

.cart-page-total > h2 {
    font-size: 25px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.cart-page-total > ul {
    border: 1px solid var(--tp-border-1);
}

.cart-page-total > ul > li {
    list-style: none;
    font-size: 15px;
    color: #6f7172;
    padding: 10px 30px;
    border-bottom: 1px solid var(--tp-border-1);
    font-weight: 400;
}

.cart-page-total ul > li > span {
    float: right;
}

.cart-page-total li:last-child {
    border-bottom: 0;
}

td.product-thumbnail img {
    width: 125px;
}

.product-quantity .cart-plus, .product-quantity .cart-minus {
    width: 25px;
    height: 30px;
    border: 1px solid var(--tp-border-1);
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
}
.product-quantity .cart-plus:hover, .product-quantity .cart-minus:hover {
    cursor: pointer;
    color: #fff;
    background: var(--tp-text-primary);
    border-color: var(--tp-text-primary);
}

.cart-input {
    height: 30px;
    width: 32px;
    text-align: center;
    font-size: 14px;
    border: none;
    border-top: 2px solid var(--tp-border-1);
    border-bottom: 2px solid var(--tp-border-1);
    display: inline-block;
    vertical-align: middle;
    margin: 0 -3px;
    padding-bottom: 0;
}

.tp-wish-cart {
    min-width: 150px;
}

/* Checkout */
.coupon-accordion h3 {
    background-color: #f6f6f6;
    border-top: 3px solid rgba(213, 18, 67, 0.3);
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 25px;
    padding: 1em 2em 1em 3.5em;
    position: relative;
    width: auto;
}

.coupon-accordion h3::before {
    content: "\f07b";
    left: 15px;
    top: 13px;
    position: absolute;
    color: #6f7172;
    font-weight: 700;
}

.coupon-accordion span {
    color: #6f7172;
    cursor: pointer;
    transition: 0.3s;
    font-weight: 500;
}

.coupon-accordion span:hover, p.lost-password a:hover {
}

.coupon-content {
    border: 1px solid #eaedff;
    display: none;
    margin-bottom: 20px;
    padding: 30px;
}

.coupon-info p.coupon-text {
    margin-bottom: 15px;
}

.coupon-info p {
    margin-bottom: 0;
}

.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
    display: block;
    color: #6f7172;
}

.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
    color: red;
    font-weight: 700;
}

.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
    border: 1px solid #eaedff;
    height: 45px;
    margin: 0 0 14px;
    max-width: 100%;
    padding: 0 0 0 10px;
    width: 100%;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.coupon-info p.form-row-first input:focus, .coupon-info p.form-row-last input:focus {
    border-color: var(--tp-text-primary);
}

.coupon-info p.form-row input[type=submit]:hover, p.checkout-coupon input[type=submit]:hover {
    background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type=checkbox] {
    position: relative;
    top: 2px;
    transform: translateY(-3px);
}

.form-row > label {
    margin-top: 15px;
    margin-left: 15px;
    color: #6f7172;
}

.buttons-cart input, .coupon input[type=submit], .buttons-cart a, .coupon-info p.form-row input[type=submit] {
    background: #252525 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    padding: 0 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

p.lost-password {
    margin-top: 15px;
}

p.lost-password a {
    color: #6f6f6f;
}

p.checkout-coupon input[type=text] {
    height: 45px;
    padding: 0 15px;
    width: 100%;
    border: 1px solid #eaedff;
    margin-bottom: 15px;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
p.checkout-coupon input[type=text]:focus {
    border-color: var(--tp-text-primary);
}

.coupon-checkout-content {
    display: none;
}

.checkbox-form h3 {
    border-bottom: 1px solid #eaedff;
    font-size: 26px;
    margin: 0 0 20px;
    padding-bottom: 10px;
    width: 100%;
}

.country-select {
    margin-bottom: 30px;
    position: relative;
}

.country-select select {
    width: 100%;
    background-color: transparent;
    border: 1px solid #eaedff;
    padding: 0 10px;
    height: 50px;
}

.country-select label, .checkout-form-list label {
    color: #6f7172;
    display: block;
    margin: 0 0 5px;
}

.country-select label span.required, .checkout-form-list label span.required {
    color: red;
}

.country-select .nice-select {
    border: 1px solid #eaedff;
    height: 45px;
    padding-left: 10px;
    width: 100%;
    color: #6f7172;
    margin-bottom: 20px;
}

.country-select .nice-select .list {
    width: 100%;
}

.checkout-form-list {

    margin-bottom: 30px;
}

.checkout-form-list label {
    color: #6f7172;
}

.checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email] {
    background: #ffffff;
    border: 1px solid #eaedff;
    border-radius: 0;
    height: 45px;
    padding: 0 0 0 10px;
    width: 100%;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.checkout-form-list input[type=text]:focus, .checkout-form-list input[type=password]:focus, .checkout-form-list input[type=email]:focus {
    border-color: var(--tp-text-primary);
}

.checkout-form-list input[type=text]::-moz-placeholder,
.checkout-form-list input[type=password]::-moz-placeholder,
.checkout-form-list input[type=email]::-moz-placeholder {
    color: #6f7172;
    opacity: 1;
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
    color: #6f7172;
    opacity: 1;
}

.checkout-form-list input[type=checkbox] {

    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 1px;
    transform: translateY(-3px);
}

.create-acc label {
    color: #6f7172;
    display: inline-block;
}

.create-account {
    display: none;
}

.ship-different-title h3 label {
    display: inline-block;
    margin-right: 20px;
    color: #6f7172;
}

.order-notes textarea {
    border: 1px solid #eaedff;
    height: 120px;
    padding: 15px;
    width: 100%;
    outline: 0;
    resize: none;
}

.order-notes textarea:focus {
    border-color: var(--tp-text-primary);
}

.order-notes textarea::-moz-placeholder {
    color: #6f7172;
    opacity: 1;
}

.order-notes textarea::placeholder {
    color: #6f7172;
    opacity: 1;
}

#ship-box-info {
    display: none;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-default > .panel-heading {
    border-radius: 0;
}

.your-order {
    padding: 30px 40px 45px;
    border: 3px solid rgba(213, 18, 67, 0.3);
}

@media (max-width: 767px) {
    .your-order {
        padding: 15px;
    }
}
.your-order h3 {
    border-bottom: 1px solid #eaedff;
    font-size: 30px;
    margin: 0 0 20px;
    padding-bottom: 10px;
    width: 100%;
}

.your-order-table table {
    background: none;
    border: 0;
    width: 100%;
}

.your-order-table table th, .your-order-table table td {
    border-bottom: 1px solid #eaedff;
    border-right: medium none;
    color: #6f7172;
    font-size: 14px;
    padding: 15px 0;
    text-align: left;
}

@media (max-width: 767px) {
    .your-order-table table th, .your-order-table table td {
        padding-right: 10px;
    }
}
.your-order-table table th {
    border-top: medium none;
    color: #6f7172;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    width: 250px;
}

.panel-body > p {
    color: #222;
}

.your-order-table table .shipping ul li {
    list-style: none;
}

.your-order-table table .shipping ul li input {
    position: relative;
    top: 2px;
}

.your-order-table table .shipping ul li label {
    color: #6f7172;
}

.your-order-table table .shipping th {
    vertical-align: top;
}

.your-order-table table .order-total th {
    border-bottom: 0;
    font-size: 14px;
}

.your-order-table table .order-total td {
    border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
    background: #F9F9F9;
}

.your-order-table table tr.order-total td span {
    font-size: 18px;
    font-weight: 500;
}

.payment-method {
    margin-top: 40px;
}
.payment-method .accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.payment-method .accordion-item {
    background-color: #fff;
    border: 0;
}
.payment-method .accordion-button {
    font-size: 16px;
    font-weight: 500;
    padding: 23px 0;
    border: none;
}
.payment-method .accordion-button:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.payment-method .accordion-button::after {
    position: absolute;
    content: "\f067";
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 400;
    margin-left: 0;
    background-image: none;
}
.payment-method .accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
    content: "\f068";
}
.payment-method .accordion-body {
    padding: 8px 0;

    padding-bottom: 40px;
}
.payment-method .accordion-collapse {
    border: none;
}

.panel-title > a {
    display: block;
}

.order-button-payment input {
    background: #232323 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    height: 40px;
    margin: 0 0 0;
    padding: 0;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.order-button-payment input:hover {
    background: #3e976c none repeat scroll 0 0;
}

.payment-method .btn-link {
    background: no-repeat;
    border: medium none;
    border-radius: 0;
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 0;
    padding: 3px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
}

.payment-method .card {
    background-color: #ffffff;
    border: 1px solid #eaedff;
    border-radius: 0;
    margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
    border: 1px solid #eaedff;
}

.card-header:first-child {
    border-radius: 0;
}

.payment-method .card-header {
    background-color: #ffffff;
    border-bottom: 1px solid #eaedff;
}

/*----------------------------------------*/
/*  21. LOCATION CSS START
/*----------------------------------------*/
.tpshop__location {
    border: 1px solid var(--tp-border-1);
    border-radius: 6px;
}
@media (max-width: 767px) {
    .tpshop__location {
        border-radius: 6px;
    }
}
.tpshop__content {
    padding: 10px 50px;
}
@media (max-width: 767px) {
    .tpshop__content {
        padding: 20px 12px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tpshop__content {
        padding: 5px 20px;
    }
}
.tpshop__info ul li {
    list-style: none;
    position: relative;
    padding-left: 28px;
    margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpshop__info ul li {
        margin-bottom: 7px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpshop__info ul li {
        margin-bottom: 10px;
    }
}
.tpshop__info ul li:last-child {
    margin-bottom: 0;
}
.tpshop__info ul li a {
    font-size: 16px;
    font-weight: 400;
    display: block;
    color: var(--tp-text-secondary);
    line-height: 26px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpshop__info ul li a {
        font-size: 14px;
        line-height: 24px;
    }
}
.tpshop__info ul li a:hover {
    color: var(--tp-text-primary);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tpshop__info ul li a br {
        display: none;
    }
}
.tpshop__info ul li span {
    font-size: 16px;
    font-weight: 400;
    display: block;
    color: var(--tp-text-secondary);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpshop__info ul li span {
        font-size: 14px;
        line-height: 24px;
    }
}
.tpshop__info ul li i {
    position: absolute;
    top: 8px;
    left: 0;
    color: var(--tp-text-body);
    font-size: 14px;
}
.tpshop__thumb img {
    width: 100%;
}
.tpshop__title {
    font-size: 18px;
    font-weight: 600;
    color: var(--tp-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpshop__title {
        font-size: 16px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tpshop__title {
        font-size: 16px;
        margin-bottom: 7px;
    }
}
.tpshop__location-map {
    height: 500px;
}
.tpshop__location-map iframe {
    width: 100%;
    height: 100%;
}
.tpshop__search {
    position: relative;
}
.tpshop__search form {
    position: relative;
}
.tpshop__search form input {
    height: 60px;
    width: 100%;
    border: 1px solid var(--tp-border-1);
    border-radius: 6px;
    padding: 5px 240px 5px 30px;
}
@media (max-width: 767px) {
    .tpshop__search form input {
        font-size: 12px;
        padding: 5px 150px 5px 15px;
        height: 48px;
    }
}
.tpshop__search form input::placeholder {
    font-size: 14px;
    color: var(--tp-grey-9);
}
.tpshop__search button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: var(--tp-text-primary);
    border-radius: 0 6px 6px 0;
    padding: 17px 32px;
}
@media (max-width: 767px) {
    .tpshop__search button {
        font-size: 12px;
        padding: 10px 10px;
    }
}
.tpshop__search button i {
    margin-left: 10px;
}

.tpcontact__right {
    margin-right: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tpcontact__right {
        margin-right: 20px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tpcontact__right {
        margin-right: 0;
    }
}
.tpcontact__shop {
    border: 1px solid var(--tp-border-1);
    border-radius: 6px;
    padding: 45px 35px 45px 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tpcontact__shop {
        padding: 45px 15px 45px 15px;
    }
}
.tpcontact__shop .tpshop__title {
    font-size: 26px;
    font-weight: 600;
}
.tpcontact__title {
    font-size: 26px;
    font-weight: 600;
    color: var(--tp-text-body);
    margin-bottom: 0;
}
.tpcontact__info p {
    font-size: 14px;
    color: var(--tp-text-secondary);
}
.tpcontact__input input, .tpcontact__input textarea {
    height: 60px;
    width: 100%;
    padding: 5px 20px;
    border: 1px solid var(--tp-border-1);
    border-radius: 6px;
}
.tpcontact__input input:focus, .tpcontact__input textarea:focus {
    border: 1px solid var(--tp-text-primary);
    outline: 0;
}
.tpcontact__input input::placeholder, .tpcontact__input textarea::placeholder {
    font-size: 16px;
    color: var(--tp-text-secondary);
}
.tpcontact__input textarea {
    height: 240px;
    padding: 25px;
}
.tpcontact__support a {
    display: block;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid var(--tp-border-1);
    border-radius: 6px;
    padding: 16px 5px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin-bottom: 10px;
}

.tpcontact__support a:hover {
    background-color: var(--tp-text-primary);
    color: #fff;
    border: 1px solid var(--tp-text-primary);
}
.tpcontact__support a:hover i {
    color: #fff;
}
.tpcontact__support a i {
    color: var(--tp-text-primary);
    margin-left: 14px;
}

.tperror__title {
    font-size: 48px;
    font-weight: 600;
    color: var(--tp-text-body);
}
.tperror__content p {
    font-size: 18px;
    font-weight: 400;
    color: var(--tp-text-secondary);
    margin-bottom: 40px;
}

.tp-error-btn i {
    margin-right: 15px;
}

/*----------------------------------------*/
/*  22. SIGN CSS START
/*----------------------------------------*/
.tpsign__account {
    margin-bottom: 18px;
}
.tpsign__account a {
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    color: var(--tp-text-body);
}
.tpsign__account a:hover {
    color: var(--tp-text-primary);
}
.tpsign__remember .form-check-input {
    border: none;
    background-color: #fff;
}
.tpsign__remember .form-check-input:checked {
    background-color: var(--tp-text-primary);
    border-color: transparent;
}
.tpsign__remember .form-check-input:focus {
    outline: 0;
    box-shadow: none;
}
.tpsign__remember .form-check-input[type=checkbox] {
    border-radius: 0;
    height: 15px;
    width: 15px;
    transform: translateY(2px);
}
.tpsign__remember .form-check-label {
    font-size: 14px;

    color: var(--tp-text-secondary);
}
.tpsign__pass a {
    font-size: 14px;
    color: var(--tp-text-body);
    text-decoration: underline;
}
.tpsign__reg {
    background-color: #f3eee7;
    color: #000;
}
.tpsign__reg:hover {
    color: #fff;
    background-color: var(--tp-text-body);
}

/*----------------------------------------*/
/*  23. COMING-SOON CSS START
/*----------------------------------------*/
.tpcoming__bg {
    background-repeat: no-repeat;
}
.tpcoming__area {
    padding-top: 80px;
    padding-bottom: 280px;
}
.tpcoming__countdown {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tpcoming__countdown span.cdown {
    background-color: transparent;
    height: 100%;
    width: 60px;
    text-align: center;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    margin-right: 85px;
    margin-bottom: 40px;
}
.tpcoming__countdown span p {
    margin-top: 10px;
    color: #fff;
}
.tpcoming__content {
    padding-top: 280px;
}
.tpcoming__content span {
    margin-bottom: 5px;
    display: inline-block;
    font-size: 18px;
    color: #fff;
}
.tpcoming__title {
    font-weight: 600;
    color: #fff;
    font-size: 48px;
}
.tpcoming__submit form {
    position: relative;
}
.tpcoming__submit form input {
    height: 60px;
    width: 100%;
    border: none;
    padding: 5px 200px 5px 55px;
}
.tpcoming__submit form input::placeholder {
    font-size: 14px;
    color: var(--tp-text-secondary);
}
.tpcoming__submit span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
}
.tpcoming__submit button {
    position: absolute;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--tp-text-primary);
    padding: 17px 20px;
}
.tpcoming__submit button i {
    margin-left: 11px;
}

/*----------------------------------------*/
/*  24. FOOTER CSS START
/*----------------------------------------*/
.footer-content p {
    color: var(--tp-text-secondary);
    font-size: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .footer-content p br {
        display: none;
    }
}

.footer-widget__title {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 600;
}
.footer-widget__links ul li {
    list-style: none;
    margin-bottom: 12px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-widget__links ul li {
        margin-bottom: 8px;
    }
}
.footer-widget__links ul li:last-child {
    margin-bottom: 0;
}
.footer-widget__links ul li a {
    font-size: 18px;
    font-weight: 400;
    color: var(--tp-text-secondary);
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-widget__links ul li a {
        font-size: 15px;
    }
}
.footer-widget__links ul li a:hover {
    padding-left: 3px;
    color: var(--tp-text-primary);
}
.footer-widget__links ul li a:hover i {
    color: var(--tp-text-primary);
}
.footer-widget__links ul li a i {
    color: var(--tp-text-body);
    font-size: 18px;
    width: 35px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-widget__links ul li a i {
        font-size: 14px;
        width: 25px;
    }
}
.footer-widget__newsletter input {
    height: 50px;
    width: 370px;
    border: none;
    padding: 0 28px;
    margin-bottom: 10px;
    border-radius: 6px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .footer-widget__newsletter input {
        width: 320px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .footer-widget__newsletter input {
        width: 280px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
    .footer-widget__newsletter input {
        width: 100%;
    }
}
.footer-widget__newsletter input::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}

.main-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;}
.footer-copyright__links a { color: #fff; display: block;    font-size: 14px;}

.botmenu { }
.botmenu a {  color: #fff; margin-right: 60px;}
.botphones a {color: #fff; font-size: 20px; font-weight: 600;}
.botphones {display: flex; gap: 24px; align-items: center;justify-content: space-between;}
.botmail a {color: #fff; font-size: 16px;}
.botsocial a {}
.bot-addr { color: #fff}
.bot-addr .addr-item a {  margin-bottom: 5px;    display: block;}
.bot-addr .addr-item { margin-right: 30px}
.bot-socials {gap:10px}
.footer-callback {
    position: absolute;
    right: 30px;
    bottom: 0;
    z-index: 1;
    width: 243px;
    display: flex;
    justify-content: center;
    text-align: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 243 90'%3E%3Cpath fill-rule='evenodd' d='M164.965 13.1775L153.521 28.4225C150.696 27.548 147.82 26.788 144.899 26.1479L142.573 6.94375C142.093 2.9806 138.732 0 134.742 0H108.431C104.441 0 101.08 2.9806 100.6 6.94375L98.2733 26.1479C95.3527 26.788 92.4769 27.548 89.6514 28.4225L78.2078 13.1775C76.5818 11.0114 74.0327 9.90106 71.4824 10.0349C69.9985 9.9531 68.4792 10.2893 67.1087 11.0811L45.0575 23.8205C41.6024 25.8166 40.1806 30.0797 41.7451 33.7521L49.3346 51.5663C47.0541 53.652 44.8647 55.8357 42.7729 58.1106L25.579 50.7761C24.4359 50.2885 23.2357 50.0908 22.0644 50.1541C19.1714 49.9976 16.3281 51.4512 14.8052 54.0906L2.07396 76.1559C0.0791655 79.6132 0.978024 84.0166 4.16796 86.4142L19.6195 98.0277C18.6548 101.075 17.8233 104.182 17.1319 107.341L-2.0607 109.669C-6.02131 110.149 -9 113.513 -9 117.505V142.984C-9 146.976 -6.02131 150.34 -2.0607 150.82L17.1319 153.148C17.8235 156.307 18.6551 159.415 19.6201 162.463L4.16796 174.077C0.978024 176.474 0.0791655 180.878 2.07396 184.335L14.8052 206.4C16.8 209.857 21.0604 211.28 24.7304 209.715L42.5358 202.119C44.6991 204.487 46.9679 206.758 49.3346 208.922L41.7435 226.74C40.179 230.413 41.6008 234.676 45.0559 236.672L67.1071 249.411C70.5621 251.407 74.9627 250.508 77.3587 247.316L88.967 231.852C92.0121 232.817 95.1165 233.649 98.2733 234.341L100.6 253.545C101.08 257.508 104.441 260.489 108.431 260.489H134.742C138.732 260.489 142.093 257.508 142.573 253.545L144.899 234.341C148.056 233.649 151.161 232.817 154.206 231.852L165.814 247.316C168.21 250.508 172.611 251.407 176.066 249.411L198.117 236.672C201.572 234.676 202.994 230.413 201.429 226.74L193.838 208.922C196.205 206.758 198.474 204.487 200.637 202.119L218.442 209.715C222.112 211.28 226.373 209.857 228.368 206.4L241.099 184.335C243.094 180.878 242.195 176.474 239.005 174.077L223.553 162.463C224.518 159.415 225.349 156.307 226.041 153.148L245.233 150.82C249.194 150.34 252.173 146.976 252.173 142.984V117.505C252.173 113.513 249.194 110.149 245.233 109.669L226.041 107.341C225.349 104.182 224.518 101.075 223.553 98.0277L239.005 86.4142C242.195 84.0166 243.094 79.6132 241.099 76.1559L228.368 54.0906C226.845 51.4512 224.001 49.9976 221.108 50.1541C219.937 50.0908 218.737 50.2885 217.594 50.7761L200.4 58.1106C198.308 55.8357 196.119 53.652 193.838 51.5663L201.428 33.7521C202.992 30.0797 201.57 25.8166 198.115 23.8205L176.064 11.0811C174.694 10.2893 173.174 9.9531 171.69 10.0349C169.14 9.90106 166.591 11.0114 164.965 13.1775Z' fill='white'/%3E%3C/svg%3E");
    height: 90px;
    background-size: cover;
}
.footer-callback a {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    display: block;
    padding-top: 46px;
    width: 243px;
    line-height: 1.2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .footer-col-2 {
        margin-left: 0;
    }
}

.footer-col-4 {
    margin-left: -20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-col-4 {
        margin-left: -8px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .footer-col-4 {
        margin-left: 0;
    }
}

.footer-col-5 {
    margin-left: -30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .footer-col-5 {
        margin-left: 0;
    }
}
.footer-col-5 p {
    font-size: 18px;
    color: var(--tp-text-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-col-5 p {
        font-size: 15px;
    }
}



.footer-copyright {
    padding: 32px 30px;
    padding-right: 250px;
    position: relative;
}
.footer-copyright__content span {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
    line-height: 1.3;
    display: block;
}
@media (max-width: 767px) {
    .footer-copyright__content span {
        display: block;
        margin-bottom: 12px;
    }
}
.footer-copyright__content span a {
    font-size: 16px;
    font-weight: 700;
    color: var(--tp-text-body);
}
.footer-copyright__content span a:hover {
    color: var(--tp-text-primary);
}
.footer-copyright__brand {
    margin-top: 32px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 60px;
}
.footer-copyright__brand a {color: #fff; }
.footer-copyright__brand a img { margin-left: 10px}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
    .footer-copyright__brand {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .footer-copyright__brand img {
        max-width: 100%;
    }
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-4-col-4 {
        margin-left: 0;
    }
}


/* Альтернатива: непрерывная циклическая анимация */
.gear-large-continuous {
    animation: rotateClockwiseThenCounter 8s infinite ease-in-out;
    transform-origin: 92px 89px;
}

.gear-small-continuous {
    animation: rotateCounterThenClockwise 8s infinite ease-in-out;
    transform-origin: 92px 89px;
}

.gear-large-continuous2 {
    animation: rotateClockwiseThenCounter 8s infinite ease-in-out;
    transform-origin: 258.427px 149px;
}

.gear-small-continuous2 {
    animation: rotateCounterThenClockwise 8s infinite ease-in-out;
    transform-origin: 258.427px 149px;
}

@keyframes rotateClockwiseThenCounter {
    0% {
        transform: rotate(0deg);
    }
    40% {
        transform: rotate(360deg);
    }
    60% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes rotateCounterThenClockwise {
    0% {
        transform: rotate(0deg);
    }
    40% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width:1416px; max-width:1416px}
img {max-width:100%}
.modal-dialog { max-width:1040px}
.modal-content { border:none;  padding: 40px; border-radius:0}
.modal .three-active .stickers {display: none}
.addmodal .btn-close, .callmodal .btn-close {right: 30px}
.modal#addtowish .modal-dialog { margin-top: 0}
.modal#addtowish .modal-content {flex-direction: row;      align-items: center;   justify-content: start;gap: 30px;    padding: 10px;background: #000;}
.modal#addtowish .modal-content .addtocart_img img {width: 80px; height: 80px; border-radius: 0}
.modal#addtowish .modal-content .addtocart_html {font-size: 18px;  font-weight: 400;    margin: 0;    color: #fff;}
.modal#addtowish .modal-content .addtocart_img {width: 80px; margin: 0}
.modal#addtowish .modal-content .modal-btns  { margin-top: 0; margin-left: 180px}
.modal#addtowish .modal-content .modal-btns a.modalcart {background: #FF5D02}
.modal#addtowish .modal-content  .addtocart_img:after {display: none;}
.modal#addtowish .btn-close {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.1465 0.146362C20.3418 -0.0488087 20.6583 -0.0488695 20.8535 0.146362C21.0486 0.341609 21.0486 0.658187 20.8535 0.853394L11.207 10.4999L20.8535 20.1464C21.0486 20.3416 21.0486 20.6582 20.8535 20.8534C20.6583 21.0486 20.3418 21.0485 20.1465 20.8534L10.5 11.2069L0.853516 20.8534C0.658317 21.0486 0.341762 21.0485 0.146484 20.8534C-0.0487778 20.6581 -0.0487778 20.3416 0.146484 20.1464L9.79297 10.4999L0.146484 0.853394C-0.0487778 0.658131 -0.0487778 0.341624 0.146484 0.146362C0.341754 -0.0488087 0.658284 -0.0488695 0.853516 0.146362L10.5 9.79285L20.1465 0.146362Z' fill='%239BA75C'/%3e%3c/svg%3e");
}
.modal-right {padding-left: 40px!important;}
.modal-right input[type="text"], .modal-right input[type="tel"], .modal-right input[type="email"] {
    background: #F5F6F7;
    border: none;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    height: 40px;
    padding: 10px 20px;
}
.modal-right textarea {
    background: #F5F6F7;
    border: none;
    display: block;
    width: 100%;
    height: 90px;
    padding: 10px 20px;
}
.modal-right  .agreebox label, .modal-right  .agreebox label a {color: #000}
.modal-right  .agreebox label:before {border:2px solid #000}
.modal-right p { margin-bottom: 40px}
.modal-left .product-prev-btns a  {display: none}
.modal-left .product-prev-btns .tpproduct-details__quantity {width: 100%}
.modal-right  .arnd-btn { margin-bottom: 20px}
.modal-left .product-prev-btns .tpproduct-details__quantity input {width: 50px}
.mod-h {font-size: 24px; font-weight: 500; margin-bottom: 20px;}
.mod-txt { margin-top: 20px; font-size: 16px}
.callmodal .modal-dialog { max-width:460px}
.callmodal .modal-content { background: none; padding: 0}
.callmodal .bot-form {height: auto}


.addtocart_html { text-align: center; font-size: 32px; font-weight: 700;  margin-top: 20px; margin-bottom: 10px}
.addcarttxt {font-size: 16px;text-align: center;}
.addtocart_img {
    text-align: center;
    position: relative;
    width: 95px;
    margin: 0 auto;}
.addtocart_img img { width: 95px; height: 95px; object-fit: cover; border-radius: 100%}
.addtocart_img:after {
    content: '';
    position: absolute;
    right: 2px;
    bottom: 4px;
    height: 27px;
    width: 26px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='13' cy='13.5979' r='13' fill='%239BA75C'/%3e%3cpath d='M9 12.0979L11.5 18.0979C12.5 16.0979 14.5 10.5979 18.5 8.0979' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");

}
.modal#addtocart, .modal#addtowish {margin-top: 50px}
.btn-close { position:absolute; right: 0}
.modal-content .dop-sales .tpplatiarrow {top:-8px}
.modal-content .dop-sales .tpratingitem__title {font-size: 14px}
.modal-content .dop-sales .tpproduct__thumb { margin-bottom: 10px}
.modal-content .dop-sales .stickers span  {margin-top: 1px}
.modal-btns { margin-top: 10px; text-align: center;  font-size: 18px; font-weight: 700;}
.modal-btns button {
    background: #fff;
    border-radius:10px;
    padding: 12px 20px;
}
.modal-btns a.modalcart {
    background: #000;
    color: #fff;
    border-radius:10px;
    padding: 12px 20px;
}
.dop-sales {margin-top: 40px}
.main-logo img { width: 100%}
header {padding-top: 8px}
.logotop { width: 14%}
.addrtop { width: 43%}
.iconstop { width: 43%;    background: #fff;}
.product-area, .seotop-area, .features-area, .info-area, .brands-area,  .testimonial-area { margin-bottom: 90px}
.about-area {margin-bottom: 50px;}
.category-area .container { }
.top-banner-desc { background: #F5F6F7; padding: 40px 30px;    border-bottom: 10px solid #FF5D02;}
.top-banner-desc h1, .top-banner-desc h2 { margin: 0;    font-weight: 800; font-size: 22px;min-width: 40%;}
.top-banner-info {    margin-top: -60px;position: relative;}
.about-text {background: #F5F6F7; padding: 30px; height: 338px;position: relative;}
.about-text h2 { margin-bottom: 20px}
.about-left img {width: 100%; height: 338px; object-fit: cover}
.about-right  .read-more  {
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.read-more a {
    background: #000;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    line-height: 1.3;
    display: block;}
.brand-text {background: #003569; height: 367px; padding: 30px; color: #fff;    display: flex;flex-direction: column;justify-content: space-between;}
.brand-text h2 { color: #fff}
.brands-left { width: 20%}
.brands-right{ width: 80%}
.brand-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
}
.brand-list a img { width: 100%;mix-blend-mode: Luminosity;}
.seo-area,  .testimonial-area {padding-left: 30px; padding-right: 30px;}
.seo-header { background: #F5F6F7; margin-bottom: 8px; height: 120px; padding: 30px; position: relative; padding-left: 260px;}
.seo-header h2{ width: 416px; min-width: 416px; max-width: 416px;margin: 0;}
.seo-header:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 292px;
    height: 209px;
    background: url("/assets/img/bot-icon.png") center no-repeat;
}
.slider-area { margin-bottom: 30px; margin-top: 10px}
.slider-area img {width: 100%}
.holiday-active .swiper-slide { display: flex;    flex-wrap: wrap; gap: 0 5px }
.holiday-active .tpratingitem.tpproduct { width: 49.6%; min-width: 49.6%; max-width: 49.6%;  margin-bottom: 20px;}
.holiday-area { margin-bottom: 40px}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .row-cols-xxl-4>*{ padding: 0 4px;}
.row { margin-left: -4px; margin-right: -4px;}
.foot-right { width: 15%}
.foot-left { width: 20%;    padding-top: 20px;}
.foot-mid { width: 65%;    padding-left: 190px;}
.infoblock { height: 205px; background: #F5F6F7; padding: 30px;    padding-left: 140px; position: relative}
.infoblock .read-more { margin-top: 20px}
.infoblock .read-more a {
    background: #fff;
    padding: 11px 20px;
    border-radius:10px;

    font-size: 18px;
    font-weight: 700;
    color: #000;
    display: inline-block;
    line-height: 1;
}
.infoblock svg, .infoblock img {
    position: absolute;
    top:30px;
    left: 30px;
}
.info-area .infoblock {height: 228px; padding-left: 220px}
.footer-area {background: #000; margin-top: 60px; padding-top: 60px}
.dop-cat {
    border-top: 1px solid #F5F6F7;
    border-bottom: 1px solid #F5F6F7;
    margin-top: 30px;
    padding-top: 30px;
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 30px}
.dop-cat a {
    background: #F5F6F7;
    height: 32px;
    display: inline-block;
    border-radius: 30px;
    padding: 6px 15px;
    margin-right: 10px;
}

.seotop-area { margin-top: 30px; padding-top: 30px; border-top:1px solid #F5F6F7}
.seotop-area h1 { color: #8D8D8D; font-size: 31px;    font-weight: 400;}
.seotop-area p a { text-decoration: underline}
h3.accordion-header {
    font-size: 22px;
}

h3.accordion-header button {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    padding: 30px;
    background: #F5F6F7;
    border: none!important;
    border-radius: 4px!important
}

.accordion-item {
    border: none!important;
    border-radius: 0!important;
    margin-bottom: 5px;
    position: relative
}

.accordion-item:after {

}

.accordion-item:before {

}

.accordion {
}

.accordion-button:not(.collapsed) {
    color: #000;
    background: #fff;
    box-shadow: none;
    border-radius: 0 0 0 0 !important;
}

.accordion-button {
    color: #000;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
    padding: 9px 30px
}

.accordion-body {
    background: #fff;
    padding: 20px 30px;
    padding-top: 0;
    border-radius: 0 0 0 0;
}
.quality-faq .accordion-button {padding: 18px 30px}
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.9922 24.8455L21.9273 24.8455L19.8491 19.2387L17.6843 14L15 14L15 14.368L21.4294 29.2833L22.4685 29.2833L28.8329 14.368L28.8329 14L26.1702 14L23.9838 19.347L21.9922 24.8455Z' fill='%23003569'/%3E%3C/svg%3E");
    width: 44px;
    height: 44px;
    background-size: cover;
}

.accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.9922 24.8455L21.9273 24.8455L19.8491 19.2387L17.6843 14L15 14L15 14.368L21.4294 29.2833L22.4685 29.2833L28.8329 14.368L28.8329 14L26.1702 14L23.9838 19.347L21.9922 24.8455Z' fill='%23003569'/%3E%3C/svg%3E");
}
.bot-form {
    background: #003569;
    padding: 30px;
    position: relative;
    height: 590px;
    color: #fff;
}
.bot-form:after {
}
.bot-form input::placeholder, .bot-form textarea::placeholder {
    color: #8D8D8D;
    font-size: 16px;
}

.bot-form h3 { margin-bottom: 30px;    color: #fff; font-size: 30px; font-weight: 800}
.bot-form p {margin-bottom: 30px}
.bot-form input[type='text'], input[type='email'], input[type='tel'], input[type='password'] {
    width: 100%;
    background: #fff;
    border-radius: 0;
    height: 40px;
    margin-bottom: 5px;
    padding: 3px 15px;
    border:none
}
.bot-form textarea {
    width: 100%;
    background: #fff;
    border-radius: 0;
    height: 90px;
    margin-bottom: 30px;
    padding: 3px 15px;
    border:none
}
.bot-form input::placeholder { color: #8D8D8D}
.log-links { margin-top: 20px;  position: relative; z-index: 2}
.log-links a {text-decoration: underline}
.agreebox{position:relative;    margin-bottom: 10px;}
.agreebox label{position: relative;
    cursor: pointer;margin-bottom: 0;font-weight: 400;-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.agreebox input[type="checkbox"]:checked + label{border-color: #000;}
.agreebox label { padding-left: 28px;padding-top: 1px;cursor: pointer;font-size: 14px; line-height: 1.2; font-weight:400; color: #fff; }
.agreebox label a { color: #fff; border-bottom:1px solid}
.agreebox label a:hover {color: #FF5D02}
.agreebox label span {}
.agreebox label:before{
    position: absolute;
    left: 0;
    top: 0;
    height:16px;
    width: 16px;
    background: none;
    content: "";
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border:2px solid #fff}
.agreebox label:hover:before {border:2px solid #FF5D02}
.agreebox label:after {position: absolute;left: 0;top: 0;height: 8px;line-height: 8px;max-width: 0;font-size: 14px;color: #ffffff;font-weight: 800;overflow: hidden;background: transparent;text-align: center;-webkit-transition: max-width 500ms ease;-moz-transition: max-width 500ms ease;-ms-transition: max-width 500ms ease;-o-transition: max-width 500ms ease;transition: max-width 500ms ease;}
.agreebox input[type="checkbox"] {display: none;}
.agreebox input[type="checkbox"]:checked + label:before{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.9082 10.5049L10.4375 13.1807L17.0918 6.1416L18.9082 7.8584L11.3457 15.8584C11.1096 16.1082 10.7812 16.25 10.4375 16.25C10.0938 16.25 9.76541 16.1082 9.5293 15.8584L6.0918 12.2227L7 11.3633L7.9082 10.5049ZM24 0H0V24H24V0Z' fill='%23FF5D02'/%3E%3C/svg%3E");
    background-size: contain;    border: none;}
.agreebox input[type="checkbox"]:checked + label:after {max-width: 20px;opacity: 1;	}
.arnd-btn { margin-top:30px;
    z-index: 1;
    position: relative;}
.arnd-btn button { width:100%; text-align:center; border:none; background:#000; border-radius:0;
    color:#fff;
    font-size:18px;
    font-weight: 400;
    height: 60px;

}
.bot-form .arnd-btn button {height: 60px;    line-height: 1;}
.arnd-btn button:hover { background:#FF5D02; color:#fff;}
.category-short-list {
    margin-bottom: 0;
    gap:20px;
    border-bottom: 1px solid #F5F6F7;
    padding-bottom: 10px;
}
.category-short-list a {
    padding: 11px 0;
    color: #8D8D8D;
    border-bottom: 2px solid #fff;    order: 2;
}
.category-short-list a.active { color: #000;border-bottom: 2px solid #FF5D02;    order: 1;}
.seoblock {margin-top: 70px; color: #000; background: #F5F6F7; padding: 30px; margin-bottom: -90px}
.seoblock h2, .seoblock h3, .seoblock h4{color: #000; margin-bottom: 10px}
.seoblock ul { margin-left: 40px;margin-bottom: 20px;}
.seo-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to bottom, transparent, #F5F6F7);
    pointer-events: none;
    z-index: 1;
}

/* Кнопка "Подробнее" */
.seo-toggle-btn {
    display: block;
    color: #003569;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.3s;
    margin-top: 15px;
}

.seo-toggle-btn:hover {
    color: #000;
}
.address-selector {
    display: flex;
    align-items: center;
    gap: 20px;
}

.address-dropdown {
    position: relative;
    min-width: 200px;
}

.selected-address {
    padding: 11px 50px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    background: #F5F6F7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: border-color 0.3s;

    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.selected-address:before {
    content: '';
    position: absolute;
    left: 20px;
    top:10px;
    width: 20px;
    height: 21px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.37109 3.23674C8.98682 2.25549 11.0142 2.2554 12.6299 3.23674L15.9082 5.22404L15.9512 5.25334C17.2437 6.23718 18.0023 7.76956 18 9.39397V14.3588L17.999 14.5668C17.9405 16.7063 16.2144 18.4479 14.0508 18.5004H5.95117C3.78739 18.448 2.06056 16.7064 2.00195 14.5668V9.39397C1.99968 7.7694 2.75805 6.23717 4.05078 5.25334L4.09375 5.22404L7.37109 3.23674ZM12.1113 4.09123C10.8956 3.35276 9.3888 3.3065 8.13672 3.95256L7.88965 4.09123L4.64258 6.05901C3.60667 6.85384 2.99999 8.08653 3.00195 9.39299V14.5385C3.046 16.1497 4.34635 17.461 5.97559 17.5004H14.0264C15.6554 17.4608 16.956 16.1496 17 14.5385V9.39299C17.002 8.08643 16.3945 6.85384 15.3584 6.05901L12.1113 4.09123ZM12.3711 13.8705C12.6469 13.871 12.8711 14.0947 12.8711 14.3705C12.8709 14.6462 12.6468 14.8701 12.3711 14.8705H7.62988C7.35401 14.8704 7.13007 14.6464 7.12988 14.3705C7.12988 14.0945 7.35389 13.8707 7.62988 13.8705H12.3711Z' fill='%232B2A29'/%3e%3c/svg%3e");

}

.selected-address:hover {
    border-color: #007bff;
}

.selected-address::after {
    margin: 0;
    border: none;
    position: absolute;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='40' height='40' fill='%23F7F7F7'/%3e%3cpath d='M22.9893 16.5684C23.3976 16.6073 23.7521 16.8664 23.9121 17.2441C24.072 17.622 24.0122 18.0576 23.7559 18.3779L20.8896 22.168C20.7129 22.4163 20.4268 22.5634 20.1221 22.5635C19.8173 22.5635 19.5312 22.4163 19.3545 22.168L16.2217 18.3779C15.9652 18.0574 15.9052 17.6221 16.0654 17.2441C16.2258 16.8662 16.5805 16.6067 16.9893 16.5684H22.9893Z' fill='%232B2A29'/%3e%3c/svg%3e");
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 0 10px 10px 0;
    top: 0;
    content: '';
    transition: transform 0.3s;
}

.selected-address.active::after {
    transform: rotate(180deg);
}

.address-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #F5F6F7;
    border: none;
    border-radius: 10px;
    margin-top: 5px;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s;
    z-index: 1000;

    font-size: 18px;
    font-weight: 700;
}

.address-list.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.address-item {
    padding: 10px 20px;
    cursor: pointer;
    border-bottom: 1px solid #F5F6F7;
    transition: background-color 0.2s;
}

.address-item:hover {color: #FF5D02;}

.address-item:last-child {
    border-bottom: none;
}

.address-item:hover {
    background-color: #f8f9fa;
}

.address-item.active {
    background-color: #F5F6F7;
    color: #FF5D02;
}

.phone-block {

    font-size: 22px;
    font-weight: 700;
}
.filter-count {
    display: none;
    background: #000;
    color: white;
    border-radius: 100px;
    min-width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    animation: pulse 0.3s ease-in-out;
}

.filter-count.show {
    display: inline-block;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.product-prev-btns a.addtowishlist.added  {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.75' y='0.151489' width='40' height='40' rx='10' fill='white'/%3e%3cpath d='M21.0645 12.2592C23.7529 10.1087 27.6291 10.3238 30.0635 12.7582C32.5307 15.2258 32.7241 19.1886 30.3457 21.7797C28.7607 23.5062 26.8876 25.4485 25.1807 26.9623C24.3282 27.7182 23.5055 28.3777 22.7734 28.851C22.0669 29.3077 21.3554 29.6516 20.75 29.6517C20.1446 29.6517 19.4332 29.3077 18.7266 28.851C17.9945 28.3777 17.1718 27.7182 16.3193 26.9623C14.6124 25.4485 12.7393 23.5062 11.1543 21.7797C8.77564 19.1885 8.96912 15.2259 11.4365 12.7582C13.871 10.3239 17.7472 10.1085 20.4355 12.2592L20.75 12.5101L21.0645 12.2592Z' fill='%232B2A29'/%3e%3c/svg%3e");
}
.product-prev-btns a.addtowishlist.added svg { visibility: hidden}
.cartpage {
    margin-bottom: 70px;
}
.cartpage fieldset { margin-top: 40px; margin-bottom: 20px}
.cart-send input[type="radio"] {
    display: none;
}

.cart-send label {
    display: inline-block;
    margin: 5px 0;
    padding-left: 30px;
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease;
}

.cart-send label:hover {
}


/* Создаем кастомную радио-кнопку */
.cart-send label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    border-radius: 50%;
    transition: all 0.3s ease;
}

/* Зеленая точка при выборе */
.cart-send input[type="radio"]:checked + label::before {
    border-color: #FF5D02;
    background-color: #FF5D02;
    box-shadow: inset 0 0 0 3px white;
}

/* Черный фон для выбранного label */
.cart-send input[type="radio"]:checked + label {
}
.cartpage input[type="text"], .cartpage input[type='tel'] .cartpage input[type="date"], .cartpage select,
.cartpage input[type="email"]{
    position:relative;
    line-height:28px;
    display:inline-block;
    height:40px;
    width:100%;
    box-shadow:inherit;
    font-size:14px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    padding:10px 15px;
    color:#000;
    border: none;
    background:#fff;
    border-radius:10px;
    margin:0;}
.cartpage textarea {
    position:relative;
    line-height:28px;
    display:inline-block;
    height:90px;
    width:100%;
    box-shadow:inherit;
    font-size:14px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    padding:10px 15px;
    color:#000;
    border: none;
    background:#fff;
    border-radius:10px;
    margin:0;
}
.cartpage input[type='tel']  {color: #000}
.cartpage input[type="date"]::placeholder, .cartpage input[type="date"], input[type="date"] { color: #8D8D8D}
.cartpage input::placeholder,
.cartpage textarea::placeholder{color:#7A8996;font-size:16px;}
.cartpage select {color:#b3a8a1}
.cartpage .form-group { position: relative;}
.col-lg-4.cartright { padding-left:25px;}
.col-lg-8.cartleft { padding-right:15px;}
.cartpage .halfinput { width:49.7%;display: inline-block;position:relative;}
.cartpage .halfinput:last-child { margin-right:0;}
.nice-select .option[data-value="other"]{

    font-size: 16px;
}
.errorcart { position: absolute; color: #FF0000; font-size: 8px;  bottom: 8px; left: 30px;}
.item-quantity {
    width: 96px;
    position: relative;
    display: flex;    margin: 0 auto;
    align-items: baseline;
    justify-content: space-around;
}
.quantity-box .item-quantity .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    max-width: 144px;
    width: 16px;
    height: 16px;
    margin: 0 auto;
}
.quantity-box .item-quantity input {
    line-height: 16px;
    height: 16px;
    width: 16px !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #182E39;
    border-radius: 0;    margin: 0;
    background: none !important;
}
.product-quantity .cart-plus, .product-quantity .cart-minus {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
}
.sidebar-cartpage input[type="text"] {
    position:relative;
    line-height:28px;
    display:inline-block;
    height:40px;
    width:100%;
    box-shadow:inherit;
    font-size:14px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    padding:10px 15px;
    color:#000;
    border: none;
    background:#fff;
    border-radius:10px;
    margin:0;
}
.tpcart__item .tpproduct-details__quantity {
    width: 107px;
    display: flex;
    background: #2a2b29;
    border-radius: 10px;
}
.count-revs { margin-left:16px; color:#fff;     background-color: #82965B; padding:5px 12px; border-radius:100px;}
.cartpage .sec-title h1 {display: inline-block;margin-bottom: 10px;vertical-align: sub;}
.cart-act { margin-bottom:10px;}
.cart-act a{ font-size:16px; margin-left:32px; position:relative}
.cart-act a:hover {    color: #BE4006;}
.cart-act a:before {content: ''; position: absolute; height: 20px;width: 1px; background: #EFF0F1; left: -16px; top: 0;}
.prod-link a:hover svg path{fill: #BE4006}
.cart-act .form-group,  .cart-act .check-box { display:inline-block;    vertical-align: top;}
.prod-del a:hover svg path {fill: #d9d9d9}
.brands-list.cart-check  .form-group .check-box label { padding:0}
.brands-list.cart-check .cart-act .form-group .check-box label { padding-left:24px;}
.brands-list.cart-check .cart-act .form-group .check-box label:after {top:7px;}
.brands-list.cart-check .form-group .check-box label:before {top:16px;}
.brands-list.cart-check .cart-act .form-group .check-box label:before {top:3px;}
.brands-list.cart-check .form-group { margin-bottom:0}
.tovaritem {
    position:relative;
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:5px;
    background: #F5F6F7;
    padding-right: 30px;
}
.cartpage .tovaritem{  align-items: flex-start; }
.cartpage .tovaritem.disabled .prod-image img { opacity: 0.5}
.cartpage .tovaritem.disabled, .cartpage .tovaritem.disabled a, .cartpage .tovaritem.disabled span, .cartpage .tovaritem.disabled input{ cursor: not-allowed;  pointer-events: none;}
.cartpage .tovaritem.disabled .tpproduct-details__quantity .cart-minus svg rect , .cartpage .tovaritem.disabled .tpproduct-details__quantity .cart-plus svg rect {fill:#D7D7D7}
.cartpage .tovaritem.disabled .tpproduct-details__quantity {background: #d7d7d7;}
.cartpage .tovaritem.disabled .tpproduct-details__quantity:hover input { color: #fff!important}
.cartpage .tovaritem.disabled .prod-cart-btns input.tp-cart-input {background: #d7d7d7;}
.cartpage .tovaritem.disabled a:hover { color: #2a2b29}
.cartpage .tovaritem.disabled .prod-del-product,
.cartpage .tovaritem.disabled .prod-del-product a {
    pointer-events: auto;
    cursor: pointer;
}
.cartpage .prod-name-bl, .cartpage .prod-cart-btns {padding-top: 30px}
.tovaritem .tpproduct-details__quantity {
    width: 107px;
    display: flex;
    background: #2a2b29;
    border-radius: 10px;
}
.prod-cart-btns {
    align-items: center;
    display: flex;
    gap: 5px;
}
.prod-cart-btns input.tp-cart-input {
    padding: 0;
    background: #2a2b29;
    color: #fff;
}
.tovaritem .prod-image img {
    width: 200px;
    border-radius: 0;
    height: 200px;
    object-fit: cover;}
.tovaritem .price{position:relative; min-width:100px;margin-left:32px;}
.tovaritem .price span.oldprice{position:relative;color:#182E39;text-decoration:line-through;font-size:14px;opacity: 0.75;}
.tovaritem .price span.newprice { display:block; width:100%; font-weight:600; font-size:16px;}
.tovaritem .off-tag {
    position: absolute;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    color: #82965B;
    line-height: 1.6em;
    margin-left: 6px;
}
.prod-link a {color:#182E39;}
.prod-link {min-width: 485px;    max-width: 485px;font-size: 16px; margin-bottom: 20px}
.prod-link span { display:block; width:100%; margin-bottom:12px;}
.prod-image, .prod-link, .prod-model, .prod-del { }
.prod-image .addtowishlist {
    position: absolute;
    left: 5px;
    top:5px;
    border-radius:10px
}
.prod-model span {}
.prod-model {}
.cartpage .sec-title h1 { display:inline-block;    margin-bottom: 10px; vertical-align: sub;}
.prod-link .item-quantity {    padding: 7px 12px 1px;}
.prod-link .quantity-box { display:inline-block;    vertical-align: top;   margin-left: 10px;}
.prod-link .quantity-box span.forone { display:inline-block;color:#3A1B05; opacity:50%; font-size:12px; font-weight:500;     width: auto; margin: 0;  vertical-align: top; margin-top: 5px; margin-left:10px;}
.cartitog .accordion-button { font-size:12px; font-weight:500; border-radius: 30px!important;}
.cartitog .widget-content .accordion-item { padding-bottom:0; margin-bottom:24px;border: none;    border-radius: 30px;}
.cartitog .accordion-body { margin-top:8px;}
.select-shipping .select-size-box .select-box input[type="radio"]{left:0;top:0;visibility:hidden;position:absolute;opacity:0;	}
.select-shipping  .select-size-box .select-box label{display:block;line-height:1.2;padding:24px;font-weight:500;cursor:pointer;border-radius:40px;font-size:18px;transition:all 500ms ease;color:#182E39;border: 1px dashed #E4E7EA; background:#fff; text-transform:none; text-align:left;  position:relative}
.select-shipping  .select-size-box .select-box input[type="radio"]:checked+label { background-color:#fff;border: 1px dashed #82965B;color: #182E39;}
.select-shipping  .select-size-box .select-box {display:inline-block;     width: 32.7%;margin-right:4px;}
.select-shipping  .select-size-box .select-box:last-child { margin-right:0;}
.select-shipping .select-size-box .select-box label span { display:inline-block; border-radius:0; font-size:14px; width:auto; height:auto}
.select-shipping .select-size-box .select-box label span.price {color:#181B1E; font-weight:600; margin-right:8px; margin-top:8px;    opacity: 0.5;}
.select-shipping .select-size-box .select-box label span.time {font-weight:500;margin-top:8px;    opacity: 0.5;}
.select-shipping .select-size-box .select-box label span.addr {font-weight:400;margin-top:4px;} .select-shipping .select-size-box .select-box label span.addr a {color: #182E39;}
.select-shipping  .select-size-box .select-box:first-child label:before { }
.select-shipping  .select-size-box .select-box:last-child label:before {}
.comment-item { background:#EDF2FA; padding:24px; border-radius:24px}
.review-info { margin-bottom:15px;     justify-content: space-between;}
.review-info span.rev-date { color:#7A8996}
.review-info span.rev-name {font-weight:600;}
.review-info span.rev-name .stars svg { vertical-align:sub}
.shipp-bl .h3, .info-bl .h3 { font-weight:600;  margin-bottom:15px; font-size:18px;}
.shipp-bl, .tovar-bl { margin-bottom:40px;}
.cartitog {    position: sticky;top: 70px;}
.promobl { display: flex; align-items: center; justify-content: space-between; }
.promobl button {color: #fff;    margin-left: 10px;}
.promoinfo {display: flex; align-items: center; justify-content: space-between;color: #8D8D8D; margin-bottom: 10px}
.promoinfo span {    font-size: 22px;
    font-weight: 700;

    color: #000;}
.cartpage .promobl input[type="text"] {font-size: 18px;
    font-weight: 700;

    color: #000;}
.promocansel .promoinfo {color: #FC463A}
.cartpage .promocansel input[type="text"] {border:1px solid #FC463A; color: #FC463A}
.promocansel .promoinfo span {color: #FC463A}
.cartpage .promodone input[type="text"] {color: #FF5D02}
.cartitog-item {padding:20px 20px; background:#F5F6F7; margin-bottom: 5px}
.cartitog-item.gift-row { position: relative; height: 85px}
.cartitog-item.gift-row svg { position: absolute; right: 20px; top:12.5px}
.cartitog-item.gift-row span {
    display: block;
    color: #8D8D8D;
    margin-bottom: 5px;
}
.cartitog-item.tpcart__free-shipping {padding: 0}
.grey-bl {background:#F5F6F7; padding: 30px}
.info-bl {
    margin-bottom: 40px;
}
.info-bl.client-info {margin-bottom: 0}
.info-bl .grey-bl .form-group{
    margin-bottom: 5px;
}
.shipp-bl .h3, .info-bl .h3 {

    font-size: 22px;
    font-weight: 700;
}
.itog-item { font-size:16px;    display: flex; justify-content: space-between; margin-bottom:5px; color: #8D8D8D}
.itog-item span {
    font-size:22px;
    font-weight:700;

    color: #000;
}
.cartitog-item.photo-fl {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    align-items: center;
}
.info-bl .photo-fl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.checkbox-ios {
    display: inline-block;

    height: 24px;
    line-height: 24px;
    margin-right: 0;
    position: relative;
    vertical-align: middle;
    font-size: 16px;
    user-select: none;
}
.checkbox-ios .checkbox-ios-switch {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 44px;
    height: 24px;
    border: none;
    border-radius: 100px;
    vertical-align: top;
    background: #000;
    transition: .2s;
    margin-right: 8px;}
.checkbox-ios .checkbox-ios-switch:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: white;
    transition: .15s;}
.checkbox-ios input[type=checkbox] {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;}
.checkbox-ios input[type=checkbox]:not(:disabled):active + .checkbox-ios-switch:before {
}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch {
    background: #FF5D02;

}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before {
    transform:translateX(27px);
}

/* Hover */
.checkbox-ios input[type="checkbox"]:not(:disabled) + .checkbox-ios-switch {
    cursor: pointer;
    border-color: rgba(0, 0, 0, .3);
}

/* Disabled */
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch {
    filter: grayscale(70%);
    border-color: rgba(0, 0, 0, .1);}
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch:before {
    background: #eee;
}

/* Focus */
.checkbox-ios.focused .checkbox-ios-switch:before {
    box-shadow: inset 0 0 4px #ff5623;
}
.shipping-item { display: flex; font-size:14px;justify-content: space-between;border-bottom: 1px solid #EFF0F1;border-top: 1px solid #EFF0F1; padding-top:12px; padding-bottom:12px; margin-top:2px; margin-bottom:24px;}
.shipping-item span {font-size:16px; font-weight:500;}
.addritem { max-width:230px;}
.addritem b {  font-weight:500;}
.summ-item {display: flex; justify-content: space-between; margin-bottom:20px;
    font-size:30px;
    font-weight:800; margin-top: 40px;
}
.summ-item span{}
.summ-item span.onl-pay {
    font-size: 14px;
    font-weight: 400;

    position: absolute;
    background: #fff;
    padding: 2px 10px;
    border-radius: 10px;
    left: 120px;
    margin-top: 10px;}
.brands-list.cartpay { margin-bottom:24px;}
.brands-list.cartpay .form-group .check-box input[type="radio"]:checked + label{border-color: #25a9e0;}
.brands-list.cartpay .form-group .form-group .check-box label { padding-left: 30px; padding-top: 1px; cursor: pointer;}
.brands-list.cartpay .form-group .check-box label:before{position: absolute;left: 0;top: 7px;height:12px;width: 12px;content: "";border-radius: 100px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;border: 1px solid #D9D9D9}
.brands-list.cartpay .form-group .check-box label:after {position: absolute;left: 3px;top: 9.7px;content: "";height: 6px; width:6px;max-width: 0;font-size: 12px;font-weight: 800;overflow: hidden;background: #fff;text-align: center;line-height:20px;display:block;-webkit-transition: max-width 500ms ease;-moz-transition: max-width 500ms ease;-ms-transition: max-width 500ms ease;-o-transition: max-width 500ms ease;transition: max-width 500ms ease; border-radius:100%}
.brands-list.cartpay .form-group .check-box input[type="radio"] {display: none;}
.brands-list.cartpay .form-group .check-box input[type="radio"]:checked + label:before{background-color:#DD7A25;border-color:#DD7A25;}
.brands-list.cartpay .form-group .check-box input[type="radio"]:checked + label:after {max-width: 20px;opacity: 1;}
.brands-list.cartpay .form-group .check-box label { padding-left:20px;}
.infopvz .brands-list.cartpay .form-group .check-box label { font-size:18px;    display: block; padding-left:36px;}
.infopvz .brands-list.cartpay .form-group .check-box label span {color:#3A1B05; font-size:16px; display:block;}
.infopvz .brands-list.cartpay .form-group .check-box label:before { width:20px; height:20px;}
.infopvz .brands-list.cartpay { margin-top:24px;}
.infopvz .brands-list.cartpay .form-group .check-box label:after {height:12px;width: 12px;top: 11px; left:4px;}
.cartitog .theme-btn  {
    display:block;
    width:100%;
    background: #FF5D02;
    color:#fff;
    padding:12px;

    font-size: 18px;
    font-weight: 700;
    border-radius:10px;
    margin-bottom:16px;}
.cartitog .theme-btn:hover { background:#899645}
.agree-form.check-box{position:relative;}
.agree-form.check-box label{position: relative;cursor: pointer;margin-bottom: 0;font-weight: 400;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.agree-form.check-box input[type="checkbox"]:checked + label{border-color: #000;}
.agree-form.check-box label { padding-left: 24px;padding-top: 1px;cursor: pointer;font-size: 12px; line-height: 1.2;}
.agree-form.check-box label:before{position: absolute;left: 0;top: 4px;height:16px;width: 16px;background: none;content: "";border-radius: 2px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;border:1px solid #a8c2cf;}
.agree-form.check-box label:after {position: absolute;left: 0;top: 0;height: 8px;line-height: 8px;max-width: 0;font-size: 14px;color: #ffffff;font-weight: 800;overflow: hidden;background: transparent;text-align: center;-webkit-transition: max-width 500ms ease;-moz-transition: max-width 500ms ease;-ms-transition: max-width 500ms ease;-o-transition: max-width 500ms ease;transition: max-width 500ms ease;}
.agree-form.check-box input[type="checkbox"] {display: none;}
.agree-form.check-box input[type="checkbox"]:checked + label:before{border: 5px solid #BE4006;background-color: #fff;}
.agree-form.check-box input[type="checkbox"]:checked + label:after {max-width: 20px;opacity: 1;	}
.priceforone-pay { position: absolute; left:6px; bottom: 10px; background: #fff; color: #FF5D02; font-size: 14px; padding: 4px 15px; border-radius:30px}
.error-message { color: #FC463A; font-size: 14px; margin-bottom: 10px}
.delivery-block {
}

.delivery-options {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.delivery-option {
    background: #F5F6F7;
    padding: 30px;
    border:1px solid #F5F6F7;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.delivery-option.active {
    border:1px solid #FF5D02;
}

.option-header {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s;
}

.option-header:hover {
    background-color: #f8f9fa;
}

.radio-container {
    margin-right: 20px;
}

.radio-custom {
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    position: relative;
    transition: border-color 0.3s;
}

.radio-custom.active {
    border-color:#FF5D02;
}

.radio-custom.active::after {
    content: '';
    width: 10px;
    height: 10px;
    background: #FF5D02;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.option-title {
    font-size: 16px;
    color: #000;
}

.option-title-price {
    display: block;

    font-size: 22px;
    font-weight: 700;
    color: #FF5D02;
}

.freeshipping-txt { color: #8D8D8D; margin-top: 20px}

.delivery-section {
    width: 564px;
    display: none;
}

.delivery-section.active {
    display: flex;
    flex-direction: column;
}

.field-group {
    margin-bottom: 10px;
}

.field-group label {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    color: #555;
    font-size: 14px;
}

.field-input {
    width: 100%;
    font-size: 14px;
    transition: all 0.3s;
    box-sizing: border-box;
    background: white;
    border:none;
    border-radius:10px;
    color: #8b8b8b;
}

.field-input:focus {
    outline: none;
}

.field-input:disabled {
    background-color: #f9f9f9;
    border-color: #e9e9e9;
    cursor: not-allowed;
    opacity: 0.7;
}

.field-select {
    cursor: pointer;
}

.field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

input#date::-webkit-calendar-picker-indicator {

}

input#date::-webkit-inner-spin-button,
input#date::-webkit-clear-button {

}
.datefield { position: relative}
.datefield:after {
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.8574 1.82568C16.1334 1.82583 16.3574 2.04963 16.3574 2.32568V4.47412C19.2474 4.73241 21.5 7.20563 21.5 10.2007V18.0757C21.5 21.2415 18.9834 23.8255 15.8574 23.8257H8.14258C5.01678 23.8253 2.5 21.2413 2.5 18.0757V10.2007C2.5 7.20578 4.75279 4.73262 7.64258 4.47412V2.32568C7.64258 2.04978 7.86677 1.82607 8.14258 1.82568C8.41872 1.82568 8.64258 2.04954 8.64258 2.32568V4.45068H15.3574V2.32568C15.3574 2.04969 15.5815 1.82592 15.8574 1.82568ZM8.64258 6.26318C8.64258 6.53933 8.41872 6.76318 8.14258 6.76318C7.86677 6.7628 7.64258 6.53909 7.64258 6.26318V5.47803C5.32144 5.73319 3.5 7.74187 3.5 10.2007V18.0757C3.5 20.7086 5.5884 22.8253 8.14258 22.8257H15.8574C18.4118 22.8255 20.5 20.7087 20.5 18.0757V10.2007C20.5 7.74172 18.6788 5.73299 16.3574 5.47803V6.26318C16.3574 6.53923 16.1334 6.76303 15.8574 6.76318C15.5815 6.76295 15.3574 6.53918 15.3574 6.26318V5.45068H8.64258V6.26318ZM15.8574 15.6899C16.1333 15.6901 16.3573 15.914 16.3574 16.1899C16.3574 16.466 16.1334 16.6898 15.8574 16.6899H8.14258C7.86677 16.6896 7.64258 16.4658 7.64258 16.1899C7.64274 15.9142 7.86687 15.6903 8.14258 15.6899H15.8574Z' fill='%238b8b8b'/%3e%3c/svg%3e");
    width: 24px;
    height: 25px;
    top:8px;
    right: 15px;
    display: none;
}
.addr-self { position: relative; }
.addr-self .field-input {
    padding-left: 50px;

    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.addr-self:before {
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.37109 3.06177C8.98677 2.08068 11.0143 2.08048 12.6299 3.06177L15.9082 5.04907L15.9512 5.07837C17.2438 6.06213 18.0022 7.59458 18 9.21899V14.1838L17.999 14.3918C17.9406 16.5315 16.2145 18.2729 14.0508 18.3254H5.95117C3.78751 18.2731 2.06074 16.5322 2.00195 14.3928V9.21899C1.99978 7.59454 2.75814 6.06213 4.05078 5.07837L4.09375 5.04907L7.37109 3.06177ZM12.1113 3.91626C10.8957 3.17783 9.38875 3.13166 8.13672 3.77759L7.88965 3.91626L4.64258 5.88403C3.60675 6.6788 3.00009 7.91167 3.00195 9.21802V14.3635C3.04584 15.9749 4.34624 17.286 5.97559 17.3254H14.0264C15.6555 17.2858 16.9561 15.9748 17 14.3635V9.21802C17.0019 7.91145 16.3946 6.67879 15.3584 5.88403L12.1113 3.91626ZM12.3711 13.6956C12.6468 13.696 12.8709 13.9198 12.8711 14.1956C12.8711 14.4714 12.6469 14.6951 12.3711 14.6956H7.62988C7.35391 14.6954 7.12991 14.4716 7.12988 14.1956C7.13006 13.9197 7.354 13.6957 7.62988 13.6956H12.3711Z' fill='%232B2A29'/%3e%3c/svg%3e");
    width: 20px;
    height: 20px;
    top:10px;
    left: 20px;
    z-index: 1;
}
.footfon {}
.footfon:after {
    content: '';
    position: absolute;
    bottom: -120px;
    left: 0;
    right: 0;
    width: 100%;
    height: 556px;
    background: url("/assets/img/foot.png");
    background-size: cover;
    z-index: -1;
}
.thanks-page {
    width: 542px;
    margin: 0 auto;
    background: #F5F6F7;
    padding: 40px;
    margin-bottom: 200px;
    position: relative;
    overflow: hidden;
}
.thanks-page img, .thanks-page svg {margin: 0 auto;    display: block;}
.thanks-page:before {

}
.thanks-page:after {

}
.thanks-page.error-page .thnks-btns {margin-bottom: 0}
.thanks-page.error-page:before, .thanks-page.error-page:after {display: none}
.thanks-page.error-page {
    background: #F5F6F7;
    padding-top: 40px;
}
.thanks-page.error-page img {margin-bottom: 30px}
.thanks-page h1 span { color: #FF5D02}
.thnks-btns {
    margin-top: 40px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}
.thnks-btns a {
    min-width: 50%; height: 60px;display: flex;
    align-items: center;
    justify-content: center;
}
.thnks-txt {font-size: 16px}
.thanks-dop-txt {font-size: 18px;}
.thanks-page .infoblock {
    text-align: left;
    padding-left: 220px;
    height: 270px;
    background: #fff;
}
.thanks-page .infoblock .read-more {
    margin: 0;
}
.thanks-page .infoblock .read-more a { background: #F5F6F7;}
.btn {
    border-radius:0px;
    border:none;
    font-size: 18px;
    font-weight: 400;
    padding: 11px 20px;
    line-height: 1;
}
.btn-primary { background: #003569; color: #fff;}
.btn-secondary { background: #fff; color: #003569}
.order-done:before {

}
.contactsleft {

}
.contactsright {
    padding-right: 20px;
}
.cont-txt {font-size: 16px;margin-bottom: 20px;}
.cont-mail {
    padding: 30px;
    background: #F5F6F7;
    margin-bottom: 2px;
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cont-mail a {

    font-weight: 700;
    font-size: 22px;
}
.cont-mail span {
    color: #8D8D8D;
}
.user-dropdown .dropdown-menu.show {
    transform: none !important;
    right: 0 !important;
    left: -188px !important;
    top: 42px !important;
    border: none;
    background: #F5F6F7;
    padding: 30px;
    border-radius: 10px;
    min-width: 228px;
}
.user-dropdown .dropdown-menu a { font-size: 16px; display: block; margin-bottom: 15px}
.user-dropdown .dropdown-menu a:last-child {margin-bottom: 0}

.lkmenu {
    border-bottom: 1px solid #F5F6F7;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 12px;
}

.lkmenulist {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;

}
.lkmenulist a {
    color: #8D8D8D;
    padding: 11px 0;
    border-bottom: 2px solid #fff;
    margin-right: 20px;
}
.lkmenulist a.active {
    color: #000;
    border-bottom: 2px solid #FF5D02;
}
.lkmenulist a {

    white-space: nowrap;

}

.lkmenulist a.active {

}
.lk-block {
    padding: 30px;
    background: #F5F6F7;
    margin-bottom: 10px;
    position: relative;
}
.lk-block .h4 {font-size: 18px; margin-bottom: 24px}
.auth-form {
    justify-content: center;
    width: 460px;
    margin: 0 auto;
    background: #F5F6F7;
    padding: 43px 40px;
    display: flex;
    flex-direction: column;
    height: auto!important;
}
.auth-form h1 {
    text-align: center;
    font-size: 28px;
}
.auth-form p {
    text-align: center;
    margin-bottom: 30px;
}
.about-left a { display: block; position: relative}
.about-left a:after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='76' viewBox='0 0 38 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L38 38L0 76V0Z' fill='%23FF5D02'/%3E%3C/svg%3E");
    width: 38px;
    height: 79px;
    left: calc(50% - 19px);
    top: calc(50% - 39px)
}
.video-about img { width: 100%}
.about-info {
    background: #F5F6F7;
    padding: 30px;
    margin-bottom: 70px;
}
.about-info h1 { font-size: 28px; margin-bottom: 10px}
.about-txt { font-size: 20px}
.about-nums {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about-num-item { font-size: 18px;    width: 25%;    line-height: 1.2;padding-right: 30px;}
.about-num-item span {
    font-size: 62px;
    display: block;
}
.why-we {
    margin-bottom: 70px;
}
.about-why-txt {align-items: center;
    align-content: center;
    height: 100%;
    display: flex;
    flex-wrap: wrap; padding: 40px}
.about-why-txt span {
    display: block;
    font-size: 28px;
    font-weight: 700;

    margin-bottom: 20px;
    width: 100%;
}
.form-area { margin-bottom: 70px}
.form-area .bot-form {padding: 30px; background: #F5F6F7; position: relative;    height: auto;}
.form-area .bot-form form {position: relative}
.form-area .bot-form .agreebox:last-child { margin-bottom: 0}
.form-area .bot-form:before {

}
.form-area .bot-form:after {display: none}
.form-area .bot-form .arnd-btn {margin-top: 0}
.form-area .bot-form textarea { margin-bottom: 5px}
.form-area .bot-form .rightform { padding-top: 40px}
.info-page.shipping-page { margin-bottom: 70px}
.shipping-page .tpproduct-details__nav .nav-tabs { margin-bottom: 50px}
.logo-pay img {display: block; margin-bottom: 5px}
.logo-pay { margin-top: 10px}
.logo-bl-h { font-size: 20px}
.shiptoprow {
    margin-bottom: 40px;
}
.ship-txt {
    background: #F5F6F7;
    padding: 30px;
    padding-top: 148px;
}
.ship-top {
    font-size: 28px;
    font-weight: 700;

    margin-bottom: 20px;
    color: #000;
    line-height: 1;
}
.ship-top-txt { font-size: 16px}
.ship-img { padding-left: 0}
.ship-img  img{width: 100%; height: 354px;    object-fit: cover;}
.breadcrumb__area h1 { font-size: 28px; margin-bottom: 20px}
.shipbl { margin-bottom: 40px}
.shipbl-txt {padding: 30px; background: #F5F6F7;}
.shipbl .shipbl-txt .col-lg-9 p { margin-bottom: 30px}
.shipbl-txt ol {
    margin-bottom: 0;
}
.ship-doc-item {
    background: #fff;
    padding: 30px;
    margin-bottom: 5px;
    padding-left: 72px;
    position: relative;
}
.ship-doc-item span {
    font-size: 31px;
    position: absolute;
    top: 30px;
    left: 30px;
    line-height: 1;
}
.ship-doc-item span.ship-clr-txt {
    font-size: 16px;

    position: static;
    line-height: 1.4;
    color: #FF5D02;
}
.obmen-bl .ship-doc-item { background: none;border-bottom: 1px solid #fff;}
.obmen-bl .shipbl-txt{padding: 0}
.ship-doc-item a { text-decoration: underline; margin-right: 30px}
.shibl-h { font-size: 20px; color: #000; padding-right: 230px}
.shibl-h span {
    font-size: 14px;
    background: #fff;
    padding: 7px 15px;
    margin-top: 5px;
    display: inline-block;
    white-space: nowrap;
    border-radius: 30px;
}
.ship-condition .ship-doc-item { }
.ship-condition { margin-bottom: 30px}
.ship-doc-item.ship-it {font-size: 16px;}
.ship-doc-item.ship-out  {
    padding: 0;
    background: none;
    border-top: 1px solid #fff;
    padding-top: 30px;
    margin: 0;
    display: flex;
    justify-content: space-between;
}
.phone-out a {
    width: 352px;
    background: #FF5D02;
    color: #fff;
    line-height: 1;
    padding: 11px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;

    display: block;
    text-decoration: none;
    margin: 0;
    border-radius: 10px;
}
.fil-item {
    background: #F5F6F7;
    padding: 30px;
    margin-bottom: 5px;
    position: relative;
    height: 145px;
    border:2px solid #F5F6F7;
}
.fil-img { position: absolute; right: 30px; top:30px}
.fil-img img { width: 97px; height: 85px; border-radius: 10px; object-fit: cover}
.fil-addr { font-size: 28px;  margin-bottom: 10px;line-height: 1;}
.fil-phone { font-size: 22px; margin-bottom: 5px;line-height: 1;}
.qr-bl {
    min-width: 725px;
    position: relative;
    z-index: 1;
}
.contacts-top {
    height: 270px;
    background: #F5F6F7;
    padding: 60px;
    justify-content: space-between;
    position: relative;
    margin-bottom: 30px;
}
.contact-item {
    background: #F5F6F7;
    padding: 30px;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    padding-left: 100px;
    height: 130px;
}
.contact-item a {display: block}
.contact-item span {display: block; font-size: 16px; font-weight: 400; margin-top: 10px}
.contact-item svg {
    position: absolute;
    left: 30px;
    top:30px;
}
.contactsmap { margin-bottom: 10px; margin-top: 10px}
.svg-anim {
    position: absolute;right: 0; z-index: 0}
.qr-bl a img { width: 150px; margin: 0 10px}
.fon-faq {
    background: #F5F6F7;
    padding: 30px;
    height: 590px;
}
.foot-form {
    background: #003569;
    margin-bottom: -60px;
    margin-top: 90px;
    padding: 60px 0;
    height: 340px;
    position: relative;
}
.foot-form:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 24%;
    height: 100%;
    background: url(/assets/img/foot2.png) right top no-repeat;
    background-size: cover;
    z-index: 0;
}
.foot-form-content {
    height: auto;
    background: none;
    padding: 0;
    padding-left: 240px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.agree-bl {
    position: absolute;
    left: 240px;
    bottom: -60px;
}
.foot-form-content .arnd-btn {
    position: absolute;
    width: 733px;
    bottom: -60px;
}
.foot-form-content.bot-form textarea {
    height: 130px; padding-top: 15px;
}
.foot-form-content form {gap:0 5px;    max-width: 733px;}
.quality-top {
    height: 230px;
    background: #003569;
    padding: 60px;
    justify-content: space-between;
    position: relative;
    margin-bottom: 1px;
    color: #fff;
}
.quality-top img {
    position: absolute;
    bottom:0;
    right: -40px;
}
.quality-top h1 {color: #fff; margin-bottom: 20px}
.quality-top p {font-size: 16px}
.quality-faq .accordion-button {
    background: #F5F6F7;
    padding-left: 94px;
    z-index: auto;
}
.quality-faq .accordion-button span {
    position: absolute;
    width: 41px;
    height: 41px;
    top:22px;
    left: 26px;
    color: #003569;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F5F6F7;
    z-index: 5;
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.9572 19.0507L41 16.8098C39.9147 13.5748 40.1618 14.3123 39.0765 11.0773L34.4996 11.7292C33.0361 10.049 32.5742 9.51871 31.1107 7.83849L32.386 3.39465C29.3316 1.87409 30.0273 2.22191 26.9728 0.701353L24.1978 4.39822C21.9759 4.24426 21.2726 4.19674 19.0507 4.04279L16.8098 0C13.5748 1.0853 14.3123 0.838208 11.0773 1.92351L11.7292 6.50039C10.049 7.96393 9.51871 8.4258 7.83849 9.88934L3.39465 8.61397C1.87409 11.6684 2.22193 10.9727 0.70137 14.0272L4.39822 16.8022C4.24427 19.0241 4.19675 19.7274 4.04279 21.9493L0 24.1902C1.0853 27.4252 0.838208 26.6877 1.92351 29.9227L6.50041 29.2708C7.96395 30.951 8.42581 31.4813 9.88935 33.1615L8.61399 37.6054C11.6684 39.1259 10.9728 38.7781 14.0272 40.2986L16.8022 36.6018C19.0241 36.7557 19.7274 36.8033 21.9493 36.9572L24.1902 41C27.4252 39.9147 26.6877 40.1618 29.9227 39.0765L29.2708 34.4996C30.951 33.0361 31.4813 32.5742 33.1615 31.1107L37.6054 32.386C39.1259 29.3316 38.7781 30.0273 40.2987 26.9728L36.6018 24.1978C36.7558 21.9759 36.8033 21.2726 36.9572 19.0507ZM19.8946 29.2556C15.0574 28.9211 11.408 24.73 11.7425 19.8927C12.0771 15.0554 16.2681 11.4061 21.1054 11.7406C25.9427 12.0751 29.592 16.2662 29.2575 21.1035C28.923 25.9408 24.7319 29.5901 19.8946 29.2556Z' fill='%23003569'/%3E%3C/svg%3E");
}
.quality-faq .accordion-body {
    background: #F5F6F7;
    padding-left: 94px;
    padding-right: 482px;
    position: relative;
    min-height: 300px;
}
.quality-faq .accordion-body img {
    position: absolute;
    right: 104px;
    top: 34px;
}
.quality-faq .accordion-item {
    margin-bottom: 1px;
}
.quality-faq .accordion-item:before {
    content: '';
    position: absolute;
    background: #003569;
    width: 2px;
    height: 100%;
    top:0;
    bottom: 0;
    left: 46px;
    z-index: 3;
}
.wishlist-lk {padding: 0;    background: none;}
.wishlist-lk .tovaritem {
    padding: 12px;
    padding-right: 20px;
    margin-bottom: 10px;
}
.wishlist-lk .tovaritem .prod-image img {
    width: 105px;
    height: 105px;
}
.wishlist-lk .tovaritem .prod-image {
    display: flex;
    align-items: center;
}
.wishlist-lk .tovaritem .prod-link {
    font-size: 18px;
    margin-bottom: 0;
    margin-left: 32px;
}
.wishlist-lk .tovaritem .addtowishlist svg {
    vertical-align: baseline;
}
.wishlist-lk .tovaritem .addtowishlist {
    margin-left: 40px;
}
.lk-form input, .lk-form select, .lk-form .nice-select {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    height: 40px;
    margin-bottom: 5px;
    padding: 3px 15px;
    border: none;
    color: #000;
}

.lk-form input:disabled, .lk-form input[readonly] { background: #E7E7E7; cursor: not-allowed;}
.lk-form input:disabled:hover, .lk-form input:disabled:focus, .lk-form input[readonly]:hover, .lk-form input[readonly]:focus {border: none}
.lk-form input.date-input[readonly] { background: #E7E7E7; cursor: not-allowed;}

.lk-form .nice-select{
    color: #8b8b8b;
    font-size: 16px;
    line-height: 35px;
}
.lk-form input.three-w {
    width: 33.15%;
    display: inline-block;
}
.date-input-wrapper, .date-input-wrapper2 {
    position: relative;
    width: 33%;
    display: inline-block;
}
.date-input {
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    background: white;
    cursor: pointer;
}

/* Скрываем настоящий input date */
.hidden-date-input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

.calendar-icon {
    position: absolute;
    right: 12px;
    top: 20px;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 18px;
}
/* Стили для placeholder */
.date-input::placeholder {
    color: #999;
}

.lk-form input::placeholder, .lk-form select::placeholder, .lk-form .nice-select::placeholder{
    color: #8D8D8D;
}
.male-bl {
    position: absolute;
    top:5px;
    right: 30px;
}
.gender-group {
    display: flex;
    gap: 10px;
    margin: 20px 0;
}

.gender-group .radio-option {
    position: relative;
}

.gender-group .radio-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.gender-group .radio-option label {
    display: inline-block;
    padding: 6px 15px;
    background-color: #fff;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease;
    text-align: center;
    min-width: 100px;
}

.gender-group .radio-option input[type="radio"]:checked + label {
    background-color: #000;
    color: white;
}

.gender-group .radio-option label:hover {
    color: #FF5D02;
}

.buttons-group {
    display: flex;
    gap: 10px; /* расстояние между кнопками */
    align-items: center;
}

.save-btn { margin-top: 20px}
.save-btn button {
    background: #FF5D02;
    color: #fff;
    font-size: 18px;
    font-weight: 700;

    padding: 11px 30px;
    line-height: 1;
    border-radius:10px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.save-btn.add-data  button {
    background: #fff;
    color: #000;
}
.date-item {
    padding: 10px;
    padding-left: 20px;
    border:1px solid #fff;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
}
.date-item input {
    margin-bottom: 0;
}
.date-item span {
    color: #8D8D8D;
    margin-right: 30px;
}
.date-item .dat-item-first { width: 240px;    min-width: 240px;}
.date-item input.dat-item-second { width: 290px;    min-width: 290px;}
.date-item input.dat-item-third {}
.lk-block .addr-item {
    display: flex;
    align-items: center;
    gap: 5px;
    border:1px solid #fff; padding: 10px 20px;
}
.lk-block  .addr-item span, .lk-block  .addr-item input:first-child { width: 250px; min-width: 250px; color: #8D8D8D}
.order-item-content-product.disabled .prod-image, .order-item-content-product.disabled .prod-link{cursor: not-allowed; opacity: 0.4;}
.order-item-content-product.disabled .prod-link a {cursor: not-allowed;}
.order-item-content-product.disabled .prod-link a:hover { color: #182E39}
.order-item {
    background: #F5F6F7;
    padding: 0 20px;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.order-item-repeat { width: 80px; min-width: 80px; max-width: 80px}
.order-item-repeat,  .order-item-number {
    position: relative;
    height: -webkit-fill-available;
    display: flex;
    align-items: center;
    padding-left: 20px;
}
.order-item-summ {
    position: relative;
    height: -webkit-fill-available;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;align-items: center;    justify-content: center;
    width: 150px; min-width: 150px; max-width: 150px
}
.order-item-repeat:before, .order-item-summ:before, .order-item-number:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 100%;
    top:0;
    background: #fff;
}
.order-item-status {position: relative;
    height: -webkit-fill-available;
    display: flex;align-items: center;}
.order-item-status:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 100%;
    top:0;
    background: #fff;
}
.order-item-summ span {
    font-size: 28px;
    font-weight: 700;

}
.order-item-number {
    padding: 0 20px;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    width: 400px; min-width: 400px; max-width: 400px
}
.order-item-number span {
    color: #8D8D8D;
    font-size: 14px;
}
.order-item-status {padding-right: 20px; width: 117px; min-width: 117px; max-width: 117px}
.order-item-status span {
    color: #fff;
    font-size: 14px;
    padding: 3px 10px;
    border-radius: 9px;
}
.order-item-status span.new { background: #000}
.order-item-status span.complete { background: #65382A}
.order-item-status span.process { background: #FEA500}
.order-item-status span.done { background: #FF5D02}
.order-item-content-product {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order-item-content-product:not(:last-child)  { margin-bottom: 12px}
.order-item-content-product img { width: 105px; height: 105px;     margin: 12px;
    min-width: 105px;
    max-width: 105px;
    object-fit: cover;}
.order-item-content-product .prod-image {width: 130px; min-width: 130px; max-width: 130px}
.order-item-content-product .prod-num { padding: 0 20px; width: 80px; min-width: 80px; max-width: 80px}
.order-item-content-product .prod-link { margin-bottom: 0; font-size: 18px;    padding: 0 20px; width: 380px; min-width: 380px; max-width: 380px}
.order-item-content-product .prod-link span {
    display: block;
    color: #8D8D8D;
    font-size: 14px;
}
.order-item-content-product .addtowishlist {    width: 80px;text-align: center;}
.order-item-content-product  .tpcart__cart-price {width: 229px; min-width: 229px; max-width: 229px; display: inline-block}
.priceforone { display: block;  background: #fff; color: #FF5D02; font-size: 14px; font-weight: 400;    width: fit-content;
    padding: 4px 10px;
    border-radius: 30px;}
.dop-zakaz { background: #F5F6F7; padding: 20px; margin-top: -30px; margin-bottom: 40px; position: relative}
.dop-zakaz-h { color: #000; margin-bottom: 10px;}
.dop-zakaz .product-prev-btns, .dop-zakaz .stickers { display: none}
.dop-zakaz .tpproduct__thumb { margin-bottom: 10px}
.dop-zakaz  .tpratingitem__title { font-size: 14px; margin-bottom: 5px}
.dop-zakaz  .product-prev-price  { font-size: 18px}
.dop-zakaz a.hidelink { position: absolute; right: 20px; top:20px; font-size: 14px}
input#timestart, input#timestart2 {
    width: 100px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-left: 10px;
    padding: 5px 15px;
    padding-left: 38px;
    color: #000;
    font-size: 18px;
    font-weight: 700;

}
input#timefinish, input#timefinish2 {
    width: 100px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 2px;
    padding: 5px 15px;
    padding-left: 38px;
    color: #000;
    font-size: 18px;
    font-weight: 700;

}
.timestart, .timefinish {position: relative;display: inline-block;}
.timestart:before
{
    content: 'от';
    position: absolute;
    color: #8D8D8D;
    font-size: 14px;
    top:10px;
    left:25px;
    z-index: 1;
}
.timefinish:before
{
    content: 'до';
    position: absolute;
    color: #8D8D8D;
    font-size: 14px;
    top:10px;
    left:15px;
    z-index: 1;
}
input#timefinish::placeholder,
input#timestart::placeholder, input#timefinish2::placeholder,
input#timestart2::placeholder{
    color: #7A8996;
    font-size: 18px;
    font-weight: 700;

}

.datefield { width: 388px; margin: 0}
.addr-time { display: flex; align-items: center; justify-content: space-between}
.same-prods .tpratingitem__content, .same-prods .product-prev-btns, .same-prods .stickers { display: none}
.first-media { display: flex;    gap: 5px;    margin-bottom: 5px;}
.video-block { width: 49.65%; min-width: 49.65%;position: relative;}
.video-block a {display: block;position: relative;}
.video-block a:after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='52' height='61' viewBox='0 0 52 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.27115 0.806828C4.65536 -1.39974 0 1.17997 0 5.39019V55.6098C0 59.82 4.65536 62.3997 8.27115 60.1932L49.4173 35.0834C52.8609 32.9819 52.8609 28.0181 49.4173 25.9166L8.27115 0.806828Z' fill='white'/%3e%3c/svg%3e");
    width: 52px;
    height: 61px;
    left: calc(50% - 26px);
    top: calc(50% - 30px);
}
.block-media {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.dop-media .first-media .block-media {width: 100%;}
.dop-media .first-media .block-media img {    height: 290px; width:100%; object-fit: cover}
.sec-media {display: flex;    gap: 5px;}
.sec-media:not(:first-child) {margin-top: 5px;}
.sec-media a { min-width: 32%; max-width: 50%;}
.main-catalog {}
.cat-name { }

.main-cat-item {margin-bottom: 8px;
    height: 144px;
    position: relative;
    background: #F5F6F7;
    display: flex;
    align-items: center;
    font-size: 20px; font-weight: 600;
    padding: 30px;
    justify-content: space-between;
    transition: all 0.3s ease;
}
.main-cat-item img {
    position: absolute;
    right: 0;
    transition: transform 0.3s ease;
}
.main-cat-item span {
    background: #003569;
    color: #fff;
    height: 40px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}
.main-cat-item:hover span {background: #FF5D02}
.main-cat-item:hover img {
    transform: scale(1.3) translateX(-250px) translateY(-50px);
}

.main-cat { }
.video-block a iframe {height: 662px}
.row-break {
    flex-basis: 100%;
    height: 0;
}
.color-circle {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.color-circle--white {
    border: 1px solid #ccc;
}

.selected-address:hover, .phone-block:hover {color: #FF5D02}
.selected-address:hover::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='40' height='40' fill='%23F7F7F7'/%3e%3cpath d='M22.9893 16.5684C23.3976 16.6073 23.7521 16.8664 23.9121 17.2441C24.072 17.622 24.0122 18.0576 23.7559 18.3779L20.8896 22.168C20.7129 22.4163 20.4268 22.5634 20.1221 22.5635C19.8173 22.5635 19.5312 22.4163 19.3545 22.168L16.2217 18.3779C15.9652 18.0574 15.9052 17.6221 16.0654 17.2441C16.2258 16.8662 16.5805 16.6067 16.9893 16.5684H22.9893Z' fill='%239BA75C'/%3e%3c/svg%3e");
}
.selected-address:hover:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.37109 3.23674C8.98682 2.25549 11.0142 2.2554 12.6299 3.23674L15.9082 5.22404L15.9512 5.25334C17.2437 6.23718 18.0023 7.76956 18 9.39397V14.3588L17.999 14.5668C17.9405 16.7063 16.2144 18.4479 14.0508 18.5004H5.95117C3.78739 18.448 2.06056 16.7064 2.00195 14.5668V9.39397C1.99968 7.7694 2.75805 6.23717 4.05078 5.25334L4.09375 5.22404L7.37109 3.23674ZM12.1113 4.09123C10.8956 3.35276 9.3888 3.3065 8.13672 3.95256L7.88965 4.09123L4.64258 6.05901C3.60667 6.85384 2.99999 8.08653 3.00195 9.39299V14.5385C3.046 16.1497 4.34635 17.461 5.97559 17.5004H14.0264C15.6554 17.4608 16.956 16.1496 17 14.5385V9.39299C17.002 8.08643 16.3945 6.85384 15.3584 6.05901L12.1113 4.09123ZM12.3711 13.8705C12.6469 13.871 12.8711 14.0947 12.8711 14.3705C12.8709 14.6462 12.6468 14.8701 12.3711 14.8705H7.62988C7.35401 14.8704 7.13007 14.6464 7.12988 14.3705C7.12988 14.0945 7.35389 13.8707 7.62988 13.8705H12.3711Z' fill='%239BA75C'/%3e%3c/svg%3e");
}
.search-container .search-dropdown-button:hover:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99293 6.35193C10.2651 6.37799 10.5016 6.55126 10.6082 6.8031C10.7147 7.05498 10.6746 7.34546 10.5037 7.55896L8.59254 10.0853C8.47472 10.2508 8.28399 10.349 8.08082 10.349C7.87767 10.349 7.68689 10.2508 7.5691 10.0853L5.48024 7.55896C5.3092 7.34521 5.26979 7.05413 5.37672 6.80212C5.48372 6.55032 5.7205 6.37744 5.99293 6.35193H9.99293Z' fill='%23ffffff'/%3e%3c/svg%3e");
}
.dropdown-toggle.product-sidebar__title:hover::after, .sortby .dropdown-toggle:hover::after, .showbl .dropdown-toggle:hover::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='40' height='40' fill='%23f7f7f7'/%3e%3cpath d='M22.9893 16.5684C23.3976 16.6073 23.7521 16.8664 23.9121 17.2441C24.072 17.622 24.0122 18.0576 23.7559 18.3779L20.8896 22.168C20.7129 22.4163 20.4268 22.5634 20.1221 22.5635C19.8173 22.5635 19.5312 22.4163 19.3545 22.168L16.2217 18.3779C15.9652 18.0574 15.9052 17.6221 16.0654 17.2441C16.2258 16.8662 16.5805 16.6067 16.9893 16.5684H22.9893Z' fill='%239BA75C'/%3e%3c/svg%3e");
}
button.tp-menu-toggle:hover, .accordion-button:hover, .botmenu a:hover, .bot-addr .addr-item a:hover, .footer-copyright__links a:hover, button.cansel-filt:hover {color: #FF5D02}
button.tp-menu-toggle:hover svg path {fill:#FF5D02}
.menu-top-social a:hover svg rect {fill:#FF5D02}
.bot-socials a:hover svg rect {fill:#FF5D02}
.bot-socials a:hover svg path {fill:#fff}
.mainmenu__search-icon:hover, .product-prev-btns a.addtocartbtn:hover, .subs-buket.bonus-bl a:hover {background:#FF5D02 }
.infoblock .read-more a:hover  {background:#FF5D02; color: #fff;}
.product-sidebar__title:hover, .sortby.dropdown:hover, .showbl.dropdown:hover { color: #FF5D02}
.product-sidebar__title:hover svg path {fill:#FF5D02}
.search-container .search-dropdown-button:hover, .save-btn.add-data button:hover {background:#FF5D02; color: #fff;}
.save-btn.add-data button:hover svg path {fill:#fff}
a.del-addr:hover svg path {fill:#fff}
a.del-addr:hover svg rect {fill:#FF5D02}
.save-btn button:hover {background: #000; color: #fff;}
.product-prev-btns a.addtowishlist:hover svg path {fill:#FF5D02}
.brand-items .swiper-slide a:hover .cat-name, .seotop-area p a:hover, .category-short-list a:hover .cat-name {color: #FF5D02}
.tpplatiarrow__prv:hover svg path, .tpplatiarrow__nxt:hover svg path {fill:#FF5D02}
.fivearrow-nxt:hover svg path,.fivearrow-prev:hover svg path, .threearrow-nxt:hover svg path,.threearrow-prev:hover svg path, .fourarrow-nxt:hover svg path,.fourarrow-prev:hover svg path {fill:#FF5D02}
.tpproduct-details__nav .nav-tabs .nav-links:hover {color: #FF5D02}
.prod-link a:hover, .lkmenulist a:hover, .logoutlink a:hover  {color: #FF5D02}
.sidemenu ul li a:hover, .botsidemenu a:hover {color: #FF5D02}
.chatlink:hover {background: #000; color: #fff;}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle, .btn-primary:hover {background:#FF5D02; color: #fff!important; border:none}
.btn-check:focus+.btn-primary, .btn-primary:focus {background:#FF5D02; color: #fff!important; border:none; box-shadow: none}
.tp-breadcrumb__link span:hover svg path {fill:#FF5D02}
.fil-phone a:hover, .cont-mail a:hover, .subs-prod-item-name:hover, .log-links a:hover {color:#FF5D02 }
.subs-prod-item-btn button:hover {background:#FF5D02; color: #fff;}
.phone-out a:hover {background: #000; color: #fff;}
input:focus::placeholder, textarea:focus::placeholder {
    color: transparent!important;
}
.input-file {
    position: relative;
    background:#f5f6f7; padding:20px; width:100%; height:105px; margin-top: 10px;
}
.input-file-btn {
    position: absolute;
    right: 24px;
    cursor: pointer;
    outline: none;
    border: none;
    background: #003569;
    margin: 0;
    transition: background-color 0.2s;
}
.input-file-btn svg {width: 36px; height: 36px;}
.input-file-text span { display:block; font-size:14px; color:#585858; margin-top:4px}
.input-file input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

.input-file input[type=file]:focus + .input-file-btn {}
.input-file:hover .input-file-btn {}
.input-file:active .input-file-btn {}
.input-file input[type=file]:disabled + .input-file-btn {}
.delivery-section .addr-time .date-input-wrapper, .delivery-section .addr-time .date-input-wrapper2 {width:100%}
.tpproduct__thumb__img {
    overflow: hidden; /* Скрываем выходящие за границы части изображения */
}
.tpproduct__thumb__img .stickers  {left: 10px; top:10px}
.tpproduct__thumb__img .has-video {
    position: absolute;
    right: 10px;
    top:10px
}

.tpproduct__thumb__img img {
    transition: transform 0.4s ease; /* Плавное изменение масштаба */
    width: 100%; /* Для корректного масштабирования */
    height: auto; /* Сохраняем пропорции */
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.tpproduct__thumb__img:hover img {
    transform: scale(1.05); /* Увеличение на 5% */
}
input[type='text']:hover,
input[type='text']:focus,
input[type='tel']:hover,
input[type='tel']:focus,
input[type='email']:hover,
input[type='email']:focus,
textarea:hover, textarea:focus {border:2px solid #FF5D02}
.tpproduct-details__navtab.subs-tabs .nav-tabs {border:none;    gap: 5px;}
.tpproduct-details__navtab.subs-tabs .nav-tabs .nav-links.active, .tpproduct-details__navtab.subs-tabs .nav-tabs .nav-links {
    border:none;
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px;
    padding-left: 64px;

    font-weight: 700;
    font-size: 18px;
}
.tpproduct-details__navtab.subs-tabs .nav-tabs .nav-links.active {color: #FF5D02}
.tpproduct-details__navtab.subs-tabs .nav-tabs .nav-links {color: #000; position: relative}
.tpproduct-details__navtab.subs-tabs .nav-tabs .nav-links:hover {color: #FF5D02}
.tpproduct-details__navtab.subs-tabs .nav-tabs li {
    background: #F5F6F7;
    width: 49.8%;
}
.tpproduct-details__navtab.subs-tabs .nav-tabs .nav-links span {float: right; font-size: 16px; color: #8D8D8D;  font-weight: 400}
.tpproduct-details__navtab.subs-tabs .nav-tabs .nav-links:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius:100%;
    border:2px solid;
    left: 20px;
    top:15px
}
.tpproduct-details__navtab.subs-tabs .nav-tabs .nav-links.active:before {border:7px solid;}
.tp-filter-toggle.openfilter {margin-right: 5px}
.tpfilterinfo.openfilter.tp-sidebar-opened .h3
{
    font-size: 32px;

    font-weight: 700;
    margin-bottom: 30px;
}
.tpfilterinfo.openfilter.tp-sidebar-opened .product-sidebar__title {
    background: none;
    padding: 0;
    margin-bottom: 15px;
    margin-top: 20px;
}
.tpfilterinfo.openfilter.tp-sidebar-opened .product-sidebar__widget {margin-bottom: 40px}
.tpfilterinfo.openfilter.tp-sidebar-opened .botsidemenu {
    position: fixed;
    bottom: 0;
    left: 0;
    border: none;
    padding: 30px;
    right: 0;
    justify-content: flex-start;
    background: #F5F6F7;
    gap: 5px;
}
.tpfilterinfo.openfilter.tp-sidebar-opened .botsidemenu button {
    font-size: 18px;

    font-weight: 700;
    padding: 12px 20px;
    border-radius:10px;
    height: 40px;
    line-height: 1;
}
.tpfilterinfo.openfilter.tp-sidebar-opened .botsidemenu button.find-btn {background: #000; color: #fff}
.tpfilterinfo.openfilter.tp-sidebar-opened .botsidemenu button.cansel-filter { background: #fff; color: #000}
.tpfilterinfo.openfilter.tp-sidebar-opened { background: #F5F6F7;}
.tpfilterinfo.openfilter.tp-sidebar-opened .product-sidebar__widget input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

.tpfilterinfo.openfilter.tp-sidebar-opened .product-sidebar__widget .form-check-label {
    display: inline-block;
    padding: 7px 15px;
    background-color: #fff;
    cursor: pointer;
    border-radius: 40px;
    transition: all 0.3s ease;
    font-size: 14px;
}

.tpfilterinfo.openfilter.tp-sidebar-opened .product-sidebar__widget input[type="checkbox"]:checked + .form-check-label {
    background-color: #000;
    color: #fff;
}

.product-sidebar__widget_button_group {
    display: flex;
    gap: 10px;
}

.product-sidebar__widget_button_group button {
    font-size: 16px;
    font-weight: 400;
    padding: 12px 20px;
    border-radius:0px;
    height: 40px;
    line-height: 1;
}

.product-sidebar__widget_button_group button.find-btn {background: #000; color: #fff}

.tpfilterinfo.openfilter.tp-sidebar-opened  .form-check {padding-left: 0;    display: inline-block;}
.tpfilterinfo.openfilter.tp-sidebar-opened input.price-filt-top-left {
    width: 200px;
    border-radius:10px 0 0 10px;
    padding: 12px 15px;
    padding-left: 38px;
    color: #000;
    font-size: 18px;
    font-weight: 700;

    border: none;
}
.tpfilterinfo.openfilter.tp-sidebar-opened input.price-filt-top-right {
    width: 200px;
    border-radius:0 10px 10px 0;
    margin-left: 2px;
    padding: 12px 15px;
    padding-left: 38px;
    color: #000;
    font-size: 18px;
    font-weight: 700;

    border: none;
}
.tpfilterinfo.openfilter.tp-sidebar-opened  input.price-filt-top-left::placeholder,
.tpfilterinfo.openfilter.tp-sidebar-opened  input.price-filt-top-right::placeholder{
    color: #000;
    font-size: 18px;
    font-weight: 700;

}
.tpfilterinfo.openfilter.tp-sidebar-opened .price-max:before, .tpfilterinfo.openfilter.tp-sidebar-opened .price-min:before {top:15px; left: 15px;}
.tpfilterinfo.openfilter.tp-sidebar-opened .product-sidebar__widget .form-check-label span {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.lk-form input.addr-name {
    padding: 0;
    border: none;
    border-radius: 0;
    width:280px; /* или подберите подходящую ширину */
    font-size: 16px;
    color: #8d8d8d;
    background: none;
}

.addr-name:focus {
    outline: none;
}
#carouselslider .carousel-control-next { width: 40px; bottom: 40px; left: 85px; top:auto}
#carouselslider .carousel-control-prev {width: 40px; bottom: 40px; left: 40px; top:auto}
.bonus-info { margin-bottom: 20px; display: flex; align-items: center;}
.bonus-info span { background: #fff; color: #FF5D02; padding: 5px 20px; border-radius: 30px; margin-right: 20px}
.bonus-info a { color: #8d8d8d;}
.lk-block .logoutlink {position: absolute; right: 30px; top:30px}
.lk-block .logoutlink a {display: flex;align-items: anchor-center;gap: 5px;}
/* Убираем отступы вокруг контейнера Fancybox */
.fancybox__container {
    padding: 0 !important;
}

/* Убираем отступы у контента */
.fancybox__content {
    padding: 0 !important;
    border: none !important;
}

/* Для iframe убираем любые отступы */
.fancybox__slide.has-iframe .fancybox__content {
    padding: 0 !important;
    margin: 0 !important;
}

/* Делаем iframe на всю площадь */
.fancybox__iframe {
    border: none !important;
    border-radius: 0 !important;
}




@media screen and (max-width: 1460px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 1170px;
        max-width: 1170px;
    }
    .mainmenu__search {width: 510px}
    .header-sticky .mainmenu__search {width: 580px}
    .menu-top-social a.gotoshop {width: 200px}
    .top-link.catalog-link a {width: 180px}
    .main-logo img {max-width: 180px}
    .top-time {display: none}
    .top-phones a {font-size: 18px}
    .botmenu a { margin-right: 30px}
    .botphones a {font-size: 18px}
    .botphones {gap:20px}
    .footer-logo {display: none}
    .brand-list a img {width: 222px}
    .brand-text { height: 305px;}

    .cont-txt {font-size: 16px}
    .contactsright { width: 35%}
    .contactsleft {width: 65%}
    .contactsleft iframe { height: 777px}
    .fil-addr {font-size: 26px}
    .qr-bl a img { width: 138px}
    .seoright { width: 35%}
    .seoleft {width: 65%}
    .accordion-button {}
    .about-txt { font-size: 18px}
    .lk-form input.three-w {width: 33.1%}
    .order-item-status {width: 100px;min-width: 100px;max-width: 100px;}
    .order-item-number {width: 110px;min-width: 110px;max-width: 110px; padding: 0 15px; font-size: 18px;}
    .order-item-summ{width: 100px;min-width: 100px;max-width: 100px;    font-size: 26px;}
    .order-item-repeat {width: 60px;min-width: 60px;max-width: 60px; padding: 0 10px;}
    .order-item-content-product .prod-link {width: 400px;min-width: 400px;max-width: 400px;font-size: 18px;}
    .order-item-content-product img {width: 90px; height:90px}
    .order-item-content-product .addtowishlist {width: 60px;min-width: 60px;max-width: 60px;}
    .order-item-content-product .tpcart__cart-price {width: 170px;min-width: 170px;max-width: 170px;font-size: 26px;}
    .uhod-bl {font-size: 16px}
    .ship-top-txt {font-size: 16px}
    .ship-img img {height: 344px}
    .subs-atten {font-size: 16px; padding: 20px 30px;}
    .subs-buket-txt {font-size: 18px}
    .prod-prems-item {height: auto; align-items: center;display: flex;}
    .prod-prems-item img {top:auto}
    .category-short-list {    overflow-x: auto;}
    .sostav-bl span, .chars-bl span {    display: inline-block;white-space: nowrap;}
    .tpproduct-details__pera p {font-size: 16px}
    .video-block a iframe {height: 532px}
    .col-lg-4.cartright { padding-left: 0}
    .tovaritem .prod-image img {width: 180px; height: 180px}
    .cartleft .prod-link {min-width: 300px;max-width: 300px;}
    .delivery-section {width: 500px}
    .info-area .infoblock {height: 245px}
    .holiday-active .tpratingitem.tpproduct {width: 49.5%;min-width: 49.5%;max-width: 49.5%;}
    .leftholidayprod .tpproduct__thumb img {height: 682.5px}
    .tpproduct-details__navtab.subs-tabs .nav-tabs li {width: 49.7%;}
    .dop-media .first-media .block-media img {height: 232.5px}
}

@media screen and (max-width: 1199px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 950px;
        max-width: 950px;
    }
    .header-canvas { margin-right: 20px}
    .selected-address { font-size: 16px;    padding: 11px 40px;}
    .selected-address:before { left: 10px;top: 8px;}
    .phone-block { font-size: 18px}
    .thanks-page {width: 100%}
    .foot-left {display: none;}
    .foot-right {width: 30%}
    .foot-mid {width: 70%;padding-left: 0;}
    .menu-top-social a svg { width: 28px; height: 28px}
    .header-meta__social button {margin-left: 2px;margin-right: 2px;}
    .address-selector {gap:15px}
    .header-sticky .white-bg-search {width: 48%;}
    .thanks-page .infoblock {height: auto}
    .thanks-dop-txt {font-size: 16px;}

    .contactsright { width: 40%}
    .contactsleft {width: 60%}
    .contactsleft iframe { height: 759px}
    .fil-addr {font-size: 22px}
    .qr-bl a img { width: 120px}
    .seoright { width: 40%}
    .seoleft {width: 60%}
    .cont-mail a { font-size: 20px}
    .bot-form, .fon-faq { height: 615px}
    .about-txt { font-size: 16px}
    .about-num-item span {font-size: 55px}
    .about-num-item {font-size: 14px}
    .about-why-txt {padding: 20px}
    .lk-form input.three-w {width: 33%}
    .wishlist-lk .tovaritem .prod-link {font-size: 18px}
    .order-item { padding-left: 10px}
    .order-item-status {width: 90px;min-width: 90px;max-width: 90px; padding-right: 10px}
    .order-item-number {width: 90px;min-width: 90px;max-width: 90px; padding: 0 10px; font-size: 14px;}
    .order-item-summ{width: 100px;min-width: 100px;max-width: 100px;    font-size: 22px;}
    .order-item-repeat {width: 60px;min-width: 60px;max-width: 60px; padding: 0 10px;}
    .order-item-content-product .prod-link {width: 290px;min-width: 290px;max-width: 290px;font-size: 16px;}
    .order-item-content-product img {width: 60px; height:60px}
    .order-item-content-product .addtowishlist {width: 50px;min-width: 50px;max-width: 50px;}
    .order-item-content-product .tpcart__cart-price {width: 160px;min-width: 160px;max-width: 160px;font-size: 22px;}
    .order-item-number span {font-size: 14px}
    .uhod-bl img {width: 150px}
    .uhod-bl {height: 210px;    padding-left: 160px;}
    .composition-row .uhod-bl img {width: 100px}
    .composition-row .uhod-bl {padding-left: 200px}
    .composition-row .uhod-bl span {left:160px;}
    .ship-txt {padding-top: 100px}
    .ship-img img {height: 318px;}
    .ship-doc-item.ship-it, .ship-doc-item span.ship-clr-txt {font-size: 16px;}
    .shibl-h {padding-right: 100px}
    .agree-bl-form { padding-right: 50px;}
    .subs-right .subs-item {font-size: 16px; padding: 30px 20px; padding-left: 110px}
    .subs-right .subs-item img {left:20px}
    .subs-prod-item-img img {width: 160px}
    .tpproduct-details__pera p {font-size: 16px}
    .video-block a iframe {height: 421px;}
    .product-sidebar__title {font-size: 16px;padding: 10px 15px;padding-right: 51px; margin-right: 2px}
    button.cansel-filt {padding: 10px 22px}
    .summ-item {font-size: 28px}
    .tovaritem .prod-image img {width: 120px;height: 120px;}
    .tovaritem {padding-right: 20px}
    .cartleft .prod-link {min-width: 270px;max-width: 270px;}
    .dop-zakaz {padding: 20px}
    .delivery-option {    flex-wrap: wrap;}
    .delivery-section {width: 100%; margin-top: 20px;}
    .tpfeatures__content p {font-size: 14px}
    .tpfeatures__title {height: 53px}
    .holiday-active .tpratingitem.tpproduct {width: 49.4%;min-width: 49.4%;max-width: 49.4%;margin-bottom: 15px;}
    .leftholidayprod .tpproduct__thumb img {height: 563px}
    .infoblock svg, .infoblock img {width: 120px}
    .info-area .infoblock {height: 275px;padding-left: 180px;}
    .subs-buket-txt {font-size: 16px;}
    .subs-buket.bonus-bl a {    padding: 14px 50px; font-size: 20px}
    .subs-buket.bonus-bl {    height: 260px;padding-top: 30px;    overflow: hidden;}
    .subs-buket.bonus-bl:before, .subs-buket.bonus-bl:after {opacity:0.4}
    .col-lg-2.left-rait-bl {width: 20%}
    .col-lg-10.right-rait-bl {width: 80%}
    .rait-left {padding: 20px}
    .tpfeatures__content { padding: 20px;padding-top: 30px;}
    .order-item-status span {font-size: 12px}
    .stickers span {margin-top: 1px;font-size: 14px;}
    .tpratingitem__title {font-size: 14px}
    .dop-media .first-media .block-media img {
        height: 184px;
    }
}

@media screen and (max-width: 991px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 730px;
        max-width: 730px;
    }
    .addrtop { width: 45%}
    .logotop {width: 15%;}
    .iconstop { width: 40%}
    .header-meta__social a svg, .header-meta__social button svg { width: 32px; height: 32px}
    .header-meta__social button {margin-left: 0;margin-right: 0;}
    .menu-top-social {margin-right: 5px;}
    .header-canvas {margin-right: 10px;}
    .header-cart span {height: 18px;width: 18px;line-height: 18px;font-size: 10px;top: -5px;right: -4px;}
    .selected-address { font-size: 14px;    padding: 11px 35px; height: 40px}
    .selected-address:before { left: 5px;top: 8px;}
    .phone-block { font-size: 16px}
    .address-dropdown {min-width: 190px}
    .header-sticky .white-bg-search {width: 38%;}
    .header-sticky .mainmenuarea.platinam-menuarea .row {padding-top: 5px}
    .contactsright { width: 100%; padding-right: 2.5px;}
    .contactsleft {width: 100%; margin-bottom: 40px}
    .contactsleft iframe { height: 550px}
    .seoright { width: 100%}
    .seoleft {width: 100%; margin-bottom: 20px}
    .bot-form, .fon-faq { height: auto}
    .fil-item { width: 50%}
    .fils-bl {display: flex;        flex-wrap: wrap;}
    .qr-bl {margin-bottom: 20px;width: 26%;padding: 15px;height: 88px;vertical-align: top; display: none}
    .qr-bl a img {width: 50px;}
    .cont-mail a { float: right}
    .cont-mail {margin-top: 0;width: 73.4%;display: inline-block;vertical-align: top;}
    .about-num-item { min-width: 50%;        margin-bottom: 30px;}
    .about-nums {    flex-wrap: wrap;}
    .about-item {width: 50%; margin-bottom: 5px}
    .lk-form input.three-w {width: 100%}
    .date-item {flex-wrap: wrap}
    .date-item input.dat-item-third {width: calc(100% - 90px);margin-left: 42px;}
    .date-item .dat-item-first {width: 275px;min-width: 275px;}
    .lkmenulist a {margin-right: 15px;font-size: 14px;}
    .logoutlink {font-size: 12px;}
    .lk-block .addr-item span {min-width: 180px}
    .wishlist-lk .tovaritem .prod-link {font-size: 16px; min-width: 280px;max-width: 280px;}
    .tpcart__cart-price del, .tpcart__cart-price span.procent {font-size: 18px;}
    .order-item-status span {    font-size: 12px;padding: 2px 6px;border-radius: 9px;transform: rotate(-90deg);position: absolute;left: -40px;width: 70px;text-align: center;}
    .order-item-status {width: 0;min-width: 0;max-width: 0; padding-right: 0}
    .order-item-status:after {display: none}
    .order-item-content-product .prod-link span {font-size: 14px}
    .order-item-content-product .tpcart__cart-price {width: 135px;min-width: 135px;max-width: 135px;font-size: 18px;}
    .order-item-summ{width: 80px;min-width: 80px;max-width: 80px;    font-size:18px;        padding: 0 10px;}
    .order-item-content-product .prod-link {width: 250px;min-width: 250px;max-width: 250px;font-size: 14px; padding: 0 10px}
    .order-item-repeat {width: 40px;min-width: 40px;max-width: 40px;padding: 0;}
    .order-item-number span {font-size: 12px;}
    .order-item-number {width: 100px;min-width:100px;max-width: 100px; }
    .order-item-content-product .addtowishlist {width: 24px;min-width: 24px;max-width: 24px;}
    .order-item-content-product .addtowishlist svg {width: 20px}
    .uhoditem {width: 100%}
    .uhod-bl img {width: 130px;}
    .uhod-bl {min-height: 140px;height: auto;padding: 30px;padding-left: 160px;}
    .composition-row .uhod-bl {height: auto}
    .composition-row .uhod-bl img {top:20px}
    .shiptoprow .col-lg-6 { width: 100%; padding-left: 2.5px;}
    .ship-img img {height: 220px;}
    .ship-img {order:0}
    .shiptoprow  .shipleft {order:2}
    .shipbl-txt .col-lg-6 {width: 100%}
    .shibl-h {margin-bottom: 30px;}
    .ship-condition {margin-bottom: 30px;}
    .form-area .bot-form .col-lg-4, .form-area .bot-form .col-lg-8 {width: 100%}
    .form-area .bot-form .rightform {padding-top: 0;}
    .agree-bl-form {  position: absolute;bottom: -120px;}
    .form-area .bot-form {padding-bottom: 150px}
    .row-break {flex-basis: auto;}
    .subs-left {width: 100%}

    .subs-right {width: 100%; margin-top: 5px;display: flex;align-items: center;justify-content: space-between;}
    .subs-right .subs-item {min-width: 33.3%;font-size: 14px;padding-left: 90px;padding-right: 0;}
    .subs-right .subs-item img {width: 60px; top: auto;}
    .subs-prod-item-img img {width: 120px;}
    .subs-prod-item {padding: 20px}
    .subs-buket-txt {font-size: 16px;}
    .subs-buket:before, .subs-buket:after {opacity: 0.5}
    .col-lg-8.cartleft {width: 100%; padding-right: 2.5px;}
    .col-lg-4.cartright {width: 100%; padding-left: 2.5px}
    .cartleft .prod-link {min-width: 320px;max-width: 320px;}
    .prod-image .addtowishlist svg {width: 24px; height: 24px}
    .addmodal .modal-dialog {max-width: 700px;}
    .addtocart_html {font-size: 32px}
    .fea-row .col-lg-3 {width: 50%}
    .leftholidayprod, .rightholidayprod {width: 100%}
    .leftholidayprod { margin-bottom: 30px}
    .leftholidayprod .tpproduct__thumb img {height: auto;}
    .inf-left {width: 100%; margin-bottom: 5px}
    .inf-right {width: 100%}
    .info-area .infoblock {height: auto}
    .col-lg-2.left-rait-bl {width: 25%}
    .col-lg-10.right-rait-bl {width: 75%}
    .col-lg-6.tovar-left {padding-right: 2.5px; width: 100%}
    .col-lg-6.tovar-right {padding-left: 2.5px; width: 100%}
    .same-prods {display: none}
    .sticker-size {right: 15px;        top: 12.5px;}
    .video-block {width: 50%;min-width: 50%;}
    .product-sidebar__title svg {display: none}
    .dropdown-toggle.product-sidebar__title::after, .sortby .dropdown-toggle::after, .showbl .dropdown-toggle::after {width: 30px;background-size: cover;height: 30px;top:5px;}
    .product-sidebar__title {font-size: 15px;padding: 10px 12px;padding-right: 35px;}
    button.cansel-filt {padding: 10px 15px;font-size: 14px;}
    .sortby.dropdown {font-size: 14px; }
    .category-short-list .cat-name { margin-top: 0;}
    .category-short-list a {padding-top: 0;        padding-bottom: 15px;}
    .modal#addtowish .modal-content .modal-btns {margin-left: 50px;}
    .modal#addtowish .modal-content {padding: 10px 15px}
    .tpproduct-details__navtab.subs-tabs .nav-tabs li {width: 49.6%;}
    .date-input-wrapper,.date-input-wrapper2 {width: 100%}
    .dop-media .first-media .block-media img {
        height: 311px;
    }
}
.mobile-header {display: none}
.mainmenu__search-icon.search-button svg {}
.fancybox__footer {display: none !important;}
.fancybox__toolbar {display: none !important;}
.fancybox__nav button{opacity:0!important}
.fancybox__nav:hover button{opacity:1!important}
.phone-dropdown.phone-mobile {display: none}

@media screen and (max-width: 768px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 500px;
        max-width: 500px;
    }
    @supports (-webkit-touch-callout: none) {
        .mobile-header {
            padding-bottom: 20px; height: 70px!important; padding-top: 20px;
        }
    }
    p, body {font-size: 14px}
    .subs-buket-txt {font-size: 14px;}
    .foot-mid {width: 100%;padding-left: 2.5px;}
    .foot-right {width: 100%;        text-align: center;}
    .botmenu {display: none}
    .footer-callback a {margin: 0 auto;height: auto; padding-bottom: 8px}
    .bot-addr {    flex-direction: column; margin-bottom: 15px;}
    .footer-copyright__content span {text-align: center;        font-size: 0;}
    .bot-addr .addr-item {order:1;font-size: 14px;margin: 0;display: flex;align-items: center; margin-bottom: 15px}
    .bot-addr .addr-item a {display: inline; margin: 0; margin-right: 15px;}
    .bot-socials {order:0; margin-bottom: 30px;}
    .footer-area {padding-top: 40px; margin-top: 15px}
    .footer-copyright {padding-bottom: 50px}
    #carouselslider .carousel-control-next { width: 32px; bottom: 20px; left: 57px; top:auto}
    #carouselslider .carousel-control-prev {width: 32px; bottom: 20px; left: 20px; top:auto}
    #carouselslider .carousel-control-next, #carouselslider .carousel-control-prev svg {width: 32px; height: 32px}
    .mobile-header {display: flex;position: fixed;bottom: 0;left: 0;right: 0;width: 100%;border-top: 1px solid #fff;background: #F5F6F7;height: 50px;z-index: 9;align-items: center;justify-content: space-between; padding-top: 6px}
    .mobile-header svg {width: 20px; height: 20px}
    .mobile-header a { text-align: center; width: 20%; font-size: 12px; flex-direction: column;display: flex;align-items: center;gap: 2px;        position: relative;}
    .mobile-header a span.counter {position: absolute; width: 16px;height: 16px; border-radius:100%; border:1px solid #F5F6F7; background:#000; font-size: 10px; color: #fff;        top: -7px;right: 18px;}
    .phone-dropdown.phone-mobile {
        position: absolute;
        display: block;
        top: 12px;
        left: 15px;
        z-index: 999;
    }
    .header-sticky  .phone-dropdown.phone-mobile {display: none}
    .phone-menu {
        position: absolute;
        bottom: auto;
        left: 0;
        right: 0;
        transform: none;
        background: #F5F6F7;
        border: none;
        border-radius: 10px;
        padding: 8px 0;
        min-width: 200px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s
        ease;
        z-index: 1000;
    }

    .phone-dropdown.active .phone-menu {
        opacity: 1;
        visibility: visible;
    }

    .phone-menu a {
        display: block;
        padding: 10px 15px;
        text-align: left;
        font-size: 18px;

        font-weight: 700;
        border-bottom: 1px solid #f1f3f4;
        white-space: nowrap;
    }

    .phone-menu a:last-child {
        border-bottom: none;
    }

    .phone-menu a:hover {
        background-color: #f8f9fa;
    }

    .phone-menu span {
        display: block;
        font-size: 14px;
        color: #8d8d8d;

        font-weight: 400;
        margin-top: 2px;
    }
    .product-prev-btns {bottom:-10px}
    .tpproduct__thumb {margin-bottom: 15px}
    .sortby.dropdown {font-size: 14px;  position: relative;right: 0;width: 200px;margin-bottom: 10px;}
    .filter-area .product-sidebar.d-flex { justify-content: end}
    .sortby .dropdown-menu {left: 0 !important;width: 200px;}
    .user-dropdown .dropdown-menu.show {left: -143px !important;}
    .addrtop {display: none}
    .header-meta__social {}
    .header-meta__social button, .header-meta__social a.wishlisttop, .header-meta__social .dropdown.user-dropdown {display: none}
    .header-meta__social a.usermenu {width: 40px; height: 40px; line-height: 40px; background: #fff; border-radius:10px; display: block;text-align: center;}
    .header-meta__social a svg, .header-meta__social button svg {width: 40px;height: 40px;}
    .header-canvas {order:3; margin-right: 0;}
    .header-canvas button {font-size: 0;height: 40px; width:40px;line-height: 40px;background: #fff;border-radius: 10px;display: block;text-align: center; margin-left: 5px}
    .header-canvas svg {margin-right: 0;}
    .menu-top-social a svg {width: 34px;height: 34px;}
    .mainmenu__search { margin-top: 5px}
    .slider-area {margin-top: 10px}
    .logotop {width: 125px;position: absolute;left: 0;right: 0;margin: 0 auto;z-index: 3;min-width: 110px;        top: 10px;}
    .iconstop {width: 100%;background: none;z-index: 2;}
    .header-meta {justify-content: end !important;        margin-top: -7px;}
    .menu-top-social {margin-right: 0; position: absolute;left: 0;        display: none !important;}
    .mainmenuarea.platinam-menuarea {}
    header {padding-top: 15px;background: #F5F6F7;}
    .error-page .thnks-btns {margin-bottom: 0}
    h1 {font-size: 26px}
    h2 { font-size: 24px;}
    h3 {font-size: 26px}
    .thanks-page:before, .thanks-page:after {opacity:0.3}
    .stickers span {font-size: 14px;    margin-top: 1px;}
    header .price-min, header .price-max {display: none}
    .thanks-page {padding: 30px; padding-top: 60px}
    .thnks-txt br {display: none}
    .thanks-page .infoblock {padding: 30px}
    .thanks-page .infoblock svg, .thanks-page .infoblock img {position: static;        margin-top: -30px;}
    .thanks-page .infoblock .read-more {    position: absolute;right: 20px;top: 20px; z-index: 2}
    .info-area .infoblock {padding: 20px;        height: 307px;}
    .info-area .infoblock svg, .info-area .infoblock img {position: static;        margin-top: 0; margin-bottom: 10px}
    .info-area .infoblock .read-more {position: absolute;right: 20px;top: 20px; z-index: 2;margin: 0;}
    .info-area .infoblock p { margin-bottom: 0}
    .infoblock .read-more a { display: flex; align-items: baseline; padding-bottom: 8px;}
    .bot-form .arnd-btn button {height: auto; padding-top: 15px; padding-bottom: 12px}
    .tpproduct-details__cart button {padding-bottom: 8px;}
    .tpfilterinfo.openfilter.tp-sidebar-opened .botsidemenu button,
    .cartitog .theme-btn,
    .save-btn button, .btn
    {padding-top: 12px; padding-bottom: 8px}
    .thanks-dop-txt {margin: 0}
    .thnks-btns {margin-bottom: 40px}
    .thanks-page,
    .row.composition-row,
    .product-area,
    .seotop-area,
    .features-area,
    .info-area,
    .about-area,
    .testimonial-area,
    .about-info,
    .why-we,
    .info-page.shipping-page,
    .form-area,
    .main-catalog {
        margin-bottom: 40px;
    }
    .brand-items .swiper-slide {padding: 0 10px}
    .modal {z-index: 99999; margin-top: 60px}
    .bot-form {padding: 20px; padding-top: 40px}
    .bot-form h3 {text-align: center}
    .bot-form p {text-align: center; margin-bottom: 20px}
    .bot-form textarea {margin-bottom: 20px}
    .seoleft {margin-bottom: 10px}
    .fon-faq {padding: 20px;padding-top: 40px;        display: none;}
    .fon-faq h2 {text-align: center}
    .accordion-button {padding: 15px 20px;}
    .contactsleft iframe {height: 350px;}
    .fils-bl {flex-wrap: wrap}
    .fil-item {width: 100%; padding: 20px;height: 125px;}
    .fil-img {top:20px; right: 20px;}
    .cont-mail {padding: 20px;width: 64%;}
    .cont-mail a {font-size: 18px}
    .qr-bl {width: 34.2%;padding: 8px 15px;height: 68px; display: none}
    .qr-bl a img {margin: 0}
    .about-nums {margin-top: 20px}
    .about-num-item {margin-bottom: 20px}
    .about-num-item span {font-size: 45px;}
    .ship-img img {height: 180px;}
    .ship-txt {padding: 20px;padding-top: 40px;}
    .ship-top {font-size: 26px}
    .shiptoprow {margin-bottom: 20px;}
    .tpproduct-details__nav .nav-tabs .nav-links {font-size: 14px}
    .shipping-page .tpproduct-details__nav .nav-tabs {margin-bottom: 20px;}
    .shipbl-txt {padding: 20px}
    .logo-pay img {display: inline;width: 23%;}
    .ship-doc-item.ship-out {display: block; text-align: center}
    .phone-out a {margin: 0 auto;        width: auto;}
    .phone-out {margin-top: 10px}
    .form-area .bot-form {padding: 20px;padding-bottom: 150px;}
    .form-area .bot-form:before {width: 454px;height: 209px;opacity: 0.3; display: none}
    .shibl-h {padding: 0}
    .lkmenu {position: relative; margin-bottom: 0; padding-bottom: 0}
    .lk-block .logoutlink {top:15px; position: absolute; right: 15px}
    .lkmenulist { overflow: hidden;overflow-x: auto; white-space: nowrap;  }
    .lk-block {padding: 20px}
    .gender-group {gap: 5px;margin: 15px 0; right: 20px}
    .date-item input.dat-item-second {margin-left: 50px;width: calc(100% - 50px);min-width: 100px;}
    .date-item .dat-item-first {width: calc(100% - 50px);min-width: 100px;}
    .date-item input.dat-item-third {width: calc(100% - 95px);margin-left: 50px;min-width: 100px;}
    .lk-block .addr-item {    flex-wrap: wrap;}
    .lk-block .addr-item input {width: 88%;}
    .cartpage .prod-name-bl, .cartpage .prod-cart-btns {padding-top: 0;}
    .cartpage .tovaritem {align-items: center}
    .tpratingitem__content {padding-left: 5px;}
    .tpsection {
        position: relative;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
    .wishlist-lk {padding: 0}
    .wishlist-lk .tovaritem .prod-image img {width: 60px;height: 60px;}
    .wishlist-lk .tovaritem .prod-link {font-size: 16px;min-width: 200px;max-width: 200px;margin-left: 15px;}
    .wishlist-lk .tovaritem .addtowishlist { margin-left: 0; position: absolute; left: 85px; top:43px;background: none;}
    .wishlist-lk .tovaritem .addtowishlist svg {width: 24px; height: 24px;}
    .wishlist-lk .tovaritem .prod-image {align-items: flex-start}
    .tpcart__cart-price {font-size: 24px}
    .main-catalog {margin-top: 20px}
    .tpsection .tpplatiarrow {top: auto;        margin: 0;}
    .tpsection__title {font-size: 24px;width: calc(100% - 150px);margin-bottom: 0;}
    .tpsection__title a {margin-top: 2px}
    .holiday-active .tpratingitem.tpproduct {width: 49.2%;min-width: 49.2%;max-width: 49.2%;}
    .holiday-active .stickers {display: none}
    .tpproduct-details__sticky {padding: 0}
    .subs-left-info {padding: 20px; height: auto}
    .subs-img img {height: 180px}
    .subs-atten {padding: 20px}
    .subs-right .subs-item {min-width: 100%;padding: 10px 20px;padding-left: 100px;height: 80px;}
    .subs-right {flex-wrap: wrap;}
    .subs-price {margin-top: 40px;}
    .subs-prod-item-img img {width: 190px;}
    .subs-prod {margin-bottom: 5px;}
    .subs-prod-item-img span {top:-22px}
    .subs-buket {margin-top: 40px;margin-bottom: 40px;height: auto;padding: 40px;overflow: hidden;}
    .subs-buket h2 {font-size: 24px;}
    .subs-buket-txt br {display: none}
    .subs-buket:before, .subs-buket:after {width: 40%; opacity:0.2}
    .addmodal .modal-dialog {max-width: 470px;}
    .modal#addtowish .modal-content .addtocart_html {font-size: 14px;    text-align: left;line-height: 1.2;}
    .modal#addtowish .modal-content .modal-btns {margin-left: 0;font-size: 14px;min-width: 150px;        display: none;}
    .modal#addtowish .modal-content {padding-right: 50px; flex-wrap: wrap; gap: 10px;}
    .modal#addtowish .modal-content .addtocart_img:after {    right: 0;bottom: 0;height: 17px;width: 16px;background-size: cover;}
    .addmodal .btn-close, .callmodal .btn-close {right: 15px}
    .modal#addtowish .modal-content .addtocart_img img {width: 40px;height: 40px;}
    .modal#addtowish .modal-content .addtocart_img { min-width: 40px;width: 40px;}
    .addtocart_img img {width: 80px; height: 80px}
    .addtocart_html {font-size: 26px;margin-top: 15px;}
    .modal-btns {margin-top: 10px}
    .dop-sales .tpsection h4 {font-size: 20px}
    .grey-bl {padding: 20px}
    .cartpage fieldset {margin-top: 20px;margin-bottom: 10px;}
    .delivery-option {padding: 20px}
    .cartleft .prod-link {min-width: 180px;max-width: 180px; margin-bottom: 5px;}
    .tovaritem .prod-image img {width: 80px;height: 80px;}
    .dop-zakaz a.hidelink { right: 20px;top: 20px;}
    .cartleft .info-bl {margin-bottom: 20px}
    .basic-pagination {margin-top: 24px;}
    .basic-pagination ul li a, .basic-pagination ul li span {height: 30px;width: 30px;line-height: 28px;}
    .seoblock {margin-top: 40px}
    .seoblock p, .seoblock ul li {font-size: 12px}
    .filter-area .product-sidebar__widget {display: none}
    .breadcrumb__area h1 {font-size: 24px}
    .filter-area {margin: 0}
    .prod-prev-item {width: 50%; margin-bottom: 15px}
    .prod-prev-item .tpratingitem__title {font-size: 14px;margin-bottom: 0;}
    .cat-name {font-size: 14px}
    .seotop-area { margin-top: 5px;        border: none;}
    .summ-item span.onl-pay {margin-top: 7px}
    .info-row-home {    display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: scroll;}
    .inf-left, .inf-right {width: 80%}

    .col-lg-2.left-rait-bl {width: 100%; margin-bottom: 15px; position: relative;}
    .col-lg-2.left-rait-bl .tptestiarrow {position: absolute; right: 0; top:-5px}
    .col-lg-10.right-rait-bl {width: 100%;}
    .rait-left {padding: 0;height: auto;background: none;margin: 0;white-space: nowrap;}
    .main-rait, .good-place {margin: 0; width: 49.5%; display: inline-block; vertical-align: top; background: #F5F6F7; height: 64px; padding-left: 20px; padding-top: 18px}
    .good-place { padding-top: 22px}
    .tptesti {padding: 20px;    height: 180px;}
    .main-rait, .good-place {width: 49.4%;}
    .tpfeatures__icon img {width: 67px;}
    .leftholidayprod {order:2;  margin-bottom: 0; display: none}
    .order-item {flex-wrap: wrap;}
    .order-item-status span {top:auto}
    .order-item-repeat:before, .order-item-summ:before, .order-item-number:before {display: none}
    .order-item-content-product .addtowishlist {background: none; position: absolute;right: 15px;top: 5px;}
    .order-item-content-product {position: relative}
    .order-item-content-product .prod-link span {font-size: 12px;}
    .order-item-content-product .addtowishlist svg {height: 20px}
    .mainmenu__search-icon.search-button svg {display: block; }
    .mainmenu__search-icon {font-size: 0;width: 40px;padding: 8px;}
    .white-bg-search .dropdown, .mainmenu__search-bar svg {display: none}
    .tp-filter-toggle.openfilter, .tp-filter-toggle.openfilter svg {display: block}
    .tp-filter-toggle.openfilter {margin-right: 5px}
    .header-sticky .user-dropdown, .header-sticky .menu-top-social, .header-sticky .iconstop{display: none!important}
    .header-sticky .mainmenu__search {position: static;    margin-top: 0;}
    .header-sticky {padding-bottom: 10px; padding-top: 5px}
    .header-sticky .white-bg-search {width: 100%;}
    .tpproduct-details__navtab.subs-tabs .nav-tabs li {width: 100%;}
    .product-prev-btns .tpproduct-details__quantity .cart-minus, .product-prev-btns .tpproduct-details__quantity .cart-plus {display: none}
    .product-prev-btns .tpproduct-details__quantity {
        width: 32px;
        height: 32px;
        background-color: #FF5D02;
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center;
        padding: 8px;
    }
    .product-prev-btns a {width: 32px;
        height: 32px; line-height: 32px}
    .product-prev-btns svg {width: 32px; height: 32px}
    .product-prev-btns .tpproduct-details__quantity input {

        font-weight: 400;
        position: absolute;
        background: #F5F6F7;
        width: 24px;
        height: 24px;
        color: #000;
        font-size: 14px;
        padding: 5px;
        border-radius: 100%;
        top: -10px;
        margin-left: 12px;
        display: none;
    }
    .scroll-top.open {bottom: 80px;right: 15px;}
    .tpfilterinfo {width: 80%; padding: 20px}
    .rait-date {right: 0}
    .tpfilterinfo.openfilter.tp-sidebar-opened input.price-filt-top-left {width: 110px}
    .tpfilterinfo.openfilter.tp-sidebar-opened input.price-filt-top-right {width: 110px}
    .datefield {width: 100%}
    .tpfeatures__title {height: auto;}
    .tpfeatures__content {height: 148px}
    .dop-media .first-media .block-media img {
        height: 209px;
    }
}

@media screen and (max-width: 550px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 100%;
        max-width: 100%;
    }
    .thanks-page {padding: 20px; padding-top: 50px}
    .thanks-page .infoblock {padding: 20px}
    .thanks-dop-txt {font-size: 14px}
    .cont-mail {width: 100%; display: none}
    .qr-bl {width: 100%; padding: 20px; height: auto;margin-bottom: 5px; display: none}
    .qr-bl a img {margin: 0 5px; width: 80px}
    .bot-form:after {width: 85px;height: 62px;}
    .accordion-body {padding: 20px; font-size: 14px; padding-top: 0;}
    .uhod-bl, .composition-row .uhod-bl {padding: 20px; display: block;}
    .uhod-bl img {width: 100px;position: static; display: block}
    .composition-row .uhod-bl img {width: 80px; margin-bottom: 10px}
    .uhod-bl span {position: absolute;right: 20px;top: 20px;}
    .composition-row .uhod-bl span {left: auto;}
    .about-info {padding: 20px}
    .about-num-item {margin-bottom: 20px;padding: 0 5px;}
    .about-why-txt {padding: 0 10px;}
    .about-why-txt span {font-size: 24px; margin-bottom: 0;}
    .auth-form {width: 100%}
    .arnd-btn {margin-top: 15px}
    .ship-img img {height: 120px;}
    .ship-top {font-size: 24px;margin-bottom: 10px;}
    .shipping-page .tpproduct-details__nav .nav-tabs {white-space: nowrap;flex-wrap: nowrap;overflow-x: auto;gap: 15px;}
    .shibl-h {margin-bottom: 20px;}
    .ship-doc-item.ship-it, .ship-doc-item {padding: 20px;    padding-left: 72px;}
    .ship-doc-item.ship-it br {display: none}
    .ship-doc-item.ship-out {padding-top: 20px}
    .ship-doc-item.ship-out br {display: none}
    .lk-block .logoutlink {right: 20px; top:20px;        width: auto;}
    .lk-block .logoutlink a {font-size: 0;        padding: 5px;}
    .bonus-info {flex-wrap: wrap}
    .bonus-info span {padding: 0; background: none; font-size: 16px;}
    .lkmenulist {
        padding-bottom: 20px;
    }
    .gender-group {position: static}
    .date-item {position: relative;padding: 10px;}
    .date-item span {margin-right: 0;position: absolute;top: -2px;right: 0;background: #fff;width: 15px;height: 15px;font-size: 12px;text-align: center;}
    .date-item .dat-item-first, .date-item input.dat-item-second {width: 100%; margin: 0}
    .date-item input.dat-item-third {margin-left:0;width: calc(100% - 45px);}
    .lk-block .addr-item input {width: 100%;}
    .lk-block .addr-item {position: relative; padding: 10px 0;border-left: none;border-right: none;}
    a.del-addr {position: absolute; right: 0; top:5px}
    a.del-addr svg {width: 24px; height: 24px}
    .wishlist-lk .tpcart__cart-price {position: absolute; left: 78px; bottom: 5px;width: calc(100% - 90px);}
    .wishlist-lk .tovaritem .prod-image img {width: 50px;height: 50px;}
    .wishlist-lk .tovaritem .addtowishlist {left: auto;right: 0;top: -30px;}
    .wishlist-lk .tovaritem .addtowishlist svg {vertical-align: text-top;        width: 20px;height: 20px;}
    .main-cat-item {width: 100px;min-width: 100px;max-width: 100px;margin-bottom: 20px;}
    .prod-prems-item {font-size: 18px}

    .sostav-bl span, .chars-bl span {font-size: 14px}
    #addtocart .modal-content {padding: 20px}
    .modal-btns {display: block; text-align: center; margin-top: 10px; font-size: 16px}
    .modal-btns button { margin: 0 auto}

    .dop-sales .tpsection h4 {max-width: 65%;}
    .modal .dop-sales  .stickers  {display: none}
    .cartleft  .tovaritem {flex-wrap: wrap;}
    .addr-time {flex-wrap: wrap;}
    .cartleft .tovaritem .prod-image img {width: 55px;height: 55px;}
    .cartleft .tovaritem  {justify-content: flex-start; padding-top: 5px;padding-bottom: 5px;}
    .cartleft .prod-link {min-width: 160px;max-width: 160px;}
    .cartleft .prod-name-bl {padding-left: 15px;        padding-top: 5px;}
    .cartpage .prod-name-bl, .cartpage .prod-cart-btns {
        padding-top: 5px;
    }
    .prod-cart-btns {position: absolute;right: 10px;}
    .cartleft .cart-minus svg, .cartleft .cart-plus svg { width: 24px; height: 24px}
    .cartleft .tpproduct-details__quantity {height: 24px}
    .prod-cart-btns input.tp-cart-input {height: 24px; line-height: 24px;min-height: 24px;}
    .tovaritem .tpproduct-details__quantity {width: 70px;    border-radius: 6px;align-items: center;overflow: hidden;}
    .cartleft .tpcart__cart-price {font-size: 20px;}
    .cartleft .prod-link {margin-bottom: 0}
    .cartleft .prod-link a {font-size: 14px; line-height: 1.2; display: block}
    .cartleft .prod-del a svg { width: 24px; height: 24px;}
    .addr-self .field-input {white-space: break-spaces; font-size: 16px}
    .timestart, .timefinish { width: 49.7%; margin-top: 10px}
    input#timestart, input#timefinish, input#timestart2, input#timefinish2 {width: 100%;margin: 0;}
    .timestart:before {left:15px}
    .tpfeatures__content {padding: 20px;height: 135px;}
    .fea-row .col-lg-3 {width: 240px}
    .tpfeatures__title {height: auto}
    .row.fea-row {flex-wrap: nowrap;overflow-x: auto;}
    .order-item-content-product {flex-wrap: wrap; justify-content: flex-start;        height: 84px;}
    .order-item-content-product .tpcart__cart-price {position: absolute;left: 95px;bottom: 0;}
    .order-item-content-product .prod-link {width: 220px;min-width: 220px;max-width: 220px;}
    .order-item-status {height: auto}
    .order-item-repeat, .order-item-summ, .order-item-number {height:40px}
    .order-item-number, .order-item-summ {width: 42%;min-width: 42%;max-width: 42%;}
    .order-item-content {width: 100%;min-width: 100%;max-width: 100%;}
    .tpsideinfo {width: 80%; padding: 20px;}
    .sidemenu ul li {margin-bottom: 10px;}
    .sidehead {margin-bottom: 20px;justify-content: space-between;}
    .sidemenu ul li a, .botsidemenu a {font-size: 18px}
    .chatlink {    padding: 8px 16px; font-size: 16px}
    .tpfilterinfo, .tprevinfo {width: 85%}
    .tpfilterinfo.openfilter.tp-sidebar-opened .form-check {margin-bottom: 5px}
    .tpfilterinfo.openfilter.tp-sidebar-opened .product-sidebar__widget .form-check-label {font-size: 12px}
    .tpfilterinfo.openfilter.tp-sidebar-opened .product-sidebar__widget {margin-bottom: 20px;}
    .form-area .bot-form {padding-bottom: 180px;        background: #E7E7E7;}
    .agree-bl-form {bottom: -150px}
    input::placeholder {font-size: 14px}
    .tprevinfo .botsidemenu {    flex-wrap: wrap;gap: 5px;}
    .tprevinfo .botsidemenu {left:20px; right: 20px; bottom: 20px}
    .rev-text-mod, .rev-name-date-mod {padding-left: 20px; padding-right: 20px;}
    .rev-ava-mod img {height: 250px}
    .rev-goodplace-mod {left:20px; right: 20px; bottom: 120px}
    .rev-goodplace-mod .rait-left {background: #F5F6F7}
    .rev-goodplace-mod .main-rait {    min-width: 40%;width: 44%;    padding-left: 15px;}
    .rev-goodplace-mod .good-place {padding-left: 15px}
    .first-media {flex-wrap: wrap}
    .video-block {width: 100%;min-width: 100%;}
    .dop-media .first-media .block-media img {height: auto;}
    .dop-media .first-media .block-media a {width: 50%}
    .block-media {flex-direction: row}
}
@media screen and (max-width: 400px) {
    .tpsideinfo, .tpfilterinfo, .tprevinfo  {width: 90%}
}
@media screen and (max-width: 350px) {
    .prod-prev-item {width: 100%; margin-bottom: 5px}
    .tpsideinfo, .tpfilterinfo, .tprevinfo {width: 95%}
}