/*

	Theme Name: Yasserk Khatib - Care First Orthopaedics

	Theme URI: http://www.yourpracticeonline.net

	Description: This theme is completely compatible with WordPress 4.3

	Author URI: http://www.yourpracticeonline.net

	Version: 1.0

/* ------------------------------ 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: both;

}

.clear-float {

	clear: both;

}

.align-left {

	float: left;

}

.align-right {

	float: right;

}

.videoBorder, .google-map-view {

	border: 4px solid #333;

	width: 96%;

	position: relative;

	margin: 15px auto;

	padding: 50% 0px 27px 0px;

}

.multiBorder {

	width: 90%;

	position: relative;

	margin: 10px auto;

	padding: 100% 0px 0px 0px;

	overflow: hidden;

	height: 300px;

}

.videoBorder iframe, .videoBorder embed, .multiBorder iframe, .multiBorder embed, .google-map-view embed, .google-map-view iframe {

	top: 0px;

	position: absolute;

	width: 100%;

	height: 100%;

	margin: 0px;

	padding: 0px;

	border: 0px !important;

}

.google-map-view {

border:1px solid #ccc;

}

/* ------------------------------ Slider CSS ------------------------------ */



.rslides {

	width: 100%;

	height: 100%;

	margin: 0px;

	padding: 0px;

}

.rslides li {

	display: none;

	position: absolute;

	width: 100%;

	height: 100%;

	padding: 0px;

}

#Interactivity {

	position: relative;

}

.intra-div {

	width: 100%;

	height: 100%;

}

/* ------------------------------ Scrolling Styles ------------------------------ */



#flexiselDemo1 {

	margin: 0px;

	padding: 0px;

	display: block;

	list-style: none;

	overflow: hidden !important;

}

.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: 85%;

	max-width: 85%;

	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: 35px;

	height: 100%;

	position: absolute;

	cursor: pointer;

	z-index: 100;

	top: 0px;

}

/* ------------------------------ Main CSS ------------------------------ */



section, header, #Container, #Intra-Container, #Intra-Container-S, #What-We-Treat-Container, #Patient-Journey-Container, #Need-Surgery-Container, #About-Care-First-Container, #Patient-Refer-Container, #Cred-Container, footer, #Content-Container, #Banner-Container {

	width: 100%;

	margin: 0px;

	padding: 0px;

	overflow: hidden;

	position: relative;

}

#Menu-Container {

	width: 100%;

	margin: 0px;

	padding: 0px;

	position: relative;

}

#Header, #Intractivity, #Main-Menu, .Intra-Main-Container, #Banner-Main, #What-We-Treat, #Patient-Journey, #Need-Surgery, #About-Care-First, #Patient-Refer, #Credibility, #Footer, #Content-Main {

	max-width: 960px;

	min-width: 320px;

	margin: 0px auto;

}

#Content-Main .intra-div, #header .intra-div {

	display: table;

}

#Header .logo, #Header .phone-appoint-h, #Content-Left, #Sidebar {

	display: table-cell;

	vertical-align: top;

}

.map-loc-h, .book-appoint-h, .need-surgery-head, .need-surgery-text, .need-surgery-more, .resource-head, .about-care-head, .doctor-head-h, .our-team-head-h, .foot-head, .copyright-f, .foot-follow, .patient-journey-head, .resource-head-s, .our-team-head-s {

	margin: 0px;

}

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



#Header {

	min-height: 132px;

}

.logo {

	width: 100%;

}

.logo img {

	margin: 12px 0px 0px 8px;

}

.phone-appoint-h, .phone-h, .location-appoint-h {

	width: 315px;

}

.phone-h {

	font: normal 21px/25px sans-serif;

	color: #cb4545;

	background: url(/images/phone-h-bdr.png) repeat-x left bottom;

	text-align: right;

	padding: 28px 0px 11px 0px;

	margin-right: 8px;

}

.phone-h a {

	color: #cb4545;

}

.location-appoint-h {

	padding-top: 10px;

}

.map-loc-h, .book-appoint-h {

	float: left;

	font: bold 12px/24px sans-serif;

	margin-right: 25px;

	height: 23px;

}

.book-appoint-h {

	margin-right: 0px;

}

.map-loc-h a, .book-appoint-h a {

	color: #6c6a6c;

	background: url(/images/yasserk-sprite.png) no-repeat;

	display: block;

}

.map-loc-h a {

	background-position: left 5px !important;

	padding-left: 18px;

}

.book-appoint-h a {

	background-position: left -25px !important;

	padding-left: 28px;

}

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



#Menu-Container {

	overflow: visible;

	border-top: 1px solid #ebebeb;

}

#Main-Menu {

	position: relative;

	min-height: 45px;

}

.menu-watermark {

	position: absolute;

	bottom: 0px;

	right: -201px;

}

#access {

	float: left;

	display: block;

	margin: 0px;

	padding: 0px;

	position: relative;

	width: 100%;

	z-index: 98;

}

#access ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

}

#access li {

	float: left;

	position: relative;

	padding: 0px;

	text-align: center;

	font: normal 12px/45px sans-serif;

	height: 45px;

	text-transform: uppercase;

}

#access li:last-child {

	background: none;

}

#access a {

	display: block;

	color: #939193;

	text-decoration: none;

}

#access a:hover {

	color: #cb4545;

	text-decoration: none;

}

.menu-item-19 {

	width: 12%;

}

.menu-item-20 {

	width: 13%;

}

.menu-item-32 {

	width: 16%;

}

.menu-item-33 {

	width: 16%;

}

.menu-item-34 {

	width: 16%;

}

.menu-item-35 {

	width: 14%;

}

.menu-item-36 {

	width: 13%;

}

#access ul ul {

	display: none;

	float: left;

	margin: 0px 0px 0px 0px;

	padding: 0px;

	position: absolute;

	left: 0px;

	z-index: 999;

	width: 245px;

	background: #ffffff;

	border-bottom: 3px solid #cb4545;

	border-radius: 0px 0px 0px 5px;

}

#access ul ul ul {

	left: 100%;

	top: 0px;

	margin: 0px;

	z-index: 999;

}

#access ul ul a {

	text-transform: none;

	color: #797878;

	margin: 0px;

	padding: 15px 10px 15px 30px;

	z-index: 999;

	text-align: left;

	background: #ffffff;

}

#access ul ul a:hover {

	color: #cb4545;

	background: #f5f5f5;

}

#access ul ul li {

	height: auto;

	border-bottom: 1px solid #dcdcdc;

	font: normal 14px/15px sans-serif !important;

	width: 100%;

}

#access ul li:hover > ul {

	display: block;

}

.ypomainmenu li a:hover, .ypomainmenu li:hover > a, .ypomainmenu > li:hover > a {

	color: #cb4545 !important;

}

.ypomainmenu .current-menu-item > a, .ypomainmenu .current_page_item > a, .ypomainmenu .current-menu-ancestor > a, .ypomainmenu .current_page_ancestor > a {

	color: #cb4545!important;

}

.ypomainmenu ul li a:hover, .ypomainmenu ul li:hover > a, .ypomainmenu ul > li:hover > a, .ypomainmenu > ul > li:hover > a {

	color: #cb4545;

	background: #f5f5f5;

}

