/* ------------------------------ Fonts CSS ------------------------------ */

@font-face {
	font-family: 'roboto_slabthin';
	src: url('/fonts/robotoslab-thin-webfont.eot');
	src: url('/fonts/robotoslab-thin-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/robotoslab-thin-webfont.woff2') format('woff2'), url('/fonts/robotoslab-thin-webfont.woff') format('woff'), url('/fonts/robotoslab-thin-webfont.ttf') format('truetype'), url('/fonts/robotoslab-thin-webfont.svg#roboto_slabthin') format('svg');
}
@font-face {
	font-family: 'robotoblack';
	src: url('/fonts/roboto-black-webfont.eot');
	src: url('/fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-black-webfont.woff2') format('woff2'), url('/fonts/roboto-black-webfont.woff') format('woff'), url('/fonts/roboto-black-webfont.ttf') format('truetype'), url('/fonts/roboto-black-webfont.svg#robotoblack') format('svg');
}
@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('/fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/MyriadPro-Regular.otf') format('opentype'), url('/fonts/MyriadPro-Regular.woff') format('woff'), url('/fonts/MyriadPro-Regular.ttf') format('truetype'), url('/fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
}
@font-face {
	font-family: 'robotoregular';
	src: url('/fonts/roboto-regular-webfont.eot');
	src: url('/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-regular-webfont.woff2') format('woff2'), url('/fonts/roboto-regular-webfont.woff') format('woff'), url('/fonts/roboto-regular-webfont.ttf') format('truetype'), url('/fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
}
@font-face {
	font-family: 'robotolight';
	src: url('/fonts/roboto-light-webfont.eot');
	src: url('/fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-light-webfont.woff2') format('woff2'), url('/fonts/roboto-light-webfont.woff') format('woff'), url('/fonts/roboto-light-webfont.ttf') format('truetype'), url('/fonts/roboto-light-webfont.svg#robotolight') format('svg');
}
@font-face {
	font-family: 'robotothin';
	src: url('/fonts/roboto-thin-webfont.eot');
	src: url('/fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-thin-webfont.woff2') format('woff2'), url('/fonts/roboto-thin-webfont.woff') format('woff'), url('/fonts/roboto-thin-webfont.ttf') format('truetype'), url('/fonts/roboto-thin-webfont.svg#robotothin') format('svg');
}
@font-face {
	font-family: 'robotobold';
	src: url('/fonts/roboto-bold-webfont.eot');
	src: url('/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-bold-webfont.woff2') format('woff2'), url('/fonts/roboto-bold-webfont.woff') format('woff'), url('/fonts/roboto-bold-webfont.ttf') format('truetype'), url('/fonts/roboto-bold-webfont.svg#robotobold') format('svg');
}
@font-face {
	font-family: 'HelveticaNeue';
	src: url('/fonts/HelveticaNeue.eot');
	src: url('/fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'), url('/fonts/HelveticaNeue.woff2') format('woff2'), url('/fonts/HelveticaNeue.woff') format('woff'), url('/fonts/HelveticaNeue.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
html {
	-webkit-font-smoothing: antialiased;
}
/* ------------------------------ 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, ul, ol {
	margin: 0px;
	padding: 0px;
}
ul, li {
	list-style: none;
}
a, a:hover {
	text-decoration: none;
	outline: none;
}
/* ------------------------------ General CSS ------------------------------ */

.hr {
	height: 10px;
	background: url(/images/hr.gif) repeat-x left center;
	clear: both;
}
.clear-float, .clear {
	clear: both;
}
.align-left {
	float: left;
}
.align-right {
	float: right;
}
.text-center {
	text-align: center;
	width: 100%;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.bgnone {
	background: none !important;
}
.bordernone {
	border: none !important;
}
.marginnone {
	margin: 0px !important;
}
.paddingnone {
	padding: 0px !important;
}
.order-list ol {
	margin: 0px 0px 0px 7% !important;
}
.order-list ol li {
	list-style: decimal !important;
}
.videoBorder {
	border: 4px solid #333;
}
.PDFtext {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}
/* ------------------------------ Main CSS ------------------------------ */

header {
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	clear: both;
	float: left;
}
#Container, section, #Menu-Container, #Intra-Container, #Intra-Container-S, #Spinal-Deformity-Container, #Reconstructions-Container, #Cervical-Container, #OfficeLocations-Container, #Credibility-Container, footer, #Content-Container, #Latest-Technology-Contariner {
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	clear: both;
	float: left;
	overflow: hidden;
}
#Header, #Main-Menu, #Interactivity, #Latest-Technology, #Spinal-Deformity, #Reconstructions, #Cervical, #OfficeLocations, #Credibility, #Footer, #Content-Main {
	max-width: 960px;
	min-width: 320px;
	margin: 0px auto;
}
/* -------------------- Header Styles -------------------- */

header {
	background: url(/images/header-bg.jpg) no-repeat center top;
}
.logo {
	float: left;
	margin: 7px 0 32px 7px;
	width: 463px;
}
.header-right {
	float: right;
	position: relative;
	top: 40px;
	width: 21%;
}
.search-form-h {
	float: left;
	margin: 20px 0 0 40px;
	width: 20%;
}
.lang-select {
	height: 30px;
	line-height: 30px;
	margin: 15px 0 20px;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 157px;
	z-index: 100;
}
.goog-te-gadget {
	font: normal 14px/18px 'robotolight' !important;
	color: #626469 !important;
	border: 2px solid #363636 !important;
}
.goog-te-gadget-simple {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	display: inline-block;
	font-size: 10pt;
	padding-bottom: 2px;
	padding-top: 1px;
	width: 100%;
}
.contact {
	background: url(/images/brian-sprite.png) no-repeat scroll 10px 8px;
	color: #ffffff;
	float: left;
	font: 21px/27px 'robotolight';
	margin: 0 15px 0px 0;
	padding: 0 0 8px 45px;
}
.contact-tell {
	background: url(/images/tel.png) no-repeat scroll 14px 6px;
}
.contact-fax {
	background: url(/images/fax.png) no-repeat scroll 10px 8px;
}
.contact-email {
	background: url(/images/email.png) no-repeat scroll 10px 8px;
}
.contact-loc {
	background: url(/images/locations-h-icon.png) no-repeat scroll 14px 4px;
}
.contact-app {
	background: url(/images/appointments-h-icon.png) no-repeat scroll 14px 4px;
}
.contact a {
	color: #ffffff;
}
.patienteducation-h {
	/* z-index: 100; */
	z-index: 999;
	right: -100px;
	top: 250px;
	position: fixed;
	width: 160px;
	box-shadow: -3px 3px 3px #c2c2c2;
}
.patienteducation-h a {
	background: #fefefe url(/images/multimedia-icon.png) no-repeat 18px 18px;
	font: normal 14px/18px 'robotoregular';
	color: #221f20;
	text-transform: uppercase;
	border-radius: 3px 0px 0px 3px;
	display: block;
	padding: 16px 0px 10px 65px;
}
.patienteducation-h a span {
	display: block;
}
.patienteducation-h:hover {
	outline: medium none;
	right: -3px;
	transition: all 700ms ease-out 0s;
}
/* ------------------------------ Menu CSS ------------------------------ */

#Menu-Container {
	overflow: visible;
	margin: -18px 0px 0px 0px;
	z-index: 150;
}
#Main-Menu {
	position: relative;
	min-height: 53px;
	border-bottom: none;
	background: #f47321;
}
#Main-Menu::before {
	border-bottom: 18px solid #ac3908;
	border-right: 13px solid transparent;
	content: "";
	position: absolute;
	right: -12px;
	top: 0px;
}
#access {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100%;
	z-index: 300;
}
#access ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#access li {
	float: left;
	position: relative;
	padding: 0px;
	text-align: center;
	font: normal 14px/53px "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}
