a:hover {
	color: #1789c0;
}

.main-slider {
	display: block;
}

.landing-nav {
	background-color: #e5ded6;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	transition: background-color 0.5s;
}

.nav-logo img {
	max-width: 170px;
}

.menu-bg-color {
    position: absolute;
    height: 62px;
    width: 62px;
    background-color: #2c93c1;
    top: -0.5em;
    left: -16vw;
    transition: left 0.5s;
}

.landing-nav.active .menu-bg-color {
	left: 0;
}

.nav-bar-img {
	height: 32px;
	width: 27px;
	cursor: pointer;
	overflow: hidden;
}

.nav-bar-img svg {
	position: absolute;
	height: 5px;
	width: 27px;
	fill: #9e8e79;
	transform-origin: 0 50%;
	-webkit-transition: -webkit-transform 0.5s;
	transition: fill 0.5s, margin-left 0.5s, opacity 0.5s, transform 0.5s, width 0.5s;
}

.nav-bar-img svg#bar1 {
	margin-top: 3px;
}

.nav-bar-img svg#bar2 {
	margin-top: 12px;
}

.nav-bar-img svg#bar3 {
	margin-top: 21px;
}

.nav-btn.active svg {
	fill: #fff;
}

.nav-btn.active svg#bar1 {
	margin-top: 3px;
    transform: rotate(45deg);
    width: 26px;
}

.nav-btn.active svg#bar2 {
	margin-top: 12px;
    margin-left: 27px;
    opacity: 0;
}

.nav-btn.active svg#bar3 {
	margin-top: 21px;
    transform: rotate(-45deg);
    width: 26px;
}

#nav-menu {
    position: absolute;
    z-index: 10;
    background-color: #2c93c1;
    color: #fff;
	width: 540px;
	left: -540px;
	transition: left 0.5s;
	box-shadow: 0px 4px 20px -12px rgba(0,0,0,0.75);
}

@media only screen and (max-width: 540px) { #nav-menu { width: 100vw; left: -100vw; } }

#nav-menu.active {
	left: 0;
}

.nav-link {
	transition: background-color 0.25s, color 0.25s;
	color: #fff;
}

.nav-link:hover {
    background-color: rgba(255,255,255,0.8);
    color: #2c93c1;
}

.nav-title {
    font-size: 2.4em;
}

@media only screen and (max-width: 480px) { .nav-title { font-size: 1.8em; } }

.link-icon {
	height: 1em;
	width: 31px;
	display:none;
}

@media only screen and (max-width: 480px) { .link-icon { height: 0.8em; } }

.link-icon.group-401 {
	height: 0.5em;
}

@media only screen and (max-width: 480px) { .link-icon.group-401 { height: 0.4em; } }

.link-icon svg {
    height: 1em;
    fill: #fff;
}

@media only screen and (max-width: 480px) { .link-icon svg { height: 0.8em; } }

.link-icon.group-401 svg {
	height: 0.5em;
}

@media only screen and (max-width: 480px) { .link-icon.group-401 { height: 0.4em; } }

.link-txt {
    font-size: 1.2em;
}

@media only screen and (max-width: 480px) { .link-txt { font-size: 0.9em; } }

.nav-search .form-control {
	background-color: #fff;
	color: #9e8e79;
	border: none;
}

.nav-search .btn,
.mobile-search > .btn {
	background-color: #9e8e79;
	padding: 0.3rem 0.75rem;
}

.search-dropdown {
	position: absolute;
	top: 0;
	right: 15px;
	opacity: 0;
	z-index: -1;
	width: 20em;
    transition: top 0.5s, opacity 0.5s;
}

.mobile-search > .btn.active {
	background-color: #2c93c1;
}

.mobile-search > .btn:focus {
	box-shadow: none;
}

.search-dropdown.active {
	position: absolute;
	top: 50px;
	opacity: 1;
	z-index: 5;
}

.search-dropdown .form-control {
	width: 12em;
	border: 2px solid #2c93c1;
	color: #2c93c1;
}

.search-dropdown .btn {
	background-color: #2c93c1;
	border: 2px solid #2c93c1;
	color: #fff;
}

.sy-slide .green-caption-container .green-caption{
    background-color:rgba(44,147,193,.9);
    color:#fff;
}

.main-content-link p {
	color: #81bd07;
	font-weight: bold;
}

#solutions {
	background-color: #ededed;
	padding: 2em 0;
}

.tab {
	background-color: #ededed;
	border: 2px solid #444;
	padding: 1em 1em;
	transition: background-color 0.5s, border 0.5s;
	cursor: pointer;
}

@media only screen and (max-width: 575px) { .tab { margin-bottom: 1em; } }

.tab:not(.active):hover {
	background-color: #444;
}

.tab svg {
	fill: #444;
	height: 3em;
	transition: fill 0.5s;
}

.tab:hover svg {
	fill: #fff;
}

.tab.active {
	background-color: #29588c;
	border: 2px solid #29588c;
	cursor: default;
}

.tab.active svg {
	fill: #fff;
}

.tab .name {
	color: #444;
	font-size: 1.75em;
	font-weight: bold;
	transition: color 0.5s;
}

.tab:hover .name {
	color: #fff;
}

.tab.active .name {
	color: #fff;
}

.solutions-container .title {
	font-weight: bold;
}

.solutions-container .top.title {
	color: #9e8e79;
	font-size: 1.75em;
	padding: 2em 0 0.5em;
}

.solutions-container .solution {
	padding: 2em 1em;
	transition: background-color 0.5s;
}

.solution:hover {
    background-color: rgba(255,255,255,0.55);
}

.solution > div:not(:last-child) > div {
	margin-bottom: 0.5em;
}

.solution .icon svg {
	fill: #29588c;
	height: 4em;
}

.solution.loans .icon svg {
	height: 4.7em;
}

.solution.group-401 .icon svg {
	height: 2em;
}

.solution .title {
	color: #29588c;
}


.solutions-container {
    position: relative;
}

.solutions-container > div {
	position: absolute;
	top: 0;
	z-index: 0;
	opacity: 0;
	transition: opacity 0.5s;
}

.solutions-container > div.active {
	position: relative;
	z-index: 1;
	opacity: 1;
}

.img-wrap {
	padding: 4em 0;
}

@media only screen and (max-width: 767px) { .img-wrap { padding: 4em; } }

@media only screen and (max-width: 660px) { .img-wrap { padding: 2em; } }

@media only screen and (max-width: 500px) { .img-wrap { padding: 1em 0; } }

.footer-disc {
	padding-top: 2em;
	padding-bottom: 2em;
}

.footer-disc p {
	font-size: 0.85em;
}

.footer-disc a:hover {
	text-decoration: underline;
}