/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* 	==========================================================================
	==========================================================================
   								Author's custom styles
	==========================================================================
   	========================================================================== */

body, html {
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    height: 100%;
    font-size: 16px;
	line-height:1.5em;
    font-weight: 300;
    background-color: #E5E5E5;
    color: #333333;
}

h1, h2, h3, h4, h5 {					/* Main header style */
    margin-top: 0px;
    font-weight: 400;
    color: #455CC7;
}

h1 {
	font-size: 1.55em;
	line-height:1.2em;
}
h2 {
	font-size:1.15em;
	margin: 20px 0px 10px 0px;
}

p {
    margin-top: 0px;
}

a, a:link {								/* Link styles */
    color: #455CC7;
    text-decoration: underline;
}

a:hover {
    color: #558AFF;
    text-decoration: none;
}

a:active {
    color: #00A98F;
    text-decoration: underline;
}

a:visited {
    color: #558AFF;
    text-decoration: underline;
}

.page-header {
    padding: 35px 19px 0px 30px;
}

.page-header:before,
.page-header:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.page-header:after {
    clear: both;
}

.tablet {
    display: none;
}

.phone {
    display: none;
}

#sidebar-menu {							/* Slideout menu */
    display: none;
    background-color: #78838F;
    display: none;
}

.slideout-menu {
    position: fixed;
    left: auto;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 250px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
}

.slideout-panel {
    position:relative;
    z-index: 1;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
    overflow: hidden;
}

.slideout-open .slideout-menu {
    display: block;
}

.slideout-menu ul {						/* Slideout submenu */
    list-style: none;
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 16px;
	letter-spacing:.5px;
}

.slideout-menu > ul > li {
    display: block;
    position: relative;
    list-style: none;
    float: none;
    width: 100%;
    border-bottom: 1px solid #bcc1c7;
}

.slideout-menu > ul > li > a {			/* Slideout main links */
    display: block;	
    min-height: 23px;
    text-decoration: none;
    color: #ffffff;
    padding: 12px 25px 10px 30px;
    line-height: 1.2em;
    font-size: 1.05em;
	letter-spacing:1px;
}

.slideout-menu ul li > a:hover {
    background-color: #435363;
}

.slideout-menu > ul > li.selected > a {
    color: #ffffff;
}

.slideout-menu > ul > li > div.mobilearrow {
    display: none;
    position: absolute;
    right: 13px;
    top: 0;
    display: block;
    height: 35px;
    width: 35px;
    z-index: 100;
}

.slideout-menu > ul > li > div.mobilearrow > a {
    display: none;
    width: 45px;
    height: 45px;
    text-indent: -9999px;
    background-image: url('../img/common/nav-dd-white.png');
    background-size: 45px 45px; 
}

.slideout-menu > ul > li > div.dropdown {
    position: relative;
    height: auto;
    font-size: .9em;
}

.slideout-menu > ul > li > div.dropdown > ul {
    display: block;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.slideout-menu > ul > li > div.dropdown > ul > li {
    list-style: none;
}

.slideout-menu > ul > li > div.dropdown > ul > li > a {
    display: block;
    min-height: 31px;
    color: #ffffff;
    text-decoration: none;
    padding: 7px 25px 7px 50px;
}

.slideout-menu > ul > li > div.dropdown > ul > li > a:hover {
    background-color: #435363;
    color: #ffffff;
}

#panel {
    background-color: #E5E5E5;
    min-height: 100%;
    height: 1px;
}

.wrapper {
    min-height: 100%;
    height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
    height: 100%;
    margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 15px 2px rgba(173,173,173,1);
    -moz-box-shadow: 0px 0px 15px 2px rgba(173,173,173,1);
    box-shadow: 0px 0px 15px 2px rgba(173,173,173,1);
}

.footer, .push {
}

.footer {

}

.wrapper, .footer {

}

    #footer {							/* Footer */
        background: #435363;
    }
        
    #footerinner {
        max-width: 1120px;
        padding: 17px 40px;
        margin: 0 auto;
        color: #8c98a2;
        font-size: 0.8em;
        line-height: 1.3em;
    }

    #footerinner span {
        margin-right: 13px;
    }

    #footerinner a {
        color: #8c98a2;
        text-decoration: none;
        margin-right: 13px;
    }
	#footerinner a:hover {
		text-decoration:underline;
	}

.nav {									/* Desktop Nav */
    font-weight: 300;
    margin: 0;
    text-align: center;
    font-size: 1.05em;
    max-width: 1160px;
    margin: 0 auto;
    padding: 13px 20px 0;
}