#access a {
	display: block;
	color: #ffffff;
	text-decoration: none;
}
#access li a {
	background: url(/images/menu-divider.png) no-repeat right center;
}
#access a:hover {
	color: #4b1b07;
	text-decoration: none;
}
#access ul ul {
	display: none;
	left: 0;
	margin: 0;
	padding: 10px 0px 0px 0px;
	position: absolute;
	z-index: 99999;
	width: 180px;
}
#access ul ul a {
	color: #feffff;
	display: block;
	padding: 10px 10px 10px 17px;
	text-transform: none;
	text-align: left;
	background: #f47321 url(/images/submenulist-icon.png) no-repeat 95% 15px;
	text-transform: uppercase;
}
#access ul ul a:hover {
	color: #feffff !important;
	background: #e96c1d url(/images/submenulist-icon-on.png) no-repeat 95% 15px !important;
}
#access ul ul li:first-child a::after {
	border-bottom: 9px solid #f47321;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	content: "";
	left: 50px;
	position: absolute;
	top: -9px;
}
#access ul ul ul li:first-child a::after {
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
	content: "";
}
#access ul ul ul {
	left: 100%;
	top: 0px;
	margin: 0px;
	z-index: 999;
}
#access ul ul li {
	height: auto;
	border-bottom: 1px solid #ec6915;
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: left;
	background: none;
	border-right: none;
}
#access ul li:hover>ul {
	display: block;
}
.ypomainmenu li a:hover, .ypomainmenu li:hover>a, .ypomainmenu>li:hover>a {
	color: #4b1b07 !important;
}
.ypomainmenu .current-menu-item>a, .ypomainmenu .current_page_item>a, .ypomainmenu .current-menu-ancestor>a, .ypomainmenu .current_page_ancestor>a {
	color: #4b1b07 !important;
}
.ypomainmenu ul li a:hover, .ypomainmenu ul li:hover>a, .ypomainmenu ul>li:hover>a, .ypomainmenu>ul>li:hover>a {
	color: #4b1b07 !important;
}
.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: #e96c1d url(/images/submenulist-icon-on.png) no-repeat 95% 15px !important;
	color: #4b1b07 !important;
}
.menu-item-820 {
	width: 10%;
}
.menu-item-1110 {
	width: 12%;
}
.menu-item-1362 {
	width: 18%;
}
.menu-item-1341 {
	width: 15%;
}
.menu-item-1504 {
	width: 13%;
}
.menu-item-1127 {
	width: 16%;
}
.menu-item-1130 {
	width: 15%;
}
.menu-item-824 {
	width: 12%;
}
.menu-item-1110 ul {
	width: 200px !important;
}
.menu-item-1112 ul {
	width: 280px !important;
}
.menu-item-1128 ul {
	width: 220px !important;
}
#Mobile-Menu {
	display: none;
}
/* ---------- Mobile Menu ---------- */

#Mobile-Menu {
	display: none;
	width: 100%;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
.menu-link {
	height: 50px;
	font: normal 18px/50px 'MyriadPro-Regular';
	color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	border-bottom: 1px solid #d3bfa0;
	text-transform: uppercase;
}
.menu-link a {
	color: #fff;
	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;
	background: #da4a0d;
}
#wrapper ul li {
	font: normal 14px/35px Arial, Helvetica, sans-serif;
	height: auto;
	text-align: left;
	float: none;
	text-transform: none;
	background: #bb3801;
	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: #da4a0d;
}
#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: #da4a0d !important;
}
#wrapper .ypomainmenu>li.menu-item-has-children>a {
	background: url(/images/menu-left-bg.png) no-repeat 95% center !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: #da4a0d url(/images/menu-down-bg.png) no-repeat 95% center !important;
}
#wrapper .menu-item-has-children ul a {
	color: #fff !important;
	background: #bb3801!important;
}
#wrapper .ypomainmenu>li.menu-item-has-children li>a:hover {
	color: #fff !important;
	background: #da4a0d !important;
}
/* ------------------------------ Banner CSS ------------------------------ */

/* Common Banner css */

