/* DESIGNED AND DEVELOPED BY ANDREAS ZORPIDIS */
/* ANDREASZORPIDIS.COM */

/* Smooth scroll */
 html{
     scroll-behavior:smooth !important;
}
html, body { height: 100% }
/* Artwork BEGIN */

/* body{
     background-size: cover;
}
 .parallax {
     perspective: 300px;
     height: 100vh;
     width: auto;
     overflow-x: hidden;
     overflow-y: auto;
}
 */
 #main-slideshow {
    /* font: normal bold 18px / 22px "Roboto", Helvetica, Arial, Verdana, sans-serif; */
    font: bold 18px / 22px Comfortaa !important;
}
 .parallax__group {
     position: relative;
     height: calc(100vh - 185px);
     width: 100vw;
     transform-style: preserve-3d;
}

@media screen and (max-width: 775px){
 .parallax__group {
     height: calc(100vh - 350px);
}
}
 .parallax__layer {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     bottom: 0;
}
 .sand {
     background: url('../img/sand.svg') no-repeat center;
     background-size: cover;
    /* transform: translateZ(-600px) scale(3);
     */
     z-index: 1;
}
 .turtle {
    background: url('../img/turtle.svg') no-repeat center;
    background-size: cover;
    transform: translateZ(59px) scale(0.7);
    z-index: 2;
}
 .turtlelink{
     z-index: 6;
}
 .grass {
    background: url(../img/grass.svg) bottom no-repeat;
    background-size: cover;
    margin-bottom: 69px;
    z-index: 7;
}
 .wave1 {
     background: url('../img/wave1.svg') no-repeat center;
     background-size: cover;
     transform: translateZ(50px) scale(1);
     z-index: 3;
     animation-delay: 1s;
     left: -10px;
}
 .wave2 {
     background: url('../img/wave2.svg') no-repeat center;
     background-size: cover;
     transform: translateZ(10px) scale(1);
     z-index: 4;
     animation-delay: 0.5s;
}
 .wave3 {
     background: url('../img/wave3.svg') no-repeat center;
     background-size: cover;
     transform: translateZ(200px) scale(0.5);
     z-index: 5;
}
 .wave1, .wave2, .wave3 {
     animation-name: waveinimation;
     animation-duration: 7s;
     animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
     -webkit-animation-iteration-count: infinite;
     -o-animation-iteration-count: infinite;
}
 @keyframes waveinimation {
     0% {
         transform: translate(0px, -50px);
    }
     50% {
         transform: translate(0px, 0px);
    }
     100% {
         transform: translate(0px, -50px);
    }
}
/* Artwork END */
/* Artwork fixes begin */
 @media only screen and (min-width: 1800px){
     .turtle {
         transform: scale(0.3);
         margin:-100vh;
    }
}
/* Artwork fixes end */
/* Slogan css begin */
 .hero-text{
     z-index: 10;
}
 #holder{
     position: relative;
     width: 100vw;
     margin: 45vh auto;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
    /* height: 100vh;
     */
     margin-left: 10vw;
}
 #slogans{
     position: relative;
     top: 0px;
     right: 0px;
}
 p.slogan{
     text-rendering: optimizeLegibility;
     margin: 0px;
     font-size: 5rem;
     text-transform: uppercase;
}
 p.slogan strong{
     display:block;
     position:relative;
     opacity:0;
}
/* Slogan css end */
/* Slogan fixes begin */
 @media only screen and (min-width: 320px) and (max-width: 479px){
     p.slogan {
         font-size: 2rem !important;
    }
     #holder{
         margin: 25vh 10vw !important;
    }
}
 @media only screen and (min-width: 480px) and (max-width: 767px){
     p.slogan {
         font-size: 3rem !important;
    }
     #holder{
         margin: 30vh 10vw !important;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px){
     p.slogan {
         font-size: 4rem !important;
    }
     #holder{
         margin: 35vh 10vw !important;
    }
}
 @media only screen and (min-width: 991px) and (max-width: 1279px){
     p.slogan {
         font-size: 4rem !important;
    }
     #holder{
         margin: 35vh 10vw !important;
    }
}
/* Slogan fixes end */


