/*
Theme Name: Berger Singerman Custom Theme
Author: Herrmann Advertising Design and Technology
Author URI: https://www.herrmann.com/
*/

/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

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

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

::selection {
 background: #b3d4fc;
 text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.hidden {
	display: none !important;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
	white-space: inherit;
}
.invisible {
	visibility: hidden;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
*, *:before, *:after {
	background: transparent !important;
	color: #000 !important; /* Black prints faster */
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after, a[href^="javascript:"]:after {
 content: "";
}
pre {
	white-space: pre-wrap !important;
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
/*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
	display: table-header-group;
}
tr, img {
	page-break-inside: avoid;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}
/* ----------------------------------------------
	THEME STYLES   
------------------------------------------------- */ 

body, html {
	margin: 0px;
	padding: 0px;
	font-family: 'Arimo', sans-serif;
	/*color: #80929F; design has it too light */
	color:#73838f;
	background-color:#ebeff1;
	font-size: 16px;
	font-size: 100%;
	-webkit-text-size-adjust: none;
	position: relative;
	height: 100%;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
figure {
	margin: 0
}
button, input {
	line-height: normal
}
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0
}
main td {
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 4px
}
.table-responsive {
	margin-bottom: 15px;
	overflow-y: hidden;
	width: 100%;
	border: none
}
.video-responsive {
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}
.video-responsive iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}
p.practice_child {
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
}
 @media only screen and (max-width: 767px) {
td {
 display: block;
 width: 100%;
 text-align: center
}
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 122%;
	font-weight:700;
}
h2, h3 {
	margin-top: 15px;
	margin-bottom: 10px;
}
/*========= basic global font sizes =============*/
h1, .h1 {
	margin-top: 0px;
	font-size:22px;
	font-weight:400;
	color: #002E6E;
}
 @media only screen and (min-width: 768px) {
 h1 {
 font-size:24px;
}
}
 @media only screen and (min-width: 992px) {
 h1 {
 font-size:30px;
}
}
 @media only screen and (min-width: 1200px) {
 h1 {
 font-size:36px;
}
}
@media only screen and (min-width: 1820px) {
 h1 {
 font-size:60px;
}
}
h2 {
	font-size:20px;
	color: #002E6E;
}
h3 {
	font-size:17px;
	font-weight:700;
	color: #5D7080;
}
p {
	font-size: 16px;
	line-height: 133%;
	margin: 0px;
	padding-bottom: 10px;
}
.content ul li {
	font-size: 16px;
	line-height: 133%;
	padding-bottom: 5px;
	margin-left: 10px;
}
.content ul li ul li {
	padding-bottom: 3px;
	list-style-type: circle;
}
.content ul {
	padding-bottom: 5px;
}
.content ul ul {
	padding-top:0px;
	padding-bottom: 3px;
}
p.lead {
	font-size: 18px;
}
 @media only screen and (min-width: 768px) {
 h2 {
 font-size:17px;
}
 h3 {
 font-size:15px;
}
p {
 font-size: 14px;
}
.content ul li {
font-size: 14px;
}
p.lead {
 font-size: 16px;
}
}
 @media only screen and (min-width: 992px) {
 h2 {
 font-size:19px;
}
 h3 {
 font-size:17px;
 margin-bottom:15px;
}
 p {
 font-size: 15px;
}
.content ul li {
 font-size: 15px;
}
p.lead {
 font-size: 17px;
}
}
 @media only screen and (min-width: 1200px) {
 h2 {
 font-size:24px;
}
 h3 {
 font-size:21px;
}
 p {
 font-size: 20px;
 padding-bottom: 15px;
}
.content ul li, .content ol li {
 font-size: 20px;
 padding-bottom: 8px;
}
p.lead {
 font-size: 25px;
}
}
 @media only screen and (min-width: 1820px) {
 h2 {
 font-size:36px;
}
 h3 {
 font-size:32px;
}
 p {
 font-size: 28px;
 padding-bottom: 14px;
}
.content ul li {
 font-size: 28px;
 padding-bottom: 10px;
}
p.lead {
 font-size: 36px;
}
}
/* --------- other helpers and overrides ---------*/
.center {
	text-align: center
}
ul, menu, dir {
	display: block;
	list-style-type: disc;
	margin:0;
	padding: 0;
	margin-left:1.25rem;
}
.display-1 {
	font-size: 2.5rem
}
.display-2 {
	font-size: 2rem
}
.display-3 {
	font-size: 1.5rem
}
.display-4, .display-4 p {
	font-size: 1.25rem
}
a, a:visited {
	color: #002E6E; /* darker purple - fails Level 3:1 contrast */
	color: #002252;
	text-decoration: none;
	transition: all 0.05s ease-in-out 0s
}
a:hover, a:focus {
	color:#6B7AA6; /* med purple */
	text-decoration:  underline;
}
a:focus {
	outline: thin dotted;
}


/* telephone links */

a[href^="tel:"] {
 /*color: inherit;*/
 font-weight:inherit;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #8e8f8e;
}
 a[href^="tel:"]:hover, a[href^="tel:"]:focus {
 /*color: inherit;*/
 font-weight: inherit;
 text-decoration:  underline;
 border:none;
}
 @media only screen and (max-width: 768px) {
 a[href^="tel:"] {
 color: #002252;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #8e8f8e;
}
 a[href^="tel:"]:hover, a[href^="tel:"]:focus {
 font-weight: inherit;
 text-decoration:  underline;
 border:none;
}
}
img {
	max-width: 100%;
	height: auto
}
img.fullwidth-photo {
	width: 100%;
	height: auto
}
figure {
	padding: 0px;
	margin: 0px
}
.row.no-gutters {
	margin-right: 0;
	margin-left: 0
}
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
 padding-right: 0;
 padding-left: 0
}
.spaceabove {
	padding-top: 20px
}
.spacebelow {
	padding-bottom: 20px
}
.marginabove {
	margin-top: 20px
}
.marginbelow {
	margin-bottom: 20px
}
 @media only screen and (min-width: 1200px) {
.marginabove {
 margin-top: 30px
}
.marginbelow {
 margin-bottom: 30px
}
}
.overflow {
	overflow:hidden;
}
.hide {
	display: none
}
.alignnone {
	margin: 5px 20px 20px 0
}
.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto
}
p.aligncenter {
	text-align: center
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px
}
a img.alignnone {
	margin: 5px 20px 20px 0
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0
}
img.photohalf {
	width: 50%;
	height: auto
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.table-responsive .wp-caption p.wp-caption-text {
	text-align: center
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}
a#skiptocontent {
	padding: 6px;
	position: absolute;
	top: -40px;
	left: 0px;
	color: white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-bottom-right-radius: 8px;
	background: transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
	transition: top 1s ease-out, background 1s linear;
	z-index: 100
}
a#skiptocontent:focus {
	position: absolute;
	left: 0px;
	top: 0;
	background: #6B7AA6;
	outline: 0;
 -webkit-transition: top .1s ease-in, background .5s linear;
 transition: top .1s ease-in, background .5s linear;
	margin-bottom:200px;
}
#maincontent:target {
	padding-top: 200px;
	margin-top: -200px;
	display: inline-block;
	height:200px;
	top:-200px;
}
.video-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
	margin-bottom:20px;
}
.video-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute
}
.video-border, .photo-border {
	border: 3px solid #FFF;
	margin-bottom: 30px
}
 @media only screen and (min-width: 768px) {
.video-wrapper {
 margin-bottom: 0px
}
}
 @media only screen and (min-width: 1200px) {
 .iframe-responsive.map {
 margin-top:30px;
}
}
/* =========== CONTAINERS ================= */

.page-wrapper {
	position:relative;
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
}
.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
	display: block;
	clear: both
}
/* container override for better layout control */
.container {
	width:100%;
	margin-left:0;
	margin-right:0;
	padding-left: 20px;
	padding-right: 20px;
}
 @media only screen and (min-width: 480px) {
 .container {
 width:100%;
 padding-left: 30px;
 padding-right: 30px;
}
}
 @media only screen and (min-width: 768px) {
.container {
 width:100%;
 padding-left: 56px;
 padding-right: 56px;
}
}
 @media only screen and (min-width: 992px) {
 .container {
 width:100%;
 padding-left: 70px;
 padding-right: 70px;
}
}
 @media only screen and (min-width: 1200px) {
 .container {
 width:100%;
 padding-left: 100px;
 padding-right: 100px;
}
}
 @media only screen and (min-width: 1820px) {
 .container {
 width:100%;
 padding-left: 140px;
 padding-right: 140px;
}
}
/* container padding */

