/*@font-face {
	font-family: OpenSans-Bold;
	src: url('fonts/OpenSans-Bold.ttf');
  }
  @font-face {
	font-family: OpenSans-ExtraBold;
	src: url('fonts/OpenSans-ExtraBold.ttf');
  }
  @font-face {
	font-family: OpenSans-Light;
	src: url('fonts/OpenSans-Light.ttf');
  }
  @font-face {
	font-family: OpenSans-Regular;
	src: url('fonts/OpenSans-Regular.ttf');
  }
  @font-face {
	font-family: OpenSans-SemiBold;
	src: url('fonts/OpenSans-SemiBold.ttf');
  }
  @font-face{
    font-family: "Myriad-Pro";  
    src: url(http://www.anaveer.in/honda/font/MYRIADPRO-REGULAR.OTF) format("truetype");
}*/
@font-face {
	font-family: OpenSans-Bold;
	src: url('fonts/OpenSans-Bold.ttf');
	src: url('fonts/OpenSans-Bold.eot');
	src: url('fonts/OpenSans-Bold.woff');
  }
  @font-face {
	font-family: OpenSans-ExtraBold;
	src: url('fonts/OpenSans-ExtraBold.ttf');
	src: url('fonts/OpenSans-ExtraBold.eot');
	src: url('fonts/OpenSans-ExtraBold.woff');
  }
  @font-face {
	font-family: OpenSans-Light;
	src: url('fonts/OpenSans-Light.ttf');
	src: url('fonts/OpenSans-Light.eot');
	src: url('fonts/OpenSans-Light.woff');
  }
  @font-face {
	font-family: OpenSans-Regular;
	src: url('fonts/OpenSans-Regular.ttf');
	src: url('fonts/OpenSans-Regular.eot');
	src: url('fonts/OpenSans-Regular.woff');
  }
  @font-face {
	font-family: OpenSans-SemiBold;
	src: url('fonts/OpenSans-SemiBold.ttf');
	src: url('fonts/OpenSans-SemiBold.eot');
	src: url('fonts/OpenSans-SemiBold.woff');
  } 
#skip-link{
	display:none;
}

.top-space{
	margin-top:22px !important;
}
.typed-cursor {
    font-weight: 700;
    font-size: 36px;
    display: inline;
}
#typed-strings {
    font-weight: 700;
    font-size: 36px;
	display: inline;
}

