/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	KPMG Speed to Modern Technology
	Style Sheet
	Based on revised KPMG brand guidelines (dated 3.25.22)
	Revised 5.5.23 KW
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* New brand headline font January 2022 -- Now deprecated as of 3.25.22 */
@font-face {
		font-family: "KPMG Bold";
		src:
		url('/html/fonts/Giorgio-Sans-LCG-Bold.eot') format('eot'),
		url('/html/fonts/Giorgio-Sans-LCG-Bold.woff') format('woff'),
		url('/html/fonts/Giorgio-Sans-LCG-Bold.woff2') format('woff2'),
		url('/html/fonts/Giorgio-Sans-LCG-Bold.ttf') format('truetype'),
		url('/html/fonts/Giorgio-Sans-LCG-Bold.svg') format('svg');
}

 /* New brand headline font March 2022 (yes, they changed it again) */
@font-face {
		font-family: "Open Sans Condensed";
		src:
		url('/html/fonts/OpenSans_Condensed-Regular.eot') format('eot'),
		url('/html/fonts/OpenSans_Condensed-Regular.woff') format('woff'),
		url('/html/fonts/OpenSans_Condensed-Regular.woff2') format('woff2'),
		url('/html/fonts/OpenSans_Condensed-Regular.ttf') format('truetype'),
		url('/html/fonts/OpenSans_Condensed-Regular.svg') format('svg');
}

@font-face {c
		font-family: "Open Sans Condensed Bold";
		src:
		url('/html/fonts/OpenSans_Condensed-Bold.eot') format('eot'),p
		url('/html/fonts/OpenSans_Condensed-Bold.woff') format('woff'),
		url('/html/fonts/OpenSans_Condensed-Bold.woff2') format('woff2'),
		url('/html/fonts/OpenSans_Condensed-Bold.ttf') format('truetype'),
		url('/html/fonts/OpenSans_Condensed-Bold.svg') format('svg');
}

/* New brand body copy font March 2022 */
@font-face {
		font-family: "Open Sans";
		src:
		url('/html/fonts/OpenSans-Regular.eot') format('eot'),
		url('/html/fonts/OpenSans-Regular.woff') format('woff'),
		url('/html/fonts/OpenSans-Regular.woff2') format('woff2'),
		url('/html/fonts/OpenSans-Regular.ttf') format('truetype'),
		url('/html/fonts/OpenSans-Regular.svg') format('svg');
}
@font-face {
		font-family: "Open Sans Semibold";
		src:
		url('/html/fonts/OpenSans-Semibold.eot') format('eot'),
		url('/html/fonts/OpenSans-Semibold.woff') format('woff'),
		url('/html/fonts/OpenSans-Semibold.woff2') format('woff2'),
		url('/html/fonts/OpenSans-Semibold.ttf') format('truetype'),
		url('/html/fonts/OpenSans-Semibold.svg') format('svg');
}
@font-face {
		font-family: "Open Sans Bold";
		src:
		url('/html/fonts/OpenSans-Bold.eot') format('eot'),
		url('/html/fonts/OpenSans-Bold.woff') format('woff'),
		url('/html/fonts/OpenSans-Bold.woff2') format('woff2'),
		url('/html/fonts/OpenSans-Bold.ttf') format('truetype'),
		url('/html/fonts/OpenSans-Bold.svg') format('svg');
}

@font-face {
		font-family: "Open Sans Italic";
		src:
		url('/html/fonts/OpenSans-Italic.eot') format('eot'),
		url('/html/fonts/OpenSans-Italic.woff') format('woff'),
		url('/html/fonts/OpenSans-Italic.woff2') format('woff2'),
		url('/html/fonts/OpenSans-Italic.ttf') format('truetype'),
		url('/html/fonts/OpenSans-Italic.svg') format('svg');
}


/*------------------------------------------
	General Styles
------------------------------------------*/
html, body {
	height: 100%; /* Enables navbar to scroll off halfway */
	width: 100%;
	width: -webkit-calc(100% - 0px);
    min-width: 360px;
		
	margin: 0;
	padding: 0;

	font-family: 'Open Sans',sans-serif;
	font-size: 16px; /****** This defines 1.0 em ******/
	color: #333;
	
	/* Colors -- Note we don't use these variables since they're not supportted in IE.  */
	
	--spectrumBlue: #0C233C; /* KPMG Spectrum Blue (used "for contrast") */
	--darkblue: #00338d; /* KPMG Brand Blue (Dark Blue) */
	--mediumblue: #1E49E2; /* Cobalt Blue New brand 2022 */
	--pacificBlue: #00B8F5; /* KPMG Pacific Blue */
	--lightblue: #AECAFF; /* KPMG Light Blue */
	--darkpurple: #510DBC;
	--purple: #7213EA;
	--darkpink: #AB0D82; /* New brand 2022 */
	--pink: #fd349c; /* New brand 2022 */
	
	--brightbluetext: #00a1ff; /* New brand 2022 */
	--bluetext: #0093c6;

}

blockquote { border: 0; }


hr {
    margin-left: auto;
    margin-right: auto;
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}	
	

img {
	max-width: 100%;
	height: auto;
}
/* 11.5.22 */
img.inline {
    padding: 1em 0;
    width: 100%;
}


.for-desktop { display: block; }
.for-mobile { display: none; }

@media (max-width:767px) {
	.for-desktop { display: none;  }
	.for-mobile  { display: block; }
}


/*------------------------------------------
	Font sizes
------------------------------------------*/
h1 {
    font-family: 'Open Sans Condensed','Open Sans',sans-serif; /* New brand January 2022 */
    font-size: 2.6em; /* 2.6em = 42px */
    line-height: 1.2; /* Supposed to be 1.3 */
    margin: 0 0 .5em 0;
    text-align: left;
	color: #00338d; /* KPMG Dark Blue */
}

h2 {
    font-family: 'Open Sans Condensed','Open Sans',sans-serif; /* New brand January 2022 */
    font-size: 2.25em; /* 2.25em = 36px */
    text-align: left;
	font-weight: 400;
	line-height: 1.25; /* 1.26.23 */
	color: #00338d; /* KPMG Dark Blue */
}
h2.smaller{
    font-size: 1.75em; /* 4.19.23 */
}

h3 {
	font-family: 'Open Sans Semibold','Open Sans',sans-serif;
	font-size: 1.5em; /* 1.5em = 24px */
	line-height: 1.3;
	font-weight: 400;
	color: #000;
	margin: .5em 0 .5em 0;
    text-align: left;
}
.subpage h3,
h3.smaller { /* We need to treat these as "intro" */
    font-size: 1.125em; /* 1.125em = 18px */
    line-height: 1.5;
}

h4 {
	font-family: 'Open Sans Semibold','Open Sans',sans-serif;
    font-size: 1.125em; /* 1.125em = 18px */
	color: #00B8F5;	/* New brand ? */
}

p, li, li > p, th, td, nav, label, input, textarea {
	font-family: 'Open Sans',sans-serif;
    font-size: 1em;  /* 1.0em = 16px */
    line-height: 1.5;
	text-align: left;
	color: #333;
}
li > p, li > div > p { 
    /* Note that "em" is relative to the parent, so 1em gets us the .9em set for li and p above */
	font-size: 1em; 	
}
p {
    margin: 0 0 1em 0;
}
a {
	transition: 0.25s all linear;
    color: #00338d;
}
a:hover {
	color: #1E49E2; /* Medium Blue */
}

ul {
    margin: 1em 0;    
}
ul li {
    margin: .5em 0;
}

h4.date{
	margin: 0 0 1em 0;
	
}
h1 sup, h2 sup {
    font-size: .75em; /* These two should add up to 1 */
    top: -.25em;
    margin: 0;
    padding: 0 0 0 2px;
    line-height: 0;
    position: relative;
}
blockquote {
    font-size: 1.25em;
	font-weight: 400;
	line-height: 1.4;
	color: #1E49E2; /* Cobalt (Medium) Blue */
	color: #00338d; /* KPMG Dark Blue  4.14.22 per brand */
	margin: -.25em 0 1em 0;
	padding: 0;
}

@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width:767px) {
	h1 { font-size: 2.25em;}
	h2 { font-size: 1.5em; margin: .5em 0 .15em 0; }/* 1.26.23 */
	h2.smaller{ font-size: 1.75em; }
	h3, h4 { font-size: 1.0em; line-height: 1.3;}
    .subpage h3 { /* We need to treat these as "intro" */
        font-size: 1.0em; /* 1.1em = 17.6px */
        line-height: 1.3;
    }
	p, li, td, th, nav, label, input, textarea { 
    	font-size: .9em; line-height: 1.3;	
	}
	li > p, li > div > p { 
        /* Note that "em" is relative to the parent, so 1em gets us the .9em set for li and p above */
    	font-size: 1em;	
	}
	blockquote { font-size: 1.1em; line-height: 1.25em; margin: .25em 0 1em 0;}
}
@media (max-width: 480px) {
	h1 { font-size: 2.0em; }
	h2 { font-size: 1.5em; } /* 1.26.23 */
	h2.smaller{ font-size: 1.25em; }
	h3, h4 { font-size: 1.0em; }
    .subpage h3 { /* We need to treat these as "intro" */
        font-size: 1.0em; /* 1.1em = 17.6px */
        line-height: 1.3;
    }
	p, li, li > p, th, td, nav, label, input, textarea { font-size: .85em; }
	blockquote { font-size: 1.0em; line-height: 1.2; }
}


/*---------------------------------------------------
	Utility styles
---------------------------------------------------*/
.clear, .clearfix  {clear: both;}

.align-right {
	margin-right: 0;
	padding-right: 0;
	text-align: right;
}
.align-left {
	margin-left: 0;
	padding-left: 0;
}

.anchortag:before {
	display: block;
	content: " ";
	height: 140px;
	margin-top: -140px;     
	visibility: hidden;
}
@media (max-width:767px) {
	.anchortag:before {
		height: 70px;
		margin-top: -70px;
	}
}

.col-nopad { padding: 0; }
.for-index { display: none; }
.nopadding { padding: 0; }
.nopadtop { padding-top: 0; }
.nopadbottom { padding-bottom: 0; }
.nomargin { margin: 0; }
.nomarginbottom { margin-bottom: 0 !important; }

.scrollable.default-skin .scroll-bar .thumb {
	width: 223px !important;
}

/** Multi-column layout **/
.columns-3 {
    padding: 0;
    margin: 1em 0;
}
@media screen and (min-width: 768px) {
	.columns-2 {
		columns: 2;
		column-gap: 80px;
		column-gap: 2em;
	}
	.column-1-wide {
		margin-right: -240px;
	}	
	.columns-3 {
		columns: 3;
		column-gap: 3em;
		column-gap: 2em;
	}
}

/* Prevent column breaks in the middle of a key container 1.25.23 */
.noColumnBreak,
.noColumnBreak li,
.noColumnBreak p {
    break-inside: avoid-column;    
}


/*---------------------------------------------------
	Stacked (two-line) headlines
---------------------------------------------------*/
.singleheadline h1, .singleheadline h2 {
	margin: 0 0 .25em 0 !important;
	text-align: center;
	padding: 0;
}
.doubleheadline h1 {
	margin: 1em 0 0 0 !important;
	text-align: center;
	padding: 0;
}
.doubleheadline h3 {
	text-align: center;
	margin: 0 0 2em 0;
	color: #fff;	
}

/*------------------------------------------
	Options for headlines when page is wide v. narrow
------------------------------------------*/
.headline_wide {
	display: block;
}
.headline_wide h2 {
	line-height: .85em;
	margin: 0 0 .25em 0;    
}
.headline_narrow {
	display: none;
	margin: 0 0 .5em 0;    
}

/****** Responsive mobile/small window adjustments ******/
@media (max-width:767px) {	   
	.headline_wide {
			display: none;
	}
	.headline_narrow {
			display: block;
	}
}


/*------------------------------------------
	Core section styles
------------------------------------------*/  
.section {   
	padding: 0;  
	margin: 5em 0;  
}
.section.fixed-bg, .section.scrolling-bg {
	padding: 5em 0; 
	background-size: cover; 
}
.section.scrolling-bg h2 {
    margin-top: 0;
}
.container {
    overflow: hidden;
}
.slug {
	position: relative;
	background: #fff;
	overflow: hidden;
}