.container.padding {
	padding-top: 10px;
	padding-bottom: 30px
}
 @media only screen and (min-width: 768px) {
.container.padding {
 padding-top: 40px;
 padding-bottom: 40px
}
}
 @media only screen and (min-width: 1200px) {
 .container.padding {
 padding-top: 60px;
 padding-bottom: 60px
}
}
 @media only screen and (min-width: 1820px) {
 .container.padding {
 padding-top: 80px;
 padding-bottom: 80px
}
}
/* ========= additional top and bottom padding helpers */


.padtop {
	padding-top: 15px;
}
.padbtm {
	padding-bottom: 15px
}
 @media only screen and (min-width: 768px) {
 .padtop {
 padding-top: 30px;
}
.padbtm {
 padding-bottom: 25px
}
}
 @media only screen and (min-width: 1200px) {
 .padtop {
 padding-top: 50px;
}
.padbtm {
 padding-bottom: 40px
}
}
.relative {
	position: relative
}
.col.nonrelative {
	position: static !important
}
img.top {
	vertical-align: text-top
}
img.bottom {
	vertical-align: text-bottom
}
img.middle {
	vertical-align: middle
}
.transp-bkgrnd {
	opacity: .77;
	width: 100%;
	height: 100%
}
.transp-bkgrnd > .content-wrapper {
	opacity: 1
}
.bg-white {
	background-color: #FFF
}
.bg-gray {
	background-color: #80929F
}
.bg-ltgray {
	background-color: #9EB0BD
}
.bg-lightergray {
	background-color: #DFE2E6
}
.btn {
	font-weight: 600;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.42857143;
	text-align: center;
	white-space:  normal;
	vertical-align: middle;
	display: inline-block;
	text-decoration: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 3px solid transparent;
	border-radius: 0;
	margin-bottom: 0;
	padding-top: 6px;
	padding-right: 1.5rem;
	padding-bottom: 6px;
	padding-left: 1.5rem;
}
.btn:visited {
	color: #FFF
}
/* blue button hover */
.btn.btn-blue {
	color: #FFF;
	background-color: #002E6E;
}
.btn.btn-blue:hover, .btn.btn-blue:focus {
	color: #FFF;
	background-color: #00B040;
}
/* blue button hover */
.btn.btn-green {
	color: #FFF;
	background-color: #00B040;
}
.btn.btn-green:hover, .btn.btn-green:focus {
	color: #00B040;
	background-color: #FFF;
 border: 3px solid $00B040;
}
/* ======== header ========== */
header {
	z-index: 8888;
	position:relative;
	height:100%;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.vert-ctr {
	position: relative;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.header-fixed {
	position: fixed;
	position:  absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index:8888;
	text-align:center;
	background-color: #FFF;
	height:75px;
}
@media only screen and (min-width: 400px) {
.header-fixed {
 height:80px;
}
}
 @media only screen and (min-width: 768px) {
 .header-fixed {
 height:75px;
}
}
 @media only screen and (min-width: 992px) {
 .header-fixed {
 height:92px;
}
}
 @media only screen and (min-width: 1200px) {
 .header-fixed {
 height:120px;
}
}
 @media only screen and (min-width: 1820px) {
 .header-fixed {
 height:180px;
}
}
.header-fixed.home {
	background-color: transparent;
}
.header-fixed.active {
	background-color: #FFF;
}
.logo {
	width:60%;
	width:65%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
.header-fixed.home.active .logo {
	margin-top:15px;
}
 @media only screen and (min-width: 360px) {
 .logo {
 width:65%;
}
}
 @media only screen and (min-width: 768px) {
 .logo {
 width:35%;
}
}
/*------- Swap Logo on Scroll--------*/

#logo2 {
	display: none;
	opacity: 0;
}
.header-fixed.active #logo1 {
	display:none;
}
.header-fixed.active #logo2 {
	display:inline;
	opacity: 1;/*transition: all 0.12s ease-in 0s;
	-moz-transition: all 0.12s ease-in 0s;
	-webkit-transition: all 0.12s ease-in 0s;*/
}
/* =================================================== */
/* ======================= HOME PAGE ================= */
/* =================================================== */

/* ======== hero photo ========== */
.hero-photo {
	position:relative;
}
.hero-photo img {
	width:100%;
	height:auto;
}
 @media only screen and (min-width: 1400px) {
 .hero-photo img {
 max-height:840px;
}
}
 @media only screen and (min-width: 1820px) {
 .hero-photo img {
 max-height:925px;
}
}
/* for rotating images instead of slider */
ul.fader {
	width: 100%;
	margin:0;
	padding:0;
	list-style:none;
}
ul.fader li {
	margin:0;
	padding:0;
	background: none !important;
}
.hero-photo .hero-caption {
	width:100%;
	position: absolute;
	top: 27.5%;
	transform: translate(0, -27.5%);
}
.hero-photo .hero-caption h1 {
	font-family: 'Oswald', sans-serif;
	font-size: 29px;
	font-size: 6.04vw;
	line-height:110%;
	text-align:center;
	font-weight:400;
	color:#FFF;
}
@media only screen and (max-width: 767px) {
 .hero-photo .hero-caption span.smallscreen {
 display:block;
}
}
 @media only screen and (min-width: 768px) {
 .hero-photo .hero-caption {
 top: 50%;
 transform: translate(0, -50%);
}
 .hero-photo .hero-caption span.largescreen {
 display:block;
}
.hero-photo .hero-caption h1 {
 font-size: 74px;
 font-size: 3.85vw;
}
}

/* alternate menu on home page */

 @media only screen and (max-width: 767px) {
 .alt-menu-container {
 width:100%;
 background-color: #FFF;
 display:block;
 padding:18px;
 padding-left:30px;
 padding-right:30px;
}
 .alt-menu {
 font-size: 17px;
 line-height:110%;
 text-align:center;
 font-weight:700;
 color:#002E6E;
 width:100%;
 margin:0;
}
 .alt-menu li {
 display: block;
 border:none;
 border-bottom: 1px solid #9EB0BD;
}
.alt-menu li a, .alt-menu li a:visited {
 display: block;
 color:#002E6E;
 padding-top:8px;
 padding-bottom:6px;
}
.alt-menu li a:hover, .alt-menu li a:focus {
 color:#9EB0BD;
}
 .alt-menu li:last-child {
 border: none
}
}
 @media only screen and (min-width: 768px) {
 .alt-menu {
 font-size: 16px;
 line-height:110%;
 text-align:center;
 font-weight:400;
 color:#9EB0BD;
 width:100%;
 position: absolute;
 bottom: 16%;
	/*z-index:2000;*/
	margin:0;
}
 .alt-menu li {
 display:inline;
 color:#9EB0BD;
 border-right: 2px solid #9EB0BD;
 margin:0;
 padding:0;
}
.alt-menu li:last-child {
 border-right: none
}
.alt-menu li a {
 color:#FFF;
 padding-top:4px;
 padding-bottom:4px;
 padding-left:8px;
 padding-right:15px;
}
.alt-menu li a:hover, .alt-menu li a:focus {
 color:#9EB0BD;
}
}
 @media only screen and (min-width: 992px) {
 .alt-menu {
 font-size: 24px;
}
}
 @media only screen and (min-width: 1200px) {
 .alt-menu {
 font-size: 30px;
}
 .alt-menu li a {
 padding-left:13px;
 padding-right:20px;
}
}
 @media only screen and (min-width: 1500px) {
 .alt-menu {
 font-size: 35px;
}
 .alt-menu li a {
 padding-left: 1.35rem;
 padding-right: 2rem;
}
}
#scrolldown {
	font-size: 16px;
	line-height:110%;
	text-align:center;
	font-weight:400;
	color:#9EB0BD;
	width:100%;
	position: absolute;
	bottom: 6%;/*z-index:8888;*/
}
#scrolldown img {
	width:46px;
	height:auto;
}
 @media only screen and (min-width: 768px) {
#scrolldown {
 bottom: 4%;
}
}
 @media only screen and (min-width: 992px) {
#scrolldown img {
 width:57px;
 height:auto;
}
}
 @media only screen and (min-width: 1200px) {
#scrolldown {
/* bottom: 5%;*/
}
 #scrolldown img {
 width: 75px;
 height:auto;
}
}
 @media only screen and (min-width: 1700px) {
#scrolldown {
/*bottom: 9%;*/
}
}
 @media only screen and (min-width: 1800px) {
#scrolldown {
/*bottom: 16%;*/
}
 #scrolldown img {
 width: 115px;
 height:auto;
}
}
#intro {
	padding-top:60px;
	margin-top:-60px;
}
 @media only screen and (min-width: 992px) {
#intro {
 padding-top:100px;
 margin-top:-100px;
}
}
.intro {
	padding-top:50px;
	padding-bottom:45px;
}
.intro p {
	font-size: 18px;
	line-height:125%;
	font-weight:400;
}
 @media only screen and (min-width: 768px) {
.intro {
 padding-top:50px;
 padding-bottom:45px;
}
}
 @media only screen and (min-width: 992px) {
 .intro {
 padding-top:70px;
 padding-bottom:70px;
}
.intro p {
 font-size: 20px;
}
}
 @media only screen and (min-width: 1200px) {
.intro {
 padding-top:80px;
 padding-bottom:80px;
}
 .intro p {
 font-size: 28px;
}
}
 @media only screen and (min-width: 1820px) {
 .intro {
 padding-top:140px;
 padding-bottom:145px;
}
.intro p {
 font-size: 38px;
}
}
/* ======== home grid ========== */

