/*
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
*/
@import url("style2.css");

@font-face {
    font-family:'Geologica-Light';
    src: url("/wp-content/themes/html5blank-stable-child/fonts/Geologica-Light.ttf");
}

@font-face {
    font-family:'Geologica-extra-Light';
    src: url("/wp-content/themes/html5blank-stable-child/fonts/Geologica-ExtraLight.ttf");
}

@font-face {
    font-family:'Geologica-thin';
    src: url("/wp-content/themes/html5blank-stable-child/fonts/Geologica-Thin.ttf");
}

@font-face {
    font-family:'Geologica-regular';
    src: url("/wp-content/themes/html5blank-stable-child/fonts/Geologica-Regular.ttf");
}

@font-face {
    font-family:'Geologica-medium';
    src: url("/wp-content/themes/html5blank-stable-child/fonts/Geologica-Medium.ttf");
}

@font-face {
    font-family:'Geologica-semibold';
    src: url("/wp-content/themes/html5blank-stable-child/fonts/Geologica-SemiBold.ttf");
}

body{
    font-family:'Geologica-Light';
}

p{
    font-size:18px;
    color:#12062A;
    line-height: 1.4em;
}

p#breadcrumbs {
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
}


/*** header ****/

.header {
    padding: 21px 162px;
    background: #fff;
}

.desktop-burger {
    margin-left: 42px;
}

#mobile-back{
    display:none;
}

/************   main nav ****************/


#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item a.mega-menu-link {
    position: relative;
    display: inline-block;
}

 #mega-menu-wrap-header-menu #mega-menu-header-menu ul.mega-sub-menu li.mega-menu-item a.mega-menu-link::before{
    display:none;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item a.mega-menu-link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background-color: black;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item a.mega-menu-link:hover::before {
    opacity: 1;
    animation: dot-appear 0.3s forwards;
}

@keyframes dot-appear {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        left:50%;
    }
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
    display:none;
}

.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 {
    z-index: 999;
    position: absolute;
    width: 276px;
    max-width: none;
    padding: 0;
    border: 0;
    background: #fff;
    border-radius: 0;
    margin-top: 17px;
    right: -104px;
}

#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,#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:hover{
    color:#12062A;
}

#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: 5px 2px 2px 30px;
    font-size: 18px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
    padding: 21px 0;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{
    font-size:18px;
    margin:0 12px;
    color:#12062A;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
    color:#12062A;
}

.sticky {
    position: fixed!important;
    top: 0;
    width: 100%;
    transition: .35s ease-out;
    z-index: 9999999;
    left:0;
    backdrop-filter: blur(4px);
    background: #ffffffb0;
}



/* 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 ****/

.topbutton {
    height: 42px;
    width: 42px;
    position: fixed;
    right: 2%;
    bottom: 87px;
    Z-index: 99999;
    background-color: #ffffff;
    display: none;
    text-align: center;
    padding-top: 9px;
    border: 1px solid #000;
}

/** 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: #0B0B0B;
    padding: 107px 162px 8px;
}

footer p,h3.widget-title {
    color: #F3F2ED;
    padding-bottom: 24px;
}

.social ul {
    display: inline-flex;
}

.social ul li:nth-child(1){
    margin-right:24px;
}

.social img {
    width: 24px;
}

h3.widget-title {
    font-family: 'Geologica-thin';
}

footer p{
    font-family:'Geologica-extra-Light';
}

.ft-log {
    width: 48%;
}

.menu-last {
    display: flex;
    justify-content: end;
}

.social {
    display: flex;
    justify-content: center;
}

ul#menu-footer-menu li a{
    color:#989898;
    font-size: 16px;
}

ul#menu-footer-menu li:nth-child(1) {
    margin-right: 17px;
}

ul#menu-footer-menu li:nth-child(1){
    position: relative;
}

ul#menu-footer-menu li:nth-child(1):after {
    content: "";
    background: #989898;
    width: 14px;
    height: 1px;
    position: absolute;
    display: block;
    bottom: 19px;
    transform: rotate(90deg);
    right: -16px;
}

footer li a{
    color:#fff;
}

ul#menu-footer-menu {
    display: flex;
}

footer ul{
    padding-left:0;
    list-style-type:none;
}

.copy-ctm {
    padding: 18px 0 0;
    border-top: 1px solid #989898;
    color: #989898;
    margin-top: 81px;
}

.copy-ctm p {
    color: #989898;
    margin-bottom: 0;
    font-size: 16px;
}

.copy a {
    color: #8BD3E9;
}

.copy a:hover {
    text-decoration: underline;
}

.footer #mailpoet_form_2 form.mailpoet_form {
    padding: 0;
    margin-top: 40px;
}

.mailpoet_form_columns.mailpoet_paragraph.mailpoet_stack_on_mobile {
    border-bottom: 1px solid white;
}

div#mailpoet-acceptance-custom,div#mailpoet-acceptance-custom a {
    color: #fff;
    font-size:14px;
    font-family:'Geologica-extra-Light';
    line-height: 1em;
}

:lang(el) li.parsley-required {
    color: #0b0b0b00;
}

:lang(el) li.parsley-required::before {
    content: "This field is required";
    color: rgb(229, 0, 25);
}

#mailpoet-acceptance-custom a{
    text-decoration: underline;
}

#esoteriki-heading h1{
    font-size:30px;
    padding-top:100px;
}

#law-info {
    padding: 0 110px 100px;
}

#slide-tlt {
    margin-bottom: 0;
}

input#form_email_2 {
    color: #fff;
    font-size: 16px;
}

aside#text-8 h3.widget-title:after{
    display:none;
}

input[type="checkbox"] {
    margin-right: 9px;
}

.footer #mailpoet_form_2 .mailpoet_paragraph {
    margin-bottom: 8px;
}

input#form_email_2,input.mailpoet_submit {
    background: #0b0b0b;
    border: none;
}

#footer-3 h3.widget-title {
    padding-bottom: 9px;
}



/*krataei transparent tin forma sto autocomplete otan exoume skouro background */