.nav > ul {
    display: block;
    float: left;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.nav > ul > li {
    list-style: none;
    display: block;
    float: left;
}

.nav > ul > li > a {
    text-decoration: none;
    color: #9DA4AD;
    display: block;
    padding: 9px 20px 0;
    height: 36px;
    letter-spacing: 1px;
    border: 1px;
}

.nav > ul > li.selected > a {
    color: #FFFFFF;
    background-image: url('../img/common/navnotch.png');
    background-position: center bottom;
    background-repeat: no-repeat;
}

.nav > ul > li.hovered.selected > a {
    background-image: none;
}

.nav > ul > li > a:hover, .nav > ul > li.hovered > a {
    background-color: #78838F;
    color: #ffffff;
}

.nav > ul > li > div.mobilearrow {
    display: none;
}

.nav > ul > li > div.dropdown {			/* Nav drop down */
    position: absolute;
    overflow: hidden;
    height: 0px;
    background-color: #78838F;
    z-index: 99;
}

.nav > ul > li > div.dropdown > ul {
    display: block;
    width: 100%;
    list-style: none;
    padding: 0 0 10px;
    margin: 0;
}

.nav > ul > li > div.dropdown > ul > li {
    list-style: none;
    text-align: left;
}

.nav > ul > li > div.dropdown > ul > li > a {
    display: block;
    padding: 11px 20px 0;
    height: 34px;
    color: #ffffff;
    background-color: #78838F;
    text-decoration: none;
    white-space: nowrap;
    letter-spacing: 1px;
    font-size: 15px;
}

.nav > ul > li > div.dropdown > ul > li.last > a {
    border-bottom: none;
	padding-bottom:5px;
}

.nav > ul > li > div.dropdown > ul > li > a:hover {
    background-color: #435363;
    color: #ffffff;
}

#top-nav {
    background-color: #435363;
    min-height: 58px;
}

#top-nav:before,
#top-nav:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

#top-nav:after {
    clear: both;
}


#hamburger {
    display: none;
    width: 45px;
    height: 45px;
    float: right;
}

.secondary #hamburger {

}

#hamburger a {
    display: block;
    width: 45px;
    height: 45px;
    text-decoration: none;
    background-image: url('../img/common/hamburger-icon.png');
    background-size: 45px 45px;
    background-repeat: no-repeat;
}

.page-body {
    margin: 0 auto;
}

.page-body {
    width: 100%;
}

.page-body:before,
.page-body:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.page-body:after {
    clear: both;
}

.page-body > div {
    float: left;
}

.aside {
    
}

.main {
    
}

#home-logo {
    display: none;
    background-image: url('../img/common/mobile-logo.png');
    background-repeat: no-repeat;
    background-position: top left;
	background-size: 300px 200px;

}

#print-logo {
    display: none;
}

.homepage div.main {					/* Home page styles */
    background-color: #F4F6FA;
    width: calc(760px + (100% - 1200px)/2);
}

.homepage div.main div.main-inner {
    float: right;
    width: 680px;
    padding: 60px 40px;
}

.homepage div.aside {					/* Home page sidebar styles */
    background-color: #E9EDF5;
    width: calc(440px + (100% - 1200px)/2);
}

.homepage div.aside div.aside-inner {
    width: 340px;
    padding: 60px 40px 60px 60px;
}

/*.home-news-teaser {
    font-size: 16px;
}*/

.news-teaser h4 {						/* Press Release dates */
    color: #333333;
    margin-bottom: 2px;
    font-weight: bold;
}
.news-teaser p {						/* Press Release snipets */
    line-height: 1.4em;
}

.pressrelease h1 {						/* Press Release formatting */
	margin-bottom: 8px;
}
.pressrelease h2 {
	font-size:1.15em;
	margin: 0px 0px 25px 0px;
	color: #333333;
}
.pressrelease h3 {
	font-size:1.15em;
	margin: 20px 0px 10px 0px;
}
.pressrelease-label {
	font-size:.9em;
	font-weight:400;
	letter-spacing:.5px;
	margin-bottom:20px;
}
.aside-nav {
    background-color: #F2F2F2;
}

.aside-nav-inner {
    border-top: 10px solid #FF9C1A;
    padding: 20px 20px 40px;
}

.aside-nav h3 {
    color: #333333;
    font-size: 18px;
}

.aside-nav {

}