.home-grid img {
	width:100%;
	height:auto;
}
.home-grid .article-container {
	position:absolute;
	left:6%;
	top:0;
	height:100%;
	color:#FFF;
	vertical-align:middle;
	display: flex;
}
@media only screen and (min-width: 768px) {
 .home-grid .article-container {
 left:9%;
}
}
.flexbox-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
.home-grid .article {
	width:80%;
}
.home-grid .arrow {
	width:20%;
	text-align:center;
}
.home-grid .arrow img {
	width:26px;
	height:57px;
	opacity:.9;
}
.home-grid .arrow img:hover, .home-grid .arrow img:focus {
	opacity:1;
}
@media only screen and (min-width: 768px) {
.home-grid .arrow img {
 width:21px;
 height:46px;
}
}
 @media only screen and (min-width: 992px) {
 .home-grid .arrow img {
 width:26px;
 height:57px;
}
}
 @media only screen and (min-width: 1200px) {
 .home-grid .arrow img {
 width:53px;
 height:115px;
}
}
.home-grid-placeholder {
	min-height:170px;
}
.home-grid .article h2 {
	font-size:18px;
	color:#FFF;
	line-height:115%;
	letter-spacing:-.035em;
	font-weight:400;
	margin-top:0;
	padding-top:0;
	margin-bottom:8px;
}
.home-grid .article h2 a:link, .home-grid .article h2 a:visited {
	color:#FFF;
}
.home-grid .article h2 a:hover, .home-grid .article h2 a:focus {
	color:#002E6E;
}
.home-grid .article p {
	color:#FFF;
	font-size:14px;
	line-height:124%;
	letter-spacing:-.025em;
}
@media only screen and (min-width: 414px) {
 .home-grid .article h2 {
 font-size:21px;
}
.home-grid .article p {
 font-size:16px;
}
}
 @media only screen and (min-width: 768px) {
.home-grid .article h2 {
 font-size:23px;
}
.home-grid .article p {
 font-size:14px;
}
}
 @media only screen and (min-width: 992px) {
 .home-grid .article h2 {
 font-size:28px;
}
.home-grid .article p {
 font-size:18px;
}
}
 @media only screen and (min-width: 1200px) {
 .home-grid .article h2 {
 font-size:36px;
}
.home-grid .article p {
 font-size:24px;
}
}
 @media only screen and (min-width: 1820px) {
 .home-grid .article h2 {
 font-size:56px;
}
.home-grid .article p {
 font-size:34px;
}
}
/* -------- news carousel theme styles -------- */