.mailpoet_form_columns_container input:-webkit-autofill,
.mailpoet_form_columns_container input:-webkit-autofill:hover,
.mailpoet_form_columns_container input:-webkit-autofill:focus,
.mailpoet_form_columns_container input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff!important;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}

.mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success {
    left: 26% !important;
    font-size: 16px;
}

input.mailpoet_submit{
    font-size: 16px;
    color:#FFFFFF;
}

input#form_email_2::placeholder{
    font-size:16px;
    color:#87858B;
}

.footer #mailpoet_form_2 .mailpoet_submit {
    border: none !important;
    border-radius: 0 !important;
    border-left: 1px solid white !important;
    width: fit-content !important;
    float: right;
    padding-left: 20px !important;
}

/* body */

#welcome {
    padding: 73px 0;
}

#welcome #right p{
    font-size:16px;
}

#welcome-tlt p {
    font-size: 32px;
    line-height: 1.5em;
}

#heavy-tlt p{
    font-size:120px;
    opacity: 0.5;
    color:transparent;
    -webkit-text-stroke: 1px #ffffff9c;
    text-align:center;
    padding-bottom: 98px;
}

#wwme {
    padding: 131px 0 129px;
}

#wwme #right{
    position: relative;
}

#wwme #right img {
    margin-bottom: 101px;
}

#wwme #right .iminfo {
    position: absolute;
    right: -95px;
    padding-bottom: 57px;
    top: 259px;
    transform: rotate(89deg);
}

ul#menu-work-with-me-inner-menu {
    text-align: center;
}

ul#menu-work-with-me-inner-menu li a {
    font-size: 32px;
    color: #fff;
    padding-bottom:50px;
    font-family: 'Geologica-extra-Light';
    position: relative;
    transition: color 0.3s ease;
}

#biliard #left p{
    font-size:16px;
}

#welcome #infome p{
    font-size:32px;
}

#welcome #contact-un p {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5em;
}

#welcome #contact-un em{
   font-style: unset;
    position: relative;
}

#welcome #contact-un em:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #1E152E;
    position: absolute;
    display: block;
    bottom: -2px;
}

#biliard:after {
    content: "";
    background: #EBEBE7;
    width: 65%;
    height: 719px;
    display: block;
    position: absolute;
}

#biliard #left {
    padding-right: 77px;
    padding-left: 33px;
}

#welcome #biliard #right {
    padding-top: 19px;
}

#welcome #biliard #right img {
    padding: 25px;
    width: 94%;
}

#biliard {
    margin-top: 85px;
    margin-bottom: 68px;
}

ul#menu-work-with-me-inner-menu li a::before, ul#menu-work-with-me-inner-menu li a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fff;
    top: 50%;
    left: 0;
    transition: transform 0.4s ease;
}

a.site-btn{
    font-size:20px;
    color:#1E152E;
    transition: .5s;
    font-family: 'Geologica-regular';
}

#wwme a.site-btn{
    color:#FFFFFF;
    text-align: center;
    display: block;
    margin-bottom: 73px;
}

ul#menu-work-with-me-inner-menu li a::before {
    transform: scaleX(0);
}

ul#menu-work-with-me-inner-menu li a::after {
    transform: scaleX(0);
}

ul#menu-work-with-me-inner-menu li a:hover::before, ul#menu-work-with-me-inner-menu li a:hover::after {
    transform: scaleX(1);
}

ul#menu-work-with-me-inner-menu li {
    margin-bottom:83px;
}

.iminfo p{
    color:#F3F2ED;
    font-size:14px;
    letter-spacing: 4.2px;
}

#wwme .wpb_single_image.vc_align_left {
    text-align: left;
    margin-bottom: 19px;
}

#welcome #right{
    padding-left:100px;
}

#welcome-tlt strong{
    font-weight:unset;
    position: relative;
    padding-left: 10px;
}

#welcome-tlt em{
    position: relative;
    font-style:unset;
}

#welcome-tlt strong:hover{
    font-weight:600;
}

#welcome-tlt strong:hover:after{
    opacity: 1;
}

#welcome-tlt strong:before,#welcome-tlt em:before,span.emp:before {
    content: "";
    background: #1E152E;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -5px;
}