ul.side-nav {							/* Sidebar nav styles */
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 1.05em;
	letter-spacing:.5px;
}

ul.side-nav li {
    margin-bottom: 1em;
}

ul.side-nav li a {
    color: #9aa4af;
    text-decoration: none;
    padding-left: 1em;
}

ul.side-nav li a:hover {
    text-decoration: none;
	background-image: url('../img/common/secondary-nav-bullet-grey.png');
    background-size: 9px 9px;
    background-repeat: no-repeat;
    background-position: 0px 8px;
}

ul.side-nav li.selected a {
    color: #435363;
    text-decoration: none;
    background-image: url('../img/common/secondary-nav-bullet.png');
    background-size: 9px 9px;
    background-repeat: no-repeat;
    background-position: 0px 8px;
}

a.read-more {							/* Read more link */
    font-size: .9em;
}

h1 a, h1 a:link, h1 a:visited {
    text-decoration: none;
    color: #455CC7;
}

body.secondary .wrapper {
    background-image: url('../img/common/secondary-page-dots.jpg');
    background-position: 0px 48px;
    background-repeat: no-repeat;
}

.svg #secondary-logo a {
    background-image: url('../img/common/secondary-logo.svg');
}

.secondary div.main {
    width: calc(880px + (100% - 1200px)/2);
}

.secondary div.aside {
    background-color: #F4F6FA;
    width: calc(100% - (880px + (100% - 1200px)/2));
}

.secondary div.main div.main-inner {
    float: right;
    width: 800px;
    padding: 42px 40px 60px 40px;
}

.secondary div.aside div.aside-inner {
    width: 240px;
    padding: 60px 40px 40px;
}

.secondary .aside-image img {
    width: 100%;
    height: auto;
}

#secondary-logo {
    margin-bottom: 65px;
}

#secondary-logo a {
    display: block;
    width: 181px;
    height: 73px;
    text-indent: -9999em;
    background-image: url('../img/common/secondary-logo.png');
    background-size: 181px 73px;
    background-repeat: no-repeat;
}

/* PAGE STYLES */

ul.sitemap a { 							/* Sitemap link formatting */
    color:#D16128;
}

ul.sitemap li {
    margin-left:-20px;
    padding-bottom:15px;
}

ul.sitemap li ul li {
    padding-bottom:2px;
}

.top-button {
    margin-top: calc(60px - 1em);
}

.top-button a {							/* Back to top arrow */
    display: block;
    width: 24px;
    height: 24px;
    text-indent: -9999em;
    background-image: url('../img/common/arrow-circle-up.png');
    background-size: 24px 24px;
    background-repeat: no-repeat;
}
h1 a span.h1-arrow {					/* Right arrow button */
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/common/arrow-circle-right.png');
    background-size: 24px 24px;
    background-repeat: no-repeat;
	margin: 0px 0px -4px 10px;
}

#top-button-mobile {
    display: none;
}
.name {									/* Name and title formatting */
	font-weight:400;
	font-size:1.1em;
	margin: 30px 0px 0px 0px;
}
.name-first {
	font-weight:400;
	font-size:1.1em;
	margin: 0px;
}
.name-no-title {
	font-weight:400;
	font-size:1.1em;
	margin: 30px 0px 8px 0px;
}
.name-no-title-first {
	font-weight:400;
	font-size:1.1em;
	margin: 0px 0px 8px 0px;
}
.title {
	font-size:.9em;
	font-weight:400;
	letter-spacing:.5px;
	margin-bottom:8px;
}

.headshot-first {		/* ---------- Exec photo --------- */	
	float:left;
	margin: 5px 28px 10px 0px;
}

.headshot {
	float:left;
	margin: 20px 28px 10px 0px;
}	
	
.headshot-nowrap {		/* ---------- Exec photo w/o wrap --------- */
	float:left;
	margin: 20px 28px 50px 0px;
}	

.investor-logo {		/* ---------- Investor logo --------- */
	/*margin: 40px 0px 40px 0px;*/
	margin: 60px 0px;
	text-align:center;
}	
.job-box {
	padding: 5px; 
	background-color: #f4f6fa;
	margin:30px 0px 40px 0px;
}

.careers h1 {		/* ---------- Careers style --------- */
	padding-bottom: 20px;
}
.careers h3 {
	padding-top: 20px;
}
.careers ul {
	padding-left: 30px;
}
.careers ul li {
	padding-bottom: 6px;
}

