:root {
	--primary-color: #ffae0c;
	--secondary-color: #f26209;
	--dark-color: #353638;
}
html {
	scrollbar-color: var(--dark-color) #fff;
	scroll-padding-top: 100px;
}
html, body {
	margin: 0;
	font-family: 'Inter', sans-serif;
}
p {
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
}
img {
	image-rendering: crisp-edges;
}

header {
	z-index: 999;
	height: 110px;
	padding: 16px 0;
	background-color: #fff;
}
#content {
	margin-top: 110px;
}
header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	transform: none;
	width: 100%;
}
.row {
	width: 100%;
	margin: 0;
}
.dark-bg {
	background-color: var(--dark-color);
}
.white-text {
	color: #fff;
}
.header-logo, .footer-logo {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	text-decoration: none;
}
.header-logo .logo-image, .footer-logo .logo-image {
	margin-right: 14px;
}

.header-logo span, .footer-logo span {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.09em;
	color: #959595;
	text-transform: lowercase;

}
.header-logo span.bold-text, .footer-logo span.bold-text  {
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
}
.navbar {
	padding: 0;
}
header .navbar-nav, footer .navbar-nav {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

header .nav-link, footer .nav-link {
	font-weight: 400;
	font-size: 15px;
	line-height: 140%;
	color: #222;
}
header .social-group, footer .social-group {
	display: flex;
	gap: 12px;
	align-items: center;
}
.social-group a {
	display: inline-block;
	text-decoration: none;
}

.btn {
	height: 48px;
	line-height: 1;
	padding: 16px 24px;
	transition: 0.3s ease;
	display: flex;
	color: #fff;
	justify-content: center;
}

header .btn, footer .btn {
	max-width: 200px;
	width: 100%;
	font-weight: 700;
}
footer .btn {
	font-weight: 700;
}

.primary-btn {
	background-color: var(--primary-color);
}
.secondary-btn {
	background-color: var(--secondary-color);
}
.secondary-btn:hover, .secondary-btn:focus, .secondary-btn:active {
	color: #fff !important;
	border-color: #db5807 !important;
	background-color: #db5807 !important;
}
.primary-text {
	color: var(--primary-color) !important;
}

.primary-btn:hover, .primary-btn:focus, .primary-btn:active {
	color: #fff !important;
	border-color: #d99100 !important;
	background-color: #d99100 !important;
}

.section {
	position: relative;
	padding: 96px 0;
}

.homepage .first-screen {
	background-image: url('/images/homepage-first-section.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 70% center;
}

h1 {
	font-weight: 800;
	font-size: 48px;
	line-height: 120%;
	color: #fff;
}

.first-screen .subtitle {
	color: #fff;
	margin-top: 16px;
	font-weight: 600;
	font-size: 20px;
	line-height: 140%;
	color: #ffae0c;
	margin-bottom: 24px;
}
.first-screen .btn {
	/* color: #000; */
}
.first-screen .buttons {
	display: flex;
	gap: 16px;
}

.prices-section, .homepage .open-car-section, .homepage .open-safe-section, .install-lock-section, .change-lock-section, #open-car-section, .garage-page .garage-section , .vault-page .open-safe-section {
	background-image: url('/images/prices-section-bg.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.install-lock-page .first-screen  {
	background-image: url('/images/repair-bg.webp');
	background-repeat: no-repeat;
	background-position: 60% center;
	background-size: cover;
}
.prices-section .section-title {
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
}
h2 {
	font-weight: 800;
	font-size: 48px;
	line-height: 120%;
}
.dark-text {
	color: var(--dark-color) !important;
}
.prices-section h2 {
	color: #fff;
}
.section-title {
	margin-bottom: 24px;
}
.prices-row .price-item-wrapper {
	margin-bottom: 24px;
}
.prices-row .item {
	padding: 24px;
	background-color: var(--dark-color);
	border-radius: 8px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center right 24px;
}
.prices-row .item > .title {
	font-weight: 600;
	font-size: 24px;
	line-height: 140%;
	color: #fff;
}

.prices-row .item > .price {
	font-weight: 600;
	font-size: 16px;
	line-height: 140%;
	color: var(--primary-color);
}

.advantages-section, .homepage .open-garage-section, .info-section, .page-404 {
	background-image: url('/images/dark-bg.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.advantages-section h2, .homepage .open-garage-section h2 {
	color: #fff;
}
.advantages-section h2 span {
	color: var(--primary-color);
}
.advantages-section .item {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.advantages-section .item > .icon {
	margin-bottom: 24px;
}
.advantages-section .item > .text {
	font-weight: 400;
	font-size: 20px;
	line-height: 140%;
	text-align: center;
	color: #fff;
}

.open-car-section h2 > span {
	color: #fff;
}

.open-car-section p, .install-lock-section p, .repair-lock-section p, .change-lock-section p {
	font-weight: 600;
	color: var(--dark-color);
}

.homepage .open-car-section .btn, .homepage .open-safe-section .btn, .install-lock-section .btn, .repair-lock-section .btn, .change-lock-section .btn, .open-safe-section .btn , .open-car-section .btn , .open-garage-section .btn {
	max-width: 200px;
}

.homepage .open-car-section .image-wrapper, .homepage .open-safe-section .image-wrapper, .install-lock-section .image-wrapper, .change-lock-section .image-wrapper {
	display: flex;
	justify-content: flex-end;
}

.homepage .open-garage-section .image-wrapper, .repair-lock-section .image-wrapper {
	display: flex;
	justify-content: flex-start;
}
.repair-lock-section h2 {
	color: #fff;
}
.repair-lock-section p {
	color: #fff;
}

.homepage .open-garage-section p {
	font-weight: 400;
	color: #fff;
}

.homepage .open-safe-section h2 {
	color: #fff;
}
.homepage .open-safe-section .text {
	color: #fff;
}
.info-section .text-with-border {
	font-weight: 600;
	font-size: 18px;
	line-height: 140%;
	color: #fff;
	border-left: 2px solid var(--primary-color);
	padding-left: 8px;
	margin-bottom: 16px;
}
.info-section {
	color: #fff;
}

.info-section h2 {
	color: #fff;
}
.info-section .large-text {
	font-weight: 400;
	font-size: 24px;
	line-height: 140%;
	margin-bottom: 16px;
}
.info-section .primary-btn {
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	text-align: center;
	color: #222;
}
.info-section .button-block {
	display: flex;
	align-items: center;
}
.info-section .button-block  span {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	display: inline-block;
	margin-left: 8px;
}
.info-section .under-list-text {
	font-weight: 400;
	font-size: 20px;
	line-height: 140%;
	margin-bottom: 12px;
}
.info-section ol {
	font-weight: 400;
	font-size: 16px;
	padding-left: 17px;
	line-height: 140%;
}

.our-works-container {
	position: relative;
	margin-top: 100px;
}
.our-works-slider {
	position: relative;
}
.our-works-slider .owl-prev, .our-works-slider .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.our-works-slider .owl-prev {
	left: -55px;
}
.our-works-slider .owl-next {
	right: -55px;
}
#cookieNotice {
	display: none;
	z-index: 999999 !important;
	background-color: var(--secondary-color) !important;
	color: var(--dark-color) !important; 
}
#cookieNotice .confirm {
	background-color: var(--primary-color) !important;
	color: var(--dark-color) !important;
	font-weight: 700;
	border-radius: 8px;
}
#cookieNotice a {
	color: var(--dark-color) !important;
	font-weight: 700;
}
.scroll-top {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	cursor: pointer;
	opacity: .7;
	right: 40px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	bottom: 40px;
	z-index: 99999;
	background: var(--secondary-color);
	padding: 15px;
	border-radius: 50%;
}

.scroll-top.hide {
	display: none;
}
footer {
	padding-top: 40px;
	padding-bottom: 40px;
}

.dev {
	margin-top: 32px;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	color: var(--dark-color);
	font-family: 'Montserrat';
}

.dev .green-text {
	color: #00c76a;
	display: inline-block;
	transition: 0.3s ease;
}
.dev a {
	color: var(--dark-color);
	text-decoration: none;
}
footer .dev a:hover span {
	transform: rotate(180deg);
}
footer .social-group {
	flex-wrap: wrap;
}
.more-works {
	font-weight: 700;
	color: var(--primary-color);
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	line-height: 100%;
	text-decoration: underline;
}

.menu-btn {
	border: none;
	background: none;
}

.offcanvas-header .btn-close {
	background: none;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
}
.offcanvas-header {
	padding-bottom: 0;
}
.offcanvas-body {
	margin-top: 154px;
	padding-top: 0;
}
.offcanvas-body .nav-link {
	font-weight: 600;
	font-size: 24px;
	line-height: 140%;
	color: var(--dark-color);
}
.offcanvas-footer {
	width: 100%;
	padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
	margin-left: auto;
	margin-right: auto;

}
.offcanvas-footer a {
	max-width: 100%;
	width: 100%;
	display: block;
	height: auto;
	font-weight: 700;
	font-size: 20px;
	line-height: 100%;
	color: var(--dark-color);
}
.install-lock-page .first-screen h1 {
	font-size: 40px;
}

.mobile-phone-btn {
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	background: url('/images/phone-flat.png');
	background-repeat: repeat;
	background-size: auto;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	bottom: 40px;
	left: 40px;
	z-index: 998;
}

.page-404 {
	color: #fff;
	min-height: 700px;
}
.page-404 h1 {
	color: #fff;
}

.headroom {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transition: all .2s ease-in-out;
}
.headroom--pinned {
	transform: translateY(0%);
}
.headroom--unpinned {
	transform: translateY(-100%);
}

.works-page section {
	background-image: url('/images/dark-bg.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 500px;
}

.section .spinner-block {
	position: absolute;
	transform: translateY(-50%) translateX(-50%);
	left: 50%;
	top: 50%;
}
.works-page .image-wrapper {
	margin-bottom: 15px;
}
.works-page a[data-fancybox] {
	width: 100%;
	height: 100%;
	display: block;
}

/* /////////////////////////////// */

.car-page .first-screen  {
	background-image: url('/images/cars-bg.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-position: 60% center;
}

/* /////////////////////////////// */


.garage-page .first-screen  {
	background-image: url('/images/garage-bg.webp');
	background-repeat: no-repeat;
	background-position: 60% center;
	background-size: cover;
}

.vault-page .first-screen  {
	background-image: url('/images/vault-bg.webp');
	background-repeat: no-repeat;
	background-position: 60% center;
	background-size: cover;
}