html { scroll-behavior: smooth; background: #000; }
body { font-family: 'Ubuntu', sans-serif; }
#header { height: 100px; background: #fff; }
.header-bg { position: absolute; width: 100%; height: 150px; background: url('../img/am.png') top left no-repeat; opacity: .9; }
.offcanvas { max-width: 300px; }
#mainNavbar { top: 38px; font-size: 20px; transition: all 0.3s ease; background: #000; opacity: .95; }
.navbar-brand img { height: 35px; }
.navbar-nav .nav-link { color: #fff; font-weight: 600; text-transform: uppercase; }
.navbar-nav .nav-link:hover { text-decoration: underline; }
.navbar-nav .nav-link.active { text-decoration: underline; }
.navbar-toggler { border: 1px solid #fff; }
.offcanvas .navbar-nav .nav-link { color: #fff; }
.plx { min-height: 100vh; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; position: relative; }
.plx::before { content: ""; position: absolute; inset: 0; }
.plx-content { position: relative; z-index: 2; }
.plx-1 { background-image: url('../img/bg/we_offer_bg.jpg'); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; height: 100%; width: 100%; }
.plx-2 { background-image: url('../img/bg/rent_bg.jpg'); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; height: 100%; width: 100%; }
.plx-3 { background-image: url('../img/bg/shop_bg.jpg'); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; height: 100%; width: 100%; }
.plx-4 { background-image: url('../img/bg/contacts_bg.jpg'); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; height: 100%; width: 100%; }
.content-section { padding: 120px 0; }
.bg { background: #000; padding: 5px !important; opacity: 0.9; }
section { scroll-margin-top: 112px; padding: 100px 0; }
.lead { font-size: 18px;}
#we-offer { color: #000; padding-top: 180px; color: #fff; }
#we-offer i { color: #db0000; }
.we-offer-box { z-index: 2; padding: 20px 30px; transition: transform 0.3s; text-transform: uppercase; font-size: 18px; }
.we-offer-box:hover { transform: translateY(-5px); }
.car-box { transition: transform 0.3s; }
.car-box:hover { transform: translateY(-5px); }
.car-box .title { margin-top: 10px; font-weight: 700; font-size: 18px; }
.car-box .description { margin-top: 10px; padding-bottom: 10px; }
#shop i { color: #db0000; }
#shop .btn { background: #db0000; border: none !important; }
#shop .btn:hover { opacity: .7; }
#contacts { color: #fff; }
#contacts a { text-decoration: none; color: #db0000; }
#contacts a:hover { text-decoration: underline; }
#contacts i { color: #db0000; }
#partners { width: 100%; font-size: 20px;}
.partners-bg { position: absolute; width: 100%; z-index: -1; height: 150px; transform: rotate(180deg); }
.partners { background: #000; width: 100%;  }
.partners img { height: 30px; }
#socials { }
#socials a { color: #fff; margin-left: 5px; }
#socials a i { font-size: 1.6rem; background: #000; padding: 8px 10px; border-radius: 50%; }
#socials a:hover i { opacity: .7; }