*, *:after, *:before{-webkit-box-sizing:border-box;box-sizing:border-box;}
.clearfix:before, .clearfix:after{display:table;content:'';}
.clearfix:after{clear:both;}
html,
button,
input,
select,
textarea{color:#222;}
html{font-family:'Open Sans', sans-serif;font-weight:300;font-size:20px;text-rendering:optimizeLegibility;line-height:1.4;}
#main{position:relative;background-color:#fff;}
.is-loading{overflow:hidden;}
.browsehappy{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}
.row{max-width:1140px;margin:0 auto;padding:120px 0;}
.row-full{max-width:100%;margin:0 auto;padding:0;}
.full-height{height:100%;}
.align-center{text-align:center;}
.no-margin{margin:0 !important;}
.no-scroll{overflow:hidden;}
.no-overflow{overflow:hidden;}
::-webkit-scrollbar{display:none;}
.animate{text-align:center;opacity:0;transform:translateY(50px);transition:all 1s ease-out;}
.animate.fade-in{opacity:1;transform:translateY(0);}
.animate p{width:90%;max-width:1140px;margin:0 auto;}
left-zero{left:0;}
h1{font-size:250%;letter-spacing:1px;}
h2{font-size:200%;font-weight:300;}
h3{font-size:150%;font-weight:300;}
#preloader{position:absolute;width:100%;height:100%;z-index:101;background-color:#ffffff;color:#212121;}
#preloader .txt{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#preloader .txt-perc{font-size:35px;font-family:'Roboto Condensed', Helvetica, Helvetica Neue, Arial, sans-serif;opacity:1;margin:0 0 6px 0;max-width:400px;text-align:center;}
#preloader .progress{width:100px;height:3px;background-color:rgba(0, 0, 0, 0.2);margin:0 auto 15px auto;}
#preloader .progress span{display:block;width:0;height:100%;background-color:rgba(0, 0, 0, 0.8);}
#preloader.is-hidden{visibility:hidden;opacity:0;}
.is-loading{overflow:hidden;}
.header-container{text-align:center;color:#ffffff;}
.header-container .bcg{-webkit-transition:-webkit-transform 4s ease-out;transition:transform 4s ease-out;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;}
.header-container.is-loaded .bcg{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
header{background-color:#fff;position:fixed;width:100%;height:60px !important;z-index:88888;visibility:hidden;}
.logo{display:block;max-height:60px;position:relative;text-align:center;}
.menu-icon-wrapper{position:fixed;top:0.75em;right:2em;height:26px;width:26px;cursor:pointer;z-index:999999;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;transition:height 0.3s;visibility:hidden;}
.menu-icon,
.menu-icon:before,
.menu-icon:after{content:'';position:absolute;border-radius:1em;height:2px;width:26px;background:black;transition:all 0.2s ease;}
.menu-icon{top:0.75em;}
.menu-icon:before{top:-0.45em;}
.menu-icon:after{top:0.45em;}
.menu-active .menu-icon{background:transparent;transform:rotate(-135deg);}
.menu-active .menu-icon:before,
.menu-active .menu-icon:after{top:0;}
.menu-active .menu-icon:before{transform:rotate(90deg);}
.menu-active .menu-icon,
.menu-active .menu-icon:before,
.menu-active .menu-icon:after{background:white;}
.pop-menu{transition:all 0.4s ease;opacity:0;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.9);color:white;text-align:center;z-index:99999;}
.menu-active .pop-menu{opacity:1;pointer-events:initial;}
.menu-active .pop-menu-list{transform:translate(-50%, -50%) scale(1);}
.wrap{color:#fff;text-align:center;max-width:90%;margin:0 auto;}
.wrap ul.wrap-nav{text-transform:capitalize;padding:150px 0px 0px;}
.wrap ul.wrap-nav li{font-size:40px;display:inline-block;vertical-align:top;width:24%;position:relative;}
.wrap ul.wrap-nav li a{color:#fff;font-size:20px;display:block;padding:8px 0;text-decoration:none;transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;}
.wrap ul.wrap-nav ul{padding:20px 0;}
.wrap ul.wrap-nav ul li{display:block;font-size:13px;width:100%;color:#e9e9e9;}
@media screen and (max-width:48em){.wrap ul.wrap-nav>li{width:100%;padding:20px 0;border-bottom:1px solid #575757;}
.wrap ul.wrap-nav{padding:30px 0px 0px;}
nav ul{opacity:0;visibility:hidden;}
}
.facebook-pop-icon{background:url(img/SocialMediaIcons-Facebook_White_40x40px.png) no-repeat;width:40px;height:40px;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;}
.facebook-pop-icon:hover{background:url(img/SocialMediaIcons-Facebook_Black_40x40px.png) no-repeat;}
.twitter-pop-icon{background:url(img/SocialMediaIcons-Twitter_White_40x40px.png) no-repeat;width:40px;height:40px;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;}
.twitter-pop-icon:hover{background:url(img/SocialMediaIcons-Twitter_Black_40x40px.png) no-repeat;}
.googleplus-pop-icon{background:url(img/SocialMediaIcons-GooglePlus_White_40x40px.png) no-repeat;width:40px;height:40px;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;}
.googleplus-pop-icon:hover{background:url(img/SocialMediaIcons-GooglePlus_Black_40x40px.png) no-repeat;}
.btn-menu{color:rgba(34, 34, 34, 0.5);text-shadow:0 0 1px rgba(111,134,134,0.3);background:transparent;border:0;}
.btn-menu::before{color:#fff;content:attr(data-hover);position:absolute;opacity:0;text-shadow:0 0 1px rgba(255,255,255,0.3);-webkit-transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);-moz-transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;-moz-transition:-moz-transform 0.3s, opacity 0.3s;transition:transform 0.3s, opacity 0.3s;pointer-events:none;}
.btn-menu:hover::before,
.btn-menu:focus::before{-webkit-transform:scale(1) translateX(0px) translateY(0px) rotate(0deg);-moz-transform:scale(1) translateX(0px) translateY(0px) rotate(0deg);transform:scale(1) translateX(0px) translateY(0px) rotate(0deg);opacity:1;}
#intro.bcg{height:100vh;background-image:url(img/header.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;background-repeat:no-repeat;text-align:center;color:#fff;}
#intro .content{position:absolute;width:90%;top:50%;left:50%;transform:translate(-50%, -50%);}
.element{font-size:500%;color:#fff;letter-spacing:5px;}
.typed-cursor{font-size:700%;font-weight:900;font-family:'Noto', sans-serif;color:#fff;opacity:1;-webkit-animation:blink 0.7s infinite;-moz-animation:blink 0.7s infinite;animation:blink 0.7s infinite;}
@keyframes blink{0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes blink{0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes blink{0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
.icon-scroll,
.icon-scroll:before{position:absolute;left:50%;}
.icon-scroll{width:40px;margin-left:-20px;bottom:5%;margin-top:-35px;box-shadow:inset 0 0 0 1px #fff;border-radius:25px;height:70px;}
.icon-scroll:before{content:'';width:8px;height:8px;background:#fff;margin-left:-4px;top:8px;border-radius:4px;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:scroll;animation-name:scroll;}
@-webkit-keyframes scroll{0%{opacity:1;}
100%{opacity:0;-webkit-transform:translateY(46px);transform:translateY(46px);}
}
@keyframes scroll{0%{opacity:1;}
100%{opacity:0;-webkit-transform:translateY(46px);transform:translateY(46px);}
}
@media only screen and (max-device-width:768px){.icon-scroll{height:80px;border-radius:4px;}
.icon-scroll:after{content:'';display:block;width:7px;height:7px;margin:1px auto 0 auto;border:1px solid #fff;border-radius:50%;}
.icon-scroll-screen{position:relative;width:34px;height:56px;margin:10px auto 0;border:1px solid #fff;}
.icon-scroll:before{top:58px;}
@-webkit-keyframes scroll{0%{opacity:1;}
100%{opacity:0;-webkit-transform:translateY(-46px);transform:translateY(-46px);}
}
@keyframes scroll{0%{opacity:1;}
100%{opacity:0;-webkit-transform:translateY(-46px);transform:translateY(-46px);}
}
}
#about-physiatry-section{width:90%;margin:0 auto;padding:100px 0;}
#about-me-section{height:100vh;}
.about-me-bcg{height:100%;background:url('img/karagounis-panagiotis.jpg');-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;background-repeat:no-repeat;text-align:center;color:#fff;}
.about-me-short-bio{vertical-align:middle;padding-top:10%;}
.signature{width:200px;height:auto;padding-top:60px;}
#short-bio-section{display:none;width:90%;margin:0 auto;}
#testimonial-section{width:90%;margin:0 auto;}
.bq3{width:100%;background:url('./img/bq1.png') top left no-repeat;padding-left:5px;}
.bq3 p{text-align:center;padding-right:35px;line-height:24px;background:url('./img/bq2.png') bottom right no-repeat;padding-bottom:15px;font-style:italic;letter-spacing:2px;}
.client{text-align:center;font-size:80%;padding-top:30px;}
.service-row{width:100%;height:100%;}
.row-full .span-1-of-2{width:50% !important;}
figure{position:relative;float:left;overflow:hidden;min-width:320px;max-height:450px;width:100%;text-align:center;cursor:pointer;}
figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:0.8;}
figure figcaption{padding:2em;color:#fff;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
figure figcaption::before,
figure figcaption::after{pointer-events:none;}
figure figcaption,
figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;}
figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
figure h2{word-spacing:-0.15em;font-weight:300;}
figure h2 span{font-weight:800;}
figure h2,
figure p{margin:0;}
figure p{letter-spacing:1px;font-size:68.5%;}
figure.hover-effect{background:#222;}
figure.hover-effect img{opacity:0.7;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.hover-effect:hover img{opacity:0.4;}
figure.hover-effect figcaption::before,
figure.hover-effect figcaption::after{position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
figure.hover-effect figcaption::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
figure.hover-effect figcaption::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}
figure.hover-effect h2{padding-top:20%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}
figure.hover-effect p{padding:20px 2.5em;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}
figure.hover-effect:hover figcaption::before,
figure.hover-effect:hover figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
figure.hover-effect:hover h2,
figure.hover-effect:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.service-margin{margin:-15px 0;}
#contact-us-section.bcg{background:url(img/contact.jpg);-webkit-background-size:cover !important;-moz-background-size:cover !important;-o-background-size:cover !important;background-size:cover !important}
.contact-us-btn{width:100%;text-align:center;padding:90px 0;}
.contact-us-btn h1{font-size:300%;}
.contact-us-btn p{font-size:150%;}
.btn:link,
.btn:visited{display:inline-block;padding:10px 30px;font-weight:300;text-decoration:none;color:#000;background-color:transparent;border:2px solid #000;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;}
.btn:hover,
.btn:active{background-color:#000;color:#fff;}
*-----------------------------------------------------------------------------
14. Footer section
-----------------------------------------------------------------------------*/#footer-section{position:relative;z-index:2;-webkit-font-smoothing:antialiased;background-color:#fff;}
.footer-info{width:100%;padding:30px 0;}
.footer-logo{padding:20px;}
.footer-info p a{text-decoration:none;color:#000;}
.footer-info ul{margin:30px;list-style:none outside;}
.social{list-style-type:none;margin:0;padding:0;margin:0 auto;display:inline-block;}
.social li{float:left;margin-right:20px;}
.facebook-icon{background:url(img/SocialMediaIcons-Facebook_Black_40x40px.png) no-repeat;width:40px;height:40px;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;}
.facebook-icon:hover{background:url(img/SocialMediaIcons-Facebook_White_40x40px.png) no-repeat;}
.twitter-icon{background:url(img/SocialMediaIcons-Twitter_Black_40x40px.png) no-repeat;width:40px;height:40px;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;}
.twitter-icon:hover{background:url(img/SocialMediaIcons-Twitter_White_40x40px.png) no-repeat;}
.googleplus-icon{background:url(img/SocialMediaIcons-GooglePlus_Black_40x40px.png) no-repeat;width:40px;height:40px;-moz-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;}
.googleplus-icon:hover{background:url(img/SocialMediaIcons-GooglePlus_White_40x40px.png) no-repeat;}
.footer-info hr{border-top:1px solid #000;}
.copyright{margin-top:30px;font-size:80%;}
.link{text-decoration:none;color:#222;}
@media only screen and (max-width:480px){.row{padding:60px 0;}
.menu-header{display:none;}
ul{margin:0;}
.wrap{max-width:70%;}
.wrap ul.wrap-nav ul{padding:0;}
.wrap ul.wrap-nav li a{font-size:14px;}
.social{padding:10px;}
.logo-img{width:200px;margin-top:15px;}
.menu-icon-wrapper{right:1em;}
.element{font-size:150%;}
.typed-cursor{font-size:160%;}
#about-physiatry-section{padding:40px 0;}
#about-physiatry-section h1{font-size:170%;}
.about-me-short-bio{display:none;}
#short-bio-section{display:block;}
#short-bio-section h2{font-size:170%;}
#testimonial-section{display:none;}
blockquote{margin:1em 7px;}
.bq3{padding-left:30px;}
.bq3 p{font-size:100%;}
.row-full .span-1-of-2{width:100% !important;}
figure{max-height:280px;}
figure figcaption{font-size:0.75em;}
figure.hover-effect p{display:none;}
#services-section{margin:-60px 0;}
#contact-us-section.bcg{background-position:60%;}
.contact-us-btn{padding:60px 0;}
.contact-us-btn h1{font-size:180%;padding:0 10px;}
.contact-us-btn p{font-size:120%;padding:0 10px;}
.footer-logo{width:90%;}
.footer-info ul{margin:15px;}
}
@media only screen and (max-width:768px){.menu-header{display:none;}
#intro.bcg{background-position:75%;}
.bq3{width:90%;}
figure figcaption{font-size:1em;}
figure.hover-effect p{display:none;}
#contact-us-section.bcg{background-position:70%;}
}
@media only screen and (max-width:1140px){}