/* ---------- Theme CSS ---------- */

#Map-Container, #Service-container, #Profile-container, #Advance-container, #Resource-container, #Credibility-Container, #Footer-container, #Surgery-container, #Review-container, #Location-container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#Accessibility, #Header, #Banner, #Content-Main, #Footer, #Main-Menu, #Mobile-Menu, #Service, #Credibility, #Service, #Profile, #Advance, #Resource, #Footer, #Surgery, #Review, #Location {
	max-width: 1200px;
	min-width: 300px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}
/* Navigation CSS */

.navigation {
	font: 500 14px/20px 'Rubik', sans-serif;
	padding: 50px 0px 10px 10px;
	color: #0094eb;
}
.navigation a {
	color: #161616;
	text-decoration: none;
	font: 500 14px/20px 'Rubik', sans-serif;
}
/* Text CSS */

.textMain {
	font: 400 16px/28px 'Rubik', sans-serif;
	color: #565656;
}
.textMain a {
	color: #241fd9;
	text-decoration: none;
}
.textMain a:hover {
	color: #0000AC;
}
.textMain h1 {
	font: 700 43px/48px 'Rubik', sans-serif;
	color: #1a1a1a;
	text-transform: uppercase;
}
.textMain h1 span {
	font: 500 19px/24px 'Rubik', sans-serif;
	color: #3d3d3d;
	text-transform: capitalize;
}
.textMain h2, .hTag2, .textMain h3.hTag2, .textMain h4.hTag2 {
	font: 600 20px/26px 'Rubik', sans-serif;
	color: #313131;
}
.textMain h2 span {
	font: 500 20px/26px 'Rubik', sans-serif;
	color: #313131;
}
.textMain h2 a, .hTag2 a, .textMain h3.hTag2 a, .textMain h4.hTag2 a {
	color: #313131;
}
.textMain h3, .hTag3, .textMain h2.hTag3, .textMain h4.hTag3 {
	font: 500 20px/26px 'Rubik', sans-serif;
	color: #313131;
}
.textMain h3 a, .hTag3 a, .textMain h2.hTag3 a, .textMain h4.hTag3 a {
	color: #313131;
}
.textMain h4, .hTag4, .textMain h2.hTag4, .textMain h3.hTag4 {
	font: 400 24px/28px 'Rubik', sans-serif;
	color: #656565;
}
.textMain h4 a, .hTag4 a, .textMain h2.hTag4 a, .textMain h3.hTag4 a {
	color: #656565;
}
.adaOn span {
	background: url(../images/accessible-icon.png) no-repeat center center #0094eb;
}
.adaClose a {
	background: #0094eb;
}
.textMain .grid-list {
	text-align: center;
}
.textMain .grid-list li {
	padding: 0;
	background: #cccccc;
	display: inline-block;
	overflow: hidden;
	margin: 10px;
	transition: all 150ms linear;
	text-align: center;
	border-radius: 4px;
	box-shadow: 2px 5px 10px var(--color-smoke);
 --color-smoke: #e4e4e4;
	font: 700 22px/26px 'Titillium Web', sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
}
.textMain .grid-list li a {
	display: block;
	padding: 12px 20px;
	color: #202129;
}
.textMain .grid-list li a:hover {
	color: #000;
}
.textMain .grid-list li:hover {
	background: #5feffa;
	opacity: 1;
	transition: 0.3s all ease;
	opacity: .85;
}
/* Sidebar CSS */

#Sidebar {
	width: 285px;
}
/* Footer CSS */

.social-logo {
	width: 300px;
	text-align: center;
}
.social-logo ul {
	font-size: 0px;
}
.social-logo li {
	display: inline-block;
	vertical-align: top;
	width: 35px;
	height: 30px;
	font-size: 20px;
}
.social-logo li a {
	width: 100%;
	height: 100%;
	display: block;
}
.ypo-logo {
	width: 120px;
	text-align: center;
}
/* Contact Page */

.contactTable {
	border-spacing: 5px;
	margin: 20px 0px;
}
.contact-address {
	width: 320px;
	padding: 10px;
	position: relative;
	box-shadow: 0px 1px 15px 10px #383E4B1A;
}
.contact-address p.textMainBold {
	padding: 5px 0px;
}
.contact-address p {
	position: relative;
	padding: 5px 10px 5px 30px;
}
.contact-address p::before {
	position: absolute;
	left: 5px;
	top: 5px;
}
.contact-map {
	position: relative;
}
.contact-map iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9;
	border: 0px;
}
.firstvisit .textMain .first-visit-s {
	display: none;
}
.patientforms .textMain .pat-form-list-s {
	display: none;
}
.preoperativeins .textMain .pre-op-s {
	display: none;
}
.postoperativeins .textMain .post-op-s {
	display: none;
}
.ins-info .textMain .ins-info-s {
	display: none;
}
.textMain .useful-links-tab {
	width: 100%;
	margin-top: 40px !important;
	text-align: center;
}
.textMain .useful-links-tab li {
	background: none !important;
	display: inline-block;
	margin: 0 11px 20px 0;
	padding: 5px 5px !important;
	width: 400px;
	border: 1px solid #6c7074;
	vertical-align: top;
	min-height: 180px;
}
.textMain .useful-links-tab li .logo-sec {
	text-align: center;
}
.textMain .useful-links-tab .logo-sec a {
	display: block;
}
.link-tab > .link-head {
	background: #25274e;
	font: 600 16px/20px 'Work Sans', sans-serif;
	margin: 5px 0 0 0;
	padding: 6px 0;
	color: #fff !important;
	text-align: center !important;
}
.link-tab p {
	text-align: center;
}
.link-tab p a {
	text-decoration: underline;
}
/* Profile Schema */

.schemaTable {
	padding: 3px;
	border: 1px solid #013ca5;
	width: 99%;
	margin: 10px auto;
}
.textMain .schemaTitle {
	background: #2384c7;
	text-align: center;
	padding: 5px 10px;
	color: #fff;
	font: 500 20px/28px 'Rubik', sans-serif;
}
.textMain .schemaTable .table-div {
	margin: 0px;
	padding: 0px;
	border-spacing: 3px;
}
.textMain .schemaTable .table-cell {
	margin: 0px;
	padding: 10px;
	position: relative;
	background: none;
	border-radius: 5px;
	background: #edf4f9;
}
/*.img-r img{

    border:1px solid #ccc;

}*/

.img-r.north {
	margin: 16px 0 14px 17px;
}
.textMain .schemaTable p.textMainBold {
	padding: 5px 0px;
}
.textMain .schemaTable p {
	position: relative;
	padding: 0px 10px 0px 30px;
}
.textMain .schemaTable p::before {
	position: absolute;
	left: 5px;
	top: 0px;
}
/* Submit Testimonials */

/* Patient Testimonial section */

.textMain .testimonial-list li {
	width: 92%;
	padding: 38px 38px 18px 38px;
	border-radius: 20px;
	background: #cce6ff;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 20px;
	-webkit-transition: all 700ms ease-out;
	-ms-transition: all 700ms ease-out;
	-o-transition: all 700ms ease-out;
	transition: all 700ms ease-out;
	text-align: left;
}
.textMain .testimonial-list li:hover {
	background: #e6ffff;
}
.textMain .testimonial-list li p {
	line-height: 28px;
}
.textMain .testimonial-list li::before {
	content: '';
	position: absolute;
	left: 9px;
	top: -24px;
	background: url(../images/testi-img.png) no-repeat scroll 0 0;
	width: 60px;
	height: 60px;
	-webkit-transition: all 700ms ease-out;
	-ms-transition: all 700ms ease-out;
	-o-transition: all 700ms ease-out;
	transition: all 700ms ease-out;
}
.textMain .testimonial-list li:hover::before {
	color: #424243;
}
.write-review {
	font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
	float: right;
	position: relative;
	-webkit-box-shadow: inset 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	-moz-box-shadow: inset 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	-ms-box-shadow: inset 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	-o-box-shadow: inset 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	box-shadow: inset 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	border-radius: 10px;
}
.write-review:hover {
	-webkit-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	-moz-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	-ms-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	-o-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
}
.textMain .write-review a {
	display: block;
	padding: 5px 15px;
	text-decoration: none;
}
.textMain .write-review a::before {
	margin-right: 15px;
}
/* Usefull Links Page */

