@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@200;400;700&display=swap";

:root {

  --bmw-dblue-color: #003b79;

  --bmw-blue-color: #0066b2;

  --bmw-red-color: #e32211;

  --text-red: #e32211;

  --border-red-color: #e32211;

  --link-color: #e32211;

  --hover-color: #e32211;

  --text-color: #000;

  --text-graylight: #b7b7b7;

  --text-color-l: #656565;

  --graylight-color: #b5b5b5;

  --graylight2-color: #ebebeb;

  --ulgraylight-color: #f7f7f7;

  --gray-color: #656565;

  --baseline: .25rem;

  --baseline-multiplier: 5;

  --line-height: calc(var(--baseline-multiplier) * var(--baseline));

  --font-size: calc(var(--line-height) / 1.4);

  --section-m: 4rem;

  --section-pt: 3.5rem;

  --section-pb: 3.5rem

}

html {

  overflow-x: hidden

}

body {

  color: var(--text-color);

  font-family: 'IBM Plex Sans Condensed', sans-serif;

  line-height: var(--line-height);

  font-size: var(--font-size);

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased !important;

  -moz-font-smoothing: antialiased !important;

  text-rendering: optimizelegibility !important

}

h1, .h1 {

  font-size: calc(var(--font-size) * 2.4)

}

h2, .h2 {

  font-size: calc(var(--font-size) * 2.1);

  text-transform: uppercase

}

h2 small, .h2 small, .box-cta small {

  font-size: calc(var(--font-size) * 1.3);

  text-transform: none;

  color: var(--graylight-color);

  display: flex

}

h3, .h3 {

  font-size: calc(var(--font-size) * 1.8);

  text-transform: uppercase

}

.menu-top {

  position: absolute;

  top: 0;

  width: 100%;

  height: 64px;

  z-index: 1000

}

.menu-top-menu .nav-link {

  font-weight: 700;

  font-size: 1rem;

  color: #000 !important;

  border-left: 5px solid transparent

}

.menu-top-menu .nav-link:hover {

  background-color: var(--ulgraylight-color);

  border-left: 5px solid var(--hover-color)

}

.hr50 {

  width: 150px;

  margin: var(--section-pt) auto var(--section-pb)

}

.hr-blue {

  width: 150px;

  border: none;

  height: 2px;

  background-color: var(--bmw-dblue-color);

  margin-left: 27px

}

.btn-base {

  border: #1e2125 1px solid;

  border-radius: 0;

  text-transform: uppercase;

  margin-left: 1rem;

  margin-right: 1rem;

  -webkit-transition-duration: .4s;

  transition-duration: .4s;

  -webkit-transition-property: all;

  transition-property: all;

  margin-bottom: 1rem;

  padding: .4rem 1rem

}

.btn-base:hover {

  -webkit-transition-duration: .4s;

  transition-duration: .4s;

  -webkit-transition-property: all;

  transition-property: all;

  background-color: var(--bmw-blue-color);

  color: #fff

}

header {

  height: 60px

}

.top-header {

  position: absolute;

  z-index: 500;

  width: 100%;

  background-color: rgba(20, 30, 50, 0.6);

  color: #fff;

  /*background-image: url(../../../images/top_bmw_m.png);*/

  background-repeat: no-repeat;

  background-position: left center;

  background-size: contain;

  padding-top: 10px;

  padding-bottom: 6px;

  padding-left: 14px

}

.top-header h1 span {

	font-size:calc(var(--font-size) * 1.6); 

}

.top-header h1 {

	line-height: 1.0;

}

.fixed-top {

  height: 64px

}

.menu-left {

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  max-height: 64vh

}

.page .menu-left {

  max-height: 32vh

}

.menu-leve {

  margin-top: 10vh

}

.page .menu-leve {

  margin-top: 3rem

}

.menu-leve .nav-item .nav-link {

  text-transform: uppercase;

  color: var(--text-color);

  font-weight: 700;

  font-size: calc(var(--font-size) * 0.9)

}

.menu-leve .nav-item {

  border-left: 5px solid transparent

}

.menu-leve .nav-item:hover {

  border-left: 5px solid var(--hover-color);

  background-color: var(--ulgraylight-color)

}

.menu-leve .nav-item .submenu .nav-link {

  font-weight: 400

}

.menu-leve .nav-link.active {

  background-color: var(--graylight2-color);

  border-left-width: 6px;

  border-left-color: var(--link-color);

  border-left-style: solid

}

.menu-leve .sidebar {

  border-radius: 0

}

.top-carousel .boxes-wrapper .box {

  height: 100px;

  display: block;

  padding: 1em;

  position: relative

}

.top-carousel .boxes-wrapper .box-1 {

  margin-top: -6vh

}

