/*
Theme Name: HTML5 Blank Child
Theme URI: http://html5blank.com
Template: html5blank-stable
Author: Todd Motto (@toddmotto)
Author URI: http://toddmotto.com
Description: HTML5 Blank WordPress Theme
Tags: Blank,HTML5,CSS3
Version: 1.4.3.1610982154
Updated: 2021-01-18 15:02:34
*/


@font-face {
    font-family:Cera Pro Regular;
    src: url(/wp-content/themes/html5blank-stable-child/fonts/cerapro-regular.ttf);
}

@font-face {
    font-family:Cera Pro Bold;
    src: url(/wp-content/themes/html5blank-stable-child/fonts/cerapro-bold.otf);
}

h1,h2,h3,h4{
font-family:Cera Pro Bold;
    line-height: 1em;
}

text-center{
    text-align:center;
}

#intro-text-oly {
    text-align: center;
}

#intro-text-oly h1 {
    font-size: 40px;
    margin-bottom: 0;
}

#intro-text-oly h2{
    font-size:55px;
}

#intro-text-oly h2 strong{
    color:#00b3e9;
}

li.astm-search-menu.is-menu.popup.menu-item {
    display: none;
}

.ult-content-box-container.banner-inner .ult-content-box {
    height: 567px;
    border-radius: 20px;
    padding: 63px;
    color: #fff;
    box-shadow: 0px 3px 20px #00000012 !important;
    position: relative;
    width: 431px;
}

#medi-inner {
    padding: 0 135px;
}

li,a,input.wpcf7-form-control.wpcf7-submit.has-spinner{
    font-family:Cera Pro Regular;
}
p{
    font-family:Cera Pro Regular;
    font-size:18px;
    color:#000;
    line-height: 1.1em;
}

.wpcf7-response-output {
    font-size: 18px;
    font-family:Cera Pro Regular;
}

/*** top header ****/
.header {
    background: #000;
    padding: 10px 56px;
}

.logo img {
    width: 100%;
}

.logo {
    display: flex;
    align-items: center;
}

/************   main nav ****************/

.main-navigation-ctm {
    display: flex;
    justify-content: end;
    align-items: center;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    padding: 20px 10px 10px 40px;
    font-size: 20px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 999;
    position: absolute;
    width: 316px;
    max-width: none;
    padding: 0;
    border: 0;
    background:#222766d4;
    border-radius: 0;
    margin-top: 17px;
    right: -81px;
}


.nav{
    float:right;
}

.banner-tlt h2,#video-section-home h3,#slider-home h3,#digi-intro h3,#digi-intro h3,#paketa-detailed h2{
    font-size:50px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{
    font-family:Cera Pro Regular;
    font-size:16px;
    margin:0 5px;
    color:#fff;
    transition: .2s;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover{
    color:#00b3e9;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
    color:#fff;
}

.sticky {
    position: fixed!important;
    top: 0;
    width: 100%;
    transition: .35s ease-out;
    box-shadow: 0 2px 2px 0 #8080802e;
    z-index: 9999999;
    left:0;

}



/* sticky on scroll top */
/*
.nav-up {
    top: -115px;
}

.nav-down{
    background: #fff;
    transition: .8s ease-out;
    animation: fadeIn 3s;
}

.nav-up{
    transition: .35s ease-out;
    animation: fadeIn 3s;
}

 */


/***** back to top button ****/

a.single:after,.single:after {
    content: "";
    display: block;
    height: 1px;
    z-index: 1;
    position: relative;
    background: #fff;
}

a.single,.single{
    width: fit-content;
    display: block;
    color: #fff;
    font-size: 20px;
    position: absolute;
    bottom: 0;
    padding-bottom: 30px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ult-content-box-container.banner-inner:hover .single {
    color: #19abe2;
}

.ult-content-box-container.banner-inner:hover .single:after {
    color: #19abe2;
}

.topbutton {
    height: 42px;
    width: 42px;
    position: fixed;
    right: 2%;
    bottom: 300px;
    Z-index: 99999;
    background-color: #ffffff;
    display: none;
    text-align: center;
    padding-top: 9px;
    border: 1px solid #19abe2;
    border-radius: 50%;
}

#medi-intro {
    padding: 0;
}

#medi-intro .vc_column-inner {
    padding-top: 0;
}

#intro-tlt-slider-home {
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/** custom mobile menu **/
.mobile-menu{
    display:none;
    float:right;
}

/*
Preloader
 */

.spinner-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 99999999999999!important;
}

.spinner-wrapper .spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    transform:translate(-50%, -50%);
}



/**********************************
FOOTER
 */

footer{
    background: #000000;
    padding:50px 0;
}

footer li a{
    color:#fff;
}