.ypomainmenu li .current-menu-item > a, .ypomainmenu > li .current-menu-item > a, .ypomainmenu li .current_page_item > a, .ypomainmenu > li .current_page_item > a, .ypomainmenu li .current-menu-ancestor > a, .ypomainmenu > li .current-menu-ancestor > a, .ypomainmenu li .current_page_ancestor > a, .ypomainmenu > li .current_page_ancestor > a {

	background: #f5f5f5;

	color: #cb4545 !important;

}

.menu-item-473 ul {

	width: 180px !important;

}

#Mobile-Menu {

	display: none;

}

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



#Mobile-Menu {

	display: none;

	width: 100%;

	height: 50px;

	margin: 0px;

	padding: 0px;

	background: #F3F3F3;

}

.menu-link {

	height: 50px;

	font: normal 18px/50px sans-serif;

	color: #000;

	margin: 0px;

	padding: 0px;

	text-align: center;

	border-bottom: 1px solid #d3bfa0;

	text-transform: uppercase;

}

.menu-link a {

	color: #000;

	display: block;

}

.menu-link img {

	margin: 0px 10px;

}

#wrapper {

	left: 0px;

	overflow: hidden;

	width: 100%;

	position: relative;

	z-index: 996;

}

#wrapper ul {

	margin: 0px;

	padding: 0px;

}

#wrapper ul ul {

	margin: 0px;

	padding: 0px;

	display: none;

	position: relative;

}

#wrapper ul ul ul {

	margin: 0px;

	padding: 0px;

}

#wrapper ul li {

	font: normal 14px/35px Arial, Helvetica, sans-serif;

	height: auto;

	text-align: left;

	float: none;

	text-transform: none;

	background: #545454;

	color: #ffffff;

	border-bottom: 1px solid #fff;

	width: 100%;

}

#wrapper ul li a {

	display: block;

	color: #ffffff;

	padding: 0px 0px 0px 20px;

}

#wrapper ul li a:hover {

	color: #fff;

	background: #0154B1;

}

#wrapper .ypomainmenu li > a:hover, #wrapper .ypomainmenu > li:hover > a, #wrapper .ypomainmenu li.current_page_item > a, #wrapper .ypomainmenu li.current-menu-item > a {

	color: #fff !important;

	background: #0154B1 !important;

}

#wrapper .ypomainmenu > li.menu-item-has-children > a {

	background: url(/images/menu-left-bg.png) no-repeat 95% center #931A1D !important;

}

#wrapper .ypomainmenu > li.menu-item-has-children a:hover, #wrapper .ypomainmenu > li.menu-item-has-children:hover > a, #wrapper .ypomainmenu > li.current-menu-ancestor > a, #wrapper .ypomainmenu > li.current-page-ancestor > a, #wrapper .ypomainmenu > li.menu-item-has-children a.active {

	color: #fff !important;

	background: url(/images/menu-down-bg.png) no-repeat 95% center #931A1D !important;

}

#wrapper .menu-item-has-children ul a {

	color: #fff !important;

	background: #545454 !important;

}

#wrapper .ypomainmenu > li.menu-item-has-children li > a:hover {

	color: #fff !important;

	background: #0154B1 !important;

}

/* ------------------------------Home Interactivity CSS ------------------------------ */



.jssor_slider_outer_container {

	margin:0px  !important;

}

#Intra-Container #Intractivity, #Intra-Container .rslides {

	height: 446px;

	position: relative;

}

#Intra-Container #Intractivity {

	position: relative;

}

.Intra-L, .Intra-R {

	height: 100%;

	position: absolute;

	z-index: 100;

	width: 2000px;

	padding: 0px;

}

.Intra-L {

	margin: 0px 0px 0px -2000px;

}

.Intra-R {

	margin: 0px 0px 0px 960px;

}

#Intra-Container .banner0 {

	background: url(/images/banner1.jpg) no-repeat left top;

}

#Intra-Container .banner0 .Intra-L {

	background: url(/images/banner1-l.jpg) no-repeat right top;

}

#Intra-Container .banner0 .Intra-R {

	background: url(/images/banner1-r.jpg) no-repeat left top;

}

#Intra-Container .banner1 {

	background: url(/images/banner2.jpg) no-repeat left top;

}

#Intra-Container .banner1 .Intra-L {

	background: url(/images/banner2-l.jpg) no-repeat right top;

}

#Intra-Container .banner1 .Intra-R {

	background: url(/images/banner2-r.jpg) no-repeat left top;

}

#Intra-Container .banner2 {

	background: url(/images/banner3.jpg) no-repeat left top;

}

#Intra-Container .banner2 .Intra-L {

	background: url(/images/banner3-l.jpg) no-repeat right top;

}

#Intra-Container .banner2 .Intra-R {

	background: url(/images/banner1-r.jpg) no-repeat left top;

}

#Intra-Container .banner3 {

	background: url(/images/banner4.jpg) no-repeat left top;

}

#Intra-Container .banner3 .Intra-L {

	background: url(/images/banner4-l.jpg) no-repeat right top;

}

#Intra-Container .banner3 .Intra-R {

	background: url(/images/banner4-r.jpg) no-repeat left top;

}

#Intra-Container .banner4 {

	background: url(/images/banner5.jpg) no-repeat left top;

}

#Intra-Container .banner4 .Intra-L {

	background: url(/images/banner5-l.jpg) no-repeat right top;

}

#Intra-Container .banner4 .Intra-R {

	background: url(/images/banner1-r.jpg) no-repeat left top;

}



/*--------Subpage ---------------*/



#Intra-Container-S #Intractivity, #Intra-Container-S .rslides {

	height: 276px;

	position: relative;

}

#Intra-Container-S .banner0 {

	background: url(/images/banner1-s.jpg) no-repeat left top;

}

#Intra-Container-S .banner0 .Intra-L {

	background: url(/images/banner1-l-s.jpg) no-repeat right top;

}

#Intra-Container-S .banner0 .Intra-R {

	background: url(/images/banner1-r-s.jpg) no-repeat left top;

}

#Intra-Container-S .banner1 {

	background: url(/images/banner2-s.jpg) no-repeat left top;

}

#Intra-Container-S .banner1 .Intra-L {

	background: url(/images/banner2-l-s.jpg) no-repeat right top;

}

#Intra-Container-S .banner1 .Intra-R {

	background: url(/images/banner2-r-s.jpg) no-repeat left top;

}

#Intra-Container-S .banner2 {

	background: url(/images/banner3-s.jpg) no-repeat left top;

}

#Intra-Container-S .banner2 .Intra-L {

	background: url(/images/banner3-l-s.jpg) no-repeat right top;

}

#Intra-Container-S .banner2 .Intra-R {

	background: url(/images/banner3-r-s.jpg) no-repeat left top;

}

#Intra-Container-S .banner3 {

	background: url(/images/banner4-s.jpg) no-repeat left top;

}

#Intra-Container-S .banner3 .Intra-L {

	background: url(/images/banner4-l-s.jpg) no-repeat right top;

}