/****** Responsive mobile/small window adjustments ******/
@media (max-width:767px) {	   
    .section {   
	    margin: 3em 0;  
    }
    .section.fixed-bg, .section.scrolling-bg {
    	padding: 3em 0;   
    }
}


/*------------------------------------------
	Light and Dark sections
------------------------------------------*/  
.dark_bg p, .dark_bg li, .dark_bg h1, .dark_bg h2, .dark_bg h3, .dark_bg h4, .dark_bg td, .dark_bg th { /* 2.2.23 */
	color: #fff;
}
.dark_bg p, .dark_bg a, .dark_bg li, .dark_bg form, .dark_bg td, .dark_bg th {
    line-height: 1.5em;
}

/* 10.31.22 */
.dark_bg li, .dark_bg li h2, .dark_bg li h3, .dark_bg li p {
	color: #fff;    
}
/* 11.5.22 */
.dark_bg ol.bignumbers li:before,
ol.bignumbers .dark_bg li:before {
	color: #fff;    
}

.dark_bg h3 {
/*     font-weight: 700; */
}
.dark_bg a {
	color: #60c3ec;	
	text-decoration: none;
}
.dark_bg a.learnmore {
    font-weight: 700;
    color: #fff;
	text-transform: uppercase;    
}

@media (max-width:767px) {	   
    .dark_bg p, .dark_bg a, .dark_bg li, .dark_bg form, .dark_bg td, .dark_bg th {
        line-height: 1.25em;
    }
}

.white_bg {
	background-color: #fff;
}
.white_bg a {
	color: #fd349c;	/* New brand pink */
	text-decoration: none;
}
.white_bg a.learnmore {
	color: #fd349c !important;	/* New brand pink */
	text-transform: uppercase !important;    
}


/*------------------------------------------
	Colored backgrounds
------------------------------------------*/  
.translucent_bg { /* 1.23.23 */
   background: rgba(33, 33, 33, 0.5);
   margin: 1em;
   padding: 1em; 
}

.gray5_bg {
    background-color: #E5E5E5;
    color: #000;
}

.ltblue_bg {
    background-color: #ACEAFF;
    color: #000;   
}
.babyblue_bg {
    background-color: #76D2FF;
    color: #000;   
}
.pacificblue_bg {
    background-color: #00B8F5;
    color: #fff;
}

.medblue_bg,
.cobaltblue_bg {
	background-color: #1E49E2 !important;
	color: #fff !important;
}
.dkblue_bg,
.kpmgblue_bg {
	background-color: #00338D;
	color: #fff;
}
.dkblue_bg b,
.dkblue_bg li,
.dkblue_bg p 
.dkblue_bg h2,
.dkblue_bg h3 {
	color: #00a1ff;
}
.kpmgblue_bg b,
.kpmgblue_bg li,
.kpmgblue_bg p {
	color: #00a1ff;
}

.spectrumblue_bg {
	background-color: #0C233C;
	color: #fff;    
}
.spectrumblue_bg p,
.spectrumblue_bg li,
.spectrumblue_bg h2,
.spectrumblue_bg h3 {
    color: #fff;   
}

.dkpurple_bg {    
    background-color: #510DBC;
    color: #fff;
}
.purple_bg {   
    background-color: #7213EA;
    color: #fff;
}

.purple-to-blue_bg {
    background-image: linear-gradient(to right, #7213EA, #1E49E2); 
    color: #fff;   
}
.purple-to-blue_bg p,
.purple-to-blue_bg li,
.purple-to-blue_bg h2,
.purple-to-blue_bg h3 {
    color: #fff;   
}

.pacific-to-lightblue_bg{
    background-image: linear-gradient(to right, #00B8F5, #ACEAFF); 
    color: #fff;   
}
.pacific-to-lightblue_bg p,
.pacific-to-lightblue_bg li,
.pacific-to-lightblue_bg h2,
.pacific-to-lightblue_bg h3 {
    color: #000;   
}


/*------------------------------------------
	Fixed background images
------------------------------------------*/
.fixed-bg {	
	position: relative;
	background-attachment: fixed; /* Background image doesn't scroll */
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
}

/*  BG images that get swapped */
.fixed-div-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
	z-index: 1;		
	overflow: hidden;	
}
/* The text and other content that appears in the foreground on top of the bg */
.fixed-div-fg {
		position: relative;
		width: 100%;
		z-index: 200;
		margin: 0 auto;
}


/* Fix for iPads that don't support background-size cover */
.iOS .fixed-bg {
	background-size: auto 100%;
}
.isMobile .fixed-bg {
	background-attachment: scroll;	
}

.iOS .fixed-div-bg {
	background-size: auto 100%;
}
.isMobile .fixed-div-bg {
	background-attachment: scroll;	
	height: 100%;
}


/*------------------------------------------
	3 Column boxes with images at the head
	(Note these are used in original design
	but seem to be removed in the current one)
------------------------------------------*/
.columnbox {
		margin: 0 0 1.5em 0;
}
.columnbox img {
		display: block;
		width: 100%;
		margin: 0 0 1em 0;
}

/*----------------------------------------------
	 Custom styles for the Bootstrap 3 navigation
----------------------------------------------*/

/* Accomodate the navigation */
body {
	padding-top: 75px; /* Only if subnav isn't fixed */
	padding-top: 135px; /* 75 for main nav + 60 for subnav */
}

.nav > li.for-desktop { display: block; }
.nav > li.for-mobile { display: none; }

.navbar {
    margin: 0;
}
.navbar-custom {
 	background: #fff;
    color: #00338d; /* KPMG Dark Blue */
	height: 75px; /* padding-top (16) + font-size (14) + logo height: (45) */
}
.navbar-custom .container {
	padding: 16px 0 0 0;
	height: 100%;
    overflow: visible; /* Allows dropdown menus to appear below nav */
}

/* Brand (Logo) Link */
.navbar-brand {
    font-size: 14px;
	padding-top: 0;
	padding-right: 45px; /* Logo exclusion zone (same as logo height) */
	height: 45px;
	width 113px;
}
.navbar-brand img {
	height: 45px;
	width: 113px;
}

.navbar-custom .navbar-nav {
    width: auto;
}

/* navbar top level links */
.navbar-custom .navbar-nav > li > a {
  	height: 45px;
 	font-size: 14px;
    color: #00338d; /* KPMG Dark Blue */
	text-decoration: none;
	padding-top: 6px; /* Centers text vertically */
	padding-left: 0px; 
	padding-right: 70px; /* Spacing between items */
}
.navbar-nav > li.last-item > a {
    padding-right: 0 !important;
}

/* top level link when mouse is hovering */
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
    color: #1E49E2;
	background: none;
}

/* top level parent link when the drop down is open */
.navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
    color: #1E49E2;
	background: none;
}

/* level 1 menu bar */
.navbar-custom .dropdown-menu {
 	background: #fff;
    #00338d; /* KPMG Dark Blue */
}
/* level 1 menu bar text and links*/
.navbar-custom .dropdown-menu > li, .navbar-custom .dropdown-menu > li > a {
 	font-size: 14px;
	color: #00338d !important; /* KPMG Dark Blue */
	text-decoration: none;
}
/* level 1 menu bar hovering */
.navbar-custom .dropdown-menu > li > a:hover, .navbar-custom .dropdown-menu > li > a:focus {
 	color: #fff !important;
 	background: #00338d !important;
}


@media (max-width: 1199px) {
	.navbar-custom .navbar-nav > li > a {
	    padding-right: 50px; /* Spacing between items */
	}
}
@media (max-width: 991px) {        
	/* Accomodate the nav height */
	body {
		padding-top: 116px; /* 66 mmanin nav + 50 subnav = 116 */
	}
    .navbar-custom {
    	height: 66px; /* padding-top (16) + font-size (14) + logo height: (36) */
    }    
    .navbar-custom .container {
    	padding: 10px 0 0 0;
    }
    /* Logo */
    .navbar-brand {
    	padding-top: 5px;
    	height: 41px; /* 36 + 5 pad = 41 + 10 container pad = 51, which leaves 15 on the bottom, 51 + 15 = 66 */
    	width: auto;
    }
    .navbar-brand img {
    	height: 36px;
    	width: 90px;
    }    
	.navbar-custom .navbar-nav > li > a {
		padding-right: 40px; /* Spacing between items */
	}
}


/* When Nav collapses into tab with dropdown */
@media (max-width: 767px) {
	/* Accomodate the nav height */
	body {
		padding-top: 50px; /* 50 mmanin nav + 0 subnav = 50 */
	}

    .nav > li.for-desktop { display: none; }
    .nav > li.for-mobile { display: block; }

	.navbar-custom {
		height: 50px;
		min-width: 300px;
        box-shadow: 0px 1px 16px #aaa;		
	}
	.navbar-custom .container {
		padding: 0 !important;
	}
	.navbar-custom .navbar-header {
		margin: 0 !important;
	}
    
    /* Logo */
    .navbar-brand {
    	padding-top: 10px;
    	height: 40px; /* logo 30 + 10 pad on top and 10 on bottom = 50 */
    	width: auto;
    }
    .navbar-brand img {
    	height: 30px;
    	width: 75px;
    }
	
	/* mobile toggle button formatting */
	.navbar-custom .navbar-toggle {
	    border-color: #00338d; /* KPMG Dark Blue */
	}
	.navbar-custom .navbar-toggle .icon-bar {
	    background-color: #00338d; /* KPMG Dark Blue */
	}
	
	/* mobile toggle button mouse hover */
	.navbar-custom .navbar-toggle:focus,
	.navbar-custom .navbar-toggle:hover {
	    background-color: #00338d; /* KPMG Brand Blue (Dark Blue) */	    
	}	
	.navbar-custom .navbar-toggle:focus .icon-bar,
	.navbar-custom .navbar-toggle:hover .icon-bar {
	    background-color: #fff; /* white */
	}
	
	/* The div containing the main menu items */
	.navbar-custom .navbar-collapse {
 		background: #fff;
/*  	    background-color: rgba(33,33,33,0.9); */
		height: auto;
		width: auto;
		margin: 0 !important;
	}

	/* navbar top level links */
	.navbar-custom .navbar-nav > li > a {
		height: 3em;
		padding-left: 20px;
	}
	
	/* The container for the items in the dropdown */
	.navbar-custom .dropdown-menu {
		padding: 0 0 0 1em !important;
		margin: 0 !important;		
	}
	
	/* Individual dropdown items */
	.navbar-custom .dropdown-menu > li > a {
		color: #00338d !important;				
	}
	/* Individual dropdown items while hovering */
	/* level 1 menu bar hovering */
	.navbar-custom .dropdown-menu > li > a:hover,
	.navbar-custom .dropdown-menu > li > a:focus {
	 	color: #1E49E2 !important;
	 	background: none !important;
	}

	/* Individual dropdown item that's selected */
	.dropdown-menu > .active > a:focus,
	.dropdown-menu > .active > a:hover {		
	    color: #1E49E2 !important;
	    background: none;		
	}

}


/**** Subnavigation ****/
#subnav.navbar {
	position: fixed;
	z-index: 1000;
	top: 75px;

	background-color: #0C233C; /* KPMG Spectrum Blue (used "for contrast") */
	margin: 0;
	border-radius: 0;
}
#subnav.navbar-custom {
    height: 60px;
    width: 100%;
}
#subnav.navbar-custom .container {
	padding: 0 ;
    overflow: visible; /* Allows dropdown menus to appear below nav */
}
#subnav .navbar-collapse {
    padding: 0;
}
#subnav .navbar-nav {
 	padding: 0 ;
 	width: auto;
}
#subnav .navbar-nav > li > a {
	font-size: 14px;	    
	color: #fff !important;
	margin: 0;	
	padding-top: 10px;
	padding-bottom: 10px;
	height: inherit; 
}
#subnav .logoplaceholder {
    width: 113px;    
}

