/*   
Theme Name: Palitra Themes
Theme URI: https://palitra-lab.ru
Description: Шаблон разработан в лаборатории Palitra-Lab
Author: Dmitriy
Author URI: https://palitra-lab.ru
*/
*{	
padding:0;	
margin:0;	
list-style-type:none;	
text-decoration:none;
}
.h1, h1 {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}
p, a, span, li, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
    font-family: "Montserrat", sans-serif;
}
a {
	color:#333;
}
h1 {
    text-transform: uppercase;
    color: #024b5e;
    font-weight: 600;
}
li.product-category img {
    border-radius: 5px;
}
img.alignright { 
float: right; 
margin: 0 0 15px 15px; 
}
img.alignleft { 
float: left; 
margin: 0 15px 15px 0; 
}
img.aligncenter { 
display: block; 
margin-left: auto; 
margin-right: auto; 
}
.alignright { 
float: right; 
}
.alignleft { 
float: left; 
}
.aligncenter { 
display: block; 
margin-left: auto; 
margin-right: auto; 
}
mark.count {
    display: none;
}
.topline a {
	color:#333;
}

._g_menu {
    background: #7ca012;
}
._all_footer {
    background: #4f4b40;
}
.mega_main_menu li.default_dropdown > ul, .mega_main_menu li.default_dropdown li > ul, .mega_main_menu li.multicolumn_dropdown > ul, .mega_main_menu li.tabs_dropdown > ul, .mega_main_menu li.widgets_dropdown > ul, .mega_main_menu li.post_type_dropdown > ul, .mega_main_menu li.grid_dropdown > ul, .mega_main_menu li.post_type_dropdown .mega_dropdown > li.post_item .post_details, .mega_main_menu li.grid_dropdown .mega_dropdown > li .post_details {
    box-shadow: 0!important;
}
._h1 {
    text-transform: uppercase;
    font-size: 23px;
}
.mega_main_menu li.default_dropdown > ul, .mega_main_menu li.default_dropdown li > ul, .mega_main_menu li.multicolumn_dropdown > ul, .mega_main_menu li.tabs_dropdown > ul, .mega_main_menu li.widgets_dropdown > ul, .mega_main_menu li.post_type_dropdown > ul, .mega_main_menu li.grid_dropdown > ul, .mega_main_menu li.post_type_dropdown .mega_dropdown > li.post_item .post_details, .mega_main_menu li.grid_dropdown .mega_dropdown > li .post_details {
    box-shadow: none !important;
}
h2.woocommerce-loop-category__title {
    text-align: center;
    color: #333;
    font-size: 16px !important;
}
._head_desc {
    color: #636d7a;
    font-size: 16px;
}
header#pc i {
    margin-right: 10px;
    font-size: 20px;
    color: #462f31;
}
._head_phone {
    font-size: 21px;
    font-weight: 600;
}
header#pc a._logo {
    font-size: 27px;
    color: #333;
    font-weight: 700;
}
header#pc a._logo green {
    color: #7d9f2a;
}
header#pc a._logo:hover {
    color: #7d9f2a;
    font-weight: 700;
    transition: 0.5s;
}
a._logo:hover green {
    color: #333 !important;
    transition: 0.5s;
}
a._logo img {
    width: 85%;
    display: table;
}
._top_line {
    background: #00324e;
}
.woocommerce-breadcrumb {
	padding:20px 0px!important;
}
a._firm {
    font-size: 14px;
}
._all_firm li {
    border-left:3px #000 solid;
	padding-left:15px;
}
._etap_ico {
color: #024a5e !important;
}
a._firm:hover {
    font-weight: 600;
}
._m_menu {
    width: 100%;
    height: 50px;
    background: #024a5e;
    border: 1px #024a5e solid;
}


