@font-face {
    font-family: 'broadwayengravedregular';
    src: url('../fonts/tt0802m-webfont.eot');
    src: url('../fonts/tt0802m-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0802m-webfont.woff2') format('woff2'),
         url('../fonts/tt0802m-webfont.woff') format('woff'),
         url('../fonts/tt0802m-webfont.ttf') format('truetype'),
         url('../fonts/tt0802m-webfont.svg#broadwayengravedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@import "http://fonts.googleapis.com/css?family=Roboto:400,500,700,900,300";
html, body{
  height:100%;
} 
@media (max-width: 768px) {
  .nav > li a{ 
    width: 100%;
    background:url(../images/nav.png) no-repeat bottom center;
  } 
  .nav > li {
    width: 100%;
    float: left;
    display: block;
    font-size: 22pt;
  }
  #header { 
  background: none !important;
  }
} 
@media (max-width: 1130px) { 
  .nav > li a{ 
    font-size: 15px !important; 
    padding: 15px 8px;
  } 
} 
body {
  background:#14191d; 
}
#lang { 
  position: absolute;
  top: 0px;
  right: 0px;
  width: 60px;
  height: 20px;
  background: #212930;
  opacity: 0.6;
  display: none !important;
}
#lang:hover {
  opacity: 1;
}
#lang .english {
  display: inline-block;
  width: 16px;
  height: 11px;
  margin: 3px 6px;
  background:url(../images/gb.png) no-repeat center center;
}
#lang .german {
  display: inline-block;
  width: 16px;
  height: 11px;
  margin: 3px 6px;
  background:url(../images/de.png) no-repeat center center;
}
.german:hover, .english:hover {
  opacity: 0.7;
}
.container-fluid {
  padding:0;
  margin:0
}

.logo {
  text-indent:-99999px!important;
  width:100%;
  display:block;
  height:100px;
  padding:0
}

.logo img {
  margin:0 auto
}

.navbar-header {
  width:100%;
  padding:1%
}
#header {
  background:url(../images/nav.png) no-repeat bottom center;
}
.navbar-default {
  border:0!important
}

.navbar-fixed-top .nav {
  padding:0
}

.navbar {
  background:transparent;
  margin:0!important;
  border:0!important
}

.nav-holder {
  margin:0 auto;
  display:block;
  max-width:1120px
}

.nav {
  width:85%;
  text-align:center
}

#navbarCollapse {
  float:none;
  margin:0!important;
  padding:0
}

#navbarCollapse ul { 
  height:60px;
  margin:0 auto!important;
  text-align:center;
  float:none
}

.nav li {
  float:left
}