@media (max-width: 1199px) {
	#subnav.navbar-custom .navbar-nav > li > a {
	    padding-right: 40px; /* Spacing between items */
	}
}
@media (max-width: 1099px) {
	#subnav.navbar-custom .navbar-nav > li > a {
	    padding-right: 30px; /* Spacing between items */	    
	}
}
@media (max-width: 991px) {
     #subnav.navbar {
    	top: 66px; /* The height of the main nav */
    }        
    #subnav.navbar-custom {
        height: 50px; /* Instead of 60 */
    }    
    #subnav .logoplaceholder {
        width: 90px;  
    }
    #subnav .navbar-nav > li > a {
    	padding-top: 5px;
    	padding-bottom: 5px;
    }
	#subnav.navbar-custom .navbar-nav > li > a {
		padding-right: 25px; /* Spacing between items */
	}
}


/* ++++++++++++++++++++++++++++++++++++++++
 Sub page sections
+++++++++++++++++++++++++++++++++++++++++ */

#technologies {
    background-size: cover;
    background-position: right center;
    background-color: #1E49E2; /* Medium Blue */
}
.technologies-content {
    display: table;
    margin-left: auto;
    margin-right: auto;
 }


#topics-header {
    margin: 1em 0;
}


/** Icon paired with a heading **/
.iconlockup .icon, .iconlockup .lockup {
    float: left;
}
.iconlockup .icon img {
    height: 64px;
    width: 64px;
}
.iconlockup .lockup h2 {
    height: 64px;
    line-height: 64px;
    white-space: nowrap;
    margin: 0 0 0 15px;
    padding: 0;
}


/** Subpage notched headers **/
.notch-header-right, .notch-header-left {
    border-top: 10px solid #0C233C; /* KPMG Spectrum Blue (used "for contrast") */
    text-align: center;
}
.notch-header-right h2, .notch-header-left h2 {
    margin-top: 0;
    margin-bottom: 1em;
    padding: 15px 90px;
    text-align: center;
    border-bottom: 5px solid #0C233C; /* KPMG Spectrum Blue (used "for contrast") */
    display: inline-block;
}
.notch-header-right h2 {
    border-right: 5px solid #0C233C; /* KPMG Spectrum Blue (used "for contrast") */
}
.notch-header-left h2 {
    border-left: 5px solid #0C233C; /* KPMG Spectrum Blue (used "for contrast") */
}


/********************************************
    Contact Us Rev 1.30.23
********************************************/
#contactus {
    border-top: 5em solid #0C233C; /* KPMG Spectrum Blue (used "for contrast") */
}
#contactus .container {
    overflow: visible;
}

 /* Treat the home page differently */
.home #contactus {
    border-top: 10px solid #0C233C; /* KPMG Spectrum Blue (used "for contrast") */   
}
.home #contactus .container {
    overflow: hidden;   
}

#contactus .contact-feature,
#contactus .contact-multi {
    max-width: 200px;
}
#contactus .contact-feature big,
#contactus .contact-multi big {
    font-size: 1em;
}
#contactus .contact-feature img,
#contactus .contact-multi img {
	margin: .5em 0;
	margin: 0;
    margin: .5em auto;
    width: 80%;
}

/* When wider than... */
@media screen and (min-width: 768px) {
    #contactus .contact-feature {
	    margin: -10% 0 0;
    }
}
/* When narrower than... */
@media (max-width:767px) {
    #contactus {
        border-top: 10px solid #0C233C; /* KPMG Spectrum Blue (used "for contrast") */
    }
    #contactus .contact-feature,
    #contactus .contact-multi {
        margin: 1em 0;
    }
    #contactus .contact-feature img,
    #contactus .contact-multi img {
    	max-width: 170px;
    }
}
@media (max-width:480px) {
    #contactus .contact-feature,
    #contactus .contact-multi {
        width: 40vw; /* Push the Bootstrap column widths */
    }
    #contactus .contact-feature img,
    #contactus .contact-multi img {
    	max-width: 100px;
    }
}


/********************************************
    Stats table using circles with numbers inside
********************************************/
.statsTable td {
    padding: .25em;
}
.circleOuter {
    height:90px;
    width:90px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    margin-left:0%;
    margin-top:0%;
    position: relative;

	background-color: #1E49E2;
	color: #fff;
} 
.circleInner {
    height: 90px;
    width: 90px;
    color: white;
    line-height: 90px;
    text-align: center;
    font-size: 1.25em;
    font-weight: 700;
}

.dark_bg .circleOuter {
	background-color: #fff;
	color: #1E49E2;
}
.dark_bg .circleInner {
	color: #1E49E2;
}

/********************************************
    Stats table using icons 2.2.23
********************************************/
.statsTable .icon {
	 margin: 0;
	 text-align: center;     
	 height: 5.5em;
	 width: 5.5em;
}
.statsTable .icon img {
	 height: 100%;
	 width: 100%;
}
.statsNumber {
    font-weight: bold;
    font-size: 1.5em;
    display: block;
    line-height: 1em;
}
@media (max-width: 767px) {
    .statsTable .icon {
    	 height: 5em;
    	 width: 5em;
    }
}
@media (max-width: 480px) {
    .statsTable .icon {
    	 height: 4.5em;
    	 width: 4.5em;
    }
}

/********************************************
    Stats table inside of pictOverlay 2.2.23
********************************************/
.statsRow .bracket-content {
    border-right: 1px solid white;
}
@media (max-width:767px) {    
    .statsRow .bracket-content {    
        margin: 0 20px 0 20px;
    }
}


/********************************************
    Ordered list using big numbers
********************************************/
ol.bignumbers {
	list-style-type: none;
	counter-reset: li;
	margin-left: 0;
	padding-left: 0;
}
ol.bignumbers > li {
    position:relative; /* Create a positioning context */
    margin:0 0 1em 0; /* Give each list item a left margin to make room for the numbers */
    padding: .1em .5em; /* Add some spacing around the content */
    padding-left: 6em;
}
ol.bignumbers>  li:before {
    position:absolute;
    top: 0;
    left: 0;
    counter-increment: li;
    content: counter(li, decimal-leading-zero);    
    font-family: 'Open Sans Condensed','Open Sans',sans-serif; /* New brand January 2022 */
	font-size: 4em;
	line-height: 1em;
	color: #7213EA;
}
/* 11.5.22 */
ol.bignumbers h2 {
    margin: .25em 0;
}
ol.bignumbers h3 {
    margin: .5em 0;
}

@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width:767px) {
    ol.bignumbers > li {
        padding-left: 4.5em;
    }
    ol.bignumbers > li:before {
	    font-size: 3em;
    }
    
    /* 11.5.22 */
    ol.bignumbers h2 {
        margin: 0 0 .25em 0;
    }
    
}
@media (max-width: 480px) {
    ol.bignumbers > li {
        padding-left: 3em;
    }
    ol.bignumbers > li:before {
	    font-size: 2.5em;
    }
}
/* END Big Number List */


/* 11.18.22 */
ul.regularbullets {
    list-style-type: disc;
}

@media (max-width:767px) {
    ul.regularbullets li {
        padding-left: .5em;
    }
    ul.regularbullets li:before {
	    font-size: 1em;
    }
}

/*---------------------------------------------------------------
    Ordered list using big numbers with circles 1.25.23
---------------------------------------------------------------*/
ol.bignumbers.circlenumbers > li {
    position: relative; /* Create a positioning context */
    margin:0 0 1em 0; /* Give each list item a left margin to make room for the numbers */
    padding: .33em .5em; /* Add some spacing around the content */
    padding-left: 3em; 
}

ol.bignumbers.circlenumbers > li:before {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: li;
    content: counter(li);
    width:    1.5em;
    height:   1.5em;
    font-size: 1.5em;
    line-height: 1.0em;
    display:inline-flex;
    align-items:center;
    justify-content: center;
    background-color: #7213EA;
    color: #fff;        
    border-radius:50%;
    border: 1px solid #fff;
    font-family: 'Open Sans Condensed','Open Sans',sans-serif;  
}


/*---------------------------------------------------------------
    Ordered list using big numbers with rectangles 1.25.23
---------------------------------------------------------------*/
ol.bignumbers.rectanglenumbers > li {
    position: relative; /* Create a positioning context */
    margin: 0 0 1em 0; /* Give each list item a left margin to make room for the numbers */
    padding: .1em .5em; /* Add some spacing around the content */
    padding-left: 3em;    
    min-height: 3em; /* Prevent the numbers from overlapping */
}

ol.bignumbers.rectanglenumbers > li:before {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: li;
    content: counter(li);
    width:    1.5em;
    height:   1.5em;
    font-size: 1.5em;
    line-height: 1.0em;
    display:inline-flex;
    align-items:center;
    justify-content: center;
    
    background-color: #fff;
    color: #00338D;        
    border: 1px solid #fff;
    
    padding: 1em 0; /* Makes it a rectangle rather than a square */
    
    font-family: 'Open Sans Condensed','Open Sans',sans-serif;  
}


/****************************************
    Download and Contact for POV pages 
****************************************/
.download-contact table {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
}

.download-box, .contact-box {
    width: 50%;
    color: #fff;
    font-size: 1em;
    text-align: center;
    padding: 1em;
    white-space: nowrap;
}
.download-box {
    background-color: #7213EA;
}
.contact-box {
    background-color: #00338D;
}
.download-box a, .contact-box a {
    color: #fff;
}
.download-box img, .contact-box img {
    width: 70%;
    padding-bottom: 1em;
}
    
@media (max-width: 991px) {
    .download-box, .contact-box {
        font-size: .75em;
    }
}
@media (max-width: 767px) {
    .download-contact table {
        margin-top: 2em;
        width: 40%;
    }
    .download-box, .contact-box {
        padding: .75em;
    }
    .download-box img, .contact-box img {
        width: 33%;
        padding-bottom: .5em;
    }
}
@media (max-width: 480px) {
    .download-contact table {
        width: 60%;
    }
    .download-box img, .contact-box img {
        width: 25%;
    }
}


/* ++++++++++++++++++++++++++++++++++++++++
 POV pages and their sidebars
+++++++++++++++++++++++++++++++++++++++++ */
.povpage .intro {
    margin: 3em 0 1em 0;
}

@media (max-width:767px) { /* 1.26.23 */
    .povpage .intro {
        margin: 1em 0 1em 0;
    }
}

.section.continuous {
    margin: 0 0 3em 0;
}
.intro + .continuous {
   margin-top: 1em;
}

.povpage h3 {
    margin-top: 1em;
}
.povpage h2 + h3 {
    margin-top: 0;
}
.sidebar h3, .sidebar-text h3 {
    margin: 0;
}
.povpage .columns-2, .povpage .columns-3 {
    margin-bottom: 1em;
}


.povpage .border-top-2,
.povpage .border-top-10 {
    margin-top: 1em; /* clear space above the line */
    padding-top: 2em; /* clear space below the line */
}

/* 11.18.22 */
div.embed-img {
    margin: 1em 0;
}

.sidebars {
    margin-top: 3em;
}

.sidebar-layers {
    padding: 15em 1em .5em 1em;
    background-size: cover;        
}
.sidebar-layers p {
    font-style: italic;
    font-weight: 700;    
}
.sidebar-stacked {
    margin-bottom: 1em; /* 11.5.22 */
    padding: 0;
    background-size: cover;
    position: relative; /* 1.25.23 */
}

.sidebar-stacked .sidebar-text {
    padding: 1em 1em;
}

.sidebar-stacked h3 {
    font-size: 1.5em;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
    font-family: "Open Sans Condensed";
}

.sidebar-img {
   margin: 0; 
}


/* 10.31.22 */
.sidebar-section {
	padding: 2em;
}
@media (max-width: 767px) {
    .sidebar-section .sidebar-col-img {
    	margin-bottom: 1em;
    	width: 100%;
    }
}
.bold-blue {
	color: #00338D;
	font-weight: 900;
}
.bold-purple {
    color: #7213EA;
}
.img-float-right {
	width: 50%;
	padding: 0 0 1em 1em;
}

/* 11.5.22 */
div.callout {
    padding: 1em;
}
/*  Callout box with table */
table.callout {
    margin: 2em 0;
    width: 100%;
}
table.callout th,
table.callout td {
    padding: 1.25em 1.5em;
}
table.callout td h2,
table.callout td h3 {
    margin: 0;
    padding: 0;
}



