/* set a max-width for horizontal fluid layout and make it centered */

@font-face {
	font-family: 'Frutiger-Light';
	src: url('assets/fonts/FrutigerNext-Lt.woff2') format('woff2'),
	url('assets/fonts/FrutigerNext-Lt.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Frutiger';
	src: url('assets/fonts/FrutigerNext.woff2') format('woff2'),
	url('assets/fonts/FrutigerNext.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Frutiger-Medium';
	src: url('assets/fonts/FrutigerNext-Md.woff2') format('woff2'),
	url('assets/fonts/FrutigerNext-Md.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Frutiger-Bold';
	src: url('assets/fonts/FrutigerNext-Bd.woff2') format('woff2'),
	url('assets/fonts/FrutigerNext-Bd.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

html{
	background-color: #efefee;
	margin-right: auto;
	margin-left: auto;
	max-width: 1550px;
	border:1px solid #dedede;
	border-top:none!important;
}

body {
	margin-right: auto;
	margin-left: auto;
	max-width: 1550px;
	overflow-x: hidden;

}

.dash{position:relative;padding-bottom:39px !important;margin-bottom:0 !important}
.dash:after{content:'';bottom:18px;position:absolute;height:3px;width:60px;background-color:#ce4b27;left:0}
.dash.align--center:after{left:50% !important;margin-left:-30px !important}


.hero-box{
	width: 70%;
	max-width:550px;
	//height:382px;
	//max-height:382px;
	background-color:  rgba(255 ,255,255,.9);
	padding: 40px 60px 40px 60px;
	margin-left:120px;
}

.hero-box h1{
	text-align: center;
}

.hero-box p{
	font-family: "Frutiger-Light",Arial,sans-serif!important;
	letter-spacing: .04rem;
	font-size: 20px!important;
}


.hero-mobile{
	display: none!important;
}

.row {
	//margin: 0px !important;
}

h1 {
	color:#282A2E;
	font-family: "Frutiger-Light",Arial,sans-serif!important;
	font-size: 36px!important;
	letter-spacing: .04rem!important;
	font-weight: 100!important;
	line-height: 1!important;
	text-rendering: optimizelegibility;
}

.h1-padding{
padding:0 0 30px 0;
}

h2 {
	margin: 0px;
}

h3 {
	font-size: 30px!important;
}

h4{
	font-size: 23px!important;
	letter-spacing: 0px;
	color: #282A2E;
}

/* Navbar css */
.top-bar{
	display: inline-block;
	background-color: #282a2e;
	text-align: right;
	height:30px;

}

.top-bar a{
	color: #FFF;
}

.top-bar a:hover{
	text-decoration: underline;
}

.top-bar span{
	padding: 0 15px;
	background-color: #CE4B27;
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #fff;
}

.header p{
	font-size: 15px;
	color: #282a2e;
}

#header-logo {
  border-bottom: none !important;
}

.header-logo{
	padding-left: 20px!important;
}

.header-logo img{
	max-width: 140px;
}
.top-nav{
	padding-top:20px;
}

.nav-adjust{
	margin-left:110px!important;
}

.header-logo{
	z-index: 1000;
}
.navbar{
	z-index: 2;
}

.border-bottom{
	//border-bottom: #272B2E 1px solid;
}
.top-nav-line{
	outline: 0;
	position: relative;
	border-bottom: 1px solid #595959!important;
}

.top-nav p{
	margin-bottom: -5px;
}

.navbar p{
	margin-bottom: -5px;
}
#right-image-top-nav, .navbar, .no-padding {
	padding: 0px;
}

#right-image-top-nav img {
	float: right;
	padding-top:15px;
}

#header-logo img{
    padding-top:15px;
}

.text-right {
	padding-right: 15px;
}

.mobile-nav {
	z-index: 99;
}

.navbar-light .navbar-nav .nav-link{
	font-family: "Frutiger-Light",Arial,sans-serif!important;
	color: #282a2e!important;
	font-size: 16px;

}

.nav-item {
	margin: 0px 7px;
	text-align: center;
	font-weight: normal;
	color: #282a2e!important;
	cursor: pointer;
	font-size: 16px;
	border-bottom:1px solid transparent; /* <- here */
	transition: border-bottom 0.5s;
	text-decoration: none; /* I added this for clarity of effect */
	letter-spacing: 1px;
}

.nav-item:hover {
	background: linear-gradient(to bottom,#fff 0,#f3f3f3 50%,#ededed 51%,#fff 100%);
	background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(243, 243, 243) 50%, rgb(237, 237, 237) 51%, rgb(255, 255, 255) 100%);
	//padding: 0 10px;
}

.nav-item a:hover{
	color: rgb(206, 75, 39) !important;

}

.nav-link span:hover{
	border-bottom: 1px solid rgb(206, 75, 39);
}

.active-now{
	color: rgb(206, 75, 39) !important;
	font-weight: 400;
	border-bottom: 1px solid rgb(206, 75, 39);
	margin-bottom:-2px;
}

.navbar-collapse{
	margin-top:20px;
}
/* End of navbar */

/* Universal */

p, li, .blue-link, .orange-link, body, .orange-link {
	color: #434448;
	font-size: 15px!important;
	font-family: 'Open Sans', sans-serif!important;
	letter-spacing: 0.41px;
}

body a{
	color: #316bbe;
}

body a:hover{
	color: #316bbe;
	text-decoration: underline;
}

h1 {
	font-size: 36px;
	color:#282A2E;
	font-weight: 500;
	line-height: 1;
	text-rendering: optimizelegibility;
	margin-bottom: 18px;
}

h2,h3,h4 {
	font-size: 36px;
	color:#282A2E;
	font-weight: normal;
	line-height: 1;
	text-rendering: optimizelegibility;
	margin-bottom: 18px;
}

.back-to-top {
	position: fixed;
	bottom: 25px;
	right: 25px;
	display: none;
}


@media (min-width: 981px) {
	.hide-desktop {
		display: none;
	}
	.text-right {
		margin-top:0px;
	}
}

@media (max-width: 990px) {

	.bottom-nav {
		min-height: 0!important;
		position: relative!important;
		top:-40px!important;
		border-bottom: none!important;
		padding: 0px !important;
		margin-bottom: -20px!important;
	}

	.top-nav-line{
		border: none;
	}

	.mobile-row-1 img, .mobile-row-2 img {
		margin-bottom: 15px;
	}
	.nav-item {
		text-align: left;
		padding-left: 15px;
	}
	.mobile-row-2 {
		margin-top: -60px;
	}
	.flip-tablet {
		flex-direction: column-reverse;
	}
	.hide-mobile {
		display: none;
	}

}

@media (max-width: 640px) {


	.flip-mobile {
		flex-direction: column-reverse;
	}
	.hero-right-image {
		height:295px !important;
	}
	.home-card-section {
		padding:60px !important;
	}
	.gray-cta {
		height: 60vh !important;
		padding: 0px 10px !important;
	}
	.card {
		margin-top:45px !important;
	}
	.nav-item {
		text-align: left;
		padding-left: 15px;
	}
	.mobile-row-1 img, .mobile-row-2 img {
		margin-bottom: 15px;
	}
	.hide-mobile {
		display: none;
	}
	.text-right {
		margin-top:5px;
	}
	.mobile-link-center {
		margin-bottom: 5px;
	}
}

.text-centered {
	text-align: center;
}

.orange-btn {
   font-weight: 300 !important;
   padding: 10px 15px;
	border: 1px solid #707070;
	margin-top:15px;
	background-color: rgb(194, 86, 8);
	color: white;
}

.bold {
	font-weight: bold !important;
}


.gray-cta {
	max-height:250px;
	background-color: #505152;
	color: #fff;
	padding:100px 0!important
}

.gray-cta h2 {
	font-size: 42px;
	text-align: center;
	color:#fff;
}
.gray-cta h4 {
	font-size: 32px;
	margin-top: 15px;
	text-align: center;
	color:#fff;
}

.gray-cta-sub-heading-alt {
	margin-top: 30px;
	text-align: center;
	font-size: 23px !important;
}


.centered-div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.centered-div-column {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}


.divider {
	border-top: 3px solid rgb(206, 75, 39);
	width: 35%;
	margin-left: 0px;
}

/* Home page edits */

.test-row{height:300px;}

.home-hero {
	background-image: url("img/background-img.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	position: relative;
	width: 100%;
	height:382px;
	max-height:382px;
}
.home-hero h1{
	font-family: "Frutiger-Light",Arial,sans-serif;
	font-size: 36px;
	letter-spacing: .04rem;
}

.sub-div-welcome {
	width: 70%;
	max-width:550px;
	height:250px;
	max-height:250px;
	background-color:  rgba(255 ,255,255,.9);
	padding: 20px 60px 20px 60px;
}

.home-card-section {
	padding: 80px;
}

.card-img-top-home {
	width:100%;
}

@media (max-width: 1200px) {

	.header-logo {
		//padding-left: 40px!important;
	}

	.nav-adjust {
		margin-left:0!important;
	}

	.footer a{
		margin: 0px -20px;
	}

}


@media (min-width: 1200px) {
	.card-img-top-home {
		width:100%;
	}



}

@media (min-width: 1020px) {
	.home-card-right{
		padding-left: 15px;
		padding-right: 15px;
	}

	.home-card-left {
		padding-right: 15px;
		padding-left: 15px;
	}


}

@media (max-width: 991px) {


	.card-img-top-home {
		width:100%;
	}
	.home-card-right{
		padding-left: 15px;
		padding-right: 15px;
	}

	.home-card-left {
		padding-right: 15px;
		padding-left: 15px;
	}
	.card-title-home {
		//height:60px;
	}

	.sub-div-welcome {
		width: 100%;
	}

	#now-what,.gray-hero {
		padding:20px 20px 20px 20px!important;
	}
}
@media (max-width: 768px) and (min-width:768px) {
	.home-card-left {
		margin-bottom: 45px;
	}


}

@media (max-width: 767px) {

	.hero-mobile{
		//display: block!important;
	}

	.home-hero {
		height:350px!important;
		max-height: 350px!important;
	}
	.sub-div-welcome {
		background-color: none!important;
		padding: 0;
		width: 100%;
	}

	.flip-mobile {
		flex-direction: column-reverse;
	}
	.card-img-top {
		height: 200px;
	}
	.card-title-home {
		//height:40px;
	}
	.home-card-left,.home-card-right{
		//max-height:700px;
	}

	.logo-group-2,.logo-group-3{
		margin-top: 0px!important;
	}

	.logo-icon{
		padding: 30px 0;
	}

	.our-family-section {
		min-height:100%!important;
		padding: 50px 40px;
	}
}
@media (max-width:576px){
	html{
		border:none!important;
	}

	.header-logo img{
		max-width: 100px;
	}

	.nav-adjust {
		margin-left:-20px!important;
	}

	.hero-box{
		width:100%!important;
		padding: 30px 20px 30px 20px;
	}

	.red-alert{
		width:100%!important;
		background-color: #DF3E0F;
		height:100%!important;
		padding: 20px 0;
	}

	.red-alert a{
		width:40%!important;
		margin: auto;
	}

	.ad-text h2{
		font-size: 1.3em!important;
	}

	.ad-text h4{
		font-size: 1em!important;
	}

	.gray-cta {
		max-height:none;
		background-color: #505152;
		color: #fff;
		padding:100px 0!important
	}

	.gray-cta h2{
		font-size: 1.3em!important;
	}

	.gray-cta h4{
		font-size: 1em!important;
	}

	.accordion .card-header {
		text-align: left;


	}
	.accordion a.card-title {
		display: inline-block;
		width:90%;
		text-align: left;
	}

	.card{
		margin-bottom:30px;
	}
	.mobile-row-1 img {
		margin-top: 15px;
	}
	.mobile-row-2 {
		margin-top: 0px;
	}
	.mobile-row-1 img, .mobile-row-2 img {
		margin-bottom: 15px;
	}
	.card-img-top-home {
		width:100%;
	}
	#now-what,.gray-hero {
		height:295px;
	}
	.hide-mobile {
		display: none;
	}
	.home-card-section {
		padding:0 10px !important;
		margin-bottom: 90px;
	}

	.home-card-section h2 {
		font-size: 2em;
	}

	.home-card-left,.home-card-right{
height:100%;
	}

	.who-we-are,.care-located, .we-are-here-for-you{
		padding:20px 0!important;
	}

	.who-we-are ul li  {
		margin-left:10px ;
	}

	.our-family-heading {
		text-align: left!important;
	}
	.our-family-heading h3{
		font-size:2em!important;
	}
	.care-located ul li  {
		margin-left:10px ;
	}

	.we-are-here-for-you ul li  {
		margin-left:10px ;
	}

	.footer a{
		margin: 0px 15px!important;
	}
	.footer-text-centered {
		text-align: center;
	}

}

.hero-right-image {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	max-height:295px;
}
.hero-right-image img {
	flex-shrink: 0;
	min-width: 100%;
	min-height: 100%;
}


.gray-hero {
	background-color: #EEEEEE;
	width: 100%;
	height:295px;
	display: flex;
	align-items: center;
	padding: 50px 10% 50px 50px;
}

.blue-link {
	color: #006DAC;
}

.orange-link {
	color: #C25608;
	font-weight: bold !important;
}

.orange-link:hover {
	color: #C25608;
	text-decoration: none;
}

.card-title{
	font-size: 1.7em;
	color: #505152;
	font-weight:300 !important;
}
.card-title-home{
	font-size: 1.7em;
	color: #505152;
	font-weight:300 !important;
}
.card-text {
	color: #505152;
}

.care-located{
	padding: 0px 20px;
}

.care-located ul li{
	margin-left: -30px;
	margin-bottom: 20px;
}

.care-located-img {
	width: 100%;
}

.we-are-here-for-you{
	padding: 0px 20px;
}

.start-off-right{
	background-color: white;
	border-bottom: 0px solid #000;

}

.start-off-right ul li{
	margin-bottom: 12px;
	margin-left: -35px;
}

.start-off-right p {
	margin-top:15px;
}

.start-off-right-img {
	width: 100%;
}
.start-off-right .check-list{
	margin-top: -10px;
	margin-left:20px;
	list-style-type: none;
}


.start-off-right .check-icon:before {
	font-weight: 900;
	font-family: 'Font Awesome\ 5 Free';
	content: "\f14a"; /* FontAwesome Unicode */
	position:absolute;
	left: 15px;
	color: #C25608;
}
.support{
	border-bottom: none;
	background-color: white;
}

.support ul li{
	margin-bottom: 0;
	margin-left:-20px;
}

.support-img {
	width: 100%;
}

.medical-records {
	background-color: white;
	border-bottom: 0px solid #000;
}

#now-what {
	background-image: url("img/now-what-hero.png");
	background-position:right;
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 30vh;
}

