﻿/*=======================================================================================================================================
																	Generic CSS
=======================================================================================================================================*/
*
{
	margin:0;
	padding:0;
	border:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1em;
}

/* Basic Common Column structure */
.width100{width:100%}
.margin_auto{margin:0 auto}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* ========= Font Specific ========= */
.tiny{font-size:0.8em}
.small{font-size:0.9em}
.regular{font-size:1.1em}
.semiMedium{font-size:1.3em;}
.medium{font-size:1.5em}
.large{font-size:2.2em}
.semi-large{font-size:1.8em}
.extra-large{font-size:2.6em;line-height:1.5}
.xxlarge{font-size:3em;}

.light{font-family: 'Open Sans', sans-serif !important; font-weight:300;}
.fontRegular{font-family: 'Open Sans', sans-serif; font-weight:400;}
.semiBold{font-family: 'Open Sans', sans-serif; font-weight:600;}
.bold{font-family: 'Open Sans', sans-serif; font-weight:700;}
/*.upperCase{text-transform:uppercase}*/
.strike{ text-decoration:line-through}

/*float classes*/
.float_left{float:left;display:inline}
.float_right{float:right;display:inline}
.float_clear{clear:both;}

/*text alignment*/
.txtCenter{text-align:center;}
.txtRight{text-align:right;}
.txtLeft{text-align:left;}

/* padding */
.pad_3{padding:3px;}
.pad_5{padding:0.3em}
.pad_10{padding:0.6em}
.pad_14{padding:0.8em}
.pad_15{padding:0.9em}
.pad_20{padding:1.2em}
.pad_25{padding:1.5em}
.pad_30{padding:1.8em;}
.pad_40{padding:2.5em}
.pad_50{padding:3.1em}

.home_pad_offset{padding:1.8em;}

.pad_LR_30{padding:0 1.8em;}
.pad_L_15{padding-left:0.9em}
.pad_R_15{padding-right:0.9em}
.pad_LR_15{padding:0 0.9em;}
.pad_LR_20{padding-left:1.2em;padding-right:1.2em}
.pad_LR_25{padding:0 1.5em;}
.pad_L_30{padding-left:1.8em}
.pad_R_30{padding-right:1.8em}
.pad_TB_30{padding-bottom:1.8em;padding-top:1.8em}
.pad_TB_10{padding-bottom:0.6em;padding-top:0.6em}
.pad_TB_15{padding-bottom:0.9em;padding-top:0.9em}
.pad_TB_20{padding-bottom:1.2em;padding-top:1.2em}
.pad_TB_5{padding:5px 0;}
.pad_TB_6{padding:6px 0;}
.pad_TB_8{padding:8px 0;}

/* margin */
.mrg_B_3{margin-bottom:0.18em;}
.mrg_B_5{margin-bottom:0.3em;}
.mrg_B_10{margin-bottom:0.6em;}
.mrg_B_15{margin-bottom:0.9em;}
.mrg_B_20{margin-bottom:1.2em;}
.mrg_B_25{margin-bottom:1.5em;}
.mrg_B_30{margin-bottom:1.8em;}

.mrg_R_15{margin-right:0.9em;}
.mrg_R_20{margin-right:20px;}
.mrg_L_15{margin-left:0.9em;}

/*spacer*/
.space5{height:0.3em; display:block;}
.space10{height:0.6em; display:block;}
.space15{height:0.9em; display:block;}
.space20{height:1.2em; display:block;}
.space30{height:1.8em; display:block;}
.space35{height:2.1em; display:block;}
.space40{height:2.5em; display:block;}
.space50{height:3.1em; display:block;}
.space60{height:60px; display:block;}
.space70{height:70px; display:block;}
.space80{height:80px; display:block;}

/* coloumn structure*/
.col_1140{width:1140px;margin:0 auto}
.col_1_2{width:570px; float:left;}
.col_1_3{width:380px; float:left;}
.col_1_4{width:285px; float:left;}
.col_1_5{width:228px; float:left;}
.col_1_6{width:190px; float:left;}
.col_2_3{width:760px; float:left;}
.col_980{width:980px;}
.col_800_center{width:800px;margin:0 auto}
.col_800{width:800px; float:left}
.col_340{width:340px; float:left}

.col_800_right{width:800px; float:right;}
.col_340_right{width:340px; float:right;}

/*position*/
.posRelative{position:relative !important }

/*border-radius*/
.border_r_3{border-radius:3px;}
.border_r_4{border-radius:4px;}
.border_r_5{border-radius:5px;}
.border_r_50{border-radius:50%;}
.noBorder{border:none !important }