.hero-audio{
position:relative;
background:
radial-gradient(
circle at 72% 50%,
rgba(212,168,74,0.25),
transparent 45%
),
linear-gradient(
90deg,
#0f141a 0%,
#1b222b 40%,
#141a20 60%,
#0f141a 100%
);
padding:130px 0;
overflow:hidden;
}
.hero-audio::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(
rgba(255,255,255,0.03) 1px,
transparent 1px
),
linear-gradient(
90deg,
rgba(255,255,255,0.03) 1px,
transparent 1px
);
background-size:60px 60px;
pointer-events:none;
}
.hero-audio::after{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(
circle,
transparent 60%,
rgba(0,0,0,0.5) 100%
);
pointer-events:none;
}
.hero-audio h1{
font-size:44px;
letter-spacing:2px;
font-weight:700;
line-height:1.2;
text-transform:uppercase;
color:#ffffff;
text-shadow:0 0 12px rgba(255,255,255,.08);
}
.hero-divider{
width:80px;
height:3px;
background:linear-gradient(
90deg,
transparent,
#d4a84a,
transparent
);
margin:25px 0;
}
.hero-audio p{
color:#c7d0d9;
font-size:18px;
max-width:480px;
line-height:1.6;
}
.hero-audio .btn{
padding:12px 24px;
border-radius:6px;
font-weight:600;
}
.hero-audio .btn-warning{
background:#f0b429;
border:none;
padding:12px 24px;
font-weight:600;
border-radius:6px;
transition:.2s;
}
.hero-audio .btn-warning{
background:linear-gradient(
135deg,
#f4c34e,
#d39c2b
);
border:none;
padding:12px 26px;
font-weight:600;
border-radius:6px;
box-shadow:0 6px 20px rgba(212,168,74,.35);
transition:.25s;
}
.hero-audio .btn-warning:hover{
transform:translateY(-2px);
box-shadow:0 10px 30px rgba(212,168,74,.55);
}
.hero-audio .btn-outline-light{
padding:12px 24px;
border-radius:6px;
}
.hero-logo{
max-width:80%;
filter:
drop-shadow(0 0 20px rgba(212,168,74,.55))
drop-shadow(0 0 40px rgba(212,168,74,.35))
drop-shadow(0 0 70px rgba(212,168,74,.15));
animation:logoGlow 6s ease-in-out infinite;
}
@keyframes logoGlow{
0%{
filter:
drop-shadow(0 0 18px rgba(212,168,74,.45))
drop-shadow(0 0 35px rgba(212,168,74,.25));
}
50%{
filter:
drop-shadow(0 0 28px rgba(212,168,74,.7))
drop-shadow(0 0 60px rgba(212,168,74,.45));
}
100%{
filter:
drop-shadow(0 0 18px rgba(212,168,74,.45))
drop-shadow(0 0 35px rgba(212,168,74,.25));
}
}
.hero-audio .row{
align-items:center;
min-height:420px;
}
.hero-audio{
min-height:480px;
}
@media (max-width:992px){
.hero-audio{
padding:80px 0;
text-align:center;
}
.hero-audio p{
margin:auto;
}
.hero-logo{
margin-top:40px;
max-width:260px;
}
}


/* ===== Блок "Мы в другом измерении сервиса" ===== */

._1{

background:
linear-gradient(
180deg,
#f5f7fa,
#ffffff
);

position:relative;

overflow:hidden;

}


/* технологическая сетка */

._1::before{

content:"";

position:absolute;

inset:0;

background-image:

linear-gradient(
rgba(0,0,0,0.04) 1px,
transparent 1px
),

linear-gradient(
90deg,
rgba(0,0,0,0.04) 1px,
transparent 1px
);

background-size:60px 60px;

pointer-events:none;

}


/* лёгкая подсветка центра */

._1::after{

content:"";

position:absolute;

inset:0;

background:

radial-gradient(
circle at 50% 0%,
rgba(212,168,74,0.08),
transparent 60%
);

pointer-events:none;

}


/* заголовок */

._1 h2{

font-size:34px;
font-weight:600;

color:#1b2430;

letter-spacing:.5px;

position:relative;

}


/* подзаголовок */

._1 .lead{

color:#6c7a89;

font-size:18px;

max-width:720px;

margin:auto;

position:relative;

}


/* карточки */

