/* Enter Your Custom CSS Here */
/* EBOXNET.com Web Design / Development */
.a1 {
  height:auto;
 -webkit-mask-box-image: url(/wp-content/uploads/images-gama/a1.svg)0;
  mask-border: url(http://eboxnet.com/lemonis/a1.svg)0;
 
}
.a2 {
  height:auto;
  -webkit-mask-box-image: url(/wp-content/uploads/images-gama/a2.svg) 0;
 
}
.a3 {
  height:auto;
  -webkit-mask-box-image: url(/wp-content/uploads/images-gama/a3.svg) 0;
 
}

#top-header {
background:#3b3f42 !important;
  text-align:right !important;
  color:#fff !important;
}
.customtop {
}

.spinme:hover {

    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } 
}
.cloud-body {
 overflow:hidden !important; 
}
.clouds {
    width:80%!important;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

[class^="cloud-"] {
	position: absolute;
	right: 220%;
	width: 200px;
  height: 60px;
	background: #fff;
	-webkit-border-radius: 200px;
	        border-radius: 200px;
}

[class^="cloud-"]:before,
[class^="cloud-"]:after {
	content: '';
	position: absolute;
  top: -15px;
  left: 10px; 
	width: 100px;
  height: 80px;
	background: #fff;
  -webkit-border-radius: 100px;
	        border-radius: 100px;
	-webkit-transform: rotate(30deg);
     -moz-transform: rotate(30deg);
	        transform: rotate(30deg);
}

[class^="cloud-"]:after {
  top: -55px;
  left: auto;
  right: 15px;
	width: 120px;
  height: 120px;
}

.cloud-1 {
	top: 50px;
	-webkit-animation: moveclouds 30s linear infinite;
	   -moz-animation: moveclouds 30s linear infinite;
	     -o-animation: moveclouds 30s linear infinite;
	        animation: moveclouds 30s linear infinite;
}

.cloud-2 {
	top: 100px;
  opacity: 0.8;
  -webkit-transform: scale(0.8);
	   -moz-transform: scale(0.8);
	        transform: scale(0.8);
	-webkit-animation: moveclouds 45s linear infinite;
	   -moz-animation: moveclouds 45s linear infinite;
	     -o-animation: moveclouds 45s linear infinite;
	     	  animation: moveclouds 45s linear infinite;
	-webkit-animation-delay: 5s;
     -moz-animation-delay: 5s;
          animation-delay: 5s;
}

.cloud-3 {
	top: 150px;
  opacity: 0.6;
  -webkit-transform: scale(0.6);
	   -moz-transform: scale(0.6);
	        transform: scale(0.6);
	-webkit-animation: moveclouds 40s linear infinite;
	   -moz-animation: moveclouds 40s linear infinite;
	     -o-animation: moveclouds 40s linear infinite;
	        animation: moveclouds 40s linear infinite;
}

.cloud-4 {
	top: 200px;
  opacity: 0.75;
  -webkit-transform: scale(0.75);
	   -moz-transform: scale(0.75);
	        transform: scale(0.75);
	-webkit-animation: moveclouds 26s linear infinite;
	   -moz-animation: moveclouds 26s linear infinite;
	     -o-animation: moveclouds 26s linear infinite;
	        animation: moveclouds 26s linear infinite;
	-webkit-animation-delay: 8s;
     -moz-animation-delay: 8s;
          animation-delay: 8s;
}

@-webkit-keyframes moveclouds {
	0%   { right: -20%; }
	100% { right: 120%; }
}
@-moz-keyframes moveclouds {
	0%   { right: -20%; }
	100% { right: 120%; }
}
@-o-keyframes moveclouds {
	0%   { right: -20%; }
	100% { right: 120%; }
}
.page-id-37 #main-header {
display:none;
}
.page-id-37 #main-footer {
display:nones;
}
#main-footer {
display:none;
}


