body,html
{
scroll-behavior: smooth;
background-color:#303030;
color:white;
text-decoration:none;
      margin: 0;
      padding: 0;
      height: 100%;
      overflow: hidden; /* Zabezpečí, že celá stránka bude v rámci rámu */
    text-shadow: 1px 2px 3px black;
   
}

 

/* NProgress progress bar hore */
    #nprogress .bar {
      background: #00ffcc;
      height: 4px;
    }

    /* Pozadie počas načítavania */
    .loader-bg {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
	  background-color:#303030;
      z-index: 9998;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: opacity 0.4s ease;
    }

    .loader-bg.hide {
      opacity: 0;
      pointer-events: none;
    }

    /* Centrálny progress bar */
    .center-loader {
      width: 60%;
      height: 6px;
      background: rgba(255, 255, 255, 0.2);
      overflow: hidden;
      position: relative;
      border-radius: 4px;
    }

    .center-loader::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0;
      background-color: #dfb421;
      animation: loading-bar 15s linear infinite;
    }

    @keyframes loading-bar {
      0% { width: 0; }
      100% { width: 100%; }
    }








.barlow-condensed-medium-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
}



.modalbio {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

.modal-contentbio {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/*

.closebtn {
  float: right;
  color: white;
  font-size: 35px;
	cursor: pointer;
}
.closebio {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.closebio:hover,
.closebio:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close {
    font-size: 150%;
    position: relative;
    right: 29%;
    font-weight: 700;
    line-height: 1;
    color: #dfb421;
    text-shadow: 0 1px 0 black;
    opacity: 100%;
    top: 4%;
    z-index: 999;
}

@media only screen and (min-width: 768px) {
    .close {
        right: 27%;
        font-size: 175%;
    	color: #dfb421;
        top: 13.5%;
    }
}
 
.close:focus, .close:hover {
    color: white;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
	opacity: 100%}

*/

.close {
  position: absolute;
  right: 10%;
  top: 10%;
  width: 32px;
  height: 32px;
  opacity: 0.7;
		z-index: 998;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
      background-color: #dfb421;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}


@media only screen and (min-width: 1200px) {
	.close {
  position: absolute;
  right: 32px;
  top: 9%;
  width: 32px;
  height: 32px;
  opacity: 0.7;
		z-index: 998;
}
}

@media only screen and (min-width: 700px) {
	.close {
  position: absolute;
  right: 17%;
  top: 15%;
  width: 32px;
  height: 32px;
  opacity: 0.7;
		z-index: 998;
}
}



button.btnbio
{
    line-height: inherit;
    top: -7%;
	border: 0;
    position: relative;
    color: black;
    width: 100%;
    font-size: 170%;
    text-align: center;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 300;
}

/* Keď sa obrazovka zmenší pod 768px, zmenš buttony */
@media (max-width: 768px) {
  .btnbio {
    width: 50%;
  }
}

button#btn1bio:hover {
    background-color: #303030;
    border: 0;
    color: #dfb421;
}
button#btn2bio:hover {
    background-color: #303030;
    border: 0;
    color: #dfb421;
}
button#btn3bio:hover {
    background-color: #303030;
    border: 0;
    color: #dfb421;
}
button#btn4bio:hover {
    background-color: #303030;
    border: 0;
    color: #dfb421;
}
button#btn5bio:hover {
    background-color: #303030;
    border: 0;
    color: #dfb421;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: black;
}

::-webkit-scrollbar-track:hover {
  background:#1F1F1F;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #dfb421;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:#C30003;
}



#cont 
{
      width: calc(100% - 20px); 
      height: calc(100% - 100px); 
      margin: 10px; /* Okraj okolo stránky */
      overflow: auto; /* Povoľuje scrollovanie obsahu */
    background-image: url(bg4.gif);
    background-size: cover;
}


    .city {
		display: none;}

img.header
{
    height: 1050px;
    width: auto;
    position: relative;
}

.titulka 
{
  	height: 90vh;
    max-width: 1900px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-image: url(logo2.gif);
    background-attachment: fixed;
}


a:hover
{
color:#dfb421;
text-decoration:none;
}


.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;
}

/* The popup form - hidden by default */
.form-popup {
  display: none;    
	position: absolute;
	justify-items:anchor-center;
    width: 100%;
    bottom: 45%;
    margin: auto;
    z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 80%;
  height:80%;
  padding: 10px;
  background-color: white;
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}



table.menu
{
width: auto;
    height: 50px;
	top:0px;
    z-index: 5;
    position: relative;
	cursor: pointer;

}

button.menu
{
border: 0px solid black;
	/*background-color: black*/;}