.owl-carousel {
	-webkit-animation-duration:1000ms;
	animation-duration:1000ms;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.owl-carousel .owl-item {
	-webkit-transition:opacity 400ms ease;
	-moz-transition:opacity 400ms ease;
	-ms-transition:opacity 400ms ease;
	-o-transition:opacity 400ms ease;
	transition:opacity 400ms ease
}
/* owl arrows for carousels */

.owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
 .owl-theme .owl-nav [class*=owl-] {
 opacity: .9;
 background: none;
}
 .owl-theme .owl-nav [class*=owl-]:hover {
 background: none;
 opacity: 1;
}
.owl-prev {
	width: 14px;
	height: 29px;
	position: absolute;
	left: -10px;
	top:30px;
	border: none;
}
.owl-next {
	width: 14px;
	height: 29px;
	position: absolute;
	right: -10px;
	top:30px;
	border: none;
}
 @media only screen and (min-width: 768px) {
.owl-prev {
 width: 21px;
 height: 46px;
 left: -38px;
 top:10px;
 top:7.5%;
}
.owl-next {
 width: 21px;
 height: 46px;
 right: -38px;
 top:10px;
 top:7.5%;
}
}
 @media only screen and (min-width: 900px) {
.owl-prev {
 top:10%;
}
.owl-next {
 top:10%;
}
}
 @media only screen and (min-width: 992px) {
.owl-prev {
 width: 26px;
 height: 57px;
 left: -47px;
top:7%;
}
.owl-next {
 width: 26px;
 height: 57px;
 right: -47px;
 top:7%;
}
}
 @media only screen and (min-width: 1024px) {
.owl-prev {
 top:10%;
}
.owl-next {
 top:10%;
}
}
 @media only screen and (min-width: 1200px) {
 .owl-prev {
 top:7%;
}
.owl-next {
 top:7%;
}
}
 @media only screen and (min-width: 1400px) {
 .owl-prev {
 top:10%;
}
.owl-next {
 top:10%;
}
}
 @media only screen and (min-width: 1400px) {
 .owl-prev {
 top:13%;
}
.owl-next {
 top:13%;
}
}
 @media only screen and (min-width: 1600px) {
 .owl-prev {
 top:15%;
}
.owl-next {
 top:15%;
}
}
 @media only screen and (min-width: 1820px) {
.owl-prev {
 width: 53px;
 height: 115px;
 left: -95px;
 top:6%;
}
.owl-next {
 width: 53px;
 height: 115px;
 right: -95px;
 top:6%;
}
}
.news-carousel {
	padding-left:5%;
	padding-right:5%;
	margin-top:20px;
}
 @media only screen and (min-width: 480px) {
 .news-carousel {
 padding-left:15%;
 padding-right:15%;
 margin-top:30px;
}
}
 @media only screen and (min-width: 768px) {
 .news-carousel {
 margin-top:40px;
 padding-left:0;
 padding-right:0;
}
}
 @media only screen and (min-width: 1200px) {
 .news-carousel {
 margin-top:60px;
}
}
h2.newscarouselheading {
	font-size:18px;
	text-transform:uppercase;
	font-weight:700;
	text-align:center;
	color:#80929F;
	margin:0;
	padding:0;
}
.news-carousel img {
	margin-bottom:15px;
}
.news-carousel h3 {
	font-size:14px;
	line-height:125%;
	font-weight:400;
	letter-spacing:-.02em;
	color:#80929F;
}
.news-carousel h3 {
	display:inline;
	color:#80929F;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8e8f8e;
}
.news-carousel a h3, .news-carousel a:visited h3 {
	color:#80929F;
}
.news-carousel a:hover h3, .news-carousel a:focus h3 {
	color:#6B7AA6;
}
.news-carousel img.arrow-sm {
	width:13px;
	height:auto;
}
.news-carousel p.date {
	font-size:14px;
	font-weight:700;
	color:#002E6E;
	margin-top:15px;
}
 @media only screen and (min-width: 768px) {
 h2.newscarouselheading {
 font-size:18px;
 text-align:left;
}
.news-carousel h3 {
 font-size:14px;
}
 .news-carousel p.date {
 font-size:12px;
}
}
 @media only screen and (min-width: 992px) {
 h2.newscarouselheading {
 font-size:21px;
}
.news-carousel h3 {
 font-size:17px;
}
 .news-carousel p.date {
 font-size:15px;
}
}
 @media only screen and (min-width: 1200px) {
 h2.newscarouselheading {
 font-size:30px;
}
.news-carousel h3 {
 font-size:21px;
}
 .news-carousel p.date {
 font-size:21px;
}
}
 @media only screen and (min-width: 1820px) {
 h2.newscarouselheading {
 font-size:42px;
}
.news-carousel h3 {
 font-size:33px;
}
 .news-carousel p.date {
 font-size:29px;
}
}
/*---------- tabbed content area --------- */

.home-offices {
	background-color:#002E6E;
	padding-top:30px;
	padding-bottom:30px;
}
 @media only screen and (min-width: 768px) {
.home-offices {
 padding-top:30px;
 padding-bottom:50px;
}
}
 @media only screen and (min-width: 992px) {
.home-offices {
 padding-top:35px;
 padding-bottom:60px;
}
}
 @media only screen and (min-width: 1200px) {
 .home-offices {
 padding-top:70px;
 padding-bottom:70px;
}
}
.home-offices h2 {
	font-size:16px;
	text-transform:uppercase;
	color:#6B7AA6;
	text-align:center;
	margin-top:0;
	padding-top:0;
}
 @media only screen and (min-width: 768px) {
.home-offices h2 {
 font-size:17px;
 text-align:left;
}
}
 @media only screen and (min-width: 992px) {
 .home-offices h2 {
 font-size:30px;
}
}
 @media only screen and (min-width: 1200px) {
 .home-offices h2 {
 font-size:42px;
 margin-bottom:50px;
}
}
/* ====== SMALL SCREEN OFFICES ======== */
ul.officenav {
	margin:0;
	padding:0;
}
ul.officenav li {
	font-size:24px;
	line-height:125%;
	color:#FFF;
	margin:0;
	padding:0;
	text-align:center;
	display:block;
}
ul.officenav li a {
	color:#FFF;
}
ul.officenav li a:visited {
	color:#FFF;
}
ul.officenav li a:hover, ul.officenav li a:focus {
	color:#00B040;
}
/* ====== MID SCREEN OFFICES ======== */

.officebtns {
	padding-top:5px;
}
.officebtns img {
	width:100%;
	height:auto;
}
.officebtns h3 {
	font-size:18px;
	color:#FFF;
	font-weight:400;
	text-align:center;
	margin:0;
	padding:0;
	margin-top:10px;
}
.officebtns a:visited h3 {
	color:#FFF;
}
.officebtns a:hover h3m .officebtns a:focus h3 {
	color:#00B040;
}
/* ====== LARGE SCREEN OFFICES ======== */

ul.nav li:before {
	content: '';
}
/* Style the tab */
.officetab {
	margin:0;
	position:absolute;
	width:100%;
	top: 50%;
	transform: translate(0, -50%);
}
/* Style the buttons inside the tab */
.officetab .tablinks {
	display: block;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	display: block;
	float:none;
	text-align:left;
	margin:0;
	padding:0;
	font-size:16px;
	line-height:120%;
	color:#FFF;
	background-color: transparent !important;
	font-weight:400;
	letter-spacing:-.02em;
	border-radius: 0;
	position: relative;
	margin:0;
	padding:0;
}
.officetab>a.active .tablinks {
	color: #FFF;
}
.officetab>a:hover .tablinks, .officetab>a.active:hover .tablinks {
	color:#00B040;
}
.officetab>a:focus .tablinks, .officetab>a.active:focus .tablinks {
	color:#00B040;
}
 @media only screen and (min-width: 768px) {
.officetab .tablinks {
 font-size:56px;
 font-size: 2.92vw;
}
}
/* arrow size */

.officetab .arrow {
	width:12px;
	height:auto;
}
 @media only screen and (min-width: 1200px) {
.officetab .arrow {
 width:16px;
}
}
 @media only screen and (min-width: 1820px) {
.officetab .arrow {
 width:23px;
}
}
/* arrow active state */
.officetab .tablinks .arrow-active {
	display:none;
}
.officetab a.active .tablinks .arrow-active {
	display:inline;
}
.officetab a.active .tablinks:hover .arrow-active {
	display:none;
}
/* arrow hover state */

.officetab .tablinks .arrow-hover {
	display:none;
}
.officetab .tablinks:hover .arrow-hover, .officetab .tablinks:focus .arrow-hover {
	display:inline;
	width:12px;
	height:auto;
}
 @media only screen and (min-width: 1200px) {
 .officetab .tablinks:hover .arrow-hover, .officetab .tablinks:focus .arrow-hover {
 width:16px;
}
}
 @media only screen and (min-width: 1820px) {
 .officetab .tablinks:hover .arrow-hover, .officetab .tablinks:focus .arrow-hover {
 width:23px;
}
}
/* Style the tab content */
.tabcontent {
	display: none;
}
.tabcontent.first {
	display: block;
}
/* tab content */
.tabcontent {
	background-color:#FFF;
}
.tabcontent img {
	width:100%;
	height:auto;
}
.officeinfo {
	position:absolute;
	width:100%;
	top: 50%;
	transform: translate(0, -50%);
}
.officeinfo p {
	font-size:14px;
	line-height:110%;
	color:#80929F;
 padding-bottom:.5rem;
	padding-left:10%;
	padding-right:5%;
}
.officeinfo p:last-child {
	padding-bottom:0;
}
 @media only screen and (min-width: 1200px) {
 .officeinfo p {
 font-size:17px;
 padding-bottom:.75rem;
}
}
 @media only screen and (min-width: 1820px) {
 .officeinfo p {
 font-size:21px;
}
}
.officeinfo p a:link, .officeinfo p a:visited {
	font-weight:700;
	color:#002E6E;
}
.officeinfo p a:hover, .officeinfo p a:focus {
	color:#6B7AA6;
}
 .officeinfo p a[href^="tel:"]:link, .officeinfo p a[href^="tel:"]:visited {
 color: inherit;
 font-weight: inherit;
}
.officeinfo p a[href^="tel:"]:hover, .officeinfo p a[href^="tel:"]:focus {
 color: inherit;
 font-weight: inherit;
}
/* ================================================= */
/* ====================== INTERIOR ================= */
/* ================================================= */

main {
	padding-top:80px;
}
 @media only screen and (min-width: 400px) {
 main {
 padding-top:80px;
}
}
 @media only screen and (min-width: 768px) {
 main {
 padding-top:75px;
}
}
 @media only screen and (min-width: 992px) {
 main {
 padding-top:92px;
}
}
 @media only screen and (min-width: 1200px) {
 main {
 padding-top:120px;
}
}
 @media only screen and (min-width: 1820px) {
 main {
 padding-top:180px;
}
}
.home main {
	padding-top:0px;
}
/* ------ Bio template ------- */
.col-60 {
	width:100%;
}
.col-40 {
	width:100%;
}
 @media only screen and (min-width: 768px) {
 .col-60 {
 width:60%;
 float:left;
}
.col-40 {
 width:40%;
 float:left;
}
}
/* ------ Page Header ---------- */


.pageheader {
	background-color:#5D7080;
	position:relative;
}
.pageheader img {
	width:100%;
	height:auto;
}
/*
.pageheader .banner-small {
	height:150px;

}

*/
.pagetitle-wide {
	padding:0;
	position:absolute;
	bottom:59px;
	left:0;
	width:100%;
	color:#FFF;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5c000000', GradientType=0 );
}
 @media only screen and (min-width: 768px) {
 .pagetitle-wide {
 bottom:0;
}
}
.pagetitle-wide h1 {
	font-family: 'Oswald', sans-serif;
	font-size:26px;
	text-transform:uppercase;
	color:#FFF;
	line-height:115%;
	margin:0;
	padding:0;
	padding-top:35px;
	padding-bottom:15px;
}
 @media only screen and (min-width: 480px) {
 .pagetitle-wide h1 {
 width:80%;
}
}
 @media only screen and (min-width: 768px) {
 .pagetitle-wide h1 {
 font-size:32px;
 padding-top:40px;
 padding-bottom:25px;
 width:70%;
}
}
 @media only screen and (min-width: 992px) {
 .pagetitle-wide h1 {
 font-size:43px;
 padding-top:45px;
 padding-bottom:30px;
}
}
 @media only screen and (min-width: 1200px) {
 .pagetitle-wide h1 {
 font-size:51px;
 padding-top:55px;
 padding-bottom:40px;
}
}
@media only screen and (min-width: 1820px) {
 .pagetitle-wide h1 {
 font-size:84px;
 padding-top:65px;
 padding-bottom:50px;
 width:80%;
}
}
/* Alternate layout for Attorney Bio Page Header */

.pageheader .bio-photo {
	height:166px;
	min-height:166px;
}
.pageheader .bio-photo2 {
	height:300px;
	min-height:300px;
}
.pagetitle-bio .sidebar-right {
	margin-top:20px;
	margin-bottom:15px;
}
 @media only screen and (min-width: 768px) {
 .pagetitle-bio {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 color:#FFF;
 -js-display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: center;
}
.pagetitle-bio .sidebar-right {
 margin-top:0px;
 margin-bottom:0px;
}
}
.pagetitle-bio h1 {
	color:#FFF;
	line-height:100%;
	margin:0;
	padding:0;
	margin-bottom:6px;
}
.pagetitle-bio p.title {
	font-size:18px;
	color:#9EB0BD;
	font-weight:700;
	text-transform:uppercase;
}
 @media only screen and (min-width: 768px) {
 .pagetitle-bio p.title {
 font-size:15px;
}
}
 @media only screen and (min-width: 992px) {
 .pagetitle-bio h1 {
 margin-bottom:12px;
}
 .pagetitle-bio p.title {
 font-size:18px;
}
}
 @media only screen and (min-width: 1200px) {
.pagetitle-bio p.title {
 font-size:24px;
}
}
 @media only screen and (min-width: 1820px) {
 .pagetitle-bio p.title {
 font-size:36px;
}
}
/* contact info */
.contact-info-sm {
	background-color:#DFE2E6;
	padding-top:5px;
	padding-bottom:5px;
}
.contact-info-sm.bio {
	padding-top:20px;
	padding-bottom:20px;
}
.contact-info-sm p {
	font-size:13px;
	color:#5D7080;
}
.contact-info-sm p a {
	color:inherit;
}
.contact-info-sm p a:visited {
	color:inherit;
}
.contact-info-sm p a:hover, .contact-info-sm p a:focus {
	color:#002E6E;
}


/* ------ content ---------- */

/* column colors and padding */

 @media only screen and (min-width: 768px) {
.sidebargray {
 background: linear-gradient( to right, #FFF, #FFF 60%, #FFF 60%, #DFE2E6 40%, #DFE2E6 40%, #DFE2E6 );
 height:100%;
}
}
.content-left {
	margin:30px;
	margin-left:20px;
	margin-right: 20px;
	margin-top:10px;
}
.sidebar-right {
	margin:30px;
	margin-left:20px;
	margin-right: 20px;
}
 @media only screen and (min-width: 480px) {
.content-left {
 margin:30px;
 margin-left: 30px;
 margin-right: 30px;
}
 .sidebar-right {
 margin:30px;
 margin-left: 30px;
 margin-right: 30px;
}
}
 @media only screen and (min-width: 768px) {
.content-left {
 margin:40px;
 margin-left: 56px;
 margin-right: 30px;
}
 .sidebar-right {
 margin:40px;
 margin-left: 30px;
 margin-right: 56px;
}
}
 @media only screen and (min-width: 992px) {
.content-left {
 margin: 50px;
 margin-left: 70px;
 margin-right: 38px;
}
 .sidebar-right {
 margin: 50px;
 margin-left: 38px;
 margin-right: 70px;
}
}
 @media only screen and (min-width: 1200px) {
.content-left {
 margin: 50px;
 margin-left: 100px;
 margin-right: 56px;
}
 .sidebar-right {
 margin: 50px;
 margin-left: 56px;
 margin-right: 100px;
}
}
 @media only screen and (min-width: 1820px) {
.content-left {
 margin:100px;
 margin-left: 140px;
 margin-right: 76px;
}
 .sidebar-right {
 margin:100px;
 margin-left: 76px;
 margin-right: 140px;
}
}
/* main content styles */


.accordion-content h3:first-of-type {
	margin-top:5px;
	padding-top:0px;
}
/* for news and blog listing dates */
.content p.date {
	font-size: 14px;
	font-weight:700;
}
 @media only screen and (min-width: 768px) {
.content p.date {
 font-size: 12px;
}
}
 @media only screen and (min-width: 992px) {
.content p.date {
 font-size: 13px;
}
}
 @media only screen and (min-width: 1200px) {
.content p.date {
 font-size: 18px;
}
}
 @media only screen and (min-width: 1820px) {
.content p.date {
 font-size: 24px;
}
}
/* news and blog post listings */

.post-links p {
	padding-bottom:2px;
}
.post-links p.date {
	color:#002E6E;
	margin-bottom:9px;
}
 @media only screen and (min-width: 1200px) {
.post-links p.date {
 margin-bottom:15px;
}
}
 @media only screen and (min-width: 1920px) {
.post-links p.date {
 margin-bottom:20px;
}
}
.post-links a {
	color:inherit;
}
.post-links a:visited {
	color:inherit;
}
.post-links a:hover, .post-links a:focus {
	color:#002E6E;
}
/* read more show and hide buttons */




/* read more links - smaller than text */

button.readmore {
	-webkit-appearance: none;
	border:none;
	background-color:transparent;
	padding:0;
}
.readmore {
	cursor:pointer;
	font-size: 14px;
	font-weight:700;
	color:#00B040;
}
.accordion-content .readmore {
	color:#00B040;
}
 @media only screen and (min-width: 768px) {
.readmore {
 font-size: 12px;
}
}
 @media only screen and (min-width: 992px) {
 .readmore {
 font-size: 13px;
}
}
 @media only screen and (min-width: 1200px) {
 .readmore {
 font-size: 18px;
}
}
 @media only screen and (min-width: 1820px) {
 .readmore {
 font-size: 24px;
}
}
.readmore a, .readmore a:visited {
	font-weight:700;
	color:#00B040;
}
.post-links .readmore {
	margin-top:20px;
	margin-bottom:20px;
}
/* sidebar styles */
.sidebar-right, .sidebar-right p, .sidebar-right ul li {
	color:#5D7080;
}
.pagetools {
	margin-top:10px;
	margin-bottom:10px;
}
 @media only screen and (min-width: 768px) {
 .pagetools {
 margin-top:15px;
 margin-bottom:15px;
}
}
.pagetools img {
	width: auto;
	height:29px;
	margin-right:7px;
}
 @media only screen and (min-width: 768px) {
.pagetools img {
 height:23px;
 margin-right:6px;
}
}
 @media only screen and (min-width: 992px) {
 .pagetools img {
 height:28px;
 margin-right:7px;
}
}
 @media only screen and (min-width: 1200px) {
 .pagetools img {
 height:32px;
 margin-right:7px;
}
}
 @media only screen and (min-width: 1820px) {
 .pagetools img {
 height:57px;
 margin-right:14px;
}
}
.vcard {
	background-image: url(../images/vcard-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.vcard:hover, .vcard:focus {
	background-image: url(../images/vcard-icon-over.png);
}
.print {
	background-image: url(../images/print-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.print:hover, .print:focus {
	background-image: url(../images/print-icon-over.png);
}
.linkedin {
	background-image: url(../images/linkedin-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.linkedin:hover, .linkedin:focus {
	background-image: url(../images/linkedin-icon-over.png);
}
.twitter {
	background-image: url(../images/twitter-bio-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.twitter:hover, .twitter:focus {
	background-image: url(../images/twitter-bio-icon-over.png);
}
.fullpdf {
	background-image: url(../images/fullpdf-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.fullpdf:hover, .fullpdf:focus {
	background-image: url(../images/fullpdf-icon-over.png);
}
.shortpdf {
	background-image: url(../images/shortpdf-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.shortpdf:hover, .shortpdf:focus {
	background-image: url(../images/shortpdf-icon-over.png);
}
.pdf {
	background-image: url(../images/pdf-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.pdf:hover, .pdf:focus {
	background-image: url(../images/pdf-icon-over.png);
}
.spanish {
	background-image: url(../images/spanish-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.spanish:hover, .spanish:focus {
	background-image: url(../images/spanish-icon-over.png);
}
.english {
	background-image: url(../images/english-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.english:hover, .english:focus {
	background-image: url(../images/english-icon-over.png);
}
.share {
	background-image: url(../images/share-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.share:hover, .share:focus {
	background-image: url(../images/share-icon-over.png);
}
main h2 {
	margin:0px;
	padding:0px;
	padding-top:15px;
	padding-bottom:3px;
	margin-bottom:12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9EB0BD;
}
main h2.no-border {
	border:none;
}
.home main h2 {
	border:none;
}
.sidebar-right p {
	padding-bottom: 6px;
}
.sidebar-right p a {
	color:inherit;
}
.sidebar-right p a:visited {
	color:inherit;
}
.sidebar-right p a:hover, .sidebar-right p a:focus {
	color:#002E6E;
}
.sidebar-right ul {
/*margin-left:0;
	list-style:none;*/
}
.sidebar-right ul li {
	line-height:125%;
	margin-left: 10px;
}
.sidebar-right ul li a {
	color:inherit;
}
.sidebar-right ul li a:visited {
	color:inherit;
}
.sidebar-right ul li a:hover, .sidebar-right ul li a:focus {
	color:#002E6E;
}
/* subnavigation menu */

.subnav ul {
	margin:0;
	margin-top:20px;
	margin-bottom:40px;
	list-style:none;
}
.subnav ul ul {
	margin:0;
	padding:0;
	margin-left:20px;
	border:none;
}
.subnav ul li {
	position:relative;
}
.subnav ul li a {
	font-size:20px;
	color: #5D7080;
	font-weight:400;
	position: relative;
	display: block;
	margin:0px;
	padding:0px;
	padding-top:9px;
	padding-bottom:9px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9EB0BD;
}
 @media only screen and (min-width: 768px) {
.subnav ul li a {
 font-size:17px;
}
}
 @media only screen and (min-width: 992px) {
.subnav ul li a {
 font-size:19px;
}
}
 @media only screen and (min-width: 1200px) {
.subnav ul li a {
 font-size:24px;
}
}
@media only screen and (min-width: 1820px) {
.subnav ul li a {
 font-size:36px;
 padding-top:15px;
 padding-bottom:3px;
 margin-bottom:12px;
}
}
.subnav ul li a:link, .subnav ul li a:visited {
	color:#5D7080;
}
.subnav ul li a:hover, .subnav ul li a.active {
	color:#002E6E;
}
/* SEARCH FORM - USED IN MAIN SECTION AS WELL AS SIDEBAR */

main .search h2 {
	border:none;
}
.search form {
	margin-bottom:20px;
	font-size:16px;
	position:relative;
}
 @media only screen and (min-width: 768px) {
.search form {
 font-size: .9rem;
}
}
 @media only screen and (min-width: 992px) {
.search form {
 font-size: 18px;
 margin-bottom:30px;
}
}
 @media only screen and (min-width: 1200px) {
.search form {
 font-size: 20px;
 margin-bottom:40px;
}
}
 @media only screen and (min-width: 1820px) {
.search form {
 font-size: 28px;
}
}
/* form typography */
.search form label {
	font-weight: 700;
	color:#80929F;
	display: block;
	max-width: 100%;
}
aside .search form label {
	margin-bottom: 10px;
}
select {
	/* you should keep these firsts rules in place to maintain cross-browser behaviour */
    -webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none;
}
 select::-ms-expand {
 display: none;
}
.search form input[type=text], .search form input[type=email], .search form textarea, .search form select {
	width:100%;
	font-weight:700;
	color:#80929F;
	-webkit-appearance:none;
	border-radius: 0;
	border: 1px solid #9eb0bc;
	background-color: transparent;
	display:block;
}
.search input[type="submit"] {
	clear:both;
	font-weight:700;
	color: #FFF;
	background-color: #00B040;
	border: 0 none;
	transition: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	width: auto;
}
.search input[type="submit"]:hover {
	background-color:#002E6E;
	color:#FFF;
}
 input::-webkit-input-placeholder {
 color: #80929F;
 opacity:1;
 font-size:inherit;
}
input:-moz-placeholder {
 color: #80929F;
 opacity:1;
 font-size:inherit;
}
input::-moz-placeholder {
 color: #80929F;
 opacity:1;
 font-size:inherit;
}
input:-ms-input-placeholder {
 color: #80929F;
 opacity:1;
 font-size:inherit;
}
/* search form input padding */

.search form input[type=text], .search form input[type=email], .search form textarea {
	padding:11px;
	padding-left:1rem;
	margin-top:6px;
	margin-bottom:6px;
}
.search form select {
	padding:9px;
	padding-left:1rem;
	margin-top:6px;
	margin-bottom:6px;
}
.search input[type="submit"], .search input[type="reset"] {
	padding:9px;
	padding-left:1rem;
	padding-right:1rem;
	margin-top:6px;
	margin-bottom:6px;
}
@media only screen and (min-width: 768px) {
.search form input[type=text], .search form input[type=email], .search form textarea {
 padding:8px;
 padding-left:1rem;
}
.search form select {
 padding:6px;
 padding-left:1rem;
}
 .search input[type="submit"] {
 padding:6px;
 padding-left:1rem;
 padding-right:1rem;
}
}
 @media only screen and (min-width: 992px) {
.search form input[type=text], .search form input[type=email], .search form textarea {
 padding:14px;
 padding-left:1.75rem;
 margin-top:8px;
 margin-bottom:8px;
}
 .search form select {
 padding:12px;
 padding-left:1.75rem;
 margin-top:8px;
 margin-bottom:8px;
}
.search input[type="submit"] {
 padding:12px;
 padding-left:1.75rem;
 padding-right:1.75rem;
 margin-top:8px;
 margin-bottom:8px;
}
}
 @media only screen and (min-width: 1820px) {
 .search form label {
 margin-bottom: 20px;
}
}
/* search form with search icon */


.search form .search-icon {
	background-image: url(../images/search-icon-blue.png);
	background-repeat: no-repeat;
	background-position: 97.5% 0px;
	background-size: contain;
}
 @media only screen and (min-width: 700px) {
.search form .search-icon {
 background-position: 96.5% 0px;
}
}
 @media only screen and (min-width: 768px) {
.search form .search-icon {
 background-position: right 0px;
}
}
/* search form custom select */
.search form select {
	background-image: url(../images/select-down-arrow.png);
	background-repeat: no-repeat;
	background-position: 95% 15px;
	background-size: 19px 10px;
}
 @media only screen and (min-width: 768px) {
 .search form select {
background-position: 95% 15px;
 background-size: 12px 6px;
}
}
 @media only screen and (min-width: 992px) {
 .search form select {
background-position: 95% 20px;
 background-size: 16px 8px;
}
}
 @media only screen and (min-width: 1200px) {
 .search form select {
background-position: 95% 20px;
 background-size: 19px 10px;
}
}
 @media only screen and (min-width: 1820px) {
 .search form select {
background-position: 95% 25px;
 background-size: 31px 16px;
}
}
/* larger button for attorney search form */


/* attorney search submit button */

.input-button-left {
	text-align:left;
}
.input-button-left input[type="submit"], .input-button-left input[type="reset"] {
	clear:both;
	font-size:17px;
	font-weight:700;
	color: #FFF;
	background-color: #00B040;
	border: 0 none;
	transition: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	width: auto;
	padding:10px;
	padding-left:3rem;
	padding-right:3rem;
}
.input-button-left input[type="submit"]:hover, .input-button-left input[type="reset"]:hover {
	background-color:#002E6E;
	color:#FFF;
}
 @media only screen and (min-width: 768px) {
.input-button-left input[type="submit"], .input-button-left input[type="reset"] {
 padding:8px;
 padding-left:2rem;
 padding-right:2rem;
}
}
 @media only screen and (min-width: 992px) {
.input-button-left input[type="submit"], .input-button-left input[type="reset"] {
 font-size:18px;
 padding:12px;
 padding-left:3rem;
 padding-right:3rem;
 margin-top:8px;
 margin-bottom:8px;
}
}
 @media only screen and (min-width: 1820px) {
.input-button-left input[type="submit"], .input-button-left input[type="reset"] {
 font-size:26px;
 padding:20px;
 padding-left:4rem;
 padding-right:4rem;
 margin-top:15px;
 margin-bottom:15px;
}
}
/* alphabet */
 .alphabet {
	display:block;
	clear: both;
	width:100%;
	margin:0px;
	padding:0px;
}
main .alphabet {
	padding-top:10px;
}
 @media only screen and (max-width: 767px) {
 .alphabet .eqWrap {
 display: inline;
}
 .alphabet .eq {
 display: inline;
}
 .alphabet .equalHW {
 display: inline;
}
 .alphabet a {
 font-size:18px;
 font-size:4vw;
 line-height:100%;
 color:#FFF;
 font-weight:400;
 text-decoration:none;
 margin-right:0.5%;
 vertical-align:middle;
}
 main .alphabet a {
 color:#80929F;
}
 .alphabet a {
 width:10%;
 text-align:center;
 display:inline-table;
 vertical-align:middle;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:2px;
 margin-right:2px;
 padding-top:6px;
 padding-bottom:6px;
 border: 2px solid #6B7AA6;
 text-align:center;
}
 main .alphabet a {
 border: 1px solid #9EB0BD;
}
}
 @media only screen and (min-width: 768px) {
    /* flex wrap styles */
     .alphabet .eqWrap {
 display: flex;
}
 .alphabet .eq {
}
 .alphabet .equalHW {
 flex: 1;
}
 .alphabet .equalHMWrap {
 justify-content: space-between;
 margin-bottom:40px;
}
 main .alphabet .equalHMWrap {
 margin-bottom:20px;
}
 .alphabet .equalHMR {
 width: 7%;
 border: 3px solid #6B7AA6;
 text-align:center;
}
 main .alphabet .equalHMR {
 border: 1px solid #9EB0BD;
}
 .alphabet .equalHMR:hover, .alphabet .equalHMR.focus {
 background-color:#00B040;
}
 .alphabet .equalHMR:hover > a, .alphabet .equalHMR.hover > a {
 color:#FFF;
}
 .alphabet .equalHMR:hover > a:visited, .alphabet .equalHMR.hover > a:visited {
 color:#FFF;
}
 .alphabet .equalHMR:hover > a:hover, .alphabet .equalHMR.hover > a:hover {
 color:#FFF;
}
 .alphabet .equalHMR:focus > a, .alphabet .equalHMR.hover > a {
 color:#FFF;
}
 .alphabet .equalHMR:focus > a:visited, .alphabet .equalHMR.focus > a:visited {
 color:#FFF;
}
 .overlay .alphabet .equalHMR a:focus {
 color:#FFF;
 background-color:#00B040;
}
 .alphabet a {
 font-size:43px;
 font-size: 3.24vw;
 line-height:100%;
 color:#FFF;
 font-weight:400;
 text-decoration:none;
 padding:10px;
 vertical-align:middle;
 background-color:transparent;
 text-align:center;
 display:inline-table;
 vertical-align:middle;
 flex: 1;
 width:100%;
}
 main .alphabet a {
 color:#80929F;
}
 main .alphabet {
 padding-top:20px;
}
}
 @media only screen and (min-width: 992px) {
 .alphabet .equalHMR {
 border: 4px solid #6B7AA6;
}
 .alphabet a {
 font-size:40px;
 font-size: 3vw;
}
}
 @media only screen and (min-width: 1200px) {
 .alphabet a {
 font-size:43px;
 font-size: 2.24vw;
}
}
 @media only screen and (min-width: 1600px) {
 main .alphabet .equalHMR {
 border: 2px solid #9EB0BD;
}
 .alphabet a {
 padding-top:6px;
 padding-bottom:6px;
}
}

/* attorney search results */

@media only screen and (max-width: 359px) {
 .attorney-listing {
 padding-top:10px;
 padding-bottom:10px;
 margin-bottom:10px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #9EB0BD;
}
 .attorney-thumb {
 max-width:100px;
 height:auto;
 margin-bottom:10px;
}
}
@media only screen and (min-width: 360px) {
 .attorney-listing {
 position: relative;
 -js-display: flex;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 align-items: flex-start; /* refers to vertical alignment */
 justify-content: flex-start;/* refers to horizontal alignment */
 padding-top:20px;
 padding-bottom:40px;
 margin-bottom:20px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #9EB0BD;
}
 .attorney-thumb {
 max-width:100px;
 height:auto;
 margin-right:4%;
}
}
 @media only screen and (min-width: 481px) {
.attorney-thumb {
 max-width: none;
flex-basis: 24%;
}
}
 @media only screen and (min-width: 768px) {
 .attorney-listing {
align-items: center;
}
 .attorney-thumb {
 width:17%;
 min-width:17%;
 flex-basis: 17%;
padding-right:30px;
margin-right:0;
}
 .attorney-info {
 width:83%;
min-width:83%;
flex-basis: 83%;
position: relative;
-js-display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
 .attorney-info-lft {
 width:45%;
 min-width:45%;
 flex-basis: 45%;
padding-right:50px;
 display:inline-block;
vertical-align:bottom;
}
 .attorney-info-rt {
 display:inline-block;
vertical-align:bottom;
}
}
 @media only screen and (min-width: 1200px) {
 .attorney-thumb {
 padding-right:50px;
}
 .attorney-info-lft {
 min-width:36%;
 width:36%;
 flex-basis: 36%;
}
}
 @media only screen and (min-width: 1820px) {
 .attorney-thumb {
 width:15%;
 min-width:15%;
 flex-basis: 15%;
}
 .attorney-info {
 width:85%;
 min-width:85%;
 flex-basis: 85%;
}
}
.attorney-info p a {
	font-weight:700;
}
.attorney-info p a.phonelink, .attorney-info p a.phonelink:visited, .attorney-info p a.phonelink:hover {
	color: inherit;
	font-weight:400;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8e8f8e;
}
.attorney-info p a.phonelink:hover, .attorney-info p a.phonelink:focus {
	color: #002252;
	font-weight:400;
}
p.attorney-link {
	font-size:18px;
	font-weight:700;
}

/* font sizes */

 @media only screen and (max-width: 479px) {
.attorney-info p {
 font-size:13px;
}
 .attorney-info p.attorney-link {
 font-size:16px;
}
}
 @media only screen and (min-width: 480px) {
 p.attorney-link {
 font-size:18px;
}
}
 @media only screen and (min-width: 1200px) {
 p.attorney-link {
 font-size:20px;
}
}
 @media only screen and (min-width: 1820px) {
 p.attorney-link {
 font-size:40px;
}
}
/* -------- pagination --------- */

.pagination {
	font-weight:700;
	display: inline-block;
	padding-left: 0;
	margin:0;
	border-radius: 0;
	text-align:right;
	margin-top:15px;
	margin-bottom:15px;
	color:#6B7AA6;
}
ul.pagination li {
	margin-left: 0px;
}
 @media only screen and (min-width: 768px) {
 .pagination {
 margin:0;
 margin-top:28px;
}
}
 @media only screen and (min-width: 1200px) {
 .pagination {
 margin-top:38px;
}
}
.accordion-content ul.pagination li {
	color: #6B7AA6;
}
.pagination>li {
	display: inline-block;
	padding-bottom:0;
	font-size:16px;
}
 @media only screen and (min-width: 1200px) {
 .content ul.pagination li {
 font-size:16px;
 padding-bottom: 0;
 margin-bottom: 0;
}
}
.pagination li {
}
.pagination li.disabled {
	border-right:none;
}
.pagination li:last-child {
	border-right:none;
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: none;
	margin-left: 0;
	line-height: 1;
	color: #6B7AA6;
	text-decoration: none;
	background-color: #fff;
	padding:0px;
	padding-right: 5px;
	padding-left: 5px;
}
.pagination>li>a {
	border-left:none;
	border-bottom:none;
	border-top:none;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #9EB0BD;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right:none;
}
.pagination>li>span {
	border: none;
}
.pagination>li.active>span {
	border-left:none;
	border-bottom:none;
	border-top:none;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #9EB0BD;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 3;
	color: #002E6E;
	cursor: default;
	background-color: transparent;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	z-index: 2;
	color: #00B040;
	background-color: transparent;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	color: #ddd;
	cursor: not-allowed;
	background-color: transparent;
}
/* -------- SEARCH RESULTS FILTERING NAV TABS --------- */


.site-search {
	padding-top:10px;
	position:relative;
}
.site-search .pagetools {
	position: absolute;
	right:0;
	top:0;
}
.content-left .nav-tabs {
	padding:0;
	margin:0;
	padding-right:80px;
}
.content-left .nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
}
.content-left ul.nav-tabs li.nav-item {
	padding:0;
	margin:0;
	margin-bottom: -1px;
}
.content-left .nav-tabs .nav-item.active .nav-link {
	 color: #fff;
	background-color: #6B7AA6;
	border-color: #dee2e6 #dee2e6 #fff;
}
.content-left .tab-content {
	padding-top:24px;
	min-height:150px;
}
/* -------- CONTACT US PAGE --------- */

.office-thumbs {
	clear:both;
	display:block;
	float:none;
	padding-top:20px;
}
.office-thumbs h2 {
	border:none;
}
 @media only screen and (max-width: 767px) {
main .office-thumbs h2 {
 margin:0;
 padding:0;
 margin-bottom:6px;
}
.office-thumbs p {
 font-size:15px;
}
.office-thumbs .row {
 padding-top:15px;
 padding-bottom:20px;
 margin-bottom:10px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #9EB0BD;
}
}
 @media only screen and (max-width: 480px) {
main .office-thumbs h2 {
 font-size:4vw;
}
.office-thumbs p {
 font-size:3.5vw;
 padding-bottom:6px;
}
}
.office-thumbs h2 a:link {
	color: #002E6E;
}
.office-thumbs h2 a:visited {
	color: #002E6E;
}
.office-thumbs h2 a:hover, .office-thumbs h2 a:focus {
	color: #6B7AA6;
}
.office-thumbs p a:link {
	color: #6B7AA6;
	font-weight:700;
}
.office-thumbs p a:visited {
	color: #6B7AA6;
}
.office-thumbs p a:hover, .office-thumbs p a:focus {
	color: #002E6E;
}

/* telephone links */



/* contact form */

@media only screen and (min-width: 768px) {
.contactform {
 padding-top:10px;
 margin-top:20px;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #9EB0BD;
}
}
 @media only screen and (min-width: 1820px) {
 .contactform {
 padding-top:20px;
 margin-top:30px;
}
}
/* subscribe form */


@media only screen and (min-width: 768px) {
.subscribeform {
 padding-top:10px;
 margin-top:20px;
}
}
 @media only screen and (min-width: 1820px) {
 .subscribeform {
 padding-top:20px;
 margin-top:30px;
}
}
/* ====== FOOTER ======== */

footer {
	background-color:#6B7AA6;
	padding-top:24px;
	padding-bottom:24px;
	color:#FFF;
	text-align:center;
}
@media only screen and (min-width: 768px) {
 footer {
text-align:left;
}
}
 @media only screen and (min-width: 992px) {
 footer {
 padding-top:30px;
 padding-bottom:30px;
}
}
 @media only screen and (min-width: 1820px) {
 footer {
 padding-top:60px;
 padding-bottom:60px;
}
}
ul.footer-menu {
	font-size: 11px;
	line-height:110%;
	text-align:center;
	font-weight:400;
	color:#FFF;
	margin:0;
	margin-bottom:20px;
}
 @media only screen and (min-width: 768px) {
ul.footer-menu {
 font-size: 12px;
 text-align:left;
}
}
 @media only screen and (min-width: 1820px) {
ul.footer-menu {
 font-size: 21px;
}
}
ul.footer-menu li {
	display:inline;
	color:#FFF;
 padding-left:.4rem;
 padding-right:.8rem;
	border-right: 1px solid #FFF;
}
ul.footer-menu li:first-child {
	padding-left:0;
}
ul.footer-menu li:last-child {
	border-right: none
}
ul.footer-menu li a {
	color:#FFF;
}
ul.footer-menu li a:hover {
	color:#FFF;
	opacity:.8;
}
footer p {
	font-size: 11px;
	line-height:120%;
	margin:0;
	padding:0;
	padding-bottom:5px;
	color:#FFF;
}
footer p a {
	color:#FFF;
}
footer p a:visited {
	color:#FFF;
	opacity:1;
}
footer p a:hover {
	color:#FFF;
	opacity:.8;
}
footer p span {
	display:block;
}
 @media only screen and (min-width: 768px) {
footer p {
 font-size: 12px;
}
}
 @media only screen and (min-width: 992px) {
footer p span {
 display: inline;
}
}
 @media only screen and (min-width: 1820px) {
footer p {
 font-size: 21px;
}
}
footer .social {
	text-align:center;
	margin-bottom:20px;
}
 @media only screen and (min-width: 768px) {
footer .social {
 text-align:right;
}
}
footer .social a {
	display:inline;
 margin-right:.7rem;
	opacity:.43;
}
footer .social a:visited {
	opacity:.43;
}
footer .social a:hover {
	opacity:.6;
}
footer .social img {
	width:36px;
}
 @media only screen and (min-width: 768px) {
 footer .social img {
 /*width:29px;*/
  width:36px;
}
}
 @media only screen and (min-width: 992px) {
 footer .social img {
 /*width:31px;*/
 width:38px;
}
}
 @media only screen and (min-width: 1200px) {
 footer .social img {
 width:48px;
}
}
 @media only screen and (min-width: 1820px) {
 footer .social img {
 width:74px;
}
}
/* ------ Attorney Disclaimer Layover ----------- */


.disclaimer-btn {
	cursor:pointer;
}
.disclaimer-btn:visited {
	color: inherit;
}
.disclaimer-btn:hover {
	color: #002E6E;
}
.modal-backdrop {
	background-color:  transparent !important;
	opacity:0 !important;
}
.modal {
	padding-right:0 !important;
}
.modal-dialog {
	width: 100%;
	height:100%;
	margin:0 !important;
	background-color:rgba(93, 112, 128, 0.81);
	padding:20px;
}
 @media only screen and (min-width: 768px) {
 .modal-dialog {
 padding:40px;
}
}
 @media only screen and (min-width: 992px) {
 .modal-dialog {
 padding:60px;
}
}
 @media only screen and (min-width: 1200px) {
.modal-dialog {
 padding:80px;
}
}
 @media only screen and (min-width: 1820px) {
 .modal-dialog {
 padding:100px;
}
}
.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: none;
	border-radius: 0;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .25);
	height:100%;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center; /* refers to vertical alignment */
}
.modal-content .close {
	position: absolute;
	top: 5px;
	right:10px;
	z-index: 9999;
	font-size: 36px;
	line-height:100%;
	color:#6B7AA6;
	vertical-align:top;
	opacity:1;
	font-weight:400;
}
 @media only screen and (min-width: 768px) {
.modal-content .close {
 top: 15px;
 right:15px;
}
}
 @media only screen and (min-width: 1200px) {
.modal-content .close {
 top: 20px;
 right:20px;
}
}
 @media only screen and (min-width: 1820px) {
.modal-content .close {
 top: 40px;
 right:40px;
}
}
.modal-content .close span {
	font-size:16px;
	vertical-align:top;
	padding-top:2px;
	margin-left:-10px;
}
 @media only screen and (min-width: 768px) {
.modal-content .close {
 font-size:40px;
}
.modal-content .close span {
 font-size:15px;
}
}
 @media only screen and (min-width: 1200px) {
.modal-content .close {
 font-size:60px;
}
.modal-content .close span {
 font-size:24px;
}
}
 @media screen and (max-height: 450px) {
 .modal-content .close {
 top: 15px;
 right: 35px;
}
}
.modal-content .modal-container {
	width:90%;
	padding:0;
	margin:0;
	margin-left:auto;
	margin-right:auto;
}
/*  --- modal typography ---  */

.modal-content .modal-container h2 {
	border:0;
}
 @media only screen and (max-width: 479px) {
.modal-content .modal-container h2 {
 font-size:15px;
font-size:4.25vw;
}
}
.modal-content .modal-container h2 span {
	display:block;
}
 @media only screen and (min-width: 768px) {
 .modal-content .modal-container h2 span {
 display:inline;
}
}
.modal-content .modal-container p {
	color:#80929F;
	font-size:16px;
	font-size:3.75vw;
}
 @media only screen and (min-width: 480px) {
.modal-content .modal-container p {
 font-size:16px;
}
}
 @media only screen and (min-width: 768px) {
.modal-content .modal-container p {
font-size:16px;
}
}
 @media only screen and (min-width: 992px) {
.modal-content .modal-container p {
font-size:18px;
}
}
 @media only screen and (min-width: 1200px) {
 .modal-content .modal-container p {
font-size:22px;
}
}
 @media only screen and (min-width: 1820px) {
 .modal-content .modal-container p {
font-size:34px;
}
}
/* --- modal buttons --- */

.modal-content .modal-buttons {
	margin-top:15px;
}
.modal-content .modal-buttons .btn {
	margin-right:15px;
}
 @media only screen and (max-width: 480px) {
 .modal-content .modal-buttons .btn {
 font-size:13px;
 padding:6px;
 padding-left:9px;
 padding-right:9px;
 margin-right:9px;
}
}
 @media only screen and (min-width: 768px) {
.modal-content .modal-buttons {
 margin-top:30px;
}
}
 @media only screen and (min-width: 1200px) {
 .modal-content .modal-buttons .btn {
 font-size:17px;
}
}
 @media only screen and (min-width: 1820px) {
 .modal-content .modal-buttons {
 margin-top:90px;
}
 .modal-content .modal-buttons .btn {
 font-size:28px;
}
}