.am { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; }
.am[hidden] { display: none; }
.am__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.65); }
.am__dialog {
  position: relative; background: #fff; color: #222;
  width: min(900px, 94vw); max-height: 90vh; overflow-y: auto;
  padding: 2rem; border-radius: 8px;
}
.am__close {
  position: absolute; top: .5rem; right: .75rem;
  background: none; border: 0; font-size: 2rem; line-height: 1; cursor: pointer;
}
.am__body img { max-width: 100%; height: auto; }

#t4-intro{background: linear-gradient(39deg,rgba(245, 249, 255, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(245, 249, 255, 1) 100%);}
#t4-topnav {min-height: 42px; }
#t4-topnav:after {
    background: #0a1853;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 80px;
    top: 40px;
    z-index: 0;
    cursor: none;
    pointer-events: none;
}
.entryhome #t4-maintop {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    background: linear-gradient(39deg, rgba(245, 249, 255, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(245, 249, 255, 1) 100%);
}
.grid-menu .clinicinfo {
    border: 1px solid;
    border-bottom: 8px solid;
    padding: 20px;
    margin-bottom: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.grid-menu a:hover .clinicinfo {
    background: #ffffff82;
    transform: translateY(-10px);
}
.grid-menu h2 {
    text-align: center;
    margin: 0;
    padding: 27px 0 10px;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -2px;
}
.grid-menu .clinicimage {
    display: flex;
    aspect-ratio: 1 / 0.7;
    justify-content: center;
    align-items: flex-end;
}
.grid-menu .clinicimage img {
    max-width: 100%;
    max-height: 25vh;
    object-fit: contain;
    aspect-ratio: 1 / 0.7;
    padding: 0 20px;
}
.grid-menu .intro {
    font-size: 16px;
    min-height: 300px;
    text-align: center;
}
/*.grid-menu .clinicdesc.new:after {
    content: "ΝΕΟ";
    position: absolute;
    top: -13px;
    left: 15%;
    right: 15%;
    width: auto;
    background: #041b4a;
    color: aliceblue;
    padding: 0 30px;
    border-radius: 15px;
    text-align: center;
    box-sizing: border-box;
}*/
.entryhome .mega-1 {margin: auto;display: flex;justify-content: center;}
.entryhome #mod-custom153 { width: 57%; }
.entryhome h1 {
    margin: 0;
    font-weight: 800;
    font-size: 59px;
    line-height: 1.1;
    padding: 0;
}
.entryhome h4 {
    margin: 10px 0 15px;
    font-weight: 700;
}
.simplelink {
    color: #267efd;
    }
.simplelink:after {
    content: "";
    background-image: url(/arrow.svg);
    margin-left: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 27px !important;
    height: 15px;
    display: inline-block;
}
.c-offcanvas--right { width: 100vw !important;}
.t4-offcanvas {
    top: 42px;
   background: #0a1853;
   min-height: calc(100vh - 42px);
}

.t4-off-canvas-body{
	background: linear-gradient(131deg,rgba(0, 80, 151, 1) 0%, rgba(10, 24, 122, 1) 20%, rgba(0, 80, 151, 1) 64%);
	color:#fff;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    min-height: calc(100vh - 42px);
    position: relative;
}
.t4-off-canvas-body .logo img {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 27vw;
    pointer-events: none;
}
.kdif-animus .t4-off-canvas-body .logo img {width: 21vw;}
.t4-offcanvas-toggle span{
    border-left: 1px solid #ffffff38;
    padding-left: 10px;
}
.t4-offcanvas a {color: #85ebff;}
.t4-offcanvas a:hover, .t4-offcanvas a:focus, .t4-offcanvas a:active{color: #cdf7ff;}
button.close.js-offcanvas-close.c-button {
    outline: 0;
    border: 0;}
.t4-offcanvas .t4-off-canvas-body .closebutton {
    text-align: right;
    margin-right: 25px;
}
.t4-offcanvas .t4-off-canvas-body .close {
    background-color: transparent;
    border-radius: 0;
	height: 50px;
	width: 50px;
	}
.t4-offcanvas .t4-off-canvas-body .close span {
    color: #ffffff;
    height: 50px;
    font-size: 50px;
    line-height: 1;
    width: 50px;
}
.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {background-color: transparent;}
.t4-off-canvas-body h4 {color:#E5FBFF;}
.t4-off-canvas-body .left .custom { WIDTH: FIT-CONTENT; }
.t4-off-canvas-body .left {border-right: 1px solid #417CB3;}
ul.fields-container {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin:0;
}
h1, .h1, h2, .h2, h3, .h3, h4, h5 {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}
a, a:hover, a:focus, a:active {outline:none}
.c-offcanvas--right {
    transform: translate3d(50vw, 0, 0);
    width: 50vw;
}
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
    transform: translate3d(-50vw, 0, 0);
}
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
    transform: translate3d(-50vw, 0, 0);
}
.btn{
    padding: 13px 26px;
    border-radius: 50px;
}
a.btn.btn-outline {
    border: 1px solid;
    background: transparent;
}
.form-control, .form-control:focus {
    box-shadow: none;
}
p.xltext {
    font-size: 2rem;
    font-weight: 500;
}
.awesomplete { width: 100%; }
.topbar .mod-finder input.form-control::placeholder,
.t4-off-canvas-body .mod-finder input.form-control::placeholder {color: #eee;}
.t4-header-r .mod-finder input.form-control,
.t4-off-canvas-body .mod-finder input.form-control {
    color: #ffffff;
    padding: 5px;
    border-radius: 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #ffffff2b;
}
.t4-header-r .mod-finder input.form-control { max-width: 200px; display: block;}
.t4-off-canvas-body .mod-finder input.form-control { max-width: 100%; display: none;}

.btn.js-offcanvas-trigger.t4-offcanvas-toggle {
    padding: 10px 13px;
    color: #BEC4DE;
}
.medical-team {
    padding: 35px 0;
}
#t4-team{ 
background: linear-gradient(90deg, rgb(231 251 255) 0%, rgb(237 253 255) 11%, rgba(255, 255, 255, 1) 64%, rgb(240 253 255) 100%);
}
.teamember {
    background: var(--color-primary);
    border-radius: 17px;
    text-align: center;
    width: 273px;
}
.teamember .domain {
    color: #fff;
    font-size: 14px;
    padding: 8px 17px;
}
.teamember h5.name {
    margin: 0;
	color: var(--body-text-color);
}
.teamember .member-info {
    align-items: center;
    color: var(--body-text-color);
    padding: 10px;
    background: #ffffffe0;
    margin: 10px;
    border-radius: 17px;
    width: 100%;
}
.teamember .member-image  {
    min-height: 340px;
    min-width: 240px;
    width: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    border-radius: 17px;
}
#t4-innovation {background: radial-gradient(circle, rgb(9 49 121) 56%, rgb(31 75 155) 100%);}
.developer {text-align: right;}
.footer, .developer{ font-size: 15px;}
.footer p { margin: 0; }
.copyright a:before {
    content: "|";
    padding: 0 7px;
}
.phone {
    border: 1px solid #ffffff2e;
    padding: 9px 0;
}
.phone p{margin: 0;}
.phone a, .phone p:last-child {
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
}
.numbers p {
    font-size: 42px;
    margin: 0;
    line-height: 1;
    font-weight: 700;
    color: #fff;
}
.numbers {
    display: flex;
    align-items: CENTER;
    justify-content: center;
    gap: 20px;
    WIDTH: FIT-CONTENT;
    MARGIN: 0 AUTO;
    Z-INDEX: 1;
    BACKGROUND: #0a1853;
    position: absolute;
    bottom: 0;
    right: 0;
}
.numbers h6 {
    min-height: 43px;
}
.numbers .custom {
    padding: 30px;
    text-align: center;
    border-right: 1px solid #ffffff40;
}
.numbers .custom:last-child{border:0}
#t4-kariera ul {list-style: none; list-style-type: none; margin: 0; padding: 0;}
#t4-kariera ul li{
    font-weight: 500;
    padding: 5px 9px;
    border: 1px solid;
    margin: 4px;
    width: fit-content;
    display: inline-block;
}
div#t4-stoxoi {
    background-image: url(/triangle-bg2.svg);
    background-position: 200px bottom;
    background-repeat: no-repeat;
    background-size: 100%;
}
#t4-stoxoi h5 {
    margin: 0 0 13px;
    color: #3f5db5;
}
.stoxoi{
  columns: 3;
  column-gap: 16px;
  padding-top: 88px;    
}
.stoxoi .item, .stoxoi > div {
    border: 1px solid #b59e9e;
    border-radius: 17px;
    padding: 28px 27px 10px;
    background: #ffffffe8;
    position: relative;
    margin-bottom: 25px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 42px;
  break-inside: avoid;
}
.stoxoi .item h4, .stoxoi > div h4 {
    padding: 10px;
    background: #4f6abb;
    top: -25px;
    display: block;
    position: absolute;
    font-size: 20px;
    color: aliceblue;
    border-radius: 12px;
    margin: 0;
}
.facilities h2 {
    margin: 0;
    font-weight: 700;
}
.facilities h5 {
    margin: 0;
    color: #616c94;
}


