@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,600italic,700);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700italic,700,600,300italic,300,200,400italic,600italic);
@import url(https://fonts.googleapis.com/css?family=Dosis:400,300,600,700,500);
@import url("slick.css");
@import url("fonts.css");
body {
    margin: 0px;
    padding: 0px;
    overflow-y: scroll;
    *overflow-y: none;
    outline: none;
}

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

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol {
    margin: 0px;
    padding: 0px;
}

ul {
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
    outline: none;
}

.align-center {
    text-align: center;
}

.align-center img{
	border:2px solid #01b6e0;
	display:block;
	padding:5px;
    margin: 0 auto;
	
}
.align-left {
    float: left;
    margin: 0px 2% 1% 0px !important;
}

.align-right {
    float: right;
    margin: 0px 0px 1% 2% !important;
}
.align-right img{
	border:2px solid #01b6e0;
	display:block;
	padding:5px;
	
}
.float-right {
	float:right;
	margin:10px;
}
.inner-tabs {
    float: left;
    width: 100%;
}
.inner-tabs li {
    background: #00529b !important;
    border-radius: 5px;
    box-shadow: 0 3px 1px #cfcfcf;
    color: #ffffff !important;
    float: left;
    font: 16px/22px Verdana,Geneva,sans-serif;
    margin: 0 18px 11px 0;
    padding: 0 !important;
    position: relative;
    text-align: left;
    width: 267px;
}
.inner-tabs a {
    color: #ffffff !important;
    display: table-cell;
    height: 50px;
    padding: 0 0 0 28px;
    text-align: left;
    text-decoration: none !important;
    vertical-align: middle;
    width: 267px;
}
.inner-tabs li:hover a {
    background: #fec940 ;
    border-radius: 5px;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: 600;
}

/**
 * Animations
 */

.fromTopIn {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(0, 0);
    opacity: 1.0;
}

.fromTopOut {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(0, -10px);
    opacity: 0.0;
}

.fromBottomIn {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(0, 0);
    opacity: 1.0;
}

.fromBottomOut {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(0, 10px);
    opacity: 0.0;
}

.fromLeftIn {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(0, 0);
    opacity: 1.0;
}

.fromLeftOut {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(-10px, 0);
    opacity: 0.0;
}

.fromRightIn {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(0, 0);
    opacity: 1.0;
}

.fromRightOut {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(10px, 0);
    opacity: 0.0;
}

.scaleUpIn {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: scale(1.0, 1.0);
    opacity: 1.0;
}

.scaleUpOut {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: scale(1.3, 1.3);
    opacity: 0.0;
}

.scaleDownIn {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: scale(1.0, 1.0);
    opacity: 1.0;
}

.scaleDownOut {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: scale(0.7, 0.7);
    opacity: 0.0;
}


/* ------------------- General CSS ------------------------------ */

.hr {
    border-bottom: 1px solid #cccccc;
    margin: 3px auto;
}

.clear-float {
    clear: both;
}

#Container {
    overflow: hidden;
}
a.call-none {
  text-decoration: none;
}
a.call-block {
  display: none;
}

.videoBorder {
    border: 4px solid #333;
}

#Content-Main .intra-div {
    display: table;
    table-layout: fixed;
}

.UseFul-links {
    height: auto;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    width: 90%;
}

.UseFul-links img {
    border: 1px solid #666666;
    float: left;
    margin: 2px;
    padding: 10px;
}

.multiBorder {
    margin: 10px auto;
    padding: 193% 0 0;
    position: relative;
    width: 90%;
}

.multiBorder iframe {
    border: 0 none !important;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100.1%;
}

.multimedia-iframe {
    border: medium none;
    min-height: 600px;
}

.multimedia {
    border: 1px solid #022c45;
    color: #4d4e4e;
    font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.multimedia li {
    background-image: none !important;
    padding: 5px !important;
    text-align: left;
}

.multimedia-left {
    float: left;
    width: 50%;
}

.multimedia a {
    background: url(images/movie-off.gif) no-repeat scroll 10px 4px;
    color: #4d4e4e;
    padding: 5px 0 5px 45px;
    text-decoration: underline;
}

.multimedia a:hover {
    background: url(images/movie-on.gif) no-repeat scroll 10px 4px;
    color: #1d7ab7;
    padding: 5px 0 5px 45px;
    text-decoration: underline;
}

.multimedia .formHead a,
.multimedia .formHead a:hover {
    background: none;
    padding-left: 0;
}

.formHead {
    background: #37765d;
    color: #ffffff;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 5px 10px;
    text-decoration: none;
}


.multimedia .formHead a {
    color: #ffffff;
    text-decoration: underline;
}

.multimedia .formHead a:hover {
    color: #ffffff;
    text-decoration: none;
}

.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}

.video-container iframe,
.video-container object,
.video-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.videoBorder {
    margin: 15px auto;
    padding: 55% 0 0;
    position: relative;
    width: 90%;
}

.videoBorder iframe,
.videoBorder embed,
.multiBorder iframe,
.multiBorder embed {
    border: 0 none !important;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100.1%;
}

.videoborder {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    width: 90%;
    border: 4px solid #333;
    margin: 0 auto;
}

.videoborder iframe,
.videoborder object,
.videoborder embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.mandatory {
    color: #ff8204;
    font: bold 10px Verdana, Verdana, Arial, Helvetica, sans-serif;
}

.submit-testimonial {
    border: 2px solid #ffffff;
    box-shadow: 0 5px 5px 0 #aaaaaa;
    float: right;
    font: 14px/16px Verdana, Arial, Helvetica, sans-serif;
    margin: 15px;
    text-align: center;
    width: 195px;
    color: #fff;
}

.submit-testimonial a,
.submit-testimonial a:hover {
    background: #00539b none repeat scroll 0 0;
    color: #fff !important;
    display: block;
    padding: 5px 20px !important;
    text-decoration: none !important;
}


#backtotop {
    background: url(images/scrool-top.png) no-repeat 0 0;
    bottom: 50px;
    cursor: pointer;
    display: none;
    height: 40px;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
    width: 40px;
}

/* ------------------------------ header fixed CSS ------------------------------ */

header.fixed {
    background: #FFFFFF;
    position: fixed;
    top: 0px;
    transition: all 0.3s ease-out 0s;
    z-index: 6;
    overflow: visible !important;
    min-height: 100px;
}

header.fixed #Header {
    padding: 0px 0px;
}

header.fixed #Menu-Container {
    margin-top: -10px;
}

header.fixed .logo {
    float: left;
    width: 395px;
    transition: all 0.3s ease-out 0s;
}

header.fixed .logo {
    margin-top: -12px;
}

header.fixed .appoint {
    margin-top: 0px;
}

/*header.fixed .appoint .ph-txt li {
    float: left;
    clear: none;
    width: 175px;
    text-align: right;
}

header.fixed .appoint .ph-txt li:after {
    border: none;
}*/

header.fixed .appoint .phone-txt li {
    float: left;
    clear: none;
    width: 175px;
    text-align: right;
}

header.fixed .appoint .phone-txt li:after {
    border: none;
}


/* ------------------------------ Banner CSS ------------------------------ */

.rslides {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.rslides li {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    left: 0px;
    top: 0px;
    display: none;
}

#Interactivity {
    position: relative;
}

.intra-div {
    width: 100%;
    height: 100%;
}

.Intra-L,
.Intra-R {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}

.Intra-L {
    left: -100%;
}

.Intra-R {
    right: -100%;
}

.Intra-Tabs {
    position: absolute;
    z-index: 2;
    margin: 0px;
    padding: 0px;
}


/* -----------------------------Theme Css --------------------------- */

#Container,
header,
#Menu-Container,
#Intra-Container,
#Intra-Container-S,
#Service-Container,
#Dr-Container,
#Key-Hole-Container,
#Weight-losssurgerypayment-options-container,
#Mutlimedia-gallery,
#Map-Container,
#Credibility-conatiner,
#Patient-journey-Container,
footer,
#Content-Container {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.intra-div,
#Header,
#Main-Menu,
#Interactivity,
.service,
.dr-content,
.key-hole-content,
#key-hole-tab,
.weight-losssurgerypayment-options-content,
.multimedia-gallery-content,
.patient-journey-content,
#Credibility,
#Footer-container,
#Content-Main {
    max-width: 964px;
    min-width: 310px;
    margin: 0px auto;
    padding: 0px;
}


/* -----------------------------Header Css --------------------------- */

header {
    position: fixed;
    z-index: 1000;
    background: #ffffff;
}

#Header {
    min-height: 122px;
    padding-bottom: 10px;
}

