@charset \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"utf-8\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\";
/*!
 *
 * CUSTOM CSS DECLARATION FILE
 *
 * Add your CSS rules below!
 *
 */

html {
	height: 100%;
}

body {
    font-family: Roboto,Helvetica,Arial,\\\'DejaVu Sans\\\',\\\'Liberation Sans\\\',Freesans,\\\'sans-serif\\\';
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.centered-content {
    margin: 0px auto;
    text-align: center;
}

.vh-logo {
	display: none;
}

#headerdiv .epiq-font-logo {
	position: absolute;
	font-size: 50px;
    color: white;
    padding: 0px 10px;
}

@media (min-width: 768px){
	#headerdiv .epiq-font-logo {
		font-size: 64px;
	}

	#headerdiv > .container {
		padding-left: 40px;
	}
}

.nav > li {
	font-size: 16px;
}

.bg-primary .nav>li>a, .bg-primary a {
	color: white;
}

.footer_spacer {
	flex-grow: 1;
}

/* An action button inside of the content of a slide that links to another page */
.transparent-link-button {
	background-color: transparent;
	transition: 0.3s ease-in;
	cursor: pointer;
	display: inline-block;
	margin-top: 10px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 14px;
}

.transparent-link-button:hover {
	transition: 0.3s ease-in;
}

.transparent-button-black {
	border: 1px solid #404040;
	color: #404040 !important;
}

.transparent-button-black:hover {
	color: white !important;
	background-color: #404040;
}

.curved_button {
	border-radius: 50px;
	padding: 14px 30px;
}

@media screen and (min-width: 1025px) {
	.transparent-link-button {
		font-weight: 700;
	}
}

.login_header {
	text-align: center;
    margin-bottom: 30px !important;
    font-weight: 300;
}

/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/
.home_wrapper {
	text-align: center;
}

.home_style {
	color: #404040;
    font-weight: 300;
}

.cm_header, .cm_paragraph {
	max-width: 960px;
	margin: 0 auto;
	font-size: 32px;
}

.cm_header {
	line-height: 40px;
	padding-top: 32px;
}

.cm_paragraph {
	padding-bottom: 16px;
	font-size: 16px;
}

.cm_card_container, .cm_card_text_container {
	display: flex;
	flex-direction: column;
}

.cm_card_wrapper {
	width: 100%;
	padding: 16px 8px 0px 8px;
	position: relative;
}

.cm_card {
	background-color: white;
	padding: 16px;
	color: #404040 !important;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.cm_card_container.with_shadow .cm_card, .grey_theme .nm_container_tile > .tile_content {
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}

.cm_card_container.with_shadow .cm_card:hover, .grey_theme .nm_container_tile > .tile_content:hover {
	box-shadow: 0 1px 10px 0 rgba(0,0,0,.2), 0 1px 10px 0 rgba(0,0,0,.14), 0 5px 1px -1px rgba(0,0,0,.12);
}

.cm_card_container.image_to_left .cm_card {
	flex-direction: row;
}

.cm_card_container.image_to_left .cm_card .icon_container {
	display: flex;
    justify-content: center;
    align-items: center;
    max-width: 40%;
    padding-right: 16px;
    width: 100%;
}

.cm_card_container .cm_card .icon_container > span {
	font-size: 85px;
}

.card_button_wrapper {
	position: absolute;
    bottom: 40px;
    width: 100%;
    left: 0;
}

.cm_card p {
	font-size: 16px;
	margin: 16px 0px;
}

@media (min-width: 700px){
	.cm_card_container {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.cm_card_wrapper {
		width: 50%;
	}
}

@media screen and (max-width: 1024px) {
	.cm_card_wrapper {
		max-width: none !important;
	}
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

.site-title-container {
	background: rgba(0, 0, 0, 0.20);
	clear: both;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

.site-footer {
	color: white;
	font-weight: 300;
}

.site-footer i {
	color: rgba(161, 163, 164, 0.53);
}

.site-footer > section {
	padding: 32px;
}

.site-footer .centered-content, .site-bottom > .centered-content {
	padding: 0px 32px;
	max-width: 1024px;
}

.site-info {
	background-color: #282D30;
}

.site-bottom {
	background-color: #25282A;
}

.companyInfoSection, .companyContactSection {
	display: flex;
	flex-direction: column;
}

.companyInfoSection > .epiq-font-logo {
	height: 96px;
	color: #C4C6C7;
}

.companyInfoSection > .epiq-font-logo:before {
	font-size: 128px !important;
}

.companyContactSection {
	margin-top: 32px;
}

.companyContactSection > div {
	display: flex;
	margin: 0 auto 16px auto;
	max-width: 320px;
}

.companyContactSection > div > i {
	font-size: 25px;
	display: inline-block;
	width: 40px;
	text-align: left;
}

.contactIconAlign {
	padding-top: 8px;
}

.phoneNumber {
	font-size: 24px;
}

.contactData {
	max-width: 256px;
}

@media screen and (min-width: 1025px) {
	.site-footer > section {
		padding: 48px;
	}

	.site-info > .centered-content > div {
		font-size: 20px;
	}
}

.site-bottom > .centered-content {
	display: flex;
	flex-direction: column;
}

.site-bottom > .centered-content > div {
	margin: 0 auto 32px auto;
}

.site-bottom i {
	font-size: 20px;
}

.socialMediaIconList > ul > li {
	margin-right: 24px;
	display: inline-block;
	margin-bottom: 16px;
}

.copyrightContainer, .policyContainer {
	margin-top: 16px;
}

.fadedFooterText {
	font-size: 12px;
}

.fadedFooterText, .fadedFooterText a {
	color: rgb(161, 163, 164);
}

.contactData, a.contactData:visited, .phoneNumber, a.phoneNumber:visited {
	color: white;
}

.fadedFooterText a:hover, a.contactData:hover, a.phoneNumber:hover {
	color: #5397C8;
}

.footer_bottom_spacer {
	width: 10%;
	margin-bottom: 0px !important;
}

@media screen and (min-width: 800px) {
	.companyInfoSection, .companyContactSection {
		flex-direction: row;
	}

	.companyInfoSection > .epiq-font-logo {
		position: relative;
		bottom: 32px;
		margin-right: 64px;
	}

	.companyContactSection > div {
		margin: 0 0 16px 0;
		width: 33%;
	}

	.site-bottom > .centered-content {
		flex-direction: row;
		align-items: center;
	}

	.socialMediaIconList {
		width: 45%;
		text-align: left;
	}

	.copyrightContainer, .policyContainer {
		width: 45%;
	}

	.copyrightContainer {
		text-align: right;
		margin-bottom: 0;
	}

	.policyContainer {
		text-align: left;
		margin-bottom: 0;
	}

	.site-bottom > .centered-content  > div {
		margin-bottom: 0 !important;
	}
}