@charset "utf-8";
/* CSS Document 

font-family: 'Didact Gothic', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Merriweather', serif;

*/

/* Reset CSS */
*{box-sizing:border-box}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{font-family: 'Didact Gothic', sans-serif;font-size:18px;line-height:28px}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
img{vertical-align:middle}

/* Common CSS */
.container{width:100%;max-width:1100px;margin:auto}
.row,.main-wrapper,.rel{position:relative}
.row:after,.row:before{content:"";display:block}
.clear,.row:after,.row:before{clear:both}
.left{float:left}
.right{float:right}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.hidden{display:none}
.col2{width:50%}
.col3{width:33.3%}
.col4{width:25%}
.col5{width:20%}
.tbl-blk{display:table;width:100%}
.tbl-cell-blk{display:table-cell;vertical-align:middle}
.bg-white{background:rgba(255,255,255,.9)}
ul,ol{margin-left:20px}
.pad0{padding:0 !important}
p,ul,ol{margin-bottom:10px}

/* Header CSS */
header{background:#fff}
.logo-wrap{float:left;padding:22px 0}
.animated-gif{float:right;text-align:right}
.h-top-right{background:#d5eef1}
.h-contact-wrap .col2{padding:25px 30px 25px 82px;font-family: 'Montserrat', serif;}
.h-contact-wrap .fa{position:absolute;width:40px;height:40px;border:1px solid #000;border-radius:50%;font-size:32px;line-height:40px;text-align:center;top:0;bottom:0;left:30px;margin:auto}
.h-contact-wrap .address{font-size:13px;line-height:21px}
.h-contact-wrap .phone{font-size:22px;line-height:42px;letter-spacing:2px}
.nav-wrap{background:#003449;}
.nav-list{text-align:center;margin:0}
.nav-list li{list-style:none;display:inline-block;text-transform:uppercase;padding:0 20px;}
.nav-list li a{color:#fff;display:block;padding:12px 0;font-size:17px}
.nav-list li a:hover,.nav-list li.active a{color:#acf1bd}
a.link-more{color:#003449}
a.link-more:hover{text-decoration:underline}
a.link-more .fa{margin-right:5px}
.notification{background:#fff;padding:3px 0}
.notification .inner-wrap{border-top:2px dashed #003449;border-bottom:2px dashed #003449;padding:12px 20px;font-size:20px;line-height:30px}
.notification a{border:1px dashed rgb(255, 133, 7);color:rgb(255, 133, 7);padding:0 10px 2px;display:inline-block}
.mobile{display:none}

/* Homepage Body Section CSS */
.body-content{background: url(../images/body-bg.jpg) center fixed;}
.banner-wrap{position:relative;}
.banner-wrap img{max-width:100%;width:100%}
.banner-wrap .container{position:absolute;top:0;left:0;right:0;}
.banner-inner-wrap{margin:0;padding-top:15%;text-align:center}
.banner-inner-wrap h1,.banner-inner-wrap p{color:#fff}
.banner-inner-wrap h1{font-weight:600;left:0;bottom:2px;font-size:32px;line-height:normal;letter-spacing:1px;font-family: 'Merriweather', serif;}
.banner-inner-wrap p{font-weight:normal;display:block;font-size:26px;letter-spacing:0;font-family: 'Montserrat', serif;padding-top:30px}
.opening-hour-wrap{width:33.4%;padding:40px 30px 0;vertical-align:top}
.opening-hour-wrap > a{display:block;position:absolute;bottom:0;left:0;border-top:1px solid #003449;color:#003449;width:100%;padding:25px 10px;text-align:center;font-size:20px;font-family:'Montserrat', serif;}
.opening-hour-wrap > a:hover{background:#acf1bd}
.about-wrap{background:rgba(255,255,255,.9);padding:45px 0}
#consultant-profile h1.page-title{background:rgba(255,255,255,.9);}
.about-content{float: left;width:65%;padding-right: 45px;}
.about-img-wrap{position: relative;width:35%;float:right}
.about-img-wrap img{width: 100%;position: relative;z-index: 1;}
.about-img-wrap:after{width:94%;height:94%;position:absolute;bottom:-25px;display:block;content:"";background: rgba(255,255,255,.35);z-index:0;border: 3px solid #003449;}
.about-wrap .about-img-wrap:after{right:-25px;}
.patient-login-wrap{padding:0;width:35%;max-width:328px;float:right}
.three-col-wrap .tbl-cell-blk{vertical-align:top;padding:25px;width:33%}
.patient-wrap img,.banner-wrap img{width:100%}
.light-blue-wrap{background:#d5eef1}
.dark-blue-wrap{background:#003449}
.patient-login-wrap .note{position:absolute;top:10px;left:12px;max-width:140px;color:#003449;font-size:24px;line-height:34px;font-weight:600;}
.patient-login-wrap .light-blue-wrap,h1.page-title{font-size:20px;text-align:center;padding:22px 10px;color:#003449;font-weight:600;font-family:'Merriweather', serif;}
.patient-login-wrap .light-blue-wrap:after{position:absolute;content:"";display:block;border:solid transparent;border-width:10px 10px 0;border-top-color:#d5eef1;bottom:-10px;left:47%;z-index:1}
.three-col-wrap h3,.opening-hour-wrap h3{color:#003449;font-weight:600;font-family:'Merriweather', serif;font-size:20px;padding-bottom:18px}
.service-list li{padding-bottom:15px}
.brd-right-one{border-right:1px solid #000}
.we-help-wrap{padding:10px 0 40px;}
.we-help-wrap .fa-stethoscope{position: absolute;font-size: 70px;left:0;width: 90px;height: 90px;border: 2px solid;text-align: center;border-radius: 50%;color: #003449;line-height: 94px;}
.we-help-wrap h2{color: #003449;font-family:'Merriweather', serif;font-size:24px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #003449}
.we-help-list li{list-style:none;display:inline-block;vertical-align:top;padding-right:10px;width:31%;padding-bottom:20px}
.we-help-wrap .about-img-wrap{width:30%;float:left}
.we-help-wrap .about-img-wrap:after{left:-25px;}
.we-help-wrap .about-content{padding-left:45px;padding-right:0}
.service-wrap{width:67%;float:left;padding:35px 0 25px}
.service-wrap li{margin-bottom:10px}
.quote{color:#003449;font-weight:bold;text-align:center;font-style:italic;padding:16px 0 30px;font-size:24px;line-height:normal;}

/* Footer CSS */
.footer-content{background:#fff;}
.f-copy-wrap{padding:10px;font-size:13px;text-align:center;background:#000;color:#fff}
.f-top-wrap{border:1px solid #003449;border-left:0;border-right:0;padding:25px 0}
.f-top-wrap .col-wrap{float:left}
.f-top-wrap .col-wrap.address{width:44%}
.f-top-wrap .open-hrs{padding-left:5%;width:30%;}
.f-top-wrap .tbl-cell-blk .fa{font-size:28px}
.f-top-wrap .help{font-family: 'Montserrat', sans-serif;position:relative;padding-left:60px;font-weight:600;font-size:16px;line-height:26px;width:25%;float:right}
.f-top-wrap .last-col{background:#003449;border:0}
.f-top-wrap .last-col a,.dark-blue-wrap a{display:block;text-align:center;font-size:18px;font-family: 'Merriweather', serif;padding:30px 0}
.f-top-wrap .last-col .fa,.f-top-wrap .help .fa{vertical-align:-4px;width:46px;height:46px;border:1px solid #acf1bd;border-radius:50%;text-align:center;line-height:48px}
.f-top-wrap .last-col .fa,.f-top-wrap .last-col a,.dark-blue-wrap a{color:#acf1bd}
.f-top-wrap .last-col:hover a,.dark-blue-wrap a{color:#fff}
.f-top-wrap .help .fa{border:1px solid #000;position:absolute;top:0;left:0;bottom:0;margin:auto;width:40px;height:40px;line-height:40px}
.dark-blue-wrap a{padding:20px 10px}
.scroll_up a{background:#f25922;padding:5px 13px 8px 13px;color:#fff;font-size:22px;position:fixed;bottom:10%;right:40px;display:none;border-radius:26%;transition:all 0.5s;line-height:normal;z-index:2;}
.scroll_up a:hover{color:#fff;background:#a6ce3a;}
.inside-page{background:#fff}
.col-left70{width:64%;float:right}
.col-left30{width:30%;float:left}
.inside-page .we-help-wrap{height:100%;background:#e6f5f6;}
.inside-page .we-help-wrap .rel{background:none;padding:20px 20px 10px 20px}
.inside-page .we-help-list li{display:block;width:100%}
.inside-page .we-help-wrap h2{font-size:18px;padding-bottom:5px;padding-left:50px;line-height:46px;}
.inside-page .we-help-wrap .fa-stethoscope{font-size:28px;left:20px;width:40px;height:40px;line-height:40px;}
.inside-page .we-help-list{margin-left:0}
.inside-page-inner{padding:20px}
.inside-page .patient-wrap img,.inside-page .opening-hour-wrap{width:100%}  
.inside-page .patient-wrap .note{width:120px;font-size:20px;line-height:26px}
h1.page-title{padding:0 0 20px;text-align:center}
.inside-page-inner li{padding-bottom:12px}
.inside-page .opening-hour-wrap{padding:20px;border-left:1px solid #000}
.form_element{width:100%;padding-bottom:10px}
.form_element label{font-weight:600;font-size:14px}
.form_field{width:100%;padding:8px 10px;font-family: 'Didact Gothic', sans-serif;}
.form-wrap .left,.form-wrap .right{width:50%}
.form-wrap .left{padding-right:15px}
.form-wrap .right{padding-left:15px}
textarea.form_field{max-height:116px;vertical-align:middle}
.form_element.submit{text-align:center;padding:15px 0 30px}
.submit-btn{padding:8px 10px;font-family:'Merriweather', serif;background:#003449;border:2px solid #003449;color:#acf1bd;font-size:16px;width:160px;font-weight:600;cursor:pointer}
.submit-btn:hover{color:#003449;background:none}
.contact-wrap{padding:30px 0 0;background:rgba(225,225,155,.95)}
.inner-page{padding:45px 0}
.inner-banner-wrap{padding:40px 0}
.inner-banner-wrap h1.page-title{padding-bottom:0;font-size:32px}

/* Flex Slider */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:0}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}
.flexslider{margin:0;padding:0;position:relative}
.flexslider .slides>li:first-child{display:block;}
.flexslider .slides>li{display:none;}
.flexslider .slides>li{display:none;}
.flexslider .slides img{width:100%;display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides>li:first-child{display:block}
.loading .flex-viewport{max-height:300px}
.carousel li{margin-right:5px}
.flex-direction-nav{height:0}
.flex-direction-nav a{width:18px;margin:0;display:block;position:absolute;top:50%;z-index:1;cursor:pointer;text-indent:-9999px;opacity:1}
.flex-direction-nav a{width:18px;height:30px;top:50%;opacity:.8}
.flex-direction-nav .flex-next{background-position:-18px 0;right:30px}
.flex-direction-nav .flex-prev{left:30px}
.flexslider:hover .flex-next{opacity:1}
.flexslider:hover .flex-prev{opacity:1}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-direction-nav .flex-disabled{opacity:.3!important;cursor:default}
.flex-control-nav{bottom:15px;right:48px;position:absolute;text-align:left}
.content-inside-box .banner-wrap .flex-control-nav,.content-inside-box .banner-wrap .flex-pauseplay{display:none}
.flex-control-nav li{margin:0 3px;display:inline-block;vertical-align:-6px}
.flex-control-paging li a{width:11px;height:11px;display:block;cursor:pointer;background:url(../images/oval.png) no-repeat;text-indent:-9999px}
.flex-control-paging li a.flex-active{background:url(../images/oval-select.png) no-repeat;cursor:default}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .flex-active{opacity:1;cursor:default}
.flex-pauseplay{bottom:25px;cursor:pointer;height:13px;right:30px;position:absolute;text-indent:-99999px!important;width:12px}
.flex-play{background:url(../images/play.png) no-repeat;width:24px;height:24px;text-indent:-99999px!important;float:left}
.flex-pause{background:url(../images/pause.png) no-repeat;width:24px;height:24px;text-indent:-99999px!important;float:left}
@media screen and (min-width:768px) and (max-width:1024px){
.flex-pauseplay{position:absolute;text-indent:-99999px!important;width:12px;height:13px;cursor:pointer}
}
@media screen and (min-width:320px) and (max-width:767px){
.flex-pauseplay{bottom:33%;left:6%}
.flex-control-nav,.flex-pauseplay{display:none}
.flex-control-paging li a{background:rgba(255,255,255,0.6)}
.flex-control-paging li a:hover{background:rgba(255,255,255,0.8)}
.flex-control-paging li a.flex-active{background:rgba(255,255,255,0.8)}
}
.flyer li img{width:100%}
.flyer .flex-pauseplay,.flyer .flex-control-nav{position:fixed;bottom:0;margin:auto;}
.flyer .flex-control-nav{right:0;top:205px;width:40px;height:185px;background:#003449;padding:30px 0 6px;border-radius:10px 0 0 10px;}
.flyer .flex-control-nav li{margin:12px auto;width:12px;display:block;}
.flyer .flex-pauseplay{right:14px;top:65px}

/* Media CSS */
@media all and (max-width:1199px){
    .container{padding:0 20px}
    .container.inner-page{padding:30px}
    header .container{padding:0}
    .logo-wrap{padding-left:20px}
    .about-wrap .about-img-wrap{margin-right:30px;}
    .about-content{width:61%}
    .we-help-wrap .about-img-wrap{margin-left:30px}
    #services .container{padding-right:0}
    .service-wrap{padding-bottom:0}
}
@media all and (max-width:1024px){
    .service-wrap{width:65%}
    .contact-wrap .col-left30 p br{display:none}
    .f-top-wrap .col-wrap.address{width:40%}
    .f-top-wrap .open-hrs{padding-left:4%}
    .f-top-wrap .help{width:28%}
}
@media all and (max-width:991px){
    .about-wrap .about-content{width:59%;padding-right:0}
    .we-help-wrap .about-content{width:61%;padding-left:0;float:right}
    .service-wrap{width:100%;float:none;margin:auto}
    .patient-login-wrap{float:none;margin:25px auto 0;width:100%;max-width:328px}
    .f-top-wrap .col-wrap.address{width:100%;padding-bottom:20px}
    .f-top-wrap .open-hrs{width:50%;padding-left:0}
    .f-top-wrap .help{width:38%;}
    .contact-wrap .col-left30{width:33%}
    .about-wrap{padding:30px 0 15px}
    .we-help-wrap{padding-bottom:30px}
    #services .container{padding:0 20px}
    .nav-list li{padding: 0 14px;}
    .nav-list li a{font-size:15px}
}
@media all and (max-width:767px){
    .logo-wrap{width:56%;padding:18px 20px 0 82px}
    .animated-gif{width:40%}
    .logo-wrap img,.animated-gif img{max-width:100%}
    .banner-inner-wrap{padding-top:10%}
    .banner-inner-wrap h1{font-size:30px}
    .banner-inner-wrap p{font-size:22px;padding-top:20px}
    .scroll_up a{padding:2px 10px 4px 10px;right:10px;bottom:10px}
    .about-img-wrap,.we-help-wrap .about-img-wrap{width:70%;float:none;margin-left:16%}
    .about-wrap .about-content,.we-help-wrap .about-content{width:100%;padding-top:40px}
    .we-help-wrap .row{border-top:1px solid #b3dbe0;padding-top:30px}
    .contact-wrap .col-left30,.contact-wrap .col-left70{width:100%}
    .contact-wrap .col-left30 p br{display:block}
    .f-top-wrap .help{width:50%}
    .mobile{display:block}
    header{position:relative}
    .nav-bar{font-size:28px;line-height:41px;color:#fff;text-align:center}
    .nav-wrap {
        width: 42px;
        height: 42px;
        position: absolute;
        top: 33%;
        left: 20px;
    }
    .nav-list{
        width: 230px;
        position: absolute;
        left: 0;
        background:#003449;
        padding:6px 0 0;
        display:none;
        z-index:2;
    }
    .nav-list li{display:block;border-top:1px solid #fff}
    .nav-list li a{padding:7px 0;text-align:left}
    .nav-list li.last{position:relative}
    .nav-list li:first-child,.nav-list li.last{border-top:0}
    .notification .inner-wrap{font-size:18px;line-height:28px;padding:12px 0}
    .container.inner-page{padding:20px}
    .inner-banner-wrap{padding:30px 0}
    .inner-banner-wrap h1.page-title{font-size:28px;line-height:normal}
}
@media all and (max-width:559px){
    .notification .inner-wrap{padding:12px 0;font-size:17px;line-height:26px}
    .banner-inner-wrap h1{font-size:23px}
    .banner-inner-wrap p{font-size:18px;padding-top:10px}
    .form-wrap .left, .form-wrap .right{width:100%;padding:0}
    .f-top-wrap .col-wrap.address{float:none;text-align: center;}
    .f-top-wrap .open-hrs,.f-top-wrap .help{width:252px;float:none;margin:auto}
    .f-top-wrap .help{padding-top:30px}
    .f-top-wrap .open-hrs{text-align: center;}
    .quote{margin:0;padding-bottom:20px}
    .logo-wrap{width:60%;padding-top:16px}
    .nav-wrap{top:27%}
    .inner-banner-wrap{padding:20px 0}
    .inner-banner-wrap h1.page-title{font-size:24px}
}
@media all and (max-width:479px){
    .notification .inner-wrap{font-size:16px}
    .about-wrap .about-img-wrap,.we-help-wrap .about-img-wrap{width:90%;float:none;}
    .about-wrap .about-img-wrap{margin-left:3%}
    .we-help-wrap .about-img-wrap{margin-left:8%}
    .logo-wrap, .animated-gif{width:100%;text-align:center}
    .logo-wrap{padding:20px 0;padding-left:40px}
    .nav-wrap{top:12%}
    .animated-gif img{width:100%}
}
@media all and (max-width:414px){
    .quote{font-size:20px}
    .banner-inner-wrap h1 {font-size:17px}
    .banner-inner-wrap{padding-top:8%}
    .logo-wrap{padding:20px 40px 20px 90px}
    .inner-banner-wrap h1.page-title{font-size:20px}
}
@media all and (max-width:376px){
    .patient-login-wrap img{width:100%}
    #services .container{padding:0}
    .about-img-wrap:after{bottom:-15px;}
    .about-wrap .about-img-wrap:after{right:-15px}
    .we-help-wrap .about-img-wrap:after{left:-15px}
    .service-wrap{padding:25px 20px 0}
    .notification .inner-wrap{line-height:24px}
}
@media all and (max-width:320px){
    .logo-wrap{padding:20px 30px 20px 85px}
}