@charset "utf-8";

/* CSS Document */

body{  font-size:13px;color:#000;  }

html, body, h1, h2, h3, h4, p, ol, ul, li, form, iframe, button{ padding:0px; margin:0px; }



/*** Common Styles ***/

a{ text-decoration:none; color:#fff; outline:none;}

a:hover{ color:000; }

img{ border:none; max-width:100%; vertical-align:middle;}

.clear{ clear:both;}

ul, li{ list-style-type:none; }

/*** titles Styles ***/

h1, h2, h3{ font-family:'open_sanslight'; }

h1{font-weight:normal; font-size:26px;}

h2{ font-size:28px; font-weight:normal;}

h3{ font-size:24px; font-weight:normal; }



@font-face {

    font-family: 'open_sanslight';

    src: url('fonts/opensans-light-webfont.eot');

    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/opensans-light-webfont.woff2') format('woff2'),

         url('fonts/opensans-light-webfont.woff') format('woff'),

         url('fonts/opensans-light-webfont.ttf') format('truetype'),

         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'open_sansregular';

    src: url('fonts/opensans-regular-webfont.eot');

    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/opensans-regular-webfont.woff2') format('woff2'),

         url('fonts/opensans-regular-webfont.woff') format('woff'),

         url('fonts/opensans-regular-webfont.ttf') format('truetype'),

         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'latoregular';

    src: url('fonts/lato-regular-webfont.eot');

    src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/lato-regular-webfont.woff2') format('woff2'),

         url('fonts/lato-regular-webfont.woff') format('woff'),

         url('fonts/lato-regular-webfont.ttf') format('truetype'),

         url('fonts/lato-regular-webfont.svg#latoregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'latolight';

    src: url('fonts/lato-light-webfont.eot');

    src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/lato-light-webfont.woff2') format('woff2'),

         url('fonts/lato-light-webfont.woff') format('woff'),

         url('fonts/lato-light-webfont.ttf') format('truetype'),

         url('fonts/lato-light-webfont.svg#latolight') format('svg');

    font-weight: normal;

    font-style: normal;



}





/**********************content styles**********************/

.bread-crumbs {

	color: #005DB9;

	padding: 30px 30px 20px 0px;

	text-decoration: none;

	font: normal 13px/20px 'Arial'; border-bottom:1px solid #cfcfcf;

}

.bread-parent:hover, .bread-link:hover, .bread-home:hover {

	text-decoration: underline;

}

.bread-crumbs strong {

	color: #014c87;

}

.bread-crumbs a {

	font-weight: normal;

	color: #535455;

}

.bread-crumbs a:hover {

	font-weight: normal;

}

article h2, article h3, article h4 {

	margin: 12px 0;

}

.textMain {

	color: #636466;

	font-size: 14px; line-height:20px; font-family:Arial;

}

.textMainBold {

	color: #5c5c59;

	font: bold 12px Verdana,Arial,Helvetica,sans-serif;

	text-align: justify;

	text-decoration: none;

}

.textMain h1 {

 color:#014c87;

  font: normal 30px/27px "latoregular";

  padding: 10px 0 10px;

  text-decoration: none;

  margin: 0 0 10px 0;

}

.textMain h2 {

	color: #ff9933;

	font: normal 23px/25px "latoregular";

	text-decoration: none;

}

.textMain h2 a {

	color: #ff9933;

}

.textMain h2 a:hover {

	text-decoration: none;

}

.textMain h3 {

	color: #00cc99;

	font: bold 20px/20px "latoregular";

	margin: 15px 0 0;

	text-decoration: none;

}

.textMain h4 {

	color: #3993DF;

	text-decoration: none;

	margin: 15px 0 0 0;

}

.textMain a {

	color: #005BB7;

	text-decoration: none;

}

.textMain p {

	margin: 12px 0;

}

.textMain a:hover {

	color: #28296A;

}

.textMain ul, textMain ol {

	padding: 0px;

	margin: 0px;

	list-style: none;

}

.textMain ul li {

	background: url("images/tri.png") no-repeat scroll 15px 10px;

	list-style: outside none none;

	padding: 5px 0 5px 35px;

}

.textMain ul li ul {

	padding-bottom: 8px;

	background: none;

	padding: 6px 0px 0 20px;

	list-style: circle;

}

.textMain ul li ul li {

	padding-bottom: 8px;

	background: none;

	padding: 6px 0px 0 0px;

	list-style: circle;

}

.textMain ul li ul li ul li {

	padding-bottom: 8px;

	background: none;

	padding: 6px 0px 0 0px;

	list-style: square;

}

.textMain ol li {

	list-style: inside none decimal;

	padding: 0 0px 8px 15px;

}

.textMain ol li:last-child {

	padding-bottom: 8px;

}

.textMain ul li p, textMain ol li p {

	padding-bottom: 0px;

	margin: 8px 0 0 0;

}

.textMain ul li ul, textMain ul li ol, textMain ol li ul, textMain ol li ol {

	padding-bottom: 0px;

}

.textMainBold {

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

	color: #666;

	text-decoration: none;

	text-align: justify;

	clear: both;

}

.textMainBold a {

	color: #000000;

	text-decoration: underline;

}

.textMainBold a:hover {

	color: #004e96;

	text-decoration: underline;

}

.textNormal {

	font: normal 12px Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	text-decoration: none;

}

.textNormal a {

	color: #000000;

	text-decoration: underline;

}

.textNormal a:hover {

	color: #2b7b6e;

	text-decoration: underline;

}

.textbold {

	font: bold 10px Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	text-decoration: none;

}

.PDFtext {

	font: normal 10px Verdana, Arial, Helvetica, sans-serif;

	color: #999999;

}

.clear-float {

	clear: both;

}

/*********header styles**********/

header{ width:100%; float:left; }



.header-sec{ max-width:1200px; margin:auto; }

.logo{ float:left;width:44%;padding:30px 0 20px 0px;}

.header-right{

  color: #386695;

  line-height: 30px;font-family:open_sanslight;

  float:right;padding:20px 0px; font-size: 30px; width:237px; 

}

.header-right a {

 color: #000000;font-family:open_sanslight; 

 

}

.h-appointment, .h-location{background:#00cc99; line-height:30px;font-family:open_sansregular;font-size: 17px; margin:5px 0 0 0; }

.h-appointment a, .h-location a{text-decoration:uppercase;color:#fff; padding:0 0 0 15px; display:block; }

.h-appointment a:hover, .h-location a:hover{background:#0094f7;}







/********menu styles***********/





nav{ float:left; width:100%; border-bottom:3px solid #003267; background:#014c87; }

.menu-sec{max-width:1200px; margin:auto;}

.menu-sec ul li {

  border-right:1px solid #1b78c2;

  float: left;

  font: 15px/47px "latoregular";

   position:relative;text-transform:uppercase;

}

.menu-sec ul li a {

  color: #fff;

  display: block; 

  padding: 0 39px;

}



.menu-sec ul li.last-child{ border:none; }

.menu-sec ul li a:hover{background:#0099ff;}



.mobile-social-icons{ display:none;}

/** DD Menu Styles **/

.menu-sec ul li ul {

	background: #014c87;

	display: none;

	left: 0;

	padding: 10px 0;

	position: absolute;

	top: 47px;

	width: 270px;

	z-index: 9999999;

}



.menu-sec ul li ul li {

  border-bottom: 1px solid #3786c3;

  float: none;

  padding-left: 0;

  text-align: left;

  text-transform: capitalize;

  width: 100%;

  margin: 0 auto;border-right:none;

  float: none;

}

.menu-sec ul li ul li a {

	border: medium none;

	color: #fff;background:#014c87 url("images/menu-arrow.png") no-repeat scroll 10px center;

	display: block;

	font: 15px/18px "Arial";

	margin: 0;

	padding: 10px 15px 10px 25px;

	text-align: left;

	text-decoration: none;

}

.menu-sec ul li ul li a:hover {

	background:#00cc99 url("images/menu-arrow.png") no-repeat scroll 10px center ;

	color: #fff;



}

.menu-sec ul li:hover > ul {

	display: block;

	position: absolute;

	left: 0px;

	padding: 0px;

	margin: 0px;

}

.menu-sec ul li li:hover > ul {

	display: block;

	position: absolute;

	left: 100%;

	padding: 0px;

	margin: 0px;

	top: 0px;

}

.menu-sec ul li:hover > li {

	float: none;

}

.menu-sec ul li.current-menu-item {

	color: #fff;

	background: #00CC99;

}

.menu-sec ul li ul li.current-menu-item {

	background: #00CC99;

	color: #fff;

}

.menu-sec ul li ul li.current-menu-item a {

	background:#00CC99 url("images/menu-arrow.png") no-repeat scroll 10px center ;

	color: #fff;

}

#menu-menu-1 > li.current-menu-item > a, #menu-menu-1 > li.current_page_ancestor > a {

	background: #0099ff;

	color: #fff;

}

#menu-menu-1 > li.current-menu-item, #menu-menu-1 > li.current_page_ancestor {

	background: #0099ff;

	color: #fff;

}

.menu-sec ul li ul li:hover > a {

	background:#00cc99 url("images/menu-arrow.png") no-repeat scroll 10px center ;

	color: #fff;

}

.menu-sec ul li ul li.menu-item-has-children {

}

.menu-sec ul li ul li.menu-item-has-children:hover > a {

}

#menu-item-822 ul, #menu-item-821 ul {

	width: 270px !important;

}

/**mouse over on dropdown ul li parent should highlight***/

.menu-sec ul li:hover > a {

	background:#0099ff;

	color: #fff;

}

/**right arrow**/

.menu-sec ul li ul li.menu-item-has-children {

}

/*************on hover**********************/

.menu-sec ul li ul li.menu-item-has-children:hover > a {

}

#menu-item-323 ul {

	width: 280px;

}

#menu-item-33 {

	background: none;

}





/********banner styles***********/

#banner{ width:100%; float:left; position:relative !important; }

.banner-sec{ max-width:2100px; margin:0 auto;  }

#banner ul li{min-height:523px; width:100%;}

.banner1{background:url("images/banner-h1.jpg") no-repeat scroll center 0;}

.banner2{background:url("images/banner-h2.jpg") no-repeat scroll center 0;}

.banner3{background:url("images/banner-h3.jpg") no-repeat scroll center 0;}

.banner4{background:url("images/banner-h4.jpg") no-repeat scroll center 0;}

.banner5{background:url("images/banner-h5.jpg") no-repeat scroll center 0;}

.banner6{background:url("images/banner-h6.jpg") no-repeat scroll center 0;}

.banner7{background:url("images/banner-h7.jpg") no-repeat scroll center 0;}





.rslides {

	position: relative;

	list-style: none;

	width: 100%;

	padding: 0;

	margin: 0;

}

.rslides > li {

	-webkit-backface-visibility: hidden;

	position: absolute;

	display: none;

	width: 100%;

	left: 0;

	top: 0;

}

.rslides > li:first-child {

	position: relative;

	display: block;

	float: left;

}

.rslides > img {

	display: block;

	height: auto;

	float: left;

	width: 100%;

	border: 0;

}

.banner-tabs {

  float: left;

  position: relative;

  left: 82%;

  top: -124px;

  z-index: 100;

}



.banner-tabs  ul li{float: left;list-style-type: none;margin-left: 0px; min-height:15px !important; width:auto !important;}

.banner-tabs  ul li a { display: block;color:#262B6D;font:normal 30px Verdana, Geneva, sans-serif;}

#bullet7 ul li a:hover, #bullet7 li.rslides_here a { color:#55c1e9;}



.banner-text {

  color: hsl(0, 0%, 0%);

  font: bold 15px/27px "latoregular";

  position: absolute;

  right: 5%;

  top: 20%;

  width: 375px;

}

.s-banner-text {

  color: #000000;

  font: bold 15px/27px "latoregular";

  position: absolute;

  right: 15%;

  top: 20%;

  width: 375px;

}

.banner-text4, .banner-text3 {

  color: #000;

  position: absolute; width:375px;

  left: 15%;font:bold 15px/27px "latoregular";

  top: 20%; 

}

 .banner-text5 {

  color: #000;

  position: absolute; width:375px;

  left: 13%;font:bold 15px/27px "latoregular";

  top: 20%; 

}



 .banner-text2 {

  color: #000;

  position: absolute; width:375px;

  left: 13%;font:bold 15px/27px "latoregular";

  top: 20%; 

}



.banner-text p { font-size: 27px; min-height: 99px!important;}

.banner-text h2 { font-size: 20px;margin: 10px 0 0; font-weight: bold;}

.banner-text h2 a {

  color: #b53208;

  display: block;

}

.banner-text ul li {

  line-height: 20px;

  list-style: inside none disc;

  min-height: 20px !important;

  width: auto !important;

}

.banner-text ul li a{ color:#053669;}

.b-reamore{ background:#014c87; width:95px; text-align:center;font: 14px/30px "open_sanslight"; border-radius:10px;margin:10px 0 0 0;} 

.b-reamore a {

  color: hsl(0, 0%, 100%);

  display: block;

}





.banner-text4 p, .banner-text5 p, .banner-text3 p, .banner-text2 p { font-size: 27px; min-height: 99px!important;}

.banner-text4 h2, .banner-text5 h2, .banner-text2 h2, .banner-text3 h2 { font-size:20px; margin:10px 0 0 0;font-weight:bold }

.banner-text4 h2 a {  color: #db671a; display: block;  font-weight: bold;}

.banner-text5 h2 a {  display: block;font-weight: bold; color: #db671a; }

.banner-text3 h2 a {  display: block;font-weight: bold; color: #54b794; }

.banner-text2 h2 a {  display: block;font-weight: bold; color: #54b794; }

.banner-text4 ul li, .banner-text5 ul li, .banner-text3 ul li, .banner-text2 ul li {

  line-height: 20px;

  list-style: inside none disc;

  min-height: 20px !important;

  width: auto !important;

}

.banner-text4 ul li a{ color:#053669;}

.banner-text5 ul li a{ color:#053669;}

.banner-text3 ul li a{ color:#053669;}



.banner-text2 ul li a{ color:#053669;}

.b-reamore4,  .b-reamore5, .b-reamore3{ background:#014c87; width:95px; text-align:center;font: 14px/30px "open_sanslight"; border-radius:10px;margin:10px 0 0 0;} 

.b-reamore4 a, .b-reamore5 a {

  color: hsl(0, 0%, 100%);

  display: block;

}



.Spinal a {  color: #20ae8a;}

/******* services sec*********/



.container{ width:100%; float:left;}

#services-sec {

  

margin: -120px auto 0 auto;

position: relative;

   max-width: 1200px;

  z-index: 999999;

}

.services-sec {

  background: hsla(0, 0%, 0%, 0) url("images/service-sec-bg.jpg") repeat scroll 0 0;

  border-top: 1px solid hsl(204, 100%, 32%);

  float: left;

  height: 300px;

  padding: 65px 3%;

  width: 94%;

}

.services-sec   ul li{float: left;list-style-type: none;margin-left: 0px; width:17%; font: 16px/20px "latoregular";text-align:center;}

.services-sec h2{font: 40px/20px "latolight"; text-align:center; width:100%; float:left; color:#fff; margin:0 0 50px 0;}

.services-sec  ul li a { display: block; width:100%;color:#fff; }

.services-sec  ul li a span{ padding:155px 0 20px 0;  display:block;}



.tab1 a{background:url("images/ser-img1.png") no-repeat scroll center 0px;}

.tab2 a{background:url("images/ser-img2.png") no-repeat scroll center 0px;}

.tab3 a{background:url("images/ser-img3.png") no-repeat scroll center 0px;}

.tab4 a{background:url("images/ser-img4.png") no-repeat scroll center 0px;}

.tab5 a{background:url("images/ser-img5.png") no-repeat scroll center 0px;}

.tab6 a{background:url("images/ser-img6.png") no-repeat scroll center 0px;}

.tab7 a{background:url("images/ser-img7.png") no-repeat scroll center 0px;}

.tab8 a{background:url("images/ser-img8.png") no-repeat scroll center 0px;}

.tab9 a{background:url("images/tab9.png") no-repeat scroll center 0px;}

.tab10 a{background:url("images/tab10.png") no-repeat scroll center 0px;}

.tab1 a:hover{background:url("images/ser-img1-hover.png") no-repeat scroll center 0px;}

.tab2 a:hover{background:url("images/ser-img2-hover.png") no-repeat scroll center 0px;}

.tab3 a:hover{background:url("images/ser-img3-hover.png") no-repeat scroll center 0px;}

.tab4 a:hover{background:url("images/ser-img4-hover.png") no-repeat scroll center 0px;}

.tab5 a:hover{background:url("images/ser-img5-hover.png") no-repeat scroll center 0px;}

.tab6 a:hover{background:url("images/ser-img6-hover.png") no-repeat scroll center 0px;}

.tab7 a:hover{background:url("images/ser-img7-hover.png") no-repeat scroll center 0px;}

.tab8 a:hover{background:url("images/ser-img8-hover.png") no-repeat scroll center 0px;}

.tab9 a:hover{background:url("images/tab9hr.png") no-repeat scroll center 0px;}

.tab10 a:hover{background:url("images/tab10hr.png") no-repeat scroll center 0px;}

#flexiselDemo3{ display:none;}

.nbs-flexisel-container {  position:relative;  max-width:100%; *width:940px; *overflow:hidden;}

.nbs-flexisel-ul {  position:relative; width:9999px; margin:0px; padding:0px;  list-style-type:none; text-align:center;  }

.nbs-flexisel-inner {

  float: none;

  margin: 0 auto;

  overflow: hidden;

  width: 92%;

}

.nbs-flexisel-item { float:left;    margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px;}

.nbs-flexisel-item img {  cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px;  }





.nbs-flexisel-nav-left{background:url(images/service-sec-left-arrow.png) center no-repeat;

	position: absolute;

	height: 24px; left:-15px;  cursor:pointer;

	width: 29px; top:120px !important;}

.nbs-flexisel-nav-right{background:url(images/service-sec-right-arrow.png) center no-repeat;

	height: 24px;

	width: 29px;

	position: absolute; right:-15px; cursor:pointer;top:120px !important;

}

.ans-sec{ width:100%; float:left; padding:50px 0;}

.abt-ans-sec{ width:40%; float:left;}

.help-sec{ width:50%; float:left; margin:0 0 0 10%;}

.abt-ans-sec img, .help-sec img{ float:left; padding:0 20px 0 0 ; }

.abt-ans-sec-text h2, .help-sec h2{font:normal 23px/30px "latoregular"; color:#014c87; padding: 0 0 10px 0;}

.abt-ans-sec-text p, .help-sec p{font: 14px/20px "open_sanslight"; }

/******* doctor sec*********/

.divider{ width:100%; float:left; text-align:center;}

#doctor-sec {

  float: left;

  font: 13px/18px "open_sanslight";

  width: 100%; background:#00cc99;

}

.doctor-sec{ max-width:1200px; margin:70px auto 0 auto;text-align:center}

.doctors{ width:90%; float:left;background:#fff;border-radius:5px 5px 0 0 ; padding: 40px ;margin:0px auto 70px auto; position:relative;text-align:left}

.doctor-sec ul li{ width:90%; float:left;}

.doctor-sec ul li img{float:left; margin:0 40px 0 0;}

.doctor-sec h2{ background:#fff;display:inline-block;margin:0 auto; font: 40px/30px "open_sanslight";border-radius:5px 5px 0 0 ;  padding: 10px 15px 4px; text-align:center; }

.doctor-sec h2 a{color:#252525;}

.doctor-sec h2 span{ display:block; font-size:14px; color:#5988da;}

.doc-text h1 { font: 30px/30px "latoregular"; color:#014c87;}

.doc-text h3 {font: 20px/30px "latoregular"; color:#434343; margin:0 0 20px 0;}

.doc-text h1 a{color:#014c87;}

.doc-text p a {

  color: hsl(164, 75%, 22%);

  font-style: italic;

  text-decoration: underline;

}

.view-profile {

  background: hsl(204, 100%, 49%) none repeat scroll 0 0;

  float: left;

  font: 14px/32px "open_sanslight";

  text-align: center;

  width: 95px;

  border-radius: 5px;

  margin: 20px 0 0 0;

}

.view-profile a{ color:#fff; text-decoration:none;}



.doctor-sec .next {

  background: rgba(0, 0, 0, 0) url(images/doc-sec-arrow-right.png) no-repeat scroll 0 0;

  right: 170px;

}

.callbacks_nav {

  bottom: 25px;

  height: 17px;

  opacity: 0.7;

  overflow: hidden;

  position: absolute;

  text-decoration: none;

  text-indent: -9999px;

  width: 15px;

  z-index: 999999;

}

.doctor-sec .prev {

  background: hsla(0, 0%, 0%, 0) url("images/doc-sec-arrow-left.png") no-repeat scroll 0 0;

  right: 195px;

}



/********doctor-section styles***********/

#patient-journey-section{ width:96%; float:left;background:#fff url("images/patient-info-img.png") no-repeat scroll center 0px;  padding:60px 0 50px 0; }

.patient-journey-section{ max-width:1200px; margin:0px auto;}



.patient-journey-section h2, .mob-patient-journey-section h2{font:normal 40px/30px "latolight"; width:100%; text-align:center; padding:0 0 50px 0;}

.patient-journey-section ul li {

  float: left;

  font: bold 20px/30px "open_sansregular";

  margin: 0 5%;

  padding:30px 0;

  text-transform: uppercase;

  width: 33%; min-height:120px;

}

.patient-journey-section ul li p{font:normal 14px/20px "latolight"; text-transform:none; color:#2f2f2f;}

.patient-journey-section ul li a {

  color: hsl(206, 100%, 30%);

  display: block;

  float: left;

  padding: 0 30px 0 0;

}

.patient-journey-section ul li  div{ width:80%; float:left; text-align:right;}

.consultation a  {background: url("images/consultation.png") no-repeat scroll right 0px;}

.consultation a:hover{background: url("images/consultation-hover.png") no-repeat scroll right 0px;}

.consultation {

  background: hsla(0, 0%, 0%, 0) url("images/patient-down-arrow.png") no-repeat scroll 92% bottom;

 }

 .follow-up a{background: url("images/follow-up.png") no-repeat scroll left 0px;}

  .follow-up a:hover{background: url("images/follow-up-hover.png") no-repeat scroll left 0px;}

  .follow-up{background: url("images/patient-up-arrow.png") no-repeat scroll 8% bottom; float:right !important;}

 .pre-procedure a{background: url("images/pre-procedure.png") no-repeat scroll right 0px;}

  .pre-procedure a:hover{background: url("images/pre-procedure-hover.png") no-repeat scroll right 0px;}

 .pre-procedure  {

  background: hsla(0, 0%, 0%, 0) url("images/patient-down-arrow.png") no-repeat scroll 92% bottom;

 }

 .procedure a{background: url("images/procedure.png") no-repeat scroll right 0px;}

  .procedure a:hover{background: url("images/procedure-hover.png") no-repeat scroll right 0px;}

.procedure {

  background: hsla(0, 0%, 0%, 0) url("images/patient-right-arrow.png") no-repeat scroll right 70px;

  padding: 30px 13% 30px 0 !important;

}

 .procedure-care a{background: url("images/post-proedure.png") no-repeat scroll left 0px;}

  .procedure-care a:hover{background: url("images/post-proedure-hover.png") no-repeat scroll left 0px;}

 .procedure-care {float:right !important;background: url("images/patient-up-arrow.png") no-repeat scroll 8% bottom;}

 .review-report a{background: url("images/review-report.png") no-repeat scroll left 0px;}

 .review-report a:hover{background: url("images/review-report-hover.png") no-repeat scroll left 0px;}

 .review-report{float:right !important;}

.alignright {

  text-align: left !important;

  width: 100% !important;

  padding: 0 0 0 25%;

}



.mob-patient-journey-section{ display:none;}

.mob-patient-journey-section ul li {

  background:url("images/mob-down-arrow.png") no-repeat scroll 8% bottom;

  float: left;

  font: bold 15px/50px "open_sansregular";

  margin: 0 5%;

  padding: 10px 0 23px 0;

  text-transform: uppercase;

  width: 90%;

}



.mob-patient-journey-section ul li a {

  color: hsl(206, 100%, 30%);

  display: block;

  float: left;

  padding: 0 30px 0 70px;

}

.mob-consultation a  {background: url("images/mob-consultation.png") no-repeat scroll left center;}

.mob-consultation a:hover{background: url("images/mob-consultation-hover.png") no-repeat scroll left 0px;}

 .mob-follow-up a{background: url("images/mob-follow-up.png") no-repeat scroll left center;}

  .mob-follow-up a:hover{background: url("images/mob-follow-up-hover.png") no-repeat scroll left center;}

.mob-pre-procedure a{background: url("images/mob-pre-procedure.png") no-repeat scroll left center;}

  .mob-pre-procedure a:hover{background: url("images/mob-pre-procedure-hover.png") no-repeat scroll left center;}

 .mob-procedure a{background: url("images/mob-procedure.png") no-repeat scroll left center;}

  .mob-procedure a:hover{background: url("images/mob-procedure-hover.png") no-repeat scroll left 0px;}

 .mob-procedure-care a{background: url("images/mob-post-proedure.png") no-repeat scroll left center;}

  .mob-procedure-care a:hover{background: url("images/mob-post-proedure-hover.png") no-repeat scroll left center;}

 .mob-review-report a{background: url("images/mob-review-report.png") no-repeat scroll left center;}

 .mob-review-report a:hover{background: url("images/mob-review-report-hover.png") no-repeat scroll left center;}

.mob-review-report{background:none !important;}



/*******get-in-touch section*******/

#options-sec {

 float: left;

  padding: 50px 0;font:normal 14px/20px "open_sanslight";

  width: 100%;  background:#014a83 url("images/options-sec-bg.png") no-repeat scroll center 0px; color:#fff; 

}

.options-sec{ max-width:1200px; margin:0px auto; }

.options-sec-head{font:normal 40px/30px "latolight"; text-align:center; margin: 0 0 40px 0;}

.options-sec-head a{color:#fff;}

.surgical {

  float: left;

  margin: 0 5%;

  width: 25%;

}

.surgical h2, .non-surgical h2 {

  background: hsla(0, 0%, 0%, 0) url("images/options-sec-border.jpg") no-repeat scroll left bottom;

  font: 30px/30px "open_sansregular";

  margin: 0px 0 20px;

  padding: 0 0 15px;

}

.options-sec img {

  float: left;

  margin: 0 5%;

}

.non-surgical {

  float: right;

  margin: 0 0 0 5%;

  width: 29%;

}

/*******Contact section*******/

#contact-sec {

   float: left;

  width: 100%;

}

.contact-sec{ max-width:1200px;color:#fff;margin:0px auto; }

.in-news{ width:95%; float:left; background:#0099ff; margin: 20px 0 50px 0;padding:15px 0 15px 5%;font: 16px/20px "open_sansregular";border-radius:10px; position:relative;text-align: center;}

.in-news p{ padding:15px 0 0 0;}

.in-news h2{font:normal 32px/30px "latolight"; text-align:center;margin:0 0 25px 0; }

.in-news img{ float:left; margin: 0 25px 0 0;}

.in-news ul li a{ display:block; font-size:13px; font-weight:bold;} 

 .in-news-tabs {

position:absolute; left:50%; bottom:0px;

}



.in-news-tabs  ul li{float: left;list-style-type: none;margin-left: 0px;}

.in-news-tabs  ul li a { display: block;color:#013e7f;font:normal 20px Verdana, Geneva, sans-serif;}

#bullet9 ul li a:hover, #bullet9 li.rslides_here a { color:#fff;}

.info-sec{ width:100%; float:left;}

.for-reffers, .location-direction {

  float: left;

  width: 48%;

  padding: 0 0 50px 0;font:normal 14px/20px "open_sanslight";

}

.for-reffers img, .location-direction img{margin:0 20px 0 0; float:left;}

.for-reffers h2, .location-direction h2{font:normal 35px/30px "latolight"; margin:0 0 25px 0;}

.for-reffers h2 a, .location-direction h2 a{color:#000000;}

.for-reffers-list{ float:left;}

.for-reffers-list ul li {background:url("images/info-list-img.png") no-repeat scroll left center;padding: 3px 0 3px 10px; color: hsl(0, 0%, 0%);

  display: block;}

.for-reffers-list ul li a {

  color: hsl(0, 0%, 0%);

  display: block;

  padding: 3px 0 3px 10px;

}

.reffers-readmore{ width:90px; background:#014c87; text-align:center;line-height:30px; margin:30px 0 0 0; border-radius:10px;}

.reffers-readmore a{ color:#fff; display:block;}

.contact-add{color:#000000; }

.contact-add a{ color:#2c5bb3; font-style:italic; text-decoration:underline; padding:10px 0 0 0; display:inline;}





/*******Info sec*******/

#patient-information{

   float: left; padding:50px 0;

  width: 100%; background:#00cc99; font: 18px/20px "open_sansregular";

}

.patient-information{ max-width:1200px; color:#fff; margin:0px auto; }

.patient-information ul li{ width:280px; background:#fff; border-radius:30px; float:left; margin:0 5%;}

.patient-information ul li a{ padding:20px 0 20px 55px; display:block; color:#000;}

.patient-information ul li a:hover{border-radius:30px; color:#fff;}

.first-visit a{background:url("images/first-visit-icon.png") no-repeat scroll 20px center;}

.first-visit a:hover{background: #01518d url("images/first-visit-icon-hover.png") no-repeat scroll 20px center;}

.patient-forms a{background:url("images/patient-forms.png") no-repeat scroll 20px center;}

.patient-forms a:hover{background: #01518d url("images/patient-forms-hover.png") no-repeat scroll 20px center;}

.payment-options a{background:url("images/payment-options.png") no-repeat scroll 20px center;padding:10px 0 10px 55px !important;}

.payment-options a:hover{background: #01518d url("images/payment-options-hover.png") no-repeat scroll 20px center;}



/*******credibility sec*******/

#credibility-sec {

  clear: both !important;

  float: left;

  width: 100%;

  background: #fff;

}

.credibility-sec{ max-width:1200px; margin:0 auto; }

.credibility-sec ul li {

  float: left;

  text-align: center;

  padding: 45px 0;

}

.nbs-flexisel-container {  position:relative;  max-width:100%; *width:940px; *overflow:hidden;}

.nbs-flexisel-ul {  position:relative; width:9999px; margin:0px; padding:0px;  list-style-type:none; text-align:center;  }

.nbs-flexisel-inner { overflow:hidden; float:left; width:100%; }

.nbs-flexisel-item { float:left;    margin:0px; padding:0px;  position:relative; line-height:0px;}

.nbs-flexisel-item img {   position: relative; margin-top: 10px; margin-bottom: 10px;  }

/*******footer*******/

footer {

  background: #03518e url("images/footer-bg.png") center no-repeat;

  float: left;

  padding: 0 0 20px;

  width: 100%;font: 14px/20px "open_sanslight";

}

.footer-sec{ max-width:1200px; margin:0px auto;  color:#fff;}

.footer-top {

  border-bottom: 1px solid hsl(221, 65%, 59%);

  float: left;

  margin: 50px 0 40px 0;

  width: 100%;

  padding: 0 0 40px 0;

}

.footer-sec-left{ float:left; width:30%; }

.footer-sec-head {

  font:bold 18px/22px "open_sansregular";

  margin: 0 0 10px; text-transform:uppercase;

}

.search-word {

  background: #fff;

  float: left;

  font: 13px/15px "open_sanslight";

  padding: 0;

  position: relative;

  width: 235px;

}

.serch-key {

  background:#fff;

  border: medium none;

  color: #000;

  font: 13px/15px "open_sanslight";

  height: 34px;

  margin-left: 0;

  padding: 0 0 0 10px;

  width: 200px;

}

input#searchsubmit {

  background: hsla(0, 0%, 0%, 0) url("images/search-icon.jpg") no-repeat scroll 0 0;

  border: 0 none;

  clear: none !important;

  cursor: pointer;

  display: block !important;

  float: right;

  height: 34px;

  position: absolute;

  right: 0;

  text-indent: -9999px;

  top: 0;

  width: 31px;

}

.footer-sec-middle{ float:left; width:18%; margin:0 16% 0 16%;}

.footer-sec-right{float:right; width:18%;}

.social-icons{ width:100%; float:left; padding:0px 0 20px 0;}

.social-icons ul li{ float:left; width:40px; height:40px; background:none; border-left:none !important; }

.social-icons ul li a {

  display: block;

  text-indent: -9999px; height:40px;

}



.twitter a {

  background: hsla(0, 0%, 0%, 0) url("images/social-media-icons.png") no-repeat scroll 0px 0;

}

.facebook a{ background:url("images/social-media-icons.png") no-repeat -42px 0px;}

.linkedin a{background:url("images/social-media-icons.png") no-repeat -84px 0px;}

.google-plus a{background:url("images/social-media-icons.png") no-repeat -124px 0px;}

.youtube a{background:url("images/social-media-icons.png") no-repeat -168px 0px;}



.twitter a:hover{

  background: hsla(0, 0%, 0%, 0) url("images/social-media-icons-hover.png") no-repeat scroll 0px 0;

}

.facebook a:hover{ background:url("images/social-media-icons-hover.png") no-repeat -42px 0px;}

.linkedin a:hover{background:url("images/social-media-icons-hover.png") no-repeat -84px 0px;}

.google-plus a:hover{background:url("images/social-media-icons-hover.png") no-repeat -124px 0px;}

.youtube a:hover{background:url("images/social-media-icons-hover.png") no-repeat -168px 0px;}

.footer-bottom{ width:100%; float:left;}

.footer-bottom ul li{ width:100%; float:left;font:normal 15px/20px "latolight";}

.footer-services { width:30%; float:left;}

.footer-services ul li {

 list-style: inside none disc;

padding:3px 0;

}

.footer-services ul li  a{}

.footer-menu, .footer-info-link {

  float: left;

  margin: 0 3%;

  width: 20%;

}

.footer-bottom-right{ width:18%; float:right;}

.copyright {

  color: hsl(0, 0%, 100%);

  float: left;

  padding: 10px 0 5px;

  text-align: left;

  width: 80%;

}

.ypo-logo {

  margin: 65px 0 0;

}





/*******Subpage styles*******/

#s-banner{ width:100%; float:left;position:relative;}

.s-banner-sec{ max-width:2100px; margin:0 auto;}

.s-banner-sec ul li{min-height:154px; width:100%;}

.s-banner1{background:url("images/banner-s1.jpg") no-repeat scroll center 0;}

.s-banner2{background:url("images/banner-s2.jpg") no-repeat scroll center 0;}

.s-banner3{background:url("images/banner-s3.jpg") no-repeat scroll center 0;}

.s-banner4{background:url("images/banner-s4.jpg") no-repeat scroll center 0;}

.s-banner5{background:url("images/banner-s5.jpg") no-repeat scroll center 0;}

.s-banner6{background:url("images/banner-s6.jpg") no-repeat scroll center 0;}

.s-banner7{background:url("images/banner-s7.jpg") no-repeat scroll center 0;}

.s-banner-tabs {

  bottom: 3%;

  right: 17%;

  position: absolute;

  z-index: 100;

}

.s-banner-text p {

  font-size: 19px;

}

.s-banner-tabs  ul li{float: left;list-style-type: none;margin-left: 0px; min-height:auto; width:auto;}

.s-banner-tabs  ul li a { display: block;color:#006DD2;font:normal 30px Verdana, Geneva, sans-serif;}



.s-banner-tabs ul li {

  float: left;

  list-style-type: none;

  margin-left: 0;

  min-height: 16px !important;

}

.s-banner-tabs  ul li a { display: block;color:#262B6D;font:normal 30px Verdana, Geneva, sans-serif;}

#bullet10 ul li a:hover, #bullet10 li.rslides_here a { color:#55c1e9;}



/**********subpage styles**********/



section{ width:100%; float:left;padding:0 0 4% 0;border-bottom:1px solid #b0b0b0; }

.article-sec{ max-width:1200px; margin:auto;  }

article {

  float: left;

  width: 63%;

}

aside {

  float: right;

  padding: 40px 0 0;

  width: 350px;

}

.aside-head{font:normal 30px/20px "latolight";padding: 35px 0 35px 30px; color:#fff;}

.aside-head a{ display:block;}

.aside-services{ width:100%;margin: 3px 0 0 0;float:left; border-top:1px solid #0062a4;background: url("images/service-sec-bg.jpg")repeat scroll 0 0; }

.aside-services ul li {

 float: none;

  font: 16px/20px "latoregular";

  margin: 10px auto;

  width: 80%;

}

.aside-services ul li img{ margin:0 20px 0 0; float:left;}

.s-ser1 a{background: rgba(0, 0, 0, 0) url("images/aside-ser1.png") no-repeat scroll 0 0;padding: 20px 0 20px 80px;}

.s-ser2 a{background: rgba(0, 0, 0, 0) url("images/aside-ser2.png") no-repeat scroll 0 0;padding: 8px 0 13px 80px;}

.s-ser3 a{background: rgba(0, 0, 0, 0) url("images/aside-ser6.png") no-repeat scroll 0 0;padding:  20px 0 20px 80px;}

.s-ser4 a{background: rgba(0, 0, 0, 0) url("images/aside-ser3.png") no-repeat scroll 0 0; padding: 8px 0 13px 80px;}

.s-ser5 a{background: rgba(0, 0, 0, 0) url("images/aside-ser4.png") no-repeat scroll 0 0;padding: 8px 0 13px 80px;}

.s-ser6 a{background: rgba(0, 0, 0, 0) url("images/aside-ser5.png") no-repeat scroll 0 0;padding: 8px 0 13px 80px;}

.s-ser7 a{background: rgba(0, 0, 0, 0) url("images/aside-ser5.png") no-repeat scroll 0 0;padding: 20px 0 20px 80px;}

.s-ser8 a{background: rgba(0, 0, 0, 0) url("images/aside-ser8.png") no-repeat scroll 0 0;padding: 20px 0 20px 80px;}

.s-ser9 a{background: rgba(0, 0, 0, 0) url("images/s-ser9.png") no-repeat scroll 0 22px;padding: 20px 0 20px 80px;}

.s-ser10 a{background: rgba(0, 0, 0, 0) url("images/s-ser10.png") no-repeat scroll 0 1px;padding: 20px 0 20px 80px;}





.s-ser1 a:hover{background: rgba(0, 0, 0, 0) url("images/aside-ser1-hover.png") no-repeat scroll 0 0;}

.s-ser2 a:hover{background: rgba(0, 0, 0, 0) url("images/aside-ser2-hover.png") no-repeat scroll 0 0;}

.s-ser3 a:hover{background: rgba(0, 0, 0, 0) url("images/aside-ser6-hover.png") no-repeat scroll 0 0;}

.s-ser4 a:hover{background: rgba(0, 0, 0, 0) url("images/aside-ser3-hover.png") no-repeat scroll 0 0;}

.s-ser5 a:hover{background: rgba(0, 0, 0, 0) url("images/aside-ser4-hover.png") no-repeat scroll 0 0;}

.s-ser6 a:hover{background: rgba(0, 0, 0, 0) url("images/aside-ser5-hover.png") no-repeat scroll 0 0;}

.s-ser7 a:hover{background: rgba(0, 0, 0, 0) url("images/aside-ser5-hover.png") no-repeat scroll 0 0;}

.s-ser8 a:hover{background: rgba(0, 0, 0, 0) url("images/aside-ser8-hover.png") no-repeat scroll 0 0;}

.s-ser9 a:hover{background: rgba(0, 0, 0, 0) url("images/s-ser9hr.png") no-repeat scroll 0 22px;}

.s-ser10 a:hover{background: rgba(0, 0, 0, 0) url("images/s-ser10hr.png") no-repeat scroll 0 1px;}

.aside-services ul li a {

  color: hsl(0, 0%, 100%);

  display: block;

  

}

.s-dr-section {

  background:#00cc99;

  float: left;

  margin:0px 0;

position: relative;

 width: 100%;

}

.s-dr-section-middle {

  background: hsl(0, 0%, 100%) none repeat scroll 0 0;

  float: left;

  margin: 13px;

  width: 93%;

  padding: 0 0 25px 0;

}

.s-dr-section .aside-head{ padding:26px 10px;}

.s-dr-section .aside-head a{color:#000;font-size:23px}

.s-dr-section a, .s-doc-readmore, .s-dr-section span{ color:#fff;}

.s-doc-readmore{

  background: #0095fa;

  border-radius: 10px ;

 font: 14px/30px latolight;

  margin: 15px 0 0; color: #fff; 

  text-align: center; width:90px;

}

.s-doc-readmore a{  display:block; }

.s-doc-readmore:hover{}



.s-dr-section img {

padding: 0 0 0 30px; float:left;

}

.s-doc-text {

  float: left;

  width: 57%;

  margin: 0 0 0 14px;

}

.s-doc-text h1 {

font:bold 16px/20px "latoregular";

}

.s-dr-section h1 a{

  color:#014c87;

 

}

.s-doc-text h3 { font:normal 14px/20px "latoregular"; color: #434343;}

.s-dr-section .next {

  background: rgba(0, 0, 0, 0) url(images/doc-sec-arrow-right.png) no-repeat scroll 0 0;

  right: 35px;

}

.callbacks_nav {

  bottom: 25px;

  height: 17px;

  opacity: 0.7;

  overflow: hidden;

  position: absolute;

  text-decoration: none;

  text-indent: -9999px;

  width: 15px;

  z-index: 999999;

}

.s-dr-section .prev {

  background: hsla(0, 0%, 0%, 0) url("images/doc-sec-arrow-left.png") no-repeat scroll 0 0;

  right: 55px;

}



.aside-patient-journey{ width:100%; float:left;}

.aside-patient-journey-head{ font:normal 30px/20px "latolight";background:#0094f7 url("images/aside-patient-journey-img.png") no-repeat scroll 30px center;padding:25px 0 25px 75px; color:#fff;}

.aside-patient-journey-head a{ display:block;  padding:25px 0 25px 75px;}

.aside-what-are-your-options{background:#044a82 url("images/aside-patient-journey-bg.png") no-repeat scroll 0 0;padding:0 0 10px 30px;}

.aside-what-are-your-options .aside-head, .aside-in-news .aside-head, .aside-loc-dir .aside-head { padding-left: 0px;}

.aside-what-are-your-options ul li{font:normal 22px/20px "open_sansregular"; margin:0 0 20px 0;}

.aside-what-are-your-options ul li a{ display:block; padding:9px 0 10px 50px;}

.s-surgical{background:url("images/aside-surgical-img.png") no-repeat scroll 0 0;}

.s-non-surgical{background:url("images/aside-nonsurgical-img.png") no-repeat scroll 0 0;}



.aside-in-news{float:left; background:#0099ff; padding:0 30px 20px 30px;font:normal 14px/15px "open_sanslight"; color:#fff; position:relative;}

.aside-in-news img{ float:left; padding: 0 20px 0 0px;}

.s-in-news-tabs {

  bottom: 0;

  right: 40px;

  position: absolute;

}

.s-in-news-tabs  ul li{float: left;list-style-type: none;margin-left: 0px;}

.s-in-news-tabs  ul li a { display: block;color:#013e7f;font:normal 20px Verdana, Geneva, sans-serif;}

#bullet12 ul li a:hover, #bullet12 li.rslides_here a { color:#fff;}





.aside-for-referrers{float:left; width:100%;}

.aside-for-referrers-head{ font:normal 30px/20px "latolight";background:url("images/aside-for-referrers-img.png") no-repeat scroll 30px center;  border:1px solid #ababab; }

.aside-for-referrers-head a{ display:block;  padding:25px 0 25px 100px; color:#000;font-style: normal;}



.aside-loc-dir{width:82.5%; border-bottom:1px solid #ababab; border-right:1px solid #ababab; border-left:1px solid #ababab; float:left; padding:0 30px 20px 30px;font:normal 14px/20px "open_sanslight";}

.aside-loc-dir .aside-head a{color:#000;font-style: normal;}

.aside-loc-dir a {

  color: hsl(219, 61%, 44%);

  font-style: italic;

}

.aside-loc-dir img{ float:left; margin:0 20px 0 0;}

.aside-contact-add{ float:left;}







/*****dr section*****/

.aside-patient-res{ float:left; width:100%; color:#000; background:#00cc99; padding:10px 0}

.aside-patient-res ul li { width: 277px;

  background: #fff; border-radius:20px; 

  font:normal 16px/20px "open_sanslight";  position: relative; margin: 10px auto;

}

.aside-patient-res ul li.last-child{ border-bottom: none;}

.aside-patient-res ul li a{ color:#000; display:block; padding:0;padding: 10px 0 10px 60px;}

.aside-patient-res ul li a:hover{border-radius:20px; color:#fff;}

.s-first-visit a{background:url("images/first-visit-icon.png") no-repeat scroll 20px center;}

.s-first-visit a:hover{background: #01518d url("images/first-visit-icon-hover.png") no-repeat scroll 20px center; }

.s-patient-forms a{background:url("images/patient-forms.png") no-repeat scroll 20px center;}

.s-patient-forms a:hover{background: #01518d url("images/patient-forms-hover.png") no-repeat scroll 20px center; }

.s-payment-options a{background:url("images/payment-options.png") no-repeat scroll 20px center;padding:3px 0 3px 60px !important;}

.s-payment-options a:hover{background: #01518d url("images/payment-options-hover.png") no-repeat scroll 20px center; }



.servicelist {

  float: left;

  width: 100%;

}

.servicelist li {

  float: left;

  padding: 0 !important;

  text-align: left;

  width: 50%;

}

.servicelist a {

  background: #0599FD;

  border-radius: 10px;

  color: hsl(0, 0%, 100%);

  display: block;

  font-size: 14px;

  margin: 10px 10px 0 0;

  padding: 10px 15px;

  text-decoration: none;

}

.servicelist a:hover {

  background:#00CC99;

  color: hsl(0, 0%, 100%);

}



table {

  border: 1px solid hsl(0, 0%, 81%);

  margin: 10px 0;

  width: 66%;

}

table  tbody{ width:100%; padding:0px; margin:0px;}

table tr {

  border-bottom: 1px solid hsl(0, 0%, 81%);

  width: 100%;

  float: left;

}

table tr td.small-td {

  float: left;

  width: 25%;border-right:1px solid #999;

}

table tr td.big-td {

  float: left;

  width: 60%;

}

table tr  td{padding:0 0 0 10px;}

.referrers-box {

  border: 3px solid hsl(204, 100%, 50%);

  float: left;

  padding: 10px;

  width: 50%;

}

.referrers-box .content{ width:60%; float:left;}

.referrers-box-img {

  float: right;

  text-align: right;

  width: 20%;

}

.ourteam-page{ width:100%; float:left;}

.ourteam-page li{ width:96%; float:left; background:#fff !important; border:1px solid #00CC99; margin:0 0 20px 0; padding:10px;}

.ourteam-page li img {

  float: left;

  margin: 20px 40px 0 0;

}

.ourteam-page h1{padding:10px 0 0 0; margin:0px;}

.iframe-m {

  border: 1px solid hsl(0, 0%, 60%);

  height: 450px;

  width: 98%;

}

.blah {

  height: 640px;

  padding: 0 0 30px;

  position: relative;

}

#accordion {

  position: absolute;

  width: 100%;

}

#accordion h3 {

  clear: both;

  color: hsl(0, 0%, 100%);

  cursor: pointer;

  display: block;

  font:bold 19px/70px "latoregular";

  margin: 3px 0 0;

  padding: 0 0 0 90px;

  position: relative;

}

.c-brain-tumours{ background: #00cc99 url("images/c-brain-icon.png") no-repeat scroll 20px center;}

.c-pituitary{background: #00cc99 url("images/c-pituitary.png") no-repeat scroll 20px center;}

.c-spinal{background: #00cc99 url("images/c-spinal.png") no-repeat scroll 20px center;}

.t-minimally{background: #00cc99 url("images/c-brain-icon.png") no-repeat scroll 20px center;}

.t-spinal{background: #00cc99 url("images/c-spinal.png") no-repeat scroll 20px center;}

.t-brain{background: #00cc99 url("images/t-brain.png") no-repeat scroll 20px center;}

.t-spinal-recon{background: #00cc99 url("images/t-spinal-recon.png") no-repeat scroll 20px center;}

.t-spinal-surgery{background: #00cc99 url("images/t-spinal-surgery.png") no-repeat scroll 20px center;}

#accordion ul li {

  background: hsl(205, 100%, 91%) url("images/services-li-icon.png") no-repeat scroll 37px center;

  color: hsl(0, 0%, 0%);

  float: left;

  font: 16px/44px "latoregular";

  padding: 0;

  text-transform: capitalize;

  width: 100%;

  margin: 0 0 1px 0;

}

#accordion ul li a {

  color: hsl(0, 0%, 0%);

  display: block;

  padding: 0 0 0 70px;

}

#accordion .content {

  padding: 0px; background:none;

  width: 100%;

}

#accordion .content-text {

  background:#D1EBFF;

  color: hsl(0, 0%, 0%);

  float: left;

  margin: 0 0 3px;

  padding: 12px 2% 20px 5%;

  width: 93%;

}

.service-readmore {

  background:#00CC99;

  border-radius: 5px;

  color: hsl(0, 0%, 100%);

  float: right;

  font: 13px/30px "latoregular";

  text-align: center;

  width: 90px;

}

.service-readmore a {

  color: hsl(0, 0%, 100%);

  display: block;

}

.profile-img {

  float: right;

  margin: 0 0px 0px 10px;

  text-align: center;

}

/*****Structure data*****/

.hide-All {

  display:none;

}



.mapContainer{

		width:100%;

		height:435px;

		background:url('images/map-home-new.jpg') no-repeat center;

		float:left;

		

}

.mapContainer-s{

	margin:0px auto;

	max-width:1200px;

}

.add1 {

	position: absolute;

	top: 181px;

	left: 325px;

	text-transform: uppercase;

	font-size: 18px;

	font-family: "latoregular";

	font-weight: bold;

	line-height: 1.3;

}

.add2 {

	left: 836px;

	top: 142px;

}



.add3 {

    left: 871px;

    top: 258px;

}



.add4 {

    left: 610px;

    top: 344px;

}

.add1 a {

	color: #fff;

}

.add1:hover .mapWrapper-hover-address{transform:scale(1);transition:all .7s ease 0s}





.mapWrapper-hover-address {

	transform: scale(0);

	transition: all .7s ease 0s;

	position: absolute;

	top: -31px;

	right: -25px;

	background: #0099ff;

	border: 1px solid #26272c;

	width: 385px;

	border-radius: 2px;

	z-index: 1;

}

.add1 a span {

	color: #a3bcd9;

}

.add1 span {

	display: block;

	font-size: 13px;

	text-transform: none;

	line-height: 13px;

}

.mapWrapper-hover-address-image {

	float: right;

	margin: 8px 8px 0;

}

.mapWrapper-hover-address-intro {

	margin: 5px 0 5px 15px;

	font-family: "latoregular";

	font-size: 18px;

	color: #fff;

}

.mapWrapper-hover-address-intro span {

	font-weight: lighter;

	color: #fff;

	font-family: "latoregular";

	line-height: 15px;

}

.mapWrapper-hover-address-intro p {

	font-size: 16px;

	line-height: 20px;

	color: #fff;

	font-family: "latoregular";

	font-weight: lighter;

	text-transform: initial;

	margin: 5px 0 0;

}





@media only screen and ( max-width:1230px )

{

.nbs-flexisel-nav-right, .nbs-flexisel-nav-left{ display:none;}

.patient-journey-section ul li {

 min-height: 110px;

}

.doctors{padding:40px 3%;margin:0 2%}

}









@media only screen and ( max-width:1199px )

{

header {

  float: left;

  padding: 30px 1% 20px;

  width: 98%;

}

.patient-information ul li {

margin: 0 2%;



}

.menu-sec ul li a {

  padding: 0 24px;

}

.alignright {

  width: 90% !important;

}

.ans-sec {

 width: 99%;

}

.footer-sec-right {

  width: 20%;

}

footer {



  padding-left:1%;padding-right:1%;

  width: 98%;

}

section {

float: left;

  padding: 0 1% 4% 1%;

  width: 98%;

}

.ourteam-page li {

  padding: 1% !important;

  text-align: center;

  width: 97%;

}

.ourteam-page li  img{ float:none; margin:0 auto;}

.view-profile {

  float: left;

  margin: 0 auto;

  width: 95px;

}

.referrers-box {

width: 90%;

}

/* .mapContainer{

background-position: -350px 0;

} */

.mapContainer {

    background-position: -234px 0;

}

.add1{left: 206px;}

.add2{left: 727px;}

.add3{left: 751px;}

.add4{left: 495px;}



}



}

@media only screen and ( max-width:979px )

{.logo {

  width: 50%;

}



 .menu-sec ul li a {

  padding: 0 12px;

}



.patient-journey-section ul li {

  min-height: 180px;

}

.services-sec {

  width: 91%;

}

.alignright {

  padding: 0 0 0 27%;

  text-align: left !important;

  width: 86% !important;

}

.patient-journey-section ul li div {

  float: left;

  text-align: right;

  width: 75%;

}

.surgical {

  float: left;

  margin: 0 2%;

  width: 25%;

}

.non-surgical {

  margin: 0 2%;

  width: 25%;

}

.patient-info-sec {

 width: 42%;

}

#patient-information {

  font: 15px/20px "open_sansregular";

}



.patient-information ul li {

  margin: 0 1%;

  width: 30%;

}

#doctor-sec h2, #doctor-sec h1 {

  font-size: 27px;

}

.doc-text h1 {

  font: 25px/30px "latoregular";

  margin: 0;

}

.banner-text h1, .s-banner-text h1 {

  font-size: 20px;

  line-height: 10px;

}

.banner-text h1 span, .s-banner-text h1 span {

  margin: 0;

  padding: 0 0 10px;

}



.footer-services {

  float: left;

  width: 37%;

}

.footer-menu, .footer-info-link {

 margin: 0 2%; width:15%;



}

.footer-sec-middle {

 margin: 0 11%;

  width: 18%;

}

.footer-bottom-right {

  float: right;

  width: 24%;

}

.footer-sec-right {

  float: right;

  width: 28%;

}



.ypo-logo {

  padding: 0 0 20px;

}



article {

  float: left;

  width: 52%;

}

aside {

  float: right;

  width: 350px;

}

table {

  width: 100%;

}





}



@media only screen and ( max-width:880px )



{

	.mapContainer {

    background-position: -357px 0;

}

.add1{left: 80px;}

.add2{left: 603px;}

.add3{left: 634px;}

.add4{left: 375px;}

.maplist{

	left: 0px;

}

	

}

@media only screen and ( max-width:767px )

{

.menu-sec ul li {

font-size: 13px;

}

.menu-sec ul li a {

  padding: 0 9px;

}

.banner-text {

  color: hsl(0, 0%, 0%);

  font: bold 15px/27px "latoregular";

  position: absolute;

  right: 0;

  top: 20%;

  width: 40%;

}

.banner-text p {

  font-size: 18px;

  min-height: 70px !important;

  line-height: 20px;

}

.abt-ans-sec-text h2, .help-sec h2 {

font-size: 16px; line-height:15px;

}

#patient-journey-section {

  width: 94%;

}

.patient-journey-section ul li {

width: 40%;

}

.procedure{padding:30px 0px 30px 0 !important;}

.surgical h2, .non-surgical h2 {

font-size: 25px;

}

.for-reffers h2, .location-direction h2 {

  font-size: 27px;

}

.for-reffers-list {

  margin: 10px 0 0;

  width: 100%;

}

.alignright {

  padding: 0 0 0 30%;

  width: 86% !important;

}

.services-sec {

  width: 94%;

}

#contact-sec {

  float: left;

  margin: 0 1%;

  width: 97%;

}

.contact-add {

float: left;

  margin: 10px 0 0;

  width: 100%;

}

.search-word {

  width: 210px;

}

.footer-sec-middle {

  margin: 0 9%;

}

.footer-sec-right {

  float: right;

  width: 34%;

}

.footer-bottom ul li {

font-size: 12px;



}

article {

  width: 50%;

}

aside {

  float: right;

  width: 300px;

}

.s-dr-section img {

  width: 26%;

}

.aside-head {

  font: 25px/20px "latolight";

}

.aside-loc-dir {

  width:93.5%;

  padding: 0 3% 20px;

}

.servicelist li {

  width: 100%;

}

.mapContainer {

    background-position: -395px 0;

}

.add1{left: 41px;}

.add2{left: 564px;}

.add3{left: 594px;}

.add4{left: 344px;}



}



@media only screen and ( max-width:700px )

{

.mapContainer {

    background-position: -400px 0;

}

.add1{left: 41px;}

.add2{left: 564px;}

.add3{left: 594px;}

.add4{left: 344px;}



}

@media only screen and ( max-width:639px )

{

	.mapWrapper-hover-address {

    display: none;

}

	.mapContainer {

    background: #eee;

    height: auto;

}

		.add1 {

    position: relative;

    top: 0;

    left: 0;

    background: #014c87;

    margin: 10px 0;

    text-align: center;

    padding: 10px 0;

}



nav{display: none;}    

.slicknav_menu { display: block; font-family: 'Raleway', sans-serif; }

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }

.slicknav_menu .slicknav_menutxt { display: block; float: left; padding: 0 1px; }

.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }

.slicknav_menu .slicknav_no-text { margin: 0 }

.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 2px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }

.slicknav_nav { clear: both }

.slicknav_nav ul, .slicknav_nav li { display: block }

.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }

.slicknav_nav .slicknav_item { display: block; cursor: pointer; }

.slicknav_nav a { display: block }

.slicknav_nav .slicknav_item a { display: inline }

.slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; }

.slicknav_menu:after { clear: both }

.slicknav_menu { *zoom: 1

}

.slicknav_btn { margin: 5px 5px 6px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; width: 80px; height: 14px; float: none; margin: 4px auto 9px; }

/* Button Text */

.slicknav_menu .slicknav_menutxt { color: #000; font-weight: bold; }

/* Button Lines */

.slicknav_menu .slicknav_icon-bar { background-color: #000; ; }

.slicknav_menu { padding: 5px 0 0 0; background: #096A9D; clear: both; }

.slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; border-top:1px solid #fff;}

.slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; padding: 12px 0 0 0; background:#096A9D; }

.slicknav_nav ul { padding: 0; }

.slicknav_nav .slicknav_item { padding: 5px 10px; margin: 2px 5px; }

.slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff; }

.slicknav_nav .slicknav_item a { padding: 0; margin: 0; }

.slicknav_nav .slicknav_item:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #B5651D ; color: #fff; }

.slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 2px; background: #B5651D ; color: #fff; }

.slicknav_nav .slicknav_txtnode { margin-left: 15px; }

.slicknav_nav li { border-bottom: 1px solid #fff; }  	

.patient-journey-section{ display:none;}

.mob-patient-journey-section {

  display: block;

  width: 98%;

  float: left;

}

.mobile-social-icons{ display:block;}





header {

  padding: 50px 0 0 0; 

}

.header-right {

 float: none;

   margin: 0 auto;

   width: 290px;

}

.banner-tabs {

  left: 72%;

  top: -115px;

}

.banner-text4, .banner-text3, .banner-text5, .banner-text2 { top: 0%;}

.banner-text {right: 5%;}

.header-sec{ width:100%; float:left;margin:0 0 20px 0; }	

.logo {

  float: none;

  margin: 0 auto;

  padding: 2%;

  width: 300px;

}

.h-appointment, .h-location {

font-size: 15px;

  margin: 10px 0 0;

  text-align: center;

}

.h-appointment a, .h-location a{padding:0px;}

.h-location {

  float: left;

  margin: 10px 5px 0 0;

  width: 28%;

}

.h-appointment{width:70%; float:left;}

.banner-tabs {

  bottom: 0;

}

.ans-sec {

  margin: 0 3%;

  width: 94%;

}

.abt-ans-sec-text p, .help-sec p , .doctor-sec ul li p{

 display: none;

}

.abt-ans-sec-text h2, .help-sec h2 {

  margin: 35px 0 0 0;

}

.abt-ans-sec, .help-sec {

  float: left;

  width: 100%; margin:5px 0; 

}

.abt-ans-sec img, .help-sec img {

  float: left;

  margin: 15px auto;

  padding: 0 20px 0 0;

  text-align: center;

  width: 25%;

}

 #doctor-sec h1 {

  font-size: 15px;

}

.doc-text h3 {

  font-size: 13px;

  margin: 0px;

}

.doctor-sec ul li {

  width: 100%; 

}

.doctor-sec ul li img {

  float: left;

  margin: 0 20px 0 0;

  width: 30%;

}

.doctor-sec .prev {

  right: 9%;

}

.doctor-sec .next {

right: 3%;

}

.banner-text p, .read-more, .banner-text ul, .banner-text4 p, .banner-text3 p, .banner-text5 p, .banner-text2 p, .banner-text4 ul, .banner-text2 ul, .banner-text3 ul, .banner-text5 ul  {

  display: none;

}

.banner-text h1, .s-banner-text h1 {

  font-size: 16px;

}

.patient-journey-section ul li {

  width: 85%;

  float: left;

}

.alignright {

  padding: 0 0 0 22%;

  text-align: left !important;

  width: 92% !important;

}

.surgical, .non-surgical {

  float: left;

  margin: 0 2%;

  text-align: left;

  width: 95%;

}

.options-sec-head {

  font-size: 30px;

 

}

.options-sec img {

  float: none;

  margin:0 0 0 2%; width:50%;

}

.for-reffers img, .location-direction img {

  float: left;

  margin: 0 20px 0 0;

  width: 30%;

}

.for-reffers, .location-direction {

   width: 98%;

}

.for-reffers-list {

  float: left;

  margin: 0px auto;

  text-align: left;

  width: 63%;

}

.patient-information ul li {

  float: none;

  margin: 1% auto;

  width: 90%;

}

.contact-add {

  float: left;

  margin: 0px 0 0;

  width: 63%;

}

.alignright {

  text-align: left !important;

  width: 82% !important;

  padding: 0 0 0 32% !important;

}

.in-news img {

  float: left;

  margin: 0 10px 0 0;

}

.in-news p , .in-news ul li a{

  font-size: 13px;

  line-height: 15px;

  padding: 0 ;

}

footer {

background:#014c87;

}

.footer-sec-left, .footer-sec-middle, .footer-sec-right, .footer-services, .footer-bottom-right {

  float: none;

  margin: 0 auto;

  width: 300px;

}

.footer-menu, .footer-info-link{  float: left;

  margin:20px 0 0 0;

  width: 150px;}

.footer-bottom ul li {

  font-size: 14px;

}

.footer-sec-head {

  float: left;

  margin: 20px 0 0px;

  width: 100%;

}

.search-word {

  width: 250px;

  margin: 0 0 30px 0;

}

.footer-sec-head {

margin: 20px 0 10px;



}

.copyright {

padding: 25px 0 5px;



}

.ypo-logo {

  margin: 20px 0;

  text-align: center;

  width: 100%;

  float: left;

}

/**subpage media queries**/

article {

  width: 100%;

}



aside {

  clear: both;

  float: none;

  margin: 0 auto;

  width: 350px;

}

#banner ul li {

  background-size: 100% auto;

  min-height: 200px;

  width: 100%;

}

#s-banner ul li{background-size: 100% auto;}

.s-banner1{background:url("images/mob-banner1.jpg") no-repeat scroll center 0;}

.s-banner2{background:url("images/mob-banner2.jpg") no-repeat scroll center 0;}

.s-banner3{background:url("images/mob-banner3.jpg") no-repeat scroll center 0;}

.s-banner4{background:url("images/mob-banner4.jpg") no-repeat scroll center 0;}

.s-banner5{background:url("images/mob-banner5.jpg") no-repeat scroll center 0;}

.s-banner6{background:url("images/mob-banner6.jpg") no-repeat scroll center 0;}

.s-banner7{background:url("images/mob-banner7.jpg") no-repeat scroll center 0;}

}

	@media only screen and ( max-width:479px )

{

	.banner-text, .s-banner-text, .banner-text4, .banner-text3, .banner-text5, .banner-text2 {  display: none;}



aside {

  clear: both;

  float: none;

  margin: 0 auto;

  width: 310px;

}

.doctors {

  margin: 0 0%;

  width: 94%;

}

#banner ul li {

  background-size: 100% auto;

  min-height: 172px;

  width: 100%;

}

.banner-text, .s-banner-text {

  right: 5%;

  top: 6%;

  width: 200px;

}



}







@media only screen and ( max-width:359px )

{

 .s-banner-text , .banner-text{

display: none;}

.s-banner-sec ul li {

  min-height: 120px;

}

#banner ul li {

  background-size: 100% auto;

  min-height: 162px;

  width: 100%;

}

}