#Intra-Container-S .banner3 .Intra-R {

	background: url(/images/banner4-r-s.jpg) no-repeat left top;

}

#Intra-Container-S .banner4 {

	background: url(/images/banner5-s.jpg) no-repeat left top;

}

#Intra-Container-S .banner4 .Intra-L {

	background: url(/images/banner5-l-s.jpg) no-repeat right top;

}

#Intra-Container-S .banner4 .Intra-R {

	background: url(/images/banner5-r-s.jpg) no-repeat left top;

}

/*---------------- Intra Tabs Styles -----------------*/



.intra-tabs {

	position: absolute;

	right: 2%;

	z-index: 98;

	width: 80px;

	margin: 10px auto;

}

.intra-tabs {

	bottom: 85px;

}

#Intra-Container-S .intra-tabs {

	bottom: 50px;

}

.intra-tabs li {

	float: left;

	height: 10px;

	margin: 0px 3px 0px 0px;

	width: 10px;

}

.intra-tabs a {

	background: #fff;

	display: block;

	height: 100%;

	width: 100%;

	border-radius: 10px;

}

.intra-tabs li a:hover, .Banner_here a {

	background: #931A1D !important;

}

#Intra-Container .intra-text, #Intra-Container-S .intra-text {

	width: 575px;

	float: right;

	text-align: right;

	margin-right: 1%;

	margin-top: 9%;

}

#Intra-Container-S .intra-text {

	width: 515px;

	margin-top: 6%;

}

#Intra-Container .intra-text h2, #Intra-Container-S .intra-text h2 {

	color: #3a353c;

	font: bold 32px/36px sans-serif;

	text-transform: uppercase;

}

#Intra-Container-S .intra-text h2 {

	font: bold 28px/32px sans-serif;

}

.intra-text span {

	display: block;

	color: #959595;

	font: normal 36px/38px sans-serif;

}

#Intra-Container-S .intra-text span {

	font: normal 32px/36px sans-serif;

}

.intra-text .sub-para {

	color: #cb4545;

	font: normal 14px/18px sans-serif;

}

#Intra-Container-S .intra-text .sub-para {

	font: normal 13px/17px sans-serif;

}

.intra-more {

	float: right;

	color: #3a353c;

	width: 110px;

	font: normal 14px/29px sans-serif;

	height: 29px;

}

.intra-more a {

	color: #3a353c;

	display: block;

	border: 1px solid #d7d7d7;

	text-align: center;

}

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



#Banner-Container {

	position: absolute;

	z-index: 10;

	height: 84px;

	width: 100%;

	margin: 0px;

	padding: 0px;

	bottom: 0px;

	background: url(/images/websitesearch-bg.png) repeat top left;

}

.banner-list-h {

	width: 95%;

	margin: 0px auto;

}

.banner-list-h li {

	float: left;

	font: bold 16px/22px sans-serif;

	width: 33.3%;

	background: url(/images/bracket-l.png) left center no-repeat, url(/images/bracket-r.png) right center no-repeat;

	margin-top: 30px;

	text-align: center;

}

.banner-list-h a {

	color: #fff;

}

/*---------- What We Do Css -------------*/



#What-We-Treat-Container {

	background: #ffffff;

}

#What-We-Treat {

	min-height: 355px;

	position: relative;

}

.what-we-treat-head {

	margin: 0px;

	font: normal 30px/34px sans-serif;

	color: #3a353c;

	text-align: center;

	padding: 48px 0px 10px 0px;

}

.what-we-treat-head a {

	color: #3a353c;

}

.what-we-treat-details {

	width: 100%;

	text-align: center;

	margin-top: 16px;

}

.what-we-treat-details li {

	float: left;

	font: normal 14px/16px sans-serif;

	text-transform: uppercase;

}

.what-we-treat-details li a {

	color: #3a353c;

	padding: 160px 0px 2px 0px;

	text-align: center;

	display: block;

	max-width: 170px;

}

.hip-icon a {

	background: url(/images/hip-icon.png) no-repeat top center;

}

.hip-icon a:hover {

	background: url(/images/hip-icon-hover.png) no-repeat top center;

}

.knee-surgery-icon a {

	background: url(/images/knee-surgery-icon.png) no-repeat top center;

}

.knee-surgery-icon a:hover {

	background: url(/images/knee-surgery-icon-hover.png) no-repeat top center;

}

.foot-ankle-icon a {

	background: url(/images/foot-ankle-icon.png) no-repeat top center;

}

.foot-ankle-icon a:hover {

	background: url(/images/foot-ankle-icon-hover.png) no-repeat top center;

}

.shoulder-surgery-icon a {

	background: url(/images/shoulder-surgery-icon.png) no-repeat top center;

}

.shoulder-surgery-icon a:hover {

	background: url(/images/shoulder-surgery-icon-hover.png) no-repeat top center;

}

.trauma-icon a {

	background: url(/images/trauma-icon.png) no-repeat top center;

}

.trauma-icon a:hover {

	background: url(/images/trauma-icon-hover.png) no-repeat top center;

}

.work-icon a {

	background: url(/images/work-icon.png) no-repeat top center;

}

.work-icon a:hover {

	background: url(/images/work-icon-hover.png) no-repeat top center;

}

.sports-icon a {

	background: url(/images/sports-icon.png) no-repeat top center;

}

.sports-icon a:hover {

	background: url(/images/sports-icon-hover.png) no-repeat top center;

}

/*------------Patient Journey----------*/



#Patient-Journey-Container {

	background: #f3f3f3;

}

#Patient-Journey {

	min-height: 457px;

	position: relative;

}

.journey-watermark {

	position: absolute;

	margin-left: -300px;

}

.patient-journey-tabs {

	width: 692px;

	margin: 0px auto;

	position: relative;

	height: 398px;

}

.patient-journey-head {

	

	color: #3a353c;

	text-align: center;

	padding-top: 50px;

}

.patient-journey-head a {

	 font: normal 30px/34px sans-serif !important;

	color: #3a353c !important;

	 

}

.patient-journey-tabs a {

	text-align: center;

	font: normal 16px/20px sans-serif;

	color: #898989;

	text-align: center;

	display: block;

	border-radius: 150px;

	

}

.consultation-tab {

	width: 150px;

	position: absolute;

	left: 0px;

	bottom: 0px;

}

.consultation-tab a {

	background: url(/images/consulation-icon.png) no-repeat left top;

	padding-top: 154px;

	z-index: 1px;

}

.pre-procedure-tab {

	width: 180px;

	position: absolute;

	left: 70px;

	top: 122px;

}

.pre-procedure-tab a {

	background: url(/images/pre-procedure-icon.png) no-repeat left bottom;

	padding-bottom: 168px;

	z-index: 2px;

}

.procedure-tab {

	width: 180px;

	position: absolute;

	left: 166px;

	bottom: 0px;

}

.procedure-tab a {

	background: url(/images/procedure-icon.png) no-repeat left top;

	padding-top: 158px;

	z-index: 3px;

}

.review-tab {

	width: 180px;

	position: absolute;

	left: 262px;

	top: 122px;

}

.review-tab a {

	background: url(/images/review-icon.png) no-repeat left bottom;

	padding-bottom: 169px;

	z-index: 4px;

}

