@charset "utf-8";
/* CSS Document */
body{
	background:#f3f3ff;
}
.wrap{
	max-width:2000px;
	background:#fff;
	box-shadow:0px 0px 12px 2px #ccccdb;
}
.fm-logo{
	margin-bottom: 20px;
	max-width: 370px;
    width: 66%;
}
.container-sm{
	padding:0 5%;
	width:100%;
}
.sec-wrap{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:space-between;
}
.sec-wrap-no-f{
	display:block;
}
.sec-txt{
	order:1;
}
.bot-border {
    border-bottom: 1px solid #d2d2e4 !important;
}
.sec-media{
	order:2;
	text-align:center !important;
	flex:auto;
}
.leftpan.sec-media{
	margin-top:20px;
}
.rightpan.sec-txt{
	margin-top:0;
}
.employer-page-top-sec{
    color:#ebeaf7;
    background:#03015c;
    position:relative;
	padding-bottom:50px;
}
.container-sm{
	max-width: 1024px;
	margin: 0 auto;
}
.employer-page-top-sec .container-sm{
	position:relative;
	z-index:11;
	max-width: 1024px;
	margin: 0 auto;
}

.banner-overlay{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(0, 13, 36, 0.76);
}
.employer-page-top-sec .highlight-link{
	margin-top:3%;
}
.employer-page-top-sec h1{
    color:#ebeaf7;
}
/*.arrow-down-purple, .arrow-down-white, .arrow-down-blue{
	position:relative;
}
.arrow-down-purple::after, .arrow-down-white::before, .arrow-down-blue::before{
	content:"";
	display:block;
	width:0; 
	height:0; 
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	border-top:15px solid #e3e3ff;
	position:absolute;
	left:50%;
	margin-left:-15px;
}
.arrow-down-blue::before{
	border-top:15px solid #03015c !important;
	top:0;
}
.arrow-down-purple::after{
	bottom:-15px;
}
.arrow-down-white::before{
	border-top:15px solid #fff !important;
	top:0;
}*/
/*.services-list{
	padding:0;
	margin:0;
}
.services-list li{
	background-image:none;
	margin:0 0 20px;
	padding:0 0 24px;
	border-bottom:1px solid #ccc;
}
.services-list li:last-child{
	margin-bottom:0;
	border-bottom:none;
	padding-bottom:0;
}
.services-list li h5, .services-list li .h5{
	color:#206fc1;
	margin:0 0 14px;
	text-decoration:none;
}
.services-list-img{
	margin-bottom:16px;
	display:block;
}
.services-list-img img{
	display:block;
	width:100%;
	height:auto;
}*/
.benefits-employers{
	margin:20px auto;
	padding-bottom:57px;
}
.benefits-employers h3, .benefits-employers .h3{
	font-size:1.5rem;
	line-height:2.1rem;
	margin:0 2px 4px 0;
	color:#4a4a81;
	font-weight:700;
	display:block;
}
.benefits-employers li p{
	margin-bottom:10px;
    color:#7c7c9d !important;
}
.benefits-employers li p::before{
	content:"";
	display:block;
	clear:both;
}
.benefits-employers li p:last-child{
	margin-bottom:0;
}
.benefits-employers .slick-track {
	display:-ms-flexbox !important;
	display:flex !important;
	-ms-flex-wrap:wrap !important;
	flex-wrap:wrap !important;
	justify-content:space-between !important;
}
.benefits-employers .slick-slide{
	padding:12px 16px;
    margin:.3% .3% 1%;
    color:#51517a;
    font-size:1.4rem;
    line-height:2.2rem;
    font-weight:400;
	float:none !important;
    background-color:#fff;
	height:auto;
    box-shadow:0 0 6px #cbcbeb;
    border:1px solid #b8b8d5;
    border-radius:15px;
}
.benefits-employers-in i{
	width:auto;
	height:40px;
	display:block;
	margin-bottom:4px;
}
.benefits-employers-in i img{
	width:auto;
	height:100%;
}
.benefits-employers .slick-dots{
	text-align:center;
}
.benefits-employers .slick-dots li{
	width:26px;
	height:26px;
	padding:0;
	margin:0;
	background-image:none;
	display:inline-block;
	margin:0 5px;
}
.benefits-employers .slick-dots li button{
	border-radius:50%;
	width:26px;
	height:26px;
	background:#8a8ab9;
	padding:0;
	margin:0;
	display:inline-block;
}
.benefits-employers .slick-dots li.slick-active button{
	background:#606083;
}
.benefits-employers .slick-arrow{
	position:absolute;
	bottom:0;
	background:none;
	color:#4a4a81;
	border:none;
	padding:4px;
}
.benefits-employers .slick-arrow.slick-disabled, .slider-advice .slick-arrow.slick-disabled{
	opacity: 0.5;
	cursor: text;
}
.benefits-employers .slick-arrow.slick-prev{
	left:49.5%;
	margin-left:-88px;
	padding-left:10px;
}
.benefits-employers .slick-arrow.slick-next{
	left:53%;
	padding-right:24px;
}
.benefits-employers button.slick-prev::before, .benefits-employers button.slick-next::after{
    content:"";
    border:solid #4a4a81;
    border-width:0 2px 2px 0;
    display:inline-block;
    padding:2px;
    width:3px;
    height:3px;
	z-index:998;
	cursor:pointer
}
.benefits-employers button.slick-prev::before {
	left:36%;
	transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
}
.benefits-employers button.slick-next::after {
	right:36%;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
.sec-2{
	padding:40px 0;
}
.w-50-50 .leftpan, .w-50-50 .rightpan{
	margin:0 !important;
}
.w-50-50 .sec-txt{
	padding:7% 5%;
}
.w-50-50 .sec-media{
	display:none;
	font-size:0;
	line-height:0;
}
.m-w-800 {
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
}
.ready-to-reap{
	vertical-align:middle;
    display:inline-block;
    margin:0px 0 3px;
    margin-right:24px;
    padding:0;
}
.sec-literacy b, .sec-literacy h2, .sec-literacy .h2{
	display:block;
}
.our-services-sec h5, .our-services-sec .h5{
	text-decoration:none;
}
@media only screen and (min-width:768px){
	.container-sm{
		padding:0 3%;
	}
	.sec-2{
		padding:55px 0;
	}
	.sec-media{
		text-align:center !important;
		flex:auto;
	}
	.leftpan.sec-media{
		margin-top:30px;
	}
	.rightpan.sec-txt{
		margin-top:0;
	}
	/*.arrow-down-purple::after, .arrow-down-white::before, .arrow-down-blue::before{
		border-left:20px solid transparent;
		border-right:20px solid transparent;
		border-top:20px solid #e3e3ff;
		margin-left:-20px;
	}
	.arrow-down-purple::after{
		bottom:-20px;
	}
	.arrow-down-white::before{
		border-top:20px solid #fff !important;
	}
	.arrow-down-blue::before{
		border-top:20px solid #0e0c63 !important;
	}*/
	.imp-txt2{
		font-size:1.6rem;
		line-height:2.4rem;
		margin-bottom:30px;
	}
	.employer-page-top-sec{
		background:url(../images/employer-financial-wellness-programs-tab.webp) 50% 50% no-repeat;
		background-size:cover;
		background-attachment:fixed;
	}
	.no-webp .employer-page-top-sec{
		background:url(../images/employer-financial-wellness-programs-tab.jpg) 50% 50% no-repeat;
		background-size:cover;
		background-attachment:fixed;
	}
	.benefits-employers h3, .benefits-employers .h3{
		font-size:1.6rem;
		line-height:2.2rem;
		margin:0 0 6px;
	}
	.benefits-employers .slick-slide{
		margin:.2% .3% 1%;
		padding:24px 18px;
	}
	.benefits-employers-in i{
		width:auto;
		height:50px;
	}
	.fm-logo{
		margin-bottom: 35px;
	}
}
@media only screen and (min-width:921px){
	.sec-2{
		padding:70px 0;
	}
	.sec-media{
		flex:inherit;
	}
	.sec-txt{
		order:0;
		margin-bottom:0;
	}
	.sec-media{
		order:0;
		margin-bottom:0;
		text-align:right !important;
	}
	.leftpan.sec-media{
		margin-top:0;
	}
	.rightpan.sec-txt{
		margin-top:0;
	}
	.leftpan.sec-media{
		text-align:left !important;
	}
	.right-align.sec-media{
		text-align:right !important;
	}
	.w-50-50 .leftpan, .w-50-50 .rightpan{
		width:50%;
	}
	.w-50-50 .sec-media{
		display:block;
	}
	.w-50-50 .sec-txt{
		padding:7% 5%;
		background:#324151;
		color:#fff;
	}
	.w-50-50 h2, .w-50-50 .h2{
		color:#fff;
	}
	.w-50-50.bot-border{
		border-bottom:none !important;
	}
	.sec-corporate .sec-media{
		background:url(../images/what-is-corporate-financial-wellness-tab.webp) 50% 50% no-repeat;
		background-size:cover;
	}
	.no-webp .sec-corporate .sec-media{
		background:url(../images/what-is-corporate-financial-wellness-tab.jpg) 50% 50% no-repeat;
		background-size:cover;
	}
	.sec-company .sec-media{
		background:url(../images/what-is-a-company-financial-wellness-program-tab.webp) 50% 50% no-repeat;
		background-size:cover;
	}
	.no-webp .sec-company .sec-media{
		background:url(../images/what-is-a-company-financial-wellness-program-tab.jpg) 50% 50% no-repeat;
		background-size:cover;
	}
	.sec-literacy .sec-media{
		background:url(../images/what-is-financial-literacy-and-why-is-it-important-tab.webp) 50% 50% no-repeat;
		background-size:cover;
	}
	.no-webp .sec-literacy .sec-media{
		background:url(../images/what-is-financial-literacy-and-why-is-it-important-tab.jpg) 50% 50% no-repeat;
		background-size:cover;
	}
	.our-services-sec .sec-wrap{
		align-items:center;
	}
	.fm-logo{
		margin-bottom: 40px;
	}
	
}
@media only screen and (min-width:1025px){

	.container-sm{
		padding:0 1.5%;
	}
	.employer-page-top-sec{
		/*height:96vh;*/
		background:url(../images/employer-financial-wellness-programs-lg.webp) 50% 50% no-repeat;
		background-size:cover;
		background-attachment:fixed;
	}
	.no-webp .employer-page-top-sec{
		background:url(../images/employer-financial-wellness-programs-lg.jpg) 50% 50% no-repeat;
		background-size:cover;
		background-attachment:fixed;
	}
	/*.our-services-sec h3, .our-services-sec .h3{
		font-size:2.6rem;
	}*/
	.fm-logo{
		margin-bottom: 50px;
	}
}
@media only screen and (min-width:1200px){
	.sec-2{
		padding:90px 0;
	}
	.imp-txt2{
		font-size:1.7rem;
		line-height:2.6rem;
		margin-bottom:40px;
	}
	.benefits-employers{
		margin:30px auto;
		border-width:4px;
		border-radius:40px;
		padding-bottom: 62px;
	}
	.benefits-employers h3, .benefits-employers .h3{
		font-size:1.7rem;
		line-height:2.3rem;
		margin:0 0 8px;
	}
	.benefits-employers .slick-slide{
		margin:.6% .3% 1%;
	}
	.benefits-employers-in i{
		width:auto;
		height:60px;
		margin-bottom:6px;
	}
	.employer-page-top-sec .highlight-link{
		margin-top:50px;
	}
	.sec-corporate .sec-media{
		background:url(../images/what-is-corporate-financial-wellness.webp) 50% 50% no-repeat;
		background-size:cover;
	}
	.no-webp .sec-corporate .sec-media{
		background:url(../images/what-is-corporate-financial-wellness.jpg) 50% 50% no-repeat;
		background-size:cover;
	}
	.sec-company .sec-media{
		background:url(../images/what-is-a-company-financial-wellness-program.webp) 50% 50% no-repeat;
		background-size:cover;
	}
	.no-webp .sec-company .sec-media{
		background:url(../images/what-is-a-company-financial-wellness-program.jpg) 50% 50% no-repeat;
		background-size:cover;
	}
	.sec-literacy .sec-media{
		background:url(../images/what-is-financial-literacy-and-why-is-it-important.webp) 50% 50% no-repeat;
		background-size:cover;
	}
	.no-webp .sec-literacy .sec-media{
		background:url(../images/what-is-financial-literacy-and-why-is-it-important.jpg) 50% 50% no-repeat;
		background-size:cover;
	}
}
@media only screen and (min-width:1500px){
	.employer-page-top-sec{
		background:url(../images/employer-financial-wellness-programs.webp) 50% 50% no-repeat;
		background-size:cover;
		background-attachment:fixed;
	}
	.no-webp .employer-page-top-sec{
		background:url(../images/employer-financial-wellness-programs.jpg) 50% 50% no-repeat;
		background-size:cover;
		background-attachment:fixed;
	}
	.benefits-employers{
		margin:20px auto;
		padding-bottom:63px;
	}
	.fm-logo{
		width: 100%;
	}
}
@media only screen and (min-width:1650px){
	.employer-page-top-sec{
		height:auto;
	}
}