/* ++++++++++++++++++++++++++++++++++++++++
 KPMG Animated Stats Crawl
+++++++++++++++++++++++++++++++++++++++++ */
#kpmg_stats {
    padding: 4em 0;
}
#kpmg_stats_crawl {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  text-align: center;
}  
#kpmg_stats_crawl sup {
      position: relative;
      font-size: 50%;
      top: -0.75em;
}    
@media (max-width: 991px) {
	 #kpmg_stats_crawl { font-size: 1.25em; }
}
@media (max-width:767px) {
	 #kpmg_stats_crawl { font-size: 1.1em; }
	
}
@media (max-width: 480px) {
	 #kpmg_stats_crawl { font-size: 1em; }
}
   

/* ++++++++++++++++++++++++++++++++++++++++
 Capabilities
+++++++++++++++++++++++++++++++++++++++++ */
.capability {
    padding: 0 0 1em 0;
}
.capability h2 {
	text-align: center;
	font-size: 1.75em;
}
.capability p {
	line-height: 1.5em;
}
.capability .icon {
	 margin: 1.5em 0 0 0;
	 text-align: center;     
}
.capability .icon img {
	 height: 64px;
	 width: 64px;
}
.capability a.learnmore:after {
	display: inline;
	content: '\00a0>'; /*  \00a0 is a non-breaking space ( ) */
	color: #fd349c;
}
.plus-sign {
    font-family: "roboto";
    font-weight: 300;
    
    font-size: 200px;
    line-height: 120px;
    overflow: hidden;
    
	color: #fd349c; /* Pink */
	color: #7213EA; /* Purple */
	color: #510DBC; /* Dark purple */
	
	margin: 0;
	padding: 0;
}
@media (max-width: 768px) {
    .capability {
        padding: 0em;
    }
    .capability .icon img {
    	 height: 48px;
    	 width: 48px;
    }
    .plus-sign {
        display: none;
    }
}


/* ++++++++++++++++++++++++++++++++++++++++
 Why KPMG (KPMG Advantage)
+++++++++++++++++++++++++++++++++++++++++ */
#whykpmg h2 {
	text-align: center;	   
}
#whykpmg .textbox h2 {
	color: #00a1ff;	/* Bright blue */
	color: #00B8F5; /* KPMG Pacific Blue */
	text-align: left;   
}

#whykpmg .textbox {
	padding: .5em 1em 1em 1em;
	position: relative;
}

#whykpmg #people .textbox:before,
#whykpmg #alliances .textbox:before {
	display: block;
	border: 1px solid #fff;
	border-bottom: 0 none;
	border-right: 0 none;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	height: 1em;
}
#whykpmg #tools .textbox:after {
	display: block;
	border: 1px solid #fff;
	border-top: 0 none;
	border-right: 0 none;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	height: 1em;	
}

@media (max-width: 768px) {
    #whykpmg .textbox {
    	padding: .5em 1em .5em 1em;
    }
    #whykpmg #tools .textbox:after,
    #whykpmg #alliances .textbox:before {
        display: none;
    }    
    #whykpmg #alliances .textbox:after {
    	display: block;
    	border: 1px solid #fff;
    	border-top: 0 none;
    	border-left: 0 none;
    	width: 100%;
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	content: '';
    	height: 1em;
    }
}


/* ++++++++++++++++++++++++++++++++++++++++
 Proof. Pudding.
+++++++++++++++++++++++++++++++++++++++++ */
#proof-header {
    margin-bottom: 0;
} 
#proof-content {
	background-color: #0C233C; /* KPMG Spectrum Blue (used "for contrast") */
	margin: 0;
    padding-top: 3em;
    padding-bottom: 5em;
} 
#proof-content .row {
    margin-bottom: 1em;
}
.proof-text a.learnmore:after {
	display: inline;
	content: '\00a0>'; /*  \00a0 is a non-breaking space ( ) */
	color: #fd349c;
}
/* Center vertically */
.proof-text-col {
    position: relative;
    height: 200px;   
}
.proof-text {
   margin: 0;
   position: absolute; 
   top: 50%;
   transform: translate(0, -50%)
}
.proof-text h3 {
    margin-top: 0;
}
.proof-image {
    height: 200px;    
    background-size: cover;
    background-position: right top;
}
 /* Flip text for odd rows */
.proof-text-narrow {
    display: none;
}
.proof-text-wide {
    display: inline;
}

/*** For pages where the content is too long to center in 200px **/
.section.text-align-top .proof-text-col {
    height: auto;    
}
.section.text-align-top .proof-text {
   margin: 0;
   position: relative; 
   transform: none;
}

@media (max-width:991px) {     
}
@media (max-width:767px) {
    #proof-content {
        padding-top: 0;
        padding-bottom: 3em;
    } 
    .proof-text-wide {
        display: none;
    }
    .proof-text-narrow {
        display: inherit;
    }
    /* Undo vertical centering */
    .proof-text-col {
        height: auto;
    }
    .proof-text {
        margin: 2em 0 1em 0;
        top:0;
        transform: none;
        position: relative; 
    }
    .section.text-align-top .proof-text {
        margin: 2em 0 1em 0;
    }
    .proof-image {
        height: 150px;    
    }
}


/* ++++++++++++++++++++++++++++++++++++++++
 Everyone Hates IT
+++++++++++++++++++++++++++++++++++++++++ */
#hates {
    margin-top: 0; /* So it butts up against Proof bottom */
}
#hates p {
    line-height: 1.5em;
}
#hates h2 {
    line-height: 1.1em;
}
#hates h2 span {
	color: #00a1ff;	/* Bright blue */
	color: #00B8F5; /* KPMG Pacific Blue */
	display: block;
}
#hates ul {
    font-size: 1.1em;
/*     font-weight: 700; */
    
    width: 80%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}
#hates ul li {
    margin: 0 0 .25em 0;
}
#hates_toprightcontainer {
    margin: 0;
    padding:0;
}
#hates_toprightline {
    height: 20px;
    width: 20px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    margin-left: 0em;
    float: right;
}
#hates_bottomleftcontainer {
    margin: 0;
    padding:0;
}
#hates_bottomleftline {
    height: 20px;
    width: 100%;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
}
#hates_right {
    border-right: 1px solid white;
    text-align: center !important;
}
#hates_left {
    /* Not sure why this is needed, but it closes up padding between columns */
    border-bottom: 1px solid transparent;
}
@media (max-width: 1199px) {
     #hates ul {
        width: 90%;  
       font-size: 1.1em;
    }
   
}
@media (max-width:991px) {    	   
    #hates ul {
        width: 100%;  
       font-size: 1em;
    }
}
@media (max-width:767px) {    
    #hates h2 span {
    	display: inline;
    }
     #hates ul {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
    }
     #hates_left, #hates_right {
        margin: 0 20px -10px 20px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-right: 1px solid white;          
      } 
      #hates_bottomleftcontainer, #hates_toprightcontainer {
        margin: 0 20px 0 20px !important;
      } 
}





/*** KW Start Components Here ***/


/* ++++++++++++++++++++++++++++++++++++++++
 Alliances (partner logos section)
+++++++++++++++++++++++++++++++++++++++++ */
#alliances .logo img {
    width: 100%;
    max-width: 200px;
}
#alliances .logo {
   text-align: center;
} 
@media (max-width: 767px) {
    #alliances .logo img {
        max-width: 175px;
    }
}
@media (max-width: 480px) { /* 1.27.23 */
    #alliances .logo {
        width: 45vw;
    }
}


/* ++++++++++++++++++++++++++++++++++++++++
 Bracketed sections.
+++++++++++++++++++++++++++++++++++++++++ */
.brackets-fullwidth {
    margin: 1em 0;
}
/** Assume the brackets and their content are indented **/
.brackets .container {
   padding-left: 60px;
   padding-right: 60px;
}  
/** If we want the brackets to be full width instead **/
.brackets-fullwidth .container {
   padding-left: 0px;
   padding-right: 0px;
}  
.bracket-content {
	padding: 0 3em;
}
.brackets .bracket-top-left,
.brackets .bracket-bottom-right {
	height: 3em;
	width: 50%;
	max-width: 245px;	
} 
 .brackets .bracket-top-left {
	 border-left: 10px solid #fd349c; /* KPMG pink */
	 border-top:  10px solid #fd349c;
 }	
.brackets .bracket-bottom-right{
	border-right: 10px solid #fd349c;
	border-bottom:  10px solid #fd349c;
	float: right;
}
.bracket-icon {
	width: 94px;
	height: auto;
	margin: 0;
	padding: 0;
} 
.bracket-header {
    text-align: center;    
}
.bracket-header h2 {
    text-align: center; 
    margin: 0 0 1em 0;  
}
.bracket-content-column {
   margin-bottom: 2em;   
}

@media (max-width:767px) {
    .brackets .container {
       padding-left: 40px;
       padding-right: 40px;
    }  
    .bracket-content {
    	padding: 0 2em;
    }
    .bracket-icon {
    	width: 64px;
    } 
    .bracket-content-column {
       text-align: center;       
    }
    .bracket-content-column h3 {
       text-align: center;       
    }
}
@media (max-width:480px) {
    .brackets .container {
       padding-left: 20px;
       padding-right: 20px;
    }  
    .bracket-icon {
    	width: 64px;
    } 
}

a.insight-link:after {
	display: inline;
	content: '\00a0>'; /*  \00a0 is a non-breaking space ( ) */
	color: #fd349c;
}


/* ++++++++++++++++++++++++++++++++++++++++
 Pict overlay component
+++++++++++++++++++++++++++++++++++++++++ */
.pictoverlay {
    margin-top: 0; /* So it butts up against previous section bottom */
}
.pictoverlay p {
    line-height: 1.5em;
}
.pictoverlay h2 {
    line-height: 1.1em;
}
.pictoverlay h2 span {
	color: #00a1ff;	/* Bright blue */
	color: #00B8F5; /* KPMG Pacific Blue */
	display: block;
}
.pictoverlay ul {
    font-size: 1.0em;
    width: 90%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
}
.pictoverlay ul li {
    margin: 0 0 .5em 0;
}
.pictoverlay ul.bigbullets {
    font-size: 1.1em;
    width: 80%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}
.pictoverlay ul.bigbullets li {
    margin: 0 0 .25em 0;
}

/** Stuff for the right and bottom brackets **/
.pictoverlay_toprightcontainer {
    margin: 0;
    padding:0;
}
.pictoverlay_toprightline {
    height: 20px;
    width: 20px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    margin-left: 0em;
    float: right;
}
.pictoverlay_bottomleftcontainer {
    margin: 0;
    padding:0;
}
.pictoverlay_bottomleftline {
    height: 20px;
    width: 100%;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
}
.pictoverlay_right {
    border-right: 1px solid white;
    text-align: center !important;
}
.pictoverlay_left {
    /* Not sure why this is needed, but it closes up padding between columns */
    border-bottom: 1px solid transparent;
}
@media (max-width: 1199px) {
    .pictoverlay ul {
        width: 90%;  
    }   
    .pictoverlay ul.bigbullets {
        font-size: 1.1em;
    }   
}
@media (max-width:991px) {    	   
    .pictoverlay ul {
        width: 100%;  
    }
    .pictoverlay ul.bigbullets {
        font-size: 1.0em;
    }   
}
@media (max-width:767px) {    
    .pictoverlay h2 span {
    	display: inline;
    }
     .pictoverlay ul {
        padding-bottom: 10px;
        padding-left: 30px;
    }
    .pictoverlay_left ul {
        margin-bottom: 0;
    }
    .pictoverlay_left, .pictoverlay_right {
        margin: -10px 20px -10px 20px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-right: 1px solid white; 
    } 
    /* 4.19.23 */
    .pictoverlay_center {
        margin: 1.5em 20px 2em 20px !important;
    }
    .pictoverlay_bottomleftcontainer, .pictoverlay_toprightcontainer {
        margin: 0 20px 0 20px !important;
    } 
}
   