/* custom-header settings begin */
  .home .custom-header{
    display: none;
  }
.custom-header-logo {
    height: 140px;
    background: url(../img/logo.png) top no-repeat;
    text-indent: -9999px;
    /* margin-bottom: -20px; */
    background-size: 295px;
}
  .custom-header-logo:hover{background-position-y: 100%;}
.custom-header {
    background: url(../img/bg.svg) bottom no-repeat;
    background-size: cover;
    background-position-y: 99%; /* get it a bit down to eliminate gaps */
    padding: 15px 15px 50px 15px;
}
/* custom-header settings end */






/* Cookie Settings Begin */
.cookie-bar-content{
    display:flex;
     padding:25px 50px;
     overflow-y:scroll;
}
 .cookie-bar-container{
    background:rgba(33,41,52,.85)!important;
    bottom:0!important;
    display:flex!important;
    left:0!important;
    opacity:0;
    overflow-y:scroll;
    position:fixed!important;
    right:0!important;
    top:0!important;
    transition:opacity .15s ease;
    visibility:hidden;
    will-change:visibility,opacity;
    z-index:2147483647!important;
    transition:background .6s;
    -webkit-transition:background .6s;
}
 .cookie-bar{
    background-color:#fff;
    bottom:0;
    box-sizing:border-box;
    color:#fff;
    font-family:Arial,Verdana,sans-serif;
    justify-content:space-between;
    left:0;
    max-height:100vh;
    min-height:300px!important;
    opacity:0;
    overflow-x:hidden;
    overflow-y:scroll;
    position:fixed;
    right:0;
    visibility:hidden;
    will-change:visibility,opacity;
    -webkit-font-smoothing:antialiased;
}
 .cookie-title{
    color:#fff;
    font-size:34px;
    font-weight:700;
    line-height:41px;
    margin:0 0 24px;
}
 .cookie-main-messaging{
    font-size:14px;
    font-weight:400;
    line-height:21px;
    margin:0;
    -webkit-font-smoothing:antialiased;
}
 .cookie-main-messaging,.cookie-title{
    color:#000!important;
}
 .cookie-buttons{
    display:flex!important;
    align-content:center;
    flex-direction:column;
    justify-content:center;
    padding-left:60px;
}
 .cookie-buttons{
    min-width:315px!important;
}
 @media screen and (max-width:850px){
    .cookie-bar-content{
        flex-wrap:wrap;
    }
    .cookie-initial-info{
        width:100%;
    }
    .cookie-buttons{
        width:100%;
        padding:60px 0 0;
    }
    .cookie-buttons{
        width:100%;
    }
}
 .cookie-showing{
    opacity:1;
    visibility:visible;
}
 .cookie-showing {
    overflow: hidden;
}
 .cookie-bar-content {
    overflow: hidden;
}

 #cookie-law-info-again:hover {
    color: #fff !important;
    background: #cecece !important;
}
 #cookie-law-info-again {
    bottom: 19px !important;
    box-shadow: #16161600 2px 2px 5px 2px !important;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    color: #ffffff !important;
    background: #38383814 !important;
    border: #ffffff 2px solid;
    font-weight: 400;
    padding: 0px 10px !important;
    font-size: 15px;
}
 #cookie-law-info-bar {
    text-align:left;
    float:left;
}

#cookie_action_close_header, #cookie_action_close_header_reject {
    font-weight: bold;
    background-color: #000;
    border: 2px solid #000;
    border-radius: 3px;
    font-weight: bold;
    background-color: #000;
    border: 2px solid #000;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    float: right;
     padding: 18px 60px;
}
/* Cookie Settings End */


 @media only screen and (min-width: 0px) and (max-width: 1200px){
    .screenHeightPassed{
    right: 70px !important;
}
.screenHeightNotPassed{
    right: 139px !important;
}
}
 @media only screen and (min-width: 1200px){
.screenHeightPassed{
    right: 70px !important;
}
    .screenHeightNotPassed{
    right: 85px !important;
}
}



.screenBottomReached{
    display:none;
}