@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 .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
}
@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
  }
}