/* ++++++++++++++++++++++++++++++++++++++++
 Slide in left and right component 3.3.23
 +++++++++++++++++++++++++++++++++++++++++ */
 slide-left-right-section {
    background-size: cover;
    background-position: right center;
    background-color: #1E49E2; /* Medium Blue */
}
.slide-left-right-content table {
    width: 100%;
}
.slide-left-right-content td.left-col {
    width: 40%;
}
.slide-left-right-content .left-col {
    position: relative;
    padding: .5em 1em .5em 0;
}
.slide-left-right-content .right-col {
    position: relative;
    padding: .5em 0 .5em 1em;
}
.slideleftouter {
    position: relative;
    background-size: cover;
    padding-top: 40%; 
}
.slideleftinner {
    padding: .1em .5em;
    background: rgba(33, 33, 33, 0.5);
    position: absolute;
    bottom: 0;
    right: 0;
}
.sliderightinner, .sliderightinner p {
    margin: 0;
    padding: 0;
    font-weightX: 700;
}
.slideleftinner h2	{
    font-size: 2em;
	margin: 0;
}
.slideleftinner h3 {
	margin: 0;
}	
.sliderightinner h3 {
	margin: 0;
}	

@media (max-width:991px) {
    .sliderightinner p {
        font-size: .95em;
        }
    .slideleftinner h2	{
        font-size: 1.5em;
    }
}
@media (max-width:767px) {    
    .slideleftinner h2	{
        font-size: 1.4em;
    }	
}


/*---------------------------------------------------
	Custom accordion
---------------------------------------------------*/
.custom-accordion {
    /* Image src is set in the page */
    background-size: cover;
    background-repeat: no-repeat ;
    background-position: center center;
  
    color: #FFFFFF;  
    font-family: 'Open Sans',sans-serif;
    min-height: 400px;
}
.custom-accordion > .item {
    padding: 1rem 2rem;
    margin: 0 auto;
    max-width: 30rem;
}
.custom-accordion > .item:hover {
    cursor: pointer; /* Because we're linking the entire item */
}
.custom-accordion > .item > .number {
    color: white;
    font-size: 2rem;
}
.custom-accordion > .item > .title {
    font-size: 1.5rem;
}
.custom-accordion > .item > .content span.readmore {
    color: #00B8F5;
    display: block;
    margin: .5em 0;
}
/*** When screen is narrow ***/
@media screen and (max-width: 799px) {
.custom-accordion {
    padding: 2em 0;
}
 .custom-accordion > .item  {
     background: rgba(12, 35, 60, 0.3)
    }
}
/*** When screen is wide ***/
@media screen and (min-width: 800px) and (min-height: 270px) {

  .custom-accordion {
    display: table;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 50vh;
    max-height: 1000px;
    overflow: hidden;
    padding-bottom: 0;
  }
  .custom-accordion > .item {
    display: table-cell;
    position: relative;
    height: 100%;
    padding: 2rem;
    text-align: center;
    transform-origin: 0 50%;
    transition: all 0.3s cubic-bezier(0.8, 0.16, 0.42, 0.89);
  }

  /**** When expanded on hover ****/ 
  .custom-accordion > .item:hover {
    transform: scaleX(2) translateX(-1px);
    box-shadow: 0 0 3rem #301916;
    background: #0C233C; /* KPMG midnight blue */
    border-color: transparent;
  }
  .custom-accordion > .item:last-of-type:hover {
    transform: scaleX(2) translateX(-50%); /* KW: Changed this to -50% to have it expand left */
    opacity: 0.95; /* Why Does it work here? */
  }
  .custom-accordion > .item:hover + .item {
    opacity: 0.1;
  }  
  .custom-accordion > .item:hover > .number {
    transform: scaleX(0.5);
    font-size: 4em;
    color: #ffffff;
  }
  .custom-accordion > .item:hover > .title {
    transform: scaleX(0.5) translateX(-50%);
    background: #7213EA;
    text-align: center;
    padding: 0;
    font-size: 1.1rem;
    font-weight: 700;
  }
  .custom-accordion > .item:hover > .title > .text {
    transform: translateX(-50%);
    left: 50%;
    padding-bottom: .15em;
  }
  .custom-accordion > .item:hover > .content {
    opacity: 1;
  }
  
  /**** When NOT expanded ****/ 
  .custom-accordion > .item:not(:last-of-type) {
    border-right: 1px solid #333;
  }
  .custom-accordion > .item:not(:first-of-type) {
    border-left: 1px solid #666;
  }
  .custom-accordion > .item > .number {
    font-weight: 700;
    font-size: 4rem;
    transition: all 0.3s cubic-bezier(0.8, 0.16, 0.42, 0.89);
    color: #FFFFFF;
  }
  .custom-accordion > .item > .title {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 1.75rem;
    width: 200%;
    text-align: left;
    transform-origin: 0 50%;
    transform: rotate(-90deg);
    transition: all 0.3s cubic-bezier(0.8, 0.16, 0.42, 0.89);
    font-size: 1.25rem;
    font-weight: 700;
  }
  .custom-accordion > .item > .title > .text {
    position: absolute;
    left: 2rem;
    bottom: 0;
    white-space: nowrap;
    transition: all 0.3s cubic-bezier(0.8, 0.16, 0.42, 0.89);
  }
  .custom-accordion > .item > .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200%;
    height: auto;
    transform: translateX(-50%) translateY(-50%) scaleX(0.5);
    transition: all 0.3s cubic-bezier(0.8, 0.16, 0.42, 0.89);
    opacity: 0;
    padding: 1rem;
    pointer-events: none;
  }
}

/*---------------------------------------------------
	Popup window
---------------------------------------------------*/
#popupWindow {
    /* Can't use just 'display: none' b/c some browers (FF) hide things by setting the height to -75px */
    display: none;
    visibility: hidden; /* So we also need this */
    
 	/* Reset left-right coordinates so that zero is screen center */
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%; /* Center the iframe horizontally */
	position: fixed;
	z-index: 10000; 
	
	 /* Default dimensions -- we'll change later based on content size */ 
 	top: 100px;	
	height: auto;
	
    padding: 2em;
    width: 90vw;
    max-width: 1100px;
    overflow: scroll;

    border: 4px solid #000;
    box-shadow: 5px 5px 20px #333;    
    background-color: #ffffff;    
}
@media screen and (max-width: 480px) {
    #popupWindow {
        width: 98vw;
    }
}
/* Support different 'pages' inside the window */
.popupContent {
    display: none;
}
#popupWindow .close-container {
    margin-top: 0;
    text-align: right;
}
/* Buttons inside the popup */
 #popupWindow button {
    padding: .5em 1em;
} 
.popupButtons .button-close {
    margin-left: 2em;
}


/* ++++++++++++++++++++++++++++++++++++++++
 Insights (ribbons) DEPRECATED 4.15.23
 +++++++++++++++++++++++++++++++++++++++++ */
#insights_header {
    margin-bottom: 0;
}
#insights_header + #insights {
    margin-top: 0;
}
#insights_header + #insights_outer {
    margin-top: 1em;
}
#insights_header a:after {
    display: inline;
	content: '\00a0>'; /*  \00a0 is a non-breaking space ( ) */
	color: #fd349c;
}
#insights h3 {
  margin: 0 0 0 1em;
  font-size: 1.125em;
}
#insights p {
   margin: 0; 
}
.ribbon-link a:after {
	display: inline;
	content: '\00a0>'; /*  \00a0 is a non-breaking space ( ) */
	color: #fd349c;
}
.ribbon-image, .ribbon-link {
    position: relative;    
    height: 180px;
    background-size: cover;
    margin: 0 0 1em 0;
}
/* Center vertically */
.ribbon-image h3, .ribbon-link p {
   margin: 0;
   position: absolute; 
   top: 50%;
   transform: translate(0, -50%)    
}

 /* Flip text for odd rows */
.ribbon-link-narrow {
    display: none;
}
.ribbon-link-wide {
    display: inherit;
}
@media (max-width:767px) {    
    .ribbon-image {
        height: 150px;
    }
    .ribbon-link {
        height: auto;
        margin: 0 0 2em 0;
    }
    .ribbon-link p {
        height: auto;
        width: 100%;
        top:0;
        transform: none;
        position: relative; 
    }
    .ribbon-link-wide {
        display: none;
    }
    .ribbon-link-narrow {
        display: inherit;
    }
}


/* ++++++++++++++++++++++++++++++++++++++++
	 Quadrants with BG images 
	 (Experience, certified section on tech pages)
	 2.7.23
+++++++++++++++++++++++++++++++++++++++++ */
@media (min-width:768px) {
    /* Equal height columns until they stack at 767px */
    .quadrants .row {
        display: flex;
        flex-flow: row wrap;
        &::before {  display: block; }
    }    
}
.quadrant {
    padding: 0;
}
.quadrantImage {
    position: relative; /* If you want text inside of it */
    padding-top: 36%; /* 25:9 Aspect Ratio (divide 9 by 25 = 0.36) */
    background-size: cover;
    background-position: center center; 
}
.quadrantInner {
    z-index: 1;
    position: absolute;
    top: 0;
    width: 100%;
}
.quadrantText {
    text-align: center !important;
    margin: 0 auto;
    padding: 0 1em;
}
.quadrantText p, .quadrantText h2, .quadrantText h3 {
    text-align: center;
    margin: .5rem 0;
}
.quadrantText hr {
    margin: 0;
    padding: 0;
    background-image: linear-gradient(to right, #fff, #fff, #fff);
}

@media (max-width: 991px) {
    .quadrantText {
        font-size: .9em;
    }
}
@media (max-width:767px) {
    .quadrant {
       max-height: 150px;
    }
    .quadrantText {
        font-size: 1em;
    }
}


/* ++++++++++++++++++++++++++++++++++++++++
 Contact List
+++++++++++++++++++++++++++++++++++++++++ */
.contact-list {
	list-style-type: none;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

/** KW Added to keep inside Bootstrap grid */
.contact-list {
	margin: 0;
	padding: 1em 0 !important;
}
.home #contactus {
    margin-bottom: 0;
}
#contact-content {
    margin-top: 0;    
}
/*** End KW **/


.contact-list > li {
	margin: 0;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	position: relative;
	border-bottom: 1px solid #fff;
}

.contact-list > li label {
	display: block;
	background: #1e49e2;
	color:#fff;
	cursor: pointer;
	font-weight: normal;
	padding: 2em;
	margin: 0;
	transition: 0.25s all linear;
	text-align: center;
}
.contact-list > li label.even {
	background-color: #00338a;
}

.contact-list > li.graphic > img {
		
	margin: 0;
	width: 100%;
	max-width: 400px;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}
	
.contact-list > li input {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.contact-list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	height: 100%;
	transition: 0.25s all ease-in-out;
}
.contact-list ul li {
    margin: 0;
}

.contact-list ul .contact-info small {
	display: block;
	line-height: 1.2em;
	margin: 0 0 1em 0;
}


/** KW snap to the narrow UI sooner **/
/* @media screen and (max-width: 767px) { */
@media screen and (max-width: 991px) {
	/* Style when narrow */
	.contact-list ul {
		height: 1px;
		opacity: 0;
		margin-top: -1px;
	}
	
	.contact-list ul li {
		margin: 0;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}
	
	.contact-list ul img {
		-webkit-flex: 0 1 40%;
		-ms-flex: 0 1 40%;
		flex: 0 1 40%;
		width: 40%;
		max-width: 200px;
		height: auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
	}
	
	.contact-list ul .contact-info {
		background: #fff;
		padding: 1.5em;
		-webkit-flex: 0 1 60%;
		-ms-flex: 0 1 60%;
		flex: 0 1 60%;
		transition: 0.25s all ease-in-out;
		position: relative;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
	}
	
	.contact-list ul .contact-info .info-inner {
		position: absolute;
		bottom: 1em;
		left: 1em;
	}
	
	.contact-list ul .contact-info h3 {
		font-size: 1em;
		font-weight: 700;
		color: #000;
		margin: 2em 0 1em;
	}
	
	.contact-list ul .contact-info small {
		display: block;
		line-height: 1em;
	}
	
	.contact-list input:checked + label + ul {
		height: auto;
		min-height: 50px;
		opacity: 1;
		margin-top: 0;
	}
	
	.contact-list > li.empty {
		display: none;
	}
	
}