._1 .col-md-4{

background:rgba(255,255,255,.65);

backdrop-filter:blur(4px);

padding:40px 30px;

border-radius:12px;

border:1px solid rgba(0,0,0,.05);

transition:.35s;

}


/* hover карточек */

._1 .col-md-4:hover{

background:#ffffff;

box-shadow:
0 15px 45px rgba(0,0,0,.08);

transform:translateY(-6px);

}


/* иконки */

._1 i{

font-size:36px;

width:70px;
height:70px;

display:flex;

align-items:center;
justify-content:center;

margin:auto;
margin-bottom:18px;

border-radius:50%;

background:#ffffff;

box-shadow:
0 8px 25px rgba(0,0,0,.08);

}

/* анимация иконки */

._1 .col-md-4:hover{

background:#ffffff;

transform:translateY(-8px);

box-shadow:
0 20px 50px rgba(0,0,0,.12);

}


/* цвета иконок */

._1 .bi-heart-fill{
color:#ff4d5a;
}

._1 .bi-award{
color:#d4a84a;
}

._1 .bi-shield-check{
color:#2e9f78;
}


/* заголовки карточек */

._1 h5{

font-size:20px;

font-weight:600;

margin-top:10px;

margin-bottom:10px;

}


/* текст карточек */

._1 p{

color:#5f6d7a;

font-size:15px;

line-height:1.7;

max-width:260px;

margin:auto;

}
.accent-line{

width:90px;
height:3px;

margin:20px auto 30px;

background:linear-gradient(
90deg,
transparent,
#d4a84a,
transparent
);

}


/* адаптив */

@media (max-width:992px){
.hero-audio h1 {
    font-size: 26px;
}
._1{

text-align:center;

}

._1 .col-md-4{

padding:30px 20px;

}

}

/* ===== соединительные линии между карточками ===== */

._1 .row{
position:relative;
}

/* горизонтальная линия */

._1 .row::before{

content:"";

position:absolute;

top:80px;
left:15%;
right:15%;

height:2px;

background:linear-gradient(
90deg,
transparent,
rgba(0,0,0,.08),
transparent
);

z-index:0;

}

/* вертикальные соединения */

._1 .col-md-4{
position:relative;
z-index:2;
}

._1 .col-md-4::before{

content:"";

position:absolute;

top:-35px;
left:50%;

width:2px;
height:35px;

background:rgba(0,0,0,.08);

transform:translateX(-50%);

}

/* точки соединений */

._1 .col-md-4::after{

content:"";

position:absolute;

top:-45px;
left:50%;

width:10px;
height:10px;

border-radius:50%;

background:#d4a84a;

transform:translateX(-50%);

box-shadow:
0 0 10px rgba(212,168,74,.5);

}

/* убрать линии на мобильных */

@media (max-width:768px){

._1 .row::before{
display:none;
}

._1 .col-md-4::before,
._1 .col-md-4::after{
display:none;
}

}






/* ================================
   Блок "Почему нам доверяют Hi-End технику"
   ================================ */

.features-dark{

background:
linear-gradient(
180deg,
#12171d,
#0f141a
);

color:#ffffff;

position:relative;

overflow:hidden;

padding:90px 0;

}


/* технологическая сетка */

.features-dark::before{

content:"";

position:absolute;

inset:0;

background-image:

linear-gradient(
rgba(255,255,255,0.03) 1px,
transparent 1px
),

linear-gradient(
90deg,
rgba(255,255,255,0.03) 1px,
transparent 1px
);

background-size:60px 60px;

pointer-events:none;

}


/* заголовок */

.features-dark h2{

font-size:36px;
font-weight:600;

letter-spacing:.5px;

margin-bottom:70px;

text-align:center;

}


/* ================================
   линия аудиосигнала
   ================================ */

.features-dark .row{
position:relative;
}

.features-dark .row::before{

content:"";

position:absolute;

top:0px;

left:12%;
right:12%;

height:2px;

background:linear-gradient(
90deg,
transparent,
rgba(212,168,74,.8),
transparent
);

z-index:0;

}


