.home .video div.play-btn.f-right {
    float: right;
}

.home .video div.play-btn {
    top: 15rem;
}

.home .video:not([data-video-type]) .close {
    top: 15rem;
}

body > .video-wrapper {
    pointer-events: painted;
    cursor: pointer;
}

body.single-item {
    position: absolute;
}

body.home .projects .slider .inner .card .card-info .date {
    display: none;
}

.btn-apply {
    padding: 7px 25px;
    position: relative;
    box-sizing: border-box;
    margin-left: auto;
    height: 100%;
    background-color: #49ded5;
    display: inline-block;
    color: #12356c;
    font-size: 14px;
    line-height: 17px;
    font-family: "cf_asty_st_medium", sans-serif;
}

.acf[data-uid*="enimerosi_metochon"] {
    padding: 0 !important;
    margin-bottom: 0;
}

.acf[data-uid="oikonomiki_pliroforisi"] {
    margin-bottom: 0;
}

.acf[data-uid*="oikonomiko_imerologio"] {
    margin-left: 90px;
}

body:not(.home) main {
    margin-top: calc(100vh - 114px); /* Why -64? */
}

body:not(.home) main.no-wsi {
    margin-top: 0;
}

body > .video-wrapper .bact-to-tab-video {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    background-color: rgb(0 0 0 / 23%);
}

body > .video-wrapper .bact-to-tab-video .bttv-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    background-color: rgb(0 0 0 / 46%);
    transition: all .3s ease-in-out;
    border-radius: 25px;
}

body > .video-wrapper .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    line-height: 1;
    color: #fff;
    transition: all;
    padding: 4px 8px;
    background-color: rgb(0 0 0 / 46%);
    border-radius: 25px;
    transition: all .3s ease-in-out;
}

body > .video-wrapper .play-icon,
body > .video-wrapper .pause-icon {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    padding: 8px;
    box-sizing: content-box;
    background-color: rgb(0 0 0 / 46%);
    border-radius: 25px;
    transition: all .3s ease-in-out;
}

.financial_data .card .card-header {
    width: 100%;
}

