/*==============================================================*/
/* ===========================Reset ===========================*/
/*============================================================*/

html, body {
	margin: 0;
}

ul{list-style-type: none; padding-left: 0;}
a{text-decoration: none;}
p{margin: unset;}
button{border: unset; background: unset;}
a{color: inherit;}



/*==============================================================*/
/* ===========================FONTS ===========================*/
/*============================================================*/
 

/*===== Использование шрифтов ===*/
/*
1. .font_low: 
		Класс, соответствующий малой степени внимания. 
		Может использоваться, например, для текста с нежным шрифтом, который не привлекает сильное внимание.

2. .font_regular: 
		Класс, соответствующий средней степени внимания. 
		Может использоваться для обычного текста на сайте со стандартным шрифтом, 
		который не является особенно акцентирующим.

3. .font_hight: 
		Класс, соответствующий активной степени внимания. 
		Может использоваться для элементов, 
		которые требуют большего внимания пользователя, например, для заголовков или важных сообщений.

4. .font_attention: 
		Класс, соответствующий увлеченной степени внимания. 
		Может использоваться для элементов, которые должны 
		выделяться на сайте и привлекать особое внимание 
		пользователей, например, для важных блоков контента или интерактивных компонентов.

5. .font_intense: Класс, соответствующий максимальной степени внимания. 
						 Может использоваться для элементов, которые требуют 
						 максимального внимания пользователя, например, 
						 для предупреждающих или критически важных сообщений, 
						 или для элементов интерфейса, которые должны 
						 быть чрезвычайно акцентированными.

*/



/* Шрифты: assets/css/typography.css (Onest) — подключается в index.php до public.css */



/* low */
/* .font_low{font-family: 'Graphik_LC-Regular'; font-size: 12px; 	line-height: 15px; font-weight: 400; opacity:0.7;}  */
.font_low{font-family: var(--font-sans); font-size: var(--text-sm); line-height: var(--leading-sm); font-weight: var(--font-normal); opacity:0.8;}  



/*===== Настройки шрифтов ===*/
/* 
.font_low, .font_regular, .font_hight, .font_attention{font-stretch: 100%; -webkit-font-smoothing: antialiased;						}

.font_low{			font-family: 'Graphik_LC-Regular'; 	font-size: 12px; 	line-height: 15px; 	font-weight: 400; opacity:0.7;		}  
.font_regular{		font-family: 'Graphik_LC-Regular'; 	font-size: 14px; 	line-height: 17px; 	font-weight: 400;							}	  
.font_hight{		font-family: 'Graphik_LC-Regular';	font-size: 18px;							 	font-weight: 600;							}
.font_attention{	font-family: 'DINPro';					font-size: 40px;	line-height: normal;	font-weight: 600;							}	 
*/



			
/*===== Настройки шрифтов ===*/
* {font-variant-numeric: lining-nums;}
.font_low, .font_regular, .font_hight, .font_attention, .font_intanse{font-stretch: 100%; -webkit-font-smoothing: antialiased; font-variant-numeric: lining-nums;}


/* interface */
.font_interface{font-family: var(--font-sans); font-size: var(--text-xs); line-height: var(--leading-xs); font-weight: var(--font-normal); opacity: 0.8;}  


/* .font_low			{	font-family: 'Graphik_LC-Regular'; 	font-size: 12px; 	line-height: 15px; 	font-weight: 400; opacity:0.7;}	 */
.font_low{font-family: var(--font-sans); font-size: var(--text-sm); line-height: var(--leading-sm); font-weight: var(--font-normal); opacity:0.8;}  




.font_regular		{	font-family: var(--font-sans); 	font-size: var(--text-base); line-height: var(--leading-base); font-weight: var(--font-normal);	}		
/* 
.font_regular		{	font-family: 'Graphik_LC-Regular';}		
.font_regular		{	font-family: 'Roboto-Light';}		
*/



.font_hight			{	font-family: var(--font-sans);	font-size: 18px;	line-height: 30px;	font-weight: var(--font-semibold);	}
.font_attention	    {	font-family: var(--font-sans);	font-size: 28px;	line-height: normal;	font-weight: var(--font-semibold); }
.font_intense		{	font-family: var(--font-sans);	font-size: 96px;	line-height: normal;	font-weight: var(--font-semibold);}



/*.font_attention{font-family: 'Graphik_LC-Regular'; 	font-size: 32px;	line-height: normal; font-weight: 600; }

.font_intanse {font-family: 'Graphik_LC-Regular'; 	font-size: 32px;	line-height: normal; font-weight: 600; }

.font_hight{font-family: 'Graphik_LC-Regular';		font-size: 18px;	line-height: normal; font-weight: 600;	}	

.font_regular{font-family: 'Graphik_LC-Regular'; 	font-size: 14px; 	line-height: 18px; 	font-weight: 400;	}

.font_low{font-family: 'Graphik_LC-Regular'; 		font-size: 12px; 	line-height: 15px; 	font-weight: 400; opacity:0.7;}	

*/


