/* COLOR HEX CODES:
orange: #F1C031;
green: #1a5f4b;
dark grey: #333132;
light grey: #ebebeb;
*/

@charset "UTF-8";

@font-face {
	font-family: "Roboto";
	src: url("url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i&display=swap');");
}

/* HAMBURGER MENU */
.c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler > .c-line {
	background: #1a5f4b;
}

.c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler {
	background: white;
}
.c-layout-header .c-brand > .c-hor-nav-toggler > .c-line {
	width: 25px;
	height: 3px;
}
.c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler:hover {
	background: white;
}
.c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler > .c-line:hover {
	background: #bac3cd;
}


/* LOADING ANIMATION */
.sk-cube-grid .sk-cube {
	background-color: #1a5f4b;
}

/* BANNER IMG ICONS */
div.md-arrow-right, div.md-arrow-left {
	background-image: url(https://consultabg.com/sites/all/themes/jango/assets/base/img/content/line-icons/white.png);
}
#sliderButton {
	background-color: #1a5f4b;
	border-radius: 5px;
	color: white;
	padding-top: 20px;
	font-size: 21px !important;
}
#sliderButton:hover {
	background-color: #808285;
}

/* HEADER STYLES*/

/* styling hamburger menu*/
.c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler {
	padding-top: 20px;
}
.headerStyles {
	height: 0 !important;
	padding: 15px 0;
}

/*stying dropdown menu li and hover */
.c-layout-header.c-layout-header-3 {
    background: #333132 !important;
}
 .mega-nav li a {
 	font-size: 14px !important;
}
 .mega-nav li:hover {
 	background-color: white !important;
 	transition: 0.8s;
 	font-weight: 600 !important;
}

/* styling for navigation captions/headers */

li.individual-link a {
	font-size: 18px !important;
	color: #f1c031 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 100% !important;
	line-height: 1.3;
}
li.corporate-link a {
	font-size: 18px !important;
	color: #f1c031 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 100% !important;
	line-height: 1.3;
}

ul.tb-megamenu-subnav {
	background-color: #333132 !important;
}
ul.tb-megamenu-subnav:hover {
	background-color: #333132 !important;
}

li.mega-caption {
	background-color: #333132 !important;	
}
li.mega-caption:hover {
	background-color: #333132 !important;	
}

li.mega-caption h3 {
	background-color: #333132 !important;

}
li.mega-caption h3:hover {
	background-color: #333132 !important;

}

@media only screen and (max-width: 991px) {
	div.header-height {
		height: 50px !important;
	}
	.c-layout-header.c-layout-header-dark-mobile .c-brand > .c-hor-nav-toggler {
		background: none;
	}
	.c-layout-header.c-layout-header-dark-mobile .c-brand > .c-hor-nav-toggler > .c-line {
    	background: white;
	}
	.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li { 
		background-color: #333132 !important;
		color: white;
	}
	.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link {
    	border-bottom: 1px solid #3b393a;
    	color: white;
	}
}
/*this styles the width of the dropdown menu*/
@media (min-width: 992px) {
	.container-fluid .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu {
    	width: 600px !important;
	}
}

@media (min-width: 992px) {
	.c-layout-header .c-navbar .c-logo img {
    	max-height: 65px;
	}
	.c-layout-header .c-topbar {
	    height: 53px;
	}
	.c-navbar {
		height: 110px !important;
	}
	.c-page-on-scroll.c-layout-header-fixed .c-layout-header {
		height: 80px;
	}
	.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu {
		background-color: #333132;
	}
}

@media (max-width: 991px) {
	.c-layout-header .c-navbar {
    	height: 90px;
	}
	.c-logo img {
		max-height: 50px !important;
	}
	.c-layout-header-fixed.c-layout-header-mobile-fixed .c-layout-header.c-mega-menu-shown .c-mega-menu {
		top: 80px;
	}
}

ul.c-links li.first.last.leaf a{
	border: 2px solid #1a5f4b;
	border-radius: 4px;
	padding: 5px 55px;
	background-color: #1a5f4b;
	color: white !important;
	margin-bottom: 5px;
}
ul.c-links li.first.last.leaf a:hover {
	background-color: white;
	color: #1a5f4b !important;
	transition: .3s;
}

