@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i&amp;subset=greek,greek-ext,latin-ext);@import url(https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i&amp;subset=greek,greek-ext,latin-ext);body{background:#fff;font-family:"Alegreya Sans",sans-serif;color:#000;font-weight:300;font-size:14px;line-height:1.2}body .fa-tooth{font-size:0.5em;color:#59C0CD}html{height:100%}a:hover{outline:none;text-decoration:none;color:#59C0CD}a:focus{outline-offset:0}a{-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms}ul{list-style:none}.navbar-header .espaImage{max-width:80%;max-height:auto}.navbar-header h1{font-size:10px}.navbar-header .telephone{text-decoration:none;text-align:center;color:#22494D}.navbar-header button i{color:#59C0CD}#header{margin-bottom:0}#header .navbar-inverse .navbar-toggle,#header .navbar-inverse .navbar-toggle:focus{border-color:#fff;margin-top:0;margin-right:-10px;outline:none}#header .navbar-inverse .navbar-toggle:focus,#header .navbar-inverse .navbar-toggle:hover{background:rgba(89,192,205,0.3)}#header .navbar{background:#fff;border:0;margin-bottom:0}#header .navbar-toggle{margin-top:20px}#header .navbar-brand{padding:0;margin-left:-10px}#header .navbar-brand img{max-width:75%;position:relative;bottom:6px}#header .navbar-nav.navbar-right>li a{color:#22494D;font-size:15px;font-weight:500;padding:5px 0 5px 5px}#header .navbar-inverse .navbar-nav>.open>a,#header .navbar-inverse .navbar-nav li.active>a,#header .navbar-inverse .navbar-nav li.active>a:focus{background-color:inherit;border:0;color:#028383}#header .navbar-nav.navbar-right li>a:hover{background-color:inherit;border:0;color:#006600}#header .navbar-inverse .navbar-nav li a:hover{color:#59C0CD}ul.sub-menu{display:none;list-style:none;padding:0;margin:0;width:200px}#header .navbar-nav li ul.sub-menu li a{color:#22494D;padding:5px 0 0 10px;font-size:15px;display:block;text-transform:capitalize}#header .navbar-nav li ul.sub-menu li .active i{position:absolute;font-size:56px;top:-13px}#header .navbar-nav li ul.sub-menu li .active .fa-angle-right{left:-3px}#header .navbar-nav li ul.sub-menu li .active .fa-angle-left{right:-3px}#header .navbar-nav li ul.sub-menu li a:focus,#header .navbar-nav li ul.sub-menu li a:hover{background:rgba(93,202,217,0.05);color:#5FCCDA}.fa-angle-down{padding-left:5px}#footer{padding-top:15px}#footer img{padding-bottom:10px}.footerContent{padding-top:40px;padding-bottom:40px}.footerContent .copyrightAndIcons{text-align:center}.footerContent .copyrightAndIcons img{max-width:50%;height:auto}.footerContent .quickLinks{text-align:center;font-size:16px}.footerContent .quickLinks p{text-decoration:none}#carouselMain img{min-width:100%;height:auto}#carouselMain #carouselButtons{margin-left:2px;position:absolute;top:0px}#carouselMain .carouselCaption{position:absolute;bottom:23%;left:10%;font-family:"Alegreya Sans",sans-serif;color:#22494D;background-color:rgba(255,255,255,0.5);padding-left:20px;padding-right:20px;border-radius:10px}#carouselMain .carouselCaption h1{font-size:16px}*{box-sizing:border-box}body .cardSection .row{max-width:900px;margin:50px auto 0}body .cardSection .row .card .wrapper .data .content h1{font-weight:300}body .cardSection .row .card .wrapper .data .content a{text-decoration:none}.card{float:left;padding:0 2rem;line-height:1.6}.card .wrapper{background-color:#000;min-height:400px;position:relative;overflow:hidden;box-shadow:0 19px 38px rgba(89,192,205,0.3),0 15px 12px rgba(34,73,77,0.2)}.card .wrapper:hover .data{transform:translateY(0)}.card .data{position:absolute;bottom:0;width:100%;transform:translateY(calc(70px + 1em));transition:transform 0.3s}.card .data .content{padding:1em;position:relative;z-index:1;background-color:rgba(255,255,255,0.5)}.card .title{margin-top:10px}.card .text{height:50px;margin:0}.card .data{transform:translateY(calc(70px + 4em));font-size:15px;color:#22494D;font-family:"EB Garamond",serif;font-weight:500}.card .title a{color:#22494D;font-size:30px;font-family:"Alegreya Sans",sans-serif;font-weight:700;font-style:normal;font-variant:small-caps}.card .button{display:block;width:100px;margin:2em auto 1em;text-align:center;font-size:15px;color:#22494D;line-height:1;position:relative;font-family:"Alegreya Sans",sans-serif;font-weight:500;font-style:normal}.card .button::after{content:'\2192';opacity:0;position:absolute;right:40;top:50%;transform:translate(0, -50%);transition:all 0.3s}.card .button:hover::after{transform:translate(20px, -50%);opacity:1}.card01{padding-top:20px}.card01 .wrapper{background:url("http://www.portohelidentist.gr/images/cards/card01.jpg") center/cover no-repeat}.card01 .wrapper:hover .menu-content span{transform:translate(-50%, -10px);opacity:1}.card02{padding-top:20px}.card02 .wrapper{background:url("http://www.portohelidentist.gr/images/cards/card02.jpg") center/cover no-repeat}.card02 .wrapper:hover .menu-content span{transform:translate(-50%, -10px);opacity:1}.card03{padding-top:20px}.card03 .wrapper{background:url("http://www.portohelidentist.gr/images/cards/card03.jpg") center/cover no-repeat}.card03 .wrapper:hover .menu-content span{transform:translate(-50%, -10px);opacity:1}.card04{padding-top:20px}.card04 .wrapper{background:url("http://www.portohelidentist.gr/images/cards/card04.jpg") center/cover no-repeat}.card04 .wrapper:hover .menu-content span{transform:translate(-50%, -10px);opacity:1}.heroImage{padding-bottom:10px}.heroImage .col-xs-12 img{max-width:100%;max-height:100%}.heroImage .col-xs-12 h1{position:absolute;top:0;left:30px;font-size:15px;font-weight:bold;color:#22494D}.heroImage .col-xs-12 h2{position:absolute;top:30px;left:30px;font-size:10px;font-weight:400;color:#22494D}.contact p{text-align:center}.theDentist .col-xs-12 img{max-width:100%;max-height:100%}#mainContent h2{text-align:center}.contactForm .btn-send{border:none;background-color:#59C0CD;margin-bottom:10px}.contactForm .mapAPI p a{text-decoration:none;color:#000}.contactForm img{padding-top:20px;padding-bottom:30px;max-width:100%;display:block;margin:0 auto}@media only screen and (min-width: 320px){body{font-size:16px}body h4{font-size:22px}#carouselMain .carouselCaption{padding-bottom:10px}#carouselMain .carouselCaption h1{font-size:25px}.heroImage .col-xs-12 h1{position:absolute;top:10px;left:35px;font-size:20px}.heroImage .col-xs-12 h2{position:absolute;top:35px;left:35px;font-size:15px}}@media only screen and (min-width: 480px){body{font-size:18px}body h4{font-size:24px}#carouselMain .carouselCaption h1{font-size:30px}.card .data{font-size:22px}.card .title a{font-size:45px}.card .button{font-size:18px}.heroImage .col-xs-12 h1{position:absolute;top:20px;left:40px;font-size:25px}.heroImage .col-xs-12 h2{position:absolute;top:60px;left:40px;font-size:20px}.footerContent .copyrightAndIcons img{max-width:35%;height:auto}}@media only screen and (min-width: 768px){body{font-size:20px}body h4{font-size:26px}#header .container .telephone{font-size:20px}#header .container .navbar-nav{position:relative;top:-38px;right:17px}#header .container .navbar-nav>li a{color:#22494D;font-size:15px;font-weight:500;padding:0 0 0 30px}.nav.navbar-nav>li:hover>ul.sub-menu{display:block;-webkit-animation:fadeInUp 400ms;animation:fadeInUp 400ms}ul.sub-menu{position:absolute;top:20px;left:30px;background:#fff;padding:10px 0;box-shadow:none;display:none;z-index:999}#header .navbar-nav li ul.sub-menu li a{padding-left:10px}#header .navbar-header h1{font-size:10px}#header .navbar-header .navbar-brand img{max-width:100%;bottom:5px;left:-20px}#carouselMain img{min-width:100%;height:auto}#carouselMain .carouselCaption h1{font-size:40px}.footerContent .quickLinks{font-size:18px}body .cardSection .row{max-width:900px;margin:50px auto 0}body .cardSection .row .card .wrapper .data .content h1{font-weight:300}body .cardSection .row .card .wrapper .data .content a{text-decoration:none}.card .data{font-size:30px}.card .title a{font-size:55px}.card .button{font-size:20px}.heroImage .col-xs-12 h1{position:absolute;top:42px;left:45px;font-size:30px}.heroImage .col-xs-12 h2{position:absolute;top:107px;left:45px;font-size:25px}}.contactForm .col-md-6{padding-top:20px}@media only screen and (min-width: 992px){#header .container .navbar-nav>li a{font-size:17px;padding:0 0 0 40px}#header .container li ul.sub-menu li a{font-size:17px}#carouselMain .carouselCaption h1{font-size:50px}.card .data{font-size:20px}.card .title a{font-size:55px}.card .button{font-size:20px}.card .text{height:38px;margin:0}.footerContent .quickLinks{font-size:18px}.heroImage .col-xs-12 h1{position:absolute;top:50px;left:50px;font-size:35px}.heroImage .col-xs-12 h2{position:absolute;top:130px;left:50px;font-size:30px}.footerContent .copyrightAndIcons img{max-width:25%;height:auto}}@media only screen and (min-width: 1200px){#header .container .navbar-nav>li a{font-size:20px;padding:0 0 0 50px}#header .container .navbar-nav li ul.sub-menu li a{font-size:18px}.heroImage .col-xs-12 h1{position:absolute;top:60px;left:55px;font-size:40px}.heroImage .col-xs-12 h2{position:absolute;top:160px;left:55px;font-size:35px}.contactForm .ELadjust{margin-bottom:29px}}