.useFul {
	margin: 15px 0px;
	padding: 0px;
}
.textMain .useFul ul {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	text-align: center;
}
.textMain .useFul li {
	margin: 1%;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	min-width: 290px;
	font: 400 16px/20px 'Source Sans Pro', sans-serif;
	background: none;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	-moz-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	-ms-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	-o-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	border-radius: 10px;
}
.textMain .useFul li span {
	display: block;
	padding: 15px 0px;
	-webkit-box-shadow: inset 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	-moz-box-shadow: inset 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	-ms-box-shadow: inset 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	-o-box-shadow: inset 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	box-shadow: inset 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
	margin: 0px 0px 15px 0px;
}
.textMain .useFul li img {
	margin: 10px 0px;
}
.textMain .useFul li a {
	display: block;
	padding: 5px;
	text-decoration: none;
}
/* HEADER STYLES */

header {
	position: absolute;
	z-index: 9;
}
#Header {
	min-height: 125px;
	-webkit-transition: all 0.9s linear;
	-moz-transition: all 0.9s linear;
	-ms-transition: all 0.9s linear;
	-o-transition: all 0.9s linear;
	transition: all 0.9s linear;
}
.logo {
	font-size: 0px;
	padding-top: 20px;
}
.logo a.ayal-logo img {
	width: 100%;
	-webkit-transition: all 0.9s linear;
	-moz-transition: all 0.9s linear;
	-ms-transition: all 0.9s linear;
	-o-transition: all 0.9s linear;
	transition: all 0.9s linear;
}
.logo a {
	display: inline-block;
	vertical-align: top;
	padding: 0px 15px;
}
.logo a:first-child {
	border-right: 1px solid #449296;
}
header.stickyAnimate {
	background: #5eecf6;
}
.stickyAnimate .logo {
	padding: 5px 0px;
}
.stickyAnimate #Header {
	min-height: inherit;
	-webkit-transition: all 0.9s linear;
	-moz-transition: all 0.9s linear;
	-ms-transition: all 0.9s linear;
	-o-transition: all 0.9s linear;
	transition: all 0.9s linear;
	padding: 5px 0px;
}
.stickyAnimate .logo a.ayal-logo img {
	width: 75%;
	-webkit-transition: all 0.9s linear;
	-moz-transition: all 0.9s linear;
	-ms-transition: all 0.9s linear;
	-o-transition: all 0.9s linear;
	transition: all 0.9s linear;
}
.appoint {
	vertical-align: middle;
	width:235px;
}
.language {
	vertical-align: middle;
	width: 235px;
	text-align: right;
	padding: 40px 15px 0px 0px;
}
.language li span {
	display: none;
}
.appoint ul {
	text-align: right;
	font-size: 0px;
}
.appoint li {
	display: inline-block;
	margin: 0px 8px 5px 0px;
}
.appoint a {
	display: block;
	padding: 6px 10px 6px 55px;
	width: 227px;
	text-align: left;
}
.phone-link {
	background: url(../images/phone-icon.png) no-repeat 15px center;
	color: #1a1a1a;
	/*border: 1px solid #59cad2;*/
	position: relative;
	font: 500 17px/22px 'Rubik', sans-serif;
}
.phone-link::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 22px;
	background: #1a1a1a;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 42px;
}
.book-link {
	background: url(../images/appoint-icon.png) no-repeat 15px center #0fa1f6;
	color: #fff;
	position: relative;
	font: 400 16px/20px 'Rubik', sans-serif;
}
.book-link::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 22px;
	background: #fff;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 42px;
}
/*MENU STYLES*/

.Wrapper .subMenu li a:hover {
	background: #536171;
	color: #fff;
}
.parentMenu li li a {
	padding: 10px 10px 10px 30px;
}
.parentMenu ul {
	padding: 0px;
}
.subMenu {
	width: 260px;
}
.menu-patient-info li li {
	width: 200px;
}
.menu-appointment li {
	width: 220px;
}
nav {
	border-top: 1px solid #b6f8fd;
	border-bottom: 1px solid #b6f8fd;
}
.menu li {
	font: 400 16px/20px 'Rubik', sans-serif;
	color: #1a1a1a;
	text-transform: uppercase;
}
.menu li:hover {
	color: #1a1a1a;
	background: rgba(55, 195, 194, 0.8);
	border-radius: 50px;
}
.menu li a {
	padding: 12px 10px;
	color: inherit;
}
.menu li li {
	border-top: 1px solid #242424;
	color: #f4f4f6;
	text-transform: none;
	background: url(../images/menu-li-arrow-w.png) no-repeat 27px 17px rgba(83, 97, 113, 0.9);
}
.menu ul ul {
	top: -1px;
}
.menu li li a {
	padding: 10px 10px 10px 45px;
}
.menu li li:hover {
	background: url(../images/menu-li-arrow-b.png) no-repeat 27px 17px rgba(55, 195, 194, 0.8);
	color: #040d0d;
	border-radius: 0px;
}
.menu-home {
	width: 50px;
	font-size: 0px !important;
}
.menu-home:hover a {
	color: #1a1a1a;
}
.menu-home a::before {
	font-size: 20px;
}
.menu-home:hover::after {
	display: none;
}
.menu-home a {
	width: 100%;
	height: 100%;
}
.menu-home a::before {
	vertical-align: middle;
	margin: auto;
}
.menu-home span {
	vertical-align: middle;
}
.menu-practice {
	width: 17%;
}
.menu-services {
	width: 14%;
}
.menu-patient-info {
	width: 17%;
}
.menu-appointment {
	width: 18%;
}
.menu-faqs {
	width: 11%;
    text-transform: none !important;
}
.menu-contact {
	width: 18%;
}
.Wrapper {
	background: #536171;
	color: #fff;
}
.parentMenu li:hover, .parentMenu li.actMenu, .parentMenu li.actMenu li {
	background: #37c3c2;
	color: #1a1a1a;
}
.parentMenu li.actMenu li li {
	background: #536171;
	color: #fff;
}
/* Home Banner CSS */

.Banner_auto.slidePause, .Banner_nav.slidePrev, .Banner_nav.slideNext {
	display: none;
}
#Banner-Container #Banner {
	height: 664px;
}
#Banner-Container .banner1 {
	background: url(../images/banner1-bg.jpg) no-repeat center top;
}
#Banner-Container .banner1 .theme-L {
	background: url(../images/banner1-l-bg.jpg) no-repeat right top;
}
#Banner-Container .banner1 .theme-R {
	background: url(../images/banner1-r-bg.jpg) no-repeat left top;
}
#Banner-Container .banner2 {
	background: url(../images/banner2-bg.jpg) no-repeat center top;
}
#Banner-Container .banner2 .theme-L {
	background: url(../images/banner2-l-bg.jpg) no-repeat right top;
}
#Banner-Container .banner2 .theme-R {
	background: url(../images/banner2-r-bg.jpg) no-repeat left top;
}
#Banner-Container .banner3 {
	background: url(../images/banner3-bg.jpg) no-repeat center top;
}
#Banner-Container .banner3 .theme-L {
	background: url(../images/banner3-l-bg.jpg) no-repeat right top;
}
#Banner-Container .banner3 .theme-R {
	background: url(../images/banner3-r-bg.jpg) no-repeat left top;
}
#Banner-Container .banner4 {
	background: url(../images/banner4-bg.jpg) no-repeat center top;
}
#Banner-Container .banner4 .theme-L {
	background: url(../images/banner4-l-bg.jpg) no-repeat right top;
}
#Banner-Container .banner4 .theme-R {
	background: url(../images/banner4-r-bg.jpg) no-repeat left top;
}