/* NAVIGATION MENU */
.mega-nav li a {
	color: white;
}
.mega-nav li a:hover {
	color: #808285;
}
.c-theme-nav li.c-active {
	background-color: white !important;
}



/*this removes dots to show the top menu (social icons and cta button) */
@media (max-width: 991px) {
	.c-topbar-toggler {
		display: none !important;
	}
	.c-topbar.c-topbar-light.c-solid-bg {
		display: block !important;
	}
}
/* this removes the spacing underneath the banner image*/
div.block-md-slider {
	margin-bottom: -80px;
	/* removing space between slider and body padding-top: 20px !important; */
}
.c-theme-btn.btn:hover {
	background-color: #F1C031;
	border: 2px solid #F1C031;
}


/* HOMEPAGE BODY */
.c-content-line-icon.c-theme {
	background-image: url(https://consultabg.com/sites/all/themes/jango/assets/base/img/content/line-icons/abggreen1.png);
	align-content: center;
}
.c-content-tab-2.c-theme ul li.active a .c-content-line-icon {
	background-image: url(https://consultabg.com/sites/all/themes/jango/assets/base/img/content/line-icons/abggreen1.png);
}

#mainTitle h3 {
	margin-bottom: 5px;
}
#mainTitleSecondLine h3 {
	margin-top: 0;
	margin-bottom: 8px;
}
.field field-name-body field-type-text-with-summary field-label-hidden {
	display: flex;
	flex-direction: row;
}
.infusion-field {
	width: 70%;
	margin-right: 5px;
}
.flexInput {
	display: flex;
	flex-direction: row;
}
input.infusion-field-input {
	border-radius: 4px;
	height: 40px;
	width: 100%;
	border: none;
	color: #002513 !important;
}
#inf_field_LastName::placeholder, #inf_field_FirstName::placeholder, #inf_field_Email::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333132;
  opacity: 1; /* Firefox */
  padding-left: 5px;
}

#inf_field_FirstName:-ms-input-placeholder, #inf_field_LastName:-ms-input-placeholder, #inf_field_Email:-ms-input-placeholder,{ /* Internet Explorer 10-11 */
  color: #333132;
}

#inf_field_FirstName::-ms-input-placeholder, #inf_field_LastName::-ms-input-placeholder, #inf_field_Email::-ms-input-placeholder,{ /* Microsoft Edge */
  color: #333132;
}
.infusion-submit {
	width: 100%;
}
button.infusion-recaptcha {
	border-radius: 4px;
	height: 40px;
	background-color: #F1C031;
	border: 2px solid #F1C031;
	color: white;
	width: 90%;
	padding-top: 2px;
}
button.infusion-recaptcha:hover {
	background-color: white;
	color: #1a1a1a;
}
@media (max-width: 385px) {
	#readyWhenYouAre h3 {
		font-size: 26px;
	}
}
@media (max-width: 450px) {
	#inf_field_LastName::placeholder, #inf_field_FirstName::placeholder, #inf_field_Email::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  		font-size: 16px;
  		padding-left: 2px;
  		padding-bottom: 0;
	}
	input.infusion-field-input {
		width: 100%;
		margin: 3px;
	}
	button.infusion-recaptcha {
		width: 100%;
		margin-left: 1%;
		margin-top: 3px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#inf_field_LastName::placeholder, #inf_field_FirstName::placeholder, #inf_field_Email::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  		font-size: 13px;
  		padding-left: 1px;
	}
	#fiduciaryImg img {
		margin-top: 25%;
	}
}

.c-font-green {
	color: #1a5f4b !important;
}
#whiteText {
	color: white !important;
}
#whiteText h1 {
	color: white;
}
#whiteText h2 {
	color: white;
}
#whiteText h3 {
	color: white !important;
}
#whiteText p {
	color: white !important;
}

.orangeButton {
	background-color: #F1C031 !important;
	border: 2px solid #F1C031 !important;
	color: white !important;
}
.orangeButton:hover {
	background-color: white !important;
	color: #1a1a1a !important;
}

