.overlay {
position: fixed;
width: 100%;
height: 100%;
z-index: 1000;
top: 0;
left: 0; background: rgba(5,102,178,0.8);
font-family:Arial, Helvetica, sans-serif;
} .overlay .overlay-close {
width: 58px;
height: 58px;
position: absolute;
right: 20px;
top: 20px;
overflow: hidden;
border: none;
background: url(//www.primemarketing.gr/_includes/menu/img/cross.png) no-repeat top left;
text-indent: 200%;
color: transparent;
outline: none;
z-index: 100;
}
.overlay .overlay-close:hover {
background: url(//www.primemarketing.gr/_includes/menu/img/cross.png) no-repeat -58px 0px;
} .overlay nav {
text-align: center;
position: relative;
top: 50%; font-size: 1.6em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.overlay ul {
list-style: none;
padding: 0;
margin: 0 auto;
display: inline-block;
height: 100%;
position: relative;
}
.overlay ul li {
display: block; }
.overlay ul li a {
font-weight: 300;
display: block;
color: #fff;
-webkit-transition: color 0.2s;
transition: color 0.2s;
text-decoration:none;
padding-bottom:15px;
}
.overlay ul li a:hover,
.overlay ul li a:focus {
color: #272361;
} .overlay-hugeinc {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-hugeinc.open {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.overlay-hugeinc nav {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.overlay-hugeinc nav ul {
opacity: 0.4;
-webkit-transform: translateY(-25%) rotateX(35deg);
transform: translateY(-25%) rotateX(35deg);
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
transition: transform 0.5s, opacity 0.5s;
}
.overlay-hugeinc.open nav ul {
opacity: 1;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.overlay-hugeinc.close nav ul {
-webkit-transform: translateY(25%) rotateX(-35deg);
transform: translateY(25%) rotateX(-35deg);
}
.overlay .overlay-close, .overlay-open  {
-webkit-appearance: button;
cursor: pointer;
}
#nav-btn {
float: right;
width: 35px;
height: 35px;
cursor: pointer;
position: relative;
padding: 18px 20px 15px;
margin-right: 20px;
margin-top: 22px;
cursor: pointer;
}
#pipeSet {
width: 100%;
height: 100%;
display: block;
}
.csstransitions #pipeSet .pipe {
width: 100%;
background: #0566b2;
height: 5px;
margin-bottom: 5px;
}
#pipe-bottom {
margin-bottom: 0;
}
@media screen and (max-height: 30.5em) {
.overlay nav {
height: 70%;
font-size: 34px;
}
.overlay ul li {
min-height: 34px;
}
}
@media only screen and (max-width: 1050px) {
#nav-btn {
float: none;
margin-top:0px;
}
}