/* General Site Styles */
html {
}
/* End General Site Styles */

/* open-sans-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('/web/20250311081828im_/https://www.hoagorthopedics.org/includes/fonts/open-sans-v36-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* End open-sans-300 - latin */

/* open-sans-300italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 300;
	src: url('/web/20250311081828im_/https://www.hoagorthopedics.org/includes/fonts/open-sans-v36-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* End open-sans-300italic - latin */

/* open-sans-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('/web/20250311081828im_/https://www.hoagorthopedics.org/includes/fonts/open-sans-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* End open-sans-regular - latin */

/* open-sans-italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: url('/web/20250311081828im_/https://www.hoagorthopedics.org/includes/fonts/open-sans-v36-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* End open-sans-italic - latin */

/* open-sans-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	src: url('/web/20250311081828im_/https://www.hoagorthopedics.org/includes/fonts/open-sans-v36-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* End open-sans-500 - latin */

/* open-sans-500italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 500;
	src: url('/web/20250311081828im_/https://www.hoagorthopedics.org/includes/fonts/open-sans-v36-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* End open-sans-500italic - latin */

/* open-sans-600 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('/web/20250311081828im_/https://www.hoagorthopedics.org/includes/fonts/open-sans-v36-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* End open-sans-600 - latin */

/* open-sans-600italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	src: url('/web/20250311081828im_/https://www.hoagorthopedics.org/includes/fonts/open-sans-v36-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* End open-sans-600italic - latin */

/* open-sans-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('/web/20250311081828im_/https://www.hoagorthopedics.org/includes/fonts/open-sans-v36-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* End open-sans-700 - latin */

/* open-sans-700italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: url('/web/20250311081828im_/https://www.hoagorthopedics.org/includes/fonts/open-sans-v36-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* End open-sans-700italic - latin */

/* open-sans-800 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: url('/web/20250311081828im_/https://www.hoagorthopedics.org/includes/fonts/open-sans-v36-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* End open-sans-800 - latin */

/* open-sans-800italic - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 800;
	src: url('/web/20250311081828im_/https://www.hoagorthopedics.org/includes/fonts/open-sans-v36-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html.mobile-freeze {
	overflow-y: hidden;
}

body {
	background: #EDEEEE;
	margin: 0px;
	font-family: 'Helvetica Neue', Helvetica, 'Open Sans', sans-serif;
	padding: 0;
	font-size: 100%;
	position: relative;
}

.main.site-container {
	max-width: 1440px;
	padding: 0 4.375em;
	background-color: #FFFFFF; /* $white */
	box-shadow: 0 0 50px 5px rgba(0,0,0,.2);
}

.main.site-container #TopArea, .main.site-container #TopArea .nav-container {
	position: relative;
	z-index: 10;
}

.main.site-container #TopArea .nav-container {
	position: fixed;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	background-color: #FFFFFF;
	max-width: 1300px;
}

.cms-admin .main.site-container #TopArea .nav-container {
	position: relative;
	left: initial;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.popup {
	position: fixed;
	opacity: 0;
	pointer-events: none;
	transition: 0.2s;
	background-color: rgba(0,0,0,0.533);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.popup .exit {
	color: white;
	border: 3px solid white;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1em;
	font-size: 2em;
	border-radius: 50%;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 2vw;
	right: 2vw;
	cursor: pointer;
	box-shadow: 0 0 5px black;
	background-color: gray;
	transition: 0.2s;
	font-family: arial;
}

.popup .exit:hover {
	box-shadow: 0 0 0 black;
}

.popup.active {
	opacity: 1;
	pointer-events: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 70;
}

.popup.active img {
	box-shadow: 0 0 3px rgba(0,0,0,0.7);
	max-height: 100vh;
	max-width: 100vw;
}

#PatientStory img {
	cursor: pointer;
}

#PatientStory .popup img {
	cursor: default;
}

body.cms-admin section[icobalt] {
	min-height: 15px;
}

h1, h2, h3, h4 {
	margin: 0;
	font-family: 'Helvetica Neue', Helvetica, 'Open Sans', sans-serif;
	font-weight: 400;
}

.content h1, .content h2, .content h3, .content h4, .top-content-left h2 {
	margin: 0 0 10px 0;
	color: #65686D; /* $text */
}

.content h2, .content h3, .content h4, .top-content-left h2 {
	font-family: 'Helvetica', 'Open Sans', Arial, sans-serif;
	font-weight: 700;
}

.content h3 {
	font-family: 'Helvetica Neue', Helvetica, 'Open Sans', sans-serif;
	font-size: 1.250em;
	color: #888D90; /* $primary */
}

.content h1, .top-content-left h1 {
	text-transform: uppercase;
	font-size: 2.500em;
	line-height: 1;
	font-weight: 300;
	margin-bottom: .5em;
}

.top-content-left h1 {
	margin-bottom: 10px;
}

.content .mymobility h2 {
	color: #41AEBC;
	position: relative;
	font-weight: 400;
}

.content .mymobility h2.dash:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 2.2em;
	height: 5px;
	background-color: #41AEBC;
}

.content .mymobility h2.dash {
	padding-bottom: 0.5em;
}

h1 {
}

h2, h3 {
}

h4 {
}

a {
	text-decoration: none;
	color: #E0601F; /* $secondary */
}

a:hover {
	text-decoration: none;
	color: #888D90; /* $primary */
}

a.phone-link, a[href^=tel] {
	cursor: default;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.content ul {
	list-style: disc;
	margin: 1em 0;
	padding-left: 2.500em;
}

.content li {
	margin-top: 0.5em;
}

.content li > ul {
	margin: 0;
}

.main {
	max-width: 1400px;
	min-width: 320px;
	width: auto;
	margin: 0px auto;
	position: relative;
}

.content .h3-landing {
	font-size: 1.556em;
	text-transform: uppercase;
	font-family: 'Montserrat', Arial, sans-serif;
}

html.no-canvas .main {
	width: 1080px;
}

#ContactMap {
	width: 450px;
	height: 450px;
	margin: 0 auto;
}

#ContactMap, #ContactMap img {
	max-width: 450px;
	width: 100%!important;
	height: auto!important;
}

.rep-bg {
	position: absolute!important;
	top: 0!important;
	left: 0!important;
	width: 100%!important;
	height: 100%!important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.rep-bg-parent {
	position: relative;
}

body.cms-layout .cms-zone ul.zone-tab li {
	position: relative !important;
	opacity: 1 !important;
	float: none !important;
	overflow: visible !important;
}

.iswap:empty {
	display: none;
}

.btn {
	display: inline-block;
	text-align: center;
	padding: .5em 1em;
}

.btn:hover, a:hover .btn {
}

.btn.v1 {
	text-transform: uppercase;
	color: #FFF;
	background-color: #E0601F; /* $secondary */
	padding: 0.875em 5%;
	border-radius: 5px;
	background-image: linear-gradient(to bottom,#E2682A,#B54E19); /* lighten($secondary,5%),darken($secondary,19%) */
	box-shadow: 0 3px 10px -3px #666666;
}

.btn.v1:hover, a:hover .btn.v1 {
	background-image: none;
	background-color: #888D90; /* $primary */
}

.btn.v1.hcta:hover, a:hover .btn.v1.hcta {
	background-image: none;
	background-color: #888888;
}

.btn.v2 {
	background-color: #E0601F; /* $secondary */
	background-image: linear-gradient(to bottom,#E2682A,#B54E19); /* lighten($secondary,5%),darken($secondary,19%) */
	text-align: center;
	color: #FFF;
	border-radius: 5px;
	text-transform: uppercase;
}

.btn.v2:hover, a:hover .btn.v2 {
	background-color: #888D90; /* $primary */
	background-image: none;
}

.btn.small {
	font-size: .875em;
	padding: 0.25em 1em;
}

.half {
	width: 50%;
}

html.no-display-table .half {
	width: 48%;
}

.twothirds {
	width: 66.6%;
}

.third {
	width: 33.3%;
}

.fourth {
	width: 25%;
}

.left {
	float: left;
}

.right {
	float: right;
}

form .hide {
	display: none;
}

body.Our-Locations p.right {
	text-transform: uppercase;
	font-weight: bold;
}

body.Our-Locations p.right a {
	color: #E0601F; /* $secondary */
	text-decoration: none;
	font-size: 1.625em;
	margin-left: 0.25em;
}

.fancyfont {
	background-color: #888D90; /* $primary */
	border: solid 3px #E0601F; /* $secondary */
	margin: 15px 0;
	padding: 3px 10px;
}

.graybg {
	background-color: #E2E2E2;
	padding: .5em 1em;
}

.eventcal .eventdate {
	font-weight: bold;
	margin-right: .4em;
}

.content-style a:hover {
	color: #1D3D65;
}

.eventcal .seats {
	background-color: #CA6000;
	display: inline-block;
	vertical-align: middle;
	color: #FFFFFF;
	text-align: center;
	line-height: 1em;
	transition: .5s ease;
}

.eventcal a:hover .seats {
	background-color: #1D3D65;
}

.eventcal .seats span {
	display: inline-block;
	padding: .25em .3em .25em .5em;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

.eventcal .seats strong {
	background-color: #575A5C;
	color: #FFFFFF;
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	padding: .25em .625em;
}

.eventcal .eventsearchbox.dates.beryl ul li .btn {
	background-image: linear-gradient(to bottom,#D37E31,#CA6000);
	line-height: 1;
	box-shadow: 0 1px 1px 1px rgba(0,0,0,0.4);
	border-radius: .25em;
	position: relative;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: 300;
	background-color: #CA6000;
	padding: .5em;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

.eventcal .eventsearchbox.dates.beryl ul li .btn:before {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-image: linear-gradient(to bottom,#375984,#1D3D65);
	opacity: 0;
	border-radius: .25em;
	transition: opacity .5s ease;
}

.eventcal .eventsearchbox.dates.beryl ul li .btn:hover:before {
	opacity: 1;
}

.ceo-pic {
	padding-left: 1.5em;
}

video {
	width: 100% !important;
	height: auto !important;
	max-width: 700px;
}

.video.results-feed .player {
	text-align: center;
}

.top-content-content {
	border-bottom: .35em solid #E0601F; /* $secondary */
	padding: 2em 0;
	margin-bottom: 2.5em;
	color: #3D4346; /* $dark */
}

.home-page .top-content-content {
	display: none;
}

.show-on-mobile {
	display: none;
	width: 100% !important;
	height: 100% !important;
	background-size: cover;
	border-radius: 50%;
}

body > iframe {
	width: 0;
	height: 0;
	position: absolute;
}

ul.fellows {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

ul.fellows li {
	width: 33%;
	margin-bottom: 2em;
}

.fellows strong {
	color: #E0601F;
}

.orcall h3 strong {
	color: #e0601f;
}

.content ul.no-bullets {
	list-style: none;
}
/* End open-sans-800italic - latin */

/* General Site Styles *//* End General Site Styles */

/* Flex Styles */
[class^='flex-'] {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

[class^='flex-'][class*='-around'] {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

[class^='flex-'][class*='-center'] {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
/* End Flex Styles */

/* Icon Styles */
icon.home-8:before {
	content: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/design/Icons/Large-Home-Icon.png);
}

a:hover icon.home-8:before {
	content: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/design/Icons/Large-Home-Icon-Hover.png);
}

icon.font-size:before {
	content: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/design/Icons/Font-Size-Icon.png);
}

a:hover icon.font-size:before {
	content: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/design/Icons/Font-Size-Icon-Hover.png);
}

icon.angle-right:before {
	content: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/design/Icons/Angle-Right-Icon.png);
}

icon.mail-8:before {
	content: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/design/Icons/Email-Icon.png);
}

a:hover icon.mail-8:before {
	content: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/design/Icons/Email-Icon-Hover.png);
}

icon.print-5:before {
	content: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/design/Icons/Print-Icon.png);
}

a:hover icon.print-5:before {
	content: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/design/Icons/Print-Icon-Hover.png);
}

icon.search-4:before {
	content: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/design/Icons/Search-Icon.png);
}

a:hover icon.search-4:before {
	content: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/design/Icons/Search-Icon-Hover.png);
}
/* End Icon Styles */

