body{
	background: url(/maskepek/hatter_bilgewater.jpg);
	background-size: cover;
	background-attachment: fixed;
	margin:0px;
}

.keresfel input{
	border:0px;
	display: block;
}

a:link,a:visited,a:hover{
color: #adadad;
text-decoration: none;
}

img {
    vertical-align: middle;
}

*:focus {
    outline: none;
}

*{
	scrollbar-width: thin;
	scrollbar-color: #5e6063 #212121;
}

.hosok{
	height:0;
	width:2.7vw;
	padding:1.35vw 0;
	margin:0.65vw 0.3vw;
}

.hosok1{
	width:2.6vw;
}

.mySlides {display: none;}

/* Slideshow container */
.slideshow-container {
  width: 50vw;
  position: relative;
  margin-bottom:0.2vw ;
  margin-top:0.3vw;
}

/* Caption text kell*/
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  cursor:pointer;
}

.active {
  background-color: #4d4d4d;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.iranyit{
	opacity:0;
	position:absolute;
	width:100%;
	height:22.2vw;
	background-color: rgba(48, 37, 31, 0.6);
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:3vw;
	font-family: 'Bangers', cursive;
}

.iranyit:hover{
	opacity:1;
}