.intra-div {
	width: 100%;
	height: 100%;
}
.Intra-L, .Intra-R {
	width: 2000px;
	height: 100%;
	position: absolute;
}
.Intra-L {
	margin: 0px 0px 0px -2000px;
}
.Intra-R {
	margin: 0px 0px 0px 960px;
}
.rslides {
	position: relative;
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	right: 0;
	botttom: 0;
}
#Intra-Container #Interactivity {
	position: relative;
}
#Intra-Container {
	background: url(/images/banner-bg.jpg) repeat left top;
	overflow: visible;
	margin: -34px 0px 0px 0px;
}
.intra-main-h {
	position: absolute;
	width: 54%;
	top: 120px;
	left: 10px;
}
.intra-main-h h4 {
	font: normal 18px/22px 'robotoblack';
	color: #58595b;
	text-align: center;
	text-transform: uppercase;
}
.intra-main-h h2 {
	text-align: center;
}
.intra-main-h h2 a {
	font: normal 32px/38px "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #ec6915;
}
.intra-main-h h2 span {
	font: normal 16px/18px 'robotoregular';
	color: #ec6915;
	text-align: center;
}
.intra-main-h h3 {
	font: normal 16px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #868284;
	text-align: center;
}
.intra-main-h p {
	font: normal 18px/22px 'robotolight';
	color: #221f20;
	text-align: center;
	padding: 28px 0px 24px 0px;
}
.banner-read {
	margin: 0px auto;
	width: 135px;
}
.banner-read a {
	font: normal 14px/18px 'robotoregular';
	color: #221f20;
	width: 135px;
	border: 1px solid #cccccc;
	text-align: center;
	text-transform: uppercase;
	padding: 8px 0px 10px 0px;
	display: block;
}
#Intra-Container .bullet7, #Intra-Container-S .bullet7 {
	float: left;
	margin: -46px 0px 0px 10px;
	position: relative;
	z-index: 6;
}
#Intra-Container-S .bullet7 {
	margin: -15px 0px 0px 28px;
}
#Intra-Container .bullet7 li, #Intra-Container-S .bullet7 li {
	float: left;
	list-style-type: none;
	margin: 0px 5px 0px 0px;
	width: 10px;
	height: 10px;
	margin: 0px 8px 0px 0px;
}
#Intra-Container .bullet7 li a, #Intra-Container-S .bullet7 li a {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 10px;
	background: #2a2b2f;
}
#Intra-Container .bullet7 li a:hover, #Intra-Container .bullet7 li.rslides_here a, #Intra-Container-S .bullet7 li a:hover, #Intra-Container-S .bullet7 li.rslides_here a {
	background: #e75112 !important;
	border: 2px solid #2a2b2f;
	width: 8px;
	height: 8px;
}
#Intra-Container #Interactivity {
	position: relative;
	z-index: 100;
}
#Intra-Container-S {
	background: url(/images/subbanner-bg.jpg) repeat left top;
	overflow: visible;
	margin: -33px 0px 0px 0px;
}
.intra-main-s {
	position: absolute;
	top: 80px;
	left: 75px;
}
.intra-main-s h4 {
	font: normal 15px/19px 'robotoblack';
	color: #58595b;
	text-align: center;
	text-transform: uppercase;
}
.intra-main-s h2 {
	text-align: center;
}
.intra-main-s h2 a {
	font: normal 32px/36px 'MyriadPro-Regular';
	color: #f47321;
}
.intra-main-s h2 span {
	font: normal 17px/17px 'robotoregular';
	color: #e75112;
	text-align: center;
}
.intra-main-s h3 {
	font: normal 15px/16px "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #868284;
	text-align: center;
	margin: 5px 0px;
}
.banner-read-s {
	margin: 25px auto 0px;
	width: 135px;
}
.banner-read-s a {
	font: normal 14px/18px 'robotoregular';
	color: #221f20;
	width: 135px;
	border: 1px solid #cccccc;
	text-align: center;
	text-transform: uppercase;
	padding: 8px 0px 10px 0px;
	display: block;
}
/* ------------------------------ Latest-Technology-Container CSS ------------------------------ */

#Latest-Technology-Contariner {
	width: 100%;
	height: 297px;
	background: url(/images/latest-technology-contariner-bg.gif) no-repeat center top / 100% 297px;
	border-top: 20px solid #58595b;
}
#Latest-Technology, #Spinal-Deformity, #Reconstructions, #Cervical {
	background: #f47321;
	height: 100%;
}
#Latest-Technology .Intra-L {
	background: url(/images/technology-l.jpg) no-repeat right top;
}
#Latest-Technology .Intra-R {
	background: url(/images/technology-r.jpg) no-repeat left top;
}
.technolygy-image {
	float: left;
	width: 434px;
	background: url(/images/latest-technology.jpg) no-repeat left top;
	height: 100%;
}
.speciality {}
.technology-speciality {
	float: left;
	width: 435px;
	padding: 45px 0px 55px 65px;
	background: url(/images/triangle-right.png) no-repeat left 52px;
	border-left: 22px solid #ffffff;
}
.technology-speciality h3, .deformity-speciality h3, .complex-cervical h3, .cernical-speciality h3 {
	color: #ffffff;
	border-bottom: 1px solid #ec7441;
	width: 85%;
}
.technology-speciality h3 a, .deformity-speciality h3 a, .complex-cervical h3 a, .cernical-speciality h3 a {
	font: normal 22px/24px "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #ffffff;
}
.technology-speciality h3 span, .deformity-speciality h3 span, .complex-cervical h3 span, .cernical-speciality h3 span {
	display: block;
	font: normal 32px/39px "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0px 0px 5px 0px;
}
.technology-speciality p, .deformity-speciality p, .complex-cervical p, .cernical-speciality p {
	font: normal 14px/18px 'robotoregular';
	color: #ffffff;
	padding: 23px 0px;
	width: 85%;
}
.speciality-read a {
	font: normal 15px/19px 'robotoblack';
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	display: block;
	border: 1px solid #eb6b35;
	border-radius: 4px;
	float: left;
	padding: 6px 10px;
}
.speciality-read a:hover {
	color: #ffffff;
}
.hvr-shutter-out-horizontal {
	backface-visibility: hidden;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	display: inline-block;
	position: relative;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: color;
	vertical-align: middle;
}
.hvr-shutter-out-horizontal::before {
	background: #f47321 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: 50% 50% 0;
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
	z-index: -1;
}
.hvr-shutter-out-horizontal:hover::before, .hvr-shutter-out-horizontal:focus::before, .hvr-shutter-out-horizontal:active::before {
	transform: scaleX(1);
}
.hvr-sweep-to-left {
	backface-visibility: hidden;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	display: inline-block;
	position: relative;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: color;
	vertical-align: middle;
}
.hvr-sweep-to-left::before {
	background: #2098d1 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: 100% 50% 0;
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
	z-index: -1;
	border-radius: 4px;
}
.hvr-sweep-to-left:hover::before, .hvr-sweep-to-left:focus::before, .hvr-sweep-to-left:active::before {
	transform: scaleX(1);
}
.hvr-sweep-to-right {
	backface-visibility: hidden;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	display: inline-block;
	position: relative;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: color;
	vertical-align: middle;
}
.hvr-sweep-to-right::before {
	background: #2098d1 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: 0 50% 0;
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
	z-index: -1;
	border-radius: 4px;
}
.hvr-sweep-to-right:hover::before, .hvr-sweep-to-right:focus::before, .hvr-sweep-to-right:active::before {
	transform: scaleX(1);
}
/* ------------------------------ Spinal-Deformity-Container CSS ------------------------------ */

#Spinal-Deformity-Container {
	width: 100%;
	height: 299px;
	background: url(/images/spinal-deformity-bg.gif) no-repeat center top / 100% 299px;
}
.deformity-image {
	float: right;
	background: url(/images/deformity.jpg) no-repeat right top;
	width: 445px;
	height: 100%;
}
#Spinal-Deformity .Intra-R {
	background: url(/images/deformity-r.jpg) no-repeat left top;
}
.deformity-speciality {
	float: left;
	width: 476px;
	background: url(/images/triangle-icon.png) no-repeat right 52px;
	border-right: 24px solid #ffffff;
	padding: 45px 0px 57px 15px;
}
/* ------------------------------ Reconstructions-Container CSS ------------------------------ */

