/*main*/



* {font-family: "Inter", sans-serif}

/* Navigace */
.navigation {
    background-color: rgba(0,0,0,0);
    border-bottom: 0px;
}

.navigation__inner {
    padding: 28px;
    margin-top: 32px;
    background-color: #0B1F42;
    border-radius: 0.8rem;
    transition: background-color 0.5s ease;
    box-shadow:  rgba(5, 22, 43, 0.6) 0px 4px 14px -4px;
}

/* .navigation__inner:hover {
    background-color: #0B1F42;
} */


.navigation__item {
    margin-right: 0px;

}
.navigation__items a.navigation__link {
    font-weight: 700;
    font-size: 16px;
    padding: 6px 14px;
    /*background-color: #ffcc00;*/
    border-radius: 6px;
    color: #fff

}
.navigation__item a.navigation__link:hover, .navigation__item--active a.navigation__link {
    background-color: rgba(9, 24, 50, 0.12);
    color: #fff;
}


.navigation__item:hover .navigation__link::after, .navigation__item--active .navigation__link::after {
    opacity: 0;
}

/*comon*/

.button {
  background-color: #0B1F42;
  font-family: "Inter", sans-serif;
  color: #fff;
  border-radius: 4px;
    font-weight: 700;
  width: inherit;
  padding: 10px 20px;
  text-align: center;
  width: initial;
  display: flex;

}
.button:hover {
  background-color: rgb(6, 78, 161);
  text-decoration: none;
    box-shadow:  rgba(26, 103, 210, 0.6) 0px 4px 14px -4px;
}


/*content*/
#content {
    background: #F4F6FA;
}




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



/*header*/

.header__title {
  font-size: 42px;
  line-height: 1.30;
  color: #fff;
    text-transform: lowercase;
}
.header__title--colored {
  color: #fff;
}

.header {
    background-color: #276886;
}

.header__picture {
    background-image: url("/images/leasingcs/image-hp.webp");
    background-size: cover;
}

.header__paragraph {
    color: #fff;
}
 .padding-v-sm.header {
     padding-top: 0px;
     padding-bottom:0px
}

/*prehled vozidel*/
.offer__item {
    border-radius: 12px;
    background-color: #fff;
    border: 0px;
    box-shadow: rgba(11, 31, 66, 0.04) 0px 1px 1px, rgba(11, 31, 66, 0.1) 0px 2px 8px;
    margin: 20px;
    width: calc(33.3333333333% - 40px);
}

.offer__item:hover {
    border: 0px;
    box-shadow: rgba(11, 32, 66, 0.14) 0px 4px 14px 2px;
}


span.label {
		top: -5px;
		right:15px;
		background-color: #ff6129;
		padding:5px 7px;
    border-radius: 4px;
    font-weight: 700;
	}

.offer__price__cost {
    color: #0B1F42;
}

/*detail*vozidel*/

.post-car__wrapper {
    background-color: #fff;
    padding: 40px;
    border-radius: 12px;
    margin-top: 20px;
}

.post-car__title {
    font-size: 2.5rem;
    color: #0c2142;
    font-weight: 700;

}


.post-car__price {
    background-color: #F4F6FA;
    border-radius: 12px;
    padding: 35px 20px;
}

.offer__price__info {
    margin-top: -5px;
}

.offer__price__info, .ranges__item label {
  color: #0c2042;

}

.ranges__item label{
    text-align: center;
}

.ranges__slider::-webkit-slider-thumb {
            width: 1.65em;
            height: 1.65em;
            border-radius: 50%;
            background: #0B1F42;
            cursor: pointer;
        }

        .ranges__slider::-moz-range-thumb {
            width: 1.95em;
            height: 1.95em;
            border-radius: 50%;
            background: #0B1F42;
            cursor: pointer;
        }
.slick-dots .slick-active {
  background-color: #0B1F42;
  width: 12px;
  height: 12px;
    border-radius: 6px;
}



/*tooltips*/

.post-car__features {
  border-top: 0px solid #E1E1E1;
  border-bottom: 0px solid #E1E1E1;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #0B1F42;
}


 .tooltip {
            border-bottom: 0px dotted black;
     font-weight: 700;
     color: #0c2042;
        }



.tooltip .tooltiptext {
    width: 200px;
    background-color: rgba(255,255,255,0.9);
            color: #0c2042;
            padding: 10px 10px;
            min-width: 200px;
    font-weight: 400;
            /* Position the tooltip */
            position: absolute;
            z-index: 1;
            top: -40px;
            left: 55%;
        }


/*detail - vozidla*/

.post-specs h4 {
    color: #0c2042;
}

.post-specs .tech-specs__item {
  padding: 12px 0;
  border-top: 2px solid #F4F6FA;
}

.post-specs .tech-specs__item:nth-last-child(1) {
  border-bottom: 2px solid #F4F6FA;
}

.post-specs .desc ul {
    margin-left: 20px

}

.post-specs ul li::marker {
  color: #0B1F42;
}



/*kontakt*/

