/*!
 * Start Bootstrap - Stylish Portfolio Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
/*@import url('http://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900');*/

html,
body { width: 100%; height: 100%; font-size: 15px; line-height: 1.1 em; }

body {
    font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 13px;
}
p {line-height: 1.3;}
.aktuality h2 {margin-top:0;}
h1 {font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #9c9e9f; font-weight: 900; font-size: 28px; margin-bottom: 0;}
h2 {font-family: 'Roboto', sans-serif; text-transform: uppercase; color: Black; font-weight: 300; margin-bottom: 0;}
h3 {font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #9c9e9f; font-weight: 900; font-size: 18px; margin-top: 0;}
.black {color: black; font-weight: 400;}
.skok {padding-top:20px;}
.odkaz {font-weight:700;}
.odkaz a {color: Black; text-decoration: none; }
.odkaz a:hover {color: Silver; }

.bila {color: White; }
.d-none {display: none;}
.top-logo { position: relative; top: 25px; right: 20px; z-index: 9999999;width: 170px; float: right;}
@media (max-width: 768px){
.top-logo {position: absolute; top: 30px; left: 120px; z-index: 9999998; width: 150px; float: none;}
}



.zalozky-vlevo {position: fixed;  left: 0;  top: 60px;  z-index: 9999999;}
.zalozky-vpravo {position: fixed;  right: 0;  top: 60px;  z-index: 9999999;}
.zalozky-vlevo .zalozka-aktivni {border: 1px solid White; border-left:0;}
.zalozky-vpravo .zalozka-aktivni {border: 1px solid White; border-right:0;}
.zalozka-aktivni {background:black; margin-bottom: 10px;}
.zalozka-aktivni:hover {background:#a40202;}
.zalozka-neaktivni {background:#666666; margin-bottom: 10px}




.zalozky-dole {width:100%; position: fixed; bottom:-55px; display: flex; justify-content: center; z-index: 9999999; }
.zalozky-dole .zalozka-aktivni {margin-bottom: 0;}
.zalozky-dole .zalozka-aktivni a {background:black; display:inline-block; padding:0 50px; border:1px solid white; border-bottom:0;}
.zalozky-dole .zalozka-aktivni:hover a {background:#a40202;}
.vysunuti {animation-name: vysunuti; animation-duration: 1s; animation-delay: 2s; animation-fill-mode: forwards;}
@keyframes vysunuti {
  from {bottom: -55px;}
  to {bottom: 0;}
}
.zasunuti {animation-name: zasunuti; animation-duration: .5s; animation-fill-mode: forwards;}
@keyframes zasunuti {
  from {bottom: 0;}
  to {bottom: -55px;}
}





/* top */
.logo {width: 75px; height: 94px; background: url(../img/logo.png) no-repeat top left scroll; text-indent: -999em; margin:10px 19px 10px 0; padding:0;}
.navbar {border-radius: 0px; margin-bottom: 0;}
@media (min-width: 768px) {
.navbar-nav { margin: 65px 0px 0px 0px; }
}
.navbar-collapse {
  max-height: none;
}


.navbar-inverse { background-color: Black; border-color: Black;}
.navbar-inverse .navbar-nav>li>a {color: White; border-right: 1px solid #484747;}
.navbar-inverse .navbar-nav>li>a:hover {color: #C0C0C0;}
.drobeckova-navigace {background-color: #3a3a3a; min-height:30px;}
.drobecek {padding: 0px 18px; border-right: 1px solid White; margin-top: 10px; line-height: 10px; display: inline-block;}
.drobecek:last-child {border:0}
.drobecek a { text-decoration:none; color: White;}
.active  { text-decoration:none; color: #7d7b7b;}
.drobecek a:hover { text-decoration:none; color: #7d7b7b;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: #eee; border-color: white;}

.drobeckova-navigace .dropdown-submenu {list-style-type: none; padding-bottom:5px}
.drobeckova-navigace .dropdown-submenu li {line-height:18px; font-size:80%;}
.drobeckova-navigace .dropdown-submenu li a {color:inherit; display:block}
.drobeckova-navigace .dropdown-submenu li a:hover {font-weight: bold}

/* rolovani */
.plus {text-transform: uppercase; color: Black; font-size: 18px; font-weight:900; text-decoration:none;}
.panel-title a {text-transform: uppercase; color: #9c9e9f; font-size: 18px; font-weight:900; text-decoration:none;}
.panel-default {border: 0;}
.panel-default>.panel-heading {background-color: White;}
.panel-body {min-height:240px; border-bottom:1px solid #eee;}
.panel-body:nth-child(odd) {border-right:1px solid #eee;}
.panel-body:nth-last-child(1) {border-bottom:0;}
.panel-body:nth-last-child(2) {border-bottom:0;}
.panel-group .panel-heading+.panel-collapse .panel-body {border-top: 0px;}
.panel-heading {padding: 10px 15px 0px 0px;}
.panel {-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0); box-shadow: 0 1px 1px rgba(0,0,0,0);}


/* slider */
.nav>li>a{
  padding-right: 9.6px;
}

.nav-tabs>li{
  margin-bottom: 0px;
  border-bottom: 1px solid #e6e6e6;
}

.nav-tabs{
  border-bottom: transparent;
  border-right: 1px solid #e6e6e6;
}
.nav-tabs > li > a {
  background: #e3e3e3;
  color: #666;
  border-radius: 0;
  border: 0 none;
  line-height: 24px;
  margin-right:0;
  padding: 13px 15px;
}

.nav-tabs li:last-child{
  border-bottom: 0 none;
}

.nav-stacked>li+li{
  margin-top: 0;
}

.nav-tabs>li>a:hover{
  background: #b9b9b9;
  color:#fff;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  border: 0;
  color:#fff;
  background: #b9b9b9;
  position: relative;
}

.nav-tabs>li.active>a:before {
  position: absolute;
  content:  "";
  width: auto;
  height: auto;
  border-style:solid;
  border-color: transparent #b9b9b9 transparent transparent ;
  border-width: 15px 15px;
  left: -30px;
  top: 30%;
}

.tab-wrap{
  border: 0px solid #e6e6e6;
  margin-bottom: 20px;
  background: #e3e3e3;
}

.tab-content{
  padding: 0px;
}

.tab-content h2{
  margin-top: 0;
}

.tab-content img{
  border-radius: 0px;
}
.nadpis-slide {color:Black; font-weight:600; white-space:nowrap;}
.popisek {width: 20%; margin-left: 0 !important;}








@media (max-width: 1200px){
.popisek {width: 30%;}
}

.razitko {position:absolute; top:10px; right:260px;}
.razitko img {width: 120px;}
@media (max-width: 576px) {

  .razitko img {width: 30%; display: none;}
}


/* konec slideru */


#footer {background-color: #000;}
#partneri-loga {border-top: 1px solid #575757; padding-top:80px; padding-bottom:80px;}
.partneri-loga-img img {}
.partneri-loga-img img:hover {opacity: 0.5 !important;}





/* sociální sítě */
#socialni-site {
	margin: 8px 0 0 -15px;
}
#socialni-site .fa {
	color:#fff;
	font-size:25px;}
#socialni-site .social {
	padding:3px;
	display: inline-block;
	vertical-align:middle}
.fa-facebook-square:hover {color:#4867aa !important;}
.fa-youtube-square:hover {color:#d22222 !important;}
.fa-twitter-square:hover {color:#1da1f2 !important;}
.fa-instagram:hover {color:#6350c6 !important;}
.fa-linkedin-square:hover {color:#0177b5 !important;}


/* google translate element */
.goog-te-banner-frame {
	display: none !important;
}
#google_translate_element {
	display:inline-block;
	padding: 5px 0 5px 10px;
}
.goog-te-gadget {
	display:inline;
	line-height:25px;
}
.goog-te-gadget-simple {
	border: 1px solid silver !important;
	outline: 0;
	padding-left: 8px;
	background-color: rgba(255,255,255, 0.1) !important;
}
.goog-te-menu-value span {
	color:#fff !important;
	font-size:12px;
	font-weight: 500;
}



/* definice stylů detail vozu */
#detail {
	margin-bottom: 50px;
}
#detail .galerie {
	margin: 10px -5px;
}
#detail .galerie  div[class^="col-"]{
	padding: 5px 5px 5px 5px;
}
#detail .cena1 {
	font-weight: 800;
	font-size: 16px;
}
#detail .cena2 {
	color: #9c9e9f;
	font-weight: 800;
	font-size: 16px;
}
@media (min-width: 600px){
	#detail .parametry {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}


/* definice stylů galerie */
.owl-carousel .item img {
	height:150px;
}


@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
@media (min-width: 768px) {
  .modal-dialog {
    /*width: 720px;*/
    margin: 30px auto;
  }
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
}

/* navigace dynamický stránek */
.navigace .nav {
	height:128px;
	display:flex;
	align-items:flex-end;
	width: 100%;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}
.navigace .nav-tabs li {
	border: 0;
}
.navigace .nav-tabs > li.active > a:before {
	content: none;
}
.navigace .nav-tabs > li > a {
	background-color: white;
}
.navigace .nav-tabs > li > a:hover {
	color: #666;
}

.navigace .nav-tabs > li.active,
.navigace .nav-tabs > li.active > a,
.navigace .nav-tabs > li.active > a:hover,
.navigace .nav-tabs > li.active > a:focus {
	color: #666;
	background-color: #ebebeb;
	border-radius: 5px 5px 0 0;
	line-height: 24px;
	padding: 13px 15px;
}
.navigace .nav-tabs > li > a:hover {
	color: black;
}
.aktuality .glyphicon {
	margin-right:5px;
}
.aktuality .popis {
	overflow: auto;
	text-align: justify;
	padding-right: 10px;
}


/* ocenění */
#oceneni {
	position: absolute;
	bottom: -25px;
	left: 50px;
}

/* globální styly */
.preskrtnute {
/*	color:red;*/
	text-decoration: line-through;
	opacity: 0.3;
}

/* štítky u vozů */
.nav .label {
	margin: 0 5px;
}


/* upoutávka */
.textPop {color:White; font-size: 20px; line-height: 1.2;}
.textPop2 {color:White; font-size: 44px; font-weight: 900; line-height: 1.0; padding-top: 15px; padding-bottom: 15px; text-shadow: 0px 1px 1px rgba(0,0,0,0.4)}




/* definice stylů pro eu-cookie */
.eu-cookies {text-align:center; position:fixed; left:0; bottom:-100px; width:100%; color:white; background-color:black; z-index:1000; padding:5px; opacity:0.8;}
.eu-cookies button {background:#45ae52 none repeat scroll 0 0; border:medium none; border-radius:3px; color:#fff; cursor:pointer; font-weight:700; margin:0 20px; padding:4px 12px;}
.eu-cookies a {color:#fff; font-weight:bold;}
.eu-cookies a:hover {text-decoration:underline;}




/* definice stylů - detail modelu */
@media (min-width: 992px) {
  .valign {
    display:flex;
    align-items:center;
  }
}
.text-justify {
  text-align: justify;
}



/* definice stylů pro videa */
.videa .navigace .nav li {
  padding: 0;
}
#videa1 .row {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
}
#videa1 .fadeInLeft {
  margin-top: 15px;
}
@media (min-width: 992px) {
  #videa1 .fadeInLeft {
    margin-top: 65px;
  }
}
#videa2 .row > div,
#videa3 .row > div,
#videa4 .row > div {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
}

.videa .tab-content ol {
  padding: 15px;
}
.videa .tab-content li {
  list-style-position: inside;
  text-indent: -45px;
  padding-left: 45px;
  padding-bottom: 3px;
  list-style-type: none;
  counter-increment: item;
}
.videa .tab-content li::before {
  content: "Step " counter(item) ": ";
  font-weight: bold;
}



/* definice stylů pro carousel model */
.carousel-model .owl-prev,
.carousel-model .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.carousel-model .owl-prev {
  left: -2rem;
  font-size: 50px !important;
}
.carousel-model .owl-next {
  right: -2rem;
  font-size: 50px !important;
}
.carousel-model .owl-dots {
  margin-bottom: 10px;
}




/* definice stylů pro panel-model */
.panel-model {
  margin-bottom: 0;
  text-align: center;
}
.panel-model small {
  font-size: 80%;
}
.panel-model a {
  color: #666;
}
.panel-model .panel-body {
  padding: 0 5px 0 0;
  border: 0 !important;
}
.panel-model a:hover {
  text-decoration: none;
}
.panel-model img {
  transition: transform .2s ease-in-out;
  padding:0 30px 30px 0;
}
.panel-model:hover img {
  transform: scale(1.1);
}
.poznamka {
  margin-top: -10px;
  font-size: 90%;
  color: #9c9e9f;
}


/* definice stylů pro panel-prodej */
.filters .ui-group {
  margin-right: 10px;
}

.panel-prodej {
  border-radius: 0;
  margin-bottom: 25px;
  text-align: center;
  border: 1px solid #ddd;
}
.panel-prodej a {
  color: #666;
  text-decoration: none;
}
.panel-prodej h3 {
  height: 35px;
  overflow: hidden;
}
.panel-prodej .obrazek {
  position: relative;
}
.panel-prodej .obrazek .label {
  position: absolute;
  top: 15px;
  left: -10px;
}
.panel-prodej img {
  padding-top: 5px;
  transition: transform .2s ease-in-out;
}
.panel-prodej:hover img {
  transform: scale(1.1);
}
.panel-prodej .table {
  margin-bottom: 0;
}
.panel-prodej td {
  font-weight: bold;
}






/* definice stylů pro panel 3D prohlídka */
.panel-prohlidka .panel-body {
  border-bottom: 1px solid #eee;
}
@media (min-width: 768px) {
  .panel-prohlidka .panel-body {
    padding: 25px 40px;
  }
}





/* definice stylů pro servis */
.panel-servisx {
  height: 100%;
  margin: 1rem 0 1rem 0;
  /* padding: 1rem; */
  /* height: 280px; */
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  opacity:0.75;
}
.panel-servisx .panel-heading {
  padding: 20px 0 5px 0;
  text-align: center;
  background-color: #666;

}
.panel-servisx .panel-heading h3 {
  color:white;
  text-shadow: 1px 1px 1px #000000;
}
.panel-servisx .panel-body {
  min-height: 155px;
}
.panel-servisx ul {
  margin-left: 0;
  padding-left: 20px;
  list-style-type: none;
}
.panel-servisx ul li {
  line-height: 1.8;
}
.panel-servisx ul li a {
  color: #333;
  font-weight: 600;
}
@media (min-width: 768px) {
  .panel-servisx {
    height: 280px;
    margin: 4rem 0 5rem 0;
  }
}



/*  */
@media (min-width: 768px) {
    .row-flex {
        display: flex
    }
    .row-flex > div {
        flex: 1;
    }
    .row-flex img {
        height: 100%;
    }

}


/* display flex */
.d-flex {
    display:flex;
    flex-direction:column;
}
.d-flex .flex {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* definice stylů pro servis */

.servis-dlazdice {
  height: 300px;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}
.servis-dlazdice img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}
.servis-dlazdice img:hover {
  transform: scale(1.1);
}
.servis-dlazdice .dlazdice-title {
  position: absolute;
  top: 30px;
  left: 50px;
  color: white;
  font-size: 3rem;
  font-weight: 900;
  text-shadow: 0px 0px 5px rgba(0,0,0,0.60);
}




.servis-hlavicka {
    background-color: #f9f9f9;
    padding-bottom: 30px;
    margin-bottom: 50px
}
.servis-kontakty {
    background-color: #f9f9f9;
    padding-top: 30px;
    margin-top: 50px
}

.panel-servis {
    height: 100%;
    background-color: #f9f9f9;
}
.panel-servis .panel-heading {
    color: #9c9e9f;
    font-size: 18px;
    font-weight: 900;
    background-color: #f9f9f9;
    text-align: center;
    padding: 20px;
    padding-bottom: 0;
    border: 0;
}
.panel-servis .panel-body {
    padding-top: 25px;
    min-height: auto;

}
.panel-servis .popis div {
    padding-bottom: 10px;
}
.panel-servis .panel-body img {
    margin-bottom: 15px;
    transition: transform .2s ease-in-out;
}
.panel-servis .panel-body img.zoom:hover {
    transform: scale(1.1);
}
.panel-servis .panel-footer {
    border: 0;
}
.panel-servis .panel-footer a {
    font-weight: 800;
}
@media (min-width: 768px) {
    .panel-servis .panel-body ul {
        column-count: 1;
    }
}

.table-servis thead th {
    background-color: #e6e6e6;
}
.table-servis tbody th {
    background-color: #e6e6e6;
}
.table-servis tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}



/* definice stylů pro kontakty */
.panel-kontakt {
    min-height: 180px;
}
.panel-kontakt .panel-heading {
  padding: 10px 15px;
}
.panel-kontakt .panel-heading h5 {
  display: inline;
  font-weight: 600;
  padding-right: 10px;
}
.panel-kontakt .panel-body {
  min-height: 0;
}
.panel-kontakt .vlajka {
  height: 16px;
  margin-top: -5px;
  border: 1px solid lightgrey;
}




/* definice stylu pro tlačítka */
.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}






/* definice stylů pro servis */
.clear {
  clear: both;
}
.float-left {
  float: left;
  width: 250px;
  margin: 0 20px 20px 0;
}
.float-right {
  float: right;
  width: 250px;
  margin: 0 0 20px 20px;
}






/* definice stylů kariéra */
.panel-kariera .panel-body {min-height: auto;}
@media (min-width: 768px) {
  .kariera ul {column-count: 2}

}







/* definice stylů pro formuláře */
form small {
    font-weight: normal;
    font-style: italic;
}



/* definice stylů pro cookiebot */
#CybotCookiebotDialog {
  padding: 15px !important;
  color: #4e4e4e !important;
}
.CookiebotWidget-open,
.CybotCookiebotDialogContentWrapper {
  transform: scale(1);
}
#CookiebotWidget svg {
  fill: #b9b9b9 !important;
}
.CookiebotWidget-show-consent-details,
#CybotCookiebotDialog a {
  color: #000 !important;
}
#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #000 !important;
}
#CybotCookiebotDialogTabContent input[type=checkbox][disabled]:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #D6D6D6 !important;
}
#CookiebotWidget-btn-withdraw,
.CybotCookiebotDialogBodyButton {
  border-color: #000 !important;
}
#CookiebotWidget-btn-change,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  border-color: #000 !important;
  background-color: #000 !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
	border-bottom-color: #000 !important;
}
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover,
#CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
  color: #000 !important;
}


@media (min-width: 992px) {
  .table-row {
    display: table;
    width: 100%;
  }

  .table-cell {
    float: none;
    display: table-cell;
    vertical-align: middle; /* nebo middle, bottom podle potřeby */
  }

}