.search_box {
	position: fixed;
	top: 53vh;
	background-color: yellow;
	height: auto;
}
.search_box input[type="text"] {
	position: fixed;
	top: 55vh;
	left: 30%;
	display: block;
	width: 40%;    
	height: 4vh;
	line-height: 35px;
	padding: 0;
	margin: 0;
	border: 1px solid #fd4836;
	outline: none;
	overflow: hidden;
	border-radius: 4px;
	background-color: rgb(255, 255, 255);
	text-indent: 15px;
	font-size: 2vh;
	color: black;
}
.search_box input[type="submit"] {
	position: fixed;
	top: 56vh;
	left: 68%;
	display: block;
	width: 5%;
	height: 4vh;
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	overflow: hidden;
	text-indent: -999px;
	background: url(/img/search.png) 0 0 no-repeat;

}
 
/* Стили для плашки с результатами */
.search_result {
	position: fixed;
	top: 60%;
	left: 30%;
	width: 40%;
	font-size: 2vh;
	color: blue;
	border: 1px solid #ddd;
	background: #fff;
	padding: 10px;
	z-index: 9999;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

/*  Стили для баннера */

#banner .logobanner{
	z-index: 99999;
	left: -0.1px;
	top: 0px;
	height: auto;
	width: 100%;
	border-bottom: 1px solid #0d0d0d;
	box-shadow: 0px 2px 15px rgba( 0, 0, 0, 0.2);
}

#banner .logoline{
	z-index: 99999;
	padding: 10px;
	left: -0.1px;
	height: 50px;
	width: 100%;
	background-color:#0077c3;
	border-bottom: 1px solid #0d0d0d;
	box-shadow: 0px 2px 15px rgba( 0, 0, 0, 0.2);
	font-size: 25px;	
	font-family: "Roboto", Helvetica;
	#float: left;
	text-shadow: 0px 1px 0px #000;
    text-align:center;
	
}

/*  Стили для фона страницы */

html {

background-image: url(/img/photo_main_light.png);

background-repeat: no-repeat;

background-position: center center;

background-attachment: fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

}

/*  Стили для панели выбора */

.selpage {
	position:relative;
    width:100%;
	#height:auto;
	#background:linear-gradient(to right, #0077c3, white);
    #background-color:#696969;
    float:left;
	z-index: 0;

}

.selpage img {
	width:100%;
	height:auto;
	#background:linear-gradient(to right, #0077c3, white);
    #background-color:#696969;
    #float:left;
	#z-index: 0;
}

.selpage form {
	position:fixed;
	width:60%;
	height:auto;
	top: 45vh;
	left: 20%;
	background:linear-gradient(to right, #0077c3, white);
    #background-color:#696969;
    #float:left;
	#z-index: 0;
}

.selpage #datepicker {
	position:fixed;
	top:47vh;
	left: 30%;
	
	border:1px solid transparent;
    background: linear-gradient(90deg, #f6f6f6, #0077c3, #f6f6f6);
	border-radius: 10px;
    color:black;
    padding: 1vh;
	width: 15%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 2vh;
    #margin-left: 2%;
	margin-top: 20px;
    cursor: pointer;
}

.selpage #datepicker1 {
	position:fixed;
	top:47vh;
	left: 50%;
	
	border:1px solid transparent;
    background: linear-gradient(90deg, #f6f6f6, #0077c3, #f6f6f6);
	border-radius: 10px;
    color:black;
    padding: 1vh;
	width: 15%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 2vh;
    #margin-left: 2%;
	margin-top: 20px;
    cursor: pointer;
}

.selpage .textoverimg1 {
	position:fixed;
	top:46vh;
	left:30%;	
	#background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
	width: 15%;
	font-size: 2vh;	
	font-family: "Roboto", Helvetica;
    text-align:center;
	color:black;
}


.selpage .textoverimg2 {
	position:fixed;
	top:46vh;
	left:50%;	
	#background:transparent;
	width: 15%;
	font-size: 2vh;	
	font-family: "Roboto", Helvetica;
    text-align:center;
	color:black;
}

.selpage #bar {
	position:fixed;
	top:90%;
	left:1vh;	
	background: url("/img/arrow.png") rgba(0, 0, 0, 0);
	width: 4%;
	font-size: 2vh;	
	font-family: "Roboto", Helvetica;
    text-align:center;
	color:black;
}