/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


.button {
	text-transform: none;
	letter-spacing: 0px;
	font-weight: 400;
}

.button.button-xlarge {
	letter-spacing: 1px;
	font-weight: 400 !important;
}

.menu-link {
	text-transform: none;
	letter-spacing: 0px;
	font-weight: 400;
	font-size: .9rem;
}

.slider-caption h2 {
    letter-spacing: 0px;
    text-transform: none;
    font-weight: 500;
	font-size: 2.5rem;
}

.fbox-content h3, .promo-uppercase, h4 {
	text-transform: none;
}

.fbox-content h3, .widget > h4 {
    font-weight: 400 !important;
	letter-spacing: 0px;
    text-transform: none;

}

.widget_links li {
    display: block !important;
}

.current_cat {
	padding-left: 12px;
}


.fbox-content p {
    color: #7a7777;
	font-size: .9rem;
}

.fw-200 {
	font-weight: 200;
}

.fw-300 {
	font-weight: 300;
}

.fw-400 {
	font-weight: 400;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 700;
}

.bigger-110 {
	font-size: 110% !important;
}

.bigger-120 {
	font-size: 120% !important;
}

.bigger-130 {
	font-size: 130% !important;
}

.bigger-140 {
	font-size: 140% !important;
}

.bigger-150 {
	font-size: 150% !important;
}

.bigger-160 {
	font-size: 160% !important;
}

.bigger-170 {
	font-size: 170% !important;
}

.bigger-180 {
	font-size: 180% !important;
}

.bigger-190 {
	font-size: 190% !important;
}

.bigger-200 {
	font-size: 200% !important;
}


.smaller-90 {
	font-size: 90%;
}

.smaller-80 {
	font-size: 80%;
}

.smaller-70 {
	font-size: 90%;
}
.smaller-65 {
    font-size: 65%;
}

.smaller-60 {
    font-size: 60%;
}


h3, .h3 {
	font-size: calc(1.3rem + 0.6vw);
	letter-spacing: 0px;
	color: #111;
}

.footer-widgets-wrap {
	font-size: .9rem;
}

.dark  .footer-widgets-wrap a {
	color: #fff;

}

.widget > h4 {
margin-bottom: 15px;
}

.descriptionProduct__info {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.descriptionProduct__infoName {
	color: black;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}
.descriptionProduct__infoValue{
    color: black;
}
.descriptionProduct__infoValue:before{
    content: ;
}
.heading-block  h1 {
    letter-spacing: 0px;
    text-transform: none;
}

.button-border.button-primary {
    color: #F18052;
    border-color: #F18052;
}

.button-border.button-primary:hover {
	background-color: #F18052 !important;
}

#gotoTop {
	left: 30px;
	right: auto;
}


.text-ellipsis {
 white-space: nowrap; /* Запрещаем перенос строк */
 overflow: hidden; /* Обрезаем все, что не помещается в область */
 text-overflow: ellipsis; /* Добавляем многоточие */
}

.min-h-54 {
	min-height: 54px;
}

@media (max-width: 500px) {
	.tabs table td {
		font-size: 80%;
		width: 50%;

	}
}

.hidden {
	display: none;
}

form {
	margin:0px;
}

label {
	text-transform: none;
	letter-spacing: 0px;
	font-size: 1rem;
}

.button-widget {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 299;
	letter-spacing: 0px !important;
}

.button-whatsapp {
	background-color: #25D366 !important;
}

.button-msgr > div {
    margin-top: -5px;
}

.button-msgr i {
    top: 5px;
}

.button-xlarge i {
    margin-right: 8px;
}

@media (max-width: 992px) {
.button-widget {
    bottom: 0px;
    right: 0px;
    width: 100%;
    border-radius: 0px !important;
}
}

.page-contacts {
	padding-bottom: 0px;
}

.fbox-content h2 {
    font-size: 24px;
}

.copyright_link img {
	opacity: .6;
}

.copyright_link a:hover img {
	opacity: 1;
}

.px96 {
	width: 96px;
	height: 96px;
}

.min-h-240 {
    min-height: 250px
}

.widget_links li a {
	display: initial !important;
}

.swiper-button-next, .swiper-button-prev {
    color: #f18052!important;
}

@media (min-width: 768px) and (max-width: 1400px){
    table tr{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0;
    }

 .card-img-top {
    object-fit: cover!important;
}
}
  .custom-select {
    position: relative;
    display: inline-block;
  }

  .custom-select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding-right: 30px; /* Добавляем дополнительное пространство для стрелочки */
  }

  /* .custom-select::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    pointer-events: none;
  } */
  .descriptionProduct__content .descriptionProduct__info{
      flex-direction: column;

  }
  .feature-box {
      transition: 300ms;
  }
  .feature-box:hover{
      background-color:#F18052;
  }
  .feature-box:hover h2{
       color: white;
  }


 @media (max-width:1200px){
.custom-select {
    flex-direction: column;
}
 }