#Header .intra-div,
#Content-Main .intra-div,	
.multimedia-gallery-content {
    display: table;
    table-layout: fixed;
}

.logo,
.appoint,
#Content-left,
#Sidebar,
.multimedia-h,
.gallery {
    display: table-cell;
    vertical-align: top;
}

.logo,
.appoint {
    vertical-align: middle;
}

.logo a {
    display: block;
}

.appoint {
    width: 46%;
    padding-right: 10px;
}

.all-appoint {
    border: 1px solid #cce7df;
    min-height: 48px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    float: right;
    width: 98%;
    margin-right: .5%;
}

.appoint li:first-child {
    font-size: 20px !important;
}

.appoint li {
    float: left;
    text-align: center;
    font: 400 16px/27px 'Titillium Web', sans-serif;
    background: url(../images/sprite.png) no-repeat 0px 0px;
    text-transform: uppercase;
}

/*.appoint .ph-txt {
    background-position: 12px -6px;
    width: 52%;
}
.appoint .ph-txt a{
	 font: 400 16px/27px 'Titillium Web', sans-serif;
	}*/

.appoint .phone-txt {
    background-position: -12px -6px;
    width: 41%;
}
.appoint .phone-txt a{
	 font: 400 16px/27px 'Titillium Web', sans-serif;
	}
.appoint .online-appoint {
    background-position: -20px -96px;
    width: 46%;
    padding-right: 5px;
}

.appoint .office-location {
    background-position: -6px -185px;
    width: 48%;
	margin-left:4%;
    /*float: right;*/
}
.appoint .e-mail {
    background: url(../images/e-mail-icon.png) no-repeat 2px 16px;
    width: 34%;
}
.appoint li a {
    display: block;
    color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*-------------------------Menu-------------------------------*/

#Menu-Container {
    background: #fec940;
    min-height: 50px;
}


/* ------------------------------ Banner -------------------- */

#Intra-Container {
    overflow: hidden;
    margin-top: 190px;
}

#Intra-Container #Interactivity {
    height: 424px;
}

#Intra-Container-S {
    margin-top: 190px;
}

#Intra-Container-S #Interactivity {
    height: 170px;
}

#Intra-Container #Banner0 {
    background: url(../images/banner1-bg.jpg) no-repeat right top;
    background-size: cover;
}

#Intra-Container #Banner0 .Intra-L {
    background: url(../images/banner1-l-bg.jpg) no-repeat right top;
}

#Intra-Container #Banner0 .Intra-R {
    background: url(../images/banner1-r-bg.jpg) no-repeat left top;
}

#Intra-Container #Banner1 {
    background: url(../images/banner2-bg.jpg) no-repeat left top;
    background-size: cover;
}

#Intra-Container #Banner1 .Intra-L {
    background: url(../images/banner2-l-bg.jpg) no-repeat right top;
}

#Intra-Container #Banner1 .Intra-R {
    background: url(../images/banner2-r-bg.jpg) no-repeat left top;
}

#Intra-Container #Banner2 {
    background: url(../images/banner3-bg.jpg) no-repeat left top;
    background-size: cover;
}

#Intra-Container #Banner2 .Intra-L {
    background: url(../images/banner3-l-bg.jpg) no-repeat right top;
}

#Intra-Container #Banner2 .Intra-R {
    background: url(../images/banner3-r-bg.jpg) no-repeat left top;
}

#Intra-Container #Banner3 {
    background: url(../images/banner4-bg.jpg) no-repeat left top;
    background-size: cover;
}

#Intra-Container #Banner3 .Intra-L {
    background: url(../images/banner4-l-bg.jpg) no-repeat right top;
}

#Intra-Container #Banner3 .Intra-R {
    background: url(../images/banner4-r-bg.jpg) no-repeat left top;
}

#Intra-Container #Banner4 {
    background: url(../images/banner5-bg.jpg) no-repeat left top;
    background-size: cover;
}

#Intra-Container #Banner4 .Intra-L {
    background: url(../images/banner5-l-bg.jpg) no-repeat right top;
}

#Intra-Container #Banner4 .Intra-R {
    background: url(../images/banner5-r-bg.jpg) no-repeat left top;
}

#Intra-Container-S #Banner0 {
    background: url(../images/banner1-s-bg.jpg) no-repeat left top;
    background-size: cover;
}

#Intra-Container-S #Banner0 .Intra-L {
    background: url(../images/banner1-sl-bg.jpg) no-repeat right top;
}

#Intra-Container-S #Banner0 .Intra-R {
    background: url(../images/banner1-sr-bg.jpg) no-repeat left top;
}

#Intra-Container-S #Banner1 {
    background: url(../images/banner2-s-bg.jpg) no-repeat right top;
    background-size: cover;
}

#Intra-Container-S #Banner1 .Intra-L {
    background: url(../images/banner2-sl-bg.jpg) no-repeat right top;
}

#Intra-Container-S #Banner1 .Intra-R {
    background: url(../images/banner2-sr-bg.jpg) no-repeat left top;
}

#Intra-Container-S #Banner2 {
    background: url(../images/banner3-s-bg.jpg) no-repeat center top;
    background-size: cover;
}

#Intra-Container-S #Banner2 .Intra-L {
    background: url(../images/banner3-sl-bg.jpg) no-repeat right top;
}

#Intra-Container-S #Banner2 .Intra-R {
    background: url(../images/banner3-sr-bg.jpg) no-repeat left top;
}

#Intra-Container-S #Banner3 {
    background: url(../images/banner4-s-bg.jpg) no-repeat center top;
    background-size: cover;
}

#Intra-Container-S #Banner3 .Intra-L {
    background: url(../images/banner4-sl-bg.jpg) no-repeat right top;
}

#Intra-Container-S #Banner3 .Intra-R {
    background: url(../images/banner4-sr-bg.jpg) no-repeat left top;
}

#Intra-Container-S #Banner4 {
    background: url(../images/banner5-s-bg.jpg) no-repeat center top;
    background-size: cover;
}

#Intra-Container-S #Banner4 .Intra-L {
    background: url(../images/banner5-sl-bg.jpg) no-repeat right top;
}

#Intra-Container-S #Banner4 .Intra-R {
    background: url(../images/banner5-sr-bg.jpg) no-repeat left top;
}

.intra-txt {
    left: 53%;
    top: 29%;
    color: #ffffff;
    position: relative;
    width: 50%;
}

.intra-txt h2 {
    color: #000;
    font: 400 40px/40px 'Dosis', sans-serif;
}
#Banner4 .intra-txt h2, #Banner4  .intra-txt h2 span {
    color: #fff;
}
#Intra-Container-S .intra-txt {
    top: 21%;
}

#Intra-Container-S .intra-txt h2 {
    font-size: 35px;
    line-height: 37px;
}

.intra-txt h2 span {
    text-transform: none;
    color: #000;
    font: 500 45px/5vw 'Dosis', sans-serif;
    display: block;
}

#Intra-Container-S .intra-txt h2 span {
    font-size: 45px;
    line-height: 42px;
}

.intra-txt a {
    margin-top: 19px;
    display: block;
    width: 100px;
    height: 35px;
    background: url(../images/read-more.gif) no-repeat 83% center #484848;
    text-align: center;
    font: 300 16px/31px 'Titillium Web', sans-serif;
    color: #fff;
}

#Intra-Container.Banner_nav.prev {
    background: url(../images/left-arrow.png) no-repeat center center #999999;
    bottom: 41%;
    left: 0px;
}

.Banner_nav {
    height: 109px;
    margin-top: 0;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    width: 31px;
    z-index: 5;
}

#Intra-Container .Banner_nav.next {
    background: url(../images/right-arrow.png) no-repeat center center rgba(153, 153, 153, 0.29);
    bottom: 41%;
    right: 0px;
}

.Banner_nav.prev {
    background: url(../images/left-arrow.png) no-repeat center center rgba(153, 153, 153, 0.29);
    bottom: 41%;
    left: 0px;
}

#Intra-Container-S .Banner_nav.prev {
    background: url(../images/left-arrow.png) no-repeat center center;
    bottom: 15%;
}

#Intra-Container-S .Banner_nav.next {
    background: url(../images/right-arrow.png) no-repeat center center;
    bottom: 15%;
    right: 0px;
}


/*---------------Service -Container css------------------------ */

#Service-Container {
    min-height: 422px;
    background: #02a145;
    padding-bottom: 10px;
}

.service {
    padding-top: 5px;
    background-image: url(../images/plus.png), url(../images/plus.png);
    background-position: center center, 25% center;
    background-repeat: no-repeat;
}

.service ul {
    background: url(../images/plus.png) no-repeat 77% center;
    min-height: 422px;
}

