/*!
 * Table of Content
 * 1.0 - Fonts
 * 2.0 - Resets
 * 2.1 - General
 * 3.0 - Header/Navbar
 * 4.0 - Banner/Slider
 * 5.0 - Page Content
 * 6.0 - Responsive
 */
/* ==================== 1.0 FONTS ==================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&display=swap');

/* ==================== 2.0 Resets ====================*/
body { font-family: "Montserrat", sans-serif; color: #000000; font-size: 14px; font-weight: 400; line-height: 22px; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html, body { overflow-x: hidden; overflow: visible !important; height: auto !important; }

.navbar-header, #mainnav, .success-nav, .swiper-pagination, .footer, .bottom, .news .center.all, .filter { display: none !important; }

.aos-init { transform: none !important; opacity: 1 !important; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; }
p, ul, ol, table { margin: 0 0 20px; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, table:last-child { margin-bottom: 0; }

h1, h2, h3, h4, h5, h6 .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3; color: #3C4981; }
h1.color-secondary, h2.color-secondary, h3.color-secondary, h4.color-secondary, h5.color-secondary, h6 .h1.color-secondary, .h2.color-secondary, .h3.color-secondary, .h4.color-secondary, .h5.color-secondary, .h6.color-secondary { color: #31536C; }
h1.color-primary, h2.color-primary, h3.color-primary, h4.color-primary, h5.color-primary, h6 .h1.color-primary, .h2.color-primary, .h3.color-primary, .h4.color-primary, .h5.color-primary, .h6.color-primary { color: #FF9933; }
h1 + .image:not([class*="mt-"]), h2 + .image:not([class*="mt-"]), h3 + .image:not([class*="mt-"]), h4 + .image:not([class*="mt-"]), h5 + .image:not([class*="mt-"]), h6 .h1 + .image:not([class*="mt-"]), .h2 + .image:not([class*="mt-"]), .h3 + .image:not([class*="mt-"]), .h4 + .image:not([class*="mt-"]), .h5 + .image:not([class*="mt-"]), .h6 + .image:not([class*="mt-"]) { margin-top: 20px; }

h1, .h1, .heading-lg, .heading-lg-lead { font-size: 2.5em; }

.subhead { font-size: 40px !important; clear: both; display: block; font-weight: 900; letter-spacing: .05em; margin-bottom: 10px; margin-top: 10px; }

h2, .h2 { font-size: 2.11em; font-weight: 800; color: #0E4468; line-height: 50px; }

.home h2 { color: #0E4468; font-weight: 900; font-size: 2.1em; line-height: 1.2; text-align: center; margin: 0 auto 20px; }

h2.title { background-image: url("../images/divider.png"); display: block; background-repeat: no-repeat; background-position: center bottom; margin-bottom: 30px; height:90px; text-align: center; }

.content h2 { color: #1E75A0; font-weight: 800; font-size: 1.25em; line-height: 1.2; margin: 20px auto; }

h3, .h3, h4, .h4, .heading-md, .heading-md-lead { font-size: 1.2em; font-weight: 800; color: #0E4468; line-height: 1.5; }

h4, .h4, h4.heading-md { font-size: 1.25em; font-weight: 800; color: #0E4468; line-height: 1.5; margin-bottom: 12px; }

h5, .h5 { font-size: 1.1em; font-weight: 800; color: #0E4468; line-height: 1.5; margin-bottom: 8px; }

h6, .h6, .heading-sm, .heading-sm-lead { font-size: .875em; font-weight: 800; color: #0E4468; line-height: 1.5; }

ul, ol { padding: 0px; margin: 0px; }
ul li, ol li { list-style: none; }
.section-content .col-md-8 ul, .section-content .col-md-8 ol { padding: 0 0 0 20px; margin: 0px; }
.section-content .col-md-8 ul li, .section-content .col-md-8 ol li { list-style: disc; }

blockquote { padding: 20px 0; color: #3D3D3D; border: none; font-size: 1em; font-weight: 900; line-height: 2; border-top: 2px solid #84B3CC; border-bottom: 2px solid #84B3CC; margin-top: 40px; margin-bottom: 40px; }

p + h1, p + h2, p + h3, p + h4, p + h5, p + h4, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h4, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h4, table + h1, table + h2, table + h3, table + h4, table + h5, table + h4 { margin-top: 35px; }

ul + p, ul + ul, ul + ol, ol + ol, ol + ul, ul + table, ol + table { margin-top: 20px; }

b, strong { font-weight: 700; }

a { outline: 0; transition: all 0.5s; color: #1E75A0; }
a:link, a:visited { text-decoration: none; }
a:hover, a:focus, a:active { outline: 0; color: #0E4468; }

a.animated-arrow { position: relative; display: inline-flex; align-items: center; gap: 0.5em; text-decoration: none; transition: color 0.4s ease; padding-left: 28px; ;}
a.animated-arrow::after { content: ""; width: 28px; height: 24px; background: url("../images/arrow-right-dark.svg") no-repeat center; background-size: 28px; opacity: 0; transform: translateX(-4px); transition: opacity 0.4s ease, transform 0.4s ease; }
a.animated-arrow:hover { color: #203b63; }
a.animated-arrow:hover::after { opacity: 1; transform: translateX(0); }

.blue a.animated-arrow::after { content: ""; width: 28px; height: 24px; background: url("../images/arrow-right.svg") no-repeat center; background-size: 28px; opacity: 0; transform: translateX(-4px); transition: opacity 0.4s ease, transform 0.4s ease; }
.blue a.animated-arrow:hover { color: #C7D5E9 !important; }
.blue a.animated-arrow:hover::after { opacity: 1; transform: translateX(0); }

img { outline: 0; border: 0 none; max-width: 100%; height: auto; vertical-align: top; -ms-border-radius: 0px; border-radius: 0px; }
img + h2, img h3, img h4 { margin-top: 15px; }
img.alignright { padding: 0; float: right; margin: 5px 0 10px 30px; }
h3 img.alignright, h4 img.alignright, h2 img.alignright, h1 img.alignright { margin-top: 0; }

img.alignleft { padding: 0; float: left; margin: 5px 30px 10px 0; }
h3 img.alignleft, h4 img.alignleft, h2 img.alignleft, h1 img.alignleft { margin-top: 0; }
img.aligncenter { float: none; display: block; margin: 5px auto 15px; }
img.aligncenter:first-child { margin-top: 0; }
img.aligncenter:last-child { margin-bottom: 0; }

hr, .hr { margin: 45px 0; }
hr:first-child, .hr:first-child { margin-top: 0; }
hr:last-child, .hr:last-child { margin-bottom: 0; }
hr { border: none; height: 2px; background-color: #1E75A0; }

input:focus { border-color: #66afe9; outline: 0; box-shadow: 0 0 0 transparent; }

.al-center, .center { text-align: center; }
.al-center .with-line:after, .center .with-line:after { left: 50%; margin-left: -35px; }

.al-right { text-align: right; }
.al-right .with-line:after { right: 0; }

.al-left { text-align: left; }

.ucap { text-transform: uppercase; }

.container.medium { max-width: 1375px; }

.section-pad { margin-top: 50px; margin-bottom: 50px; }
.section-pad-xs { margin-top: 20px; margin-bottom: 20px; }
.section-pad-sm { margin-top: 40px; margin-bottom: 40px; }
.section-pad-sm-2 { margin-top: 40px; margin-bottom: 40px; padding-left: 0; padding-right: 0; }
.section-pad-md { margin-top: 60px; margin-bottom: 60px; }
.section-pad-md-2 { margin-top: 60px; margin-bottom: 60px; }
.section-pad-lg { margin-top: 110px; margin-bottom: 110px; }
.section-pad.nopd { margin-top: 0; margin-bottom: 0; }
.section-pad.nopdtop { margin-top: 0; margin-bottom: 60px; }
.nopdbottom { margin-top: 40px; margin-bottom: 0; }

.section-overup[class*="section-pad"] { margin-top: -60px; padding-top: 0; }

.section-overup-lg[class*="section-pad"] { margin-top: -110px; padding-top: 0; }

.section.top { margin-top: 0; }
.home .section.top { padding-bottom: 60px; margin: 0 auto; max-width: 2000px; }

.pad-0, .nopd { padding: 0px; }

.noborder { border:none; }

.npl { padding-left: 0px; }

.npr { padding-right: 0px; }

.space-top { margin-top: 20px; }
.space-top-sm { margin-top: 15px; }
.space-top-md { margin-top: 30px; }
.space-bottom { margin-bottom: 20px; }
.space-bottom-sm { margin-bottom: 15px; }
.space-bottom-md { margin-bottom: 30px; }

.nomg { margin-top: 0; margin-bottom: 0; }

.wide-lg { max-width: 1170px; margin: 0 auto; }
.wide-md { max-width: 970px; margin: 0 auto; }
.wide-sm { max-width: 770px; margin: 0 auto; }
.wide-xs { max-width: 570px; margin: 0 auto; }

.row-vm { align-items: center; display: flex; }
.row-vm.reverses > div:last-child { order: 1; }
.row-vm.reverses > div:first-child { order: 2; }

.container-fluid > .row > .row { margin-left: 0; margin-right: 0; }

.container.thin { max-width: 1125px; }

.row-column:not(:first-child) { margin-top: 60px; }
.row-column-md:not(:first-child) { margin-top: 45px; }
.row-column-sm:not(:first-child) { margin-top: 30px; }

div[class*="row-column"].mgfix { margin-top: -45px; }
div[class*="row-column"].mgauto { margin-top: 0; }
div[class*="row-column"].mgtop { margin-top: 60px; }
div[class*="row-column"].mgtop-md { margin-top: 45px; }
div[class*="row-column"].mgtop-sm { margin-top: 30px; }

div[class*="wide-"] + div[class*="row-column"]:not([class*="mg"]):not([class*="mt-"]) { margin-top: 60px; }

.clear-all { clear: both; display: block; height: 0; width: 100%; }

.clear { clear: both; }

.clear-left { clear: left; }

.clear-right { clear: right; }

.first[class*="col-"] { clear: left; }

.nomg[class*="wide-"] { margin: 0; }

.img-shadow { box-shadow: 0 2px 26px 0 rgba(0, 0, 0, 0.16); }

.round { -ms-border-radius: 0px; border-radius: 0px; }

.round-md { -ms-border-radius: 8px; border-radius: 8px; }

.round-lg { -ms-border-radius: 35px; border-radius: 35px; }

.circle { -ms-border-radius: 50%; border-radius: 50%; }

.image { margin-bottom: 20px; }
.image:last-child { margin-bottom: 0; }
.image img { max-width: 100%; height: auto; }
.image[class*="round"] a, .image[class*="round"] img, .image.circle a, .image.circle img { border-radius: inherit; }
.image.circle:not([class*="al-"]) { text-align: center; }
.image.circle:not(.image-md) img { width: 100%; max-width: 555px; }
.image-md img { width: 90%; max-width: 220px; }

.imagebg { position: absolute; height: 100%; right: 0; top: 0; left: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; z-index: 0; opacity: 0; transition: opacity .4s; }
.fixed-bg .imagebg { background-attachment: fixed; }
.imagebg img { display: none; }

.image-on-left .imagebg, .image-on-right .imagebg { width: 50%; }

.image-on-left .imagebg { right: 50%; }

.image-on-right .imagebg { left: 50%; }

.image-slice .imagebg { width: 40%; left: 0; }
.image-slice .imagebg + .imagebg { width: 60%; left: 40%; }
.image-slice .section-bg:not(.section-bg-r):after { content: ""; background: #FF9933; position: absolute; left: 0; bottom: 0; top: 0; opacity: .9; width: 100%; }
.image-slice .section-bg.section-bg-alt:not(.section-bg-r):after { background: #31536C; }

.btn { line-height: 1.4; padding: 12px 20px; text-align: center; color: #fff; transition: all 0.4s; width: 100%; background: #008265; font-size: 40px; font-weight: 800; text-transform: none }
.btn:hover, .btn:focus { background-color: #3C4981; color: #fff; }
.btn .open { display: inline; padding-left: 20px; font-size: 28px; }

.pd-x1 { padding: 10px; }
.pd-x2 { padding: 20px; }
.pd-x3 { padding: 30px; }
.pd-x4 { padding: 40px; }
.pd-x5 { padding: 50px; }

.mg-x1 { margin: 10px; }
.mg-x2 { margin: 20px; }
.mg-x3 { margin: 30px; }
.mg-x4 { margin: 40px; }
.mg-x5 { margin: 50px; }

.mt-x1 { margin-top: 10px; }
.mt-x2 { margin-top: 20px; }
.mt-x3 { margin-top: 30px; }
.mt-x4 { margin-top: 40px; }
.mt-x5 { margin-top: 50px; }

.mb-x1 { margin-bottom: 10px; }
.mb-x2 { margin-bottom: 20px; }
.mb-x3 { margin-bottom: 30px; }
.mb-x4 { margin-bottom: 40px; }
.mb-x5 { margin-bottom: 50px; }

.bg-light, .box-s2 { background: #f4f8f8; }

.bg-white, .box-s1 { background: #fff; }

.bg-dark { background: #666; }

.bg-grey { background: #e8e8ee; }

.box-s3 { background: #FF9933; }

.bg-secondary, .box-s4 { background: #B52031; }

.bg-alternet { background: #FFC426; }

.bg-light-primary { background-color: rgba(255, 153, 51, 0.1); }

.bg-light-secondary { background-color: rgba(255, 83, 38, 0.1); }

.bg-light-alternet { background-color: rgba(255, 196, 38, 0.1); }

.bdr { border: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-y { border-top: 1px solid rgba(0, 0, 0, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-x { border-left: 1px solid rgba(0, 0, 0, 0.04); border-right: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-top { border-top: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
.bdr-none { border-color: transparent; }

.navbar-toggle { margin-right: 0px; }

.table-responsive { margin-bottom: 30px; }
.table-responsive:last-child, .table-responsive .table { margin-bottom: 0; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-color: #ececec; }

.table.bdr-top, .table.bdr-bottom { border-color: #ececec; }

.table-s1 > tbody > tr > td, .table-s1 > tbody > tr > th, .table-s1 > tfoot > tr > td, .table-s1 > tfoot > tr > th, .table-s1 > thead > tr > td, .table-s1 > thead > tr > th { padding: 20px; }

.table-vertical > tbody > tr > td { vertical-align: middle; }

.equalcol { display: flex; flex-direction: row; height: 100%; }

@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-50px, 0, 0); }
  to { opacity: 1; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; transform: translate3d(50px, 0, 0); }
  to { opacity: 1; transform: none; } }
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 50px, 0); }
  to { opacity: 1; transform: none; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

.searchandfilter.sticky { position: fixed; top: 32px; transition: top .5s; }

.lg-header { font-family: "Oswald", sans-serif;	font-size: 4em;	line-height: 1.1; font-weight: 700;	color: #0E4468;	text-transform: uppercase; margin: 0; }
.home .lg-header { text-align: center; }
.md-font { font-family: "Montserrat", sans-serif; font-size: 1.5em; line-height: 1.25; font-weight: 800; color: #1C6F9C; }
.home .hero-overlay-text .md-font { margin-top: 30px; }


/* ========================================================================== 2.1 General / Common ========================================================================== */

.content ul li { position: relative; margin-left: 20px; list-style: disc; }
.content ul li:last-child { margin-bottom: 0; }
.content ul.nav-tabs li:before { content:none; }
.content ul.nav-tabs li { padding-left: 0;}

ul.badges { display: flex; align-items: center; padding-top:20px; }
ul.badges li::before { content:none; }
ul.badges li { float: left; max-width: 30%; }

.boxed { color: #134F80; font-size: 1.5em; font-weight: 300; line-height: 1.6; }
.home .boxed { margin-top: 0; }
.contact .boxed { font-size: 1em; }
.boxed .container { padding: 60px 90px; -webkit-box-shadow: 0px 24px 36px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 24px 36px 0px rgba(0,0,0,0.6); box-shadow: 0px 24px 36px 0px rgba(0,0,0,0.6); background: #fff; }
.contact .boxed .container { padding: 20px 115px; }
.boxed h2 { font-size: 1.4em; padding-bottom: 20px; }

.light .content ul li:before, .box-s3 .content ul li:before, .box-s4 .content ul li:before, .call-action:not(.dark) .content ul li:before { color: #fff; }

.blog-posts li:before, .blog-recent li:before { content: none !important; }

.content ul.dots li:before { content: '\f111'; font-size: 6px; top: 5px; }
.content ul.checkmark li { padding-left: 28px; }
.content ul.checkmark li:before { content: '\f00c'; font-size: 18px; line-height: 18px; top: 4px; }
.content ul.list-sitemap li { margin-bottom: 10px; font-weight: 400; }
.content ul.list-sitemap li:last-child { margin-bottom: 0; }
.content ul.list-sitemap li ul { margin-top: 5px; }
.content ul.list-sitemap li ul li { margin-top: 3px; font-weight: 400; }
.content ul.style-v2 li { margin-bottom: 2px; }
.content ul.style-v2 li:before { color: #9aa4ae; font-size: 6px; }
.content ol { margin-left: 25px; }
.content ol li { list-style: decimal; padding-left: 5px; margin-bottom: 8px; }
.content ol li:last-child { margin-bottom: 0; }
.content ul li { list-style: disc; }

.accordion .panel { background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.accordion .panel:last-child { border-bottom: 0 none; }
.accordion .panel + .panel { margin-top: 0; }
.accordion .panel-title { position: relative; font-size: 1em; font-weight: 600; }
.accordion .panel-title a { color: #FF9933; padding: 16px 30px 17px 0; }
.accordion .panel-title a .plus-minus { opacity: 0.4; }
.accordion .panel-title a.collapsed { color: #596570; }
.accordion .panel-title a.collapsed:hover { opacity: 0.7; }
.accordion .panel-title a.collapsed:hover .plus-minus { opacity: 0.4; }
.accordion .panel-title a.collapsed .plus-minus { opacity: 0.7; }
.accordion .panel-title a.collapsed .plus-minus span:before { transform: rotate(-180deg); }
.accordion .panel-title a.collapsed .plus-minus span:after { transform: rotate(0deg); }
.accordion .panel-title a:hover { opacity: 1; }
.accordion .panel-title a:hover .plus-minus { opacity: 1; }
.accordion .panel-body { padding-right: 0; padding-left: 0; padding-bottom: 30px; }
.accordion .plus-minus { opacity: 0.8; cursor: pointer; transition: opacity 350ms; display: block; position: absolute; right: 0; top: 50%; height: 18px; width: 18px; margin-top: -9px; }
.accordion .plus-minus span { position: relative; height: 100%; display: block; }
.accordion .plus-minus span:before, .accordion .plus-minus span:after { content: ""; position: absolute; background: #666; transition: transform 100ms; }
.accordion .plus-minus span:before { height: 2px; width: 100%; left: 0; top: 50%; margin-top: -1px; transform: rotate(180deg); }
.accordion .plus-minus span:after { height: 100%; width: 2px; top: 0; left: 50%; margin-left: -1px; transform: rotate(90deg); }
.accordion .plus-minus:hover { opacity: 0.3; }
.accordion.filled .panel:last-child { border-bottom: 0; }
.accordion.filled .panel-title { background-color: #f5f5f5; }
.accordion.filled .panel-title a { background: #ececec; padding-left: 20px; color: #ED1C24; }
.accordion.filled .panel-title a.collapsed { background-color: transparent; color: #596570; }
.accordion.filled .panel-title a.collapsed:hover { opacity: 0.7; }
.accordion.filled .panel-body { padding-right: 20px; padding-left: 20px; padding-bottom: 20px; }
.accordion.filled .plus-minus { right: 20px; }

.carousel { height: 100%; }
.carousel .stky-banner { position: absolute; top: 0; }
.carousel .carousel-inner, .carousel .item, .carousel .active { height: 100%; }

.position { position: static; }

.slick-dots { display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px !important; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button::before { font-size: 25px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button::before { opacity: .75; color: black; }

.sf-input-checkbox {display: none;}
.sf-input-checkbox + label {display: inline-block;position: relative;vertical-align: middle;margin: 0;cursor: pointer; font-weight: 900;}

.sf-field-reset input {font-size: 22px;color: #41738D; font-weight: 700;text-align: center;letter-spacing: .4rem;text-transform: uppercase;padding-top: 10px;border: 0;background: none;width: 100%;}
.sf-field-reset input:hover { color: #CF8A00; }

.sf-field-reset input {font-size: 22px;color: #3C4981; font-weight: 700;text-align: center;letter-spacing: .4rem;text-transform: uppercase;padding-top: 10px;border: 0;background: none;width: 100%;}
.sf-field-reset input:hover { color: #CF8A00; }


/* ========================================================================== 3.0 Header/Navbar ========================================================================== */

.site-header { display: flex; align-items: center; width: 100%; height: 100px; transition: top .5s; z-index: 50; background: #fff; }
.site-header .container { display: flex; height: 130px; padding-left: 0; padding-right: 0; align-content: center; align-items: center; align-self: center; justify-content: flex-end; position: relative; }
.site-header .navbar { border-radius: 0; border: 0 none; min-width: 200px; padding: 0; margin: 0; z-index: 9;  }
.site-header .navbar-brand img { width: 550px; }
.site-header .logo-light { display: none; }
.site-header .quote-btn { padding: 0; display: inline-block; }
.site-header .quote-btn .btn { padding: 6px 25px; font-size: 12px; line-height: 24px; font-weight: 700; text-transform: uppercase; color: #fff; background-color: #31536C; border: 2px solid #31536C; margin: 0; vertical-align: middle; }
.site-header .quote-btn .btn:hover { border-color: #FFC426; color: #fff; background-color: #FFC426; }
.site-header .quote-btn .btn.btn-outline { background: transparent; }
.site-header .quote-btn .btn.btn-outline:hover { background: #31536C; border-color: #31536C; }

.header-s2 .navbar-brand { height: 87px; margin-bottom: 0; padding: 0; transition: none; left: 0; }
.header-s2.is-transparent .navbar-brand .logo-light { display: block; }
.header-s2.is-transparent .navbar-brand .logo-dark { display: none; }
.header-s2.header-dark .navbar-brand .logo-dark { display: none; }
.header-s2.header-dark .navbar-brand .logo-light { display: block; }


/* ========================================================================== 4.0 Banner/Slider ========================================================================== */
.banner-text { color: #050708; position: relative; padding-top: 60px; padding-bottom: 60px; z-index: 1; }
.banner-text:not([class*="wide-"]) { max-width: 100%; }
.banner-text.pos-left { float: left; }
.banner-text.al-center:not(.pos-center), .banner-text.center:not(.pos-center) { margin: 0 auto; }
.banner-text.light, .banner-text.box-s3, .banner-text.box-s4 { color: #fff; }
.banner-text.dark { color: #15181b; }
.banner-text h1 { font-size: 3.5em; line-height: 1.1; color: #134F80; text-align: center; font-weight: 900; text-transform: uppercase; }
.banner-text h2 { font-size: 78px;line-height: 78px; font-weight: 700;color:rgb(255, 255, 255);letter-spacing: 0px; }
.banner-text img { padding: 20px 0; }
.banner-text .animated { animation-delay: 350ms; animation-duration: 1s; }
.banner-text .btn { font-size: 16px;font-weight: 700;color:rgb(255, 255, 255);letter-spacing: 0px;font-family: Asap;border-color:rgb(255, 255, 255);border-style: solid;border-width: 2px;border-radius: 30px;outline: currentcolor none medium;;cursor: pointer;visibility: inherit;text-align: inherit;margin: 0px;padding: 19px 37px;text-transform: none; }
.banner-text .btn:hover { background-color:rgb(255, 255, 255); color:#393970; }
.banner-text .btn-alt { font-size: 16px;font-weight: 700;color:rgb(255, 255, 255);letter-spacing: 0px;font-family: Asap;background-color:rgb(181, 32, 49);border-color:rgb(181, 32, 49);border-style: solid;border-width: 2px;border-radius: 30px;outline: currentcolor none medium;cursor: pointer;visibility: inherit;text-align: inherit;margin: 0px;padding: 19px 37px;text-transform: none; }
.banner-text .btn-alt:hover { background-color:rgb(255, 255, 255); color:#393970;;border-color:rgb(255, 255, 255) }
.banner-text h1 + *, .banner-text h2 + *, .banner-text h3 + *, .banner-text h4 + * { margin-top: 10px; }
.banner-text p:not(:last-child) { margin-bottom: 10px; }
.banner-text.style-modern { font-size: 24px; line-height: 1.4; }
.banner-text .content { width: 95%; max-width: 825px; margin: 60px auto 0; }

.hero-wrapper { position: relative; height: 75vh; max-height: 810px; display: flex; align-content: center; align-items: center; align-self: center; }
.hero-overlay-text { align-items: center; width: 90%; max-width: 1600px; margin: 0 auto; color: #fff; }
.home .hero-overlay-text { text-align: center; }
.hero-overlay-text .logo { width: 812px; margin: 140px auto 200px; }
.hero-overlay-text .logo img { width: 100%; -webkit-box-shadow: -60px 60px 12px 0px rgba(0,0,0,0.65); -moz-box-shadow: -60px 60px 12px 0px rgba(0,0,0,0.65); box-shadow: -60px 60px 12px 0px rgba(0,0,0,0.65); background: #004e7f; }
.hero-overlay-opaque { position: absolute; left: 0; top: 0; opacity: 0.75; background: rgb(5,7,8); background: linear-gradient(90deg, rgba(5,7,8,1) 0%, rgba(5,7,8,0.95) 15%, rgba(5,7,8,0) 50%); width: 100%; height:100%; }
.vimeo-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 75vh; max-height: 920px; z-index: -1; pointer-events: none; overflow: hidden; }
.vimeo-wrapper iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1.1);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1.1);}
}

.banner-static { position: relative; width: 100%; padding: 15px 0; min-height: 380px; }
.banner-static:not(.has-bg-image):not([class*="bg-"]) { background-color: #e8e8ee; }
.banner-static .banner-cpn { bottom:0; position: absolute; width: 100%; left: 0; z-index: 5; padding: 25px 0; }
.is-transparent .banner-static .banner-cpn {  }
.banner-static .banner-cpn .content { position: relative; }
.banner-static .banner-text { float: left; width: 100%; padding-top: 0; padding-bottom: 0; }
.banner-static .banner-text.pos-right { float: right; }
.banner-static .banner-text.pos-center { float: none; }
.banner-static.banner-medium { height: 330px; min-height: inherit; }
.banner-static.banner-small { height: auto; min-height: inherit; padding:28px 0; }
.banner-static.banner-small .banner-cpn { background-color: #e6e6e6; position: relative; width: 100%; left: 0; z-index: 5; padding: 0; }
.banner-static.banner-intro { min-height: 520px; }
.banner-static.only-pg-title { min-height: 160px; }
.banner-static.bg-grey, .banner-static.bg-light, .banner-static.box-s2 { background-color: #e6e6e6; }
.banner-static.bg-grey .banner-text, .banner-static.bg-light .banner-text, .banner-static.box-s2 .banner-text { color: #2A4EA2; }
.banner-static.bg-grey .banner-text .page-title, .banner-static.bg-light .banner-text .page-title, .banner-static.box-s2 .banner-text .page-title { color: #373e45; }
.banner-static.banner-small .banner-text .page-title { color: #fff; }
.banner-static.bg-grey .light, .banner-static.bg-grey .box-s3, .banner-static.bg-grey .box-s4, .banner-static.bg-light .light, .banner-static.box-s2 .light, .banner-static.bg-light .box-s3, .banner-static.box-s2 .box-s3, .banner-static.bg-light .box-s4, .banner-static.box-s2 .box-s4 { color: #fff; }
.banner-static.bg-grey .dark, .banner-static.bg-light .dark, .banner-static.box-s2 .dark { color: #596570; }
.banner-static.bg-grey .breadcrumb a, .banner-static.bg-grey .breadcrumb > .active, .banner-static.bg-grey .breadcrumb > li + li:before, .banner-static.bg-light .breadcrumb a, .banner-static.box-s2 .breadcrumb a, .banner-static.bg-light .breadcrumb > .active, .banner-static.box-s2 .breadcrumb > .active, .banner-static.bg-light .breadcrumb > li + li:before, .banner-static.box-s2 .breadcrumb > li + li:before { color: #596570; }
.banner-static.bg-grey .breadcrumb li:not(.active) a:hover, .banner-static.bg-light .breadcrumb li:not(.active) a:hover, .banner-static.box-s2 .breadcrumb li:not(.active) a:hover { color: #FF9933; box-shadow: none; }
.banner-static .imagebg { position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; -ms-border-radius: 0; border-radius: 0; }
.is-transparent .banner-static { min-height: 330px; }
.banner-static.has-bg-image .container { position: static; }

.banner-intro .container > .content { padding-top: 15px; padding-bottom: 15px; }
.banner-intro .banner-text { padding-top: 128px; padding-bottom: 128px; }
.is-transparent .banner-intro .banner-text { margin-top: 60px; }
.banner-intro .banner-text:not(.style-modern) { font-size: 18px; }

.banner .banner-text:not(.dark) { color: #fff; }
.banner .banner-boxed { padding: 30px 30px 32px; background: rgba(0, 0, 0, 0.75); -ms-border-radius: 0px; border-radius: 0px; }
/* ========================================================================== 5.0 Page Content - About, Service etc ========================================================================== */

.home .section.top { position: relative; }
.home .top .container { margin-top: 400px; text-align: center; }
.home h1 { font-family: "Oswald", sans-serif; font-size: 4em; line-height: 1.1; font-weight: 700; color: #0E4468; text-transform: uppercase; margin: 0 auto 30px; max-width: 1200px; }
.home .top .container p { max-width: 925px; margin: 0 auto; color: #0E4468; }
.home .top .container .md-font { margin-bottom: 20px; color: #1C6F9C; }

.hero-bg { position: absolute; inset: 0; z-index: 0; }

.hero-animate { animation: heroBlurIn 1.6s ease-out forwards; transform-origin: center center; background-size: 1800px !important; background-position: center -75px !important; }


.practice-nav { position: fixed; bottom: 0; left: 0; z-index: 1; width: 100%; background: #1C6F9C; height: 120px; font-family: "Oswald", sans-serif; font-size: 1.7em; color: #fff; font-weight: 400; text-transform: uppercase; display: flex; align-content: center; align-items: center; align-self: center; justify-content: center; }
.practice-nav ul { list-style: none; display: flex; justify-content: center; }
.practice-nav ul > li:first-child { padding-right: 45px; }
.practice-nav ul > li:last-child { padding-right: 0; }
.practice-nav ul > li + li { border-left: 3px solid #75A2C0; padding-left: 45px; padding-right: 45px; }
.practice-nav a { color: #fff; position: relative; }
.practice-nav a.active { color: #C7D5E9; text-underline-offset: 10px; text-decoration: underline; text-decoration-thickness: auto; text-decoration-thickness: 3px; text-decoration-color: #C7D5E9; z-index: 11; position: relative; }
.practice-nav a:hover { color: #C7D5E9; }
.practice-nav a::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 100%; height: 3px; background-color: #C7D5E9; opacity: 0; transform: scaleX(0); transform-origin: left; transition: opacity 0.5s ease, transform 0.5s ease; }
.practice-nav a:hover::after { opacity: 1; transform: scaleX(1); }

.practice-nav.hide { opacity: 0; }

h1.section-header { font-family: "Oswald", sans-serif; font-size: 2.1em; color: #1C6F9C; letter-spacing: 0.2em; text-transform: uppercase; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; text-align: center; margin: 0; }
h1.section-header::before, h1.section-header::after { content: ""; height: 2px; background-color: currentColor; }
h1.section-header span { padding: 0 10px 0 15px; }

h2.section-header { font-family: "Oswald", sans-serif; font-size: 2.1em; color: #1C6F9C; letter-spacing: 0.2em; text-transform: uppercase; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; text-align: center; margin: 0; }
h2.section-header::before, h2.section-header::after { content: ""; height: 2px; background-color: currentColor; }
h2.section-header span { padding: 0 10px 0 15px; }

h3.section-header { font-family: "Oswald", sans-serif; font-size: 2.1em; color: #1C6F9C; letter-spacing: 0.2em; text-transform: uppercase; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; text-align: center; margin: 0; }
h3.section-header::before, h3.section-header::after { content: ""; height: 2px; background-color: currentColor; }
h3.section-header span { padding: 0 10px 0 15px; }

.section-content.blue { }
.practice .section-content.blue { max-width: 2200px; margin: 0 auto; }
.section-content.blue h2.section-header { color: #C7D5E9; margin-top: 0; margin-bottom: 0; background: #0E4468; padding-top: 30px; padding-bottom: 30px; }

.section-content.white { background: #fff; }

.section.successes { padding-bottom: 0; margin-bottom: 0; }
.section.successes .container { width: 100%; padding: 0; }
.section.successes h2 { color: #C7D5E9; margin-top: 0; margin-bottom: 0; background: #0E4468; padding-top: 30px; padding-bottom: 30px; }
.section.successes .swiper-wrapper { display: block; }
.section.successes .item .photo img { display: none; }
.successes-swiper { padding: 30px 20px 10px; }
.swiper-slide { margin: 0 0 20px; width: 100% !important; transform: none !important; }

.successslides .photo, .successes-swiper .photo { width: 100%; height: auto; }
.successslides .caption, .successes-swiper .caption { height: auto; }
.successslides .photo::after, .successes-swiper .photo::after { height: auto; }
.successes-swiper .caption p { font-size: 1em; max-width: 90%; }

.news-listing { display: flex; gap: 15px; margin-bottom: 0; }
.newslanding .news-listing { margin-top: 50px;  }
.news-listing .article { width: 33%; background: #fff; padding: 10px 20px; color: #0E4468; font-weight: 400; }
.news-listing .article:first-child { padding-top: 40px; }
.news-listing .article:last-child { padding-bottom: 40px; }
.news-listing .article .photo { margin-bottom: 10px; }
.news-listing .article .photo img { width: 100%; }
.news-listing .article .type { border-bottom: 2px solid #C7D5E9; margin-bottom: 10px; padding-bottom: 10px; }
.news-listing .article .title { font-size: 1.4em; color: #1C6F9C; font-weight: 800; height: 155px; }
.news-listing .article .title a { color: #1C6F9C; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  }
.news-listing .article .title a:hover { color: #0E4468; }
.news-listing .article .meta { border-top: 2px solid #C7D5E9; margin-top: 10px; padding-top: 10px; margin-bottom: 0; height: auto; line-height: 1.4; }
.news-listing .article .meta .author { margin-bottom: 10px; }
.news-listing .article .link { display: none; }
.news-listing .link a { color: #ECE8DF; background: #1C6F9C; width: 100%; padding: 10px; font-weight: 800; text-transform: uppercase; justify-content: center; display: flex; }
.news-listing .link a:hover { color: #ECE8DF; background: #0E4468; }
.center.all { margin: 60px auto; display: none; }
.center.all a { font-weight: 500; color: #1C6F9C; text-transform: uppercase; }
.center.all a:hover { color: #0E4468; }
.about .content-rows .center.all { padding: 20px 0 0; }
.section-content.blue .center.all a { font-weight: 500; color: #C7D5E9; text-transform: uppercase; }
.section-content.blue .center.all a:hover { color: #1C6F9C; }

.spotlight { display: flex; align-items: center; background-color: #f2f4f7; border-radius: 200px; height: 372px; padding: 0 60px 0 420px; margin-top: 60px; position: relative; overflow: hidden; width: 100%; }
.spotlight .photo { position: absolute; top: 0; left: 0; width: 372px; height: 372px; border-radius: 50%; overflow: hidden; }
.spotlight.no-photo { padding: 0 120px; }
.spotlight .photo img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.spotlight .text { color: #58595B; font-size: 1.2em; line-height: 1.75; font-weight: 500; }
.spotlight .text b, .spotlight .text strong { display: inline-block; color: #006699; font-weight: 800; margin-right: 0.2em; }
.home .spotlight .text b, .home .spotlight .text strong { font-size: 1.5em; }
[data-aos="slide-in-right-edge"] { transform: translateX(var(--spotlight-offset, 0px)); opacity: 1; transition: transform 1s ease-in-out; }
[data-aos="slide-in-right-edge"].aos-animate { transform: translateX(0); }

.team .top { padding-top: 20px; padding-bottom: 20px; }

.attorneys { padding-bottom: 40px; }
.retired { margin: 0; padding-top: 80px; }
.support { margin: 20px 0; }
.attorneys .container { width: 100%; padding: 0; }
.attorneys h2 { border: none !important; text-align: center; }
.attorneys .content, .attorneys .content .search-filter-results { padding: 0; display: flex; flex-wrap: wrap; width: 100%; gap: 1.25%; justify-content: center; }
.retired .content, .support .content { padding-top: 20px; }
.attorneys .row { margin:0; padding: 0; position: relative; display: block; width: 19%; }
.attorneys .row .attorneyPhoto { padding: 0; background: url('../images/bio-landing-bg.jpg'); background-size: cover; }
.retired .row .attorneyPhoto { background: #fff; }
.attorneys .row .attorneyPhoto img { width: 100%; }
.attorneys .row .attorneyDetails { text-align: center; padding: 20px; font-size: 14px; }
.attorneys .row .attorneyDetails a { color: #0E4468; }
.attorneys .row .attorneyDetails a:hover { color: #1C6F9C; }
.attorneys .row .attorneyDetails h2, .attorneys .row .attorneyDetails .name { font-family: "Oswald", sans-serif; font-size: 15px; color: #0E4468; margin-bottom: 2px; font-weight: 700; border: none !important; text-transform: uppercase; letter-spacing: normal; margin: 0; }
.attorneys .row .attorneyDetails h2 a, .attorneys .row .attorneyDetails .name a { color: #0E4468; }
.attorneys .row .attorneyDetails .position { color: #75A2C0; font-weight: 800; line-height: 1.25; margin-top: 5px; }
.sf-filter-active .retired, .sf-filter-active .support { display: none !important; }

.bio .top { background: url('../images/bio-background.jpg') #fff; background-repeat: no-repeat !important; background-position: center top !important; height: 850px; display: flex; flex-wrap: wrap; align-content: flex-end; align-items: flex-end; align-self: flex-end; }
.bio .top .container { width: 100%; height: 850px; padding: 0; display: flex; align-content: center; align-items: center; align-self: center; }
.bio .top .container .col-md-6 { padding: 0; }
.bio .top .container .col-md-6:first-of-type { display: flex; align-content: flex-start; align-items: flex-start; align-self: flex-start; }
.bio .bio-info { width: 725px; }
.bio h1 { font-family: "Oswald", sans-serif; font-size: 4em; line-height: 1.1; font-weight: 700; color: #0E4468; text-transform: uppercase; }
.bio .position { font-family: "Montserrat", sans-serif; font-size: 1.5em; line-height: 1.25; font-weight: 800; color: #1C6F9C; }
.bio .intro { display: none; font-weight: 700; color: #0E4468; margin: 60px 0; max-width: 675px; }
.bio .intro.print-only { display: block; max-width: 100%; margin-top: 0; }
.bio .meta { display: flex; margin-top: 10px; }
.bio .contact { font-family: "Montserrat", sans-serif; font-size: 1.5em; line-height: 1.25; font-weight: 400; color: #1C6F9C; }
.bio .contact li { padding: 5px 0; }
.bio .tools { display: none; }

.bio .bio-content .container { max-width: 1500px; }
.bio .bio-content h2 { font-size: 1em; color: #1E75A0; }
.bio .bio-content .col-md-4 h2 { margin-top: 60px; }
.bio .bio-content .col-md-4 h2:first-of-type { margin-top: 0; }
.bio .bio-content .col-md-4 li { list-style: none; margin: 10px 0; width: 100%; max-width: 100%; line-height: 1.5; }
.bio .bio-content .col-md-4 p { margin: 10px 0; line-height: 1.5; }
.bio .bio-content .center.all { padding: 20px 0; }
.bio .areas li:first-of-type { padding-top: 0; }
.bio .areas li:first-of-type a { font-weight: 400; color: #0E4468; padding-bottom: 0; }

.bio .blue { margin: 0 0 -1px; }
.bio .blue .box strong, .bio .blue .box b { font-weight: 800; color: #1E75A0; font-size: 1.25em; }

.bio .blue .disclaimer { margin-top: 0; font-size: .75em; text-align: center; line-height: 1.5; padding: 0 20px 20px; }
.bio .blue .disclaimer a { color: #0E4468; }
.bio .blue .disclaimer a:hover { color: #fff; }

.blue .box p:last-of-type { margin-bottom: 0; }

.bio .hidden-content { overflow: visible; opacity: 1; margin-top: 20px; }
.bio .hidden-content.open { max-height: 5000px; opacity: 1; }

.practices .top { position: relative; min-height: calc(100vh - var(--header-height) - var(--footer-height)); }
.practices .banner-text { padding-bottom: 0; }
.practices .banner-text .center { margin-bottom: 20px; color: #fff; }
.practices h1 { color: #fff; padding: 0 40px 10px; }
.practices .practice-nav { position: relative; display: block !important; }
.practices .practice-nav.hide { opacity: 100; }

.practices .tabcontent { margin-top: 0 !important; }
.practices .tabcontent .col-md-6 { padding: 0; }
.practices .tabcontent .col-md-6:first-of-type { display: flex; justify-content: center; padding: 40px; }
.areas li, .practice-areas li { list-style: none !important; margin: 0 !important; border-bottom: 2px solid #C7D5E9; width: 570px; padding: 5px 0; }
.areas li a, .practice-areas li a { color: #0E4468; display: flex; justify-content: space-between; align-items: center; line-height: 1.5; }
.areas li a:hover, .practice-areas li a:hover { color: #1C6F9C; }
.areas li:first-of-type, .practice-areas li:first-of-type { font-weight: 800; color: #1C6F9C; line-height: 1.3; padding-bottom: 5px; }
.areas li:first-of-type a, .practice-areas li:first-of-type a { font-weight: 800; color: #1C6F9C; line-height: 1.5; }
.areas li a::after, .practice-areas li a::after { content: ""; background: url("../images/arrow-right-dark.svg") no-repeat center; background-size: 28px; width: 28px; height: 24px; flex-shrink: 0; margin-left: 20px; }

.practices .page-tabs { margin-bottom: 60px; }
.practices .page-tabs .tab { display: none; max-width: 2500px; margin: 0 auto; }
.practices .page-tabs .pracPhoto .close { position: absolute; color: #fff; opacity: 1; text-shadow: none; font-size: 35px; float: none; right: 35px; top: 10px; }
.practices .page-tabs .pracPhoto .close:hover { opacity: .75; }
.practices .page-tabs .tab img { width: 100%; height:auto; }
.practices .page-tabs .tab.open { background: #fff; display: flex; }
.practices .page-tabs .tab.default.open { max-width: 90%; }
.practices .page-tabs .tab.default .col-md-12 { padding: 40px; }

.practice .top .title { background: #1C6F9C; display: flex; align-content: center; align-items: center; align-self: center; justify-content: center; min-height: 120px; margin-top: 80px; margin-bottom: 80px; box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.16); }
.practice .top .title h1 { color: #fff; font-size: 3.5em; line-height: 1.1; text-align: center; font-weight: 900; text-transform: uppercase; font-family: "Oswald", sans-serif; padding: 20px 40px; }
.practice .breadcrumb { display: none; } 

.white-bg .container { display: flex; justify-content: center; width: 100%; max-width: 2200px; padding: 0; }
.white-bg .col-md-7, .white-bg .col-md-10 { background: #fff; z-index: 1; position: relative; padding: 0 0 60px 0; margin-right: 10px; }
.white-bg .col-md-5 { background: #fff; z-index: 1; position: relative; padding: 60px 0; margin-left: 10px; }
.white-bg .col-md-7 .content-inner, .white-bg .col-md-10 .content-inner, .white-bg .col-md-5 .content-inner { display: block; width: 80%; margin: 0 auto; }
.white-bg .lg-header { margin-bottom: 60px; }

.white-bg .col-md-5 .areas { padding-bottom: 60px; display: inline-block; }
.white-bg .col-md-5 .areas.sticky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0; bottom: auto; }

.white-bg .col-md-5 h2 { font-weight: 800; color: #1C6F9C; font-size: 1em; text-align: left; margin-top: 0; }
.white-bg .col-md-5 .col-md-12 { display: flex; align-content: center; align-items: center; align-self: center; margin-bottom: 20px; margin-left: 0; padding: 0; width: 570px; }
.practice .white-bg .col-md-5 h2 { margin-bottom: 0; border-bottom: 2px solid #C7D5E9; padding-bottom: 10px; max-width: 570px; margin-left: 0; }
.practice .white-bg .col-md-5 .col-md-12 { margin-bottom: 0; }
.white-bg .col-md-5 .attorneyPhoto { padding: 0; background: url('../images/bio-landing-bg.jpg'); background-size: cover; border: 1px solid #0E4468; margin-left: 0; margin-right: 20px; width: 25%; }
.white-bg .col-md-5 .attorneyDetails { border-top: 2px solid #C7D5E9; border-bottom: 2px solid #C7D5E9; padding: 0; position: relative; width: 75%; }
.white-bg .col-md-5 .attorneyDetails.col-md-12 { width: 100%; border-top: none; margin-bottom: 0; padding: 5px 0; }
.white-bg .col-md-5 .attorneyDetails a { color: #0E4468; font-family: "Oswald", sans-serif; font-weight: 700; text-transform: uppercase; display: flex; justify-content: space-between; align-content: center; align-items: center; align-self: center; }
.white-bg .col-md-5 .attorneyDetails.col-md-12 a { width: 100%; }
.white-bg .col-md-5 .attorneyDetails a:hover { color: #1C6F9C; }
.white-bg .col-md-5 .attorneyDetails a::after { content: ""; background: url("../images/arrow-right-dark.svg") no-repeat center; background-size: 28px; width: 28px; height: 24px; flex-shrink: 0; margin-left: 20px; }
.white-bg .col-md-5 .all { display: flex; width: 100%; align-content: center; align-items: center; align-self: center; }
.white-bg .col-md-5 .all::after { content: ""; background: url("../images/arrow-right-dark.svg") no-repeat center; background-size: 28px; width: 28px; height: 24px; flex-shrink: 0; margin-left: 20px; }
.white-bg .col-md-5 .all a { text-transform: uppercase; color: #1E75A0;}
.white-bg .col-md-5 .all a:hover { text-transform: uppercase; color: #0E4468; }

.practice .practice-areas { clear: both; margin-top: 20px; display: inline-block; }

a.arrow { display: flex; justify-content: center; width: 100%; align-content: center; align-items: center; align-self: center; }
a.arrow::after { content: ""; background: url("../images/arrow-right-dark.svg") no-repeat center; background-size: 28px; width: 28px; height: 24px; flex-shrink: 0; margin-left: 20px; }

.quote.white { margin-top: -61px; margin-bottom: 0; padding: 60px 0; }
.practice .quote.white { max-width: 2200px; margin: 0 auto; }
.quote .box { width: 85%; max-width: 1100px; margin: 0 auto; font-size: 1.4em; font-weight: 800; color: #0E4468; }
.quote .box strong, .quote .box b { font-weight: 800; }
.quote .attribution { font-size: 18px; color: #000; font-weight: 500; }

.about .top { height: 80vh; }
.about .top .title { background: #1C6F9C; display: flex; align-content: center; align-items: center; align-self: center; justify-content: center; min-height: 120px; margin-top: 80px; box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.16); }
.about .top .title h1 { color: #fff; font-size: 3.5em; line-height: 1.1; text-align: center; font-weight: 900; text-transform: uppercase; font-family: "Oswald", sans-serif; padding: 20px 40px; }

.curved-content { background: #fff; }

.curved-content .container { position: relative; background: #fff; border-radius: 50%; aspect-ratio: 1 / 1; width: 85vw; margin: 0 auto; padding: 3rem; box-shadow: 0 10px 25px rgba(0,0,0,0.1); display: flex; align-content: flex-start; align-items: flex-start; align-self: flex-start; top: -160px; }
.curved-content .container .inner-content { width: 56vw; margin: 40px auto 100px; max-width: 1000px; }
.curved-content + .section-content { margin-top: -260px; z-index: 1; position: relative; }

.about .md-font { margin-bottom: 0; }
.about .lg-header { margin-bottom: 60px; }

.blue .box { background: #fff; padding: 40px 80px; margin-top: 0; }
.media.blue .box { margin-bottom: 0; }
.media.blue .center.all { margin: 60px auto; padding: 0; }

.about .breadcrumb { text-align: center; margin-top: 60px; margin-bottom: 10px; color: #fff; }
.about .breadcrumb a { color: #fff; font-weight: 500; text-transform: uppercase; } 
.about .breadcrumb a:hover { color: #fff; } 
.about .negative { position: relative; background: #fff; }
.about .negative .container { position: relative; background: #fff; top: -350px; padding: 0; width: 92%; }
.about .negative .container.nobg { background: transparent; display: none; }
.about .negative .container .section-title { width: 85%; margin: 60px auto 30px; }
.about .negative .container .section-title h1 { color: #1E75A0; font-size: 1.5em; line-height: 1.2; text-align: center; font-weight: 800; display: flex; flex-wrap: wrap; justify-content: center; }
.about .negative .container .section-title h1 span { color: #0E4468; font-size: 2.66em; font-family: "Oswald", sans-serif; font-weight: 700; text-transform: uppercase; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; text-align: center; margin: 0; line-height: 1; margin-top: 5px; }
.about .negative .container .section-title h1 span::before, .about .negative .container .section-title h1 span::after { content: ""; height: 2px; background-color: currentColor; }
.about .negative .container .section-title h1 span { padding: 0; }
.about .negative .container .inner-content { width: 70%; margin: 0 auto; }
.about .negative .container hr { width: 85%; margin: 45px auto; }

.about .community-rows .item.text { width: 85%; margin: 45px auto; display: flex; align-content: center; align-items: center; align-self: center; gap: 2%; }
.about .community-rows .item.reversed { flex-direction: row-reverse; }
.about .community-rows .item.quote { width: 100%; margin: 45px auto; }
.about .community-rows .item .content { width: 60%; }
.about .community-rows .item.no-photo .content { width: 75%; margin: 0 auto; }
.about .community-rows .item .photo { width: 40%; }
.about .community-rows .item .title { font-weight: 700; color: #1E75A0; }

.about .community-rows .item.quote { display: flex; align-items: center; background-color: #f2f4f7; border-radius: 200px; height: 372px; padding: 0 60px 0 420px; margin-top: 60px; position: relative; overflow: hidden; width: 100%; }
.about .community-rows .item.quote .photo { position: absolute; top: 0; left: 0; width: 372px; height: 372px; border-radius: 50%; overflow: hidden; }
.about .community-rows .item.quote .photo img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.about .community-rows .item.quote .content { color: #006699; font-size: 1.6em; line-height: 1.5; font-weight: 800; width: 100%; }
.about .community-rows .item.quote .content b, .about .community-rows .item.quote .content strong { display: inline-block; color: #006699; font-weight: 800; margin-right: 0.2em; }

.about .middle { margin-top: -350px; z-index: 1; position: relative; }
.about .middle .container { background: #fff; width: 92%; }
.about .middle .container .inner-content { width: 85%; margin: 45px auto; }
.about .middle .container .col-md-9 .inner-content { width: 85%; margin: 0 auto 45px auto; text-align: center; }
.about .middle .container .col-md-3 { border-left: 2px solid #0E4468; line-height: 1.5; }
.about .middle .community-rows .item.text { width: 95%; }
.about .middle .community-rows .item .content { width: 56%; }
.about .middle .community-rows .item .photo { width: 44%; }

.about .bottom-row .container { background: #fff; }
.about .bottom-row .container .inner-content { width: 85%; margin: 0 auto; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16); padding: 45px 0 25px; border-bottom: 2px solid #1E75A0; }
.about .bottom-row .container .inner-content .section-title .heading { width: 90%; }
.about .bottom-row .container .inner-content .section-title { color: #1E75A0; font-size: 1.5em; line-height: 1.2; text-align: center; font-weight: 800; display: flex; flex-wrap: wrap; justify-content: center; }
.about .bottom-row .container .inner-content .section-title span { color: #0E4468; font-size: 2.66em; font-family: "Oswald", sans-serif; font-weight: 700; text-transform: uppercase; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; text-align: center; margin: 0; line-height: 1; margin-top: 5px; }
.about .bottom-row .container .inner-content .section-title span::before, .about .bottom-row .container .inner-content .section-title span::after { content: ""; height: 2px; background-color: currentColor; }
.about .bottom-row .container .inner-content .section-title span { padding: 0; }
.about .bottom-row .container .inner-content .text-content { padding: 20px 85px; }

.about .top.no-photo { height: 175px; background: #fff !important; display: none; }
.about .top.no-photo + .negative .container { top: 0; margin-bottom: 0; }
.careers .negative .container .section-title { width: 100%; }
.careers .negative .container .inner-content { width: 85%; margin: 45px auto; }
.about .content-rows { margin: 100px 0 0; }
.about .content-rows .content { width: 80%; margin: 45px auto; }

.newslanding .top .title { background: #1C6F9C; display: flex; align-content: center; align-items: center; align-self: center; justify-content: center; min-height: 120px; margin-top: 80px; box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.16); }
.newslanding .top .title h1 { color: #fff; font-size: 3.5em; line-height: 1.1; text-align: center; font-weight: 900; text-transform: uppercase; font-family: "Oswald", sans-serif; padding: 20px 40px; text-align: center; }
.newslanding .content .container { padding: 0; }

.newslanding .news-listing .search-filter-results { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.newslanding .news-listing .article { width: 100%; }

.newsDetail .top .title { background: #1C6F9C; display: flex; align-content: center; align-items: center; align-self: center; justify-content: center; min-height: 120px; margin-top: 20px; box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.16); z-index: 2; position: relative; padding: 20px 40px; text-align: center; }
.newsDetail .top .title .lg-header { color: #fff; font-size: 3.5em; }
.newsDetail .photobg { display: none; }

.newsDetail h1 { font-family: "Oswald", sans-serif; font-size: 3em; line-height: 1.1; font-weight: 700; color: #0E4468; text-transform: uppercase; margin: 0 0 30px; text-align: center; }
.newsDetail .meta { margin-top: 40px; }
.newsDetail .date { color: #1E75A0; font-weight: 800; font-size: 1.5em; text-align: center; }

.newsDetail .share { display: none; }

.newsDetail .photo { margin-bottom: 20px; }

.news-footer { padding-left: 10%; padding-right: 10%; margin-top: 60px; }

.contact .top { padding-top: 20px; position: relative; }
.contact .top::after { display: none; }

.contact .office { display: flex; justify-content: center; align-items: center; padding-bottom: 100px; }
.contact .office .item { display: flex; justify-content: center; align-items: center; padding: 20px 0; z-index: 1; }
.contact .office .photo { position: relative; width: 625px; height: 625px; border-radius: 50%; overflow: hidden; margin: 0 auto; background-color: #003b5c; transform-origin: center; box-shadow: 0 20px 40px rgba(0,0,0,0.3); }
.contact .office .photo img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 50%; }
.contact .office .photo::after { content:""; position:absolute; bottom:0; left:0; width:100%; height:290px; background:#003b5c; z-index:1; }
.contact .office .caption { position:absolute; bottom:15px; left:0; width:100%; height:290px; display:flex; flex-wrap: wrap; justify-content:center; align-items:center; text-align:center; color:#fff; padding:0 80px; z-index:2; }
.contact .office .address { width: 100%; }
.contact .office .caption p { width: 100%; max-width: 80%; margin: 20px auto; font-size: 1em; font-weight: 800; line-height: 1.4; }
.contact .office .caption p:first-child { margin-top: 0; }
.contact .office .caption p:last-child { margin-bottom: 0; }
.contact .office .caption span { font-weight: 500; }
.contact .office .caption span.divider { color: #75A2C0; font-weight: 800; padding: 0 10px; }
.contact .office .caption a { color: #fff; }
.contact .office .caption a:hover { color: #75A2C0; }

.contact .directions { background: #d9e4ef; }
.contact .directions .center.all { padding: 0 0 60px; }

.photobg { position: absolute; top: 100px; width: 100%; z-index: -1; background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; }
.photobg .wrapper { height: 300px; overflow: hidden; padding: 0; position: relative; z-index: -1; }

.social { display: flex; justify-content: center; gap: 30px; }
.social a { font-size: 38px; color: #fff; }
.social a:hover { color: #C7D5E9; }


/* ========================================================================== 6.0 Responsive Style ========================================================================== */

    .site-header .container { width: 95%; }


  
    .practice-nav { font-size: 1.5em; }
    .social a { font-size: 30px; }
    
    .areas li, .practice-areas li { width: 33vw; margin: 0 auto !important; }
    .practices .areas { width: 100%; }
    
    .white-bg .col-md-5 .col-md-12 { width: 33vw; }
    
    .about .lg-header { margin-bottom: 40px; font-size: 3.5em; }
    .curved-content .container { width: 95vw; }
    .curved-content .container .inner-content { width: 65vw; }
    
    .bio .top { height: 48vw; }
    .bio .top .container { height: 48vw; }
    .bio .top .container .col-md-6:first-of-type img { margin-left: -40px; }
    .bio .bio-info { width: 90%; }
    .bio .intro { max-width: 100%; }


    .site-header .navbar-brand img { width: 450px; }
    
    .bio .intro { margin: 30px 0; }

 
    .container { width: 95%; }    
    .container.thin { min-width: 80%; }
    
    .site-header .navbar-brand img { width: 450px; }
    
    .navbar-nav > li > a { font-size: 16px; line-height: 1; }
    
    .practice-nav ul > li:first-child { padding-right: 35px; }
    .practice-nav ul > li + li { padding-left: 35px; padding-right: 35px; }
    
    .attorneys .row { width: 24%; }
    
    .bio .intro { line-height: 1.75; }
    .bio .bio-info { width: 80%; }


    .hero-animate { background-size: 1700px !important; }
    
    .home .top .container { margin-top: 24vw; }
    
    .bio .top { height: 42vw; background-size: cover !important; }
    .bio .top .container { height: 42vw; }
    .bio .top .container .col-md-6 { width: 55%; }
    .bio .top .container .col-md-6:first-of-type { width: 45%; }
    .bio h1 { font-size: 3em; }
    .bio .position { font-size: 1.25em; }
    .bio .intro { font-size: 16px; }
    .bio .contact { font-size: 1.25em; }


    .navbar-nav > li > a { font-size: 14px; line-height: 1; }    


    
    .home .top .container { margin-top: 28vw; }
    
    .news-listing .article .title { height: 135px; font-size: 1.2em; line-height: 1.5; }
    
    .spotlight .text { font-size: 1em; }
    .home .spotlight .text b, .home .spotlight .text strong { font-size: 1.25em; }
    
    .white-bg .col-md-7 .content-inner, .white-bg .col-md-10 .content-inner { width: 90%; }
    
    .curved-content .container { border-radius: 0; width: 92vw; padding: 40px 80px; }
    .curved-content .container .inner-content { width: 100%; margin-left: 0; margin-right: 0; }
    
    .about .top { background-size: 100vw !important; background-position: center !important; background-repeat: no-repeat !important; background-color: #fff !important; height: 65vw; }
    .about .top .title { margin-top: 0; }
    .about .negative .container { top: 0; }
    
    .about .middle { margin-top: 0; }
    
    .community .top { background-position: top center !important; }
    
    .news-footer { padding-left: 5%; padding-right: 5%; }


    
    
    .site-header.sticky .navbar-brand img { margin-top: 0 !important; }
    .header-s2 .navbar-brand { text-align: center; margin-top: 36px; margin-bottom: 20px; order: 2; padding-left: 2.5%; }
    .header-s2.is-transparent .navbar-brand .logo-dark { display: block; margin: 0 auto; }
    
    .practice-nav { font-size: 22px; height: 100px; }
    .practice-nav ul > li:first-child { padding-right: 25px; }
    .practice-nav ul > li + li { padding-left: 25px; padding-right: 25px; }
    
    .bio .top { height: auto; background-size: 100% !important; }
    .bio .top .container { height: auto; }
    .bio .top .container .col-md-6 { width: 60%; margin: 0 0 0 50px; }
    .bio .top .container .col-md-6:first-of-type { width: 51.5vw; justify-content: center; margin: 0 auto; }
    .bio .top .container .col-md-6:first-of-type img { margin-left: 0; }
    .bio .bio-info { width: 100%; }
    .bio .bio-content .center.all { padding: 0 0 20px 0; }
    
    .white-bg .col-md-7 { width: 65%; }
    .white-bg .col-md-10 { width: 85%; }
    .white-bg .col-md-5 { width: 35%; }
    .white-bg .col-md-5 .col-md-12 { width: 28vw; }
    .white-bg .col-md-5 .practice-areas, .white-bg .col-md-5 .areas { width: 28vw; }
    .white-bg .col-md-5 .practice-areas li, .white-bg .col-md-5 .areas li { width: 100%; }
    
    .social a { font-size: 26px; }


   
    .spotlight { height: 325px; padding: 0 60px 0 370px; }
    .spotlight .photo { width: 325px; height: 325px; }
    
    .about .community-rows .item.quote { height: 325px; padding: 0 60px 0 370px; }
    .about .community-rows .item.quote .photo { width: 325px; height: 325px; }


    .hero-animate { background-size: 1450px !important; background-position: center -40px !important; }
    
    .home .top .container { margin-top: 20vw; }
    
    .banner-text h1 { font-size: 3em; }
    
    .attorneys .row { width: 32%; }
    
    .areas li, .practice-areas li { width: 100%; }
    .practices .areas li { width: 43vw; }
    
    .practice .top .title h1, .about .top .title h1, .newslanding .top .title h1 { font-size: 3em; }
    .practice .white-bg .col-md-5 h2 { max-width: 100%; }
    
    .lg-header { font-size: 3em; }
    .md-font { font-size: 1.2em; }
    
    .about .middle .container { padding: 0; }
    .about .middle .container .inner-content { width: 100%; display: flex; flex-wrap: wrap; }
    .about .middle .container .inner-content .col-md-9 { width: 100%; padding: 0; }
    .about .middle .container .col-md-3 { width: 85%; border-top: 2px solid #0E4468; border-left: none; margin: 30px auto 0; padding: 30px 0 0; }
    .about.community .middle.content .lg-header { width: 85%; margin: 0 auto 40px; }
    .about .middle .community-rows .item.text { width: 85%; }
    .about .middle .community-rows .item .content { width: 70%; }
    .about .middle .community-rows .item .photo { width: 30%; }
    .about .bottom-row .container .inner-content { width: 100%; }
    
    .LISI { position: relative; margin-top: 20px; right: 0; display: inline-block; width: 100%; }


    
    .hero-animate { background-size: 1400px !important; background-position: center -15px !important; animation: none !important; transform: none !important; }
    .home .top .container { margin-top: 200px; }
    
    .container { width: 95%; }
    
    .home .hero-overlay-text { width: 300px; }
    
    .home .hero-overlay-text div { transform: none !important; opacity: 100 !important; }
    
    .practices .banner-text h1 { max-width: 800px; margin: 0 auto; }
    .practice-nav a.active { text-underline-offset: 16px; }
    
    .practice-nav ul { justify-content: center; flex-wrap: wrap; }
    .practices .practice-nav ul > li:first-child { padding-right: 25px; padding-left: 25px; }
    .practices .practice-nav ul > li:last-child { width: 100%; text-align: center; padding: 0; }
    .practice-nav a.active { text-decoration: none; }
    .practice-nav a::after { display: none; }
    
    .home .practice-nav ul > li + li { padding-left: 15px; padding-right: 15px; }
    .home .practice-nav ul > li:first-child { padding-right: 15px; }
    
    .white-bg .col-md-5 .practice-areas, .white-bg .col-md-5 .areas { width: 100%; }
    
    .bio .bio-content .container { display: flex; flex-wrap: wrap; flex-direction: column-reverse; padding: 0; }
    .bio .bio-content .container .col-md-7 { width: 100%; }
    .bio .bio-content .container .col-md-4 { width: 100%; margin-top: 60px; }
    
    .home h1 { font-size: 3em; }
    
    .home .top .container p { max-width: 67%; }
    
    h2.section-header, h3.section-header { font-size: 1.55em; }
    
    .successes-swiper .swiper-button-prev { left: 0; }
    .successes-swiper .swiper-button-next { right: 0; }
    
    .spotlight { height: 275px; padding: 0 60px 0 320px; }
    .spotlight .photo { width: 275px; height: 275px; }
    .spotlight .text { font-size: 16px; }
    
    .spotlight + .center.all { display: none; }
    
    .about .community-rows .item.quote { height: 275px; padding: 0 60px 0 320px; }
    .about .community-rows .item.quote .photo { width: 275px; height: 275px; }
    .about .community-rows .item.quote .content { font-size: 16px; }
    
    .news-listing { flex-wrap: wrap; background: #fff; margin-bottom: 0; margin-top: 0; }
    .news-listing .article { width: 48.9%; }
    .home .news-listing .article:nth-child(3n), .community .news-listing .article:nth-child(3n) { display: none; }
    .news-listing .article .title { height: auto; }
    .newslanding .news-listing .article:nth-child(3n) .photo { display: none; }
    
    .white-bg .container { flex-wrap: wrap; }
    .white-bg .col-md-7, .white-bg .col-md-10 { width: 100%; margin: 0 auto; }
    .white-bg .col-md-5 { width: 100%; margin: 0 auto; padding-top: 0; }
    .white-bg .col-md-5 .content-inner { width: 90%; }    
    .white-bg .col-md-5 .areas, .practice-areas, .white-bg .col-md-5 .sidebar { width: 100%; display: inline-block !important; position: relative !important; top: 0 !important; padding-bottom: 0; }
    .white-bg .col-md-5 .col-md-12 { width: 100%; }
    
    .curved-content .container { padding: 40px; }
    .curved-content .container .inner-content { margin-top: 0; }
    
    .blue .box { padding: 40px; }
    
    .about .negative .container .section-title { width: 100%; padding: 0 40px; }
    .about .negative .container .inner-content { width: 100%; padding: 0 40px; }
    .about .negative .container hr { width: calc(100% - 80px); margin: 40px auto; }
    .about .community-rows .item.text { width: 100%; padding: 0 40px; }
    .about .community-rows .item.no-photo .content { width: 100%; }
    .about .community-rows .item.quote .content { font-size: 1.2em; }
    .about.community .middle.content .lg-header { width: 100%; padding: 0 40px; }
    .about .middle .community-rows .item.text { width: 100%; }
    .about .middle .container .col-md-3 { width: 100%; margin: 30px 40px 0; }
    .about .bottom-row .container { width: 100%; padding: 0; }
    

    .contact .top::after { height: calc(240px + 60px); }
    .contact .office .photo { width: 600px; height: 600px; }
    .contact .office .caption { height: 240px; }
    .contact .office .photo::after { height: 240px; }
    .contact .office .caption p { font-size: 1em; max-width: 90%; }

    
    .hero-animate { background-size: 1350px !important; background-position: center 0 !important; }
    
    .spotlight { flex-direction: column; align-items: center; height: auto; padding: 20px; margin: 60px auto; padding-top: 0; border-radius: 400px; width: 400px; }
    .spotlight.no-photo { padding: 40px 80px; width: 100%; }

    .spotlight .photo { position: relative; margin-bottom: 20px; transform: none !important; width: 400px; height: 400px; }

    .spotlight .text { padding: 10px 20px 100px; font-size: 16px; transform: none !important; opacity: 100 !important; }
    .spotlight.no-photo .text { padding: 0; }
    .home .spotlight .text b, .home .spotlight .text strong { display: inline; }
    
    .practices .tabcontent .col-md-6:first-of-type { width: 100%; }
    .practices .tabcontent .col-md-6.pracPhoto { display: none; }
    .areas li { width: 75vw; }
    .practice-areas li, .practices .areas li { width: 100%; }
    
    .home .practice-nav ul > li:first-child { padding-left: 15px; }
    .home .practice-nav ul > li:last-child { width: 100%; text-align: center; border: none; }
    
    .attorneys .content, .attorneys .content .search-filter-results { justify-content: flex-start; }
    .attorneys .row { width: 32%; }
    
    .white-bg .col-md-5 .areas li { width: 100%; }
    
    h1.section-header, h2.section-header, h3.section-header, .about .negative .container .section-title h1 span, .about .bottom-row .container .inner-content .section-title span { display: block; }
    h1.section-header::before, h1.section-header::after, h2.section-header::before, h2.section-header::after, h3.section-header::before, h3.section-header::after, .about .negative .container .section-title h1 span::before, .about .negative .container .section-title h1 span::after, .about .bottom-row .container .inner-content .section-title span::before, .about .bottom-row .container .inner-content .section-title span::after { display: none; }
    
    .about .community-rows .item.quote { flex-direction: column-reverse; align-items: center; height: auto; padding: 20px; margin: 60px auto; padding-top: 0; border-radius: 400px; width: 400px; }
    .about .community-rows .item.quote .content { height: auto; padding: 20px 40px 100px; }
    .about .community-rows .item.quote .photo { width: 90vw; max-width: 400px; height: 90vw; max-height: 400px; position: relative; }
    
    .about .content-rows { margin: 40px 0 0; }
    
    .bio h1 { font-size: 2em; }
    .bio .position { font-size: 1.15em; }
    .bio .contact { font-size: 1.15em; }
    
    .curved-content .container { width: 100%; padding: 40px 0; }
    .curved-content .container .inner-content { width: 90%; margin-left: auto; margin-right: auto; }
    .curved-content + .section-content { margin-top: -150px; }
    .about .top { background-position: center 90px !important; height: 370px;; }
    .curved-content .container { top: -50px; }
    
    .home .top .container p { max-width: 85%; }



    .hero-animate { background-size: 1200px !important; background-position: center -25px !important; }
    .home .top .container p { max-width: 100%; }
    .home .top .container { margin-top: 75px; }
    
    .hero-wrapper { height: 60vh; }
    
    .practice-nav { position: relative; height: auto;  }
    .practice-nav ul { flex-wrap: wrap; padding: 20px; }
    .practice-nav ul > li { width: 100%; position: relative; text-align: center; padding-top: 3px; padding-bottom: 10px; }
    .practice-nav ul > li:first-child { padding-right: 0; padding-left: 0; }
    .practice-nav ul > li + li { padding-left: 0; padding-right: 0; border-left: none; }
    .practice-nav ul > li::after { content: ""; position: absolute; bottom: 0; left: 47.5%; width: 5%; border-bottom: 3px solid #75A2C0; }
    .practice-nav ul > li:last-child::after { display: none; }
    .practice-nav a { display: block; }
    .practice-nav a:hover::after { display: none; }
    .practice-nav a.active { text-decoration: underline; text-decoration-thickness: auto; text-decoration-thickness: 3px; text-decoration-color: #C7D5E9; }
    
    .news-listing .article { width: 100%; }
    .home .news-listing .article:nth-child(3n), .community .news-listing .article:nth-child(3n) { display: block; }
    .newslanding .news-listing .article:nth-child(3n) .photo { display: block; }
    
    .attorneys .row { width: 32%; }
    
    .section-content.blue .container { width: 100%; padding: 0; }
    .section-content.blue h2.section-header { width: 100%; margin-left: auto; margin-right: auto; }
    .blue .box { padding: 30px 20px; }
    
    .practices .banner-text h1 { max-width: 700px; margin: 0 auto; }
    
    .practice-nav a.active { text-underline-offset: 10px; }
    
    .community .top { background-position: top center !important; }
    .about .negative .container { width: 100%; }
    
    .about .middle .container { width: 100%; }
    
    .about .negative .container .section-title { margin: 30px auto; }
    
    .newslanding .news-listing .search-filter-results { gap: 15px; }
    .newslanding .news-listing .search-filter-results { grid-template-columns: repeat(1, 1fr); }
    
    .bio .top { background: none !important; }
    .bio .top .container .col-md-6:first-of-type { background: url('../images/bio-landing-bg.jpg'); background-size: cover; width: 40%; }
    .bio .top .container .col-md-6:first-of-type img { max-width: 500px; width: 100%; }

    .spotlight.no-photo { border-radius: 0; padding: 60px; }