.top-carousel .boxes-wrapper .box-3 {

  margin-top: 6vh

}

.top-carousel .boxes-wrapper .box-1 {

  background-color: var(--bmw-dblue-color)

}

.top-carousel .boxes-wrapper .box-2 {

  background-color: var(--bmw-blue-color)

}

.top-carousel .boxes-wrapper .box-3 {

  background-color: #fff

}

.top-carousel .boxes-wrapper .box-4 {

  background-color: var(--graylight2-color)

}

.top-carousel .boxes-wrapper .box-5 {

  background-color: var(--bmw-red-color)

}

.top-carousel .boxes-wrapper .box-6 {

  background-color: #fe8970

}

.top-carousel .boxes-wrapper {

  position: relative;

  z-index: 999;

  top: 22vh

}

.top-carousel .boxes-wrapper .box {

  padding: 2vh 1em;

  text-align: center;

  min-height: 135px;

  -webkit-transition-duration: .4s;

  transition-duration: .4s;

  -webkit-transition-property: all;

  transition-property: all

}

.top-carousel .boxes-wrapper .box:hover {

  background-color: var(--gray-color);

  -webkit-transition-duration: .4s;

  transition-duration: .4s;

  -webkit-transition-property: all;

  transition-property: all

}

.top-carousel .boxes-wrapper .box {

  height: 12vh

}

.top-carousel .boxes-wrapper .box h3 {

  font-size: calc(var(--font-size) * 0.9);

  color: #fff;

  display: inline-block;

  width: 100%;

  margin: 0;

  text-transform: uppercase;

  line-height: 1.1

}

.top-carousel .boxes-wrapper .box-3 h3, .top-carousel .boxes-wrapper .box-4 h3 {

  color: var(--text-color)

}

.cssanimations body.loaded .carousel-wrapper .boxes-wrapper .box:nth-child(1) {

  -webkit-animation: slideFromUp 2s cubic-bezier(0.215, 0.61, 0.355, 1) .65s both;

  -moz-animation: slideFromUp 2s cubic-bezier(0.215, 0.61, 0.355, 1) .65s both;

  -o-animation: slideFromUp 2s cubic-bezier(0.215, 0.61, 0.355, 1) .65s both;

  -ms-animation: slideFromUp 2s cubic-bezier(0.215, 0.61, 0.355, 1) .65s both;

  animation: slideFromUp 2s cubic-bezier(0.215, 0.61, 0.355, 1) .65s both

}

.box-cta {

  font-size: calc(var(--font-size) * 2.3)

}

.box-cta.place {

  background-image: url(../../../images/bg-cta-kdenasnajdete.jpg);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover

}

.box-cta span {

  background-repeat: no-repeat;

  background-position: left 6px;

  background-size: 17px;

  padding-left: 30px;

  margin-left: -30px;

  font-size: 18px;

  font-weight: 900

}

.box-cta.phone span {

  background-image: url(../../../images/ico/phone.svg)

}

.box-cta.place span {

  background-image: url(../../../images/ico/place.svg)

}

.box {

  background-repeat: no-repeat;

  background-position: center calc(100% - 0px);

  background-size: 100%

}

.box-1 {

  background-image: url(../../../images/ico/ico-01.png)

}

.box-2 {

  background-image: url(../../../images/ico/ico-02.png)

}

.box-3 {

  background-image: url(../../../images/ico/ico-03.png);

  background-size: 75%

}

.box-4 {

  background-image: url(../../../images/ico/ico-04.png)

}

.box-5 {

  background-image: url(../../../images/ico/ico-05.png)

}

.box-6 {

  background-image: url(../../../images/ico/ico-06.png)

}

.faq h2 {

  background-image: url(../../../images/ico/faq.svg);

  background-repeat: no-repeat;

  background-position: left 11px;

  background-size: 22px;

  padding-left: 26px !important;

  display: inline-block

}

.list-f {

  padding-right: 3rem

}

.img-car-top {

  background-position: center center;

  background-size: cover;

  height: 100%

}

.list-f .nav-link, .list-f .nav-link.active {

  background-color: transparent;

  color: var(--graylight-color);

  text-transform: uppercase;

  text-align: left;

  border-radius: 0;

  font-size: calc(var(--font-size) * 1.3);

  padding-left: 43px

}

.list-f .nav-link span {

  margin-right: 9px;

  padding: 3px;

  margin-left: -35px

}

.list-f .nav-link.active span {

  font-weight: 700;

  background-color: var(--bmw-blue-color);

  color: #fff

}

.list-f .nav-link.active {

  border-bottom-style: solid;

  border-bottom-width: 1px;

  color: var(--text-color)

}