footer ul{
    padding-left:0;
    list-style-type:none;
}

.copy-ctm {
    background: #8080806e;
    padding: 6px 0;
}

.copy-ctm p {
    text-align: center;
    margin-bottom: 0;
}

.copy-ctm a {
    color: #8BD3E9;
}

.copy-ctm a:hover {
    text-decoration: underline;
}

.ult-content-box-container.video-block .ult-content-box{
    border-radius: 20px;
    box-shadow: 0px 3px 20px #ffffff!important;
}

.ult-content-box-container.video-block .ult-content-box video{
    border-radius: 20px;
}

#pd-top{
    padding-top:100px;
}

.white-color,.white-color p,.white-color li{
    color:#fff;
}

#video-section-home{
    padding:50px 100px;
}

#digi-intro{
    padding:50px 0;
    color:#fff;
}

#digi-intro p,#digi-intro li{
    font-size: 22px;
    color:#fff;
}

#digi-intro h4{
    font-size:30px;
}

aside#text-9 p a{
    color:#00b3e9;
}

aside#text-9 p {
    color: #fff;
    font-size: 15px;
    padding-top:30px;
}

#slider-home {
    padding: 50px 0;
}

a.header-btn {
    border-radius: 20px;
    border: 1px solid #00b3e9;
    color: #00b3e9;
    font-size: 16px;
    padding: 7px 15px;
    transition: .2s ease-in ;
}

li.mega-menu-item.mega-current-menu-item.mega-current_page_item a {
    color: #00b3e9!important;
}

a.header-btn:hover{
    color:#fff;
    background: #00b3e9;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner{
    width:100%;
    border-radius: 10px;
    border: 1px solid #00b3e9;
    background: #00b3e9;
    color:#fff;
    font-size: 16px;
    padding: 7px 15px;
    transition: .2s ease-in ;
}

form.wpcf7-form.init input ,input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,.gap input.wpcf7-form-control.wpcf7-text{
    border-radius: 10px;
    border: 1px solid #000;
    margin-top: 7px;
    padding: 10px;
    box-shadow: 0.68px 0.73px 4px 1px rgb(0 0 0 / 55%);
}

textarea.wpcf7-form-control.wpcf7-textarea {
    height: 96px;
    border-radius: 10px;
    border: 1px solid #000;
    box-shadow: 0.68px 0.73px 4px 1px rgb(0 0 0 / 55%);
    margin-top:11px;
}

form.wpcf7-form label {
    font-size: 14px;
    width: 100%;
}

.wpcf7-list-item{
    margin-left:0;
}

#packages-video{
    position:relative;
}

#packages-video p{
    color:#fff;
}

#packages-video h1{
    font-size:55px;
    color:#fff;
}

.ult-content-box-container.video-content .ult-content-box {
    position: absolute;
    bottom: 125px;
    color: #fff;
    padding-left: 71px;
}

#contact-area{
    padding-top:80px;
    padding-bottom:80px;
}

#cta-one {
    margin-top: 100px;
}

#cta-one a.header-btn {
    box-shadow: 0.71px 0.71px 10px 1px #FFFFFF;
    padding: 12px 30px;
}

#contact-area #left{
    border-right:2px solid #000;
}

#contact-area h4{
    font-size:30px;
    width:fit-content;
    padding-bottom: 30px;
}

#contact-area #right{
    padding-left:60px;
}

.phone-oly a{
    font-size:28px;
    transition:.2s;
}

.mailoly a{
    font-size:22px;
     transition:.2s;
}

.phone-oly a:hover,.mailoly a:hover{
    color:#00b3e9;
}

.gap input,textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
}

#medi-inner-edited {
    position: absolute;
    top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#medi-intro{
	position:relative;
}

/* selida paketa */
#paketa-detailed .ult_tabmenu.style1 li.ult_tab_li{
margin:0 auto;
}

#paketa-detailed {
    padding-top: 80px;
}

#paketa-detailed h2{
padding-bottom:50px;
}

#paketa-detailed li.ult_tab_li.current::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #4fc1e9;
    display: block;
    z-index: 999;
}

#paketa-detailed li.ult_tab_li.current a{
    color:#00b3e9;
}

ul.ult_tabmenu.style3 li {
    background: none !important;
}

span.aio-icon.none.ult_tab_iconright {
    display: none;
}

ul.ult_tabmenu.style3 li a{
color:#fff!important;
    text-align: center!important;
}

span.ult-span-text.ult-responsive {
    display: block;
    font-size: 22px !important;
}

#paketa-detailed .ult_tab_min_contain {
    padding-top: 50px;
}

#woa > .vc_column-inner > .wpb_wrapper {
    display: flex;
    align-items: flex-start;
}