a
{
color:white;
text-decoration:none;

}


th.mainmenu1
{
width: auto;
font-size: 110%;
text-align:center;
color:white;
/*background-image: url("okapele.png");
background-repeat: no-repeat;
background-size: 100%;*/
}

.mainmenu1:hover
{
	color: #dfb421;
	
/*background-image:url("hovokapele.png");
background-repeat: no-repeat;
background-size: 100%;*/
	
}

div.ob1
{
width:100%;
max-width: 1000px;
height: auto;
margin: auto;
position:relative;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 500;

}

div.intro
{
    height: 100%;
    width:100%;
    max-width: 1000px;
	font-size: 170%;
	text-align: center;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
	
}

b
{

color:#dfb421;
font-style: italic;
	
}


.popup {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  z-index: 1000;
  min-width: 150px;
}

div.clenovia {
  height: auto;
	display: flex;
  justify-content: center; /* Vycentruje horizontálne */
  gap: 0.5%; /* Odstup medzi stĺpcami */
}

 .wrapper{
   display: flex;
   justify-content: center;
   align-items: center;
   padding-top: 5%;
	 padding-bottom:20%;
	 top:50%;
 }
 .user-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
    background-color: #212121;
	border-radius: 10px;
	width: 90%;
	position: relative;
	box-shadow: 0 2px 20px 10px rgba(0, 0, 0, 0.5);
	overflow-x: visible;
}
 
@media only screen and (min-width: 1100px) {
    .user-card {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
    background-color: #212121;
	border-radius: 10px;
	width: 70%;
	position: relative;
	overflow: hidden;
	box-shadow: 0 2px 20px 10px rgba(0, 0, 0, 0.5);
}
}
 .user-card-img {
   display: contents;
   z-index: 3;
 }
 
 .user-card-img img {
    max-width: 45%;
    object-fit: cover;
    z-index: 998;
    position: relative;
 }

@media only screen and (min-width: 1200px) {
    .user-card-img img {
    width: 30%;
    object-fit: cover;
    z-index: 998;
    position: relative;
		min-height: 666px;
		max-width: 20%;
}
}

@media only screen and (min-width: 1200px) {
	 .user-card-info {
    font-size: 200%;
    margin: 0;
    margin-bottom: 30px;
    padding-top: 30px;
		 padding-left: 5%;
		 width: 50%;
 }
 
}


 .user-card-info {
    font-size: 200%;
    margin: 0;
    margin-bottom: 30px;
    padding-top: 30px;
		 padding-left: 1%;
 }
 
 .user-card-info h2 {
   font-size: 170%;
   margin: 0;
   margin-bottom: 10px;
	 color:#dfb421;
 }
 
 .user-card-info p {
    margin-bottom: 2px;
    width: max-content;
    max-width: 1000px;
    font-size: 70%;
    text-align: left;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 300;
 }
 .user-card-info p span {
	font-weight: 700;
	margin-right: 10px;
	 color:#dfb421;
}



.column
{
	height: 500px;
	min-height: 200px;
	width:20%;
	display: inline-block;
	/*background-color: black*/;
		
  position: relative;
}




.columnk
{
	width:100%;
	
}






div.pribeh
{
    width: 100%;
    text-align: center;
    font-size: 150%;
    /*font-family: monospace;*/
    padding-top: 50px;
    padding-bottom: 50px;
    color: #dfb421;
    text-shadow: 1px 2px 3px black;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-style: italic;
}

div.ktg
{
       width:100%;
	max-width:1000px;
	height:200px;
	font-size: 350%;
	text-align: center;
	padding-top: 60px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
	
}

.modal-content{
position: relative;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
	
}

.modal-body
{	display: block;
    width: 1100px;
    height: 1100px;
    /*background-color: black*/;
}


div.member
{
    position: relative;
    left: 0px;
    top: 100px;
    font-size: 110%;
    color: white;
    width: 100%;
	
	
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    position: relative;
    left: -210px;
}

p.meno
{
font-size:150%;	
font-weight: bold;
}

p.instrument
{
font-size: 110%;	
color:#dfb421;
}

div.IF
{
    max-width: 300px;
    min-width: 10%;
    height: 100%;
    max-height: 70%;
    background-image: url("clenovia.png");
    background-repeat: no-repeat;
    background-size: 1400%;
    background-position-y: 30%;
    position: relative;
    background-position-x: 54%;
	transition: 0.5s;
}


div.MS
{
    max-width: 300px;
    min-width: 10%;
    height: 100%;
    max-height: 70%;
    background-image: url(clenovia.gif);
    background-repeat: no-repeat;
    background-size: 1400%;
    background-position-y: 27%;
    position: relative;
    background-position-x: 69.3%;
	transition: 0.5s;
}