/* Layout Styles */
form *,form *:before,form *:after {
	box-sizing: border-box;
}

.main:after {
	content: ' ';
	display: block;
	clear: both;
}

#TopArea {
}

.nav-container {
}

.nav-container .fixedd {
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 55;
}

body.cms-admin.cms-layout .nav-container .fixed {
	position: relative;
}

#MastheadZone {
	position: relative;
	z-index: 30;
}

#MastheadZone.masthead-fixed {
	box-shadow: 0 3px 12px -7px #888;
}

#TopBarZone {
	background-color: #888D90; /* $primary */
	position: relative;
	z-index: 50;
}

#NavZone {
	position: relative;
	z-index: 20;
}

#ImageZone {
}

body.sub #ImageZone {
}

#CTAZone {
	border-top: 1px solid #FFF;
	background-image: linear-gradient(to bottom,#E2E2E2,#FFFFFF 40%);
}

#MainArea {
}

#MainZone.larger {
	font-size: 1.5em;
}

#MainZone.smaller {
	font-size: 1.25em;
}

.content {
	float: left;
	width: 65%;
	color: #3D4346; /* $dark */
	line-height: 1.5;
	padding-bottom: 0;
}

body.sub.right-nav .content {
}

body.sub.wide .content {
	float: none;
	width: 100%;
}

.side {
	float: right;
	width: 32.5%;
}

body.sub.right-nav .side {
	float: right;
}

#InfoZone {
}

#SearchArea {
	border-top: 6px solid #E0601F; /* $secondary */
	padding: 2% 0 2%;
}

#Footer {
}

#FooterZone {
}
/* End Layout Styles */