.post-procedure-tab {

	width: 180px;

	position: absolute;

	right: 157px;

	bottom: 0px;

}

.post-procedure-tab a {

	background: url(/images/post-procedure-icon.png) no-repeat left top;

	padding-top: 158px;

	z-index: 5px;

}

.support-tab {

	width: 250px;

	position: absolute;

	right: -8px;

	top: 54px;

}

.support-tab a {

	background: url(/images/support-icon.png) no-repeat left bottom;

	padding: 196px 0px 36px 0px;

	text-align: right;

	border-radius: 40px;

	z-index: 6px;

}

.support-tab span {

	margin-right: 35px;

}

.for-appoint-text-h {

	position: absolute;

	right: 2px;

	top: 60%;

	width: 24%;

}

.for-appoint-text-h p {

	font: normal 13px/18px sans-serif;

	color: #aeaeae;

	margin: 10px 0px 0px 0px;

}

.for-appoint-text-h a {

	color: #aeaeae;

}

/* -------------------- Need Surgery Styles -------------------- */



#Need-Surgery-Container {

	background: url(/images/new-surgery-bg.jpg) no-repeat top center;

}

#Need-Surgery {

	min-height: 300px;

}

.need-surgery-details {

	float: right;

	width: 68.5%;

}

.need-surgery-head {

	font: normal 48px/52px sans-serif;

	color: #242222;

	padding-top: 58px;

}

.need-surgery-head a {

	color: #242222;

}

.need-surgery-text {

	font: normal 13px/22px sans-serif;

	color: #232323;

	padding-top: 16px;

	width: 90%;

}

.need-surgery-more, .need-surgery-more a {

	font: bold 14px/32px sans-serif;

	width: 110px;

	height: 32px;

}

.need-surgery-more {

	float: right;

	margin: 25px 20% 0px 0px;

}

.need-surgery-more a {

	color: #fff;

	background: #171f26;

	border-radius: 5px;

	display: block;

	text-align: center;

}

/*------------About Care First Orthopaedics Css------------------*/



#About-Care-First-Container {

	background: #f3f3f3;

}

#About-Care-First {

	min-height: 390px;

}

.about-care-head {

	font: normal 30px/34px sans-serif;

	text-align: center;

	padding-top: 45px;

}

.about-care-head a {

	color: #3a353c;

}

.doctor-our-team {

	width: 100%;

	float: left;

	margin-top: 42px;

}

.doctor-profile-h, .our-team-h {

	float: left;

	width: 50%;

}

.doctor-image-h, .doctor-text-h, .our-team-image-h, .our-team-text-h {

	float: left;

}

.doctor-image-h {

	width: 32%;

}

.doctor-image-h, .our-team-image-h {

	outline: 1px solid #d7d7d7;

	border: 10px solid #f3f3f3;

}

.doctor-text-h {

	padding-left: 8%;

	width: 53%;

}

.doctor-head-h {

	font: bold 24px/28px sans-serif;

	color: #3a353c;

	padding-top: 12px;

}

.doctor-head-h a {

	color: #3a353c;

}

.doctor-text-h p, .our-team-text-h p {

	font: oblique 13px/22px sans-serif;

	color: #918f91;

	width: 76%;

}

p .quotation-h {

	background: url(/images/yasserk-sprite.png) no-repeat left -658px;

	display: block;

	height: 20px;

	width: 25px;

	float: left;

	margin-right: 12px;

}

.doctor-profile-more {

	width: 110px;

	height: 32px;

	float: left;

	margin-top: 12px;

}

.doctor-profile-more a {

	font: normal 13px/32px sans-serif;

	display: block;

	background: #cb4545;

	color: #fff;

	text-align: center;

}

.our-team-image-h {

	width: 65%;

}

.our-team-image-h {

	width: 52%;

}

.our-team-text-h {

	padding-left: 8%;

	width: 33%;

}

.our-team-text-h p {

	width: 86%;

}

.our-team-text-h b {

	font: bold italic 13px/22px sans-serif;

	color: #cb4545;

}

/*-----------Patient Resource & Referrer Resources Css ------------*/



#Patient-Refer-Container {

}

#Patient-Refer {

	min-height: 320px;

	position: relative;

}

#Patient-Refer .watermark-logo {

	position: absolute;

	right: -410px;

	top: 0px;

	z-index: 1;

}

.patient-resource, .referrer-resource {

	float: left;

	width: 50%;

	margin-top: 55px;

}

.referrer-resource {

	background: url(/images/refer-resource-bdr.png) no-repeat left center;

}

.resource-head {

	width: 72%;

	margin: 0px auto;

	height: 40px;

}

.resource-head a {

	font: normal 20px/40px sans-serif;

	display: block;

	color: #fff;

	background: #676768;

	text-align: center;

	border-radius: 20px;

}

.referrer-resource .resource-head a {

	background: #d1d1d1;

}

.patient-resource .resource-list {

	width: 78%;

	margin: 16px 0px 0px 22%;

	float: left;

}

.resource-list li {

	font: normal 16px/38px sans-serif;

	width: 100%;

}

.resource-list li a {

	background: url(/images/yasserk-sprite.png) no-repeat;

	display: block;

	padding-left: 15%;

	color: #676768;

}

.first-visit-h a {

	background-position: left -59px !important;

}

.payment-h a {

	background-position: 2px -120px !important;

}

.patient-forms-h a {

	background-position: 2px -175px !important;

}

.multi-edu-h a {

	background-position: 0px -234px !important;

}

.referrer-resource .resource-list {

	width: 220px;

	margin: 16px auto;

}

.referrer-resource .resource-list li a {

	background: url(/images/yasserk-sprite.png) no-repeat left -590px;

	padding-left: 46px;

}

.resource-list li a:hover, .referrer-resource .resource-list li a:hover {

	text-decoration: underline;

}

/*---------- Clients Logo Css -------------*/



#Cred-Container {

	background: url(/images/cred-bg.png) repeat-x left top #ffffff;

}

#Credibility {

	min-height: 100px;

	text-align: center;

	width: 100%;

}

.credibility-main {

	width: 100%;

	float: left;

	margin-top: 28px;

	text-align: center;

}

.credibility-main .nbs-flexisel-nav-left {

	background: url(/images/cred-arrow-l.png) no-repeat center center;

	left: 0px;

}

.credibility-main .nbs-flexisel-nav-right {

	background: url(/images/cred-arrow-r.png) no-repeat center center;

	right: 0px;

}

/* -------------------- Footer Styles -------------------- */



footer {

	background: url(/images/footer-bg.jpg) no-repeat top center;

}

#Footer {

	min-height: 404px;

}

.services-contact-location-h, .foot-menu-logo-social-h {

	width: 95%;

	margin: 0px auto;

}

.services-contact-location-h {

	padding-bottom: 20px;

}

.services-h, .contact-h, .location-h {

	width: 30%;

	float: left;

}

.contact-h {

	width: 30%;

}

.location-h {

	width: 40%;

}

.foot-head, .foot-follow {

	color: #fff;

	float: left;

	font: normal 30px/34px sans-serif;

	padding: 44px 0px 5px 0px;

	width: 100%;

}