/** KW snap to the narrow UI sooner **/
/* @media screen and (min-width: 768px) { */
@media screen and (min-width: 992px) {
	/* Styles when wide */
	.contact-list > li {
		margin: 0;
		-webkit-flex: 0 1 20%;
		-ms-flex: 0 1 20%;
		flex: 0 1 20%;
		padding-bottom: 20%;
		border-bottom: 0 none;
	}

    .contact-list > li label {
    	height: 100%;
    	width: 100%;
    	position: absolute;
    	top: 0;
    	left: 0;
    	padding: 0;
    	margin: 0;
    	transition: 0.25s all linear;
    	z-index: 100;
    }

    .contact-list > li label:hover,
    .contact-list > li label.dkblue_bg:hover {
    	background-color: rgba(1, 27, 72, 1)
    }
    
    .contact-list > li label span {
    	display: block;
    	text-align: center;
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%,-50%);	
    }
    
    .contact-list ul {
    	margin: 0;
    	padding: 0;
    	list-style-type: 0;
    	width: 100%;
    	height: 100%;
    	position: absolute;
    	top: 0;
    	left: 0;
    	right: 0;
    	transition: 0.25s all ease-in-out;
    	z-index: 99;
    }
    
    .contact-list ul .contact-info {
    	position: absolute;
    	top: 0;
    	left: 0;
    	right: 0;
    	background: #fff;
    	width: 100%;
    	height: 100%;
    	padding: 1.5em;
    	transition: 0.25s all ease-in-out;
    }
    
    .contact-list input:checked + label,
    .contact-list input:checked + label.dkblue_bg,
    .contact-list input:checked + label.dkblue_bg:hover {
    	background-color: #000;
    	cursor: pointer;
    }
    .contact-list label:hover,
    .contact-list  input:checked + label {    	
    	z-index: 150;
    }
    .contact-list label:hover + ul,
    .contact-list  input:checked + label + ul {
    	z-index: 105;
    }
    
    .contact-list ul img {
    	width: 100%;
    }
    .contact-list label:hover + ul,
    .contact-list label:hover + ul .contact-info,
    .contact-list  input:checked + label + ul,
    .contact-list  input:checked + label + ul .contact-info {
    	left: 100%;
    	right: auto;
    }
    .contact-list .end label:hover + ul,
    .contact-list .end label:hover + ul .contact-info,
    .contact-list .end input:checked + label + ul,
    .contact-list .end input:checked + label + ul .contact-info {
    	left: auto;
    	right: 100%;
    }
    
    .contact-list.active > li {
    	opacity: .5;
    }
    .contact-list.active > li.active {
    	opacity: 1;
    }
}
    

/* ++++++++++++++++++++++++++++++++++++++++
    Get In Touch Form (Obsolete 2.23.22)
+++++++++++++++++++++++++++++++++++++++++ */
#contact-form {
    background-image: url('/html/speed/im/black.png');
    background-repeat: no-repeat;
    background-size: 50% 100%;
}
#contact-form h2 {
	color: #1E49E2; /* Medium Blue */
}
.contact-form-text, .contact-form-spacer {
    background-color: #000;
    margin: 0;
    padding: 1em 1em;
}
        
@media (max-width:767px) {
  #contact-form  {
      background: none;
  }
  .contact-form-spacer {
      display: none;
  }
}
#contact-form .form-area {
	padding: 1em 1em;
}

#contact-form .border-top {
	position: relative;
}
#contact-form .border-top:before {
	display: block;
	content: '';
	height: 10px;
	background-color: #fd349c;
	width: 20%;
	max-width: 200px;
	margin: 0 auto;
}


/* ++++++++++++++++++++++++++++++++++++++++
	Footer Links
+++++++++++++++++++++++++++++++++++++++++ */
.footer-links {
	background-color: #1375a3;
	color: #ccc;
	border-bottom: 1px solid #121213;
	margin: 0;
	padding: 0;
}

ul.footer-menu {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	overflow: hidden;
	padding: 1em 0;
}

ul.footer-menu li {
	display: inline;
	list-style: none;
	margin: 0;
		padding: 0;
}

ul.footer-menu li a {
	font-weight: 500;
	font-size: 14px;
	color: #ccc;
		margin: 1em;
}

@media (max-width:991px) {
	.footer-menu li a {
		font-size: .65em;
	}
}
@media (max-width: 767px) {
	ul.footer-menu {
		text-align: center;
	}
	ul.footer-menu li a {
		font-size: .75em;
	}
}
@media screen and (max-width: 480px){
	ul.footer-menu li {   
			margin: 0;
			padding: 0;
		display: inline !important;
	}
	ul.footer-menu li a {   
			font-size: .75em;
			margin: 0;
			padding: 0;
	}
}
@media (min-width: 320px) and (max-width: 480px){
		.footer-menu li {
		float: none;
		list-style: outside none none;
		padding: .25em 0 0 0;
		text-align: center;
	 }   
	 .footer-menu li a {
			display: block;
			font-size: .65em;
			width: 100%;
	}
}

	
/* ++++++++++++++++++++++++++++++++++++++++
	Subpage Client Stories
+++++++++++++++++++++++++++++++++++++++++ */
	
#section_stories a.learnmore:after {
	display: inline;
	content: '\00a0>'; /*  \00a0 is a non-breaking space ( ) */
	color: #fd349c;
}
	
	

/* ++++++++++++++++++++++++++++++++++++++++
	Social Links
+++++++++++++++++++++++++++++++++++++++++ */
.social-links {
	background-color: #535457;
	color: #fff;
	border-top: 2px solid #626262;
	border-bottom: 2px solid #626262;
	margin: 0;
	padding: 1em 0;
	overflow-x: hidden;
}
.social-links .social {
		text-align: right;
}
.social-links .social a {
		margin: 0 0 0 .5em;
		padding: 0;
		display: inline-block;
		font-size: 1.25em;
		line-height: 2;
		height: 2em;
		width: 2em;
		border-radius: 100%;
		background-color: #00a1ff;
		text-align: center;
}

.social-links .social a:hover {
	height: 2.25em;
	width: 2.25em;
	line-height: 2.25;
	margin: -.125em -.125em -.125em .375em;
}

.social-links .social a i {
		margin: 0;
		padding: 0;
		color: #fff;
}
.social-links .social img {
	height: 3em;
	margin: 1em 0 0 0;
	padding: 0;
}

@media(max-width:1199px) {
}	
@media(max-width:991px) {
	.social-links .social { padding-left: 0; }
	.social-links .social img { height: 2.5em;}
}	
@media(max-width:767px) {
	.social-links .social { text-align: center; }
	.social-links .social img { height: 2em;}
	
}	


/*------------------------------------------
	Footnotes
------------------------------------------*/
#footnotes {
	background-color: #F1F2F2; /* Light gray */
	padding: 1em 0 0 0;
	margin-bottom: 0;
}
#footnotes p {
	color: #58595B;
	font-size: .75em;
}


/* #auditDisclaimer section that comes immediately after a footnote */
#footnotes ~ #auditDisclaimer {
    margin: 0;
}
/* Any footer that follows a footnote should have no top margin */
#footnotes ~ #footer {
    margin: 0;
}
/* Account for DMS adding a span class while staging */	
#footnotes + span.dms_widget > .section {
    margin: 0;
}

/*------------------------------------------
	Footer
------------------------------------------*/
#auditDisclaimer {
    padding: 1em 0 0em 0;
    margin-bottom: 0;
    background-color: #F1F2F2; /* Light gray */
    border-top: 1px solid #ccc;
} 
#footer {
    background-color: #00338d; /* KPMG Dark Blue */
    padding: 1em 0 1em 0;
    margin: 0;
}
#footer p {
    font-size: .75em;
    color: #fff;
}



/* ++++++++++++++++++++++++++++++++++++++++
	 Home page Hero Video gets special treatment
+++++++++++++++++++++++++++++++++++++++++ */
#section0 .videoWrapper {
    width: 100%;
    padding-top: 45%; /* 20:9 Aspect Ratio (divide 9 by 20 = 0.45) */
    position: relative; /* If you want text inside of it */
    background-color: #393686; /* Purple */
}
#section0 .videoBackground {
    z-index: 100;
    position: absolute;
    bottom: 0;
    right:0;
    height: auto;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
/*** When wider than... ***/
@media (min-width:1600px) {   
    #section0 .videoWrapper {
        padding-top: 37.5%; /* 8:3 (24:9) Aspect Ratio (divide 3 by 8 = 0.75) */
    }
}   
/*** When narrower than... ***/
@media (max-width:767px) {    
    #section0 .videoWrapper {
        padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    }
    #section0 .videoBackground {
        height: 100%;
        width: auto;
    }
}   
@media (max-width:480px) {   
    #section0 .videoWrapper {
        padding-top: 75%; /* 4:3 (12:9) Aspect Ratio (divide 3 by 4 = 0.75) */
    }
}   

/* Image in case the video isn't supported */
#section0 .videoBackground img {
    max-width:100%;
    max-height:100%;
}

/*** Home Hero text ***/
#section0 .videoText {
    position: absolute;
     width: 100%;
    z-index: 200;
    margin: 0 auto;
    
 	/* Reset coordinates so that zero is screen center */
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
}
#section0 .videoTextInner {
    margin: 0;
    padding: 0;
    
}

#section0 #hero_text_narrow {
    display: none;
    margin: 0;
    padding: 0;
}
#section0 #hero_text_wide {
    display: inherit;
    margin: 0;
    padding: 0;
} 
#section0 #hero_headline {
    padding: 0;
    margin: 0;    
}


#section0 #hero_topline{
    border: 1px solid white;
    margin: 0;
    padding: 0;
    height: 1px;
    width: 40px;
}
#section0 .hero_text {
    margin: 0;
    padding: 1.5em 1em 1em 1em;
    height: 100%;
    width: 100%;
    border-left: 1px solid white;
}
#section0 .hero_text p {  
    line-height: 1.5em !important;
    font-weight: 700;
}
#section0 .hero_headline_text {
    margin: 0;
    padding: .25em 1em 3em 0em;
    height: 100%;
    width: 100%;
}
#section0 .videoTextInner .hero_headline_text h1 {
    font-size: 2.5em !important;
    padding: 0;
    margin: 0;
}

#section0 .hero_text_bg, .hero_headline_bg {
    background-image: url('/html/speed/im/solid_purple_50.png');
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    display: none;
}

/****** Responsive mobile/small window adjustments ******/
@media (max-width: 1199px) {
    #section0 .videoTextInner .hero_headline_text h1 {
       font-size: 2.25em !important;
    }
}
@media (max-width: 1099px) {
    #section0 .videoText {
    	top: 55%;
    }
}
@media (max-width: 991px) {
    #section0 #hero_text_wide {
        display: none;
    }   
    #section0 #hero_text_narrow {
        display: inherit;
    }
    #section0 .hero_headline_text {
        margin: 0;
        padding: 0em 1em 1em 1em;
    }
    #section0 .videoTextInner .hero_headline_text h1 {
       font-size: 1.6em !important;
    }
    #section0 .hero_text_bg, .hero_headline_bg {
        display: inherit; /* Turn on the translucent background */
    }    
}
@media (max-width:767px) {	

    #section0 .videoText {
    	top: 67%;
    }
    #section0 #hero_topline{
       display: none;   
    }
    #section0 .hero_text {
        border: none;
        padding: .5em 1em .25em 1em;
    }    
    #section0 .hero_headline_text {
        padding: 0em 0em 1em 1em;
    }
    #section0 .videoTextInner .hero_headline_text h1 {
       font-size: 2.0em !important;
    }
}
@media (max-width: 480px) {
    #section0 .videoTextInner .hero_headline_text h1 {
       font-size: 1.6em !important;
    }
}


