@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-weight: normal;

	font-style: normal;

}

@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-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'robotomedium';

	src: url('/fonts/roboto-medium-webfont.eot');

	src: url('/fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-medium-webfont.woff2') format('woff2'), url('/fonts/roboto-medium-webfont.woff') format('woff'), url('/fonts/roboto-medium-webfont.ttf') format('truetype'), url('/fonts/roboto-medium-webfont.svg#robotomedium') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'Trajan';

	src: url('/fonts/trajanproregular.eot');

	src: url('/fonts/trajanproregular.eot?#iefix') format('embedded-opentype'),  
	url('/fonts/trajanproregular.woff') format('woff'), 
	url('/fonts/roboto-medium-webfont.ttf') format('truetype'), 
	url('/fonts/trajanproregular.svg#Trajan') format('svg');

	font-weight: normal;

	font-style: normal;

}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li {

	margin: 0px;

	padding: 0px;

	font-family: Verdana, Geneva, sans-serif;

}

ul, li {

	list-style-type: none;

}

a {

	text-decoration: none;

	outline: none;

	font-family: Arial, Helvetica, sans-serif;

	color: #3d3e3f;

	font-size: 14px;

}

img, iframe {

	border: none;

	max-width: 100%;

	vertical-align: middle;

}

p {

	margin: 12px 0;

	font-family: Arial, Helvetica, sans-serif;

}

.clear {

	clear: both;

}

.hr {

	background: url(/images/hr.gif) repeat-x scroll left center;

	clear: both;

	height: 10px;

}

/***********  Common Styles ******************/



header, #banner, #interactivity-services, #welcome-section, #banner-s, section, footer {

	width: 100%;

	float: left;

	clear: both;

}

nav, .header-wrapper, .banner-image, .interactivity-wrapper, .banner-s-image, .welcome-wrapper, .section-wrapper, .footer-wrapper {

	max-width: 960px;

	margin: 0 auto;

}

/***********  Header Styles Starts Here******************/

header {

	background: #ffffff;

}

.header-logo {

	float: left;

	width: 50%;

	margin-left: -51px;

}

.header-right {

	float: right;

	width: 38%;

	padding: 40px 0 0;

}

.appointment, .header-loction {

	float: left;

}

.appointment a {

	font: normal 22px/24px 'robotolight';

	color: #29292a;

	background: url(/images/sprite-images.png) 0px -9px no-repeat;

	padding: 11px 0 3px 49px;

	margin: 0 35px 0 0;

}

.header-loction a {

	color: #121213;

	font: normal 14px/17px 'robotomedium';

	background: url(/images/sprite-images.png) 0px -78px no-repeat;

	padding: 5px 0 5px 40px;

}

/***********  Menu Styles Starts Here******************/

nav {

	background: #cacaca;

	margin: 20px auto 0 auto;

	height: 55px;

	position: relative;

	z-index: 99999;

}

nav ul li {

	float: left;

	position: relative;

}

nav ul li a {

	font: normal 15px/19px 'robotoregular';

	color: #060606;

	padding: 16px 39px;

	display: block;

	border-left: 1px solid #ababab;

	border-top: 3px solid #bdbdbd;

}

nav ul li a:hover {

	background: #7a7a7a;

	border-top: 3px solid #727272;

	color: #ffffff;

}

.slicknav_menu {

	display: none;

}

/** DD Menu Styles **/







nav ul li ul {

	display: none;

}

nav ul li:hover > ul, nav ul li > ul > li:hover > ul, nav ul li > ul > li > ul > li:hover > ul {

	display: block;

}

nav ul li ul li {

	float: none;

	background: #323231

}

nav ul li ul li a {

	display: block;

	padding: 10px 10px 10px 24px;

	color: #7a7a7a;

	font: normal 15px/17px 'robotoregular';

	text-transform: none;

}

nav ul li ul li:first-child a:hover, nav ul li ul li:last-child a:hover {

	border-radius: 0 !important;

}

nav ul li:hover > ul, nav ul li:hover > ul > li > ul, nav ul li:hover > ul > li > ul > li > ul {

	width: 170px;

	position: absolute;

}

/*** First Level Sub Menu ***/







nav ul li:hover > ul {

	top: 55px;

	left: 0px;

	width: 230px;

}

/*** Second Level Sub Menu ***/



nav ul li.menu-item-881:hover > ul {

	top: 55px;

	left: 0px;

	width: 200px;

}

nav ul li.menu-item-33:hover > ul {

	top: 55px;

	left: 0px;

	width: 180px;

}

nav ul li:hover > ul > li > ul {

	top: 0;

	left: 230px;

	width: 200px;

}

nav ul li.menu-item-1035:hover > ul, nav ul li.menu-item-1035:hover > ul > li > ul, nav ul li.menu-item-1035:hover > ul > li > ul > li > ul {



	left: 200px ;

	width:270px;

}