.foot-head a, .foot-follow a {

	color: #fff;

}

.foot-text, .copyright-f, .foot-list-h, .foot-list-h a, .foot-text a, .email-f a, .foot-menu-f, .foot-menu-f a {

	color: #fff;

	font: normal 14px/24px sans-serif;

}

.foot-list-h a:hover {

	text-decoration: underline;

}

.foot-text span {

	font: normal 18px/24px sans-serif;

	display: block;

	color: #cb4545;

}

.foot-text .phone-f, .foot-text .email-f {

	font: normal 14px/24px sans-serif;

	display: block;

}

.websearch-f {

	margin: 44px auto 0px auto;

	color: #343335;

	font: normal 18px/33px sans-serif;

	text-align: center;

	width: 94%;

	position: relative;

	height: 33px;

}

.websearch-f input.search-text {

	background: url(/images/websitesearch-bg.png) repeat left top;

	color: #4b4c4c;

	border: 1px solid #4b4c4c;

	width: 90%;

	position: absolute;

	height: 30px;

	left: 0px;

	top: 0px;

	border-radius: 10px;

	padding-left: 10%;

        outline:none;

}

.websearch-f input.search-button {

	position: absolute;

	background: url(/images/yasserk-sprite.png) no-repeat left -710px;

	top: 0px;

	right: 0px;

	height: 30px;

	width: 30px;

	border: none;

}

.map-location-div, .map-location-img {

	width: 100%;

	float: left;

	margin-top: 20px;

}

.map-location-div {

	position: relative;

}

.map-location-img {

	text-align: center;

	margin: 0px;

}

.map-location-img img {

	border: 6px solid;

	border-color: transparent;

	outline: 1px solid #5a5b5a;

}

.map-location-div .prev, .map-location-div .next {

	height: 25px;

	position: absolute;

	text-indent: -9999px;

	top: 48px;

	width: 21px;

	z-index: 101;

}

.map-location-div .prev {

	background: url(/images/foot-loc-l.png) no-repeat left top;

	left: -15px;

}

.map-location-div .next {

	background: url(/images/foot-loc-r.png) no-repeat scroll left top;

	right: -20px;

}

.foot-menu-logo-social-h {

	border-top: 1px solid #424242;

}

.copy-right-menu-f, .social-f {

	float: left;

	min-height: 145px;

}

.copy-right-menu-f {

	width: 57%;

	padding-right: 3%;

	background: url(/images/copy-right-menu-bdr.png) no-repeat right center;

}

.social-f {

	padding-left: 4%;

	width: 36%;

}

.copyright-f, .foot-menu-f, .ypo-logo {

	float: right;

}

.foot-menu-f a, .copyright-f {

	font: normal 14px/18px sans-serif;

}

.copyright-f {

	margin-top: 32px;

}

.foot-menu-f a {

	margin: 0px 2px;

}

.foot-menu-f a:hover {

	text-decoration: underline;

}

.ypo-logo {

	margin-top: 18px;

}

.foot-follow {

	font: normal 24px/28px sans-serif;

	padding: 30px 0px 0px 0px;

}

.social-icon-f {

	float: left;

	width: 100%;

	margin-top: 15px;

}

.social-icon-f li {

	margin-right: 3px;

	text-indent: 99999px;

	float: left;

}

.social-icon-f a {

	height: 36px;

	width: 36px;

	background: url(/images/yasserk-sprite.png) no-repeat;

	display: block;

	border-radius: 20px;

}

.linkedin-f a {

	background-position: left -420px !important;

}

.twitter-f a {

	background-position: left -360px !important;

}

.googleplus-f a {

	background-position: left -480px !important;

}

.youtube-f a {

	background-position: left -540px !important;

}

.facebook-f a {

	background-position: left -300px !important;

}

/* ------------------------------ Content Container CSS ------------------------------ */



#Content-Container {

	padding-bottom: 50px;

}

#Content-Main .intra-div {

	display: table;

	width: 100%;

}

#Content-Left {

	display: table-cell;

	vertical-align: top;

	width: 100%;

}

#Sidebar {

	display: table-cell;

	vertical-align: top;

	width: 250px;

	padding: 0px 5px 50px 0px;

}

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



.navigation {

	font: 14px/20px sans-serif;

	color: #151515;

	padding: 10px 30px 10px 10px;

}

.navigation a {

	font: normal 14px/20px sans-serif;

	color: #c20916;

	text-decoration: underline;

	padding-bottom: 5px;

}

.navigation a:hover {

	text-decoration: underline;

}

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



.textMain {

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

	color: #616060;

	padding: 10px 30px 30px 10px;

}

.textMain a {

	color: #931A1D;

}

.textMain a:hover {

	color: #cf0001;

	text-decoration: underline;

}

.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 10px;

	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 .pdf-list li {

	background: url(/images/pdf-icon.png) no-repeat 5px 12px;

	list-style: none;

	padding: 10px 0px 0px 30px;

}

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



.ypocmstitle{

	font: normal 28px/30px sans-serif;

	color: #cf0001;

	margin: 10px 0px -5px 10px;

	text-align: left;

}

.textMain h2 {

	font: normal 24px/28px sans-serif;

	color: #CB4545;

	text-align: left;

}

.textMain h2 a {

	color: #359e85;

}

.textMain h2 a:hover {

	text-decoration: underline;

}

.textMain h3 {

	font: normal 18px/22px sans-serif;

	color: #E51628;

	text-align: left;

}

.textMain h3 a {

	color: #359e85;

}

.textMain h3 a:hover {

	text-decoration: underline;

}

.textMain h4 {

	font: normal 16px/20px sans-serif;

	color: #fe4a5d;

	text-align: left;

}

.textMain h4 a {

	color: #131b3d;

}

.textMain h4 a:hover {

	text-decoration: underline;

}

.textMainBold {

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

	color: #555555;

	text-align: left;

}

.textMainBold a {

	color: #005087;

}

.textMainBold a:hover {

	text-decoration: underline;

}

.PDFtext {

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

	color: #999999;

}

.service-p-link-s h3 {

	background: #f3f3f3;

	border-radius: 3px;

	font: normal 18px/22px sans-serif;

	height: 30px;

	padding: 7px 0px 0px 10px;

}

/*----- Sidebar Starts -----*/



#Sidebar .widget-title {

	display: none;

}

/*---------- Services Link Subpage Style ----------*/



.services-s, .meet-doctor-s, .patient-resource-s, .need-surgery-s, .our-team-s {

	width: 250px;

	float: left;

	position: relative;

	margin-top: 28px;

	overflow: hidden;

}

.services-s {

	border-radius: 5px;

	overflow: hidden;

}

.services-link-s {

	background: #cb4545;

	float: left;

	width: 100%;

	padding: 10px 0px 5px 0px;

	border-bottom: 2px solid #bc2e2e;

}

.services-link-s li {

	font: normal 18px/18px sans-serif;

	background: url(/images/services-bdr-s.png) no-repeat bottom center;

	padding-left: 25px;

}

.services-link-s li:last-child {

	background: none;

}