.topbar ul.navbar,
.certifications ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    color:#1E3CB8;
}
.certifications {
    padding: 0 0 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #A4A4A4;
}
.certifications img{display: inline-block; padding: 0 5px; max-width: 125px;}
.topbar ul.navbar li{padding: 0 10px;}
.topbar ul.navbar li.nav-item.current.active a {color: #fff; font-size: 16px;}
#t4-slideshow .mod_jo_slideshow {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    box-shadow: 0 -6px 14px #3a4fa861;
}
.certifications img {width: 120px; height: auto;}
.certifications h5 {
    width: 250px;
    margin: 0;
    color:#12158B;
}
.cert-badges{margin-left: auto !important;}
.t4-contacttitle {
    font-size: 36px;
    color: #ccc;
    font-weight: 700;
    margin-bottom: 10px;
}
.t4-intro{padding-bottom: 50px;}
.top-a {margin-bottom: 32px;}
.t4-intro h4{margin-top: 0;margin-bottom: 10px;font-weight: 900; }
.mainlogo{margin: auto; text-align: center;position: relative;z-index: 2;}
.mainlogo img {
    margin-top: -20px;
    height:180px;
}
.syd-animus .mainlogo img {
    margin-top: -20px;
    height:180px;
    max-height: calc(100vh - 60vh - 127px);
}
.kdif-animus .mainlogo img { margin-top: -124px; height: 246px;}
.category-content {
    padding: 20px;
    margin-top: -70px;
}
.category-content img{border-top-left-radius: 50px; border-top-right-radius: 50px;}
.category-content h2 {
    font-size: 29px;
    margin: 20px 0 17px;
    font-weight: 800;
}
.service-item h4 {margin: 35px 0 5px;}

