:root {
    --prime: #0fb9b1;
    --sec: #3CBEFF;
    --blue: #E5F6FF;
    --gray-text: #7a8596;
    --black: #07101d;
    --gray: #f2f4f7;

}

.pad,
.mob {
    display: none;
}

img {
    max-width: 100%
}

a {
    text-decoration: none;
    transition: 0.5s;
    text-decoration: none;
    color: inherit;
}

a:hover {
    color: inherit;

}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

p {
    margin-bottom: 0;
}

/*ANIMATE*/

[data-animate] {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease-out;
    will-change: opacity, transform;
}

/* Анимации появления */
[data-animate].animated {
    opacity: 1;
    transform: translateY(0);
}

/* Fade Up */
[data-animate="fade-up"].animated {
    transform: translateY(0);
}

/* Fade Left */
[data-animate="fade-left"] {
    transform: translateX(100px);
}

[data-animate="fade-left"].animated {
    transform: translateX(0);
}

/* Fade Right */
[data-animate="fade-right"] {
    transform: translateX(-100px);
}

[data-animate="fade-right"].animated {
    transform: translateX(0);
}

/* Zoom In */
[data-animate="zoom-in"] {
    transform: scale(0.8);
}

[data-animate="zoom-in"].animated {
    transform: scale(1);
}

/* Flip */
[data-animate="flip"] {
    transform: perspective(1000px) rotateX(90deg);
}

[data-animate="flip"].animated {
    transform: perspective(1000px) rotateX(0);
}

/* Bounce */
[data-animate="bounce"] {
    transform: translateY(100px);
}

