@charset "utf-8";
@font-face {
font-family: font1;
src: url("./fonty/font1.ttf");
}

@font-face {
font-family: font2;
src: url("./fonty/font2.ttf");
}

@font-face {
font-family: font3;
src: url("./fonty/font3.ttf");
}

#mobilnemenu {
	margin-top:-50px;
	margin-left:-5000px;
}

.dropbtn {
  background-image: url("./images/navigacia.png");
  color: white;
  width: 39px; 
  height:50px;
  padding: 16px;
  margin:0 auto;
  margin-top:5px;
	margin-left:5px;
  display:block;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
	
}

.dropdown-content {
  display: none;
  position: absolute;
	right: 0;
  background-color: #0a0a0a;
  min-width: 400%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #e5bf4a;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #e5bf4a; color:white;}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}


body {
	background-color:#0a0a0a;
	overflow-x: hidden;
}

.header {
	width:100%; 
	height:100px;
}

#odkazy {
	width:25%; 
	height:100%; 
	float:left;
}

#headerlogoobal {
	width:50%; 
	height:100%; 
	float:left;
}

#headerlogo {
	margin:0 auto; 
	width:300px; 
	height:100px; 
	background-image:url(./images/logo.png); 
	background-size:cover;
}

ul {
  position:absolute;
  top:5%;
  left:5%;
  transform:translate(-10%,-10%);
  margin:0;
  padding:0;
  display:flex;
}
ul li {
  list-style:none;
}
ul li a {
  display:block;
  position:relative;
  width:35px;
  height:35px;
  line-height:100px;
  font-size:40px;
  text-align:center;
  text-decoration:none;
  color:#e5bf4a;
  margin: 0 15px;
  transition:.5s;
}
ul li a span {
  position:absolute;
  transition: transform .5s;
}
ul li a span:nth-child(1),
ul li a span:nth-child(3){
  width:100%;
  height:2px;
  background:#dddddd;
}
ul li a span:nth-child(1) {
  top:0;
  left:0;
  transform-origin: right;
}
ul li a:hover span:nth-child(1) {
  transform: scaleX(0);
  transform-origin: left;
  transition:transform .5s;
}

ul li a span:nth-child(3) {
  bottom:0;
  left:0;
  transform-origin: left;
}
ul li a:hover span:nth-child(3) {
  transform: scaleX(0);
  transform-origin: right;
  transition:transform .5s;
}

ul li a span:nth-child(2),
ul li a span:nth-child(4){
  width:2px;
  height:100%;
  background:#e5bf4a;
}
ul li a span:nth-child(2) {
  top:0;
  left:0;
  transform:scale(0);
  transform-origin: bottom;
}
ul li a:hover span:nth-child(2) {
  transform: scale(1);
  transform-origin: top;
  transition:transform .5s;
}
ul li a span:nth-child(4) {
  top:0;
  right:0;
  transform:scale(0);
  transform-origin: top;
}
ul li a:hover span:nth-child(4) {
  transform: scale(1);
  transform-origin: bottom;
  transition:transform .5s;
}
.fb {
	width:23px;
	height:23px;
	position:Absolute; 
	top:18%; 
	left:13%;
	background-image: url("images/fb.png");
	background-size:cover;
}


.ig {
	width:25px;
	height:25px;
	position:Absolute; 
	top:13%; 
	left:13%;
	background-image: url("images/ig.png");
	background-size:cover;
}

.facebook:hover {
  color: #e5bf4a;
}

.facebook:hover .fb {
  background-image: url("images/fb2.png");
}

.facebook:hover span { 
  background: #e5bf4a;
}
.instagram:hover {
  color: #e5bf4a;
}

.instagram:hover .ig{
  background-image: url("images/ig2.png");
}

.instagram:hover span { 
  background: #e5bf4a;
}
ul li a .twitter {
  color: #1da1f2;
}
ul li a:hover:nth-child(3) {
  color: #c32aa3;
}
ul li a:hover:nth-child(4) {
  color: #dd4b39;
}

#headerbutton {
	width:25%; 
	height:100%; 
	float:left;
}



.button {
  background-color: #e5bf4a; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button2 {
	background-color: transparent; 
  	color: #e5bf4a; 
  	border: 2px solid #e5bf4a;
	margin-left:25%; 
	margin-top:20px;
}