#welcome-tlt em:after {
    content: url(/wp-content/uploads/2024/05/hover-text-photo-Empowerment.jpg);
    position: absolute;
    left: 0;
    top: 0;
    transition: .5s;
    opacity: 0;
}

#welcome-tlt em:hover:after{
    opacity:1;
}

#welcome-tlt em:hover{
    font-weight:700;
}

#welcome-tlt strong:after{
    content:url("/wp-content/uploads/2024/05/test.png");
    position: absolute;
    left: 26px;
    top: -81px;
    transition: .5s;
    opacity: 0;
}

span.emp:hover{
    font-weight:700;
}

span.emp{
    position: relative;
}

span.emp:after{
    content:url("/wp-content/uploads/2024/05/hover-text-photo-Empathy.jpg");
    position: absolute;
    left: 0;
    top: 0;
    transition: .5s;
    opacity: 0;
}

span.emp:hover:after{
    opacity: 1;
}

.main-title p {
    font-size: 40px;
    color: #1E152E;
    font-family: 'Geologica-extra-Light';
}

#trusted {
    background: #F5F4F1;
    padding-top:100px;
}

#logos-home img{
    border-radius:10px;
    filter:grayscale(1);
    transition: .4s;
}

#logos-home img:hover{
    filter:grayscale(0);
}

#logos-home{
    padding-bottom:30px;
}

.grey_sub p {
    font-size: 16px;
    color: #87858B;
    font-family: 'Geologica-regular';
}

.wpb_text_column.wpb_content_element.grey_sub {
    margin-bottom: 17px;
}

#connect-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.connect-info p {
    font-size: 22px;
    line-height: 2em;
}

.connect-info a{
    font-weight:bold;
}

.connect-info a{
    position: relative;
}

.connect-info a:before{
    content: "";
    background: #1E152E;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -5px;
}

#custom-sep {
    margin-bottom: 0;
    padding-top: 71px;
}

#connect-section .right{
    padding-top:33px;
}

.page-id-550 .interior-page-heading {
    max-width: unset;
    padding-bottom: 27px;
    margin: 0;
    padding-left: 0;
    display: inline-grid;
}

.page-id-550 .interior-page-heading .uvc-sub-heading{
    padding-left:0;
    margin:0;
    text-align: left;
}

.intro-txt p {
    font-size: 22px;
    line-height: 1.4em;
    width: 85%;
}

#info-block{
    padding-top:50px;
}

#info-block #profile img{
    width:80%;
}


#info-block #left {
    padding-right: 102px;
    padding-left: 56px;
}

#video-session{
    margin-top:100px;
}

#video-session .ultv-video__outer-wrap {
    border-radius: 54px;
    width: 85%;
    margin: 0 auto;
}

#video-session .Defaults-play:before{
    position: absolute;
    left: 39%;
}

#video-session .ultv-video__play-icon.Defaults-play.ultv-animation-none {
    border: 2px solid #fff;
    border-radius: 50%;
    width: 151px;
    height: 151px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#more {
    padding-top: 101px;
}

#more #left,#more #right{
    padding-right:100px;
    padding-left: 56px;
}

#tlt-st p{
    text-align: center;
    font-size:50px;
    color: #1E152E;
}

#my-story{
  padding:64px 0;
}

#stories .ult-banner-block .bb-top-title{
    background: none !important;
    position: absolute;
    bottom: 0;
    font-size:20px;
    text-align: left;
    opacity:0;
}

.banner-style11:hover .bb-top-title{
    opacity: 1!important;
}

#stories .bb-description.ult-responsive {
    position: absolute;
    top: 0;
    opacity: 1 !important;
    font-size: 22px;
    padding: 14px;
}

#stories .mask.opaque-background{
    background: #00000063;
}

#stories{
    padding-bottom:50px;
}

p.extra {
    padding-left: 40px;
}

#groupy img{
    border-radius:70px;
    transition:.5s;
    width:96%;
    margin:0 auto;
}

#groupy img:hover{
    border-radius:0;
    width:100%;
}

#click{
    color:#4B4B4B;
    padding-top:30px;
    padding-bottom: 41px;
}

#click p{
    font-size:16px;
}

#secondary h2{
    color:#1E152E;
    font-size: 34px;
}

#group-info{
    padding-left:169px;
}

#group-extras {
    padding-top: 35px;
    padding-bottom:70px;
}

.grey-box-tlt h3{
    font-size:30px;
}

.grey-b .vc_column-inner{
    border-radius: 30px;
    background: #E7E6E3;
}

.grey-b p {
    font-size:16px;
    line-height: 1.5em;
}

.grey-b .ult-content-box-container {
    padding: 30px;
}

.gr-call {
    position: absolute;
    bottom: 0;
    padding-bottom: 7px;
}

.group-detail {
    padding-bottom: 38px;
}

.grey-box-tlt {
    padding-top: 29px;
}

.act h4{
    text-align: center;
    font-size:34px;
}

.act {
    padding-top: 118px;
}

.act h4 strong{
    font-weight: normal;
    position: relative;
}

.act h4 strong:before{
    content: "";
    background: #1E152E;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -5px;
}

#testimonials {
    margin-top: 91px;
    text-align: center;
    padding: 43px 0;
}