nav ul li.menu-item-1036:hover > ul, nav ul li.menu-item-1036:hover > ul > li > ul, nav ul li.menu-item-1036:hover > ul > li > ul > li > ul {



	left: 200px ;

	width:270px;

}

nav ul li.menu-item-885:hover > ul, nav ul li.menu-item-885:hover > ul > li > ul, nav ul li.menu-item-885:hover > ul > li > ul > li > ul {



	right: 270px !important;

	left: auto;



}

nav ul li a {

	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;

}

nav ul li a::before {

	background: #7a7a7a;

	border-top: 3px solid #727272;

	bottom: 0;

	content: "";

	left: 0;

	position: absolute;

	right: 0;

	top: 0;

	transform: scaleY(0);

	transform-origin: 50% 60% 0;

	transition-duration: 0.7s;

	transition-property: transform;

	transition-timing-function: ease-out;

	z-index: -1;

}

nav ul li a:hover {

	color: #ffffff;

	background: #7a7a7a;

	border-top: 3px solid #727272;

}

nav ul li a:hover::before, nav ul li a:focus::before {

	transform: scaleY(1);

}

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

	background: #7a7a7a;

	border-top: 3px solid #727272;

	color: #fff;

}

nav ul li ul li a {

	transform: none\9;

	border-top: none !important;

	background: #fff url(/images/sprite-images.png) -17px -127px no-repeat ;

	border-left: 1px solid #7a7a7a;

	border-right: 1px solid #7a7a7a;

	border-bottom: 1px solid #7a7a7a;

}

nav ul li ul li a::before {

	transform: none;

	background: #fff url(/images/sprite-images.png) -17px -127px no-repeat ;

	-webkit-transition: background-color 0.5s ease-out;

	-moz-transition: background-color 0.5s ease-out;

	-o-transition: background-color 0.5s ease-out;

	transition: background-color 0.5s ease-out;

	border-left: 1px solid #7a7a7a;

	border-right: 1px solid #7a7a7a;

	border-bottom: 1px solid #7a7a7a;

	color: #fff;

	border-top: none !important;

}

nav ul li ul li a:hover::before, nav ul li ul li a:focus::before, nav ul li ul li a:active::before {

	transform: none;

	background: #5f5f5f url(/images/mouse-over-menu.png) 5px 14px no-repeat;

	border-top: none;

}

.ypomainmenu li li a:hover, .ypomainmenu > li li:hover > a, .ypomainmenu > li li.current-menu-item > a, .ypomainmenu > li li.current_page_ancestor > a {

	background: #5f5f5f url(/images/mouse-over-menu.png) 5px 14px no-repeat;

	border-top: none;

}

/***********  Slider Styles Starts Here******************/

.rslides {

	position: relative;

	list-style: none;

	overflow: hidden;

	padding: 0;

	margin: 0;

}

.rslides li {

	-webkit-backface-visibility: hidden;

	position: absolute;

	display: none;

	width: 100%;

	left: 0;

	top: 0;

}

.rslides li:first-child {

	position: relative;

	display: block;

	float: left;

}

/*************** Banner Styles ***************/



.banner-image, #banner, .banner-s-image, #banner-s {

	position: relative;

}

.banner-wrapper1, .banner-wrapper2, .banner-wrapper3, .banner-wrapper4, .banner-wrapper5, .banner-wrapper6, .banner-wrapper7, .banner-wrapper8 {

	padding: 0px 0 395px;

	width: 100%;

}

.banner-wrapper1 {

	background: url(/images/shoulder-arthritis-banner-image.png) center top no-repeat;

}

.banner-wrapper2 {

	background: url(/images/frozen-shoulder-banner-image.png) center top no-repeat;

}

.banner-wrapper3 {

	background: url(/images/shoulder-impingement-banner-image.png) center top no-repeat;

}

.banner-wrapper4 {

	background: url(/images/rotator-cuff-banner-image.png) center top no-repeat;

}

.banner-wrapper5 {

	background: url(/images/shoulder-instability-banner-image.png) center top no-repeat;

}

.banner-wrapper6 {

	background: url(/images/dislocation-banner-image.png) center top no-repeat;

}

.banner-wrapper7 {

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

}

.banner-wrapper8 {

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

}

#banner .callbacks1_nav.prev {

	position: absolute;

	left: 100px;

	top: 177px;

	background: url(/images/navigation-left.png) 0px 0px no-repeat;

	text-indent: -9999px;

	width: 73px;

	height: 76px;

	display: block;

	z-index: 200;

}

#banner .callbacks1_nav.next {

	position: absolute;

	right: 100px;

	top: 177px;

	background: url(/images/navigation-right.png) 0px 0px no-repeat;

	text-indent: -9999px;

	width: 73px;

	height: 76px;

	display: block;

	z-index: 100;

}

.banner-content {

	position: absolute;

	top: 150px;

	left: 50px;

	width: 500px;

}

