a
{
	color:#000;
	transition-duration:0.4s;
    -webkit-transition-duration:0.4s;
	text-decoration:none;
}

a:hover, a:focus, a:active
{
	color:#000;
	text-decoration:none;
	outline:none;
}

body
{
	font-family:"Roboto", sans-serif;
	margin:0px;
	padding:0px;
	line-height:24px;
	font-size:14px;
	color:#929292;
}

h1
{
	color:#000;
	font-weight:normal;
	font-size:36px;
	line-height:36px;
	text-transform:uppercase;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}

h1 span.blue
{
	display:block;
	color:#3c84fd;
	font-weight:bolder;
}

h1.h1
{
	font-size:48px;
	font-weight:500;
	color:#000;
	text-transform:none;
}

h1.h1 span
{
	font-size:36px;
	display:block;
}

h1.h1.white
{
	color:#fff;
	font-weight:normal;
}

h1.large
{
	font-size:36px;
	font-weight:bold;
	color:#3c84fd;
}

h2
{
	color:#fff;
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:0px;
	margin-bottom:40px;
	text-align:center;
}

h3
{
	color:#fff;
	font-weight:500;
	margin-bottom:10px;
	font-size:24px;
	line-height:30px;
	padding:0px;
	margin-top:0px;
	text-transform:uppercase;
	letter-spacing:0px;
	padding-top:6px;
}

h3.h3
{
	text-transform:none;
	letter-spacing:0px;
	font-weight:normal;
}

h3.black
{
	color:#000;
}

h4
{
	color:#495678;
	font-weight:500;
	margin-bottom:10px;
	font-size:18px;
	text-transform:uppercase;
	padding:0px;
	margin-top:20px;
}

h5
{
	color:#000;
	font-size:18px;
	line-height:26px;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-bottom:20px;
	margin-top:20px;
}

h5 span
{
	font-size:12px;
	letter-spacing:1px;
	color:#495678;
	line-height:18px;
	display:block;
}

h6
{
	color:#fff;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:normal;
	font-size:18px;
	line-height:30px;
	text-transform:none;
}

h6.icon
{
	padding-top:100px;
}

h6.icon.total-knee-replacement
{
	background:url(../images/total-knee-replacement-icon.png) 0px 0px no-repeat;
}

h6.icon.computer-assisted-tkr
{
	background:url(../images/computer-assisted-tkr-icon.png) 0px 0px no-repeat;
}

h6.icon.revision-knee-replacement
{
	background:url(../images/revision-knee-replacement-icon.png) 0px 0px no-repeat;
}

h6.icon.partial-knee-replacement
{
	background:url(../images/partial-knee-replacement-icon.png) 0px 0px no-repeat;
}

h6.icon.high-tibial-osteotomy
{
	background:url(../images/high-tibial-osteotomy-icon.png) 0px 0px no-repeat;
}

h6.h6
{
	font-size:14px;
	text-transform:uppercase;
	color:#000;
	font-weight:500;
}

hr
{
	border-top:1px solid #d5d5d5;
	margin-top:1.5rem;
    margin-bottom:1.5rem;
}

.img-fluid
{
	width:100%;
	height:auto;
}

.btn-link
{
	color:#3c84fd;
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
	line-height:30px;
	display:block;
	margin:15px 20px 15px 0px;
	letter-spacing:1px;
	text-decoration:none;
}

.btn-link:hover, .btn-link:focus
{
	text-decoration:none;
	color:#fff;
}

.btn-link.black
{
	color:#000;
}

.btn-link.black:hover, .btn-link.black:focus
{
	color:#3c84fd;
}

.btn-link.white
{
	color:#fff;
}

.btn-link.white:hover, .btn-link.white:focus
{
	text-decoration:underline;
	color:#000;
}

.position-relative .btn-link.black
{
	position:absolute;
	bottom:0px;
	left:13px;
}

.btn-default
{
	display:inline-block;
	border:none;
	background-color:#000000;
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:9px 30px;
	margin:30px auto 0px auto;
	color:#fff;
	text-decoration:none;
	border-radius:0px;
}

.btn-default:hover, .btn-default:focus
{
	border:none;
	color:#fff;
	background-color:#3c84fd;
	text-decoration:none;
}