[data-animate="bounce"].animated {
    transform: translateY(0);
    animation: bounce 0.6s ease-out;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

/* Custom delay and duration */
[data-animate] {
    transition-duration: var(--duration, 800ms);
    transition-delay: var(--delay, 0ms);
}

body {
    font-family: 'PF Din Text Universal';
    font-size: 16px;
    font-weight: 400;
    background: #fff;
    overflow-x: hidden;
    color: var(--black);
    line-height: 1.3;
}



section {
    padding: 40px 0;
    position: relative
}

section.bg {
    margin: 40px 0
}

h1 {
    text-transform: none;
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 30px;
    /* margin-top: 32px; */
}


/*FLEX*/

.fl {
    display: flex;
}

.fw {
    flex-wrap: wrap;
}

.jsb {
    justify-content: space-between;
}

.jc {
    justify-content: center;
}

.jfe {
    justify-content: flex-end;
}

.jsa {
    justify-content: space-around;
}

.ac {
    align-items: center
}

.afe {
    align-items: flex-end
}

.tc {
    text-align: center;
}

.cw {
    color: white
}

.cb {
    color: black;
}

.fl-column {
    flex-direction: column;
}


.container-fluid {
    padding: 0 30px;

}

main {
    position: relative;
    background: white;
    z-index: 9
}

h2 {
    font-size: 32px;
    margin-bottom: 32px;
    font-weight: 400;
}



/*BUTTON*/


.but a,
.but button {
    background: var(--prime);
    color: #fff;
    padding: 12px 22px;
    border-radius: 0;
    color: white;
    font-weight: 500;
    font-size: 16px;
    border: 1px solid transparent;
    transition: 0.5s;
    display: inline-flex;
    align-items: center;
    height: 48px;
    cursor: pointer;
}


.but img {
    margin-left: 8px;
}

.but a:hover,
.but button:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

.more a {
    color: var(--prime);
    text-decoration: none;
    cursor: pointer;
}

.more a:hover {
    color: #FF02C8
}


/*HEADER*/

header {
    background: var(--black);
    padding: 20px 0 16px 0;
    color: white;
}

header .item {
    font-size: 20px;
    line-height: 32px;
    color: #7A8596;
    display: flex;
    align-items: center;
}

header .item img {
    opacity:0.4
}

header .item + .item {
    margin-left: 40px;

}

header .item img {
    margin-right: 10px;
}

header .item:last-child {
    color:white;
}

header .item:last-child img {
    opacity:1
}

header .item span,
header .item a {}

.header-bottom {
    margin-top: 30px;
}

.header-bottom nav ul li a {
    font-size: 18px;
    white-space: nowrap;
}

.header-bottom nav ul {
    display: flex
}

.header-bottom nav ul li:hover>a {
    color:var(--prime);
}
.header-bottom nav ul li span.arr {
    display:inline-block;
      margin-left: 8px;
    transition:0.5s;
        
}
.header-bottom nav ul li:hover span.arr {
   filter:brightness(0) saturate(22%) invert(42%) sepia(113%) saturate(1322%) hue-rotate(137deg) brightness(99%) contrast(119%);
   transform:rotate(180deg);
    margin-left:8px;
}

.header-bottom nav ul ul {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-delay: 0.15s;
    padding: 20px 20px 10px 20px;
    background: var(--black);
    position:absolute;
    z-index: 99;
    column-count: 2;
    min-width: 460px;
    margin-top: 26px;
}

.header-bottom nav ul li.parent-210 ul {
    display:flex;
    flex-wrap:wrap;
    min-width: 760px;
}

.header-bottom nav ul li.parent-210 ul li {
    flex-basis:50%
}

.header-bottom nav ul ul li {
    flex-basis:50%;
}
.header-bottom ul ul ul li a {
    color: #787b82 !important;
}
.header-bottom nav ul ul ul  {
   display:block;
}
.header-bottom nav ul li + li {
    margin-left: 20px;
}
.header-bottom nav ul li.search {
    cursor:pointer;
}
.header-bottom nav ul ul li + li {
    margin-left: 0;
}

.header-bottom nav ul li img {
  
}
li.parent.first.parent-241 ul {
    position: absolute;
      z-index: 99;
    column-count: 1;
    min-width: 460px;
   
}

li.parent.first.parent-241 ul ul {
    position: relative;
    padding: 10px 0;
    min-width: 188px;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    margin-top: 0;
}
li.parent.first.parent-241:hover ul ul {
     opacity: 1;
    z-index: 1;
    visibility: visible;
}
li.parent.first.parent-241 ul li .arr {
    display:none;
}
.header-bottom nav ul li {
    position:relative;
}

li.parent.first.parent-750 {
    float:left;
    position: relative;
    z-index: 999;
}

li.parent.first.parent-750+li {
    /* clear:both; */
}

.header-bottom nav ul ul li {
   margin-bottom:8px;
}
.header-bottom nav ul ul li:hover a {
    color:var(--prime);
}
.header-bottom nav ul li:hover ul {
    opacity: 1;
    /* Показываем подменю при ховере */
    visibility: visible;
}

.search-block {
    background: var(--black);
}

.search-block form {
    position:relative;
    max-width:250px;
}
.search-block input {
    background:none;
    border:none;
    border-bottom:1px solid white;
    padding:5px 15px 5px 5px;
    width:100%;
    display:block;
    
}

.search-block input::placeholder {
    color:white;
}
.search-block button {
    background:none;
    border:none;
    position:absolute;
    right:0px;
    top:3px;
}

.search-block button img {
    width:16px;
}
.header-bottom .soc {
    display: flex;
}

.header-bottom .soc a + a {
    margin-left: 20px;
}


/*PROMO*/

.promo {
    padding: 135px 0 100px;
    color:white;
}

.promo .bread {
    text-align: center;
    margin-bottom: 15px;
}

.promo .bread ul {
    display: flex;
    justify-content: center;
}

.promo .bread ul li {
    list-style: none;
}

.bread ul {
    display:flex;
}

.bread ul li {
    padding: 0;
}

.bread ul li a:after {
    content: url(../img/right.svg);
    padding: 0 9px;
}

.promo h1 {
    font-size: 44px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 400;
    color: white;
}

.promo p {
    text-align: center;
    max-width: 600px;
    margin: 0 auto 32px;
}

.promo .but {
    margin-bottom: 32px;
    text-align: center
}

.promo .pre {
    display: flex;
    gap: 25px;
}

.promo .pre .item {
    background: var(--black);
    padding: 16px;
    border-radius: 8px;
    flex-basis: 33.333%;
    display: flex;
    align-items: center;
    text-align: left;
}

.promo .pre .item .img {
    margin-right: 24px;
}

.promo .pre .item .subtitle {
    font-size: 20px;
    margin-bottom: 8px;
}

.promo .pre .item p {
    color: rgba(255, 255, 255, 0.8);
    text-align: left;
    margin: 0;
}


/*CATS*/

.cats {}


.cats h2 {
    text-align: center;
    font-weight: 400;
}

.cats .item {
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
}

.cats .item:before {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #00000082;
    display:block;

}

.cats .row {
    margin: 0 -5px;
}

.cats .col-lg-3 {
    padding: 5px;
}

.cats .col-lg-4 {
    padding: 5px;
}

.cats span {
    display: block;
    font-size: 24px;
    font-weight: 500;
    position: relative;
    z-index: 2;
    color: white;
}

.cats.cats-page span {
    font-size:22px;
    font-weight:500;
    text-align:center;
}

.cats.cats-page .title {
    font-size:24px;
}
.cats.cats-page .title a {
    border-bottom:1px solid black;
}
.cats.cats-page .row-item {
    padding:30px 0;
    border-top:1px solid #eee;

}

.cats.cats-page .row .row {
    padding:0;
    border:none;
}


/*WORDS*/

.words {
    padding: 16px 0 14px;
    background: var(--gray);
    color: var(--gray-text);
    margin: 40px 0;
}

.words .subtitle {
    color: var(--black);
}


/*PRE2*/

.pre2 {}

.pre2 h2 {
    max-width: 400px;
}

.pre2 .item {
    padding: 16px 0;
    border-bottom: 1px solid #eee;
}

.pre2 img {
    margin-right: 24px;
}


/*PARAM*/

.param {}

.param .tabs-vert {
    max-width:400px;
}

.param .tabs-vert .tab {
    padding: 16px 24px;
    color: #7a8596;
    position:relative;
    height: auto !important;
}

.param .tabs-vert .tab.active,
.param .tabs-vert .tab:hover {
    background: var(--gray);
    color: var(--black);
    cursor:pointer;
}

.param .tabs-vert .tab.active:after {
    position: absolute;
    content: '';
    right: 16px;
    top:24px;
    width: 8px;
    height: 8px;
    background: var(--prime);
    border-radius: 50%;
}

.param .tab-item .row {
    margin: 0 -5px;
}

.param .tab-item .col-md-6 {
    padding: 5px;
}

.param .item {
    width: 100%;
    height: 132px;
    padding: 10px;
    background-size: cover;
    text-align: right;
}

.param .tab-item {
    display:none;
}

.param .item span {
    text-align: right;
    display: inline-flex;
    background: var(--prime);
    padding: 5px;
    color: white;
}

.param .colors {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.param .colors .item {
    width: 56px;
    height: 56px;
    border: 1px solid transparent;
}

.param .colors .item .active {
    border: 1px solid var(--prime);
}

.param .color-name {
    width: 100%;
    padding: 16px;
    font-weight: bold;
    margin-bottom:15px;
    text-align: center;
}


/*TEXT BLOCK*/

.text-block {
    
}

.text-block .col-md-6+.col-md-6 {
    padding-left: 8px;
}

.text-block img {
    width: 600px;
    height:auto
}

.text-block p {
    font-size: 20px;
    margin-bottom: 22px;
    line-height: 1.5;
}

.panels .item {
    flex-basis: 20%;
    border:1px solid transparent
  
}

.panels .item .item-in {
    display: flex;
    align-items: center;
      border:1px solid #eee;
    padding:12px 12px 12px 24px;
    justify-content: space-between
}

.panels .item .name {
    font-size: 18px;
    line-height: 24px;
}

.panels .item:nth-child(1) .item-in, .panels .item:nth-child(2) .item-in,.panels .item:nth-child(3) .item-in,.panels .item:nth-child(4) .item-in,
.panels .item:nth-child(6) .item-in, .panels .item:nth-child(7) .item-in,.panels .item:nth-child(8) .item-in,.panels .item:nth-child(9) .item-in {
    border-right:0;
}

.panels .item:nth-child(1) .item-in, .panels .item:nth-child(2) .item-in,.panels .item:nth-child(3) .item-in,.panels .item:nth-child(4) .item-in,
.panels .item:nth-child(5) .item-in {
    border-bottom:0;
}
.panels .item:nth-child(11) .item-in {
    border-top:0;
    position:relative;
    top:-1px
}
.panels h2 {
    text-align: center
}


.panels .item:hover {
    background: rgba(15, 185, 177, 0.1);
    border:1px solid var(--prime);
}

.panels .item:hover img {
    filter:brightness(0) saturate(22%) invert(42%) sepia(113%) saturate(1322%) hue-rotate(137deg) brightness(99%) contrast(119%);
}

/*WHITE HEADER*/

.white img {
    filter: brightness(0);
}

.white .call img {
    filter:none !important
}

.white a, .white p, white ul li a, .white span {
    color: var(--black);
}

.white {
    background:white;
}

.white ul  {
    background:white
}

.white nav ul ul  {
    background:white;
    box-shadow: 0px 12px 10px #0000002b;
}

.white nav ul ul ul {
    box-shadow:none;
}


/*BIM*/

.bim {

}

.bim h1 {

}

.bim bread ul li {

}

.bim .row {
    justify-content:space-between;
    width:100%;
}
.bim .but {margin-top: 30px;}
.bim p {
    max-width:512px;
}

.bim-info .item {
    padding: 29px 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eee;
    transition: 0.5s;
    display: flex;
    align-items: center;
}

.bim-info .item:first-child {
     border-top: 2px solid #eee;
}


.bim-info .item:hover {
    border-color:gray;
}

.bim-info .text {
    max-width: 768px;
    font-size: 20px;
    margin-bottom: 40px;
}

.bim-info .num {
    font-size: 20px;
    color:#7a8596;
    min-width:100px;
}

.bim-info .subtitle {
    font-size:20px;
    min-width:400px;
}

.bim-info .info {
    color:#7a8596;
}

.bim-info .item:hover .info {
    color:var(--black);
}

.bim-info .item:hover .num {
    color:var(--prime)
}
.bim .bread {
    margin-bottom:20px;
}
.bim .bread ul li a:after {
    filter:brightness(0)
}
.search-block {
    min-width: 200px;
}

.search-block form {
    position: absolute;
    right: 0;
    z-index: 99;
    width: 200px;
    top: -10px;
}

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

form.sisea-search-form input {
    color: white;
}

form.sisea-search-form svg path {
fill:white;
}

.white form.sisea-search-form svg path {
fill:#000000;
}

.white form.sisea-search-form input {
    color: #000000;
    border-bottom:1px solid black;
    border-radius:0;
    height: auto;
}


.tovar__left a {
    display: block;
}
.tovar__left .tovar__slider {
    margin-bottom:10px;
}
.tovar__slidernav .item:before {
    display:none;
}
.tovar__left .tovar__slider .item img {
    width:100%;
    height:640px;
    object-fit:cover;
    overflow:hidden;
}
.tovar__slidernav img {
    width:100%;
    height:100px;
    object-fit:cover
}
section.breadcrumbs_wrapper.template23 {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 10px;
}

.template23 ul.B_crumbBox {
    margin-bottom: 20px;
}
a.menu-search-close {
    display: none;
}

li.parent.parent-214 ul {
    column-count: 1;
    min-width: 230px;
}

.text-center.page-cats {
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.text-center.page-cats .bread {
    margin-top: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom:10px
}

.page-cats .bread ul li a:after {
    filter:brightness(0)
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}

section.cats.cats-page {
    padding-top: 10px;
}


.bread ul li:before {
    display: none !important;
}

ul.B_crumbBox+h1 {
    margin-top: 10px;
}

.tovar__right.content ul li:before {
    display: none;
}

.tovar__right.content ul {
    padding:40px 0 40px 0px;
}

.tovar__right.content ul li {
    margin:0 0 5px 30px;
    font-size:19px;
    padding-left:3px;
    list-style:disc;
}


.cont-block .subtitle {
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 20px;
}

.cont-block p {
    display: flex;
    font-size: 20px;
}
.tovar__right .button {
    border-radius:0;
    font-size:18px;
    margin-top:10px;
}
.cont-block p img {
    margin-right: 15px;
}

.tovar__right.content {
    padding-left: 40px;
}