#Reconstructions-Container {
	width: 100%;
	height: 299px;
	background: url(/images/latest-technology-contariner-bg.gif) no-repeat center top / 100% 299px;
}
#Reconstructions {}
.reconstructions-image {
	float: left;
	width: 435px;
	background: url(/images/thoracic-i-bg.jpg) no-repeat left top;
	height: 100%;
}
#Reconstructions .Intra-L {
	background: url(/images/thoracic-i-l-bg.jpg) no-repeat right top;
}
.complex-cervical {
	float: left;
	width: 435px;
	background: url(/images/triangle-right.png) no-repeat left 52px;
	border-left: 24px solid #ffffff;
	padding: 45px 0px 55px 65px;
}
/* ------------------------------ Cervical-Container CSS ------------------------------ */

#Cervical-Container {
	width: 100%;
	height: 299px;
	background: url(/images/spinal-deformity-bg.gif) no-repeat center top / 100% 299px;
}
#Cervical .Intra-L {
	background: url(/images/cervical-l.jpg) no-repeat right top;
}
#Cervical .Intra-R {
	background: url(/images/cervical-r.jpg) no-repeat left top;
}
.cervical-image {
	float: right;
	background: url(/images/cervical-image.jpg) no-repeat right top;
	width: 445px;
	height: 100%;
}
.cernical-speciality {
	float: left;
	width: 476px;
	background: url(/images/triangle-icon.png) no-repeat right 52px;
	border-right: 24px solid #ffffff;
	padding: 45px 0px 57px 15px;
}
.cernical-speciality ul li a {
	color: #fff;
	font: normal 14px/18px 'robotoregular';
	color: #ffffff;
}
.cernical-speciality ul {
	margin: 20px 0px 20px 0px;
}
/* ------------------------------ OfficeLocations-Container CSS ------------------------------ */

#OfficeLocations-Container {
	background: #f3f1f4;
}
#OfficeLocations {
	padding: 0px 0px 40px 0px;
}
.location-head {
	font: normal 30px/34px 'robotothin';
	color: #333333;
	border-bottom: 1px solid #d7d7d7;
	text-transform: uppercase;
	padding: 0px 0px 5px 0px;
	text-align: center;
	margin: 40px auto 25px;
}
.location-head a {
	color: #333333;
}
.location {
	display: inline-block;
	margin: 0 0 0 27px;
	min-height: 205px;
	padding: 0 0 42px;
	vertical-align: top;
	width: 270px;
}
.address-h {
	padding: 25px 0px;
	height: 100px;
}
.location h3 {
	font: normal 22px/22px 'robotoblack';
	color: #333333;
}
.location h3 a {
	color: #333333;
}
.location h3 span {
	font: normal 17px/20px 'robotoblack';
}
.address-h p {
	font: normal 13px/20px 'robotoregular';
	color: #000;
	font-weight: 300;
}
.address-h h4 {
	font: normal 13px/17px 'robotoregular';
	color: #333333;
	margin: 3px 0px;
}
.address-h h4 a {
	color: #333333;
}
.address-h h4 span {
	font: normal 13px/17px 'robotobold';
	color: #333333;
}
.view-map {
	font: normal 13px/17px 'robotobold';
	color: #333333;
	float: left;
	border: 2px solid #dcdbdc;
	border-radius: 3px;
	padding: 7px 22px;
}
.margin-map {
	margin: -24px 0px 0px 0px;
}
/* ------------------------------ Credibility Styles ------------------------------ */

#Credibility-Container {}
#Credibility {
	padding: 10px 0px;
}
#flexiselDemo1 {
	margin: 0px;
	padding: 0px;
	display: block;
	list-style: none;
	overflow: hidden !important;
}
.nbs-flexisel-container {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	position: relative;
	max-width: 100%;
	overflow: hidden !important;
}
.nbs-flexisel-ul {
	width: 9999px;
	*width: 9999px;
	position: relative;
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
	overflow: hidden !important;
}
.nbs-flexisel-inner {
	width: 90%;
	max-width: 90%;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden !important;
}
.nbs-flexisel-item {
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden !important;
	text-align: center;
	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: 40px;
	height: 100%;
	position: absolute;
	cursor: pointer;
	z-index: 16;
	top: 0px;
}
#Credibility .nbs-flexisel-nav-left {
	left: 12px;
	background: url(/images/credibility-left.png) no-repeat left center;
}
#Credibility .nbs-flexisel-nav-right {
	right: 12px;
	background: url(/images/credibility-right.png) no-repeat right center;
}
/* ------------------------------Footer Section CSS ------------------------------ */

footer {
	background: url(/images/footer-bg.jpg) repeat-x left top;
	border-bottom: 8px solid #e96c1d;
	padding: 0px 0px 28px 0px;
}
#Footer {}
.footer-menu {
	float: left;
	margin: 30px 0 20px;
	text-align: center;
	width: 65%;
}
.footer-menu a {
	font: normal 13px/20px 'robotoregular';
	color: #ffffff;
	margin: 0px 10px;
}
.footer-menu a:hover {
	text-decoration: underline;
}
.copy-logo {
	float: left;
	/*margin: 0 auto;*/
	width: 100%;
}
.copy-text {
	font: normal 13px/20px 'robotoregular';
	color: #808080;
	float: left;
	border-right: none;
	padding: 0px 0px 0px 0px;
	width: 58%;
	text-align: left;
	clear: both;
	margin: 0 auto;
}
.social {
	float: left;
	margin: 5px 0px 0px 20px;
}
.social a {
	display: block;
	float: left;
	text-indent: -999999px;
	margin: 0 10px 0px 0px;
	height: 35px;
	width: 20px;
}
.facebook {
	background: url(/images/brian-sprite.png) no-repeat 0px -60px;
}
.twitter {
	background: url(/images/brian-sprite.png) no-repeat 0px -120px;
}
.linkedin {
	background: url(/images/brian-sprite.png) no-repeat 0px -180px;
}
.google-plus {
	background: url(/images/brian-sprite.png) no-repeat 0px -240px;
}
.googleplus {
	float: left !important;
	padding: 0px 0xp 0px 5px;
	display: inline;
	width: 120px !important;
	margin: 0px 0px 0px 10px !important;
}
.googleplus img {
	margin: 0px 3px;
}
.youtube {
	background: url(/images/brian-sprite.png) no-repeat 0px -300px;
}
.blog {
	background: url(/images/brian-sprite.png) no-repeat 0px -360px;
}
.ypo-logo {
	float: right;
	width: 101px;
	padding: 0px 0px 0px 6px;
}
/* ------------------------------ Sub Page CSS ------------------------------ */