div.MF
{
    max-width: 300px;
    min-width: 10%;
    height: 100%;
    max-height: 70%;
    background-image: url(clenovia.gif);
    background-repeat: no-repeat;
    background-size: 1400%;
    background-position-y: 25%;
    position: relative;
    background-position-x: 82.3%;
	transition: 0.5s;
}

div.PH
{
    max-width: 300px;
    min-width: 10%;
    height: 100%;
    max-height: 70%;
    background-image: url(clenovia.gif);
    background-repeat: no-repeat;
    background-size: 1400%;
    background-position-y: 27%;
    position: relative;
    background-position-x: 37.8%;
	transition: 0.5s;
}
div.FL
{
    max-width: 300px;
    min-width: 10%;
    height: 100%;
    max-height: 70%;
    background-image: url(clenovia.gif);
    background-repeat: no-repeat;
    background-size: 1400%;
    background-position-y: 25%;
    position: relative;
    background-position-x: 21.6%;
	transition: 0.5s;
}

@media only screen and (min-width: 768px) {
    div.IF {
    max-width: 300px;
    min-width: 10%;
    height: 100%;
    max-height: 100%;
    background-image: url("clenovia.png");
    background-repeat: no-repeat;
    background-size: 1400%;
    background-position-y: 30%;
    position: relative;
    background-position-x: 54%;
}
}

@media only screen and (min-width: 768px) {
div.MS
{
    max-width: 300px;
    min-width: 10%;
    height: 100%;
    max-height: 100%;
    background-image: url(clenovia.gif);
    background-repeat: no-repeat;
    background-size: 1400%;
    background-position-y: 27%;
    position: relative;
    background-position-x: 69.3%;
}
}



@media only screen and (min-width: 768px) {
div.MF
{
    max-width: 300px;
    min-width: 10%;
    height: 100%;
    max-height: 100%;
    background-image: url(clenovia.gif);
    background-repeat: no-repeat;
    background-size: 1400%;
    background-position-y: 25%;
    position: relative;
    background-position-x: 82.3%;
}
}

@media only screen and (min-width: 768px) {
div.PH
{
    max-width: 300px;
    min-width: 10%;
    height: 100%;
    max-height: 100%;
    background-image: url(clenovia.gif);
    background-repeat: no-repeat;
    background-size: 1400%;
    background-position-y: 27%;
    position: relative;
    background-position-x: 37.8%;
}
}

@media only screen and (min-width: 768px) {
div.FL
{
    max-width: 300px;
    min-width: 10%;
    height: 100%;
    max-height: 100%;
    background-image: url(clenovia.gif);
    background-repeat: no-repeat;
    background-size: 1400%;
    background-position-y: 25%;
    position: relative;
    background-position-x: 21.6%;
}
}



.overlayIF 
{
	position: absolute;
  	top: 0; left: 0; right: 0; bottom: 0;
 	background-image: url('IF.png');
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: center;
  	opacity: 0;
  	transition: opacity 0.3s;
  	pointer-events: none;
}
.overlayMS 
{
	position: absolute;
  	top: 0; left: 0; right: 0; bottom: 0;
 	background-image: url('MS.png');
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: center;
  	opacity: 0;
  	transition: opacity 0.3s;
  	pointer-events: none;
	
	
}
.overlayFL 
{
	position: absolute;
  	top: 0; left: 0; right: 0; bottom: 0;
 	background-image: url('FL.png');
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: center;
  	opacity: 0;
  	transition: opacity 0.3s;
  	pointer-events: none;
	
	
}

.overlayMF 
{
	position: absolute;
  	top: 0; left: 0; right: 0; bottom: 0;
 	background-image: url('MF.png');
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: center;
  	opacity: 0;
  	transition: opacity 0.3s;
  	pointer-events: none;
	
	
}

.overlayPH 
{
	position: absolute;
  	top: 0; left: 0; right: 0; bottom: 0;
 	background-image: url('PH.png');
  	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: center;
  	opacity: 0;
  	transition: opacity 0.3s;
  	pointer-events: none;
	
	
}



.card:hover .overlayIF {
  opacity: 0.6; /* napr. meno sa objaví */
}


div.ivanbio
{
width: 666px;
height: 777px;
background-image: url(ivanbio.png);
background-repeat: no-repeat;
background-size: 100%;
margin: auto;
top: -50px;
position: relative;
}