.nav > li a {
  font-family: 'broadwayengravedregular', Helvetica, Arial;
  font-weight: normal;
  display: inline-block;
  text-align:center;
  margin:0;
  height:60px;
  text-transform: uppercase;
  font-size: 14pt;
  line-height:30px;  
  color:#1b1f23 !important
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{ ;
  color:#fff!important;
  background-color:rgba(193,194,194,.75)!important;
/* layer fill content */
  -moz-box-shadow:0 0 5px rgba(0,0,0,.22);
/* outer glow */
  -webkit-box-shadow:0 0 5px rgba(0,0,0,.22);
/* outer glow */
  box-shadow:0 0 5px rgba(0,0,0,.22);
/* outer glow */
  background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
/* gradient overlay */
  background-image:-moz-linear-gradient(bottom,rgba(231,231,231,.1) 0%,rgba(0,0,0,.1) 100%);
/* gradient overlay */
  background-image:-o-linear-gradient(bottom,rgba(231,231,231,.1) 0%,rgba(0,0,0,.1) 100%);
/* gradient overlay */
  background-image:-webkit-linear-gradient(bottom,rgba(231,231,231,.1) 0%,rgba(0,0,0,.1) 100%);
/* gradient overlay */
  background-image:linear-gradient(bottom,rgba(231,231,231,.1) 0%,rgba(0,0,0,.1) 100%)
/* gradient overlay */
}

.nav > li > a:hover { 
  color:#fff!important;
  background-color:#1b1f23!important;
/* layer fill content */
  -moz-box-shadow:0 0 5px rgba(0,0,0,.22);
/* outer glow */
  -webkit-box-shadow:0 0 5px rgba(0,0,0,.22);
/* outer glow */
  box-shadow:0 0 5px rgba(0,0,0,.22);
/* outer glow */
  background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
/* gradient overlay */
  background-image:-moz-linear-gradient(bottom,rgba(231,231,231,.1) 0%,rgba(0,0,0,.1) 100%);
/* gradient overlay */
  background-image:-o-linear-gradient(bottom,rgba(231,231,231,.1) 0%,rgba(0,0,0,.1) 100%);
/* gradient overlay */
  background-image:-webkit-linear-gradient(bottom,rgba(231,231,231,.1) 0%,rgba(0,0,0,.1) 100%);
/* gradient overlay */
  background-image:linear-gradient(bottom,rgba(231,231,231,.1) 0%,rgba(0,0,0,.1) 100%)
/* gradient overlay */
}

.navbar-fixed-top .navbar-brand {
}

.carousel-caption h1 {
  font-family:'Roboto',sans-serif;
  font-weight:900;
  font-size:42px;
  text-shadow:0 5px 9px rgba(19,23,27,1)
}

.carousel-caption {
  height:auto;
  bottom:5%
}

h1 {
  font-family:'Roboto',sans-serif;
  font-weight:900;
  font-size:32px;
  color:#fff;
  display:block;
  padding:20px 0;
  text-shadow:0 5px 9px rgba(19,23,27,1)
}

.description {
  color:#eaeaea!important;
  line-height:26px;
  font-family:'Roboto',sans-serif;
  font-weight:400
}

.desc {
  background:#252929;
  padding:1% 7%;
  border-top:8px solid #202020
}

.map {
  background: transparent url(../images/map.png) no-repeat top center;
  min-height:600px;
  text-align:center;
  padding-top:250px
}

.map p {
  font-size:16px
}

.carbon {
  margin:0;
  background: #130c13 url(../images/carbon.jpg) repeat-x bottom center !important;
  color: #f5f5f5;
}
.holder {
  height: 100%;
  margin:0;
  padding: 20px 0 60px 0;
  background: #130c13 url("../images/bg.png") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.row .carbon {
  padding:3% 0 0!important
}

.desc2 {
  background:#14191d;
  padding:1% 7%;
  border-top:8px solid #202020;
  color: #fff;
}

.drawing {
  margin-top:8%
}

.footer {
  text-align:center;
  color:#6c6c6c; 
  padding: 10px 0 20px;
  position: fixed;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: 60px;  
  background-color: rgba(0,0,0,.9); /* layer fill content */
}
.footer p {
  font-size: 12px;
  color: #4a4a4a;
}
p {
  line-height:20px
}

h3 {
  font-size:26px;
  padding:0!important;
  margin:0!important;
  line-height:50px;
  text-align:left
}

.available { 
  color:#fff; 
  text-align: center;
  width: 100%;
  display: inline-block;
  font-size: 32px;
}

.car-desc {
  color:#95a5a6!important;
  padding:0!important;
  line-height:26px
}
@media (max-width: 768px) {
  .carousel-caption h1{
    font-size:80% !important;
  }
}
#slider-thumbs {
}

#slider-thumbs ul li:hover img {
  opacity:1
}

#slider-thumbs .selected img {
  opacity:1
}

.thumb-hold {
  margin: 0 auto !important; 
  display: block;
  height: auto;
  float: none; 
}
#slider-thumbs ul {
  margin-left: 0px;
  margin-top: 20px;
}
#slider-thumbs ul li { 
  max-width: 19.6%;
  padding: 0;
  cursor:pointer; 
}

#slider-thumbs ul span {
  color:#fff;
  position:relative;
  left:45px;
  top:-68px;
  font-size:40px
}

#slider-thumbs img {
  opacity:.5
}

#slider-thumbs span {
  opacity:.8
}

#slider-thumbs ul li img {
  border:4px solid #fff;
}

.col-centered {
  float:none;
  margin:0 auto
}

.comming {
  margin:0!important;
  background:#070711 url(../images/soon-bg.png) repeat-x center center;
  min-height:400px
}

.comming h2 {
  color:#fff;
  font-family:'Roboto',sans-serif;
  font-weight:900;
  font-size:42px;
  text-align:center;
  float:none;
  margin-top:100px;
  padding:2% 0;
  text-transform:uppercase
}

.comming p {
  color:#fff;
  font-family:'Roboto',sans-serif;
  font-weight:400;
  font-size:22px;
  text-align:center;
  text-transform:uppercase;
  float:none;
  padding:2% 0
}