.sidebar-back-link {		/* ---------- Sidebar back link --------- */
	 padding: 230px 0px 0px 40px;
}

/* ---------- Quote inside grey box --------- */

.pull-quote-box {
	background-color: #F4F6FA; 
	padding: 30px 30px 15px 30px; 
	margin: 40px 0px;
}

.pull-quote {
	line-height: 1.6em;
	font-size: 17px;
	font-style: italic;
}

.pull-quote-author {
	padding-left: 50%; 
	margin-bottom: 0px; 
	font-size: 15.5px; 
	line-height: 1.45em;
	font-weight: 600;
}

.pull-quote-author-credentials {
	padding-left: 50%; 
	margin-top: 2px; 
	font-size: 15.5px; 
	line-height: 1.45em;
}

/* ---------- References --------- */

.references {
	font-size: .85em;
    line-height: 1.3em;
}

.references li {
	padding-bottom: 6px;
}

/* ---------- Team Photo --------- */

.team-photo {
    width:50%;
    height:auto;
    float: left;
    margin: 8px 40px 30px 0px;
}


/* ==========================================================================
	==========================================================================
   							End of Author's custom styles
	==========================================================================							
   ========================================================================== */
   
@media all and (max-width: 1200px) {
	.homepage div.aside {
        width: 440px;
    }

    .homepage div.main {
        width: calc(100% - 440px);
    }

    .homepage div.aside div.aside-inner {
        width: auto;
    }

    .homepage div.main div.main-inner {
        float: none;
        width: auto;
        padding: 60px 40px;
    }

    .secondary div.main {
        width: calc(100% - 320px);
    }

    .secondary div.aside {
        width: 320px;
    }

    .secondary div.main div.main-inner {
        float: none;
        width: auto;
        padding: 42px 40px 60px 40px;
    }

    .secondary div.aside div.aside-inner {
        width: 240px;
        padding: 60px 40px 40px;
    }
}

@media all and (max-width: 1100px) {		
	.headshot-nowrap {			/* ---------- Exec headshot  --------- */							
         float:left; 
         margin: 20px 28px 10px 0px;
    }
}

@media all and (max-width: 870px) {

    .sidebar-back-link {
	 padding: 0px;
}
	
	/*body, html {
        font-size: 1em;
    }

    h1 {
        font-size: 1.5em;
    }*/

    .hide-on-mobile { /* for hiding sidebar column */
        display: none;
    }
    
    .tablet {
        display: inherit;
    }   

    .footer {
        height: auto;
        padding: 25px 30px;
    }

    #footerinner {
        padding: 0;
    }

    header {
        margin: 0 auto 4px;
    }

    .page-header {
        padding-top: 35px;
        min-height: 60px;
    }

    .page-header-nav, .nav {
        display: none;
    }

    #top-nav {
        height: 45px;
        min-height: 45px;
    }

    #logo {
        margin-top: 0;
    }

    #logo {
        display: block;
        width: 200px;
        height: 48px;
        margin: 0 auto 40px;
    }

    #logo a {
        display: block;
        width: 200px;
        height: 48px;
        text-indent: -9999px;
        background-image: url('../img/common/logo-secondary.png');
    }

    .svg #logo a {
        background-image: url('../img/common/logo-secondary.svg');
    }

    .nav {
        display: none;
    }

    .hamburger-outer {
        height: 45px;
    }

    #hamburger {
        float: right;
        display: inherit;
        margin-right: 6px;
    }

    #sidebar-menu {
        display: inherit;
    }

    .footer-inner {
        /*line-height: 1.75em;*/
    }

    #marquee-image {
        display: none;
    }

    #marquee-image-tablet {
        display: inherit;
    }

    .homepage div.aside {
        width: 320px;
    }

    .homepage div.aside div.aside-inner {
        padding: 40px;
    }

    .homepage div.main {
        width: calc(100% - 320px);
    }

    .homepage div.main div.main-inner {
        float: right;
        width: auto;
        padding: 40px;
    }

    .secondary .page-body {
        padding-top: 0;
    }

    .secondary div.main {
        float: none;
        width: auto;
        background-color: transparent;
        padding: 40px;
    }

    .secondary div.aside {
        float: none;
        width: auto;
        background-color: transparent;
        padding: 0 40px;
        margin-bottom: 50px;
    }

    .secondary div.main div.main-inner {
        padding: 0;
    }

    .secondary div.aside div.aside-inner {
        width: auto;
        background-color: #E9EDF5;
        padding: 40px;
    }

    .secondary div.aside div.aside-image {
        display: none;
    }

    #top-button-desktop {
        display: none;
    }

    #top-button-mobile {
        display: block;
        margin: 0px 40px 50px;
    }
    
    .team-photo {
    width:100%;
    }

    /*.home-news-teaser, .home-news-teaser h4 {
        font-size: 14px;
    }*/
    
}