.greenButton {
	background-color: #1a5f4b !important;
	border: 2px solid #1a5f4b !important;
	color: white !important;
}
.greenButton:hover {
	background-color: white !important;
	color: #1a5f4b !important;
}
.quoteBlock {
	max-width: 800px!important;
	margin: 0 auto;
	font-size: 18px;
	color: #323232;
}
.panelStyle {
	border-color: #333132;
}
.panelStyle div.panel {
	background-color: #f3f3f3;
	padding-top: 15px;
}
#provideButton {
	padding: 20px 24px 15px 24px;
	width: 80%;
}
@media (min-width: 767px) and (max-width: 991px) {
	#serviceFeatureHeader h3{
		font-size: 24px;
	}
   p.extraBotMargin {
		margin-bottom: 37px;
	}
	#provideButton {
		width: 100%;
	}
}

@media (max-width: 450px) {
	#provideButton {
		width: 100%;
	}
	#serviceFeatureHeader {
		padding-right: 0;
	}
}
@media (max-width: 300px) {
	#provideButton {
		font-size: 12px;
	}	
	.c-layout-footer.c-layout-footer-3 .c-postfooter .c-copyright {
		font-size: 10px;
	}
}


/* INDIVIDUAL HOMEPAGE */
@media (max-width: 991px) {
	#individualHomepageSlider {
		font-size: 38px;
		padding-left: 150px;
		padding-right: 150px;
	}
}
.youEmphasis {
	color: #F1C031;
	font-size: 32px;
}
#individualFeatureContainer {
	/*padding-bottom: 132px;*/
	height: 305px;
	padding-top: 60px;
}
@media (max-width: 360px) {
	#individualFeatureContainer {
		height: 410px;
		padding-top: 45px;
	}
}
@media (min-width: 361px) and (max-width: 550px) {
	#individualFeatureContainer {
		height: 340px;
	}
}

/* CORPORATE HOMEPAGE */
#corporateSlider {
	padding-top: 350px;
	padding-left: 100px;
	padding-right: 100px;
}
@media (max-width: 991px) {
	#corporateSlider {
		line-height: 45px;
		font-size: 40px;
		padding-top: 320px;
		padding-left: 100px;
		padding-right: 100px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
    #employeeExperienceHeader h3 {
		font-size: 32px;
	}
}
.employeeExperienceButton {
	background-color: #F1C031 !important;
	border: 2px solid #F1C031 !important;
	color: white !important;
	width: 80%;
	text-align: center !important;
}
.employeeExperienceButton:hover {
	background-color: white !important;
	color: #1a1a1a !important;
}
@media (max-width: 500px) {
	.employeeExperienceButton {
		width: 100%;
	}
}
@media (max-width: 767px) {
	.c-content-feature-1 {
		padding-right: 0;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	#employeeExperienceButtonExtraMargin {
		margin-top: 45px !important;
	}
	.employeeExperienceButton {
		font-size: 16px !important;
		width: 100% !important;
	}
}

.startNowBtn {
	background-color: #F1C031 !important;
	border: 2px solid #F1C031 !important;
	color: white !important;
	text-align: center !important;
	width: 100% !important;
}
.startNowBtn:hover {
	background-color: white !important;
	color: #1a1a1a !important;
}

/* BLOG */
#blogHeader {
	margin-top: 80px;
}

.owl-carousel .owl-controls {
    margin-top: 0px;
}

.resourceCenter-hr {
	margin-top: -25px;
	margin-bottom: 25px;
}

.rc-article-title h3 {
	text-decoration: underline;
	margin-top: 0px;
	font-weight: 100 !important;
	color:#000 !important;
}

div.c-comments {
	display: none!important;
}
/* ABOUT US */
#aboutUsSlider {
	padding-top: 300px;
	padding-left: 100px;
	padding-right: 100px;
}
@media (max-width: 991px) {
	#aboutUsSlider {
		line-height: 45px;
		font-size: 40px;
		padding-left: 100px;
		padding-right: 100px;
	}
}
.aboutUsSocialIcons {
	color: white;
	padding: 25px 10px 15px 0;
}
.greyWhiteButton {
	background-color: white !important;
	color: #333132 !important;
	border: 2px solid white !important;
}
.greyWhiteButton:hover {
	background-color: #333132 !important;
	color: white !important;
	
}
.c-content-list-1 {
	text-decoration: none;
}
.values h3{
	color: white;
	font-size: 26px;
}
#numberStyling img {
	float: left; 
	margin: 0 8px 30px 0;
}

#numberStyling p {
	text-align: left;
}
@media (min-width: 767px) and (max-width: 991px) {
   #exploreResourcesBtn {
   		margin-top: 12px;
	}
	#centerStep {
		width: 100%;
	}
}