#Banner-Container .banner5 {
	background: url(../images/banner5-bg.jpg) no-repeat center top;
}
#Banner-Container .banner5 .theme-L {
	background: url(../images/banner5-l-bg.jpg) no-repeat right top;
}
#Banner-Container .banner5 .theme-R {
	background: url(../images/banner5-r-bg.jpg) no-repeat left top;
}









#Banner-Container-S #Banner {
	height: 345px;
}
#Banner-Container-S .banner1 {
	background: url(../images/banner1-s-bg.jpg) no-repeat center top;
}
#Banner-Container-S .banner1 .theme-L {
	background: url(../images/banner1-sl-bg.jpg) no-repeat right top;
}
#Banner-Container-S .banner1 .theme-R {
	background: url(../images/banner1-sr-bg.jpg) no-repeat left top;
}
#Banner-Container-S .banner2 {
	background: url(../images/banner2-s-bg.jpg) no-repeat center top;
}
#Banner-Container-S .banner2 .theme-L {
	background: url(../images/banner2-sl-bg.jpg) no-repeat right top;
}
#Banner-Container-S .banner2 .theme-R {
	background: url(../images/banner2-sr-bg.jpg) no-repeat left top;
}
#Banner-Container-S .banner3 {
	background: url(../images/banner3-s-bg.jpg) no-repeat center top;
}
#Banner-Container-S .banner3 .theme-L {
	background: url(../images/banner3-sl-bg.jpg) no-repeat right top;
}
#Banner-Container-S .banner3 .theme-R {
	background: url(../images/banner3-sr-bg.jpg) no-repeat left top;
}
#Banner-Container-S .banner4 {
	background: url(../images/banner4-s-bg.jpg) no-repeat center top;
}
#Banner-Container-S .banner4 .theme-L {
	background: url(../images/banner4-sl-bg.jpg) no-repeat right top;
}
#Banner-Container-S .banner4 .theme-R {
	background: url(../images/banner4-sr-bg.jpg) no-repeat left top;
}

#Banner-Container-S .banner5 {
	background: url(../images/banner5-s-bg.jpg) no-repeat center top;
}
#Banner-Container-S .banner5 .theme-L {
	background: url(../images/banner5-sl-bg.jpg) no-repeat right top;
}
#Banner-Container-S .banner5 .theme-R {
	background: url(../images/banner5-sr-bg.jpg) no-repeat left top;
}



/* Banner Content CSS */

.banner-content {
	position: absolute;
	right: -16px;
	top: 64%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 620px;
	padding: 10px;
	color: #000;
}
#Banner-Container-S .banner-content {
	position: absolute;
	right: 16%;
	top: 74%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 15px;
	width: 420px;
	color: #000;
}
.banner-head {
	font: 500 40px/50px 'Rubik', sans-serif;
}
#Banner-Container-S .banner-head {
	font: 500 25px/29px 'Rubik', sans-serif;
}
.banner-content p {
	font: 400 20px/24px 'Rubik', sans-serif;
}
.banner-more {
	font: 400 16px/20px 'Rubik', sans-serif;
	display: inline-block;
	background: #5feffa;
	border-radius: 50px;
	margin-top: 15px;
	border: 2px solid #5feffa;
}
.banner-more a {
	display: block;
	padding: 7px 20px;
}
.banner-more:hover {
	border: 2px solid #000;
}
.Banner-Tabs li {
	display: inline-block;
	position: relative;
	background: #32332f;
	width: 21px;
	height: 7px;
	border: 2px solid #999a98;
}
.Banner-Tabs li a {
	display: block;
	width: 100%;
	height: 100%;
}
/*#service container CSS*/

#Service {
	padding-bottom: 50px;
}
.serHead {
	text-align: center;
	font: 400 36px/40px 'Rubik', sans-serif;
	color: #565656;
	margin-top: 60px;
}
#Service ul {
	text-align: center;
}
#Service li {
	text-align: center;
}
#Service .common {
	width: 220px;
	font: 400 18px/22px 'Rubik', sans-serif;
	color: #565656;
	position: relative;
	text-align: center;
	margin: auto;
}
#Service li a {
	display: block;
}
#Service li a::before {
	content: '';
	position: relative;
	width: 144px;
	height: 144px;
	margin: 0px auto 75px auto;
	display: inherit;
}
.minimally-inv a {
	background: url(../images/minimally-invasive-knee-replacement-icon.png) no-repeat center center;
}
.minimally-inv:hover a {
	background: url(../images/minimally-invasive-knee-replacement-icon-hover.png) no-repeat center center;
}
.computer-nav a {
	background: url(../images/computer-navigation-knee-replacement-icon.png) no-repeat center center;
}
.computer-nav:hover a {
	background: url(../images/computer-navigation-knee-replacement-icon-hover.png) no-repeat center center;
}
.minimally-inv-sp a {
	background: url(../images/minimally-invasive-knee-replacement-icon.png) no-repeat center center;
}
.computer-nav-sp a {
	background: url(../images/computer-navigation-knee-replacement-icon.png) no-repeat center center;
}
.hip-artho a {
	background: url(../images/hip-artho.png) no-repeat center center;
}
.hip-artho:hover a {
	background: url(../images/hip-artho-hover.png) no-repeat center center;
}
.total-hip a {
	background: url(../images/total-hip.png) no-repeat center center;
}
.total-hip:hover a {
	background: url(../images/total-hip-hover.png) no-repeat center center;
}
.ant-hip a {
	background: url(../images/ant-hip.png) no-repeat center center;
}
.ant-hip:hover a {
	background: url(../images/ant-hip-hover.png) no-repeat center center;
}
.knee-artho a {
	background: url(../images/knee-artho.png) no-repeat center center;
}
.knee-artho:hover a {
	background: url(../images/knee-artho-hover.png) no-repeat center center;
}
.total-knee a {
	background: url(../images/total-knee.png) no-repeat center center;
}
.total-knee:hover a {
	background: url(../images/total-knee-hover.png) no-repeat center center;
}
.rev-hip a {
	background: url(../images/rev-hip.png) no-repeat center center;
}
.rev-hip:hover a {
	background: url(../images/rev-hip-hover.png) no-repeat center center;
}
.rev-knee a {
	background: url(../images/rev-knee.png) no-repeat center center;
}
.rev-knee:hover a {
	background: url(../images/rev-knee-hover.png) no-repeat center center;
}
.foot-sur a {
	background: url(../images/foot-sur.png) no-repeat center center;
}
.foot-sur:hover a {
	background: url(../images/foot-sur-hover.png) no-repeat center center;
}
.ank-liga a {
	background: url(../images/ank-liga.png) no-repeat center center;
}
.ank-liga:hover a {
	background: url(../images/ank-liga-hover.png) no-repeat center center;
}
.ank-joint a {
	background: url(../images/ank-joint.png) no-repeat center center;
}
.ank-joint:hover a {
	background: url(../images/ank-joint-hover.png) no-repeat center center;
}
.ank-fract a {
	background: url(../images/ank-fract.png) no-repeat center center;
}
.ank-fract:hover a {
	background: url(../images/ank-fract-hover.png) no-repeat center center;
}
.hallux a {
	background: url(../images/hallux.png) no-repeat center center;
}

 


.hallux:hover a {
	background: url(../images/hallux-hover.png) no-repeat center center;
}


.robotic-assisted-total-knee-replacement a {
	background: url(../images/robotic-assisted-total-knee-replacement.png) no-repeat center center;
}
 
.robotic-assisted-total-knee-replacement:hover a {
	background: url(../images/robotic-assisted-total-knee-replacement-hover.png) no-repeat center center;
}
.augmented-reality-navigation-total-hip-replacement a {
	background: url(../images/augmented-reality-navigation-total-hip-replacement.png) no-repeat center center;
}
 
.augmented-reality-navigation-total-hip-replacement:hover a {
	background: url(../images/augmented-reality-navigation-total-hip-replacement-hover.png) no-repeat center center;
}
.augmented-reality-navigation-total-knee-replacement a {
	background: url(../images/augmented-reality-navigation-total-knee-replacement.png) no-repeat center center;
}
 