.service li {
    float: left;
    width: 25%;
    font: 300 18px/20px 'Titillium Web', sans-serif;
}

.service li a {
    display: block;
    text-align: center;
    color: #ffffff;
}

.service li span {
    display: block;
    margin: 20px auto;
    width: 114px;
    height: 122px;
    border-radius: 47px 46px 44px 45px;
    border: 3px solid #fff2d2;
}

.intragastric-ballon span {
    background: url(../images/intragastric-ballon.png) no-repeat center #00529b;
}

.lap-band span {
    background: url(../images/lap-band.png) no-repeat center #00529b;
}

.sleeve-gastric span {
    background: url(../images/sleeve-gastric.png) no-repeat center #00529b;
}

.gastric-bypass span {
    background: url(../images/gastric-bypass.png) no-repeat center #00529b;
}

.weight-loss-revision span {
    background: url(../images/weight-loss-revision.png) no-repeat center #00529b;
}

.hernia-surgery span {
    background: url(../images/hernia-surgery.png) no-repeat center #00529b;
}

.other-surgery span {
    background: url(../images/other-surgery.png) no-repeat center #00529b;
}

.lumps-bumps-removal span {
    background: url(../images/lumps-bumps-removal.png) no-repeat center #00529b;
}

.intragastric-ballon a:hover span {
    background: url(../images/intragastric-ballon-hover.png) no-repeat center #00529b;
}

.lap-band a:hover span {
    background: url(../images/lap-band-hover.png) no-repeat center #00529b;
}

.sleeve-gastric a:hover span {
    background: url(../images/sleeve-gastric-hover.png) no-repeat center #00529b;
}

.gastric-bypass a:hover span {
    background: url(../images/gastric-bypass-hover.png) no-repeat center #00529b;
}

.weight-loss-revision a:hover span {
    background: url(../images/weight-loss-revision-hover.png) no-repeat center #00529b;
}

.hernia-surgery a:hover span {
    background: url(../images/hernia-surgery-hover.png) no-repeat center #00529b;
}

.other-surgery a:hover span {
    background: url(../images/other-surgery-hover.png) no-repeat center #00529b;
}

.lumps-bumps-removal a:hover span {
    background: url(../images/lumps-bumps-removal-hover.png) no-repeat center #00529b;
}


/*-----------------------Dr Content ------------------------------ */

#Dr-Container {
    height: 453px;
    background: url(../images/dr-bg.jpg) no-repeat center top;
}

.dr-content {
    padding-top: 55px;
    text-align: center;
}

.dr-content h2 {
    font: 700 30px/20px 'Titillium Web', sans-serif;
    color: #fff;
}
.dr-content h2 a{
	 color: #fff;
	}
.dr-content p {
    font: 400 20px/20px 'Titillium Web', sans-serif;
    padding-top: 13px;
    color: #fff;
}

#Dr-Container .nbs-flexisel-nav-left {
    background: url(../images/our-dr-arrow-left.png) no-repeat center, center;
    top: 0px;
}

#Dr-Container .nbs-flexisel-nav-right {
    background: url(../images/our-dr-arrow-right.png) no-repeat center, center;
    top: 0px;
}

.nbs-flexisel-container {
    margin: 0px;
    padding: 0px;
    position: relative;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

.nbs-flexisel-inner {
    width: 90%;
    max-width: 90%;
    margin: 50px auto 0px auto;
    padding: 0px;
    overflow: hidden;
}

#flexiselDemo1 {
    display: block;
    overflow: hidden;
}

.nbs-flexisel-ul {
    width: 9999px;
    position: relative;
    overflow: hidden !important;
}

#Dr-Container .nbs-flexisel-ul {
    margin-top: 30px;
}

.nbs-flexisel-item {
    display: inline-block;
    float: left;
    overflow: hidden;
    vertical-align: middle;
}

.nbs-flexisel-item img {
    display: block;
    margin: 0px auto;
}

.nbs-flexisel-container li a span {
    font: 400 14px/20px 'Titillium Web', sans-serif;
    display: block;
}

.nbs-flexisel-item a,
.nbs-flexisel-item a:hover {
    text-decoration: none;
    display: block;
    margin: 0px auto;
    font: 700 15px/20px 'Titillium Web', sans-serif;
    color: #fff;
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 40px;
    height: 100%;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    top: 0px;
}

.nbs-flexisel-nav-left {
    left: -5px;
    top: 0px !important;
}

.nbs-flexisel-nav-right {
    right: 0px;
    top: 0px !important;
}


/* ----------------------------Key-Hole-Container-----------------*/

#Key-Hole-Container {
    min-height: 572px;
    background: url(../images/key-hole-bg.jpg) no-repeat center top;
    background-size: cover;
}

.key-hole-content {
    padding-top: 30px;
    position: relative;
    min-height: 540px;
}

.key-hole-content h2 {
    text-align: center;
    font: 400 30px/35px 'Titillium Web', sans-serif;
    background: #02a145;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
}

.key-hole-content h2 span {
    display: block;
}

.key-hole-calculator {
    width: 193px;
    float: right;
    margin-top: 60px;
    margin-left: 6px;
}

.key-hole-calculator li {
    width: 100%;
    height: 35px;
    margin-top: 9px;
    background: url(../images/sprite.png) no-repeat 0px 0px #00529b;
    text-align: center;
    font: 400 18px/25px 'Titillium Web', sans-serif;
    padding-top: 13px;
    padding-bottom: 14px;
}

.key-hole-calculator li a {
    display: block;
    height: 100%;
    width: 92%;
    color: #fff;
    padding-left: 16px;
}

.rslides .patient-txt li {
    float: left;
    color: #fff;
    display: block;
    width: 44%;
    height: auto;
    background: url(../images/bold-specialities.gif) no-repeat 0px 10px;
    font: 500 16px/25px 'Titillium Web', sans-serif;
    color: #000;
    padding: 0px 0px 0px 10px;
}

.rslides .patient-txt li:nth-child(odd) {
    float: left;
}

.rslides .patient-txt li:nth-child(even) {
    float: right;
}

.rslides .patient-txt li a {
    float: right;
}

.patient-img {
    float: left;
    width: 25%;
}

.patient-txt {
    float: right;
    width: 75%;
}

.patient-txt h3 {
    font: 500 30px/33px 'Titillium Web', sans-serif;
    color: #000;
    padding-top: 24px;
    padding-bottom: 24px;
}

.patient-txt p {
    font: 500 16px/25px 'Titillium Web', sans-serif;
    color: #010000;
}

.specialities-tab {
    float: left;
    width: 74%;
    margin-top: 46px;
}

.specialities-tab img {
    float: left;
}

.key-hole-calculator li a span {
    display: block;
}

.key-hole-calculator .bmi-calculator {
    background-position: -6px -271px;
}

.key-hole-calculator .cost-of-surgery {
    background-position: -6px -361px;
}

.key-hole-calculator .key-hole-surgery-center {
    background-position: -2px -454px;
    line-height: 16px;
}

#Key-Hole-Container .specialities #Slider2-Tabs li a {
    background: #fff;
    display: block;
    height: 100%;
    width: 100%;
    border: 1px solid #6cbc58;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #000;
}

#Key-Hole-Container .specialities #Slider2-Tabs li,
.patient-story_here {
    float: left;
    position: relative;
    bottom: 0px;
    left: 0px;
    text-align: center;
    color: #fff;
    font: 700 18px/20px 'Titillium Web', sans-serif;
}

#Key-Hole-Container .specialities #Slider2-Tabs .obesity-cause,
#Key-Hole-Container .specialities #Slider2-Tabs .complication-of-obesity {
    width: 162px;
}

.weight-loss-procedure {
    width: 232px;
}

.benefits-of-weight-procedure {
    width: 197px;
}

#Key-Hole-Container .specialities #Slider2-Tabs span {
    display: block;
}

.specialities {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    bottom: 34px;
    left: 10px;
}

#Key-Hole-Container .specialities #Slider2-Tabs li a:hover,
.patient-story_here a {
    background: #02a145 !important;
    color: #fff !important;
}

#Key-Hole-Container .specialities #Slider2-Tabs li a:hover::after,
.patient-story_here a::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 49%;
    top: -9px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #02a145;
    color: #fff;
}

#Key-Hole-Container .patient-txt .read-more {
    float: right;
    display: block;
    font: 700 italic 16px/20px 'Titillium Web', sans-serif;
    color: #000;
}


/*-------------------------------------------weight-losssurgerypayment-options-content-------------------------------------*/