.ouranos {
  height: 200px !important;
  margin: 0; padding: 0;
  background: #2D2E2F;
  overflow: hidden;
}
.sky-gradient {
  float: left;
  width: 4%; height: 100%;
  opacity: .7;
}
.sky-gradient:hover {
  opacity: 1 !important;
}
.sky-gradient:active {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    opacity: 1;
    z-index: 99;
}

/* Gradients */
.sky-gradient-00, .sky-gradient-24 { background: #00000c; }
.sky-gradient-01 { background: linear-gradient(to bottom, #020111 85%,#191621 100%); }
.sky-gradient-02 { background: linear-gradient(to bottom, #020111 60%,#20202c 100%); }
.sky-gradient-03 { background: linear-gradient(to bottom, #020111 10%,#3a3a52 100%); }
.sky-gradient-04 { background: linear-gradient(to bottom, #20202c 0%,#515175 100%); }
.sky-gradient-05 { background: linear-gradient(to bottom, #40405c 0%,#6f71aa 80%,#8a76ab 100%); }
.sky-gradient-06 { background: linear-gradient(to bottom, #4a4969 0%,#7072ab 50%,#cd82a0 100%); }
.sky-gradient-07 { background: linear-gradient(to bottom, #757abf 0%,#8583be 60%,#eab0d1 100%); }
.sky-gradient-08 { background: linear-gradient(to bottom, #82addb 0%,#ebb2b1 100%); }
.sky-gradient-09 { background: linear-gradient(to bottom, #94c5f8 1%,#a6e6ff 70%,#b1b5ea 100%); }
.sky-gradient-10 { background: linear-gradient(to bottom, #b7eaff 0%,#94dfff 100%); }
.sky-gradient-11 { background: linear-gradient(to bottom, #9be2fe 0%,#67d1fb 100%); }
.sky-gradient-12 { background: linear-gradient(to bottom, #90dffe 0%,#38a3d1 100%); }
.sky-gradient-13 { background: linear-gradient(to bottom, #57c1eb 0%,#246fa8 100%); }
.sky-gradient-14 { background: linear-gradient(to bottom, #2d91c2 0%,#1e528e 100%); }
.sky-gradient-15 { background: linear-gradient(to bottom, #2473ab 0%,#1e528e 70%,#5b7983 100%); }
.sky-gradient-16 { background: linear-gradient(to bottom, #1e528e 0%,#265889 50%,#9da671 100%); }
.sky-gradient-17 { background: linear-gradient(to bottom, #1e528e 0%,#728a7c 50%,#e9ce5d 100%); }
.sky-gradient-18 { background: linear-gradient(to bottom, #154277 0%,#576e71 30%,#e1c45e 70%,#b26339 100%); }
.sky-gradient-19 { background: linear-gradient(to bottom, #163C52 0%,#4F4F47 30%,#C5752D 60%,#B7490F 80%, #2F1107 100%); }
.sky-gradient-20 { background: linear-gradient(to bottom, #071B26 0%,#071B26 30%,#8A3B12 80%,#240E03 100%); }
.sky-gradient-21 { background: linear-gradient(to bottom, #010A10 30%,#59230B 80%,#2F1107 100%); }
.sky-gradient-22 { background: linear-gradient(to bottom, #090401 50%,#4B1D06 100%); }
.sky-gradient-23 { background: linear-gradient(to bottom, #00000c 80%,#150800 100%); }


.fullare {
height:960px !important;
}


.page-id-2202 header {display: none !important;}
.page-id-2202 footer {display: none !important;}
.page-id-2202 #top-header {display: none !important;}

.page-id-2221 header {display: none !important;}
.page-id-2221 footer {display: none !important;}
.page-id-2221 #top-header {display: none !important;}




/* ASTERIA */
body {
  background: #000;
  min-height: 2000px;
  overflow-x: hidden;
}
div.star {
  position: absolute;
  animation: pulse 6s;
  animation-iteration-coint: infinite;
  animation-delay: 0s;
  -webkit-animation: pulse 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  top: 100px;
  left: 100px;
}
div.star:nth-child(2) {
  animation: pulse 10s;
  animation-iteration-coint: infinite;
  animation-delay: 0s;
  -webkit-animation: pulse 10s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  top: 120px;
  left: 80%;
}
div.star:nth-child(3) {
  animation: pulse 4s;
  animation-iteration-coint: infinite;
  animation-delay: 0s;
  -webkit-animation: pulse 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  top: 100px;
  left: 15%;
}
div.star:nth-child(4) {
  animation: pulse 6s;
  animation-iteration-coint: infinite;
  animation-delay: 0s;
  -webkit-animation: pulse 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  top: 250px;
  left: 35%;
}
div.star:nth-child(5) {
  animation: pulse 12s;
  animation-iteration-coint: infinite;
  animation-delay: 0s;
  -webkit-animation: pulse 12s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  top: 200px;
  left: 20%;
}
div.star:nth-child(6) {
  animation: pulse 8s;
  animation-iteration-coint: infinite;
  animation-delay: 0s;
  -webkit-animation: pulse 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  top: 150px;
  left: 50%;
}
div.star div {
  width: 20px;
  height: 20px;
  background-color: white;
  -webkit-filter: blur(8px);
  transform: rotate(45deg);
}
div.star div::before,
div.star div::after {
  position: absolute;
  content: " ";
  width: 50px;
  height: 5px;
  top: 7px;
  left: -16px;
  background-color: white;
}
div.star div::before {
  -webkit-filter: blur(1px);
  transform: rotate(45deg);
}
div.star div::after {
  width: 50px;
  height: 20px;
  left: -12px;
  top: 3px;
  -webkit-filter: blur(50px);
  transform: rotate(-45deg);
}
div.star div:nth-child(2) {
  margin-top: -20px;
  transform: rotate(-60deg);
}
div.cloudss div {
  position: absolute;
  top: 1500px;
  width: 150%;
  left: -25%;
  height: 250px;
  background: -webkit-linear-gradient(lightblue, #666666);
  background: -o-linear-gradient(lightblue, #666666);
  background: -moz-linear-gradient(lightblue, #666666);
  background: linear-gradient(lightblue, #666666);
  filter: blur(15px);
  -webkit-filter: blur(15px);
  border: 25px solid white;
  border-width: 0px 0px 25px 0px;
  box-shadow: 10px 10px 20px rbga(0, 0, 0, 1);
  opacity: .5;
}
div.cloudss div:nth-child(1) {
  animation: moving 20s;
  animation-iteration-coint: infinite;
  animation-delay: 0s;
  -webkit-animation: moving 20s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  top: 1500px;
  bottom: 0px;
}
div.cloudss div:nth-child(2) {
  animation: moving 16s;
  animation-iteration-coint: infinite;
  animation-delay: 8s;
  -webkit-animation: moving 16s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 8s;
  top: 1450px;
  bottom: 0px;
}
div.cloudss div:nth-child(3) {
  animation: moving 12s;
  animation-iteration-coint: infinite;
  animation-delay: 0s;
  -webkit-animation: moving 12s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0s;
  top: 1400px;
  bottom: 0px;
}
div.cloudss div:nth-child(4) {
  animation: moving 24s;
  animation-iteration-coint: infinite;
  animation-delay: 2s;
  -webkit-animation: moving 24s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 2s;
  top: 1390px;
  bottom: 0px;
}
div.cloudss div:nth-child(5) {
  animation: moving 20s;
  animation-iteration-coint: infinite;
  animation-delay: 5s;
  -webkit-animation: moving 20s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 5s;
  top: 1520px;
  bottom: 0px;
}
div.cloudss div:nth-child(6) {
  animation: moving 18s;
  animation-iteration-coint: infinite;
  animation-delay: 1s;
  -webkit-animation: moving 18s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
  top: 1480px;
  bottom: 0px;
}
div.cloudss div:nth-child(7) {
  animation: moving 25s;
  animation-iteration-coint: infinite;
  animation-delay: 7s;
  -webkit-animation: moving 25s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 7s;
  top: 1460px;
  bottom: 0px;
}
div.cloudss2 div {
  position: absolute;
  top: 0px;
  width: 350px;
  height: 200px;
  background: -webkit-linear-gradient(lightblue, lightblue, grey);
  background: -o-linear-gradient(lightblue, lightblue, grey);
  background: -moz-linear-gradient(lightblue, lightblue, grey);
  background: linear-gradient(lightblue, lightblue, grey);
  border-radius: 100%;
  opacity: 0;
  filter: blur(20px);
  -webkit-filter: blur(20px);
  box-shadow: 5px 0px 50px white;
}
div.cloudss2 div::before,
div.cloudss2 div::after {
  position: relative;
  width: 200px;
  height: 100px;
  content: " ";
  display: block;
  left: -80px;
  top: 100px;
  border-radius: 100%;
  background: -webkit-linear-gradient(white, grey);
  background: -o-linear-gradient(white, grey);
  background: -moz-linear-gradient(white, grey);
  background: linear-gradient(white, grey);
  box-shadow: 5px 0px 50px white;
}
div.cloudss2 div::after {
  left: 200px;
  height: 80px;
  width: 300px;
  top: -50px;
}
div.cloudss2 div:nth-child(1) {
  animation: moving2 31s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation: moving2 31s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  left: 175px;
  top: 1020px;
}
div.cloudss2 div:nth-child(2) {
  animation: moving2 25s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation: moving2 25s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  left: 100px;
  top: 1020px;
}
div.cloudss2 div:nth-child(3) {
  animation: moving2 28s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation: moving2 28s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  left: 150px;
  top: 1130px;
}
div.cloudss2 div:nth-child(4) {
  animation: moving2 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation: moving2 20s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  left: 200px;
  top: 1100px;
}
div.cloudss2 div:nth-child(5) {
  animation: moving2 35s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation: moving2 35s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  left: 125px;
  top: 1050px;
}
div.cloudss2 div:nth-child(6) {
  animation: moving2 22s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation: moving2 22s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  left: 150px;
  top: 1050px;
}
div.cloudss2 div:nth-child(7) {
  animation: moving2 28s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation: moving2 28s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  left: 225px;
  top: 1075px;
}
div.cloudss2 div:nth-child(8) {
  animation: moving2 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation: moving2 30s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  left: 505px;
  top: 1160px;
}
div.cloudss2 div:nth-child(9) {
  animation: moving2 25s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation: moving2 25s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  left: 375px;
  top: 1140px;
}
div.cloudss2 div:nth-child(10) {
  animation: moving2 21s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation: moving2 21s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  left: 525px;
  top: 1070px;
}
div.cloudss2 div:nth-child(11) {
  animation: moving2 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation: moving2 20s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  left: 375px;
  top: 1050px;
}
div.cloudss2 div:nth-child(12) {
  animation: moving2 25s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation: moving2 25s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  left: 275px;
  top: 1060px;
}
@-webkit-keyframes moving2 {
  0% {
    margin-left: 0%;
    opacity: 0;
  }
  10% {
    opacity: 0.6;
  }
  100% {
    margin-left: 100%;
  }
}
@keyframes moving2 {
  0% {
    margin-left: 0%;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    margin-left: 100%;
  }
}
@-webkit-keyframes moving {
  0% {
    left: -25%;
    transform: rotateY(0deg);
    -webkit-transform: rotate(0deg);
  }
  50% {
    left: 0%;
    transform: rotateY(7deg);
    -webkit-transform: rotate(7deg);
  }
  100% {
    left: -25%;
    transform: rotateY(0deg);
    -webkit-transform: rotate(0deg);
  }
}
@keyframes moving {
  0% {
    transform: rotateY(0deg);
    -webkit-transform: rotate(0deg);
  }
  50% {
    transform: rotateY(7deg);
    -webkit-transform: rotate(7deg);
  }
  100% {
    transform: rotateY(0deg);
    -webkit-transform: rotate(0deg);
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: scale(0.4);
    opacity: .5;
  }
  20% {
    transform: scale(0.2);
  }
  50% {
    transform: scale(0.4);
    opacity: 1;
  }
  70% {
    transform: scale(0.2);
  }
  100% {
    transform: scale(0.4);
    opacity: .5;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.4);
    opacity: .5;
  }
  20% {
    transform: scale(0.2);
  }
  50% {
    transform: scale(0.4);
    opacity: 1;
  }
  70% {
    transform: scale(0.2);
  }
  100% {
    transform: scale(0.4);
    opacity: .5;
  }
}
.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
padding-top:25px!important;
  padding-bottom:25px!important;
}

#top-menu li, .fullwidth-menu li {
    padding-left: 22px;
      margin-top: -22px;
}
#top-menu > li:last-child, .fullwidth-menu > li:last-child {
    padding-right: 22px;
}

#menu-menu_1 li, .fullwidth-menu li {
    padding-top: 22px!important;
      margin-top: -22px;
}
#menu-menu_1 > li:last-child, .fullwidth-menu > li:last-child {
    padding-right: 22px!important;
}

/* STATHMOS */

.menu-item-2604 {
  border-bottom: 4px solid #ea1d2c; }
.menu-item-2604:hover{ 
  background:#ea1d2c;}

.page-id-2284 .menu-item-2604 {
background:#ea1d2c;
}
.page-id-2284 .menu-item-2604 a{
color:#fff!important;
}

/* STATHMOS */

/* CONTACT */

.menu-item-2603 {
  border-bottom: 4px solid #75d0f4;
}
.menu-item-2603:hover{ 
  background:#75d0f4;
}

.page-id-2355 .menu-item-2603 {
background:#75d0f4;
}
.page-id-2355 .menu-item-2603 a{
color:#fff!important;
}

/* CONTACT */

/* TMHMATA */
.menu-item-2602 {
  border-bottom: 4px solid #bed53f; }
.menu-item-2602:hover{ 
  background:#bed53f;}

.page-id-2517 .menu-item-2602 {
background:#bed53f;
}
.page-id-2517 .menu-item-2602 a{
color:#fff!important;
}


/* TMHMATA */

/* PAROXES */

.menu-item-2650 {
  border-bottom: 4px solid #19b38e; }
.menu-item-2650:hover{ 
  background:#19b38e;}

.page-id-2625 .menu-item-2650 {
background:#19b38e;
}
.page-id-2625 .menu-item-2650 a{
color:#fff!important;
}
/* PAROXES */

.menu-item-2651 {
  border-bottom: 4px solid #fdca2d; }
.menu-item-2651:hover{ 
  background:#fdca2d;}

/* EGKATASTASEIS */
.menu-item-2654 {
  border-bottom: 4px solid #f2812e; }
.menu-item-2654:hover{ 
  background:#f2812e;}

.page-id-2807 .menu-item-2654 {
background:#f2812e;
}
.page-id-2807 .menu-item-2654 a{
color:#fff!important;
}

.page-id-2608 .menu-item-2651 {
background:#fdca2d;
}
.page-id-2608 .menu-item-2651 a{
color:#fff!important;
}

/* EGKATASTASEIS */

/* EKDILOSEIS */

.menu-item-2662 {
  border-bottom: 4px solid #b1228c; }
.menu-item-2662:hover{ 
  background:#b1228c;}

.page-id-2656 .menu-item-2662 {
background:#b1228c;
}
.page-id-2656 .menu-item-2662 a{
color:#fff!important;
}

/* EKDILOSEIS */

@media screen and (max-width: 980px) {
	.home {margin-top: -80px!important;}
  .a1, .a2, .a3 { -webkit-mask-box-image: none }
    
	}

.et_pb_text_11 a {color:#666!important;}
 .et_pb_row .et_pb_row_6 a {color:black!important;}

@media screen and (max-width:1140px) and (min-width:990px) {
  .et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {font-size:74%!important;}

}

.foom {color:black!important;}