.blue-bg .btn-default:hover, .blue-bg .btn-default:focus, .media-links .info .btn-default:hover, .media-links .info .btn-default:focus
{
	color:#000;
	background-color:#fff;
}

.btn-block
{
	display:inline-block;
	width:auto;
	font-size:12px;
	background-color:#601236;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:9px 50px;
	color:#fff;
	border:none;
	border-radius:20px;
	margin-top:30px;
}

.btn-block:hover, .btn-block:focus
{
	background-color:#000;
	border:none;
	color:#fff;
	text-decoration:none;
}

.btn-primary
{
	display:inline-block;
	width:auto;
	font-size:14px;
	background-color:#3c84fd;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:12px 30px;
	margin-top:25px;
	margin-bottom:0px;
	color:#fff;
	border:none;
	border-radius:10px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.active
{
	background-color:#000;
	text-decoration:none;
	color:#fff;
}

.header
{
	position:absolute;
	width:100%;
	left:0px;
	right:0px;
	z-index:1000;
}

.header-links
{
	padding:10px;
}

.header-links a
{
	color:#fff;
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
	margin:0px 20px;
}

.header-links a:hover, .header-links a:focus, .header-links a.active
{
	color:#3c84fd;
}

.home
{
	width:22px;
	height:22px;
	display:block;
	background:url(../images/home-icon.png) 0px 0px no-repeat;
	margin:10px;
}

.home:hover, .home.active
{
	background:url(../images/blue-home-icon.png) 0px 0px no-repeat;
}

.header .border-top
{
	border-top:1px solid rgba(241, 241, 241, 0.3) !important;
}

.header .border-bottom
{
	border-bottom:1px solid rgba(241, 241, 241, 0.3) !important;
}

.navbar-brand
{
	display:block;
	padding:30px;
	float:left;
}

nav
{
	background-color:transparent;
	margin:30px;
	padding:0px;
}

.navbar
{
	padding:0px 0px 0px 0px;
}

.navbar-nav
{
	margin-top:0px;
}

.navbar-nav .nav-item
{
	margin-left:20px;
	margin-right:20px;
}

.navbar-nav .nav-item:first-child
{
	margin-left:0px;
}

.navbar-nav .nav-item:last-child
{
	margin-right:0px;
}

.navbar-nav .nav-link
{
	font-size:16px;
	line-height:18px;
	text-transform:uppercase;
	color:#ffffff;
	font-weight:500;
	padding:0px;
	border-radius:0px;
	opacity:1;
}

.navbar-nav .nav-link.arrow
{
	padding-right:25px;
	background:url(../images/blue-down-arrow.png) right top 3px no-repeat;
}

.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active
{
    color:#3c84fd;
	text-decoration:none;
	background-color:transparent;
}

.navbar-nav .nav-link.arrow:hover, .navbar-nav .nav-link.arrow.active
{
	background:url(../images/white-down-arrow.png) right top 3px no-repeat;
}

.navbar-nav .dropdown-menu
{
	border-radius:0px;
}

.navbar-nav .dropdown-menu a
{
	color:#000;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:1px;
}

.navbar-toggler
{
	color:#5a2a6c;
	border:none;
	border-radius:0px;
	float:none;
	box-shadow:none;
	display:block;
	padding:0px;
}

.navbar-toggler:hover, .navbar-toggler:focus
{
	outline:none;
}

.navbar-toggler-icon
{
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	padding:0px 15px;
	margin:0px;
	height:40px;
	width:56px;
	background:#3c84fd url(../images/menu-icon.png) center center no-repeat;
}

.navbar-toggler-icon:hover, .navbar-toggler-icon:focus
{
	background:#fff url(../images/menu-icon-hover.png) center center no-repeat;
}

.phone
{
	color:#fff;
	display:inline-block;
	padding:30px 30px 30px 60px;
	font-size:18px;
	font-weight:500;
	background:#3c84fd url(../images/phone-icon-small.png) 30px 34px no-repeat;
}

.phone:hover, .phone:focus
{
	color:#3c84fd;
	background:#ffffff url(../images/blue-phone-icon-small.png) 30px 34px no-repeat;
}

.carousel
{
	height:685px;
	z-index:0;
	padding:0px;
	background-color:#000;
	margin-top:0px;
	text-align:center;
}

.carousel .carousel-caption
{
	text-align:center;
	margin-bottom:0px;
}

.carousel.inner
{
	height:400px;
}

.carousel.inner .carousel-inner .carousel-item
{
	height:400px;
	text-align:center;
}

.carousel-indicators li
{
	width:10px;
	height:10px;
	display:block;
	border-radius:50%;
	opacity:1;
	margin:0px 5px;
}

.carousel-indicators .active
{
	background-color:#f5c660;
	opacity:1;
}

.carousel-control-next, .carousel-control-prev 
{
    top:auto;
	left:auto;
    bottom:35px;
	right:50px;
    width:40px;
	height:40px;
    opacity:.7;
    transition:opacity .15sease;
}

.carousel-control-prev
{
	right:100px;
}

.carousel-control-prev-icon
{
	width:35px;
	height:35px;
	background:url(../images/left-arrow.png) 0px 0px no-repeat;
}

.carousel-control-next-icon
{
	width:35px;
	height:35px;
	background:url(../images/right-arrow.png) 0px 0px no-repeat;
}

.block
{
	padding:75px 0px;
}

.absolute-block
{
	position:absolute;
	top:-170px;
	left:0px;
	right:0px;
}

.get-direction-btn
{
	background:#3c84fd url(../images/direction-icon.png) 20px 17px no-repeat;
	color:#fff;
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:2px;
	border-radius:12px;
	padding:15px 25px 15px 55px;
	margin-top:129px;
	margin-bottom:20px;
	display:inline-block;
}

.get-direction-btn:hover, .get-direction-btn.active
{
	background:#fff url(../images/blue-direction-icon.png) 20px 17px no-repeat;
	color:#3c84fd;
}

.media-links
{
	position:relative;
	overflow:hidden;
	height:491px;
}

.media-links h2
{
	position:absolute;
	bottom:50px;
	left:0px;
	right:0px;
	text-align:center;
}

.media-links.photo-gallery
{
	background:url(../images/photo-gallery-img.jpg) 0px 0px no-repeat;
	width:100%;
	border-radius:20px;
}

.media-links.video-gallery
{
	background:url(../images/video-gallery-img.jpg) 0px 0px no-repeat;
	width:100%;
	border-radius:20px;
}

.media-links.faq
{
	background:url(../images/faq-img.jpg) 0px 0px no-repeat;
	width:100%;
	border-radius:20px;
}

.media-links .arrow
{
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-35px;
	width:71px;
	height:43px;
	display:block;
	background:url(../images/scroll-up-arrow.png) 0px 0px no-repeat;
}

.media-links .info
{
	background-color:#3c84fd;
	color:#fff;
	padding:30px;
	top:100%;
	position:relative;
	transition:all .3s ease-out;
	height:100%;
	z-index:10000;
}

.media-links .info h2
{
	position:static;
	margin-bottom:20px;
	margin-top:20px;
}

.media-links:hover > .info
{
	top:0;
}

.media-links .info .btn-link
{
	color:#fff;
}

.icon-bar
{
	border-top:1px solid #cacaca;
}

.icon-bar .icon
{
	width:75px;
	height:75px;
	display:block;
	background-color:#fff;
	position:absolute;
	padding:10px;
	text-align:center;
	left:0px;
	top:-40px;
}

blockquote
{
	font-family:"PT Serif", serif;
	font-weight:400;
	font-style:normal;
	font-size:18px;
	line-height:30px;
	color:#fff;
	background:url(../images/quote-icon.png) 0px 0px no-repeat;
	padding-top:100px;
	padding-left:20px;
	padding-right:20px;
}

blockquote cite
{
	font-family:"Roboto", sans-serif;
	font-size:18px;
	font-weight:500;
	letter-spacing:1px;
	text-transform:uppercase;
	font-style:normal;
	display:block;
	margin-top:25px;
}

.form-group
{
	display:block;
	margin-bottom:10px;
}

.form-control
{
	display:block;
	border-radius:0px;
	height:auto;
	padding:10px;
	margin-bottom:5px;
}

.bg-white.rounded-4
{
	position:absolute;
	left:0px;
}

.img-label
{
	color:#fff;
	background-color:#3c84fd;
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	display:block;
	padding-left:10px;
	padding-right:10px;
}

ul.list-unstyled li
{
	display:block;
	padding-bottom:10px;
	padding-left:25px;
	background:url(../images/bullet.png) 0px 7px no-repeat;
}

.dark-gray-bg ul.list-unstyled li, .blue-bg ul.list-unstyled li
{
	background:url(../images/bullet-white.png) 0px 7px no-repeat;
}

ul.list-unstyled.bordered li
{
	border:1px solid #fff;
	padding:10px 10px 10px 35px;
	background:url(../images/bullet-white.png) 10px 15px no-repeat;
	margin-bottom:-1px;
}

ul.list-unstyled.bordered li ul li
{
	border:none;
}

.big
{
	font-size:18px;
	line-height:30px;
	font-weight:500;
}

.large
{
	font-size:24px;
	line-height:36px;
}

.white, a.white
{
	color:#fff;
}

.black
{
	color:#000;
}

.blue
{
	color:#3c84fd;
}

.gray
{
	color:#8d8d8d;
}

.blue-bg
{
	background-color:#3c84fd;
	color:#fff;
}

.img-bg
{
	background:#fff url(../images/college-bg.jpg) bottom left repeat-x;
	background-size:auto;
	min-height:358px;
}

.img-bg1
{
	background:#f4f4f4 url(../images/partial-knee.jpg) left top no-repeat;
	background-size:cover;
	min-height:550px;
}

.map-bg
{
	background:url(../images/google-map-bg.jpg) center center no-repeat;
}

.gray-bg
{
	background-color:#f4f4f4;
}

.knee-bg
{
	background:#f4f4f4 url(../images/knee-bg.png) right top no-repeat;
}

.hip-bg
{
	background:#f4f4f4 url(../images/hip-bg.png) right top no-repeat;
}

.dark-gray-bg
{
	background-color:#535353;
}

.light-blue-bg
{
	background-color:#e0e7f3;
}

label.error
{
	clear:both;
	width:auto;
	height:auto;
	float:none;
	border:none;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#ff0000;
	text-transform:none;
	padding:0px;
	margin:0px;
	display:block;
}

iframe
{
	float:left;
}

footer
{
	font-size:12px;
	line-height:24px;
	font-weight:500;
	color:#949494;
	margin:0px;
	background-color:#f7f7f7;
}

footer a
{
	color:#5f5f5f;
}

footer a:hover, footer a:focus
{
	color:#000;
	text-decoration:underline;
}

footer .copyright, footer .copyright a, footer address
{
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	color:#898989;
}

footer .copyright a:hover, footer .copyright a:focus
{
	color:#000;
}

footer .navbar-nav
{
	display:inline-block;
	margin:0px auto 0px auto;
	float:none;
}

footer .nav-item
{
	margin:0px 20px;
	padding:0px;
	float:left;
}

footer .nav-item:first-child
{
	margin-left:0px;
}

footer .navbar-nav .nav-link
{
	color:#898989;
	padding:0px;
	font-weight:500;
	font-size:14px;
	line-height:24px;
	text-transform:uppercase;
	text-align:center;
}

footer .navbar-nav .nav-link:hover, footer .navbar-nav .nav-link.active, footer .navbar-nav .nav-link:focus
{
    color:#000;
	background-color:transparent;
	text-decoration:none;
}

footer address
{
	padding-top:55px;
	background:url(../images/location-icon.png) 0px 0px no-repeat;
}

footer .social-media
{
	display:block;
	float:right;
}

footer .social-media a
{
	width:35px;
	height:35px;
	float:left;
	margin:10px;
}

footer .social-media a.facebook
{
	background:url(../images/facebook-icon.png) 0px 0px no-repeat;
}

footer .social-media a.facebook:hover, footer .social-media a.facebook:focus
{
	background:url(../images/facebook-icon.png) -35px 0px no-repeat;
}

footer .social-media a.insta
{
	background:url(../images/instagram-icon.png) 0px 0px no-repeat;
}

footer .social-media a.insta:hover, footer .social-media a.insta:focus
{
	background:url(../images/instagram-icon.png) -35px 0px no-repeat;
}

footer .social-media a.youtube
{
	background:url(../images/youtube-icon.png) 0px 0px no-repeat;
}

footer .social-media a.youtube:hover, footer .social-media a.youtube:focus
{
	background:url(../images/youtube-icon.png) -35px 0px no-repeat;
}

@media all and (min-width:1024px) and (max-width:1200px)
{
	.navbar-light .navbar-nav .nav-item
	{
		margin-left:3px;
		margin-right:3px;
	}
	
	.navbar-light .navbar-nav .nav-link
	{
		padding:0px 7px;
		border-radius:8px;
	}
	
	.carousel
	{
		height:auto;
	}
	
	.carousel img
	{
		width:auto;
		height:auto;
	}
}

/* #Tablet (Portrait)
================================================== */
@media only screen and (max-width:992px)
{
	h1
	{
		font-size:24px;
		line-height:36px;
		margin:0px 0px 30px 0px;
		padding:0px 0px 0px 0px;
	}
	
	h2
	{
		margin-top:15px;
		margin-bottom:15px;
	}
	
	nav
	{
		margin:0px;
		border-top:1px solid rgba(241, 241, 241, 0.3) !important;
	}
	
	.navbar-nav .nav-link
	{
		display:block;
		padding:10px 10px;
		text-align:left;
	}
	
	.navbar-nav .nav-item
	{
		margin-left:0px;
		margin-right:0px;
	}
	
	.navbar-nav .nav-link.arrow
	{
		padding-right:25px;
		background:url(../images/blue-down-arrow.png) right 15px top 10px no-repeat;
	}
	
	.navbar-nav .nav-link.arrow:hover, .navbar-nav .nav-link.arrow.active
	{
		background:url(../images/white-down-arrow.png) right 15px top 10px no-repeat;
	}
	
	.carousel
	{
		height:auto;
	}
	
	.carousel-caption
	{
		display:none;
	}
	
	.carousel.inner, .carousel.inner .carousel-inner .carousel-item
	{
		height:250px;
	}
	
	.btn-default
	{
		margin:0px;
	}
	
	.block
	{
		padding:50px 0px;
	}
}

@media (max-width:768px)
{
	.carousel-control-next, .carousel-control-prev 
	{
		bottom:15px;
		right:15px;
	}
	
	.carousel-control-prev
	{
		right:60px;
	}
	
	.border-end
	{
		border-right:none !important;
		border-bottom:1px solid #fff !important;
	}
	
	footer .navbar-nav
	{
		padding-top:15px;
		padding-bottom:15px;
		margin:0px auto;
	}
}

/*  #Mobile (Portrait)
================================================== */
@media only screen and (max-width:480px)
{
	h1
	{
		font-size:30px;
		line-height:36px;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
	}
	
	h2
	{
		margin-top:15px;
		margin-bottom:15px;
	}
	
	.navbar-brand
	{
		padding:10px;
	}
	
	.header-links a
	{
		margin:0px 10px;
	}
	
	.phone
	{
		font-size:14px;
		padding:10px 10px 10px 40px;
		background:#3c84fd url(../images/phone-icon-small.png) 15px 14px no-repeat;
	}
	
	.absolute-block
	{
		position:static;
		top:0px;
	}
	
	.bg-white.rounded-4
	{
		position:static;
	}
	
	.icon-bar
	{
		border-top:none;
	}
	
	.icon-bar .position-relative
	{
		border-top:1px solid #cacaca;
	}
	
	.media-links
	{
		height:391px;
	}
	
	.m-image
	{
		width:100%;
		height:auto;
	}
	
	.img-bg
	{
		background:#fff url(../images/college-bg.jpg) top 150px left 0px repeat-x;
	}
	
	.img-bg.inner
	{
		background:#fff url(../images/college-bg.jpg) top 600px left 0px repeat-x;
	}
	
	footer
	{
		text-align:center;
	}
	
	footer .copyright
	{
		text-align:center;
	}
	
	footer .navbar-nav
	{
		float:none;
		display:block;
	}
	
	footer .nav-item, .navbar-nav .nav-item:first-child, .navbar-nav .nav-item:last-child
	{
		float:none;
		margin:0px 0px;
		text-align:center;
	}
	
	footer address
	{
		padding-top:55px;
		background:url(../images/location-icon.png) center top no-repeat;
	}
	
	footer .social-media
	{
		float:none;
		margin:0px auto 0px auto;
		display:inline-block;
	}
	
	footer .text-end
	{
		text-align:center !important;
	}
}