#Weight-losssurgerypayment-options-container {
    min-height: 540px;
    background: url(../images/surgery-option.jpg) no-repeat center top;
    background-size: cover;
}

.young-patient-text img {
    width: 46%;
}

.weight-losssurgerypayment-options-content {
    min-height: 540px;
}

.scroll-pane {
    width: 100% !important;
    overflow: auto;
    height: 200px;
    background: #00427d;
    padding-top: 20px;
    overflow: hidden;
}

.scroll-pane p {
    padding-left: 20px;
    color: #fff;
    width: 80%;
    font: 400 14px/20px 'Titillium Web', sans-serif;
}

.scroll-pane p span {
    float: right;
}

.content {
    height: 180px;
}
.content a.read-more{
		text-align:right;
		margin:10px 0px;
		color:#ffffff;
		float:right;
	}
.young-patient-content {
    padding-top: 30px;
}

.young-patient-content h2 {
    font: 700 26px/35px 'Titillium Web', sans-serif;
    color: #fefefe;
}
.young-patient-content h2 a{	
    color: #fefefe;
}

.young-patient-education {
    width: 51%;
    float: right;
    margin-top: 32px;
    position: relative;
    margin-right: 6px;
}

.young-patient-education h3 {
    height: 37px;
    background: url(../images/arrow-up.png) no-repeat 2% center #fec940;
    font: 400 20px/37px 'Titillium Web', sans-serif;
    padding-left: 27px;
    color: #000;
    cursor: pointer;
    margin-top: 22px;
}

.young-patient-education h3:hover,
.young-patient-education h3.current {
    background: url(../images/down-arrow.png) no-repeat 2% center #fec940;
}

.young-patient-education li {
    font: normal 15px/25px 'latoregular';
    padding-left: 20px;
    background: url(images/young-patient.gif) no-repeat 10px 10px #00427d;
    color: #616161;
    width: 100%;
}


/* -------------------------Credibility ---------------------------------------- */

#Credibility-conatiner {
    width: 100%;
    min-height: 193px;
    background: #fff;
}

#Credibility {
    min-height: 193px;
    text-align: center;
}

#Credibility ul {
    padding: 0px 0px 0px 0px;
}

#Credibility .nbs-flexisel-nav-left {
    background: url(../images/credibility-arrow-left.png) no-repeat center, center;
    top: 0px;
}

#Credibility .nbs-flexisel-nav-right {
    background: url(../images/credibility-arrow-right.png) no-repeat center, center;
    top: 0px;
}

.nbs-flexisel-container {
    margin: 0px;
    padding: 0px;
    position: relative;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

#Services-Container .nbs-flexisel-inner {
    border: none;
    width: 95%;
    max-width: 95%;
}

.nbs-flexisel-inner {
    width: 90%;
    max-width: 90%;
    margin: 20px auto;
    padding: 0px;
    overflow: hidden;
}

.nbs-flexisel-ul {
    width: 9999px;
    position: relative;
}

.nbs-flexisel-item {
    display: inline-block;
    float: left;
    overflow: hidden;
    vertical-align: middle;
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 40px;
    height: 100%;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    top: 0px;
}

.key-hole-credibility {
    margin-top: 15px !important;
}

.credibility-anagosa {
    margin-top: 10px !important;
}

.ifso {
    margin-top: 10px !important;
}

.obesity-surgery-society.jpg {
    margin-top: 10px !important;
}

#Services-Container .nbs-flexisel-nav-left {
    left: 0px;
    top: 0px important;
}

#Services-Container .nbs-flexisel-nav-right {
    right: 3px;
}

.nbs-flexisel-nav-left {
    left: -5px;
    top: 0px !important;
}

.nbs-flexisel-nav-right {
    right: 0px;
    top: 0px !important;
}


/* -----------------------------Map -------------------------------------*/

.gm-style .gm-style-iw {
    overflow: visible !important;
    position: relative;
}

.gm-style .gm-style-iw:after {
    position: absolute;
    content: "";
    left: 40%;
    width: 0;
    height: 0;
    bottom: -40px;
    border-top: 40px solid #02A145;
    border-left: 30px solid transparent;
}

.gm-style > div > div > div > div > div > div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    box-shadow: none !important;
    position: relative;
}

.gm-style > div > div > div > div > div {
    background: #02a145;
    color: #fff !important;
    font: 400 20px/31px 'Titillium Web', sans-serif;
    text-align: left;
}

.gm-style > div > div > div > div > div > div > div {
    top: -6px !important;
}

.gm-style > div > div > div > div > div > div > div:after {
    display: none;
}

.gm-style > div > div > div > div > div > div > div > div {
    box-shadow: none !important;
    font: 700 20px/31px 'Titillium Web', sans-serif;
    text-transform: none;
    color: #fff;
    padding-right: 10px;
    margin-left: 12px;
    margin-top: 10px;
    position: relative;
}

.gm-style-iw p {
    font: 400 16px/25px 'Titillium Web', sans-serif;
    margin-left: 12px;
    color: #fff;
}


/*-----------Back to Top------------------*/

#backtotop {
    background: url(../images/scroll.png) no-repeat;
    width: 58px;
    height: 48px;
    position: fixed;
    bottom: 50px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    cursor: pointer;
}


/*-----------------------------patient-journey-------------------------------------------------*/


/* ----------------------------------------- Multimedia-gallery----------------------------------------------------------- */

#Mutlimedia-gallery {
    min-height: 421px;
    background: #ebeced;
}

.multimedia-h {
    position: relative;
}

.multimedia-h h3 {
    text-align: center;
    background: #00529b;
    font: 400 22px/37px 'Titillium Web', sans-serif;
    margin-top: 46px;
}

.multimedia-gallery-content {
    max-width: 98%;
}

.gallery img {
    margin-left: 5%;
    margin-top: 46px;
    margin-right: 10px;
}

.multimedia-h h3 a {
    color: #fff;
}

.multimedia-h a {
    display: block;
    position: relative;
}

.multimedia-h a img {
    display: block;
}

.multimedia-h p {
    position: absolute;
    bottom: 35px;
    left: 29px;
    color: #fff;
}


/* ---------------------------------------Pateinnt -journey -------------------------------------- */

#Patient-journey-Container {
    min-height: 437px;
    background: url(../images/patient-journey.jpg) no-repeat center top;
    background-size: cover;
}

.patient-journey-content {
    padding-top: 60px;
    min-height: 377px;
}

.patient-journey-content h2 {
    text-align: center;
    font: 700 30px/35px 'Titillium Web', sans-serif;
}

.patient-journey-content h2 a {
    color: #fff;
}

.patient-journey-content ul {
    margin-top: 40px;
}

.patient-journey-content li {
    float: left;
    margin-top: 15px;
    text-align: center;
    font: 400 16px/27px 'Titillium Web', sans-serif;
    position: relative;
}

.patient-journey-content li:nth-child(2n) {
    background: url(../images/arrow-down.gif) no-repeat 48% 28%;
}

.patient-journey-content li:nth-child(2n+1) {
    background: url(../images/arrow-up.gif) no-repeat center 75%;
}

.patient-journey-content li a {
    color: #fff;
}

.patient-journey-content li:nth-child(odd) span {
    margin-bottom: 59px;
    position: relative;
}

.patient-journey-content li:nth-child(2n+1) span::before {
    position: absolute;
    content: "";
    border-bottom: 10px solid #06994B;
    height: 6px;
    transform: rotate(44deg);
    right: -35px;
    bottom: -19px;
    width: 40%;
}

.patient-journey-content li:nth-child(2n) span::before {
    position: absolute;
    content: "";
    border-bottom: 10px solid #06994B;
    height: 6px;
    transform: rotate(-44deg);
    right: -9px;
    top: 92px;
    width: 32%;
}

.patient-journey-content li:nth-child(8) span::before {
    border-bottom: 0px;
}

.patient-journey-content li:nth-child(2n) span {
    margin-top: 85px;
    margin-left: 16px;
    margin-right: 16px;
}

.patient-journey-content li:nth-child(1) {
    margin-left: 4.5%;
}

.patient-journey-content span {
    width: 83px;
    height: 83px;
    display: block;
    border-radius: 10px;
    border: 8px solid #079445;
}

.patient-journey-content .consultaion a span {
    background: url(../images/sprite.png) no-repeat 13px -530px #fec940;
}

.patient-journey-content .dietician a span {
    background: url(../images/sprite.png) no-repeat 13px -801px #fec940
}

.patient-journey-content .psycologist a span {
    background: url(../images/sprite.png) no-repeat 13px -621px #fec940;
}

.patient-journey-content .pre-surgery a span {
    background: url(../images/sprite.png) no-repeat 13px -869px #fec940;
}