/* ++++++++++++++++++++++++++++++++++++++++
	 Sub page hero sections
+++++++++++++++++++++++++++++++++++++++++ */
 #hero.section {
    margin: 0;
    padding: 0;
    position: relative;
    
    /* Remove to support animated hero 5.5.23 */
    /* background-color: #1E49E2;
    background-image: linear-gradient(to right, #7213EA, #1E49E2);
    */
}
#hero .container {
    max-width: 1140px;
    margin: 0 auto !important;
}
.hero-image {
    width: 100%;
    padding-top: 36%; /* 25:9 Aspect Ratio (divide 9 by 25 = 0.36) */
    position: relative; /* If you want text inside of it */
    background-size: cover;
    background-position: right center; /* 1.26.23 */
}
#hero .hero-text { /* Hero text container div floats on top */
    z-index: 1;
    position: absolute;
    bottom: 3em;
    width: 100%;
}
#hero .hero_headline_text {
    margin-left: -15px; 
}
#hero h1 {
	font-size: 3.75em; /* 3.75em = 60px */
	line-height: 1.0em;
	margin: 0 0 .25em 0;
    padding: 0;
}

/* Subhead is above the title */
#hero h1 span.subhead {
    display: block;
    font-size: .5em; /* Half of whatever the h1 is */
    line-height: 1.2em;
}
 /* Subtitle is below the main title */
#hero h1 span.subtitle { /* 1.26.23 */
    display: block;
    font-size: .75em; /* 3/4 of whatever the h1 is */
    line-height: 1.2em;
}

#hero .hero-icon {
	width: 94px;
	height: auto;
	margin-bottom: .5em;
} 

@media (max-width: 991px) {
	#hero h1 {
		font-size: 3.0em; /* 3em = 48px */
	}
}
@media (max-width:767px) {	   
	#hero h1 {
		font-size: 2.0em; /* 2.0em = 32px */
		margin: 0;
	}
	#hero .hero-text {
        bottom: 1.5em;
    }
    #hero .hero_headline_text {
        width: intrinsic;
        background-image: url('/html/speed/im/solid_purple_50.png');
        background-size: cover;
        padding: .5em;
        margin-left: 0;
    }
    #hero .hero_headline_text.no-bg {
        background-image: none;
    }
    #hero .hero-icon {
    	width: 64px;
    } 
}
@media (max-width: 480px) {
 	#hero h1 {
		font-size: 1.5em; /* 1.5em = 24px */
	}
	#hero .hero-text {
        bottom: 10px;
    }
    #hero .hero_headline_text {
        width: intrinsic;
    }
    #hero .hero-icon {
    	width: 42px;
    } 
}

/****** Header styles for shroter height heroes (with non-"window" hero images) ******/ 	
.shorthero .hero-image {
    padding-top: 25%; /* 36:9 Aspect Ratio (divide 9 by 36 = 0.25) */
}

#hero.shorthero .hero-icon {
	width: 75px;
} 
#hero.shorthero h1 {
	font-size: 3.0em; /* 3em = 48px */
}
#hero.shorthero h2 {
	margin: 0; /* 10.19.22 */
}
#hero.shorthero .hero-text {
    bottom: 2em;
}

/* When wider than... */
@media (min-width: 1200px) {
    .shorthero .hero-image { /* 1.26.23 */
        padding-top: 25%; /* 36:9 (4:1) Aspect Ratio (divide 9 by 36 = 0.25) */
    }
}

/* When narrower than... */
@media (max-width: 991px) {
	#hero.shorthero h1 {
		font-size: 2.5em; /* 3.75em = 60px */
	}
	#hero.shorthero .hero-text {
        bottom: 1.25em;
    }
}
@media (max-width:767px) {	   
    .shorthero .hero-image { /* 1.26.23 */
        padding-top: 33%; /* 27:9 (3:1) Aspect Ratio (divide 9 by 27 = 0.27) */
    }
	#hero.shorthero .hero-icon {
		width: 50px;
	} 
	#hero.shorthero h1 {
		font-size: 2em; /* 3.75em = 60px */
	}
	#hero.shorthero .hero-text {
        bottom: .5em;
    }
}
@media (max-width: 480px) {
    .shorthero .hero-image { /* 1.26.23 */
        padding-top: 37.5%; /* 24:9 (8:3) Aspect Ratio (divide 3 by 8 = 0.75) */
    }
	#hero.shorthero .hero-icon {
		width: 32px;
	} 
	#hero.shorthero h1 {
		font-size: 1.5em; /* 1.5em = 24px */
	}
	#hero.shorthero .hero-text {
        bottom: 0;
    }
}



/* ++++++++++++++++++++++++++++++++++++++++
Social sharing icons 11.21.22
+++++++++++++++++++++++++++++++++++++++++ */
.hero-social_icons {
    margin: 1em 0 .25em 0;
}
.hero-social_icons a {
    margin: 0 2px;
}
.hero-social_icons .custom-social-icons:hover {
  border: 2px solid #ccc;
  color: #fff;
  text-decoration: none;
}
.hero-social_icons .custom-social-icons {
  background-color: #00338d;
  border-radius: 100%;
  border: 2px solid #fff;
  color: #fff;
  display: table-cell;
  font-size: 20px;
  font-size: 1rem;
  height: 34px;
  width: 34px;
  padding: 8px;
  text-align: center;
  transition: .5s;
  vertical-align: middle;
  text-decoration: none;
}
.hero-social_icons .fa.fa-twitter.custom-social-icons {
  background-color: #428bca;
}
.hero-social_icons .fa.fa-linkedin.custom-social-icons {
  background-color: #2867b2;
}
.hero-social_icons .fa.fa-facebook.custom-social-icons {
  background-color: #4267b2;
} 


@media (max-width: 991px) {

}
@media (max-width:767px) {	  

}
@media (max-width:575px) {	  
    .hero-social_icons {
        margin: .5em 0 .25em 0;
    }
    .hero-social_icons a {
        margin: 0 1px;
    }
    .hero-social_icons .custom-social-icons {
      font-size: .75rem;
      height: 30px;
      width: 30px;
      padding: 8px;
    }
    button.button-white {
        border-radius: 6px;
        font-size: .75em;
        padding: 9px;
        margin: 0;
    }  

}
@media (max-width: 480px) {
    button.button-white {
        border-radius: 6px;
        font-size: .75em;
        padding: 6px;
        margin: 0;
    }  

}


/*---------------------------------------------------
	Our thinking slider (carousel) 4.17.23
---------------------------------------------------*/
.insights { /* Complete insights section */
	margin: 2em 0;	
}

.insights .slider { /* Slider section below the header */
    width: 90%;
    margin: 0 auto;
}
.insights .insight {
    /* Hide these onload so that they don't flash on screen before the JS/CSS kicks in */
	display: none;
    padding: 0 1em;
    background-color: #f7f7f7;
}
.insights .insight h3 {
    font-size: 1.125em;
    line-height: 1.25;
}

/* Bring the header inline so it's closer to the slider */
.insights_header {
    margin-bottom: 1.5em;
}
.insights_header a {
  color: #fd349c;
  text-decoration: none;
}
.insights_header a::after {
    display: inline;
    content: '\00a0>';
    color: #fd349c;
}

/* Don't add the ">" after inline links or the thumbnail image */
.insights_header a.inline::after,
.insight-thumb a::after {
    display: none !important;
    content: '' !important;
    color: #000 !important;
}

/* Make insights stand out more 4.15.23 KW */
.insight-thumb img {
    width: 100%;
    /* horiz, vertical, blur, spread, color */ 
    box-shadow: 4px 8px 10px 1px #666;
}
.insight-text {
/*     background-color: #f7f7f7; */
    padding: 1em .5em .5em .5em;
}  
.insight .insight-topic {
    width: 100%;
    border-bottom: 3px solid #fd349c;
    font-weight: 700;
    font-size: .9em;
    color: #00338d;    
}

/*** Specific to the slider ***/
.slider .insight {
    padding: 0;
}
.slick-slide img {
    display: inline;
}
/* Force all slides to be the same height 4.15.23 */
.slick-track {
    display: flex !important;
}
.slick-slide {
    height: inherit !important;
}
.insight, .insight-text,
.slick-slide > div {
    height: 100% !important;
}

.slider .slick-slide > div {
    padding: .75em;
}


/* Customize the previous and next buttons */
.slick-prev  {
    left: -32px;
}
.slick-next {
    right: -32px;
}
.slick-prev:before, .slick-next:before {
	font-size: 32px;
	color: #00338d;
}
.slick-arrow {
    background-color: #fff;
    height: 32px;
    width: 32px;
}
@media (max-width: 991px) {
}
@media (max-width:767px) {
    .slider .insight h3 {
     	font-size: 1em;
     	line-height: 1.15;
    }
}
@media (max-width: 480px) {
    .slider .insight h3 {
    	font-size: .9em;
     	line-height: 1.15;
    }
}



/*------------------------------------------
	Forms
------------------------------------------*/
label.title  {
	font-weight: 400;
	width: 40%;
	display: block;
	float: left;
}

label.caption {
	font-weight: 400;
	display: block;
	float: left;
	margin: 0 .25em 0 0;		
}

input.field-element, textarea.field-element {
	display: block;
	width: 60%;
}
textarea.field-element {
	height: 6em;
	
}
.two-digits input.field-element {
	display: block;
	width: 2em;
}

.three-digits input.field-element {
	display: block;
	width: 3em;
}

.four-digits input.field-element {
	width: 4em;
}
.input-spacer {
	margin: 0 0 .5em 0;
	clear: both;
}



/* 10.19.22 */
/* 11.2.22 */
button:not(.navbar-toggle):not(.slick-arrow){
/* button.button-blue { */
    background-color: #00338d; /* KPMG Dark Blue */
    color: #fff; /* white */
    border: 1px solid #00338d; /* KPMG Dark Blue */
    border-radius: 6px;
    align-items: center;
    display: inline-flex;
    font-family: 'Open Sans',sans-serif !important;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 14px 30px 14px 14px;
    text-align: left;
}  
button:not(.navbar-toggle):not(.slick-arrow):hover {
    background-color: #1E49E2; /* New Brand Blue */
}
button.button-white {
    background-color: #fff; /* white */
    color: #00338d; /* KPMG Dark Blue */
    border: 1px solid #00338d; /* KPMG Dark Blue */
    border-radius: 6px;
    align-items: center;
    display: inline-flex;
    font-family: 'Open Sans',sans-serif !important;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 14px 30px 14px 14px;
    text-align: left;
}  
button.button-white:hover {
    background-color: #ACEAFF; /* Light Blue */
    background-color: #E5E5E5; /* Gray 5 */
}

button .fa-chevron-right {
     padding-right: .5em;
 }
button.download-link a { /* 10.19.22 */
    color: #fff;
}
button.download-link.button-white a { /* 10.19.22 */
    color: #00338d; /* KPMG Dark Blue */
}


button.disabled, button.disabled:hover{
    color: #666;
    background-color: #ddd;
    cursor:  default;
}

button.download-link {
    margin: .5em 0;
    padding: 14px;
}
button.download-link  .fa-chevron-right {
    padding-left: .5em;
    padding-right: 0em;
}


/**** Download report 10.31.22 ***/
.download-table {
    width: 100%;
}
.download-table td {
    padding: 1em;
}
.download-icon {
    width: 250px;
}
.download-link h2 {
    margin: 0;
    font-size: 1.5em;
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width:767px) {
    .download-table td {
        padding: .5em;
    }
    .download-icon {
        width: 200px;
    }
    .download-link h2 {
        font-size: 1.5em;
    }

}
@media (max-width: 480px) {
    .download-icon {
        width: 150px;
    }
    .download-link h2 {
        font-size: 1.25em;
    }
}

/*---------------------------------------------------
	Decorative / Ornaments
---------------------------------------------------*/
.padB5 {
	padding-bottom: 5px;
}

.padB10 {
	padding-bottom: 10px;
}

.pad30 {
	padding: 30px !important;
}

.padTB15LR30 {
	padding: 15px 30px !important;
}

.padTB15LR90 {
	padding: 15px 90px !important;
}

.padTB0LR3em {
	padding: 0 3em !important;
}
.minWw600 {
	min-width: 600px;
}

.mw960 {
	max-width: 960px;
}

/*---------------------------------------------------
	Borders
---------------------------------------------------*/
.black-bordertop-5perc {
	border-top: 5em solid #000;
}

.border-top-10 {
	border-top: 10px solid #0C233C; /* KPMG Spectrum Blue (used "for contrast") */
}

