/*
 Marios Polyzoes (January 5, 2018) 
Μάριος Πολυζώης‚
 */
html { overflow-y: scroll;}


body {
    background: cyan; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(blue, cyan); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(blue, cyan); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(blue, cyan); /* For Firefox 3.6 to 15 */
    background: linear-gradient(blue, cyan); /* Standard syntax */
margin: 0;
padding:0;
color:#231f20;
font-family: 'Fira Sans', sans-serif;
font-size:150%;
}
q:lang(el)
{
quotes: "«" "»" "'" "'";
}

.clear {
	clear:both;
}
.sitelogo2{position:absolute;z-index:1; 
	font-family: 'Fira Sans Condensed', sans-serif;
	font-weight:900;	
	font-style: oblique;
color: white;
    text-shadow: 1px 1px 2px black, 0 0 20px yellow, 0 0 5px white;
}

h3 {
margin-top:30px;
	text-align: left;
	font-weight: bold;
	color: #003399;
font-family: 'Fira Sans Extra Condensed', sans-serif;
/*	margin-bottom:-5px; */}
.more {
margin-top:-12px; float:right; 
margin-bottom: 25px;
display:block;
}
/* ---------------*/
.nav li
{
list-style: none;
display: inline;
border-top-color:#FFFF66;
border-bottom:thin;
margin-top:2px;
font-family: 'Fira Sans Condensed', sans-serif;
}

.nav li a
{
background-color:#286090;
/*padding: 4px 8px 6px 8px;*/
border-left: 1px solid #fff;
text-decoration: none;
}

.nav li a:link { color: #fff; white-space: nowrap;
 }
.nav li a:visited { color: #fff; }

.nav li a:hover
{
color: #800;
background-color:#ffd010;
}

.picd {
  margin: 5px 25px;
	float: left;
	border:0px;
}

.pic {
	margin: 5px 5px 10px 25px;
	float: right;}
/*--------------*/

.content .panel {
box-shadow: 3px 3px 7px #777;
}
.h_bar {
background:#003399;
}
.h_bar a{
color:#FFF;
}

.footer {
clear:both;
background:#003399;
overflow:visible !important;
padding:1.1em;
}
.content h1{
color:#71A23E;
border-bottom:2px #003399 solid;
line-height:34px;
font-family: 'Fira Sans Extra Condensed', sans-serif;
}
.content h2{
color:#003399;
font-family: 'Fira Sans Extra Condensed', sans-serif;
}
.content img {	box-shadow: 3px 3px 7px #777;}

.sclear {
clear:both;
width:90%;
height:10px;
}

.bottom-foot {
background#003399;
}

.footer p {
line-height:1.3em;
color:#fdd;
margin-top:0px;
}
.footer a, .dexi-box a {
color:#aaf;
}
.footer a:hover, .dexi-box a:hover {
color:#fff !important;
}
.footer a:visited, .dexi-box a:visited {
color:#dad;
}
img {
	border:0px
}

.geo {
	font-size:85%; float:right; margin-top:20px;
}
.ic0 {
background-color:#286090;
font-size:16px;
	color:#FFFFFF;
}

.barrow {
position: fixed;
bottom: 25px;
right: 10px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}


    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.flag img {
margin-top:10px;margin-left:4px;
box-shadow: 3px 3px 7px #777;
}
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
.row {
	margin-bottom:20px;
}
#myCarousel {
margin:auto;	
}
th {
	background-color:#eee;
}
/**************************** desktop **************************************/
@media screen and (min-width: 799px) {

.container {
margin:auto;
padding:0px 0px;
width:900px !important;
background-color:#fff;
}
.header {
background-color:#33CCFF;
background:url("images/kox_beach1.jpg");
/**/
height:197px;
margin:auto;
overflow:visible !important;
width:900px;
}
.header-top{margin: auto; width:900px;height:240px;overflow:visible !important;}
.sitelogo{width:166px;height:117px;position:absolute;z-index:1;background:url("images/favx1.png");margin:40px 0 0 40px;}
.sitelogo2{width:500px;height:40px;
	font-size:50px;
margin:60px 0 0 240px;
color: white;
    text-shadow: 1px 1px 2px black, 0 0 20px yellow, 0 0 5px white;
    }
.sitelogo3{width:400px;height:40px;position:absolute;z-index:1;margin:125px 0 0 240px; font-size:28px; color:#fff;
text-shadow: 0px 2px 3px rgba(0,0,0,.3);}
/*.sitelogo4{width:366px;height:240px;position:absolute;z-index:1;background:url("images/kox_beach1.jpg");margin:0 0 0 534px;}*/

.h_bar {
width:900px;
margin: auto;

}
.h_bar a{
color:#FFF;
}
.content {
width:800px;
margin:0 40px 0 40px !important;
overflow:visible !important;
}
.content a img {
border:solid 1px #969696;
}

.content a:hover img {
border:solid 1px #dcdcdc;
}
.main-subcontent {
display:inline;
float:right;
overflow:visible !important;
width:180px;
margin:0 15px; 0 0;
}
.fb-like { width:550px;
}
.forma {
width:500px; margin-left:50px;
	
}
.bottom-foot {
width:900px;
margin:auto;	
}

.footer {
clear:both;
width:900px;
overflow:visible !important;
padding:1.1em;
margin: auto;
}
.footer:after,.main-subcontent div:after,.main-content div:after,.main-content:after, .apres:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.bili {
    color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
    font-size:20px;
}
}
/**************************** mobile ******************************************/
@media screen and (max-width: 799px) {
.container {
width:100%;
background-color:#fff;
padding:0;
border:0;
}
.header {
color:#303030;
margin-top:20px;
margin:0 auto;
padding:0px 0px;
background-color:#33CCFF ;
height:120px;
}
.header-top{width:100%;height:120px;overflow:visible !important;}
   .header-top{width:100%;height:100px;overflow:visible !important;}
.sitelogo{width:93px;height:66px;position:absolute;z-index:1;background:url("images/favx0.png");margin:20px 0 0 20px;}
.sitelogo2{width:230px;height:30px;margin:35px 0 0 120px; font-size:36px;
}
.sitelogo3{width:180px;height:26px;position:absolute;z-index:1;margin:84px 0 0 120px; font-size:14px; color:#fff;
text-shadow: 0px 2px 3px rgba(0,0,0,.3);}

.main-content {
overflow:visible !important;
margin:0 25px 0 25px;
}
.main-subcontent {
display:inline;
float:right;
width:200px;
overflow:visible !important;
margin:0 15px 0 0;
}
.fb-like { width:380px;
}
.bottom-foot {
width:90%;
margin:auto;	
}

.footer {
clear:both;
border-top:1px #888 solid;
margin:0 auto;
/*color:#464455;
height:80px;*/
width:100%;
padding:4px 0px;
text-align:center;
}
.forma {
	margin-left:0px;
}
}