#Content-Container {
	padding: 0 0 20px;
	border-top: 7px solid #8a8a8c;
}
#Content-Main .intra-div {
	display: table;
	height: 100%;
	width: 100%;
}
#Content-Main .Intra-L {
	background: url(/images/content-container-l.jpg) no-repeat right top;
}
#Content-Main .Intra-R {
	background: url(/images/content-container-r.jpg) no-repeat left top;
}
#Content-Left {
	width: 100%;
	display: table-cell;
	vertical-align: top;
}
#Sidebar {
	width: 242px;
	vertical-align: top;
	margin: 0px 10px 0px 0px;
}
/*----- Navigation Starts -----*/

.navigation {
	font: normal 14px/18px 'MyriadPro-Regular';
	color: #e75112;
	padding: 14px 30px 14px 10px;
}
.navigation a {
	font: normal 14px/18px 'MyriadPro-Regular';
	color: #1e1e1e;
}
.navigation a:hover {
	text-decoration: underline;
}
/*--- textMain Starts ---*/

.textMain {
	color: #000000;
	padding: 10px 30px 30px 10px;
	text-align: justify;
	font: normal 13px/20px Verdana, Arial, Helvetica, sans-serif;
	height: auto;
}
.textMain a {
	color: #000000;
	text-decoration: underline;
}
.textMain a:hover {
	color: #000000;
	text-decoration: underline;
}
.textMain ul, .textMain ol {
	padding: 0px;
	margin: 10px 0px;
	list-style: none;
}
.textMain ul li {
	padding-bottom: 10px;
	background: url(/images/bullet-tm.gif) no-repeat 15px 12px;
	padding: 5px 0px 0px 30px;
	list-style: none;
}
.textMain ul li ul {
	padding-bottom: 10px;
	background: none;
	padding: 5px 0px 0px 20px;
	list-style: circle;
}
.textMain ul li ul li {
	padding-bottom: 10px;
	background: none;
	padding: 5px 0px 0px 0px;
	list-style: circle;
}
.textMain ul li ul li ul li {
	padding-bottom: 8px;
	background: none;
	padding: 6px 0px 0px 0px;
	list-style: square;
}
.textMain ol li {
	padding-bottom: 10px;
}
.textMain ul li p, textMain ol li p {
	padding-bottom: 0px;
	margin: 10px 0px 0px 0px;
}
.textMain ul li ul, .textMain ul li ol, .textMain ol li ul, .textMain ol li ol {
	padding-bottom: 0px;
}
.textMain .pdf-list li {
	background: url(/images/pdf-icon.gif) no-repeat 5px 8px;
	list-style: outside none none;
	padding: 6px 0 0 30px;
}
/*--- textMain Ends ---*/

.textMain h1 {
	font: normal 35px/39px "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #f47321;
	text-align: left;
	padding: 0 0 15px;
	margin: 10px 0px;
	border-bottom: 1px dashed #8a8a8c;
}
.textMain h1 span {
	font-size: 25px;
}
.textMain h2 {
	font: normal 26px/28px "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #474D7F;
	text-align: left;
	margin: 10px 0px;
}
.textMain h2 span {
	font-size: 20px;
}
.textMain h2 a {
	color: #474D7F;
	text-decoration: none;
}
.textMain h2 a:hover {
	color: #474D7F;
	text-decoration: underline;
}
.textMain h3 {
	font: normal 20px/24px "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #f47321;
	text-align: left;
	margin: 10px 0px;
}
.textMain h3 a {
	color: #E75112;
	text-decoration: none;
}
.textMain h3 a:hover {
	color: #E75112;
	text-decoration: underline;
}
.textMain h4 {
	font: normal 16px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #eb7747;
	text-align: left;
}
.textMain h4, .textMain h5, .textMain h6, .textMain p {
	margin: 10px 0px;
}
.textMainBold {
	text-align: left;
	font: bold 12px/20px Verdana, Geneva, sans-serif;
	color: #000000;
}
.textMainBold a {
	color: #000000;
	text-decoration: underline;
}
.textMainBold a:hover {
	color: #000000;
	text-decoration: none;
}
/*----- Sidebar Starts -----*/

.services-s {
	background: #f47321 url(/images/services-s-bg.png) no-repeat right top;
	padding: 13px 0px;
	margin: 40px 0px 0px 0px;
}
.services-s li {
	background: url(/images/serviceslist-bottom.png) no-repeat center bottom;
}
.services-s li a {
	background: url(/images/services-s-icon.png) no-repeat 20px 17px;
	font: normal 18px/22px "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #ffffff;
	display: block;
	padding: 12px 0px 12px 40px;
}
.services-s li a span {
	display: block;
}
.locations-s {
	background: #f47321;
	margin: 20px 0px 0px 0px;
}
.loc-s {
	background: url(/images/locations-s-bg.gif) no-repeat 15px 15px;
}
.app-s {
	background: url(/images/app-s-bg.gif) no-repeat 17px 13px;
}
.patient-forms-s {
	background: url(/images/patient-forms-s-bg.png) no-repeat 20px 16px;
}
.mme-s {
	background: url(/images/mme-s-bg.png) no-repeat 18px 27px;
}
.patient-s {
	background: url(/images/patients-s-bg.png) no-repeat 20px 10px;
}
.spinal-g-s {
	background: url(/images/spinal-glossory-s-bg.png) no-repeat 25px 17px;
}
.nas-s {
	background: url(/images/normal-anatomy-s-bg.png) no-repeat 25px 21px;
}
.patient-satisfaction-s {
	background: url(/images/patient-survey-s-bg.png) no-repeat 17px 28px;
}
.locations-s li a {
	color: #ffffff;
	display: block;
	font: 300 18px/22px "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding: 18px 0 17px 60px;
	border-bottom: 1px solid #ea6a18;
}
.locations-s li a span {
	display: block;
}
.locations-s li a:hover {
	color: #000;
}
/* ------------------------------ Services CSS ------------------------------ */