.augmented-reality-navigation-total-knee-replacement:hover a {
	background: url(../images/augmented-reality-navigation-total-knee-replacement-hover.png) no-repeat center center;
}

#Service .nbs-flexisel-nav-left {
	background: url(../images/ser-l-arw.png) no-repeat left center;
}
#Service .nbs-flexisel-nav-right {
	background: url(../images/ser-r-arw.png) no-repeat right center;
}
#Service .nbs-flexisel-nav-left::before, #Service .nbs-flexisel-nav-right::before {
	display: none;
}
/*#Profile-container Css*/

#Profile-container {
	background: url(../images/doc-prof-bg.jpg) no-repeat center center;
	background-size: cover;
}
#Profile {
	min-height: 575px;
}
.prof-img {
	width: 45%;
}
.profile-img {
	/* margin-top: 50px; */

	/* margin-left: -40px; */

	position: absolute;
	bottom: 0px;
	left: 40px;
}
.prof-cont {
}
.tagHead {
	font: 300 30px/34px 'Rubik', sans-serif;
	font-style: italic;
	padding: 70px 0px 35px 0px;
	color: #86f6ff;
}
.docHead {
	font: 400 45px/49px 'Rubik', sans-serif;
	color: #fff;
	border-bottom: 1px solid #7af6ff;
}
.doc-font {
	display: block;
	font: 500 24px/34px 'Rubik', sans-serif;
	color: #86f6ff;
}
.doc-joint {
	display: block;
	font: 500 16px/30px 'Rubik', sans-serif;
	color: #fff;
}
.prof-cont p {
	color: #fff;
	padding-top: 25px;
	font: 400 16px/22px 'Rubik', sans-serif;
}
.view-prof {
	display: inline-block;
	background: #86f6ff;
	color: #251e1a;
	font: 400 16px/20px 'Rubik', sans-serif;
	border-radius: 50px;
	vertical-align: top;
	margin-top: 30px;
	border: 2px solid #86f6ff;
}
.view-prof a {
	display: inline-block;
	padding: 12px 24px;
}
.view-prof:hover {
	border: 2px solid #251e1a;
	transition: 0.3s all ease;
}
.profile {
	float: left;
	margin: 0px 50px 10px 0;
}
/*#Advance-container Css*/

#Advance {
	min-height: 516px;
}
.advHead {
	font: 400 36px/40px 'Rubik', sans-serif;
	padding-top: 60px;
	color: #565656;
	text-align: center;
}
.tot-joint {
	background: url(../images/total-joint-rep.jpg) no-repeat left center;
	width: 50%;
	height: 331px;
	position: relative;
}
.tot-joint::before {
	content: '';
	position: absolute;
	background: url(../images/adv-div-img.png) no-repeat center center;
	width: 1px;
	height: 263px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.complex {
	background: url(../images/foot-ankle-const.jpg) no-repeat right center;
	position: relative;
}
.adv-cont-r {
	margin: 4% 28% 0px 0px;
}
#Advance .table-div {
	position: relative;
}
.adv-cont-r.cm-cont {
	padding: 25px 25px 10px 9%;
}
.cm-cont {
	position: relative;
	background: #fff;
	padding: 25px 25px 10px 5%;
	min-height: 295px;
}
.adv-cont-l {
	margin: 4% 1px 0px 28%;
}
.contHead {
	font: 400 24px/28px 'Rubik', sans-serif;
	color: #565656;
	padding-bottom: 25px;
}
.contHead span {
	font: 500 30px/34px 'Rubik', sans-serif;
}
#Advance p {
	font: 400 16px/24px 'Rubik', sans-serif;
	color: #565656;
	text-align: justify;
}
.adv-rd-mr-l {
	text-align: right;
}
.cm-read a {
	display: inline-block;
	width: 113px;
	font: 400 16px/20px 'Rubik', sans-serif;
	border-radius: 50px;
	border: 2px solid #d9d9d9;
	background: #d9d9d9;
	text-align: center;
	padding: 7px;
	color: #0e0e0e;
	border-bottom: 2px solid #bfbfbf;
}
.cm-read a:hover {
	color: #fff;
	background: #0fa1f6;
	transition: all ease 0.6s;
}
.adv-rd-mr-l a {
	margin: 0 5% 0 auto;
}
.adv-rd-mr-r a {
	margin: 0 auto 0 5%;
}
/*#Resources-Container Css*/

#Resource-container {
	background: #5feffa;
}
#Resource {
	min-height: 300px;
}
.resHead {
	text-align: center;
	font: 400 36px/40px 'Rubik', sans-serif;
	padding: 50px 0px 20px 0px;
	color: #202020;
}
.pt-res-list {
	text-align: center;
}
.pt-res-list li {
	display: inline-block;
	vertical-align: top;
	font: 400 18px/22px 'Rubik', sans-serif;
	color: #202020;
	width: 18%;
	min-width: 170px;
	margin: 15px 0px;
	position: relative;
}
.pt-res-list li a {
	display: block;
}
.pt-res-list li a::before {
	content: '';
	position: relative;
	width: 65px;
	height: 65px;
	margin: 0px auto 20px auto;
	display: inherit;
	border-radius: 50%;
}
.pt-first a::before {
	background: url(../images/first.png) no-repeat center center #fff;
}
.pt-first:hover a::before {
	background: url(../images/first-hover.png) no-repeat center center #0094eb;
}
.pt-forms a::before {
	background: url(../images/forms.png) no-repeat center center #fff;
}
.pt-forms:hover a::before {
	background: url(../images/forms-hover.png) no-repeat center center #0094eb;
}
.pt-edu a::before {
	background: url(../images/edu-vid.png) no-repeat center center #fff;
}
.pt-edu:hover a::before {
	background: url(../images/edu-vid-hover.png) no-repeat center center #0094eb;
}
.pt-post a::before {
	background: url(../images/post-op.png) no-repeat center center #fff;
}
.pt-post:hover a::before {
	background: url(../images/post-op-hover.png) no-repeat center center #0094eb;
}
.pt-insu a::before {
	background: url(../images/insu.png) no-repeat center center #fff;
}
.pt-insu:hover a::before {
	background: url(../images/insu-hover.png) no-repeat center center #0094eb;
}
/*#Review-Container Css*/

#Review {
	min-height: 410px;
}
.revHead {
	font: 400 36px/40px 'Rubik', sans-serif;
	text-align: center;
	color: #565656;
	padding-top: 60px;
}
.revTag {
	display: block;
	color: #0fa1f6;
	font: 400 20px/24px 'Rubik', sans-serif;
	text-align: center;
	padding: 15px 0px 30px 0px;
}
.five-star {
	text-align: center;
}
#Review p {
	width: 66%;
	text-align: center;
	margin: auto;
	font: 400 16px/26px 'Rubik', sans-serif;
	font-style: normal;
	color: #565656;
	padding: 15px 0px 30px 0px;
}
.Review-Tabs ul {
	text-align: center;
}
.Review-Tabs li {
	display: inline-block;
	position: relative;
	background: #565656;
	width: 10px;
	height: 10px;
}
.Review-Tabs li:hover, .Review-Tabs li.Review-list_here {
	background: #37c3c2;
}
.Review-Tabs li a {
	display: block;
	width: 100%;
	height: 100%;
}
.vw-mr-com {
	display: block;
	background: #5feffa;
	color: #000;
	font: 400 16px/20px 'Rubik', sans-serif;
	border-radius: 50px;
	vertical-align: top;
	margin: 25px auto;
	border: 2px solid #5feffa;
	width: 202px;
	text-align: center;
}
.vw-mr-com a {
	display: block;
	padding: 10px 0px;
}
.vw-mr-com:hover {
	border: 2px solid #251e1a;
}
/*#Locations-container*/