@media (min-device-width: 768px) and (max-device-width: 991px) {
    #numberStyling img {
		margin-bottom: 80%;
	}
}
@media (min-width: 992px){ 
	#numberStyling img {
		margin-bottom: 60%;
	}
}


/* MEET OUR TEAM */
.teamMemberParagraph {
	margin-bottom: 60px;
}
.teamPortrait img {
	border-radius: 25px;
	width: 350px;
}
a.qualifications {
	color: #1a5f4b;
}
a.qualifications:hover {
	color: #002513;
	text-decoration:  underline;
}
@media (max-width: 760px){ 
	.teamPortrait img {
		width: 100%;
	}
} 


/* FOOTER STYLES*/
div#footer span.title-wrap {
	color: white;
}

div#footer ul.c-address {
	color: white !important;
}
.c-text {
	color: white !important;
}

ul.c-links.c-theme-ul li a {
	color: white !important;
}
.webform-component-textarea .grippie {
    display: none;
}
@media (min-width: 760px) and (max-width: 992px) {
	#footerLogo img {
		width: 80%;
	}
}
/*  CONTACT PAGE  */
.webform-client-form-220 {
	margin: 0 auto;
	max-width: 600px;
}
.form-control.c-square {
	border-radius: 10px !important;
	border: 1px solid #1a5f4b;
}
input.webform-submit {
	border-radius: 5px;
	width: 200px;
	height: 50px;
}

.contactInfoCard{
	border-radius: 10px;
	margin: 15px 15px;
	height: 220px;
}
.contactInfo {
	color: #333132;
}
.contactInfo:hover {
	color: #1a5f4b;
}
.contactInfoCard h3 {
	color: #1a5f4b;
}
#contactInfoCardHeader h3 {
	margin-bottom: 10px !important;
}
@media (max-width: 800px) {
	.contactPadding {
		padding-top: 70px !important;
	}	
}
@media (min-device-width: 770px) and (max-device-width: 991px) {
   .contactInfoCard{
		height: 250px;
	}
}


/* CAREERS PAGE */
#careersSlider {
	padding-top: 400px;
	padding-left: 100px;
	padding-right: 100px;
}
@media (max-width: 991px) {
	#careersSlider {
		line-height: 45px;
		font-size: 40px;
		padding-top: 360px;
		padding-left: 100px;
		padding-right: 100px;
	}
}

.bannerText h1 {
	font-size: 26px !important;
}
.bannerText h3 {
	margin-bottom: 0 !important;
	font-size: 26px !important;
}
.jobTitles h3 {
	margin-bottom: 10px !important;
	font-size: 26px !important;
}
#careersButton {
	width: 60%;
	padding: 20px 24px 15px 24px;
}
@media (max-width: 500px) {
	#contactUs {
		width: 100%;
	}
	#careersButton {
		width: 100%;
	}
}
@media (min-device-width: 770px) and (max-device-width: 1199px) {
   #contactUs {
		margin-top: 15px;
		width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#careersButton {
		width: 100%;
	}
}
@media (min-width: 992px) {
	#careersButton {
		width: 85%;
	}
}

/* WEALTH MANGEMENT PAGE */
#wealthManagementSlider {
	padding-top: 320px;
	padding-left: 100px;
	padding-right: 100px;
}
@media (max-width: 991px) {
	#wealthManagementSlider {
		line-height: 45px;
		font-size: 40px;
		padding-top: 300px;
		padding-left: 100px;
		padding-right: 100px;
	}
}
.wealthManagementCard {
	padding-right: 0 !important;
	height: 320px;
	margin-right: 0 !important;
}
.wealthManagementList {
	font-size: 21px;
	margin-top: 7%;
	padding-right: 10px;
}
.flexContainer {
	display: flex;
	align-items: center;
}
@media (max-width: 450px) {
	div.wealthManagementCard {
		height: 400px !important;
		margin-bottom: 30px !important;
	}
	.workplaceWellnessButton {
		margin-top: 10px !important;
	}
}
@media (max-width: 767px) {
	div.wealthManagementCard {
		height: 350px;
		margin-bottom: 30px !important;
	}
	.divExtraBotMargin {
		margin-bottom: 300px !important;
	}
	.flexContainer {
		display: flex;
		flex-direction: column;
	}

}
@media (min-width: 768px) and (max-width: 991px) {
	div.wealthManagementCard {
		height: 450px;
	}
	.divExtraBotMargin {
		margin-bottom: 400px !important;
	}
}
@media (min-width: 992px) {
	.wealthManagementCard {
		height: 400px;
	}
	.divExtraBotMargin {
		margin-bottom: 30px !important;
	}
}