@media all and (max-width: 767px) {
    #marquee-image-tablet {
        display: none;
    }

    #marquee-image-phone {
        display: inherit;
    }

    .homepage div.main, .secondary div.main {
        float: none;
        width: auto;
        background-color: transparent;
        padding: 40px 40px 0;
    }

    .homepage div.aside, .secondary div.aside {
        float: none;
        width: auto;
        background-color: transparent;
        padding: 0 40px;
    }

    .homepage div.aside {
        margin-bottom: 50px;
    }

    .homepage div.main div.main-inner, .secondary div.main div.main-inner {
        padding: 0;
    }

    .homepage div.aside div.aside-inner, .secondary div.aside div.aside-inner {
        width: auto;
        background-color: #E9EDF5;
        padding: 40px;
    }
}

@media all and (max-width: 640px) {
    #home-logo {
        display: inherit;
        width: 100%;
        height: 300px;
        margin-bottom: -186px;
    }

    #home-logo a {
        display: block;
        width: 100%;
        height: 114px;
        text-indent: -9999em;
    }

    body.secondary .wrapper {
        background-image: none;
    }

    #secondary-logo {
        display: none;
    }
}

@media all and (max-width: 414px) {

    body, html {
        background-color: #ffffff;
    }

    .phone {
        display: block;
    }

    #top-nav {
        height: auto;
    }

    .nav {
        display: block;
        padding-top: 0;
        float: none;
        overflow: hidden;
        height: 0;
        width: auto;
        background-color: #78838F;
        padding: 0;
        text-align: left;
    }

    .nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .nav > ul > li {
        display: block;
        position: relative;
        list-style: none;
        float: none;
        width: 100%;
        border-bottom: 1px solid #bcc1c7;
    }

    .nav > ul > li.last {
        border-bottom: none !important;
    }

    .nav ul li > a {
        display: block;
        text-decoration: none;
        color: #ffffff;
        padding: 9px 25px 0;
        height: 36px;
    }

    .nav ul li > a:hover {
        background-color: #435363;
    }

    .nav > ul > li.selected > a {
        background-image: none;
    }

    .nav > ul > li > div.mobilearrow {
        display: none;
    }

    .nav > ul > li > div.mobilearrow > a {
        display: none;
    }



    .nav > ul > li > div.dropdown {
        position: relative;
        height: auto;
    }

    .nav > ul > li > div.dropdown > ul {
        display: block;
        width: 100%;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .nav > ul > li > div.dropdown > ul > li {
        list-style: none;
        padding-left: 25px;
    }

    .nav > ul > li > div.dropdown > ul > li > a {
        display: block;
        padding: 11px 20px 0 25px;
        height: 34px;
        color: #ffffff;
        background-color: #78838F;
        text-decoration: none;
        white-space: nowrap;
        letter-spacing: 1px;
        /*font-size: 15px;*/
    }

    .nav > ul > li > div.dropdown > ul > li > a:hover {
        background-color: #435363;
        color: #ffffff;
    }


    header {
        padding: 0;
        margin: 0 auto;
    }

    .footer {
        padding: 25px;
        height: auto;
    }

    .footer-inner {
        padding: 0;
    }

    .homepage div.main {
        float: none;
        width: auto;
        background-color: transparent;
        padding: 25px;
    }

    .homepage div.aside, .secondary div.aside {
        float: none;
        width: auto;
        background-color: transparent;
        padding: 0 25px;
        margin-bottom: 50px;
    }

    .homepage div.main div.main-inner, .secondary div.main div.main-inner {
        padding: 0;
    }

    .homepage div.aside div.aside-inner, .secondary div.aside div.aside-inner {
        background-color: #E9EDF5;
        padding: 40px;
    }

    .secondary div.main {
        float: none;
        width: auto;
        background-color: transparent;
        padding: 0 25px 25px;
    }

    #top-button-mobile {
        display: block;
        margin: 0 25px 50px;
    }
}

										/* PIPELINE TABLE */
.ftable {
    border-collapse: separate;
	margin-top:18px;
	margin-bottom:40px;
}

.ftable th, .ftable td {
    padding: 1em;
}