.find-care-card-body{
	padding-top:15px;
	padding-left: 5px;
	padding-right: 5px;
}

.find-care-cards .card{
	border: none!important;
	padding:10px;
}
.find-care-cards a{
	color: #C25608;
}

.card-title {
	font-size: 18px;
	height: 50px;
}

.card-text {
	height: 75px;
}

.card-body-home{
	padding: 20px;
}

.ad-text{
	width: 100%;
	background-color: #505152;
	text-align: left;
	position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding: 0px;
}
.ad-text a{
	color:white !important;
}
.ad-text-div{
	position: absolute;
	margin: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.ad-text h2{
	color: #FFFFFF;
	font-size: 2em;
	font-weight: bold;

}

.ad-text h4{
	color: white;
	font-size: 1.5em;
	font-weight: normal;
	text-align: left;
}
.our-family-section{
	background-color: rgb(239, 239, 238);
	border-bottom: 0px solid #000;
	height:100%!important;
	min-height:800px;
}

.our-family-section .logo-group-1 {
	margin-top: 15px;
}

.our-family-section .logo-group-2 {
	margin-top: 45px;
}

.our-family-section .logo-group-3 {
	margin-top: 45px;
}

.our-family-heading {
	text-align: center;
}

.our-family-heading h3{
	font-size:42px;
}

.why-optum {
	background-color: white;
	border-bottom: 0px solid #000;
}
.who-we-are{
	background-color: white;
}
.who-we-are ul{
	margin-left: -30px;
}
.who-we-are li{
	margin-bottom: 0px;
}
.Commitment{
	padding: 20px;
}

.footer-fluid{
	background-color: #282A2E;
}

.footer-top {
	font-family: 'Open Sans', sans-serif!important;
	margin: 40px auto;
	max-width: 1200px;
}

.footer-top a{
	font-family: 'Open Sans', sans-serif!important;
	text-decoration: none;
	font-size: 12px;
	color: #282A2E;
	font-weight: bold;
}
.footer-top .col-md-12 {
	text-align: center;
}

.footer-top a:hover{
	text-decoration: underline;
}
.footer {
	font-family: 'Open Sans', sans-serif!important;
	background-color: #282A2E;
	width: 100%;
	max-width: 1200px;
	height: auto;
	line-height: 50px;
	margin:auto;
}
.footer span{
	color: white;
	font-size:12px;
	letter-spacing: 1.5px;
}
.footer a{
	text-decoration: none;
	color: white;
	font-size: 12px;
	margin-left: 30px;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif!important;
	letter-spacing: 1.5px;
	line-height: 1em;
}
.footer a:hover {
	color: white;
	text-decoration: underline;
}
.text-danger{
	color: #C25608 !important;
}
p.text-info{
	font-size:16px;
	font-weight: 400;
	color:#505152 !important;
}
.container-fluid.hero{
	min-height: 300px;
}


.pre-loader {
	background-color: #fff;
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.sk-fading-circle {
	margin: 100px auto;
	width: 40px;
	height: 40px;
	position: relative;
}
.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.sk-fading-circle .sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
	0%, 39%, 100% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
}
@keyframes sk-circleFadeDelay {
	0%, 39%, 100% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
}