.paketo-inner-media {
    flex: 0 0 376px; /* όσο το video */
}

.paketo-gallery {
    flex: 1 1 auto; /* να παίρνει τον υπόλοιπο χώρο */
}

#paketo-left p,#paketo-left li{
    font-size:20px;
}

.paketovideo{
    width:376px;
    height:600px;
    position:relative;
    overflow:hidden;
}

/* contact page **/

.ult-content-box-container.contact-outro {
    padding: 167px 0;
}

.ult-content-box-container.contact-outro h1{
font-size:50px;
}

.ult-content-box-container.contact-outro p {
    font-size: 20px;
    width: 50%;
}

#reviews-bar-home .wpb_single_image.wpb_content_element.vc_align_left.wpb_content_element{
    margin-bottom:0;
}

#intro-slide img {
    width: 11%;
    margin-right: 20px;
}

#intro-slide p{
    color:#fff;
    font-size: 22px;
}

#review-slider{
    background: black;
    padding-top:100px;
}

.white-text-review p {
    color: #fff;
    font-size: 22px;
    padding-top: 30px;
}

.stars-rating p {
    display: flex;
    padding-top: 43px;
    padding-bottom: 53px;
    gap: 3px;
}

.slider-outro p{
    font-size:16px;
    color:#fff;
}
















/*********************************************   MEdi@ *****************************************************/

@media screen and (max-width:1536px) {
    #medi-inner-edited{
        width:59%   ;
    }

    .banner-tlt h2 {
        font-size: 40px;
    }
}

@media screen and (max-width:1440px){
    #medi-inner-edited {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        margin: 0 auto;
        display: flex;
        gap: 30px;
        padding-top: 64px;
        padding-bottom: 50px;
    }

    #medi-inner-edited {
        width: 63%;
        margin: 0 auto;
    }
}

@media screen and (max-width:1366px) {
    #medi-inner-edited {
        width: 67%;
        margin: 0 auto;
    }
}

@media screen and (max-width:1280px) {
    #medi-inner-edited {
        width: 71%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1024px) {
    #video-section-home h3, #slider-home h3, #digi-intro h3, #digi-intro h3, #paketa-detailed h2 {
        font-size: 36px;
    }

    #contact-area #left {
        border-right: 2px solid #00000000;
    }
    #contact-area h4 br {
        display: none;
    }

    .mailoly a {
        font-size: 19px;
    }

    .phone-oly a {
        font-size: 24px;
    }

    #medi-inner-edited {
        width: 88%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    .logo img {
        width: 189px;
    }

    #nav-icon{
        margin-top:0;
    }

    #woa > .vc_column-inner > .wpb_wrapper {
        display: grid;
    }

    .paketovideo{
        width:100%;
        height:600px;
    }

    .header {

        padding: 10px 11px;
    }

    #medi-inner-edited {
        width: 100%;
        display: unset;
        margin:0 auto;
    }

    #medi-inner-edited .vc_col-sm-6,#contact-area .vc_col-sm-4,#contact-area .vc_col-sm-8 {
        width:100%;
    }

    .ult-content-box-container.banner-inner .ult-content-box{
        margin:0 auto;
    }

    .banner-tlt h2 {
        font-size: 32px;
        text-align: center;
    }

    #contact-area h4 {
        font-size: 30px;
        width: 71%;
        padding-bottom: 30px;
        margin: 0 auto;
    }

    .wpb_text_column.wpb_content_element.mailoly,.wpb_text_column.wpb_content_element.phone-oly {
        text-align: center;
    }

    #intro-tlt-slider-home{
        width:83%;
    }

    #intro-text-oly h1 {
        font-size: 35px;
    }

    #intro-text-oly h2 {
        font-size: 40px;
    }






}

@media screen and (max-width: 767px){
    #contact-area #right {
        padding-left: 0;
    }

    .ult-content-box-container.contact-outro {
        padding: 72px 0;
    }
}

@media screen and (max-width: 500px) {
    #digi-intro br {
        display: none;
    }

    #contact-area h4 {
        font-size: 30px;
        width: 93%;
    }

    .wrapper {
        max-width: 1280px;
        width: 87%;
        margin: 0 auto;
        position: relative;
    }

    #intro-tlt-slider-home {
        position: relative;
        top: unset;
        left: unset;
        transform: none;
        margin: 0 auto;
    }
}
@media screen and (max-width: 390px) {

}

@media screen and (max-width: 368px) {

}

@media screen and (max-width: 360px) {

}