#Location {
	min-height: 300px;
}
.empty-div {
	position: absolute;
	bottom: 0;
	background: #ecf6ff;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 140px;
}
#Location ul {
	text-align: center;
	background: #fff;
}
#Location li {
	display: inline-block;
	height: 273px;
	width: 23%;
	vertical-align: top;
	position: relative;
	min-width: 270px;
	border-top: 5px solid #5feffa;
	margin: 0px 10px;
}
#Location li a {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
}
.loc-cont {
	width: 80%;
	min-width: 292px;
	margin: 15px auto 0px auto;
	background: #f8f9fa;
	text-align: left;
	padding: 15px;
	position: relative;
	-webkit-box-shadow: 8px 8px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 8px 8px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 8px 8px 5px 0px rgba(0, 0, 0, 0.2);
	height: 132px;
}
.loc-cont::before {
	content: '';
	position: absolute;
	border-top: 16px solid #f8f9fa;
	border-right: 14px solid transparent;
	border-left: 14px solid transparent;
	border-bottom: 0px solid transparent;
	width: 20px;
	height: 20px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -20px;
}
.get-dir {
	position: absolute;
	background: #dcdcdc;
	color: #000;
	font: 400 15px/19px 'Rubik', sans-serif;
	bottom: 0;
	left: 0px;
}
.get-dir::after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	right: -13px;
	width: 24px;
	height: 24px;
	background: #dcdcdc;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	z-index: 99;
	border-radius: 1px;
}
.get-dir a {
	padding: 7px 15px 7px 15px;
}
#Location li:hover .loc-cont {
	background: #0596eb;
}
#Location li:hover .loc-cont::before {
	border-top: 16px solid #0596eb;
	border-right: 14px solid transparent;
	border-left: 14px solid transparent;
	border-bottom: 0px solid transparent;
}
.loc-great {
	background: url(../images/great-bg.jpg) no-repeat center center;
}
.loc-bay {
	background: url(../images/bay-bg.jpg) no-repeat center center;
}
.loc-smith {
	background: url(../images/smithtown-bg.jpg) no-repeat center center;
}
.loc-riverhead {
	background: url(../images/riverhead-bg.jpg) no-repeat center center;
}
#Location .p-bold {
	font: 600 14px/20px 'Rubik', sans-serif;
	color: #0596eb;
}
#Location .p-nor {
	font: 400 15px/22px 'Rubik', sans-serif;
	color: #4d4d4d;
}
#Location li:hover .p-bold, #Location li:hover .p-nor {
	color: #fff;
}
/*#Surgery-Container Css*/

#Surgery-container {
	background: #5feffa;
}
#Surgery {
	min-height: 220px;
}
#Surgery ul {
	font-size: 0px;
	text-align: center;
	padding-top: 60px;
}
#Surgery li {
	display: inline-block;
	height: 163px;
	width: 33.3%;
	vertical-align: top;
	position: relative;
}
#Surgery li a {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
}
.need-sur {
	background: url(../images/need-sur.jpg) no-repeat center center;
}
.need-sur:hover {
	background: url(../images/need-sur-hover.jpg) no-repeat center center;
}
.artho-sur {
	background: url(../images/artho-sur.jpg) no-repeat center center;
}
.artho-sur:hover {
	background: url(../images/artho-sur-hover.jpg) no-repeat center center;
}
.joint-rep {
	background: url(../images/joint-rep.jpg) no-repeat center center;
}
.joint-rep:hover {
	background: url(../images/joint-rep-hover.jpg) no-repeat center center;
}
#Surgery .sur-cont {
	position: absolute;
	width: 250px;
	height: 66px;
	background: rgba(255, 255, 255, 0.7);
	text-align: center;
	color: #28292d;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	font: 400 19px/24px 'Rubik', sans-serif;
	text-transform: uppercase;
	padding-top: 10px;
}
#Surgery .adv-need {
	padding-top: 20px;
}
/*#Footer-Container CSS*/

#Credibility-Container {
	background: #fff;
}
#Credibility {
	padding: 15px 0px;
}
#Credibility .nbs-flexisel-nav-left, #Credibility .nbs-flexisel-nav-right {
	top: 35px !important;
}
#Credibility .theme-L {
	background: #fff;
}
#Credibility .theme-R {
	background: #fff;
}
footer {
	background: #5feffa;
	min-height: 350px;
}
.footer-menu {
	color: #1a1a1a;
	font: 300 16px/20px 'Rubik', sans-serif;
	text-align: center;
	letter-spacing: .5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 20px 0px;
	width: 70%;
	margin: 30px auto;
}
.footer-menu a {
	padding: 0px 2%;
	display: inline-block;
}
.socialHead {
	display: inline-block;
	font: 400 24px/28px 'Rubik', sans-serif;
	padding: 0px 1%;
	color: #1a1a1a;
	border-right: 1px solid #54cdd6;
	text-transform: uppercase;
}
.ft-social-container {
	text-align: center;
	padding: 60px 0px 10px 0px;
}
.social-footer {
	display: inline-block;
	vertical-align: top;
}
.social-footer li {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	position: relative;
	margin: 0px 2px;
}
.social-footer a {
	display: block;
	width: 100%;
	height: 100%;
}
.fb a {
	background: url(../images/fb.png) no-repeat center center;
}
.twitter a {
	background: url(../images/twitter-logo.png) no-repeat center center;
}
.linkedin a {
	background: url(../images/linked-in.png) no-repeat center center;
}
.youtube a {
	background: url(../images/youtube.png) no-repeat center center;
}
.copyrights h2 {
	font: 400 16px/20px 'Rubik', sans-serif;
	color: #1a1a1a;
	text-align: center;
}
.ypo-logo {
	display: block;
	margin: 0px auto;
	padding: 35px 0px 60px 0px;
}
/*#Service Page css*/

