html, body{
	background:#EAEAEA;
	font-family:monospace;
	margin:0;
	margin-right:10px;
	padding-left:45px;
}

body.what-did-you-expect .wall-1, body.what-did-you-expect .wall-2, body.what-did-you-expect .wall-3 {
	background-color: rgb(81, 208, 81);
}
@media only screen and (max-width: 570px) {
	.html, body {
		margin-right:5px;
		padding-left:35px;
	}
}

ul li{
	list-style-type:none;
}

ul{
	padding:0;
}

li.side{
	border-bottom:1px solid black;
	font-size:20px;
	padding:10px;
}

a{
	color:brown;
	text-decoration:none;
}

h1{
	text-align:left;
	transition:1s all;
}

a{
	outline:none;
}

#button{
	width:30px;
	height:30px;
	background:red;
	border:1px solid black;
	border-radius:50px;
	margin: 10px;
	/* position:absolute; */
	top:20px;
	left:20px;
	z-index:1;
	transition:0.5s all;
	-webkit-box-shadow: -1px 1px 0px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 1px 0px 1px rgba(0,0,0,0.75);
	box-shadow: -1px 1px 0px 1px rgba(0,0,0,0.75);
}

.wall-1{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: white;
	left: 0;
	transform: skewY(20deg);
	-webkit-box-shadow: -5px 2px 30px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: -5px 2px 30px -10px rgba(0,0,0,0.75);
	box-shadow: -5px 2px 30px -10px rgba(0,0,0,0.75);
}

.wall-2{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 140vh;
	background-color: white;
	left: 0;
	transform: skewY(-20deg);
	box-shadow:  -5px 2px 30px -10px rgba(0,0,0,0.75);
}

.wall-3{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 280vh;
	background-color: white;
	left: 0;
	transform: skewY(20deg);
	box-shadow:  -5px 2px 30px -10px rgba(0,0,0,0.75);
}

.button_hover{
	-webkit-box-shadow:inset -1px 1px 0px 1px rgba(0,0,0,0.75) !important;
-moz-box-shadow:inset -1px 1px 0px 1px rgba(0,0,0,0.75) !important;
box-shadow:inset -1px 1px 0px 1px rgba(0,0,0,0.75) !important;
transition:0.5s all;
}

.introduction{
	background:aliceblue;
	max-width:400px;
	padding:10px;
	position:fixed;
	right:0;
	z-index:1;
	bottom:0;
}

#introduction{
	display:none;
}

.team_up{
	
}

.glow{
	text-shadow:0px 0px 10px;
}

.bold{
	font-weight:bold;
}

.container{
	height:100%;
	max-width:800px;
	position:relative;
}

.cookie-policy {
	padding-bottom: 100px;
}
.cookie-policy .cookie-policy__image {
	width: 100px;
}

.footer{
	background:rgba(132, 97, 112, 0.74);
	margin-top:20px;
	margin-bottom: 20px;
	overflow: hidden;
	position:relative;
	width:95%;
}

#tahvel{
	position:absolute;
	right:0;
}

@media(max-width:700px){
	#tahvel{display:none;}
}

.box{
	color:white;
	/* float:left; */
}

.eye{
	background-image:url("../images/eye_contrast.png");
	background-position:center;
	background-size:90%;
	background-repeat:no-repeat;
	/* float:left; */
	height:112.5px;
	margin-top:30px;
	margin-left:50px;
	width:112.5px;
}

.sidebar{
	background:white;
	height:100vh;
	max-height: 100vh;
    overflow: auto;
	/* overflow:hidden; */
	padding:10px;
	position:fixed;
	width:50px;
	text-align:center;
	top:0;
	left:0;
	-webkit-box-shadow: inset -5px 2px 10px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: inset -5px 2px 10px -10px rgba(0,0,0,0.75);
	box-shadow: inset -5px 2px 10px -10px rgba(0,0,0,0.75);
}

.breket{
	transition:1s background;
}

.pre{
	background-color:beige;
	display:none;
	padding:5px;
	position:absolute;
	width:100%;
	z-index:1;
}

.pre_text{
	top:0;
}

.pre_link{
	bottom:0;
	text-decoration:underline;
}

.item{
	cursor:pointer;
	display:inline-block;
	margin:5px;
	position:relative;
	text-align:center;
	width:315px;
	transition:0.5s all;
}

@media only screen and (max-width: 800px) {
	.item { 
		width: 200px !important;
	}
}

@media only screen and (max-width: 570px) {
	.item { 
		width: 100% !important;
	}
}

.item.video, .item.video iframe {
	width: 100% !important;
}

.info {
	width:100%;
}

.textfield {
	/* color:white; */
	cursor:auto;
	text-align:left;
	transition:0.5s all;
}

.background_center{
	background-position:center;
	background-repeat:no-repeat;
	background-size:70%;
}

img{
	width:95%;
	transition:0.5s width;
}

.hover_expand{
	width:100%;
}

.add_width{
	width:100%;
}

.hide{
	display:none;
}

/* .jjoevee{
	background-image:url("../jjoevee/images/logo.jpg");
}

.breket{
	background-image:url("http://breket.ee/taust/brexLogo_black.png");
}

.viinistu{
	background-image:url("../images/banner_trans.png");
}

.koridor{
	background-image:url("../images/koridor.png");
}

.vrsgrupp{
	background-image:url("../images/vrs_logo_uus2.png");
} */

.size_animation{
	background-size:100%;
}

.tundmatus{
	background-image:url("../images/untitled4.png");
}

.walking{
	background-image:url("../images/walking19.jpg");
}

.ehitis{
	background-image:url("../images/ehitis2.png");
}

.seest{
	background-image:url("../images/ehitisSeest2.png");
}

.pigeon{
	background-image:url("../images/pigeon_AAP5.jpg");
}

.resize{
	width:100% !important;
}

.preview{
	cursor:pointer;
	width:24% !important;
	float:left;
}

.big{
	width:100% !important;
}

#big{
	cursor:pointer;
}

#photographs .loader{
	display:block;
	margin-left:auto;
	margin-right:auto;
	position: absolute;
	width:50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}