/*======================== временная мера для шрифта =======================*/

 
h2.font_intense{font-size: 60px;}
 
 
@media (max-width: 768px){
		h1.font_intense {
			font-size: 60px;}
}


@media (max-width: 576px){
		h2.font_intense {
			font-size: 40px;}
}



/*==============================================================*/
/*========================Базавые классы=======================*/
/*============================================================*/

/* ====== радиус ======*/
.big_radius, .medium_radius, .small_radius{overflow: hidden;}
.big_radius		{border-radius: 20px;}
.medium_radius	{border-radius: 5px;}
.small_radius	{border-radius: 3px;}


/* ====== ссылки ======*/
a:hover{
	color: unset;
}


/*====== Основной вид кнопки  ======*/
.main_btn{
	width: 100%;
	height: 40px;
	padding: 0px 30px;
	text-align: center;
}
.btn:hover {color: #ffffff;}

.btn:focus {
	box-shadow: unset;
}


/*====== инпуты на всем сайте ======*/
input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="password"], textarea {
	width: 100%;
	height: 42px;
	font-size: 14px;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 10px;
	outline: none;    
    -webkit-appearance: none;
    -moz-appearance: none;
}


button.toggle-password {
	height: 42px;
	opacity: 0.6;
}

input.password {
	border: unset;
	margin-bottom: unset;
}


select {
	height: 42px;
	font-size: 14px;
	padding-left: 15px;
	
}

input::placeholder {
	color: #838383;
	opacity: 1;
	background-color: transparent;
}

input, textarea {
	outline:none;
}



input, select {outline:none;}


/*==============================================================*/
/* =========================== Utilities ======================*/
/*============================================================*/
/* ======== STICKY ========== */
@media(min-width: 960px){
	.sticky {position: sticky; top: 80px;
	}
}

/* ======== NOSELECT ========== */
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
		  -moz-user-select: none; /* Old versions of Firefox */
			-ms-user-select: none; /* Internet Explorer/Edge */
				 user-select: none; /* Non-prefixed version, currently
											  supported by Chrome, Edge, Opera and Firefox */
}

.pointer{cursor: pointer;}

.mb-10 {
	margin-bottom: 6rem !important;
}

.mb-15 {
	margin-bottom: 9rem !important;
}


/*-------------*/


.nav-link, .nav-link:active, .nav-link:hover{
	color: #495057;
}



/* табы */

@media(max-width: 576px){

.nav-link {
    padding: 10px 8px;
   
} 

.nav-tabs {
    border-bottom: unset;
}	
	
	
.nav-tabs .nav-link {
    border-radius: 0.25rem;
  
}	

.nav-tabs .nav-link.active {
    border-bottom: 1px solid #dee2e6;
}	


}




/* .sticky{
   color: white;
	color: #292929;
	border-radius: 3px;
	padding-bottom: 10px;
}

.cat_filter_bar{
	background: #0e766ed6;
	background: #f9f9f9;
	border-radius: 3px;
	margin-left: unset !important;
	padding-left: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
}

.product_card {
	 background-color: #f9f9f9!important; 
} 

.card_top, .product_card .product_card_characteristics p{background-color: white;}
.product_card.border {border: unset !important;} */




/* .img-svg path {
	fill: red;
} */




/*======= Тумблер ======*/

.switch-btn {
	display: inline-block;
	/* width: 72px; /* ширина */
	/*height: 38px; /* высота */

	width: 45px;
	height: 22px;

	
	border-radius: 19px; /* радиус скругления */
	background: #bfbfbf; /* цвет фона */
	z-index: 0;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	position: relative;
	transition-duration: 300ms; /* анимация */
}
.switch-btn::after {
	content: "";
	height: 16px; /* высота кнопки */
	width: 16px; /* ширина кнопки */
	border-radius: 17px;
	background: #fff; /* цвет кнопки */
	top: 3px; /* положение кнопки по вертикали относительно основы */
	left: 3px; /* положение кнопки по горизонтали относительно основы */
	transition-duration: 300ms; /* анимация */
	position: absolute;
	z-index: 1;
}
.switch-on {
	background: #969696;
}
.switch-on::after {
	left: 26px;
}




 .gradient-ios {
	background: radial-gradient(circle at center, 
					#00000087 0%,   /* Чёрный с прозрачностью 53% (HEX: #00000087) */
					#0000004d 30%,  /* Чёрный с прозрачностью 30% (HEX: #0000004d) */
					#0000001a 70%,  /* Чёрный с прозрачностью 10% (HEX: #0000001a) */
					#0000004d 100%  /* Чёрный с прозрачностью 30% (HEX: #0000004d) */
					);
 }
 


 .lighting {
	background: #20e295;
	box-shadow: 0px 0px 100px 120px #20e295;
}

.lighting {
	background: #1db87b;
	box-shadow: 0px 0px 100px 120px #1db87b;
}








/* живочат на мобильном */

@media(max-width: 991px){

.wrap__Me6ac {
    bottom: 62px!important;}
	
	

}