body, input {
    font-family: 'Lato', sans-serif;
    color: #373D44;
}

.row > * {
	width: unset;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

header {
	border-bottom: 1px solid #ddd;
}

.logo {
	color: #3eb9fc;
	font-weight: bold;
	font-size: 32px;
}

.logo span {
	color: #FE5E54;
}

.header-phone {
	font-size: 18px;
	font-weight: bold;
	color: #373D44;
	transition-duration: .3s;
}

.header-phone:hover {
	text-decoration: none;
	color: #3eb9fc;
}

.menu li a {
	font-size: 18px;
	color: #373D44;
	transition-duration: .3s;
}

.menu li a:hover {
	text-decoration: none;
}

nav {
	border-bottom: 1px solid #ddd;
}

nav a {
	transition-duration: .3s;
}

nav a:hover {
	color: #FE5E54;
}

.lng {
	color: #373D44;
	transition-duration: .3s;
}

.lng:hover {
	text-decoration: none;
	color: #3eb9fc;
}

.banner-order {
	align-items: center;
	display: flex;
	line-height: 19px;
	border-radius: 5px;
	background-color: #ff5e54;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	justify-content: center;
	transition: 0.1s;
	border: none;
	text-decoration: none;
	padding: 12px 30px;
	cursor: pointer;
}

.banner-order:hover {
	color: #fff;
	text-decoration: none;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.65);
}

.car-item {
	flex: 1 1 35%;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

.car-item img {
	transition-duration: .3s;
}

.car-item:hover img {
	transform: scale(1.05);
}

.car-title {
	font-weight: normal !important;
	font-size: 14px !important; 
}

.car-item div {
	font-size: 12px;
}

.car-item div:last-of-type {
	margin-top: 8px;
}

.price {
	background: #3eb9fc;
	color: #fff;
	font-size: 42px;
	font-weight: bold;
}

.adv-item {
	flex: 1 1 25%;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}

.adv-item ul li {
	position: relative;
	padding-left: 18px;
}

.adv-item ul li::before {
	content: '';
	display: block;
	left: 0;
	position: absolute;
	background: #3eb9fc;
	height: 0.5em;
	top: 9px;
	transform: rotate(45deg);
	width: 0.5em;
}

.clients-list div {
	flex: 1 1 16%;
}

#contacts {
	background: #3eb9fc;
	color: #fff;
}

#contacts a {
	color: #fff;
	transition-duration: .3s;
}

#contacts a:hover {
	color: #ff5e54;
	text-decoration: none;
}

.form-title {
	font-size: 28px;
	font-weight: bold;
}

input[name='tel'] {
	padding: 12px 30px;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	line-height: 19px;
}

.carousel-inner {
	padding: 0 !important;
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

@media screen and (max-width: 767px) {
	header .logo + div {
		flex-direction: column;
	}

	.menu {
		flex-wrap: wrap;
		padding: 0 1rem;
	}

	.menu li {
		margin: 0 !important;
		flex: 45% 1 1;
	}

	.lng-wr {
		width: 100%;
		margin-top: 20px;
	}

	.lng-wr a {
		margin-left: 0 !important;
		margin-right: 10px !important;
	}

	h1 {
		font-size: 1.8rem;
	}

	#banner .banner-order {
		margin-bottom: 2rem;
	}

	#cars {
		padding: 0 1rem !important;
	}

	h2 {
		font-size: 1.4rem;
	}

	.car-item {
		margin: 1rem 0 !important;
		width: 100%;
		flex: 1 1 100%;
	}

	.cars-wrapper {
		width: 100%;
	}

	.car-item img {
		width: 100%;
		height: auto;
	}

	table {
		font-size: 0.8rem;
	}

	.price {
		padding: 1rem !important;
		font-size: 36px;
		line-height: 1.2;
		margin-bottom: 0 !important;
	}

	.price .banner-order {
		margin-top: 1rem;
	}

	.clients-list div {
		flex: 1 1 20%;
	}

	.clients {
		margin-bottom: 0 !important;
	}

	#carouselExampleControls {
		width: 90%;
		margin: 0 auto;
	}

	.carousel-control-next, .carousel-control-prev {
		width: 50%;
	}

	.carousel-control-next {
		justify-content: flex-end;
	} 

	.carousel-control-next-icon {
		transform: translateX(90%);
	}

	.carousel-control-prev {
		justify-content: flex-start;
	}

	.carousel-control-prev-icon {
		transform: translateX(-100%);
	}

	#contacts > div > div > div {
		flex-direction: column;
	}

	#contacts > div > div > div > div {
		padding: 0 1rem !important;
		margin-bottom: 3rem;
	}

	#contacts iframe {
		width: calc(100% - 2rem);
		margin: 0 1rem !important;
		height: 65vw;
	}

	button, input, [type="reset"], [type="submit"], button, html [type="button"] {
		appearance: none !important;
    	-moz-appearance: none !important;
		-webkit-appearance: none !important;
	}
}