header .social {
    margin-left: 5px;
}

header .nav-link {
    color: white;
    transition: .3s;
}

 .nav-link:hover {
    color: #29b6f6;
}

footer .logo {
    width: 60px;
}

footer .nav-link {
    color: white;
}

.carousel-item {
    height: 700px;
}

.carousel-item h1 {
    color: white;
}

.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.card-image {
    height: 70px;
    width: 70px;
}

.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.card-header {
    padding: 0;
    /*height: 130px;*/
}

/*.catalog-mobile .card img {*/
/*    width: 100%;*/
/*    height: 30vw;*/
/*    object-fit: cover;*/
/*}*/

.popular-link {
    float: right;
    color: #ed1a14;
    text-decoration: none;
    margin-top: 2px;
}

.popular-link i {
    font-size: 14px;
}

main h1 {
    color: #29b6f6;
}

main h4 {
    color: #29b6f6;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #29b6f6;
    --bs-btn-border-color: #29b6f6;
    --bs-btn-hover-color: #29b6f6;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #29b6f6;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #29b6f6;
    --bs-btn-active-border-color: #29b6f6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #29b6f6;
    --bs-btn-disabled-border-color: #29b6f6;
}

.bd-code-snippet .nav-link {
    color: black;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% - 20px));
    }
}

@media only screen and (max-width: 768px) {
    .catalog-mobile {
        display: block;
    }
    .catalog-desktop {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .catalog-mobile {
        display: none;
    }
    .catalog-desktop {
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    #models_carusel {
        display: block;
    }
    #models_carusel {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    #models_carusel {
        display: none;
    }
    #models_carusel {
        display: block;
    }
}


.cars {
    border-collapse: separate;
    border-spacing: 0 20px;
    text-align: center;
}

.cars tr {
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.cars tbody tr:hover {
    transform: scale(1.005);
}

.cars thead th {
    border: solid 1px #efefef;
    border-style: solid none;
    padding: 5px;
    background-color: #efefef;
    height: 50px;
    vertical-align: middle;
}

.cars thead th:first-child {
    border-left-style: solid;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.cars thead th:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.cars tbody td {
    border: solid 1px #efefef;
    border-style: solid none;
    padding: 5px;
    height: 50px;
    vertical-align: middle;
    background-color: #f8f9fa;
}

.cars tbody img {
    height: 140px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.cars tbody td:first-child {
    border-left-style: solid;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0;
    text-align: left;
}

.cars tbody td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.breadcrumb a {
    color: #494949;
    text-decoration: none;
}

.breadcrumb a:hover {
    color: #ed1a14;
}

.shadow {
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, .1);
}

.bg-grey {
    background-color: #efefef;
}

/*@media (max-width: 768px) {*/
/*  .carousel-inner .carousel-item > div {*/
/*    display: none;*/
/*  }*/
/*  .carousel-inner .carousel-item > div:first-child {*/
/*    display: block;*/
/*  }*/
/*}*/

/*.carousel-inner .carousel-item.active,*/
/*.carousel-inner .carousel-item-start,*/
/*.carousel-inner .carousel-item-next,*/
/*.carousel-inner .carousel-item-prev {*/
/*  display: flex;*/
/*  // transition-duration: 10s;*/
/*}*/

/*!* display 4 *!*/
/*@media (min-width: 768px) {*/
/*  .carousel-inner .carousel-item-right.active,*/
/*  .carousel-inner .carousel-item-next,*/
/*  .carousel-item-next:not(.carousel-item-start) {*/
/*    transform: translateX(25%) !important;*/
/*  }*/

/*  .carousel-inner .carousel-item-left.active,*/
/*  .carousel-item-prev:not(.carousel-item-end),*/
/*  .active.carousel-item-start,*/
/*  .carousel-item-prev:not(.carousel-item-end) {*/
/*    transform: translateX(-25%) !important;*/
/*  }*/

/*  .carousel-item-next.carousel-item-start, .active.carousel-item-end {*/
/*    transform: translateX(0) !important;*/
/*  }*/

/*  .carousel-inner .carousel-item-prev,*/
/*  .carousel-item-prev:not(.carousel-item-end) {*/
/*    transform: translateX(-25%) !important;*/
/*  }*/
/*}*/


#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0F1215;
	z-index: 9999999;
	height: 100%;
	width: 100%;
}

.no-js #preloader,
.oldie #preloader {
	display: none;
}

#loader {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	background-color: #29b6f6;
	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
	animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
	0% {
		-webkit-transform: perspective(120px);
	}

	50% {
		-webkit-transform: perspective(120px) rotateY(180deg);
	}

	100% {
		-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
	}

}

@keyframes sk-rotateplane {
	0% {
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}

	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	}

	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}

}

.desktop {
    display:block;
}

.mobile {
    display:none;
}

@media (max-width: 640px) and (min-width: 320px){
  .desktop{
   display:none;
  }

  .mobile{
   display:block;
  }

  .carousel-caption {
      background-color: rgba(0, 0, 0, 0.5);
      padding: 40px;
      border-radius: 15px;
      left: 5%;
      right: 5%;
  }

  h1 {
      font-size: 18px;
  }

  h2 {
      font-size: 18px;
  }

  h5 {
      font-size: 16px;
  }
}


/* Уменьшение отступов */
.navbar-nav .nav-link {
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
}

/* Многоуровневые dropdown */
.dropdown-menu .dropdown-menu {
    left: 100%;
    top: 0;
    margin-left: 0.125rem;
    margin-right: 0.125rem;
}

/* Адаптация иконок */
.social-icon {
    width: 24px;
    height: 24px;
    padding: 5px;
}

/* Мобильная версия */
@media (max-width: 992px) {
    .dropdown-menu .dropdown-menu {
        left: auto;
        right: 100%;
    }
}

.card-header {
    height: 150px;
    padding: 0;
}

.card-header img {
    width: 100%;
    height: 100%;
}

.equal-height-img {
    height: 400px; /* Фиксированная высота */
    object-fit: cover; /* Сохраняет пропорции и обрезает изображение */
    width: 100%; /* Занимает всю ширину контейнера */
}

@media (max-width: 1200px) {
    .equal-height-img {
        height: 300px; /* Фиксированная высота */
        object-fit: cover; /* Сохраняет пропорции и обрезает изображение */
        width: 100%; /* Занимает всю ширину контейнера */
    }
}
@media (max-width: 992px) {
    .equal-height-img {
        height: 250px; /* Фиксированная высота */
        object-fit: cover; /* Сохраняет пропорции и обрезает изображение */
        width: 100%; /* Занимает всю ширину контейнера */
    }
}