@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Arimo&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@600&display=swap);.home-page{height:100vh;padding:12vh 0 0}.bg-homepage{background-position:50%;background-size:cover;display:grid;grid-template-rows:auto auto auto;height:80vh;justify-content:center;padding:3% 0}.box-city,.box-doctor,.box-name{align-items:center;-webkit-animation:fadeInUp 2s ease forwards;animation:fadeInUp 2s ease forwards;background-color:rgba(48,44,44,.7);display:flex;height:100px;justify-content:center;opacity:0;padding:5px 8px;text-align:center;-webkit-transform:translateY(40em);transform:translateY(40em);width:350px}.box-doctor{-webkit-animation-delay:.5s;animation-delay:.5s}.box-city{-webkit-animation-delay:1s;animation-delay:1s}.box-city h1,.box-doctor h1,.box-name h1{color:#fff;font-size:30px;font-weight:500;letter-spacing:1px;line-height:1.5}@-webkit-keyframes fadeInUp{to{opacity:.8;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{to{opacity:.8;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInRight{to{opacity:.8;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{to{opacity:.8;-webkit-transform:translateX(0);transform:translateX(0)}}.bio-page{grid-template-rows:.9fr auto;padding:6% 3%}.bio-info,.bio-page{grid-gap:10%;display:grid;gap:10%;place-content:center}.bio-info h1{display:flex;font-family:Poppins,sans-serif;font-size:26px;justify-content:center}.bio-info p{font-family:Outfit,sans-serif;line-height:1.4;max-width:400px;text-align:center}.bio-link{color:var(--btn-blue);text-decoration:underline}.bio-btn{align-items:center;background-color:var(--btn-blue);border-radius:4px;color:#fff;display:flex;justify-content:center;justify-self:center;padding:3% 4%;transition:all .5s ease;width:50%}.bio-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.contact-page{display:flex;font-family:Outfit,sans-serif;gap:2%;justify-content:center;padding:6% 2%;position:relative}.contact-elements{display:flex;flex-direction:column;gap:6%}.contact-elements h1{font-family:Red Hat Display,sans-serif;font-size:1.4rem;line-height:1.2;margin-bottom:5%;max-width:600px;text-align:center}.input1,.input2,.input3,.input4{display:flex;flex-direction:column;gap:4px;margin-bottom:11px;transition:all .25s ease}.email-error,.message-error,.phoneNumber-error,.username-error{color:red;display:none;font-size:12px;transition:all .25s ease}.input1 input,.input2 input,.input3 input,.input4 textarea{background-color:var(--light-blue);border:1px solid #000;border-radius:4px;color:#000;font-family:Georgia,Times New Roman,Times,serif;font-size:14px;height:34px;margin-bottom:2%;outline:none;padding:1%;width:350px}.input4 textarea{font-family:Georgia,Times New Roman,Times,serif;height:120px}.contact-elements label{font-size:15px}.contact-elements input[type=submit]{background-color:var(--btn-blue);border:none;border-radius:8px;color:#fff;font-size:1rem;outline:none;padding:2% 4%;transition:all .5s ease}.contact-elements input[type=submit]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.bio-img{display:none;width:100%}.contact-img{display:none;position:relative;right:50px;top:50px;width:40%}.menu-btn{align-items:center;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .5s ease-in-out;width:35px;z-index:10}.menu-btn__burger,.menu-btn__burger:after,.menu-btn__burger:before{background:#000;border-radius:5px;height:3px;transition:all .5s ease-in-out;width:30px}.menu-btn__burger:after,.menu-btn__burger:before{content:"";position:absolute}.menu-btn__burger:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.menu-btn__burger:after{-webkit-transform:translateY(8px);transform:translateY(8px)}.menu-btn.open .menu-btn__burger{background:transparent;box-shadow:none;-webkit-transform:translateX(-50px);transform:translateX(-50px)}.menu-btn.open .menu-btn__burger:before{-webkit-transform:rotate(45deg) translate(35px,-35px);transform:rotate(45deg) translate(35px,-35px)}.menu-btn.open .menu-btn__burger:after{-webkit-transform:rotate(-45deg) translate(35px,35px);transform:rotate(-45deg) translate(35px,35px)}.navbar ul li{transition:all .6s}.header{align-items:center;background:var(--light-blue);border-bottom:2px solid #000;display:flex;flex-direction:row;height:12vh;justify-content:space-between;padding:2%;position:fixed;width:100%;z-index:5000}.navbar.active{background-color:var(--light-blue);height:100vh;position:absolute}.logo{align-items:center;display:flex;gap:12px;width:auto}.logo-name{font-family:Red Hat Display,sans-serif}nav header{font-family:Outfit,sans-serif}nav ul{font-family:Red Hat Display,sans-serif}.logo-name a{color:#000;font-size:1.4rem;text-decoration:none}li{list-style:none}.footer{padding:2rem 0 0}.footer .footer-header,.footer-header span{font-size:1.4rem}.footer .footer-header{align-self:center;display:flex;font-family:Georgia,Times New Roman,Times,serif;font-style:italic;justify-content:center;margin-bottom:2rem}.footer .footer-header span{color:var(--font-blue)}.footer-box{background-color:#b2d8ed;height:70%;padding:2rem 1rem 3.5rem;text-align:center}.footer-box .name-job{line-height:1.5}.footer-box .name-job h1{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1.4rem;font-weight:400}.footer-box .name-job p{font-size:1rem;font-weight:300}.footer-box .contacts p{font-size:1.1rem;letter-spacing:1px}.footer-box .contacts span{color:var(--font-blue);margin:0 .1rem}.footer-box .contacts{display:grid;grid-template-rows:repeat(2,1fr)}.phone-mobile-container{display:flex;justify-content:center}.icon-text-container{display:flex;gap:1rem;margin:.7rem}.icon-text-container p,span{font-family:Arimo,sans-serif}#email-container,#mobile-container,#phone-container{display:grid}.footer-box h2{font-family:Red Hat Display,sans-serif;font-size:1.5rem;font-weight:400;margin-top:2rem}.rights{bottom:1%;font-family:Poppins,sans-serif;font-size:.6rem;left:3%;position:absolute}.sliderContainerStyles{height:200px;margin:2em 0;width:300px}.leftArrowStyles{left:-35px}.leftArrowStyles,.rightArrowStyles{color:#000;cursor:pointer;font-size:30px;position:absolute;top:45%;-webkit-transform:translate(0,- 50%);transform:translate(0,- 50%);z-index:1}.rightArrowStyles{right:-35px}.slideStyles{background-position:50%;background-size:cover;border-radius:10px;height:100%;transition:all 3s;width:100%}.sliderStyles{height:100%;position:relative}.office-page{display:flex;flex-direction:column;font-family:Red Hat Display,sans-serif;gap:1em;justify-content:center;padding-top:9em;place-items:center;text-align:center}.medical-equipment-section{grid-gap:2em;display:grid;font-family:Poppins,sans-serif;gap:2em;padding:2%;place-content:center;text-align:center}.med-equip-header{border:1px solid #4583bd;box-shadow:4px 4px 4px 3px rgba(0,0,0,.25);font-size:1.5rem;margin-top:2em;padding:5px 1px}.machine-sample{grid-gap:.7em;align-items:center;display:grid;gap:.7em;grid-template-columns:auto auto auto;grid-template-rows:auto auto;padding:2%}.machine-sample header{color:#4583bd;font-size:1.3rem;grid-column:1/span 3}.machine-sample img{grid-column:1;grid-row:2;height:auto;object-fit:scale-down;overflow:hidden;width:210px}.machine-sample p{font-size:12px;grid-column:3;grid-row:2;line-height:1.3;text-align:left}.text-container{display:flex;flex-direction:column;gap:1em;line-height:1.3;max-width:320px;padding:.8em}.text-container header{font-size:1.5rem}.text-container p{font-size:15px}.google-maps-img{display:flex;flex-direction:column;gap:1em;margin-bottom:4em}.google-maps-img img{border:1px solid #000;width:90%}.google-maps-img h1{font-family:Arimo,sans-serif;font-size:22px}.biography-page{gap:2rem;padding:14vh 4% 4%}.biography-page,.biography-page .header-and-img{align-items:center;display:flex;flex-direction:column}.biography-page .header-and-img{gap:1em}.biography-page header{color:#000;font-family:Red Hat Display,sans-serif;font-size:1.4rem;letter-spacing:1px;padding-top:3%;text-align:center;text-transform:capitalize}.biography-page img{border:1px solid #000;width:60%}.bio-text-container{display:flex;flex-direction:column;gap:.3em}.bio-text-container h1{font-family:Arimo,sans-serif;font-size:1.2rem}.bio-text-container li{display:flex;font-family:Red Hat Display,sans-serif;font-size:17px;font-weight:500;gap:.5em;list-style-type:none;margin-bottom:1.5em;max-width:90%;position:relative}.list-design{background-color:var(--font-blue);display:block;height:100%;left:-7px;position:absolute;width:2px}.articles-page{align-items:center;display:flex;flex-direction:column;gap:2em;justify-content:center;min-height:100vh}h1{font-family:Red Hat Display,sans-serif;font-size:2.7rem;font-style:italic;font-weight:400;text-align:center}.spinner{-webkit-animation:spinner 4s ease 2s infinite forwards;animation:spinner 4s ease 2s infinite forwards;color:var(--btn-blue)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(36deg);transform:rotate(36deg)}20%{-webkit-transform:rotate(72deg);transform:rotate(72deg)}30%{-webkit-transform:rotate(108deg);transform:rotate(108deg)}40%{-webkit-transform:rotate(144deg);transform:rotate(144deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}60%{-webkit-transform:rotate(216deg);transform:rotate(216deg)}70%{-webkit-transform:rotate(252deg);transform:rotate(252deg)}80%{-webkit-transform:rotate(288deg);transform:rotate(288deg)}90%{-webkit-transform:rotate(324deg);transform:rotate(324deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(36deg);transform:rotate(36deg)}20%{-webkit-transform:rotate(72deg);transform:rotate(72deg)}30%{-webkit-transform:rotate(108deg);transform:rotate(108deg)}40%{-webkit-transform:rotate(144deg);transform:rotate(144deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}60%{-webkit-transform:rotate(216deg);transform:rotate(216deg)}70%{-webkit-transform:rotate(252deg);transform:rotate(252deg)}80%{-webkit-transform:rotate(288deg);transform:rotate(288deg)}90%{-webkit-transform:rotate(324deg);transform:rotate(324deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--typewriterSpeed:2s;--typewriterCharacters:22;--grey-bg:#ddd;--light-blue:#d3e7f3;--font-blue:#5098db;--btn-blue:#31a8fd}*{box-sizing:border-box;margin:0;padding:0}HTML{scroll-behavior:smooth}a{text-decoration:none}section{position:relative}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#82c9f0;border-radius:20px}.container{min-height:100vh;width:100%}@media screen and (min-width:860px){.bio-img{display:initial}.logo-name a{font-size:1.4rem}.navbar ul li a{font-size:1.2em}.bio-page{align-items:center;display:flex;gap:3em;justify-content:center}.bio-info{gap:4em}.contact-img{display:initial}.contact-elements h1{font-size:1.9rem;text-align:left}.footer-header{font-size:1.5rem}.input1 input,.input2 input,.input3 input,.input4 textarea{height:44px;width:450px}.input4 textarea{height:160px}.footer-box .name-job h1{font-size:2rem}.footer-box .name-job p{font-size:1.4rem}.footer-box .contacts p{font-size:1.3rem}.rights{font-size:17px}.google-maps-img img{width:60%}.google-maps-img h1{font-size:.7rem;margin-bottom:1.3rem}.office-page{gap:7rem;padding-top:5.5em}.office-page .text-background{background:url(/static/media/background-image.2ecee2f30147fdd644f1.jpg);background-size:cover;display:grid;height:80vh;opacity:.9;place-content:center;width:99vw}.office-page .text-background .text-container{background:hsla(140,6%,90%,.6);display:flex;flex-direction:column;gap:2em;max-width:700px;padding:4em}.office-page .text-background .text-container p{font-size:16px}.office-page .text-background .text-container header{font-size:2rem}.medical-equipment-section{grid-template-columns:repeat(3,1fr);justify-items:center}.med-equip-header{font-size:2rem;padding:3px 10%}.machine-sample{grid-column:1/span 2;grid-template-rows:auto auto auto;justify-content:center;justify-items:center}.machine-sample header{font-size:1.5rem;grid-column:2/span 3;grid-row:1}.machine-sample img{grid-column:1}.machine-sample p{font-size:30px;grid-column:2;grid-row:2;max-width:500px}.article-title{margin-bottom:1em;text-align:center}}@media (max-width:767px){.navbar{align-items:center;background:var(--light-blue);display:flex;flex-direction:column;height:0;left:0;overflow:hidden;position:fixed;top:12vh;transition:all .8s;width:100%}.navbar header{font-size:36px;margin:10px 0}.navbar.active{background-color:var(--light-blue);height:100vh;position:absolute}.navbar ul li a{color:#000;font-size:32px;text-decoration:none}.navbar ul{display:flex;flex-direction:column;gap:20px;height:100%;padding:2%;width:100%}}@media (min-width:768px){.menu-btn{display:none}.navbar,.navbar ul{display:flex;gap:15px;position:relative}.navbar ul li{align-items:center;display:flex}.navbar ul li a{color:#000;font-family:Red Hat Display,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:1px;text-decoration:none}.logo-name a{font-size:20px}.dropdown{float:left}.navbar .title{display:none}.office-page{padding-top:4.7em}.office-page .text-background{height:90vh;padding:0}.office-page .text-background .text-container p{font-size:18px}.office-page .text-background .text-container header{font-size:1.7rem}.google-maps-img h1{font-size:1.8rem}.google-maps-img img{width:60%}.sliderContainerStyles{height:300px;margin:1.5em 0;width:500px}.services-container{grid-template-columns:auto auto}.services-container .service-sample{padding:6% 2%}.biography-page .header-and-img{display:flex;flex-direction:row}.biography-page .header-and-img header{position:relative;visibility:hidden}.biography-page .header-and-img header:after{align-items:center;bottom:0;color:#000;content:"Δημήτριος Τριγκούδης Χειρουργός Οφθαλμίατρος Απόφοιτος ΑΠΘ";display:flex;font-family:Poppins,sans-serif;font-size:2rem;font-style:italic;position:absolute;right:0;text-align:right;text-shadow:1px 1px gray;top:0;visibility:visible}.biography-page .bio-text-container p{max-width:600px}.biography-page .header-and-img img{width:50%}.box-city,.box-doctor,.box-name{height:90px;width:350px}.box-city h1,.box-doctor h1,.box-name h1{font-size:2rem}.med-equip-header{grid-column:1/span 3}.machine-sample{grid-column:1/span 2;grid-template-rows:auto auto auto;justify-content:center;justify-items:center}.machine-sample header{font-size:1.5rem;grid-row:1}.machine-sample img{grid-column:1}.machine-sample p{font-size:19px;grid-column:2;grid-row:2;min-width:200px}.articles-container{display:grid;grid-template-columns:repeat(2,auto);justify-items:center}.card{width:160%}}@media screen and (max-width:600px){.card-column{width:90%}.column-1{padding-top:0}}@media (min-width:1020px){.home-page{padding-top:2vh}.bg-homepage{background-size:cover;height:90%;justify-content:start;margin-top:10vh}.navbar ul li a{font-size:1.2rem}.logo-name a{font-size:25px}.box-city,.box-doctor,.box-name{-webkit-animation:fadeInRight 1s ease forwards;animation:fadeInRight 1s ease forwards;-webkit-clip-path:polygon(0 0,calc(100% - 3em) 0,100% 50%,calc(100% - 3em) 100%,0 100%);clip-path:polygon(0 0,calc(100% - 3em) 0,100% 50%,calc(100% - 3em) 100%,0 100%);height:100px;justify-content:flex-start;-webkit-transform:translateX(-15em);transform:translateX(-15em);width:800px}.box-doctor{-webkit-animation-delay:.5s;animation-delay:.5s;width:710px}.box-city{-webkit-animation-delay:1s;animation-delay:1s;width:600px}.box-city h1,.box-doctor h1,.box-name h1{font-size:3.5rem;text-align:left}.card{width:190%}}.article{display:flex;flex-direction:column;gap:25px;justify-content:center;padding:6rem 1em 1em}.article-title{font-family:Arimo,sans-serif;font-size:28px;font-weight:500}.article-body{border-left:2px solid var(--btn-blue);padding-left:5px}.article img{float:right;padding:5px 20px;width:50%}.article p{font-family:Georgia,Times New Roman,Times,serif;line-height:.6cm;text-align:justify}.date{font-family:Outfit,sans-serif;font-size:13px;letter-spacing:1px}
/*# sourceMappingURL=main.f35a8dbd.css.map*/