.ser-sub-cont h1 {
	font: 700 44px/48px 'Rubik', sans-serif;
	color: #1a1a1a;
	text-transform: uppercase;
}
.hipHead-sp {
	text-align: center;
	color: #fff;
	font: 500 30px/34px 'Rubik', sans-serif;
	text-transform: uppercase;
	padding-top: 40px;
}
.hip-cont-sp {
	min-height: 355px;
	background: #0596eb;
	border: 4px solid #9d9eaf;
	margin-top: 20px;
	position: relative;
}
.hip-cont-sp ul {
	text-align: center;
}
.hip-cont-sp li {
	display: inline-block;
	width: 24%;
	font: 400 18px/22px 'Rubik', sans-serif;
	color: #fff;
	position: relative;
	min-width: 210px;
	vertical-align: middle;
}
.hip-cont-sp li::after {
	content: '';
	position: absolute;
	background: #2aa6ee;
	width: 1px;
	height: 180px;
	right: 0;
	bottom: 0;
}
.hip-cont-sp li a {
	display: block;
	color: inherit;
	text-decoration: none;
}
.hip-cont-sp li a:hover {
	color: #fff;
}
.hip-cont-sp li a::before {
	content: '';
	position: relative;
	width: 144px;
	height: 144px;
	margin: 0px auto 50px auto;
	display: inherit;
}
.hip-artho-sp a {
	background: url(../images/hip-artho.png) no-repeat center center;
}
.hip-artho-sp:hover a {
	background: url(../images/hip-artho-hover.png) no-repeat center center;
}
.total-hip-sp a {
	background: url(../images/total-hip.png) no-repeat center center;
}
.total-hip-sp:hover a {
	background: url(../images/total-hip-hover.png) no-repeat center center;
}
.ant-hip-sp a {
	background: url(../images/ant-hip.png) no-repeat center center;
}
.ant-hip-sp:hover a {
	background: url(../images/ant-hip-hover.png) no-repeat center center;
}
.rev-hip-sp a {
	background: url(../images/rev-hip.png) no-repeat center center;
}
.rev-hip-sp:hover a {
	background: url(../images/rev-hip-hover.png) no-repeat center center;
}
.augmented-hip-sp a{
    background: url(../images/augmented-reality-navigation-total-hip-replacement.png) no-repeat center center;
}
.augmented-hip-sp:hover a{
    background: url(../images/augmented-reality-navigation-total-hip-replacement-hover.png) no-repeat center center;
}
.kneeHead-sp {
	text-align: center;
	color: #fff;
	font: 500 30px/34px 'Rubik', sans-serif;
	text-transform: uppercase;
	padding-top: 30px;
}
.knee-cont-sp {
	min-height: 355px;
	background-color: #0596eb;
	border: 4px solid #9d9eaf;
	margin-top: 60px;
	position: relative;
	padding-bottom: 40px;
}
.knee-cont-sp ul {
	text-align: center;
}
.knee-cont-sp li {
	display: inline-block;
	width: 24%;
	font: 400 18px/22px 'Rubik', sans-serif;
	color: #fff;
	position: relative;
	min-width: 210px;
	vertical-align: middle;
}
.knee-cont-sp li::after {
	content: '';
	position: absolute;
	background: #2aa6ee;
	width: 1px;
	height: 180px;
	right: 0;
	bottom: 0;
}
.knee-cont-sp li a {
	display: block;
	color: inherit;
	text-decoration: none;
}
.knee-cont-sp li a:hover {
	color: #fff;
}
.knee-cont-sp li a::before {
	content: '';
	position: relative;
	width: 144px;
	height: 144px;
	margin: 0px auto 50px auto;
	display: inherit;
}
.knee-artho-sp::before {
	content: '';
	position: absolute;
	background: #2aa6ee;
	width: 1px;
	height: 180px;
	left: 0;
	bottom: 0;
}
.knee-artho-sp a {
	background: url(../images/knee-artho.png) no-repeat center center;
}
.knee-artho-sp:hover a {
	background: url(../images/knee-artho-hover.png) no-repeat center center;
}
.total-knee-sp a {
	background: url(../images/total-knee.png) no-repeat center center;
}
.total-knee-sp:hover a {
	background: url(../images/total-knee-hover.png) no-repeat center center;
}
.rev-knee-sp a {
	background: url(../images/rev-knee.png) no-repeat center center;
}
.rev-knee-sp:hover a {
	background: url(../images/rev-knee-hover.png) no-repeat center center;
}
.minimally-inv-sp:hover a {
	background: url(../images/minimally-invasive-knee-replacement-icon-hover.png) no-repeat center center;
}
.computer-nav-sp:hover a {
	background: url(../images/computer-navigation-knee-replacement-icon-hover.png) no-repeat center center;
}
.robotic-knee-sp a{
    background: url(../images/robotic-assisted-total-knee-replacement.png) no-repeat center center;
}
.robotic-knee-sp:hover a{
    background: url(../images/robotic-assisted-total-knee-replacement-hover.png) no-repeat center center;
}
.augmented-knee-sp a{
    background: url(../images/augmented-reality-navigation-total-knee-replacement.png) no-repeat center center;
}
.augmented-knee-sp:hover a{
    background: url(../images/augmented-reality-navigation-total-knee-replacement-hover.png) no-repeat center center;
}
.footHead-sp {
	text-align: center;
	color: #fff;
	font: 500 30px/34px 'Rubik', sans-serif;
	text-transform: uppercase;
	padding-top: 30px;
}
.foot-cont-sp {
	min-height: 370px;
	background-color: #0596eb;
	border: 4px solid #9d9eaf;
	margin-top: 60px;
	position: relative;
}
.foot-cont-sp ul {
	text-align: center;
}
.foot-cont-sp li {
	display: inline-block;
	width: 19%;
	font: 400 18px/22px 'Rubik', sans-serif;
	color: #fff;
	position: relative;
	min-width: 210px;
	vertical-align: middle;
}
.foot-cont-sp li::after {
	content: '';
	position: absolute;
	background: #2aa6ee;
	width: 1px;
	height: 180px;
	right: 0;
	bottom: 0;
}
.foot-cont-sp li a {
	display: block;
	color: inherit;
	text-decoration: none;
}
.foot-cont-sp li a:hover {
	color: #fff;
}
.foot-cont-sp li a::before {
	content: '';
	position: relative;
	width: 144px;
	height: 144px;
	margin: 0px auto 55px auto;
	display: inherit;
}
.foot-sur-sp a {
	background: url(../images/foot-sur.png) no-repeat center center;
}
.foot-sur-sp:hover a {
	background: url(../images/foot-sur-hover.png) no-repeat center center;
}
.ank-liga-sp a {
	background: url(../images/ank-liga.png) no-repeat center center;
}
.ank-liga-sp:hover a {
	background: url(../images/ank-liga-hover.png) no-repeat center center;
}
.ank-joint-sp a {
	background: url(../images/ank-joint.png) no-repeat center center;
}
.ank-joint-sp:hover a {
	background: url(../images/ank-joint-hover.png) no-repeat center center;
}
.ank-fract-sp a {
	background: url(../images/ank-fract.png) no-repeat center center;
}
.ank-fract-sp:hover a {
	background: url(../images/ank-fract-hover.png) no-repeat center center;
}
.hallux-sp a {
	background: url(../images/hallux.png) no-repeat center center;
}
.hallux-sp:hover a {
	background: url(../images/hallux-hover.png) no-repeat center center;
}
.ser-sub-cont .textMain ul li {
	background: none;
	padding: 0px;
}
.ser-sub-cont .textMain ul {
	margin: 0px auto;
}
.ser-rd-mr {
	position: absolute;
	font: 400 16px/20px 'Rubik', sans-serif;
	border: 2px solid #fff;
	background: #25274e;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: auto;
	width: 120px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.ser-rd-mr a {
	display: block;
	padding: 7px 0px;
	color: inherit;
	text-decoration: none;
}
.ser-rd-mr:hover a {
	color: #fff;
}
/*#Sidebar css*/

#Sidebar {
	padding-top: 60px;
	clear: both;
}
.profile-sb {
	background: #25274e;
	padding: 20px 0px;
}
.profile-img-sb {
	text-align: center;
}
.profHead-sb {
	text-align: center;
	font: 500 30px/34px 'Rubik', sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding-top: 20px;
}
.profHead-sb span {
	display: inline-block;
	font: 400 16px/20px 'Rubik', sans-serif;
	text-transform: capitalize;
	padding-top: 15px;
}
.view-prof-sb {
	display: block;
	background: #86f6ff;
	color: #251e1a;
	font: 400 16px/20px 'Rubik', sans-serif;
	margin: 30px auto 0px auto;
	border: 2px solid #86f6ff;
	text-align: center;
	width: 130px;
}
.view-prof-sb a {
	display: block;
	padding: 9px 0px;
}
.resources-sb {
	margin-top: 20px;
}
.resHead-sb {
	text-align: center;
	background: #25274e;
	color: #fff;
	padding: 15px 0px;
	font: 400 26px/30px 'Rubik', sans-serif;
	border-top: 1px solid #64e0ea;
}
.resources-sb li {
	font: 400 16px/20px 'Rubik', sans-serif;
	color: #25274e;
	transition: 0.5s ease-in-out;
	border-bottom: 1px solid #70b8bd;
	background-color: #5feffa;
}
.resources-sb li a {
	display: block;
	padding: 15px 0px 15px 70px;
}
.resources-sb li:hover {
	background-color: #25274e;
	color: #5feffa;
}
.edu-sb {
	background: url(../images/edu-vid-sb.png) no-repeat 25px center;
}
.edu-sb:hover {
	background: url(../images/edu-vid-sb-hover.png) no-repeat 25px center;
}
.first-sb {
	background: url(../images/first-sb.png) no-repeat 25px center;
}
.first-sb:hover {
	background: url(../images/first-sb-hover.png) no-repeat 25px center;
}
.pat-sb {
	background: url(../images/pat-for-sb.png) no-repeat 25px center;
}
.pat-sb:hover {
	background: url(../images/pat-for-sb-hover.png) no-repeat 25px center;
}
.post-sb {
	background: url(../images/post-op-sb.png) no-repeat 25px center;
}
.post-sb:hover {
	background: url(../images/post-op-sb-hover.png) no-repeat 25px center;
}
.insu-sb {
	background: url(../images/insu-sb.png) no-repeat 25px center;
}
.insu-sb:hover {
	background: url(../images/insu-sb-hover.png) no-repeat 25px center;
}
/*-----------Easy Tabs CSS-----------*/