.banner-content h1, .banner-s-content h1 {

	font: normal 30px/34px 'Trajan';

	color: #171718;

	margin: 0 0 15px 0;

}

.banner-content p {

	font: normal 15px/18px 'robotoregular';

	color: #032b54;

	margin: 0 0 13px 0;

}

.banner-read a {

	font: normal 13px/18px 'robotoregular';

	color: #fff;

	background: #1D619A;

	padding: 5px;

}

.banner-read a:hover {

	background:#CACACA;

	color:#333;

}

/************************ Banner Styles Starts *************************/



.banner-s-wrapper1, .banner-s-wrapper2, .banner-s-wrapper3, .banner-s-wrapper4, .banner-s-wrapper5, .banner-s-wrapper6, .banner-s-wrapper7, .banner-s-wrapper8 {

	padding: 0 0 215px 0;

}

.banner-s-wrapper1 {

	background: url(/images/banner-s-image1.png) center top no-repeat;

}

.banner-s-wrapper2 {

	background: url(/images/banner-s-image2.png) center top no-repeat;

}

.banner-s-wrapper3 {

	background: url(/images/banner-s-image3.png) center top no-repeat;

}

.banner-s-wrapper4 {

	background: url(/images/banner-s-image4.png) center top no-repeat;

}

.banner-s-wrapper5 {

	background: url(/images/banner-s-image5.png) center top no-repeat;

}

.banner-s-wrapper6 {

	background: url(/images/banner-s-image6.png) center top no-repeat;

}

.banner-s-wrapper7 {

	background: url(/images/banner-s-image7.png) center top no-repeat;

}

.banner-s-wrapper8 {

	background: url(/images/banner-s-image8.png) center top no-repeat;

}

.banner-s-content {

	position: absolute;

	top: 80px;

	left: 50px;

	width: 500px;

}

#banner-s .callbacks1_nav.prev {

	position: absolute;

	left: 100px;

	top: 77px;

	background: url(/images/navigation-left.png) 0px 0px no-repeat;

	text-indent: -9999px;

	width: 73px;

	height: 76px;

	display: block;

	z-index: 200;

}

#banner-s .callbacks1_nav.next {

	position: absolute;

	right: 100px;

	top: 77px;

	background: url(/images/navigation-right.png) 0px 0px no-repeat;

	text-indent: -9999px;

	width: 73px;

	height: 76px;

	display: block;

	z-index: 100;

}

/************************ Interactivity services Styles Starts *************************/



#interactivity-services {

	background: url(/images/services-bg.png) 0px 0px repeat-x;

	padding: 0 0 30px 0;

}

.interactivity-wrapper {

	background: url(/images/interactivity-services-bg.png) center top no-repeat;

	margin: -55px auto 0;

	position: relative;

	z-index: 76;

	padding: 5px;

	max-width: 1000px;

}

.services-image {

	float: left;

	margin: 0 0 0 22px;

	padding: 10px 0;

	width: 22%;

}

/**  Bullet Styles Starts **/

.bullet7 {

	position: absolute;

	top: 37px;

	left: 242px;

	z-index: 100;

	width: 750px;

}

.bullet7 li {

	float: left;

	list-style-type: none;

	margin: 5px 2% 0 0;

}

.bullet7 li.first-list {

	width: 40%;

}

.bullet7 li.middle-list {

	width: 27%;

}

.bullet7 li.last-list {

	width: 23%;

	float: right;

}

.bullet7 li a {

	display: block;

	background: url(/images/sprite-images.png) -20px -132px no-repeat;

	font: normal 15px/18px 'robotolight';

	color: #fff;

	padding: 5px 0 5px 23px;

}

.bullet7 li a:hover, .bullet7 li.rslides_here a {

	background-image: none;

	background: #fff;

	border-radius: 5px;

	color: #000;

}

/************************ Welcome Wrapper Styles Starts *************************/

#welcome-section {

	background: #fff;

}

.welcome-text {

	background: url(/images/quotation-mark-left.png) left top no-repeat;

	margin: 35px 0;

}

.welcome-text p {

	text-align: center;

	padding: 0 83px;

	background: url(/images/quotation-mark-right.png) right top no-repeat;

	font: normal 20px/22px 'robotolight';

	color: #0a53a6;

}

.meet-dr {

	position: relative;

	width: 37%;

	padding: 0 10px 0 0 !important;

	min-height:279px

}

.meet-dr-wrapper {

	background: url(/images/welcome-border.png) center top no-repeat;

	padding: 40px 0 30px 0;

	float: left

}

.meet-dr, .welcome-website, .current-events {

	float: left;

	padding: 0 12px;

}

.welcome-website {

	width: 33%;

	border-right: 2px dotted #2b7bb9;

}

.left-border {

	border-left: 2px dotted #2b7bb9;

	float: left;

	padding: 0 20px;

}

