#dc_jqaccordion_widget-2-item {
font: normal 13px/20px Verdana, sans-serif;
border-top: 1px solid #111;
border-right: 1px solid #111;
border-left: 1px solid #111;
}
#dc_jqaccordion_widget-2-item ul, #dc_jqaccordion_widget-2-item ul li {
margin: 0;
padding: 0;
border: none;
list-style: none;
}
#dc_jqaccordion_widget-2-item ul a {
padding: 10px 10px 10px 20px;
text-decoration:none;
background:url(/images/arrow1.png) no-repeat 90% center #3991c1;
border-bottom:1px solid #585858;
display: block;
color: #fff !important;
 position: relative;
width:100% !important;
}
#dc_jqaccordion_widget-2-item ul a:hover {
 background:url(/images/arrow1.png) no-repeat 90% center #585858;
}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent:hover {
 background:url(/images/arrow1.png) no-repeat 90% center #585858;
}
#dc_jqaccordion_widget-2-item ul a .dcjq-icon {
position: absolute;
top: 50%;
left: 14px;
width: 34px;
margin-top: -17px;
height: 34px;
}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent.active .dcjq-icon {
}
#dc_jqaccordion_widget-2-item ul a:hover, #dc_jqaccordion_widget-2-item ul .current_page_item > a, #dc_jqaccordion_widget-2-item > ul .current_page_item > a {
color: #fff;
}
#dc_jqaccordion_widget-2-item ul .current-menu-ancestor > a, #dc_jqaccordion_widget-2-item > ul .current-menu-ancestor > a {
}


/* ------------------------------ Fonts CSS ------------------------------ */
@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: 'Raleway';
  src: url('/fonts/Raleway-Regular.eot');
  src: url('/fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Raleway-Regular.woff') format('woff'),
       url('/fonts/Raleway-Regular.ttf') format('truetype'),
       url('/fonts/Raleway-Regular.svg#Raleway') format('svg');
	    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RalewayMedium';
    src: url('/fonts/raleway-medium.eot');
    src: url('/fonts/raleway-medium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/raleway-medium.woff') format('woff'),
         url('/fonts/raleway-medium.ttf') format('truetype'),
         url('/fonts/raleway-medium.svg#RalewayMedium') format('svg');
		  font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RalewaySemiBold';
    src: url('/fonts/raleway-semibold.eot');
    src: url('/fonts/raleway-semibold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/raleway-semibold.woff') format('woff'),
         url('/fonts/raleway-semibold.ttf') format('truetype'),
         url('/fonts/raleway-semibold.svg#RalewaySemiBold') format('svg');
		 		  font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RalewayLight';
    src: url('/fonts/raleway-light.eot');
    src: url('/fonts/raleway-light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/raleway-light.woff') format('woff'),
         url('/fonts/raleway-light.ttf') format('truetype'),
         url('/fonts/raleway-light.svg#RalewayLight') format('svg');
		 font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold';
    src: url('/fonts/lato-bold-webfont.eot');
    src: url('/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/lato-bold-webfont.woff2') format('woff2'),
         url('/fonts/lato-bold-webfont.woff') format('woff'),
         url('/fonts/lato-bold-webfont.ttf') format('truetype'),
         url('/fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Lato-Light';
  src: url('/fonts/Lato-Light.eot');
  src: url('/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Lato-Light.woff') format('woff'),
       url('/fonts/Lato-Light.ttf') format('truetype'),
       url('/fonts/Lato-Light.svg#Lato-Light') format('svg');
	    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RalewayBold';
    src: url('/fonts/raleway-bold.eot');
    src: url('/fonts/raleway-bold.eot') format('embedded-opentype'),
         url('/fonts/raleway-bold.woff') format('woff'),
         url('/fonts/raleway-bold.ttf') format('truetype'),
         url('/fonts/raleway-bold.svg#RalewayBold') format('svg');
}




/* ------------------------------ Global CSS ------------------------------ */
body {
margin: 0px;
padding: 0px;
overflow-y: scroll;
*overflow-y:none;
}
img {
border: 0px;
max-width: 100%;
vertical-align: middle;
}
p, h1, h2, h3, h4, h5, h6 {
margin: 10px 0px;
padding: 0px;
}
ul, ol {
margin: 0px;
padding: 0px;
}
ul {
list-style: none;
}
a, a:hover {
text-decoration: none;
}
/* ------------------------------ General CSS ------------------------------ */
.hr {
height: 10px;
background: url(/images/hr.gif) repeat-x left center;
}
.clear-float {
clear: both;
}
.align-left {
float: left;
}
.align-right {
float: right;
padding: 2px;

margin: 0px 0px 10px 15px;
}
.videoBorder {
border: 4px solid #333;
height: 350px;
margin: 0 auto;
position: relative;
width: 100%;
}
.videoBorder iframe, .videoBorder embed, .multiBorder iframe, .multiBorder embed {
border: 0 none !important;
margin: 0;
height: 100%;
padding: 0;
position: relative;
top: 0;
width: 100.1%;
}
.intra-div {
width: 100%;
}
#Interactivity {
position: relative;
}
.Intra-L, .Intra-R {
position: absolute;
z-index: 100;
width: 100%;
height: 100%;
margin: 0px !important;
padding: 0px !important;
}
.Intra-L {
left: -100%;
}
.Intra-R {
right: -100%;
}
/* ------------------------------ Slider CSS ------------------------------ */
.rslides {
width: auto;
margin: 0px;
padding: 0px;
position: relative;
}
.rslides li {
display: none;
}
#Interactivity {
position: relative;
}
/*-----------Back to Top------------------*/
#backtotop {
cursor: pointer;
right: 5px;
position: fixed;
z-index : 10000;
bottom: 10px;
width: 30px;
height:30px;
font: bold 12px/30px Verdana, Arial, Helvetica, sans-serif;
color : #fff;
background:url(/images/up-arrow.png) no-repeat center center #3991C1;
border-radius:50%;
text-align : center;
border-radius : 5px;
display: none;
}
#backtotop a {
display:block;
color : #fff;
}
#backtotop:hover {
opacity : 0.9;
background:url(/images/up-arrow.png) no-repeat center center #585858;
}
/*-------------------- Accordion Styles --------------------*/
.accordion {
margin: 1em 0
}
.accordion h2 {
background:url(/images/down-arrow.png) no-repeat 96% center;
color: #206F8E;
border-bottom:1px solid #63C1F5;
cursor: pointer;
margin: 5px 0px 0px 0px;
padding: 4px 10px;
font: normal 16px/20px 'ralewaysemibold' !important;
}
.accordion h2.current {
background: #585858;
cursor: default;
color: #fff;
}
.accordion div.pane {
padding: 5px 10px;
border: 1px solid #D8D8D8;
}