#t4-news h2 {
    margin: 0;
    padding: 50px 20px;
}
#t4-news .border-bottom, #t4-news .border-end {
    border-color: #0d3252 !important;
}
#t4-news h5.mod-articles-title {
    margin: 10px 0;
    font-size: 21px;
}
#t4-news h5.mod-articles-title a {
    color: #f1f1f1;
}
.text-small {
    font-size: 15px;
}
p.readmore {
    margin: 20px 0 0 !important;
}
a.btn.btn-readmore {
    padding: 0;
    background: transparent;
    font-size: 15px;
}
a.btn.btn-readmore:after {
    content: "";
    background-image: url(/arrow.svg);
    margin-left: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 23px !important;
    height: 9px;
    display: inline-block;
    filter: saturate(0.2);
}
.draseis-items .mod-articles-image.item-image {
    max-height: 270px;
    border-radius: 14px;
    overflow: hidden;
}
.draseis-item h4.mod-articles-title {
    font-size: 18px;
    margin: 0 0 5px;
    letter-spacing: normal;
    font-weight: 500;
}
.draseis-items {
  width: 100%;
  min-width: 0;
  margin-top: 20px;
}

.horizontal-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  gap: 25px;
  padding-bottom: 15px;
}
.horizontal-scroll::-webkit-scrollbar, .mobhorizontal-scroll::-webkit-scrollbar  {
  height: 4px;
}

.horizontal-scroll::-webkit-scrollbar-thumb, .mobhorizontal-scroll::-webkit-scrollbar-thumb {
  background-color: aliceblue;
  border-radius: 10px;
}