/* Masthead */
.masthead {
	padding: 0.875em 0 0;
	z-index: 50;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.masthead .top-logo {
	-webkit-flex: 0 1 20%;
	-ms-flex: 0 1 20%;
	flex: 0 1 20%;
	width: 20%;
	padding-left: 1em;
}

.masthead .top-logo.mobile-only {
	display: none;
}

.masthead .top-logo a {
}

.masthead .top-logo img {
	transition: .5s ease 0s;
}

.fixed .masthead .top-logo img {
	max-width: 75%;
}

.masthead .right-info {
	width: 73%;
	position: relative;
	-webkit-flex: 0 1 73%;
	-ms-flex: 0 1 73%;
	flex: 0 1 73%;
	padding-right: 1.5em;
}

.masthead .right-info .Number {
	font-size: 0.75em;
	color: #4A4A4A;
	text-align: right;
	padding: 0.25em 0 1em;
	transition: 0.5s ease;
	font-weight: bold;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.masthead .right-info .Number .quicklinks icon {
	display: inline-block;
	font-family: 'icomoon-ult' !important;
	font-size: 1.2em;
	position: relative;
	color: #1C91D0; /* $tertiary */
	transition: .5s ease;
}

.masthead .right-info .Number .quicklinks icon.home-icon:before {
	content: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/design/Icons/Home-Icon.png);
}

.masthead .right-info .Number .quicklinks icon.facebook-icon, .masthead .right-info .Number .quicklinks icon.youtube-icon {
	color: #FFFFFF; /* $white */
	background-color: #1C91D0; /* $tertiary */
	padding: 0.7em;
	border-radius: 5px;
	margin-left: .6em;
}

.masthead .right-info .Number .quicklinks icon:hover {
	color: #E0601F; /* $secondary */
}

.masthead .right-info .Number .quicklinks icon.facebook-icon:hover, .masthead .right-info .Number .quicklinks icon.youtube-icon:hover {
	background-color: #E0601F; /* $secondary */
	color: #FFFFFF; /* $white */
}

.masthead .right-info .Number .quicklinks icon.facebook-icon:before {
	content: '\e009';
}

.masthead .right-info .Number .quicklinks icon.youtube-icon:before {
	content: '\f93b';
}

.masthead .right-info .Number .quicklinks a {
	color: #55595D;
	font-size: 0.875rem;
	transition: .5s ease;
	padding: 0 1em;
	font-weight: 500;
}

.masthead .right-info .Number .quicklinks a:hover {
	color: #E0601F; /* $secondary */
}

.masthead .right-info .Number .quicklinks .social-list-top {
	display: inline-block;
}

.masthead .right-info .Number .quicklinks .social-list-top ul {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.masthead .right-info .Number .quicklinks .social-list-top ul li a {
	background-color: #1C91D0; /* $tertiary */
	padding: .7em;
	border-radius: 5px;
	margin-left: .6em;
	display: block;
}

.masthead .right-info .Number .quicklinks .social-list-top ul li a icon {
	color: #FFFFFF; /* $white */
	vertical-align: middle;
}

.masthead .right-info .Number .quicklinks .social-list-top ul li a:hover {
	background-color: #E0601F; /* $secondary */
}

.right-info a.phone-link {
	display: inline-block;
	font-size: 2.388em;
	font-weight: 400;
	color: #1C91D0; /* $tertiary */
	margin-left: 1.111em;
	transition: 0.5s ease;
}

.right-info a.phone-link:hover {
	color: #E0601F; /* $secondary */
}

.top-search {
	width: 28%;
	padding: 0.375em 0;
	position: relative;
	border: 2px solid #e6e6e6;
	border-radius: 5px;
	margin: 1em 0 0 auto;
}

.top-search .search-bar {
	background-color: #FFF;
	border-radius: 3px;
	padding: 0.25em 0.375em;
	overflow: hidden;
}

.top-search input {
	width: calc(100% - 35px);
	padding: 0.25em 0.5em;
	font-size: 16px;
	float: left;
	clear: left;
	border: none;
	outline: none;
	background-color: transparent;
	color: #888d90;
	font-weight: 600;
	font-family: 'Helvetica Neue', Helvetica, 'Open Sans', sans-serif;
}

.top-search .search-btn {
	color: #1C91D0; /* $tertiary */
	font-size: 1.25em;
	padding: 2px 5px 0;
	transition: .5s ease;
}

.top-search .search-btn:hover {
	color: #E0601F; /* $secondary */
}

.top-search .btn-holder {
	width: 20%;
	float: right;
	clear: right;
	background-color: #888D90; /* $primary */
	text-align: center;
	padding: 0.5em;
	position: relative;
}

.top-search .btn-holder span {
	color: #FFF;
	z-index: 1;
	position: relative;
}

.top-search .btn-holder .icon {
	display: none;
}

.top-search .btn-holder img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.top-search .toggle-btn {
	position: absolute;
	border-radius: 0 0 5px 5px;
	background-color: #E0601F; /* $secondary */
	color: #FFF;
	text-transform: uppercase;
	font-size: 0.875em;
	right: 2%;
	display: none;
	text-align: center;
}

.top-search .toggle-btn icon {
	margin-left: .75em;
	font-size: 0.75em;
}

.masthead .bottom-nav {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-top: 1.6em;
}
/* End Masthead */

/* Mobile Menu */
.mobile-nav .mobile-menu {
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	transition: transform 0s ease .4s, opacity .4s ease 0s;
	background-color: #FFFFFF; /* $white */
	z-index: 99;
	overflow: hidden;
	right: 0;
	opacity: 0;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mm-open .mobile-nav .mobile-menu {
	transition: transform 0s ease 0s, opacity .4s ease 0s;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

.mobile-menu .close-btn {
	position: absolute;
	top: 1em;
	right: 1em;
	width: 3.25em;
	height: 3.25em;
	cursor: pointer;
}

.mobile-menu .close-btn:before, .mobile-menu .close-btn:after {
	content: '';
	position: absolute;
	width: 0;
	height: 3px;
	background-color: #E0601F; /* $secondary */
	top: 50%;
	left: 50%;
	transition: width .175s ease .35s, transform .175s ease 0s;
	-webkit-transform: translate(-50%,-50%) rotate(0deg);
	-ms-transform: translate(-50%,-50%) rotate(0deg);
	transform: translate(-50%,-50%) rotate(0deg);
}

.mm-open .mobile-menu .close-btn:before {
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
	width: 2.25em;
	transition: width .35s ease .35s, transform .35s ease .7s;
}

.mm-open .mobile-menu .close-btn:after {
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
	width: 2.25em;
	transition: width .35s ease .35s, transform .35s ease .7s;
}

.mobile-menu  .mobile-nav {
	width: 100%;
	padding: 3.7em .5em 1.5em 2em;
	position: relative;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.mobile-nav ul.level-uno {
	padding: 0;
	overflow: auto;
	width: 100%;
	height: calc(100vh - 9.5em);
	padding-right: 1em;
}

.mobile-nav > ul.level-uno > li {
	text-align: left;
	position: relative;
	transition: transform .35s ease .4s, opacity .35s ease .4s;
	opacity: 0;
	-webkit-transform: translate(0, -1.250em);
	-ms-transform: translate(0, -1.250em);
	transform: translate(0, -1.250em);
	border-bottom: solid 2px #E5E5E5;
}

.mm-open .mobile-nav > ul.level-uno > li {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
	opacity: 1;
}

.mm-open .mobile-nav > ul.level-uno > li:first-child {
	transition-delay: 1s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(2) {
	transition-delay: 1.05s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(3) {
	transition-delay: 1.1s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(4) {
	transition-delay: 1.15s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(5) {
	transition-delay: 1.2s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(6) {
	transition-delay: 1.25s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(7) {
	transition-delay: 1.3s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(8) {
	transition-delay: 1.35s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(9) {
	transition-delay: 1.4s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(10) {
	transition-delay: 1.45s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(11) {
	transition-delay: 1.5s;
}

.mm-open .mobile-nav > ul.level-uno > li:nth-child(12) {
	transition-delay: 1.55s;
}

.mobile-nav ul.level-uno > li > a {
	font-size: 1.55em;
	color: #888D90; /* $primary */
	line-height: 2em;
	display: block;
	padding: 0;
	max-width: calc(100% - 2em);
}

.mobile-nav ul.level-uno > li > a:hover {
	color: #2C2C2E;
}

.mobile-nav ul.level-uno .see-more-babies {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	right: 0;
	top: .667em;
	width: 1.667em;
	height: 1.667em;
}

.see-more-babies:before, .see-more-babies:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #E0601F; /* $secondary */
	top: 50%;
	right: 0;
	transition: transform .3s ease 0s;
}

.see-more-babies:after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.see-more-babies.active:after {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.mobile-nav ul.level-dos {
	padding: 1em 0;
	border-top: solid 2px #E5E5E5;
	display: none;
}

ul.level-dos li {
}

ul.level-dos li a {
	font-size: 1.222em;
	color: #E0601F; /* $secondary */
	font-weight: 700;
	display: block;
	text-transform: capitalize;
	line-height: 1.154em;
	padding: .35em 0 .35em 1.333em;
	position: relative;
}

ul.level-dos li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: .85em;
	height: 3px;
	background-color: #888D90; /* $primary */
	width: .889em;
}

ul.level-dos li a:hover {
	color: #888D90; /* $primary */
}
/* End Mobile Menu */

/* Mobile Menu Button */
.menu-trigger {
	display: none;
	position: relative;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.menu-btn {
	width: 3.25em;
	height: 2.25em;
	transition: 0.35s ease;
	display: none;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	cursor: pointer;
	position: relative;
}

.menu-btn:before {
	content: '';
	position: absolute;
	width: 1000vh;
	height: 1000vh;
	top: -100vh;
	left: -100vh;
	background-color: rgba(0,0,0,0.7);
	visibility: hidden;
	transition: opacity .5s ease 0s, visibility 0s ease .5s;
	opacity: 0;
	display: none;
}

.mm-open .menu-btn:before {
	visibility: visible;
	transition: opacity .5s ease 0s, visibility 0s ease 0s;
	opacity: 1;
}

.menu-btn span {
	position: absolute;
	width: 2.25em;
	height: 3px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: #E0601F; /* $secondary */
	transition: margin 0.3s ease 0.3s, opacity 0s 0.3s, transform 0.3s ease, background-color 0.3s ease 0s;
}

.mm-open .menu-btn span {
	opacity: 0;
	transition: margin 0.3s ease, opacity 0s 0.3s, transform 0.3s ease 0.3s, background-color 0.3s ease 0s;
	background-color: #0B1F8F;
}

.fixed .menu-btn span, .sub .menu-btn span {
	background-color: #E0601F; /* $secondary */
}

.menu-btn span:first-of-type {
	margin-top: 10px;
}

.mm-open .menu-btn span:first-of-type {
	margin-top: 0;
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
	opacity: 1;
}

.menu-btn span:last-of-type {
	margin-top: -10px;
}

.mm-open .menu-btn span:last-of-type {
	margin-top: 0;
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
	opacity: 1;
}
/* End Mobile Menu Button */

/* Targeted Search */
.combo-box {
	position: absolute;
	background-color: #FFFFFF;
	color: #000;
	border: solid 1px #EEEEEE;
	width: 100%!important;
	height: auto;
	z-index: 50;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, .3);
	background-position: right bottom;
	padding: 10px 0px;
	margin-left: -6px;
	margin-top: 5px;
	max-height: 500px;
	overflow: scroll;
	overflow-x: hidden;
}

.combo-box .combo-panel {
	float: left;
	margin: 0;
	width: 100%;
	padding: 0 20px;
}

.combo-box .combo-panel .searchitem icon {
	display: inline-block;
	font-size: 15px;
	margin: 0 3px 0 0;
	position: relative;
	top: 3px;
	color: #E0601F; /* $secondary */
}

.combo-box .combo-panel.videos {
}

.combo-box .combo-panel.videos h4 {
	color: #3D4346; /* $dark */
}

.combo-box .combo-panel.videos .searchitem.video {
	float: left;
	height: 70px;
	margin-right: 20px;
}

.combo-box .combo-panel.videos .searchitem {
	float: left;
	height: 70px;
	margin-right: 20px;
}

.combo-box .combo-panel.type2 .searchitem {
	height: auto;
	overflow: hidden;
	margin-bottom: 2px;
}

.combo-box .combo-panel.pages {
	float: right;
	width: 100%;
	padding: 0 20px;
	margin: 0;
}

.combo-box .combo-panel a.thumb {
	float: left;
	padding: 2px 0px 5px 0px;
}

.combo-box .combo-panel a.thumb img {
	display: block;
}

.combo-box .combo-panel.doctors.type2 {
}

.combo-box .combo-panel .searchitem {
	border-bottom: dashed 1px #cccccc;
	padding: 3px 4px 3px 4px;
	border-top: solid 1px transparent;
	border-left: solid 1px transparent;
	border-right: solid 1px transparent;
	border-radius: 4px;
	margin-bottom: 1px;
	overflow: hidden;
}

.combo-box .combo-panel .searchitem a {
	display: block;
}

.combo-box .combo-panel .searchitem.active {
	background-color: #E0601F; /* $secondary */
}

.combo-box .combo-panel .searchitem.active a {
	color: #FFF;
}

.combo-box .combo-panel .searchitem.active span {
	color: #FFFFFF;
}

.combo-box .combo-panel .searchitem.active icon {
	color: #FFFFFF;
}

.combo-box .combo-panel .searchitem em {
	font: italic 13px/16px;
	color: #707070;
}

.combo-box .combo-panel .searchitem.active em {
	color: #FFFFFF;
}

.combo-box .combo-panel h4 {
	font-weight: bold;
	color: #3D4346; /* $dark */
	font-size: 16px;
	margin: 10px 0px;
	border-bottom: solid 1px #cccccc;
	font-family: 'Helvetica', 'Open Sans', Arial, sans-serif;
}

.combo-box a {
	color: #E0601F; /* $secondary */
}

.combo-box a img {
	vertical-align: middle;
	margin-right: 7px;
}

.combo-box .combo-panel.videos a img {
	width: 62px;
	height: 34px;
}

.combo-box .combo-panel.videos a.videothumblink {
	display: block;
	width: 70px;
	height: 45px;
	background-image: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/main-images/SearchVideoBG.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.combo-box .combo-panel.videos a.videothumblink img.videothumb {
	margin: 4px;
}

.combo-box .combo-panel.doctors {
}

.combo-box .combo-panel.doctors h4 {
	color: #3D4346; /* $dark */
}

.combo-box a span {
	vertical-align: middle;
	font: normal 13px/13px;
	color: #5B5B5B;
}

.combo-box .searchfooter {
	clear: both;
	padding-left: 20px;
	margin-top: 10px;
	padding-top: 20px;
	font-size: 13px;
}

.combo-box br {
}

.combo-box .combo-panel h4 .type {
	padding: 0px 0px 0px 0px;
	border-bottom: 0px;
	font-size: 12px;
	color: #888888;
	font-weight: normal;
	float: right;
}

.combo-box .combo-panel h4 .type a {
	color: #E0601F; /* $secondary */
}

.combo-box .noresults {
	font-family: arial;
	font-weight: normal;
	color: #E0601F; /* $secondary */
	font-size: 14px;
	margin: 10px 10px 10px 10px;
}

.combo-box .noresults a {
	color: #777777;
}
/* End Targeted Search */

/* Top Nav Styles */
.top-nav {
	display: table;
	width: 100%;
}

.top-nav ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	border-top: 6px solid #EDEEEE;
}

html.no-boxshadow .top-nav ul {
	border-right: 1px solid #E8E8E8;
}

.top-nav li {
}

.top-nav a {
	display: block;
	font-size: 1em;
	padding: 0.5em;
	color: #888D90; /* $primary */
	transition: .5s ease;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
}

.top-nav .desktop-nav li {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.top-nav .desktop-nav li a {
	padding: 1.75em 0.5em;
	position: relative;
}

.top-nav .desktop-nav li a:hover {
	background-color: #E3E3E3;
	box-shadow: outset 0 0 #E0601F;
}

.top-nav .desktop-nav li a:before {
	content: ' ';
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 100%;
	left: 0;
	border-top: solid .25em #1D3D65;
	transition: transform .6s ease, opacity .6s ease;
	opacity: 0;
}

.top-nav .desktop-nav li a:hover:before, .top-nav li.active a:before {
	-webkit-transform: translate(0, -98%);
	-ms-transform: translate(0, -98%);
	transform: translate(0, -98%);
	opacity: 1;
	transition: .3s;
}

.top-nav a:hover {
	color: #E0601F; /* $secondary */
}

.top-nav ul.mobile-nav, .top-nav ul.cta-nav {
	display: none;
}

.top-nav ul.mobile-nav icon {
	margin-right: 0.5em;
}

.top-nav ul li a icon.th-menu:before {
	content: '\ef04';
}

.sub-top-nav {
	float: left;
	display: table;
}

.sub-top-nav li {
	display: table-cell;
	border-left: 1px solid #7B8184; /* darken($primary,9%) */
}

html.no-display-table .sub-top-nav li {
	float: left;
}

.sub-top-nav li a {
	color: #FFF;
	display: block;
	padding: 0.813em 0.875em;
	border-left: 1px solid #A0A4A6; /* lighten($primary,20%) */
	text-align: center;
}

.sub-top-nav li a:hover {
	color: #E99062; /* lighten($secondary,30%) */
}

.sub-top-nav li:last-child a {
	border-right: 1px solid #7B8184; /* darken($primary,9%) */
}

.sub-top-nav li:last-child {
	border-right: 1px solid #A0A4A6; /* lighten($primary,20%) */
}
/* End Top Nav Styles */

/* Flyout Menu */
nav.top-nav div.iflylist {
	border: none;
	text-align: left;
	background-color: #E3E3E3;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation: flyout .5s ease;
	animation: flyout .5s ease;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0.3em 1em 1em;
	box-shadow: 0 0 8px rgba(0,0,0,.25);
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

nav.top-nav div.iflyRight>a:before {
	font-family: 'fontello';
	content: '\e802';
	float: right;
	margin-right: -20px;
	font-size: 20px;
}

nav.top-nav div a:before {
	font-family: 'fontello';
	content: '\e802';
	float: right;
	margin-right: -20px;
	font-size: 20px;
}

nav.top-nav div.iflylist a:before {
}

@-webkit-keyframes flyout {
	0% { opacity: 0; -webkit-transform: rotateX(-90deg); }
	100% { opacity: 1; -webkit-transform: rotateX(0); }
}

@-moz-keyframes flyout {
	0% { opacity: 0; transform: rotateX(-90deg); }
	100% { opacity: 1; transform: rotateX(0); }
}

@-o-keyframes flyout {
	0% { opacity: 0; transform: rotateX(-90deg); }
	100% { opacity: 1; transform: rotateX(0); }
}

@keyframes flyout {
	0% { opacity: 0; transform: rotateX(-90deg); }
	100% { opacity: 1; transform: rotateX(0); }
}

nav.top-nav .iflyOver div.iflylist {
	-webkit-animation: flyout .5s ease;
	animation: flyout .5s ease;
}

.top-nav > ul > li.iflyOver div.iflylist div.iflylist {
}

nav.top-nav div.ifly {
	border: none;
	transition: .5s;
	position: relative;
	background-color: transparent;
	display: block !important;
	white-space: pre-wrap;
	margin-right: 2%;
	width: 100%;
	width: max-content;
}

nav.top-nav div.ifly a {
	padding: .9em .5em;
	color: #575A5C;
	margin-bottom: 0px;
	transition: .4s ease 0s;
	display: block;
	white-space: pre-wrap;
	font-size: .889em;
	text-align: left;
}

nav.top-nav div.ifly a:hover {
	text-decoration: none;
	color: #E0601F; /* $secondary */
	padding-left: 1em;
}

div.iflyRight {
	background-image: none !important;
}

nav.top-nav div.iflyRight {
	background-image: none;
	position: relative;
}

_nav.top-nav div.iflyRight:after {
	content: '\e0ea';
	position: absolute;
	font-family: icomoon-ult;
	right: 0;
	top: 10px;
	color: #FFFFFF;
}

div.iflylist div.ui-more-items {
	background-color: #4592D8;
	border-top: solid 1px #ddd;
	position: relative;
	display: none !important;
}

div.iflylist div.ui-more-items:before {
	content: '\e0e9';
	font-family: icomoon-ult;
	color: #ffffff;
	position: absolute;
	left: 5px;
	top: 0;
	width: 70px;
	height: 100%;
	text-align: center;
}

div.iflylist div.ui-more-items:after {
	content: '\e0eb';
	font-family: icomoon-ult;
	color: #ffffff;
	position: absolute;
	top: 0;
	right: 5px;
	width: 70px;
	height: 100%;
	background-color: rgba(255,255,255,.2);
	text-align: center;
}

div.iflylist div.ui-more-items img.more-up {
	position: absolute;
	left: 0px;
	top: 0px;
	background: none;
	cursor: pointer;
	z-index: 1;
}

div.iflylist div.ui-more-items img.more-down {
	position: absolute;
	top: 0px;
	right: 0px;
	background: none;
	cursor: pointer;
	z-index: 1;
}

nav.top-nav .iflylist .ifly .iflylist .iflylist {
	display: none !important;
}
/* End Flyout Menu */

/* Animation */
.animation {
	position: relative;
	height: 430px;
	background-color: #888D90; /* $primary */
}

.animation .slide {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	overflow: hidden;
	left: 0;
}

.animation .slide:first-child {
	display: block;
}

.animation .slide .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 1;
	background-image: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/design/overlay.png);
	background-size: cover;
	background-position: top center;
}

html.no-textshadow .animation .slide .overlay {
	background-color: #888D90; /* $primary */
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.animation .slide .main {
	height: 100%;
}

.animation .slide img.slide-img {
	position: absolute;
	height: 100%;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0;
	top: 0;
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

html.no-boxshadow .animation .info p {
	background-color: #3D4346; /* $dark */
}

.animation .info:hover > span {
}

.animation .slide-nav a:hover {
}
/* End Animation */

/* Subpage Banner Content */
.sbc {
	height: 200px;
	position: relative;
	background-color: #DDDDDD;
	padding-bottom: 0;
}

.sbc img {
	position: absolute;
	width: 100%!important;
	height: 100%!important;
	top: 0;
	left: 0;
	background-size: cover;
}

.sbc .main {
	height: 100%;
	padding: 0.5em 2%;
}

body.cms-admin.cms-layout .sbc .main {
	height: 258px;
}

.sbc-text {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	padding: 1.5em 2%;
	background-color: rgba(115,115,115,0.8);
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
}

html.no-boxshadow .sbc-text {
	background-color: #4A4A4A;
}

html.no-display-table .sbc-text {
	bottom: auto;
	top: 10px;
}

body.cms-admin.cms-layout .sbc-text {
	position: relative;
	top: 0;
}

.sbc-text h2 {
	font-size: 4.375em;
	line-height: 0.9;
	letter-spacing: 1px;
}

.sbc-text h2 span {
	font-size: 0.857em;
	display: block;
	letter-spacing: 2px;
}
/* End Subpage Banner Content */

/* CTA Styles */
.cta-wrap {
	padding: 30px 0;
	background-color: #FFF;
	position: relative;
	overflow: hidden;
}

body.sub .cta-wrap {
	top: 0;
}

body.sub.wide .cta-wrap header {
	position: relative;
}

body.sub.wide .cta-wrap header h2 {
	text-transform: uppercase;
	font-size: 1.875em;
}

body.sub.wide .cta-wrap header:after {
	content: '';
	width: calc(100% - 250px);
	height: 1px;
	background-color: #E8EAEB;
	position: absolute;
	right: 0;
	top: 49%;
}

.cta-list {
	display: table;
	width: 100%;
	position: relative;
	text-align: center;
	border-spacing: 30px 0;
}

.cta-wrap-sl .cta-list {
	border-spacing: 16px 0;
}

.cta-list.side-home {
	border-spacing: 0;
}

body.main-sub .cta-list {
	display: block;
	border-spacing: 0;
}

body.sub.wide .cta-list {
	width: calc(100% + 60px);
	margin-left: -30px;
}

.cta-list ul {
	display: table-row;
}

body.main-sub .cta-list ul {
	display: block;
}

.cta-list ul li {
	position: relative;
	display: table-cell;
}

body.main-sub .cta-list ul li {
	display: block;
	width: 100%;
	margin-bottom: 1em;
}

.cta-list ul li:last-child {
}

.cta-list ul li .break-bar:after {
	transition: 0.5s .2s ease;
	-webkit-transform: scale3d(0,1,1);
	-ms-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
	right: 0;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
}

.cta-list ul li a:hover .break-bar:before, .cta-list ul li a:hover .break-bar:after {
	-webkit-transform: scale3d(1,1,1);
	-ms-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.items1 li {
	width: 100%;
}

.items2 li {
	width: 50%;
}

.items3 li {
	width: 33.3%;
}

.items4 li {
	width: 25%;
}

html.no-display-table .cta-list ul li {
	float: left;
}

.cta-list ul li a {
	display: block;
	padding: 0;
	position: relative;
	line-height: 0.7;
	overflow: hidden;
}

.events.cta-list ul li a {
	max-height: 164px;
}

.cta-list ul li .cta-content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 3.25em 1.25em 0;
	transition: 0.5s ease;
	background-color: transparent;
}

.cta-list ul li a:hover .cta-content {
	background-color: rgba(0,0,0,0.5);
}

html.no-boxshadow .cta-list ul li a:hover .cta-content {
	background-color: #3D4346; /* $dark */
}

.cta-list ul li a img {
	width: 100%;
	transition: 0.5s ease;
}

.cta-list ul li a:hover img {
	-webkit-transform: scale(1.6,1.6) translateY(-5%);
	-ms-transform: scale(1.6,1.6) translateY(-5%);
	transform: scale(1.6,1.6) translateY(-5%);
	opacity: 0.3;
	top: 0;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	transition: 0.5s ease;
}

.cta-list ul li .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.5;
	display: none;
}

.cta-list ul li .break-bar {
	position: relative;
	left: 0;
	width: 100%;
	text-transform: uppercase;
}

.cta-list ul li .break-bar:before, .cta-list ul li .break-bar:after {
	position: absolute;
	height: 1px;
	width: 40%;
	background-color: #FFF;
	content: '';
	top: 50%;
}

html.no-csstransitions .cta-list ul li .break-bar:before, html.no-csstransitions .cta-list ul li .break-bar:after {
	display: none;
}

.cta-list ul li .break-bar:before {
	-webkit-transform: scale3d(0,1,1);
	-ms-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
}

.cta-list ul li .break-bar:before {
	left: 0;
	transition: 0.5s .2s ease;
	-webkit-transform: scale3d(0,1,1);
	-ms-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
}

.cta-list ul li icon {
	font-size: 1.25em;
	color: #FFF;
	position: relative;
	display: block;
	-webkit-transform: translateY(100%) scale(0.2);
	-ms-transform: translateY(100%) scale(0.2);
	transform: translateY(100%) scale(0.2);
	opacity: 0;
	transition: 0.5s ease;
	filter: alpha(opacity=0);
}

html.no-display-table .cta-list ul li icon {
	display: none;
}

.cta-list ul li:hover icon {
	-webkit-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
	opacity: 1;
	filter: alpha(opacity=100);
}

.cta-list ul li h2 {
	font-size: 1.8em;
	line-height: 1;
	color: #FFFFFF;
	text-transform: uppercase;
	position: relative;
	background-color: rgba(0,0,0,0.5);
	padding: 0.375em 0.5em 0.25em;
	transition: 0.5s ease;
	font-family: Georgia, Arial, sans-serif;
	font-weight: 400;
}

html.no-boxshadow .cta-list ul li h2 {
	background-color: #3D4346; /* $dark */
}

.cta-list ul li a:hover h2 {
	background-color: transparent;
}

.cta-list ul li h2 span {
	display: block;
	font-size: 0.667em;
}

.cta-list ul li p {
	font-size: 0.875em;
	line-height: 1.25;
	margin: 0 0 0.313em;
	padding: 0.625em 10% 1.25em 10%;
}

.cta-list .btn {
	display: block;
	margin: 0px auto;
	padding: 0.313em 0;
}

.cta-list a:hover .btn {
}

.cta-wrap-sl .cta-list ul.items2 li, .cta-wrap-sl .cta-list ul.items3 li, .cta-wrap-sl .cta-list ul.items4 li {
	width: 100%;
}

.cta-wrap-sl .cta-list ul li {
	display: block;
	margin-top: 2em;
}

.dugoutbutton {
	background-color: #939393;
	text-align: center;
	border-bottom: 0px solid #E0601F;
	padding: 1.5em 5% 1em 5%;
}

.dugoutbutton h2 {
	color: #fff;
	padding: .3em 0 0 0;
}

.dugoutcta .contact-form {
	background-color: #939393;
	padding: 0em .5em 1em;
}
/* End CTA Styles */

/* Site Search System */
.search-sys {
}

.search-sys .contact-box {
	padding: 1em;
	display: block;
}

.search-sys .contact-box>* {
	display: block;
}

.search-sys .contact-box h2 {
	color: #FFFFFF; /* $White */
	margin-bottom: .5em;
	font-size: 2em;
}

.search-sys .sys-list {
}

.search-sys .sys-list .sys-item {
}

.search-sys .sys-list .sys-item .info {
	width: 100%;
}

.search-sys .sys-list .sys-item a {
}

.search-sys .sys-list .sys-item a h2 {
	color: #1D3D65; /* $BLPrimary */
}

.search-sys .sys-list .sys-item a .content-style {
	padding: 1em 0;
}

.search-sys .sys-list .sys-item a:after {
	content: '';
	display: block;
	clear: both;
}

.search-sys .sys-list .sys-item a .btn {
	float: right;
}
/* End Site Search System */

/* Hot Buttons Styles */
.bcb {
	padding: 0;
	border: 1px solid #c9c9c9;
	margin: 2em auto;
	font-size: 1.1em;
}

.bread {
	float: left;
	clear: left;
	display: table;
	max-width: 80%;
}

.bread a, .bread span {
	vertical-align: middle;
	display: table-cell;
	padding: 0.7em 0.75em 0.58em;
	font-size: 0.875em;
	font-weight: 500;
}

html.no-display-table .bread a, html.no-display-table  .bread span {
	float: left;
}

.bread a {
	color: #E0601F; /* $secondary */
	transition: 0.5s ease;
}

.bread a:hover {
	color: #3D4346; /* $dark */
}

.bread span {
	color: #E0601F; /* $secondary */
}

.bread span.separator {
	padding: 0.80em 0.15em 0.40em;
}

.bread a.home-link {
	border-right: 1px solid #DBDCDC;
	font-size: 1.125em;
}

.bc-buttons {
	float: right;
	clear: right;
}

.bc-buttons li {
	border-left: 1px solid #DBDCDC;
	float: left;
}

.bc-buttons li a {
	color: #E0601F; /* $secondary */
	display: block;
	padding: 0.8em 0.75em 0.75em;
	text-align: center;
	transition: 0.5s ease;
}

.bc-buttons li a:hover {
	color: #FFF;
	background-color: #E0601F; /* $secondary */
}
/* End Hot Buttons Styles */

/* Side-Nav Styles */
.side > * {
	display: block;
	position: relative;
	margin: 0 0 1.25em;
}

.side a {
	display: block;
}

.side .btn {
	display: block;
}

.side-nav {
	border-bottom: 10px solid #888D90; /* $primary */
	background-color: #F3F4F5;
}

.side-nav header {
	background-color: #888D90; /* $primary */
	padding: 1em 1em;
	text-align: center;
	border-bottom: 5px solid #E0601F; /* $secondary */
}

.side-nav header h2 {
	display: block;
	font-size: 1.875em;
	color: #FFFFFF;
	text-transform: uppercase;
}

.side-nav header h2 a {
	color: #FFF;
}

.side-nav header h3 {
	display: block;
	padding: 0.625em 0;
	font-size: 1.125em;
	color: #DDDDDD;
}

.side-nav ul {
	width: 100%;
	position: relative;
	padding-top: 0;
}

.side-nav li > ul {
	padding: 0px 1em;
	margin: 0.125em 0;
}

.side-nav ul li {
	display: block;
	margin: 0 auto;
	padding: 0;
	font-size: 0.875em;
	color: #FFFFFF;
	line-height: 1.25;
	border-bottom: 1px solid #e6e9eb;
	position: relative;
}

.side-nav ul li>span {
	position: absolute;
	height: 2.8em;
	width: 2.8em;
	top: 0;
	right: 0;
	cursor: pointer;
}

.side-nav ul li a {
	display: block;
	color: #E0601F; /* $secondary */
	padding: 0.875em 1.5em;
	position: relative;
	font-weight: bold;
	transition: 0.5s ease;
	font-size: 1.1em;
}

.side-nav ul li a:before {
	content: '';
	color: #888D90; /* $primary */
	position: absolute;
	top: 50%;
	margin-top: -9px;
	transition: 0.5s ease;
	opacity: 0;
	left: 0;
	filter: alpha(opacity=0);
	height: 1.2em;
	width: 1.1em;
	background-image: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
}

html.no-boxshadow .side-nav ul li a:before {
	display: none;
}

.side-nav ul li a:hover:before, .side-nav ul li.selected a:before {
	opacity: 1;
	filter: alpha(opacity=100);
}

html.no-boxshadow .side-nav ul li a:hover:before, html.no-boxshadow  .side-nav ul li.selected a:before {
	display: block;
}

.side-nav ul li a:hover, .side-nav ul li.selected a {
	background-color: #FEFEFE;
}

.side-nav ul li.level1 {
}

.side-nav ul li.level1 a {
}

.side-nav ul li.level1 a:before {
}

.side-nav ul li.level1:hover a, .side-nav ul li.level1.selected a {
	padding-left: 2.875em;
}

.side-nav ul li.level1:hover .level2 a, .side-nav ul li.level1.selected .level2 a {
	padding-left: 4.875em;
}

.side-nav ul li.level1 a:hover:before, .side-nav ul li.level1.selected a:before {
	left: 1.5em;
}

.side-nav ul li.level2 {
}

.side-nav.archive ul li.level2 {
	display: none;
}

.side-nav ul li.level2 a {
	padding-left: 3.875em;
}

.side-nav ul li.level2 a:hover:before, .side-nav ul li.level2.selected a:before {
	left: 2.5em;
}

.side-nav ul li.level3 {
}

.side-nav ul li.level3 a {
}

.side-nav .cta-content {
	padding: 1.25em 1em;
	font-size: .875em;
}

.side-nav .cta-content p {
	margin: 0 0 .5em;
}

.side-nav .cta-content a {
	font-size: 2.143em;
}
/* End Side-Nav Styles */

/* Landing Spine Styles */
.patient-outcome-graph {
	border-top: .5em solid #E0601F;
	border-bottom: .5em solid #E0601F; /* $secondary */
	padding: 3em 2%;
	color: #3D4346; /* $dark */
}

.patient-outcome-graph .patient-outcome-wrapper h3 {
	text-align: center;
	font-size: 2.25em;
	text-transform: uppercase;
}

.patient-outcome-graph .patient-outcome-wrapper .patient-wrapper-list {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 2.5em 0;
}

.patient-outcome-graph .patient-outcome-wrapper .btn {
	display: table;
	margin: 0 auto;
}

.spine-footer-number {
	padding: 3em 2%;
	background-color: #E8EAEB;
	margin: 0 2% 2em;
}

.spine-footer-number .bottom-number-spine h3 {
	text-align: center;
	font-size: 2.250em;
}

.spine-footer-number .bottom-number-spine p {
	color: #E0601F; /* $secondary */
	font-size: 2.250em;
	text-align: center;
	margin: 0;
	margin-top: .2em;
}

.sl-testimonial-wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 1em 2% 0;
}

.sl-testimonial-wrapper .testimonial-block {
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 50%;
	background-color: #4990CE;
	text-align: left;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 0 4em;
}

.sl-testimonial-wrapper .testimonial-block h4 {
	color: #FFFFFF; /* $White */
	font-size: 2.250em;
	position: relative;
}

.sl-testimonial-wrapper .testimonial-block h4:before {
	content: '\e1d8';
	font-family: 'icomoon-ult';
	display: table;
	position: relative;
	font-size: 2.5rem;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.sl-testimonial-wrapper .testimonial-block p {
	color: #FFFFFF; /* $White */
	line-height: 1.5;
	text-align: left;
}

.sl-testimonial-wrapper .testimonial-block .btn {
	display: table;
	margin: 1em auto 0;
}

.sl-testimonial-wrapper .testimonial-img img {
	height: 100%;
}

.spine-doctor-lp {
	padding: 3em 2%;
}

.spine-doctor-lp .spine-doctor-header-lp {
	text-align: center;
	text-transform: uppercase;
}

.spine-doctor-lp .spine-doctor-header-lp h3 {
	font-size: 2.250em;
	padding-bottom: .9em;
}

.spine-doctor-lp .doctor-wrapper-lp ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.spine-doctor-lp .doctor-wrapper-lp ul li {
	width: 20%;
	margin-right: .9em;
}

.spine-doctor-lp .doctor-wrapper-lp ul li a {
	background-color: #e8eaeb;
	display: block;
	transition: .5s ease;
}

.spine-doctor-lp .doctor-wrapper-lp ul li:hover a {
	opacity: .95;
}

.spine-doctor-lp .doctor-wrapper-lp ul li a h2 {
	font-family: 'Helvetica', 'Open Sans', Arial, sans-serif;
	font-size: 1.25em;
	color: #3D4346; /* $dark */
	padding: 1.2em .8em;
}

.spine-doctor-lp .doctor-wrapper-lp ul li a img {
	width: 198px;
	height: 245px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.spine-doctor-lp .doctor-wrapper-lp ul li a .btn {
	margin: 0 0 1.4em .9em;
	font-size: .85em;
	transition: .5s ease;
}

.spine-doctor-lp .spine-doctor-button-lp .btn.v1 {
	margin: 2.9em auto 0;
	display: table;
}

.spine-doctor-lp .doctor-wrapper-lp .scroll-nav {
	position: absolute;
	top: 50%;
	width: 100%;
}

.spine-doctor-lp .doctor-wrapper-lp .scroll-nav span {
	font-size: 1.8em;
}

.spine-doctor-lp .doctor-wrapper-lp .scroll-nav span.left-icon {
	position: absolute;
	left: -2em;
}

.spine-doctor-lp .doctor-wrapper-lp .scroll-nav span.right-icon {
	right: 0;
	position: absolute;
}
/* End Landing Spine Styles */

/* Side Sroll Nav */
.scroll-nav span {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	font-size: 3em;
	color: #65686D;
	cursor: pointer;
	transition: color .5s ease;
}

.scroll-nav span:hover {
	color: #E0601F; /* $secondary */
}

.scroll-nav .left-icon {
	right: 100%;
	margin-right: .25em;
}

.scroll-nav .right-icon {
	left: 100%;
	margin-left: .25em;
}
/* End Side Sroll Nav */

/* Slide Nav *//* End Slide Nav */

/* Find a Doctor - Landing Spine */
.phy-catlist {
	margin: 1em 0;
	transition: .5s ease;
}

.experts.phys-list {
	padding: 3em 0 0;
}

.experts.phys-list .scroll-box {
	overflow: hidden;
}

.scroll-box.spine-doctor-landing {
	overflow: hidden;
	padding: 1em 0 0;
}

.phy-sys ul.total17 {
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.phy-catlist>ul {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	transition: 0.4s ease;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.phy-catlist .phy-item {
	width: 17.75%;
	margin-bottom: 2em;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: 2.375%;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.phy-catlist.thin .phy-item {
	width: 22%;
}

.scroll-box .phy-catlist.scroll-item .phy-item {
	width: 98.75%;
	margin-right: 0;
	padding: 0 .7em;
}

.phy-catlist .phy-item:nth-child(5n) {
	margin-right: 0;
}

.phy-catlist .phy-item .physician {
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 39em;
}

.phy-catlist .phy-item input {
	display: none;
}

.phy-catlist .phy-item a {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding-top: 18.125em;
	z-index: 1;
	background-color: #868A8D;
}

.no-flexbox .phy-catlist .phy-item {
	display: inline-block;
	vertical-align: top;
	width: 17.5%;
}

.no-flexbox .phy-catlist .phy-item a {
	display: block;
	min-height: 30em;
}

.phy-catlist .phy-item a:after {
	content: '';
	display: block;
	clear: both;
}

.phy-catlist .phy-item a .img {
	height: 18.125em;
	width: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	position: absolute;
	background-size: cover;
	top: 0;
}

.phy-catlist .phy-item a .img:before {
	content: '';
	display: block;
	padding-bottom: 130%;
}

.phy-catlist .phy-item a .info {
	padding: 1.65em 1em 2em;
	width: 100%;
	text-align: center;
}

.landing-her .phy-catlist .phy-item a .info {
	padding: 1.25em 1em;
}

.phy-catlist .phy-item a .info:after {
	content: '';
	display: block;
	clear: both;
}

.phy-catlist .phy-item a .info h3 {
	color: #FFFFFF;
	font-size: 1.250em;
	font-weight: 700;
}

.phy-catlist .phy-item a .info ul {
	padding: .5em 0;
	color: #FFFFFF;
}

.phy-catlist .phy-item a .info ul li {
	width: auto !important;
	display: block;
}

.phy-catlist .phy-item a .info ul + div {
	color: #FFFFFF;
}

.phy-catlist .phy-item a .info ul + div span {
	display: block;
}

.phy-catlist .phy-item a .info .s-btn {
	padding: 0.6em 2.1em;
	background-color: #E0601F; /* $secondary */
	border-radius: .25em;
	line-height: 1;
	color: #FFFFFF;
	transition: .5s ease;
	bottom: 1em;
	display: table;
	margin: 1em auto 0;
	position: absolute;
}

.phy-catlist .phy-item a:hover .info .s-btn {
	background-color: #1D3D65;
}

.phy-catlist.leaders .info span {
	display: block;
	margin: .5em 0;
	font-size: 1.125em;
	color: #FFFFFF;
}

.scroll-nav-doctor span {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	font-size: 3em;
	color: #3D4346; /* $dark */
	cursor: pointer;
}

.scroll-nav-doctor .left-icon {
	margin-right: .25em;
	right: 100%;
}

.scroll-nav-doctor .right-icon {
	margin-left: .25em;
	left: 100%;
}

.scroll-nav-doctor span icon:hover {
	color: #D9824D;
}

.scroll-nav-doctor span.left-icon icon {
	left: .5em;
}

.scroll-nav-doctor span.right-icon icon {
	right: .5em;
}

.experts.phys-list .footer .btn.v1 {
	display: table;
	margin: 0 auto 3em;
}

.experts.phys-list header h2 {
	text-align: center;
	font-size: 2.250em;
	color: #65686D; /* $text */
	text-transform: uppercase;
}
/* End Find a Doctor - Landing Spine */

/* Side Feeds */
.side-feed {
}

.side-feed header h1 {
}

.side-feed header h2 {
}

.side-feed ul {
}

.side-feed ul li {
}

.side-feed ul li a {
}

.side-feed a > div {
	float: left;
	width: 28%;
}

.side-feed img {
	display: block;
	width: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.side-feed a > span {
	float: right;
	width: 67%;
	padding: 0.625em 0;
}

.side-feed h3 {
	font-size: 24px;
	line-height: 1.4em;
}

.side-feed p {
	margin: 0;
	padding-top: 0.625em;
	font-size: 0.813em;
	color: #000000;
}

.side-feed .btn {
}
/* End Side Feeds */

/* Blog Feed */
.inner-wrap {
	width: 100%;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}

.inner-wrap h2 {
	text-transform: uppercase;
	font-size: 2.500em;
	margin-bottom: 0.3em;
}

.blog-feed {
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}

html.no-display-table .blog-feed {
	float: left;
	display: block;
}

body.cms-admin.cms-layout .blog-feed {
	display: block;
	float: left;
}

.blog-feed .inner-wrap {
	padding-right: 5%;
	background-color: #e8eaeb;
	padding-left: 5%;
	height: 100%;
}

.blog-feed ul {
	margin-bottom: 1.5em;
}

.blog-feed ul li {
	margin-bottom: 1em;
}

.blog-feed ul li a {
	display: table;
	width: 100%;
	background-color: #FFF;
	overflow: hidden;
}

.blog-feed ul li a > * {
	display: table-cell;
	vertical-align: middle;
}

html.no-display-table .blog-feed ul li a > * {
	float: left;
}

.blog-feed ul li a .date {
	width: 65px;
	background-color: #888D90; /* $primary */
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 1em 2%;
	transition: 0.5s ease;
}

.blog-feed ul li a:hover .date {
	background-color: #E0601F; /* $secondary */
}

.blog-feed ul li a .month {
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding-bottom: 3px;
	margin-bottom: 3px;
	display: block;
}

.blog-feed ul li a h3 {
	padding: 1em 1.1em;
	font-size: 1em;
	color: #3D4346; /* $dark */
	line-height: 1.4;
}

.blog-feed .btn-wrap {
	text-align: center;
}
/* End Blog Feed */

/* Video Center */
.home-vc {
	background-image: url(/web/20250311081828im_/https://www.hoagorthopedics.org/images/design/video-feed-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	vertical-align: top;
}

html.no-display-table .home-vc {
	float: right;
	display: block;
}

body.cms-admin.cms-layout .home-vc {
	float: right;
	display: block;
}

.home-vc .inner-wrap {
	text-align: center;
	padding-left: 4em;
	padding-right: 4em;
	background-color: rgba(61,67,70,0.729); /* alpha($dark,73%) */
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.home-vc h2 {
	color: #FFF;
}

.home-vc .video-wrap {
	margin: 0 auto 1.5em;
	position: relative;
	padding-top: 55.25%;
	width: 100%;
}

body.cms-admin.cms-layout .home-vc .video-wrap {
	padding-top: 0;
	height: 248px;
}

.home-vc .video-wrap > div, .home-vc .video-wrap > div > div {
	position: absolute;
	width: 100%!important;
	height: 100%!important;
	top: 0;
	left: 0;
}
/* End Video Center */

/* Contact Form */
.contact-form header {
	background-color: #888D90; /* $primary */
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	padding: 1.5em 10%;
	line-height: 1;
	border-bottom: 5px solid #E0601F; /* $secondary */
}

.contact-form header h2 {
	font-size: 1.875em;
	color: #FFFFFF; /* $white */
}

.contact-form header p {
	color: #FFFFFF; /* $white */
}

.contact-form header h3 {
	font-size: 1.25em;
}

.contact-form .cf {
	padding: 1.25em 10% 2em;
}

.contact-form p {
	margin: 0 0 1em;
	text-align: center;
	font-size: 1.125em;
	font-weight: bold;
	color: #3D4346; /* $dark */
}

.contact-form .footer p {
	text-align: left;
	font-weight: normal;
}

.contact-form .footer a p {
	color: #E0601F; /* $secondary */
}

.contact-form .footer a:hover p {
	color: #3D4346; /* $dark */
}

.contact-form input, .contact-form textarea {
	width: 100%;
	border: none;
	resize: none;
	outline: none;
	font-family: inherit;
	font-size: 1em;
	color: #3D4346; /* $dark */
	background-color: #FFFFFF;
	padding: 0.25em 0.625em;
	display: block;
	margin: 5px 0 10px;
	overflow: auto;
	border-radius: 10px;
}

.contact-form input {
}

.contact-form textarea {
}

.contact-form .btn-wrap {
	margin-top: 1.5em;
}

.form .datafooter {
	width: 100%;
}

.contact-form .btn.v1 {
	transition: 0.5s ease;
}
/* End Contact Form */

/* Sign Up Newsletter Form */
.signup-nl {
	background-color: #65686D;
	padding: 1.25em 2em;
	margin-top: 2em;
}

.signup-form {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.signup-form .cell {
	vertical-align: middle;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 75%;
}

.signup-form .cell.inp-boxes .input-text {
	width: 50%;
}

.no-display-table .signup-form .cell {
	float: left;
}

.no-display-table .signup-form .cell.inp-boxes {
	width: 64%;
}

.signup-form header.cell {
	overflow: hidden;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 30%;
}

.signup-form header.cell  img {
	margin-right: 1em;
}

.signup-form header.cell h2 {
	font-family: 'Helvetica', 'Open Sans', Arial, sans-serif;
	color: #FFF;
	font-size: 1.375em;
}

.signup-form .inp-boxes.cell input {
	font-size: 16px;
	border: none;
	padding: .95em 1em;
	width: 100%;
	position: relative;
	left: 5px;
	outline: none;
	border-radius: 5px;
}

.no-display-table .signup-form .inp-boxes.cell input {
	width: 80%;
	float: left;
}

.signup-form .inp-boxes.cell .btn {
	position: relative;
	padding: .875em 3em;
}
/* End Sign Up Newsletter Form */

/* Footer Styles */
.footer-links {
}

.footer-links ul {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	margin-top: 1.5em;
	max-width: 80%;
}

.footer-links ul li {
}

.no-csscolumns .footer-links ul li {
	width: 50%;
	float: left;
}

.footer-links li a {
	display: inline-block;
	padding: .50em 0;
	color: #64696D;
}

.footer-links li a:hover {
	color: #E0601F; /* $secondary */
	padding-left: .2em;
}

.footer-info {
	padding: 2em 2% 2.5em;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.footer-info .quick-links {
	width: 47%;
}

.footer-info .schema {
	width: 39%;
}

body.sub .footer-info {
	border-top: 5px solid #E8EAEB;
}

.footer-info a {
	color: #1C91D0; /* $tertiary */
	transition: 0.5s ease;
}

.footer-info a:hover {
	color: #3D4346; /* $dark */
}

.footer-info .third {
	padding: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.footer-info h4 {
	text-transform: uppercase;
	color: #64696D;
	font-size: 1.775em;
	font-weight: normal;
	border-bottom: 1px solid #E8EAEB;
	padding-bottom: 0.7em;
	margin-bottom: 1em;
}

.footer-info .social-list h4 {
	text-align: right;
}

.schema {
}

.schema-item {
	padding: 0;
	line-height: 2;
	color: #64696d;
}

.schema-item .label {
	float: left;
	margin: 0 0.375em 0.5em 0;
	font-weight: bold;
	color: #888D90; /* $primary */
}

.schema .phone-link {
	cursor: default;
	font-weight: 500;
	font-size: 1.250em;
}

.schema .phone-link:hover {
	color: #E0601F; /* $secondary */
}

.schema-item .label icon {
	font-size: 1.25em;
	margin-right: 0.5em;
}

.bottom-logo {
	margin-bottom: 0.5em;
	display: block;
}

.footer-info .social-list ul {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.footer-info .social-list ul li {
	margin-right: .3%;
	margin-bottom: 0.3%;
	margin-left: .5em;
}

.footer-info .social-list ul li a {
	display: block;
	text-align: center;
	font-size: 1.5em;
	padding: 0.45em 0.5em;
	border-radius: 5px;
	background-image: linear-gradient(to bottom,#1C91D0,#1C91D0);
}

.footer-info .social-list ul li:hover a {
	margin-top: -.2em;
}

.footer-info .social-list icon {
	color: #FFFFFF; /* $white */
	vertical-align: middle;
}

.footer-info .social-list a:hover icon {
}

.sd-footer {
	border-top: 1px solid #E8EAEB;
	padding: 2.5em 0;
	font-size: 1em;
	line-height: 1.75;
	color: #888D90; /* $primary */
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.sd-footer .sd-bottom-right {
	width: 75%;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	text-align: right;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	position: absolute;
	top: .5em;
	right: 0;
}

.sd-footer .sd-bottom-right nav {
	margin-bottom: .9em;
}

.sd-footer .sd-quick-links ul {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.sd-footer .sd-quick-links ul li {
	margin-right: 2.3em;
}

.sd-footer .sd-quick-links ul li a {
	color: #1C91D0; /* $tertiary */
	transition: .5s ease;
	font-weight: 600;
}

.sd-footer .sd-quick-links ul li a:hover {
	color: #E0601F; /* $secondary */
}

.sd-footer .right {
	color: #E0601F; /* $secondary */
}

.sd-footer a {
	color: #E0601F; /* $secondary */
}

.sd-footer a:hover {
	color: #3D4346; /* $dark */
}

.sd-footer img {
	float: right;
}

.sd-footer small {
	float: left;
}
/* End Footer Styles */

/* Case Eval Form */
.case-eval {
	padding: 0.938em;
	background-color: #E0601F; /* $secondary */
	border: solid 4px #888D90; /* $primary */
	display: block;
	box-shadow: inset 0 0 2px rgba(0,0,0,0.5), 0 0 1px rgba(255,255,255,0.5);
	width: 100%;
}

.case-eval input, .case-eval textarea {
	background-color: #B34D19; /* darken($secondary,20%) */
	border: none !important;
	display: block;
	margin: 0 .5% 0.625em;
	float: left;
	height: 33px;
	width: 49%;
	padding: 0.313em 0.625em;
	box-shadow: 1px 1px rgba(255,255,255,0.1), inset 1px 1px 1px rgba(0,0,0,0.1);
	color: #FFFFFF;
	font-size: 1em;
	outline: none;
	border-radius: 0;
}

.case-eval.sys-eval input {
	width: 32.33%;
}

.case-eval textarea {
	height: 60px;
	resize: none;
	width: 99%;
}

.case-eval a.btn {
	line-height: 2em;
	width: 99%;
	margin-left: .5%;
	padding: 0;
	background-color: #819EB0; /* adjust($primary,11%,20%,0%) */
	color: #FFFFFF;
	font-size: 1.125em;
	text-align: center;
	transition: .5s ease;
	text-transform: uppercase;
}

.case-eval a.btn:hover {
	background-color: #5A5A5A;
}
/* End Case Eval Form */

/* Mobile Menu */
html.boxsizing body {
	overflow-x: hidden;
}

div.imenupanel {
	position: absolute;
	left: 0px !important;
	width: 100%;
	text-align: left;
	top: 100%!important;
	z-index: 99;
	background-color: #3D4346; /* $dark */
}

#Masthead>div>div.imenupanel {
	position: fixed;
	z-index: 99;
}

div.imenupanel div.imenu {
	width: 100% !important;
	height: 100%;
}

div.imenuitem {
	color: #fff;
	font-size: 15px;
	border-bottom: solid 1px #5a5a5a;
	overflow: hidden;
}

div.imenuitem.iright:before {
	content: '\e0ea';
	font-family: 'icomoon-ult';
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	font-size: 1.250em;
	color: #fff;
	z-index: 10;
	float: right;
	padding-top: 2.222%;
	padding-right: 1%;
}

div.imenuitem a {
	color: #fff;
	display: block;
	padding: 12px 15px;
	text-align: left;
}

div.imenu {
	position: absolute;
	top: 0px !important;
	width: 100% !important;
}

.top-nav a.mob-call {
	display: none;
}
/* End Mobile Menu */

/* Custom List */
.content .custom-list-header {
	text-align: center;
}

.content ul.custom-list {
	list-style: none;
	padding: 0;
	margin: 1.25em auto;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 6px;
	-moz-column-gap: 6px;
	column-gap: 6px;
}

.content ul.custom-list li {
	margin-bottom: 6px;
	text-align: center;
	font-weight: bold;
	background-color: #E8EAEB; /* $accent */
	padding: 0.25em 2%;
}
/* End Custom List */

/* IE Specific Fallbacks */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.masthead .right-info {
		width: 70%;
		-webkit-flex: 0 1 70%;
		-ms-flex: 0 1 70%;
		flex: 0 1 70%;
	}

	.masthead .top-logo {
	}
}
/* End IE Specific Fallbacks */

/* Responsive */
img {
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
}

div[icobalt] {
	min-height: 0!important;
}

body.cms-admin.cms-layout div[icobalt] {
	min-height: 15px!important;
}
/* End Responsive */

/* 1530px Responsive */
@media screen and (max-width:1530px) {
	.footer-info .quick-links, .footer-info .schema {
		width: auto;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}

	.signup-form {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.signup-form .cell {
		width: 55%;
	}
}
/* End 1530px Responsive */

/* 1150px Responsive */
@media screen and (max-width:1150px) {
	.main.site-container {
		max-width: none;
		padding: 0 2%;
	}

	.home-vc .inner-wrap {
		padding: 2em;
	}

	.experts.phys-list .scroll-nav {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.experts.phys-list .scroll-nav span {
		position: relative;
	}

	.scroll-nav .left-icon {
		right: auto;
	}

	.scroll-nav .right-icon {
		left: auto;
	}
}
/* End 1150px Responsive */

/* RESPONSIVE 1100PX */
@media (max-width: 1100px) {
	.tbc {
		padding-right: 2%;
	}

	.combo-box {
		width: 400px!important;
		left: auto!important;
		margin-left: auto;
		right: 0;
	}

	.bcb {
		padding: 0.5em 2%;
	}

	.animation {
		height: 42vw;
	}

	.animation .slide .overlay {
		background-image: none;
		background-color: rgba(136,141,144,0.8); /* alpha($primary,80%) */
	}

	.animation .info {
		font-size: 1.4vw;
		padding: 5vw 0;
	}

	.animation .info p {
		padding: 0.9em 3% 1.3em;
	}

	.cta-wrap {
		top: 0;
		padding: 10px 0;
	}

	.cta-list {
		border-spacing: 10px 0;
	}

	body.sub.wide .cta-list {
		width: 100%;
		margin-left: auto;
	}

	.cta-list ul li a {
		font-size: 1.6vw;
	}

	.masthead, .sbc-text, .sd-footer, .signup-nl {
		padding-left: 2%;
		padding-right: 2%;
	}

	#MainArea {
		padding-left: 10px;
		padding-right: 10px;
	}

	.footer-info h4 {
		font-size: 1.5em;
	}

	.cta-wrap-sl .cta-list ul li h2 {
		font-size: 1.5em;
	}

	.cta-wrap-sl {
		padding-top: 1em;
	}

	.sl-testimonial-wrapper .testimonial-block h4 {
		font-size: 2.15em;
	}

	.sl-testimonial-wrapper .testimonial-block {
		padding: 0 2em;
	}

	.top-search {
		width: 37%;
	}

	.masthead .right-info {
		width: 80%;
	}

	.signup-form header.cell {
		width: 40%;
	}

	nav.top-nav .iflylist div.ifly {
		width: initial;
	}

	.phy-catlist .phy-item .physician {
		height: 35em;
	}

	.phy-catlist .phy-item {
		width: 30%;
	}
}
/* End RESPONSIVE 1100PX */

/* Responsive 1000px */
@media screen and (max-width:1000px) {
	.masthead .right-info {
		width: 70%;
	}

	.sl-testimonial-wrapper .testimonial-block h4 {
		font-size: 1.85em;
	}

	.top-search {
		width: 48%;
	}
}
/* End Responsive 1000px */

/* RESPONSIVE 850PX */
@media (max-width: 850px) {
	.tbc {
		padding-right: 0;
	}

	.top-search {
		padding-left: 2%;
		padding-right: 2%;
	}

	.masthead .top-logo.mobile-only {
		display: block;
		margin-left: 2%;
	}

	.top-nav ul.mobile-nav {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.top-nav ul.mobile-nav li {
		display: inline-block;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		padding: .5em 0;
	}

	.sub-top-nav, .top-search {
		float: none;
		width: 100%;
	}

	.top-search .toggle-btn {
		display: block;
	}

	.sbc {
		height: auto;
	}

	.sbc-text {
		position: relative;
		font-size: 1.8vw;
	}

	.search-bar {
		display: none;
	}

	.top-search {
		padding-top: 0;
		padding-bottom: 0;
		display: none;
	}

	.masthead .right-info {
		width: 100%;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
	}

	.top-nav ul.mobile-nav a.desktop-call {
		display: none;
	}

	.top-search.active {
		padding-top: 0.375em;
		padding-bottom: 0.375em;
	}

	.combo-box {
		width: 96%!important;
		left: 2%!important;
		right: auto;
	}

	.masthead {
		padding-left: 0;
		padding-right: 0;
	}

	.animation .info {
		font-size: 1.3vw;
	}

	.animation .info .btn.v1 {
		font-size: 1.3em;
		top: -13px;
	}

	.bc-buttons {
		display: none;
	}

	body.main-sub .cta-list {
		display: table;
		border-spacing: 10px 0;
	}

	body.main-sub .cta-list ul {
		display: table-row;
	}

	body.main-sub .cta-list ul li {
		display: table-cell;
		width: 33.3%;
	}

	.side,  .content {
		float: none;
		width: 100%;
	}

	.footer-info .third {
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 1em;
	}

	.schema-item {
		text-align: left;
		max-width: 300px;
		margin: 0 auto;
	}

	.schema-item .label {
		width: 50px;
	}

	.masthead .top-logo, .top-nav ul.desktop-nav, .top-search .search-bar {
		display: none;
	}

	.cta-wrap-sl {
		margin-bottom: 0;
		width: 82%;
		margin: 0 auto;
	}

	.cta-wrap-sl .cta-list ul li h2 {
		font-size: 2.5em;
		top: 4em;
	}

	.sl-testimonial-wrapper {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.sl-testimonial-wrapper .testimonial-block {
		width: 100%;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 2em;
	}

	.sl-testimonial-wrapper .testimonial-block p {
		text-align: center;
	}

	.sl-testimonial-wrapper .testimonial-img img {
		display: none;
	}

	div.imenuitem a[href*='landing-pages'] {
		display: none;
	}

	div.imenuitem a[href*='doctor-in-the-dugout'] {
		display: none;
	}

	.footer-links ul {
		max-width: 92%;
	}

	.signup-form header.cell {
		width: 100%;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 1.1em;
	}

	.signup-form {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.signup-form .cell {
		width: 85%;
	}

	.signup-form header.cell h2 {
		text-align: center;
	}

	.signup-nl {
		padding: 1.85em 2em;
		margin-bottom: .9em;
	}

	.top-nav a {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.top-nav ul.mobile-nav div.imenuitem  a {
		display: block;
		padding: 1em;
	}

	ul.fellows li {
		width: 50%;
	}

	.phy-catlist .phy-item {
		width: 50%;
	}
}
/* End RESPONSIVE 850PX */

/* RESPONSIVE 760PX */
@media (max-width: 760px) {
	.blog-feed, .home-vc {
		display: block;
		width: 100%;
	}

	.blog-feed .inner-wrap, .home-vc .inner-wrap {
		float: none;
		max-width: none;
	}

	.inner-wrap h2 {
		text-align: center;
	}

	.blog-feed ul li a .date {
		width: 75px;
		padding-left: 1.8%;
	}

	.patient-outcome-graph .patient-outcome-wrapper .patient-wrapper-list {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.masthead .right-info .Number .quicklinks {
		display: none;
	}

	.masthead .top-logo.mobile-only {
		-webkit-flex: 0 1 40%;
		-ms-flex: 0 1 40%;
		flex: 0 1 40%;
	}

	.footer-info {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.footer-info .quick-links {
		width: 100%;
		margin-bottom: 2.6em;
	}

	.schema-item {
		margin: 0;
	}

	.footer-links ul {
		max-width: none;
		width: 100%;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.footer-links ul li {
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		width: 33.333%;
	}
}
/* End RESPONSIVE 760PX */

/* RESPONSIVE 660PX */
@media (max-width: 660px) {
	.top-nav ul.mobile-nav a {
		padding: 0.5em 0.938em;
		line-height: 1;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		font-size: .95em;
	}

	.top-search .toggle-btn {
	}

	.top-search .toggle-btn icon {
		font-size: 1.125em;
		margin: 0;
	}

	.tbc, .top-nav ul.mobile-nav a.tab-call {
		display: none;
	}

	.top-nav ul.mobile-nav a icon {
		font-size: 1.5em;
		padding-right: .3em;
		margin-right: 0;
	}

	.masthead .top-logo {
		width: 90px;
	}

	.masthead .right-info .Number {
		top: 1em;
	}

	.masthead .right-info .Number .top-address {
		display: none;
	}

	.animation {
		height: 51vw;
	}

	.animation .info {
		font-size: 1.3vw;
	}

	.animation .info p {
		font-size: 2em;
	}

	.animation .info .btn.v1 {
		font-size: 2em;
	}

	.content h1 {
		font-size: 1.875em;
		line-height: 1;
	}

	.footer-links {
		margin-bottom: 0.75em;
	}

	.nav-container {
		height: auto!important;
	}

	.nav-container .fixed {
		position: relative;
	}

	.sd-footer .left, .sd-footer .right {
		float: none;
		text-align: center;
	}

	.bread a, .bread span {
		display: block;
		float: left;
	}

	.main-landing-content ul li {
		width: 100%;
	}

	.cta-wrap-sl .cta-list ul li h2 {
		font-size: 2em;
		top: 2em;
	}

	.sl-testimonial-wrapper {
		display: none;
	}

	.patient-outcome-graph {
		display: none;
	}

	.scroll-nav-doctor .left-icon {
		right: 85%;
	}

	.scroll-nav-doctor .right-icon {
		left: 85%;
	}

	.footer-links ul li {
		width: 50%;
	}

	.sd-footer .sd-quick-links ul {
		display: none;
	}

	.top-nav ul.mobile-nav div.imenuitem  a {
		padding: 1.3em;
	}

	ul.fellows li {
		width: 100%;
	}
}
/* End RESPONSIVE 660PX */

/* RESPONSIVE 570PX */
@media (max-width: 570px) {
	.cta-list ul li {
		display: block!important;
		width: 100%!important;
		margin-bottom: 10px!important;
	}

	.cta-wrap-sl .cta-list ul li a {
		height: auto !important;
	}

	.cta-list ul li a {
		font-size: 1em!important;
		overflow: hidden!important;
	}

	.cta-list ul li .cta-content {
		padding: 0!important;
	}

	.cta-list ul li .break-bar {
		display: none!important;
	}

	.cta-list ul li h2, .cta-list ul li a:hover h2 {
		padding-top: 0.55em;
		padding-bottom: 0.575em;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.animation .slide-nav a {
		font-size: 1.125em;
		width: 30px;
		height: 30px;
		padding-top: 6px;
	}

	.animation .slide-nav a.prev {
		left: 0;
	}

	.animation .slide-nav a.next {
		right: 0;
	}

	.bcb {
		display: none;
	}

	.sub-banner-panel.hc1 {
		margin-bottom: 2em !important;
	}

	.content ul.custom-list {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.cta-wrap-sl {
		padding-top: 0 !important;
		width: 100%;
	}

	.cta-wrap-sl .cta-list ul li h2 {
		top: 1em;
		font-size: 1.6em;
	}

	.sl-testimonial-wrapper .testimonial-block {
		padding: 2em 2%;
	}

	article.content {
		padding-bottom: 0.3em;
	}

	div.cta-wrap {
	}

	.cta-list.side-home {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.cta-list.side-home ul.items1 {
		-webkit-flex: 1 auto;
		-ms-flex: 1 auto;
		flex: 1 auto;
	}

	.cta-list ul li a img {
	}

	.cta-list ul li a:hover img {
		-webkit-transform: scale(1.6,1.6) translateY(-40%);
		-ms-transform: scale(1.6,1.6) translateY(-40%);
		transform: scale(1.6,1.6) translateY(-40%);
	}

	.article .press-content img {
		width: 100%;
	}

	.top-nav ul.mobile-nav a span {
		display: none;
	}

	div.imenuitem.ileft a span {
		display: block;
	}

	.signup-form .inp-boxes.cell .btn {
		float: none;
		display: block;
		margin: 0 auto;
		margin-top: 1em;
	}

	.signup-form .cell {
		width: 100%;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.signup-form .inp-boxes.cell input {
		width: 90%;
		margin: 0 auto;
		display: block;
	}

	.fellows.two {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.fellows.two > * {
		width: 100%;
	}
}
/* End RESPONSIVE 570PX */

/* RESPONSIVE 480PX */
@media (max-width: 480px) {
	.animation {
		height: 71vw;
	}

	.animation .info {
		font-size: 1.7vw;
	}

	.signup-form .inp-boxes.cell input {
		width: 90%;
		left: 0;
	}

	.signup-form .inp-boxes.cell .btn {
		float: none;
		display: block;
	}

	.ceo-pic {
		float: none;
		text-align: center;
		padding-left: 0;
	}

	.chooselist span {
		font-size: 1.25em;
	}

	.chooselist ul li:before {
		top: -.09em !important;
	}

	.hide-on-mobile {
		display: none;
	}

	.show-on-mobile {
		display: block;
	}

	.landing-services .service-item.active .service-blurb-wrap p.hide-on-mobile {
		display: none;
	}

	.blog-feed ul li a {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.blog-feed ul li a .date {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		padding: 1.8%;
	}

	.blog-feed ul li a .month {
		border-bottom: none;
		padding: 0;
		margin: 0;
		margin-right: .5em;
	}

	.blog-feed ul li a h3 {
		text-align: center;
	}

	.inner-wrap h2 {
		font-size: 2em;
	}

	.sd-footer {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.sd-footer .sd-bottom-right {
		width: 100%;
	}

	.sd-footer a {
		margin: 0 auto;
	}

	.signup-nl {
		padding: 2em 0;
	}

	.masthead .right-info {
	}

	.masthead .right-info .Number {
		font-size: 0.6em;
	}

	.masthead .top-logo.mobile-only {
		-webkit-flex: 0 1 50%;
		-ms-flex: 0 1 50%;
		flex: 0 1 50%;
		width: 50%;
	}

	.right-info a.phone-link {
		font-size: 1.988em;
	}

	.phy-catlist .phy-item {
		width: 100%;
		margin-right: 0;
	}

	.phy-catlist>ul {
		padding: 0;
	}

	.phy-catlist .phy-item a .img {
		background-position: 50% 15%;
	}
}
/* End RESPONSIVE 480PX */

/* Resposnive 400px */
@media screen and (max-width:400px) {
	.footer-info .schema {
		width: 100%;
		margin-bottom: 1.6em;
	}

	.footer-info .quick-links {
		margin-bottom: 1.4em;
	}

	.footer-info .social-list {
		width: 100%;
	}

	.footer-info .social-list h4 {
		display: none;
	}

	.footer-info .social-list ul {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.footer-info .social-list ul li {
		margin-right: .7em;
		margin-left: 0;
	}

	.footer-info {
		text-align: center;
	}

	.footer-info .schema-item {
		text-align: center;
		max-width: none;
	}

	.footer-links ul li {
		width: 100%;
	}
}
/* End Resposnive 400px */

/* RESPONSIVE 360PX */
@media (max-width: 360px) {
	.chooselist span {
		font-size: 1.8em;
	}

	.chooselist ul li:before {
		top: 0 !important;
	}
}
/* End RESPONSIVE 360PX */

.side-nav ul li>span:before {
	height: 1em;
	width: 2px;
	margin-top: -.5em;
	margin-left: -1px;
}

.side-nav ul li>span:after {
	width: 1em;
	height: 2px;
	margin-left: -.5em;
	margin-top: -1px;
}

.side-nav ul li>span:before, .side-nav ul li>span:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #3D4346; /* $dark */
	cursor: pointer;
	transition: transform .4s ease, background-color .4s ease;
}

.article .press-content img.mocsurgery {
	text-align: center;
	width: 50%;
	max-width: 20.750em;
	float: none;
}

.article .press-content p.mocsurgery {
	margin-top: 3em;
}

main .iarea .footer-image {
	width: auto !important;
	height: auto !important;
}

ul.itree.editable li {
	display: block;
}

.content sup {
	text-transform: none;
}

.research-day-vid {
	margin: 0 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.ResearchDayPhotos {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	flex-flow: row wrap;
}

.ResearchDayPhotos li {
	-webkit-flex: 1 30%;
	-ms-flex: 1 30%;
	flex: 1 30%;
	margin: .5em;
}

.side-feed.research-day a > div {
	width: 27%;
}

/* Video Player Scroller *//* End Video Player Scroller */

.side-feed.research-day a > span {
	float: left;
	margin-left: 1em;
}

.side-feed.research-day a > ul {
	list-style: none;
}

.side-feed.research-day ul {
	list-style: none;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.side-feed.research-day li {
	margin-bottom: 1.5em;
	max-width: 42%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.side-feed.research-day img {
	background-size: contain;
}

.careers-highlight {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.careers-highlight ul {
	padding: 1em;
	margin: 1em;
}

.inst-phy {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 2em;
}

.wide .phy-sys {
	padding-top: 2em;
}

.inst-phy .phy-sys {
	-webkit-flex: 0 1 70%;
	-ms-flex: 0 1 70%;
	flex: 0 1 70%;
	margin-right: 1em;
}

.sys-entry {
	color: #575a5c;
}

.inst-phy .phy-sys.sys-entry header {
	margin-top: 0;
}

.phy-sys.sys-entry header {
	padding: 0;
}

.sys-entry header.thumb {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.sys-entry header {
	background-color: #f2f2f2;
}

.sys-entry header.thumb .img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.inst-phy .sys-entry header .info {
	width: 100%;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.sys-entry header .info {
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding: 1em 1em 1em 2em;
}

.inst-phy .phy-sys h1 {
	border-bottom: 1px solid #cccccc;
	padding-bottom: .3em;
	width: 100%;
	font-weight: 400;
}

.sys header h1 {
	font-size: 2.222em;
	color: #1d3d65;
}

.inst-phy .sys-entry header .info h3 {
	font-size: 1.45em;
	margin: 0 0 .5em;
}

.sys-entry header h3 {
	color: #575a5c;
	font-weight: 500;
}

.phy-sys.sys-entry header.thumb .img {
	width: 14.063em;
	-webkit-flex: 0 0 14.063rem;
	-ms-flex: 0 0 14.063rem;
	flex: 0 0 14.063rem;
	min-height: 20em;
}

.inst-phy .sys-entry header .info .titles {
	width: 69%;
	display: inline-block;
	vertical-align: top;
}

.inst-phy .sys-entry header .info .phones {
	width: 30%;
	display: inline-block;
	vertical-align: top;
}

/*
     FILE ARCHIVED ON 08:18:28 Mar 11, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:05:20 Oct 29, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.334
  load_resource: 126.372
  PetaboxLoader3.resolve: 43.946
  PetaboxLoader3.datanode: 81.88
*/