.patient-journey-content .surgery a span {
    background: url(../images/sprite.png) no-repeat 13px -713px #fec940;
}

.patient-journey-content .recovery a span {
    background: url(../images/sprite.png) no-repeat 13px -935px #fec940;
}

.patient-journey-content .dietician-ii a span {
    background: url(../images/sprite.png) no-repeat 13px -801px #fec940
}

.patient-journey-content .postOpcare a span {
    background: url(../images/diteciation.png) no-repeat center center #fec940;
}

.patient-journey-content .consultaion a:hover span {
    background: url(../images/sprite.png) no-repeat 13px -530px #fff;
}

.patient-journey-content .dietician a:hover span {
    background: url(../images/sprite.png) no-repeat 13px -801px #fff;
}

.patient-journey-content .psycologist a:hover span {
    background: url(../images/sprite.png) no-repeat 13px -621px #fff;
}

.patient-journey-content .pre-surgery a:hover span {
    background: url(../images/sprite.png) no-repeat 13px -869px #fff;
}

.patient-journey-content .surgery a:hover span {
    background: url(../images/sprite.png) no-repeat 13px -713px #fff;
}

.patient-journey-content .recovery a:hover span {
    background: url(../images/sprite.png) no-repeat 13px -935px #fff;
}

.patient-journey-content .dietician-ii a:hover span {
    background: url(../images/sprite.png) no-repeat 13px -801px #fff;
}

.patient-journey-content .postOpcare a:hover span {
    background: url(../images/diteciation.png) no-repeat center center #fff;
}


/* ------------------------------------ footer ------------------------------------------ */

footer {
    min-height: 320px;
    background: url(../images/footer.jpg) repeat center top #2c2b2b;
    background-size: cover;
}

#Footer-container {
    padding-top: 37px;
    padding-bottom: 10px;
}

#Footer-container .intra-div {
    width: 98%;
}

.footer-menu {
    width: 22%;
    float: left;
}

.links {
    width: 20%;
    float: left;
}

.footer-service {
    width: 24%;
    float: left;
}

#Footer-container h2 {
    font: 400 18px/20px 'Titillium Web', sans-serif;
    color: #f8f4f4;
    margin-bottom: 15px;
}

#Footer-container li {
    font: 400 15px/28px 'Titillium Web', sans-serif;
}

#Footer-container li a {
    color: #f8f4f4;
}

.smo {
    width: 33%;
    float: right;
}

.smo ul {
    margin-top: 40px;
}

.smo li {
    float: left;
    margin-right: 5px;
    border-radius: 50%;
}

.smo li,
.smo li a {
    height: 40px;
    width: 40px;
}

.smo a {
    display: block;
}

.smo h3 {
    margin-top: 20px;
    font: normal 14px/18px 'open_sansregular';
    color: #fff;
}

.smo img {
    margin-top: 19px;
}

.fb {
    background: url(../images/smo.png)no-repeat -10px -280px #02a145;
}

.twitter {
    background: url(../images/smo.png)no-repeat -9px -100px #02a145;
}

.linked-in {
    background: url(../images/smo.png)no-repeat -9px -12px #02a145;
}

.gmail-plus {
    background: url(../images/smo.png)no-repeat -7px -190px #02a145;
}

.utube {
    background: url(../images/smo.png)no-repeat -9px -370px #02a145;
}

.other-links h3 {
    font: normal 15px/20px 'latolight';
}

.other-links h3 {
    margin-bottom: 10px;
    color: #fff;
}

.other-links a {
    color: #ffffff;
}

.footer-community {
    padding-top: 10px;
    min-height: 65px;
    background: #2d2c2c;
    width: 100%;
}

.sitesearch-form input[type="search"] {
    /* padding: 8px 8px; */
    background: #606060;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    font: 400 15px/5px 'Titillium Web', sans-serif;
    width: 78%;
    border: 1px solid #9a9a9a;
    color: #fff;
    height: 34px;
    float: left;
    padding-left: 4px;
}

.sitesearch-form input[type="button"] {
    position: relative;
    /* padding: 5px -3px 2px 1px; */
    left: -4px;
    background: url(../images/search.png) no-repeat center 50% #9a9a9a;
    border: 2px solid #9a9a9a;
    position: relative;
    width: 12%;
    height: 34px;
}

.copy-right {
    margin-top: 34px;
    width: 98%;
}

.copy-right img {
    float: right;
}

.copy-right h3 {
    font: 400 15px/20px 'Titillium Web', sans-serif;
    color: #F8F6F7;
    float: left;
}


/* ------------------------------------- Sub page ---------------------------------------- */


/* ------------------------------ dr-sub-sidebar ------------------------------ */

.sidebar-r {
    width: 72%;
    float: right;
}

#Sidebar {
    width: 255px;
}

.sidebarL {
    float: left;
}

#Sidebar .dr-container-s {
    width: 100%;
    margin-top: 30px;
    background: url(../images/dr-side-bg.png) no-repeat 0px 0px;
    background-size: cover;
    margin-bottom: 3px;
    height: 124px;
    #CFE1E5;
}

.dr-container-s img {
    margin: 4px;
    float: left;
}

.dr-container-s h3 {
    font: normal 18px/20px 'Ubuntu-Medium';
    color: #000000;
    padding-top: 12px;
}

.dr-container-s span {
    font: normal 24px/25px 'Ubuntu-Bold';
    color: #13697c;
    display: block;
}

.dr-container-s p {
    font: normal 12px/15px 'Ubuntu-Light';
    margin-bottom: 6px;
}

#Sidebar .dr-container-s a {
    display: block;
    text-align: center;
    width: 80px;
    height: 20px;
    background: #21aac9;
    float: right;
    font: normal 12px/20px 'Ubuntu-Light';
    color: #fff;
    margin-right: 7px;
    position: relative;
    margin-right: 17.5%;
}

#Sidebar .dr-container-s a::after {
    content: '';
    position: absolute;
    right: -6px;
    top: 0px;
    width: 0;
    height: 0;
    z-index: 1;
    clear: both;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 6px solid #21aac9;
}

.service-s,
.location-s {
    width: 100%;
    margin-top: 11px;
}

.service-s h2 a {
    height: 49px;
    font: 700 22px/49px 'Titillium Web', sans-serif;
    background: #028238;
}

.service-s a,
.our-dr-s h2 a,
.obesity-s h2 a {
    color: #fff;
    padding-left: 6.5%;
    width: 93.5%;
    display: block;
}

.service-s li {
    width: 99.7%;
    height: 39px;
    border-bottom: 1px solid #35b46a;
    font: 400 17px/39px 'Titillium Web', sans-serif;
    background: url(../images/service-s.gif) no-repeat 9% center #02a145;
}

.service-s li:hover {
    background: url(../images/service-s-hover.gif) no-repeat 9% center#00529b;
}

.service-s li a,
.obesity-s li a {
    height: 100%;
    display: block;
    color: #e9f4ec;
    padding-left: 15%;
    width: 85%;
}

.our-dr-s {
    width: 100%;
    height: 169px;
    margin-top: 3px;
    background: #00529b;
    position: relative;
}

.our-dr-s h2 {
    height: 47px;
    background: #003c71;
    font: 700 22px/47px 'Titillium Web', sans-serif;
}

.dr-s-img {
    float: left;
}

.dr-s-img img {
    display: block;
    margin: 4px auto 6px 6px;
}

.our-dr-s .dr-s-txt {
    float: right;
    margin-right: 5px;
    margin-top: 20px;
    width: 144px;
}

.our-dr-s .dr-s-txt h3 {
    font: 600 20px/18px 'Titillium Web', sans-serif;
}

.our-dr-s .dr-s-txt h3 a {
    color: #fff;
}

.our-dr-s .rslides {
    height: 120px !important;
}

.our-dr-s .rslides li {
    height: 120px !important;
}

.inner-read-more {
    width: 89px;
    height: 24px;
    border: 1px solid #268ae4;
    text-align: center;
    font: 400 13px/24px 'Titillium Web', sans-serif;
    position: absolute;
    bottom: 7px;
    background: url("../images/arrow.gif") no-repeat 95% center;
}

.inner-read-more a {
    display: block;
    color: #e9edf3;
}

.our-dr-s .dr-sub_nav {
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 5;
}

.dr-sub_nav.next {
    background: url(../images/dr-s-arrow-right.gif) no-repeat center center #187bd3;
    right: 0px;
    bottom: 0px;
}

.dr-sub_nav.prev {
    background: url(../images/dr-s-arrow.gif) no-repeat center center #003c71;
    right: 20px;
    bottom: 0px;
}