.textMain #parentHorizontalTab {
	background: none;
	text-transform: none;
}
.textMain .resp-tabs-list.hor_1 {
	display: block;
	margin: 0 auto;
	text-align: center;
	margin: 0px;
	padding: 0;
}
.contact-s .textMain .resp-tabs-list.hor_1 li {
	width: 200px !important;
	font-size: 14px !important;
}
.contact-s .resp-tab-content.hor_1.resp-tab-content-active {
	background: #f0f0f1;
}
.contact-s p::before {
	position: relative;
	font-size: 22px;
	color: #023da5;
	margin: 0 10px 0 -33px;
	width: 24px;
	display: inline-block;
	text-align: center;
}
.details-L {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 0;
}
.details-R {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
.details-R p {
	text-align: center;
}
.contact-s .resp-tab-content.hor_1 .details-L p {
	padding: 10px 0px 10px 40px;
}
.map-R {
	height: 250px;
	border: 1px solid #ccc;
}
.map-R iframe {
	border: none;
	width: 100%;
	height: 100%;
}
.textMain .resp-tabs-list.hor_1 li {
	cursor: pointer;
	display: inline-block !important;
	vertical-align: top;
	font: 600 15px/18px 'Roboto', sans-serif;
	text-transform: uppercase;
	position: relative;
	width: 220px;
	height: auto;
	padding: 0px;
	margin: 0 15px;
	display: block;
	text-align: center;
	padding: 10px 0;
	background: #000;
	color: #ffffff;
	padding: 15px 0px;
	border-radius: 5px;
	margin: 3px;
}
.textMain .resp-tabs-container {
	padding: 0px;
	clear: left;
	background: #fff;
}
.textMain h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}
.textMain .resp-tab-content {
	display: none;
	padding: 15px;
}
.textMain .resp-tab-active {
	border-bottom: none;
}
.textMain .resp-tabs-list li.resp-tab-active {
	vertical-align: top;
	position: relative;
	background: #0596eb !important;
	color: #fff;
}
.textMain .resp-tabs-list li.resp-tab-active::before {
	vertical-align: top;
	position: absolute;
}
.textMain .resp-content-active, .textMain .resp-accordion-active {
	display: block;
}
.textMain .resp-tab-content {
	border: none;
	min-height: auto;
	margin: 30px 0 0 0;
}
.textMain h2.resp-accordion {
	font-size: 13px;
	border: 1px solid #c1c1c1;
	border-top: 0px solid #c1c1c1;
	margin: 0px;
	padding: 10px 15px;
}
.textMain h2.resp-tab-active {
	border-bottom: 0px solid #c1c1c1 !important;
	margin-bottom: 0px !important;
	padding: 10px 15px !important;
}
.textMain h2.resp-tab-title:last-child {
	border-bottom: 12px solid #c1c1c1 !important;
	background: blue;
}
/*-----------Vertical tabs-----------*/

.textMain .resp-vtabs ul.resp-tabs-list {
	float: left;
	width: 30%;
}
.textMain .resp-vtabs .resp-tabs-list li {
	display: block;
	padding: 15px 15px !important;
	margin: 0 0 4px;
	cursor: pointer;
	float: none;
}
.textMain .resp-vtabs .resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	border: 1px solid #c1c1c1;
	float: left;
	width: 68%;
	min-height: 250px;
	border-radius: 4px;
	clear: none;
}
.textMain .resp-vtabs .resp-tab-content {
	border: none;
	word-wrap: break-word;
}
.textMain .resp-vtabs li.resp-tab-active {
	position: relative;
	z-index: 1;
}
.textMain .resp-arrow {
	width: 0;
	height: 0;
	float: right;
	margin-top: 3px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 12px solid #c1c1c1;
}
.textMain h2.resp-tab-active span.resp-arrow {
	border: none;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 12px solid #9B9797;
}
.textMain h2.resp-tab-active {
	background: #DBDBDB;
}
.textMain .resp-easy-accordion h2.resp-accordion {
	display: block;
}
.textMain .resp-easy-accordion .resp-tab-content {
	border: 1px solid #c1c1c1;
}
.textMain .resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #c1c1c1;
}
.textMain .resp-jfit {
	width: 100%;
	margin: 0px;
}
.textMain .resp-tab-content-active {
	display: block;
}
.textMain h2.resp-accordion:first-child {
	border-top: 1px solid #c1c1c1;
}
.textMain .resp-tabs-list li a {
	text-decoration: none;
	position: relative;
	width: auto;
    color: inherit;
}
.textMain .resp-tabs-list li a span {
	float: left;
	width: 116px;
	height: 115px;
	margin: -45px 10px 0 0;
}
.textMain .resp-tabs-list li a:hover {
	position: relative;
	color: inherit;
}
.textMain .resp-tabs-list li:hover::before {
	display: none;
}
.faq .textMain h2 {
	font: 700 24px/30px 'Rubik', sans-serif;
	color: #0596eb;
}
.faq .textMain h3 {
	font: 500 18px/24px 'Rubik', sans-serif;
	color: #313131;
}
/*-----------Video & Page Tabs CSS-----------*/

.landing-page ul {
	text-align: right;
}
.landing-page ul li {
	background: none !important;
	padding: 0 !important;
	display: inline-block;
	font: 400 15px/40px 'Lato', sans-serif;
}
.landing-page ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 2px 10px 2px 34px;
	border-radius: 7px;
}
.landing-page ul li a:hover {
	text-decoration: none;
	color: #dde7f4;
}
.knowmore-s a {
	background: #000 url(../images/plus-w-img.png) no-repeat 10px center;
}
.educationalvideo-s a {
	background: #0596eb url(../images/loadmove.png) no-repeat 10px center;
}
.textMain .topicimage {
	float: left;
	width: 206px;
	margin: 16px 2% 0 0;
	border: 1px solid #b9bbbd;
	padding: 2px;
}
.PDFtext {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
}
.textMain .off-hrs {
	margin: 0;
	width: 280px;
}
.textMain .off-hrs li {
	background-image: none;
	padding: 5px 5px 5px 40px;
}
.textMain .off-hrs li span:first-child {
	width: 50px;
	display: inline-block;
}
.images-p {
	text-align: center;
}
.images-p li {
	padding: 0px !important;
	margin: 10px 1% !important;
	background: none !important;
	display: inline-block;
	width: 26%;
	text-align: center;
}
.images-p li img {
	padding: 2px;
	border: 1px solid #ccc;
}
.firstvisit .img-r img {
	padding: 5px;
	border: 3px solid #52b4f1;
}
.appoint li#google_translate_element {
	margin: 0px;
	padding: 0px;
}
.appoint li#google_translate_element .goog-te-gadget {
	font: 700 14px/34px 'Muli', sans-serif;
	margin: 0px;
	padding: 0px;
}
.appoint li#google_translate_element img {
	display: none;
}
.appoint li#google_translate_element .goog-te-gadget-simple {
	background: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: inherit;
}
.appoint li#google_translate_element .goog-te-menu-value {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.appoint li#google_translate_element .goog-te-menu-value span {
	display: inline-block;
	vertical-align: top;
}
.appoint li#google_translate_element .goog-te-menu-value span:first-child {
	padding: 0px 8px 0px 8px;
	border: 1px solid #59cad2;
}
.appoint li#google_translate_element .goog-te-menu-value span:last-child {
	background: #0fa1f6;
	color: #fff !important;
	width: 22px;
	text-align: center;
	padding: 1px;
}
#google_translate_element {
	display: none;
}
.greek {
	background: url(../images/greek-flag.png) no-repeat 0px 0px;
}
.spanish {
	background: url(../images/spanish-flag.png) no-repeat 0px 0px;
}
.italian {
	background: url(../images/italy-flag.png) no-repeat 0px 0px;
}
.russian {
	background: url(../images/russia-flag.png) no-repeat 0px 0px;
}
.usa {
	background: url(../images/usa-flag.png) no-repeat 0px 0px;
}
.translation-links li {
	display: inline-block;
	margin:0px 2px 0px 0px;
}
.translation-links li a {
	display: block;
	width: 30px;
	height: 20px;
}
.translation-links h4 {
	font: 400 16px/30px 'Rubik', sans-serif;
	text-align: left;
	padding: 0px 0px 8px 0px;
	color: #1a1a1a;
}
.accessible_on .textMain .schemaTable .table-cell {
	background: none;
}
.dfw-whitemode .textMain .schemaTable .table-cell {
	border: 1px solid #000;
}
.dfw-blackmode .textMain .schemaTable .table-cell {
	border: 1px solid #fff;
}
.adaOn span::before {
	display: none;
}