.welcome-website ul li {

	float: left;

	width: 48%;

	font: normal 22px/24px 'robotoregular';

	color: #0a53a6;

	padding: 20px 0;

	margin: 0 0 10px 0;

}

.welcome-website ul li.iserf-logo {

	border-left: 1px solid #dcdcdc;

	padding: 0 0 0 6px;

	line-height: 0;

	text-align: center;

}

.welcome-website ul li span {

	font: normal 10px/12px 'robotoregular';

	color: #333333;

}

.current-events {

	border: none;

	width: 23%;

	padding: 0 0 0 30px !important;

}

.dr-pic {

	float: left;

}

.dr-content {

	float: left;

	width: 59%;

	padding: 0 0 0 15px;

}

.dr-content h3 {

	color: #000000;

	font: normal 18px/20px 'robotolight';

	border-bottom: 1px solid #cccccc;

	padding: 0 0 6px 0;

}

.dr-content h2 a {

	color: #0a53a6;

	font: normal 17px/22px 'robotoregular';

}

.dr-content h4 {

	color: #0e2046;

	font: normal 14px/17px 'robotoregular';

}

.meet-dr-wrapper p {

	color: #2d2a26;

	font: normal 13px/17px 'robotolight';

	margin: 7px 0 20px 0;

	text-align: justify;

}

.read-more a {

	color: #1d619a;

	font: normal 12px/17px 'robotolight';

}

.rslides3_nav.prev, .rslides2_nav.prev {

	position: absolute;

	right: 55px;

	bottom: 4px;

	background: url(/images/sprite-images.png) 0px -209px no-repeat;

	text-indent: -9999px;

	width: 36px;

	height: 25px;

	display: block;

	z-index: 200;

}

.rslides3_nav.next, .rslides2_nav.next {

	position: absolute;

	right: 25px;

	bottom: 4px;

	background: url(/images/sprite-images.png) 0px -266px no-repeat;

	text-indent: -9999px;

	width: 36px;

	height: 25px;

	display: block;

	z-index: 100;

}

.current-events h3, .current-events-s h3 {

	font: normal 22px/24px 'robotoregular';

	color: #0a53a6;

	padding: 0 0 13px 0;

}

/************************ Welcome Wrapper Styles Ends *************************/



/**************** Footer Styles Starts ************/

footer {

	background: url(/images/footer-bg.png) 0px 0px repeat-x;

	padding: 25px 0;

}

.footer-menu {

	float: left;

	width: 57%;

	color: #444444;

}

.footer-menu ul li {

	float: left;

}

.footer-menu ul li a {

	border-right: 1px solid #444444;

}

.footer-menu ul li:last-child a {

	border-right: none;

}

.footer-menu ul li a, footer span {

	color: #444444;

	font: normal 13px/18px 'robotolight';

	padding: 0 3px;

}

.smo {

	float: left;

}

.smo li {

	float: left;

}

.smo li a {

	text-indent: -9999px;

	display: block;

	width: 43px;

	height: 46px;

	margin: 0 2px;

}

.smo li .linkedin {

	background: url(/images/sprite-images.png) -9px -314px no-repeat;

}

.smo li .twitter {

	background: url(/images/sprite-images.png) -57px -314px no-repeat;

}

.smo li .gplus {

	background: url(/images/sprite-images.png) -103px -314px no-repeat;

}

.smo li .fb {

	background: url(/images/sprite-images.png) -151px -314px no-repeat;

}

.smo li .yt {

	background: url(/images/you-tube-icon.png) 0 5px no-repeat;

}.smo li .blog {	background: url(/images/blog-icon.png) 0 6px no-repeat;}

.smo li .linkedin:hover {

	background: url(/images/sprite-images.png) -9px -372px no-repeat;

}

.smo li .twitter:hover {

	background: url(/images/sprite-images.png) -57px -372px no-repeat;

}

.smo li .gplus:hover {

	background: url(/images/sprite-images.png) -103px -372px no-repeat;

}

.smo li .fb:hover {

	background: url(/images/sprite-images.png) -151px -372px no-repeat;

}

.smo li .yt:hover {

	background: url(/images/you-tube-icon-mouse.png) 0 5px no-repeat;

}.smo li .blog:hover{	background: url(/images/blog-icon-hover.png) 0 6px no-repeat;}

.ypo-logo {

	padding: 13px 0 0;

	float: right;

}

.smo li a:hover {

	margin: -5px 2px 5px 2px;

}

/**************** Footer Styles Ends ************/





/*************** Subpage Styles Starts Here ************/

.section-wrapper {

	padding: 20px 0 30px 0;

}

article {

	float: right;

	width: 650px;

}

aside {

	float: left;

	width: 280px;

	border-right: 1px dotted #2b7bb9;

	margin: 20px 0;

}

.bread-crumbs a, .bread-crumbs {

	color: #5f5f5f;

	font: normal 13px/20px Verdana, Geneva, sans-serif;

}