#testimonials p {
    color: #fff;
    line-height: 1.8em;
}

.testi-tlt p{
    font-size:50px;
    padding-bottom: 30px;
}

.testimo-txt{
    padding-top:50px;
}

.testimo-txt:before {
    content: "";
    background: #C5C5C5;
    width: 60px;
    height: 1px;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 47%;
    top: 35px;
}

.testimo-txt{
    position: relative;
}

.testimo-txt em{
    color:#C5C5C5;
    font-style: normal;
    padding-top:30px;
}

.testimo-info{
    width:70%;
    margin:0 auto;
}

#testimonials ul.slick-dots {
    padding: 59px 0 0;
    z-index: 99;
}

#testimonials .ultsl-record {
    font-size: 28px;
    /*color: transparent !important;*/
}
@supports (-webkit-appearance: none) {
    /* CSS specific to WebKit (Safari and Chrome) */
    #testimonials .ultsl-record:before {
        /*display: none;*/
    }
}

@supports (display: -webkit-box) {
    /* CSS specific to Safari and old versions of Chrome */
    #testimonials .ultsl-record:before {
        /*display: none;*/
    }
}


#Empowered p {
    font-size: 32px;
    width: 67%;
}

#experience #right{
    padding-left:100px;
}

#experience:after {
    content: "";
    background: #EBEBE7;
    width: 42%;
    top: -20px;
    height: -webkit-fill-available;
    display: block;
    position: absolute;
    left: 24%;
}

html {
    scroll-behavior: smooth;
}

.wpcf7 form.sent .wpcf7-response-output,.wpcf7 form .wpcf7-response-output {
    font-size: 17px;
    width:fit-content;
}

.wpcf7-not-valid-tip {
    font-size: 11px;
    padding-top: 3px;
}

/* desktop burger **/

.menu-btn {
    width: 27px;
    height: 30px;
    position: relative;
    z-index:999;
    overflow: hidden;
    cursor:pointer;
}

.menu-btn .bar {
    width: 27px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 4px;
    transform: translate(-50%, -50%);
    background-color: #202020;
    transition: all 0.3s ease-in-out;
}

.menu-btn .bar:nth-of-type(2) {
    top: calc(50% - 9px);
}
.menu-btn .bar:nth-of-type(3) {
    top: calc(50% + 9px);
}

/* Меняем гамбургер иконку, когда меню открыто */
.menu-btn.active .bar:nth-of-type(1) {
    display: none;
}
.menu-btn.active .bar:nth-of-type(2) {
    top: 50%;
    transform: translate(-50%, 0%) rotate(45deg);
}
.menu-btn.active .bar:nth-of-type(3) {
    top: 50%;
    transform: translate(-50%, 0%) rotate(-45deg);
}

/* Меню, которое будет появляться */
.nav2 {
    position: fixed;
    top: 100px;
    right: 0;
    width: 21%;
    height: 100vh;
    padding: 40px;
    transform: translateX(100%);
    transition: transform 0.5s;
    backdrop-filter: blur(5px);
    background: #ffffffdb;
}

.side-content img {
    padding-bottom: 32px;
    border-radius:10px;
    width:100%;
}

.no-scroll {
    overflow: hidden;
}

.side-content {
    padding-top: 35px;
}

.nav2.active {
    transform: translateX(0);
}

.nav2 .nav__list_item {
    list-style-type: none;
}

.side-content h5{
    font-size:20px;
    color:#12062A;
    padding-bottom: 16px;
}

.side-content h5:after,h3.widget-title:after {
    content: "";
    width: 30px;
    height: 1px;
    background: #707070;
    position: relative;
    display: block;
    top: 8px;
}

.side-content ul{
    list-style-type: none;
    padding-left: 0;
    padding-bottom: 98px;
}

.side-content li {
    font-size: 18px;
    color: #12062A;
    padding-bottom: 11px;
}

.uvc-main-heading.ult-responsive p {
    font-size: 20px;
    color: #1E152E;
    font-weight: 600 !important;
}

.uvc-sub-heading.ult-responsive {
    font-size: 16px;
    padding-top: 20px;
    color:#1E152E;
}

.uvc-heading.ult-adjust-bottom-margin.nice-bl{
    margin-bottom:30px;
    display: none;
}

/** contact **/

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, textarea.wpcf7-form-control.wpcf7-textarea {
    color: #12062A;
    font-size: 18px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #1E152E;
    border-radius: 0 !important;
    padding-bottom: 15px;
    margin-top: 38px;
    background: #f5f4f1;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    width:89%;
}

textarea.wpcf7-form-control.wpcf7-textarea{
    width:95%;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder{
    color: #12062A;
    font-size: 18px;
}

span.wpcf7-list-item{
    margin-left:0;
}

.row.accept-ctm {
    padding-top: 21px;
    padding-bottom: 36px;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.c7 {
    background: #202020;
    border-radius: 30px;
    color: #F3F2ED;
    font-size: 18px;
    padding: 9px 32px;
}

#logos img{
    border-radius:10px;
    filter: grayscale(1);
    transition: .4s;
}

#logos img:hover{
    filter: grayscale(0);
}

#logos{
    padding-bottom:50px;
}

