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


*, *::before, *::after {
	box-sizing: border-box;
}

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;}

img, svg {
	max-width: 100%;
	height: auto;
}



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

/*===== Подключение шрифтов  =====*/
@font-face {font-family: 'OpenSans';				src: url('../../assets/fonts/opensans/OpenSans.ttf');								font-display: swap; font-display: auto;	}
@font-face {font-family: 'OpenSansBold';			src: url('../../assets/fonts/opensans/OpenSansBold.ttf');						font-display: swap; font-display: auto;	}	 

@font-face {font-family: 'Montserrat-Medium';	src: url('../../assets/fonts/montserrat/Montserrat-Medium.ttf');				font-display: swap; font-display: auto;	}
@font-face {font-family: 'Montserrat-Bold';		src: url('../../assets/fonts/montserrat/Montserrat-Bold.ttf');					font-display: swap; font-display: auto;	} 


@font-face {font-family: 'Roboto-Medium';			src: url('../../assets/fonts/roboto/Roboto-Medium.ttf');							font-display: swap; font-display: auto;	}
@font-face {font-family: 'Roboto-Regular';		src: url('../../assets/fonts/roboto/Roboto-Regular.ttf');						font-display: swap; font-display: auto;	}
@font-face {font-family: 'Roboto-Bold';			src: url('../../assets/fonts/roboto/Roboto-Bold.ttf');							font-display: swap; font-display: auto;	}


@font-face {font-family: 'Graphik_LC-Regular';	src: url('../../assets/fonts/graphik_dino_inter/Graphik_LC-Regular.ttf');	font-display: swap; font-display: auto;	}
@font-face {font-family: 'Graphik_LC-Medium';	src: url('../../assets/fonts/graphik_dino_inter/Graphik_LC-Medium.ttf');	font-display: swap; font-display: auto;	}

@font-face {font-family: 'DINPro';					src: url('../../assets/fonts/graphik_dino_inter/DINPro.otf');					font-display: swap; font-display: auto;	} 
@font-face {font-family: 'Raleway';					src: url('../../assets/fonts/Raleway-VariableFont_wght.ttf');				font-display: swap; font-display: auto;	} 


@font-face {font-family: 'Raleway-bold';			src: url('../../assets/fonts/raleway/Raleway-Bold.ttf');					font-display: swap; font-display: auto;	} 
@font-face {font-family: 'Raleway-Black';			src: url('../../assets/fonts/raleway/Raleway-Black.ttf');				font-display: swap; font-display: auto;	} 
@font-face {font-family: 'Raleway-SemiBold';		src: url('../../assets/fonts/raleway/Raleway-SemiBold.ttf');			font-display: swap; font-display: auto;	} 
@font-face {font-family: 'Raleway-Regular';		src: url('../../assets/fonts/raleway/Raleway-Regular.ttf');				font-display: swap; font-display: auto;	} 


@font-face {font-family: 'Roboto-light';				src: url('../../assets/fonts/roboto/Roboto-light.woff');					font-display: swap; font-display: auto;	} 
@font-face {font-family: 'Robotocondensed-light';	src: url('../../assets/fonts/roboto/robotocondensed-light.woff');		font-display: swap; font-display: auto;	}

.font_low{font-family: 'Roboto-light'; font-size: 14px; line-height: normal; font-weight: 400; opacity:0.8;}  



/*===== Настройки шрифтов ===*/
* {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: 'Roboto-light'; font-size: 12px; line-height: normal; font-weight: 400; opacity: 0.8;}  


.font_low{font-family: 'Roboto-light'; font-size: 14px; line-height: normal; font-weight: 400; opacity:0.8;}  




.font_regular		{	font-family: 'Raleway-Regular'; 	font-size: 16px; font-weight: 400;	}



.font_hight			{	font-family: 'Graphik_LC-Regular';	font-size: 18px;	line-height: 30px;	font-weight: 600;	}						
.font_attention	{	font-family: 'DINPro';				font-size: 28px;	line-height: normal;	font-weight: 600; }
.font_intense		{	font-family: 'Graphik_LC-Regular';	font-size: 50px;	line-height: normal;	font-weight: 600;}



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

 
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;}
}



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

/*===== Container (замена Bootstrap: только используемые в проекте классы) =====*/
.container {
	width: 100%;
	max-width: 100%;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 576px) {
	.container { max-width: 540px; }
}
@media (min-width: 768px) {
	.container { max-width: 720px; }
}
@media (min-width: 992px) {
	.container { max-width: 960px; }
}
@media (min-width: 1200px) {
	.container { max-width: 1140px; }
}
@media (min-width: 1400px) {
	.container { max-width: 1440px; }
}

/* Утилиты отступов и типографики (раньше из Bootstrap) */
.mt-2 { margin-top: 0.5rem; }
.pb-5 { padding-bottom: 3rem; }
.py-5 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.text-center { text-align: center; }
.text-white { color: #fff; }
.text-muted { color: #6c757d; }
.display-4 {
	font-size: calc(1.475rem + 2.7vw);
	font-weight: 300;
	line-height: 1.2;
	margin-top: 0;
}
.lead {
	font-size: 1.25rem;
	font-weight: 300;
}



/* ====== радиус ======*/
.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;
}

/*====== инпуты на всем сайте ======*/
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: #000000;
}

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;
}


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


.air-modal-overlay {
	overflow-y: scroll;
}


.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;
}	


}








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

.switch-btn {
	display: inline-block;
	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: #a86d4b;
	box-shadow: 0px 0px 100px 120px #a86d4b;
}








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

@media(max-width: 991px){

.wrap__Me6ac {
    bottom: 62px!important;}
	
	

}

.range_archive_container {
    margin-bottom: 30px;
}