/*----------------Core---------------------------*/
html { height: 100%; }
body{
	min-height: 100%;
	padding: 0px;
	margin: 0px;
	background: #fff;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #333;
	height: 100%;
}
img, input[type=image] { border: 0px; vertical-align: middle; }
a:link, a:visited, a:active { color: #0d4b98; }
a:focus, input:focus {outline: 0; }
a:hover { color: #0d4b98; text-decoration: none;}
form { margin: 0px; padding: 0px; }

input[type=text], textarea { color: #fff; background: #111; border: 1px solid #000; padding: 2px; }
input[type=submit] { cursor: pointer; color: #000; background: #34c6f5; padding: 2px 8px; border:0px; font-weight: bold; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;	  }
label { display: block; }

.container { max-width: 920px; }
.large-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }

/*------------UTILITIES ----------------------*/
.clear{ clear: both; height: 0px; margin: 0px; overflow: hidden; }

.table-row { display: table; width: 100%; margin: 0; padding: 0; }
.table-cell { display: table-cell; vertical-align: middle; }

ul.no-list { list-style: none; padding-left: 0; }
	ul.no-list li { margin-left: 0px; list-style-image: none; }
	ul.no-list li sup { margin-left: -11px; display: inline-block; }
.bullet { display: inline-block; height: 0.6em; width: 0.6em; margin-right: 4px; border-bottom: 2px solid #fff; border-right: 1px solid #fff; background: #bb131a; }

.row-5 { margin: 0 -7px; }
.row-5 .col-sm-2 { width: 20%; padding: 0 7px; }


.small-padding { margin-left: -5px; margin-right: -5px; }
.small-padding .col-sm-1, .small-padding .col-sm-2, .small-padding .col-sm-3, .small-padding .col-sm-4, .small-padding .col-sm-5, .small-padding .col-sm-6, .small-padding .col-sm-7, .small-padding .col-sm-8, .small-padding .col-sm-9, .small-padding .col-sm-10, .small-padding .col-sm-11, .small-padding .col-sm-12,
.small-padding .col-xs-1, .small-padding .col-xs-2, .small-padding .col-xs-3, .small-padding .col-xs-4, .small-padding .col-xs-5, .small-padding .col-xs-6, .small-padding .col-xs-7, .small-padding .col-xs-8, .small-padding .col-xs-9, .small-padding .col-xs-10, .small-padding .col-xs-11, .small-padding .col-xs-12 { padding: 0 5px; }


.no-padding { margin-left: 0px; margin-right: 0px; }
.no-padding .col-sm-1, .no-padding .col-sm-2, .no-padding .col-sm-3, .no-padding .col-sm-4, .no-padding .col-sm-5, .no-padding .col-sm-6, .no-padding .col-sm-7, .no-padding .col-sm-8, .no-padding .col-sm-9, .no-padding .col-sm-10, .no-padding .col-sm-11, .no-padding .col-sm-12,
.no-padding .col-xs-1, .no-padding .col-xs-2, .no-padding .col-xs-3, .no-padding .col-xs-4, .no-padding .col-xs-5, .no-padding .col-xs-6, .no-padding .col-xs-7, .no-padding .col-xs-8, .no-padding .col-xs-9, .no-padding .col-xs-10, .no-padding .col-xs-11, .no-padding .col-xs-12 { padding: 0px; }

.photo-caption { font-size: 11px; color: #888; display: block; line-height: 1.4em; text-align: right; margin-top: 3px;  }

.small-space { font-size: 5pt; }
h1,h2,h3,h4,h5,h6 { font-family: 'Roboto', Arial, serif; font-weight: 300; }

#lightbox { position: fixed; top: 0px; left: 0px; width: 60%; min-width: 272px; max-width: 450px; padding: 25px 25px 59px; height: 80%; min-height: 272px; max-height: 500px; box-shadow: 0 0 8px rgba(0,0,0,0.2); background: #fff; border: 1px solid #ccc; z-index: 9998; }
	#chooser-container { height: 100%; overflow: auto; margin-bottom: -21px; }
	#chooser-container .row, #chooser-container #directory, #chooser-container .errorbx{ margin: 0px; }
	#chooser-container h3 { font-size: 24px; color: #000; margin: 0 0 8px; }
	#chooser-controls { z-index: 9999; margin-top: 44px; height: 21px;   }
	#chooser-controls a{ display: block; text-align: right; color: #000;  }
	
#lightbox-screen { cursor: pointer; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #eee; opacity: .8; -ms-filter: 'alpha(opacity=80)'; z-index: 9997; }
#lightbox, #lightbox-screen{ display: none; }

.dark-blue { color: #072f51; }
.blue { color: #004a98; font-weight: bold; }
.light-blue { color: #428fce; }

a.read-more { font-weight: bold; font-size: 14px; text-transform: uppercase; }
.heading { font-family: 'Roboto'; font-size: 16px; font-weight: 400; color: #004a98; }

.footnotes { font-size: 14px; line-height: 1.4em;   }
	.footnotes ul { list-style: none; padding-left: 0; }
	.footnotes li { display: block; padding-left: 15px; position: relative; }
	.footnotes li sup { display: block; position: absolute; left: 0px; top: 7px; }

.small { font-size: 14px; line-height: 1.5em; }	

/*------------HEADER----------------------*/
#menu-logo { margin: 10px 0; }
#header {  background: #b8babb; z-index: 500; font-size: 16px; line-height: 1.4em; position: fixed; top: 0; opacity: 0; -webkit-transition: all 1s ease-in-out 0s; transition: all 1s ease-in-out 0s; width: 100%; left: 0; cursor: pointer; max-height: 100%; overflow: auto;  padding: 10px 15px; color: #fff; }
	#header .header-wrap { padding: 0 15px; }
#header .company { display: block; font-weight:bold; }
	#header.loaded { top: 0px; opacity: 1; }
	#header a { color: #fff; }
	#header .logo {  }
	
#header .container-fluid { padding: 0 15px; }

#header .table-cell { width: 33.33333333333333%; }
#mobile-trigger { padding: 14px 0; }
#mobile-trigger .menu-text { font-size: 18px; line-height: 1.4em; font-family: 'Roboto'; }

#mobile-menu-btn { float: right;  margin-left: 15px; cursor: pointer; width: 30px;overflow: hidden; text-decoration: none;  }
	#mobile-menu-btn:hover { opacity: 0.5; }
	#mobile-menu-btn .icon-bar { height: 2px; background: #fff; display: block; margin: 4px 0px;  }
		#mobile-menu-btn:hover .icon-bar { background: #eee; }
		
#page-cover { cursor: pointer; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); overflow: hidden; z-index: 501; }
#mobile-menu { display: none; overflow: hidden; color: #666; padding: 24px 0 8px; display: none; z-index: 510;  }
	#mobile-menu.active { width: 300px; overflow: auto; }
	#mobile-menu .mobile-menu-trigger { cursor: pointer; font-size: 16px; line-height: 1.5em; padding: 18px 5px 19px; margin: -10px -30px 15px; text-align: center; background-color: rgba(0,0,0,0.05);   }
#mobile-menu h6 { display: block; font-size: 18px; margin: 0 0 15px; font-weight: normal; padding-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,0.2);  }
#mobile-menu ul { list-style: none; padding: 0; margin: 0; padding-left: 18px;  }
#mobile-menu li { font-size: 14px; line-height: 1.5em; position: relative;  /*list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAD0lEQVQYlWP4TwAwjAwFAIS1/wGYKmMjAAAAAElFTkSuQmCC');*/ }
#mobile-menu li:before { display: block; content: ''; position: absolute; top: 7px; left: -18px; width: 8px; height: 8px; background: #000; border-radius: 100%; }
	#mobile-menu li.last { border: 0;  }
	#mobile-menu li a { display: block; color: #fff; text-decoration: none; padding: 0px 0 5px; }
	#mobile-menu li a:hover { opacity: 0.5; }

/*------------FOOTER----------------------*/
#footer { text-align: center; padding: 25px 15px; color: #777; border-top: 1px solid #ddd; margin-top: 25px;   }
#footer a{ color: #777;  }
/*------------PAGE WRAP----------------------*/
#page-wrap { height: 100%; }
#page-wrap.active {
	-moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateY(-300px);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .5s ease;
    -webkit-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
    -ms-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
	height: 100%; overflow: hidden;
}


/*------PAGES----------*/
.page { display: none; background: url('../images/whitecontentshapes.png'); font-size: 16px; line-height: 1.6em; padding-top: 70px; padding-bottom: 20px; }
	.page h1 { font-family: 'Roboto'; font-weight: bold; color: rgba(0,0,0,0.6); font-size: 36px; margin: 35px 0 15px;  }
	.page h2 { font-size: 22px; font-weight: 400; text-transform: uppercase; margin: 0 0 15px;  color: #004a98; }
	.page h3 { font-size: 18px; font-weight: 400; margin: 30px 0 5px;  color: #004a98; }
	.page h3.h25 { font-size: 22px;  }
	
	.page h2 .sub { display: block; font-size: 16px; text-transform: uppercase; color: #2a93d5; font-weight: 400; margin-top: 5px;  }
	.page h2 .light-blue { color: #2a93d5;  }
	
	.intro-copy { color: rgb(0,61,165); font-size: 22px; line-height: 1.5em; margin-bottom: 15px;   }
	.page .footer-img { margin-bottom: -20px; }
	.page hr { border-color: #ccc; }
	
	.page ul { margin: 20px 0; list-style: none;  }
	.page ul li { position: relative; }
	.page li:before { display: block; content: ''; position: absolute; top: 9px; left: -18px; width: 8px; height: 8px; background: #0e4c98; border-radius: 100%; }

	.page ul.no-list li { list-style-image: none; }
		.page ul.no-list li:before { display: none; }

.diamond { width: 196px; height: 196px; background: #005991; color: #fff; margin: 0px auto; transform:rotate(45deg); display: flex; justify-content: center; align-items: center;}
	.diamond .diamond-text { transform:rotate(-45deg);  text-align: center; line-height: 1.3em; }
	.diamond-small .diamond .diamond-text { font-size: 14px; line-height: 1.3em; }
	.diamond .diamond-text span { display: block; font-size: 28px; line-height: 1.4em;  }
	.diamond-top { margin-top: 60px; }
	.diamond-bot { margin-bottom: 60px; }
	.diamond.large-diamond { width: 226px; height: 226px; overflow: hidden; }
	.diamond.diamond-photo { width: 120px; height: 120px; margin: 20px auto;}
.triangle { display: block; margin: 0 0 30px; width: 0; height: 0; border-left: 50px solid transparent; border-top: 50px solid #00a49a; border-right: 50px solid transparent; }



/*------HOME----------*/
#intro { display: block; }
	#intro .gray-cover { background: #858c90; padding: 30px 0; margin-bottom: 30px; }

#ad-boxes { position: relative; padding: 0 18px; }
	#ad-boxes .arrow { cursor: pointer; color: #0d4b98; position: absolute; top: 50%; padding: 5px; background: #fff; font-size: 24px; right: 100%; z-index: 1000; margin-top: -18px; }
	#ad-boxes .arrow.right { right: unset; left: 100%; }
	#advisory-groups-slider .ad-box { margin: 15px;   }
	#advisory-groups-slider .ad-box .img-responsive {  }

#advisory-groups-row { margin: 0 -5px; }
	#advisory-groups-row:after { clear: both; content: ''; display: table; }
	#advisory-groups-row .ad-box { float: left; padding: 5px; width: 11.11111111111%; }

#home {  background: #fff; height: 100% !important; position: relative; padding-top: 0; }
.cover-container { height: 100%; position: relative;   }
.cover-border { position: absolute;   top: 30px; left: 30px; bottom: 30px; right: 30px; z-index: 1; border: 2px solid rgba(0,0,0,0.3);  }
.cover { background: url('../images/cover-shapes-intro.png'); background-position: 0px 300px; animation-name: shine; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; display: flex; align-items: center; justify-content: center; overflow: hidden;  }
	.cover .padded { padding: 0 90px;  }
	.cover .overlay { animation-delay: 5s;  background: #000 url('../images/black-cover-shapes.png'); opacity: 0; position: absolute;   top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: -1; animation-name: cutToBlack; animation-duration: 1s; animation-fill-mode: forwards; animation-timing-function: linear; }
		.cover .video .img-responsive { max-height: 420px;  }
	.cover .home-title { font-family: 'Roboto'; font-weight: bold; font-size: calc(4vw + 8vh + 1vmin);; line-height: 0.9em; color: rgba(0,0,0,0.6); background: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.7)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
		.cover .home-title.part1 { animation-delay: 1s; color: rgba(0,0,0,0.3); background: -webkit-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.4)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: block; margin-bottom: -0.11em; }
		.cover .home-title.part2 { animation-delay: 2s; display: block;  padding-top: 0.05em; }

.underline-border { border-top: 2px solid rgba(0,0,0,0.3); }

#top-cover { position: relative; }
	#home .arrow { position: absolute; z-index: 99; left: 0; bottom: 15px; width: 100%; text-align: center; animation-name: bounceArrow; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear;  }
	#home .arrow a { display: block; text-align: center; color: #000; font-size: 4em; }

#new-cover span { font-size: 1.2em; font-weight: bold; }

#new-cover .container { font-size: 22px; color: #666; line-height: 1.5em; }
@keyframes shine {
  0%   {background-position: 0px 972px; }
  100%   {background-position: 0px 0; }
}
@keyframes bounceArrow {
  0%   { bottom: 30px; }
  50% { bottom: 45px; }
  100%   { bottom: 30px; }
}
@keyframes cutToBlack {
  0%   { opacity: 0; }
  100%   { opacity: 1; }
}

#theme { padding: 60px 0; height: 100%; display: flex; align-items: center; background: #858c90 url('../images/journey-shapes.png'); background-position: 0px 50%; animation-name: grayshapes; animation-duration: 32s; animation-iteration-count: infinite; animation-timing-function: linear; position: relative; }
	#theme .large-text { font-family: 'Roboto'; font-weight: bold; position: absolute; z-index: 0; top: 30px; bottom: 30px; right: 30px; left: 30px; border: 2px solid rgba(255,255,255,0.3); font-size: 14vw; line-height: 0.8em; overflow: hidden; color: rgba(255,255,255,0.05); }
	#theme .small-text { position: relative; text-align: center; font-weight: 300; margin: auto; color: #fff; font-size: 3vw; line-height: 1em; }
#theme-footer { padding: 60px 0; height: 100%; display: flex; align-items: center; background: #858c90 url('../images/journey-shapes.png'); background-position: 0px 50%; animation-name: grayshapes; animation-duration: 32s; animation-iteration-count: infinite; animation-timing-function: linear; position: relative; }
	#theme-footer .large-text { font-family: 'Roboto'; font-weight: bold; position: absolute; z-index: 0; top: 30px; bottom: 30px; right: 30px; left: 30px; border: 2px solid rgba(255,255,255,0.3); font-size: 11vw; line-height: 0.8em; overflow: hidden; color: rgba(255,255,255,0.05); }
	#theme-footer .small-text { max-width: 991px; position: relative; text-align: center; font-weight: 300; margin: auto; color: #fff; font-size: 3vw; line-height: 1.2em; }
@keyframes grayshapes {
  0%   {background-position: 0px 50%; }
  100%   {background-position: 940px 50%; }
}
.theme-section { padding: 60px 0; background: #858c90;  position: relative; background-image: url('../images/theme1-bg.png'); background-position: 0px 50%; animation-name: grayshapes; animation-duration: 32s; animation-iteration-count: infinite; animation-timing-function: linear; }
	.theme-section .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
	.theme-section .overlay .border { position: absolute; top: 30px; left: 30px; bottom: 30px; right: 30px; border: 2px solid rgba(255,255,255,0.3);  }
	.theme-section .title { position: relative; z-index: 10; margin: 40px 0; float: left; padding: 30px 30px 30px 60px; color: #fff; background: #0b56a2; font-size: 28px; line-height: 1.2em; font-weight: bold; }
	.theme-section .title:after { clear: both; display: table; content: ''; }
	.theme-section .section { margin: 15px auto; max-width: 700px; }
	.theme-section h2 { font-family: 'Open Sans'; font-size: 42px; line-height: 1em; font-weight: 300; margin: 15px 0 -3px 20px; color: #fff; position: relative; text-transform: none; }
	.theme-section .spotlight { margin: 0 auto -28px; background: #0b56a2; color: #fff; font-size: 16px; line-height: 1.5em; padding: 20px; }

	#theme .arrow a, #home .theme-section .arrow a { color: #fff; }
#theme-section2 .title, #theme-section2 .spotlight { background: #d32026; }
#theme-section2 { background-image: url('../images/theme2-bg.png'); }

#theme-section3 .title, #theme-section3 .spotlight { background: #5b2d81; }
#theme-section3 { background-image: url('../images/theme3-bg.png'); }

/*------UTILTIES----------*/
.flex-row { display: flex; flex-wrap: nowrap; flex-grow: 1; justify-content: space-between; align-items: center; }
.black-white { transition: all 0.2s ease-in-out 0s;  }
.ie-row:hover .black-white, .ie-row .black-white.inactive { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; }
.ie-row:hover .black-white:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
	
.thankyous .img-responsive { max-width: 150px; }


/*------ABOUT US----------*/
#about { padding: 130px 60px 60px; min-height: 100%; position: relative;  }
	#about .border { z-index: -1; position: absolute; top: 103px; left: 30px; bottom: 30px; right: 30px; border: 2px solid rgba(0,0,0,0.3);  }
	#about .img-responsive { max-height: 48px; margin-bottom: 5px; }

/*------LETTERS----------*/
.letter { padding: 130px 60px 60px; position: relative;  }
	.letter .border { z-index: -1; position: absolute; top: 103px; left: 30px; bottom: 30px; right: 30px; border: 2px solid rgba(0,0,0,0.3);  }
	.letter .quotebox { position: relative; z-index: 10; margin: 10px 0 20px -120px; float: left; padding: 30px 30px 30px 120px; color: #fff; background: #0b56a2; font-size: 28px; line-height: 1.2em; font-weight: bold; }
	.letter .quotebox:after { clear: both; display: table; content: ''; }
	.letter h1 { margin-top: 0; }

.siggy { max-width: 200px; }
.bio { margin-bottom: 30px; }
.quicklinks h3 { font-size: 18px; color: #333; margin: 0 0 15px; padding-bottom: 5px; border-bottom: 1px solid rgba(0,0,0,0.3); }
	.quicklinks li:before { background: #858c90; }

.highlights { padding: 60px; position: relative; color: #fff; }
	.highlights .border { z-index: 0; position: absolute; top: 30px; left: 30px; bottom: 30px; right: 30px; border: 2px solid rgba(255,255,255,0.3);  }
	.highlights h1 { color: #fff; margin: 15px 0 30px; }
	.highlights h3 { font-size: 22px; font-weight: bold; margin: 0 0 15px; color: #fff; }

.ie-row { margin: 0 auto; position: relative;  }
	.ie-row:after { clear: both; content: ''; display: table; position: relative;  }

/*------FAF----------*/
#faf-letter { padding: 0; }
#faf-letter .bio { color: #0d4c98; }
	#faf-letter a { color: #0d4c98; }

#faf-members  {  }
	#faf-members strong { color: #0d4c98;  }
	#faf-members .redbox { background: #0d4c98; color: #fff; padding: 30px 0; }
	#faf-members .redbox h1 { color: #fff;  }
	#faf-members .redbox .inactive { opacity: 0.5; }
	#faf-members .redbox strong { color: #fff; }

#faf-members .hover-image { float: left; width: 11.11111111%; }
#faf-members .second-row .hover-image { float: left; width: 10.777777777%; }
#faf-members .second-row .gap-spacing { float: left; width: 3%; }

/*------FASB----------*/
#fasb-letter { padding: 0; }
#fasb-letter .bio { color: #ce0000; }
	#fasb-letter a { color: #ce0000; }
	#fasb-letter .quotebox { background: #ce0000; }
	#fasb-letter .highlights { background: #ce0000; }
	#fasb-letter .highlights h3 { color: #fff; }
	#fasb-letter .highlights li:before { background: #fff; }
	#fasb-letter .highlights li ul { margin: 0; }
	#fasb-letter .highlights li ul li:before { background: transparent; border: 2px solid #fff; }
#fasb-members  {  }
	#fasb-members .redbox { background: #ce0000; color: #fff; padding: 30px 0; }
	#fasb-members .redbox .inactive { opacity: 0.5; }
	#fasb-members .thankyous strong { color: #ce0000; }
#fasb-members .hover-image { float: left; width: 14.285714%; }

/*------GASB----------*/
#gasb-letter { padding: 0;  }
#gasb-letter .bio { color: #572a79; }
	#gasb-letter a { color: #572a79; }
	#gasb-letter .quotebox { background: #572a79; }
	#gasb-letter h3 { color: #572a79; }
	#gasb-letter .quicklinks h3 { color: #000; }
	#gasb-letter .highlights { background: #572a79; }
	#gasb-letter .highlights h3 { color: #fff; }
	#gasb-letter .highlights li:before { background: #fff; }
#gasb-members  {  }
	#gasb-members .redbox { background: #572a79; color: #fff; padding: 30px 0; }
	#gasb-members .redbox .inactive { opacity: 0.5; }

#gasb-members .hover-image { float: left; width: 12.5%; }


/*------WELCOME AND THANK YOU----------*/
#welcome-thankyou { padding-top: 130px; padding-bottom: 60px; position: relative; }
#welcome-thankyou .border { z-index: -1; position: absolute; top: 103px; left: 30px; bottom: 30px; right: 30px; border: 2px solid rgba(0,0,0,0.3);  }

#welcome-thankyou h3 { color: #0d4c98; font-weight: bold; font-size: 20px; margin: 0;  }

#welcome-thankyou strong { color: #0d4c98; }
#welcome-thankyou .img-responsive { max-width: 150px; margin-top: 10px; }


/*------------ADVISORY GROUPS----------------------*/
#advisory-groups { padding-top: 130px; padding-bottom: 60px; position: relative; }
	#advisory-groups .border { z-index: -1; position: absolute; top: 103px; left: 30px; bottom: 30px; right: 30px; border: 2px solid rgba(0,0,0,0.3);  }

#advisory-groups h1 { font-size: 22px; font-weight: bold; color: #004a98;  }
#advisory-groups h2 { position: relative; z-index: 10; text-transform: none; min-width: 350px; margin: 40px 0; float: left; padding: 30px 30px 30px 60px; color: #fff; background: #cf2f2b; font-size: 30px; line-height: 1em; font-weight: bold;  }
#advisory-groups h2.gasb {background: #572a79;  }
#advisory-groups h2 span { display: block; font-size: 22px; }
#advisory-groups h2:after { clear: both; display: table; content: ''; }

#advisory-groups h3 { font-size: 22px; font-weight: bold; color: #004a98; margin: 0 0 5px; }
#advisory-groups a { color: #004a98;  }
.advisory-flex { margin: 15px auto; display: flex; flex-flow: row nowrap; align-items: center; }
	.advisory-flex .icon {   order: 0; flex-basis: 25%; min-width: 25%; padding-right: 30px;  }

.page.advisory-page { padding-top: 130px; padding-bottom: 30px; color: #666; position: relative;  }
	.page.advisory-page .border { z-index: -1; position: absolute; top: 103px; left: 30px; bottom: 30px; right: 30px; border: 2px solid rgba(0,0,0,0.3);  }

.page.advisory-page strong { color: #333;  }
.page.advisory-page.fasb h1 { color: #cf2f2b; font-weight: bold; font-size: 22px; line-height: 1.5em;  }
.page.advisory-page.fasb h2 { color: #cf2f2b; font-weight: bold; font-size: 22px; line-height: 1.5em; text-transform: none;  }
.page.advisory-page.fasb h3 { color: #cf2f2b; font-weight: bold; font-size: 18px; line-height: 1.5em;  }
.page.advisory-page.gasb h1 { color: #572a79; font-weight: bold; font-size: 22px; line-height: 1.5em;  }
.page.advisory-page.gasb h2 { color: #572a79; font-weight: bold; font-size: 22px; line-height: 1.5em; text-transform: none;  }
.page.advisory-page.gasb h3 { color: #572a79; font-weight: bold; font-size: 18px; line-height: 1.5em;  }
.page.advisory-page .more-icon { margin: 15px auto; max-width: 200px;  }
.other-groups-bg { margin: 30px 0 0; padding: 30px 0; }
	.other-groups-bg .diamond-bot { margin-bottom: 30px;  }
.gasb-gray-bg, .fasb-gray-bg  {  margin: 0 0 0px; padding: 15px 0; color: #666; }
.fasb-gray-bg h1, .gasb-gray-bg h1 { margin-top: 0; }
.diamond-view-all { background: transparent; border: 2px solid #25aae1; color: #25aae1; }
.gasb .diamond-view-all { border: 2px solid #d64939; color: #d64939; }


@media all and (max-width: 991px) {
	.container { max-width: 660px !important; }

	#home { padding: 70px 0 0 !important; }
	#top-cover .padded { padding: 0 45px; }
	#cover-repeated, #new-cover { height: auto !important; }
		#cover-repeated .cover, #new-cover .cover { position: static; padding: 60px 45px;  }
		.cover .padded { padding: 0px; }

	#theme, #theme-footer { padding: 120px 60px; height: auto;  }
}
@media all and (min-width: 766px) and (max-width:991px) {

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


	
	.page { padding: 130px 45px 45px !important; }
	.page h1 { font-size: 22px; line-height: 1em; margin-top: 0; }
	
	.hide-mobile { display: none; }
	
	.menu-row .column-1,  .menu-row .column-2, .menu-row .column-3 { width: 100%; margin-bottom: 15px; }

	
	
	#home-video .caption a { font-size: 16px; }
	
		.cover .home-title.part1, .cover .home-title.part2 { font-size: 50px; }
		
		#new-cover .container { font-size: 16px; }

	#intro { padding: 70px 15px 15px !important; }
		#intro .gray-cover { margin: 0 -15px 30px; padding: 30px 0 0; }
		#intro .gray-cover .img-responsive { margin: 0 0 30px; }

	#theme .small-text, #theme-footer .small-text { font-size: 22px; line-height: 1.4em; }
	.theme-section { padding: 60px 45px;  }
	.theme-section .title { font-size: 22px; float: none; padding: 30px; margin: 0 -45px; }
	.theme-section h2 { font-size: 22px; margin-bottom: -1px; }

	#advisory-groups h2 {  font-size: 22px; float: none; padding: 30px; margin: 0 -45px; }
	.flex-row, .advisory-flex { flex-flow: row wrap; align-items: center; }
	.advisory-flex .icon {  min-width: 100%; flex-basis: 100%; order: 0; flex: 1 100%; padding: 0 0 30px;  }
	
	.letter { margin: -130px -45px 0px; padding: 130px 45px 45px; position: relative; }
	.letter .quotebox { font-size: 22px; float: none; padding: 30px; margin: 15px -45px; }
	.highlights { margin: 0 -45px -45px; padding: 45px; }

	#faf-members { padding: 90px 15px 15px !important;  }
		#faf-members .redbox { margin: 15px -15px; padding: 15px;  }
	#fasb-members { padding: 90px 15px 0px !important;  }
		#fasb-members .redbox { margin: 15px -15px 0; padding: 15px;  }
	#gasb-members { padding: 90px 15px 0px !important;  }
		#gasb-members .redbox { margin: 15px -15px 0; padding: 15px;  }
}