.obesity-s {
    width: 100%;
    margin-top: 5px;
}

.obesity-s h2 {
    height: 55px;
    background: #028238;
    font: 600 22px/55px 'Titillium Web', sans-serif;
}
.obesity-s h2 a{
    font: 600 22px/55px 'Titillium Web', sans-serif;
}

.obesity-s li {
    height: 56px;
    font: 400 17px/15px 'Titillium Web', sans-serif;
    background-image: url(../images/obesity-s.gif), url(../images/obesity-s-border.gif);
    background-position: 9% center, left top;
    background-repeat: no-repeat, no-repeat;
    background-color: #02a145;
}


/*media all*/

.obesity-s li a {
    padding-top: 17px;
}

.bmi-calculator {
    width: 100%;
    background: #00529b;
    margin-top: 5px;
}

.bmi-calculator li {
    height: 53px;
    background: url(../images/bmi-s.gif) no-repeat 0px 0px;
    font: 400 16px/53px 'Titillium Web', sans-serif;
}

.bmi-calculator li a {
    width: 100%;
    display: block;
    color: #e9edf3;
}

.bmi-calculator li a span {
    float: left;
    width: 35px;
    height: 31px;
    margin: 11px;
    clear: both;
}

.bmi-calculator .bmi-s span {
    background: url(../images/sprite-sub.png) no-repeat -13px -12px;
}

.bmi-calculator .cost-surgery-s span {
    background: url(../images/sprite-sub.png) no-repeat -13px -105px;
}

.bmi-calculator .key-hole-surgery-center span {
    background: url(../images/sprite-sub.png) no-repeat -13px -197px;
}

.weight-loss-surgery-payment-option-s {
    width: 100%;
    height: 51px;
    background: url(../images/sprite-sub.png) no-repeat -5px -269px #f6da90;
    margin-top: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
}

.weight-loss-surgery-payment-option-s h2 span {
    display: block;
}

.weight-loss-surgery-payment-option-s h2 {
    font: 700 18px/22px 'Titillium Web', sans-serif;
}

.weight-loss-surgery-payment-option-s a {
    color: #000;
    display: block;
}

.patient-journey-s {
    width: 100%;
    height: 61px;
    background: url(../images/sprite-sub.png) no-repeat -3px -361px #02a145;
    margin-top: 5px;
    text-align: center;
}

.patient-journey-s a {
    display: block;
    height: 100%;
}

.patient-journey-s h2 {
    font: 700 22px/54px 'Titillium Web', sans-serif
}

.patient-journey-s a {
    color: #fff;
}

.laparoscopic-gastric-banding {
    width: 100%;
    margin-top: 5px;
    position: relative;
}

.laparoscopic-gastric-banding h2 {
    height: 48px;
    font: 400 20px/48px 'Titillium Web', sans-serif;
    text-align: center;
    background: #00529b;
}

.laparoscopic-gastric-banding h2 a {
    display: block;
    color: #dde3ed;
}

.laparoscopic-gastric-banding p {
    position: absolute;
    bottom: 0px;
    font: 400 15px/20px 'Titillium Web', sans-serif;
    left: 13px;
    color: #f9f9f9;
}

.photo-gallaery-s {
    width: 253;
    margin-top: 5px;
    border: 1px solid #c0c0c0;
}

.photo-gallaery-s h2 {
    height: 44px;
    background: url(../images/sprite-sub.png) no-repeat 3px -456px #d9d9d9;
    text-align: center;
    font: 700 22px/44px 'Titillium Web', sans-serif;
}

.photo-gallaery-s h2 a {
    display: block;
    color: #000;
}

.praction-locaton-s {
    width: 253px;
    height: 370px;
    margin-top: 5px;
    overflow: hidden;
    margin-bottom: 60px;
    position: relative;
    border: 1px solid #c0c0c0;
}

.praction-locaton-s img {
    margin: 9px auto;
    display: block;
}

.praction-locaton-s h2 {
    background: url(../images/sprite-sub.png) no-repeat -4px -544px #02a145;
    height: 47px;
    text-align: center;
    font: 600 20px/47px 'Titillium Web', sans-serif;
}

.praction-locaton-s h2 a {
    color: #fff;
    display: block;
    padding-left: 10px;
}

.praction-locaton-s h3 {
    text-align: center;
    font: normal 17px/22px 'Titillium Web', sans-serif;
    padding-top: 7px;
    color: #07874d;
}

.praction-locaton-s p {
    text-align: center;
    font: normal 14px/22px 'Titillium Web', sans-serif;
    color: #676767;
}

.praction-locaton-s span {
    display: block;
    text-transform: none;
    text-align: center;
     font: normal 14px/22px 'Titillium Web', sans-serif;
}
.praction-locaton-s span a{
     color: #676767;
}
#Sidebar .praction-locaton-s a.prev {
    background: url(../images/practice-location-lef-st.gif) no-repeat 0px center;
    right: 12px;
    bottom: 0px;
    z-index: 5;
}

#Sidebar .praction-locaton-s a.next {
    background: url(../images/practice-location-right-s.gif) no-repeat 0px center;
    right: -3px;
    bottom: 0px;
    z-index: 5;
}

.praction-locaton-s .Drs-Location_nav {
    width: 18px;
    height: 15px;
    display: block;
    position: absolute;
}


/*---------------- Navigation Starts ------------------------*/

.navigation {
    font: 500 15px/20px 'Titillium Web', sans-serif;
    color: #000;
    padding: 23px 30px 10px 16px;
    border-bottom: 1px solid #b8b8b8;
}

.navigation a {
    font: 400 15px/20px 'Titillium Web', sans-serif;
    color: #000000;
}

.navigation a:hover {
    text-decoration: underline;
}


/*----- textMain Starts -----*/

.textMain {
    font: normal 14px/20px 'verdana';
    color: #333333;
    padding: 23px 30px 10px 16px;
    text-align: justify;
}

.general-surgery-service-s {
    float: left;
    margin-right: 9%;
}

.general-surgery-stxt {
    float: left;
    width: 75%;
    margin-top: 20px;
}

.textMain .general-surgery-stxt a {
    float: right;
    color: #02a145;
    font: italic 15px/20px 'verdana';
}

.general-surgery-s {
    margin: 15px auto;
}

.textMain .general-surgery-s img {
    float: left;
    margin: 20px 0px 10px 0px;
    width: auto;
}

.textMain a {
    color: #033b5e;
    text-decoration: underline;
}

.textMain a:hover {
    color: #033b5e;
    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 13px;
    padding: 5px 0px 5px 30px;
    list-style: none;
}
.textMain ol li{
    padding: 5px 0px 5px 0px;
}

.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 p,
.textMain h1,
.textMain h2,
.textMain h3,
.textMain h4,
.textMain h5,
.textMain h6,
.textMain ul {
  margin: 10px 0;
    padding: 0;
}
/*----- textMain Heading Starts -----*/

.gastric-ballon-cost-s {
    width: 100%;
    min-height: 227px;
    background: #f2f2f2;
}

.gastric-cost-duration {
    width: 60%;
    margin-left: 20px;
    padding-top: 30px;
    text-align: center;
    position: relative;
}

.gastric-cost-duration::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 71%;
    left: 15%;
    top: 69%;
    border-bottom: 1px solid #87cda4;
    margin: 0px auto;
    display: block;
}

.textMain .gastric-cost-duration h5 {
    color: #028238;
    font: 500 24px/20px 'Dosis', sans-serif;
    margin-bottom: 30px;
}

.gastric-ballon-cost-s-txt {
    background: #02a145;
}

.textMain .gastric-ballon-cost-s-txt {
    text-align: center;
    font: 500 16px/20px 'TitilliumText22L-800wt';
    padding: 10px 0px 10px 0px;
    color: #fff;
    padding-left: 32px;
}

.gastric-ballon-cost-s-txt span {
    display: block;
    text-align: none;
    margin-right: 37px;
}

.textMain .gastric-ballon-cost-s img {
    margin-right: 32px;
    margin-top: 8px;
}


.textMain .torn-meniscus {
    float: left;
    margin: 10px 20px 0px 0px;
}

.textMain h1 {
    font: 600 34px/25px 'Titillium Web', sans-serif;
    color: #07874d;
    text-align: left;
    margin-bottom: 20px;
}
.textMain h1 span{
    font: 400 16px/16px 'Titillium Web', sans-serif;
    color: #2d4b8f;
}

.textMain h2 {
    font: 400 25px/22px 'Titillium Web', sans-serif;
    color: #000000;
    padding: 2px 0px;
    text-align: left;
}
.textMain h2 span{
    font: 400 16px/16px 'Titillium Web', sans-serif;
    color: #2d4b8f;
}

