@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,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:1170px;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:#fff}
ul,ol{margin-left:20px}
.pad0{padding:0 !important}
p,ul,ol{margin-bottom:10px}
.align-right{float:right;margin:0 0 20px 30px}
.mobile,.nav-list li.nav-mob{display:none}

/* Header CSS */
header{background:#fff}
.logo-wrap{float:left;padding:10px 0}
.logo-wrap img{max-width:125px}
.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}
a.link-more{color:#003449}
a.link-more:hover{text-decoration:underline}
a.link-more .fa{margin-right:5px}
.pm-sub-menu-container{border-top:7px solid #333;padding:0}
.htop-colL{background:#333;width:40%;margin-left:33%;position:relative}
.welcome{color:#fff;font-size:12px;font-weight:400;margin:0;line-height:25px;padding-bottom:5px}
.nav-wrap:after,.header-top:before{display:block;content:"";width:50%;height:30px;position:absolute}
.header-top:before{background:#333;left:50%}
.htop-colL:before{display:block;content:"";position:absolute;top:0;left:-30px;border-top:30px solid #333;border-left:30px solid transparent}
.htop-col-boxwrap{width:82%;float:right}
.htop-col-box{width:25%;float:left;padding:45px 15px 0}
.htop-col-box a{display:block;padding:8px 10px;border:1px solid #393492;color:#393492;text-align:center;font-weight:bold;font-size:16px}
.htop-col-box.active a,.htop-col-box a:hover{background:#393492;color:#fff}
.tollno span{display:block;font-size:12px;text-transform:uppercase;font-weight:bold;padding:2px 24px;line-height:normal;background:#dd118e;color:#fff;border:2px solid #393492;border-radius:15px 0}
.tollno strong{font-family:'Montserrat',sans-serif;font-size:18px}
.nav-wrap{background:#393492;float:right;width:78%;position:relative}
.nav-wrap,.nav-wrap .container{max-width:1170px}
.nav-wrap:after{height:48px;background:#393492;right:0;z-index:1;top:0}
.nav-wrap:before{left:-16px;position:absolute;display:block;content:"";width:34px;height:48px;background:#393492;-webkit-transform:skew(-30deg);-moz-transform:skew(-30deg);-o-transform:skew(-30deg)}
.nav-list{margin:0;z-index:2;position:relative}
.nav-list li{list-style:none;display:inline-block;text-transform:uppercase}
.nav-list li.last{position:absolute;right:20px}
.nav-list li a{color:#fff;display:block;padding:10px 15px;font-size:16px}
.nav-list li a:hover,.nav-list li.active a{background:#413c9e}
.nav-list li.last a{background:#dd118e}

/* Homepage Body Section CSS */
.banner-wrap{position:relative}
.banner-wrap img{max-width:100%;width:100%}
.banner-wrap .banner-inner-wrap{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:560px;height:100px;background:rgba(55,90,200,.3);text-align:center;padding:30px;box-sizing:content-box;border-radius:15px}
.banner-inner-wrap h1,.banner-inner-wrap p{color:#fff;text-shadow:1px -1px 2px #666}
.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:#fff;padding:45px 0}
.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}
h1.page-title{font-size:22px;text-align:center;padding:0 0 25px;color:#003449;font-weight:600;font-family:'Merriweather',serif}
.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{background:rgba(172,241,189,.5)}
.we-help-wrap .rel{padding:40px 0 20px}
.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}
.service-wrap{padding:35px 0 25px}
.service-wrap li{margin-bottom:10px}
#our-services,.complaint-form-wrap{background:#f1f3f6}
.service-col{width:58%;float:right;padding:0 20px;margin-bottom:14px}
.service-col:first-child{width:42%;float:left}
.service-col h3{margin-bottom:15px}
.service-col p{margin:0}
.box-border{background-color:#f1f3f6;border-radius:1.25rem;box-shadow:3px 3px 8px rgba(55,84,170,0.1),-3px -3px 8px #fff;padding:25px}
.we-offer-wrap{background:url(../images/Banner-two.jpg) no-repeat fixed;background-size:cover;position:relative;text-align:center;padding:45px 0}
.we-offer-wrap *,.we-offer-wrap h1.page-title{color:#fff}
.we-offer-wrap p{font-size:22px;line-height:38px}
.we-offer-wrap h2{font-size:26px;font-family:'Montserrat',sans-serif;margin:45px 0 25px;font-weight:600}
.we-offer-wrap:after{position:absolute;display:block;content:"";width:100%;height:100%;background:rgba(0,51,102,.65);top:0;left:0;z-index:0}
.we-offer-wrap .container{position:relative;z-index:1}
.we-offer-col{float:left;width:20%;padding:0 15px}
.we-offer-col img{width:100%;vertical-align:middle;box-shadow:3px 3px 8px rgba(55,84,170,.65),-3px -3px 8px rgb(255,255,255,0.65);border-radius:18px 0}
.we-offer-col h3{padding-top:12px}
.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{width:33.3%;float:left}
.f-top-wrap .open-hrs{padding-left:5%}
.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:20px;width:27%;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:#393492;padding:5px 13px 8px 13px;color:#fff;font-size:22px;position:fixed;bottom:10%;right:40px;display:none;border-radius:8px;transition:all .5s;line-height:normal;z-index:2}
.scroll_up a:hover{color:#fff;background:#dd118e}
.inside-page{background:#fff}
.col-left70{width:60%;float:right}
.col-left30{width:33%;float:left}
.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:#393492;border:2px solid #393492;color:#fff;font-size:16px;width:160px;font-weight:600;cursor:pointer}
.submit-btn:hover{color:#003449;background:0}
.contact-wrap{padding:30px 0 0}
.inner-page-banner{background:url(../images/innerpage-banner-pattern.png) repeat #333;position:relative}
.banner-heading{font-family:"Merriweather";font-size:50px;color:#666;line-height:50px;margin:0;padding:40px 0}
.breadcrumbs{list-style:none;position:absolute;width:100%;max-width:1100px;text-align:right;top:0;bottom:0;left:0;right:0;margin:auto;height:20px}
.breadcrumbs li{display:inline-block;padding-right:8px;color:#f3f3f3;font-size:13px}
.breadcrumbs a{color:#f3f3f3;text-decoration:none;border-bottom:1px solid #fff}
.lr-track-from{max-width:460px;margin:auto}
.lr-track-from .col1{width:100px}
.lr-track-from .col2{width:200px;padding:0 28px}
.lr-track-from input{text-align:center}
#lrstatus-report{padding:30px 0 10px}
#lrstatus-report td strong{font-size:15px}
.complaint-form-wrap{padding:30px 0 40px}
.complaint-form-wrap .form-wrap{max-width:880px;margin:auto}
.complaint-form-wrap .form_element.submit{padding-bottom:0}
.contact-box{margin:0;list-style:none}
.contact-box li{width:33%;padding:0 12px 25px;display:inline-block;vertical-align:top}
.contact-box h3{color:#393492;padding:0 15px 10px}
.contact-box .box-border{padding:15px 25px;min-height:240px}

/* Responsive Styling */
@media all and (max-width:1199px){
.container{padding:0 20px}	
.htop-col-box{padding:45px 12px 0}
.tollno span{padding:4px 15px}
.tollno strong{font-size:16px}
.nav-list li.last{right:0}
.nav-wrap .container{padding:0}
.nav-list li a{padding:10px 12px;font-size:15px}
.we-offer-col h3{line-height:normal}
.service-col,.service-col:first-child{width:50%}
.breadcrumbs{line-height:14px;padding-right:20px}

}
@media all and (max-width:1023px){
.mobile{display:block}	
.htop-col-boxwrap{width:100%;}
.htop-col-box{width:25%;padding:10px 5px}
.nav-wrap{width:40px;height:40px}
.nav-wrap:before,.nav-wrap:after,.nav-list{display:none}
.nav-wrap {
    width: 54px;
    height: 44px;
    position: absolute;
    top: 48px;
    right: 20px;
}
.banner-inner-wrap h1{font-size:26px}
.banner-inner-wrap p{font-size:21px;padding-top:20px}
.banner-wrap .banner-inner-wrap{width:460px;height:80px;padding:20px}
.we-offer-wrap,.about-wrap{padding:30px 0}
.about-wrap img.align-right{max-width:400px !important}
.we-offer-wrap p {
    font-size: 20px;
    line-height: 32px;
}
.we-offer-col{padding: 0 10px;}
.service-col p{font-size:16px}
.service-col .box-border{padding:12px 20px}
.service-col{width:45%}
.service-col:first-child{width:55%;padding-right:0}
.we-help-list li{width:48%}
span.fa-bars{
    font-size: 32px;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 44px;
}
.nav-list{
    width: 230px;
    position: absolute;
    right: 0;
    background:#393492;
	padding:6px 0;
}
.nav-list li{display:block;border-top:1px solid #2f2a86}
.nav-list li a{padding:7px 20px}
.nav-list li.last{position:relative}
.nav-list li:first-child,.nav-list li.last{border-top:0}
.contact-box li{width:49.5%}
.banner-heading{font-size:40px;padding:25px 0}

}
@media all and (max-width:767px){
.htop-colL{margin-left: 25%;width:75%}	
.htop-col-boxwrap{padding-top:10px}
.htop-col-box {
    width: 50%;
    padding: 0px 5px 10px;
}
.about-wrap img.align-right {
    float: none;
    margin: 0 auto 20px;
    display: block;
    max-width: 90% !important;
}
.we-offer-col{padding:10px 15px 25px;width:50%}
.service-col, .service-col:first-child{width:100%;padding:0}
.service-col:last-child{margin-bottom:0}
.we-help-wrap .rel{padding:20px 0 0 0px}
.we-help-list li {
    width: 49.5%;
    padding-right: 0;
}
.contact-wrap .col-left30,.contact-wrap .col-left70{width:100%}
.contact-wrap .col-left30{padding-bottom:20px}
.we-offer-wrap, #about-us{padding-bottom:15px}
.banner-heading {
    font-size: 30px;
    padding: 20px 0;
}
.contact-box li {
    width: 100%;padding:0 0 25px;
}
.contact-box .box-border{min-height:140px;border-radius:10px}

}
@media all and (max-width:559px){
body{font-size:16px;line-height:24px}
.banner-wrap .banner-inner-wrap {
    width: 365px;
    height: 70px;
    padding: 20px;
}
.banner-inner-wrap h1,.we-help-wrap h2 {
    font-size: 20px;
}
.banner-inner-wrap p {
    font-size: 17px;
    padding-top: 20px;
}	
h1.page-title{font-size:20px}
.we-offer-wrap{background-position:center}
.we-offer-wrap p {
    font-size: 18px;
    line-height: 26px;
}
.we-offer-wrap h2 {margin-top:35px}
.we-help-list li{width:100%}
.scroll_up a {bottom:20px;right:10px}
.banner-heading {
    font-size: 24px;
    padding: 12px 0;
}

}
@media all and (max-width:479px){
h1.page-title {
    font-size: 18px;
}
.we-offer-wrap h2{font-size:18px;margin:25px 0 15px}
.contact-inner > p > strong{display:block}
.contact-inner > p > br{display:none}

}
@media all and (max-width:414px){
.htop-colL:before,.header-top:before,.htop-col-box{display:none}
.htop-colL {
    margin-left: 0;
    width: 100%;
    text-align: center;
}
.logo-wrap{width:100%;text-align:center;margin:auto;float:none;padding:20px 0 10px}
.htop-col-box:nth-child(3){display:block;width:100%;text-align:center}
.banner-wrap .banner-inner-wrap {
    width: 85%;
    height: 52px;
    padding: 15px;
}
.banner-inner-wrap h1 {
    font-size: 18px;
}
.banner-inner-wrap p {
    font-size: 15px;
    padding-top: 8px;
}
.form-wrap .left, .form-wrap .right{width:100%;padding:0}
.contact-wrap{padding-top:20px}
.nav-list li.nav-mob{display:block}
.nav-list{width: 275px;}

}
@media all and (max-width:376px){
.we-offer-col{width:100%}
.banner-wrap .banner-inner-wrap{height:58px}
.banner-inner-wrap h1{font-size:16px}
.banner-inner-wrap h1 span{display:block}
.banner-inner-wrap p{
    font-size: 12px;
    padding-top:2px;
}
.we-offer-wrap p {
    font-size: 16px;
    line-height: 24px;
}
}