/* движущийся сигнал */

.features-dark .row::after{

content:"";

position:absolute;

top:-3px;

left:12%;

width:8px;
height:8px;

border-radius:50%;

background:#d4a84a;

box-shadow:
0 0 10px rgba(212,168,74,.8),
0 0 20px rgba(212,168,74,.5);

animation:signalMove 7s linear infinite;

z-index:1;

}

@keyframes signalMove{

0%{ left:12%; }
100%{ left:88%; }

}


/* ================================
   карточки преимуществ
   ================================ */

.features-dark .col-md-6{

padding:30px;

border-radius:12px;

transition:.35s;

position:relative;

z-index:2;

}

.features-dark .col-md-6:hover{

background:rgba(255,255,255,.05);

transform:translateY(-4px);

box-shadow:
0 20px 45px rgba(0,0,0,.45);

}


/* ================================
   иконки
   ================================ */

.features-dark i{

font-size:26px;

width:64px;
height:64px;

min-width:64px;
min-height:64px;

display:flex;

align-items:center;
justify-content:center;

border-radius:50%;

color:#d4a84a!important;

background:rgba(212,168,74,.08);

border:1px solid rgba(212,168,74,.25);

box-shadow:
0 0 10px rgba(212,168,74,.35),
inset 0 0 10px rgba(212,168,74,.15);

transition:.35s;

flex-shrink:0;

}
.features-dark i:hover{
transform:scale(1.1);
box-shadow:0 0 25px rgba(212,168,74,.8);
}

.features-dark h2{
font-size:38px;
font-weight:600;
letter-spacing:.6px;
}

/* glow эффект */

.features-dark i::after{

content:"";

position:absolute;

inset:-8px;

border-radius:50%;

background:radial-gradient(
rgba(212,168,74,.35),
transparent 70%
);

opacity:.4;

z-index:-1;

}


/* hover иконок */

.features-dark .col-md-6:hover i{

transform:scale(1.1);

box-shadow:
0 0 18px rgba(212,168,74,.6),
inset 0 0 14px rgba(212,168,74,.25);

}


/* ================================
   текст
   ================================ */

.features-dark h5{

font-size:20px;
font-weight:600;

margin-bottom:6px;

}

.features-dark p{

color:#b8c2cc;

font-size:15px;

line-height:1.6;

margin-bottom:0;

}


/* ================================
   адаптив
   ================================ */

@media (max-width:768px){

.features-dark .row::before,
.features-dark .row::after{
display:none;
}

.features-dark{

text-align:center;

}

.features-dark .d-flex{

flex-direction:column;

align-items:center;

}

}










/* ===== БЛОК КОМПОНЕНТОВ ===== */

section._3{
position:relative;
background:#f7f7f7;
overflow:hidden;
}

/* сетка как во втором блоке */

section._3::before{
content:"";
position:absolute;
inset:0;

background-image:
linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(0,0,0,0.03) 1px, transparent 1px);

background-size:80px 80px;

pointer-events:none;
}


/* заголовок */

section._3 h2{
font-weight:600;
letter-spacing:.5px;
position:relative;
}

/* золотая линия под заголовком */