.textMain h2.mbbs {
    font: 400 22px/25px 'Titillium Web', sans-serif;
    color: #4272aa;
}

.textMain .general-surgery-stxt h2.surgery-s {
    text-transform: uppercase;
}

.textMain h2 a {
    color: #627195;
}

.textMain h2 a:hover {
    text-decoration: underline;
}

.textMain .text-h4 {
    font: normal 18px/20px 'Ubuntu';
    color: #146b7d;
}

.textMain h3 {
    font: 600 22px/25px 'Titillium Web', sans-serif;
    color: #333333;
    text-align: left;
    padding: 5px 0px 0px 0px;
    margin: 10px auto;
}

.textMain h3.achive {
    font: normal 20px/25px 'TitilliumText22L-800wt';
    color: #00529b;
}

.textMain .sport-medicineh3 {
    font: bold 18px/28px 'philosopherbold';
    color: #000;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 5px;
}

.textMain h3 a {
    color: #444DAA;
}

.textMain h3 a:hover {
    text-decoration: underline;
}

.textMain h4 {
    font: bold 20px/26px 'philosopherregular';
    color: #000000;
    text-align: left;
    padding: 10px 6px;
}

.textMain h4 a {
    text-decoration: none;
    color: #000000;
}

.textMain h4 a:hover {
    text-decoration: none;
}

.textMainMedium {
    font: 700 16px/25px 'Titillium Web', sans-serif;
    color: #333333;
}

.textMainBold {
    font: bold 14px/19px Verdana, Arial, Helvetica, sans-serif;
    color: #282828;
}

.textMainBold a {
    color: #577086;
}

.textMainBold a:hover {
    text-decoration: underline;
}

.PDFtext {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.textMain .hip-arthroscopy-service li {
    background: url(../images/bullet.gif) no-repeat 5px 14px;
}

#Sub-page #Map-COntainer {
    display: none;
}

#Sub-page #Credibility-conatiner {
    border-top: 1px solid #2c2b2b;
}

.dr-profile {
    width: 100%;
    float: left;
    /*min-height:250px;*/
    margin: 10px auto;
}

.dr-profile .dr-img {
    float: left;
    margin: 0 3% 0 7px;
    /*min-height: 250px;*/
    width: 25%;
}

.dr-profile .dr-img p {
    padding: 4px;
    border-radius: 90px;
    border: 1px solid #183C4C;
}

.dr-profile .dr-img img {
    padding: 0px;
    border: none;
    border-radius: 50%;
}

.dr-profile:hover {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: -moz-linear-gradient(left, #EEEEEE 0%, #EEEEEE 50%, #EEEEEE 50%, #EEEEEE 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #EEEEEE), color-stop(50%, #EEEEEE), color-stop(50%, #EEEEEE), color-stop(100%, #EEEEEE));
}

.dr-profile:hover .dr-img p {
    border: 4px solid #ff9d00;
    transition: all 200ms ease 0s;
}

.dr-profile .dr-text {
    float: left;
    width: 65%;
}
.dr-profile .dr-text h2{
    font-size: 23px;
}
.dr-profile .dr-text h2 a {
    color: #9f5ea6;
    text-decoration: none;
}

.dr-profile .dr-text h2 a:hover,
.dr-profile:hover .dr-text h2 a {
    color: #ff9d00;
    text-decoration: none;
}

.dr-profile .dr-text .edu-qua {
    font-size: 13px;
    color: #2D4B8F;
    float: left;
    margin: 0px;
}

.dr-profile .dr-text .about-dr {
    float: left;
    border-top: 2px solid #EAEAEA;
    padding: 2px 0px;
    width: 100%;
}

.dr-profile .dr-text p .read-more {
    padding: 15px 0px;
}

.drimg-r {
  border: 2px solid #02a145;
  float: right;
  margin: 0 2%;
  overflow: hidden;
}
.table-link{
    width: 85%;
    margin: 10px auto;
    font-weight: bold;
    text-align: center;
    border: 1px solid #028460;
}
.table-link  th, td {
   border: 1px solid #028460;
}
.table-link td {
   padding: 10px 0px;
}

/* Contact*/

.contact-sec {
    float: left;
    width: 100%;
}
.textMain .contact-sec ul li {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
}
.textMain .contact-sec ul li .address{
	width:40%;
	background: #00529B;
	color: #ffffff;
	padding: 0px 0 10px 0;
	float: left;
	height: 230px;
	position: relative;
}
.textMain .contact-sec ul li .address a{
  color: #ffffff;
    text-decoration: none;
}
.textMain .contact-sec ul li .address::after{ 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #00529B;
    height: 0;
    width: 10px;
	position: absolute;
	right: -20px;
	top:30%;
	content:"";
}
.textMain .contact-sec ul li .address h3{
	text-align: center;
	font:400 17px/39px "Titillium Web",sans-serif;
	margin: 0;
	background: #028238;
	color: #ffffff;
}
.textMain .contact-sec ul li .address h3 a{color: #ffffff; text-decoration: none;}
.textMain .contact-sec ul li .address p{
	margin: 5px 10px;
}
.textMain .contact-sec ul li .address p a{
	color: #ffffff !important;
	text-decoration: underline;
}
.textMain .contact-sec ul li .address div img{
	margin: 0px 5px 5px 10px;
}
.textMain .contact-sec ul li .map-iframe{
	width:58%;
	float: right;
}
.textMain .contact-sec ul li .map-iframe iframe{
	height: 236px;
	width: 100%;
	border:1px solid #111820;
}

.other-loc{
	border:1px solid #111820;
	width: 99%;
	float: left;
	margin: 0 0 10px 0;
}
.textMain .other-loc ul li{
	background: none;
}
.textMain .other-loc h3{
	margin: 0;
	background: #028238;
	color: #ffffff;
	font:400 17px/19px "Titillium Web",sans-serif;
	padding: 5px;
	margin: 5px;
}
.textMain .other-loc p{
	margin: 5px 0 10px 10px;
}
.other-loc .address{
	width:50%;
	float: left;
}
.other-loc ul{
	float: right;
	width: 40%;
}
.other-loc ul li img{
	margin: 0 10px 0 0;
}
.other-loc iframe{
	width:99%;
	margin:5px;
	height: 300px;
}
.sub-page #Map-COntainer{
    display: none;
}
.sub-page #Credibility-conatiner{
    border-top: 1px solid #cccccc; 
}
.cont-images {
	float:right;
	margin:0px 5px 0px 10px;
}
.center-img img {
  border: 2px solid #01b6e0;
  margin: 2px;
  padding: 4px;
}


 
.contact-ph {
	float: left;
	width: 47%;
}

.contact-ph ul {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
}

.contact-ph li
 {
	font: normal 14px/35px verdana;
	height: 35px;
	text-align: left;
	margin: 5px 0px !important;
	padding: 0px 3% !important;
	background: none !important;
	float: none;
	width: 95%;
}
 
.contact-ph li img  {
	vertical-align: middle;
	margin: 0px 10px 0px 0px;
}

.contact-ph li span  {
	float: left;
	width: 30px;
}

.contact-ph li a,
.contact-ph li a:hover  {
	color: #000000;
	text-decoration: none;
}

/* BMI Calculator */
#bmi-cal{
	color: #000000;
  font: bold 11px Verdana,Arial,Helvetica,sans-serif;
	}
	.tableborder td a{
  color: #ffffff;
  font: bold 11px/22px Verdana,Arial,Helvetica,sans-serif;
  width:85px;
  height: 25px;
    text-align: center;
    text-decoration: none;
  background: #DCA641;
  display: block;
}
.tableborder td a:hover{
    color: #ffffff;
}
	#bmi-cal .tableborder {
  border: 1px solid #DCA641;
  border-radius: 5px;
        margin: 10px auto; 
        float: none;
         width: auto;
}
     #bmi-cal .formHead {
  background: #DCA641;
  color: #ffffff;
  font: bold 11px Verdana,Arial,Helvetica,sans-serif;
  padding: 5px 10px;
  text-decoration: none;
         
}
#bmi-cal .txtfield {
  background: #fafafa none repeat scroll 0 0;
  border: 1px solid #a9a9a9 !important;
  border-radius: 5px;
  font: 12px Verdana,Arial,Helvetica,sans-serif;
  height: 20px;
  padding: 2px 4px;
  text-decoration: none;
  vertical-align: middle;
  width: 175px;
}
#bmi-cal .table-link  th, td {
   border:none !important;
}
.border-tab {
  border: 1px solid #dca641;
}

/*-----------------------------Media Query ---------------------*/

