:root {
	--main-color: #000;
}

.motoguzzi {
	--main-color: rgba(0,0,0,1);
	--main-bg: rgba(0,0,0,0.08);
}
.aprilia {
	--main-color: rgba(226,6,23,1);
	--main-bg: rgba(226,6,23,0.08);
}
.vespa {
	--main-color: rgba(117,194,172,1);
	--main-bg: rgba(117,194,172,0.3);
}
.piaggio {
	--main-color: rgba(10,134,200,1);
	--main-bg: rgba(10,134,200,0.3);
}
#choose .full-wrapper {
	margin: 0;
}
.subfilter {
	display: inline-block;
	margin-right: 0;
}
/*.subfilter:not(:last-child) {
	margin-right: 2rem;
	
}*/

/* modal opening fix */
#bikeModal {
	height: 100vh;
}
 .modal-fullscreen {
	 height: 100vh;

}
#bikeModal a.btn:hover {
	text-decoration: none;
}
.float-right {
	float: right;
}
.modal-open {
	overflow: hidden !important;
}
/*.modal-body form {
	height: 100vh;
}*/
.works-grid > li:nth-of-type(odd) { 
	background: rgba(0,0,0,.03);
}

.works-grid > li:nth-of-type(even) { 
	background: rgba(0,0,0,.06);
}

.modal-header {
	border-bottom: none;
}
.modal-header .btn-close {
  opacity: 0.8;
  background-color: #fff;
  border: 1px solid green;
}

.modalinside .bikebox {
	background: rgba(0,0,0,.05);
	height: calc(100vh - 1.8em);
	min-height: 100%;
	padding: 2rem;
	overflow: auto; 
	border-right: 2px solid rgba(0,0,0,.06);
}
.modalinside .row {
	margin-left: 0;
	margin-right: 0;
}
.modal-fullscreen .modal-header {
	position: fixed;
	top: 0.5em;
	right: 1em;
	z-index: 10000;
}
.modal-body {
	width: 100%;
	height: 100vh;
	padding: 0;
}

.modal-content {
	width: 100%;
	height: 100vh !important;
	position: absolute;
	display: block;
	background: transparent;
}

.modalinside {
  margin-top: 85px;
  width: 100%;
  position: relative;
  overflow: auto;
  border-radius: 4px;
  background: rgba(255,255,255,1);
}
.modal-body .modalinside {
	border: 1rem solid var(--main-color);
	height: 100vh;
	margin-top: 0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.modal-body .modalinside {
		height: 100dvh;
	}
}
@-moz-document url-prefix() {
	.modal-body .modalinside {
		height: 100dvh;
	}
}

.modalinside h3 span { border-bottom: 4px solid var(--main-color); }

.pr-20 {
	padding-right: 20px;
}
.height-30 {
	height: 30%;
}
.height-40 {
	height: 40%;
}
.height-50 {
	height: 50%;
}
.height-60 {
	height: 60%;
}
.height-70 {
	height: 70%;
}
.map {
	border-bottom: 1px dashed rgba(0,0,0,.1);
}
.height-100 {
	height: 100%;
}
.dealerlist h3 {
	font-size: 1.5rem;
	margin-bottom: 0;
}
.dolcedealers p {
	margin: 0 0 0 0;
	line-height: .8em;
}
.dolcedealers a {
	font-weight: bold;
	text-decoration: none;
}
p.dolce-text {
	margin: 0 2rem 2rem 2rem;
	padding: 0 0 2rem 0;
	border-bottom: 1px dashed rgba(0,0,0,.15);
	text-align: center;
	line-height: 1.4em;
	font-size: 1rem;
	color: rgba(0,0,0,.66);
}
.dealerlist h3 a {
	padding: 0;
	border-bottom: none !important;
	background: none !important;
}
.dealerlist p {
	margin-bottom: 0;
	font-size: 1rem;
}
.dealerlist .dealer {
	padding: .75rem;
	background: rgba(0,0,0,.02);
	border-bottom: 3px solid rgba(0,0,0,.04);
}
.dealerlist .dealer p {
	margin-left: .8rem;
}
section#akce .dealer {
	margin: .75rem;
	line-height: 2.1em;
}
section#akce {
	background: rgba(0,0,0,0.01);
}
.dealer a {
	border-bottom: 0;
	background: none;
}
.dealer.active {

}
.mp-responsive{
/*	overflow:hidden;*/
	position:relative;
	height:100%;
}