div.marekbio
{
width: 666px;
height: 777px;
background-image: url(marekbio.png);
background-repeat: no-repeat;
background-size: 100%;
margin: auto;
top: -50px;
position: relative;
}
div.palkobio
{
width: 666px;
height: 777px;
background-image: url(palkobio.png);
background-repeat: no-repeat;
background-size: 100%;
margin: auto;
top: -50px;
position: relative;
}

div.filipbio
{
width: 666px;
height: 777px;
background-image: url(filipbio.png);
background-repeat: no-repeat;
background-size: 100%;
margin: auto;
top: -50px;
position: relative;
}

div.koncerty {
/*background-color: black*/;
  height: auto;
}

.bliziaci
{

}

.pred1osly
{
	padding: 10px;
}

.predosly :hover
{
	transition: transform 1s;
    transform: scale(1.5);
  margin: 0 auto;
}

.cardup {
	margin: auto;
	max-width: 50rem;
	font-size: 110%;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
    -mdb-card-spacer-y: 1.5rem;
    -mdb-card-spacer-x: 1.5rem;
    -mdb-card-title-spacer-y: 0.5rem;
    -mdb-card-cap-padding-y: 0.75rem;
    -mdb-card-cap-padding-x: 1.5rem;
    -mdb-card-cap-bg: hsla(0,0%,100%,0);
    -mdb-card-bg: #161616;
    -mdb-card-img-overlay-padding: 1.5rem;
    -mdb-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /*background-color:#161616;*/
	height: auto;
}
.cardold {
	margin: auto;
	max-width: 50rem;
	font-size: 110%;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
    --mdb-card-spacer-y: 1.5rem;
    --mdb-card-spacer-x: 1.5rem;
    --mdb-card-title-spacer-y: 0.5rem;
    --mdb-card-cap-padding-y: 0.75rem;
    --mdb-card-cap-padding-x: 1.5rem;
    --mdb-card-cap-bg: hsla(0,0%,100%,0);
    --mdb-card-bg: #161616;
    --mdb-card-img-overlay-padding: 1.5rem;
    --mdb-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /*background-color:#161616;*/
	height: auto;
}

img.card-img-toptop
{
	width:100%;
}

img.card-img-top
{
	width:30%;
}

.bg-white {
    --mdb-bg-opacity: 1;
    background-color: rgba(var(--mdb-white-rgb),var(--mdb-bg-opacity))!important;
}
.card-title {
    margin-bottom: var(--mdb-card-title-spacer-y);
	font-size: 30px;
    font-weight: bold;
}
h5.card-text {
    font-size: 110%;
	margin-top: 0;
    margin-bottom: 0.5rem;
	line-height: 1.2;
}

p.card-text {
    margin-top: 0;
	margin-bottom: 1rem;}

.btn-primary {
	font-size: 110%;
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
}
.btn-primary1 {
	font-size: 110%;
    color: #fff;
    background-color: #0d6efd;
    hover-color: #fff;
    active-color: #fff;
    active-bg: #0a58ca;
    disabled-color: #fff;
    disabled-bg: #0d6efd;
	position: relative;
    left: 260px;
    top: -55px;
}
.btn-primary2 {
	font-size: 110%;
    color: #fff;
    background-color: #0d6efd;
    hover-color: #fff;
    active-color: #fff;
    active-bg: #0a58ca;
    disabled-color: #fff;
    disabled-bg: #0d6efd;
	position: relative;
}

.btn-primary2:hover
{
	
    background-color: #0b5ed7;
}

.btn-primary3 {
	font-size: 110%;
    color: #fff;
    background-color: #0d6efd;
    hover-color: #fff;
    active-color: #fff;
    active-bg: #0a58ca;
    disabled-color: #fff;
    disabled-bg: #0d6efd;
	position: relative;
    left: 320px;
    top: -50px;
}

.btn-primary3:hover
{
	
    background-color: #0b5ed7;
	color:white;
}


.btn-default {
    color: #333;
    background-color: #fff;
    position: relative;
    top: -980px;
    height: 60px;
    left: 70%;}

.modal-footer {
    padding: 15px;
    text-align: right;
}

table 
{width:900px;
margin:auto;
position:relative;
top:200px;}

/*
div.koncert
{
background-image:url(koncert1.png);
width:500px;
height:400px;
margin:auto;
}
*/

h4.modal-title
{

    position: relative;
    top: 200px;
    color: white;
    font-size: 50px;
    font-variant:petite-caps;
    font-weight:bold;
    z-index: 500;
    float: left;
    left: 50%;
	
	
}

div.modal-body
{
margin: 0;
    line-height: 1.42857143;
}

tr,th {
  text-align: left;
	padding: 15px;
font-size: 110%;}

th.medzeramenu