.banner5 .banner-content {
	max-width: 300px;
}




 @media screen and (max-width : 1070px) {
#Banner-Container .banner1, #Banner-Container .banner2, #Banner-Container .banner3, #Banner-Container .banner4 , #Banner-Container .banner5{
	background-position: 1% top;
}
#Banner-Container-S .banner1, #Banner-Container-S .banner2, #Banner-Container-S .banner3, #Banner-Container-S,banner4, #Banner-Container-S .banner5{
	background-position: 1% top;
}
.banner-content {
	background-color: rgba(255, 255, 255, 0.5);
}
.profile-img {
	left: 0px;
}
}
 @media screen and (max-width : 980px) {
.hip-cont-sp, .knee-cont-sp {
	min-height: 395px;
}
.foot-cont-sp {
	min-height: 590px;
}
.tot-joint, .complex {
	padding: 10px 0px;
	height: auto;
}
.cm-cont {
	min-height: 330px;
}
.table-cell.language {
	display: block;
	text-align: center;
	padding: 0px;
}
}
 @media screen and (max-width : 870px) {
header {
	position: relative;
	background-color: #5feffa;
}
.appoint, .language  {
	display: block;
	margin: 10px auto;
}
.logo {
	display: block;
	text-align: center;
}
.appoint ul {
	text-align: center;
}
.prof-img {
	display: block;
}
.profile-img {
	text-align: center;
	margin-left: 0px;
	margin-top: 20px;
	position: static;
}
.m-query {
	padding: 0 10px;
}
.prof-cont {
	display: block;
	text-align: center;
}
.docHead {
	border-bottom: 0px;
}
.view-prof {
	margin: 15px auto;
}
.adv-cont-l {
	margin: 4% 0px 0px 18%;
}
.adv-cont-r {
	margin: 4% 18% 0px 0px;
}
.empty-div {
	display: none;
}
#Location li {
	margin: 10px;
}
.cm-cont {
	min-height: 345px;
}
#Location-container {
	background: #ecf6ff;
}
}
 @media screen and (max-width : 760px) {
.details-L, .details-R {
	width: 100%;
}
.textMain .schemaTable {
	width: 70%;
	min-height: 237px;
}
.profile {
	float: none;
	margin: 0 auto;
	text-align: center;
}
.menu-patient-info ul {
	left: -160px;
}
.logo a:first-child {
	border: 0px;
}
.menu li {
	font-size: 14px;
}
.adv-cont-l {
	margin: 5px auto;
}
.contHead {
	padding-bottom: 10px
}
.cm-cont {
	padding: 10px;
	min-height: auto;
}
.adv-cont-r {
	margin: 5px auto;
}
.tot-joint, .complex {
	background: none;
	display: block;
	width: auto;
	text-align: center;
	min-height: auto;
}
.adv-cont-r.cm-cont {
	padding: 10px;
	min-height: auto;
}
.adv-rd-mr-l a, .adv-rd-mr-r a {
	margin: 0px;
}
.adv-rd-mr-l {
	text-align: center;
}
#Advance p {
	text-align: center;
}
#Surgery li {
	display: block;
	width: auto;
	margin: 15px auto;
}
#Surgery ul {
	padding-top: 15px;
}
.footer-menu a {
	padding: 5px 2%;
}
.hip-cont-sp {
	min-height: 595px;
}
#Sidebar {
	margin: auto;
}
.textMain .schemaTable .table-cell {
	display: block;
	margin: 5px 0 0px 0;
}
#Advance {
	min-height: auto;
	padding: 5px 0px 15px 0px;
}
.advHead {
	padding-top: 30px;
}
}
 @media screen and (max-width : 640px) {
#Scroller {
	display: none !important;
}
.textMain .resp-tabs-list.hor_1 {
	display: none;
	background: #000;
}
.textMain h2.resp-accordion {
	display: block;
	background: #5aa2d5;
}
.textMain h2.resp-accordion {
	font-size: 16px;
	color: #fff;
}
.contactTable .table-cell {
	display: block;
	width: 100%;
}
.contact-address {
	border-radius: 10px 10px 0px 0px;
}
.contact-map {
	height: 250px;
	border-radius: 0px 0px 10px 10px;
}
.textMain .useFul li {
	width: 95%;
}
#Banner-Container .banner-content {
	right: 0;
	top: 75%;
	width: auto;
}
#Banner-Container-S .banner-content {
	right: 0;
	top: 75%;
	width: auto;
}
#Banner-Container .banner-head {
	font: 500 25px/30px 'Rubik', sans-serif;
}
.knee-cont-sp {
	min-height: 575px;
}
.foot-cont-sp {
	min-height: 830px;
}
.textMain .schemaTable {
	width: 100%;
	min-height: 237px;
}
.images-p li {
	width: 30%;
}
}
 @media screen and (max-width : 480px) {
.textMain .topicimage {
	float: none;
	margin: 0 auto;
}
.landing-page h3 {
	text-align: center;
}
.landing-page ul {
	text-align: center;
}
.textMain h1 {
	font: 700 34px/43px 'Rubik', sans-serif;
}
#Banner-Container .banner1, #Banner-Container .banner2, #Banner-Container .banner3, #Banner-Container .banner4, #Banner-Container .banner5{
	background-position: 18% top;
}
#Banner-Container-S .banner1, #Banner-Container-S .banner2, #Banner-Container-S .banner3, #Banner-Container-S .banner4 , #Banner-Container-S .banner5{
	background-position: 18% top;
}
#Banner-Container-S .banner-head {
	font: 500 23px/29px 'Rubik', sans-serif;
}
.phone-link {
	background-color: rgba(255, 255, 255, 0.5);
}
.tagHead {
	font-size: 20px;
	padding: 20px 0px 10px 0px;
}
.docHead {
	font-size: 32px;
}
.doc-font {
	font-size: 20px;
}
.doc-joint {
	font-size: 14px;
}
.prof-cont p {
	padding-top: 15px;
	font-size: 15px;
}
.advHead {
	font-size: 26px;
	padding-top: 20px;
}
.contHead {
	font-size: 20px;
	padding-bottom: 5px;
}
.contHead span {
	font-size: 26px;
}
#Advance p {
	font-size: 14px;
	line-height: 22px;
}
.cm-cont {
	padding-top: 15px;
}
.adv-cont-l, .adv-cont-r {
	margin-top: 5px;
}
.revHead {
	font: 400 28px/35px 'Rubik', sans-serif;
	padding-top: 20px;
}
.revTag {
	font: 400 20px/24px 'Rubik', sans-serif;
	padding: 12px 0px 22px 0px;
}
#Review p {
	width: auto;
	font-size: 14px;
	padding: 12px 10px 24px 5px;
}
.footer-menu a {
	padding: 5px 4%;
}
.foot-cont-sp, .hip-cont-sp, .knee-cont-sp {
	padding-bottom: 40px;
}
#Banner-Container, #Banner-Container-S {
	display: none !important;
}
.img-r.north {
	margin: 10px 0;
	float: none;
}
.images-p li {
	width: 300px;
	display: block;
	margin: 5px auto !important;
}
}