body > .video-wrapper .play-icon img
body > .video-wrapper .pause-icon img {
    width: calc(90% - 16px);
    height: calc(90% - 16px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body > .video-wrapper .bact-to-tab-video .bttv-wrapper,
body > .video-wrapper .bact-to-tab-video,
body > .video-wrapper .bact-to-tab-video > .icon,
body > .video-wrapper .close {
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    transform: scale(0);
}

body > .video-wrapper .bact-to-tab-video > .icon {
    transform: translateX(-50%) scale(0);
}

body > .video-wrapper:hover .bact-to-tab-video .bttv-wrapper,
body > .video-wrapper:hover .bact-to-tab-video,
body > .video-wrapper:hover .close {
    transform: scale(1);
}

body > .video-wrapper:hover .bact-to-tab-video .bttv-wrapper,
body > .video-wrapper:hover .bact-to-tab-video,
body > .video-wrapper:hover .bact-to-tab-video > .icon.show,
body > .video-wrapper:hover .close {
    opacity: 1;
    z-index: 10;
    pointer-events: all;
}

body > .video-wrapper:hover .bact-to-tab-video > .icon.show {
    transform: translateX(-50%) scale(1);
}

body > .video-wrapper .bact-to-tab-video .text {
    font-size: 13px;
    color: #fff;
    line-height: 1;
    margin-right: 8px;
    display: none;
}

body > .video-wrapper .bact-to-tab-video .text.above {
    display: block;
}

body > .video-wrapper .bact-to-tab-video .icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

body > .video-wrapper.fullscreen .bact-to-tab-video .icon {
    transform: scaleY(-1);
}

body > .video-wrapper .bact-to-tab-video .icon img {
    filter: invert(1);
}

.item-wrapper.crown .item {
    width: 55px;
}

.no-pointers,
.no-pointers * {
    pointer-events: none;
}

.f-left {
    float: left;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.no-articles {
    height: calc(100vh - 531px);
}

.no-articles .no-articles-text {
    font-size: 30px;
    padding: 40px 0;
}

.close .icon::before {
    transform: rotate(
            -45deg);
    -webkit-transform: rotate(
            -45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.close .icon::after {
    transform: rotate(
            45deg);
    -webkit-transform: rotate(
            45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.close .icon::after,
.close .icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    width: 3px;
    height: 100%;
    background-color: #000;
    border-radius: 10px;
}

body img.no-image {
    object-fit: contain;
    background-color: #000;
    box-shadow: inset 0 0 18px #E10C0A;
}

.close .icon {
    display: block;
    position: relative;
    width: 28px;
    height: 28px;
    margin: auto;
    cursor: pointer;
    -webkit-transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
    transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
}

.close .icon:hover {
    transform: rotate(
            90deg);
    -webkit-transform: rotate(
            90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.pointer {
    cursor: pointer;
}

.relative {
    position: relative;
}
.inline-block {
    display: inline-block;
}

.reg-center-text {
    text-align: center;
}

.right-text {
    text-align: right;
}

.left-text {
    text-align: left;
}

.flex-equal {
    flex: 1 1 0px;
}

.nowrap {
    white-space: nowrap;
}

.side-by-side {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.v-align-top {
    vertical-align: top;
}

.border.b-bottom.ex-thick { border-bottom-width: 3px; }
.border.b-top.ex-thick { border-top-width: 3px; }
.border.b-left.ex-thick { border-left-width: 3px; }
.border.b-right.ex-thick { border-right-width: 3px; }

.border.b-bottom.thick { border-bottom-width: 3px; }
.border.b-top.thick { border-top-width: 3px; }
.border.b-left.thick { border-left-width: 3px; }
.border.b-right.thick { border-right-width: 3px; }

.border.b-bottom.light { border-bottom-width: 2px; }
.border.b-top.light { border-top-width: 2px; }
.border.b-left.light { border-left-width: 2px; }
.border.b-right.light { border-right-width: 2px; }

.border.b-bottom.ex-light { border-bottom-width: 1px; }
.border.b-top.ex-light { border-top-width: 1px; }
.border.b-left.ex-light { border-left-width: 1px; }
.border.b-right.ex-light { border-right-width: 1px; }

[class*='border']:not(.b-top):not(.b-bottom):not(.b-left):not(.b-right).ex-thick { border-width: 4px; }
[class*='border']:not(.b-top):not(.b-bottom):not(.b-left):not(.b-right).thick { border-width: 3px; }
[class*='border']:not(.b-top):not(.b-bottom):not(.b-left):not(.b-right).light { border-width: 2px; }
[class*='border']:not(.b-top):not(.b-bottom):not(.b-left):not(.b-right).ex-light { border-width: 1px; }

[class*='border'].black { border-color: #000; }
[class*='border'].silver { border-color: #CDCDCD; }
[class*='border'].white { border-color: #fff; }
[class*='border'].dove-gray { border-color: #707070; }
[class*='border'].monza { border-color: #E10C0A; }

[class*='border'] {
    border-style: solid;
    border-width: 0;
}

.no-margin {
     margin: 0 !important;
 }

.mlr-auto {
    margin: 0 auto !important;
}

.multiply-blend {
    mix-blend-mode: multiply;
}

a.underline {
    text-decoration: underline;
}

.m-text {
    position: relative;
}

.m-text.underline:not(.white):not(.black) a {
    background-image: radial-gradient(ellipse farthest-corner at left top, #FFFFFF 10%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%),
    radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%);
}

.m-text.underline a {
    background-size: 150% 0.1em, 0 0.1em;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size .6s;
    padding-bottom: 4px;
    padding-left: 3px;
    padding-right: 3px;
}

.m-text.underline.white a {
    background-image: radial-gradient(ellipse farthest-corner at left top, #FFFFFF 10%, #FFFFFF 8%, #FFFFFF 25%, #FFFFFF 62.5%, #FFFFFF 100%),
    radial-gradient(ellipse farthest-corner at left top, #FFFFFF 10%, #FFFFAC 8%, #d7b558 25%, #99721c 62.5%, #b58b2f 100%);
}

.m-text.underline.black a {
    background-image: radial-gradient(ellipse farthest-corner at left top, #000 10%, #000e14 8%, #1e1e1e 25%, #191919 62.5%, #191e23 100%),
    radial-gradient(ellipse farthest-corner at left top, #FFFFFF 10%, #FFFFAC 8%, #d7b558 25%, #99721c 62.5%, #b58b2f 100%);
}

.m-text.underline.blue a{
    background-image: radial-gradient(ellipse farthest-corner at left top, #FFFFFF 10%, #FFFFFF 8%, #FFFFFF 25%, #FFFFFF 62.5%, #FFFFFF 100%),
    radial-gradient(ellipse farthest-corner at left top, #FFFFFF 10%, #040e44 8%, #273cac 25%, #192876 62.5%, #000000 100%)
}

main section {
    margin-bottom: 70px;
}

body [data-simplebar] .simplebar-track.simplebar-vertical {
    width: 6px;
}

body [data-simplebar] .simplebar-track.simplebar-horizontal {
    height: 6px;
}

.m-text.underline a:hover,
.m-text.underline a:focus {
    background-size: 0 0.1em, 100% 0.1em;
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.v-align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.vh-center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.h-center {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.white-color {
    color: #fff;
}

.mt-auto {
    margin-top: auto;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.mb-auto {
    margin-bottom: auto;
}

.between-align {
    justify-content: space-between;
}

.hide-overflow {
    overflow: hidden;
}

.hide-opacity {
    opacity: 0 !important;
    z-index: -1;
}

.hide {
    display: none !important;
}

.multiline-under.reverse-hover {
    background-size: 100% 1px;
}

.multiline-under {
    text-decoration: none;
    background-image: linear-gradient(#000, #000);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .5s;
}

.multiline-under.reverse-hover:hover, .multiline-under.reverse-hover:focus {
    background-size: 0% 1px;
}

.animate-letters, .animate-words, .animate-lines, .animate-opacity, .animate-up, .animate-down, .animate-right, .animate-left, .animate-zoomout, .animate-zoomin, .animate-opacity {
    opacity: 0;
    will-change: transform, opacity;
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
}

.animate-up {
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
    transition-property: transform, opacity;
    transform: translate3d(0, 80px, 0);
}

.animate-down {
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
    transition-property: transform, opacity;
    transform: translate3d(0, -80px, 0)
}

.animate-right {
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
    transform: translate3d(-150px, 0, 0);
    transition-property: transform, opacity
}

.animate-left {
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
    transform: translate3d(150px, 0, 0);
    transition-property: transform, opacity
}

.animate-zoomout {
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
    transform: scale(1.1);
    transition-property: transform, opacity
}

.animate-zoomin {
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
    transform: scale(0.9);
    transition-property: transform, opacity
}

.animated {
    transform: translate3d(0, 0, 0) scale(1) !important;
    opacity: 1 !important;
}

/****************** Color Css ******************/
.color-white { color: #fff; }
.color-sunglow { color: #FFCB2B; }
.color-resolution-blue { color: #040e44; }

.bg-resolution-blue { background-color: #040e44; }
.bg-white { background-color: #fff; }
.bg-cod-gray { background-color: #191919; }
.bg-black { background-color: #000; }
.bg-mountain-meadow { background-color: #18BA88; }
/****************** Color Css ******************/

/************************************ Project Css ************************************/
.projects .slider .inner .card a {
    width: 100%;
}

.projects .navigation-bar {
    margin-top: 100px;
    width: 60%;
    margin-left: 36px;
    position: absolute;
    bottom: 0;
}

.projects .custom-select {
    width: 288px;
}

.projects .section-header {
    padding-left: 142px;
    padding-right: 102px;
}

.projects.gallery .ms-wrapper .slider {
    padding-left: 250px;
    width: 100%;
    flex: 0 0 100%;
}

.projects.gallery .slider.infinitive .inner .card {
    width: calc((100% / 4) + 80px);
}

.projects.gallery .slider.infinitive .inner .card:nth-child(1) {
    left: calc(-1 * ((100% / 4) + 80px));
}

.projects.gallery .slider.infinitive .inner .card:nth-child(3) {
    left: calc(1 * ((100% / 4) + 80px));
}

.projects.gallery .slider.infinitive .inner .card:nth-child(4) {
    left: calc(2 * ((100% / 4) + 80px));
}

.projects.gallery {
    padding-bottom: 80px;
    border-bottom: 1px solid #12356C;
    margin-bottom: 90px;
}

.projects.gallery .slider.infinitive .inner .card:nth-child(5) {
    left: calc(3 * ((100% / 4) + 80px));
}

.projects.gallery .slider.infinitive .inner .card:nth-child(n + 6) {
    left: calc(4 * ((100% / 4) + 80px));
}

.projects.gallery .slider .inner {
    padding-top: 19.2%;
}

.projects.gallery .section-header {
    padding-left: 284px;
}

.projects .section-header .title {
    font-size: 30px;
    line-height: 1.2;
    color: #12356C;
    font-family: 'cf_asty_st_medium', sans-serif;
    padding-bottom: 0 !important;
}

.projects .view-all {
    position: relative;
    font-size: 13px;
    line-height: 17px;
    color: #12356C;
    font-family: 'cf_asty_st_medium', sans-serif;
    align-self: baseline;
}

.projects .view-all::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #12356C;
}

.projects .section-header {
    margin-bottom: 124px;
}

.projects .ms-wrapper .slider {
    width: calc(100% - 302px);
    flex: 0 0 calc(100% - 302px);
    padding-top: calc(43.2% + 100px);
}

.projects .ms-wrapper {
    padding-left: 142px;
}

.projects .slider .inner .card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background-color: #637DB7;
}

.projects .slider .inner {
    padding-top: 35.2%;
    position: relative;
    height: 0;
}

.projects .slider.infinitive .inner .card {
    position: absolute;
    inset: 0;
}

.projects .slider.infinitive.by-1 .inner .card:nth-child(1) {
    left: 0; 
}

.projects .slider.infinitive.by-1 .inner .card:nth-child(1)::after {
    content: none; 
}

.projects .slider.infinitive.by-2 .inner .card:nth-child(1) { left: 0; }
.projects .slider.infinitive.by-2 .inner .card:nth-child(2) { left: calc(1 * ((100% / 3) + 80px)); }
.projects .slider.infinitive.by-2 .inner .card:nth-child(2)::after { content: none; }

.projects .slider.infinitive.by-1 .inner .card:nth-child(1)::after {
    content: none; 
}

.projects .slider.infinitive .inner .card:nth-child(1) {
    left: calc(-1 * ((100% / 3) + 80px));
}

.projects .slider.infinitive .inner .card:nth-child(2) {
    left: 0;
}

.projects .slider.infinitive .inner .card:nth-child(3) {
    left: calc(1 * ((100% / 3) + 80px));
}

.projects .slider.infinitive .inner .card:nth-child(4) {
    left: calc(2 * ((100% / 3) + 80px));
}

.projects .slider.infinitive .inner .card:nth-child(n + 5) {
    left: calc(3 * ((100% / 3) + 80px));
}

.projects .slider.infinitive .inner .row .card-info {
    display: block;
}

.archive main .card-wrapper .card-info,
.projects .slider.infinitive .inner .row .card-info {
    text-align: left;
}

.archive main .card-wrapper .card-info .left-side,
.single-item .more-articles .card-wrapper .card .card-info .left-side {
    width: calc(100% - 39px);
    flex: 0 0 calc(100% - 39px);
    margin-right: 5px;
}

.archive main .card-wrapper .card-info .right-side,
.single-item .more-articles .card-wrapper .card .card-info .right-side {
    width: 29px;
    flex: 0 0 29px;
    height: 29px;
    margin-left: 5px;
    transform: rotate(-90deg);
}

.archive main .card-wrapper .card-info .right-side img,
.single-item .more-articles .card-wrapper .card .card-info .right-side img {
    object-fit: contain;
}

.projects .slider.infinitive .inner .card {
    width: calc((100% / 3) + 80px);
    white-space: normal;
    padding-left: 36px;
    padding-right: 36px;
}

.projects .slider .inner .card .card-info,
.archive main .card-wrapper .card-info,
.single-item .more-articles .card-wrapper .card .card-info {
    margin-top: 34px;
}

.projects .slider .inner .card .card-info .date,
.archive main .card-wrapper .card-info .date,
.single-item .more-articles .card-wrapper .card .card-info .date {
    font-size: 13px;
    line-height: 17px;
    color: #12356C;
    margin-bottom: 18px;
    font-family: 'cf_asty_st_medium', sans-serif;
}

.projects .slider .inner .card .card-info .title,
.archive main .card-wrapper .card-info .title,
.single-item .more-articles .card-wrapper .card .card-info .title {
    font-size: 18px;
    line-height: 25px;
    color: #12356C;
}
/************************************ Project Css ************************************/

/************************************ More Css ************************************/
.more .text {
    color: #00DED5;
    cursor: pointer;
}

.more {
    margin-top: 60px;
    transition: all .3s ease-in-out;
}

.more.off {
    opacity: 0;
    height: 0;
    margin-top: 0;
}

.more .text {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.14px;
    font-family: "cf_asty_st_medium", sans-serif;
}

.more img {
    /* width: 34px;
    height: 34px;
    flex: 0 0 34px; */
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    margin-left: 16px;
    cursor: pointer;
}
/************************************ More Css ************************************/

/*************************** Navigation Bar Css ***************************/
.navigation-bar .infinitive-navigation {
    width: 100%;
    height: 6px;
    position: relative;
}

.navigation-bar .infinitive-navigation::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background-color: #637CB7;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.navigation-bar .infinitive-navigation .indicator {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #63DBD4;
    z-index: 10;
    transition: all .3s ease-in-out;
}

.navigation-bar .navigation {
    margin-top: 50px;
    width: 166px;
}

.navigation-bar .navigation .chevron-wrapper {
    width: 28px;
    height: 28px;
}

/*************************** Navigation Bar Css ***************************/


.p-wrapper {
    display: flex;
    justify-content: end;
    width: 100%;
    flex: 0 0 100%;
}

.pagination .page-numbers {
    width: 35px;
    flex: 0 0 35px;
    height: 35px;
    font-size: 18px;
    line-height: 17px;
    letter-spacing: -0.18px;
    color: #12356C;
    font-family: 'cf_asty_st_medium', sans-serif;
    border: 1px solid #00DED5;
    align-items: center;
    justify-content: center;
    display: flex;
}

.pagination .page-numbers:not(:last-child) {
    margin-right: 10px;
}

.pagination .page-numbers.current {
    background-color: #00DED5;
}


/****************** Custom Select Css ******************/
/* .custom-select {
    width: 350px;
    padding: 25px 35px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
} */


.custom-select {
    position: relative;
}

.custom-select .custom-select-dropdown .item:not(:last-child) {
    margin-bottom: 12px;
}

.custom-select .text-wrapper {
    background-color: #12356C;
    padding: 16px 20px 16px 25px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    margin-left: auto;
    height: 100%;
}

.custom-select .custom-select-dropdown .item {
    text-align: left;
    width: 100%;
    font-size: 18px;
    line-height: 22px;
    font-family: "cf_asty_st_medium", sans-serif;
    color: #fff;
    letter-spacing: normal;
    background-image: linear-gradient(to right, #fff, #fff 50%, #63dbd5 50%);
}

.custom-select .custom-select-dropdown .item.no-selection {
    background-image: linear-gradient(to right, #63dbd5, #63dbd5 50%, #63dbd5 50%) !important;
    pointer-events: none;
    opacity: .6;
}

.custom-select-dropdown-wrapper {
    padding: 6px 12px;
    background-color: #12356c;
    border: 1px solid #fff;
}

.custom-select-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: calc(100% + 0px);
    background-color: #fff;
    box-sizing: border-box;
    border-top: none;
    z-index: 1;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.25s cubic-bezier(0, 1, 0, 1);
}

.custom-select.on .custom-select-dropdown {
    max-height: 500px;
    transition: max-height .5s ease-in-out;
}

.custom-select-dropdown-wrapper {
    padding: 10px 20px;
    border: 1px solid #000;
}

.custom-select-dropdown .item:not(.flex) {
    display: block;
}

.custom-select-dropdown .item {
    width: 100%;
    font-size: 25px;
    line-height: 45px;
    letter-spacing: 1.25px;
    font-family: 'Neutraface-Text-Greek-Book', sans-serif;
}
/****************** Custom Select Css ******************/

.filters-cont:not(.top-area) .cs:not(:last-child) {
    margin-bottom: 20px;
}

.filters-cont {
    margin-right: 20px;
}

.image-info .date {
    color: #00DED5;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 12px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.14px;
    font-family: "cf_asty_st_medium", sans-serif;
}

.text-bg-trans.black-to-gold {
    background-image: linear-gradient(to right, #D4AF37, #C5A028 50%, #000 50%);
}

.text-bg-trans.black-to-resolution-blue {
    background-image: linear-gradient(to right, #a91b1b, #ab0e0e 50%, #000 50%);
}

.text-bg-trans.white-to-resolution-blue {
    background-image: linear-gradient(to right, #D4AF37, #C5A028 50%, #fff 50%);
}

.text-bg-trans {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease;
    text-decoration: none;
}

.text-bg-trans:not(.no-hover):hover {
    background-position: 0 100%;
}

.default-pointer {
    cursor: default !important;
}

.custom-select {
    width: 288px;
}

[class*=acf-][class*="BG#12356c"] .custom-select .custom-select-dropdown .item {
    background-image: linear-gradient(to right, #ffffff, #ffffff 50%, #12356c 50%);
}

[class*=acf-][class*="BG#12356c"] .custom-select .text-wrapper {
    background-color: #00DED5;
}

[class*=acf-][class*="BG#12356c"] .custom-select .target-text {
    color: #12356C;
}

[class*=acf-][class*="BG#12356c"] .custom-select .text-wrapper .chevron::before,
[class*=acf-][class*="BG#12356c"] .custom-select .text-wrapper .chevron::after {
    background-color: #12356C;
}

[class*=acf-][class*="BG#12356c"] .custom-select .text-wrapper,
[class*=acf-][class*="BG#12356c"] .custom-select .custom-select-dropdown-wrapper {
    background-color: #49ded5;
}

[class*=acf-][class*="BG#12356c"] .custom-select .custom-select-dropdown-wrapper {
    border: 1px solid #49ded6;
    border-top-color: #12356c;
}

.custom-select .target-text {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.18px;
    color: #00DED5;
    font-family: 'cf_asty_st_medium', sans-serif;
}

.custom-select .text-wrapper .close {
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 25px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    color: #49ded5;
    justify-content: center;
}

.custom-select .text-wrapper img {
    width: 35px;
    flex: 0 0 35px;
    height: 30px;
    object-fit: contain;
    transform: rotate(-90deg);
    transition: all .3s ease-in-out;
}

.custom-select.on .text-wrapper img {
    transform: rotate(0deg);
}

.rm-list-style {
    list-style: none;
}


/* γενική μορφοποίηση στοιχείων και αρχικοποίηση */
body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, blockquote, figure{
    margin:0;
    padding:0;
    font-weight: normal;
}
ul { list-style: none; }
html {
    scroll-behavior: smooth;
}

body {
    position: relative;
    font-family: 'cf_asty_st_book', sans-serif;
    max-width: 2500px;
    margin: 0 auto;
    font-size: 0;
    cursor: default;
    overflow-x: hidden;
    color: #12356C;
    padding: 0 !important;
    margin: 0 !important;
}

body::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition: all .3s cubic-bezier(0.31, -0.105, 0.43, 1.4);
    z-index: -1;
}


body.modal-on::after {
    background-color: rgba(0,0,0,0.47);
    z-index: 20;
}

img{
    width: 100%;
    height: auto;
    display: block;
}

a {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}
address{
    font-style: normal;
}
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
.invert-icon img {
    filter: invert(1);
}

@supports (--custom:property) {
    [style*="--aspect-ratio"] {
        position: relative;
    }

    [style*="--aspect-ratio"]::before {
        content: "";
        display: block;
        padding-bottom: calc(100% / (var(--aspect-ratio)));
    }
    [style*="--aspect-ratio"] > :first-child {
        position: absolute;
        inset: 0;
    }
}

/* ===========================
    Flex Containers
=========================== */

.block {
    display: block;
}
.flex {
    display: flex;
}
.row-reverse {
    flex-direction: row-reverse;
}

.flex.col,
.inline-flex.col {
    flex-direction: column;
}

.inline-flex {
    display: inline-flex;
}

.flex-row {
    display: flex;
    flex-flow: row;
}

.flex-col {
    display: flex;
    flex-flow: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.just-center {
    justify-content: center;
}

.just-start {
    justify-content: flex-start;
}

.just-end {
    justify-content: flex-end;
}

.self-align-end {
    align-self: flex-end;
}

.just-spcbtwn {
    justify-content: space-between;
}

.just-spcrnd {
    justify-content: space-around;
}

.align-center {
    align-items: center;
}

.algn-fstart {
    align-items: flex-start;
}

.algn-start {
    align-items: start;
}

.algn-end {
    align-items: flex-end;
}

.self-align-center {
    align-self: center;
}

.align-self-start {
    align-self: flex-start;
}

.align-self-end {
    align-self: center;
}

.cover-fit {
    object-fit: cover;
}

.contain-fit {
    object-fit: contain;
}

/* ===========================
    Font Classes
=========================== */

/*  κεντράρισμα εικόνας*/
.img-center{
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
 }

/*  κρύψιμο οριζόντιας μπάρας κύλισης*/
.scrollbar-hide{
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/*  Κείμενο στο κέντρο του section */
.center-text {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*  wrappers    */

.wrapper {
    padding: 0 2rem;
    max-width: 1411px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box;
}

.full-w {
    width: 100% !important;
}

.full-h {
    height: 100%;
}

.wp-block-separator {
    height: 1px;
    background-color: #12356C;
    border: 0;
}

@media screen and (max-width: 980px) {
    .wrapper{
        padding: 0 2.65vw;
    }
}

@media screen and (max-width: 680px) {
    .wrapper{
        padding: 0 2.94vw;
    }
}

@media screen and (max-width: 450px) {
    .wrapper{
        padding: 0 3.3vw;
    }	
}


/**
 ** Chervon Css
 */

 .chevron-wrapper { position: relative; }
 .chevron-wrapper * { cursor: pointer; }

 .chevron-wrapper.disabled { opacity: .6; }
 .chevron {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }

.chevron.xs {
    width: 18px;
    height: 18px
}

.chevron.sm {
    width: 22px;
    height: 22px;
}

.chevron.md {
    width: 26px;
    height: 26px;
}

.chevron.lg {
    width: 30px;
    height: 30px;
}

.chevron::after, .chevron::before {
    content: "";
    bottom: 0;
    width: 50%;
    height: 2px;
    position: absolute;
    top: 50%;
}

.chevron.ex-light::after, .chevron.ex-light::before { height: 1px; }
.chevron.light::after, .chevron.light::before { height: 2px; }

.chevron.chathams-blue::after, .chevron.chathams-blue::before { background-color: #12356C; }
.chevron.black-color::after, .chevron.black-color::before, .chevron.black::after, .chevron.black::before { background-color: #000; }
.chevron.white::after, .chevron.white::before { background-color: #fff; }

.chevron::before {
    right: 2px;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    -ms-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
    transition: all 0.3s  ease-in-out;
}

.chevron::after {
    left: 2px;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    -ms-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    transition: all 0.3s ease-in-out;
}

.chevron-wrapper.left .chevron {
    transform: translate(-50%, -50%) rotate(90deg);
    transform-origin: center;
}

.chevron-wrapper.right .chevron {
    transform: translate(-50%, -50%) rotate(-90deg);
    transform-origin: center;
}


/* .chevron-wrapper {
    opacity: 1;
    transition: all .3s ease-in-out;
}

.chevron-wrapper.disabled {
    opacity: .3;
    pointer-events: none;
}

/* .chevron {
    position: relative;
    opacity: 1;
    transition: all .7s ease-in-out;
}

.chevron.sm {
    width: 18px;
    height: 18px;
}

.chevron .line {
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(90deg) translateX(-50%);
    width: 100%;
    height: 2px;
}

.chevron.icon-line.up::after,
.chevron.icon-line.up::before {
    top: calc(-50% + 2px);
}

.chevron.black .line {
    background-color: #000;
}

.chevron.md {
    width: 22px;
    height: 22px;
}

.chevron.disabled {
    opacity: 0;
}

.chevron:not(.up):not(.right):not(.left)::after { left: 2px; }
.chevron:not(.up):not(.right):not(.left)::before { right: 2px; }

.chevron.up:not(.sm):not(.md):not(.lg)::after { left: 12px; }
.chevron.up:not(.sm):not(.md):not(.lg)::before { right: 12px; }

.chevron.up.md::after { left: 9.2px; }
.chevron.up.md::before { right: 9.2px; }
.chevron.up.sm::after { left: 7.5px; }
.chevron.up.sm::before { right: 7.5px; }
.chevron.up.lg::after { left: 9px; }
.chevron.up.lg::before { right: 9px; }

.chevron.right { transform: scale(1) rotate(-90deg); }
.chevron.left { transform: scale(1) rotate(90deg); }

.chevron.right.disabled { transform: scale(0) rotate(-90deg); }
.chevron.left.disabled { transform: scale(0) rotate(90deg); } */

/**
 ** Chervon Css
 */


/*  γενικές κλάσεις  */

.hide-card-info .card-info {
    display: none;
}

/****************** Card Info Cover Css ******************/
.adv {
    position: relative;
    width: 100%;
    height: 100%;
}

.banner-wrapper.vertical .adv {
    width: 300px;
    margin: auto;
}

.banner-wrapper.horizontal .adv.lg {
    width: 970px;
    margin: auto;
}

.psticky {
    position: sticky;
    text-align: center;
}

.banner {
    height: auto;
    top: 90px;
}
/****************** Banner Css ******************/

.booking-calendar .btn-group {
    text-align: center;
    margin: 30px 0 0;
}

.lnkBtn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    height: 50px;
    line-height: 20px;
    padding: 0 25px;
    text-align: center;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid transparent;
    font-size: 16px;
    color: #000;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.lnkBtn:hover {
    background-color: #000;
    color: #fff;
}

.lnkBtn.withBorder {
    border-color: #000;
    font-weight: bold;
}


/****************** Social Css ******************/

/****************** Social Css ******************/


/****************** Tags Css ******************/

/****************** Tags Css ******************/

/****************** Scroll Bottom/Top Css ******************/
.scroll-to-top,
.scroll-to-bottom {
    z-index: 2;
    width: 0;
    padding: 0 10px;
}

.scroll-to-bottom.stick-to-bottom.v-center {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.scroll-to-bottom.stick-to-bottom-left {
    position: absolute;
    top: 83vh;
    left: 60px;
}

.scroll-to-top .text,
.scroll-to-bottom .text {
    position: absolute;
    left: 50%;
    font-size: 15px;
    line-height: 19px;
    color: #fff;
    letter-spacing: .75px;
    margin-top: -20px;
    font-family: 'Neutraface-Text-Greek-Book', sans-serif;
}

.scroll-to-top.rotated .text,
.scroll-to-bottom.rotated .text {
    transform: rotate(-90deg);
    transform-origin: left;
    -webkit-transform: rotate(-90deg);
}

.scroll-to-top:not(.rotated) .text,
.scroll-to-bottom:not(.rotated) .text {
    transform: translate(-50%, -65%);
    text-align: center;
}

.scroll-to-top .scroll-up,
.scroll-to-bottom .scroll-down {
    position: relative;
    width: 1px;
    height: 100px;
    margin-top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.scroll-to-top .scroll-up .line {
    -webkit-animation: scrollup 2.2s cubic-bezier(.76,0,.3,1) forwards infinite;
    animation: scrollup 2.2s cubic-bezier(.76,0,.3,1) forwards infinite;
}

.scroll-to-bottom .scroll-down .line {
    -webkit-animation: scrolldown 2.2s cubic-bezier(.76,0,.3,1) forwards infinite;
    animation: scrolldown 2.2s cubic-bezier(.76,0,.3,1) forwards infinite;
}

.scroll-to-top .scroll-up .line,
.scroll-to-bottom .scroll-down .line{
    width: 100%;
    height: 100%;
    display: block;
    background: -webkit-gradient(linear,left top, left bottom,color-stop(50%, #fff),color-stop(50%, rgba(255,255,255,0)));
    background: linear-gradient(to bottom,#fff 50%,rgba(255,255,255,0) 50%);
    background-position: 0 -100px;
    background-size: 100% 200%;
}

.scroll-to-bottom.v-center .scroll-down {
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
    -webkit-transform: translateX(-50%) rotate(180deg);
}

.point_to_form {
    position: fixed;
    top: 47%;
    transform: rotate(-90deg) translateY(-50%) translateX(50%);
    transform-origin: right center;
    right: 0px;
    background-color: #12356C;
    padding: 14px 50px;
    cursor: pointer;
}

.point_to_form .text {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    font-family: 'cf_asty_st_medium', sans-serif;
}

.point_to_form img {
    width: 23px;
    height: 23px;
    filter: invert(70%) sepia(71%) saturate(291%) hue-rotate(127deg) brightness(99%) contrast(86%);
    transform: scale(-1);
    margin-right: 33px;

}

@keyframes scrollup {
    0% {
        background-position: 0 -100px;
    }
    75% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 100px;
    }
}

@keyframes scrolldown {
    0% {
        background-position: 0 100px;
    }
    75% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -100px;
    }
}
/****************** Scroll Bottom/Top Css ******************/

/****************** ToolTip Css ******************/
.tooltip {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -135px;
    width: 120px;
    background-color: #ffcb2b;
    border-radius: 20px;
    visibility:hidden;
    opacity:0;
    transition:visibility 0.3s linear,opacity 0.3s linear;
}

.tooltip::after {
    position: absolute;
    content: "";
    top: 0;
    right: -14px;
    width: 0px;
    height: 0px;
    border-top: 11px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 30px solid #ffcb2b;
}

.tooltip .tooltip-wrapper {
    padding: 6px 15px;
    font-size: 17px;
    text-align: center;
}
/****************** ToolTip Css ******************/

a.animate-underline.gradient-meadow-gold {
    background-image: linear-gradient(to right, #fff, #fff),
    linear-gradient(270deg, #FFD03B 0%, #001E70 56%, #D6B243 100%);
}

a.animate-underline.gradient-white-to-gold {
    background-image: linear-gradient(to right, #fff, #fff),
    linear-gradient(270deg, #FEDB37 0%, #D1B464 56%, #D6B243 100%);
}

a.animate-underline {
    background-size: 100% 2px, 0 2px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}

a.animate-underline:hover,
a.animate-underline:focus {
    background-size: 0 2px, 100% 2px;
}

.on-mobile { display: none !important; }

.no-mobile:not(.flex):not(.inline-flex) { display: block; }
.no-mobile.flex { display: flex; }
.no-mobile.inline-flex { display: inline-flex; }

section:last-child {
    padding-bottom: 50px;
}

/******************************
 * DOWNLOAD BTN CSS ***********
 ******************************/

.download-btn {
    display: flex;
    width: 360px;
    flex: 0 0 360px;
    justify-content: center;
    background-color: #021A80;
    padding: 15px;
    box-sizing: border-box;
    margin-top: 20px;
    margin-left: auto;
    margin-bottom: 0 !important;
}

.download-btn > a {
    display: flex;
    align-items: center;
    justify-self: center;
}

.download-btn .text {
    font-size: 18px;
    line-height: 1.6;
    color: #fff;
    letter-spacing: .9px;
    font-family: 'Neutraface-Text-Demit', sans-serif;
}

.download-btn .circle {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: end;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    margin-left: 12px;
}

.download-btn .circle .chevron.sm {
    width: 26px;
    height: 20px;
}

.download-btn .circle .chevron.sm::after,
.download-btn .circle .chevron.sm::before {
    background-color: #091a80;
    height: 4px;
}

.download-btn .circle .chevron.sm:not(.up):not(.right):not(.left)::before {
    right: 3px;
}

.download-btn .circle .chevron.sm:not(.up):not(.right):not(.left)::after {
    left: 3px;
}

.download-btn .circle .chevron.sm .line{
    background-color: #091a80;
    height: 4px;
    left: 5px;
    width: 16px;
}

.btns-group {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 15px 10px;
}

.btns-group .download-btn {
    margin: 0;
}

.btns-group .download-btn:not(:last-child) {
    margin-right: 15px;
}

/******************************
 * DOWNLOAD BTN CSS ***********
 ******************************/

 .socialMenu a {
    position: relative;
    display: block;
    width: 28px;
    height: 28px;
    overflow: hidden;
    -webkit-transition: transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    -webkit-transition: -webkit-transform .4s;
  }

.socialMenu a::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background: url("../images/social.png") no-repeat;
  }

  .socialMenu a.slnk_fb::after {
    background-position: -12px -50px;
  }

  .socialMenu a.slnk_twit::after {
    background-position: -62px -50px;
  }

  .socialMenu a.slnk_youtube::after {
    background-position: -162px -50px;
  }

  .socialMenu a.slnk_instgrm::after {
    background-position: -212px -50px;
  }

  .socialMenu a.slnk_trip::after {
    background-position: -312px -50px;
  }

  .socialMenu a:hover {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  .card_wrapper .card {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3);
    padding: 0 30px;
    margin-bottom: 30px;
}

.card_wrapper .card .card-info {
    margin-top: 20px;
}

.card_wrapper .card .card-info.cover {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -90px;
    padding: 20px 25px 15px 25px;
    min-height: 170px;
}

.card_wrapper .card:hover .card-info.cover {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
}

.card_wrapper .card .card-info .title {
    font-family: "GothamSSm-Bold_Web", sans-serif;
    color: #000000;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

.card_wrapper .card .card-info {
    top: 0;
    padding: 20px 30px;
    background-color: #fff;
    z-index: 2;
    position: relative;
    transition: all .3s ease-in-out;
}

.card_wrapper .card .card-info .excerpt {
    line-height: 18px;
    font-size: 13px;
    margin-bottom: 10px;
    color: #000000;
    font-family: "GothamSSm-Book_Web", sans-serif;
}

.card_wrapper .card .card-image img {
    transition: all .3s ease-in-out;
}

.card_wrapper .card:hover .card-image img {
    transform: scale(1.1);
}

.card_wrapper .wrapper {
    max-width: 1304px;
}

.animate-line {
    position: relative;
}

.animate-line.ex-light {
    height: 1px;
}

.title.animate-line {
    overflow: hidden;
    width: 600px;
    letter-spacing: 2px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 40px;
    font-family: "GothamSSm-Light_Web", sans-serif;
    font-size: 19px;
    color: #000000;
    font-weight: 400;
}

.title.title:not(.animate-line) {
    position: relative;
    padding-bottom: 10px;
}

.title.animate-line span.text {
    display: block;
    padding-bottom: 10px;
    width: 100%;
    -webkit-transform: translateY(55px);
    -ms-transform: translateY(55px);
    -moz-transform: translateY(55px);
    -o-transform: translateY(55px);
    transform: translateY(55px);
    -webkit-transition: all .6s ease-in-out .1s;
    -o-transition: all .6s ease-in-out .1s;
    transition: all .6s ease-in-out .1s;
}

.delay-01s { transition-delay: .1s !important; }
.delay-02s { transition-delay: .2s !important; }
.delay-03s { transition-delay: .3s !important; }
.delay-04s { transition-delay: .4s !important; }
.delay-05s { transition-delay: .5s !important; }

.title.animate-line span:not(.text) {
    width: 0;
}

.title:not(.animate-line) span:not(.text) {
    width: 50%;
}

.title span:not(.text) {
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid #000;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.title span.b-left { left: 50%; }
.title span.b-right { right: 50%; }

.animate-line.animated span:not(.text) { width: 50%; }
.animate-line.animated span.text { 
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/* Page And Post Css */
.single-item .post-content .left-area > .title,
.page .post-content .left-area > .title,
.archive .wrapper > .title {
    font-size: 23px;
    line-height: 1;
    font-family: "GothamSSm-Bold_Web", sans-serif;
}

.archive .wrapper > .title {
    margin-bottom: 30px;
}

.single-item .post-content .wrapper .left-area,
.single-item .post-content .wrapper .right-area,
.page .post-content .wrapper .left-area,
.page .post-content .wrapper .right-area  {
    display: inline-block;
    vertical-align: top;
}

.single-item .post-content .wrapper .left-area,
.page .post-content .wrapper .left-area {
    width: 70%;
    padding-right: 30px;
}

.single-item .post-content .wrapper .right-area,
.page .post-content .wrapper .right-area {
    width: 30%;
    text-align: center;
    padding-left: 30px;
}

.single-item .post-content .wrapper .left-area > .content p, 
.page .post-content .wrapper .left-area > .content p {
    margin: revert;
    padding: revert;
}

/* .single-item .post-content .wrapper .left-area > .content,
.page .post-content .wrapper .left-area > .content {
    margin-top: 30px;
} */

.single-item .post-content .wrapper .left-area > .content a,
.page .post-content .wrapper .left-area > .content a {
    text-decoration: underline;
}

.single-item main section.welcome,
.page main section.welcome {
    margin-bottom: 25px;
}

.single-item .post-content .wrapper .left-area > .content h1, 
.page .post-content .wrapper .left-area > .content h1 {
    font-family: "GothamSSm-Bold_Web", sans-serif;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.single-item .post-content .right-area .phone_number,
.page .post-content .right-area .phone_number {
    display: inline-block;
}

.single-item .post-content .right-area .phone_number > .title,
.page .post-content .right-area .phone_number > .title {
    line-height: 1;
    font-size: 18px;
    font-family: "GothamSSm-Bold_Web", sans-serif;
    margin-bottom: 20px;
}

.single-item .post-content .right-area .phone_number .pn-wrapper,
.page .post-content .right-area .phone_number .pn-wrapper {
    color: #000000;
    font-size: 13px;
    font-family: "GothamSSm-Book_Web", sans-serif;
    justify-content: center;
}

.single-item .post-content .right-area .phone_number .pn-wrapper li a,
.page .post-content .right-area .phone_number .pn-wrapper li a {
    text-shadow: 0 0 1px transparent;
    transition: all .3s ease-in-out;
}

.single-item .post-content .right-area .phone_number .pn-wrapper li:hover a,
.page .post-content .right-area .phone_number .pn-wrapper li:hover a {
    text-shadow: 0 0 1px #000;
}

.single-item .post-content .right-area .phone_number .pn-wrapper:not(:last-child),
.page .post-content .right-area .phone_number .pn-wrapper:not(:last-child) {
    margin-bottom: 4px;
}

.single-item .post-content .content,
.page .post-content .content {
    line-height: 1.4;
    font-size: 13px;
    font-family: "GothamSSm-Book_Web", sans-serif;
}

.single-item .post-content .content p,
.page .post-content .content p {
    margin: revert
}

strong {
    font-family: "GothamSSm-Bold_Web", sans-serif;
}

.single-item .content .acf-post-properties,
.page .content .acf-post-properties {
    margin-bottom: 30px;
}

.single-item .post-content .bot-area,
.page .post-content .bot-area {
    margin-top: 70px;
}

body > .compare-it {
    position: fixed;
    top: 85px;
    left: 0;
    padding: 10px 20px;
    background-color: #f2f2f2;
    transform: scale(0);
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

body > .compare-it.on {
    opacity: 1;
    transform: scale(1);
    z-index: 999;
    pointer-events: auto;
}

body > .compare-it > .text {
    font-size: 14px;
    line-height: 1.2;
    font-family: "GothamSSm-Bold_Web", sans-serif;
    margin-right: 6px;
}

body > .compare-it .badge {
    font-size: 14px;
    padding: 5px;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    display: inline-block;
}

.compare-it-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.75);
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease-in-out;
}

.compare-it-modal.on {
    pointer-events: auto;
    z-index: 99999;
    opacity: 1;
}

.compare-it-modal .compit-wrapper {
    display: inline-block;
    width: 862px;
    text-align: center;
    position: relative;
    top: 50%;
    left: 50%;
    transform: scale(0) translate(-50%, -50%);    
    transform-origin: center top;
    opacity: 0;
    padding: 25px;
    background-color: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
    transition: all .3s ease-in-out .3s;
}

.compare-it-modal.on .compit-wrapper {
    transform: scale(1) translate(-50%, -50%);
    opacity: 1;
}

.compare-it-modal .compit-wrapper > .title {
    font-size: 19px;
    color: #4C4C4C;
    font-weight: 300;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 4px;
    border-bottom: 1px solid #000;
}

.compare-it-modal .compit-wrapper .table .head .cell,
.compare-it-modal .compit-wrapper .table .body .row .cell {
    font-family: "GothamSSm-Book_Web", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    width: 180px;
    display: inline-block;
    vertical-align: top;
    padding: 25px 15px;
    box-sizing: border-box;
    white-space: normal;
    text-align: center;
}

.compare-it-modal .compit-wrapper .table .row-wrapper .right-row {
    width: calc(100% - 180px);
}

.compare-it-modal .compit-wrapper .table .row-wrapper {
    max-height: 200px;
}

.compare-it-modal .compit-wrapper .table .row-wrapper .left-row,
.compare-it-modal .compit-wrapper .table .row-wrapper .right-row,
.compare-it-modal .compit-wrapper .table .head-wrapper .left-head,
.compare-it-modal .compit-wrapper .table .head-wrapper .right-head {
    display: inline-block;
    vertical-align: top;
}

.compare-it-modal .compit-wrapper .table .row-wrapper .left-row .row,
.compare-it-modal .compit-wrapper .table .row-wrapper .right-row .row {
    display: none;
}

.compare-it-modal .compit-wrapper .table .row-wrapper .left-row .row.on,
.compare-it-modal .compit-wrapper .table .row-wrapper .right-row .row.on {
    display: block;
}

.compare-it-modal .compit-wrapper .table .head-wrapper .left-head {
    position: relative;
    z-index: 2;
}

.compare-it-modal .compit-wrapper .table .cell {
    transition: all .3s ease-in-out;
}

.compare-it-modal .compit-wrapper .table .cell.active {
    background-color: #313131 !important;
    color: #fff;
}

.compare-it-modal .compit-wrapper .table .cell.semi-active {
    background-color: #8a8a8a !important;
    color: #fff;
}

.compare-it-modal .compit-wrapper .table .head .cell,
.compare-it-modal .compit-wrapper .table .body .row:nth-child(2n) .cell {
    background-color: #F2F2F2;
}

.compare-it-modal .compit-wrapper .table .head .cell {
    font-family: "GothamSSm-Bold_Web", sans-serif;
}

.compare-it-modal .compit-wrapper .table .head-wrapper,
.compare-it-modal .compit-wrapper .table .row-wrapper .right-row .row {
    white-space: nowrap;
}

.compare-it-modal .table {
    overflow: hidden;
}

.compare-it-modal .compit-wrapper .table .head .cell .text,
.compare-it-modal .compit-wrapper .table .body .row .cell .text {
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.compare-it-modal .compit-wrapper .close,
.slider-modal .close {
    text-align: center;
    position: absolute;
    top: -15px;
    right: -15px;
    font-size: 25px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
    cursor: pointer;
}

.card_wrapper .card .compare-it.on,
.card_wrapper .card .compare-it.on:hover {
    background-color: #737373;
}

.card_wrapper .card .compare-it:not(.on):hover {
    background-color: #000;
}

.card_wrapper .card .compare-it:hover .text,
.card_wrapper .card .compare-it.on .text {
    color: #fff;
}

.card_wrapper .card .compare-it .text {
    font-size: 14px;
    line-height: 1.2;
    font-family: "GothamSSm-Bold_Web", sans-serif;
    transition: all .3s ease-in-out;
    color: #000;
}

.card_wrapper .card .compare-it {
    position: absolute;
    top: 0;
    padding: 15px 25px;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease-in-out;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    cursor: pointer;
}

.card_wrapper .card.card:hover .compare-it,
.card_wrapper .card:hover .compare-it.on,
.card_wrapper .card .compare-it.on {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
}

/* Slider Modal CSS */
.slider-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.75);
}

.slider-modal {
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    transition: all .3s ease-in-out .3s;
}

.slider-modal.on {
    opacity: 1;
    z-index: 999;
    pointer-events: all;
    transition: all .3s ease-in-out;
}

.slider-modal .slider-wrapper {
    transform: scale(0) translate(-50%, -50%);
    transform-origin: left center;
    transition: all .3s ease-in-out;
}

.slider-modal.on .slider-wrapper {
    transform: scale(1) translate(-50%, -50%);
    transition: all .3s ease-in-out .3s;
}



.slider-modal .slider-wrapper {
    width: 1244px;
    height: 95%;
    position: relative;
    top: 50%;
    left: 50%;
}

.slider-modal .slider .inner {
    white-space: nowrap;
}

.slider-modal .slider .card {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.slider-modal .slider {
    height: 100%;
}

.slider-modal .slider.infinitive .inner .card.row .card-image {
    display: inline-block;
    position: relative;
    left: 50%;
    top: 50%;
    max-width: calc(100% - 32px);
    height: calc(100% - 31px);
    transform: translate(-50%, -50%);
    border: 1px solid #000;
    box-sizing: border-box;
}

.slider-modal .slider-wrapper .slider.infinitive > .navigation {
    display: none;
}

.slider-modal .slider .card .navigation-card {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 16px);
    left: 8px;
    z-index: 10;
}

.slider-modal .slider .card .navigation-card .chevron-wrapper {
    position: absolute;
    width: 36px;
    height: 36px;
    background-color: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
    display: inline-block;
}

.slider-modal .slider .card .navigation-card .chevron-wrapper.left {
    left: 0;
}

.slider-modal .slider .card .navigation-card .chevron-wrapper.right {
    right: 0;
}
.navigation .chevron-wrapper.left {
    transform: scaleX(-1);
}
/* Slider Modal CSS */

/* ACF Card Book */
.acf.card_book .card {
    padding: 0;
    font-size: 0;
}

.acf.card_book .card.image-to-left {
    flex-direction: row !important;
}

.acf.card_book .card.image-to-left .excerpt {
    text-align: left;
}

.acf.card_book .card.image-to-left .excerpt br {
    content: "A" !important;
    display: block !important;
    margin-bottom: 1em !important;
}

.acf.card_book .card.image-to-left .excerpt ul {
    list-style: unset;
    margin: revert;
    padding: revert;
}

.acf.card_book .card.image-to-left .card-image {
    width: calc(50% - 20px);
    margin-right: 20px;
    align-self: start;
}

.acf.card_book .card.image-to-left .card-info {
    width: calc(50% - 20px);
    margin-left: 20px;
    padding-top: 0;
}

.acf.card_book .card .card-info .excerpt p {
    margin-bottom: revert;
    padding: revert;
}

.acf {
    margin-bottom: 50px;
    overflow: hidden;
}

/* .card_book .slider:not(.infinitive) .card.by-3:not(:first-child):not(:nth-child(3n)):not(:nth-child(3n) + div) {
    margin-left: 80px;
    margin-right: 80px;
} */

.card_book .slider:not(.infinitive).has-border-between .card.by-3 {
    margin-top: 20px;
    margin-bottom: 60px;
}

.card_book .slider:not(.infinitive).has-border-between .card.by-3:not(:first-child):not(:nth-child(3n)):not(:nth-child(3n) + div)::after,
.card_book .slider:not(.infinitive).has-border-between .card.by-3:not(:first-child):not(:nth-child(3n)):not(:nth-child(3n) + div)::before {
    content: "";
    position: absolute;
    top: -20px;
    width: 1px;
    height: calc(100% + 40px);
    background-color: #000;
}

.card_book .slider:not(.infinitive).has-border-between .card.by-3:not(:first-child):not(:nth-child(3n)):not(:nth-child(3n) + div)::after {
    right: -40px;
}

.card_book .slider:not(.infinitive).has-border-between .card.by-3:not(:first-child):not(:nth-child(3n)):not(:nth-child(3n) + div)::before {
    left: -40px;
}

.card_book .slider:not(.infinitive) .inner {
    white-space: normal;
    text-align: center;
    justify-content: center;
}

.card_book .slider:not(.infinitive) .card {
    width: calc((100% / 3) - 54px);
    margin-bottom: 40px;
}

.card_book .slider:not(.infinitive) .card.by-2:first-child {
   margin-right: 40px;
}

.card_book .slider:not(.infinitive) .card.by-2:last-child {
    margin-left: 40px;
 }

 .card_book .slider:not(.infinitive) .card.by-2:first-child::after {
    content: "";
    position: absolute;
    top: -20px;
    width: 1px;
    height: calc(100% + 40px);
    background-color: #000;
    right: -40px;
 }

 .card_book .slider:not(.infinitive) .card.by-2 {
    margin-top: 50px;
    margin-bottom: 50px;
 }



.acf.card_book .card .card-info .excerpt h1,
.acf.card_book .card .card-info .excerpt h2,
.acf.card_book .card .card-info .excerpt h3,
.acf.card_book .card .card-info .excerpt h4,
.acf.card_book .card .card-info .excerpt h5,
.acf.card_book .card .card-info .excerpt h6 {
    display: block;
    margin: revert;
    padding: revert;
    font-family: "GothamSSm-Bold_Web", sans-serif;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.acf.card_book .card .card-info .excerpt h2 {
    font-size: 2.1em;
    margin-block-start: 0.7em;
    margin-block-end: 0.7em;
}

.acf.card_book .card .card-info .excerpt h2 {
    font-size: 1.7em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
}

.acf.card_book .card .card-info .excerpt h3 {
    display: block;
    font-size: 1.37em;
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.acf.card_book .card .card-info .excerpt h4 {
    font-size: 1.1em;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
}

.acf.card_book .card .card-info .excerpt h5 {
    font-size: 0.93em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
}

.acf.card_book .card .card-info .excerpt h6 {
    font-size: 0.77em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
}

.acf.card_book .card .card-info .excerpt strong {
    font-size: 14px;
    font-family: "GothamSSm-Bold_Web", sans-serif;
}

/* ACF Card Book */

.video .img-full,
.video .video-wrapper,
.acf.slider_wrapper .slider .inner .row .video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.video div.play-btn {
    position: absolute;
    top: 2rem;
    left: 2rem;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    width: 0;
    height: 0;
    border-top: 0.8rem solid transparent;
    border-bottom: 0.8rem solid transparent;
    border-left: 1rem solid #12356c;
}

.acf-page-preview-block .card .image.video .close {
    color: #fff;
}

.acf-page-preview-block .card .image.video .play-btn{
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    width: 0;
    height: 0;
    border-top: 2.8rem solid transparent;
    border-bottom: 2.8rem solid transparent;
    border-left: 4rem solid #ffffff;
}

.video .play-btn::before {
    transition: all 0.3s ease-out;
    content: "";
    position: absolute;
    background-color: transparent;
    width: 1rem;
    height: 1.6rem;
    top: -0.8rem;
}

.video .play-btn::after {
    transition: transform 0.4s ease-in-out;
    content: "";
    position: absolute;
    background-color: transparent;
    width: 1.5rem;
    height: 2rem;
    top: -1rem;
}

.video .custom-controls {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 10;
}

.video .custom-controls .custom-controls-wrapper .time-bar,
.video .custom-controls .custom-controls-wrapper .cc {
    display: inline-block;
    vertical-align: top;
}

.video .custom-controls .custom-controls-wrapper .time-bar {
    position: absolute;
    top: 10px;
    left: 4px;
    width: 20px;
    height: calc(100% - 20px);
}

.video .custom-controls .custom-controls-wrapper .time-bar .line {
    position: absolute;
    top: 0;
    left: 6px;
    background-color: rebeccapurple;
    width: 8px;
    height: 100%;
    border-radius: 8px;
}

.video .custom-controls .custom-controls-wrapper .cc {
    position: relative;
    left: 24px;
}

.video .custom-controls .custom-controls-wrapper .time-bar input[type="range"] {
    transform: rotate(90deg);
    transform-origin: bottom left;
    position: absolute;
    top: -19px;
    width: 0;
    z-index: 10;
    opacity: 0;
}

.video .custom-controls .video-time {
    font-size: 16px;
    color: #fff;
    padding: 10px;
}

.video .custom-controls .three-dots-container > .icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    padding: 10px;
    box-sizing: content-box;
    border-radius: 20px;
    background-color: transparent;
    transition: all .3s ease-in-out;
}

.video .custom-controls .play-pause-icon .ppi-wrapper > .icon.above,
.video .custom-controls .expand-shrink-icon .esi-wrapper > .icon.above {
    opacity: 1;
    z-index: 10;
    pointer-events: all;
}

.video .custom-controls .play-pause-icon .ppi-wrapper .icon,
.video .custom-controls .expand-shrink-icon .esi-wrapper .icon {
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    transition: all .3s ease-in-out;
}

.video .custom-controls .play-pause-icon .ppi-wrapper .icon,
.video .custom-controls .expand-shrink-icon .esi-wrapper .icon {
    position: absolute;
    inset: 0;
}

.video .custom-controls .play-pause-icon .ppi-wrapper,
.video .custom-controls .expand-shrink-icon .esi-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.video .custom-controls .play-pause-icon .ppi-wrapper .icon img,
.video .custom-controls .three-dots-container > .icon img,
.video .custom-controls .expand-shrink-icon .icon img {
    filter: invert(1);
}

.video .custom-controls .volume-container {
    display: inline-block;
}

.video .custom-controls .three-dots-container {
    display: inline-block;
    position: relative;
}

.video .custom-controls .three-dots-container .video-more-options {
    position: absolute;
    top: 0;
    left: 0;
    width: 210px;
    transform: scale(0);
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    transition: all .3s ease-in-out;
    transform-origin: top left;
    background-color: #fff;
}

.video .custom-controls .three-dots-container.expand .video-more-options {
    transform: scale(1);
    opacity: 1;
    z-index: 10;
    pointer-events: all;
}

.video .custom-controls .three-dots-container .video-more-options ul li {
    padding: 10px;
    transition: all .3s ease-in-out;
    background-color: transparent;
}

.video .custom-controls .three-dots-container .video-more-options ul li:hover {
    background-color: rgb(0 0 0 / 20%);
}

.video .custom-controls .three-dots-container .video-more-options ul li .list-dropdown {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform-origin: bottom right;
    transform: scale(0);
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    transition: all .3s ease-in-out;
}

.video .custom-controls .three-dots-container .video-more-options ul li .list-dropdown.on {
    transform: scale(1);
    opacity: 1;
    z-index: 10;
    pointer-events: all;
}

.video .custom-controls .three-dots-container .video-more-options ul li .icon {
    width: 24px;
    height: 24px;
    margin-right: 18px;
    display: inline-block;
    vertical-align: top;
}

.video .custom-controls .three-dots-container .video-more-options ul li .icon.tick {
    font-size: 15px;
    line-height: 1;
    color: #4285F4;
    width: auto;
    height: auto;
    margin-right: 12px;
    display: inline-block;
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    z-index: -1;
    transition: all .3s ease-in-out;
}

.video .custom-controls .three-dots-container .video-more-options ul li .icon.tick.on {
    opacity: 1;
    transform: scale(1);
    pointer-events: all;
    z-index: 2;
}

.video .custom-controls .three-dots-container .video-more-options ul li.back .icon img {
    transform: translate(-50%, -50%) scaleX(-1);
}

.video .custom-controls .three-dots-container .video-more-options ul li.download .icon img {
    width: 22px;
    height: 22px;
}

.video .custom-controls .three-dots-container .video-more-options ul li .icon img {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video .custom-controls .three-dots-container .video-more-options ul li.close_ .icon img {
    width: 16px;
    height: 16px;
}

.video .custom-controls .three-dots-container .video-more-options ul li.playback-spped .icon img {
    width: 24px;
    height: 24px;
}

.video .custom-controls .three-dots-container .video-more-options ul li.picture-in-picture .icon img {
    width: 22px;
    height: 20px;
}

.video .custom-controls .three-dots-container .video-more-options ul li .text {
    font-size: 13px;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
}

.video .custom-controls .sound-icon,
.video .custom-controls .play-pause-icon {
    padding: 10px;
    width: 24px;
    box-sizing: content-box;
    height: 24px;
    transition: all .3s ease-in-out;
    background-color: transparent;
    border-radius: 20px;
}

.video .custom-controls .expand-shrink-icon {
    padding: 10px;
    width: 20px;
    box-sizing: content-box;
    height: 20px;
    transition: all .3s ease-in-out;
    background-color: transparent;
    border-radius: 20px;
}

.video .custom-controls .sound-icon .icon {
    position: relative;
    width: 24px;
    height: 24px;
}

.video .custom-controls .sound-icon img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.video .custom-controls .sound-icon .line.mute {
    position: absolute;
    top: 50%;
    left: -4px;
    border-radius: 3px;
    height: 3px;
    width: calc(100% + 8px);
    background-color: #fff;
    transform: translateY(-50%) rotate(-45deg);
    opacity: 0;
    transition: all .3s ease-in-out;
}

.video .custom-controls .sound-icon.mute .line.mute {
    opacity: 1;
}

.video .custom-controls .expand-shrink-icon.on,
.video .custom-controls .sound-icon.on,
.video .custom-controls .three-dots-container > .icon.on {
    background-color: rgb(0 0 0 / 20%);
}

.video .custom-controls .sound-icon.on {
    height: 162px;
}

.video .custom-controls .sound-icon .range-container {
    transform: rotate(90deg);
    transform-origin: top left;
    position: relative;
    left: 20px;
    width: 0;
    height: 16px;
    transition: all .3s ease-in-out;
    top: 6px;
    left: 19px;
}

.video .custom-controls .sound-icon.on .range-container {
    width: 129px;
}

.video .custom-controls .sound-icon.on .range-container .circle.start {
    opacity: 1;
}

.video .custom-controls .sound-icon .range-container .line {
    position: absolute;
    top: 4px;
    left: 0px;
    height: 8px;
    width: 100%;
    border-radius: 8px;
    background-color: rebeccapurple;
}

.video .custom-controls .sound-icon .range-container .circle.start {
    opacity: 0;
    top: 50%;
    left: 38%;
    transform: translate(-50%, -50%);
}

.video .custom-controls .sound-icon .range-container .circle.start,
.video .custom-controls .custom-controls-wrapper .time-bar .line .circle.start {
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 14px;
    transition: opacity .3s ease-in-out;
}

.video .custom-controls .custom-controls-wrapper .time-bar .line .circle.start { 
    opacity: 1;
    left: -3px;
}

.range-container input[type="range"] {
    z-index: 2;
    margin: 0;
    opacity: 0;
    width: calc(100% + 16px);
    position: relative;
    left: -8px;
    cursor: pointer;
}

.video:not([data-video-type]) .close {
    position: absolute;
    top: 10px;
    color: #12356c;
    right: 10px;
    font-size: 35px;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease-in-out;
}

.acf[class*="acf-"]:not([class*="acf-welcome-"]):not([class*="acf-nav-"]) {
    padding-top: 120px;
    padding-bottom: 70px;
}

.video.show-video .video-wrapper {
    z-index: 2;
}

.video.show-video .video-wrapper > :first-child {
    width: 100%;
    height: 100%;
}

.video:not([data-video-type]):hover .close {
    opacity: 1;
    pointer-events: all;
}

.video.show-video .video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video .video-wrapper,
.video.show-video .img-full,
.video .close {
    transform: scale(0);
    z-index: -1;
    pointer-events: none;
}

.video.show-video.picture-in-picture .img-full {
    transform: scale(1);
    z-index: 2;
    pointer-events: all;
}

.page-ypovoli-viografikou form .form-control:not(.content)::before {
    content: none;
}

.page-ypovoli-viografikou .form-block > .title {
    display: none;
}

.video.show-video .img-full {
    z-index: 2;
}

.video.show-video .close {
    z-index: 3;
    opacity: 1;
}

.video .img-full,
.video.show-video .video-wrapper,
.video .close {
    transform: scale(1);
    pointer-events: all;
}

.video .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: scale(1) translate(-50%, -50%);
    z-index: 2;
    pointer-events: all;
}

.video.show-video .play-btn {
    transform: scale(0) translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
}

.video.show-video .video-wrapper video::-webkit-media-controls-start-playback-button {
    display: none;
}

span[style*="font-size"] {
    display: block;
}

span[style*="font-size: 24px"] {
    line-height: 1.5;
}

span[style*="font-size: 14px"] {
    line-height: 1.9;
}

/***************************************************/
/************* Main Content D-Post Css *************/
/***************************************************/
.main-content.d-post-type {
    max-width: 1200px;
    margin: auto;
}

.main-content.d-post-type .content {
    font-size: 18px;
    line-height: 1.6;
    width: 80%;
    margin-inline: auto;
    margin-block: 40px;
}

.main-content.d-post-type .content p {
    margin-top: revert;
    margin-bottom: 10px
}

.main-content.d-post-type .content ul {
    padding: revert;
    list-style: disc;
}

/* .main-content.d-post-type .content p img {
    width: auto;
    margin: auto;
} */

.main-content.d-post-type .file-cont {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.14px;
    font-family: "cf_asty_st_medium", sans-serif;
    justify-content: end;
    margin-top: 30px;
}
.main-content.d-post-type .file-cont a img {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    margin-left: 10px;
}

.main-content.d-post-type .file-cont .vd .text.v img {
    filter: invert(64%) sepia(99%) saturate(992%) hue-rotate(125deg) brightness(95%) contrast(101%)
}

.main-content.d-post-type .file-cont .vd .text:not(:last-child) {
    margin-bottom: 10px;
}

.main-content.d-post-type .file-cont .vd {
    align-items: end;
}
/***************************************************/
/************* Main Content D-Post Css *************/
/***************************************************/

/******************************
 * HIGHWAY CSS ****************
 ******************************/
.highway .main-map .map {
    position: relative;
    max-width: 1300px;
    margin: auto;
}

.highway .main-map .boak {
    position: absolute;
    bottom: 13%;
    font-size: 16px;
    color: #000;
    left: 60%;
    transform: translateX(-50%);
    cursor: pointer;
}

.highway .main-map .map-logos {
    position: absolute;
    cursor: pointer;
}

.highway .main-map .egnatia-logo {
    top: 13%;
    left: 33%;
    width: 150px;
}

.highway .main-map .nead-odos {
    top: 45%;
    left: 24%;
    width: 96px;
}

.highway .main-map .kentrikiodos {
    top: 34%;
    left: 30%;
    width: 120px;
}

.highway .main-map .olimpia-odos {
    top: 53%;
    left: 24%;
    width: 104px;
}


/******************************
 * HIGHWAY CSS ****************
 ******************************/


/****************** LightBox Css ******************/
#lightbox {
    position: fixed; 
    z-index: 1001;
    top: 0; 
    left: 0;
    width: 100vw; 
    height: 100vh;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5); 
    display: flex;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity ease 0.4s;
  }
  
  #lightbox .lightbox-wrapper > div {
      width: 100%;
      height: 82vh;
      margin: auto;
  }
  
  #lightbox .lightbox-wrapper .slider .outer,
  #lightbox .lightbox-wrapper .slider .outer .inner,
  #lightbox .lightbox-wrapper .slider .outer .inner .card {
      height: 100%
  }
  
  #lightbox .lightbox-wrapper .slider .outer .inner .card {
      display: inline-block;
      vertical-align: top;
      width: 100%;
  }
  
  #lightbox .lightbox-wrapper .slider .outer .inner .card .card-imge-wrapper {
      width: 100%;
  }
  
  #lightbox .lightbox-wrapper .slider .outer .inner .card .card-info {
      margin-top: 15px;
      white-space: initial;
  }
  
  #lightbox .lightbox-wrapper .slider .outer .inner .card .card-info .caption {
      font-size: 20px;
      line-height: 1.2;
      font-family: 'Neutraface-Text-Greek-Bold', sans-serif;
      color: #040e44;
  }
  
  #lightbox .lightbox-wrapper .slider .outer .inner .card .card-info .download-image {
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-size: 200% 100%;
      background-position: 100%;
      transition: background-position .3s ease-in-out;
      text-decoration: none;
      cursor: pointer;
      font-weight: bold;
      background-image: linear-gradient(to right, #C5A647, #C5A647 50%, #000 50%);
  }
  
  #lightbox .lightbox-wrapper .slider .outer .inner .card .card-info .download-image:hover {
      background-position: 0 100%;
  }
  
  
  #lightbox .lightbox-wrapper {
      position: relative;
      width: 1200px;
      padding: 35px;
      box-sizing: content-box;
      background-color: #efe8de;
          display: flex;
      align-items: center;
      justify-content: center;
  }
  
  #lightbox .lightbox-wrapper .slider .navigation-arrows .chevron-wrapper {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 50%;
      width: 34px;
      height: 34px;
      transform: translateY(-50%);
      cursor: pointer;
      background-color: #fff;
      border-radius: 50%;
      border: 1px solid #060e43;
      box-sizing: border-box;
  }
  
  #lightbox .lightbox-wrapper .slider .navigation-arrows .chevron-wrapper.left { left: 10px; }
  #lightbox .lightbox-wrapper .slider .navigation-arrows .chevron-wrapper.right { right: 10px; }
  
  #lightbox .lightbox-wrapper .slider .navigation-arrows .chevron-wrapper .chevron::before,
  #lightbox .lightbox-wrapper .slider .navigation-arrows .chevron-wrapper .chevron::after {
      background-color: #091a80;
  }
  
  #lightbox .lightbox-wrapper .slider .navigation-arrows .chevron-wrapper .chevron {
      width: 22px;
      height: 22px;
  }
  
  #lightbox .lightbox-wrapper .close {
      position: absolute;
      top: 5px;
      right: 10px;
      font-size: 36px;
      line-height: 1;
      color: #000652;
  }
   
  #lightbox.show {
    visibility: visible;
    opacity: 1;
  }
  
  #lightbox .lightbox-wrapper .slider .outer .inner .card .card-image-inner .simplebar-content {
      height: 100%;
  }
  
  #lightbox .lightbox-wrapper .slider .outer .inner .card.center .card-image-inner .simplebar-content {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  #lightbox img {
    width: 100%;
    object-fit: contain;
    height: auto;
  }

  /* CS Filter */
.cs.filter .custom-select .custom-select-dropdown {
    max-height: 500px;
    position: relative;
}

.cs.filter .custom-select .custom-select-dropdown-wrapper {
    background-color: transparent;
}

.cs.filter .custom-select .item {
    list-style: none;
}

/* div:empty {
    display: none;
} */

.cs.filter .custom-select .item a {
    position: relative;
    padding: 6px;
    font-size: 20px;
    color: #12356C;
    transition: all .3s ease-in-out;
}

.cs.filter .custom-select .item a:hover::after {
    transform: scale(1);
    opacity: 1;
}

.cs.filter .custom-select .item a::after {
    content: "";
    background-color: #63DBD4;
    position: absolute;
    inset: 0;
    transition: all .3s ease-in-out;
    transform: scale(0);
    opacity: 0;
    z-index: -1;
}

.cs.filter .custom-select .item a:hover {
    text-shadow: 0px 0px 2px #12356C;
}

.cs.filter .custom-select .item:not(:last-child) {
    margin-bottom: 8px;
}

.cs.filter .custom-select .custom-select-dropdown .item {
    text-align: left;
    width: 100%;
    font-family: "cf_asty_st_book", sans-serif;
    color: #12356c;
    letter-spacing: normal;
    background-image: none;
}

.cs.filter {
    padding-left: 0;
    width: 180px;
    flex: 0 0 180px;
    margin-right: 122px;
}

body:not(.home) main.disable_ws,
body:not(.home) main.is-project-article.disable_ws {
    margin-top: 0;
}

.cs.filter .custom-select {
    width: inherit;
}

.cs.filter .custom-select-dropdown-wrapper {
    border: none;
    height: 100%;
}
/* CS Filter */

/***************************************************************************************************
**************************************** Widget ShareHolder ****************************************
***************************************************************************************************/

.target-timi-metoxis .gauge-wrapper {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    backface-visibility: hidden;
    perspective: 1000;
}
.target-timi-metoxis .gauge {
    position: relative;
    top: 0;
    left: 0;
}
.target-timi-metoxis .box-wrap {
    height: 240px;
    width: 440px;
    box-sizing: border-box;
    /* overflow: hidden; */
    position: relative;
    margin: auto;
}
.target-timi-metoxis .box, .box-bg {
    transition: 1s all;
    top: 25px;
    left: 50%;
    position: absolute;
    width: 400px;
    height: 400px;
    border: 13px solid transparent;
    background: transparent;
    border-radius: 50%;
    clip: rect(0, 440px, 200px, 0px);
    /* -webkit-transform: rotate(-170deg);
    -moz-transform: rotate(-170deg);
    -ms-transform: rotate(-170deg);
    transform: rotate(-170deg); */
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    transform: rotate(-35deg);
    z-index: 2;
}
.target-timi-metoxis .box-bg {
    z-index: 1;
    border: 13px solid transparent;
    background: linear-gradient(#f4f4f4, #f4f4f4) padding-box, linear-gradient(to right,#12356C, #32DED5) border-box;
    transform: rotate(0deg) translateX(-50%);
}
.target-timi-metoxis .box {
    left: 22px;
}
.target-timi-metoxis .box .square {
    position: absolute;
    bottom: 50%;
    right: calc(-1 * (66px / 2));
    width: 54px;
    height: 54px;
    background: #fff;
    border-radius: 50%;
    border: 4px solid #63DBD4;
}

.target-timi-metoxis.card .price-time .price {
    position: relative;
    font-size: 60px;
    line-height: 1;
    color: #49ded5;
    font-family: 'cf_asty_st_medium', sans-serif;
    margin-bottom: 10px;
}

.target-timi-metoxis.card .price-time .time {
    position: relative;
    font-size: 13px;
    line-height: 1;
    color: #12356C;
}

.target-timi-metoxis.card .price-time {
    margin-top: -125px;
    display: inline-block;
    position: relative;
}

.target-timi-metoxis.card .price-time .more {
    /* margin-top: 60px; */
    margin-top: 40px;
}

.target-timi-metoxis.card .box-bg .percentage {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -0.16px;
    color: #12356C;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-100%);
}

.target-timi-metoxis.card .card-info {
    text-align: center;
}

.target-timi-metoxis.card .more {
    font-family: 'cf_asty_st_medium', sans-serif;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: -.13px;
    color: #00DED5;
    margin-top: auto;
}

.target-timi-metoxis.card .card-info .title {
    font-size: 20px;
    line-height: 1.1;
    font-family: 'cf_asty_st_medium', sans-serif;
    color: #12356C;
    padding-bottom: 0;
}

@media screen and (max-width: 1580px) {
    .target-timi-metoxis .box-wrap {
        height: 180px;
        width: 380px;
    }

    .target-timi-metoxis.card .price-time {
        margin-top: -78px;
        display: inline-block;
        position: relative;
    }

    .target-timi-metoxis.card .price-time .price {
        font-size: 50px;
    }
    
    .target-timi-metoxis.card .price-time .more {
        margin-top: 40px;
    }

    .target-timi-metoxis.card .card-info .title {
        margin-bottom: 53px;
    }

    .target-timi-metoxis.card .more {
        font-size: 12px;
        line-height: 15px;
    }

    .target-timi-metoxis.card .box-bg .percentage {
        font-size: 14px;
        top: 53%;
        right: 8px;
    }

    .target-timi-metoxis .box, .box-bg {
        top: 10px;
        width: 340px;
        height: 340px;
        border-radius: 50%;
        clip: rect(0, 380px, 180px, 0px);
    }

    .target-timi-metoxis .box-bg {
        border: 10px solid transparent;
    }

    .target-timi-metoxis .box .square {
        position: absolute;
        bottom: 50%;
        width: 40px;
        height: 40px;
        right: calc(-1 * (54px / 2));
    }

    .target-timi-metoxis .card .price-time .time {
        font-size: 12px;
    }
}

/***************************************************************************************************
**************************************** Widget ShareHolder ****************************************
***************************************************************************************************/

.skeleton-loader {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(90deg, #88a2cc 25%, #7ecdc9 50%, #88a2cc 75%); */
    background: linear-gradient(90deg, #88a2cc6e 25%, #7ecdc94f 50%, #88a2cc6e 75%);
    background-size: 200% 100%;
    animation: loading 2s infinite ease-in-out;
    border-radius: 8px;
    opacity: 1;
    transition: all .3s ease-in-out;
}

.loading-text.off .skeleton-loader,
.loading-text .text {
    opacity: 0;
}

.loading-text .text { transition: all .3s ease-in-out; }

.loading-text.off .text {
    opacity: 1;
}

@keyframes loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
  
  @media screen and (max-width: 1260px) {
      #lightbox .lightbox-wrapper {
          position: relative;
          width: 80%;
          min-height: 60vh;
      }
  
      #lightbox .lightbox-wrapper > div {
          width: 90%;
      }
  }
  
  @media screen and (max-width: 640px) {
      #lightbox .lightbox-wrapper > div {
          width: 90%;
      }
  
      
  }
  
  @media screen and (max-width: 520px) {
      #lightbox .lightbox-wrapper .close {
          top: 1.92vw;
          right: 1.92vw;
          font-size: 10.6vw;
      }
  }

  /****************** LightBox Css ******************/

  .acf-media-library-gallery-block .slider-cont,
  .acf-category-previw-block .slider-cont {
    position: fixed;
    inset: 0;
    z-index: 999;
    background-color: rgb(255 255 255 / 54%);
    transition: all .3s ease-in-out;
    transform: scale(0);
}

.acf-media-library-gallery-block .slider-cont.on,
.acf-category-previw-block .slider-cont.on {
    transform: scale(1);
}

.acf-media-library-gallery-block .slider-cont .slider.full:not(.infinitive),
.acf-category-previw-block .slider-cont .slider.full:not(.infinitive) {
    width: 90vw;
    height: 90vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 24px;
    box-sizing: border-box;
    border: 1px solid #12356c;
    background-color: #fff;
}

.acf-media-library-gallery-block .slider-cont .slider .navigation .chevron-wrapper,
.acf-category-previw-block .slider-cont .slider .navigation .chevron-wrapper {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
    background-color: #ffffff;
    border-radius: 50%;
}

.acf-media-library-gallery-block .slider-cont .slider .navigation .chevron-wrapper.left,
.acf-category-previw-block .slider-cont .slider .navigation .chevron-wrapper.left {
    left: 34px;
}

.acf-media-library-gallery-block .slider-cont .slider .navigation .chevron-wrapper.right,
.acf-category-previw-block .slider-cont .slider .navigation .chevron-wrapper.right {
    right: 34px
}

.acf-media-library-gallery-block .slider-cont .slider .outer .inner .card .donwload,
.acf-category-previw-block .slider-cont .slider .outer .inner .card .donwload {
    font-size: 14px;
    color: #000;
    margin-top: 20px;
    display: flex;
    justify-content: end;
    height: 27px;
}

.acf-media-library-gallery-block .slider-cont .slider .outer .inner .card .donwload a,
.acf-category-previw-block .slider-cont .slider .outer .inner .card .donwload a {
    display: flex;
    align-items: center;
}

.acf-media-library-gallery-block .slider-cont .slider .outer .inner .card .donwload img,
.acf-category-previw-block .slider-cont .slider .outer .inner .card .donwload img {
    width: 17px;
    height: 27px;
    flex: 0 0 17px;
    margin-right: 8px;
}

.acf-media-library-gallery-block .slider-cont .slider .outer .inner .card.has-download .card-image,
.acf-category-previw-block .slider-cont .slider .outer .inner .card.has-download .card-image {
    height: calc(100% - 47px);
}

.acf-media-library-gallery-block .slider-cont .slider .outer .inner .card:not(.has-download) .card-image,
.acf-category-previw-block .slider-cont .slider .outer .inner .card:not(.has-download) .card-image {
    height: 100%;
}

.acf-media-library-gallery-block .slider-cont .slider .outer,
.acf-media-library-gallery-block .slider-cont .slider .outer .inner,
.acf-media-library-gallery-block .slider-cont .slider .outer .inner .card,
.acf-category-previw-block .slider-cont .slider .outer,
.acf-category-previw-block .slider-cont .slider .outer .inner,
.acf-category-previw-block .slider-cont .slider .outer .inner .card {
    padding-top: 0;
    width: 100%;
    height: 100%;;
}

.acf-media-library-gallery-block .slider-cont .slider .outer .inner .card .play-btn,
.acf-category-previw-block .slider-cont .slider .outer .inner .card .play-btn {
    background: transparent;
    padding: 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    border-top: 0.8rem solid transparent;
    border-bottom: 0.8rem solid transparent;
    border-left: 1rem solid transparent;
}

.acf-media-library-gallery-block .slider-cont .slider .outer .inner .card .video,
.acf-category-previw-block .slider-cont .slider .outer .inner .card .video {
    position: absolute;
    inset: 0;
}

.acf-media-library-gallery-block .slider-cont .slider .outer .inner .card .play-btn .text,
.acf-category-previw-block .slider-cont .slider .outer .inner .card .play-btn .text {
    font-size: 16px;
    line-height: 1.2;
}

.acf-media-library-gallery-block .slider-cont .slider .close,
.acf-category-previw-block .slider-cont .slider .close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #12356c;
    cursor: pointer;
}

.acf-media-library-gallery-block .slider-cont .slider .outer .inner .card .video .close,
.acf-category-previw-block .slider-cont .slider .outer .inner .card .video .close {
    top: 94px;
    right: 16px;
    border: 0;
    background-color: transparent;
}

.acf-media-library-gallery-block .slider-cont .slider .outer .inner .card .video .close > span,
.acf-category-previw-block .slider-cont .slider .outer .inner .card .video .close > span {
    background-color: #fff;
}

.acf-media-library-gallery-block .slider-cont .slider .close > span,
.acf-category-previw-block .slider-cont .slider .close > span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 1px;
    background-color: #12356c;
}

.acf-media-library-gallery-block .slider-cont .slider .close > span:nth-child(1),
.acf-category-previw-block .slider-cont .slider .close > span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg);
}

.acf-media-library-gallery-block .slider-cont .slider .close > span:nth-child(2),
.acf-category-previw-block .slider-cont .slider .close > span:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.acf-media-library-gallery-block .slider-cont .slider .outer .inner .card .video.show-video .attach-video,
.acf-category-previw-block .slider-cont .slider .outer .inner .card .video.show-video .attach-video {
    width: 100%;
}

.acf-media-library-gallery-block .slider-cont .slider .outer .inner .card .play-btn .play,
.acf-category-previw-block .slider-cont .slider .outer .inner .card .play-btn .play {
    height: 0;
    width: 0;
    margin-left: -20px;
    background: none;
    border: none;
    border-top: 1.5rem solid transparent;
    border-bottom: 1.5rem solid transparent;
    border-left: calc(1.5rem * 2 * 0.86) solid #12356c;
}


.hidden {
    opacity: 0;
    transition: opacity .6s linear;
}

.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: .6s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.slogan {
    font-size: 40px;
    line-height: 1.2;
    color: #12356C;
    display: inline-block;
    padding: 0 74px;
    margin-bottom: 32px;
    width: 100%;
    text-align: left;
}

.slogan span[style*="text-decoration: underline"] {
    padding: 2px;
    position: relative;
    text-decoration: none !important;
}

.slogan span[style*="text-decoration: underline"]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
    background-color: #32DED5;
    width: 0;
    transition: all .8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.slogan span[style*="text-decoration: underline"].animated::after {
    width: 100%;
}

.load-more {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100vw;
    height: 100vh;
    transition: all .3s ease-in-out;
    background-color: #12356C;
    pointer-events: none;
    z-index: -1;
}

.load-more.on {
    pointer-events: auto;
    opacity: .8;
    z-index: 1;
}

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .lds-ripple div {
    width: 100%;
    height: 100%;
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: lds-ripple 1.2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }
  .lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
  }
  @keyframes lds-ripple {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0);
    }
    4.9% {
      height: 0;
      opacity: 0;
      transform: translate(-50%, -50%) scale(0);
    }
    5% {
      width: 0;
      height: 0;
      opacity: 1;
      transform: translate(-50%, -50%) scale(0);
    }
    100% {
      opacity: 0;
      transform: translate(-50%, -50%) scale(1);
    }
  }

@media screen and (max-width: 1620px) {
    body.home .slogan {
        font-size: 32px;
        padding: 0 30px;
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 1520px) {
    .projects .ms-wrapper {
        padding-left: 2rem;
    }

    .projects .section-header {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .projects .section-header .title {
        font-size: 25px;
    }

    .projects .slider.infinitive .inner .card {
        padding-left: 20px;
        padding-right: 20px;
    }

    .projects .cs.filter {
        padding-left: 0;
        width: 180px;
        flex: 0 0 180px;
        margin-right: 60px;
    }

    .projects .ms-wrapper .slider {
        width: calc(100% - 240px);
        flex: 0 0 calc(100% - 240px);
    }

    .more .text {
        font-size: 12px;
        line-height: 1;
    }

    .more img {
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        margin-left: 14px;
    }
    
}


@media screen and (max-width: 1320px) {
    .projects .ms-wrapper {
        padding-left: 1rem;
    }

    body:not(.home) main {
        margin-top: calc(76vh - 114px);
    }

    body:not(.home) main.no-wsi {
        margin-top: 0;
    }
    

    .projects .slider .inner .card .card-info .title, .archive main .card-wrapper .card-info .title, .single-item .more-articles .card-wrapper .card .card-info .title {
        font-size: 16px;
        line-height: 23px;
    }

    .projects .section-header {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .cs.filter {
        padding-left: 0;
        width: 160px;
        flex: 0 0 160px;
        margin-right: 80px;
    }

    .cs.filter .custom-select .item a {
        padding: 4px 8px;
        font-size: 18px;
    }

    .cs.filter .custom-select .item:not(:last-child) {
        margin-bottom: 4px;
    }

    .wrapper {
        padding: 0 1rem;
    }

    .projects .slider .inner .card .card-info, 
    .archive main .card-wrapper .card-info, 
    .single-item .more-articles .card-wrapper .card .card-info {
        margin-top: 24px;
    }

    .projects .slider .inner .card .card-info .date, 
    .archive main .card-wrapper .card-info .date, 
    .single-item .more-articles .card-wrapper .card .card-info .date {
        font-size: 12px;
        line-height: 1.2;
        margin-bottom: 10px;
    }

    .acf[class*="acf-"]:not([class*="acf-welcome-"]):not([class*="acf-nav-"]) {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .more .text {
        font-size: 12px;
        line-height: 15px;
        letter-spacing: -0.13px;
    }    

    .more img {
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
        margin-left: 6px;
        cursor: pointer;
    }

    .custom-select .text-wrapper {
        padding: 15px 10px;
    }

    .more { margin-top: 40px; }
    
    
}

@media screen and (max-width: 1240px) {
    .projects .navigation-bar {
        margin-top: 74px;
        width: 80%;
        margin-left: auto;
    }    

    .navigation-bar .navigation {
        margin-top: 38px;
        width: 150px;
    }

    .navigation-bar .navigation .chevron-wrapper {
        width: 22px;
        height: 22px;
    }
}

@media screen and (max-width: 1180px) {
    .acf-media-library-gallery-block .slider-cont .slider {
        height: 70vh;
    }
} 

@media screen and (max-width: 1020px) {
    body:not(.home) main {
        margin-top: calc(76vh - 60px);
    }

    .point_to_form {
        display: none;
    }

    .projects .slider .inner .card .card-info .date, .archive main .card-wrapper .card-info .date, .single-item .more-articles .card-wrapper .card .card-info .date {
        font-size: 11px;
        line-height: 1.2;
        margin-bottom: 7px;
    }

    .projects .slider .inner .card .card-info .title, .archive main .card-wrapper .card-info .title, .single-item .more-articles .card-wrapper .card .card-info .title {
        font-size: 15px;
        line-height: 1.2;
        color: #12356C;
    }

    .archive main .card-wrapper .card-info .right-side, .single-item .more-articles .card-wrapper .card .card-info .right-side {
        width: 26px;
        flex: 0 0 26px;
        height: 26px;
    } 

    /* .cs.filter {
        width: 150px;
        flex: 0 0 150px;
        margin-right: 40px;
    } */

    /* .cs.filter .custom-select .item a {
        font-size: 16px;
    } */
}


.on-1120.block, .on-1120.flex { display: none !important; }
.no-1120.block { display: block !important; } 
.no-1120.flex { display: flex !important; }
@media screen and (max-width: 1120px) {
    .on-1120.block { display: block !important; } 
    .on1-1120.flex { display: flex !important; }
    .no-1120.block, .no-1120.flex { display: none !important; }
    .projects .slider.infinitive .inner .card {
        width: calc((100% / 2) + 80px);
        white-space: normal;
    }

    .projects .slider.infinitive .inner .card:nth-child(3) {
        left: calc(1 * ((100% / 2) + 80px));
    }

    .projects .slider.infinitive .inner .card:nth-child(1) {
        left: calc(-1 * ((100% / 2) + 80px));
    }

    .projects .slider.infinitive .inner .card:nth-child(4) {
        left: calc(2 * ((100% / 2) + 80px));
    }

    .projects .slider.infinitive .inner .card:nth-child(n + 5) {
        left: calc(3 * ((100% / 2) + 80px));
    }

    .projects .slider .inner {
        padding-top: 52.2%;
    }
}

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

    .projects .ms-wrapper .slider {
        padding-top: calc(61.2% + 100px);
    }

    .custom-select .custom-select-dropdown .item:not(:last-child) {
        margin-bottom: 6px;
    }
}

.on-820.block, .on-820.flex { display: none !important; }
.no-820.block { display: block !important; } 
.no-820.flex { display: flex !important; }
@media screen and (max-width: 820px) {
    .on-820.block { display: block !important; } 
    .on-820.flex { display: flex !important; }
    .no-820.block, .no-820.flex { display: none !important; }

    body:not(.home) main {
        margin-top: calc(76vh - 0px);
    }

    .cs.filter .custom-select .item a {
        font-size: 14px;
        width: 100%;
        padding: 4px 18px;
        color: #49ded5;
    }

    .cs.filter {
        width: 100%;
        flex: 0 0 100%;
        margin-right: 0;
        display: flex;
        justify-content: right;
        margin-bottom: 32px;
    }

    .cs.filter .custom-select {
        width: 150px;
    }

    .cs.filter .text-wrapper .chevron {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
    }

    .cs.filter .text-wrapper .chevron.white::after, 
    .cs.filter .text-wrapper .chevron.white::before {
        background-color: #00DED5;
    }

    .cs.filter .custom-select .target-text {
        font-size: 14px;
        line-height: 17px;
        letter-spacing: -0.14px;
    }

    .cs.filter .custom-select .custom-select-dropdown {
        max-height: 0;
        position: absolute;
        background-color: #12356c;
    }

    .cs.filter .custom-select.on .custom-select-dropdown {
        max-height: 500px; 
    }

    .cs.filter .custom-select .item a:hover {
        text-shadow: none;
    }

    .cs.filter .custom-select .item a::after { 
        content: none;
    }

    .cs.filter .custom-select .item:not(:last-child) {
        margin-bottom: 0;
    }

    .acf[class*="acf-"]:not([class*="acf-welcome-"]):not([class*="acf-nav-"]) {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .more .text {
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.14px;
    }

    .more img {
        width: 46px;
        height: 46px;
        flex: 0 0 46px;
        margin-left: 20px;
    }

    .projects .slider .inner .card .card-info, .archive main .card-wrapper .card-info, .single-item .more-articles .card-wrapper .card .card-info {
        margin-top: 34px;
    }

    .projects .slider .inner .card .card-info .date, .archive main .card-wrapper .card-info .date, .single-item .more-articles .card-wrapper .card .card-info .date {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 12px;
        color: #49ded5;
        font-family: 'cf_asty_st_medium', sans-serif;
    }

    .projects .slider .inner .card .card-info .title, .archive main .card-wrapper .card-info .title, .single-item .more-articles .card-wrapper .card .card-info .title {
        font-size: 18px;
        line-height: 25px;
        color: #12356C;
        font-family: 'cf_asty_st_medium', sans-serif;
        padding-bottom: 0;
    }
    .archive main .card-wrapper .card-info .right-side, .single-item .more-articles .card-wrapper .card .card-info .right-side {
        display: none;
    }

    .archive main .card-wrapper .card-info .left-side, .single-item .more-articles .card-wrapper .card .card-info .left-side {
        width: 100%;
        flex: 0 0 100%;
        margin-right: 0;
    }

    .cs.filter {
        padding-left: 1rem;
        padding-right: 1rem;
        box-sizing: border-box;
    }

    .projects .ms-wrapper {
        flex-wrap: wrap;
    padding-left: 0;
    justify-content: center;
    }

    .projects .cs.filter {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
        margin-right: 0;
        padding: 0 20px;
        align-items: center;
        justify-content: space-between;
        z-index: 10;
    }

    .projects .slider .inner {
        padding-top: 60.2%;
    }

    .projects .ms-wrapper .slider {
        width: 100%;
        flex: 0 0 100%;
    }

    .projects .ms-wrapper > .view-all {
        margin-top: 70px;
    }

    .projects .cs.filter .section-header {
        margin-bottom: 0;
        padding: 0;
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
    }

    .projects .cs.filter .custom-select {
        width: 100%;
    }

    .projects .cs.filter .custom-select .text-wrapper {
        background-color: transparent;
    }

    .projects .cs.filter .custom-select .text-wrapper .target-text {
        opacity: 0;
    }

    .projects .cs.filter .custom-select .text-wrapper .chevron {
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
    }

    .projects .cs.filter .custom-select .text-wrapper .chevron::after,
    .projects .cs.filter .custom-select .text-wrapper .chevron::before {
        background-color: #12356c;
    }
    
    .projects .cs.filter .custom-select .custom-select-dropdown {
        background-color: #fff;
    }

    .projects .cs.filter .custom-select .item a {
        font-size: 18px;
        width: 100%;
        padding: 6px 10px;
        color: #12356c;
        font-family: 'cf_asty_st_medium', sans-serif;
    }

    .projects .cs.filter .custom-select .item:first-child a {
        padding-top: 12px;
    }

    .projects .cs.filter .custom-select .item:last-child a {
        padding-bottom: 12px;
    }
    
}

@media screen and (max-width: 720px) {
    .highway .main-map .egnatia-logo {
        top: 13%;
        left: 29%;
        width: 120px;
    }

    .highway .main-map .kentrikiodos {
        top: 35%;
        left: 31%;
        width: 100px;
    }

    .highway .main-map .nead-odos {
        top: 45%;
        left: 24%;
        width: 78px;
    }

    .highway .main-map .olimpia-odos {
        top: 52%;
        left: 21%;
        width: 84px;
    }

    .highway .main-map .boak {
        bottom: 12%;
        font-size: 13px;
    }
}

@media screen and (max-width: 680px) {
    .projects .slider .inner {
        padding-top: 70.2%;
    }
}

@media screen and (max-width: 640px) {
    body:not(.home) main {
        margin-top: 0;
    }
}

@media screen and (max-width: 540px) {
    .projects .slider .inner {
        padding-top: 85.2%;
    }

    .single-item .heading-title {
        margin-top: 100px;
    }
    
    .projects .slider.infinitive .inner .card {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .projects .cs.filter {
        padding: 0;
    }

    .projects .cs.filter .custom-select .text-wrapper {
        padding: 1rem;
    }

    .projects .cs.filter .section-header {
        left: 1rem;
    }

    .acf[class*="acf-"]:not([class*="acf-welcome-"]):not([class*="acf-nav-"]) {
        padding-top: 25px;
        padding-bottom: 25px;
    } 

    .main-content.d-post-type {
        max-width: 100%;
        margin: auto;
    }

    .main-content.d-post-type .content {
        width: 100%;
    }
}

@media screen and (max-width: 520px) {
    .highway .main-map .boak {
        bottom: 12%;
        font-size: 11px;
    }

    .highway .main-map .egnatia-logo {
        top: 18%;
        left: 40%;
        width: 100px;
    }

    .highway .main-map .kentrikiodos {
        top: 35%;
        left: 31%;
        width: 82px;
    }

    .highway .main-map .olimpia-odos {
        top: 52%;
        left: 18%;
        width: 76px;
    }

    .highway .main-map .nead-odos {
        top: 42%;
        left: 5%;
        width: 70px;
    }
}

.acf[data-uid*="syneisfora_stoys_stochoys_viosimis_anaptyxis"] .card .card-info,
.acf[data-uid*="our_sdg's_contribution"] .card .card-info {
    width: 100% !important;
    flex: 0 0 100% !important;
}

.acf[data-uid*="syneisfora_stoys_stochoys_viosimis_anaptyxis"] .card .card-info .title,
.acf[data-uid*="our_sdg's_contribution"] .card .card-info .title {
    text-align: center !important;
}

.acf[data-uid*="etairikes_anakoinoseis_/_gnostopoiisi_synallagon_–_rythmizomenes_plirofories"] .card .content {
    display: none;;
}

.share-buttons {
  margin: 2rem 0;
  padding: .5rem;
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .9rem;
}

.share-buttons span {
  font-weight: bold;
}

.share-btn {
  text-decoration: none;
  padding: .3rem .6rem;
  border-radius: .25rem;
  transition: background .2s;
  cursor: pointer;
}
.share-btn.fb { background: #3b5998; color: #fff; }
.share-btn.tw { background: #1da1f2; color: #fff; }
.share-btn.li { background: #0077b5; color: #fff; }
.share-btn.native { background: #666; color: #fff; }

.share-btn:hover {
  opacity: .8;
}