.card-body table{
 	display: table;

}
.card-body table tr {
	display: table-row;
        border-color: #d2d2d2;
}
.card-body table td {
	display: table-cell;
         padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
        border-color: #d2d2d2;
      
}
.card-body table td:last-child{
	text-align: right;
}
small tr td {
    /* white-space: nowrap; */
}
    .container.brands {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
align-items: stretch;
      /* background: url("../../assets/images/k86vbtrf937h.jpg"); */
      background-repeat: no-repeat;
    }

    .container.brands .card {
        min-height: 336px;
            /* background-color: aliceblue; */
    max-width: 45%;
    min-width: 300px;
    border: none;  
    padding: 10px 30px;
    margin-bottom: 30px;
    box-sizing: border-box;
    /* display: flex;
    flex-direction: row; */
    align-items: center;
    box-shadow: 0px 10px 22px 0px #0000001A, 0px 40px 40px 0px #00000017, 0px 89px 54px 0px #0000000D, 0px 159px 63px 0px #00000003, 0px 248px 69px 0px #00000000;
}
/* background: repeating-linear-gradient( 45deg, #606dbc24, #606dbc14 10px, #46529817 10px, #46529845 11px ); */
  /* background: linear-gradient(45deg, rgba(255, 165, 0, 0.5) 25%, transparent 25%, transparent 75%, rgba(255, 165, 0, 0.5) 75%),
              linear-gradient(45deg, rgba(255, 165, 0, 0.5) 25%, transparent 25%, transparent 75%, rgba(255, 165, 0, 0.5) 75%);
  background-size: 20px 20px; */
    }
    .container.brands .card .left {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;  
    }


.container.brands .card .right p {
    font-size: 14px;
    color: grey;
    line-height: 1.6;
}
    .container.brands .card .left {
padding-bottom: 15px; 
    }

    .container.brands .card .right{
    padding-bottom: 10px;
        margin-top: 15px;
}
    .container.brands .logo {
width: 115px;
    border-radius: 15px;
    position: absolute;
    right: 0;
    top: 0;
    border-bottom: 2px dotted #0000a145;
    border-left: 2px dotted #0000a145;
     }

    .container.brands .company-name { 
      font-weight: bold;
      color:#0000a1;
      font-size: 32px;
    }





.tabs table tbody tr:nth-child(2n) {
  background-color: #dde7f5;
}
.tabs table {
    border: 1px solid #eaeaea;
}


.product-desc h1 {
    color: #0000a1; 
}
.descriptionProduct__infoName{
    font-weight: bold;
}
.descriptionProduct__infoName{
    font-weight: bold;
}
.product-desc h2{
    color: #0000a1; 
}

 .product-image {
    border: 1px dotted #0000a18a;
    border-radius: 5px;
    margin-bottom: 50px;
}
   .zoom{ 
       background-color: #0000a14d;
    z-index: 50; 
    height: 50px;
    border-radius: 50px;
        width: 50px!important;
    right: 20px;
    top: 20px;
	pointer-events: none;
    }
    .cardTitleFeatures{
            font-family: Roboto;
            color: #0000a1!important; 
    }
  
@media (max-width:992px){
.catalog-side-menu__lili-item a { 
    font-size: 14px!important; 
    line-height: 10px!important; 
}
.catalog-side-menu__lilili-item a { 
    font-size: 14px!important; 
    line-height: 20px; 
}
.catalog-side-menu__lilili-item {
    margin-left: 10px;
}
.catalog-side-menu {
    box-shadow: 0px 4px 6px 0px #0000001A;
 
}
.single-product .product-image, .single-product .product-image img {
    height: 300px;

    width: auto;
    margin: auto;
    margin-bottom: 30px;
}
}
.product-desc{
    margin-top: 0px!important;
}
.fbox-content h2 {
    font-size: 22px;
    text-align: left;
    width: 100%;
    margin-left: 30px;
}
.brang-cart-item .fbox-content h2 { 
    margin-left: 0px;
}
.card-img-top { 
    width: auto;
    display: block;
    margin: auto;
    margin-bottom: 30px;
    margin-top: 30px;
}
.cat-product-card.card.course-card {
    max-width: 400px;
    margin: auto;
}
}

@media (max-width:576px){
.swiper_wrapper .swiper-container {
    height: 50%; 
}
.title-catalog-text { 
    margin-top: 0px; 
}




}


@media (min-width:992px){
.fbox-content h2 {
    font-size: 22px;
    text-align: left;
    width: 100%;
    margin-left: 0px;
    text-align: center;
}
.container.brands .card {
 
    align-items: flex-start; 
}

}


@media (min-width: 1280px) and (max-width: 1400px) {
    .custom-col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Смена направления сайта — иконка в шапке */
.header-segment-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #cdd2d8;
    background-color: #e3e6ea;
    color: #4a4f55;
    text-decoration: none;
    line-height: 1;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.header-segment-switch i {
    font-size: 1.05rem;
    line-height: 1;
}

body:not(.device-touch) .header-segment-switch:hover,
body:not(.device-touch) .header-segment-switch:focus-visible {
    background-color: #d5d9df;
    color: #2c3136;
    border-color: #b9c0c8;
}

.header-segment-switch:focus-visible {
    outline: 2px solid rgba(241, 128, 82, 0.45);
    outline-offset: 2px;
}

.header-segment-switch__tooltip {
    position: fixed;
    z-index: 10100;
    left: 0;
    top: 0;
    max-width: min(280px, calc(100vw - 24px));
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
    text-align: center;
    color: #fff;
    background: #2c3136;
    border-radius: 8px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: none;
}

.header-segment-switch__tooltip.is-visible {
    opacity: 1;
    visibility: visible;
}

.header-segment-switch__tooltip::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
}

.header-segment-switch__tooltip[data-placement="bottom"]::after {
    top: -11px;
    border-bottom-color: #2c3136;
}

.header-segment-switch__tooltip[data-placement="top"]::after {
    bottom: -11px;
    border-top-color: #2c3136;
}