/*liner*/
.liner{height:1px; background-color:#000; display:block;}

/*text transform*/
.upperCase{text-transform:uppercase}
.capitalize{text-transform:capitalize;}
.txtDecNone{text-decoration:none;}

/* Notification */
.info, .success, .warning, .error {
margin: 10px 0;
padding:12px;
padding-left:36px !important;display:block
}
.info {
	color: #00529B; font-weight:400;
	background: #BDE5F8 url(../images/icons/ico-info.png) no-repeat 12px center;
}
.success {
	color: #4F8A10; font-weight:400;
	background: #DFF2BF url(../images/icons/ico-success.png) no-repeat 12px center;
}
.warning {
	color: #9F6000; font-weight:400;
	background: #FEEFB3 url(../images/icons/ico-warn.png) no-repeat 12px center;
}
.error {
	color: #D8000C; font-weight:400;
	background: #FFBABA url(../images/icons/ico-error.png) no-repeat 12px center;
}

/*========================================================================================================================================
																	Nayandeep Hosp CSS
========================================================================================================================================*/

/* Theme Colors */
.themeBgPrime{background:#00AFF0;} /* Blue */
.themeBgSec{background:#0C7DAF;} /* Dark Blue */
.themeBgThr{background:#2B5464} /* Dark Navy Blue */
.themeBgQtr{background:#7FBA00;} /* Light Green */

.themeClrPrime{color:#00AFF0;}
.themeClrSec{color:#0C7DAF;}
.themeClrThr{color:#2B5464;}
.themeClrQtr{color:#7FBA00;}

.bgGrey{background:#E4EEF2;}
.bgLightGrey{background:#F0F4F5;}
.bgLightGreen{background:#E5EAD4;}
.bgWhite{ background:#ffffff }

.clrWhite{color:#fff;}
.clrBlack{color:#000;}
.clrGrey{color:#a1a0a0;}
.clrDarkGrey{color:#AABEC6;}
.bgBlack{background:#000;}


/* Text Style */
.paraTxt{color:#3e3e3e; line-height:1.5;font-size:1.2em}
.subPara{line-height:1.5; font-size:1.3em;}
.line-ht-3{line-height:1.3;}
.line-ht-5{line-height:1.5;}
.line-ht-8{line-height:1.8;}
.letter-sp-2{letter-spacing:2px;}
.letter-sp-3{letter-spacing:3px;}

.greyLine{background:#ccc; height:1px; width:100%; display:block; margin-top:25px; margin-bottom:25px;}

.dis-tbl{display:table;}
.tbl-cell{display:table-cell; vertical-align:middle;}

.dispBlk{display:block !important;}

.shortLine{display:block; height:3px; width:80px; margin-top:20px; margin-bottom:20px;}

/* Header */
#header{}
.logo{float:left;}
.logoName{margin-left:10px; margin-top:10px; float:left;}
.space3{height:3px; display:block;}
.disp-none{display:none;}
.mobNavLogo{display:none; padding:40px 0 0 20px;}

.socIco{width:32px; height:32px; display:inline-block; margin-right:10px; opacity:0.6; transition:0.5s;}
.fb{background:url("../images/icons/topFb.png") no-repeat center center;}
.insta{background:url("../images/icons/topInsta.png") no-repeat center center;}
.youTube{background:url("../images/icons/topYoutube.png") no-repeat center center;}
.fb:hover, .insta:hover, .youTube:hover{transform:translateY(-5px);}

.topMail{background:url("../images/icons/topMail.png") no-repeat top left; color:#555; padding-left:32px; text-decoration:none; line-height:1.5; font-weight:400;}
.topCall{background:url("../images/icons/topCall.png") no-repeat top left; color:#555; padding-left:32px; text-decoration:none; line-height:1.5; font-weight:400; position:absolute; bottom:10px; right:0;}


/*Navigation*/
#topNavPanel{background:#00AFF0; width:100%; transition:0.5s;}
#topNav{list-style:none;float:right}
#topNav li{display:inline; position:relative}
#topNav li a{font-family: 'Open Sans', sans-serif; font-weight:600; display:inline-block; text-decoration:none;color:#fff;font-size:0.9em;line-height:1.5;padding:13px 11px;}
#topNav li a.subNav{background:url(../images/icons/navArrow.png) no-repeat right center;padding-right:23px!important; cursor:pointer;}
#topNav li a:hover{background-color:#0C7DAF;}
#topNav li a.actPage{background:#0C7DAF;}
#topNav li a.actPageArrow{background:#0C7DAF url(../images/icons/navArrow.png) no-repeat right center;}

#navBtn{width:34px;height:34px;background:url(../images/icons/nav-btn.png) no-repeat left center;display:none; cursor:pointer; position:absolute; top:15px; right:35px; }

#topNav ul{position:absolute; display:none; top:32px; left:0; padding:5px 0; background-color:#fff !important; border-bottom:3px solid #00AFF0; box-shadow:2px 3px 10px rgba(0,0,0,0.4);}
#topNav ul li{display:block; }
#topNav ul li a{font-family: 'Open Sans', sans-serif; font-weight:400; display:inline-block;text-decoration:none;color:#272727;padding:4px 10px; width:180px; font-size:0.8em;}
#topNav ul li a:hover{color:#0C7DAF !important; background:transparent !important;}
#topNav li:hover > ul{display:block; z-index:3}

#mobNav{display:none;}
.closeBtn{position:absolute; top:5px; right:25px; font-size:36px; color:#fff; text-decoration:none; display:none;}
#mobNav span{display:block !important;}

/* Banner */
.bannerBg{background:url("../images/banner-bg.jpg") no-repeat center center; background-size:cover; width:100%;}
.banner{background:#ccc url("../images/banner/banner-1.jpg") no-repeat left center; background-size:contain; width:100%; height:457px; box-shadow:3px 10px 25px rgba(0,0,0,0.5);}  
.bannerSpacer{height:150px; display:block;}

/* Abs Quick Boxes */
.absBox{position:absolute; left:0; right:0; top:-100px; width:100%; display:block; margin:0 auto;}
.absBox .col_1_3{transition:0.5s;}
.absBox .col_1_3:hover{transform:scale(1.1); box-shadow:5px 8px 15px rgba(0,0,0,0.3), -5px 0 15px rgba(0,0,0,0.3);}
.dottedLine{border:1px dotted #fff;}
.workingHours{}
.workingHours li{color:#fff; font-size:0.9em; font-weight:400; display:block; line-height:1.5; padding:10px; border-bottom:1px dashed #fff;}
.workingHours li:last-child{border:none;}
.absSpacer{height:200px; display:block;}

/* Sliding News */
/* liScroll styles */
.tickercontainer {width: 100%; background:#0C7DAF;font-size:1.2em;color:#fff;margin: 0; padding: 0;	overflow: hidden; text-align: center;line-height:2;}
/* that serves as a mask. so you get a sort of padding both left and right */
.tickercontainer .mask {position: relative;	width: 100%;overflow: hidden;}
ul.newsticker { /* that's your list */position: relative;list-style-type: none;margin: 0;padding: 0;}
/* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker li {float: left; margin: 10px;padding: 0;}
ul.newsticker li a span{color:#a4c3fa; margin-right:5px; text-decoration:none;}
ul.newsticker li a{text-decoration:none; color:#fff; font-size:0.9em; font-weight:400;}
ul.newsticker li a:hover{color:#7FBA00;}
ul.er-controls{	list-style: none;	display: inline-block;	padding: 0;  height:20px; line-height:2;}
ul.er-controls > li{display: inline-block;padding: 0 10px;margin: 5px; }
ul.er-controls > li:hover{cursor: pointer;}

.newsTag{position:absolute; left:9px; top:9px; background:#00AFF0; color:#fff; z-index:16; font-size:1.3em;}
.pad_11{padding:11px;}
.clrGreen{color:#8ac249;}

/* About - Home Page */
.width50{width:50%; float:left;}
.width40{width:40%; float:left;}
.width60{width:60%; float:left;} 
.lineBg{background:url("../images/icons/lineBg.png") no-repeat left center; display:block; height:20px; margin:15px 0;}
.lineBgCenter{background:url("../images/icons/lineBg.png") no-repeat center center; display:block; height:20px; margin:15px 0;}
.medicalSymbol{background:url("../images/medical-symbol.png") no-repeat center 120px; display:block;}
.aboutImg{position:relative;}
.aboutImg img{box-shadow:10px 10px 25px rgba(0,0,0,0.3);}
.aboutImg:before{content:''; position:absolute; top:-25px; right:-25px; width:80%; height:80%; background:linear-gradient(120deg, #00AFF0, #0C7DAF, #2B5464, #7FBA00, #00AFF0); z-index:-1; background-size:400%; animation: bganimation 15s infinite}
@keyframes bganimation{
	0%
	{
		background-position: 0% 50%;
	}
	50%
	{
		background-position: 100% 50%;
	}
	100%
	{
		background-position: 0% 50%;
	}
}
.readAnch{text-decoration:none; background:#00AFF0; border:2px solid #00AFF0; font-size:0.9em; color:#fff; padding:10px 20px; display:inline-block; line-height:1.5; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.readAnch:hover{background-color:transparent; color:#00AFF0;}

.readAnchWhite{text-decoration:none; background:transparent; border:1px solid #fff; font-size:0.8em; color:#fff; padding:10px 20px; display:inline-block; line-height:1.5; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.readAnchWhite:hover{background-color:#fff; color:#0C7DAF;}

/* Doctors - Home Page */
.docContainer{width:250px; display:inline-block;}
.docContainer .bgWhite{box-shadow:3px 5px 10px rgba(0,0,0,0.2);}
.imgContainer{position:relative;}
.colImgOverlay{position:absolute; left:0; bottom:0; right:0; background:linear-gradient(rgba(255,255,255,0.5), rgba(0,175,240,0.8)); overflow:hidden; width:100%; height:0; transition:.8s ease;}
.bgLightGrey .docContainer:hover .colImgOverlay{height:100%;}
.docContainer .socIco{opacity:1;}
.docAnch{text-decoration:none; color:#0C7DAF; display:inline-block; line-height:1.5; font-size:1.1em;}
.docAnch:hover{color:#00AFF0;}
.colImgOverlay .docAnch{color:#fff;}

/* Services */
.blueIcon{opacity:0;}
.whiteIcon{opacity:1;}
.servBox{border:2px solid #6dc6e7; position:relative;}
.servBox:before{content:""; position:absolute; left:0; right:0; bottom:0; background:#00AFF0; overflow:hidden; width:100%; height:0; transition:0.5s;}
#serv .col_1_4:hover .servBox:before{height:100%; z-index:-1;}
.servIcon{width:60px; height:60px; background:#00AFF0; position:relative; transition:0.3s;}
.servIcon img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.servBox:hover .servIcon{border-radius:50%; background:#fff;}
/*.servAnch{text-decoration:none; color:#000; font-size:1.3em; display:block; line-height:1.5;}*/
.servBox:hover .servAnch, .servBox:hover p{color:#fff;}
.servBox:hover .blueIcon{opacity:1;}
.servBox:hover .whiteIcon{opacity:0;}
#anchDisplay{display:none;}
.absAnch{position:absolute; bottom:15px; right:15px;}

.servBox1{background:#b2377f;}
.servBox2{background:#0b7f9a;}
.servBox3{background:#2ba49f;}
.servBox4{background:#f39115;}
.servAnch{text-decoration:none; color:#fff; font-size:1.2em; display:block; line-height:1.5;}

/* Testimonials */
.bgTestimonial{background:url("../images/testimonialsBg.jpg") no-repeat fixed center; background-size:cover; width:100%;}
.bgTestimonialOverlay{background:rgba(0,0,0,0.7);}
.smallRm{text-decoration:none; color:#7FBA00; font-size:0.9em; display:inline-block; line-height:1.5; border-bottom:1px solid transparent;}
.smallRm:hover{border-bottom:1px solid #7FBA00;}
.testImg{width:100px; height:100px; border-radius:50%;}
.testPad{padding:40px 130px;}
/* Testimonial Slider */
.unslider{overflow:auto;margin:0;padding:0}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider ol{display:none;}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer; top: 50%;}

.unslider-arrow.next{left:auto;right:0; height:48px; width:48px; background-image:url(../images/icons/next.png); }
.unslider-arrow.prev{left:0;right: auto; height:48px; width:48px; background-image:url(../images/icons/next.png);-ms-transform: rotate(-180deg);
			transform: rotate(-180deg); }

/* Footer */
.clr555{color:#555;}
.footer{background:#001118;}
.footer span{display:block; color:#7f888b;}
.footerCaption{font-size:1.4em; line-height:1.5; color:#7f888b;}
.footerNav{list-style:none}
.footerNav li{}
.footerNav li a{text-decoration:none;display:inline-block;padding:0.2em 0;color:#7f888b;font-size:0.9em; line-height:1.3; font-weight:400;}
.footerNav li a:hover{color:#00AFF0;}
.intellect{text-decoration:none; color:#667074; font-weight:600;}
.intellect:hover{color:#00AFF0;}

.footerLine{background:#61696c; width:100%; height:1px; display:block;}
.fLine{position:relative; background:#61696c; width:90%; height:1px; display:block;}
.fAbsLine{position:absolute; left:0; top:-1px; background:#00AFF0; width:70px; height:2px; display:block;}

.foo_socialIco{width:48px; height:48px; display:inline-block; margin-right:5px;}
.foo_fb, .foo_insta, .foo_youTube{transition:0.5s;}
.foo_fb:hover, .foo_insta:hover, .foo_youTube:hover{transform:translateY(-10px);}
.foo_fb{background:url("../images/icons/fb.png") no-repeat center center;}
.foo_insta{background:url("../images/icons/instagram.png") no-repeat center center;}
.foo_youTube{background:url("../images/icons/youtube.png") no-repeat center center;}

/* Contact Info - Home */
.addr{background:url("../images/icons/location.png") no-repeat top left; display:block; padding-left:34px; font-weight:400; color:#7f888b;}
.email{background:url("../images/icons/mail.png") no-repeat top left; display:block; padding-left:34px;  font-weight:400; color:#7f888b;}
.foo_call{background:url("../images/icons/call.png") no-repeat top left; display:block; padding-left:34px; font-weight:400; color:#7f888b; }
.breakWord{word-wrap:break-word;}

/* Page Headers */
.pg_TB_pad{padding:6em 0;}
.pgHeader{background:#0C7DAF url(../images/page-header.jpg) no-repeat center center; background-size:cover; width:100%;}
.headerOverlay{background:rgba(0,175,240,0.2); display:block;}
.absPgHeader{background:rgba(255,255,255,0.9); width:50%; border-bottom:2px solid #00AFF0; position:absolute; left:0; bottom:-180px; box-shadow:5px 10px 25px rgba(0,0,0,0.2), -5px 0 20px rgba(0,0,0,0.2);}
.headerSpacer{height:120px; display:block;}

/* Page Header Styles */
.pageH1{font-size:3.2em; line-height:1.3;}
.pageH2{font-size:2.1em; line-height:1.5;}
.pageH3{font-size:1.7em; line-height:1.5;}
.pageH4{font-size:1.4em; line-height:1.5;}

/* Bread Crumbs */
.bCrumb{list-style:none;display:inline;font-size:1em; float:left;}
.bCrumb li{display:inline;margin-right:0.6em;color:#555; float:left; font-weight:400;} 
.bCrumb li a{text-decoration:none;font-size:1em; font-weight:600; color:#0C7DAF;}
.bCrumb li a:hover{border-bottom:2px solid #0C7DAF; }

/* page sidebar */
.sideBlueBase{background-color:#dfe5e6;text-align:center}
.sideTitle{color:#0C7DAF;line-height:1.5; font-weight:600;}
.sideIntro{color:#4d4e53;line-height:1.3;font-size:1em}
.sideAnch{background-color:#7FBA00;color:#fff;text-align:center; display:inline-block; padding:0.8em 1.7em;text-decoration:none;line-height:1.3;margin:0 auto; transition:0.5s;}
.sideAnch:hover{background-color:#000;}

/* About Us */
.leftImg{float:left; width:570px; margin:0 30px 10px 0;}

/*Testimonials Page*/
.testimonial{ border-left: 4px solid #0C7DAF; box-shadow: 5px 8px 15px rgba(0, 0, 0, 0.1), -5px -5px 15px rgba(0,0,0,0.1); overflow: hidden; position: relative;}
.testimonial:before{ content: ""; position: absolute; bottom: 0; right: 0; border-top: 25px solid #0C7DAF;border-left: 25px solid transparent; border-right: 25px solid transparent; transform: rotate(-45deg);transform-origin: 80% -30% 0;}
.testiImg{width:80px; height:80px; float:left;}
.testiImg img{border-radius:50%;}
.testInfo{margin-left:100px;}


/* Career */
 
.jobList{padding-left:3px;}
.jobList li{display:block; color:#3e3e3e; font-size:1em; line-height:1.5; margin-bottom:5px; background:url("../images/icons/dot.png") no-repeat left 6px; padding-left:15px;}

.jobTiltle{color:#fff;font-size:1.3em;}
.jobTiltle:hover{color:#FEC500;}
.boxBorder{ border:1px solid #afafaf;}

/*Form Controls*/
.w100{width:100%;}
.labelCap{ font-weight:600; padding:5px 15px 5px 0; display:block; margin-bottom:0.3em }
.subNotice{font-size:0.8em; color:#999999; font-style:italic; margin-bottom:15px; display:block}
.textBox{padding:0.4em; display:block; border:1px solid #ccc; resize:none; width:97%;  }
.textBox:focus{outline:none; border:1px solid #00AFF0;}
.cmbBox{padding:0.4em; border:1px solid #cccccc; display:block; resize:none; width:98%}
.cmbBox:focus{outline:none; border:1px solid #00AFF0;}
.w50{width:50%}
.w20{width:20%}
.w80{width:80%}
.w90{width:90%}
.w95{width:95%}
.w98{width:98%}
.w70{width:70%; margin:0 auto;}
.app_r_padding{padding-right:1.8em}
.chkList{width:100%}
.chkList input{padding:8px; margin-bottom:10px; display:inline-block;}
.buttonForm{background-color:#0C7DAF; color:#fff; font-size:1em; padding:10px 18px; cursor:pointer; -webkit-transition:all 0.7s ease; transition:all 0.7s ease;}
.buttonForm:hover{background:#2B5464;}
input[type="text"]:disabled {background: #fff;}
input[type="text"]:focus{outline:none;}

/* Contact Us */
#map-canvas {width:100%; height:450px; margin:0; padding:0;}
.conIco{padding-left:40px; line-height:1.5; font-size:1.1em; color:#404041}
.home{background:url("../images/icons/home.png") no-repeat top left; display:block;}
.conMail{background:url("../images/icons/conEmail.png") no-repeat top left; display:block; line-height:2;}
.conCall{background:url("../images/icons/conCall.png") no-repeat top left; display:block;}

.conBox{background:#fff; border-bottom:3px solid #00AFF0; height:195px; box-shadow:0 8px 20px rgba(0,0,0,0.2);}

/* Unordered Lists */
.basicList{list-style:none}
.basicList li{display:block;background:url(../images/icons/blue-dot.png) no-repeat left 7px;font-size:1.2em;line-height:1.5;color:#484848;padding-left:20px;padding-bottom:5px}

.basicOrderList{padding-left:20px;}
.basicOrderList li{padding-bottom:8px; line-height:1.5;}


.absTopArrow{position:fixed; bottom:15px; right:20px; z-index:55;}
.fixedArrow{background:url("../images/icons/topIco.png") no-repeat center center; display:block; height:48px; width:48px;}
.topArrowIco{}

#healthInsurance .basicList li{font-size:1em; font-weight:400; line-height:1.8;}

/*Latest Activities and Events*/
.news-img{float:left;width:280px;}
.news-img .imgBox{height:230px; overflow:hidden; border:1px solid #ccc; padding:3px;}
.news-info{margin-left:300px;}

.news-Tag{font-size:1.5em;color:#0C7DAF;text-decoration:none;display:block; text-transform:capitalize;}
.news-Tag:hover{color:#00AFF0}
.newspost{font-size:0.9em;color:#555555;display:block;margin-bottom:1em; font-style:italic; font-weight:400;}

.Readmore{font-size:0.9em;color:#7FBA00;text-decoration:none;}
.Readmore:hover{border-bottom:1px solid #7FBA00;}

/* Photo Gallery */
.img-border{border:1px solid #ccc;}
.img-border:hover{border:1px solid #00AFF0;}
.pressDate{color:#272727; font-size:0.9em; line-height:1.8; display:block;}
.albumPic{width:200px; float:left;}
.albumDesc{margin-left:230px;}
.albumTitle{text-decoration:none; color:#0C7DAF; font-size:1.5em; line-height:1.5; display:block; text-transform:capitalize;}
.albumTitle:hover{color:#00AFF0;}
.albumAnch{text-decoration:none; background:#7FBA00; color:#fff; padding:8px 25px; display:inline-block;}
.albumAnch:hover{background:#0b0b0b;}

#videos .col_1_3 .themeBgSec{transition:0.5s; }
#videos .col_1_3:hover .themeBgSec{background:#00AFF0; }

/* doctors profile */
.docImg{float:left; width:150px; text-align:center;}
.docInfo{margin-left:190px;}
.doc-soc-box{width:32px; height:32px; display:inline-block; margin-right:5px;}
.doc-soc-fb{background:url("../images/icons/dr-fb.png") no-repeat center center;}
.doc-soc-insta{background:url("../images/icons/dr-insta.png") no-repeat center center;}
.doc-soc-youtube{background:url("../images/icons/dr-youtube.png") no-repeat center center;}
.docRm{text-decoration:none; font-size:1em; color:#8ac249; font-weight:600; line-height:1.5; display:inline-block;}
.docRm:hover{color:#00bbd3;}
.docHt{height:222px; overflow:hidden; background:#ccc;}

.csVid{position:absolute; right:0; bottom:0px;}
.videoLink{background:url("../images/icons/videoIcon.png") no-repeat left center; padding-left:30px; text-decoration:none; color:#dd2c28; font-size:1em; line-height:2; font-weight:400;}
.videoLink:hover{border-bottom:1px solid #dd2c28;}

.width33{width:33%; float:left;}

/*Services Page*/
.servBox{border:1px solid #e0e0e0; height:90px; display:flex; text-align:center; justify-content:center; align-items:center; border-left:2px solid #2B5464;box-shadow: 0px 4px 4px #e5e4e4; transition:0.5s;}
.servBox:hover{-moz-box-shadow: 8px 8px 8px 8px 4px #e5e4e4;  -webkit-box-shadow: 8px 8px 8px 4px #e5e4e4; box-shadow: 8px 8px 8px 4px #e5e4e4; color:#2B5464;}
.servTag{font-size:1.2em;}
/*.servBox:hover{-moz-box-shadow: 0px 0px 4px 2px #e5e4e4;  -webkit-box-shadow: 0px 0px 4px 2px #e5e4e4; box-shadow: 0px 0px 4px 2px #e5e4e4; color:#fff; background:rgba(17, 172, 238, 0.8)}*/
.blueList{list-style:none; padding-left:15px;}
.blueList li{list-style-image:url('../images/icons/blue-dot.png'); padding:4px; font-size:1em; line-height:1.5;}

/* Sidebar Navigation */
.sideContainer{background:#fff; border:1px solid #e9e9e9;}
.sideNavHead{font-size:1.5em; padding:15px 20px;}
.sideThemeLine{height:2px; display:block; width:100%;}
.sideNav{list-style:none }
.sideNav li{ font-size:1em; display:block; border-bottom:1px solid #d9d9d9 }
.sideNav li a{padding:10px 10px; color:#969696; text-decoration:none; display:inline-block; font-weight:400;transition:0.5s ease-in-out;}
.sideNav li a:hover{color:#00AFF0;padding:10px 15px;transition:0.5s ease-in-out;border-left:4px solid #00AFF0;}

/*cornea*/
.inlineBox{padding:15px 20px; background-color:#00AFF0;color:#fff;text-align:center;display:inline-block;margin:0 10px 20px 0;}
.inlineBox:hover{background-color:#2B5464;}

/*Accordian*/
.faqAccordian h3 {background: #eee; color: #444; 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:300; }
.faqAccordian h3:hover{background:#bae5fa;}
.faqAccordian h3.active {margin-bottom: 21px; background: #bae5fa; }
.faqAccordian h3::before {content: attr(data-prefix); font-size:1em; margin-right: 9px;}
.faqAccordian h3.alignLeft {	padding-left: 35px;}
.faqAccordian > div {display: none; background: #fff; border: 1px solid #cdcdcd; text-align: left; padding:15px; margin-bottom: 9px; }
.faqAccordian .arrowDown {width: 0; height: 0; border-style: solid; border-width: 13.0px 7.5px 0 7.5px; border-color: #bae5fa transparent transparent transparent; position: absolute;
							 bottom: 0; left: 40px; transition: 0.25s all;  opacity: 0;}
.faqAccordian .active .arrowDown {bottom: -13px; border-color: #bae5fa transparent transparent transparent; opacity: 1;}
.faqAccordian .collapseIcon {position: absolute; right: 20px; top: 45%; font-size: 25px; color:#00afef; font-weight: 300; -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.faqAccordian .collapseIcon.alignLeft {right: initial; left: 20px;}

/*Eye Diseases*/
.eyeList{list-style:none; padding-left:5px;}
.eyeList li{border-left:2px solid #00AFF0; padding:10px 10px 10px 20px; font-size:1.1em; font-weight:400; line-height:1.5; -moz-box-shadow: 0 0 4px 2px #e5e4e4;  -webkit-box-shadow: 0 0 4px 2px #e5e4e4; box-shadow: 0 0 4px 2px #e5e4e4; margin-bottom:20px; }
.eyeList li a{text-decoration:none; color:#000;}
.eyeList li a:hover{color:#00AFF0;}

#article{font-family: 'Open Sans', sans-serif;}
#article em{font-style:italic;}
#article strong, #article em strong, #article strong em, #article b{font-family: 'Open Sans', sans-serif; font-weight:600;}

#article p{color:#3e3e3e; line-height:1.5; font-size:1em !important; font-weight:300;}
#article p span{font-family: 'Open Sans', sans-serif !important; font-weight:300; font-size:1em !important;}
#article span{font-family: 'Open Sans', sans-serif !important; font-weight:300; font-size:1em !important;}
#article p strong, #article p em strong{font-family: 'Open Sans', sans-serif; font-weight:600;}


#article h1, #article h1 strong, #article h1 strong span,
#article h2, #article h2 strong, #article h2 strong span,
#article h3, #article h3 strong, #article h3 strong span,
#article h4, #article h4 strong, #article h4 strong span{font-family: 'Open Sans', sans-serif !important; font-weight:400;}

#article h1{font-size:2.6em !important; line-height:1.5; margin-bottom:10px;}
#article h2{font-size:2.1em !important; line-height:1.5; margin-bottom:10px;}
#article h3{font-size:1.7em !important; line-height:1.5; margin-bottom:10px;}
#article h4{font-size:1.4em !important; line-height:1.5; margin-bottom:10px;}

#article ul{padding-left:20px;}
#article a{text-decoration:none; color:#008592; border-bottom:1px solid #008592; font-weight:400;}
#article a:hover{color:#009ABB; border-bottom:1px solid #009ABB;}
#article blockquote{border-left:5px solid #eee; color:#3e3e3e; padding:10px 0 10px 20px; line-height:1.5; font-size:1em !important; font-weight:300;}
#article sup, #article sub{font-weight:600; font-size:0.9em;}
#article font{font-weight:400;}

.infoClr{background:#0C7DAF; padding:10px; color:#fff; font-weight:400; display:block; width:100%;}

.borderGreen {border-top:solid 3px #d2eb60;border-bottom:solid 3px #d2eb60}

/*================================================== Media Queries ==================================================*/

@media screen and (max-width: 1600px)
{
   #ServHead .pageH1{font-size:1.8em;}
}
@media screen and (max-width: 1440px)
{
	
}
@media screen and (max-width: 1200px)
{
	.email{word-wrap:break-word;}
	.col_1140{width:95%}
	.col_1_2{width:50%}
	.col_1_3{width:33%}
	.col_2_3{width:67%}
	.col_1_4{width:25%}
	.col_1_5{width:20%}
	.col_1_6{width:16.5%}
	.col_800{ width:70%}
	.col_340{ width:30%}

	.col_800_right{width:70%;}
	.col_340_right{width:30%;}

}
@media screen and (max-width: 1140px)
{
	.col_1140{width:95%}
	.col_1_2{width:50%}
	.col_1_3{width:33%}
	.col_2_3{width:67%}
	.col_1_4{width:25%}
	.col_1_5{width:20%}
	.col_1_6{width:16.5%}
	.col_800{width:70%}
	.col_340{width:30%}

	.col_800_right{width:70%;}
	.col_340_right{width:30%;}

	#navBtn, #mobNav{display:block;}
	.mobNavLogo{display:block;}

	#topNavPanel{position:fixed; top:0; right:0; width:0; height:100%; z-index:1111; background:rgba(43,84,100,0.9); overflow-x:hidden;  overflow-y:scroll;}
	#topNav{list-style:none; float:left !important;}
	#topNav li{display:block; position:relative; text-align:left !important;}
	#topNav li a{text-decoration:none; background:transparent; display:block; border:none !important; font-weight:400; color:#fff; font-size:1em; line-height:1.5; padding:5px 30px;}
	#topNav li a:hover{color:#00AFF0; background:transparent !important;}
	#topNav li a.subNav{background:none;}
	#topNav ul{position:relative; top:0; left:18px;display:block; padding:5px 0 !important; background:transparent !important; border:none !important; box-shadow:none !important;}
	#topNav ul li{border:none !important; background:transparent !important;}
	#topNav ul li a{display:block;padding:3px 0 3px 30px; font-size:0.9em; line-height:1.3; color:#fff !important;background:transparent;text-align:left; }
	#topNav ul li a:hover{background:transparent !important; color:#00AFF0 !important;}
	
	/*#nav .space10, #nav .space30{height:0px;}*/
	.closeBtn{display:block;}

	.banner{height:445px;}
	.absSpacer{height:270px;}
	.conBox{height:220px;}
}
@media screen and (max-width: 1024px)
{
	.col_980{width:100%;}
	.banner{height:410px;}
	#navBtn{top:15px;}
	.aboutImg:before{width:80%; height:80%;}
	.conBox{height:250px;}
	
	#ServHead .pageH1{font-size:1.5em;}
	
}
@media screen and (max-width: 920px)
{   
	.col_800{width:100%; float:none }
	.col_340{width:50%; float:none;}
	.col_800_center{width:100%;}
	
	.col_800_right{width:100%; float:none; margin-top:15px;}
	.col_340_right{width:100%; float:none; }
	.col_340_right .space15{height:0 !important;}
	
	.col_340_right .pad_L_30{padding:0 15px 15px 15px !important;}
	.pad_L_30{padding-left:0; margin-top:30px;}

	.banner{height:369px;}
	.bannerSpacer{height:30px;}
	.absBox{position:static; overflow:hidden; margin-top:30px;}
	.absBox .col_1_3{width:100%; float:none;}
	.absSpacer{height:50px;}
    

	.aboutImg:before{width:70%; height:70%;}
	#serv .col_1_4{width:50%;}

	.footer .col_1_4{width:100%; float:none;}
	#contact .col_1_3{float:none; width:100%;}
	.conBox{height:auto;}
	
	#ServHead .pageH1{font-size:1.3em;}
}
@media screen and (max-width: 860px)
{
	.banner{height:345px;}
	#anchDisplay{display:block;}
	.absAnch{display:none;}
	
	.servBox{height:100px;}
	#ServHead .pageH1{font-size:1.2em;}
}
@media screen and (max-width: 800px)
{
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_1_6, .col_2_3{width:100%; float:none;}
	.banner{height:321px;}
	.width25{width:50%;}

	#aboutInfo .pad_50{padding:30px;}
	.aboutImg:before{width:80%; height:80%;}
	#aboutInfo .pad_R_15{padding:20px;}

	 #serv .col_1_4{width:50%; float:left;}
	 .topCall{display:none;}
	 .absPgHeader{width:100%; bottom:-140px;}
	 .headerSpacer{height:80px;}

	 #videos .col_1_3{width:50%; float:none; display:inline-block;}
	 #videos .float_clear{display:none;}

	 #caseStudy .width33{width:50%;}
	 
	 #Service .col_1_4{width:50%; float:left;}
	 #Service .servBox{height:auto;}
	 
	 #ServHead .pageH1{font-size:1.6em;}

	 #infra .col_1_4{width:50%; float:left;}

	 #healthInsurance .col_1_4{width:50%; float:left;}
}
@media screen and (max-width: 768px)
{
	.banner{height:308px;}
	.testimonial{padding: 20px;text-align: center;}
	.testiImg{float:none; display:block; margin:0 auto;}
	.testInfo{margin:15px 0 0 0;}
}
@media screen and (max-width: 640px)
{   
	.col_1_3{width:100%}
	.col_2_3{width:100% }

	.w50{width:100%;}
	.app_r_padding{padding:0 !important}
	.textBox{width:93.7%;}
	.cmbBox{width:93.7%;}

	.banner{height:257px;}
	.col_340{width:100%;}

	.news-img{float:none; display:block;}
	.news-info{margin:15px 0 0 0;}
	.newsPhoto{width:100%;}

	.testPad{padding:40px;}
	.logoName .large{font-size:1.3em;}
	.leftImg{float:none; width:100%; margin:0 0 20px 0 !important;}

	.albumPic{float:none;}
	.albumDesc{margin-left:0; margin-top:20px;}
	
	#Service .col_1_4{width:100%; float:none;}
	#Cataract .width50{width:100%; float:none;}
	
	#imgLeft3 .float_left, #imgLeft .float_left, #imgLeft1 .float_left, #imgLeft2 .float_left{float:none;}
	#imgRight1 .float_right, #imgRight2 .float_right, #imgRight3 .float_right, #imgRight4, #imgRight .float_right{float:none;}
	
	#mrgLeft .mrg_L_15{margin-left:0;}
}
@media screen and (max-width: 540px)
{
	.pageH1{font-size:2em;}
	.banner{height:216px;}
	.aboutImg:before{width:80%; height:80%;}
	#videos .col_1_3{width:100%; display:block;}
	
	.docImg{float:none; display:block; }
	.docInfo{margin-left:0; margin-top:20px; text-align:left !important;}
	#caseStudy .width33{width:100%; float:none;}
	
}
@media screen and (max-width: 480px)
{	
	.home_pad_offset{padding:0.6em;}
	.banner{height:192px;}
	.extra-large{font-size:2.1em;}
	.xxlarge{font-size:2.5em;}
	.width25{width:100%;}
	.news-img{width:100%;}
	#serv .col_1_4{width:100%; float:none;}
	#anchDisplay{text-align:center;}
	#navBtn{top:20px; right:10px; }
	.logoName .large{font-size:1.1em;}
	.logoName{width:200px;}
	.absPgHeader .mrg_B_3{margin:5px 0 7px 0;}
	.albumPic{width:100%;}
	#ServHead .pageH1{font-size:1.3em;}
	#ServHead p{font-size:1em;}

	#infra .col_1_4{width:100%; float:none;}

	#healthInsurance .col_1_4{width:100%; float:none;}
}
@media screen and (max-width: 414px)
{
	.banner{height:166px;}
	.extra-large{font-size:1.8em;}
	.xxlarge{font-size:2.5em;}
	.pageH1{font-size:1.7em;}
	.aboutImg:before{width:90%; height:90%;}
	
	#ServHead .pageH1{font-size:1.2em;}
	#ServHead p{font-size:0.9em;}
}
@media screen and (max-width: 375px)
{
	.large{font-size:1.6em;}
	.xxlarge{font-size:2.1em;}
	.banner{height:150px;}
	.aboutImg:before{display:none;}
	#aboutInfo .pad_50{padding:20px;}
	.extra-large{font-size:1.5em;}
	#aboutInfo .medium{font-size:1em;}
	.absPgHeader .mrg_B_3{margin:6px 0 8px 0;}

	.docImg{margin:0 auto;} 
	
	
	#ServHead .pageH1{font-size:1em;}
	#ServHead p{font-size:0.8em;}
}
@media screen and (max-width: 360px)
{
	.xxlarge{font-size:2em;}
	.banner{height:144px;}
	.pageH1{font-size:1.5em;}
	.paraTxt{font-size:0.9em;}
	.absPgHeader p{font-size:0.9em;}
}
@media screen and (max-width: 320px)
{
	.banner{height:128px;}
	.pageH1{font-size:1.3em;}
	.extra-large{font-size:1.4em;}
	.docContainer{width:90%;}
	.logoName{width:150px;}
	.absPgHeader .mrg_B_3{margin:7px 0 9px 0;}
	
	
	#ServHead .pageH1{font-size:0.9em;}
	#ServHead p{font-size:0.7em;}
}