.services-main {
	float: left;
	width: 100%;
	margin: 20px 0px;
}
.service-image {
	float: left;
	width: 171px;
	background: url(/images/service-left.png) no-repeat center top;
	padding: 10px 0px 0px 5px;
}
.about-service {
	float: left;
	background: url(/images/service-right.png) no-repeat center top;
	padding: 10px 0px 0px 5px;
	width: 80%;
	background-size: 100% auto;
}
.about-service h2 {
	font: normal 24px/28px 'MyriadPro-Regular';
	color: #e75112;
	margin: 8px 0 0 65px;
}
.about-service h2 a {
	color: #e75112;
	text-decoration: underline;
}
.about-service h2 a:hover {
	color: #e75112;
	text-decoration: none;
}
.about-service h3 {
	font: normal 20px/24px 'MyriadPro-Regular';
	color: #58595b;
	margin: 15px 0 0 65px;
}
.about-service h3 a {
	color: #58595b;
}
.about-service ul {
	margin: 7px 0px 0px 65px;
}
.about-service h3 a:hover {
	color: #58595b;
}
.about-service li {
	background: none !important;
	padding: 0px !important;
	width: 50%;
	float: left;
	margin: 3px 0px;
	text-align: left;
}
.about-service li a {
	background: url(/images/services-icon.png) no-repeat 0px 6px;
	padding: 0px 0px 0px 20px;
	font: normal 14px/18px 'MyriadPro-Regular';
	color: #58595b;
	text-decoration: none;
	display: block;
}
.about-service li a:hover {
	color: #58595b;
	text-decoration: underline;
}
/* ------------------------------ Staff CSS ------------------------------ */

.staff-section {
	float: left;
	width: 70%;
}
.staff-image {
	float: left;
	width: 200px;
}
.about-staff {
	float: left;
	padding: 20px 0 0;
	width: 55%;
}
/* ------------------------------ 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 #e75112;
	border-radius: 2px;
}
.textMain .ypo-form h3, .ypo-form input[type="submit"], .ypo-form input[type="reset"] {
	background: #e75112;
	color: #fff;
	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;
}
.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-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;
}
/*------------------------- Contact Container List -------------------------------*/

.formHead {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	color: #ffffff;
	background: #f47321;
	clear: both;
}
.formHead a {
	color: #ffffff;
	text-decoration: underline;
}
.formHead a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.contact-address {
	width: 99%;
	padding: 3px;
	margin: 2% auto;
	box-shadow: 0 5px 5px 0 #aaaaaa;
	border: 1px solid #d5d5d5;
}
.address-text {
	padding: 2% 0 0 1%;
	float: left;
	width: 50%;
	text-align: left;
}
.mappics {
	float: right;
	margin: 2% 0 0;
	text-align: center;
	width: 45%;
}
.mappics img {
	border: 1px solid #e96c1d;
	margin: 5px;
}
.contact-ph {
	float: left;
	width: 98%;
}
.contact-ph ul {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
}
.contact-ph li {
	background: none repeat scroll 0 0 !important;
	color: #000;
	font: 300 17px/35px "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin: 0 5px 0 0;
	padding: 0 1% !important;
	text-align: left;
	width: 40%;
	float: left;
}
.contact-ph li img {
	vertical-align: middle;
	margin: 0px 10px 0px 0px;
}
.contact-ph a {
	color: #000;
	text-decoration: none;
	display: inline-block;
}
.contact-ph a:hover {
	text-decoration: none;
}
.google-map-wrapper {
	padding: 0px 0px 1% 5px;
}
.google-map-wrapper iframe {
	width: 100% !important;
}
/*-------------------- 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: 50px;
	height: 30px;
	font: bold 12px/30px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #e96c1d;
	text-align: center;
	border-radius: 5px;
	display: none;
}
#backtotop a {
	display: block;
	color: #fff;
}
#backtotop:hover {
	opacity: 0.9;
}
/*-------------------- Accordion Styles --------------------*/

.accordion {
	margin: 1em 0
}
.accordion h2 {
	background: url(/images/plus_icon.png) no-repeat 10px center #E2581F;
	color: #ffffff;
	cursor: pointer;
	margin: 5px 0px 0px 0px;
	padding: 4px 0px 4px 40px;
	font: normal 18px/26px 'MyriadPro-Regular';
}
.accordion h2.current {
	background: url(/images/minus_icon.png) no-repeat 10px center #FF9933;
	cursor: default;
	color: #ffffff;
}
.accordion div.pane {
	padding: 5px 10px;
	border: 1px solid #D8D8D8;
}
/*-------------------- 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;
}
/****************schema*****************/

.tableborder {
	border: 1px solid #f47321;
	border-radius: 0;
	float: left;
	width: 100%;
}
.text-address {
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #707070;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	text-align: justify;
}
.text-address a {
	color: #e75112;
	text-decoration: underline;
}
.text-address a:hover {
	color: #e75112;
	text-decoration: underline;
}
.tel-schema {
	float: left;
	height: 28px;
	width: 30%;
}
.e-schema {
	float: left;
	height: 28px;
	width: 37%;
}
.tel-schema img {
	float: left;
	margin: 0px 10px 0 0;
}
.schema-left {
	float: left;
	margin: 2% 0 0 2%;
	width: 48%;
	text-align: left;
}
.fax-schema, .fax-schema a, .fax-schema a:hover {
	color: #f47321;
	font: normal 18px/13px 'MyriadPro-Regular';
}
.addres-head {
	font: normal 18px/26px 'MyriadPro-Regular';
	color: #f47321;
}
.anchordiv a {
	font: normal 18px/26px 'MyriadPro-Regular';
	color: #f47321;
	text-decoration: none;
}
/*--------------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;
}
/****************************** Tabs-CSS************************/

.inner-tabs {
	float: left;
	width: 100%;
}
.inner-tabs li {
	float: left;
	font: normal 18px/22px 'MyriadPro-Regular';
	color: #ffffff;
	background: url(/images/tabs-bg.jpg) repeat left top !important;
	width: 267px;
	margin: 0px 18px 11px 0px;
	text-align: left;
	position: relative;
	padding: 0px !important;
	box-shadow: 0 3px 1px #cfcfcf;
}
.inner-tabs a {
	color: #ffffff;
	display: table-cell;
	height: 50px;
	padding: 0 0px 0 28px;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	width: 267px;
}
.inner-tabs li:hover a {
	background: #bb3801;
	border-radius: 5px;
	color: #ffffff;
	text-decoration: none !important;
}
/*--------Other------*/

.topic-image, .dr-image {
	float: right;
	margin: 0 0 10px 15px;
	padding: 2px;
	border: 2px solid #fff;
	outline: 1px solid #ccc;
}
/*---- Multimedia List Styles----*/

