/*Copyright Michal Kralik 2020*/

/*Universal AMP css for all purposes - restricted unathorized use!*/

/*index*/
#uvod {
	
	background: url("images/logo_portrait_v3.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 1000px;
}

@media (max-width: 1025px) { 

	#uvod {
		background: url("images/logo_portrait_v3_small.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
    	height: 650px;
	}

}

#error {
	
	background: url("images/404.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 937px;
}

@media (max-width: 1025px) { 

	#error {
		background: url("images/404-small.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
    	height: 650px;
	}

}

/*team*/

#team {
	
	background: url("image/det_uvodni.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 100%;
}

@media (max-width: 768px) { 

	#team {
		background: url("image/det_uvodni.png") no-repeat center center fixed;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
		background-size: cover;
		height: 100%;
	}
}

.crosshair { 
		cursor: crosshair; 
}

/*kontakt*/

#kontakt {
	
	background: url("image/uvod.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 100%;
}

@media (max-width: 768px) { 

	#kontakt {
		background: url("image/uvod.jpg") no-repeat center center fixed;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
		background-size: cover;
		height: 100%;
	}
}

.email {
	text-decoration-line: none;
	text-decoration: none;
	color: #5f714b;
}


.email:hover {
	text-decoration-line: none;
	text-decoration: none;
	color: #5f714b;

}

.paticka2 {
	text-align: center;
	padding-top: 6.4999px;
}

/*vybava*/
#vybava {
	
	background: url("image/det_uvodni.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 100%;
}

@media (max-width: 768px) { 

	#vybava {
		background: url("image/det_uvodni.png") no-repeat center center fixed;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
		background-size: cover;
		height: 100%;
	}
}

#vybava2 {
	background: url("image/uvod.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 100%;
}

@media (max-width: 768px) { 

	#vybava2 {
		background: url("image/uvod.jpg") no-repeat center center fixed;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
		background-size: cover;
		height: 100%;
	}
}

#vybava3 {
	background: url("image/tri_2K.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 100%;
}

@media (max-width: 768px) { 

	#vybava3 {
		background: url("image/tri_2K.png") no-repeat center center fixed;
		-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
		background-size: cover;
		height: 100%;
	}
}

.card-text {
	font-size: 20px;
}

/*udalosti*/
#udalosti_style {
	background-color: #181818;
}

/*galerie*/

#galerie {
	background-color: #121212;
	height: 100%;
	overflow-x: hidden;
	margin: 0px;
	padding: 0px;
}

* {
  box-sizing: border-box;
}

.gal > .column {
  padding: 0 8px;
}

.gal:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}


.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 45px;
  font-weight: bold;
}

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

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer
}

.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
  background-color: white;
  color: grey;
}

img {
  margin-bottom: -4px;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

.sign {
	height: 122px; 
	width: 220px;
}


@media (max-width: 767px) { 
	.sign {
		height: 91px; 
		width: 180px;
	}	
}

@media (max-width: 575px) { 
	.sign {
		height: 61px; 
		width: 120px;
	}	
}


/*gallery*/
.button-fix {
	text-decoration: none;
	text-decoration-style: none;
	text-decoration-line: none;
}

/*news*/

#news {
	
	background: url("image/uvod.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 910px;
}

#novinky {
	margin-top: 10%;
}

/*ostatni*/

#button {
	text-decoration: none;
	padding: 9px;
	border: 1px solid black;
	transition: 0.2s ease;
	border-radius: 8px;
	color: #333333;
}

#button:hover{
	border: 1px solid #4a5598;
	background-color: #4a5598;
	color: white;
	cursor: pointer;
}

#button-tym {
	text-decoration: none;
	padding: 9px;
	border: 1px solid white;
	color: white;
	transition: 0.2s ease;
	border-radius: 8px;
	background-color: #333333;
}

#button-tym:hover{
	border: 1px solid #5f714b;
	background-color: #5f714b;
}

#vybava-old {
	background-color: #181818;
}

.optimalization {
	transition: 0.3s ease;
	border: 1px solid transparent;
	border-radius: 8px;
}

.optimalization:hover {
	background-color: #c7c9c9;

}

.optimaliztaion2 {
	transition: 0.3s ease;
}

.optimalization2:hover {
	background-color: #a15bf7;
}

.prechod {
	background-color: #181818;
	margin-bottom: -20px;
	padding-bottom: 11px;
	padding-top: 11px;
}

.paticka {
	padding-top: 7px;
}

.paticka-text {
	font-size: 18px;
}

.paticka-gallery {
	position: static;
	margin-top: 12%;
}

#emailprijeti {
	display: none;
}

#emailprijeti2 {
	display: none;
}

body {
	background: none;
}

#navbarr {
	margin-bottom: 20px;
}

/*Another project - ucetnictvi*/

.purplebg {
	background-color: #8330e8;
}
.opt {
	margin-top: 100px;
}
.opt2 {
	padding-bottom: 600px;
}
.opt3 {
	padding-top: -100px;
	margin-top: -100px;
}
.textfix {
	color: #333333;
}
.sitem {
	margin-left: : 50px;
}
.opt4 {
	padding-top: 30px;
}
.item-trans {
	transition: 0.3s ease;
}
.item-trans:hover {
	transform: scale(1.1);
}
.opt5 {
	padding-bottom: 50px;
}
html {
  scroll-behavior: smooth;
}
.opt6 {
	padding-bottom: 25px;
}


/*Beware*/


.buttonfixtext{
	text-decoration: none;
	color: grey;
}
.buttonfixtext:hover{
	text-decoration: none;
	color: white;
}

.nahoru {
	font-size: 120px;
}

#new {
	background-color: #4a5598;
}

.pad-top {
	padding-top: 25px;
}
.pad-bot {
	padding-bottom: 5px;
}
.pad-bot-big {
	padding-bottom: 50px;
}
.patickab {
	background-color: #4a5598;
}
.pad-bot-small {
	padding-bottom: 1px;
}
.pad-top-small {
	padding-top: 10px;
}

.justi {
	text-align: justify;
}
#blog {
	background-color: #131414;
}
.pad-top-big {
	padding-top: 500px;
}
.pad-top-5 {
	padding-top: 5px;
}
.pad-left {
	padding-left: 5px;
}
.move-up {
	margin-top: -55px;
}
.card {
	margin-left: 5px;
}