@import url('https://fonts.googleapis.com/css2?family=Carlito:ital,wght@0,400;0,700;1,400;1,700&family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&subset=cyrillic,latin-ext');

/* style */
a.active.focus,a.active:focus,a.focus,a:active.focus,a:active:focus,a:focus,button.active.focus,button.active:focus,button.focus,button:active.focus,button:active:focus,button:focus,.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;
box-shadow: 0 0 0 0 rgba(255,255,255,0)!important;
}
.form-control:focus {
  border-color: #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.custom-select:focus {
  border-color: #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.custom-control-input:focus {
  border-color: #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
*:focus {
    outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
}
.font-oswald{font-family:"Oswald", sans-serif!important;}
.font-carlito{font-family:'Carlito', sans-serif!important;}
.font-mulish{font-family:'Mulish', sans-serif!important;}
.fa-stack.my {font-size: 0.75rem;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:"Oswald", verdana;font-weight:700;text-transform:uppercase;}
h1, .h1{font-size:22px;color:#4a4265;}
h2, .h2{font-size:20px;color:#6f6789;}
h3, .h3{font-size:18px;color:#8880a3;}
h4, .h4{font-size:16px;color:#9a91b8;}
h5, .h5{font-size:15px;}
h6, .h6{font-size:14px;}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    background-color: #9a91b8;
    border-color: #9a91b8;
}
.btn-check{
    color: #9a91b8;
    border-color: #9a91b8;
}
.bg-primary {
    --bs-bg-opacity: 1;
    background-color: #9a91b8 !important;
}
.title-autolo{
	color: #5d5b75;
}
.btn-outline-primary{
    --bs-btn-color: #9a91b8;
    --bs-btn-border-color: #9a91b8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9a91b8;
    --bs-btn-hover-border-color: #9a91b8;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #9a91b8;
    --bs-btn-active-border-color: #9a91b8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #9a91b8;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #9a91b8;
    --bs-gradient: none;
}
.form-range::-webkit-slider-thumb {
  background-color: #9a91b8; /* Меняем цвет ползунка (например, на синий) */
}

.form-range::-moz-range-thumb {
  background-color: #9a91b8; /* Цвет для Firefox */
}

.form-range::-ms-thumb {
  background-color: #9a91b8; /* Цвет для Edge (IE) */
}
.form-check-input:checked {
  background-color: #9a91b8 !important;
  border-color: #9a91b8 !important;
}
.form-check-input:focus {
  box-shadow: none;
  outline: none;
  color: #9a91b8;  
  border: 1px solid #ccc;
}

.fa-1-5-x{
	font-size: 1.7em;
    padding-top: 3px;
}
.calc-icon{
	margin-bottom: 7px;
}
.left-truck{
	width:24px;
	height:24px;
}

i{vertical-align: middle;}
.form-control{border-radius:0px;}

.text-contacts{
	color:#9a91b8;
}

body{
	background: #000;
}
.body{
	background: #fff;
}
#backToTop{
	display: none; 
	position: fixed; 
	bottom: 20px; 
	left: 20px; 
	z-index: 99;
	opacity:0.8;
	cursor:pointer;
}
#backToTop:hover{
	opacity:1;
}

.modal-body .nav-link{
	background-color:#cfccea;
	border-radius:0px;
	text-align:center;
	color:#5d5b75;
	border-bottom:3px solid #cfccea;
}
.modal-body .nav-link.active{
	background-color:#5d5b75!important;
	color:#d4d1e8;
	border-bottom:3px solid #c51162;
}

.bg-top{
	background: #07051d;
}

.top-menu{
	background: #dcdbe8;
}
.bars{
	font-size: 1.4rem;
    position: absolute;
    top: 24px;
    right: 24px;
}
.top-menu-contacts{
	padding-right:8px;
	color:#9793b3;
}
.top-menu-contacts-sm{
	color:#9793b3;
	font-size:1.2rem;
	padding-bottom: 6px;
}
.navbar{
	padding:0!important;
}
.navbar .nav-item .nav-link{
	padding: 10px 0px 10px 15px;
	border-bottom: 1px solid #c9c6de;
	color:#2a2741;
	font-family:"Oswald", sans-serif;
	font-size:1.2rem;
	font-weight:300;
}

.left-menu{
	display: flex;
	flex-wrap: wrap;
	gap: 0px;
	font-family:"Oswald", sans-serif;
	font-size:1.2rem;
	font-weight:300;
	align-items: stretch; 
}
.left-menu li{
	display: flex;
	flex-direction: column;
	text-align:center;
	flex: 0 0 calc(50% - 0px);
	height: 130px;
	align-items: center;
	justify-content: center;
	border: 1px solid #c9c6de;
}
/* убираем левую границу у первых в строке (нечётные) */
.left-menu li:nth-child(odd) {
  border-left: none;
}

/* убираем правую границу у вторых в строке (чётные) */
.left-menu li:nth-child(even) {
  border-right: none;
}

/* убираем верхнюю границу у всех во 2‑й строке и далее */
.left-menu li:nth-child(n + 3) {
  border-top: none;
}

.left-menu li:hover{
	background-color:#dcdbe8;
}
.left-menu li i{
	text-align:center;
	font-size:2rem;
}
.left-menu a{
	display: block;
	color:#2a2741;
	text-decoration:none;
}

@media (min-width: 992px){
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:"Oswald", verdana;font-weight:700;text-transform:uppercase;}
	h1, .h1{font-size:28px;color:#4a4265;}
	h2, .h2{font-size:24px;color:#6f6789;}
	h3, .h3{font-size:20px;color:#8880a3;}
	h4, .h4{font-size:18px;color:#9a91b8;}
	h5, .h5{font-size:16px;}
	h6, .h6{font-size:14px;}	
	
	.top-menu{
		height:100px;
		/*clip-path: polygon(7% 0%, 0% 100%, 100% 100%, 100% 0%);*/
	}
	.navbar{
		padding:0!important;
	}
	.navbar .nav-item .nav-link{
		padding-right: 24px;
		padding-left: 24px;
		padding-top: 36px;
		height: 100px;
		border-left: 1px solid #f2f2fa;
		border-right: 1px solid #cacadc;
		border-bottom: 0px;
		transition: background-color 0.5s ease-in-out;
	}	
	ul li:first-child .nav-link {
		border-left: 0px!important;
	}	
	ul li:last-child .nav-link {
		border-right: 0px!important;
	}
	.navbar .nav-item .nav-link:hover{
		background-color: #cac8da;
	}
	
	.left-menu{
		display: block;
		font-family:"Oswald", sans-serif;
		font-size:1.2rem;
		font-weight:300;
	}
	.left-menu li{
		display: list-item;
		text-align:left;
		padding:10px 20px;
		border-left: none;
		border-right: none;
		border-top: none;
		border-bottom:1px solid #dedce9;
		height: 52px;
	}
	.left-menu li:last-child{
		border-bottom:0px;
	}
	.left-menu li:hover{
		background-color:#dcdbe8;
	}
	.left-menu li i{
		text-align:left;
		font-size:1.2rem;
	}
	.left-menu a{
		display: inline;
		color:#2a2741;
		text-decoration:none;
	}	
}

@media (max-width: 420px){
	.left-truck{
		width:38px;
		height:38px;
	}
}

.crane-icon{
	width: 24px;
	height: 22px;
	fill: #5d5b75;	
}

.article-page{
	font-family:'Mulish', sans-serif;
	color:#26104f;
}
.article-page b{
	font-family:'Mulish', sans-serif;
	font-size:110%;
	color:#26104f;
}

.suggestions {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	max-height: 200px;
	overflow-y: auto;
	z-index: 10;
	display: none; /* скрыто, пока нет подсказок */
}
.suggestion-item {
	padding: 8px 12px;
	cursor: pointer;
}
.suggestion-item:hover {
	background: #f5f5f5;	
}