.video-container {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}
.multiBorder {
	width: 100%;
	position: relative;
	margin: 10px auto;
	padding: 100% 0px 0px 0px;
	overflow: hidden;
	height: 535px;
}
.videoBorder {
	width: 90%;
	position: relative;
	margin: 15px auto;
	padding: 55% 0px 0px 0px;
}
.videoBorder iframe, .videoBorder embed, .multiBorder iframe, .multiBorder embed {
	top: 0px;
	position: absolute;
	width: 100.1%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px !important;
}
.videoborder {
	border: 4px solid #333;
	width: 90%;
	position: relative;
	margin: 15px auto;
}
.videoborder iframe, .videoborder embed {
	top: 0px;
	position: absolute;
	width: 100.1%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px !important;
}
.multimedialist {
	min-height: 40px;
	clear: both;
}
.media {
	font: normal 14px/16px 'MyriadPro-Regular';
	color: #fff;
	text-decoration: none;
	text-align: left;
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
}
.media li {
	float: left;
	list-style: outside none none;
	margin: 10px 15% 10px 0px !important;
	padding: 0px !important;
	width: 110px;
}
.media li a {
	text-decoration: none !important;
}
.video a {
	font: normal 14px/20px 'MyriadPro-Regular';
	background: url(/images/loadmove.png) no-repeat 12px 5px #f47321 !important;
}
.info a {
	font: normal 14px/20px 'MyriadPro-Regular';
	background: url(/images/patient-icon.png) no-repeat 12px 5px #f47321 !important;
}
.print a {
	font: normal 14px/20px 'MyriadPro-Regular';
	background: url(/images/print-icon.png) no-repeat 10px 5px #f47321 !important;
}
.media li a {
	color: #ffffff;
	display: block;
	text-decoration: none;
	line-height: 20px;
	width: 110px;
	height: 20px;
	padding: 5px 0px 5px 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #f47321;
	font: normal 14px/20px 'MyriadPro-Regular';
}
.media li a:hover {
	text-decoration: none;
	color: #ffffff;
}
.page-id-19 .doctor-s {
	display: none;
}
.footer-treat li a:hover, .footer-menu li a:hover, .infolinks-h a:hover {
	text-decoration: underline;
}
.showcase li {
	background: none !important;
}
.page-id-810 #Sidebar {
	display: none;
}
.seminar table, .seminar th, .seminar td {
	border: 1px solid #E75112;
	padding: 5px;
}
#search {
	color: #fff;
	float: left;
	margin: 10px 0 0;
	position: relative;
}

.search-button {
    border: 1px solid #fff;
    cursor: pointer;
    height: 27px;
    position: absolute;
    margin: 0px 5px;
}
.search-text {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #b6b6b6;
    color: #000000;
    display: block;
    font: 13px/16px 'MyriadPro-Regular';
    padding: 6px 3% 3px 3%;
    width: 65%;
    float: left;
}
.pdf-box ul li {
	font: normal 300 17px/22px "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #e75112;
	padding: 10px;
	margin: 10px;
	float: left;
	width: 42%;
	text-align: left;
	background: none;
	border: 1px solid #ccc;
}
.pdf-box ul li a {
	color: #e75112;
	text-decoration: none;
}
.pdf-box ul li a:hover {
	text-decoration: none;
}
.cmap img {
	border: 5px solid #fff;
	outline: 1px solid #ccc;
}
.display-contact {
	display: none;
}
.page-id-765 #Sidebar {
	display: none;
}
.topic-image, .dr-image-bs {
	border: 2px solid #fff;
	float: right;
	margin: 10px 5px 10px 15px;
	outline: 1px solid #ccc;
	padding: 2px;
}
.page-id-1614 #Intra-Container-S {
	display: none;
}
.Map-Contact {
	border: 1px solid #ccc;
	padding: 3px;
}
.video-embed {
	margin: 10px 0;
	border-bottom: 1px dashed #888;
}
.video-embed iframe {
	border: 2px solid #131418;
	height: 360px;
	margin-bottom: 7px;
	padding: 2px;
	width: 100%;
}
/*.health-logo {
  float: left;
  margin: 52px 0 32px 30px;
  width: 210px;
}*/

.health-logo {
	float: left;
	margin: 0 0 0 10px;
}
/* ------------------------------ Media Screen CSS ------------------------------ */