.services-link-s a {

	color: #ffffff;

	background: url(/images/services-bullet-s.png) no-repeat left center;

	display: block;

	padding: 12px 0px 14px 20px;

}

.services-link-s a:hover {

	color: #000;

}

/*------------ Doctor Profile subpage Css----------*/



.meet-doctor-s {

	background: #f3f3f3;

	height: 292px;

	text-align: center;

}

.meet-head-s {

	font: normal 24px/28px sans-serif;

	margin: 0px;

	padding-top: 25px;

	text-align: center;

}

.meet-head-s a {

	color: #3a353c;

}

.doctor-img-s {

	text-align: center;

	padding: 15px 0px;

}

.doctor-img-s img {

	border: 7px solid transparent;

	outline: 1px solid #d7d7d7;

}

.doctor-more-s {

	font: normal 13px/31px sans-serif;

}

.doctor-more-s a {

	background: #cb4545;

	color: #fff;

	display: block;

	height: 31px;

	margin: 1px auto;

	width: 110px;

}

/*------------ Our Team subpage Css----------*/



.our-team-s {

	background: #f3f3f3;

	height: 310px;

	text-align: center;

}

.our-team-head-s {

	font: bold 18px/22px sans-serif;

	margin: 0px;

	padding-top: 15px;

	text-align: center;

}

.our-team-head-s a {

	color: #3a353c;

}

.our-team-img-s {

	text-align: center;

	padding: 13px 0px;

}

.our-team-img-s img {

	border: 6px solid transparent;

	outline: 1px solid #d7d7d7;

}

.our-team-s p {

	font: normal 12px/19px sans-serif;

	width: 208px;

	margin: 0px auto;

	color: #918f91;

	padding-top: 3px;

}

p .quotation-s {

	background: url(/images/yasserk-sprite.png) no-repeat left -658px;

	display: block;

	float: left;

	height: 19px;

	width: 24px;

	margin-top: -4px;

}

.our-team-s b {

	color: #cb4545;

	font: italic bold 13px/22px sans-serif;

}

/*------------ Need Surgery subpage Css----------*/



.need-surgery-s {

	width: 244px;

	border: 3px solid transparent;

	outline: 1px solid #d7d7d7;

	background: url(/images/new-surgery-s-bg.jpg) no-repeat center center;

	font: bold 17px/17px sans-serif;

	margin: 22px 0px 0px 0px;

}

.need-surgery-s a {

	color: #333333;

	padding: 20px 0px 47px 0px;

	display: block;

	text-align: right;

}

/*------------ Patient Resource subpage Css----------*/



.resource-head-s a {

	font: normal 18px/36px sans-serif;

	display: block;

	color: #fff;

	background: #676768;

	text-align: center;

	border-radius: 20px;

}

.referrer-resource-s .resource-head-s a {

	background: #d1d1d1;

}

.patient-resource-s .resource-list-s {

	width: 98%;

	margin: 15px 0px 0px 2%;

	float: left;

}

.resource-list-s li {

	font: normal 14px/38px sans-serif;

	width: 100%;

}

.resource-list-s li a {

	background: url(/images/yasserk-sprite.png) no-repeat;

	display: block;

	padding-left: 14%;

	color: #676768;

}

.first-visit-s a {

	background-position: left -59px !important;

}

.payment-s a {

	background-position: 2px -120px !important;

}

.patient-forms-s a {

	background-position: 2px -175px !important;

}

.multi-edu-s a {

	background-position: 0px -234px !important;

}

/* -------------------- Services Page -------------------- */



.page-id-259 #Sidebar {

	display: none;

}

.Services-P {

	width: 100%;

}

.Services-P .service-tabs-p {

	border: 1px solid #dcdbdd;

	float: left;

	margin: 20px 24px 20px 0px;

	width: 433px;

	border-radius: 85px;

	padding: 0px !important;

	height: 144px;

}

.Services-P .shoulder-services-p {

	background: url(/images/shoulder-surgery-s.png) no-repeat 8px center;

}

.Services-P .foot-services-p {

	background: url(/images/foot-ankle-s.png) no-repeat 8px center;

}

.Services-P .knee-services-p {

	background: url(/images/knee-surgery-s.png) no-repeat 8px center;

	width: 96%;

}

.Services-P .hip-services-p {

	background: url(/images/hip-s.png) no-repeat 8px center;

}

.Services-P .truma-services-p {

	background: url(/images/trauma-s.png) no-repeat 8px center;

}

.Services-P .work-services-p {

	background: url(/images/work-s.png) no-repeat 8px center;

}

.Services-P .sports-services-p {

	background: url(/images/sports-s.png) no-repeat 8px center;

}

.service-text {

	float: left;

	margin-left: 160px;

}

.service-text .service-head-p {

	font: bold 18px/24px sans-serif;

	color: #3a353c;

	margin: 28px 0px 0px 0px;

	text-transform: uppercase;

}

.service-text .service-head-p a {

	color: #3a353c;

}

.service-text .service-head-p a:hover {

	color: #dcdbdd;

	text-decoration: none;

}

.service-text .service-list-p li, .service-text .service-list-pd li {

	background: url(/images/bullet-tm.gif) no-repeat 15px 10px;

	list-style: none;

	font: normal 15px/17px sans-serif;

}

.service-text .service-list-pd {

	padding-top: 20px;

}

.service-list-p li a, .service-list-pd li a {

	color: #787878;

}

/*--------Profile Page-----------*/



.page-id-37 .meet-doctor-s {

	display: none;

}

.page-id-37 .textMain h1 {

	display: none;

}

.meet-photo-s {

	float: right;

	margin: 10px 0px 10px 20px;

}

.meet-photo-s img {

	border: 8px solid transparent;

	box-shadow: 0px 2px 6px -2px #000;

	outline: 1px solid #ccc;

}

.meet-prof-p {

	padding: 0px 0px 15px 0px;

}

.meet-prof-p h2 {

	color: #cf0001;

	font: 28px/30px sans-serif;

	text-align: justify;

	margin: 0px;

}

.meet-prof-p h2 span {

	color: #000000;

}

.meet-prof-p p {

	margin: 0px;

	font: normal 17px/21px sans-serif;

	color: #999999;

}

/*------------------------- Other List -------------------------------*/



.textMain .other-list ul {

	margin: 0px;

	padding: 0px;

}

.textMain .other-list {

	color: #ffffff;

	text-decoration: none;

	clear: both;

	float: left;

	padding: 0px 0px 10px 0px;

}

.textMain .other-list li {

	width: 285px;

	float: left;

	overflow: hidden;

	margin: 5px;

	padding: 0px 0px 20px 0px;

	text-align: left;

	font: normal 18px/18px sans-serif;

	overflow: hidden !important;

	background: url(/images/service-sublist-bg.png) no-repeat right bottom;

}

.textMain .other-list li a {

	background: #cb4545;

	color: #fff;

	display: block;

	height: 25px;

	padding: 14px 0px 18px 20px;

	text-decoration: none !important;

}

.textMain .other-list li a:hover {

	background: #BC2E2E;

	color: #fff;

	text-decoration: none;

}

