@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1400px;
  }
}

body { background:#130B02; font-family: "DM Sans", sans-serif; font-weight:400; }
.btn { border-radius:0; border:0;}
.btn-primary { background-color:#ED9C00;}
.btn-primary:hover { background-color:#A49F8F; color:#fff}
img { max-width:100%}
p { color:#C3BDA7; font-size:15px; line-height:26px;}
h1, h2,h3,h4,h5 { font-family: Lobster; }
h2 { font-size: 38px; font-weight: 400;line-height: 47.5px;text-align: left; }
.bgwhite { background:#fff;}
.container-fluid { max-width:1920px;}
.link { font-size: 15px; font-weight: 400;line-height: 26px; color:#ED9C00; text-decoration:none}
.link:hover { text-decoration:underline; color:#fff;}


nav { position:relative; z-index:1000; }
.navbar-brand img {  width: 241px; }
.navbar-nav {   align-items: center; }
.navbar .navbar-nav .nav-link {  color: #fff;  font-size: 16px; padding-left:2em; padding-right:2em; }
.navbar .navbar-nav .nav-link:hover {     text-decoration:underline; }
@media screen and (min-width: 738px) {
  .navbar-brand img {
    width: 241px;
  }
  .navbar-brand {
    margin-right: 0;
    padding: 0 1em;
  }
}

.navbar-collapse.show .navbar-nav {    background:#130B02; }
.navbar-nav,.mr-auto {flex: 1;margin: auto !important;display: flex;justify-content: space-between;}

#ban { position:absolute; top:0; background:#000 url('../img/top-vw.jpg') no-repeat center center; min-height:980px; width:100%;}
#ban .maska { background: linear-gradient(0deg, #130B02 0%, rgba(19, 11, 2, 0) 100%);  display: block;  width: 100%;  height: 30%;  left: 0;  position: absolute;  bottom: 0px; }
#ban h1 { font-family: Lobster; font-size: 72px;font-weight: 400;line-height: 90px;text-align: center; padding-top:30%;}
#ban h2 { font-family: DM Sans; font-size: 18px;font-weight: 400;line-height: 23.44px;text-align: center; }
#ban ul { list-style:none; position:absolute; background:unset; bottom:40px; font-size: 16px; font-weight: 400;  left: 50%;  -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    transform: translate(-50%, -50%); width: 100%;}
#ban ul li { display:inline list-item; color:#ED9C00; }
#ban ul li:after { content:"•"; padding-left:15px;  padding-right:15px; }
#ban ul li:last-child:after { content:"";}

#gal { padding-top:900px; background:#130B02 }
#gal .gal .col { padding-left:0px; padding-right:0px; border:5px solid #291910;}

#strucna-historie { background:#130B02 url('../img/bg_historie.svg') no-repeat 75% center; padding-top:12em; padding-bottom:8em}
#strucna-historie h2 { color:#fff;}

#casova-osa { background:#fff; padding-top:6em; padding-bottom:6em;}
#casova-osa h2 { color:#130B02; padding-bottom:3em;}
#casova-osa h3 { font-size: 18px; font-weight: 400; }
#casova-osa .osa img { max-width:140px; padding-top:20px; padding-bottom:20px;   transition: transform .5s; /* Animation */}
#casova-osa .osa img:hover { padding-top:20px; padding-bottom:20px; transform: scale(1.3);}
#casova-osa .galerie a { width:275px; display:inline-block;}
#casova-osa .galerie .small img { width:275px; height:138px; object-fit:cover; border:3px solid #fff;}
#casova-osa .galerie img { width:275px; height:275px; object-fit:cover; }
#casova-osa .galerie img:hover { opacity:0.5;}

@media (min-width: 768px) {
  #casova-osa .galerie .col-md-3 {
    flex: 0 0 auto;
    width: 20%;
  }
}


#zakladni-udaje { background:#130B02 url('../img/bg_tech_udaje.jpg') no-repeat center center; padding-top:10em; padding-bottom:10em; }
#zakladni-udaje h2 { color:#fff;}
#zakladni-udaje .techleft { font-family: DM Sans; font-size: 15px;font-weight: 400;line-height: 26px; color:#fff; border-bottom: 1px solid rgba(255,255,255,0.1); }
#zakladni-udaje .techright { font-family: DM Sans; font-size: 15px;font-weight: 600;line-height: 26px; color:#ED9C00; border-bottom: 1px solid rgba(255,255,255,0.1); }

#zvlastnosti { background:#fff; padding-top:6em; padding-bottom:6em; }
#zvlastnosti .galerie a { background:#000; width:275px; height:100%; display:inline-block;border:5px solid #fff;}
#zvlastnosti .galerie img { width:275px; height:275px; object-fit:cover; }
#zvlastnosti .galerie img:hover { opacity:0.5;}


#renovace { background:#130B02; padding-top:6em; padding-bottom:6em; }
#renovace h2 { color:#fff;}
#renovace .galerie img { width:275px; height:275px; object-fit:cover; border:5px solid #000;}
#renovace .galerie img:hover { opacity:0.5;}

#beetle  { background:#fff url('../img/logo-volkswagen.svg') no-repeat center 50px; padding-top:6em; padding-bottom:6em;}
#beetle .galerie a { background:#000; width:275px; height:100%; display:inline-block;border-left:5px solid #fff;border-right:5px solid #fff;}
#beetle .galerie img { width:275px; height:275px; object-fit:cover; }
#beetle .galerie img:hover { opacity:0.5;}

#hlavni { margin-top:-100px; background:#000 url('../img/bg_top.jpg') no-repeat top center; width:100%; }
#hlavni .titulek { padding-top:133px; min-height:333px;}
#hlavni h1 { color:#fff; font-family: Lobster; font-size: 34px;font-weight: 400;line-height: 42.5px;}
#hlavni .titulek ul { list-style:none; background:unset; font-size: 16px; font-weight: 400;  width: 100%; margin: 0 auto}
#hlavni .titulek ul li { display:inline-block; color:#ED9C00; }
#hlavni .titulek ul li:after { content:"•"; padding-left:15px;  padding-right:15px; }
#hlavni .titulek ul li:last-child:after { content:"";}
#hlavni a { color:#000;}
#hlavni p { color:#000;}
#hlavni .galerie a { background:#000; width:275px; height:100%; display:inline-block;border:5px solid #fff}
#hlavni .galerie img { width:275px; height:275px; object-fit:cover; }
#hlavni .galerie img:hover { opacity:0.5;}

#hlavni .bgblack2 { background:#120b03;}
#hlavni .bgblack2 h2 { color:#fff; font-size: 28px;font-weight: 400;}
#hlavni .bgblack2 h3 { color:#C3BDA7; font-size: 24px;font-weight: 400;}
#hlavni .bgblack2 h4 { color:#fff; font-size: 20px;font-weight: 400;}
#hlavni .bgblack2 p { color:#C3BDA7}
#hlavni .bgblack2 p a { color:#fff; text-decoration:underline;}
#hlavni .bgblack2 p span { color:#fff;}
#hlavni .bgblack2 ul { margin-left:20px;}
#hlavni .bgblack2 ul li { color:#fff; font-weight:600; line-height:26px;}
#hlavni .bgblack2 strong { color:#fff;}
#hlavni .bgblack2 .galerie a { background:#000; width:275px; height:100%; display:inline-block;border:5px solid #000}
#hlavni .bgblack2 .galerie img { width:275px; height:275px; object-fit:cover; }
#hlavni .bgblack2 .galerie img:hover { opacity:0.5;}


#hlavni .bgblack { background:#120b03;}
#hlavni .bgblack h2 { color:#fff; font-size: 28px;font-weight: 400;}
#hlavni .bgblack p { color:#C3BDA7}
#hlavni .bgblack p a { color:#fff; text-decoration:underline;}
#hlavni .bgblack p span { color:#fff;}
#hlavni .bgblack .bod { background:url('../img/dotted.png') repeat-y 20px; margin-top:11px;}
#hlavni .bgblack .bod .puntik { width:30px; height:30px; background:#120b03;}

#hlavni .bgblack .galerie a { width:275px; display:inline-block; height:unset; border:unset;}
#hlavni .bgblack .galerie .small img { width:275px; height:138px; object-fit:cover; border:3px solid #000;}
#hlavni .bgblack .galerie img { width:275px; height:275px; object-fit:cover; }
#hlavni .bgblack .galerie img:hover { opacity:0.5;}

@media (min-width: 768px) {
#hlavni .bgblack .galerie .col-md-3 {
    flex: 0 0 auto;
    width: 20%;
  }
}






footer { background:#130B02; }
footer ul { list-style:none}
footer ul a { color:#FFFFFF; text-decoration:none; }
footer ul a:hover { text-decoration:underline; color:#A49F8F;}
footer p { color:#A49F8F}
footer .cara { border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); }
footer a { color:#FFFFFF; text-decoration:underline; }
footer a:hover { color:#A49F8F}

@media (max-width: 768px) {
  
}

#gotoTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 26px;
  border: none;
  outline: none;
  background-color: #ED9C00;
  color: white;
  cursor: pointer;
  padding: 5px 12px 0px 12px;
  border-radius: 20px;
}

#gotoTop:hover {
  background-color: #555;
}