.map-address
{
    background: #fff !important;
    padding: 10px;
    opacity: 0.7;
}

.gm-style-iw, .gm-style-iw-c
{
    width: 250px !important;
}

.gm-ui-hover-effect
{
    top: 10px !important;
    right: 16px !important;
}
.gm-style-iw-d
{
    overflow: unset !important;
}
.gm-style > div > div > div > div
{
    z-index: unset !important;
}
/*.gm-style div 
{
    z-index: unset !important  ;
}*/
/*

	Theme Name: Dr Brian Hsu FRACS (Orth) - Adult and Paediatric Spine Surgeon

	Theme URI: http://www.yourpracticeonline.com.au

	Description: This theme is completely compatible with WordPress 4.2.3

	Author URI: http://www.yourpracticeonline.com.au

	Version: 1.0



*/

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

 	

 	@import url('fonts.css');

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;

}

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

	color: #4b1b07 !important;

}

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

	color: #4b1b07 !important;

}

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

	color: #4b1b07 !important;

}

.menu li .current-menu-item > a,  .menu > li .current-menu-item > a,  .menu li .current_page_item > a,  .menu > li .current_page_item > a,  .menu li .current-menu-ancestor > a,  .menu > li .current-menu-ancestor > a,  .menu li .current_page_ancestor > a,  .menu > 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 .menu li > a:hover,  #wrapper .menu > li:hover > a,  #wrapper .menu li.current_page_item > a,  #wrapper .menu li.current-menu-item > a {

	color: #fff !important;

	background: #da4a0d !important;

}

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

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

}

#wrapper .menu > li.menu-item-has-children a:hover,  #wrapper .menu > li.menu-item-has-children:hover > a,  #wrapper .menu > li.current-menu-ancestor > a,  #wrapper .menu > li.current-page-ancestor > a,  #wrapper .menu > 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 .menu > 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 15px/33px "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-text {

	background: #ffffff none repeat scroll 0 0;

	border: 1px solid #b6b6b6;

	color: #000000;

	display: block;

	font: 13px/16px 'MyriadPro-Regular';

	padding: 3px 14% 3px 4%;

	width: 82%;

}

.search-button {

	background: url('images/search-h.png') no-repeat 55.5% 6px;

	border: medium none;

	bottom: 2%;

	cursor: pointer;

	height: 30px;

	position: absolute;

	right: 1px;

	text-indent: -9999px;

	width: 31px;

}

.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: 932px){
    .contact-ph li{
        width: auto !important;
    }
}
 	

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

}

#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;
}

}



@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: 2% auto;

}

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

	float: none;

}

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

}