@media screen and (max-width: 768px) {
    i.fa-minus:after{
        content:"-";
        margin-left: 16px;
        font-style: normal;
        display: inline-block;
    }

    i.fa-plus:after{
        content:"+";
        margin-left: 16px;
        font-style: normal;
        display: inline-block;
    }

    #popout {
        position: fixed;
        height: 100%;
        width: 250px;
        background: rgb(25, 25, 25);
        background: rgba(25, 25, 25, .9);
        color: white;
        top: 0px;
        left: -250px;
        overflow:auto;
    }

    .mobile-menu{
        display:block;
    }

    .desktop-menu{
        display:none;
    }


    #toggle {
        float: right;
        position: fixed;
        top: 60px;
        right: 45px;
        width: 28px;
        height: 24px;

    }

    .nav-menu li {
        border-bottom:1px solid #eee;
        padding:20px;
        width:100%;
    }

    .nav-menu li:hover {
        background:#CCC;
    }

    ul.sub-menu {
        display: none;
    }

    /*
     ul#menu-mobile-menu ul.sub-menu li a:after {
         content: "\2193";
         font-size: 55px;
         position: absolute;
         top:-13px;
        right: -25%;
     }

     */

    ul#menu-mobile-menu ul.sub-menu li{
        position: relative;
    }

}

/*custom menu css */

nav {
    z-index:888;
}

@keyframes fadeInNav {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
        top: -25px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}

.navWrapper {
    margin: auto;
}

#nav-icon {
    width: 60px;
    height: 45px;
    position: relative;
    z-index: 150;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg) scale(0.4);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-top: 10px;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #00b3e9;
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon.open span{

}

#nav-icon span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon span:nth-child(2) {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon span:nth-child(3) {
    top: 36px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

div#nav-icon.open span:nth-child(3){
    opacity: 1;
}

#nav-icon.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px;
    background: white;
}

#nav-icon.open span:nth-child(2) {
    width: 0;
    opacity: 0;
    background: white;
}

#nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 39px;
    left: 8px;
    background: white;
}

.overlay {
    width:101%;
    /*width: 110%;*/
    height: 100%;
    background:linear-gradient(181deg, rgba(0, 179, 233, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /*background-image: url(/wp-content/uploads/2022/06/Backround-new.jpg);*/
    background-size: cover;
    /*background: -moz-linear-gradient(-45deg,#f84034 0,#f3167b 100%);
    background: -webkit-linear-gradient(-45deg,#f84034 0,#f3167b 100%);
    background: linear-gradient(135deg,#f84034 0,#f3167b 100%);  */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f84034', endColorstr='#f3167b', GradientType=1);
    position: fixed;
    top: 0;
    left: -3px;
    right:0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    z-index: 140;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}


.overlayContent{
    display: none;
}

.overlay.open .overlayContent{
    display: block;
}

.overlay.open {
    opacity: 1;
    visibility: visible;
}

.overlay a {
    color: #fff;
    font-size: 42px;
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
    opacity: 0;
    transition: transform 0.2s ease;
    overflow: hidden;
}

.nav-menu ul,ul.sub-menu {
    list-style-type: none;
}

.overlay p {
    color: #fff;
    font-size: 18px;
    opacity: 1;
}

.overlay p.open {
    opacity: 1;
    animation: 1.70s fadeInCopyright ease;
}

@keyframes fadeInCopyright {
    0%{
        opacity: 0;
    }
    80%{
        opacity: 0;
        transform: translateY(-10px);
    }
    100%{
        opacity: 1;
    }
}

.overlay a:after {
    position: absolute;
    transition: .3s;
    top: -19px;
}

.overlay a:hover:after {
    width: 100%;
    opacity:1!important;
}

.overlay a.open:hover {
    /*transform: translateY(2px);*/
}

.overlay a.open:nth-child(1) {
    opacity: 1;
    animation: 1s fadeInLinks1 ease;
}

@keyframes fadeInLinks1 {
    0%{
        opacity: 0;
    }
    50%{
        opacity: 0;
        transform: translateY(-10px);
    }
    100%{
        opacity: 1;
    }
}

.overlay a.open:nth-child(2) {
    opacity: 1;
    animation: 1.25s fadeInLinks2 ease;
}

@keyframes fadeInLinks2 {
    0%{
        opacity: 0;
    }
    60%{
        opacity: 0;
        transform: translateY(-10px);
    }
    100%{
        opacity: 1;
    }
}

.overlay a.open:nth-child(3) {
    opacity: 1;
    animation: 1.5s fadeInLinks3 ease;
}

@keyframes fadeInLinks3 {
    0%{
        opacity: 0;
    }
    70%{
        opacity: 0;
        transform: translateY(-10px);
    }
    100%{
        opacity: 1;
    }
}

.content-inner {
    τext-align:left;
}

p.ham-tlt {
    color: #fff;
    font-size: 22px!important;
    display: block;
    margin-left: 23px;
}