/* WORKPLACE WELLNESS */
@media (max-width: 991px) {
	#workplaceWellnessSlider {
		padding-top: 270px;
		padding-left: 150px;
		padding-right: 150px;
		font-size: 35px;
		line-height: 50px;
	}
	#workplaceWellnessParagraph {
		width: 100%;
	}
}
@media (min-width: 992px) and (max-width:1099px) {
	#workplaceWellnessSlider {
		padding-top: 250px;
		padding-left: 150px;
		padding-right: 150px;
	}
}
.paragraphFontSize p {
	font-size: 18px;
	color: #323232;
}
img.workplaceWellnessIcon {
	margin-right: 10px;
	justify-content: l
}

.workplaceWellnessButton {
	background-color: #1a5f4b;
	border-radius: 5px;
	border: 2px solid #1a5f4b !important;
	color: white;
	padding-top: 20px;
	font-size: 21px !important;
	width: 250px;
	margin-top: 30px;
}
.workplaceWellnessButton:hover {
	background-color: white !important;
	color: #1a5f4b;
}
/* this was part of the phone section that was removed, un-comment styling if we want it back
.workplaceWellnessPhoneLabels h3 {
	color: #f1c031;
}
*/


/* RETIREMENT PLAN SERVICES */
.generalButton {
	background-color: #1a5f4b;
	color: white;
	height: 60px;
	padding-top: 20px !important;
	border: 2px solid #1a5f4b !important;
}
.generalButton:hover {
	background-color: white !important;
	color: #1a5f4b !important;
}
#investmentManagementParagraph {
	margin-bottom: 0px;
}
@media (min-width: 1200px) {
	#investmentManagementParagraph {
		margin-bottom: 33px;
	}
}

/* FIDUCIARY PROTECTION */
#fiduciarySlider {
	padding-top: 370px;
	padding-left: 100px;
	padding-right: 100px;
}
@media (max-width: 991px) {
	#fiduciarySlider {
		line-height: 45px;
		font-size: 45px;
		padding-top: 320px;
		padding-left: 100px;
		padding-right: 100px;
	}
}

/* EMPLOYEE OUTCOMES */
#employeeOutcomesSlider {
	padding-top: 320px;
	padding-left: 200px;
	padding-right: 200px;
}
@media (max-width: 991px) {
	#employeeOutcomesSlider {
		line-height: 45px;
		font-size: 45px;
		padding-top: 300px;
		padding-left: 100px;
		padding-right: 100px;
	}
}
/* BUSINESS CONSULTING */
#businessConsultingSlider {
	padding-top: 320px;
	padding-left: 150px;
	padding-right: 150px;
}
@media (max-width: 991px) {
	#businessConsultingSlider {
		line-height: 45px;
		font-size: 45px;
		padding-top: 300px;
		padding-left: 100px;
		padding-right: 100px;
	}
}
.generalButtonCenter {
	background-color: #1a5f4b;
	color: white;
	border: 2px solid #1a5f4b !important;
	width: 90%;
}
.generalButtonCenter:hover {
		background-color: white !important;
		color: #1a5f4b !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.generalButtonCenter {
		padding: 20px 24px 15px 24px !important;
		font-size: 16px !important;
		width: 100%;
	}
}
@media (max-width: 500px) {
	.gridImg {
		display: none;
	}
	.businessConsultingCard {
		margin-bottom: 30px !important;
		box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	}
}
@media (max-width: 760px){
	#businessConsultingBtn {
		width: 100%;
		font-size: 15px;
		margin-bottom: 30px;
		text-align: center;
		padding: 20px 24px 15px 24px !important;
	}
	div.gridHeight {
		height: 100%;
		width: 100%;
	}
	.gridImg img {
		height: 100%;
		width: 100%;
	}
}
@media (min-width: 761px){ 
	div.businessConsultingCard {
		margin-bottom: 30px !important;
	}
	div.gridHeight {
		height: 360px;
	}
	.gridImg img {
		height: 50%;
		margin-bottom: 30px;
	}
}
@media (min-width: 992px) and (max-width: 1200px){
	.gridImg img {
		margin-bottom: 0px;
		height: auto;
	}
	div.businessConsultingCard {
		margin-bottom: 0px !important;
		height: 230px;
	}
	div.gridHeight div {
		padding-top: 0 !important;	
	}
	div.gridHeight div h3 {
		margin-bottom: 8px !important;	
		font-size: 26px;
	}
}
@media (min-width: 1201px) {
	.gridImg img {
		margin-bottom: 0px;
	}
	div.businessConsultingCard {
		margin-bottom: 0px !important;
	}
}