.section-title {
  font-size: 2.25em;
  color: #333;
  text-align: center;
}
.section-title::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 78px;
  height: 4px;
  background-color: #00925B;
}

.post-form__title p {
  font-size: 1.9rem;
  color: #0c2042;
}

.post-form__title small {
  font-size: 1.4rem;
  color: #0B1F42;
}


.section-title::after {
       opacity: 0;
}

/*subpage - co je Operativní leasing*/



.page-leasing__header {
  background-image: url('/images/leasingcs/ol.webp');
}

.page-leasing__header .desc {
    width: 45%;
    padding-top: 260px;
    padding-bottom: 260px;
}


.advantages .section-title {
  color: #0c2042;
}

.advantages__description {
  font-size: 20px;
  color: #303030;
  margin-left: 10px;
  transform: translateY(5px);
  transition: 0.33s all ease-in-out;
}

.advantages__item .advantages__item__inner img {
    width: 80px;
}

.advantages__item .advantages__item__inner {
    border: 1px solid #ccd7e1;
    border-radius: 5px;

}

.advantages__item .advantages__item__inner, .leasing-card {
    transition: 0.33s all ease-in-out;
    box-shadow: rgba(11, 31, 66, 0.04) 0px 1px 1px, rgba(11, 31, 66, 0.1) 0px 2px 8px;
}


.advantages__item .advantages__item__inner:hover, .leasing-card:hover {
    box-shadow: rgba(11, 32, 66, 0.14) 0px 4px 14px 2px;
}







.advantages__item__inner {
  display: flex;
  align-items: flex-end;
  text-align: left;
  padding: 20px 25px 40px 25px;
  transition: 0.33s all ease-in-out;
}


.advantages--leasing {
  z-index: 999;
  background-color: #fff;
  border-radius: 1.25em;
  margin-top: -150px;
}


.leasing-section__title {
  color: #0c2042;
    text-align: center;
}

.leasing-section.padding-v-sm, .leasing-section.padding-v-sm .leasing-section__title {
    background-color: #fff;
}


.leasing-section.padding-v-sm .leasing-section__title {
    padding-top: 50px;
}

.leasing-card {
  background-color: #0B1F42;
  color: #fff;
}


.leasing-section__icon img {
  width: calc(100%/4);
}


.leasing-section__icon p {
  font-weight: 700;
  max-width: 180px;
  margin-top: .33em;
    color: #303030;
}





/*page-login*/

.page-login__welcome h1 {
    color: #0c2042;
    text-align: center;
}

.page-login__welcome h1 .colored {
    display: block;
    color: #000000;
    font-size: 25px;
}

.page-login__welcome {
    color: #303030;
}

.page-login {
    padding-top: 160px;
    background-image: url('/images/leasingcs/login.webp');
    min-height: calc(105vh - 135px);
}

/*faq*/

.page-faq__qna.row.row--mini {
    width: 960px
}

.faq-item__icon::before, .faq-item__icon::after,
.faq-item--active .faq-item__icon::before {
  background-color: #0B1F42;
}

.faq-item {
  padding: 20px 15px;
  border: 1px solid #ccd7e1;
    border-right: 0px;
    border-left: 0px;
    margin-top: 0px;
    transition: all ease 0.5s;
}

.faq-item.faq-item--active {
    background-color: #fff
}

/*kontakt*/

.page-contact .contact-info__item svg path  {
  fill: #0B1F42;
}

.page-contact__contact-wrap {
  background-image: url('/images/leasingcs/contact.webp');
}

.page-contact__form-wrap {
    padding-top: 160px !important;
}


/*spacers - subpages*/
.page-leasing, .page-contact {
    padding-top: 0px;
}

.page-faq__header {
    margin-top: 0px;
    padding-top: 200px;
    background-image: url('/images/leasingcs/faq.webp')
}

/*color-hacks*/

.page-login__problem a,
#formContact p a,
.faq-item--active .faq-item__question p
{
    color: #0B1F42;
}

.navigation__contact img {
    width: 280px;
}

.navigation__burger {
    left: 30px;
    top: 45px;
}


.navigation__burger .middle-line,
.navigation__burger::before,
.navigation__burger::after {
    background-color: #fff;}

@media (max-width: 770px) {
    .page-contact__form-wrap {
        padding-top: 0px  !important;
    }
}

@media (max-width: 640px) {
    .offer__item {

        margin: 15px auto;
        width: calc(100% - 40px);

    }
}


.has-custom-header .header{
    height: inherit;
    height: 90vh;
}
.has-custom-header .header__intro, .has-custom-header .contact-info {
    padding-top: 190px;
}
.has-custom-header .post-car {
    margin-top: 0;
}
.has-custom-header .post-car__basic-specs{
    padding-top: 100px;
}

@media (max-width: 640px) {
    .has-custom-header .header__intro, .has-custom-header .contact-info {
        padding-top: 170px;
    }
    .has-custom-header .header__intro .header__title, .has-custom-header .contact-info .contact-info__title {
        font-size: 18px;
        line-height: 1.3;
    }
}



@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:wght@300;400;700&family=Varela+Round&display=swap')