@media screen and (max-width: 959px) {
	.header-right {
		margin: 0px 2% 0px 0px;
	}
	.intra-main-h {
		top: 35px;
	}
	.technolygy-image, .deformity-image, .reconstructions-image, .cervical-image {
		background-size: 100% 100%;
		width: 45%;
	}
	.technology-speciality h3, .deformity-speciality h3, .complex-cervical h3, .cernical-speciality h3, .technology-speciality p, .deformity-speciality p, .complex-cervical p, .cernical-speciality p {
		width: 95%;
	}
	.technology-speciality, .complex-cervical {
		padding: 38px 0 62px 43px;
		width: 44%;
	}
	.deformity-speciality, .cernical-speciality {
		width: 46%;
	}
	.location {
		width: 38%;
		margin: 10px;
	}
	.intra-main-s {
		top: 30px;
	}
	.topic-image, .dr-image {
		float: none;
		width: 200px;
		margin: 0px auto;
	}
	.inner-tabs li {
		float: none;
		width: 290px;
		margin: 0 0 11px;
	}
	.inner-tabs a {
		padding: 0 0 0 38px;
	}
	.about-service {
		width: 75%;
	}
	.copy-logo {
		float: none;
		margin: 0 auto;
		width: 95%;
	}
	.textMain .showcase ul li {
		width: 45% !important;
	}
	.footer-menu {
		width: 73%;
	}
	.header-right {
		width: 29%;
	}
	#access li {
		font: 300 12px/53px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
	.logo {
		float: none;
		margin: 0 auto;
		width: 463px;
	}
	.health-logo {
		float: none;
		margin: 10px auto;
		width: 210px;
	}
	.header-right {
		height: 170px;
		margin: 1% auto;
		width: 29%;
		float: none;
	}
	header {
		background: #28292d none repeat scroll 0 0;
	}
	.health-logo {
		clear: both;
		float: none;
		margin: 10px auto;
		width: 125px;
	}
	footer {
		background: #272727;
	}
	.ypo-logo {
		clear: both;
		float: none;
		margin: 15px auto;
		padding: 0 0 0 6px;
		width: 101px;
	}
}
@media screen and (max-width: 767px) {
	.logo {
		margin: 20px auto;
		width: 55%;
	}
	.header-right {
		top: 15px;
		width: 34%;
	}
	#access li {
		font-size: 12px;
	}
	.intra-main- h p {
		padding: 15px 0px;
	}
	.intra-main-h p span {
		display: none;
	}
	.technology-speciality h3, .deformity-speciality h3, .complex-cervical h3, .cernical-speciality h3 {
		font-size: 18px;
		line-height: 22px;
	}
	.technology-speciality h3 span a, .deformity-speciality h3 span a, .complex-cervical h3 span a, .cernical-speciality h3 span a {
		font-size: 30px;
	}
	footer {
		background: #282828;
	}
	.ypo-logo {
		float: none;
		padding: 0;
		width: 101px;
		clear: both;
		margin: 2% auto;
	}
	.intra-main-s {
		top: 15px;
	}
	.banner-read-s {
		margin: 10px auto;
	}
	.about-service {
		width: 69%;
	}
	.about-service h2, .about-service ul, .about-service h3 {
		margin: 8px 0 0 30px;
	}
	.about-service li {
		float: none;
		width: 95%;
	}
	.contact-ph li {
		float: none;
		width: 95%;
		margin: 2% 0px;
	}
	.address-text {
		float: none;
		padding: 2% 0 0 2%;
		width: 95%;
	}
	.mappics {
		float: none;
		margin: 2% auto;
		text-align: center;
		width: auto;
	}
	.schema-left {
		float: none;
		width: 320px;
		margin: 2% auto;
	}
	.tel-schema {
		float: none;
		margin: 2% auto;
		width: 200px;
	}
	.footer-menu {
		width: 90%;
	}
}
@media screen and (max-width: 640px) {
	#Main-Menu, #backtotop {
		display: none !important;
	}
	#Mobile-Menu {
		background: url(/images/menu-bg.jpg) repeat-x left top;
		display: block !important;
	}
	.menu-item-1110 ul {
    width: 100% !important;
	}
	#Content-Left, #Sidebar {
		display: inherit;
		margin: 0px auto;
	}
	.GotoTop {
		display: none !important;
	}
	.topic-image, .dr-image {
		float: right;
		margin: 0px 0px 10px 15px;
	}
	.dr-image {
		float: right;
		margin: 0px 0px 10px 15px;
	}
	.address-text {
		float: left;
		width: 50%;
	}
	.mappics {
		float: right;
		margin: 2% 6% 2% 0;
		text-align: center;
		width: auto;
	}
	.contact-ph li {
		float: left;
		width: 40%;
	}
	.schema-left {
		float: left;
		margin: 2% 0 0 2%;
		width: 43%;
		text-align: left;
	}
	.tel-schema {
		float: left;
		height: 28px;
		width: 42%;
	}
	.display-contact {
		display: block;
	}
	.cmap {
		display: none;
	}
	.header-right {
		top: 25px;
		width: 34%;
	}
	.googleplus {
		margin: 10px 40% !important;
	}
    .patienteducation-h {
    top: 168px;
    }
}
@media screen and (max-width: 639px) {
	header {
		background: #28292d none repeat scroll 0 0;
	}
	.logo {
		margin: 2% auto;
		width: 95%;
		float: none;
	}
	.header-right {
		float: none;
		margin: 10% auto;
		width: 220px;
		top: 3px;
	}
	.intra-main-h {
		top: 15px;
		width: 70%;
	}
	.intra-main-h p {
		display: none;
	}
	.banner-read {
		margin: 6% auto;
	}
	#Latest-Technology-Contariner, #Spinal-Deformity-Container, #Reconstructions-Container, #Cervical-Container {
		height: auto;
		margin: 2%;
	}
	.technolygy-image, .deformity-image, .reconstructions-image, .cervical-image {
		float: none;
		margin: 0 auto;
		width: 300px;
		height: 299px;
	}
	.technology-speciality, .complex-cervical {
		float: none;
		padding: 38px 0 62px 10px;
		width: 90%;
		border-left: none;
		background: none;
	}
	.deformity-speciality, .cernical-speciality {
		float: none;
		width: 90%;
		border-right: none;
		background: none;
	}
	.copy-text {
		border-right: none;
		float: none;
		padding: 0;
		width: 95%;
		text-align: center;
		clear: both;
	}
	.social {
		float: none;
		margin: 5% auto 0;
		width: 200px;
	}
	.intra-main-s {
		top: 10px;
		left: 20px;
	}
	.intra-main-s h2 a {
		font-size: 30px;
		line-height: 34px;
	}
	.intra-main-s h3 {
		line-height: 13px;
	}
	.banner-read-s a {
		padding: 3px 0px;
	}
	.topic-image, .dr-image {
		float: none;
		margin: 0 auto;
		width: 200px;
	}
	.service-image {
		width: 27%;
		background-size: 100% auto;
	}
	footer {
		padding: 0px;
	}
	.address-text {
		float: none;
		padding: 2% 0 0 2%;
		width: 95%;
	}
	.mappics {
		float: none;
		margin: 2% auto;
		text-align: center;
		width: auto;
	}
	.contact-ph li {
		float: none;
		width: 95%;
		margin: 2% 0px;
	}
	.schema-left {
		float: none;
		width: 320px;
		margin: 2% auto;
	}
	.header-right {
		height: 150px;
		margin: 1% auto;
	}
}
@media screen and (max-width: 480px) {
	.intra-main-h {
		left: 50px;
		top: 55px;
		width: auto;
	}
	.intra-main-h h2 a {
		font-size: 34px;
		line-height: 38px;
	}
	.banner-read {
		margin: 3% auto;
	}
	.banner-read a {
		padding: 3px 0;
		width: 90px;
	}
	.location {
		float: none;
		width: 220px;
		margin: 0px 0px 1px 18px;
	}
	.intra-main-s {
		left: 50px;
	}
	.intra-main-s h2 a {
		font-size: 20px;
		line-height: 24px;
	}
	.intra-main-s h3, .intra-main-s h2 span {
		display: none;
	}
	.banner-read-s {
		margin: 2px auto;
	}
	.about-service h2, .about-service ul, .about-service h3 {
		margin: 8px 0 0 5px;
	}
	.about-service h2 {
		font-size: 17px;
		line-height: 21px;
	}
	.inner-tabs {
		width: 86%;
	}
	.tel-schema {
		float: none;
		margin: 2% auto;
		width: 200px;
	}
	.search-form-h {
		float: none;
		margin: 20px auto;
		width: 300px;
	}
	#search {
		float: none;
	}
	.footer-menu {
		width: 100%;
	}
	.intra-main-h h2 span, .intra-main-h h3 {
		display: none;
	}
}
@media screen and (max-width: 360px) {
	.technology-speciality h3 a, .deformity-speciality h3 a, .complex-cervical h3 a, .cernical-speciality h3 a {
		font-size: 18px;
	}
	.technology-speciality h3 span, .deformity-speciality h3 span, .complex-cervical h3 span, .cernical-speciality h3 span {
		font-size: 33px;
	}
	.intra-main-h h3 {
		display: none;
	}
	.intra-main-h h2 a {
		font-size: 23px;
		line-height: 33px;
	}
	.googleplus {
		margin: 10px 34% !important;
	}
    .location {
		float: none;
		width: 220px;
		margin: 0px 0px 1px 30px;
	}
}