@media (min-width: 1201px){ 
	div.gridHeight {
		height: 260px;
	}
	.gridImg img {
		height: 300px;
	}
}


/* ACCOUNT LOGIN PAGE */
.loginCard {
	width: 100%;
	margin-bottom: 35px;
	padding: 25px;
}
.loginCard h1 {
	font-weight: 100; 
	text-align: center; 
	font-size: 2em;
	margin-bottom:-20px;
}
.loginCard a {
	color: #F1C031;
}

.loginCard input[type=submit] { 
	width: 100%; 
	display: block; 
	position: relative;
	padding-top:15px;
	padding-bottom:30px;
}
.loginCard input[type=text], input[type=password] { 
	height: 44px; 
	font-size: 16px; 
	width: 100%; 
	margin-bottom: 10px; 
	-webkit-appearance: none; 
	background: #fff; 
	border: 1px solid #d9d9d9; 
	border-top: 1px solid #c0c0c0;  
	padding: 0 8px; 
	box-sizing: border-box; 
	-moz-box-sizing: border-box;
	color: #333132;
	border-radius: 7px;
}
.loginCard input[type=text]:hover, input[type=password]:hover { 
	border: 1px solid #b9b9b9; 
	border-top: 1px solid #a0a0a0; 
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.login { 
	text-align: center; 
	font-size: 14px; 
	font-family: 'Arial', sans-serif; 
	font-weight: 700; 
	height: 36px; 
	padding: 0 8px;
}

.login-submit {
	border: 2px solid #1a5f4b;
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	background-color: #1a5f4b;
	border-radius: 7px;
}
.login-submit:hover {
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	background-color: white;
	color: #333132;
	transition: .5s;
}
.loginCard a {
	text-decoration: none;
	color: #333132;
	font-weight: 200;
	text-align: center;
	display: inline-block;
}
.loginCard a:hover {
	opacity: 0.6;
	transition: opacity ease 0.5s;
	color: #333132;
}
.login-help {
	width: 100%;
	text-align: center;
	font-size: 12px;
}

#wealthCenterButton {
	width: 100% !important;
	padding-top: 14px;
	font-family: 'Arial', sans-serif;
	padding-bottom: 15px;
	border-radius: 8px;
	font-weight: 700;
	border: 2px solid #1a5f4b;
	font-size: 14px;
	height: 49px;
}
#wealthCenterButton:hover {
	color: #333132 !important;
	border: 2px solid #1a5f4b;
	opacity: 1;
	transition: .5s;
}

.loginColumn {
	margin-top: 40px;
	margin-bottom: 40px;
}
@media (max-width: 800px) {
	.clientPortalPadding {
		padding-top: 60px;
	}	
}


/* FINANCIAL PLANNING */
#financialPlanningSlider {
	padding-top: 350px;
	padding-left: 150px;
	padding-right: 150px;
}
@media (max-width: 991px) {
	#financialPlanningSlider {
		line-height: 45px;
		font-size: 40px;
		padding-top: 300px;
		padding-left: 100px;
		padding-right: 100px;
	}
}
#financialPlanningImage {
	max-width:900px;
}
path {
    stroke: #F1C031 !important;
    stroke-opacity: .4 !important;
}​
.c-content-pricing-1 > .c-tile-container > .c-tile.c-shadow {
	border: none: !important;
}
.c-content-pricing-1 > .c-tile-container > .c-tile.c-bordered {
	border-color: #F1C031 !important;
}
.c-bg-green {
	background-color: #F1C031 !important;
}
.c-border-green {
	border-color: #F1C031 !important;
}
.c-border-purple {
	background-color: white !important;
}
.c-bg-purple {
	background-color: #F1C031 !important;
}
.c-content-pricing-1 > .c-tile-container > .c-tile > .c-price > sup {
	display: none !important;
}
@media (max-width: 580px) {
	.pricingItemList {
		margin-left: 10%;
	}
}
@media (min-width: 581px) and (max-width: 991px) {
	.pricingItemList {
		margin-left: 25%;	}
}
@media (min-width: 1100px) and (max-width: 1199px) {
	#myMoneyProductBlock {
		margin-bottom: 58px;
	}
}
@media (min-width: 1200px) {
	#myMoneyProductBlock {
		margin-bottom: 82px;
	}
}