/*----- 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: #A46738;

	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: #2EB24C;

	color: #ffffff;

	text-decoration: none;

	-webkit-transition: 2s linear;

	-moz-transition: 2s linear;

	-ms-transition: 2s linear;

	-o-transition: 2s linear;

	transition: 2s linear;

}

/*-------------------- Review Page Styles --------------------*/



.review {

	margin: 20px auto 0px auto;

	padding: 0px;

	width: 100%;

	height: auto;

	text-align: left;

}

.review img {

	margin: 5px;

	padding: 0px;

}

/*------------- accordion Css --------------*/



.accordion {

	margin: 1em 0;

}

.accordion h2 {

	background: url(/images/accordian-icon.png) no-repeat 95% #CB4545;

	color: #ffffff;

	cursor: pointer;

	margin: 5px 0px 0px 0px;

	padding: 4px 0px 4px 20px;

	font: normal 18px/26px sans-serif;

}

.accordion h2.current {

	background: url(/images/accordian-icon-hover.png) no-repeat 95% #BC2E2E;

	cursor: default;

	color: #ffffff;

}

.accordion div.pane {

	padding: 5px 10px;

	border: 1px solid #ccc;

}

/*-------------------- Useful Links Styles --------------------*/



.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;

}

/* ------------------------------ Forms CSS ------------------------------ */



.mandatory {

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

	color: #FF8204;

}

.ypo-form {

	margin: 0px;

	padding: 0px;

	position: relative;

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

	text-align: left;

}

.ypo-form, .ypo-form input[type="text"], .ypo-form input[type="email"], .ypo-form textarea, .ypo-form select, .ypo-captcha {

	border: 1px solid #CCCCCC;

	border-radius: 2px;

}

.textMain .ypo-form h3, .ypo-form input[type="submit"], .ypo-form input[type="reset"] {

	background: #CCCCCC;

	color: #6a646c;

	border-radius: 2px;

}

.textMain .ypo-form h3 {

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

	margin: 0px;

	padding: 5px 10px;

}

.textMain .ypo-form ul {

	margin: 0px;

	padding: 5px;

	list-style: none;

	display: table;

}

.textMain .ypo-form li {

	margin: 0px;

	padding: 0px;

	background: none;

	display: table-row;

}

.ypo-form .ypo-field {

	display: table-cell;

	float: left;

	width: 50%;

	margin: 0px;

	padding: 5px 0px;

}

.ypo-form .ypo-area {

	width: 100%;

	margin: 0px;

	padding: 5px 0px;

}

.ypo-form .ypo-text, .ypo-form .ypo-test {

	margin: 0px;

	padding: 10px 20px;

}

.ypo-form .ypo-text .wpcf7-radio {

	display: block;

}

.ypo-form .your-referal .wpcf7-list-item, .ypo-form .your-rays .wpcf7-list-item {

	display: inline-block !important;

}

.ypo-form input[type="text"], .ypo-form input[type="email"] {

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

	padding: 2px 5px;

	width: 90%;

}

.ypo-form select {

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

	padding: 3px 5px;

	width: 93%;

	z-index: 1;

}

.ypo-form .ypo-captcha {

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

	width: 70px !important;

	padding: 2px 5px;

}

.your-captcha {

	display: inline !important;

}

.ypo-form textarea {

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

	padding: 2px 5px;

	width: 95%;

	height: 100px;

}

.ypo-form input[type="submit"], .ypo-form input[type="reset"] {

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

	padding: 5px;

	width: 90px;

	float: left;

	margin: 0px;

	border: 0px;

	cursor: pointer;

}

.ypo-form input[type="radio"] {

	vertical-align: text-top;

	margin: 0px 0px 0px 0px;

}

.ypo-form img {

	float: left;

}

.ypo-test .wpcf7-form-control-wrap {

	width: auto !important;

}

.ypo-form input[type="file"] {

	margin: 0px 0px 0px 10px;

}

.wpcf7-form-control-wrap {

	display: inline-block;

	width: 100%;

}

.wpcf7-not-valid-tip {

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

	position: absolute;

	z-index: 1;

	top: 5px;

	left: 5px;

}

.wpcf7-list-item {

	display: block;

	padding: 5px 0px;

}

.ypo-form .your-referal .wpcf7-list-item, .ypo-form .your-rays .wpcf7-list-item {

	display: inline-block !important;

	padding: 5px !important;

}

.wpcf7-response-output {

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

}

.your-captcha span.wpcf7-not-valid-tip {

	left: 0;

	width: 240px !important;

}

/*------------------------- Doctor Container List -------------------------------*/



.contact-address {

	padding: 3px;

	margin: 15px auto;

	border: 1px solid #ccc;

}

.contact-address .intra-div {

	display: table;

	width: 100%;

	height: 100%;

}

.contact-address h3 {

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

	color: #6a646c;

	background: #ccc;

	padding: 0px 0px 0px 10px;

	margin: 0px;

}

.address-details {

	display: table-cell;

	font: normal 15px/20px sans-serif;

	padding: 2% 1% 1% 2%;

	vertical-align: top;

	background: #fcf9f9;

}

.map-pics {

	display: table-cell;

	text-align: center;

	vertical-align: top;

	width: 350px;

}

.map-pics img {

	margin: 5px;

	border: 2px solid #29873e;

}

.map-pics img:hover {

	border: 2px solid #2eb24c;

}

.textMain .contact-ph ul {

	margin: 0px;

	padding: 0px;

}

.textMain .contact-ph li {

	float: left;

	font: normal 18px/40px sans-serif;

	width: 295px;

	height: 40px;

	background: none;

	margin: 5px;

	padding: 0px 0px 0px 20px;

	color: #555555;

	border: 1px solid #ccc;

}

.textMain .contact-ph a {

	color: #555555;

	text-decoration: none;

	display: inline-block;

}

.textMain .contact-ph a:hover {

	color: #29873e;

	text-decoration: none;

}

.textMain .contact-ph img {

	margin: 0px 10px 0px 5px;

}

/*-------------------- 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;

}

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



#backtotop {

	cursor: pointer;

	right: 5px;

	position: fixed;

	z-index: 10000;

	bottom: 10px;

	width: 45px;

	height: 48px;

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

	color: #fff;

	background: url(/images/arrow_top.png) no-repeat scroll left top;

	text-align: center;

	border-radius: 20px;

}

#backtotop a {

	display: block;

	text-indent: -9999px;

}

#backtotop:hover {

	opacity: 0.9;

}

/*--------------Tell A friend start--------------*/



.tell-div, #tell-main {

	display: none;

}

.tell-div {

	opacity: 0.8;

	filter: alpha(opacity=80);

	background: #000;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	position: fixed;

	z-index: 99;

}

#tell-main .ypo-text {

	text-align: center;

}

#tell-main .ypo-form input[type="submit"] {

	margin: 0px 0px 0px 20%;

}

#tell-main .ypo-form input[type="text"], #tell-main .ypo-form input[type="email"] {

	width: 95%;

}

#tell-main {

	top: 5%;

	left: 50%;

	margin: 0px 0px 0px -200px;

	max-width: 400px;

	min-width: 200px;

	background: #fff;

	padding: 15px;

	border: 2px solid #CCCCCC;

	position: absolute;

	z-index: 999;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-ms-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

}