{
width:3%;
cursor:auto;
}

td{
  text-align: right;
	padding: 15px;
font-size: 110%;
font-weight: bold;
	color:grey;
}

.modal-header {
    padding: 15px;
	border-bottom: 0px solid #e5e5e5;}

div.texty
{
margin:auto;
width:100%;
height: auto;
/*background-color: black*/;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-style: italic;
}


div.media
{
width:100%;
	height: auto;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-style: italic;
    font-size: 150%;
}

div.mediamenu
{
	width:100%;
	height:45px;
	
	
}


div.mediavidea
{
display:inline-table;
height:auto;
	
}

/* Style tab links */
button.tablink {
	background-color: #16161600;
  	color: white;
  	float: left;
  	border: none;
  	outline: none;
 	cursor: pointer;
  	padding: 14px 16px;
  	width: 50%;
	font-size: 110%;
}

.tablink:hover {
  background-color: #dfb421;
color: white;
}

button.tablink1 {
	background-color: #16161600;
  	color: white;
  	float: left;
  	border: none;
  	outline: none;
  	cursor: pointer;
  	padding: 14px 16px;
  	width: 33%;
    font-size: 170%;
    text-align: center;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 300;
}

.tablink1:hover {
  background-color: #dfb421;
color: white;
}
.tablink1:active {
    background-color: #dfb421;
	color: white;}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: white;
  display: none;
  height: auto;
width: 100%;
}

.tablyrics {
  overflow: hidden;
	color: white;
  border: 1px solid black;
  /*background-color: black*/;
	padding-top: 5px;
}

/* Change background color of buttons on hover */
.tablyrics button:hover 
{
  background-color: #dfb421;
color:white;
}

/* Create an active/current tablink class */
.tablyrics button.active
{
}

/* Style the tab content */
.tablyricscontent {
  display: none;
    padding: 60px 108px;
    /*background-color: black*/;
}

iframe.hlv
{
    height: 500px;
    width: 100%;
	border: 0px black;
	
	
}

iframe.vdl
{
    height: 250px;
    width: 50%;
	border: 0px black;
	
	
}

::-webkit-scrollbar-track:hover {}

h3 
{
    font-size: 170%;
    text-align: center;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 300;
}

h3.text
{
    font-size: 300%;
    text-align: center;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: bold;
	padding:30px;
}

h5.text 
{
font-size: 130%;
position:relative;
top:-50px;
    text-align: center;
}

p.text
{
font-size: 150%;
    text-align: center;
}

b.text 
{
font-size: 100%;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-style: italic;
}



div.fotogallery
{
	
width:100%;
	height: auto;
	/*background-color: black*/;
	
}


img.galerka
{width:1000px;
}


div.downloadgallery
{
width:100%;
    height: auto;
    /*background-color: black*/;
    top: 30px;
    margin: auto;
    position: relative;
	font-size: 110%;
	
}

div.file
{
	
	width:600px;
	height: 150px;
	padding: 50px;
	position: relative;
}




div.download
{
position: relative;
    left: 100px;
    top: 13px;
}

div.download2
{
position: relative;
    left: 100px;
    top: 0px;
}


div.siete {
	width: 100%;
	height: auto;

}

.carousel-caption .btn{
text-shadow:0 0 black;
}


.fb
{
	
    background-image: url(fb.png);
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	background-attachment: local;
	
}

div.merch
{
width:100%;
height: 500px;
position: relative;
	
}
div.obchod
{
width:100%;
    height: auto;
    position: relative;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-style: italic;

}

.carousel-caption{
	width: 40%;
    height: 140px;
    float: right;
    left: 50%;
    padding-top: 0;
    padding-bottom: 0;
    bottom: 30%;
    right: 15%;
	
}



.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
	background-color:#dfb421;
	position: relative;
	top:10%;}

.carousel-indicators li 
{
	display: inline-block;
    width: 8px;
    height: 8px;
    text-indent: -999px;
    cursor: pointer;
    background-color: lightgrey;
    border-radius: 10px;
}


div.textobjednavka
{
    position: relative;
    font-size: 110%;
    color: black;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 500;
    font-style: italic;
	
	
}

.w3-container
{
	
	
    width: 100%;
    min-height: 500px;
    height: auto;
	
}
p.cena
{
font-size:200%;	
font-weight: bold;
}


img.fb
{
    width: 100%;
    position: relative;
    margin: auto;
}

div.foot
{
	
left: 0;
bottom: 0;
width: 100%;
font-size: 100%;
background-color: #161616;
color: white;
text-align: center;
position: fixed;
padding-top:10px;
padding-bottom:10px;
z-index:999;}