.bread-crumbs {

	color: #000000;

}

.textMainBold {

	color: #5b5049;

	font: bold 13px/20px Verdana, Geneva, sans-serif;

	text-align: left;

}

article h1 {

	color: #000000;

	font: normal 26px/30px 'Trajan';

	margin: 20px 0 10px;

}

article h2 {

	color: #124480;

	font: normal 23px/22px 'robotoregular';

	margin: 12px 0 7px 0;

}

article h3 {

	color: #3d3e3f;

	font: normal 22px/25px 'robotoregular';

	margin: 12px 0 7px 0;

}

article p {

	color: #2d2a26;

	font-size: 14px;

	line-height: 20px;

	margin: 12px 0;

	text-align: justify;

}

article a {

	text-decoration: underline;

	font-family: Arial, Helvetica, sans-serif;

}

article a:hover {

	color: #f75e5e;

}

article ul li {

	list-style-type: disc;

	list-style-position: inside;

	text-align: justify;

	margin: 0px 0 0 20px;

}

article ul li, article ul li a {

	color: #2d2a26;

	font-size: 14px;

	line-height: 20px;

	padding: 4px 0;

	font-family: Arial, Helvetica, sans-serif;

}

article ol {

	clear: both;

}

article ol li {

	list-style: decimal;

	color: #2d2a26;

	font-size: 14px;

	line-height: 20px;

	padding: 4px 0;

	margin: 0px 0 0 20px;

	clear: left;

	font-family: Arial, Helvetica, sans-serif;

}

.aside-services h3 {

	font: normal 22px/25px 'robotoregular';

	color: #0a53a6;

	border-bottom: 2px solid #BFBFBF;

	padding: 0 0 6px 0;

	width: 86%;

}

.aside-services ul li {

	margin: 12px 0;

}

.aside-services ul li a {

	background: url(/images/sprite-images.png) -20px -138px no-repeat;

	font: normal 15px/18px 'robotoregular';

	color: #000;

	padding: 0px 0 0px 20px;

	display: block;

	width: 74%;

}

.aside-services ul li a:hover {

	background: url(/images/mouse-over-menu.png) 1px 6px no-repeat;

	transition: all 0.3s ease-out 0s;

}

.meet-dr-s {

	border: 1px solid #e1e1e1;

	float: left;

	margin: 15px 20px 0 0;

	position: relative;

	padding: 10px 0;

	min-height:340px

}

.meet-dr-s .dr-pic {

	float: none;

	text-align: center;

}

.meet-dr-s .dr-content {

	float: none;

	width: 87%;

	margin: 13px auto;

}

.current-events-s {

	float: left;

	margin: 19px 0 0;

}

.current-events-s p {

	color: #2d2a26;

	font: 13px/17px "robotolight";

	margin: 10px 0;

	text-align: justify;

}

/************ Services Page Styles ***********/

.services-section li {

	float: left;

	width: 40%;

	margin: 15px 20px;

	list-style: none;

}