.overflow-y-scroll {
	overflow-y: scroll;
}
.pl-0 {
	padding-left: 0;
}
.pr-0 {
	padding-right: 0;
}

.works-filter.subfilter {
	background: rgba(0,0,0,.03);
	padding: .45rem .88rem;
	border-radius: 30px;
	display: inline-block;
}
.home-content {
	filter: drop-shadow(.35rem .25rem 13px rgba(0,0,0,.6));
}
.tpl-progress {
	background: white;
	margin-bottom: 25px;
}

.home-section { aspect-ratio: 1920 / 1200; }

@media only screen and (max-width: 800px) {
  .main-nav .nav-logo-wrap { position: absolute; left: 50%; bottom: -80%; }
  .main-nav .nav-logo-wrap .logo { position: relative; left: -50%; }

  .main-nav.small-height .nav-logo-wrap { position: relative; left: 0; bottom: 0; }
  .main-nav.small-height .nav-logo-wrap .logo { left: 0; }
}

.login-screen { border: 2px solid rgba(255,255,255,0.6); padding: 9px 9px 6px 9px; background: rgba(255,255,255, 0.95); border-radius: 5px; }

.progress-bar { background-color: var(--main-color)!important; }
ul.nav li a.active { border-left: 5px solid var(--main-color); color: var(--main-color); }

div.dealer.active { border-right: 5px solid var(--main-color); background: var(--main-bg); }
div.dealer:hover { background: rgba(0,0,0, 0.04); cursor: pointer; }

div.dealer  { position: relative; }
div.dealer small.badge { font-size: 0.8em; position: absolute; bottom: 0.5rem; right: 0.5rem; }

.mapa { height: 100%; width: 100%; position: relative; }
.mapa img { max-width: none!important; }
.akcni-mapa { aspect-ratio: 3/2; }

.smap-defaults .zoom { top: 47px!important; }
.smap-defaults .compass-north { top: 90px!important; }

.required { color: red; }

.languages img { height: 1em; border: 1px solid #555;} 

.works-filter img {
	vertical-align: bottom;
}

.den { width: 14.2%; border: 1px solid #c0c0c0; font-size: 0.8em; float: left; min-height: 6em; }
.den.nazvy { border: 0; min-height: inherit; }
.den h5 { text-align: center; padding: 0.2em; margin: 0; border-bottom: 1px solid #c0c0c0; background: rgba(50,50,50,0.1); }
.den a.model { border-left: 3px solid var(--main-color); padding-left: 3px; }
.den_space_1 { display: none; }
.den_space_3 { width: 28.4%; border: none; }
.den_space_4 { width: 42.6%; border: none; }
.den_space_5 { width: 56.8%; border: none; }
.den_space_6 { width: 71%; border: none; }
.den_space_7 { width: 85.2%; border: none; }
.den .booking { padding: 4px; margin: 4px; background: #fbfbfb; border-radius: 4px; font-size: 0.9em; }
.den_7 { clear: right; }
.den_6,
.den_7 { background: rgba(0,0,0,0.05); }

.work-img { position: relative; }
/*.work-img .sale { background: red; position: absolute; bottom: 35px; right: -5px; padding: 5px; font-weight: bold; font-size: 1.1em; color: #fff; transform: rotate(-25deg); }*/
.work-img .sale {
	position: absolute;
bottom: 2em;
right: 2em;
background: red;
color: white;
padding: .24em .4em;
font-weight: bold;
text-transform: uppercase;
transform: rotate(-15deg);
text-align: center;
font-size: 1.1em;
}

.sale small { font-size: 0.7em; }

.modalinside .sale { background: red;  padding: 5px; font-weight: bold; font-size: 1.1em; color: #fff; margin: 0.5em auto; text-align: center; text-transform: uppercase; }

.sr-only {
	display: none;
}

.disabled-date { color: #f00!important; text-decoration: line-through; }

@media only screen and (max-width: 992px) {
	.modalinside .bikebox {
		height: auto;
	}
	.map-responsive {
		width: 100%;
		height: 30vh;
	}
	.height-30, .height-40, .height-50, .height-60, .height-70, .height-100 {
		height: auto;
		display: block;
	}
	.pr-0 {
		padding-left: 0;
		padding-right: 0;
	}
	.modalinside {
		margin-top: 70px;
	}
	.mobile-on .desktop-nav {
		position: relative;	
	}
}
@media only screen and (max-width: 480px) {
	.works-filter a {
		/*width: auto !important;*/
		width: 100px;
	}
	.full-wrapper {
		overflow: hidden;
	}
}