/* ------------------------------ Scrolling Styles ------------------------------ */
#flexiselDemo1 {
margin: 0px;
padding: 0px;
display: block;
list-style: none;
overflow: hidden !important;
}
#Services .nbs-flexisel-inner {
width: 100%;
max-width: 100%;
}
.nbs-flexisel-container {
margin: 0px;
padding: 0px;
position: relative;
max-width: 100%;
overflow: hidden !important;
}
.nbs-flexisel-ul {
width: 9999px;
*width:9999px;
position: relative;
margin: 0px;
padding: 0px;
list-style: none;
overflow: hidden !important;
}
.nbs-flexisel-inner {
width: 90%;
max-width: 90%;
margin: 0px auto;
padding: 0px;
overflow: hidden !important;
}
.nbs-flexisel-item {
margin: 0px;
padding: 0px;
float: left;
overflow: hidden !important;
vertical-align: middle;
}
.nbs-flexisel-item img {
vertical-align: middle;
}
.nbs-flexisel-item a, .nbs-flexisel-item a:hover {
text-decoration: none;
}
/*----- Navigation -----*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
width: 30px;
height: 100%;
position: absolute;
cursor: pointer;
z-index: 100;
top: 0px;
}
.nbs-flexisel-nav-left {
left: 3px;
}
.nbs-flexisel-nav-right {
right: 3px;
}
.nbs-flexisel-nav-left {
left: 0px;
background: url(/images/credibility-left-arrow.png) no-repeat left 75px;
}
.nbs-flexisel-nav-right {
right: 0px;
background: url(/images/credibility-right-arrow.png) no-repeat right 75px;
}
/* ------------------------------ Main CSS ------------------------------ */
#Container, #Header-Container, #Intra-Container, #Treatments-Container, #Doctor-Container, #Patient-Journey-Container, #Patient-Info-Container, #Credibility-Container, #Footer-Container, #Content-Container, #Contact-Container {
width: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
}
#Menu-Container {
width: 100%;
margin: 0px;
padding: 0px;
position: relative;
}
#Header, #Main-Menu, #Interactivity, #Services, #Treatments, #Doctor, #Patient-Journey, #Patient-Info, #Credibility, #Footer, #Content-Main, #Contact {
max-width: 940px;
min-width: 320px;
margin: 0px auto;
}
/* ------------------------------ Header CSS ------------------------------ */
#Header {
min-height: 113px;
background: url(/images/header-bg.png) no-repeat center -1px;
opacity: 0.9;
overflow: visible !important;
}
#Header-Container {
background: rgba(248,250,252,0.9);
position: relative;
z-index: 99;
}
.logo {
float: left;
margin: 31px 0% 0px 5px;
width: 334px;
}
.call-appoint {
color: #13586d;
float: right;
font: normal 18px/26px 'latoregular';
margin-right: 5px;
}
.call-appoint span {
border-bottom: 1px solid #a2cfe8;
color: #3991c1;
font: normal 25px/28px 'latoregular';
display: block;
margin: 12px 0px 0px 0px;
}
.call-appoint span a{color: #3991c1;}
.call-appoint  a{color: #13586d;}
/* ------------------------------ Menu CSS ------------------------------ */
#Menu-Container {
position: relative;
background: -webkit-linear-gradient(#358ebe, #3991c1); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#358ebe, #3991c1); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#358ebe, #3991c1); /* For Firefox 3.6 to 15 */
background: linear-gradient(#358ebe, #3991c1); /* Standard syntax */
background: #358ebe\9;
}
#Mobile-Menu {
display: none;
}
#access {
display: block;
margin: 0px;
padding: 0px;
}

#access li {
color: #fff;
font: normal 16px/46px 'latoregular';
border-right:1px solid #5db7e8;
float: left;
width: 16.4%;
position: relative;
text-align: center;
}
#access li span {
text-transform: lowercase !important;
}
#access a {
color: #fff;
display: block;
}
#access a:hover {
text-decoration: none;
color: #fff;
background:#585858;
}
#access ul ul {
position: absolute;
display: none;
margin: 0px;
padding: 0px;
left: 0px;
z-index: 99999;
background: #3991c1;
}
#access ul ul li {
color: #fff;
font: normal 14px/18px 'latoregular';
text-align: left;
width: 200px;
text-transform: none;
background:url(/images/menu-bullet.gif) no-repeat 20px center #3991c1;
border-bottom: 1px solid #585858 !important;
border-left:none !important;
border-right:none !important;
}
#access ul ul a {
color: #fff;
border-radius: 0px !important;
padding: 12px 0px 12px 32px;
display: block;
}
#access ul ul a:hover {
background:url(/images/menu-bullet.gif) no-repeat 20px center #585858;
color: #fff !important;
}
#access ul ul ul {
left: 100%;
top: 0px;
}
#access ul li:hover > ul {
display: block;
}
.ypomainmenu li a:hover, .ypomainmenu > li:hover > a, .ypomainmenu li.current_page_item > a, .ypomainmenu li.current-menu-item > a {
color: #fff;
}
.ypomainmenu > li.current-menu-ancestor > a, .ypomainmenu > li.current_page_ancestor > a {
color: #fff !important;
}
.ypomainmenu ul li a:hover, .ypomainmenu ul > li:hover > a, .ypomainmenu ul li.current_page_item > a, .ypomainmenu ul li.current-menu-item > a {
background:url(/images/menu-bullet.gif) no-repeat 20px center #585858;
color: #fff !important;
}
.ypomainmenu ul > li.current-menu-ancestor > a, .ypomainmenu ul > li.current_page_ancestor > a {

color: #fff !important;
background:#585858;
}
.ypomainmenu ul ul li a:hover, .ypomainmenu ul ul > li:hover > a, .ypomainmenu ul ul li.current_page_item > a, .ypomainmenu ul ul li.current-menu-item > a {
color: #fff !important;
background:#585858;}
.ypomainmenu ul ul > li.current-menu-ancestor > a, .ypomainmenu ul ul > li.current_page_ancestor > a {
color: #fff !important;
background:#585858;}
.menu-item-12{ border-left:1px solid #5db7e8;}
.menu-item-192 ul li, .menu-item-216 ul li{ width:250px !important; }
/* ------------------------------ Interactivity CSS ------------------------------ */
#Intra-Container {
position: relative;
margin-top: -114px;
background: #3991c1;
}
/*#Intra-Container #Interactivity, #Intra-Container .rslides {
overflow:hidden;
}*/
#Intra-Container {
overflow:hidden;
}
/*#Intra-Container #Interactivity, #Intra-Container .rslides li, #Intra-Container-S #Interactivity, #Intra-Container .rslides li {
display: block !important;
}*/
#Intra-Container #Interactivity {
position: relative !important;
/*overflow:hidden;*/
}
#Intra-Container-S {
height: 160px;
position: relative;
background: #3991c1;
}
#Intra-Container-S #Interactivity, #Intra-Container-S .rslides {
height: 160px;
}
#Intra-Container #Banner0 .Intra-L {
background: url(/images/slider1-left.jpg) no-repeat right top;
}
#Intra-Container #Banner0 .Intra-R {
background: url(/images/slider1-right.jpg) no-repeat left top;
}
#Intra-Container #Banner1 .Intra-L {
background: url(/images/slider2-left.jpg) no-repeat right top;
}
#Intra-Container #Banner1 .Intra-R {
background: url(/images/slider2-right.jpg) no-repeat left top;
}
#Intra-Container #Banner2 .Intra-L {
background: url(/images/slider3-left.jpg) no-repeat right top;
}
#Intra-Container #Banner2 .Intra-R {
background: url(/images/slider3-right.jpg) no-repeat left top;
}
/*#Intra-Container #Banner0 {
background: url(/images/slider1.jpg) no-repeat right top;
position: relative;
z-index: 0;
}
#Intra-Container #Banner1 {
background: url(/images/slider2.jpg) no-repeat right 2px;
position: relative;
z-index: 0;
}
#Intra-Container #Banner2 {
background: url(/images/slider3.jpg) no-repeat right 2px;
z-index: 0;
position: relative;
}
*/#Intra-Container-S #Banner0 {
background: url(/images/slider1-s.jpg) no-repeat 0px top;
}
#Intra-Container-S #Banner1 {
background: url(/images/slider2-s.jpg) no-repeat 0px top;
}
#Intra-Container-S #Banner2 {
background: url(/images/slider3-s.jpg) no-repeat 0px top;
}
#Intra-Container .intra-main {
width: 55%;
position:absolute;
top:8%;
left:5%;
padding-left: 10px;
}
#Intra-Container .intra-main h2 {
font: normal 34px/38px 'Raleway';
color: #000;
padding: 195px 0px 0px 5px;
}
#Intra-Container .intra-main h2 a {
color: #000;
}
#Intra-Container .intra-main h2 span {
display: block;
}
#Intra-Container-S .intra-main {
margin: 36px 0px 0px 5%;
float: left;
width: 36%;
}
#Intra-Container-S .intra-main h2 {
font: normal 20px/24px 'Raleway';
color: #000;
}
#Intra-Container-S .intra-main h2 a {
color: #000;
}
#Intra-Container-S .intra-main h2 span {
display: block;
}
#Intra-Container .Intra-Tabs, #Intra-Container-S .Intra-Tabs {
margin: 0;
padding: 0;
position: absolute;
z-index: 200;
bottom: 10px;
left: 10px;
height: 20px;
width: 100px;
}
#Intra-Container .Intra-Tabs li, #Intra-Container-S .Intra-Tabs li {
width: 10px;
height: 10px;
background: #000000;
border-radius: 50%;
float: left;
margin-right: 2px;
}
#Intra-Container .Intra-Tabs li a, #Intra-Container-S .Intra-Tabs li a {
display: block;
}
#Intra-Container .Intra-Tabs li.Banner_here a, #Intra-Container .Intra-Tabs li:hover, #Intra-Container-S .Intra-Tabs li.Banner_here a, #Intra-Container-S .Intra-Tabs li:hover {
height: 10px;
width: 10px;
background: #3991c1;
border-radius: 50%;
display: block;
}
/* ------------------------------ Treatments CSS ------------------------------ */
#Treatments-Container {
background: url(/images/treatment-bg.jpg) repeat-x left top;
}
#Treatments {
min-height: 417px;
}
.treatments-header {
font: normal 32px/36px 'RalewayMedium';
color: #3991c1;
text-align: center;
text-transform: capitalize;
padding: 60px 0px 5px 0px;
}
#Treatments p {
font: normal 14px/18px 'Raleway';
text-align: center;
color: #000;
}
.treatments-header a {
color: #3991c1;
}
.treatments-list {
margin: 30px 0px 0px 0px;
background: -webkit-linear-gradient(#7ecef7, #f7fcff); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#7ecef7, #f7fcff); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#7ecef7, #f7fcff); /* For Firefox 3.6 to 15 */
background: linear-gradient(#7ecef7, #f7fcff); /* Standard syntax */
background: #7ecef7\9;
border-bottom: 3px solid #ccedff;
border-top: 1px solid #fff;
-webkit-box-shadow: 0px -11px 12px 2px rgba(224,240,248,0.8);
-moz-box-shadow: 0px -11px 12px 2px rgba(224,240,248,0.8);
box-shadow: 0px -11px 12px 2px rgba(224,240,248,0.8);
	text-align: center;
}
.treatments-list li {
width: 12.3%;
float: none;
text-align: center;
font: normal 14px/18px 'Raleway';
color: #3e3e3e;
border-right: 2px dotted #75c8f3;
min-height: 182px;
display: inline-block;
vertical-align: top;
}
.treatments-list li:last-child {
	border:none;
}
.treatments-list li a {
padding-top: 120px;
display: block;
color: #3e3e3e;
}
.skin {
background: url(/images/skin-cancer.png) no-repeat center 25px;
}
.endoscopy {
background: url(/images/endoscopy.png) no-repeat center 25px;
}
.biliary {
background: url(/images/biliary-surgery.png) no-repeat center 25px;
}
.thyroid {
background: url(/images/thyroid.png) no-repeat center 25px;
}
.hernia {
background: url(/images/hernia.png) no-repeat center 25px;
}
.abdominal {
background: url(/images/intestinal.png) no-repeat center 25px;
}
.breast-surgery {
background: url(/images/breast-surgery.png) no-repeat center 25px;
}
.skin:hover {
background: url(/images/skin-cancer-on.png) no-repeat center 25px #fff;
}
.endoscopy:hover {
background: url(/images/endoscopy-on.png) no-repeat center 25px #fff;
}
.biliary:hover {
background: url(/images/biliary-surgery-on.png) no-repeat center 25px #fff;
}
.thyroid:hover {
background: url(/images/thyroid-on.png) no-repeat center 25px #fff;
}
.hernia:hover {
background: url(/images/hernia-on.png) no-repeat center 25px #fff;
}
.abdominal:hover {
background: url(/images/intestinal-on.png) no-repeat center 25px #fff;
}
.breast-surgery:hover {
background: url(/images/breast-surgery-on.png) no-repeat center 25px #fff;
}
.other-procedures {
background: url(/images/other-procedures.png) no-repeat center 25px ;
}
.other-procedures:hover {
background: url(/images/other-procedures-on.png) no-repeat center 25px #fff;
}
.extra-width {
width: 30% !important;
}
.low-width {
width: 18% !important;
}
.no-border, .no-border a {
border: none !important;
}
/* ------------------------------ Patient Journey CSS ------------------------------ */
#Patient-Journey {
min-height: 545px;
position: relative;
}
.journey-header {
font: 32px/36px 'RalewayMedium';
color: #3991c1;
text-align: center;
padding-top: 64px;
}
.journey-header a {
color: #3991c1;
}
.journey-list {
margin-top: 35px;
position: relative;
}
.journey-list li {
width: 137px;
height: 143px;
float: left;
border-radius: 50%;
font: normal 14px/16px 'RalewayMedium';
color: #fff;
text-align: center;
}
.journey-list li .text {
border-radius: 50%;
cursor: pointer;
left: 0;
opacity: 0;
position: absolute;
text-transform: none;
top: 0;
width:100%;
height:143px;
transform: scale(0);
transition: all 0.7s ease 0s;
}
.journey-list li .text a{ display:block;}
.journey-list li:hover .text{
color: #fff;
opacity: 1;
text-align: center;
text-transform: none;
transform: scale(1);
}
.journey-list li a {
display: block;
color: #fff;
padding: 70px 0px 25px 0px;
}
.journey-list li span {
display: block;
}
.arrow, .minor-arrow {
height: 5px !important;
float: left;
width: 36px !important;
background: none !important;
border-top: 1px solid #6e6e6e;
margin: 76px 5px 0px 12px;
border-radius: 0px 0px 0px 0px !important;
content: "";
position: relative;
float: left;
}
.arrow:after, .minor-arrow:after {
width: 0px;
height: 0px;
border-bottom: 5px solid transparent;  /* left arrow slant */
border-top: 5px solid transparent; /* right arrow slant */
border-left: 5px solid #6e6e6e;
position: absolute; /* bottom, add background color here */
content: "";
right: 0px;
top: -5px;
}
.refferal {
background: url(/images/sprite.png) no-repeat 50px -2312px #3991c1;position:relative;
}
.refferal:hover .text{
background: url(/images/sprite.png) no-repeat 50px -2312px #585858;}
.appointment {
background: url(/images/sprite.png) no-repeat 55px -2430px, url(/images/appoint.jpg) no-repeat left top !important;
height: 166px !important;
width: 166px !important;
border-radius: 0px !important;
position: relative !important;
top: -5px;
}
.appointment a {
padding: 90px 0px 20px 0px !important;
color: #000 !important;
}
.surgery {
background: url(/images/sprite.png) no-repeat 38px -3100px #3991c1;
position:relative;
}
.surgery:hover .text {
background: url(/images/sprite.png) no-repeat 38px -3100px #585858;
}
.discharge {
background: url(/images/sprite.png) no-repeat 38px -2625px #3991c1;position:relative;
}
.discharge:hover .text {
background: url(/images/sprite.png) no-repeat 38px -2625px #585858;
}
.surgeon {
background: url(/images/sprite.png) no-repeat 30px -3255px #3991c1;position:relative;
}
.surgeon:hover .text {
background: url(/images/sprite.png) no-repeat 30px -3255px #585858;
}
.follow {
background: url(/images/sprite.png) no-repeat 45px -2800px #3991c1;
margin: 201px 0 0 215px;position:absolute;
}
.follow:hover .text {
background: url(/images/sprite.png) no-repeat 45px -2800px #585858;
}
.minor {
background: url(/images/sprite.png) no-repeat 40px -3400px #3991c1;
margin: 31px 0 0 -170px;position:relative;
}
.minor:hover .text {
background: url(/images/sprite.png) no-repeat 40px -3400px #585858;
}
.ongoing {
background: url(/images/sprite.png) no-repeat 45px -2985px #3991c1;
margin: 28px 0 0 0px;position:relative;
}
.ongoing:hover .text {
background: url(/images/sprite.png) no-repeat 45px -2985px #585858;
}
.appointment-arrow {
left: 319px;
position: absolute;
top: 100px;
-webkit-transform: skewX(42deg);
-moz-transform: skewX(42deg);
-ms-transform: skewX(42deg);
-o-transform: skewX(42deg);
transform: skewY(42deg);
width: 100px !important;
}
.appointment-arrow:after {
-webkit-transform: skewX(-26deg);
-moz-transform: skewX(-26deg);
-ms-transform: skewX(-26deg);
-o-transform: skewX(-26deg);
transform: skewX(-26deg);
}
.bottom-arrow {
height: 36px !important;
float: left;
width: 5px !important;
background: none !important;
border-left: 1px solid #6e6e6e;
top: 161px;
left: -653px;
margin: 0px 5px 0px 0px;
border-radius: 0px 0px 0px 0px !important;
content: "";
position: relative;
float: left;
}
.bottom-arrow:before {
position: absolute;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
content: "";
left: -5px;
border-top: 5px solid #6e6e6e;
top: 36px;
}
.follow-arrow {
height: 36px !important;
float: left;
width: 600px !important;
background: none !important;
border-top: 1px solid #6e6e6e;
top: 200px;
left: 277px;
border-radius: 0px 0px 0px 0px !important;
content: "";
position: relative;
float: left;
text-align: left !important;
}
.follow-arrow .right:after {
border-left: 5px solid transparent;  /* left arrow slant */
border-right: 5px solid transparent; /* right arrow slant */
border-bottom: 5px solid #6e6e6e;
content: "";
right: -5px;
position: absolute;
top: -5px;
}
.left {
display: inline !important;
position: relative;
top: -18px;
left: 0px;
border-left: 1px solid #6e6e6e;
}
.right {
border-right: 1px solid #6e6e6e;
position: relative;
right: 0;
top: -33px;
top: -33px;
}
.minor-arrow {
width: 212px !important;
margin: 106px 5px 0 -18px;
}
/* ------------------------------ Doctor CSS ------------------------------ */
#Doctor-Container {
background: #3991c1;
}
#Doctor {
background: url(/images/doctor-bg.jpg) no-repeat right bottom;
height: 388px;
position: relative;
}
#Doctor .Intra-R {
background: url(/images/doctor-info-right.jpg) no-repeat left top;
}
.doctor-header {
font: normal 30px/34px 'RalewayLight';
color: #a0ddff;
padding-top: 58px;
}
.doctor-header a {
color: #a0ddff;
font: normal 34px/38px 'RalewaySemiBold';
}
#Doctor p {
font: normal 14px/18px 'Raleway';
color: #fff;
}
#Doctor p span {
display: block;
}
.view-profile {
margin: 20px 0px 40px 0px;
text-align: center;
width: 109px;
font: normal 14px/38px 'Raleway';
color: #fff;
border: 1px solid #fff;
border-radius: 5px;
}
.view-profile a {
color: #fff;
display: block;
}
.expirence {
color: #fff;
width: 280px;
margin-left: 5px;
}
.thirty {
font: normal 77px/77px 'latobold' !important;
color: #fff;
border-left: 3px solid #2e88b8 !important;
border-bottom: 3px solid #2e88b8 !important;
float: left;
border-radius: 50px 0px 0px 50px;
width: 35%;
height: 78px;
padding: 0px 10px 0px 10%;
}
.thirty span {
margin-top: -15px;
float: left;
}
.years {
font: normal 25px/29px 'Lato-Light';
color: #fff;
float: right;
width: 49%;
border-right: 3px solid #2e88b8;
border-top: 3px solid #2e88b8;
border-radius: 0px 50px 50px 0px;
height: 68px;
margin-top: 20px;
}
/* ------------------------------ Patient Info CSS ------------------------------ */
#Patient-Info-Container {
  background: rgba(0, 0, 0, 0) url(/images/patient-info-bg.jpg) repeat scroll left top;
  min-height: 370px;
  padding: 0 0 5px;
}
.opening-hours {
min-height: 307px;
margin-top: 10px;
margin-right: 4%;
background: #fff;
width: 45%;
float: left;
border: 3px solid #53b0e2;
}
.info-list {
width: 100%;
float: left;
clear: both;
margin-top: 15px;
/**
* margin-top: 62px;
* border: 3px solid #53b0e2;
*/
}
.hours-header {
color: #006293;
font: normal 24px/30px 'RalewayMedium';
padding: 24px 0px 12px 38px;
margin: 0px 8%;
border-bottom: 1px solid #c3c1c1;
background: url(/images/sprite.png) no-repeat left 27px;
}
.opening-hours p {
margin: 14px 8%;
font: normal 15px/22px 'Raleway';
color: #0d374e;
}
.opening-hours p a {
font: normal 15px/22px 'Raleway';
color: #0d374e;
}
.opening-hours p span {
font: normal 15px/22px 'RalewaySemiBold';
color: #0d374e;
}
.latest-header {
color: #006293;
font: normal 24px/30px 'RalewayMedium';
padding: 24px 0px 12px 65px;
margin: 0px 8%;
border-bottom: 1px solid #c3c1c1;
background: url(/images/sprite.png) no-repeat left -3530px;
}
.latest-header a {
color: #006293;
font: normal 24px/30px 'RalewayMedium';
}
.info-list li {
border-bottom: 1px solid #45a5d8;
font: normal 18px/22px 'RalewaySemiBold';
color: #fff;
float: left;
width: 30.4%;
height: 75px;
margin-right: 2%;
}
.info-list li a {
display: block;
color: #fff;
padding: 29px 0px 24px 20%;
}
.info-list li:last-child a {
padding: 18px 0px 24px 20%;
}
.first-visit {
background: url(/images/sprite.png) no-repeat 8% -36px #3991c1;
}
.patient-forms {
background: url(/images/sprite.png) no-repeat 10% -95px #3991c1;
}
.multimedia {
background: url(/images/sprite.png) no-repeat 8% -154px #3991c1;
}
.first-visit:hover {
background: url(/images/sprite.png) no-repeat 8% -214px #7ccdf7;
}
.patient-forms:hover {
background: url(/images/sprite.png) no-repeat 10% -276px #7ccdf7;
}
.multimedia:hover {
background: url(/images/sprite.png) no-repeat 8% -336px #7ccdf7;
}
/* ------------------------------ Credibility CSS ------------------------------ */
#Credibility {
min-height: 165px;
}
#Credibility li {
margin: 29px 0px 0px 0px;
text-align: center;
}
/* ------------------------------ Footer CSS ------------------------------ */
.smo {
margin-bottom: 30px;
}
.smo li {
float: left;
height: 38px;
width: 38px;
text-indent: -999999px;
margin-right: 6px;
}
.smo li a {
display: block;
height:100%;
}
.smo li:hover {
opacity: 0.7;
}
.twitter-h {
background: url(/images/sprite.png) no-repeat left -780px;
}
.facebook-h {
background: url(/images/sprite.png) no-repeat left -510px;
}
.linkedin-h {
background: url(/images/sprite.png) no-repeat left -600px;
}
.google-plus-h {
background: url(/images/sprite.png) no-repeat left -690px;
}
.you-tube-h {
background: url(/images/sprite.png) no-repeat left -420px;
}
.blog {
background: url(/images/sprite.png) no-repeat left -870px;
}
#Footer-Container {
background: #e8e8e8;
border-top: 1px solid #c5c4c4;
}
#Footer .Intra-L {
background: url(/images/footer-left.jpg) no-repeat right top;
height: 323px;
}
#Footer {
min-height: 323px;
background: url(/images/footer-bg.jpg) no-repeat left top;
font: normal 13px/22px Arial, Helvetica, sans-serif;
color: #454545;
}
#Footer a {
color: #454545;
}
.footer-header {
font: normal 22px/26px 'RalewayMedium';
color: #3991c1;
padding: 45px 0px 18px 0px;
}
.footer-header a {
color: #3991c1;
}
.we-treat {
width: 33.3%;
float: left;
}
.reach-us {
width: 33.3%;
float: left;
}
.stay-connected {
width: 33.3%;
float: right;
}
.footer-text img {
margin: 0px 0px 8px 0px;
}
.bold {
font: bold 13px/22px Arial, Helvetica, sans-serif;
}
.driving {
font: italic 13px/22px Arial, Helvetica, sans-serif;
color: #1671a2;
text-decoration: underline;
}
.driving a {
color: #1671a2 !important;
}
.menu-f {
border-top: 1px solid #9db0bc;
margin-top: 45px;
}
.menu-f ul {
width: 55%;
margin: 18px auto 10px auto;
}
.menu-f li {
float: left;
padding: 0px 8px;
}
.ypo-logo {
margin-top: 25px;
float: left;
}
.no-margin {
margin: 0px !important;
}
/* ------------------------------ Content Container CSS ------------------------------ */
#Content-Main .intra-div {
display: table;
}
#Content-Left {
vertical-align: top;
width: 100%;
margin-top: 10px;
}
.image {
margin: 0px 0px 10px 10px;
float: right;
width: 185px;
}
.image-c {
margin: 10px 0px;
text-align:center;
}
#Sidebar {
display: table-cell;
vertical-align: top;
width: 270px;
padding: 42px 0px 0px 0px;
}
.widget-title {
display: none;
}
/*----- Navigation Starts -----*/
.navigation {
font: bold 12px/20px Verdana, Geneva, sans-serif;
color: #191919;
padding: 10px 30px 10px 10px;
}
.navigation a {
font: normal 12px/20px Verdana, Geneva, sans-serif;
color: #191919;
}
.navigation a:hover {
text-decoration: underline;
}
/*----- textMain Starts -----*/
.textMain {
font: normal 13px/20px Verdana, Arial, Helvetica, sans-serif;
color: #100f0f;
padding: 10px 30px 30px 10px;
text-align: left;
}
.textMain a {
color: #100f0f;
text-decoration: underline;
}
.textMain a:hover {
color: #3991C1;
text-decoration: none;
}
.textMain ul {
padding: 0px;
margin: 10px 0px;
}
.textMain ol {
padding: 0px;
margin: 10px 0px 0px 30px;
}
.textMain ul li {
background: url(/images/bullet-tm.gif) no-repeat 15px 12px;
padding: 5px 0px 5px 30px;
list-style: none;
}
.textMain ol li {
padding: 5px 0px 5px 0px;
list-style: decimal;
}
.textMain ul ul, .textMain ol ol {
margin: 0px;
padding: 5px 0px 5px 20px;
}
.textMain ul ul li {
background: none;
padding: 5px 0px;
list-style: circle;
}
.textMain ol ol li {
padding: 5px 0px;
list-style-type: lower-alpha;
}
.textMain ul ul ul li {
list-style: square;
}
.textMain ol ol ol li {
list-style: lower-roman;
}
.textMain li p {
margin: 5px 0px;
}
/*----- textMain Heading Starts -----*/
.textMain h1 {
font: normal 30px/34px 'RalewaySemiBold';
color: #000;
margin: 0px 0px 15px 0px;
text-align: left;
}
.textMain h2 {
font: normal 26px/30px 'RalewayMedium';
color: #3991c1;
text-align: left;
}
.textMain h2 a {
color: #3991c1;
}
.textMain h2 a:hover {
text-decoration: underline;
}
.textMain h3 {
font: normal 25px/28px 'Raleway';
color: #3991C1;
text-align: left;
}
.textMain h3 a {
color:#3991C1;
}
.textMain h3 a:hover {
text-decoration: underline;
}
.textMain h4 {
font: normal 21px/26px 'Raleway';
color: #003450;
text-align: left;
}
.textMain h4 a {
color: #003450;
}
.textMain h4 a:hover {
text-decoration: underline;
}
.textMainBold {
font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
color: #313030;
text-align: left;
}
.textMainBold a {
color: #313030;
}
.textMainBold a:hover {
text-decoration: underline;
}
.PDFtext {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}
/*----- Sidebar Starts -----*/
.treatments-list-s li {
font: normal 14px/18px 'Raleway';
border-bottom: 1px solid #b8c3ca;
}
.treatments-list-s li a {
display: block;
color: #fefefe;
padding: 18px 0px 18px 82px;
}
.skin-s {
background: url(/images/sprite.png) no-repeat 22px -1047px #3991c1;
}
.endoscopy-s {
background: url(/images/sprite.png) no-repeat 22px -956px #3991c1;
}
.biliary-s {
background: url(/images/sprite.png) no-repeat 22px -1133px #3991c1;
}
.thyroid-s {
background: url(/images/sprite.png) no-repeat 22px -1226px #3991c1;
}
.hernia-s {
background: url(/images/sprite.png) no-repeat 22px -1315px #3991c1;
}
.abdominal-s {
background: url(/images/sprite.png) no-repeat 22px -1407px #3991c1;
}
.breast-surgery-s {
background: url(/images/sprite.png) no-repeat 22px -1496px #3991c1;
}
.skin-s:hover {
background: url(/images/sprite.png) no-repeat 22px -1588px #3991c1;
}
.endoscopy-s:hover {
background: url(/images/sprite.png) no-repeat 22px -1675px #3991c1;
}
.biliary-s:hover {
background: url(/images/sprite.png) no-repeat 22px -1763px #3991c1;
}
.thyroid-s:hover {
background: url(/images/sprite.png) no-repeat 22px -1856px #3991c1;
}
.hernia-s:hover {
background: url(/images/sprite.png) no-repeat 22px -1945px #3991c1;
}
.abdominal-s:hover {
background: url(/images/sprite.png) no-repeat 22px -2036px #3991c1;
}
.breast-surgery-s:hover {
background: url(/images/sprite.png) no-repeat 22px -2125px #3991c1;
}
.other-procedures-s {
background: url(/images/sprite.png) no-repeat 22px -3653px #3991c1;
}
.other-procedures-s:hover {
background: url(/images/sprite.png) no-repeat 22px -3742px #3991c1;
}
.less-padding a {
padding: 8px 0px 8px 82px !important;
}
.doctor-sec-s {
min-height: 115px;
background: url(/images/doctor-bg-s.jpg) no-repeat left top;
margin-top: 5px;
}
.doctor-header-s {
padding: 30px 0px 0px 10px;
font: normal 17px/21px 'RalewaySemiBold';
color: #fff;
}
.doctor-header-s a {
color: #fff;
}
.view-profile-s {
width: 80px;
background: #3991c1;
font: normal 12px/25px 'RalewayLight';
border-radius: 5px;
border: 1px solid #fff;
text-align: center;
margin: 20px 0px 0px 10px;
}
.view-profile-s a {
display: block;
color: #fff;
}
.view-profile-s:hover {
background: #6A6A6A;
}
.patient-journey-s {
font: normal 20px/40px 'RalewayMedium';
background: #7ccdf7;
text-align: center;
margin-top: 5px;
}
.patient-journey-s:hover {
background: #3991c1;
}
.patient-journey-s a {
color: #003450;
display: block;
}
#Sidebar .info-list {
width: 270px;
margin-top: 5px;
border: 0px;
}
#Sidebar .info-list li a {
padding: 10px 0 10px 25%;
font: normal 17px/21px 'RalewayMedium';
}
#Sidebar .info-list li a:hover {
color: #001a28;
}
#Sidebar .info-list li {
border-bottom: 1px solid #45a5d8;
font: normal 18px/22px 'RalewaySemiBold';
color: #fff;
width: 100%;
height: auto;
}
#Sidebar .info-list li a {
display: block;
color: #fff;
}
.opening-hours-s {
background: url(/images/sprite.png) no-repeat 10% -2212px #3991c1;
}
.opening-hours-s:hover {
background: url(/images/sprite.png) no-repeat 10% -2272px #7ccdf7;
}
#Sidebar .first-visit {
background: url(/images/sprite.png) no-repeat 8% -50px #3991c1;
}
#Sidebar .patient-forms {
background: url(/images/sprite.png) no-repeat 10% -110px #3991c1;
}
#Sidebar .multimedia {
background: url(/images/sprite.png) no-repeat 8% -160px #3991c1;
}
#Sidebar .first-visit:hover {
background: url(/images/sprite.png) no-repeat 8% -230px #7ccdf7;
}
#Sidebar .patient-forms:hover {
background: url(/images/sprite.png) no-repeat 10% -291px #7ccdf7;
}
#Sidebar .multimedia:hover {
background: url(/images/sprite.png) no-repeat 8% -342px #7ccdf7;
}
/*----- Profile Starts -----*/
.doctor-sec {
float: right;
margin: 10px;
}
.doctor-name {
background: #491611;
color: #fff;
text-align: center;
padding: 5px 0px;
margin: 5px 0px 0px 0px !important;
font: bold 15px/30px Verdana, Geneva, sans-serif;
border-radius: 5px;
}
.doctor-name span {
font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
}
.specialization {
font: bold 14px/20px Verdana, Geneva, sans-serif;
color: #fff;
}
.img-left {
float: left;
margin: 0px 10px 10px 0px;
}
.img-left img {
	border:1px solid #000;
}
/*----------------------Services-----------------------------------*/
.services-p li{  border:2px solid #a7a7a7; background:none !important; padding:0px !important; margin:10px 0px;}
.services-p li img{ float:left; width:54px; height:54px; margin: -14px 10px 5px 0;}
.service-header{font: normal 20px/26px 'RalewayBold'; color:#3991c1; background:#dbdbdb; }
.service-header a{ display:block;color:#3991c1; padding: 18px 0 18px 5px !important; text-decoration:none !important;}
.service-text{ margin:20px 10px;}
.conditions-p .service-header a{padding: 10px 0 10px 15px !important; }
.conditions-p .service-text{ margin:20px 10px 0px 10px;}
.read-more-p{ text-align:right;  color:#3991C1; margin:10px 20px 10px 0px; font: normal 12px/18px 'RalewaySemiBold' !important;}
.read-more-p a{ color:#3991C1;}
/* ------------------------------ Custom CSS ------------------------------ */
.multiBorder {
height: 400px;
margin: 10px auto;
position: relative;
width: 90%;
}
.page-id-48 .contact-address {
min-height: 175px;
}
.page-id-24 .textMain ul li{ background: none;}
.captcha li{ background: none !important; text-align:center;}
.captcha{ text-align:center;}
.captcha span input{ width:108px !important;}
.tabs li {
background: #3991C1 !important;
font: normal 14px/18px Verdana, Geneva, sans-serif;
color: #fff;
width: 45%;
float: left;
padding: 0px !important;
margin: 0px 10px 10px 0px !important;
backface-visibility: hidden;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
display: inline-block;
position: relative;
transform: translateZ(0px);
vertical-align: middle;
}
.tabs li a {
display: block;
color: #fff;
padding: 8px 0px 8px 35px;
text-decoration: none !important;
}
.tabs li a:hover {
color: #fff;
text-decoration: none !important;
}
.tabs li::before {
background: rgba(0, 0, 0, 0) linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%) repeat scroll 0 0 !important;
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
content: "";
height: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition-duration: 0.3s;
transition-property: width, height;
width: 0;
}
.tabs li:hover::before, .tabs li:focus::before, .tabs li:active::before {
height: 25px;
width: 25px;
}
.page-id-58 .multiBorder {
padding: 0px 0px 0px 0px;
}
.contact-map iframe {
height: 250px;
width: 100%;
}
.testimonials-submit {
box-shadow: 2px 5px 2px 2px #272C30;
float: right;
margin: -42px 5px 0 0;
}
.testimonials-submit a {
background: #3A3A3A;
color: #fff;
padding: 5px 8px;
text-decoration: none;
}
.testimonials-submit a:hover {
color: #fff !important;
}
/*----- Useful Links Starts -----*/
.UseFul-links {
width: 90%;
height: auto;
margin: 10px 0px;
padding: 0px;
text-align: center;
}
.UseFul-links img {
margin: 2px;
padding: 10px;
border: 1px solid #666666;
float: left;
}
.useful-social .linkedin-h {
background-position: left 5px !important;
}
.useful-social .twitter-h {
background-position: left -25px !important;
}
.useful-social .googleplus-h {
background-position: left -55px !important;
}
.useful-social .facebook-h {
background-position: left -85px !important;
}
/*-------------------- Review Page Styles --------------------*/

.review {
margin: 20px auto 0px auto;
padding: 0px;
width: 100%;
height: auto;
text-align: left;
}
.review img {
margin: 5px;
padding: 0px;
}
/*-------------------- Multimedialist Styles --------------------*/
/*.multimedialist ul {
margin: 0px !important;
padding: 0px !important;
}*/
.media {
color: #fff;
font: normal 14px/16px Verdana, sans-serif;
list-style: outside none none;
margin: 0 !important;
padding: 0 !important;
text-align: left;
text-decoration: none;
}
.media li {
float: left;
list-style: outside none none;
margin: 10px 15% 10px 0 !important;
padding: 0 !important;
width: 120px;
}
.media li a {
background: none repeat scroll 0 0 #841207;
border: 1px solid #fff;
border-radius: 5px;
color: #fff;
display: block;
height: 20px;
line-height: 20px;
padding: 5px 0 5px 40px;
text-decoration: none;
width: 120px;
text-align: center;
}

/*----- Testimonial Page Styles -----*/

.submit-testimonial {
width: 200px;
height: 30px;
font: normal 14px/30px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
margin: -50px 15px 15px 15px;
float: right;
border: 2px solid #ffffff;
box-shadow: 0px 5px 5px 0px #aaaaaa;
-o-box-shadow: 0px 5px 5px 0px #aaaaaa;
-moz-box-shadow: 0px 5px 5px 0px #aaaaaa;
-ms-box-shadow: 0px 5px 5px 0px #aaaaaa;
-webkit-box-shadow: 0px 5px 5px 0px #aaaaaa;
}
.submit-testimonial a {
background: #005087;
color: #ffffff;
display: block;
text-decoration: none;
-webkit-transition: 2s linear;
-moz-transition: 2s linear;
-ms-transition: 2s linear;
-o-transition: 2s linear;
transition: 2s linear;
}
.submit-testimonial a:hover {
background: #0077AE;
color: #ffffff;
text-decoration: none;
-webkit-transition: 2s linear;
-moz-transition: 2s linear;
-ms-transition: 2s linear;
-o-transition: 2s linear;
transition: 2s linear;
}
/*-------------------- Realtime Sitemap Styles --------------------*/
#sitemapMenu ul {
margin:0px;
padding:0px;
}
#sitemapMenu ul li {
margin:0px;
padding:0px 0px 10px 0px;
line-height: 30px;
font-weight: bold;
background:none;
}
#sitemapMenu ul ul {
margin:0px;
padding:0px 0px 10px 30px;
}
#sitemapMenu ul ul li {
margin:0px;
padding:0px;
font-weight: normal;
}
/*----- Contact Address Styles -----*/
.formHead {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 5px 10px 5px 10px;
color: #2a2a2a;
background:#ccc;
}
.formHead a {
color: #ffffff;
text-decoration: underline;
}
.formHead a:hover {
color: #ffffff;
text-decoration: underline;
}
.contact-address {
padding: 3px;
margin: 15px auto 0px auto;
border: 1px solid #ccc;
min-height: 120px;
}
.contact-address .intra-div {
display: table;
}
.address-details {
font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
padding:2%;
display: table-cell;
vertical-align: top;
min-width: 250px;
float: left;
}
.map-pics {
width: 190px;
display: table-cell;
text-align: center;
vertical-align: top;
float: right;
}
.map-pics img {
margin: 5px;
border: 2px solid #4A4A4A;
}
.map-pics img:hover {
border: 2px solid #4A4A4A;
}
.contact-ph {
color: #313030;
margin: 2px 0px 10px 0px;
}
.contact-ph a {
color: #313030;
text-decoration: none;
}
.contact-ph a:hover {
color: #313030;
text-decoration: none;
}
.contact-ph ul {
margin: 0px !important;
padding: 0px !important;
}
.contact-ph li {
font: normal 14px/35px Verdana, Arial, Helvetica, sans-serif;
width: 50%;
float: left;
background: none !important;
margin: 0px !important;
padding: 0px !important;
}
.telephone {
padding-left: 30px;
display: block;
}
.contact-ph img {
margin: 0px 10px 0px 5px;
}
forms css
------------------------
.wp-form {
border: 1px solid #aaaaaa;
margin: 21px auto;
width: 99%;
padding: 0 0 0 0;
}
.wp-form ul {
margin: 15px 6%;
}
.wp-form ul li {
width: 100%;
padding: 0;
margin: 0 0 10px 0;
background: none;
}
.wp-form ul.text li {
width: 45%;
float: left;
margin-right: 5%;
height: 50px;
}
.wp-form ul.text li input[type="text"], .wp-form ul li textarea, .wp-form ul.captcha li input[ type="text"], .wp-form ul.text li select, .wp-form ul.text li input[type="email"] {
border: 1px solid #aaaaaa;
padding: 3px 5px;
}
.wp-form ul li textarea {
width: 95%;
height: 160px;
}
.wp-form ul.text li input[type="text"], .wp-form ul.text li input[type="email"] {
height: 23px;
width: 100%;
}
.wp-form ul.text li select {
width: 100%;
height: 29px;
}
.wp-form ul.captcha li img {
width: auto;
height: 31px;
}
.wp-form ul.captcha li input[type="text"] {
height: 23px;
width: 25%;
margin: 0 0 0 2%;
}
.wp-form ul li.buttons input[type="submit"], .wp-form ul li.buttons input[type="reset"] {
background: #585858;
padding: 3px 20px;
border: 1px solid #3A3B3D;
color: #ffffff;
font-weight: bold;
cursor: pointer;
margin: 10px 0 0 0;
}
.wp-form ul.testimonial-section li {
float: left;
}
.wp-form ul.testimonial-section li label {
font-weight: bold;
margin: 0 10px 0 0px;
}
.wp-form ul.testimonial-section li.agree-text {
width: 100%;
font-weight: bold;
text-align: left;
}
.wp-form ul.testimonial-section li.agree-text span.wpcf7-list-item {
display: block;
}
.textMain .wp-form h3 {
background: #585858;
font: bold 14px Verdana, Geneva, sans-serif;
color: #ffffff;
padding: 5px 0 5px 10px;
margin: 0;
}
.wp-form {
border: 1px solid #585858;
margin: 21px auto;
padding: 0;
width: 99%;
}
/** Tell A friend Styles **/
#tell-friend {
width: 100%;
bottom: 10%;
display: none;
position: fixed;
z-index: 999999;
}
#tell-friend .form-container {
border: 2px solid #585858;
background: #ffffff;
font: normal 12px/16px Verdana, Geneva, sans-serif;
color: #333333;
position: relative;
top: 10%;
margin: 0px auto;
display: block;
}
.form-container {
background: #585858;
border: 2px solid #585858 !important;
height: auto;
margin: 15px auto;
padding: 0 0 20px 0;
width: 370px;
}
#tell-friend .form-container h2 {
color: #5F8FB7;
font: 26px/26px sans-serif;
padding: 10px 0 0 10px;
}
#tell-friend .form-container .close {
background: url(/images/amazon-style-close-button-md.png) 0 0;
padding: 0px;
position: absolute;
right: 0px;
}
#tell-friend .form-container a {
float: right;
margin: -30px 5px 0 0;
width: 6%;
}
#tell-friend .form-container a {
float: right;
}
.form-container .button-style input[type='reset'], .form-container .button-style input[type='submit'] {
background: #5F8FB7;
color: #fff;
padding: 6px 8px;
border: none;
cursor: pointer;
font-weight: bold;
}
#tell-friend .form-container a:hover {
color: #ff6600;
}
.friend-form input[type="text"], .friend-form input[type="email"], .friend-form textarea {
border: 1px solid #5F8FB7;
margin: 6px 8%;
padding: 4px 4px;
text-decoration: none;
vertical-align: middle;
width: 81%;
}
#tell-friend .wpcf7-captcha-captcha {
height: auto;
width: 160px;
margin: 0 0 0 85px;
}
.wpcf7-captcha-captcha-177, .wpcf7-captchac {
width: 200px;
height: 60px;
}
.friend-form .your-message textarea {
height: 80px;
padding: 0px 4px !important;
}
.button-style {
margin: auto 23%;
width: 52%;
float: none;
}
#tell-friend .form-container .close {
background: url(/images/amazon-style-close-button-md.png) 0 0;
background-size: 100%;
padding: 0px;
right: -3px;
top: 32px;
height: 29px;
width: 29px;
}
div.wpcf7 .watermark {
color: #2b2b2b !important;
font: normal 12px Verdana, Geneva, sans-serif;
}
.center {
text-align: center !important;
}
.mandatory {
color: #ff8204;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
}
/****************schema*****************/
.tableborder {
border: 1px solid #4A4A4A;
border-radius: 0;
}
.text-address {
font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
color: #313030;
padding: 0px 10px 0px 10px;
text-decoration: none;
text-align: justify;
}
.text-address a {
color: #707070;
text-decoration: underline;
}
.text-address a:hover {
color: #004e96;
text-decoration: underline;
}
.tel-schema {
height: 28px;
}
.tel-schema img {
margin: 0px 5px 0px 0px;
float: left;
}
/*--------------Tell A friend start--------------*/
#tell-main, #tell-friend {
display: none;
}
#tell-friend {
bottom: 5%;
left: 50%;
margin: 0px 0px 0px -200px;
width: 400px;
padding: 15px;
position: fixed;
z-index: 9999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
#tell-friend #close {
width: 25px;
height: 25px;
color: #000000;
font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: -25px -25px 0px 0px;
padding: 0px;
float: right;
cursor: pointer;
border-radius: 50%;
background: #C9C9D6;
}
/*-------------Our Doctors Css-----------------*/
#teamcontainer {
display: table;
text-align: inherit;
width: 100%;
}
.teamleft, .teamright {
background: #D7D7D7;
border: 1px solid #7B8A96;
border-radius: 5px;
display: table-cell;
float: left;
padding: 15px 0 18px 5px;
position: relative;
width: 47%;
margin: 0px 0px 10px 0px;
min-height: 112px;
}
.teamleft p, .teamright p {
color: #7B8A96;
font: 12px/18px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: left;
}
.teamleft h3, .teamright h3 {
color: #7B8A96;
font: bold 16px/24px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
.teamleft h3 a, .teamright h3 a {
color: #7B8A96;
}
.teamleft h3 a:hover, .teamright h3 a:hover {
color: #7B8A96;
}
.contact-view {
bottom: 10px;
left: 50%;
color: #7B8A96;
font: bold 12px/20px Arial, Helvetica, sans-serif;
position: absolute;
text-align: right;
text-align: center;
text-transform: capitalize;
width: 80%;
border: 1px solid #fff;
width: 100px;
border-radius: 10px;
}
.contact-view a {
color: #7B8A96;
text-decoration: none;
}
.contact-view a:hover {
color: #7B8A96;
}
.teammiddle {
display: table-cell;
float: left;
width: 15px;
}
.teamleft img, .teamright img {
border: 1px solid #7B8A96;
float: left;
margin-right: 10px;
}
.more-width {
width: 80% !important;
}
.more-width span {
color: #fff;
}
.textMain .referrer-form {
width:90%;
margin:10px auto;
}
.textMain .referrer-form ul {
margin:0px;
padding:0px;
}
.textMain .referrer-form li {
margin:0px;
padding:0px;
background: none;
}
.referrer-form .button-style {
width:100%;
text-align:center;
padding:15px 0px !important;
}
.referrer-form .button-style input[type="reset"], .referrer-form .button-style input[type="submit"] {
background: #5f8fb7 none repeat scroll 0 0;
border: medium none;
color: #fff;
cursor: pointer;
font-weight: bold;
padding: 6px 8px;
}
.contact-tel {
margin: 10px auto;
width: 100%;
}
.contact-tel ul {
list-style: outside none none;
margin: 0 !important;
padding: 0 !important;
}
.contact-tel li {
background: none!important;
border: 1px solid #ccc;
float: left;
font: 14px/30px Verdana,Arial,Helvetica,sans-serif;
height: 30px;
margin: 5px 10px 0 0;
padding: 1% !important;
text-align: center;
width: 46%;
}
.contact-tel li img {
margin: 0 10px 0 0;
vertical-align: middle;
}
.wp-form ul {
margin: 15px 6%;
}
.search-text {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #378fbf;
border-radius: 25px;
color: #000;
height: 27px;
opacity: 1;
padding: 0 0 0 10px;
width: 100%;
outline: none;
margin:4px 0px 0px 0px;
}
.search-field {
color: #333;
float: left;
position: relative;
width: 100%;
margin: 4px 0 0 0;
}
.search-button {
background: rgba(0, 0, 0, 0) url(/images/search.png) no-repeat scroll 0 4px;
border: medium none;
height: 35px;
position: absolute;
right: -13px;
top: 1px;
width: 34px;
z-index: 112;
cursor:pointer;
text-indent:1000px;
}
.crdit-logo img {
margin: 5px 10px;

}

.smo li {width: 36px; height: 36px; border-radius: 50%; background-size: 36px !important;}
.smo li.facebook-h {background: url(/images/fb-c.png) no-repeat center center; background-size: 35px; }
.smo li.twitter-h {background: url(/images/twitter-c.png) no-repeat center center;  }
.smo li.you-tube-h {background: url(/images/youtube-bg-c.png) no-repeat center center;  }
.smo li.blog {background: url(/images/blog-c.png) no-repeat center center; }

/* ------------------------------ Media Screen CSS ------------------------------ */
@media screen and (max-width : 921px) {
.treatments-list li {
	width:13.2%;
}
#Doctor {
background-position: 74% top;
}
#Doctor p {
padding-left: 5px;
width: 60%;
}
#Doctor p span {
display: inline;
}
.doctor-header {
padding: 58px 0px 0px 5px;
}
.view-profile {
margin-left: 5px;
}
.info-list li a {
padding: 24px 0 16px 20%;
}
#Footer {
width: 98%;
padding: 0px 1%;
}
.menu-f ul {
width: 70%;
}
.arrow, .minor-arrow {
margin: 76px 5px 0;
width: 26px !important;
}
.journey-list li, .journey-list li .text {
font: 12px/14px "RalewayMedium";
height: 120px;
width:14.8%;

}
.journey-list li .text { width:100%;}
.appointment-arrow {
left: 277px;
top: 83px;
transform: skewY(42deg);
width: 85px !important;
}
.journey-list li a {
padding: 61px 0 25px;
}
.minor {
margin: 31px 0 0 -113px;
}
.minor-arrow {
width: 188px !important;
}
.follow-arrow {
left: 232px;
width: 454px !important;
top: 175px;
}
.bottom-arrow {
height: 26px !important;
top: 46px;
left: -84px;
}
.bottom-arrow::before {
top: 26px;
}
.follow {
margin: 199px 0 0 166px;
}
/*---------------Form Styles--------------------*/
span.wpcf7-list-item {
display: block;
margin-left: 0.5em;
text-align: left !important;
}
.address-details {
display: block;
}

