@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: OpenSans;
    src: url("../font/OpenSans-Regular.ttf");
}

* {
    -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}

body {margin:0; padding:0;font-family: OpenSans;letter-spacing: 1px;border:0;

	background: url("../img/back.jpg") no-repeat center center;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;
	background-attachment:fixed; 
	position:absolute;
	top:0;
	left:0;
	border:0;
	width:100%;
	height:100%;
	text-align: center;
	z-index:-1000;
}

a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

tr td {
  vertical-align: middle;
  display:table-cell;
 }

input[type=text],
input[type=text]:hover,
input[type=text]:focus,
input[type=text]:active
{
    border: 0;
    outline: none;
    outline-offset: 0;
}

#expand_button{
	display:none;
	cursor:pointer;
}

.top_menu {
	height:15px;
	width:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#000000;
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	z-index: 99;
	
	background:black;

}

.top_menu_group {
	display:inline-block;
	position:absolute;
	top:10px;
	left:50%;
	margin:0px;
	margin-left:-275px;
	height:50px;
	width:550px;
	line-height:50px;
	
	z-index: 99;
	
	background:url("../img/pattern3.png");

-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
}

.top_menu_button {
	height:50px;
	width:148px;
	display:inline-block;
	float:left;
	text-align:center;
	line-height:50px;
	cursor:pointer;
	font-size:16px;
	z-index: 99;
	top:0px;
	margin-top:-15px;
	
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.top_menu_button:hover {
	background-image: url("../img/button_back2.png");
	-webkit-box-shadow: 0px 0px 10px 5px rgba(102, 224, 228, 0.8);
-moz-box-shadow: 0px 0px 10px 5px rgba(102, 224, 228, 0.8);
box-shadow: 0px 0px 10px 5px rgba(102, 224, 228, 0.8);
}

.top_menu_icon1 {
	display:inline-block;
	background: url("../img/arrow.png") center 7px no-repeat;
	height:51px;
	width:43px;

	
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.top_menu_icon2 {
	display:inline-block;
	background: url("../img/icon_button.png") center -3px no-repeat;
	height:50px;
	width:106px;

	
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.top_menu_icon_back {
	display:inline-block;
	float:left;
	cursor:pointer;
	height:49px;
	width:106px;

	margin-top:-15px;
	
}

.top_menu_icon_back:hover {
	background: url("../img/button_back2.png");
	-webkit-box-shadow: 0px 0px 10px 5px rgba(102, 224, 228, 0.8);
-moz-box-shadow: 0px 0px 10px 5px rgba(102, 224, 228, 0.8);
box-shadow: 0px 0px 10px 5px rgba(102, 224, 228, 0.8);
	
}

.bottom-body{
	width:100%;
	height:35px;
	bottom:0px;
	left:0px;
	position: absolute;
	display:block;
	z-index:500;
	text-align:center;
	font-size:24px;
	color:rgba(0, 0, 0, 1);
	position: fixed;
	
	background: rgba(255,255,255,0);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(250,250,250,0.9) 20%, rgba(250,250,250,0.9) 80%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(20%, rgba(250,250,250,0.9)), color-stop(80%, rgba(250,250,250,0.9)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(250,250,250,0.9) 20%, rgba(250,250,250,0.9) 80%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(250,250,250,0.9) 20%, rgba(250,250,250,0.9) 80%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(250,250,250,0.9) 20%, rgba(250,250,250,0.9) 80%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(250,250,250,0.9) 20%,  rgba(250,250,250,0.9) 80%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.bottom-text{
	font-size:16px;
	line-height:35px;
	display:inline-block;
	float:left;
	width:50%;
}

a:link {
	color: rgba(207, 62, 41, 1);
	text-decoration: none!important;
	font-style:normal!important;
}

h1 a:link {
	color: rgba(0, 0, 0, 1);
	text-decoration: none!important;
	font-weight:normal!important;
}
h1 a:visited {
	color: rgba(0, 0, 0, 1);
	text-decoration: none !important;
	font-weight:normal!important;
}
h1 a:hover {
	color: rgba(0, 0, 0, 1);
	text-decoration: none !important;
	font-weight:normal!important;
}


.lang_en{
    background:url("../img/en.png") no-repeat 0px 0px;
    position:relative;
    width:72px;
    height:72px;
    border-radius: 36px;
    left: -18px;
    top: -80px;
    display: inline-block;
    cursor: pointer;

    -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
}

.lang_el{
    background:url("../img/el.png") no-repeat 0px 0px;
    position:relative;
    width:72px;
    height:72px;
    border-radius: 36px;
    left: 18px;
    top: -80px;
    display: inline-block;
    cursor: pointer;

    -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);
}

.lang_en:hover,.lang_el:hover {
    -webkit-box-shadow: 0px 0px 10px 5px rgba(102, 224, 228, 0.8);
    -moz-box-shadow: 0px 0px 10px 5px rgba(102, 224, 228, 0.8);
    box-shadow: 0px 0px 10px 5px rgba(102, 224, 228, 0.8);
}

.logout{
	background: url("../img/logout.png");
	height:64px;
	width:64px;
	position:absolute;
	right:10%;
	top:50px;
	z-index:5000;
}

.logout:hover{
background: url("../img/logout2.png");
cursor:pointer;
}

/* Large desktops and laptops */
@media screen and (max-width: 1600px) {


.bottom-text {
	font-size:14px;
	line-height:16px;
	display:inline-block;
	float:left;
	width:100%;
}

.bottom-body{
	padding-top:5px;
}


}
/* Portrait tablets and medium desktops */
@media screen and (min-width: 992px) and (max-width: 1199px) {

.bottom-text{
	font-size:12px;
	line-height:14px;
	display:inline-block;
	float:left;
	width:100%;
}

}

/* Portrait tablets and small desktops */
@media screen and (min-width: 768px) and (max-width: 991px) {

.bottom-text{
	font-size:12px;
	line-height:14px;
	display:inline-block;
	float:left;
	width:100%;
}
}

/* Landscape phones and portrait tablets */
@media screen and (min-width: 601px) and (max-width: 767px) {

.bottom-text{
	font-size:12px;
	line-height:14px;
	display:inline-block;
	float:left;
	width:100%;
}
}
@media screen and (max-width: 600px) {
#expand_button{
	display:block;
}
.top_menu_button {
	display:inline-block;
	float:left;
	width:100%;
	position:relative;
	margin:0px;
	padding:0px;
}
.top_menu_icon_back{
	display:inline-block;
	float:left;
	width:100%;
	position:relative;
	margin:0px;
	padding:0px;
}
.top_menu_group {
	width:100%;
	display:block;
	float:none;
	left:0px;
	top:0px;
	position:absolute;
	margin:0px;
	overflow:hidden;
	padding:0px;
	vertical-align: top;
}
.top_menu{
	height:0px;
	left:0px;
	top:0px;
	position:absolute;
	margin:0px;
	padding:0px;
	vertical-align: top;
}

.bottom-text{
	font-size:10px;
	line-height:12px;
	display:inline-block;
	float:left;
	width:100%;
}
}

/* Landscape phones and smaller */
@media screen and (max-width: 480px) {
.bottom-text{
	font-size:8px;
	line-height:10px;
	display:inline-block;
	float:left;
	width:100%;
}
}