/* COMING SOON */
i.comingSoonSocialIcon {
	color: #333132 !important;
	padding: 25px 10px 15px 0;
	margin-top: 10px;
}

i.fa.fa-youtube.comingSoonSocialIcon {
	color: #333132 !important;
	padding: 20px;
	margin-top: 30px;
}
i.fa.fa-twitter.comingSoonSocialIcon {
	color: #333132 !important;
	padding: 20px;
	margin-top: 30px;
}

i.fa.fa-linkedin.comingSoonSocialIcon {
	color: #333132 !important;
	padding: 20px;
	margin-top: 30px;
}
i.fa.fa-spotify.comingSoonSocialIcon {
	color: #333132 !important;
	padding: 20px;
	margin-top: 30px;
}
i.fa.fa-instagram.comingSoonSocialIcon {
	color: #333132 !important;
	padding: 20px;
	margin-top: 30px;
}


i.fa.fa-youtube.comingSoonSocialIcon:hover {
	color: #1a5f4b !important;
}
i.fa.fa-twitter.comingSoonSocialIcon:hover {
	color: #1a5f4b !important;
}
i.fa.fa-linkedin.comingSoonSocialIcon:hover {
	color: #1a5f4b !important;
}
i.fa.fa-instagram.comingSoonSocialIcon:hover {
	color: #1a5f4b !important;
}
i.fa.fa-spotify.comingSoonSocialIcon:hover {
	color: #1a5f4b !important;
}


/* MODAL STYLING */
.modal-header {
	border-bottom: none;
}
.modal-body {
	padding-top: 10px;
}
.imgContainer {
	width: 100%;
}
.modalImage {
	width: 100%;
}
.modal-title {
	margin: 0 auto;
	color: #333132;
	font-size: 30px;
	font-weight: 800;
}
.modal-text {
	font-weight: 500;
	font-size: 22px;
}
#orangePopupText {
	color: #F1C031;
	font-size: 28px;
}
div.leftContainer {
	text-align: center;
	align-items: center;
	width: 49%;
	margin: 0;
	float: left;
}
div.rightContainer {
	text-align: center;
	align-items: center;
	width: 49%;
	margin: 0; 
	margin-left: 50%;
}
.modalButton {
	background-color: #1a5f4b !important;
	color: white !important;
	border: 2px solid #1a5f4b !important;
	width: 100% !important;
	height: 50px !important;
	padding: 0;
	margin: 0;
}
.modalButton:hover {
	background-color: white !important;
	color: #1a5f4b !important;
}
.closeModalButton {
	background-color: #1a5f4b !important;
	color: white !important;
	border: 2px solid #1a5f4b !important;
	width: 30%;
	height: 50px !important;
}
.closeModalButton:hover {
	background-color: white !important;
	color: #1a5f4b !important;
}
.modal-footer {
	text-align: center;
}
@media (max-width: 800px) {
	.popupButtonContainer {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
	}
	div.leftContainer {
		width: 100%;
		align-self: center;
	}
	div.rightContainer {
		width: 100%;
		align-self: center;
		margin-top: 20px;
		margin-left: 0;
	}
	.closeModalButton {
		width: 50%;
	}
}
@media (min-width: 801px) and (max-width: 991px) {
	.modalButton {
		font-size: 15px;
	}
}

@media (max-width: 768px) {
	.mega-nav h3 {
    	margin-top: 20px;
	}
}

