/**
Theme Name: Myteme
Author: sva39.ru
Author URI: https://sva39.ru/
Description: Моя тема
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: myteme
Template: astra
*/

/*Таблица характеристик*/
.tab1 table {
border: none;
}
.tab1 tr td {
border: 3px solid #fff;
padding: 10px 20px;
}
.tab1 tr.ser1 td {
background: #F5F8FF;
}
.tab1 tr.ser2 td {
background: #E8ECF8;
}
.tab1 tr.ser1 .tex, .tab1 tr.ser2 .tex {
    font-size: 12px;
}
/*Таблица характеристик*/
.priem li {
margin-bottom: 40px !important;
}
.priem img {
width: 50px !important;
}
.glblok {
 display: flex;
 align-items: center;
}
.podrob {
   font-size: 14px;
    margin-right: 30px;
}
h2 {
    font-size: 20px;
}
#n2-ss-2 .slaid2 .n2-ss-layer-col{
border-radius: 20px 20px 0;
}

/*Продукция*/
.grid-container {
    display: grid;
    grid-template-columns: 50% 1fr 1fr; /* 3 колонки */
    grid-template-rows: auto auto; /* 2 строки */
    gap: 20px; /* расстояние между блоками */
	width:100%;
}

.block {
    background-color: #f0f0f0; /* цвет фона блоков */
    border: 1px solid #ccc; /* граница блоков */
    padding: 20px; /* внутренние отступы */
    text-align: center; /* выравнивание текста по центру */
}

.block-1 {
    grid-column: 1; /* 1 блок занимает  первую колонку */
    grid-row: 1 / span 2; /* 1 блок занимает обе строки */
}

.block-2 {
    grid-column: 2; /* 2 блок занимает 2 колонку */
    grid-row: 1; /* 2 блок в первой строке */
}

.block-3 {
    grid-column: 3; /* 3 блок занимает 3 колонку */
    grid-row: 1; /* 3 блок в первой строке */
}