.teamleft, .teamright {
width: 275px;
}
.tabs li {
width: 270px;
}
.img-left {
float: none;
text-align:center;
margin: 10px 0px;
}
}

@media screen and (max-width : 767px) {
.doctor-sec {
float: none;
text-align: center;
width:auto;
}
#Intra-Container {
margin-top: 0px;
}
#Intra-Container .intra-main {
top:-35px;
left:5%;
}
#Intra-Container .intra-main {
margin: -100px 0 0 0px;width: 86%;
}
#Intra-Container .intra-main h2 {
font: normal 22px/26px 'Raleway';
}
.logo {
margin-left: 5px;
}
.opening-hours p {
font: normal 13px/22px 'latoregular';
}
.stay-connected {
width: 30.4%;
}
.header-right {
float: none;
margin: 0px auto 0px auto;
width: 70%;
}
.menu-f ul {
width: 80%;
}
.treatments-list li {
font: normal 13px/18px 'Raleway';
}
#Intra-Container .intra-main {
width: 65%;
}
.map-pics {
display: block;
width: 100%;
}
.journey-list li, .journey-list li .text{
height: 100px;
background:#3991c1;
}
.journey-list li:hover .text  { background:#808080;}
.journey-list li a {
padding: 30px 0 25px;
}
.arrow, .minor-arrow {
margin: 54px 7px 0 !important;
width: 18px !important;
}
.appointment {
background:url(/images/appoint.jpg) no-repeat left top !important;
background-size:95% 95% !important;
height: 130px !important;
width: 130px !important;
}
.appointment a {
padding: 40px 0 20px !important;
}
.bottom-arrow {
top: 25px;
left: -69px;
}
.follow {
margin: 164px 0 0 140px;
}
.appointment-arrow {
left: 222px;
width: 54px !important;
}
.minor-arrow {
margin: 80px 7px 0 -59px !important;
width: 180px !important;
}
.minor {
margin: 31px 0 0 -156px;
}
.follow-arrow {
left: 189px;
top: 162px;
width: 65% !important;
}
.opening-hours {
min-height: 250px;
}
.opening-hours {
margin-top: 20px;
}
}