@media screen and (max-width:980px) {
    .patient-journey-content li:nth-child(1) {
        margin-left: 1.5%;
    }
    .appoint li:first-child {
        font-size: 1.5vw !important;
    }
    .patient-journey-content li:nth-child(2n) span {
        margin-left: 0%;
        margin-right: 0%;
    }
    .sidebar-r {
        width: 66%;
        float: right;
    }
  
    .general-surgery-service-s {
        margin-right: 2%;
    }
    .intra-txt h2 {
        font: 400 3.2vw/4vw 'Dosis', sans-serif;
    }
    #Intra-Container-S .intra-txt h2 {
        font-size: 2.8vw;
        line-height: 3vw;
    }
    .intra-txt span {
        font: 500 5vw/5vw 'Dosis', sans-serif;
    }
    #Intra-Container-S .intra-txt h2 span {
        font-size: 3.8vw;
        line-height: 3.2vw;
    }
    .intra-txt h2 span {
        font: 500 4vw/5vw 'Dosis', sans-serif
    }
}
@media screen and (max-width:950px) {
  .textMain .contact-sec ul li .address {
  float: none;
  width: 100.4%;
}
    .textMain .contact-sec ul li .address::after {
display: none;
}
    .textMain .contact-sec ul li .map-iframe {
  float: none;
  width: 100%;
}
    .textMain .contact-sec ul li {
  float: left;
  margin: 0 0 10px;
  padding: 0;
  width: 100%;
}
    .textMain .contact-sec ul li .address div img {
  clear: right;
  float: left;
  margin: 0 5px 5px 10px;
}
}
@media screen and (max-width:805px) {
    .patient-journey-content li.postOpcare span {
        margin-left: auto;
        margin-right: auto;
    }
    .other-loc ul {
  clear: left;
  float: none;
  width: 100%;
}
    .patient-journey-content li {
        text-align: center;
        font: 400 11px/27px 'Titillium Web', sans-serif;
    }
    .patient-journey-content li:nth-child(1) {
        margin-left: 0px;
    }
    .patient-journey-content li {
        width: 12%;
    }
    .patient-journey-content span {
        width: 73px;
    }
	
.float-right {
	float:none;
	margin:0px auto;
	text-align:center;
}
}

@media screen and (max-width:768px) {
    .appoint li,
    .appoint li:first-child {
        float: none;
        font-size: 16px !important;
        width: 194px !important;
        text-align: left;
        padding-left: 33px;
    }
    .appoint .office-location {
        float: none;
    }
    .appoint {
        float: right;
        width: 185px;
    }
    .all-appoint {
        border: 0px solid;
    }
    .service li {
        font: 300 17px/20px 'Titillium Web', sans-serif;
    }
    .specialities {
        width: 100%;
        bottom: 12px;
    }
    .specialities ul {
        width: 94%;
        margin: 0px auto;
    }
    .specialities li {
        width: 25% !important;
        margin-top: 10px;
    }
    #Key-Hole-Container .specialities #Slider2-Tabs li,
    .patient-story_here {
        font: 700 13px/20px 'Titillium Web', sans-serif;
    }
    .key-hole-content {
        padding-bottom: 100px;
    }
    .specialities-tab {
        float: left;
        width: 66%;
        margin-top: 0px;
    }
    .patient-txt p {
        font-size: 14px;
        line-height: 20px;
    }
    .key-hole-calculator {
        margin-right: 5px;
    }
    .key-hole-content h2 {
        font: 400 19px/21px 'Titillium Web', sans-serif;
    }
    .rslides .patient-txt li {
        font-size: 14px;
    }
    .young-patient-content h2 {
        font-size: 20px;
    }
    .smo li {
        margin-right: 1px;
    }
    .textMain h1 {
        font-size: 25px;
    }
    .sidebar-r {
        width: 60%;
    }
    .general-surgery-service-s,
    .general-surgery-stxt {
        float: none;
        width: 100%;
    }
    .textMain .general-surgery-s img {
        display: block;
        margin: 0px auto;
        float: none;
    }
    .textMain .general-surgery-stxt a {
        float: none;
        margin-bottom: 10px;
        display: block;
    }
    .textMain .gastric-ballon-cost-s img {
        float: none;
        display: block;
        margin: 0px auto;
    }
    .gastric-cost-duration {
        width: 95%;
        text-align: center;
        position: relative;
        margin: 0px auto;
    }
    .appoint .office-location {
        text-align: left;
    }
}

@media screen and (max-width:640px) {
      #Intra-Container,
    #Intra-Container-S {
        display: none;
    }
   .multimedia-h, .gallery {
  display: inherit;
  margin: 0 auto;
  vertical-align: top;
}
    .logo,
    .appoint {
        display: inherit;
        width: 100%;
        margin: 0px auto;
    }
    .logo img {
        display: block;
        margin: 0px auto;
    }
    .all-appoint {
        border: none;
    }
    .appoint ul {
        width: 200px;
        margin: 0px auto;
    }
    .appoint li {
        float: none;
    }
    .service ul {
        width: 400px;
        margin: 0px auto;
        background: none;
    }
    .service {
        background: none;
    }
    .service li {
        width: 198px;
    }
    .specialities ul {
        width: 400;
        margin: 0px auto;
    }
    .specialities li {
        width: 50% !important;
        margin-top: 10px;
    }
    .specialities-tab {
        float: none;
        width: 100%;
        margin-top: 0px;
        position: relative;
        height: 300px;
    }
    .key-hole-calculator {
        width: 193px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .specialities {
        position: relative;
    }
    #Key-Hole-Container .patient-txt .read-more {
        margin-right: 5px;
    }
    .footer-menu,
    .footer-service,
    .links,
    .smo {
        width: 320px;
        float: none;
        margin: 0px auto;
        padding-top: 20px;
    }
    .copy-right h3 {
        text-align: center;
        float: none;
    }
    .copy-right img {
        float: none;
        display: block;
        margin: 0px auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .multimedia,
    .gallery {
        display: inherit;
        width: 100%;
        margin: 0px auto;
    }
    .patient-journey-content {
        width: 100%;
        padding-bottom: 10px;
    }
    .patient-journey-content ul {
        width: 307px;
        margin: 0px auto;
        padding-bottom: 31px;
    }
    .patient-journey-content li:nth-child(3) span::before,
    .patient-journey-content li:nth-child(7) span::before {
        border-bottom: 0px solid #06994B;
    }
    .patient-journey-content .pre-surgery,
    .patient-journey-content .postOpcare {
        float: none !important;
        clear: both !important;
        padding-bottom: 10px;
    }
    .patient-journey-content li.pre-surgery span,
    .patient-journey-content .postOpcare span {
        margin-left: auto;
        margin-right: auto;
    }
    .young-patient-education {
        width: 320px;
        float: none;
        margin: 0px auto;
        padding-bottom: 10px;
    }
    .young-patient-content h2 {
        font-size: 16px;
    }
    .young-patient-text img {
        width: auto;
        display: block;
        margin: 0px auto;
    }
    #Content-right {
        display: inherit;
        float: none;
        width: 100%;
    }
    #Sidebar {
        display: inherit;
        margin: 0px auto;
        float: none;
    }
    .patient-journey-content span {
        width: 86px;
    }
    .patient-journey-content li {
        width: auto;
    }
    .patient-journey-content ul {
        width: 307px;
    }
    .patient-journey-content li {
        font-size: 15px;
    }
    .sitesearch-form input[type="button"] {
        top: 0px;
    }
    a.call-none {
  display: none;
}
    a.call-block {
  display: block;
}
    .drimg-r {
  float: none;
  margin: 10px auto;
}
    header.fixed {
  position: relative;
}
    header {
  position: relative;
}
}

@media screen and (max-width:480px) {
  
    .service li {
        width: 187px;
        margin: 0px auto;
        float: none;
    }
    .specialities ul {
        width: 300px;
    }
    #Key-Hole-Container .specialities #Slider2-Tabs li,
    .patient-story_here {
        font: 700 11px/20px 'Titillium Web', sans-serif;
    }
    .specialities {
        bottom: 0px;
    }
    #Key-Hole-Container .patient-txt .read-more {
        margin-right: 2px;
    }
    .patient-img {
        display: none;
        width: 0px;
    }
    .patient-txt {
        float: none;
        width: 98%;
        margin: 0px auto;
    }
    .specialities {
        left: 0px;
    }
    .service ul {
        width: 100%;
    }
    .textMain img {
        display: block;
        float: none;
        margin: 0px auto;
        padding-bottom: 10px;
    }
    .textMain h1,
    .textMain h2.mbbs {
        text-align: center;
    }
}