.border-top-2 {
	border-top: 2px solid #ccc; /* KPMG Spectrum Blue (used "for contrast") */
}

.border-bottom-10 {
	border-bottom: 10px solid #0C233C; /* KPMG Spectrum Blue (used "for contrast") */
}


.border-bottom-5 {
	border-bottom: 5px solid #0C233C; /* KPMG Spectrum Blue (used "for contrast") */
}

.border-left-5 {
	border-left: 5px solid #0C233C; /* KPMG Spectrum Blue (used "for contrast") */
}

.border-right-5 {
	border-right: 5px solid #0C233C; /* KPMG Spectrum Blue (used "for contrast") */
}

.border-10 {
	border-width: 10px !important;
}

.border-bottom-1-white {
    border-bottom: 1px solid white;
}

.border-wh {
	border-color: #fff;
}

.border-fucshia {
	border-color: #fd349c; 
}


/********************************************************************
   Podcast episode block
********************************************************************/
.podcast-ep {
	background-color: #eee;
	padding: 30px;
}
.podcast-ep .title {
	font-family: 'Open Sans Condensed','Open Sans',sans-serif;
    font-size: 2em;
    line-height: 1.2;
    color: #333;
}

.podcast-promo {
    background-color: #e5e5e5;
    display: flex;
    width: 900px;
    margin: 0 auto;
    max-width: 100%;    
}
.podcast-promo .pic {
    display: flex;	
	flex-direction: column;	
	min-width: 200px;
    padding: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
}
.podcast-promo h2 {
	color: #000;
	line-height: 1.1em;
	margin-top: 0;
}

.podcast-promo .spacer {
	flex-grow: 1;
}
.podcast-promo .blurb {
	padding: 20px;
}
.podcast-promo a.learnmore:after {
	display: inline;
	content: '\00a0>'; /*  \00a0 is a non-breaking space ( ) */
	color: #fd349c;
}

@media (max-width: 1199px) { .podcast-promo .pic { min-width: 160px; } }
@media (max-width:  991px) { .podcast-promo .pic { min-width: 120px; } }
@media (max-width:767px) {	   
}


/* ++++++++++++++++++++++++++++++++++++++++
	Internal features (for related KPMG services) 3.13.23
+++++++++++++++++++++++++++++++++++++++++ */
.internal-feature {
   background-color: #eee;
   margin-bottom: 1em;
}
.internal-feature .sidebar-stacked {
    min-height: 150px;
    margin-bottom: 1em;
}
.internal-feature-content {
   padding: 0 1em .5em 1em;
} 
.internal-feature-content h4 {
   color: #333;
} 
.internal-feature-content a.learnmore:after {
	display: inline;
	content: '\00a0>'; /*  \00a0 is a non-breaking space ( ) */
	color: #fd349c;
}


/********************************************************************
   ScrollMagic animation styles 3.11.23
********************************************************************/
.animate-expand {
    max-width: 10%;
}
.animate-imgswap-bottom {
    opacity: 0;
}
.animate-slideleft {
     left: 200px;    
}
.animate-slideright {
     left: -200px;    
}
.animate-fadein {
    opacity: 0;
}
.animate-zoomout {
    transform: scale(0.5, 0.5);
    opacity: 0;
}
.animate-imgswap-content {
    opacity: 0;
}
.animate-raiseup {
    padding-top: 20em;
}



/********************************************************************
    Aric styles that I believe are no longer used (certainly not
    by the home page)
********************************************************************/

.section_head {
		margin: 0 0 1em 0;
}
.section_head_l {
		text-align: center;
}

.section_head h1, .section_head h2, .section_head h3, .section_head p,
.section_head_l h1, .section_head_l h2, .section_head_l h3, .section_head_l p {
		text-align: center; 
}

@media (min-width:768px) {
	.section_head_l {
			margin: 0 0 1em 4em;
			text-align: left;
	}
	.section_head_l h1, .section_head_l h2, .section_head_l h3, .section_head_l p {
			text-align: left; 
	}
}

.head-row {
	margin-bottom: 2em;	
}

.section .heading {
	margin-block: .5em;
}

.pad_no_top {
	padding-top: 0;
}


/*------------------------------------------
	Text styles
------------------------------------------*/
.mbHalf {
	margin-bottom: .5em;
}

.p2em {
	padding-bottom: 2em;
}

.pT2em {
	padding-top: 2em;
}

.p3em {
	padding-bottom: 3em;
}

.lh2x {
	line-height: 2;
}

/*---------------------------------------------------
	Display
---------------------------------------------------*/
.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
}

.block {
	display: block;
}

/*---------------------------------------------------
	Alignment
---------------------------------------------------*/

.text-center {
	text-align: center;
}

.text-left {
	text-align: left !important;
}



/*---------------------------------------------------
	Flex Box
---------------------------------------------------*/
.row-flex {
	margin: 0 -15px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.col-sm-5-flex,
.col-sm-6-flex,
.col-sm-7-flex {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

@media (max-width: 767px) {
	.img-box {
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}
}

@media (min-width: 768px) {
	.row-flex {
		margin: 0 -15px;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.col-sm-6-flex {
		-webkit-flex: 0 1 50%;
		-ms-flex: 0 1 50%;
		flex: 0 1 50%;
	}
	.col-sm-5-flex {
		-webkit-flex: 0 1 41.66666667%;
		-ms-flex: 0 1 41.66666667%;
		flex: 0 1 41.66666667%;
			width: 41.66666667%;
	}
	.col-sm-7-flex {
		-webkit-flex: 0 1 58.33333333%
		-ms-flex: 0 1 58.33333333%;
		flex: 0 1 58.33333333%;
			width: 58.33333333%;
	}
}


/*---------------------------------------------------
	Large Caret Bullets
---------------------------------------------------*/
ul.carets {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.carets li {
	padding: 1em;
	padding-left: 30px;
	min-height: 20px;
}
ul.caret-teal li {
	background: url('/html/speed/im/caret-teal.png') no-repeat left .75em/20px;
}

@media (max-width: 768px) {
	ul.carets li {
		padding: .5em;
		padding-left: 30px;
		min-height: 20px;
		background-position: left .2em;
	}

}


/*----------------------------------------------
	 Utility styles
----------------------------------------------*/
.full-screen {
	position: relative;
	margin: 25px 0 0 0; /* Half of the Nav height */
	min-height: 100vh;
}

.half-screen {
	position: relative;
	margin: 25px 0 0 0; /* Half of the Nav height */
	min-height: 50vh;
}

.divleft {
	float: left;
	padding: 0 1em;
}
.divright {
	float: right;
	padding: 0 1em;
}

.nofloat {
	float: none !important;
}

ul.caret-white li {
	background: url('/html/speed/im/caret-white.png') no-repeat left .75em/20px;
}

.redborder {
		border: 1px solid red;
}
.greenborder {
		border: 1px solid green;
}


/* ++++++++++++++++++++++++++++++++++++++++
    Utility styles for centering things 1.25.23
+++++++++++++++++++++++++++++++++++++++++ */
/* Makes all columns in Bootstrap row the same height */
.aligned-row {
    display: flex;
    flex-flow: row wrap;
    &::before {
        display: block;
    }
}

.center-vertically, .centerVertically {
	position: absolute;
	top: 50%;
	/* Reset coordinates so that zero is screen center */
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.centerVerticallyFlex {
    height: 100%;
    display: flex;
    align-items: center;
}
.centerHorizontally {
    width: 100%;
    text-align: center;
}
.centerBoth {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.vcenter {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.vcenter * { 
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}



/*------------------------------------------
	Separators
------------------------------------------*/
.hash {
	height: 30px;
	width: 100%;
	background: #fff url('/html/speed/im/hash.png') repeat-x; 
}
.jaggededge {
	height: 20px;
	width: 100%;
	background: url('/html/speed/im/jaggededge.png') repeat-x; 
}
.shadow{	
	height: 1px;
	width: 100%;
	background-color: white;
	margin: 0;
	padding:0;	
	-webkit-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.34);
	-moz-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.34);
	box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.34);	
}



/*------------------------------------------
	Gray text boxes
------------------------------------------*/
.gray_box {
	background-color: rgba(0,0,0,.6);
	padding: 1em;
		position: relative;
		top: 0;    
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);	
	border: 2px solid white;
	margin: 0 0 2em 0;
}

/****** Responsive mobile/small window adjustments ******/
@media (max-width:767px) {
	.gray_box {
		padding: .5em;
				margin: 0 0 1em 0;
	}
}
@media (max-width:480px) {
}
@media (max-height: 700px) and (min-width: 767px) {
}
/* iPhone 6+ landscape */
@media (max-width: 767px) and (max-height:400px){ 
}
/* iPhone 5 portrait */
@media (max-width: 320px) {

}

.img-box img {
	margin-top: -1px;
}

/*------------------------------------------
	Black text boxes
------------------------------------------*/

.black-box {
	background-color: #000;
	padding: 1em;
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.black-box.box-start {
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.black-box.box-end {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.black-box-inner {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	font-size: 1.125em;
}



@media (min-width: 768px) {
	.black-box {
		background-color: #000;
		padding: 2.5em 5em;
	}
	
	.black-box-inner { 
		max-width: 340px;
	}
}

.black-box h3,
.black-box p {
	color: #fff !important;
	line-height: 1.7;
}

.black-box a {
	color: #fd349c;
	font-weight: 700;
}




/*------------------------------------------
	White text boxes
------------------------------------------*/
.white_box {
	background-color: #fff;
	padding: 1em;
		position: relative;
		top: 0;    
	border: 2px solid white;
	margin: 0 0 2em 0;
}
.white_box h2 {
/*     color: #00338a !important; */
		color: #1E49E2 !important; /* Medium Blue */

}
.white_box p {
	color: #000 !important;
	font-weight: normal;
		
}

/****** Responsive mobile/small window adjustments ******/
@media (max-width:767px) {
	.white_box {
		padding: .5em;
				margin: 0 0 1em 0;
	}
}
@media (max-width:480px) {
}
@media (max-height: 700px) and (min-width: 767px) {
}
/* iPhone 6+ landscape */
@media (max-width: 767px) and (max-height:400px){ 
}
/* iPhone 5 portrait */
@media (max-width: 320px) {

}


/*---------------------------------------------------
	Slide Panel
---------------------------------------------------*/
.slide-panel {
	background-size: cover;
}

.slide-panel blockquote{
	position: relative;
	padding: 2.5% 0 0 7.5%;
	background-image:url('/html/speed/im/blockquote-open@4x.png');
	background-position: 0 0;
	background-size: 5% auto;
	background-repeat: no-repeat;
	margin: 0 auto;
	max-width: 960px;
}

.slide-panel blockquote p{
	line-height: 2;
}





/*------------------------------------------
	Accordion tabs
------------------------------------------*/
#responsiveTabs {
		margin: 1em 0;
}
.tabContents h3 {
		margin: 0 0 .5em 0;
}
.tabImages p {
		text-align: center;
}
.tabImages img {
		width: 100%;
		max-width: 400px;
}


/* Tabs container */
.r-tabs {
	position: relative;

	background-color: #fff;
	background-color: #470A68;
	
	border: 1px solid #ccc;

/*
	border-top: 1px solid #00c5ad;
	border-right: 1px solid #00c5ad;
	border-left: 1px solid #00c5ad;
	border-bottom: 4px solid #00c5ad;
*/
	
	border-radius: 4px;

}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
	background-color: #470A68;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	padding: 10px 12px;

	text-decoration: none;
/* 	text-shadow: 0 1px rgba(0, 0, 0, 0.4); */
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #470A68;	
	background-color: white;

	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

/* Tab panel */
.r-tabs .r-tabs-panel {
	background-color: white;

	border-bottom: 4px solid white;

	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;

}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
	background-color: #470A68;	
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	font-size: 14px;

	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #fff;
	color: #00c5ad;
	text-shadow: none;
}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}


/* Info bar */
.info {
	display:inline-block;
	margin-top: 10px;
	margin-right: 10px;
	padding: 10px 20px;
	width: 300px;
	line-height: 100%;

/* 	font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; */
	font-size: 14px;
	color: #00c5ad;
	border: 2px solid #00ab94;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;

	cursor: pointer;
}