.image-wrapper{
  position: relative;
}
.image-wrapper img {
  position: relative;
  z-index: 1;
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
}
.image-wrapper:hover img {
	-webkit-filter: grayscale(100%) blur(2px);
	filter: grayscale(100%) blur(2px);
	transition: 1s ease-in-out;
}
span.lifeStageHeader {
	font-size: 30px;
}
.image-wrapper p {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background: rgba(0,0,0,0.65);
  color: #fff;
  text-align: center;
  padding: 15% 10px 60% 10px;
  font-size: 20px;
  font-weight: 200;
}
@media (max-width: 760px) {
	span.lifeStageHeader {
		font-size: 35px;
	}
	.image-wrapper p {
		font-size: 24px;
		padding: 10% 10px 90% 10px;
	}
}

@media (min-width: 761px) and (max-width: 991px) {
	span.lifeStageHeader {
		font-size: 20px;
	}
	.image-wrapper p {
		font-size: 16px;
		padding: 10% 10px 90% 10px;
	}
}
@media (min-width: 992px) {
	.image-wrapper p {
		padding: 10% 10px 90% 10px;
	}
}

.image-wrapper:hover p {
  display: block;
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
}

#flexRow {
	display: flex;
	align-items: center;
	padding-top: 15px;
	padding-bottom:15px;
}
#flexRow p{
	margin-bottom: 0;
}

@media (max-width: 992px) {
	#whyClientsHireUsImg img{
		width: 100%;
		margin-bottom: 15px;
	}
}

@media (max-width: 400px) {
	#flexRow {
		flex-direction: column;
	}
	#flexRow p {
		margin-bottom: 10px;
		width: 100%;
		text-align: left;
	}
	#flexRow {
		width: 100%;
		text-align: center !important;
	}
	#mobileButton {
		width: 98% !important;
		text-align: center !important;
	}
	#exploreResourcesBtn {
   		width: 100% !important;
		text-align: center !important;
	}
}
@media (max-width: 600px) {
	#flexRow {
		flex-direction: column;
	}
	#flexRow a {
		width: 98%;
		text-align: center !important;
	}
	#flexRow h1 {
		margin-bottom: 30px;
	}
	#flexRow p {
		margin-bottom: 10px;
		width: 100%;
		text-align: left;
	}
	#flexRow .weText p {
		text-align: center;
	}
}


@media (min-width: 992px) {
	.container-fluid .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu {
		width: 700px !important;
	}
}

@media (max-width: 500px) {
	#paralaxRemoveImg .c-bg-parallax {
		background-image: none !important;
	}
	#paralaxRemoveImg .c-content-v-center {
		padding-top: 0;
	}

	.md-mainimg {
		display: none;
	}
	.md-slider-overlay {
		display: none;
	}
	.md-slide-wrap {
		height: 50px !important;
	}

	.weText {
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}
	.weText p {
		margin-bottom: 0 !important;
	}
	.weText p span{
		font-size: 100px !important;
	}

}



.c-page-on-scroll.c-layout-header-fixed .c-layout-header {
	height: 110px;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand .c-desktop-logo-inverse {
	margin-top: 18px;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-navbar .c-mega-menu.c-pull-right {
	margin-top: 20px;
}

.img-responsive {
	width: 100%;
}

.c-content-blog-post-card-1-grid,.c-content-blog-post-1-list {
	padding-right: 0px;
}


/* CORONAVIRUS POPUP STYLING */
@media (min-width: 991px) {
	.callButtonContainer {
		width: 60%;
		margin: 0 auto;
	}
	.imgContainerCorona {
		width: 75%;
		margin: 0 auto;
	}
}




/* BLOG LAYOUT STYLING */
/* node node-nd-blog contextual-links-region clearfix container */
/*
div .taxonomyRow {
	margin-left: 20px;
	margin-right: 20px;
}
*/
div .taxonomyPage {
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 10%;
}
div .taxonomyTitle {
	background-color: #333132;
	padding: 20px;
	margin-top: 50px;
}
div .taxonomyTitle a  {
	font-size: 20px;
	font-weight: 500;
	color: white;
}

div .taxonomyTag {
	margin-top: 10px;
	margin-bottom: 15px;
}

.boldTab {
	font-weight: 600;
	font-size: 20px;
}
.c-content-recent-posts-1 li {
	border: none !important;
}
.c-content-recent-posts-1 li {
	border: none !important;
}
.c-content-ver-nav .c-menu li {
	border: none;
}