@import url('https://fonts.googleapis.com/css?family=Basic|Cabin|Magra|Rambla');

/* ULTIMATIV FIX FOR MOBILE DEVICES AND INPUT FIELDS */

html,body{
    -webkit-overflow-scrolling : touch !important;
    overflow: auto !important;
    height: 100% !important;
}

* {
box-sizing: border-box;	
	
}

.references_table th, .references_table td {
	
padding: 10px;
text-align: center; 
border: 1px solid grey;
	
}

.show_quotes th, .show_quotes td {
	
	padding: 10px;
text-align: center; 
border: 1px solid grey;
	
}

.frontpagediv {
	display: block;
	max-width: 100%;
	
	
	height: 100%;
	float: none;
	margin: 0 auto;
}

.form-control {
	font-size: 22px !important;
	height: 40px !important;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.01) !important;
	
}

.pagewrapper {
	position: relative; 
	z-index: 1;
	width: 100%; 
	height: 100%; 
	background: #fff;
}

#menu_bar_background {
    margin: 20px auto !important;
    width: 100%; 
    background-color: transparent;
    margin-top: 20px;
    float: left;
    position: relative; 
    z-index: 1;
}

.free_venue_finding_btn {
	
	margin-bottom: 30px;
	width: 100%;
	float: left;
	font-size: 22px;
	padding: 12px 24px;
	margin-left: 10px;
	background: rgba(255,255,255,0.25);
	text-shadow: rgba(0,0,0,1) 0px 0px 30px;
	border-radius: 5px;
	border: 1px solid white;
    color: white;
    cursor: pointer;
	
}
.free_venue_finding_btn:hover {
	
	background: #fff;
	color: #555;
	text-shadow: none;
	
}


#main_frame_content_text {
		
    top: 100px !important;
    
}

#main_frame_content_text_login {
	
	top: 20% !important;
}

#main_frame {
	height: 100vh;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%),url('img/1.jpg') no-repeat center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))), url('img/1.jpg') no-repeat center;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%), url('img/1.jpg') no-repeat center;
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%), url('img/1.jpg') no-repeat center;
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%), url('img/1.jpg') no-repeat center;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%),url('img/1.jpg') no-repeat center;
	background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%),url('img/1.jpg') no-repeat center;
	background-size: cover;
}

#main_frame_no_pic {
	height: 100vh;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%);;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%);
	background-size: cover;
}


#main_frame_black {
	height: 100vh;
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(59%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(tbottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 100%);


	background-size: cover;
	
}

.logo {
    background: url(img/logo.png) no-repeat center;
    width: 112px;
    height: 108px;
    background-size: cover;
    float: left;

}