.services-section li a {

	display: block;

	background: rgba(0, 0, 0, 0) linear-gradient(#1b71b9, #168dc7) repeat scroll 0 0;

	border-radius: 0 10px 10px 0;

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

	height: 42px;

	padding: 12px 0 0;

	text-decoration: none !important;

	width: 100%;

	color: #fff;

}

.services-section li a img {

	float: left;

	height: 84px;

	margin: -25px 6px 0 -14px;

	width: 86px;

}

.services-section li a:hover {

	background: linear-gradient(#636363, #BCC5BE);

}

.shoulder-fig {

	border: 2px solid #B2B2B2;

	padding: 7px 4px;

}

.shoulder-fig-text {

	border: 1px solid #000000;

	padding: 10px 3px;

}

.shoulder-fig-text p {

	font-size: 12px !important;

}

.style2 {

	font-size: smaller;

	font-weight: bold;

}

.video-image {

	float: left;

	width: 100%;

}

.video-image .alignleft {

	margin: 5px 20px 11px 0;

	min-height: 37px;

}

.video-image .alignright {

	font-size: 13px;

	margin: 0 0 11px;

	width: 88%;

}

.aligncenter, .centerpic {

	text-align: center;

}

.centerpic img,.alignright{

	border: 1px solid #01b0f0;

	padding: 2px;

}

.alignright{ width:35%;}

.alignment {

	width: 55%;

}

.page-list li {

	background: #4285ed url(/images/pagelist-bg.png) no-repeat scroll 10px center !important;

	float: left;

	height: 45px;

	margin: 0 18px 11px 0;

	position: relative;

	text-align: left;

	width: 300px;

	list-style-type: none;

	padding: 0;

}

.page-list a {

	color: #ffffff;

	display: table-cell;

	height: 45px;

	padding: 0 0 0 41px;

	text-decoration: none;

	vertical-align: middle;

	width: 300px;

}

.page-list li:hover a {

	background: #f75e5e url(/images/pagelist-bg.png) no-repeat scroll 10px center !important;

	color: #ffffff;

	text-decoration: none;

	transition: all 0.3s ease-out 0s;

}

/********** Dr page Styles *************/



.box_dr1_profile {

	background: #e7f6ff none repeat scroll 0 0;

	border: 1px solid #cccccc;

	float: left;

	height: auto;

	margin: 2%;

	padding: 2%;

	width: 96%;

}

.our_dr_profile_img {

	border: 5px solid #2a60a8;

	float: left;

	opacity: 1;

}

.our_dr_profile_img:hover {

	border: 5px solid #727272;

	opacity: 0.8;

}

.box_dr1_profile_right {

	float: right;

	padding: 5% 0 0 2%;

	width: 75%;

}

.box_dr1_profile_right a {

	color: #595959;

	font: 21px/22px "robotoregular";

	text-decoration: none;

}

.box_dr1_profile_right span {

	color: #333;

	font: 15px/20px "robotoregular";

}

.view-profile a {

	color: #dd571b;

	font: 13px/17px "robotoregular";

}

.drpicborder {

	border: 1px solid #d4d4d4;

}

.view-profile a:hover {

	color: #000000;

	text-decoration: underline;

}

.dr-profile {

	border: 1px solid #bababa;

	border-radius: 10px;

	float: left;

	margin: 10px 0 10px 5px;

	width: 96%;

}

.dr-profile .dr-img {

	float: left;

	margin: 0 3% 0 7px;

	width: 70px;

}

.dr-profile .dr-img p {

	border: 1px solid #357eef;

	padding: 4px;

}

.dr-profile .dr-img img {

	border: medium none;

	padding: 0;

}

.dr-profile:hover {

	background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center, #eeeeee 0%, #eeeeee 50%, #eeeeee 50%, #eeeeee 100%) repeat scroll 0 0;

	border-radius: 10px;

}

.dr-profile:hover .dr-img p {

	border: 4px solid #ff9d00;

	transition: all 200ms ease 0s;

}

.dr-profile .dr-text {

	float: left;

	width: 65%;

	margin: 20px 0 0;

}

.dr-profile .dr-text h2 a {

	color: #9f5ea6;

	text-decoration: none;

}

.dr-profile .dr-text h2 a:hover, .dr-profile:hover .dr-text h2 a {

	color: #ff9d00;

	text-decoration: none;

}

.dr-profile-pic {

	background: #2a2b2b none repeat scroll 0 0;

	border-radius: 4px;

	float: right;

	margin: 0 2%;

	padding: 5px 5px 10px;

}

.dr-profile-pic img {

	padding: 0 0 9px;

}

.dr-profile-pic span {

	color: #ffffff;

	font-size: 15px;

	padding: 3px 0 0 9px;

}

.dr-profile-pic1 {

	background: #2a2b2b none repeat scroll 0 0;

	border-radius: 4px;

	float: right;

	margin: 0 2%;

	padding: 5px 5px 10px 20px;

}

.dr-profile-pic1 img {

	padding: 0 0 9px;

}

.dr-profile-pic1 span {

	color: #ffffff;

	font-size: 15px;

	padding: 3px 0 0 9px;

}

.click {

	padding: 0 0 0 12px;

}

.video-container {

	position: relative;

	padding-bottom: 56.25%;

	padding-top: 30px;

	height: 0;

	overflow: hidden;

}

.video-container iframe, .video-container object, .video-container embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.support-r {

  background: #80cafb;

  border: 3px solid #ffffff;

  height: 30px;

  margin: 20px 0 0;

  outline: 3px solid #80cafb;

  padding: 5px 0 0;

  text-align: center;

  width: 130px;

}

.support-r a {

  color: #ffffff;

  display: block;font: 20px/20px "robotoregular";

  text-decoration: none;

}

.donate-now {

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

  color: #ffffff;

  float: left;

  font: 26px/30px "robotoregular";

  height: 70px;

  margin: 10px auto 0;

  padding: 6px 0 0 52px;

  width: 187px;

}

.donate-now a {

  color: #ffffff !important;

  display: block;

  font: 14px/20px "robotolight";

  text-decoration: none !important;

}

/**************** Hover Styles **********/



.aside-services ul li a:hover, .footer-menu ul li a:hover, .read-more a:hover {

	color: #F75E5E;

}

#backtobot, #backtotop {
    cursor: pointer;
    right: 5px;
    position: fixed;
    z-index: 10000;
    width: 50px;
    height: 50px;
    font: 700 12px/40px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    border-radius: 20px;
}
#backtotop {
    bottom: 10px;
    background: url(/images/up-arrow-icon.png) left top no-repeat;
}
#backtobot {
    bottom: 10px;
    background: url(/images/down-arrow-icon.png) left top no-repeat;
}



/************** Media Querie Starts Here *******************/

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

.header-logo {

	margin-left: -27px;

}