#tell-main .ypo-form {

	padding: 5px;

}

#tell-main .tell-close {

	width: 25px;

	height: 25px;

	color: #000000;

	font: bold 16px/25px Verdana, Arial, Helvetica, sans-serif;

	text-align: center;

	margin: -10px -10px 0px 0px;

	padding: 0px;

	position: absolute;

	top: 0px;

	right: 0px;

	cursor: pointer;

	border-radius: 50%;

	border: 2px solid #C9C9D6;

	background: #fff;

}

/****************schema*****************/



.tableborder {

	border: 1px solid #CCCCCC;

	border-radius: 0;

	float: left;

	width: 100%;

}

.schema-address-head {

	background: #CCCCCC;

	color: #6a646c;

	font: bold 13px/24px Verdana, Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0px 0px 0px 10px;

}

.text-address {

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

	color: #616060;

	padding: 0px 10px 0px 10px;

	text-decoration: none;

	text-align: justify;

	width: 100%;

}

.text-address a {

	color: #000000;

	text-decoration: underline;

}

.text-address a:hover {

	color: #092441;

	text-decoration: underline;

}

.tel-schema {

	height: 28px;

	float: left;

	width: 220px;

}

.tel-schema img {

	margin: 0px 15px 0px 0px;

	float: left;

}

.tel-schema span {

	color: #092441 !important;

}

.contacts-footer{ float: left; position: relative;}

.address-one{ height: 60px; }

.firstvisit-address{ float: left; width: 100%; }

.firstvisit-addressone{ float: left; width: 40%;}

.price{ color: #e51628;}

.form-label {

  float: left;

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

  max-width: none;

  min-width: 100px;

  padding: 5px;

  width: 33%;

  float: left;

}

.loc {

  float: left;

  width: 63%;

}



/*------- Media Queries Css -------*/



@media screen and (max-width: 800px) {

.for-appoint-text-h {

	right: 5px;

	width: 19%;

}

.Services-P .knee-services-p {

  height: auto !important;

  width:433px;

}

.service-text .service-list-pd {

  padding-top: 0px !important;

  margin: 0px !important;

}

	.firstvisit-addressone{ float: none; margin: 2% 0px; width: 

300px;}

}



@media screen and (max-width: 640px) {

/*------ Sub Page media screen  Css------------*/

    

#Content-Main .intra-div,  .latest-updates .intra-div {

	display: inherit;

}

#Content-Left,  #Sidebar,  .latest-updates-head,  .latest-updates-text {

	display: inherit;

}

#Content-Left,  .need-surgery-details {

	margin: 0px auto;

	width: 95%;

}

#Sidebar {

	margin: 10px auto;

	width: 250px;

}

footer {

	background: url(/images/footer-bg.jpg) no-repeat center top #181818;

}

.services-h,  .contact-h,  .location-h {

	float: left;

	width: 50%;

}

.location-h {

	width: 60%;

}

.foot-menu-logo-social-h {

	width: 100%;

}

/*------------ Home Page Css--------------*/

    

.menu-watermark,  .journey-watermark,  #Patient-Refer .watermark-logo {

	display: none;

}

#Banner-Container {

	height: 105px;

}

.banner-list-h li {

	margin-top: 6px;

	width: 100%;

}

.need-surgery-details {

	float: none;

	width: 440px;

}

.need-surgery-head {

	font: 45px/52px sans-serif;

	padding-top: 50px;

}

.what-we-treat-details li a {

	max-width: 100%;

}

.patient-journey-tabs {

	width: 100%;

}

.patient-journey-head {

	font: 32px/34px sans-serif;

}

.patient-journey-link-h {

	margin: 0px auto;

	width: 498px;

}

.consultation-tab,  .pre-procedure-tab,  .procedure-tab,  .review-tab,  .post-procedure-tab,  .support-tab,  .for-appoint-text-h {

	position: inherit;

	float: left;

	margin: 25px 18px 0px 18px;

}

.for-appoint-text-h {

	float: none;

	margin: 0 auto;

	width: 90%;

	padding: 10px 0px;

}

.doctor-our-team {

	margin-top: 10px;

}

.doctor-profile-h,  .our-team-h {

	float: none;

	width: 480px;

	margin: 15px auto;

}

.resource-list li {

	font: normal 14px/38px sans-serif;

}

#Main-Menu {

	display: none;

}

#Mobile-Menu {

	display: block !important;

}

.address-details, .google-map-wrapper {

	display: inherit;

	width: 96%;

	padding: 2%;

}

.intra-tabs {

	bottom: 105px;

}

	

}



@media screen and (max-width: 500px) {

#Header .logo,  #Header .phone-appoint-h {

	display: inherit;

}

.logo,  .phone-appoint-h,  .copy-right-menu-f,  .social-f,  .social-icon-f,  .services-h,  .contact-h,  .location-h,  .patient-resource,  .referrer-resource {

	float: none;

	width: 90%;

	margin: 0px auto;

	padding: 0px;

	background: none;

}

.logo {

	text-align: center;

}

.phone-appoint-h {

	padding-bottom: 35px;

	width: 315px;

}

.phone-h {

	text-align: center;

}

.social-icon-f {

	margin: 15px auto;

	width: 195px;

}

.copyright-f,  .foot-menu-f,  .ypo-logo,  .foot-follow {

	float: none;

	text-align: center;

}

/*------------ Home Page Css--------------*/

    

#Intra-Container .intra-text,  #Intra-Container-S .intra-text {

	width: 315px;

}

.need-surgery-details {

	width: 310px;

}

.need-surgery-head {

	font: normal 34px/38px sans-serif;

}

.patient-resource,  .referrer-resource {

	width: 320px;

	padding-top: 30px;

}

.patient-resource .resource-list {

	margin: 16px auto;

	width: 250px;

	float: none;

}

.patient-journey-link-h {

	width: 90%;

}

.doctor-profile-h,  .our-team-h {

	width: 100%;

}

.doctor-image-h,  .our-team-image-h {

	float: none;

	margin: 0px auto;

	width: 153px;

}

.our-team-image-h {

	width: 253px;

}

.doctor-profile-h {

	width: 200px;

}

.doctor-head-h {

	text-align: center;

}

.doctor-text-h,  .our-team-text-h {

	padding-left: 0px;

	width: 100%;

}

.our-team-h {

	width: 270px;

}

#Intra-Container .intra-text,  #Intra-Container-S .intra-text {

	display: none;

}

#backtotop {

	display: none !important;

}

.meet-photo-s {

	width: 100%;

	text-align: center;

}

.ypo-form .ypo-field {

	padding: 5px 0px;

	width: 100%;

}

.Services-P .service-tabs-p {

  margin: 20px 0px 20px 0;

  width: 295px;

  height:148px;

}

.Services-P .knee-services-p {

  width: 295px;

  height: 300px !important;

}

.service-text {

  margin-left: 142px;

}

.service-text .service-list-p li, .service-text .service-list-pd li {

  font: normal 14px/17px sans-serif;

}

.service-text .service-head-p {

  font: bold 15px/18px sans-serif;

}

}