#logos h3{
    text-align: center;
    font-size:50px;
    padding-bottom: 42px;
    margin-top: 41px;
}

body.page-template-header-beige{
    background:#f5f4f1 ;
}

#social-contactpage h2{
    font-size:36px;
}

#social-showcase .wpb_wrapper {
    display: flex;
}

#insta {
    margin-right: 29px;
}

span.wpcf7-list-item-label,span.wpcf7-list-item-label a {
    font-size: 16px;
    color: #12062A;
}

span.wpcf7-list-item-label a{
    text-decoration:underline;
}

#contact-point {
    width: fit-content;
    position: absolute;
    right: 0;
    bottom: 192px;
    transition: .6s ease-out;
}

#main-point{
    width: fit-content;
    position: absolute;
    left: 50%;
    bottom: 11%;
    transition: .6s ease-out;
}

/*
#contact-point:hover,#main-point:hover{
    transform: rotate(180deg);
    cursor: pointer;
}

 */

a.site-btn {
    color: #1E152E;
    font-size: 18px;
    position: relative;
}

a.site-btn:after {
    content: url(/wp-content/uploads/2024/05/arrow.svg);
    transition: .5s;
    position: absolute;
    padding-left: 11px;
}

a.site-btn:hover:after{
    transform: rotateZ(-80deg);
}

.rotating-element {
    width: 100px;
    height: 100px;
    background-color: red;
    animation: rotate 2s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/** text slider **/



.m-scroll {
    display: flex;
    position: relative;
    width: 80%;
    height: 100px;
    margin: auto;
    z-index: 1;
}

.m-scroll-title {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    transition: all 1s ease;
}

.m-scroll-title p {
    font-size: 80px;
    animation: scrollText 30s infinite linear;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #0b0b0b;
    color: #ff000000;
}



@keyframes scrollText {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-50%);
    }
}


.home #connect-section{
    padding-bottom: 38px;
}

/* krivei to keno ligo prin to footer **/
.home br.clear {
    display: none;
}

#footer-3 {
    padding-left: 70px;
}

#mail-contact a{
    text-transform: uppercase;
}

#first-section .wpb_single_image.wpb_content_element.vc_align_left.wpb_content_element{
    margin-bottom:0;
}

ul#menu-work-with-me-inner-menu {
    width: fit-content;
    margin: 0 auto;
    list-style-type: none;

}

/************* customia gia to work with me tis Home *******(grrrrrrrrrrrrrrrrrrrrr)*****/

ul.tabs li::before{
    transform: scaleX(0);
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fff;
    top: 50%;
    left: 0;
    transition: transform 0.4s ease;
}

ul.tabs li:hover:before {
    transform: scaleX(1);
}

#special-ctm {
    position: relative;

}

ul.tabs li {
    font-size: 32px;
    color: #fff;
    padding-bottom: 50px;
    font-family: 'Geologica-extra-Light';
    position: relative;
    transition: color 0.3s ease;
    cursor:pointer;
    width: fit-content;
    margin: 0 auto;
}

ul.tabs {
    list-style-type: none;
    margin: 0 auto;
    width: fit-content;
    text-align: center;
    padding-top: 87px;
}

.right-block {
    position: absolute;
    right: -284%;
    top: -102%;
}

.right-block p {
    font-size: 14px;
    color: #F3F2ED;
    position: absolute;
    right: -119px;
    transform: rotate(90deg);
    top: 265px;
    letter-spacing: 2.8px;
}

.left-block p{
    color:#F3F2ED;
    font-size: 14px;
    letter-spacing: 4.2px;
    padding-top: 18px;
}

.left-block {
   float:left;
}

.tab-content{
    position:absolute;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s;
    top: 158px;
}

.tab-content.current{
    opacity: 1;
    visibility: visible;
}
/****************** right images  *************/

li#menu-item-979:after,li#menu-item-978:after,li#menu-item-977:after,li#menu-item-976:after {
    opacity: 0;
    position: absolute;
    right: 23px;
    top: -194px;
    transition: opacity 0.5s ease;
    /*animation: 1s animationee ease;*/
}

@keyframes animationee {
    0%{
        opacity: 0;
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        opacity: 1;
    }
}

/* 1st menu right image*/
li#menu-item-979:after {
    content: url(/wp-content/uploads/2024/05/groups-photo-2.jpg);
}

li#menu-item-979::after{
    content:"kajsd;ksajnsakjdn;jdna;jn";
}
/* 2nd menu right image*/
li#menu-item-978:after {
    content: url(/wp-content/uploads/2024/05/IMG_2357.jpg);
}
/* 3rd menu right image*/
li#menu-item-977:after {
    content: url(/wp-content/uploads/2024/05/1274GreekTubeFestival23.jpg);
}
/* 4th menu right image*/
li#menu-item-976:after {
    content: url(/wp-content/uploads/2024/05/PXL_20220416_105134768.jpg);
}

/**** left imagess **/

li#menu-item-979:before,li#menu-item-978:before,li#menu-item-977:before,li#menu-item-976:before {
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 40px;
    transition: opacity 0.5s ease;
}

