/* Show it is fixed to the top */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;0,800;1,400;1,700;1,800&display=swap');*/
@import 'animate.min.css';
:root {
  --app-height: 100%;
  --swiper-navigation-size: 17px;
  --swiper-theme-color: #2d2d2e;
}
html,
body {
  height: 100%;
  height: var(--app-height);
}
html {
  scroll-behavior: smooth;
}
body {
    /*padding-top: 4.5rem;*/
  padding: 0;
  margin: 0;
}
@media (max-width: 992px) {
  body {
    padding-top: 0.5rem;
  }
}
.display-6 {
  font-size: 2rem;
}
.second-nav.lrg-logo {top:148px;
  transform: translateY(0px);
  transition: all 1.2s ease 0s;
  opacity: 0.8;
}
.second-nav {top: 70px;
  transform: translateY(0px);
  transition: all 0.3s ease 0s;
  opacity: 0.8;
}

.second-nav.out {
  transform: translateY(-200%);
  transition: all 0.3s ease 0s;
  opacity: 0;
}

.second-nav2.lrg-logo {top:102px;
  transform: translateY(0px);
  transition: all 1.2s ease 0s;
  opacity: 0.8;
}
.second-nav2 {top: 62px;
  transform: translateY(0px);
  transition: all 0.3s ease 0s;
  opacity: 0.8;
}
.second-nav2.out {
  transform: translateY(-200%);
  transition: all 0.3s ease 0s;
  opacity: 0;
}
.lrg-logo1 img {
  width: 350px;
}
.lrg-logo1 .lvideo video {
  height: 100px;
}
/*.lrg-logo {opacity: 1;}

.sml-logo img {
  width: auto;
}*/
.fixed-top {font-size: .8rem;}
.fixed-top2 {position:fixed; right:0; left:0; z-index:1020}

@media screen and (min-width:992px){
  .nav-item {
  line-height:40px;
  }
}
@media screen and (min-width:992px){
  .second-nav .nav-item {
  line-height:30px;
  }
}
.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 1);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/*header style*/
.header {
	position: relative;
	height: 100vh;
  width: 100%;
	background-size: cover;
	background-position: center;
}
.overlay {
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.3);
}
.description {
    position: absolute;
    top: 40%;
    margin: auto;
    padding-left: 4em;
    z-index: 2;
}
.description h1 {
	color:#ffffff ;
  font-weight: 700;
}
.description p {
	color:#666;
	font-size: 20px;
	width: 50%;
	line-height: 1.5;
}
.description button {
	border:1px  solid #fab800;
	background:#fab800;
	color:#000;
}
.description .btn {
  border: 1px solid #fab800;
  background: #fab800;
  color: #000;
}
.description button:hover {
	border:1px  solid #fab800;
	background:#ffffff;
	color:#333333;
}
.description .btn:hover {
	border:1px  solid #fab800;
	background:#ffffff;
	color:#333333;
}
.descripts a {
  border: 1px solid #fab800;
  background: #fab800;
  color: #000;
}
.descripts a:hover {
	border:1px  solid #fab800;
	background:#ffffff;
	color:#333333;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 800;
  line-height: 1.2;
  color: var(--bs-heading-color, inherit);
  /*font-family: 'Noto Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
  
}
.h3, h3 {font-size: 1.5rem;}

.video-container {
  height: 100vh;
  position: relative;
  overflow: hidden;
  @media(min-width: 600px) {
    height: 100vh;
  }
}

video {
  object-fit: cover; 
  position: absolute;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
}
.video-container:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.pagination {
	position:fixed;
	right:20px;
	top: 50%;
  transform: translateY(-50%);
  display: block;
	font-size:1.4em;
	z-index: 10;
}
.pagination a {
	display:block;
	height:20px;
	margin-bottom:5px;
	color:white;
	position:relative;
	padding:4px;
}
.pagination a.active:after {
	box-shadow:inset 0 0 0 5px;
}
.pagination a .hover-text {
	position:absolute;
	right:15px;
	top:7px;
	opacity:0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	padding-right: 15px;
}
.pagination a:hover .hover-text {
	opacity: 1;
}
.pagination a:after {
	-webkit-transition:box-shadow 0.5s ease;
	transition:box-shadow 0.5s ease;
	width:10px;
	height:10px;
	display: block;
	border:1px solid;
	border-radius:50%;
	content:'';
	position: absolute;
	margin:auto;
	top:0;
	right:4px;
	bottom:0;
}
.pb-100 {padding-bottom: 100px;}
.pt-100 {padding-top: 100px;}
.mb-100 {margin-bottom: 100px;}
.mb-200 {margin-bottom: 200px;}
.mt-200 {margin-top: 200px;}
.mt-100 {margin-top: 100px;}

.hover-image-scale {
  display: inline-block; 
  overflow: hidden; /* Скрываем всё за контуром */
}
.hover-image-scale img {
  transition: 1s; /* Время эффекта */
  display: block; 
}
.hover-image-scale img:hover {
  transform: scale(1.2); /* Увеличиваем масштаб */
}
.black100 {background-color: #000; width: 100%;}
.soc-icons {
  fill: #ffffff; 
  width: 30px;
}

a svg:hover #telegram,
a svg:hover #vk,
a svg:hover #youtube,
a svg:hover #tiktok { 
  fill: #fab800;
  stroke: #fab800;
}
a svg #telegram,
a svg #vk,
a svg #youtube,
a svg #tiktok { 
  transition: 200ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 200ms;
  -webkit-transition-timing-function: ease-in-out;
}
.section-title {
  text-align: center;
  padding-bottom: 30px;
  position: relative;
}
.section-title h2, .section-title h1 {
  font-size: 32px;
  /*text-transform: uppercase;*/
  margin-bottom: 20px;
  padding-bottom: 40px;
  position: relative;
}
.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  background: #2f302e;
  bottom: 0;
  left: calc(50% - 25px);
}
.videologo {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  z-index: 5000;
}
.animate__animated.animate__delay-7s {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
  -webkit-animation-delay: calc(var(--animate-delay) * 7);
  animation-delay: calc(var(--animate-delay) * 7);
}
.animate__animated.animate__delay-8s {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
  -webkit-animation-delay: calc(var(--animate-delay) * 8);
  animation-delay: calc(var(--animate-delay) * 8);
}
/*.mcur {
  cursor: url("../img/mcur.cur"), pointer;
}*/

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}
}
@media (max-width: 991px) {

  .description {
    position: absolute;
    top: 40%;
    margin: auto;
    text-align: center;
    padding: 1em;

}

}	