@media screen and (max-width : 640px) {
#Sidebar {
margin: 0px auto;
display: inherit;
background: none;
padding: 0px;
}
#Main-Menu {
display: none;
}
#Mobile-Menu {
display: block !important;
width: 100%;
height: 46px;
background: #4C9BC7;
padding: 0px;
float: left;
top: -45px;
}
.menu-m-bg {
position: absolute;
width: 100%;
color: #ffffff;
font: normal 14px/40px Verdana, sans-serif;
margin: 0px;
padding: 0px;
z-index: 99999;
}
.menu-m-bg a, .menu-m-bg a:hover {
color: #fff;
display: block;
text-decoration: none;
text-align: center;
}
.menu-m {
text-align: left;
}
.menu-m img {
vertical-align: middle;
margin: 0px 10px 0px 0px;
}
.menu-item-192 ul li, .menu-item-216 ul li{width:100% !important;}
#wrapper {
left: 0px;
top: 48px;
overflow: hidden !important;
width: 100%;
position: relative;
z-index: 99999;
}
.journey-list li{
height: 143px;
width: 143px;
float:none;
margin: 45px auto ;
background:auto !important;
}
.journey-list li .text{  margin:0px; background:auto !important; height: 143px;
width: 143px;}
.journey-list li a {
padding: 70px 0 25px;
}
.journey-list {
background:url(/images/journey-left.jpg) no-repeat left bottom, url(/images/journey-right.jpg) no-repeat right 80% ;
width:310px;
margin:0px auto;
}
.arrow, .appointment-arrow, .follow-arrow, .minor-arrow, .bottom-arrow, .left, .right{ display:none !important;}
.appointment {
background: url(/images/appoint.jpg) no-repeat left top !important;
height:166px !important; width:166px !important;
}
.refferal {
background: url(/images/sprite.png) no-repeat 50px -2312px #3991c1 !important;
}
.refferal:hover .text{
background: url(/images/sprite.png) no-repeat 50px -2312px #585858 !important;}
.appointment {
background: url(/images/sprite.png) no-repeat 55px -2430px, url(/images/appoint.jpg) no-repeat left top !important;
height: 166px !important;
width: 166px !important;
border-radius: 0px !important;
position: relative !important;
top: -5px;
}
.appointment a {
padding: 90px 0px 20px 0px !important;
color: #000 !important;
}
.surgery {
background: url(/images/sprite.png) no-repeat 38px -3100px #3991c1 !important;
position:relative;
}
.surgery:hover .text {
background: url(/images/sprite.png) no-repeat 38px -3100px #585858 !important;
}
.discharge {
background: url(/images/sprite.png) no-repeat 38px -2625px #3991c1 !important;
}
.discharge:hover .text {
background: url(/images/sprite.png) no-repeat 38px -2625px #585858 !important;
}
.surgeon {
background: url(/images/sprite.png) no-repeat 30px -3255px #3991c1 !important;
}
.surgeon:hover .text {
background: url(/images/sprite.png) no-repeat 30px -3255px #585858 !important;
}
.follow {
background: url(/images/sprite.png) no-repeat 45px -2800px #3991c1 !important;
position:relative;
}
.follow:hover .text {
background: url(/images/sprite.png) no-repeat 45px -2800px #585858 !important;
}
.minor {
background: url(/images/sprite.png) no-repeat 40px -3400px #3991c1 !important;
margin: 31px 0 0 -170px;
}
.minor:hover .text {
background: url(/images/sprite.png) no-repeat 40px -3400px #585858 !important;
}
.ongoing {
background: url(/images/sprite.png) no-repeat 45px -2985px #3991c1 !important;
margin: 28px 0 0 0px;
}
.ongoing:hover .text {
background: url(/images/sprite.png) no-repeat 45px -2985px #585858 !important;
}
.opening-hours {
float: none;
margin: 0px auto;
min-height: 225px;
width: 90%;
}
.info-list li {
float: none;
margin: 0px auto;
width: 90%;
}
.info-list li:last-child a {
padding: 24px 0 24px 20%;
}
}
@media screen and (max-width : 490px) {
.contact-ph li {
float: none;
width: auto;
}

.logo {
float: none;
margin: 0px auto 0 auto;
padding-top: 20px;
width: 310px;
}
.call-appoint {
margin: 0px auto 10px auto;
float: none;
width: 180px;
}
.treatments-list li {
width: 32.3%;
margin-bottom: 10px;
}
#Interactivity li {
background-position: 50% top !important;
}
#Doctor {
background-position: 90% top;
}
.doctor-header {
padding: 390px 0 0 5px;
}
#Doctor p {
padding-left: 5px;
width: 99%;
}
.opening-hours, .info-list {
/**
* width: 310px;
*/
margin: 15px auto 10px auto;
float: none;
}
#Patient-Info-Container {
background-size: auto 100%;
}
.we-treat, .reach-us, .stay-connected {
width: 99%;
}
.menu-f ul {
width: 100%;
}
#Intra-Container-S .intra-main {
margin: 26px 0 0 5%;
}
.search-field{
	margin:5px 0 5px 0;
}
}