/* 1st menu left image*/
li#menu-item-979:before {
    content: url(/wp-content/uploads/2024/05/1_1-photo-1.jpg);
}
/* 2nd menu left image*/
li#menu-item-977:before {
    content: url(/wp-content/uploads/2024/05/DSC_6538.jpg);
}
/* 3rd menu left image*/
li#menu-item-978:before {
    content: url(/wp-content/uploads/2024/05/IMG_20161129_154520.jpg);
}
/* 4th menu left image*/
li#menu-item-976:before {
    content: url(/wp-content/uploads/2024/05/0345.jpg);
}

/* on hover na ferei tis eikones **/
li#menu-item-979:before,li#menu-item-979:after{
    opacity: 1;
}

li#menu-item-978:hover:before,li#menu-item-977:hover:before,li#menu-item-976:hover:before{
    opacity:1;
}

li#menu-item-978:hover:after,li#menu-item-977:hover:after,li#menu-item-976:hover:after{
    opacity:1;
}

li#menu-item-978:hover  li#menu-item-979:before{
    content:none!important;
}

#slide-tlt h1 {
    color: #170a2e;
    font-size: 70px;
    position: absolute;
    top: 36%;
    font-weight: 700;
    line-height: 1em;
    left: 144px;
    margin-top:0;
}

.page-id-921 #contact-point{
    bottom: 0;
}



















/*********************************************   MEdi@ *****************************************************/

@media screen and (max-width:1707px) {
    .header {
        padding: 21px 56px;
    }

    footer {
        padding: 107px 55px 8px;
    }

    #main-point img,#contact-point img{
        width:60%;
    }
}

@media screen and (max-width:1536px) {
    #biliard #left {
    padding-right:30px;
    }

    #welcome #right {
        padding-left: 0;
    }

    #footer-3 {
        padding-left: 68px;
    }

    #tlt-st p {
        font-size: 40px;
    }

    .right-block {
        position: absolute;
        right: -252%;
        top: -66%;
    }

    #slide-tlt h1 {
        color: #170a2e;
        font-size: 45px;
    }
}

@media screen and (max-width:1440px){
    .right-block img {
        width: 90%;
    }

    .right-block {
        right: -240%;
    }

    .right-block p {
        right: 0;
        padding-right: 41px;
        padding-top: 24px;
        transform:unset;
        top: unset;
    }

    ul.tabs li {
        font-size: 24px;
    }

}

@media screen and (max-width:1366px) {
    .right-block img {
        width: 83%;
    }

    .right-block p{
        padding-right: 71px;
    }

    .right-block {
        right: -225%;
    }

    aside#text-10 a {
        font-size: 14px;
    }

}

@media screen and (max-width:1280px) {

    #footer-1 img {
        width: 82%;
    }

    .right-block {
        right: -214%;
    }

    #contact-point {
        display:none;
    }

    #video-session {
        margin-top: 32px;
    }

    #video-session .ultv-video__play-icon.Defaults-play.ultv-animation-none{
        width: 110px;
        height: 110px;
    }

    #video-session .Defaults-play:before {
        left: 40%;
        font-size: 38px;
    }

}


@media screen and (max-width:1279px) {
    ul.tabs{
        display: flex;
    }

    ul.tabs li{
        margin-right: 26px;
    }

    #heavy-tlt p{
        padding-bottom: 0;
    }

    .right-block {
        position: relative;
        right:0;
        top:0;
    }

    .tab-content{
        display: flex;
        top: 213px;
        left: 18%;
    }

    #wwme {
        padding: 131px 0 578px;
    }

    #heavy-tlt p {
        font-size: 109px;
    }
}

@media screen and (max-width: 1024px) {

    #footer-1 img {
        width: 75%;
    }

    #footer-3 {
        padding-left: 66px;
    }

    #heavy-tlt p {
        font-size: 83px;
    }

    ul#menu-work-with-me-inner-menu li {
        margin-bottom: 33px;
    }

    ul#menu-work-with-me-inner-menu li a {
        font-size: 29px;
    }

    #welcome-tlt p,#welcome #infome p {
        font-size: 29px;
    }

    #biliard:after{
        height: 745px;
        top: -36px;
    }

    .main-title p {
        font-size: 32px;
    }

    .mobile-menu{
        display:block;
    }

    .desktop-menu,.desktop-burger{
        display:none;
    }

    #info-block #left {
        padding-right: 28px;
    }

    #more #left, #more #right {
        padding-right: 12px;
    }

    #tlt-st p {
        font-size: 38px;
    }

    #stories .vc_col-sm-3{
        width:50%;
    }

    #logos-home .wpb_column.vc_column_container.vc_col-sm-2 {
        width: 25%;
    }

    #logos .wpb_column.vc_column_container.vc_col-sm-2{
        width:33%;
    }

    ul#menu-work-with-me-inner-menu li:before,ul#menu-work-with-me-inner-menu:after{
        display:none;
    }

    li#menu-item-979:after{
        display:none;
    }

    #heavy-tlt p{
        padding-bottom: 53px;
    }

    .tab-content{
        left: 9%;
    }

    #connect-section .right {
        padding-top: 0;
    }

    #contact-point{
        bottom:74px;
    }

    #info-block {
        padding-top: 80px;
    }

    #info-block #left,#more #left{
        padding-left: 15px;
    }

    #video-session .ultv-video__outer-wrap {
        width: 100%;
    }

    .col-md-3.col-3.logo,.col-md-9.col-9.main-navigation-ctm {
        width: 50%;
    }

    #nav-icon.open span:nth-child(3) {
        top: 48px !important;
    }

    .overlay a {
        font-size: 33px!important;
    }

    .grey-b.wpb_column.vc_column_container.vc_col-sm-4 {
        width: 100%;
        margin: 0 17px;
    }

    #experience #right {
        padding-left: 18px;
    }

    #group-info {
        padding-left: 48px;
    }

    #secondary h2,#Empowered p {
        font-size: 29px;
    }

    .header {
        padding: 21px 23px;
    }

    #slide-tlt h1 {
        color: #170a2e;
        font-size: 32px;
    }
}