.header-right {

	padding: 25px 0 0;

	width: 50%;

}

nav ul li a {

	padding: 16px 26px;

}

.banner-wrapper1, .banner-wrapper2, .banner-wrapper3, .banner-wrapper4, .banner-wrapper5, .banner-wrapper6, .banner-wrapper7, .banner-wrapper8 {

	background-size: 200% auto;

	padding: 0 0 347px 0;

}

.banner-s-wrapper1, .banner-s-wrapper2, .banner-s-wrapper3, .banner-s-wrapper4, .banner-s-wrapper5, .banner-s-wrapper6, .banner-s-wrapper7, .banner-s-wrapper8 {

	padding: 0 0 175px;

	background-size: 200% auto;

}

.callbacks1_nav.prev {

	left: 0;

	top: 100px;

}

.callbacks1_nav.next {

	right: 0;

	top: 100px;

}

.banner-content {

	left: 119px;

	top: 66px;

}

.interactivity-wrapper {

	padding: 0 0 60px 0;

}

.services-image {

	float: left;

	margin: 10px 0 0 22px;

	width: 23%;

}

.bullet7 {

	top: 7px;

	width: 69%;

	left: 230px;

}

.bullet7 li {

	margin: 2px 2% 0 0;

	width: 48% !important;

}

.meet-dr {

	padding: 0 20px 20px 10px !important;

	width: 89%;

	float: none;

	margin: 0 auto;

	border-right: none;

	min-height:191px

}

.current-events {

	border: medium none;

	width: 35%;

	margin: 20px 0;

}

.welcome-website {

	width: 53%;

	margin: 20px 0;

}

.left-border {

	border-left: none;

}

#banner .callbacks1_nav.prev {

	left: 30px;

}

#banner .callbacks1_nav.next {

	right: 30px;

}

article {

	float: right;

	padding: 0 2% 0 0;

	width: 59%;

}

aside {

	width: 37%;

	padding: 0 0 0 1%;

}

.services-section li {

	width: 69%;

}

.footer-menu {  margin: 0 0 0 1%;  width: 60%;}

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

	.header-logo {

  width: 45%;

}

.header-right {

	width: 55%;

}

nav ul li a {

	padding: 16px 17px;

}

.banner-wrapper1, .banner-wrapper2, .banner-wrapper3, .banner-wrapper4, .banner-wrapper5, .banner-wrapper6, .banner-wrapper7, .banner-wrapper8 {

	padding: 0 0 305px;

}

.banner-s-wrapper1, .banner-s-wrapper2, .banner-s-wrapper3, .banner-s-wrapper4, .banner-s-wrapper5, .banner-s-wrapper6, .banner-s-wrapper7, .banner-s-wrapper8 {

	padding: 0px 0 141px;

}

.services-image {

	width: 28%;

}

.bullet7 {

	width: 66%;

	left: 216px;

}

.bullet7 li {

	float: none !important;

	width: 60% !important;

}

.interactivity-wrapper {

	background: #1D619A;

	padding: 10px 0 198px 0;

	background-image: none;

}

footer {

	padding: 0;

}

.footer-menu {

	float: none;

	width: 68%;

	margin: 10px auto;

	text-align: center;

}

.smo {

	clear: both;

	float: left;

	margin: 10px auto;

}

article {

	float: none;

	margin: 0 auto;

	width: 90%;

}

aside {

	border: medium none;

	float: none;

	margin: 10px auto;

	width: 66%;

}

#banner-s .callbacks1_nav.next, #banner-s .callbacks1_nav.prev {

	display: none;

}

.meet-dr{min-height:211px}

}

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

.header-logo {

	float: none;

	width: 100%;

}

.header-right {

	clear: both;

	float: none;

	margin: 10px auto;

	width: 72%;

}

.banner-content, .banner-s-content {

	display: none;

}

#banner .callbacks1_nav.prev, #banner .callbacks1_nav.next {

	top: 71px;

}

.banner-wrapper1, .banner-wrapper2, .banner-wrapper3, .banner-wrapper4, .banner-wrapper5, .banner-wrapper6, .banner-wrapper7, .banner-wrapper8 {

	padding: 0 0 244px;

}

.banner-s-wrapper1, .banner-s-wrapper2, .banner-s-wrapper3, .banner-s-wrapper4, .banner-s-wrapper5, .banner-s-wrapper6, .banner-s-wrapper7, .banner-s-wrapper8 {

	padding: 0 0 104px;

}

.interactivity-wrapper {

	padding: 10px 0 381px;

}

.bullet7 {

	left: 41px;

	width: 88%;

}

.bullet7 li {

	width: 71% !important;

}

.services-image {

	display: none;

}

nav {

	display: none;

}

.slicknav_menu {

	display: block;

}

.slicknav_btn {

	position: relative;

	display: block;

	vertical-align: middle;

	float: right;

	padding: 0.438em 0.625em 0.438em 0.625em;

	line-height: 1.125em;

	cursor: pointer;

}

