@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: "Noto Sans", system-ui;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
    overflow-x: hidden;
}

:root,
[data-bs-theme=light] {
    --bs-body-font-size: 1.1rem;
    --bs-body-bg: #fafafc;
}

.pg-content a {
    --bs-link-underline-opacity: 0;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.pg-content a:hover {
    text-underline-offset: 0.25em !important;
    --bs-link-underline-opacity: 0.55;
}

img {
    border-style: none;
    max-width: 100%;
    height: auto;
}

header {
    z-index: 99999 !important;
}

.header-bg-vis {
  background-color: rgb(255,255,255);
}

#navbarCollapse li.nav-item a {
    letter-spacing: 0.03rem !important;
}
#navbarCollapse li.nav-item a:hover,
#navbarCollapse li.nav-item a.active {
    color: #C7000D !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent !important;
}

#navbarCollapse .menu-icon {
    width: 20px;
    height: 20px;
}

.dropdown-menu {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.16);
  border: none;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent !important;
}
.dropend .dropdown-toggle {
  /*color: #C7000D !important;*/
  margin-left: 1em;
}
.dropdown-item:hover {
  background-color: transparent;
}
.dropdown .dropdown-menu {
  display: none;
}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: block;
  margin-top: 0.125em;
  /*margin-left: 0.125em;*/
}
.disable-bscreen {
    pointer-events: none !important;
}
@media screen and (min-width: 992px) {
    .dropend:hover > .dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
    }
    .dropend .dropdown-toggle {
        margin-left: 0.5em;
    }
}

/*lang*/
.langbar-ul {
    min-width: 4rem !important;
    text-align: center;
}
.langbar-item {
    width: 25px !important;
    height: auto;
}
.langbar-item:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.20); /* Safari and Chrome */
    -moz-transform:scale(1.10); /* Firefox */
    -ms-transform:scale(1.10); /* IE 9 */
    -o-transform:translatZ(0) scale(1.10); /* Opera */
    transform:translatZ(0) scale(1.10);
}
@media screen and (max-width: 992px) {
    .langbar-ul {
        width: 2rem !important;
    }
    
    .disable-bscreen {
        pointer-events: auto !important;
    }
}

.navbar .logo {
    width: auto;
    height: 48px;
}

/*homepage*/
.home-pg-mb-3 {
    margin-bottom: 3%;
}

.home-pg-card {
    --bs-card-border-radius:0;
    --bs-card-inner-border-radius:0;
    background-size: cover;
    background-position: center;
    height: 100vh;
}

.home-pg-card-h1 {
    margin-top: 7%;
}

.home-pg-card-button.btn-lg {
    --bs-btn-padding-y: 0.3rem;
    --bs-btn-padding-x: 1.8rem;
    --bs-btn-font-size: 2.5rem;
}

.home-pg-popup {
    --bs-card-border-radius:0;
    --bs-card-inner-border-radius:0;
    background-size: cover;
    background-position: center;
    height: 75vh;
}
.home-pg-popup .btn-close {
    --bs-btn-close-opacity: 0.75;
    --bs-btn-close-hover-opacity: 1;
}

/*test - crollitav homepage*/
/*.section {
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.section:nth-child(odd) {
  background-color: lightblue;
}

.section:nth-child(even) {
  background-color: lightcoral;
}*/
/*test - crollitav homepage*/
/*end homepage*/

.footer-bg-1 {
    background-color: #D8D7D6;
    color: #3E3A39;
}

.footer-bg-2 {
    background-color: #B4B2B1;
    color: rgb(255,255,255);
}

.carousel.slide {
  margin-top: -33px !important;
}

#carCarousel .carousel-caption {
  bottom: 6rem;
  z-index: 10;
}

.car-card,
.car-card:hover {
    color: inherit !important;
    text-decoration: none !important;
}

.sale-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.sale-card .badge {
    font-weight: 500 !important;
    margin-left: 0.8rem !important;
    margin-top: 0.7rem !important;
}

.form-check-input {
    border-color: #6c757d;
}
.form-check-input:checked {
    background-color: #198754;
    border-color: #198754;
}

.form-range::-webkit-slider-thumb {
  background: #198754;
}
.form-range::-moz-range-thumb {
  background: #198754;
}
.form-range::-ms-thumb {
  background: #198754;
}
.form-range::-webkit-slider-thumb:active {
  background-color: #a3cfbb;
}
.form-range::-moz-range-thumb:active {
  background-color: #a3cfbb;
}

.outScreen {
    position: absolute;
	left: -9999px;
	top: -9999px;
	height: 1px;
	margin-bottom: 0;
}

.noselect {
  pointer-events: none;
  opacity: 0.8;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.color-tooltip {
  --bs-tooltip-bg: var(--bs-success);
  --bs-tooltip-color: var(--bs-white);
}

#colorAlert.fade {
    -webkit-transition: opacity 1s linear !important;
        -moz-transition: opacity 1s linear !important;
            -ms-transition: opacity 1s linear !important;
                -o-transition: opacity 1s linear !important;
                    transition: opacity 1s linear !important;
}