@media screen and (max-width: 900px) {

    #biliard:after {
        height: -webkit-fill-available;
    }

    .ft-log,footer .col-md-2,footer .col-md-4 {
        width: 100%;
    }

    #footer-3 {
        padding-left: 0;
    }
}

@media screen and (max-width: 768px) {

    #law-info {
        padding: 0 45px 100px;
    }

    footer p{
        padding-bottom:0;
    }

    aside#text-10 a {
        font-size: unset;
    }

    #duble .vc_col-sm-8,#duble .vc_col-sm-4{
        width:100%;
    }

    #duble .wpb_single_image.wpb_content_element.vc_align_right.wpb_content_element {
        text-align: left;
        padding-top: 45px;
    }

    #footer-3 {
        padding-left: 0;
    }

    #footer-1,#footer-2,#footer-3 {
        padding-bottom: 40px;
    }

    .copy-ctm{
        margin-top: 10px;
    }

    .social {
        justify-content: left;
    }

    .menu-last {
        justify-content: start;
    }

    #footer-1 img {
        width: 56%;
    }

    .col-md-5.copy {
        width: 100%;
        text-align: center;
        order:3;
    }

    .col-md-5.menu-last{
        width:fit-content;
        margin:0 auto;
        order:2;
    }

    ul#menu-footer-menu li:nth-child(1):after{
        bottom: 10px;
    }

    .col-md-2.social{
        order:1;
    }

    .social ul {
        display: inline-flex;
        margin: 0 auto;
        padding-bottom: 10px;
    }

    #groupy img {
        border-radius: 20px;
        transition: .5s;
    }

    #duble .vc_col-sm-4{
        order:1;
    }

    #duble .vc_col-sm-8{
        order:2;
    }

    #info-block #left,#info-block .vc_col-sm-6 {
    width:100%;
    }

    #info-block .wpb_column.vc_column_container.vc_col-sm-6{
        order:1;
    }

    #info-block #left{
        order:2;
    }

    #info-block .wpb_single_image.vc_align_right{
        text-align: left;
    }

    #welcome {
        padding: 20px 0 70px;
    }

    #logos h3 {
        font-size: 40px;
    }

    #info-block {
        padding-top: 47px;
    }

    .interior-page-heading h1{
        font-size: 40px;
        font-size: 30px;
    }

    #social-contactpage h2 {
        font-size: 30px;
    }

    ul.tabs {
        display: grid;
    }

    ul.tabs li {
        margin-right: auto;
    }

    .left-block{
        display:none;
    }

    ul.tabs li{
        padding-bottom: 16px;
    }

    .right-block img {
        width: 100%;
    }

    #heavy-tlt p {
        padding-bottom: 0;
    }

    .tab-content {
        left: 24%;
        top: 339px;
    }

    #wwme {
        padding: 131px 0 665px;
    }

    .right-block p{
        left:0;
    }

    #slide-tlt h1{
        font-size: 24px;
        top: 30%;
        left: 35px;
    }
}

@media screen and (max-width: 767px){
    #group-info {
        padding-left: 20px;
    }

    #welcome #right {
        padding-left: 15px;
        width: 91%;
    }

    #welcome {
        padding: 41px 0;
    }

    #biliard #left{
        padding-left:0;
        width: 93%;
    }

    #biliard:after{
        width:100%;
        top: -71px;
    }

    #welcome #biliard #right .wpb_single_image.vc_align_right{
        text-align: left;
    }

    #biliard{
        margin-top: 115px;
    }

    .m-scroll-title p {
        font-size: 50px;
    }

    .home #connect-section{
        padding-right: 100px;
    }

    #welcome-tlt p, #welcome #infome p {
        font-size: 26px;
    }

    #logos-home .wpb_column.vc_column_container.vc_col-sm-2{
        width: 33%;
        display: inline-block;
    }

    #logos .wpb_column.vc_column_container.vc_col-sm-2{
        width: 33%;
        display: inline-block;
    }

    #logos-home {
        margin-top: 68px;
    }

    #more #right {
        padding-left: 15px;
    }

    #more{
        width:100%;
    }

    #contact-point {
        margin-right: 100px;
    }

    #video-session .ult-video {
        margin: 0;
    }

    #stories .vc_col-sm-3 {
        width: 50%;
        display: inline-block;
    }

    #secondary h2{
        font-size: 30px;
    }

    #group-extras {
        padding-bottom: 37px;
    }

    #experience:after {
        width: 100%;
        left: 0;
    }

    #connect-section {
        padding-top: 77px;
        padding-bottom: 28px;
    }

    #click {
        padding-top: 19px;
        padding-bottom: 10px;
    }

    #group-extras {
        padding-top: 9px;
    }

    input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
        width: 95%;
    }

    #info-block #profile img {
        width: 100%;
    }

}