section._3 h2::after{
content:"";
display:block;
width:70px;
height:3px;
margin:18px auto 0;

background:linear-gradient(90deg,#caa03a,#e0b75a,#caa03a);
border-radius:2px;
}

/* карточки компонентов */

section._3 .col-md-3{
padding:30px 20px;
border-radius:12px;
transition:.3s;
position:relative;
}

/* hover эффект */

section._3 .col-md-3:hover{
background:#ffffff;
transform:translateY(-5px);
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

/* иконка */

section._3 i{
color:#d4a017 !important;
font-size:34px;
position:relative;
z-index:2;
}

/* круг под иконкой */

section._3 i::after{
content:"";
position:absolute;
width:56px;
height:56px;
border-radius:50%;
background:rgba(212,160,23,0.12);
left:50%;
top:50%;
transform:translate(-50%,-50%);
z-index:-1;
}

/* название бренда */

section._3 h6{
font-weight:600;
letter-spacing:.5px;
margin-top:14px;
}

/* описание */

section._3 p{
max-width:700px;
margin:auto;
color:#666;
line-height:1.6;
}








/* ===== HI-END BACKGROUND (тот же как в блоке доверия) ===== */

section._4{
position:relative;
background:
linear-gradient(180deg,#07121c 0%,#02060c 100%);
color:#fff;
overflow:hidden;
}

/* сетка */

section._4::before{
content:"";
position:absolute;
inset:0;

background-image:
linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);

background-size:80px 80px;

pointer-events:none;
}

/* контейнер поверх фона */

section._4 .container{
position:relative;
z-index:2;
}

section._4 h2{
font-weight:600;
color:#fff;
letter-spacing:.5px;
}

section._4 h2::after{
content:"";
display:block;
width:260px;
height:2px;
margin:18px auto 0;

background:linear-gradient(
90deg,
transparent,
#d4a017,
transparent
);

position:relative;
}

/* золотая точка */

section._4 h2::before{
content:"";
position:absolute;
left:50%;
margin-left:-4px;
top:62px;

width:8px;
height:8px;

background:#d4a017;
border-radius:50%;

box-shadow:0 0 8px rgba(212,160,23,.6);
}

section._4 .accordion-item{
border:none;
border-radius:8px;
overflow:hidden;
margin-bottom:14px;
background:transparent;
}

section._4 .accordion-button{

background:linear-gradient(135deg,#caa03a,#e0b75a);
color:#000;
font-weight:600;
padding:16px 22px;
border:none;
box-shadow:none;
}

section._4 .accordion-button:not(.collapsed){
background:linear-gradient(135deg,#d7ac45,#f0c86a);
color:#000;
}

section._4 .accordion-body{
background:rgba(255,255,255,0.06);
color:#d6dbe0;
line-height:1.6;
padding:22px;
}

/* стрелка когда закрыто */

section._4 .accordion-button.collapsed::after{
filter: brightness(0);
}

/* стрелка когда открыто */

section._4 .accordion-button:not(.collapsed)::after{
filter: brightness(0);
transform: rotate(-180deg);
}
section._4 .accordion-button{
padding-right:33px;
}



/* ===== BLOCK 5 : ИСТОРИЯ СЕРВИСА ===== */

section._5{
position:relative;
background:#f7f7f7;
overflow:hidden;
}

/* та же сетка как в блоке "Мы не экономим на качестве" */

section._5::before{
content:"";
position:absolute;
inset:0;

background-image:
linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(0,0,0,0.03) 1px, transparent 1px);

background-size:80px 80px;

pointer-events:none;
}

/* контейнер поверх сетки */

section._5 .container{
position:relative;
z-index:2;
}

/* ===== ЗАГОЛОВОК ===== */

section._5 h2{
font-weight:600;
letter-spacing:.5px;
position:relative;
}

/* золотая линия */

section._5 h2::after{
content:"";
display:block;
width:70px;
height:3px;
margin-top:14px;

background:linear-gradient(90deg,#caa03a,#e0b75a,#caa03a);
border-radius:2px;
}

/* ===== ТЕКСТ ===== */

section._5 p{
color:#555;
line-height:1.7;
font-size:16px;
}

/* ===== КАРТИНКА ===== */

section._5 img{

border-radius:14px;

transition:.35s;

}

/* лёгкий hover */

section._5 img:hover{

transform:translateY(-4px);

box-shadow:
0 25px 60px rgba(0,0,0,0.2);

}




































@media screen and (max-width: 1000px){
	a._logo img {
    width: auto;
	height:55px;
    display: table;
}
._head_phone {
    font-size: 16px;
    font-weight: 600;
}
._head_desc {
    color: #636d7a;
    font-size: 12px;
}
header#mob a._logo {
    font-size: 24px;
    color: #333;
    font-weight: 700;
}
header#mob a._logo green {
    color: #7d9e29;
}










}

._slogan {
    font-size: 14px;
}