.dotazy {

  text-align: center;

  margin-top: var(--section-pt)

}

.about {

  background-color: var(--ulgraylight-color)

}

.about-text-box::before {

  border-left: var(--graylight-color) solid 1px;

  display: block;

  content: '';

  width: 2px;

  height: 100%;

  margin-left: -20px;

  float: left

}

.carousel {

  margin-bottom: 0

}

.carousel-caption {

  bottom: calc(50% - 80px);

  z-index: 10

}

.carousel-item {

  height: 64vh

}

.page .carousel-item {

  height: 24vh

}

.carousel-item > img {

  position: absolute;

  top: 0;

  left: 0;

  min-width: 100%;

  height: 32rem

}

.page .carousel-inner {

  background-color: #000

}

.page .img-car-top {

  opacity: .7

}

.banery {

  padding-top: var(--section-pt);

  padding-bottom: var(--section-pb)

}

.banery .banner-link, .banery p, .banery figure {

  margin: 15px;

  display: inline-block

}

.banery .banner-link img, .banery p img, .banery figure img {

  max-width: 100%;

  height: auto

}

.mapa {

  padding-top: var(--section-pt);

  padding-bottom: var(--section-pb)

}

.footer {

  background-color: var(--bmw-dblue-color);

  color: #fff;

  padding-top: var(--section-pt)
}

.footer.headline-bg-1{
  background-color: #003b79;
}

.footer.headline-bg-2{
  background-color: #c8102e;
}

.footer.headline-bg-3{
  background-color: #00677e;
}

.footer.headline-bg-4{
  background-color: #0f291d;
}

.footer .footer-site {

  background-color: var(--ulgraylight-color)

}

.footer .footer-site a {

  color: var(--text-color);

  font-weight: 700;

  font-size: calc(var(--font-size) * 1.3)

}

.footer .footer-menu a {

  color: #fff

}

.micro-footer {

  background-color: #fff;

  color: var(--gray-color);

  font-size: calc(var(--font-size) * 0.85);

  text-align: center;

  padding-top: 1.6rem

}

.footer .phone a {

  color: #fff;

  text-decoration: none

}

.footer .phone a:hover {

  text-decoration: underline

}

.footer .footer-site .nav-link:hover {

  background-color: var(--graylight-color);

  color: #000

}

.obsah .obsah-levy {

  line-height: calc(var(--line-height) * 1.2)

}

.obsah .obsah-levy img {

  max-width: 100%;

  height: auto;

  margin-top: calc(1.0 * var(--bs-gutter-x));

  margin-bottom: calc(1.8 * var(--bs-gutter-x))

}

.obsah .obsah-levy img::after {

  display: block;

  clear: both;

  content: ""

}

.obsah table {

  margin-top: calc(1.0 * var(--bs-gutter-x));

  margin-bottom: calc(1.8 * var(--bs-gutter-x))

}

.obsah table th {

  background-color: var(--bmw-dblue-color);

  color: #fff;

  font-size: calc(var(--font-size) * 1.25)

}

.obsah table td {

  font-size: calc(var(--font-size) * 1.1)

}

.obsah table td:last-child {

  white-space: nowrap;

  font-weight: 700

}

.navbar-brand img {
  height:40px;
}

.footlogo img {
  height: 40px;
}

.headline-bg-1, .top-header.headline-bg-1{
  background-color: rgba(20, 30, 50, 0.6);
  color: white;
}
.img-car-top.headline-bg-1{
  background: linear-gradient(to top, rgba(20, 30, 50, 0.6), rgba(20, 30, 50));
}
.headline-bg-2, .top-header.headline-bg-2{
  background-color: rgba(255,15,51,0.50);
  color: white;
}
.img-car-top.headline-bg-2{
  background: linear-gradient(to top, rgba(255,15,51,0.50), rgba(255,15,51));
}
.headline-bg-3, .top-header.headline-bg-3{
  background-color: rgba(0,102,127,0.50);
  color: white;
}
.img-car-top.headline-bg-3{
  background: linear-gradient(to top, rgba(0,102,127,0.50), rgba(0,102,127));
}
.headline-bg-4, .top-header.headline-bg-4{
  background-color: rgba(15,41,29,0.50);
  color: white;
}
.img-car-top.headline-bg-4{
  background: linear-gradient(to top, rgba(15,41,29,0.50), rgba(15,41,29));
}

@media (min-width: 40em) {

  .carousel-caption p {

    margin-bottom: 1.25rem;

    font-size: 1.25rem;

    line-height: 1.4

  }

  .featurette-heading {

    font-size: 50px

  }

}

@media (min-width: 62em) {

  .featurette-heading {

    margin-top: 7rem

  }

}