@import url('https://fonts.googleapis.com/css2?family=Finlandica:wght@400;700&family=MuseoModerno:wght@400;700&display=swap');
/** {transition: 0.3s;}	*/
html, body	{font-family: 'Finlandica', sans-serif; font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1600 - 300))); color: #ffffff; background-color: #000000; scroll-behavior: smooth; }
.navbar-dark .navbar-nav .nav-link {  color: #ffffff;}
a {color: #ffffff; text-decoration: underline;}	
a:hover, .reference h3 {color: #ffdd00;}	
h1, h2, h3, h4 {font-family: 'MuseoModerno', cursive;}
h1 {  font-size: 2em;  font-weight: bold;}
h2 {font-size: 3rem; line-height: 2.5rem; font-weight:bold; ;}	   
h3 {font-size: 1.2rem; font-weight:bold;}
h4 {font-weight: bold; padding: 0; margin: 0;}    
a.nav-link {	text-decoration: none;	color: #ffffff;	font-weight: 400;	letter-spacing: 0.05rem;	text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.26);	border-bottom: 2px solid rgba(255,255,255,0.00);}
    a.btn {text-decoration: none;}    
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {color: #ffffff; border-bottom: 2px solid #ffffff;}
.navbar-dark .navbar-toggler {  color: #ffffff;   border-color: rgba(255, 255, 255, 0); }	
.navbar {z-index: 15;} 
.navbar-dark .navbar-toggler-icon {  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-brand img{ width:80px; height:78px; }

	
header {
  position: relative;
  background-color: black;
  background: url("bg-video.jpg") no-repeat;
  background-size: cover;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}
header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
header .container-fluid, .zed {
  position: relative;
  z-index: 2;
}
header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.3;
  z-index: 1;
}

.rainbow-logo{min-width: 200px; max-width: 25vw; margin-bottom: 1em;}
.superheadline {font-family: 'MuseoModerno', cursive;}
strong {color: #ffdd00;}
.main-contact {position: absolute; bottom: 10px; right: 20px; z-index: 3; font-size: 0.7rem; text-align: right;}
.kontakty a {text-decoration: none;}
.kontakty a:hover, .kontakty a:active, .kontakty a:focus {text-decoration: underline;}

.smooth {position: relative; z-index: 5;}
.tilter__description {text-shadow: 4px 6px 8px rgba(0,0,0,0.68);}
.big .tilter__title {/*padding-bottom:65%;*/ text-shadow: 11px 12px 12px rgba(0,0,0,0.68);}
.big .tilter__description {  font-family: 'Finlandica', sans-serif;font-size: 0.75em; font-weight: bold; color: #ffffff;}
.big .tilter__description .rozmery {font-size: 0.8em; }
.big .tilter__description img { filter: invert(74%) sepia(93%) saturate(1918%) hue-rotate(7deg) brightness(112%) contrast(105%); max-width: 25px;}
.big .tilter__description img:nth-child(n+2) { margin-left: 15px;}

.small .tilter__title {font-size: 1.1em; padding-bottom: 0.5em; text-shadow: 4px 6px 8px rgba(0,0,0,0.68);}
.small .tilter__caption {padding: 1em; padding-bottom: 0;}
.small .tilter__description {  font-family: 'Finlandica', sans-serif;font-size: 0.8em; line-height: 1.1em; color: #ffffff;}
.small .tilter__description .rozmery {display: none; visibility: hidden;}
.small .tilter__description img { filter: invert(74%) sepia(93%) saturate(1918%) hue-rotate(7deg) brightness(112%) contrast(105%); max-width: 25px;}

.detail-popisek .popisek {font-size: 0.8em; padding: 20px 0;}
.detail-popisek img { filter: invert(74%) sepia(93%) saturate(1918%) hue-rotate(7deg) brightness(112%) contrast(105%); max-width: 25px;}
.detail-popisek .rozmery {font-size: 0.8em; line-height: 2em;}


.btn-primary {border-radius: 0; font-size: 1.1em; background-color: #ffdd00; border: none; box-shadow: none; color:#000000; font-family: 'MuseoModerno', cursive; padding: 0.5em 3em;}
.btn-primary:hover {background-color: #ffffff; color:#000000; transition: 0.7s all ease;}
.hp-infobox h3 {border-top: 5px solid #ffdd00; padding: 20px 0; margin-top: 20px; font-size: 1em;}
.hp-infobox p {font-size: 0.8em;}

.vystavni-systemy, .tisk, .potisk-textilu {position:relative;}
/*.vystavni-systemy:after {display: block; width: 50%; border-bottom: 5px solid #ffdd00; content: ''; position: absolute; left: -200px; bottom:200px; z-index: 2;}*/


.tisk .hp-infobox h3 {border-color:#002aff;}
/* .tisk .tilter__title {padding-bottom:100%;} */
.tisk .btn-primary {background-color: #002aff; color:#ffffff;}
.tisk .btn-primary:hover {background-color: #ffffff; color:#000000; transition: 0.7s all ease;}
/*.tisk:after {display: block; width: 50%; border-bottom: 5px solid #002aff; content: ''; position: absolute; right: -200px; bottom:200px; z-index: 2;}
*/
/*.potisk-textilu strong {color:#8F8F8F;}
.potisk-textilu.galerie img {border: 10px solid #8F8F8F;}*/
.potisk-textilu .hp-infobox h3 {border-color:#ffffff;}
/*.potisk-textilu .tilter__title {padding-bottom:80%;}*/
.potisk-textilu .btn-primary {background-color: #ffffff; color:#000000;}
.potisk-textilu .btn-primary:hover {background-color: #ffdd00; color:#000000; transition: 0.7s all ease;}
/*.potisk-textilu:after {display: block; width: 50%; border-bottom: 5px solid #ffffff; content: ''; position: absolute; left: -200px; bottom:200px; z-index: 2;}*/
.potisk-textilu .galerie img {border: 10px solid #ffdd00;}
.potisk-textilu .galerie img:hover {border: 1px solid rgba(255, 255, 255, .0);}

.carousel-control-prev, .carousel-control-next {z-index: 5000;}

.slick-ref a {color: #000000; text-decoration: none;}
.slick-ref a:hover {color: #ffdd00; text-decoration: none;}
.slick-ref img { width: 8vw; max-width: 150px; min-width:80px; margin: 0 auto;}
.slick-ref a:hover img, .reference img:hover { filter: brightness(0) saturate(100%) invert(78%) sepia(69%) saturate(723%) hue-rotate(358deg) brightness(102%) contrast(105%);}

.galerie p.desc {margin-bottom: 0;}
.galerie .desc {font-size: 0.6em; font-weight: bold; position: absolute; bottom: 0px;left: 0px; padding: 20px; max-width: 16vw; text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.86);}

.footer {font-size: 0.8em; opacity: 0.6; border-top: 1px solid #ffffff;}
.footer:hover {opacity: 1;}
.titleimg img {width: 100%; height: auto;}

ul.menu { list-style-type: none; float: right; font-size: 0.6em; padding: 10px;}
.menu li {float: left;}
.menu a {text-decoration: none; padding: 10px;  font-weight: bold;}

.carousel-control-next, .carousel-control-prev {  height: 15%;  margin-top: 40%;}
.datadownload img { margin-right:10px;}

.modal-body {  padding: 0rem;}
.ekko-lightbox .modal-footer {  color: #000; padding: 0.5rem 1rem; background-color:#ffdd00;}

.reference img {  max-width: 40vw;}

@media (max-width: 1500px) { 

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

}
@media (max-width: 991px) { 
 	 .d1-next {display: none; visibility: hidden;}
    .carousel-image img {height: 400px; width: auto;}
    .carousel-claim {padding: 0;}
    
}

@media (max-width: 768px) { 
	.vystavni-systemy:after, .tisk:after, .potisk-textilu:after, .hp-infobox h3 {border: none;}	
    p {  padding: 0rem;}
    .carousel-claim{ max-width: 80%;}
ul.menu { font-size: 1em;}	
.galerie .desc {  font-size: 1em;  max-width: 50vw;}	
.detail-popisek .popisek {  font-size: 1em;}
.hp-infobox p {  font-size: 1em;}
.hp-infobox h3 { font-size: 1.5em;}
.big .tilter__description img:nth-child(n+2) { margin-left: 5px;}
    }    
@media (max-width: 500px) {
.galerie .desc {padding:10px;}	
.menu li {  float: none; line-height:30px;}
.menu li span {display:none;}
}