@media screen and (max-width: 500px) {
    #logos-home .wpb_column.vc_column_container.vc_col-sm-2,#logos .wpb_column.vc_column_container.vc_col-sm-2 {
        width: 50%;
    }

    #welcome-tlt p, #welcome #infome p {
        font-size: 24px;
    }

    #welcome {
        padding: 0;
    }

    #welcome-tlt {
        margin-bottom: 13px;
    }

    #heavy-tlt p {
        font-size: 40px;
    }

    #stories .vc_col-sm-3 {
        width: 100%;
        display: inline-block;
    }

    #stories .ult-banner-block .bb-top-title,#stories .bb-description.ult-responsive{
        font-size: 25px;
    }

    #footer-1 img {
        width: 90%;
    }

    #more #right{
        padding-top: 0;
    }

    #more {
        width: unset;
    }

    #video-session .ultv-video__outer-wrap {
        border-radius: 21px;
    }

    .grey-box-tlt h3 {
        font-size: 24px;
    }

    #secondary h2 {
        font-size: 22px;
    }

    .testi-tlt p {
        font-size: 30px;
        padding-bottom: 0;
    }

    .testimo-info {
        width: 94%;
    }

    .main-title p {
        font-size: 27px;
    }

    .home #connect-section {
        padding-right: 32px;
    }

    #biliard #left,#welcome #right {
        width: 100%;
    }

    #welcome #biliard #right img {
        padding: 0;
        width: 100%;
    }

    #biliard #right {
        padding-left: 0;
    }

    #trusted {
        padding-top:35px;
    }

    #logos-home {
        margin-top: 15px;
    }

    #biliard {
        margin-top: 44px;
    }

    #biliard:after{
        top: -50px;
    }

    .header {
        padding: 7px 14px;
    }

    .logo img{
        padding-top:15px;
    }

    .col-md-3.col-3.logo{
        width: 60%;
    }

    .col-md-9.col-9.main-navigation-ctm {
        width: 40%;
    }

    #main-point img, #contact-point img {
        width: 39%;
    }

    .page-id-550 .interior-page-heading{
        padding-top:0;
    }

    #social-contactpage {
        padding-top: 62px;
    }

    #logos h3 {
        font-size: 30px;
    }

    footer {
        padding: 75px 23px 8px;
    }

    .mailpoet_form_column {
        display: contents;
    }

    .mailpoet_form_columns.mailpoet_stack_on_mobile {
        flex-wrap: inherit!important;
    }

    .home #connect-section {
        padding-bottom: 0 !important;
    }

    #slider-carousel .vc_column-inner{
        padding-top:0;
    }

    .connect-info p {
        font-size: 18px;
    }

    #group-info{
        padding-top:0;
    }

    #secondary {
        margin-bottom: 12px;
    }

    #group-extras {
        padding-bottom: 9px;
    }

    .act h4 {
        font-size: 25px;
        width: 67%;
        margin: 0 auto;
    }

    .act {
        padding-top: 70px;
    }

    #secondary h2, #Empowered p {
        font-size: 25px;
    }

    .overlay a {
        font-size: 24px !important;
    }

    ul.sub-menu li a.open {
        font-size: 20px !important;
    }

    .right-block p{
        right: unset;
        left:0;
    }

    .right-block img {
        width: 100%;
    }

    .tab-content {
        left: 25px;
    }

    #wwme {
        padding: 61px 0 665px;
    }

    ul.tabs{
        padding-top: 50px;
    }

    ul.tabs li::before{
        top: 68%;
    }

    #mobile-back{
        display:block;
    }

    #desktop-back{
        display:none;
    }

    #slide-tlt h1 {
        font-size: 24px;
        top: 69%;
        left: 35px;
        display:none;
    }

    .home #main-point{
        bottom: 5%;
        left: 28px;
    }

    #law-info {
        padding: 0 11px 100px;
    }

    #esoteriki-heading h1 {
        font-size: 26px;
        padding-top: 66px;
    }


}

@media screen and (max-width: 390px) {
    .tab-content {
        left: 0;
    }

    #wwme {
        padding: 39px 0 618px;
    }


}





/******************************custom menu css *****************************************/

@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;
    }

    #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;
    }

}

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: 125%;
    background: #202020;
    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{
    background: #000!important;
}

#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;
}

footer a,footer a:hover{
    color:#fff;
}

.overlay {
    width:100%%;
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    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;
    height:100vh;
}

.overlayContent{
    display: none;
}

.overlay.open .overlayContent{
    display: block;
}

.overlay.open {
    opacity: 1;
    visibility: visible;
}

.overlay a {
    color: #000;
    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;
}