#clientInfo h2.accordion-header button {
    font-size: 1.75rem !important;
    font-weight: 500 !important;
    padding-left: 0px !important;
}

#clientInfo .accordion-button:not(.collapsed) {
    background-color: transparent !important;
}

#clientInfo .accordion-button::after {
    margin-left: 25px !important;
}

/*lightbox*/
.modal.lightbox {
    z-index:100000 !important;
}
.lightbox-carousel .carousel-control-prev-icon,
.lightbox-carousel .carousel-control-next-icon {
    width: 3rem !important;
    height: 3rem !important;
}
.btn-close.btn-lightbox {
    width: 2rem !important;
    height: 2rem !important;
}
.btn-close.btn-lightbox {
    border-radius: 0 0 0 0.375rem;
    background: black;
    opacity: 1;
}
.btn-close.btn-lightbox svg:hover {
    fill: red !important;
}

.gal-img {
    transition: all 0.4s ease;
}
.gal-img:hover {
    transform: translateY(-5px);
}

/*dealers*/
.dealer-iframe {
    border: 1px solid #dee2e6;
    width: 100%;
    height: 100%;
}

/*lang*/
.langbar-div {
    min-width: 5rem !important;
}
.langbar-item {
    width: 25px !important;
    height: auto;
}
.social-item {
    width: 20px !important;
    height: auto;
}

/*banners*/
.carousel-inner.adds-banner .carousel-item {
    height: 500px;
    max-height: 800px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 1440px) {
    .home-pg-mb-3 {
        margin-bottom: 4%;
    }
}

@media (min-width: 993px) and (max-width: 1440px) {
    .home-pg-card-h1.display-3 {
        font-size: 3.5rem !important;
    }
    
    #carCarousel .carousel-caption {
      bottom: 3rem !important;
    }
}

@media (max-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 3px !important;
    }
    
    #navbarCollapse li.nav-item a {
        font-size: 0.95rem !important;
    }
}

@media (max-width: 992px) {
    #navbarCollapse li.nav-item a {
        font-size: 0.95rem !important;
    }
    
    /*#navbarCollapse li.nav-item:last-child {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    #navbarCollapse li.nav-item:last-child a {
        font-size: 1.0rem !important;
        padding-top: 0.5rem !important;
    }*/
    
    .carousel.slide {
      margin-top: 0px !important;
    }
    
    #carCarousel .carousel-caption {
      bottom: 3rem !important;
    }
    
    /*banners*/
    .carousel-inner.adds-banner .carousel-item {
        /*height:400px;*/
        min-height: 100vh !important;
    }
    .carousel-inner.adds-banner .display-2 {
        font-size: 3rem;
    }
    .carousel-inner.adds-banner .display-5 {
        font-size: 2rem;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .home-pg-card-h1.display-3 {
        font-size: 3.3rem !important;
        margin-top: 10%;
    }
}

@media (max-width: 768px) {
    /*#navbarCollapse li.nav-item:last-child {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    #navbarCollapse li.nav-item:last-child a {
        padding-top: 0.5rem !important;
    }*/
    
    .home-pg-card-button.btn-lg {
        --bs-btn-padding-y: 0.3rem;
        --bs-btn-padding-x: 1.8rem;
        --bs-btn-font-size: 1.5rem;
    }
}

@media (min-width: 479px) and (max-width: 768px) {
    .home-pg-mb-3 {
        margin-bottom: 7% !important;
    }
    
    .home-pg-card-h1.display-3 {
        font-size: 2.8rem !important;
        margin-top: 10%;
    }
    
    .copy-div,
    .social-div {
        width: 100% !important;
    }
    
    /*banners*/
    .carousel-inner.adds-banner .carousel-item {
        /*height: 300px !important;*/
        min-height: 100vh !important;
    }
}

@media (max-width: 575px) {
    #navbarCollapse li.nav-item a {
        font-size: 1.05rem !important;
    }
    
    .copy-div,
    .social-div {
        width: 100% !important;
    }
    .copy-div {
        margin-bottom: 10px;
    }
}

@media (max-width: 479px) {
    .home-pg-mb-3 {
        margin-bottom: 25% !important;
    }
    
    .home-pg-card-h1.display-3 {
        font-size: 2.3rem !important;
        margin-top: 25%;
    }
    
    /*banners*/
    .carousel-inner.adds-banner .carousel-item {
        /*height: 280px !important;*/
        min-height: 100vh !important;
    }
    .carousel-inner.adds-banner .display-2 {
        font-size: 2rem !important;
    }
    .carousel-inner.adds-banner .display-5 {
        font-size: 1.5rem !important;
    }
}