/* ============ small devices .end// ============ */
.dropdown-menu .accordion {
  --bs-accordion-color: #ededed;
  --bs-accordion-bg: #000;
  --bs-accordion-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(
    var(--bs-border-radius) - (var(--bs-border-width))
  );
  --bs-accordion-btn-padding-x: 1rem;
  --bs-accordion-btn-padding-y: 0.1rem;
  --bs-accordion-btn-color: #ededed;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ededed'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230a58ca'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #000000;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(3, 3, 3, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.dropdown-menu .accordion-item .accordion-header:hover * {
  background-color: #fab800 !important;
  color: #000;
}
.dropdown-menu .accordion-item .accordion-body li:hover * {
  background-color: #fab800 !important;
  color: #000;
}
.dropdown-menu .dropdown-item li:hover * {
  background-color: #fab800 !important;
  color: #000;
}

.accordion-item {
    color: #333333;
    /*background-color: #161616;*/
    background-color: #212529;
}
.dropdown-menu .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
.dropdown-menu .accordion-body li {
  list-style: none;
}
.dropdown-menu .accordion-body ul {
  padding-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #ededed;
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(0.375rem - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
  --bs-dropdown-link-color: #ededed;
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: #fab800;
  --bs-dropdown-link-active-color: #000000;
  --bs-dropdown-link-active-bg: #fde50d;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: #000;
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.nav-link {
  font-size: 1.1rem;
}
.nomob .nav-link {
  font-size: 1rem;
}
footer {
  padding: 4em 0; }

.footer-07 {
  background: #000000; }
  .footer-07 a {
    color: #ffc107; }
  .footer-07 p {
    color: rgba(255, 255, 255, 0.3); }
  .footer-07 .footer-heading {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px; 
  }
    .footer-07 .footer-heading .logo {
      color: #fff; }
  .footer-07 .menu {
    margin-bottom: 30px; }
  .footer-07 .menu a {
      color: rgba(255, 255, 255, 0.6);
      margin: 0 10px;
      text-transform: uppercase;
      letter-spacing: 1px; 
      text-decoration: none;
      transition: color 0.35s ease-in-out;
    }
  .footer-07 .menu a:hover, .footer-07 .menu a:focus {
      color: #ffc107;
    }
  .footer-07 .ftco-footer-social li a {
    background: transparent;
    border: 1px solid #a3de83; 
  }
  .nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
  }

  .nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .topheader {
    /*width: 100%;
    background-image: url('../img/g.webp');
	  background-size: cover;
	  background-position: center;*/
    background-color: #212529;
    min-height: 100px;
  }
  .topheader h1, .topheader h2 {
    color: #fff;
  }
  .topbanner {
    padding-top: 75px;
  }
  @media (max-width: 992px) {
    .topbanner {
      padding-top: 6px;
    }
  }
  .topbanner2 {
    padding-top: 75px;
  }
  @media (max-width: 992px) {
    .topbanner2 {
      padding-top: 8px;
    }
  }
  .maininfo {
    background-color: #000;
    color: #fff;
  }
  .maininfo p {
    color: #ededed;
  }
  .title a {
   text-decoration: none;
  }
  .img-fluids img {
    max-width: 100%;
    height: auto;
  }
  .img-article img {
    margin: 5px 45px 20px;
    /*filter: drop-shadow(0 5px 10px #fab800);*/
    padding: 1px;
    /*background-color: #fab800;*/
    border-radius: 8px;
  }
  @media (max-width: 992px) {
    .img-article img {
      margin: 10px auto 20px;
    }
  }

  .img-client img {
    margin: 5px 45px 20px 0;
    /*filter: drop-shadow(0 5px 10px #fab800);*/
    padding: 1px;
    /*background-color: #fab800;*/
    border-radius: 8px;
  }
  @media (max-width: 992px) {
    .img-client img {
      margin: 0px auto 20px;
    }
  }
  .img-short img {
    padding: 10px;
  }
  @media (max-width: 992px) {
    .img-short img {
      padding: 10px;
    }
  }
  .bg-carbon {
    background-color: #333333;
    background-image: url(../img/carbon.jpeg);
    background-size: cover;
	  background-position: center;
    background-repeat:no-repeat;
background-attachment:fixed;
  }
  .hrlight {
    border: none; 
    color: rgb(158, 158, 158); 
    background-color: rgb(158, 158, 158); 
    height: 1px;}

    .album .card {
      border-radius: 0;
    }
    .autocard .card-img-top {
      max-height: 300px;
      width: 100%;
      object-fit: cover;
      min-height: 300px;
  }
  .autocard .card-body {
    border-width: 0;
  }
  .card-body .cardh3 h3 {
    margin-bottom: -20px;
  }
  .dropdown-item:hover, .accordion-button:hover {
    font-weight: 700;
    /*font-size: 1.2rem;*/
    font-size: inherit;
    letter-spacing: 0px;
  }
  .garage {
    border-bottom: #fab800 1px solid;
    line-height: inherit;
  }
  .garage span a {
    border-bottom: #fab800 1px solid;
    text-underline-offset: 10px;
    line-height: inherit;
  }
  .garage2 {
    text-decoration-color: #fab800 !important;
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-thickness: 1px;
    
  }
  .lvideo video {
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
  }
  .ratio-22x9 {
    --bs-aspect-ratio: 38.1571428571%;
    margin-top: -10px;
    width: 350px;
  }

  /* слайдер аренда авто  */

.hvr__images {
  position: relative;
}

.hvr__sectors {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}

.hvr__sector {
  flex-grow: 1;
}

/* не обязательные стили */


.images {
  display: flex;
  overflow: hidden;
}


.image {
  display: block;
}
.images img {
  display: none;
  }
  
.images img:first-child {
  display: block;
  }
.nothvr__dots .hvr__dots {
  visibility: hidden;
}
.hvr__dots {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hvr__dot {
  width: 5px;
  height: 5px;
  margin: 10px 2px 0;
  border-radius: 50%;
  background: #d6dbe0;
}

.hvr__dot--active {
  background: #000;
}
.dropdown .w300 {
  min-width: 300px;
}
.dropdown .w350 {
  min-width: 360px;
}
.back-to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: none;
}
.imgbackgr {
  background-position: center 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 300px;
  background-color: #000;
}
/*@media (max-width: 992px) {
  .imgbackgr {
    background-attachment: scroll;
  }
}*/
.min194 {
  min-height: 194px;
}
.collapse.show {
  padding-top: 0;
}
.swiper-button-next, .swiper-button-prev {
  background-color: #fff;
  padding: 13px;
  border-radius: 8px;
}

.swiper2 {
  width: 300px;
  height: 300px;
  padding: 50px;
}

.swiper-slide2 {
  background-position: center;
  background-size: cover;
  width: 300px;
  height: 300px;
}

.swiper-slide2 img {
  display: block;
  width: 100%;
}

.akciiacc .accordion {
background: #000;
--bs-accordion-bg: #000;
}
.akciiacc .accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: #000;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: #212529;
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: #212529;
}
.img0 img {width: 0;}