.slicknav_menu .slicknav_menutxt {

	display: block;

	line-height: 1.188em;

	float: left;

	font-family: Verdana, Geneva, sans-serif;

}

.slicknav_menu .slicknav_icon {

	float: left;

	margin: 0.188em 0 0 0.438em;

}

.slicknav_menu .slicknav_no-text {

	margin: 0

}

.slicknav_menu .slicknav_icon-bar {

	display: block;

	width: 1.125em;

	height: 0.125em;

	-webkit-border-radius: 1px;

	-moz-border-radius: 1px;

	border-radius: 1px;

	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {

	margin-top: 0.188em

}

.slicknav_nav {

	clear: both

}

.slicknav_nav ul, .slicknav_nav li {

	display: block

}

.slicknav_nav .slicknav_arrow {

	font-size: 0.8em;

	float: right;

}

.slicknav_nav .slicknav_item {

	display: block;

	cursor: pointer;

}

.slicknav_nav a {

	display: block

}

.slicknav_nav .slicknav_item a {

	display: inline

}

.slicknav_menu:before, .slicknav_menu:after {

	content: " ";

	display: table;

}

.slicknav_menu:after {

	clear: both

}

/* IE6/7 support */







.slicknav_menu {

 *zoom: 1

}

/* 







    User Default Style







    Change the following styles to modify the appearance of the menu.







*/















.slicknav_menu {

	font-size: 16px;

}

/* Button */







.slicknav_btn {

	margin: 5px 5px 6px;

	text-decoration: none;

	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	background-color: #72A8F0;

}

/* Button Text */







.slicknav_menu .slicknav_menutxt {

	color: #FFF;

	font-weight: bold;

	text-shadow: 0 1px 3px #000;

}

/* Button Lines */







.slicknav_menu .slicknav_icon-bar {

	background-color: #f5f5f5;

}

.slicknav_menu {

	background: #6E6E6E;

	padding: 5px;

}

.slicknav_nav {

	color: #fff;

	margin: 0;

	padding: 0;

	font-size: 0.875em;

}

.slicknav_nav, .slicknav_nav ul {

	list-style: none;

	overflow: hidden;

}

.slicknav_nav ul {

	padding: 0;

	margin: 0 0 0 20px;

}

.slicknav_nav .slicknav_item {

	padding: 5px 10px;

	margin: 2px 5px;

}

.slicknav_nav a {

	padding: 5px 10px;

	margin: 2px 5px;

	text-decoration: none;

	color: #fff;

}

.slicknav_nav .slicknav_item a {

	padding: 0;

	margin: 0;

}

.slicknav_nav .slicknav_item:hover {

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	background: #71A7EE;

	color: #fff;

}

.slicknav_nav a:hover {

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	background: #71A7EE;

	color: #fff;

}

.slicknav_nav .slicknav_txtnode {

	margin-left: 15px;

}

.footer-menu {

	width: 94%;

}

.meet-dr {

  min-height: 245px;

}

}

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

.header-right {

	margin: 0;

	width: 100%;

}

.appointment, .header-loction {

	float: none;

	margin: 10px auto;

	width: 200px;

}

#banner .callbacks1_nav.prev, #banner .callbacks1_nav.next {

	display: none;

}

.banner-wrapper1, .banner-wrapper2, .banner-wrapper3, .banner-wrapper4, .banner-wrapper5, .banner-wrapper6, .banner-wrapper7, .banner-wrapper8 {

	padding: 0 0 181px;

}

.banner-s-wrapper1, .banner-s-wrapper2, .banner-s-wrapper3, .banner-s-wrapper4, .banner-s-wrapper5, .banner-s-wrapper6, .banner-s-wrapper7, .banner-s-wrapper8 {

	padding: 0 0 73px;

}

.bullet7 {

	left: 41px;

	width: 85%;

}

.bullet7 li {

	width: 98% !important;

}

.interactivity-wrapper {

	padding: 10px 0 412px;

}

.welcome-text {

	margin: 15px 0;

}

.welcome-text p {

	font: 16px/22px "robotolight";

}

.meet-dr {

	width: 83%;

	min-height:409px

}

.dr-pic {

	float: none;

	margin: 0 auto;

	text-align: center;

}

.dr-content {

	width: 92%;

}

.welcome-website {

	width: 92%;

	float: none;

	margin: 10px auto;

}

.current-events {

	float: none;

	margin: 0 auto;

	width: 84%;

}

aside {

	width: 86%;

}

.services-section li {

	width: 92%;

}

.footer-wrapper {

  background: #eceded none repeat scroll 0 0;

  padding-bottom: 20px;

}

.smo {

  float: none;

  margin: 0 auto;

  padding: 10px 0 0;

  width: 290px;

}

.ypo-logo {

  clear: both;

  float: none;

  text-align: center;

}

}