.comming p a {
  color:#fff;
  font-size: 22px;
  font-family:'Roboto',sans-serif;
  font-weight:400;
  background:#000;
  border: 2px solid #fff; 
  text-decoration:none;
  padding: 2% 5%; 
  text-decoration:none;  
  margin:0 2%;
}
.brochure a{
  color:#fff;
  font-size: 18px;
  font-family:'Roboto',sans-serif;
  font-weight:400;
  background:#000;
  border: 2px solid #fff; 
  text-decoration:none;
  padding: 2% 2%;
  margin: 400px auto 80px auto;
  width: 380px;
  text-align: center;
  display: block;
}
.brochure a:hover, .comming a:hover {
  background-color: #202020; /* layer fill content */
  -moz-box-shadow: 0 2px 4px rgba(255,255,255,.75); /* drop shadow */
  -webkit-box-shadow: 0 2px 4px rgba(255,255,255,.75); /* drop shadow */
  box-shadow: 0 2px 4px rgba(255,255,255,.75); /* drop shadow */
}
.black-xl {
  color:#fff;
  font-size: 18px;
  font-family:'Roboto',sans-serif;
  font-weight:400;
  background:#000;
  border: 2px solid #fff; 
  text-decoration:none;
  padding: 2% 2%;
  margin: 40px auto 0px auto;
  width: 380px;
  text-align: center;
  display: block;
}
.black-xl:hover {
  color: #fff;
  text-decoration: none;
  background-color: #202020; /* layer fill content */
  -moz-box-shadow: 0 2px 4px rgba(255,255,255,.75); /* drop shadow */
  -webkit-box-shadow: 0 2px 4px rgba(255,255,255,.75); /* drop shadow */
  box-shadow: 0 2px 4px rgba(255,255,255,.75); /* drop shadow */
}
.brochure {
  margin:0!important;
  background:#070711 url(../images/brochure.png) no-repeat top center;
  min-height:500px;
  margin-top: 0px !important;
  padding-top: 0px !important;
}
.brochure .container {
  min-height: 500px;
}
.brochure > div {
  margin-top: 0px !important;
  padding-top: 0px !important;
}
#carCarousel {
  padding:1% 0 0
}

.buzz-out:hover {
  background:#6db744
}

.outline-indward:hover {
  background:#3c863f
}

.car {
  background:url(../images/soon-car.png) no-repeat top center;
  min-height:220px
}

.car-desc {
  padding:0 3%;
  display:inline-block
}

/* Carousel Fading slide */
.carousel-inner .item {
  -webkit-transition:opacity .5s ease-in-out;
  -moz-transition:opacity .5s ease-in-out;
  -ms-transition:opacity .5s ease-in-out;
  -o-transition:opacity .5s ease-in-out;
  transition:opacity .5s ease-in-out
}

.carousel-inner .active.left,.carousel-inner .active.right {
  left:0;
  z-index:2;
  opacity:0;
  filter:alpha(opacity=0)
}

.carousel-inner .carousel-control {
  z-index:3
}

.carousel-inner .next,.carousel-inner .prev {
  left:0;
  z-index:1
}
.emailing {
  color: #fff;
  text-decoration: none !important;
}
.emailing:hover {
  color: #e38406;
}
#slider .thumbnail {
  padding: 0px;
  border-radius: 0px;
}
.dmtv {
  background: url("../images/dmsattv.png") center center no-repeat;
  width: 100%;
  display: inline-block; 
  min-height: 300px;
  text-indent: -99999px;
}
.castle {
  background: url("../images/castle.png") center center no-repeat;
  width: 100%;
  display: inline-block; 
  min-height: 300px;
  text-indent: -99999px;
}
.dragana {
  background: url("../images/dragana.png") center center no-repeat;
  width: 100%;
  display: inline-block; 
  min-height: 300px;
  text-indent: -99999px;
  filter: saturate(100%);
  -webkit-filter: saturate(100%);
  -moz-filter: saturate(100%);
  -o-filter: saturate(100%);
  -ms-filter: saturate(100%);
}
.dmtv:hover, .dragana:hover, .castle:hover { 
  filter: saturate(140%);
  -webkit-filter: saturate(140%);
  -moz-filter: saturate(140%);
  -o-filter: saturate(140%);
  -ms-filter: saturate(140%);
}
.dmtv, .dragana, .castle {
   -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}