.block-4 {
    grid-column: span 2; /* 4 блок занимает 2 колонку */
    grid-row: 2; /* 4 блок во второй строке */
}
.blok1 {
background: url(/wp-content/uploads/2025/03/smola_kapli_makro_220869_3820x25962.png);
background-repeat: no-repeat;
background-size: cover;
padding: 20px;
border-radius: 40px 0 40px 40px;
position:relative;
}
.blok2 {
background: url(/wp-content/uploads/2025/03/a-charger-in-a-tree-1.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 20px;
border-radius: 0 40px 40px 40px;
position:relative;
height: 300px;
}
.blok3 {
background: url(/wp-content/uploads/2025/03/krautgartner_bentonite-hills_-5-1.png);
background-repeat: no-repeat;
background-size: cover;
padding: 20px;
border-radius: 0 40px 40px 40px;
position:relative;
height: 300px;
}
.blok4 {
background: url(/wp-content/uploads/2025/03/drillingfluids-hdrimage-1.png);
background-repeat: no-repeat;
background-size: cover;
padding: 20px;
border-radius: 40px 40px 40px 0;
position:relative;
height: 300px;
}
.text {
   font-size: 30px;
    line-height: 1.3;
    color: #fff;
}
.knopka {
      position: absolute;
    bottom: 20px;
    right: 20px;
}
@media (max-width: 992px) {
.grid-container {
    flex-flow: wrap;
    display: flex;
    justify-content: space-around; 
}
.blok1, .blok2, .blok3, .blok4 {
height: 300px;
width: 100%;
}
}
/*Продукция*/

/*Нижние меню*/
.otstup .custom-character0, .otstup .custom-character1, .otstup .custom-character2, .otstup .custom-character3{
 font-weight: 900;
}
/*Нижние меню*/
.site-header .menu-text {
    text-align: center;
}
.mutblok .fl-module-content.fl-node-content{
backdrop-filter: blur(5px);
}
/*Строка продукта*/
.prod .fl-row-content-wrap {
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.prodzag2 {
background: #F1DB0D;
    border-radius: 30px 30px 0;
    padding: 20px;
    margin-bottom: -30px;
}
.prodzag2 h1{
margin-top: 0;
}
.textzag {
font-size: 30px;
    line-height: 1.3;
    margin-bottom: 30px;
}
@media (max-width: 992px) {
  .prodzag2 {
    padding: 0;
    margin: 20px;
}
.prodzag2 h1 {
	font-size: 20px;
    font-weight: 600;
}
.textzag {
font-size: 1.2em;
    line-height: 1.3;
    margin-bottom: 20px;
}
  }
/*Страница продукта*/
.fonzag {
background: #F5F8FF;
}
/*Соответствует требованиям*/
.trebov h3 {
    color: #277D54;
}
.spec {
display: flex;
justify-content: space-between;
}
/*Соответствует требованиям*/
/*Виды фасовки*/
.fas2 {
    background: #E5FFC4;
    border-radius: 30px 0 30px 30px;
    margin: 0;
    padding: 20px;
}
.fas2 h3 {
color: #004221;
}
.fas2 .fasicon {
display: flex;
justify-content: space-between;
}
/*Виды фасовки*/
/*Таблица*/
table.har, .har td, .har th {
    border: 1px solid #fff;
}
.harzag1 {
background: #F1DB0D;
}
.harzag {
background: #053920;
color: #fff;
}
.harstr1 {
background: #F7EAFE;
}
.harstr2 {
background: #EEDDF6;
}
/*Таблица*/

/*Таймлайн*/
.timelin ul, .timelin li {
  text-decoration: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tasks {
  max-width: 1200px;
  margin: auto;
}

.tasks__title {
  align-self: first baseline;
  font-weight: 400;
  margin-bottom: 40px;
}

.tasks__list {
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  position: relative;
}

.tasks__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.tasks__text {
  text-align: center;
  max-width: 200px;
}

.tasks__numb {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: aqua;
  text-align: center;
  align-content: center;
  color: #fff;
  font-size: 35px;
}

.tasks__numb--1 {
  background-color: #f1db0c;
}

.tasks__numb--2 {
  background-color: #86bc30;
}
.tasks__numb--3 {
  background-color: #307f52;
}
.tasks__numb--4 {
  background-color: #155638;
}
.tasks__numb--5 {
  background-color: #073b24;
}

.tasks__list::after {
  content: "";
  position: absolute;
  top: 20%;
  right: 68px;
  width: 85%;
  height: 10px;
  background: linear-gradient(
    90deg,
    rgb(241, 219, 12),
    rgb(43, 129, 80),
    rgb(7, 59, 36)
  );
  z-index: -1;
}

@media (max-width: 992px) {
.tasks {
  max-width: 500px;
  margin: auto;
}

  .tasks__list {
    flex-direction: column;
    gap: 65px;
    width: 500px;
    margin: auto;
  }

  .tasks__list::after {
    transform: rotate(90deg);
    top: 325px;
    width: 101%;
    right: -4px;
  }

  .tasks__text--1 {
    position: absolute;
    left: 0%;
  }

  .tasks__text--2 {
    position: absolute;
    left: 0%;
  }

  .tasks__text--3 {
    position: absolute;
    left: 0%;
  }

  .tasks__text--4 {
    position: absolute;
    left: 0%;
  }

  .tasks__text--5 {
    position: absolute;
    left: 0%;
  }
}
/*Таймлайн*/

/*Страница продукта*/

/*Блок на слайде*/
.blokslaid {
padding: 20px 50px;
    background: #F1DB0D;
    border-radius: 30px 30px 0;
	position: relative;
    bottom: -80px;
}
.logsl {
color: #004221;
    font-size: 64px;
    font-weight: 900;
    margin-bottom: 30px;
}
.ltextsl {
color: #1B3025;
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 1.2;
}
.blkn {
display: flex;
align-items: center;
}
div.n2-ss-slider [class^="n2-ss-slider-"], div.n2-ss-slider .n2-ss-slide{
    overflow: visible !important;
}
@media (max-width: 992px) {
  .blokslaid {
   padding: 20px;
	position: relative;
    bottom: 20px;
    margin-right: 20px;
	margin-top: 40px;
}
.logsl {
    font-size: 2.5em;
}
.ltextsl {
    font-size: 1.1em;
}
}

/*Блок на слайде*/

/*Блок гарантии*/
.blgar .uabb-infobox-content {
    display: flex;
    justify-content: flex-start;
}
  .fl-builder-content .blgar .uabb-imgicon-wrap {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 100%;
}

@media (max-width: 992px) {
  .blgar .uabb-infobox-content {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-align: center;
}
}

/*Блок гарантии*/

/*Блок с фоном папки*/
.papkafon {
background: url(/wp-content/uploads/2025/03/fon2-1.png);
background-repeat: no-repeat;
background-size: cover;
margin-top: 20px;
border-radius: 20px;
height: 310px;
}

/*Блок с фоном папки*/

/*Блок с фоном папки2*/
.papkafon2 {
background: url(/wp-content/uploads/2025/04/fon3.png);
background-repeat: no-repeat;
background-size: cover;
height: 274px;
display: flex;
align-items: center;
margin-top: 20px;
}

/*Блок с фоном папки2*/

/*Блок с синем фоном вкладки*/
.vkladcin .fl-tabs-panels{
border-left: solid #fff;
}
.vkladcin .fl-tabs-label.fl-tab-active:hover{
color: #fff !important;
}
.vkladcin .fl-tabs-label:hover {
color: #F1DB0D !important;
}
.vkladcin .fl-tabs-vertical {
    display: flex;
    align-items: center;
}
/*Блок с синем фоном вкладки*/

/*Блок ЕЦХД*/
.echd .uabb-info-list-content-wrapper {
    display: flex;
    align-items: center;
}

.echd .uabb-info-list-content {
    border-bottom: solid #CFDEFF 4px;
	padding-bottom: 10px;
}
/*Блок ЕЦХД*/

/*большая кнопка в форме*/
.big {
    width: 100% !important;
    background: #79B62A !important;
}
.big:hover {
    background: #277D54 !important;
}
/*большая кнопка в форме конец*/
.mini label{
font-size: 10px !important;
}