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


body {
background-color: #91886F;
margin: 0;
padding:0;
color:#231f20;
font-family: 'Fira Sans', sans-serif;
/*font-size:100%;*/
}
q:lang(el)
{
quotes: "«" "»" "'" "'";
}
::-moz-selection { /* Code for Firefox */
  color: white;
  background: orange;
}

::selection {
  color: white;
  background: orange;
}
.label {padding: 8px; font-size:100%;}
.clear {
	clear:both;
}
.sitelogo2{position:absolute;z-index:1; 
	font-family: 'Fira Sans Condensed', sans-serif;
	font-weight:900;	
	font-style: medium;
/*	text-shadow: 2px 2px #000000;	*/
color:#8994a1;
}

h3 {
margin-top:30px;
	text-align: left;
	font-weight: bold;
	color: #76416c;
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:#DAE2EA;
border-bottom:thin;
margin-top:2px;
font-family: 'Fira Sans Condensed', sans-serif;
}

.nav li a
{
background-color:#7f93ab;
/*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:#bfe3fa;
}
.tb table {
	background-color:#FFFFFF;
}
.picd {
  margin: 5px 25px;
	float: left;
	border:0px;
}

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

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

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


/*.main-subcontent h4{
color:#3B3A25;
border-bottom:2px #3B3A25 solid;
line-height:26px;
}*/
.sclear {
clear:both;
width:90%;
height:10px;
}

.bottom-foot {
background:#E9E4E1;
}

.footer p {
line-height:1.3em;
color:#666;
margin-top:0px;
}
.footer a, .dexi-box a {
color:#aaf;
}
.footer a:hover, .dexi-box a:hover {
color:#669 !important;
}
.footer a:visited, .dexi-box a:visited {
color:#688;
}

.social {
    margin: 0;
    padding: 0;
}

.social ul {
    margin: 0;
    padding: 5px;
}

.social ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}
.social i {
    width: 40px;
    height: 40px;
    color: #FFF;
    background-color: #909AA0;
    font-size: 22px;
    text-align:center;
    padding-top: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social i:hover {
    color: #FFF;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}
.social .fa-facebook:hover {
    background: #4060A5;
}

.social .fa-twitter:hover {
    background: #00ABE3;
}

.social .fa-google-plus:hover {
    background: #e64522;
}
.social .fa-linkedin:hover {
    background: #0094BC;
}
.social .fa-youtube:hover {
    background: #FF1F25;
}

.social .fa-instagram:hover { 
    background: #375989;
}
.social .fa-rss:hover {
    background: #e88845;
}

.social .fa-youtube-play:hover {
    background: #DF192A;
}
img {
	border:0px
}

.geo {
	font-size:85%; float:right; margin-top:20px;
}
.ic0 {
background-color:#3B3A25;
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;
}

/**************************** desktop **************************************/
@media screen and (min-width: 799px) {
body {
/*background-image: url(images/farmakas1.jpg);
background-image: url(images/summer2.jpg);*/
background-repeat: no-repeat;
background-attachment: fixed;
background-color:#DAE2EA;
 height: 100%;
  background-position: center;
  background-size: cover;
}

.container {
width:900px;
background-color:#fff;
padding:0;
border:0;
}
.header {
background-color:#C6D1DE;
/**/
height:240px;
margin:auto;
overflow:visible !important;
width:900px;
}
.header-top{margin: auto; width:900px;height:240px;overflow:visible !important;}
.sitelogo{width:114px;height:76px;position:absolute;z-index:1;background:url("images/ak2.png");margin:80px 0 0 40px;}
.sitelogo1{width:145px;height:240px;position:absolute;z-index:1;background:url("images/lola.jpg");margin:0px 0 0 755px;}
.sitelogo2{width:600px;height:40px;	font-size:50px;margin:75px 0 0 180px;}
.sitelogo3{width:400px;height:40px;position:absolute;z-index:1;margin:160px 0 0 380px; font-size:30px; color:#8994a1;
/*text-shadow: 0px 2px 3px rgba(0,0,0,.3);*/
}

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

}
.h_bar a{
color:#FFF;
}
.main img {
clear:both;
padding:1px;
}

.main img.center {
clear:both;
float:none;
border:1px solid #969696;
margin:0;
padding:1px;
}
.main-content {
/*display:inline;*/
float:left;
width:600px;
overflow:visible !important;
margin:0 0 0 30px;
}

.main-content a img {
border:solid 1px #969696;
}

.main-content a:hover img {
border:solid 1px #dcdcdc;
}
.main-subcontent {
display:inline;
float:right;
width:200px;
overflow:visible !important;
margin:0 15px 0 0;
}
.bottom-foot {
width:900px;
margin:auto;	
}
.forma {
	background-color:#ECECEC;
width:600px;
 margin-left:20px;
 padding:40px;
 box-shadow: 3px 3px 7px #777;
}

.footer {
clear:both;
width:900px;
overflow:visible !important;
padding:1.1em;
margin: auto;
}
.footer:after,.main-subcontent:after,.main-content div:after,.main-content:after, .apres:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

}
/**************************** 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:#C6D1DE;
height:120px;
}
.header-top{width:100%;height:100px;overflow:visible !important;}
.sitelogo{width:79px;height:60px;position:absolute;z-index:1;background:url("images/ak2-s.png");margin:25px 0 0 10px;}
.sitelogo1{width:60px;height:100px;position:absolute;z-index:1;background:url("images/lola-s.jpg");margin:0px 0 0 400px;}
.sitelogo2{width:320px;height:30px;margin:34px 0 0 100px; font-style:oblique; letter-spacing:1px; font-size:28px;
}
.sitelogo3{width:300px;height:26px;position:absolute;z-index:1;margin:74px 0 0 100px; font-size:12px; color:#8994a1;
/*text-shadow: 0px 2px 3px rgba(0,0,0,.3);*/
}

.main-content {
overflow:visible !important;
margin:0 25px 0 25px;
}
.main-subcontent {
margin:0 30px 0 30px;
}
.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:10px;
/*	background-color:#ececec;*/
	padding:5px 5px;
	width:100%;
}
}