.logos .owl-item img {
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
p.spacer{
	height: 12px;
}

.element-invisible{
	display: none;
}
body {
	/*font-family: "Open Sans";*/
	font-family: OpenSans-Regular;
}

body p {
	font-size: 16px;
}
h3, h2, h4 {
	font-weight: 600;
}
.site-header {
	background-color: #fff;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 0;
}
.site-header .img-logo {
	margin-right: 20px;
	display: block;
}
.site-header .header-navbar {
	padding-left: 15px;
}
.site-header .header-navbar .dropdown.open a {
	background-color: transparent;
}
.site-header .header-navbar .dropdown.open .dropdown-menu li {
	padding: 5px 0;
}
.site-header .header-navbar .caret {
	border-right: 5px solid transparent !important;
    border-left: 5px solid transparent !important;
    border-top: 7px dashed !important;
    margin-bottom: 5px !important;
    color: #e4862f;
}
.site-header .header-navbar .caret.right {
    border-top: 5px solid transparent !important;
    border-bottom: 5px solid transparent !important;
    border-left: 7px dashed !important;
    margin-left: 5px !important;
    margin-top: 2px;
    color: #e4862f;
}
.site-header .header-navbar li a {
	color: #232c56;
	font-weight: 600;
	padding-left: 0;
	padding-right: 30px;
}
.site-header .header-navbar li.active a {
	color: #e4862f;
	font-weight: 600;
	background-color: #fff;
}
.site-header .header-navbar li.active a:hover, .site-header .header-navbar li.active a:active, .site-header .header-navbar li.active a:focus {
	background-color: transparent;
}
.site-header .header-navbar li a:hover, .site-header .header-navbar li a:active, .site-header .header-navbar li.active a:hover, .site-header .header-navbar li.active a:active {
	color: #e4862f !important;
}
.site-header .orange-btn {
	padding: 8px 30px 6px !important;
	display: inline-block !important;
	color: #fff !important;
	margin: 7px 15px;
	min-width: 100px;
}
.site-header .contact {
	color: #e4862f !important;
	font-weight: 600;
	font-size: 22px;
	line-height: 1;
    padding: 13px 15px;
}
.site-header .dropdown-menu li a {
    padding: 10px 20px;
}
.site-header .btn-dropdown li a {
    color: #232c56;
    font-weight: 600;
}
.site-header .btn-dropdown ul {
	right: -22px;
	top: 43px;
}
.site-header-2 {
	margin-bottom: 0;
	background-color: rgba(29, 79, 144, 0.9);
	position: absolute;
	width: 100%;
    border-color: transparent !important;
    border-radius: 0;
}
.site-header-2.sticky {
	position: fixed;
	top: 0;
	width: 100%;
    z-index: 9;
}
.site-header-2 .navbar-nav {
	display: flex;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
.site-header-2 .navbar-nav li {
	width: 100%;
	text-align: center;
	display: flex;
}
.site-header-2 .navbar-nav li.active a {
    background: transparent;
    border-bottom: 2px solid;
	color: #fff;
}
.site-header-2 .navbar-nav li a:hover, .site-header-2 .navbar-nav li a:active, .site-header-2 .navbar-nav li a:focus, .site-header-2 .navbar-nav li a.active {
    background: transparent !important;
    border-bottom: 2px solid;
	color: #fff;
}
.site-header-2 .navbar-nav li .logo:hover {
    border-bottom: none !important;
}
.site-header-2 .navbar-nav li a {
    margin: auto;
    padding: 0;
	color: #fff;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu .dropdown-menu {
	background-color: #fff;
    position: absolute;
    float: none;
    left: 101%;
    top: 0;
    width: auto;
    margin-top: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(0,0,0,.15);
}
.dropdown-submenu .dropdown-menu li a {
	padding: 3px 35px !important;
}

.main-banner {
	background: #fff url(../front-img/main-banner.png) no-repeat top;
    padding: 120px 0 40px;
	background-size: cover;
}
.main-banner .banner-badge {
	margin-top: 30px;
	height: 70px;
}
.main-banner .banner-badge .badge-desc {
	color: #02a163;
	line-height: inherit;
}
.banner-text{
	color:#2f5d99;
	max-width:50%;
}
.banner-text hr {
	border-top: 3px solid #e4862f;
	float: left;
	margin-top: 0;
	margin-bottom: 30px;
}
.banner-text .description {
	margin-bottom: 30px;
	font-size: 20px;
}
.banner-text .description span {
	display: block;
}
.no-padding {
	padding: 0;
}
.orange-btn {
	background: rgb(233,136,27);
	background: -moz-linear-gradient(45deg, rgb(233,136,27) 0%, rgb(255,157,46) 100%);
	background: -webkit-linear-gradient(45deg, rgb(233,136,27) 0%,rgb(255,157,46) 100%);
	background: linear-gradient(45deg, rgb(233,136,27) 0%,rgb(255,157,46) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9881b', endColorstr='#ff9d2e',GradientType=1 );
	padding: 5px 15px 3px;
	border-radius: 50px;
	border:solid 1px #ff8c0c !important;
	color: #fff;
	display:inline-block;
	text-transform:uppercase;
	min-width: 150px;
	text-align: center;
	line-height: 30px;
}
.orange-btn:hover, .orange-btn:focus {
	color:#fff;
	background: rgb(233,136,27);
	background: -moz-linear-gradient(45deg, rgb(233,136,27) 0%, rgb(255,157,46) 100%);
	background: -webkit-linear-gradient(45deg, rgb(233,136,27) 0%,rgb(255,157,46) 100%);
	background: linear-gradient(45deg, rgb(233,136,27) 0%,rgb(255,157,46) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9881b', endColorstr='#ff9d2e',GradientType=1 );
	border:solid 1px #ff8c0c;
	opacity:.9;
	text-decoration: none;
}
.white-btn {
	background: #fff;
	padding: 5px 15px 3px;
	border-radius: 50px;
	border:solid 2px #727272;
	color: #2f5d99;
	display:inline-block;
	text-transform:uppercase;
	min-width: 150px;
	text-align: center;
	line-height: 30px;
    box-shadow: 0 0 15px #ccc;
}
.white-btn:hover, .white-btn:focus {
	text-decoration: none;
	background: rgb(233,136,27);
	background: -moz-linear-gradient(45deg, rgb(233,136,27) 0%, rgb(255,157,46) 100%);
	background: -webkit-linear-gradient(45deg, rgb(233,136,27) 0%,rgb(255,157,46) 100%);
	background: linear-gradient(45deg, rgb(233,136,27) 0%,rgb(255,157,46) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9881b', endColorstr='#ff9d2e',GradientType=1 );
	border:solid 2px #ff8c0c;
	color: #fff;
}
.hr-custom {
	width: 120px;
	margin-top: 0;
	margin-bottom: 30px;
}
.hr-custom.orange {
	border-top: 3px solid rgb(233,136,27);
}
.hr-custom.black {
	border-top: 3px solid #343434;
}
.h2-blue {
	color: rgb(29, 79, 144) !important;
    font-weight: 600;
    line-height: inherit;
}
.line-bottom {
	position: relative;
	margin-bottom: 40px;
	display: inline-block;
}
.line-bottom:after {
    content: '';
    width: 60%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: -10px;
    background: rgb(233,136,27);
    margin-left: 20%;
}

.homepage-section1 {
	padding-top: 70px;
	padding-bottom: 30px;
}
.homepage-section2 p {
	color: #5c5b5b;
	font-size: 20px;
	padding-top: 70px;
	padding-bottom: 20px;
}
/*.homepage-section3 {
	background: url(../img/section2-bg.png) no-repeat right bottom;
}
.homepage-section4 {
	background: url(../img/section3-bg.png) no-repeat left bottom;
}*/
.homepage-section3, .homepage-section4 {
    background-size: auto 95%;
    margin-top: 50px;
    margin-bottom: 100px;
}
.homepage-section3 p, .homepage-section4 p {
	font-size: 18px;
	color: #5c5b5b;
	margin-bottom: 20px;
}
.homepage-section3 .orange-btn, .homepage-section4 .orange-btn {
    margin-top: 50px;
}
.section2-bg {
	position: absolute;
	left: 0;
	max-width: 565px;
}
.section2-bg img {
    margin-top: 35px;
}
.section3-bg img {
    margin-top: 50px;
}
.section3-bg {
	position: absolute;
	right: 0;
	max-width: 565px;
}
.cards-container {
	margin-bottom: 40px;
}
.cards-container .card {
	border: 1px solid #f8f8f8;
	border-radius: 10px;
	padding: 15px 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	box-shadow: 0 0 10px #ccc;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.cards-container .card .header {
	display: inline-block;
	min-height: 70px;
}
.cards-container .card.active, .cards-container .card:hover{
	background-color: #f4f8ff;
	box-shadow: 0 0 30px #ccc;
}
.cards-container .card img {
	width: 62px;
}
.cards-container .card .card-title {
	display: table;
    margin-left: 70px;
    font-size: 16px;
    height: 60px;
    color: #5c5b5b;
    font-weight: 600;
}
.cards-container .card .card-title span {
	display: table-cell;
  	vertical-align: middle;
  	font-size: 16px;
}
.cards-container .card .card-desc {
	color: #5c5b5b;
	font-size: 16px;
}
.homepage-section5 {
	margin-bottom: 120px;
}
.homepage-section5 h2, .homepage-section5 p {
	color: #343434;
}
.homepage-section5 p {
	font-size: 16px;
}
.homepage-section5 hr {
	border-top: 3px solid #343434;
	margin-top: 0;
	margin-bottom: 30px;
}    
.homepage-section5 .column {
	padding: 30px 16px;
}
.homepage-section5 .column img {
	margin-bottom: 15px;
}
.homepage-section5 .column p {
	color: #5c5b5b;	
	margin-top: 15px;
}

.adv-promotion {
	padding: 80px 0;
	background: #fff url(../front-img/section6-bg.png) no-repeat top right;
	background-size: cover;
	position: relative;
}
.adv-promotion .opacity {
	position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    background-color: rgba(227, 235, 247, .7);
    display: none;
}
.adv-promotion h2 {
	color: #343434;
}
.adv-promotion p {
	color: #5c5b5b;
	margin-top: 50px;
	margin-bottom: 60px;
}
.adv-promotion hr {
	margin-top: 0;
	margin-bottom: 30px;
}   
.homepage-section7 {
	padding-top: 100px;
	padding-bottom: 140px;
	background: #fff url(../front-img/rectangle-slider.jpg) no-repeat center left;
	background-size: cover;
}
.homepage-section7 hr {
	margin-top: 0;
	margin-bottom: 30px;
}   
.homepage-section7 h2 {
	color: #343434;
}
.homepage-section7 p {
	color: #5c5b5b;
	margin-top: 30px;
}
.homepage-section7 .quote {
	margin-top: 50px;
}
.homepage-section7 .avatar {
	margin-top: 50px;
}
.homepage-section7 .custom-indicators li {
	background-color: #d6d6d6;
	border: 0;
	margin: 0 5px;
}
.homepage-section7 .custom-indicators li.active {
	background-color: #2f5d99;
}

.featured-resources {
	padding: 80px 0;
	background-color: #f9f9f9;
}
.featured-resources h2 {
	color: rgb(29, 79, 144);
}
.featured-resources .blue-text {
	color: #2f5d99;
}
.homepage-section5 p {
	color: #343434;
}
.featured-resources .column hr {
	border-top: 2px solid #eee;
	margin: 0 !important;
}
.featured-resources hr.custom {
	border-top: 3px solid rgb(233,136,27);
	width: 100px;
	margin-top: 0;
	margin-bottom: 30px;
}    	
.featured-resources .column {
	margin: 60px 0;
}
.featured-resources .column img {
	margin-bottom: 20px;
}
.featured-resources .column p {
	color: #5c5b5b;	
	margin-top: 15px;
}
.featured-resources .column .title {
	color: #333;	
    line-height: 1.5;
}
.featured-resources .column .title:hover, .featured-resources .column .title:focus {
	text-decoration: none;
}

.flex-footer {
	background: #005181;
	color: #fff;
	padding: 50px 0;
}
.flex-footer p {
	font-size: 14px !important;
}
.flex-footer .title {
	margin-top: 20px;
}
.flex-footer .logo {
	float: left;
	width: auto;
	text-align: left;
}
.flex-footer .logo img {
	margin-bottom: 10px;
}
.flex-footer .description {
	font-size: 13px;
}
.flex-footer .tagline {
	font-size: 20px;
}
.flex-footer p {
	margin: 0;
	font-size: 16px;
}
.flex-footer p a, .flex-footer p a:hover, .flex-footer p a:focus {
	color: #fff;
	text-decoration: none;
}
.logos ul {
	list-style-type: none;
	margin-top: 35px;
	margin-bottom: 20px;
}
.logos ul li:first-child {
	text-align: left;
}
.logos ul li {
    float: left;
    text-align: center;
    line-height: 40px;
}
.logos ul li a {
    padding: 4px;
    text-align: center;
    margin-right: 10px;
    margin-top: 5px;
    color: #fff;
    line-height: 22px;
}
.ul-flex {
	display: flex;
	margin: 0 !important;
	text-transform:uppercase;
}
.ul-flex li {
	width: 100%;
}
.ul-flex li a {
	padding: 0 !important;
}
.ul-flex li a:hover {
	text-decoration: none;
}
.line-height-2 {
	line-height: 2;
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
  	z-index: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}

.clients-carousel .carousel-indicators {
	bottom: -40px;
}

.float-right {
	float: right;
}
.mobile-only {
	display: none;
}
.mobile-only .glyphicon {
	color: #005e9e;
	font-size: 50px;
}

.multiple-items .carousel-control {
  width: 8%;
  background-image: none;
}
.multiple-items .carousel-control .carousel-nav {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.multiple-items .carousel-control.left {
	margin-left: 15px;
}
.multiple-items .carousel-control.right {
  	margin-right: 15px;
}
.multiple-items .carousel-control.right img, .multiple-items .carousel-control.left img {
	width: 30px;
}

.multiple-items .cloneditem-1,
.multiple-items .cloneditem-2,
.multiple-items .cloneditem-3 {
  display: none;
}

.footer-mobile {
	display: none;
	margin-top: 30px;
}
.footer-mobile a {
    padding: 8px 0;
    color: #fff;
    display: block;
}

/*HSA*/
.hsa-banner {
	background: #fff url(../front-img/hsa-banner.png) no-repeat center;
}
.other-pages-banner .banner-text {
	padding:40px 0 60px;
}
.other-pages-banner .banner-text .description {
    width: 80%;
}
.page-desc {
	background: #fff url(../front-img/triangle.jpg) no-repeat top left;
	background-position-y: -70px;
}
.page-desc .orange-btn {
	margin-top: 20px;
}
.page-desc p {
	color: #5c5b5b;
	padding: 10px;
}
.page-desc h2 {
	color: rgb(29, 79, 144);
}
.page-desc {
	padding: 80px 0;
}
.benefits-section {
	padding: 80px 0;
}
.benefits-section .with-check {
	background: url(../front-img/checkmark.png) no-repeat left 4px;
	padding-left: 20px;
	margin-left: 5%;
	margin-bottom: 0;
	width: fit-content;
}
.benefits-section .list-bullet {
	margin-top: 10px;
	margin-bottom: 15px;
    padding: 0;
    list-style: none;
    text-align: left;
    width: 90%;
    font-size: 16px;
    line-height: 2;
	color: #5c5b5b;
	margin-left: 12%;
}
.benefits-section .list-bullet li {
	position: relative;
	padding-left: 15px;
}
.benefits-section .list-bullet li:before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #2a427d; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
	font-size: 25px;
	position: absolute;
	height: 32px;
	top: -10px;
	left: 22px;
}
.benefits-section .list-ul {
	margin-top: 20px;
	margin-bottom: 20px;
    padding: 0;
    list-style: none;
    text-align: left;
    width: 100%;
    font-size: 16px;
    line-height: 2;
    color: #5c5b5b;
}
.benefits-section .list-ul li {
    background: url(../front-img/checkmark.png) no-repeat left 9px;
    padding-left: 30px;
    background-position-x: 2%;
}
.hsa-benefits {
	background: #fff url(../front-img/hsa-benefits.jpg) no-repeat right;
	background-size: cover;
}
.benefits-section h4, .benefits-section p {
	color: #5c5b5b;
}
.benefits-section .indent {
	margin-left: 5%;
}
.hsa-flex-diff {
	padding: 80px 0;
	margin-bottom: 0 !important; 
	/* background: #fff url(../img/2triangle.jpg) no-repeat center; */
	background: url(../front-img/triangle.jpg) no-repeat -55px -190px, url(../front-img/triangle-right.jpg) no-repeat calc(100vw - 870px) 255px;
	background-color: #fff;
	background-size: contain;
}
.hsa-flex-diff h2 {
	color: rgb(29, 79, 144) !important;
    font-weight: 600;
}
.hsa-flex-diff hr {
	border-top: 3px solid rgb(233,136,27);
}   
.hsa-flex-diff .column p {
	min-height: 70px;
}
.hsa-getting-started {
	padding: 80px 0;
	background: #fff url(../front-img/triangle.jpg) no-repeat top left;
    background-position-y: 15%;
}
.hsa-getting-started .content {
	padding: 20px 100px 0;
}
.hsa-getting-started .column {
	padding: 20px 0
}
.hsa-getting-started p, .hsa-getting-started h3 {
	color: #5c5b5b;
}
.hsa-getting-started h3 {
	font-size: 22px;
	line-height: inherit;
}
hr.arrow {
    border-top: 2px dashed #2083c4;
    margin-top: 60px;
}
hr.arrow::after {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../front-img/arrow-head.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    right: 2px;
    bottom: 34px;
}

/*FSA*/
.fsa-banner {
	background: #fff url(../front-img/fsa-banner.png) no-repeat center;
	background-size: cover;
}
.fsa-benefit1 {
	background: #fff url(../front-img/fsa-benefit1.png) no-repeat right bottom;
	background-size: contain;
}
.fsa-benefit2 {
	background: #fff url(../front-img/fsa-benefit2.png) no-repeat left bottom;
	background-size: contain;
	background-position-x: -15%;
}
.fsa.featured-resources .column .title {
    min-height: 60px;
    display: block;
}

/*contact us*/
.contact-us-banner {
	background: none;
	background-color: #e3ecf7;
	text-align: center !important;
}
.contact-us-banner .banner-text {
	max-width: 100%;
}
.contact-us-banner .banner-text hr {
	float: none;
}
.contact-us-banner .banner-text .description {
	width: 100%;
}
.contact-us-content {
    background: #fff url(../front-img/2triangle.jpg) no-repeat top left;
    background-size: contain;
}

/* custom form */
.custom-form {
	padding: 80px 0 80px;
}
.custom-form .content {
	width: 80%;
	margin: auto;
}
.custom-form .content .field {
	margin-bottom: 40px;
	position: relative;
}
.custom-form .content .field .custom-field {
	background-color: #f6f6f7;
	height: 50px;
	padding: 10px 20px;
}
.custom-form .content .field select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
.custom-form .content .field i {
    display: block;
    border: 7px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #e4862f;
    position: absolute;
    right: 35px;
    top: 21px;
}
.custom-form .content .field textarea {
	height: 120px !important;
}

.custom-radio-checkbox [type="radio"]:checked,
.custom-radio-checkbox [type="radio"]:not(:checked),
.custom-radio-checkbox [type="checkbox"]:checked,
.custom-radio-checkbox [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.custom-radio-checkbox [type="radio"]:checked + label,
.custom-radio-checkbox [type="radio"]:not(:checked) + label,
.custom-radio-checkbox [type="checkbox"]:checked + label,
.custom-radio-checkbox [type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
	color: #5c5b5b;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: normal;
}
.custom-radio-checkbox [type="radio"]:checked + label:before,
.custom-radio-checkbox [type="radio"]:not(:checked) + label:before,
.custom-radio-checkbox [type="checkbox"]:checked + label:before,
.custom-radio-checkbox [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0px;
    top: -0px;
    width: 21px;
    height: 21px;
    border: 1px solid #ccc;
    border-radius: 5px;
	background: #fff;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.custom-radio-checkbox [type="radio"]:checked + label:after,
.custom-radio-checkbox [type="radio"]:not(:checked) + label:after,
.custom-radio-checkbox [type="checkbox"]:checked + label:after,
.custom-radio-checkbox [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 13px;
    height: 6px;
    position: absolute;
    top: 5px;
    left: 4px;
    transform: rotate(-45deg);
}
.custom-radio-checkbox [type="radio"]:not(:checked) + label:after, .custom-radio-checkbox [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}
.custom-radio-checkbox [type="radio"]:checked + label:after, .custom-radio-checkbox [type="checkbox"]:checked + label:after {
    opacity: 1;
}
.custom-radio-checkbox [type="radio"]:checked + label:after,
.custom-radio-checkbox [type="radio"]:not(:checked) + label:after,
.custom-radio-checkbox [type="checkbox"]:checked + label:after,
.custom-radio-checkbox [type="checkbox"]:not(:checked) + label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
}

.custom-radio-checkbox [type="radio"]:checked + label:before,
.custom-radio-checkbox [type="checkbox"]:checked + label:before {
  background: #1d4f90;
}

.site-details {
	padding: 80px 0 80px;
}
.site-details .detail {
    background: #FFFFFF;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);
	padding: 30px 0px 20px;
	border-radius: 6px;
    min-height: 290px;
    margin-bottom: 30px;
}

/* Request Proposal */
.request-proposal-banner {
	background: none !important;
	background-color: #e3ecf7 !important;
	text-align: center !important;
}
.request-proposal-banner .banner-text {
	max-width: 100%;
}
.request-proposal-banner .banner-text .description {
	width: 100%;
}
.request-proposal-content {
    background: #fff url(../front-img/2triangle.jpg) no-repeat top left;
    background-size: contain;
}
.request-proposal-content h4 {
	color: #5c5b5b;
}
.request-proposal-form .content {
	width: 90%;
}
.request-proposal-form .content section {
	padding: 0 40px;
}
.request-proposal-form .content .field {
	margin-bottom: 15px;
}
.form-plans .card {
	border: 1px solid #f8f8f8;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	box-shadow: 0 0 5px #ccc;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	height: 200px;
}
.form-plans .card .custom-radio-checkbox {
	position: absolute;
}
.form-plans .card .header {
	display: inline-block;
	min-height: 70px;
}
.form-plans .card.active, .form-plans .card:hover{
	background-color: #f4f8ff;
	box-shadow: 0 0 30px #ccc;
}
.form-plans .card img {
	width: 62px;
}
.form-plans .card .card-title {
	display: table;
    font-size: 14px;
    color: #5c5b5b;
	font-weight: 600;
	padding: 10px 0;
}
.form-plans .card .card-title span {
	display: table-cell;
  	vertical-align: middle;
  	font-size: 14px;
}
.form-plans .card .card-desc {
	color: #5c5b5b;
	font-size: 14px;
}
.request-proposal-form .thank-you-section .fa {
	font-size: 60px;
	margin-bottom: 10px;
	color: #22b55f;
}
.request-proposal-form .thank-you-section p {
	color: #5c5b5b;
}


/*HRA*/
.hra-banner {
	background: #fff url(../front-img/hra-banner.png) no-repeat center;
	background-size: cover;
}
.hra-benefit1 {
	background: #fff url(../front-img/5343.png) no-repeat right bottom;
	background-size: contain;
	background-position-x: 120%;
}
.hra-benefit2 {
	background: #fff url(../front-img/3015.png) no-repeat left bottom;
	background-size: contain;
	background-position-x: -30%;
}
.works-for-you {
	padding: 80px 0;
	background: #fff url(../front-img/triangle.jpg) no-repeat top left;
    background-position-y: 60%;
}
.works-for-you h2 {
	color: rgb(29, 79, 144) !important;
    font-weight: 600;
}
.works-for-you .option h4 {
    color: #5c5b5b;
}
.works-for-you .desc {
	margin-bottom: 50px;
    color: #5c5b5b;
}
.works-for-you .option {
    box-shadow: 0 0 40px #ccc6;
    margin: 65px 10px;
    padding: 70px 20px 20px;
}
.works-for-you .option img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%);
}
.works-for-you .option .list-ul {
	margin-top: 20px;
	margin-bottom: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    width: 100%;
    font-size: 16px;
    line-height: 2;
    color: #5c5b5b;
}
.works-for-you .option .list-ul li {
    background: url(../front-img/checkmark.png) no-repeat left 9px;
    padding-left: 30px;
    background-position-x: 2%;
}
.works-for-you .additional-note {
	display: block;
	color: #5c5b5b;
}

/* commuter */
.commuter-banner {
	background: #fff url(../front-img/commuter-banner.png) no-repeat bottom center;
	background-size: cover;
}
.commuter-benefit1 {
	background: #fff url(../front-img/549431-PJZSUF-885.png) no-repeat right bottom;
	background-size: contain;
	padding: 10px 0 !important;
	background-position-x: 120%;
}
.commuter-benefit2 {
	background: #fff url(../front-img/549413-PJZSQX-659.png) no-repeat left bottom;
	background-size: contain;
	padding: 10px 0 30px !important;
	background-position-x: -10%;
}
.commuter.works-for-you .option {
	min-height: 355px;
}

/* pop */
.pop-banner {
	background: #fff url(../front-img/pop-banner.png) no-repeat center;
	background-size: cover;
}
.pop-benefit1 {
	background: #fff url(../front-img/pop-benefit1.png) no-repeat left bottom;
	background-size: contain;
	background-position-x: -15%;
}
.pop-benefit2 {
	background: #fff url(../front-img/pop-benefit2.png) no-repeat right bottom;
	background-size: contain;
	background-position-x: 115%;
}
.pop-benefit3 {
	background: #fff url(../front-img/pop-benefit3.png) no-repeat left bottom;
	background-size: contain;
	padding: 40px 0 60px;
	background-position-x: -15%;
}
.plan-pricing {
	padding: 80px 0;
	position: relative;
	background: #fff url(../front-img/triangle.jpg) no-repeat top left;
	background-position-y: 300px;
	background-position-x: -20px;
}
.pricing-table {
	margin: 50px auto !important;
	box-shadow: 0 0 30px #ccc;
}
.pricing-table.width-70 {
	width: 70%;
}
.pricing-table tr th {
	vertical-align: middle !important;
	text-align: center;
	border: 0 !important;
	padding: 20px !important;
}
.pricing-table tr th.with-border {
	border-left: 1px solid #2f5d99 !important;
	border-right: 1px solid #2f5d99 !important;
}
.pricing-table tr th.blue-bg {
	background: #2f5d99;
	color: #ffffff;
}
.pricing-table tr th.light-blue-bg {
	background: #e3ecf7;
	color: #5c5b5b;
}
.pricing-table tbody tr {
    height: 100px;
}
.pricing-table tbody tr:nth-child(even) {
    background: #f4f4f4;
}
.pricing-table tr td {
    vertical-align: middle !important;
	border: 0 !important;
	font-size: 16px;
	padding: 0 40px !important;
	color: #5c5b5b;
}
.pricing-table tr td.with-border {
	border-left: 1px solid #e3e1e1 !important;
	border-right: 1px solid #e3e1e1 !important;
}
.pricing-table tr td span {
	line-height: 2;
}
.width-25 {
	width: 25%;
}
.width-50 {
	width: 50%;
}
.blue-text {
	color: #005090 !important;
}

/* cobra */
.cobra-banner {
	background: #fff url(../front-img/cobra-banner.png) no-repeat center;
	background-size: cover;
}
.cobra-benefit1 {
	background: #fff url(../front-img/cobra-benefit1.png) no-repeat left bottom;
	background-size: contain;
	background-position-x: -40%;
	padding: 0;
	padding-bottom: 10px;
}
.cobra-benefit1 .h2-blue {
	margin-top: 0;
}
.cobra-included {
	background: #fff url(../front-img/triangle.jpg) no-repeat left;
	background-size: contain;
	background-position-x: -15%;
}

/* ndt */
.ndt-banner {
	background: #fff url(../front-img/ndt-banner.png) no-repeat center;
	background-size: cover;
}
.ndt-benefit1 {
	background: #fff url(../front-img/ndt-benefit1.png) no-repeat left bottom;
	background-size: contain;
	background-position-x: -75%;
	padding: 0;
	padding-bottom: 10px;
}
.ndt-benefit2 {
	background: #fff url(../front-img/ndt-benefit2.png) no-repeat right bottom;
	background-size: contain;
	background-position-x: 115%;
	padding: 0;
    padding-bottom: 10px;
    margin: 80px 0;
}

/* wrap */
.page-desc.wrap {
	background: #fff url(../front-img/triangle-right.jpg) no-repeat top right;
    background-position-y: 100px;
    background-position-x: 103%;
}
.wrap-banner {
	background: #fff url(../front-img/wrap-banner.png) no-repeat center;
	background-size: cover;
}
.wrap-benefit1 {
	background: #fff url(../front-img/wrap-benefit1.png) no-repeat left bottom;
	background-size: contain;
	background-position-x: -20%;
	padding: 0;
	padding-bottom: 10px;
}
.wrap-benefit2 {
	background: #fff url(../front-img/wrap-benefit2.png) no-repeat right bottom;
	background-size: contain;
	background-position-x: 130%;
	padding: 0;
    padding-bottom: 10px;
    margin: 80px 0;
}

/* brokers */
.page-desc.brokers {
	background: #fff url(../front-img/triangle-right.jpg) no-repeat top right;
    background-position-y: 50px;
	background-position-x: 103%;
}
.brokers-banner {
	background: #fff url(../front-img/brokers-banner.png) no-repeat center;
	background-size: cover;
}
.brokers-benefit1 {
	background: #fff url(../front-img/brokers-benefit1.png) no-repeat left bottom;
	background-size: contain;
	background-position-x: -20%;
	padding: 0;
	padding-bottom: 30px;
}
.expect-from-flex {
	padding: 80px 0;
}
.expect-from-flex h2 {
    color: rgb(29, 79, 144);
}
.expect-from-flex p {
	color: rgb(92, 91, 91);
	padding: 0 18vw;
}
.expect-from-flex .list {
	list-style-type: none;
	padding-top: 40px;
	padding-left: 0;
}
.expect-from-flex .list .title {
	font-size: 16px;
	color: rgb(29, 79, 144);
	font-weight: bold;
	background-color: #e4ecf7;
	border-radius: 50px;
	margin: 10px 0
}
.expect-from-flex .list .title a {
	padding: 15px 20px;
	color: rgb(29, 79, 144);
	width: 100%;
	border-radius: 50px;
	display: block;
	position: relative;
}
.expect-from-flex .list .title a:hover, .expect-from-flex .list .title a:focus {
	text-decoration: none;
	outline: 0;
}
.expect-from-flex .list .title a:after {
	font-family: "FontAwesome";
    content: "\f107";
    float: right;
	color: rgb(29, 79, 144);
	font-size: 20px;
	line-height: 1;
	position: absolute;
    right: 20px;
    top: 30%;
}
.expect-from-flex .list .title a.collapsed:after { 
    content: "\f105";
}
.expect-from-flex .list .content {
	font-size: 16px;
	color: rgb(92, 91, 91);
	padding: 0 20px;
	margin: 20px 0;
}
.expect-from-flex .list .content .list-bullet {
	list-style: none;
}
.expect-from-flex .list .content .list-bullet li {
	position: relative;
	padding-left: 15px;
}
.expect-from-flex .list .content .list-bullet li:before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #2a427d; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
	font-size: 25px;
	position: absolute;
	height: 32px;
	top: -7px;
	left: 22px;
}

/* Flex Splash */
.splash.site-header {
	padding-bottom: 20px;
	padding-top: 25px;
}
.splash-sub-header {
	padding: 30px 0;
	background-color: #00609e;
	display: inline-block;
	width: 100%;
}
.splash-sub-header h3 {
	color: #fff;
	margin: 0;
}
.splash.flex-footer {
	background: #00579b;
}
.splash.flex-footer .title {
	border-bottom: 2px solid #fff;
	font-size: 16px !important;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 2;
}
.splash.flex-footer .sub-title {
	font-size: 15px !important;
	font-weight: normal;
	margin-bottom: 8px;
	line-height: 1.8;
}
.splash.flex-footer .item {
	font-size: 13px !important;
}
.splash.flex-footer .indent {
	padding-left: 10px;
}
.splash-banner {
	background: #fff url(../front-img/splash-banner.png) no-repeat top;
	background-size: cover;
	padding: 60px 0;
}
.splash-banner .banner-text {
	padding: 0;
}
.splash-banner .banner-text .description {
	font-size: 18px;
}
.splash-sponsor-sec {
	padding: 50px 0;
}
.splash-sponsor-sec .logos {
	display: flex;
    list-style: none;
	position: relative;
	padding:0;
}
.splash-sponsor-sec .logos li {
	width: 100%;
}
.logos .owl-item img {
    max-height: 40px;
    width: auto;
}
.logos .owl-nav {
    position: absolute;
    width: calc(100% + 80px);
	top: 3px;
	left: -40px;
}
.logos .owl-nav button.owl-next{
	right: 0;
}
.logos .owl-nav button {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #e5f1f9 !important;
    position: absolute;
}
.splash-services {
	/*padding: 40px 0;*/
	padding: 0;
	background: #fff url(../front-img/triangle.jpg) no-repeat top left;
	background-position-y: 15%;
	background-position-x: -30px;
}
.splash-services .content {
	padding: 20px 100px 0;
	display:flex;
	flex-wrap: wrap;
}

.splash-services .column {
	padding: 40px 20px;
	border-radius: 5px;
	margin-bottom: 30px;
	cursor: pointer;
	height:calc(100% - 30px);
	width: 100%;
}
.splash-services .column.box1 {
	background-color: #e5f1f9;
}
.splash-services .column.box2 {
	background-color: #ededed;
}
.splash-services .column.box3 {
	background-color: #dcebfe;
}
.splash-services .column h3 {
	color: rgb(29, 79, 144);
	font-size: 22px;
	line-height: inherit;
	margin-bottom: 20px;
	margin-top: 0;
	line-height: 1;
	height: 40px;
}
.splash-services .column .sub-head {
	color: rgb(29, 79, 144);
	font-weight: 600;
	margin-bottom: 20px;
}
.splash-services .column .desc {
	color: #5c5b5b;
	font-size: 14px;
	margin: 30px 0;
	height: 47px;
}
.splash-services .column .orange-btn {
	line-height: 1.3;
	max-width: 230px;
	padding: 10px 15px;
	width: 100%;
}
.splash-benefit {
	background: #fff url(../front-img/splash-benefit.png) no-repeat right bottom;
	background-size: contain;
	background-position-x: 150%;
    padding: 40px 0 80px 0;
}
.splash-products-services {
	padding: 80px 0 40px 0;
	background: #fff url(../front-img/products-services-bg.png) no-repeat;
	background-size: cover;
}
.splash-products-services .desc {
	color: #5c5b5b;
	max-width: 900px;
    margin: auto;
}
.splash-products-services .sub-title {
	padding: 40px 0 0;
	color: #5c5b5b;
	font-size: 18px !important;
	font-weight: 900;
}
.splash-products-services .list-ul {
	margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    width: 100%;
    font-size: 16px;
    line-height: 2;
    color: #5c5b5b;
}
.splash-products-services .list-ul li {
    background: url(../front-img/checkmark.png) no-repeat left 3px;
    padding-left: 30px;
	background-position-x: 2%;
	font-size: 14px;
	line-height: 1.5;
}
.splash-products-services .three-columns {
	padding: 0 60px;
}
.splash-products-services .two-columns {
	padding: 0 60px;
}
.splash-products-services .three-columns .column {
	height: 250px;
}
.splash-products-services .two-columns .column {
	height: 270px;
}
.splash-products-services .column {
	background-color: #fff;
	position: relative;
	padding: 80px 20px 0;
	margin: 100px 5% 50px;
	border-radius: 5px;
}
.splash-products-services .column img {
	position: absolute;
	top: -50px;
    right: 32%
}
.splash-products-services .column .title {
	color: #5c5b5b;
	font-weight: 600;
	margin-bottom: 30px;
}
.splash-all-benefits {
	display:none;
	padding: 70px 0 50px;
}
.splash-all-benefits p {
	color: #5c5b5b;
}
.splash-all-benefits .list-ul {
	margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    width: 100%;
    font-size: 16px;
    line-height: 2;
    color: #5c5b5b;
}
.splash-all-benefits .list-ul li {
    background: url(../front-img/checkmark.png) no-repeat left 3px;
    padding-left: 30px;
	background-position-x: 2%;
	font-size: 14px;
	line-height: 2;
}
.splash-all-benefits img {
	box-shadow: 0 0 15px #ccc;
    max-width: 100%;
}
.splash-clients-statisfaction {
	padding: 70px 0 50px;
	background: #fff url(../front-img/clients-satisfaction-bg.png) no-repeat;
	background-size: cover;
}
.splash-clients-statisfaction p {
	color: #5c5b5b;
}
.splash-clients-statisfaction .columns {
	max-width: 900px;
    margin: auto;
}
.splash-clients-statisfaction .column {
	background-color: #fff;
	position: relative;
	padding: 15px;
	margin: 0 10% 50px;
	border-radius: 5px;
}
.splash-clients-statisfaction .column.blue {
	background-color: #2b6da2;
}
.splash-clients-statisfaction .column.orange {
	background-color: #e29955;
}
.splash-clients-statisfaction .column.light-blue {
	background-color: #7a9ac5;
}
.splash-clients-statisfaction .column p {
	color: #fff;
}
.splash-clients-statisfaction .column .border-box {
	padding: 10px;
	border: 1px solid #fff;
}
.splash-clients-statisfaction .column .title {
	height: 70px;
	display: table;
    width: 100%;
}
.splash-clients-statisfaction .column .title span {
	display: table-cell;
    vertical-align: middle;
}
.splash-clients-statisfaction .column .percent {
	font-size: 35px;
    font-weight: 900;
}
.splash-clients-statisfaction .column .desc {
	font-size: 14px;
	height: 80px;
}
.splash.contact-us-content {
	background: #fff url(../front-img/triangle-right.jpg) no-repeat top right;
    background-position-y: 150px;
    background-position-x: 103%;
}
.splash.contact-us-content p {
	color: #5c5b5b;
}
.splash-copyright {
	background-color: #ebebeb;
	padding: 25px 0;
}
.splash-copyright p {
	color: #015899;
	margin: 20px 0;
	font-size: 14px;
}
.splash-copyright a, .splash-copyright a:hover {
	color: #015899;
	text-decoration: none;
}
.splash.homepage-section7 h2 {
	color: rgb(29, 79, 144) !important;
}

@media all and (min-width: 992px) {
  .multiple-items .carousel-inner > .active.left,
  .multiple-items .carousel-inner > .prev {
    left: -50%;
  }
  .multiple-items .carousel-inner > .active.right,
  .multiple-items .carousel-inner > .next {
    left: 50%;
  }
  .multiple-items .carousel-inner > .left,
  .multiple-items .carousel-inner > .prev.right,
  .multiple-items .carousel-inner > .active {
    left: 0;
  }
  .multiple-items .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (max-width: 991px) {
	.splash-services .content	.col-md-4{
		width: 100%;
	}
}	
@media all and (max-width: 767px) {
.logos .owl-nav {
    width: 100%;
    left: 0;
}
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .multiple-items .carousel-inner > .item.active.right,
  .multiple-items .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .multiple-items .carousel-inner > .item.active.left,
  .multiple-items .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .multiple-items .carousel-inner > .item.left,
  .multiple-items .carousel-inner > .item.prev.right,
  .multiple-items .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .multiple-items .carousel-inner > .active.left,
  .multiple-items .carousel-inner > .prev {
    left: -25%;
  }
  .multiple-items .carousel-inner > .active.right,
  .multiple-items .carousel-inner > .next {
    left: 25%;
  }
  .multiple-items .carousel-inner > .left,
  .multiple-items .carousel-inner > .prev.right,
  .multiple-items .carousel-inner > .active {
    left: 0;
  }
  .multiple-items .carousel-inner .cloneditem-2,
  .multiple-items .carousel-inner .cloneditem-3 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .multiple-items .carousel-inner > .item.active.right,
  .multiple-items .carousel-inner > .item.next {
    -webkit-transform: translate3d(25%, 0, 0);
            transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .multiple-items .carousel-inner > .item.active.left,
  .multiple-items .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-25%, 0, 0);
            transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .multiple-items .carousel-inner > .item.left,
  .multiple-items .carousel-inner > .item.prev.right,
  .multiple-items .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media screen and (max-width: 768px) {
	.site-header .navbar-toggle {
		margin-left: 30px;
	}

	/* pop */
	.pricing-table tr td {
		padding: 0px 20px !important;
	}
	.pricing-table.width-70{
		width: 100%;
	}
}

@media screen and (min-width: 320px) and (max-width: 420px) {
	.main-banner h1 {
		font-size: 30px;
	}
	.banner-text .description span {
		display: unset;
	}
	.footer-mobile a {
        min-height: 56px;
	}

	/* pop */
	.pricing-table {
		box-shadow: 0 0 20px #ccc;
	}
	.pricing-table.width-70{
		width: 100%;
	}
	.pricing-table tr td {
		padding: 8px !important;
	}
	.pricing-table tr th {
		padding: 10px !important;
	}

	/* request proposal */
	.request-proposal-form .content section {
		padding: 0;
	}

	.expect-from-flex .list .title a {
		padding: 15px 25px;
	}

	/* brokers */
	.page-desc.brokers {
		padding-bottom: 40px;
	}
	.brokers-benefit1 {
		padding-top: 40px !important;
	}

	/* Splash Flex */
	.splash-sponsor-sec {
		padding-bottom: 0;
	}
	/*.splash-sponsor-sec .logos {
		padding: 0;
		display: contents;
	}*/ 
	.splash-sponsor-sec .logos li img {
		margin-bottom: 50px;
	}
	.splash-services {
		background: none;
	}
	.splash-services .content {
		padding: 0;
	}
	.splash-products-services .three-columns, .splash-products-services .two-columns {
		padding: 0;
	}
	.splash-products-services .column img {
		right: 32% !important;
	}
	.splash.contact-us-content {
		background: none;
	}
}
@media screen and (max-width: 991px) {
	.site-header .header-navbar .caret.right {
	    border-left: 5px solid transparent !important;
    	border-top: 7px dashed !important;
	    border-bottom: 0 !important;
	}
	.multiple-items .carousel-inner {
		width: 80%;
		margin: auto;
	}
	.site-header .navbar-nav .open .dropdown-menu {
	    position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	.site-header .navbar-header {
        float: none;
    }
    .site-header .navbar-toggle {
        display: block;
    }
    .site-header .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .site-header .navbar-collapse.collapse {
        display: none!important;
    }
    .site-header .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .site-header .navbar-nav>li {
        float: none;
    }
    .site-header .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

   	.site-header .navbar-collapse.collapse.in { 
        display: block!important; 
    }
	.site-header {
		position: fixed;
	    right: 0;
	    left: 0;
	    z-index: 1030;
		width: 100%;
	}
	.site-header .side-collapse-container{
          width:100%;
          position:relative;
          left:0;
          transition:left .4s;
    }
	.site-header .side-collapse-container.out{
          left:200px;
    }
	.site-header .side-collapse {
		margin-top: 12px;
		top:50px;
		bottom:0;
		right:0;
		width:70%;
		position:fixed;
		overflow:hidden;
		transition:all .4s;
		background-color: #fff;
		z-index: 999;
		overflow-y: scroll;
		transform: translateX(0%);
    }
	.splash.site-header .side-collapse {
		margin-top: 30px;
	}
	.site-header .side-collapse.in {
		  width:70%;
		  transform: translateX(100%);
		  transition: all .4s;
    }
	.site-header .navbar-nav .open .dropdown-menu>li>a {
		color: #232c56 !important;
	}
	.site-header .header-navbar a:active, .site-header .header-navbar a:hover {
		color: #232c56 !important;
	}
	.site-header .navbar-collapse {
		border: 0;
	}
	.site-header .navbar-toggle:focus {
		background-color: transparent;
	}
	.site-header .navbar-toggle {
		display: block;
		border: 0;
		margin-top: 0;
		margin-bottom: 0;
	}
	.site-header .navbar-toggle .icon-bar {
		height: 3px;
		width: 30px;
		background-color: #000;
	}
	.site-header .img-logo img {
		width: 120px;
		margin-left: 40px;
	}
	.site-header .navbar-header {
		width: 100%;
	}
	.site-header .navbar-toggle {
		margin-right: 0;
		float: right;
		margin-right: 10px;
	}
	.main-banner {
		background: #fff url(../front-img/main-mobile-banner.png) no-repeat center;
		background-size: cover;
	}
	.site-header-2 {
		display: none;
	}
	.main-banner {
		padding: 90px 0 28px 0;
	}
	.banner-text {
		margin: auto;
		max-width: 100%;
		text-align: center;
	}
	.banner-text hr {
		float: unset;
	}
	.section3-bg {
		width: 100%;
		float: right !important;
		max-width: 100%;
	}
	.section2-bg {
		max-width: 100%;
	}
	.section2-bg, .section3-bg {
		position: relative;
	}
	.section2-bg img, .section3-bg img {
		width: 80%;
		margin-bottom: 50px;
	}
	.float-right {
		float: none;
	}
	.homepage-section3 {
		margin-top: 0;
		margin-bottom: 0;
	}
	.homepage-section4 {
		margin-top: 0;
		margin-bottom: 50px;
	}
	.homepage-section5 {
		margin-bottom: 50px;
	}
	.homepage-section7 {
		padding: 50px 0;
	}
	.mobile-only {
		display: block;
	}
	.footer-mobile {
		display: inline-block;
	}
	.desktop-only {
		display: none;
	}
	.social-media {
		text-align: center;
		margin-top: 10px !important;
	}
	.social-media li {
		display: inline-block;
		float: none !important;
	}
	.flex-footer {
		padding: 50px 20px;
	}
	.flex-footer .copyright {
		text-align: center;
	}
	.cards-container .card {
	    padding: 20px;
	}
	.homepage-section5 .column {
	    padding: 30px 16px;
	}
	.homepage-section3 .orange-btn, .homepage-section4 .orange-btn {
		margin-top: 30px;
	}
	.homepage-section7 {
		background: url(../front-img/rectangle-slider-mobile.png) no-repeat top;
		background-size: cover;
	}
	.homepage-section7 .orange-btn {
		margin-top: 20px;
	}
	.homepage-section7 .avatar {
		margin-top: 100px;
	}
	.homepage-section7 .avatar p{
		margin-top: 15px;
	}
	.adv-promotion .opacity {
		display: block;
	}
	.clients-carousel .carousel-indicators {
		bottom: -15px;
	}

	/*HSA*/
	.hsa-banner {
		background: #fff url(../front-img/hsa-banner-mobile.png) no-repeat center;
   		background-size: cover;
	}
	.other-pages-banner .banner-text {
	    padding: 20px 0 50px;
	}
	.other-pages-banner .banner-text .description {
        margin: 0 auto 50px;
	}
	.benefits-section {
   		text-align: center;
	}
	.hsa-benefits {
		background: #fff url(../front-img/hsa-benefits-mobile.png) no-repeat center;
   		background-size: cover;
	}
	.hsa-getting-started .content {
	    padding: 20px 0;
	}
	.hsa-getting-started .column.arrow-column {
	    transform: rotate(90deg);
	    width: 100px;
    	margin: auto;
	}
	hr.arrow {
	    width: 80px;
        margin: 15px auto;
	}
	hr.arrow::after {
	    right: 8px;
    	bottom: 29px;
	}
	.page-desc, .hsa-flex-diff, .hsa-getting-started, .plan-pricing {
		background: none !important;
	}

	/*FSA*/
	.fsa-banner {
		background: #fff url(../front-img/fsa-banner-mobile.png) no-repeat center;
   		background-size: cover;
	}
	.fsa-benefit1 {
		background: #fff url(../front-img/fsa-benefit1-mobile.png) no-repeat center;
   		background-size: cover;
	}
	.fsa-benefit2 {
		background: #fff url(../front-img/fsa-benefit2-mobile.png) no-repeat center;
   		background-size: cover;
	}

	/*contact us*/
	.contact-us-banner {
		background: none !important;
		background-color: #e3ecf7 !important;
		text-align: center !important;
	}
	.contact-us-content {
		background: none;
	}
	.custom-form .content .field {
	    margin-bottom: 20px;
	}
	.custom-form .content {
		width: 100%;
	}

	/*HRA*/
	.hra-banner {
		background: #fff url(../front-img/hra-banner-mobile.png) no-repeat center;
   		background-size: cover;
	}
	.hra-benefit1 {
		background: #fff url(../front-img/hra-benefit1-mobile.png) no-repeat center;
   		background-size: cover;
	}
	.hra-benefit2 {
		background: #fff url(../front-img/hra-benefit2-mobile.png) no-repeat center;
   		background-size: cover;
	}
	.works-for-you {
		background: none;
	}
	.works-for-you .option {
		margin-top: 130px;
	}
	.works-for-you .option img {
		top: -65px;
	}

	/* commuter */
	.commuter-banner {
		background: #fff url(../front-img/commuter-banner-mobile.png) no-repeat center;
   		background-size: cover;
	}
	.commuter-benefit1 {
		background: #fff url(../front-img/commuter-benefit1-mobile.png) no-repeat center;
		background-size: cover;
		padding: 80px 0 !important;
	}
	.commuter-benefit2 {
		background: #fff url(../front-img/commuter-benefit2-mobile.png) no-repeat center;
		background-size: cover;
		padding: 80px 0 !important;
	}

	/* pop */
	.pop-banner {
		background: #fff url(../front-img/pop-banner-mobile.png) no-repeat center;
   		background-size: cover;
	}
	.pop-benefit1 {
		background: #fff url(../front-img/pop-benefit1-mobile.png) no-repeat center;
		background-size: cover;
		padding: 80px 0 !important;
	}
	.pop-benefit2 {
		background: #fff url(../front-img/pop-benefit2-mobile.png) no-repeat center;
		background-size: cover;
	}
	.pop-benefit3 {
		background: #fff url(../front-img/pop-benefit2-mobile.png) no-repeat center;
		background-size: cover;
		padding: 80px 0 !important;
	}

	/* cobra */
	.cobra-banner {
		background: #fff url(../front-img/cobra-banner-mobile.png) no-repeat center;
   		background-size: cover;
	}
	.cobra-benefit1 {
		background: #fff url(../front-img/cobra-benefit1-mobile.png) no-repeat center;
		background-size: cover;
		padding: 80px 0 !important;
	}

	/* ndt */
	.ndt-banner {
		background: #fff url(../front-img/ndt-banner-mobile.png) no-repeat center;
   		background-size: cover;
	}
	.ndt-benefit1 {
		background: #fff url(../front-img/ndt-benefit1-mobile.png) no-repeat center;
		background-size: cover;
		padding: 80px 0 !important;
	}
	.ndt-benefit2 {
		background: #fff url(../front-img/ndt-benefit2-mobile.png) no-repeat center;
		background-size: cover;
		padding: 80px 0 !important;
		margin: 0 !important;
	}
	.benefits-section .with-check {
		text-align: left;
	}
	.benefits-section .indent .blue-text {
		text-align: left;
	}

	/* wrap */
	.wrap-banner {
		background: #fff url(../front-img/wrap-banner-mobile.png) no-repeat center;
   		background-size: cover;
	}
	.wrap-benefit1 {
		background: #fff url(../front-img/wrap-benefit1-mobile.png) no-repeat center;
		background-size: cover;
		padding: 80px 0 !important;
	}
	.wrap-benefit2 {
		background: #fff url(../front-img/wrap-benefit2-mobile.png) no-repeat center;
		background-size: cover;
		padding: 80px 0 !important;
		margin: 0 !important;
	}

	/* brokers */
	.brokers-banner {
		background: #fff url(../front-img/brokers-banner-mobile.png) no-repeat center;
   		background-size: cover;
	}
	.brokers-benefit1 {
		background: #fff url(../front-img/brokers-benefit1-mobile.png) no-repeat center;
		background-size: cover;
		padding: 80px 0;
	}
	.expect-from-flex p {
		padding: 0;
	}

	/* Flex Splash  */
	.splash-sub-header {
		margin-top: 83px;
	}
	.splash-banner {
		background: #fff url(../front-img/splash-banner-mobile.png) no-repeat center;
		   background-size: cover;
		   padding: 30px 0;
	}
	.splash-benefit {
		background: #fff url(../front-img/splash-benefit-mobile.png) no-repeat center;
		background-size: cover;
		padding: 80px 0 !important;
		margin: 0 !important;
	}
	.splash-products-services .column img {
		right: 41%;
	}
	.splash-all-benefits {
		text-align: center;
	}
	.splash-all-benefits .list-ul {
		width: fit-content;
		margin: auto;
	}
	.splash-sponsor-sec .logos {
		padding: 0;
	}
	.splash-copyright {
		text-align: center;
	}
	.splash.flex-footer {
		text-align: center;
	}
}

@media screen and (min-width: 992px) and (max-width: 1240px) {
	.homepage-banner {
		background-position-x: -150px;
	}
	.site-header .img-logo {
		margin-right: 10px;
	}
	.site-header .header-navbar li.active a {
	    padding: 15px 0;
	}
	.site-header .contact {
	    padding: 13px 0px;
	}
	.site-header .orange-btn {
	    margin: 7px 0px 7px 8px;
	}
	.site-header .btn-dropdown ul {
		right: 0;
	}
	.cards-container .card {
	    padding: 15px 10px;
	}
	.homepage-section5 .column {
		padding: 30px 20px;
		min-height: 330px;
	}
	.homepage-section7 {
		background-size: 110%;
	}

	/*FSA*/
	.fsa-benefit2 {
		background-position-x: -200px;
	}

	/*HSA*/
	.hsa-benefits {
		background-position-x: -300px;
	}
	.hsa-banner {
	    background-position-x: -250px;
	}

	/*HRA*/
	.hra-benefit2 {
		background-position-x: -300px;
	}
	.hra-benefit1 {
		background-position-x: 200px;
	}
	.hra-banner {
		background-position-x: -350px;
	}
	.works-for-you .option {
		min-height: 341px;
	}

	/* commuter */
	.commuter-benefit1 {
		background-position-x: 350px;
	}
	.commuter-benefit2 {
		background-position-x: -150px;
	}
	.commuter.works-for-you .option {
		min-height: 390px;
	}

	/* pop */
	.pop-benefit1 {
		background-position-x: -300px;
	}
	.pop-benefit2 {
		background-position-x: 350px;
	}
	.pop-benefit3 {
		background-position-x: -180px;
	}

	/* cobra */
	.cobra-benefit1 {
		background-position-x: -300px;
	}

	/* ndt */
	.ndt-benefit1 {
		background-position-x: -300px;
	}
	.ndt-benefit2 {
		background-position-x: 350px;
	}

	/* wrap */
	.wrap-benefit1 {
		background-position-x: -230px;
	}
	.wrap-benefit2 {
		background-position-x: 390px;
	}

	/* brokers */
	.brokers-benefit1 {
		background-position-x: -330px;
	}
	
	/* Flex Splash */
	.splash-benefit {
		background-position-x: 390px;
	}
}

@media screen and (min-width: 1100px) and (max-width: 1199px) {
	.homepage-section3 .column-img, .homepage-section4 .column-img {
		margin-top: 15%;
	}
	.site-header .container {
		width: auto !important;
	}
	.homepage-section3 .col-md-7, .homepage-section4 .col-md-7 {
		padding: 0;
	}
	.cards-container .col-md-6 {
		padding: 0 10px;
	}
	.cards-container .card .card-title {
		margin-left: 65px;
	}
	.section2-bg {
	    left: -40px;
	}
	.section3-bg img {
	    object-fit: cover;
    	object-position: 40px 0;
	}
	.fsa.featured-resources .column .title {
	    height: 85px;
	}
	.expect-from-flex p {
		padding: 0px 14vw;
	}
}
@media screen and (min-width: 992px) and (max-width: 1099px) {
	.homepage-section3 .column-img, .homepage-section4 .column-img {
		margin-top: 20%;
	}
	.site-header .container {
		width: auto !important;
	}
	.site-header .navbar-nav li a:not(.orange-btn) {
		padding: 20px 10px !important;
	}
	.site-header .img-logo img {
		width: 120px;
		margin-top: 10px;
	}
	.site-header .contact {
		font-size: 18px;
	}
	.site-header .orange-btn {
	    padding: 10px !important;
    	min-width: 100px;
	}
	.ul-flex {
		font-size: 13px;
	}
	.logos .ul-flex li:first-child {
		text-align: left;
		width: 120%;
	}
	.homepage-section3 .col-md-7, .homepage-section4 .col-md-7 {
		padding: 0;
	}
	.cards-container .col-md-6 {
		padding: 0 10px;
	}
	.cards-container .card .card-title {
		margin-left: 65px;
	}
	.section2-bg {
	    left: -40px;
	}
	.section3-bg img {
	    object-fit: cover;
    	object-position: 40px 0;
	}
	.fsa.featured-resources .column .title {
	    height: 85px;
	}
}
@media screen and (min-width: 1600px) {
	.section2-bg {
		left: calc(50vw - 800px);
	}
	.section3-bg {
		left: calc(50vw + 200px);
	}
	.fsa-benefit1, .hra-benefit1, .commuter-benefit1, .wrap-benefit2, .pop-benefit2, .ndt-benefit2, .splash-benefit {
		background-position-x: 50vw !important;
	}
	.fsa-benefit2, .hra-benefit2, .commuter-benefit2, .cobra-benefit1, .wrap-benefit1, .pop-benefit1, .pop-benefit3, .ndt-benefit1, .brokers-benefit1 {
		background-position-x: calc(50vw - 900px) !important;
	}

	.expect-from-flex p {
		padding: 0;
	}
}
/* @media screen and (min-width: 2048px) and (max-width: 2559px) {
	.fsa-benefit1, .hra-benefit1, .commuter-benefit1, .wrap-benefit2, .pop-benefit2, .ndt-benefit2 {
		background-position-x: 50vw;
	}
	.fsa-benefit2, .hra-benefit2, .commuter-benefit2, .cobra-benefit1, .wrap-benefit1, .pop-benefit1, .pop-benefit3, .ndt-benefit1, .brokers-benefit1 {
		background-position-x: 15vw;
	}

	.expect-from-flex p {
		padding: 0;
	}
}
@media screen and (min-width: 2560px) {
	.fsa-benefit1, .hra-benefit1, .commuter-benefit1, .wrap-benefit2, .pop-benefit2, .ndt-benefit2 {
		background-position-x: 45vw;
	}
	.fsa-benefit2, .hra-benefit2, .commuter-benefit2, .cobra-benefit1, .wrap-benefit1, .pop-benefit1, .pop-benefit3, .ndt-benefit1, .brokers-benefit1 {
		background-position-x: 20vw;
	}

	.expect-from-flex p {
		padding: 0;
	}
} */