.button2:hover {
  background-color: #e5bf4a;
  color: white;
}

.button1 {
  background-color: transparent; 
  color: #e5bf4a; 
  border: 2px solid #e5bf4a;

}

.button1:hover {
  background-color: #e5bf4a;
  color: white;
}


#navigacia {
	 
	width:100%; 
	height:60px;
}


#menu {
	margin:0 auto; 
	width:900px; 
	height: 100%; 

}

#menu a {
	padding:20px; 
	text-decoration:none;
	color:white;
	font-size:14px;
	display: inline-block;
	
}

#menu a::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
	margin-top:10px;
    background: #e5bf4a;
    transition: width .3s;
}

#menu a:hover{
	color:#e5bf4a;
}

#menu a:hover::after {
	
    width: 100%;
}

.navigacia {
	width:100%; 
	height:100%; 
	font-family: font2; 
	text-transform: uppercase; 
	text-align:center; 
	padding: 19px 20px;
}


.podnadpis {
	width:60%; 
	height:250px; 
	margin:0 auto; 
	font-family: font3;
}

.podnadpis p {
	color:#DFDFDF; 
	font-size:35px;
	text-align:center;
}

.podciarka {
	width: 100px;
	height:2px; 
	background-color:#e5bf4a; 
	margin: 0 auto;
}

.homeobsah3 {
	width:100%; 
	height:1320px;
	margin:0 auto;
}


#kontaktpanelvlavo{
	width:100%; 
	height:690px; 
	float:left; 
	margin-top:-120px;
}

#kontaktpanelvlavo p {
	color:#DFDFDF; 
	font-size:25px;
	text-align:center; font-family:font2;
}

#kpvotvaracicas p {
	color:#DFDFDF; 
	font-size:25px;
	text-align:center; font-family:font2;
}

#kontaktpanelvpravo {
	width:100%; 
	height:650px; 
	float:left;  
	margin-top:-70px;
}

#kontaktpanelvpravobox {
	width:70%; 
	height:80%; 
	margin:0 auto;
}

#kontaktpanelvpravodni {
	width:48%; 
	height:300px; 
	float:left; 
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	border-left: 2px solid #e5bf4a;
	border-top: 2px solid #e5bf4a;
	border-bottom: 2px solid #e5bf4a;
	
	text-align:right; 
	font-family: 'Poppins', sans-serif; 
	color:#DFDFDF; 
	font-size:17px;
}

#kontaktpanelvpravohodiny {
	width:48%; 
	height:300px; 
	
	float:left;  
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	border-right: 2px solid #e5bf4a;
	border-top: 2px solid #e5bf4a;
	border-bottom: 2px solid #e5bf4a;
	text-align:left; 
	font-family: 'Poppins', sans-serif; 
	color:#DFDFDF; 
	font-size:17px;
}

#headerkontakt {
	width:100%; 
	height:250px; 
	background-image:url(./images/header.png); 
	background-size:cover;
}

#headerkontakt p {
	font-size:40px; 
	color:#fcfcfc; 
	font-weight:500; 
	font-family: font1; 
	padding-top:70px; 
}


.ramik {
	width:90%; 
	height:1px; 
	background-color:#3b3b3b; 
	margin:0 auto;
}

#footer {
	width:1380px; 
	height:200px;  
	margin: 0 auto;
}

#footerlogo {
	width:40%; 
	height:80%; 
	float:left;
}

#footerlogologo {
	width:300px; 
	height:100px; 
	background-image:url(./images/logo.png); 
	margin:0 auto;
	background-size:cover;
}

#footerpravacast {
	width:60%; 
	height:80%; 
	float:left;
}

.panelf {
	width:250px; 
	height:200px; 
	margin:0 auto; 
	margin-top:0px; 
	float:left;
}

.obrazokfooter {
	width:24px; 
	height:24px; 
	background-size:cover;
}

.panelftext p {
	font-family:font3; 
	color:#E5BF4A; 
	font-size:25px;
}

.panelftext b {
	color:white; 
	font-size:15px; 
	font-family:font2;
}

#zakoncenie {
	width:100%; 
	font-family:font2; 
	color:#DFDFDF; 
	text-align:center; 
	height:40px; 
	margin:0 auto;
}