@charset "utf-8";
body {
  font-family: sans-serif;
  margin: 0;
  color:#000;
  text-rendering: optimizeLegibility;
  letter-spacing:0.05em;
  font-style:normal;
  text-align:center;
}
h1 {
	font-size:1.3em;
	text-align:left;
	font-style:normal;
}
p {
	color:#777;
	font-style:italic;
	font-size:medium;
	min-height:40px;
}
b { color:#000;
font-style:normal;
font-size:medium;
}
* {
  box-sizing: border-box;
}
img {
  vertical-align: middle;
  box-sizing:content-box;
}
.container {
  position: relative;
  max-width:600px;
  float:left;
  margin-left:2%;
  margin-right:2%;
}
.myKartinki {
  display: none;
  text-align:center;
  max-height:600px;
  overflow:hidden;
}
.cursor {
  cursor: pointer;
}
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 5px;
  margin-top: -50px;
  color: white;
  font-size: 3em;
  font-style:normal;
  border-radius: 0 3px 3px 0;
  -webkit-user-select: none;
  user-select: none;
  background-color: rgba(0, 0, 0, 0.2);
  transition: all .9s ease;
}
.next {
  right: 0;
}
.prev {left:0;}
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
  font-style:normal;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.column {
  float: left;
  width: 16.66%;
}
.malki {
  opacity: 0.6;
}
.active,
.malki:hover {
  opacity: 1;
}
@media (max-width: 767px) and (min-width: 380px)  {
	h1 {
		position:absolute; top:0.5em; right:0.5em; width:50%; font-size:medium;
	}
}