@import url("navstyle.css");
/* Column Styles */
.one_column{width:800px;margin:0 auto;}

/* Test alignment */
.blockTitle{font-size:2.3em;line-height:1.5}

/* Text Styles */
.xlarge{font-size:2.6em;line-height:1.3}
.large{font-size:1.8em;line-height:1.3}
.medium{font-size:1.3em;line-height:1.3}
.mediumPara{font-size:1.2em;line-height:1.5}
.smallPara{font-size:1em;line-height:1.5}
.xsmallPara{font-size:0.8em;line-height:1.5}

/* Background Color styles */
.themeBackground{background:#07a4e0}
.whiteBg{background:#fff}
.bgGrey{background:#d4d4d4;}
.themeBgBlue{ background:#243AA6 }
/* Forecolors */
.themeColor{color:#07a4e0}
.themeNavy{color:#172646}
.paraBlack{color:#555}
.colorDarkBlue{color:#243aa7;}
.colorWhite{color:#fff !important}
.colorBlack{color:#000 !important}


/* Header */
#header{}
.logo{float:left;height:120px;width:120px;margin-right:10px}
.logoName{float:left;margin-top:25px; margin-right:100px;}

.nabh-logo{position:fixed; right:0; top:40%; z-index:5;}

#topNav{float:right;list-style:none}
#topNav li{display:inline; position:relative;}
#topNav li a{font-family:"WeblySleek UI Semibold", Tahoma, Arial, Helvetica, sans-serif;display:inline-block;color:#fff;font-size:1em;line-height:1.5;text-decoration:none;border-bottom:solid 5px #243aa6;padding:0.8em 1em 0.5em 1em}
#topNav li a:hover{border-bottom:solid 5px #88a5e6}
#topNav li a.subNav{background:url(../images/icons/navArrow.png) no-repeat right center;padding-right:23px!important;}

#topNav ul{position:absolute; display:none; top:34px; left:0px;}
#topNav ul li{display:block; background-color:#172646 !important;}
#topNav ul li a{display:inline-block;text-decoration:none;color:#fff;padding:10px 10px; width:220px; border-bottom:none !important;}
#topNav ul li a:hover{background-color:#38BDFF; border-bottom:none !important;}
#topNav li:hover > ul{display:block; z-index:3}

.phone, .clock{color:#000;font-size:1.1em;padding-left:34px;line-height:1.5;position:absolute;bottom:25px}
.phone{background:url(../images/icons/phone.png) no-repeat left center;right:250px}
.clock{background:url(../images/icons/clock.png) no-repeat left center;right:0}

/*Social Icons*/
.social{position:absolute;top:15px;right:15px}
.fb{background:url("../images/icons/fb-ico.png") no-repeat left center; width:32px; height:32px; margin-right:3px; display:inline-block;}
.in{background:url("../images/icons/linked-ico.png") no-repeat left center; width:32px; height:32px; margin-right:3px; display:inline-block;}
.youtube{background:url("../images/icons/youTube-ico.png") no-repeat left center; width:32px; height:32px; margin-right:3px; display:inline-block;}

/* Banner */
#banner
{
    background:#f2f2f2;
    background:url(../images/banner-bg.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#banner .bannerTitle{color:#fff;font-size:2.5em;line-height:1.5;margin-bottom:25px}
#banner .bannerIntro{font-size:1.2em;line-height:1.3;color:#f2f2f2}

#banner1{height:480px;}

.readBlue{text-decoration:none;display:inline-block;padding:0.6em 0.9em;font-size:1em;background:#38BDFF;color:#fff}
.readBlue:hover{background:#0063be}

/* Home Appointment */
#appo{background:#d5e8f0}
.appoTitle{color:#3a3a3a;font-size:2.3em;line-height:1.3;font-weight:bold}
.appoInfo{color:#00539f;font-size:1.3em;line-height:1.3;font-style:italic}
.appoLink{background:#fff;text-decoration:none;display:inline-block;color:#00539f;padding:0.6em 0.9em;margin:0 auto;font-size:1.3em;}
.appoLink:hover{background:#0063be;color:#fff}
.servCaption{color:#555;font-size:1.1em;line-height:1.3;}

/*Services - Home Page*/
.readAnchBlue{text-decoration:none; color:#fff; background-color:#38BDFF; border:2px solid #38BDFF; padding:0.6em 0.9em; display:block; width:100px; text-align:center; margin:0 auto;  -webkit-transition:all 0.7s ease; transition:all 0.7s ease;}
.readAnchBlue:hover{background-color:#fff; color:#38BDFF;}

/* Testimonials */
.testPara{background:url(../images/icons/testimo.png) no-repeat left top;padding:1.5em 0 0 1.9em;color:#555; padding-left:43px;}
.testPerson_Home{color:#000;font-size:1em;line-height:1.3; text-decoration:none}

.testPerson{font-size:1em;line-height:1.3; float:right;}
.testPerson span{ color:#555; display:block; font-size:0.9em }

/* Home Page: Recent news */
.newsTitle{text-decoration:none;font-size:1.3em;line-height:1.3;display:block;color:#000}
.newsTitle:hover{color:#07a4e0}
.newsDate{display:block;font-size:1em;color:#949494;line-height:1.3;font-style:italic}
.newsText{font-size:1em;color:#555;line-height:1.5;}

/*Doctors - Home Page*/
.col_900{width:900px; margin:0 auto;}
.col_300{width:300px; float:left;}
#doctor{background:#f0f5f7;}
.qBox{cursor:pointer; background:#ffffff;}
.drAnch{font-size:1.4em; color:#243aa7; text-decoration:none; display:block;}
.drAnch:hover{color:#38BDFF;}
.qBoxLiner{height:1px; background-color:#d4d4d4; display:block; width:100%; margin-top:20px; margin-bottom:20px;}
.readMore{text-decoration:none; color:#38bdff;}
.readMore:hover{color:#243aa7;}

/* Footer */
#footer{background:#373838}
.footTitle{color:#fff;font-family: 'Merriweather Sans', sans-serif;font-size:1.1em;line-height:1.3;display:block}
.footInfo{font-size:1em;line-height:1.3;color:#949494;}
.footNav{list-style:none}
.footNav li{display:block;padding:0.2em 0}
.footNav li a{font-size:1em;line-height:1.3;color:#07a4e0;text-decoration:none}
.footNav li a:hover{color:#005abb}
.footBrief{font-size:1em;line-height:1.3;color:#949494;margin-bottom:10px;font-style:italic;display:block}
.footLiner{background-color:#4f4f4f; height:1px; width:100%; display:block;}
.intellect{text-decoration:none; color:#07a4e0;}
.intellect:hover{color:#005abb;}

/*Page Header*/
.pgHeader{background:#172646;}
.pageH1{background:url("../images/sarvamangal-logo-pg-header1.png") no-repeat right center; line-height:3.0; font-size:3.2em;}
.pageH2{font-size:2em; line-height:1.5; margin-bottom:0.6em; }
.pageH3{font-size:1.7em; line-height:1.3; margin-bottom:0.6em;}

/*Page Header images*/
.pageHeader1, .pageHeader2, .pageHeader3, pageHeader4, pageHeader5, .pageHeader6
{
    height:300px;   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
.headerOverlay{background:rgba(0,0,0,0.4); display:block; height:300px;}
.pageHeader1{background:url("../images/h1-sarvamangal-hospital.jpg") no-repeat center center;}
.pageHeader2{background:url("../images/h2-sarvamangal-casualty.jpg") no-repeat center center;}
.pageHeader3{background:url("../images/h3-reception-hall.jpg") no-repeat center center;}
.pageHeader4{background:url("../images/h4-management-team.jpg") no-repeat center center;}
.pageHeader5{background:url("../images/h5-doctors-sarvamangal.jpg") no-repeat center center;}
.pageHeader6{background:url("../images/h6-robotic-joint-replacement.jpg") no-repeat center center;}

.headerOverlay{background:rgba(0,0,0,0.4); display:block; height:300px;}
.pg_TB_pad{padding:7em 0;}
.pgH1{font-size:3.2em; line-height:1.3;}

/*Text Style*/
.paraText{color:#555; font-size:1.1em; line-height:1.5; margin-bottom:0.6em;}

/*Form Controls*/
.labelCap{ font-weight:700; padding:5px 15px 5px 0px; display:block; margin-bottom:0.3em }
.subNotice{font-size:0.8em; color:#999999; font-style:italic; margin-bottom:10px; display:block}
.textBox{padding:0.6em; border:1px solid #cccccc; border-radius:3px; display:block; resize:none; width:97% }
.cmbBox{padding:0.6em; border:1px solid #cccccc; border-radius:3px; display:block; resize:none; width:98%}
.w50{width:50%}
.w20{width:20%}
.w80{width:80%}
.w95{width:95%}
.w70{ width:70%; margin:0 auto }
.w100{width:100%;}
.app_r_padding{padding-right:1.8em}
.chkList{width:100%}
.chkList input { padding:8px; margin-bottom:10px; display:inline-block;}
.buttonForm{background-color:#38BDFF; color:#fff; font-size:1em; padding:10px 18px; border-radius:2px; cursor:pointer; -webkit-transition:all 0.7s ease; transition:all 0.7s ease;}
.buttonForm:hover{background:#243aa7}

/*Hospital Profile*/
.listItem{padding-left:25px;}
.listItem li{padding-left:10px;}

/*Doctors*/
.docImg{float:left;}
.docDesc{margin-left:350px;}
.docDesig{display:block; color:#4a4a4a; font-size:1.2em; line-height:1.3;}

/*Contact Us*/
#map-canvas{width:100%; height: 350px; margin: 0; padding: 0;}
.conLiner{height:1px; background-color:#9baed7; width:100%; margin-bottom:20px; display:block;}
.addr{background:url("../images/icons/location.png") no-repeat top left; padding-left:40px; line-height:1.5; display:block; color:#555;}
.opnHr{background:url("../images/icons/openHr.png") no-repeat top left; padding-left:40px; line-height:1.5; display:block; color:#555;}
.call{background:url("../images/icons/call.png") no-repeat top left; padding-left:40px; line-height:1.5; display:block; color:#555;}
.email{background:url("../images/icons/email.png") no-repeat top left; padding-left:40px; line-height:1.5; display:block; color:#555;}

/* Management Team */
.mTeam{display:inline;border:solid 1px #e0e0e0;width:180px;padding:9px}
.mTeam:hover{
-webkit-box-shadow: 0px 0px 21px 1px rgba(179,179,179,1);
-moz-box-shadow: 0px 0px 21px 1px rgba(179,179,179,1);
box-shadow: 0px 0px 21px 1px rgba(179,179,179,1);
}

/* Infrastructure */
.infra_GalleryNm{color:#3e4a5e; font-size:1.3em}
.img-Box{border:1px solid #dad7d7; cursor:pointer; }
.img-Box:hover{border:1px solid #5f71d1}


/*Latest News*/
.news-img{float:left;width:280px;}
.news-info{margin-left:300px;}
.news-Tag{font-size:1.5em;color:#243aa6;text-decoration:none;display:block}
.news-Tag:hover{color:#07a4e0}
.post{font-size:0.9em;color:#555555;display:block;margin-bottom:0.6em}
.post span{ color:#dc4a39 }

.Readmore{font-size:0.9em;color:#243aa6;text-decoration:none;}
.Readmore:hover{text-decoration:underline}
.para-txt{font-size:1em;color:#303030;line-height:1.4em;}
.grayLiner{background-color:#c7c5c5; height:1px; display:block;}

/*News Details*/
.news-heading{font-family:"WeblySleek UI Semibold";font-size:1.4em;color:#243aa6;margin-bottom:0.3em;display:block}
.news-post{font-size:1em;color:#999999;display:block;}

/* BreadCrumb */
.breadcrum{list-style:none;float:left;display:inline;font-size:1em}
.breadcrum li{float:left;display:inline;margin-right:0.6em;color:#a2a2a2}
.breadcrum li a{text-decoration:none;font-size:1em; font-weight:bold; color:#88a5e7}
.breadcrum li a:hover{ text-decoration:underline }

/* Testimonials */
.testVid{ float:left }
.testBox{ margin-left:450px; }
.grayLine{ height:1px; display:block; background-color:#ececec }

.photoBox{ width:200px; float:left }
#vidFrame{ width:400px; height:225px }
.pad5{ padding:5px }
.border1p{ border:1px solid #ececec }

.vidBox{ width:380px; float:left }
.vidInfo{ margin-left:400px }

/* page sidebar */
.sideBlueBase{background-color:#dfe5e6;text-align:center}
.sideTitle{color:#191c1f;line-height:1.5;}
.sideIntro{color:#4d4e53;line-height:1.3;font-size:1em}
.sideAnch{background-color:#1ebef0;color:#fff;text-align:center;display:block;padding:0.8em 1.2em;text-decoration:none;line-height:1.3;width:150px;margin:0px auto}
.sideAnch:hover{background-color:#28328c;}

.blueBullet{list-style:none}
.blueBullet li{display:block;background:url(../images/icons/blue-dot.png) no-repeat left 7px;font-size:1.1em;line-height:1.5;color:#555;padding-left:20px;padding-bottom:5px}

.facultyBox{box-shadow: 2px 3px 4px 5px #e6e6e6;border-bottom:1px solid #07a4e0;}
.width40{width:40%;float:left;}
.pageH4{font-size:1.5em; line-height:1.3;}

.border-table{border-collapse:collapse;width:100%}
.border-table th, .border-table td{padding:8px; vertical-align:top; text-align:center;}
.border-table th, .border-table td{border:1px solid #fff;}
.border-table th{padding:15px; text-align:center; color:#fff; font-size:1em; font-family:"WeblySleek UI Semibold", Tahoma, Arial, Helvetica, sans-serif;}

.border-table tr:nth-child(even){background:#f6f6f6}
.border-table tr:nth-child(odd){background:#eeeeee}

.border-table .theme-bg-1{background:#07a4e0;}

.horizontal-resp-tbl{overflow-x:auto;}
.txtDecNone{text-decoration:none;}

/*Accordian*/
.faqbg{background:#6d5b56}
.accordinbox{position:absolute; width:100%; top:24%; left:0; right:110px; z-index:999;}
.genMedAccordian h3 {background: #87a5e5; color: #fff; text-align: left; padding: 15px 14px; cursor: pointer; margin-top: 0; margin-bottom: 9px;
					 padding-right: 40px; transition: 0.25s all; position: relative; font-size:1.1em; line-height:1.3; font-weight:400; }
.genMedAccordian h3:hover{background:#243aa6; color:#fff;}
.genMedAccordian h3.active {margin-bottom: 21px; background: #1e1e1e; color:#fff; }
.genMedAccordian h3::before {content: attr(data-prefix); font-size:1em; margin-right: 9px;}
.genMedAccordian h3.alignLeft {	padding-left: 35px;}
.genMedAccordian > div {display: none; background: transparent; border: 1px solid #cdcdcd; text-align: left; padding:15px; margin-bottom: 9px; color:#fff;}
.genMedAccordian .arrowDown {width: 0; height: 0; border-style: solid; border-width: 13.0px 7.5px 0 7.5px; border-color: #215A6D transparent transparent transparent; position: absolute;
							 bottom: 0; left: 40px; transition: 0.25s all;  opacity: 0;}
.genMedAccordian .active .arrowDown {bottom: -13px; border-color: #1e1e1e transparent transparent transparent; opacity: 1;}
.genMedAccordian .collapseIcon {position: absolute; right: 20px; top: 45%; font-size: 25px; color:#6d5b56; font-weight: 300; -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.genMedAccordian .collapseIcon.alignLeft {right: initial; left: 20px;}

.callLink {
    background: url('../images/call-now.png') no-repeat center center;
    height: 50px;
    width: 60px;
    position: fixed;
    right: 0;
    top: 30%;
    text-decoration: none;
    z-index: 9999;
    border-radius: 5px 0px 0px 5px;
    -webkit-box-shadow: -2px 2px 5px 0px rgba(148,148,148,1);
    -moz-box-shadow: -2px 2px 5px 0px rgba(148,148,148,1);
    box-shadow: -2px 2px 5px 0px rgba(148,148,148,1);
}

.phone2 {
    color: #000;
    font-size: 1.1em;
    padding-left: 34px;
    line-height: 1.5;
    position: absolute;
    bottom: 55px;
    right: 250px
}

.callPh {
    background: url(../images/icons/phone.png) no-repeat left center;
}

/*================================================== Media Queries ==================================================*/

@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1200px)
{
}
@media screen and (max-width: 1140px)
{
	.logoName{margin-right:30px;}
    .nabh-logo{display:none;}
    .social{top:25px;}
    .brkWord{word-wrap:break-word;}
}
@media screen and (max-width: 1024px)
{
	 
    
}
@media screen and (max-width: 920px)
{
    #navBtn{display:block}
    /*#topNavPanel{display:none;float:none;position:absolute;right:0px; top:82px; margin-top:0;z-index:100; -webkit-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    -moz-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);}*/
    #topNav{background:#fff; margin-top:0;position:absolute;right:0px; top:44px; display:none; z-index:3; -webkit-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    -moz-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);}
    #topNav li{display:block;padding:5px 10px;border-bottom:none; }
    #topNav li a{display:block;color:#243AA6 !important;padding:5px 10px; border-bottom:none}
    #topNav li a:hover{border-bottom:none}
    
    #topNav ul{position:relative; top:0px; left:0px;display:block}
    #topNav ul li{border:none !important; background-color:#fff !important}
    #topNav ul li a{display:block;padding:0.2em 0em 0.2em 0.5em; font-size:0.9em; color:#555 !important;background:#fff;text-align:left; width:150px}
    #topNav ul li a:hover{background:#fff;color:#555}
    
    .logoName{ display:none }
    .one_column{width:100%;}
    .col_900{width:100%;}
    .col_300{width:33.3%;}
    .pad_L_30{padding-left:0; margin-top:20px;}
}
@media screen and (max-width: 800px)
{
    
    .col_300{width:100%; float:none;}
    .pad_LR_30{padding:0; margin-bottom:20px;}

    .smallLine{width:50%; margin:0 auto; margin-top:20px; margin-bottom:20px;}
    .docImg{float:none; margin-bottom:20px;}
    .docImg img{margin:0 auto; display:block; overflow:hidden} 
    .docDesc{margin-left:0; text-align:center;}


}
@media screen and (max-width: 768px)
{   
   
   
}
@media screen and (max-width: 640px)
{   
	.w50{width:100%}
	.app_r_padding{padding:0em !important}
	.clock{ display:none }
	.phone{ right:0px }

    .width40{width:50%;float:left;}

    .responsive-table .table-header {
        display: none !important;
    }
    .phone2 {
        right: 0px
    }
}
@media screen and (max-width: 480px)
{
    
    .longTxt{line-height:1.5;}
    #wordBrk{word-wrap:break-word;}
    .w50{ width:95% }
    .w100{ width:95% }

    .width40{width:100%;float:left;}
    .kneefooter{margin-top:100px !important}

    .kneeImgBanner {
        background: url(../images/h6-robotic-joint-replacement-mobile.jpg) no-repeat center center !important;
        height: 363px;
        margin-bottom:10px;
    }
}
@media screen and (max-width: 375px)
{
    /*#topNavPanel{display:none;}*/ 
     .docImg img{width:100%;}
    .copyRight{float:left;}
    #nabhlogo{display:none;}

    .kneeImgBanner {
        height: 324px !important;
    }
}