.ftable th {
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    background-color: #425363;
    font-size: 13px;
    line-height: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.ftable td {
    text-align: left;
    vertical-align: middle;
    min-height: 2.5em;
    position: relative;
}

.ftable td p {
    font-size: 14px;
	line-height: 1.4em;
}

.ftable td {
    border-bottom: 1px solid #333333;
}

.ftable td a {
    color: #424347;
    font-weight: 400;
}

.ftable h2, .ftable p {
    padding: 0;
    margin: 0;
}

.ftable th.col-40, .ftable td.col-40 {
    width: 40%;
}

.ftable th.col-20, .ftable th.col-20 {
    width: 15%;
    border-left: 1px solid #ffffff;
}

.ftable th.col-20, .ftable th.col-20 {
    width: 15%;
}

.ftable tr.ftable-g0 td {
    
}

.ftable tr.ftable-g1 td {
    
}

.ftable tr.ftable-g2 td {
    
}

.ftable-show-mobile {
    display: none;
}

.ftable-hide-mobile {
    display: table-cell;
}

td.ftable-arrow {
    border-left: 1px solid #333333;
}

td.ftable-arrow-body {
    background-image: url('../img/common/pipeline-arrow-body.png');
    background-position: center center;
    background-repeat: no-repeat;
}

td.ftable-arrow-head {
    background-image: url('../img/common/pipeline-arrow-head.png');
    background-position: center center;
    background-repeat: no-repeat;
}

td.ftable-arrow-head-25 {
    padding: 0;
    line-height: 0px;
}

td.ftable-arrow-head-25 div {
    width: 30%;
    height: 21px;
    display: inline-block;
    background-image: url('../img/common/pipeline-arrow-head-100.png');
    background-position: right center;
    background-repeat: no-repeat;
}

td.ftable-arrow-head-50 {
    padding: 0;
    line-height: 0;
}

td.ftable-arrow-head-50 div {
    width: 55%;
    height: 21px;
    display: inline-block;
    background-image: url('../img/common/pipeline-arrow-head-100.png');
    background-position: right center;
    background-repeat: no-repeat;
}

td.ftable-arrow-head-65 {
    padding: 0;
    line-height: 0px;
}

td.ftable-arrow-head-65 div {
    width: 70%;
    height: 21px;
    display: inline-block;
    background-image: url('../img/common/pipeline-arrow-head-100.png');
    background-position: right center;
    background-repeat: no-repeat;
}
td.ftable-arrow-head-75 {
    padding: 0;
    line-height: 0px;
}

td.ftable-arrow-head-75 div {
    width: 80%;
    height: 21px;
    display: inline-block;
    background-image: url('../img/common/pipeline-arrow-head-100.png');
    background-position: right center;
    background-repeat: no-repeat;
}

td.ftable-arrow-head-100 {
    background-image: url('../img/common/pipeline-arrow-head-100.png');
    background-position: right center;
    background-repeat: no-repeat;
}

@media all and (max-width: 640px) {
    
    tr.ftable-show-mobile {
        display: table-row;
    }

    td.ftable-show-mobile, th.ftable-show-mobile {
        display: table-cell;
    }

    .ftable-hide-mobile {
        display: none;
    }

    .ftable th.col-20 {		
        font-size: 0.6em;
    }

    .ftable th.col-20.ftable-mobile-th-first, .ftable th.col-20.ftable-mobile-th-first,
    .ftable td.ftable-mobile-td-first {
        border-left: none;
    }

    .ftable th.col-20, .ftable th.col-20 {
        width: 25%;
    }

    .ftable th.col-20, .ftable th.col-20 {
        width: 25%;
    }

    .ftable-g2 td {
        border-left: 1px solid #333333;
        min-height: auto;
    }
}

@media print {
    #sidebar-menu {
        display: none;
    }

    .footer {
        display: none;
    }

    .aside {
        display: none;
    }

    #secondary-logo, #home-logo {
        display: none !important;
    }

    #print-logo {
        display: block;
        width: 181px;
        margin: 0 auto;
    }

    #top-nav {
        display: none;
    }

    .top-button {
        display: none !important;
    }
}

.two-column {
    display:  grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 24px;
}

@media all and (max-width: 640px) {
    .two-column {
        display:  block;
    }
}

@media (max-width: 870px) {
	.desktop-break {
		display: none;
	}
}
@media (min-width: 870px) {
	.mobile-no-break {
		display: none;
	}
}