.horizontal-scroll::-webkit-scrollbar-track, .mobhorizontal-scroll::-webkit-scrollbar-track {
  background-color: #fff;
}
.mobhorizontal-scroll {
   gap: 25px;
  padding-bottom: 15px;   
}
#t4-stoxoi h2 {
    MARGIN-TOP: 0;
}
#mod-custom177 .stoxoi{
    columns: 2;
}
p.readmore a:active, p.readmore .btn:focus, p.readmore {
    background-color: transparent;
    color: #000;
}
.com-cvsubmit .form-control {
    width: 100%;
    max-width: 100%;
}
.com-cvsubmit .form-check {
    margin: 0;
    padding: 0;
}
input#jform_privacy {
    margin: 0;
    height: 30px;
    width: 30px;
}
.com-cvsubmit {
    width: 80%;
    margin: auto;
    background: #fff;
    padding: 30px;
    border: 1px solid #d3dce9;
}
.form-header h3 {
    margin: 17px 0 30px;
    font-weight: 500;
}
.mod-articlescategory.kdifdraseis h2 {
    margin: 0 0 45px;
}
.mod-articles-zigzag img {
    border-radius: 25px;
    box-shadow: -3px 4px 20px #ffffffd6;
    }
.g-md-3, .gx-md-3 {--t4-gutter-x: 2rem;}
.t4-quote .mega-4 {
    margin: auto;
}
.t4-quote .mod-custom {
    border-top: 1px solid #89dee9;
    border-bottom: 1px solid #89dee9;
    padding: 12px 30px;
    text-align: center;
}
.t4-quote .mod-custom h3 {
    margin: 14px 0;
}
#t4-kariera {
    padding: 100px 0 50px;
}
.footnav-1 .phone:before, .footnav-2 .phone:before, .footnav-3 .phone:before{display: none;}
@media screen and (max-width: 991px) {
    .footnav-1 p a, .footnav-2 p a, .footnav-3 p a {font-size: 16px !important;}
    .phone p:last-child {display: inline-block;}
    .footnav-1 p:first-of-type, .footnav-2 p:first-of-type, .footnav-3 p:first-of-type {display: none;}
    .footnav-1 .phone:before {content: "\f095";color: #8492cb;font-weight: 900;margin-right: 10px;display:inline-block;font-family: "Font Awesome 6 Free"; }
    .footnav-2 .phone:before{content: "\f0e0";color: #8492cb;font-weight: 900;margin-right: 10px;display:inline-block;font-family: "Font Awesome 6 Free"; }
    .footnav-3 .phone:before {content: "\f3c5";color: #8492cb;font-weight: 900;margin-right: 10px;display:inline-block;font-family: "Font Awesome 6 Free"; }
    .entryhome h1 {font-size: 34px;}
    .entryhome #mod-custom153 { width: 100%; }
    .grid-menu h2 {font-size: 24px;font-weight: 600;letter-spacing: -2px;}
    #t4-footer {text-align: center;}
    .footer, .designed_by{ text-align: center; margin-bottom:20px}
    .copyright a:before {display:none;}
    .copyright a{display: block;}
    .stoxoi {padding-top: 40px;columns: 1;}
    .stoxoi .item, .stoxoi > div {width:100%}
    .t4-off-canvas-body .logo {display:none}
    .t4-off-canvas-body .left {border-bottom: 1px solid #417CB3; border-right: 0;}
    .t4-header-r .mod-finder input.form-control {display: none;}
    .t4-off-canvas-body .mod-finder input.form-control {display: block;}
    .t4-off-canvas-body search {margin-top: 32px;}
    .footer, .developer {text-align: center;}
    .certifications h5 {width: 100%; margin-bottom: 20px;}
    .cert-badges {margin: 15px auto 0;}
    .certifications img {width: 100px;}
    .category-content {margin-top: 0}
    .t4-offcanvas-toggle span{border-left: 0;padding-left: 0;}
    .numbers{position: relative;}
    .com-cvsubmit {width: 100%;}
    .mobhorizontal-scroll {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        gap: 25px;
        padding-bottom: 15px;
        }
    .syd-animus .mainlogo img {margin-top: -32px;}
    .row-cols-2>* {width: 100%;}
    .border-end {border-right: NONE;}
    .mod-custom.facilities.d-flex {DISPLAY: block !important;}
}
