/*!
 * 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=Cormorant+Garamond:ital,wght@0,600;1,600&family=Montserrat:wght@500;800&display=swap');

/* ==================== 2.0 Resets ====================*/
body { font-family: 'Montserrat', sans-serif; color: #635E53; font-size: 20px; font-weight: 500; line-height: 40px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body.no-scroll { overflow: hidden; height: 100vh; }

.mobile { display: none; }

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.1; color: #124785; }
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: 3.75em; font-weight:300; }

h2, .h2 { font-size: 3em; font-weight:700; }

h3, .h3, h4, .h4, .heading-md, .heading-md-lead { font-size: 1.25em; font-weight:500; }

h4, .h4, h4.heading-md { font-size: 1.25em; margin-bottom: 12px; font-weight:700; }

h5, .h5 { font-size: 1.1em; margin-bottom: 8px; }

h6, .h6, .heading-sm, .heading-sm-lead { font-size: .875em; }

ul, ol { margin: 0px; padding-left: 25px; }
ul li, ol li { padding-left: 15px; padding-bottom: 10px; }
.footer ul li, .footer 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 { font-family: 'Cormorant Garamond', serif; color: #124785; font-size: 3em; font-style: italic; line-height: 1.15em; text-align: center; border: 0; }
blockquote strong { font-weight: 700; }
blockquote:first-child { margin-top: 0; }
blockquote:last-child { margin-bottom: 0; }

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: 600; }

a { outline: 0; transition: all 0.5s; color: #227EB2; }
a:link, a:visited { text-decoration: none; }
a:hover { outline: 0; color: #124785; }
a:focus, a:active { color: inherit; }

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; border-top: 1px solid #808080; }
hr:first-child, .hr:first-child { margin-top: 0; }
hr:last-child, .hr:last-child { margin-bottom: 0; }

input:focus { border-color: #66afe9; outline: 0; box-shadow: 0 0 0 transparent; }

.center { text-align: center; }

.section-pad { padding-top: 65px; padding-bottom: 65px; }
.section-pad-xs { padding-top: 20px; padding-bottom: 20px; }
.section-pad-sm { padding-top: 40px; padding-bottom: 40px; }
.section-pad-md { padding-top: 60px; padding-bottom: 60px; }
.section-pad-lg { padding-top: 110px; padding-bottom: 110px; }
.section-pad.nopd { padding-top: 0; padding-bottom: 0; }
.section-pad.nopdtop { padding-top: 0; padding-bottom: 60px; }
.nopdbottom { padding-top: 40px; padding-bottom: 0; }

.nopd { padding: 0px; }

.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

.navbar-toggle { margin-right: 0px; }

.button { color: #fff; background-color: #227EB2; font-size: 16px; font-weight: 500; line-height:1.5; padding: 8px 40px; display: inline-block; cursor: pointer; transition: all 0.5s; text-align: center; z-index: 1; position: relative; text-transform: uppercase; }
.button:hover { color: #fff; background-color: #124785; text-decoration: none !important; }

@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; } }

/* ========================================================================== 2.1 General / Common ========================================================================== */

.content ul li { position: relative; margin-left: 20px; list-style: disc; }
.content ul li:last-child { margin-bottom: 0; }

.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; }

.position { position: static; }


/* ========================================================================== 3.0 Header/Navbar ========================================================================== */

.site-header { background: #fff; top: 0; left: 0; width: 100%; height: 175px; transition: top .5s; z-index: 50; position: fixed; }
.site-header .navbar { border-radius: 0; border: 0 none; height: 155px; padding: 20px 0 0; color: #36454e; margin: 0; z-index: 9;  }
.site-header .navbar-brand { height: auto; width: auto; padding: 0; position: relative; }
.site-header .navbar-brand img { width: auto; max-height: 155px; }
.site-header.sticky.animate .navbar-brand img { height: 155px; }
.site-header .navbar-collapse { padding: 0; background-color: transparent; color: #4D4B4B; }
.site-header .logo-light { display: none; }

.site-header.animate { top: -175px; }
.site-header.sticky.animate { top: 0; position: fixed; z-index: 11; height: 175px; }

.navbar-nav { width: 100%; }
.navbar-nav > li.mobile { display: none; }
.navbar-nav > li > a { background: transparent; color: inherit; font-weight: 400; font-size: 16px; line-height: 16px; padding: 14px 16px; transition: background 350ms, color 350ms, border-color 350ms; }
.navbar-nav > li.active > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color: #ED1C24; background: transparent; }
.navbar-nav > li > ul ul { top: 0; margin-top: 0; }
.navbar-nav > li:hover > ul { top: 100%; padding: 10px 0; opacity: 1; visibility: visible; }
.navbar-nav li ul li { position: relative; line-height: 0; padding-bottom: 26px; }
.navbar-nav li ul li:last-child { padding-bottom: 0; }
.navbar-nav li ul li ul { left: 240px; opacity: 0; visibility: hidden; }
.navbar-nav li ul li:hover ul { opacity: 1; visibility: visible; z-index: 100; }
.navbar-nav li ul li.has-children > a:after { color: #596570; content: "\f0c8"; display: block; position: absolute; top: 50%; right: 8px; opacity: .5; margin-top: -7px; height: 14px; width: 12px; text-align: center; font-size: 6px; line-height: 14px; font-family: "FontAwesome"; transition: transform .4s; }
.navbar-nav li ul > .active > a, .navbar-nav li ul > .active > a:focus, .navbar-nav li ul > .active > a:hover { color: #ffffff; background-color: #f5f5f5; }
.navbar-nav ul li { color: #596570; }
.navbar-nav ul li.active > a, .navbar-nav ul li.active > a:focus .navbar-nav ul li.active > a:hover, .navbar-nav ul li.rollover > a { }
.navbar-nav ul li.active > a, .navbar-nav ul li.rollover > a {  }
.navbar-nav .label { margin-top: -3px; vertical-align: middle; display: inline-block; margin-left: 5px; text-transform: uppercase; padding: 3px 10px 4px; -ms-border-radius: 20px; border-radius: 20px; }
.navbar-nav li.has-children ul { text-align: right; left: auto; right: 0; }
.navbar-nav li ul { position: absolute; border: 0px; border-radius: 16px; padding: 30px !important; left: 0; top: -999em; z-index: 99; display: block; opacity: 0; visibility: hidden; transition: opacity .5s, visibility .4s; background-color: #f0ecdd; list-style: none; }
.navbar-nav li ul li a { font-size: 19px; font-weight: 700; line-height: 26px; color: #123929; white-space: nowrap; }
.navbar-nav li ul li a::after { display:none; }
.navbar-nav li ul li a .fa-arrow-right { font-size: 15px; margin-left: 10px; }
.navbar-nav li ul li a:hover span { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }

.header-s2 .col-xs-12.logo { padding: 0 2px 0 0; }
.header-s2 .col-xs-12.nav { background: #124785; height: 155px; display: flex; align-items: end; padding-bottom: 20px; }
.site-header.sticky.animate .col-xs-12.nav { height: 155px; }
.header-s2 .nav::before { display: none; }
.header-s2 .nav::after { display: none; }
.header-s2 .navbar { padding: 0; }
.header-s2 .navbar .container { width:100%; padding: 0; }
.header-s2 .navbar-nav > li.has-children a::after { content: "\f078"; font-family: 'Font Awesome 6 Free'; font-size: 12px !important; right: -22px; bottom: -2px; position: absolute; }
.header-s2 .navbar-nav > li.has-children a:hover::after, .header-s2 .navbar-nav > li.rollover a::after { color:#123929 !important; }
.header-s2 .navbar-nav > li  { width: 49%; height: 36px; position: relative; border: 1px solid #fff; padding: 0; }
.site-header.sticky.animate .navbar-nav > li  { height: 36px; }
.header-s2 .navbar-nav > li.nb  { border: none; }
.header-s2 .navbar-nav > li > a { padding: 0; }
.header-s2 .navbar-nav > li.quote-btn { margin-top: 27px; }
.header-s2 .navbar-nav > li.last { margin-right: -15px; }
.header-s2 .navbar-nav > li.mobile { display: none; }
.header-s2 .navbar-brand { margin: 0 !important; float: right; }
.header-s2 .navbar-collapse { width: auto; justify-content: right; display: grid; }
.header-s2 .navbar-collapse::before { display: none; }
.header-s2 .navbar-collapse::after { display: none; }
.header-s2.is-transparent .navbar { width: 100%; z-index: 9; }
.header-s2.is-transparent .navbar-nav { display: flex; flex-wrap: wrap; width: 500px; gap: 8px; }
.header-s2.is-transparent .navbar-nav li ul { color: #596570; }
.header-s2.is-transparent .navbar-nav > li > a, .header-s2.is-transparent .navbar-nav > li.active > a, .header-s2.is-transparent .navbar-nav > li > a:focus, .header-s2.is-transparent .navbar-nav > li.has-children > a:after { color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase; width: 100%; height: 100%;
  display: flex; align-content: center; align-items: center; justify-content: center; }
.header-s2.is-transparent .navbar-nav > li > a:hover, .header-s2.is-transparent .navbar-nav > li.rollover:not(.mobile) a { color: #fff; background-color: #227EB2; }
.header-s2.is-transparent .navbar-nav > li.current > a, .header-s2.is-transparent .navbar-nav > li.current > a:hover, .header-s2.is-transparent .navbar-nav > li.current > a:focus, .header-s2.is-transparent .navbar-nav > li.current.has-children > a:after { color: #fff; }
.site-header.sticky.animate .navbar-nav > li > a { font-size: 16px; }
.header-s2.is-transparent .navbar-nav > li.current > a:not(.btn)::before { content: ""; position: absolute; left: 18px; top: 18px; right: 18px; height: 2px; background-color: #B51F30; opacity: 1; transition: all .4s; }
.header-s2.is-transparent .navbar-nav > li.current > a:not(.btn)::after { content: ""; position: absolute; left: 18px; top: 91px; right: 18px; height: 2px; background-color: #B51F30; opacity: 1; transition: all .4s; }
.header-s2.is-transparent .navbar-brand .logo-light { display: block; }
.header-s2.is-transparent .navbar-brand .logo-dark { display: none; }
.header-s2 .nav .contact p { margin-bottom: 5px; }
.header-s2 .nav .contact p:last-of-type { margin-bottom: 0; }
.header-s2 .nav .contact .phone { color: #fff; font-weight: 800; font-size: 24px; }
.header-s2 .nav .contact .button { color: #fff; background-color: #227EB2; font-size: 16px; font-weight: 500; text-transform: uppercase; height: 36px; width: 245px; display: flex; align-items: center; justify-content: center; margin: 0 auto; padding: 0; }
.header-s2 .nav .contact .button:hover { color: #227EB2; background-color: #fff; }

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}



/* ========================================================================== 4.0 Banner/Slider ========================================================================== */
.pageTitle { background: #fff; }
.pageTitle h1 { outline: solid 2px #76A4EA; outline-offset: -10px; display: flex; align-items: center; justify-content: center; background: #335892; width: 1280px; margin: 0 auto; color: #fff; font-size: 74px; line-height: 89px; font-weight: 100; text-align: center; text-transform: uppercase; height: 200px; top: -12px; position: relative; }

@-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);}
}

/* ========================================================================== 5.0 Page Content - About, Service etc ========================================================================== */
.top { z-index: 1; position: relative; margin-top: 175px !important; }

.top .pageIntro { width: 90%; max-width:730px; text-align: left; margin: 0 auto; color: #fff; }

.pageContent { margin:30px 0 60px; padding: 0; }
.pageContent .container { width: 90%; max-width:730px; }

.pageContent .container a { font-weight: 700; }
.pageContent .container a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.pageContent .container h2 { font-size: 2em; color: #131312; font-weight: 700; }
.pageContent .container h3 { font-size: 1.5em; color: #131312; font-weight: 700; }
.pageContent .container h4 { font-size: 1.25em; color: #131312; font-weight: 700; }

.page .pageContent { margin:30px 0 60px; padding: 0; }
.page .pageContent .container { max-width: 1200px; width: 90%; }

.textIntro { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 2em; line-height: 1.2; }

.cormorant { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 2.5em; }

.home .hero { max-height: 700px; height: 68vh; }
.home .hero h1 { position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); color: #227EB2; font-weight: 800; width: 960px; font-size: 7em; line-height: .88; text-align: center; text-transform: uppercase; letter-spacing: -3px; margin-left: 30px; }

.carousel { height: 100%; }
.carousel .carousel-inner, .carousel .item, .carousel .active { height: 100%; }

.banner-slider { max-height: 700px; height: 68vh; }
.banner-slider .carousel-inner .item { transition-property: opacity; }
.banner-slider .carousel-inner .item, .banner-slider .carousel-inner .active.left, .banner-slider .carousel-inner .active.right { opacity: 0; }
.banner-slider .carousel-inner .active, .banner-slider .carousel-inner .next.left, .banner-slider .carousel-inner .prev.right { opacity: 1; }
.banner-slider .carousel-inner .next, .banner-slider .carousel-inner .prev, .banner-slider .carousel-inner .active.left, .banner-slider .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); }
.banner-slider .fill { width: 100%; height: 100%; background-position: center right; background-size: cover; }
.practice.sub .banner-slider .fill { background-position: center center; }

.tagline { background: #124785; box-shadow: 0px 12px 24px rgba(0, 0, 0, .5); z-index: 1; position: relative; }
.tagline .container { width: 100%; text-align: center; }
.tagline h2 { color: #FFF; font-weight: 800; font-size: 2.75em; padding: 48px 0; }

.fullcol .container { width: 100%; }
.fullcol .container .col-md-8 { background: #ECF6F9; padding: 125px 150px; color: #124785; }
.fullcol .container p:last-of-type + ul, .fullcol .container p:last-of-type + ol { margin-top: 40px; }
.fullcol .container ul, .fullcol .container ol { margin-bottom: 30px; }
.fullcol a { font-weight: 800; }
.fullcol .justcenter { display: flex; justify-content: center; }

.onecol .container { background: #ECF6F9; padding: 100px 150px; color: #124785; }
.onecol .container p { margin-bottom: 40px; }
.onecol .container p:last-of-type { margin-bottom: 0; }
.onecol .container p:last-of-type + ul, .onecol .container p:last-of-type + ol { margin-top: 40px; }
.onecol .container ul, .onecol .container ol { margin-bottom: 30px; }
.onecol a { font-weight: 800; }

.twocol .container { width:100%; padding: 0; overflow: hidden; }
.twocol .container .content { background: #227EB2; color: #D7E4ED; align-items: center; display: flex; }
.twocol .container .content .text { padding: 75px;  }
.twocol .container .photo { background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; }
.onecol .container p:last-of-type + ul, .onecol .container p:last-of-type + ol { margin-top: 40px; }
.onecol .container ul, .onecol .container ol { margin-bottom: 30px; }
.twocol a { font-weight: 800; }

.quote.container { background: #fff; padding: 100px 150px; color: #124785; }

.wordart { box-shadow: 0px 12px 12px rgba(18, 71, 133, .35); z-index: 1; position: relative; }
.about .wordart { margin-top: 40px; padding-bottom: 20px; }
.wordart .background { background-size: 100% !important; background-repeat: no-repeat !important; background-position: center !important; min-height: 375px; display: flex; }
.wordart .container { background: rgba(255,255,255,.9); display: flex; align-items: center; width: 100%; font-family: 'Cormorant Garamond', serif; color: #124785; font-weight: 600; font-style: italic; font-size: 2.75em; line-height: 1.2em; justify-content: center; padding-bottom: 40px; padding-top: 40px; }
.wordart .container .center { width: 95%; }

.team .top { background-attachment: fixed; }
.team .top .container { width: 98%; padding-bottom: 300px; }
.team .top h1 { font-size: 7em; font-weight: 800; text-transform: uppercase; letter-spacing: -3px; line-height: .9em; text-align: center; color: #fff; }
.team h2 { color: #fff; }
.team .top .container p { width: 59%; margin: 0 auto; color: #fff; font-weight: 800; }

.people_container { margin-top: 60vh; display: inline-block; background: rgba(255,255,255,.15); }
.people_container .heading { padding: 0; margin-bottom: 25px; }
.people_container h2 { background: #124785; font-weight: 800; text-align: center; padding: 38px 0; }
.person { padding-bottom: 25px; transition: all 0.5s; }
.person:nth-child(even) { padding-left: 25px; padding-right: 12.5px; }
.person:nth-child(odd) { padding-left: 12.5px; padding-right: 25px; }
.person .photo img { width: 100%; }
.person .details { background-color: #fff; color: #124785; padding: 25px; text-align: center; transition: all 0.5s; display: flex; flex-wrap: wrap; align-content: center; align-items: center; align-self: center; }
.person .name { font-size: 1.7em; line-height: 1; font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 600; padding-bottom: 8px; width: 100%; }
.person .details .title { text-transform: uppercase; font-weight: 500; line-height: 1.2; padding-top: 0; padding-bottom: 4px; width: 100%; }
.person .details .retired { text-transform: uppercase; font-weight: 500; line-height: 1.2; padding-top: 0; padding-bottom: 0; font-style: italic; font-size: 16px; width: 100%; }
a.person:hover .details { background-color: #227EB2; color: #fff; }

.team .top .container .lock { padding-top: 200px; z-index: -1; }
.team .top .container .lock .together { position: absolute; height: 100%; width: 95vw; top: 15px; left: 0; background-repeat: no-repeat; background-position: top; z-index: -1; }
.team .top .container .lock.sticky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 175px; bottom: auto; }

.bio .top { max-height: 775px; height: 75vh; }
.bio .top .container { width: 100%; padding:0; }
.bio .top .container .bioDetails { border-right: 2px solid #fff; background: #227EB2; display: flex; align-items: center; max-height: 775px; height: 75vh; }
.bio .top .container .bioDetails .content { color: #fff; margin: 0 auto; }
.bio .top .container .bioDetails .content h1 { font-family: 'Cormorant Garamond', serif; font-size: 2.5em; font-style: italic; color: #fff; }
.bio .top .container .bioDetails .content .position { font-weight: 500; text-transform: uppercase; }
.bio .top .container .bioDetails .content .retired { font-weight: 500; text-transform: uppercase; font-style: italic; font-size: 16px; }
.bio .top .container .bioDetails .content .contact { font-weight: 500; text-transform: uppercase; padding-top: 18px; }
.bio .top .container .bioDetails .content .contact a { color: #fff; }
.bio .top .container .bioDetails .content .contact a:hover { color: #124785; }
.bio .top .container .bioDetails .content .social { padding: 70px 0 52px; display: inline-block; }
.bio .top .container .bioDetails .content .social li { list-style: none; float: left; margin-left: 0; padding: 0; }
.bio .top .container .bioDetails .content .social li a { font-size: 25px; margin-right: 35px; border-radius: 50%; background: #89C4D6; color: #fff; height: 50px; width: 50px; line-height: 50px; text-align: center; }
.bio .top .container .bioDetails .content .social li:last-of-type a { margin-right: 0; }
.bio .top .container .bioDetails .content .social li a:hover { background: #124785; text-decoration: none; }
.bio .top .container .photo { background-position: center !important; max-height: 775px; height: 75vh; }

.intro { background: #124785; box-shadow: 0px 12px 24px rgba(0, 0, 0, .5); z-index: 1; position: relative; }
.intro .container { width: 95%; text-align: center; }
.intro h2 { color: #FFF; font-weight: 800; font-size: 1.9em; line-height: 1.25; padding: 40px 8%; }

.bio .practices { position: absolute; padding-top: 125px; right: 15px; width: 75%; }
.bio .practices h3 { color: #124785; font-weight: 800; font-size: 1em; border-bottom: 2px solid #227EB2; padding-bottom: 10px; }
.bio .practices ul { list-style: none; padding-left: 0; margin-right: 50px; }
.bio .practices ul li { padding: 0 0 10px 0; line-height: 1.4; }
.bio .practices ul li a { color: #124785; font-weight: 400; }
.bio .practices ul li a:hover { color: #227EB2; }

.bio .credentials { margin-top: 5px; }
.bio .credentials .content { border-right: 2px solid #fff; }
.bio .credentials .content .text { padding: 50px; }
.bio .credentials .content h3 { color: #D7E4ED; font-size: 1em; font-weight: 800; margin-bottom: 5px; margin-top: 20px; }
.bio .credentials .content h3:first-of-type { margin-top: 0; }
.bio .credentials .content ul { color: #D7E4ED; font-size: .8em; line-height: 1.4em; padding-left: 0; text-indent: -20px; margin-left: 20px; }
.bio .credentials .content ul li { list-style: none; margin-left: 0; padding: 0; }
.bio .credentials .video { padding: 0; background: #227EB2; }

.featnews { background: #ECF6F9; margin-top: 5px; }
.featnews .container { width: 95%; display: flex; justify-content: center; flex-wrap: wrap; }
.featnews h3 { color: #124785; font-family: 'Cormorant Garamond', serif; text-align: center; font-style: italic; font-size: 1.9em; margin-bottom: 45px; width: 100%; }
.featnews .article { background: #fff; width: 32%; float: left; margin-right: 17px; color: #124785; text-align: center; }
.featnews .article:last-of-type { margin-right: 0; }
.featnews .article .articleTop { padding: 40px 40px 0 40px; display:block; }
.featnews .article .date { padding-bottom: 30px; }
.featnews .article .title { color: #124785; font-weight: 800; font-size: 1.5em; line-height: 1.15; padding-bottom: 20px; display: block; }
.featnews .article .title:hover { color: #227EB2; font-weight: 800; font-size: 1.5em; }
.featnews .article p { line-height: 1.45em; }
.featnews .article .articleBottom { padding: 40px; margin-top: 20px; }
.featnews .article .link a { color: #124785; }
.featnews .article .link a:hover { color: #227EB2; }
.featnews .all { margin: 20px; text-align: center; }

.badges { padding-top: 45px; padding-bottom: 45px; margin: 10px 0; border-top: 3px solid #E4E4E4; border-bottom: 3px solid #E4E4E4; }
.badges ul { list-style: none; padding-left: 0; display: flex; align-items: center; column-gap: 30px; flex-wrap: wrap; justify-content: center; }
.badges ul li { width: 23%; padding: 20px 0; text-align: center; }

.bottom { font-size: 1.7em; color: #124785; line-height: 1.2; text-align: center; }
.bottom .container { width: 1400px; }

.contactForm .head { font-size: 18px; line-height: 1.3; font-weight: 500; color: #124785; text-align: center; margin-bottom: 20px; }
.contactForm .container .formHeader { color: #124785; max-width: 685px; margin: 0 auto; text-align: center; }
.contactForm .container form { margin-top:40px; position: relative; }
.contactForm .gform_heading { display: none; }
.contactForm .gfield_label { display: none !important; }
.contactForm .gform_wrapper.gravity-theme .gfield input.medium { width: 100%; }
.contactForm input[type="text"] { background: #ECF6F9; border:2px solid #ECF6F9; width: 100%; height: 45px; color: #124785; font-size: 18px; font-weight: 500; padding: 0 10px; margin-bottom: 10px; }
.contactForm .half { width: 50% !important; float: left; padding-right: 10px; }
.contactForm .half.last { padding-right: 0; }
.contactForm input::-webkit-input-placeholder { color:#124785; opacity: 1; }
.contactForm input::-moz-placeholder { color:#124785; opacity: 1; }
.contactForm input::-ms-placeholder { color:#124785; opacity: 1; }
.contactForm input::placeholder { color:#124785; opacity: 1; }
.contactForm textarea::-webkit-input-placeholder { color:#124785; opacity: 1; }
.contactForm textarea::-moz-placeholder { color:#124785; opacity: 1; }
.contactForm textarea::-ms-placeholder { color:#124785; opacity: 1; }
.contactForm textarea::placeholder { color:#124785; opacity: 1; }
.contactForm textarea { border:2px solid #fff; background: #fff; width: 100%; height: 140px; color: #124785; font-size: 18px; font-weight: 500; line-height: 1.6; padding: 10px; margin-bottom: 5px; }
.contactForm textarea:focus, .contactForm textarea:focus, .contactForm textarea:focus-visible { border: 2px solid #124785 !important; }
.contactForm select { background: #fff; border:2px solid #fff; width: 100%; height: 45px; color: #124785; font-size: 18px; font-weight: 500; padding: 0 10px; margin-bottom: 10px; }
.contactForm input:focus, .contactForm textarea:focus, .contactForm textarea:focus-visible { border:2px solid #124785; outline: none !important; }
.contactForm input[type="checkbox"]:checked:before { content: ''; background: transparent; display: block; width: 22px; height: 22px; text-align: center; }
.contactForm input[type="checkbox"]:checked:after { content: ''; position: absolute; width: 14px; height: 14px; top: 2px; left: 2px; background: #124785; border-radius: 10px; }
.contactForm input[type="checkbox"] { width:22px; height:22px; margin-right: 10px; -webkit-border-radius: 10px; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; border: 2px solid #124785; margin-top: 0; position: relative; }
.contactForm input[type="submit"] { border: 0; background: #227EB2; height: 72px; color: #fff; font-size: 18px; font-weight: 500; padding: 0 40px; margin-bottom: 8px; text-transform: uppercase; max-width: 100%; }
.contactForm input[type="submit"]:hover { background: #124785; transition: all 0.5s; }
.contactForm .ginput_container_consent { padding: 5px 0 10px; display: flex; }
.contactForm .ginput_container_consent input { align-self: center; }
.contactForm .ginput_container_consent label { margin-bottom: 0; font-size: 18px; line-height: 1.3; font-weight: 500; color: #124785; }
.contactForm .ginput_container_consent label a { color: #fff; border-bottom: 1px solid #fff; }
.contactForm .ginput_container_consent label a:hover { color: #58718F; border-bottom: 1px solid #58718F; }
.contactForm .disclaimer { font-size: 18px; line-height: 1.3; font-weight: 500; color: #124785; font-style: italic; margin: 10px 0 20px 0; }
.gfield--type-honeypot { display: none; }
.gform_footer { display: flex; justify-content: center; }
.practices .gfield--type-consent, .practice .gfield--type-consent { display: none; }
#gf_form_focus { display: none; }
.gform_submission_error { color: red; font-size: 1em; margin-top: 40px; outline: none !important; }
.gform_validation_errors:focus-visible { color: red; font-size: 1em; margin-top: 40px; outline: none !important; }
.validation_message { color: red; margin-top: -10px; margin-bottom: 10px; }
.contactForm .ginput_container_consent .validation_message { color: red; margin-top: 0; margin-bottom: 10px; }
.gfield--type-captcha { display: flex; justify-content: center; margin: 20px auto; }

.side.contactForm { padding-top: 10px; padding-bottom: 60px; }
.side.contactForm .half { width: 100% !important; float: none; padding-right: 0; }
.side.contactForm .half.last { padding-right: 0; }
.side.contactForm input[type="text"] { background: #fff; border:2px solid #fff; width: 100%; height: 45px; color: #124785; font-size: 18px; font-weight: 500; padding: 0 10px; margin-bottom: 10px; }
.side.contactForm input:focus, .side.contactForm textarea:focus, .side.contactForm textarea:focus-visible { border:2px solid #124785; outline: none !important; }
.side.contactForm .gform_footer { text-align: center; position: relative; bottom: 0; right: 0; }
.side.contactForm .gform_submission_error { padding-bottom: 20px; }

.casereview .formHeader { color: #124785; max-width: 685px; margin: 0 auto; text-align: center; }
.casereview .gform_wrapper form { position: relative; margin-top: 40px; }
.casereview .gform_wrapper .gform_heading { display: none; }
.casereview .gform_wrapper .gfield_label { display: none !important; }
.casereview .gform_wrapper .gform_wrapper.gravity-theme .gfield input.medium { width: 100%; }
.casereview .gform_wrapper input[type="text"] { background: #fff; border:2px solid #fff; width: 100%; height: 45px; color: #124785; font-size: 18px; font-weight: 500; padding: 0 10px; margin-bottom: 10px; }
.casereview .gform_wrapper select { background: #fff; border:2px solid #fff; width: 100%; height: 45px; color: #124785; font-size: 18px; font-weight: 500; padding: 0 10px; margin-bottom: 10px; }
.casereview .gform_wrapper .half { width: 100% !important; float: none; padding-right: 0; }
.casereview .gform_wrapper .half.last { padding-right: 0; }
.casereview .gform_wrapper input::-webkit-input-placeholder { color:#124785; opacity: 1; }
.casereview .gform_wrapper input::-moz-placeholder { color:#124785; opacity: 1; }
.casereview .gform_wrapper input::-ms-placeholder { color:#124785; opacity: 1; }
.casereview .gform_wrapper input::placeholder { color:#124785; opacity: 1; }
.casereview .gform_wrapper textarea::-webkit-input-placeholder { color:#124785; opacity: 1; }
.casereview .gform_wrapper textarea::-moz-placeholder { color:#124785; opacity: 1; }
.casereview .gform_wrapper textarea::-ms-placeholder { color:#124785; opacity: 1; }
.casereview .gform_wrapper textarea::placeholder { color:#124785; opacity: 1; }
.casereview .gform_wrapper textarea { border:2px solid #ECF6F9; background: #fff; width: 100%; height: 140px; color: #124785; font-size: 18px; font-weight: 500; padding: 10px; margin-bottom: 10px; }
.casereview .gform_wrapper input:focus, .casereview .gform_wrapper textarea:focus, .casereview .gform_wrapper textarea:focus-visible { border:2px solid #124785; outline: none !important; }
.casereview .gform_wrapper input[type="checkbox"]:checked:before { content: ''; background: transparent; display: block; width: 22px; height: 22px; text-align: center; }
.casereview .gform_wrapper input[type="checkbox"]:checked:after { content: ''; position: absolute; width: 14px; height: 14px; top: 2px; left: 2px; background: #124785; border-radius: 10px; }
.casereview .gform_wrapper input[type="checkbox"] { width:22px; height:22px; margin-right: 10px; -webkit-border-radius: 10px; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; border: 2px solid #124785; margin-top: 0; position: relative; }
.casereview .gform_wrapper input[type="submit"] { border: 0; background: #227EB2; height: 72px; color: #fff; font-size: 18px; font-weight: 500; padding: 0 40px; margin-bottom: 8px; text-transform: uppercase; max-width: 100%; }
.casereview .gform_wrapper input[type="submit"]:hover { background: #124785; transition: all 0.5s; }
.casereview .gform_wrapper .ginput_container_consent { padding: 5px 0 10px; display: flex; }
.casereview .gform_wrapper .ginput_container_consent input { align-self: center; }
.casereview .gform_wrapper .ginput_container_consent label { margin-bottom: 0; font-size: 18px; line-height: 1.3; font-weight: 500; color: #124785; }
.casereview .gform_wrapper .ginput_container_consent label a { color: #fff; border-bottom: 1px solid #fff; }
.casereview .gform_wrapper .ginput_container_consent label a:hover { color: #58718F; border-bottom: 1px solid #58718F; }
.casereview .gform_wrapper { padding-top: 10px; padding-bottom: 60px; }
.casereview .gform_wrapper .gform_footer { text-align: center; position: relative; bottom: 0; right: 0; }
.casereview .gform_wrapper .gform_submission_error { padding-bottom: 20px; }

.about .top { min-height: 700px; padding-bottom: 40px; }
.about .top .container { width: 100%; background-repeat: no-repeat !important; background-position: 0px 25px !important; }
.about .top .container .content { width: 100%; margin: 0 auto; }
.about .top h1 { font-size: 7em; font-weight: 800; text-transform: uppercase; letter-spacing: -3px; line-height: .9em; text-align: center; margin-top: 155px; color: #fff; }
.about .top p { width: 80%; margin: 20px auto; font-weight: 800; color: #fff; }

.awards .top { padding-bottom: 40px; }
.awards .top .container { width: 100%; background-repeat: no-repeat !important; background-position: 0px 25px !important; }
.awards .top .container .content { width: 100%; margin: 0 auto; }
.awards .top h1 { font-size: 7em; font-weight: 800; text-transform: uppercase; letter-spacing: -3px; line-height: .9em; text-align: center; margin-top: 400px; color: #fff; }
.awards .top p { width: 80%; margin: 20px auto; font-weight: 800; color: #fff; }

.community .hero { max-height: 700px; height: 68vh; }
.community .hero h1 { position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); color: #227EB2; font-weight: 800; width: 960px; font-size: 6em; line-height: .88; text-align: center; text-transform: uppercase; letter-spacing: -3px; margin-left: 30px; }

.news .top { height: 250px; background-position: right !important; display: flex; align-items: center; text-align: left; }
.news .top h1 { color: #227EB2; font-weight: 800; text-transform: uppercase; font-size: 4.5em; }

.newsContent { background: #ECF6F9; }
.newsContent .container { width: 90%; }
.newsContent .filter_container h4 { color: #124785; font-weight: 800; font-size: 1.7em; padding: 14px; margin-bottom: 0; text-align: center; }
.newsContent .filter_heading_item { color: #124785; text-transform: uppercase; font-size: 18px; text-align: center; }
.newsContent .filter_container .sf-field-taxonomy-related_attorney { display: none; }
.newsContent .featNews { background: #ECF6F9; margin-top: 5px; }
.newsContent .featNews .newsList .search-filter-results { display: grid; grid-template-columns: 50% 50%; gap: 15px; }
.newsContent .featNews h3 { color: #124785; font-family: 'Cormorant Garamond', serif; text-align: center; font-style: italic; font-size: 1.9em; margin-bottom: 45px; }
.newsContent .featNews .article { background: #fff; color: #124785; text-align: center; }
.newsContent .featNews .article:last-of-type { margin-right: 0; }
.newsContent .featNews .article { padding: 40px; display:block; }
.newsContent .featNews .article .date { padding-bottom: 30px; }
.newsContent .featNews .article .title { color: #124785; font-weight: 800; font-size: 1.5em; line-height: 1.15; padding-bottom: 20px; display: block; }
.newsContent .featNews .article .title:hover { color: #227EB2; font-weight: 800; font-size: 1.5em; }
.newsContent .featNews .article img { margin-bottom: 20px; }
.newsContent .featNews .article .excerpt { line-height: 1.45em; }
.newsContent .featNews .article .excerpt a { color: #124785; }
.newsContent .featNews .article .excerpt a:hover { color: #227EB2; }
.newsContent .featNews .article .articleBottom { padding: 40px 0 0; }
.newsContent .featNews .article .link a { color: #124785; }
.newsContent .featNews .article .link a:hover { color: #227EB2; }

.media { margin-top: 10px; text-align: center; }
.media .button { text-transform: uppercase; }

.filter { color: #fff; font-size: 54px; font-weight: 400; text-align: center; width: 31%; padding-right: 0; }
.searchandfilter { text-align: left; color: #fff; font-weight: 700; padding: 0 0 40px; z-index: 2; position: relative; }
.searchandfilter.hide, .searchandfilter.show { display: block; }
.searchandfilter ul { list-style: none; padding: 0; text-align: center; }
.searchandfilter ul li { padding-bottom: 20px; }
.searchandfilter ul li label:hover { color: #227EB2; }
.searchandfilter ul li.sf-option-active label:hover { color: #fff; }
.searchandfilter h4{ color: #124785; font-weight: 800; font-size: 1.5em; padding: 14px; margin-bottom: 0; }
.searchandfilter ul li ul::-webkit-scrollbar { background: #123929; }
.searchandfilter ul li ul::-webkit-scrollbar-track { background: #123929; }
.searchandfilter ul li ul::-webkit-scrollbar-thumb { background-color: #689084; }
.searchandfilter ul li ul li { padding-top: 10px; padding-bottom: 0; padding-left: 0; }
.sf-input-checkbox { display: none; }
.sf-input-checkbox + label { margin: 0; cursor: pointer; font-weight: 400; font-size: 18px; line-height: 20px; border: 1px solid #124785; color: #124785; width: 250px; padding: 12px !important; text-transform: capitalize; }
.sf-option-active .sf-input-checkbox + label { background: #227EB2; color: #fff; }
.sf-field-reset a { color: #124785; text-transform: uppercase; font-size: 18px; text-align: center; font-weight: 500; }
.sf-field-reset a:hover { color: #227EB2; }

.detail .top { background: #ECF6F9; margin-bottom: 35px; }
.detail .top .container { width: 100%; padding: 0 0 0 5%; display: flex; }
.detail .leftCol { padding-top: 30px; padding-bottom: 100px; }
.detail .leftCol .meta { color: #124785; text-transform: uppercase; font-weight: 500; text-align: center; padding-bottom: 30px; }
.detail .leftCol .articleContent { background: #fff; color: #124785; padding: 25px 50px; }
.detail .leftCol .articleContent .date { text-align: center; padding-bottom: 25px; }
.detail .leftCol .articleContent h1 { color: #124785; font-weight: 800; font-size: 2em; line-height: 1.25; margin-bottom: 0; padding-bottom: 25px; text-align: center; }
.detail .leftCol .articleContent h2 { color: #124785; font-weight: 800; font-size: 1.5em; line-height: 1.3; }
.detail .leftCol a { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.detail .rightCol { padding-right: 0; display: flex; flex-direction: column; }
.detail .rightCol .featured-item--image img { width: 100%; }
.detail .rightCol .call { color: #124785; font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 2.5em; line-height: 1.2; text-align: center; padding: 100px 0; }
.detail .rightCol .call.nopad { padding: 0 0 100px 0; }
.detail .rightCol .pad { padding: 0 40px; }
.detail .rightCol h3 { color: #124785; text-transform: uppercase; text-align: center; }
.detail .rightCol h4 { color: #124785; font-weight: 800; font-size: 1.6em; text-align: center; margin-top: 50px; display: inline-block; width: 100%; }
.relPrac { display: flex; list-style: none; padding-left: 0; justify-content: center; gap: 15px; padding-bottom: 40px; flex-wrap: wrap; }
.relPrac li { padding: 0; }
.relPrac li a { margin: 0; font-size: 18px; line-height: 20px; border: 1px solid #124785; color: #124785; width: 250px; padding: 8px; display: inline-block; text-align: center; text-transform: capitalize; }
.relPrac li a:hover { border: 1px solid #124785; background-color: #124785; color: #fff; }
.relPrac li div { margin: 0; font-size: 18px; line-height: 20px; border: 1px solid #124785; color: #124785; width: 250px; padding: 8px; display: inline-block; text-align: center; text-transform: capitalize; }
.detail .rightCol .side.contactForm { max-width: 75%; margin: 0 auto; }

.detail .person .name { font-size: 1.1em; }
.detail .person .details .title { font-size: 12px; }
.detail .person .details .retired { font-size: 10px; }

.detail .lock { padding-top: 0; padding-bottom: 100px; }
.detail .lock.sticky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0; bottom: auto; }

blockquote.quote { font-size: 1.5em; white-space: pre-line; text-align: left; margin-top: 0; margin-bottom: 40px; margin-left: 40px; word-break: break-word; font-style: normal; }
blockquote.quote::before { content: "{"; font-size: 5em; font-style: normal; padding-right: 30px; line-height: 1em; margin-left: -55px; margin-right: 0px; position: absolute; margin-top: 25px; }
blockquote.quote .quote_link { margin-left: 0; font-size: 0.55em; text-decoration: none; font-style: normal; line-height: 1em; text-align: right; }

.share { padding-top: 100px; padding-bottom: 50px; padding-left: 0; justify-content: center; display: flex; }
.share li { list-style: none; float: left; padding: 0; }
.share li a { font-size: 25px; margin-right: 35px; border-radius: 50%; background: #124785; color: #fff; height: 50px; width: 50px; line-height: 50px; text-align: center; }
.share li:last-of-type a { margin-right: 0; }
.share li a:hover { background: #89C4D6; text-decoration: none; }

.contact .top { background: #EEECEF; overflow: hidden; }
.contact .top .container { margin: 0 4% 0 auto; }
.contact .top .col-md-8 { padding-top: 150px; width: 62%; padding-right: 10%; }
.contact .top .col-md-4 { background: #124785; padding-top: 110px; width: 38%; padding-left: 100px; }
.contact .top .col-md-4::before { content: ""; background: #124785; position: absolute; height: 100%; width: 4000px; left: 0; top: 0; z-index: -1; }
.contact .top h1 { color: #227EB2; font-size: 4.5em; font-weight: 800; text-transform: uppercase; letter-spacing: -3px; line-height: .9em; text-align: center; }
.contact .offices { display: flex; color: #124785; gap: 15px; padding-top: 50px; }
.contact .office h2 { color: #124785; font-weight: 800; font-size: 1em; border-bottom: 2px solid #227EB2; margin-bottom: 10px; padding-bottom: 10px; }
.contact .offices .office { width: 50%; }

.contact .side.contactForm { padding-top: 10px; padding-bottom: 100px; }
.contact .side.contactForm input[type="text"] { background: #ECF6F9; border:2px solid #fff; width: 100%; height: 45px; color: #124785; font-size: 18px; font-weight: 500; padding: 0 10px; margin-bottom: 10px; }
.contact .side.contactForm input:focus, .side.contactForm textarea:focus, .side.contactForm textarea:focus-visible { border:2px solid #ECF6F9; outline: none !important; }
.contact .side.contactForm textarea::-webkit-input-placeholder { color:#124785; opacity: 1; }
.contact .side.contactForm textarea::-moz-placeholder { color:#124785; opacity: 1; }
.contact .side.contactForm textarea::-ms-placeholder { color:#124785; opacity: 1; }
.contact .side.contactForm textarea::placeholder { color:#124785; opacity: 1; }
.contact .side.contactForm textarea { border:2px solid #fff; background: #ECF6F9; width: 100%; height: 140px; color: #124785; font-size: 18px; font-weight: 500; padding: 10px; margin-bottom: 10px; }
.contact .side.contactForm .ginput_container_consent label { margin-bottom: 0; font-size: 18px; line-height: 1.3; font-weight: 500; color: #fff; }
.contact .side.contactForm .ginput_container_consent label a { color: #fff; border-bottom: 1px solid #fff; }
.contact .side.contactForm .ginput_container_consent label a:hover { color: #58718F; border-bottom: 1px solid #58718F; }
.contact .side.contactForm input[type="checkbox"]:checked:before { content: ''; background: transparent; display: block; width: 22px; height: 22px; text-align: center; }
.contact .side.contactForm input[type="checkbox"]:checked:after { content: ''; position: absolute; width: 14px; height: 14px; top: 2px; left: 2px; background: #89C4D6; border-radius: 10px; }
.contact .side.contactForm input[type="checkbox"] { width:22px; height:22px; margin-right: 10px; -webkit-border-radius: 10px; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; border: 2px solid #89C4D6; margin-top: 0; position: relative; }
.contact .side.contactForm .gform_footer { text-align: center; position: relative; }
.contact .side.contactForm input[type="submit"]:hover { background: #fff; color: #227EB2; transition: all 0.5s; }

.practices .hero { max-height: 700px; height: 68vh; }
.practices .hero .row { position: absolute; z-index: 1; display: flex; align-items: center; width: 100%; }
.practices .hero .topContent { position: absolute; top: 50px; z-index: 1; width: 100%; }
.practices .hero .topContent .col-md-4 { width: 440px; }
.practices .breadcrumbs { width: 700px; color: #124785; text-transform: uppercase; font-size: 18px; }
.practices .hero h1 { width: 700px; color: #227EB2; font-weight: 800; font-size: 4.5em; line-height: .9em; text-align: center; text-transform: uppercase; letter-spacing: -2px; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); margin-left: 440px; padding-left: 200px; }
.practices .hero h1::before { content: url('../images/practice-arrow.svg'); left: -40px; top: -119px; position: absolute; width: 227px; }
.practices .pracnav { position: absolute; top: 30%; width: 100%; z-index: 2; }

.practice .hero { max-height: 700px; height: 68vh; }
.practice .hero .row { position: absolute; z-index: 1; display: flex; align-items: center; width: 100%; }
.practice .hero .topContent { position: absolute; top: 50px; z-index: 1; width: 100%; }
.practice .hero .topContent .col-md-4 { width: 440px; }
.practice .breadcrumbs { width: 700px; color: #124785; text-transform: uppercase; font-size: 18px; }
.practice .hero h2 { width: 700px; color: #227EB2; font-weight: 800; font-size: 4.5em; line-height: .9em; text-align: center; text-transform: uppercase; letter-spacing: -2px; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); margin-left: 440px; margin-top: 20px; }

.practice.sub .breadcrumbs { width: 48%; }
.practice.sub .hero h1 { width: 48%; }

.extra { position: relative; z-index: 3; background: #fff; }
.practice .pracnav { position: fixed; top: 310px; width: auto; z-index: 2; }
.practice .pracnav.toggled { width: 100%; }
.pracnav.sticky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 355px; bottom: auto; margin-top: -296px; }
.pracnav .col-md-3 { padding: 0; }
.pracnav .col-md-9 { margin-top: -125px; }
.subprac { padding: 30px 20px; background: #fff; list-style: none; text-align: left; z-index: 2; position: relative; width: 400px; }
.subprac li { display: grid; text-align: center; margin-bottom: 8px; padding: 0; }
.subprac li:last-of-type { margin-bottom: 0; }
.subprac li a { color: #124785; font-weight: 800; font-size: 1.4em; background: #fff; padding: 10px; border: 1px solid #124785; position: relative; }
.subprac li a.toggled { background: #124785; color: #fff; }
.subprac li a:hover { color: #fff; background: #124785; }
.subprac .haschildren a:hover + .icon::after { color: #fff; }
.subprac .haschildren .icon:hover::after, .subprac .haschildren .icon.toggled:hover::after { color: #89C4D6; }
.subprac li .icon { display: none; }

.topbutton { padding-top: 40px; padding-bottom: 40px; margin-left: -100px; margin-right: -100px; background: #fff; }
.topbutton a { color: #fff; font-weight: 800; font-size: 1.4em; background: #227EB2; padding: 10px 40px; border: 1px solid #227EB2; position: relative; display: inline-flex; align-items: center; }
.topbutton a:hover { color: #fff; background: #124785; }
.topbutton img { height: 22px; margin-left: 15px; }

.pracmobile { display: none; }
.row .col-md-8 { display: flex; align-items: center; }
.childprac { display: none; background: #ECF6F9; padding: 0 100px 40px; position: relative; z-index: 1; position: fixed; overflow: auto; max-height: 75vh; top: 175px; }
.childprac .parentprac .button { font-weight: 800; font-size: 1.25em; margin: 0 0 30px; }
.childprac ul { list-style: none;  } 
.childprac .praclist { display: grid; grid-template-columns: 25% 25% 25% 25%; gap: 8px; padding-top: 40px; } 
.childprac .praclist .prac { position: relative; } 
.childprac .praclist .prac .title { position: relative; line-height: 1.4; }
.childprac .praclist .prac .title a { color: #124785; font-size: 16px; border: 1px solid #124785; display: block; margin-top: 8px; padding: 10px; }
.childprac .praclist .prac .title a.equal { height: 60px; display: flex; align-items: center; justify-content: center; padding: 0 10px; }
.childprac .praclist .prac .title a:hover { color: #89C4D6; }
.childprac .praclist .prac .title .open { position: absolute; right: 10px; top: 15px; cursor: pointer; border: none; margin: 0; font-size: 22px; color: #124785; }
.childprac .praclist .prac .title .open:hover { color: #89C4D6; }
.childprac .praclist .sub { display: none; position: absolute; top: 0; background: #124785; padding: 0; font-size: 16px; line-height: 22px; width: 100%; height: 100%; overflow: auto; scrollbar-color: #2A9EC5 #124785; scrollbar-width: thin; border-bottom: 15px solid transparent; } 
.childprac .praclist .sub.grid { display: flex !important; align-items: center; } 
.childprac .praclist .sub .close { font-size: 14px; color: #89C4D6; opacity: 1; text-shadow: none; top: 5px; right: 5px; position: absolute; } 
.childprac .praclist .sub .close:hover { color: #fff; }
.childprac .praclist .sub ul { padding: 15px 0 0 0; width: 100%; } 
.childprac .praclist .sub ul::-webkit-scrollbar { background: #124785; }
.childprac .praclist .sub ul::-webkit-scrollbar-track { background: #124785; }
.childprac .praclist .sub ul::-webkit-scrollbar-thumb { background-color: #2A9EC5; }
.childprac .praclist .sub ul li { padding: 1px 0; }
.childprac .praclist .sub a { color: #fff; }
.childprac .praclist .sub a:hover { color: #2A9EC5; }
.carousel-overlay { display: none; width: 100%; height: 100vh; position: absolute; top: -175px; background: #fff; }

.subprac .subpracs { display: none; }
.subprac .subpracs .photo a { background: transparent; border: none; padding: 0; }
.subprac .subpracs .photo img { width: 100%; }
.subprac .subpracs { display: none; background: #ECF6F9; padding: 40px 0; position: relative; z-index: 1; }
.subprac .subpracs .parentprac .button { font-weight: 800; font-size: 1.25em; margin: 0 0 30px; }
.subprac .subpracs ul { list-style: none;  } 
.subprac .subpracs .praclist { display: grid; grid-template-columns: 47% 47%; gap: 15px; justify-content: center; } 
.subprac .subpracs .praclist .prac { position: relative; } 
.subprac .subpracs .praclist .prac .title { position: relative; letter-spacing: normal; font-weight: 500; }
.subprac .subpracs .praclist .prac .title a { color: #124785; font-size: 16px; font-weight: 500; border: 1px solid #124785; display: block; margin-top: 8px; padding: 0 10px; height: 60px; line-height: 1.3; display: flex; align-items: center; justify-content: center; text-transform: none; }
.subprac .subpracs .praclist .prac .title a:hover { color: #89C4D6; }
.subprac .subpracs .praclist .prac .title:hover .open { color: #89C4D6; }
.subprac .subpracs .praclist .prac .title .open { position: absolute; right: 10px; top: 15px; cursor: pointer; border: none; margin: 0; font-size: 22px; color: #124785; width: 30px; height: 30px; }
.subprac .subpracs .praclist .prac .title .open:hover { color: #89C4D6; }
.subprac .subpracs .praclist .sub { display: none; position: absolute; top: 0; background: #124785; padding: 0; font-size: 16px; line-height: 22px; width: 100%; height: 100%; overflow: auto; scrollbar-color: #2A9EC5 #124785; scrollbar-width: thin; border-bottom: 15px solid transparent; } 
.subprac .subpracs .praclist .sub .close { font-size: 14px; color: #89C4D6; opacity: 1; text-shadow: none; top: 5px; right: 5px; position: absolute; border: none; background: transparent; z-index: 1; } 
.subprac .subpracs .praclist .sub .close:hover { color: #fff; }
.subprac .subpracs .praclist .sub ul { padding: 15px 0 0 0; width: 100%; } 
.subprac .subpracs .praclist .sub ul::-webkit-scrollbar { background: #124785; }
.subprac .subpracs .praclist .sub ul::-webkit-scrollbar-track { background: #124785; }
.subprac .subpracs .praclist .sub ul::-webkit-scrollbar-thumb { background-color: #2A9EC5; }
.subprac .subpracs .praclist .sub ul li { padding: 1px 0; }
.subprac .subpracs .praclist .sub ul li a { font-size: 16px; font-weight: 500; line-height: 22px; padding: 0; margin: 0; background: transparent; border: none; }
.subprac .subpracs .praclist .sub a { color: #fff; }
.subprac .subpracs .praclist .sub a:hover { color: #2A9EC5; }

.practice .intro { background: #124785; box-shadow: 0px 12px 24px rgba(0, 0, 0, .5); z-index: 1; position: relative; }
.practice .intro .container { width: 95%; text-align: center; }
.practice .intro h1 { color: #FFF; font-weight: 800; font-size: 2.1em; padding: 40px 0; line-height: 1.25; }

.practice .fullcol .container { width: 100%; padding: 0; }
.practice .fullcol .container .col-md-6 { background: #ECF6F9; padding: 100px 70px; color: #124785; }

.practice .onecol .container { width: 100%; padding: 0; background: #fff; }
.practice .onecol .container .col-md-9 { background: #ECF6F9; padding: 75px 150px; }

.practice .twocol .container .col-md-9 { background: #227EB2; display: grid; padding: 75px 100px; color: #fff; grid-template-columns: 35% 65%; align-items: center; line-height: 1.5; }
.practice .twocol .container h2 { color: #fff; font-weight: 800; font-size: 2.1em; line-height: 1.2; text-align: center; }
.practice .twocol .container .col-md-9 .text { border-left: 1px solid #D7E4ED; margin-left: 50px; padding-left: 50px; }
.practice .twocol .container a { color: #fff; }

.practice .quick { padding: 100px 0 0; }
.practice .quick h3 { color: #124785; font-weight: 800; text-align: center; }
.practice .quick ul { list-style: none; padding: 0; }
.practice .quick ul li { border-top: 1px solid #D7E4ED; font-size: 18px; line-height: 24px; text-align: center; padding: 10px 65px; }
.practice .quick ul li a { color: #124785; }
.practice .quick ul li a:hover { color: #227EB2; }

.practice .related .container { width: 100%; padding: 0; margin: 0; }
.practice .related .container .col-md-9 { background: #ECF6F9; padding: 40px 0; margin: 20px 0; }
.practice .related h3 { font-size: 18px; color: #124785; text-transform: uppercase; text-align: center; }
.practice .related ul li { list-style: none; }

.practice .why .container { background: #ECF6F9; padding: 0; margin: 60px auto; }
.practice .why .head { background: #124785; box-shadow: 0px 12px 24px rgba(0, 0, 0, .5); z-index: 1; position: relative; }
.practice .why .head h2 { color: #fff; font-weight: 800; font-size: 2.1em; padding: 48px 0; }
.practice .why .item { display: grid; grid-template-columns: 40% 60%; align-items: center; background: #227EB2; color: #fff; margin-bottom: 8px; }
.practice .why .item .left { color: #fff; font-weight: 800; font-size: 2.1em; margin: 48px 0 48px 48px; line-height: 1; text-align: center; }
.practice .why .item .right { color: #fff; margin: 48px; border-left: 1px solid #D7E4ED; padding-left: 48px; }
.practice .why .bottom { margin: 50px 100px; }

.cases { background: #ECF6F9; margin-top: 5px; }
.cases .container { width: 95%; display: flex; justify-content: center; flex-wrap: wrap; }
.cases h3 { font-size: 18px; color: #124785; text-transform: uppercase; text-align: center; margin-bottom: 40px; width: 100%; }
.cases .case { background: #fff; width: 32%; float: left; margin: 0 9px 18px 9px; color: #124785; text-align: center; }
.cases .case .caseTop { padding: 40px; display:block; }
.cases .case .amount { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 3.5em; line-height: 1; margin-bottom: 30px; }
.cases .case .category { text-transform: uppercase; margin-bottom: 20px; }
.cases .case .title { color: #124785; font-weight: 800; font-size: 1.5em; padding-bottom: 20px; display: block; }
.cases .case .title:hover { color: #227EB2; font-weight: 800; font-size: 1.5em; }
.cases .case p { line-height: 1.45em; }
.cases .case .caseBottom { padding: 0 40px 40px 40px; margin-top: 20px; }
.cases .case .link a { color: #124785; text-transform: uppercase; }
.cases .case .link a:hover { color: #227EB2; }

.case.detail .top { height: 250px; background-position: right !important; display: flex; align-items: center; text-align: left; margin-bottom: 0; }
.case.detail .top .container { width: 1485px; display: block; padding: 0 }
.case.detail .top h2 { font-size: 4.5em; color: #227EB2; font-weight: 800; text-transform: uppercase; }
.case.detail .intro h1 { color: #FFF; font-weight: 800; font-size: 1.9em; padding: 48px 0; }
.case.detail .practices { position: absolute; padding-top: 125px; right: 15px; width: 75%; }
.case.detail .practices h3 { color: #124785; font-weight: 800; font-size: 1em; border-bottom: 2px solid #227EB2; padding-bottom: 10px; }
.case.detail .practices ul { list-style: none; padding-left: 0; margin-right: 50px; }
.case.detail .practices ul li { padding: 0 0 10px 0; line-height: 1.4; }
.case.detail .practices ul li a { color: #124785; font-weight: 400; }
.case.detail .practices ul li a:hover { color: #227EB2; }

.interior.detail .top { height: 250px; background-position: right !important; display: flex; align-items: center; text-align: left; margin-bottom: 0; }
.interior.detail .top .container { width: 1485px; display: block; padding: 0 }
.interior.detail .top h1 { font-size: 4.5em; color: #227EB2; font-weight: 800; text-transform: uppercase; }
.interior.detail .fullcol .container .col-md-8 { padding: 75px 150px; }

.espanol .hero h1 { line-height: .83; }
.espanol #paslider { background-image: url('/wp-content/themes/GYC/images/Spanish-practices.jpg'); width: 100%; height: 100%; background-position: center right; background-size: cover; }
.espanol #paslider.toggled { background-image: none; background-color: #fff; }
.espanol #paslider .carousel-inner { display: flex; align-content: center; align-items: center; min-height: 550px; }
.espanol .subprac li a:hover { text-decoration: none; cursor: pointer; }
.espanol #paslider.toggled .subprac { margin-top: 124px; }
.espanol .pracnav .col-md-9 { margin-top: -50px; }
.espanol .prac-hero { max-height: 100%; }
.espanol .prac-hero .row { position: absolute; z-index: 1; display: flex; align-items: center; width: 100%; }
.espanol .prac-hero .topContent { position: absolute; top: 50px; z-index: 1; width: 100%; }
.espanol .prac-hero .topContent .col-md-4 { width: 440px; }
.espanol .prac-hero h1 { width: 700px; color: #227EB2; font-weight: 800; font-size: 4.5em; line-height: .9em; text-align: center; text-transform: uppercase; letter-spacing: -2px; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); margin-left: 440px; padding-left: 200px; }
.espanol .prac-hero h1::before { content: url('../images/practice-arrow.svg'); left: -40px; top: -119px; position: absolute; width: 227px; }
.espanol .pracnav { position: relative; }
.espanol .childprac { display: none; background: #ECF6F9; padding: 40px 100px; position: relative; z-index: 1; position: relative; overflow: visible; max-height: 100%; }
.espanol .childprac .close { position: absolute; top: 20px; right: 20px; }
.espanol .childprac .praclist { grid-template-columns: 100%; color: #124785; }

.espanol .meet .container { padding: 0 0 22px 0; margin-bottom: 20px; border-bottom: 2px solid #124785; padding-bottom: 15px; }
.espanol .meet .person { background: #fff; }
.espanol .meet .person:hover .details { background: transparent; color: #124785; }
.espanol .meet .text { background: #ECF6F9; padding: 75px; color: #124785; }

.espanol .why .container { background: #ECF6F9; padding: 0; margin: 60px auto; }
.espanol .why .head { background: #124785; box-shadow: 0px 12px 24px rgba(0, 0, 0, .5); z-index: 1; position: relative; }
.espanol .why .head h2 { color: #fff; font-weight: 800; font-size: 2.1em; padding: 48px 0; }
.espanol .why .item { display: grid; grid-template-columns: 40% 60%; align-items: center; background: #227EB2; color: #fff; margin-bottom: 8px; }
.espanol .why .item .left { color: #fff; font-weight: 800; font-size: 2.1em; margin: 48px 0 48px 48px; line-height: 1; text-align: center; }
.espanol .why .item .right { color: #fff; margin: 48px; border-left: 1px solid #D7E4ED; padding-left: 48px; }
.espanol .why .bottom { margin: 50px 100px; }

.footer { padding-top: 100px; padding-bottom: 0; }
.footer .container { width: 95%; }
.footer .logo img { height: 110px; }
.footer ul.buttons { float: right; padding-left: 0; }
.footer ul.buttons li { list-style: none; padding: 0 0 10px 0; }
.footer ul.buttons li:last-of-type { padding-right: 0; }
.footer .buttons a { background: #89C4D6; color: #124785; font-size: 16px; text-transform: uppercase; width: 245px; height: 36px; display: flex; align-items: center; justify-content: center; }
.footer .buttons a:hover { background: #124785; color: #fff; text-decoration: none; }
.footer .social { float: right; padding-top: 20px; padding-left: 0 }
.footer .social li { list-style: none; float: left; padding: 0; }
.footer .social li a { font-size: 25px; margin-right: 28px; border-radius: 50%; background: #124785; color: #fff; height: 40px; width: 40px; line-height: 40px; text-align: center; }
.footer .social li:last-of-type a { margin-right: 0; }
.footer .social li a:hover { background: #89C4D6; text-decoration: none; }
.footer .copyright { height: 115px; background: #ECF6F9; padding: 0; margin: 65px 0 0 0; width: 100%; color: #124785; font-size: 16px; text-transform: uppercase; display: flex; align-items: center; }
.footer .copyright .container { display: flex; align-content: center; align-items: center; }
.footer .copyright a { color: #124785; }
.footer .copyright a:hover { color: #257EB2; }
.footer .copyright span { padding: 0 10px; }
.footer .copyright .lisi { float: right; }


/* ========================================================================== 6.0 Responsive Style ========================================================================== */
@media only screen and (min-width: 1601px) { 
    .container { max-width: 2200px; }
    
    .home .hero { max-width: 2200px; margin: 0 auto; }    
    .tagline { max-width: 2200px; margin: 0 auto; }
    
    .wordart .background { max-width: 2200px; margin: 0 auto; background-size: contain !important; }  
    
    .team .top .container .lock .together { max-width: 2200px; margin: 0 auto; }
    
    .intro { max-width: 2200px; margin: 0 auto; }    
    .featnews { max-width: 2200px; margin: 0 auto; }    
    .badges { max-width: 2200px; margin: 0 auto; }
    
    .about .top { max-width: 2200px; margin: 0 auto; }
    
    .awards .top { max-width: 2200px; margin: 0 auto; }
    
    .community .hero { max-width: 2200px; margin: 0 auto; }
    
    .news .top { max-width: 2200px; margin: 0 auto; }
    .newsContent { max-width: 2200px; margin: 0 auto; }
    
    .detail .top { max-width: 2200px; margin: 0 auto; }  
    .detail .featnews { max-width: 2200px; margin: 20px auto 0 auto; }
    
    .practices .hero { max-width: 2200px; margin: 0 auto; }
    .practices .pracnav { position: absolute; top: 300px; width: 100%; z-index: 2; }
    
    .pracnav_container { margin: 0 auto; width: 100%; max-width: 2200px; }
    .pracnav { max-width: 2200px; margin: 0 auto; }
    
    .practice .hero { max-width: 2200px; margin: 0 auto; }
    .practice .related { max-width: 2200px; margin: 0 auto; }
    .cases { max-width: 2200px; margin: 0 auto; }
    .why { max-width: 2200px; margin: 0 auto; }
    
    .contact .top { max-width: 2200px; margin: 0 auto; }
    
    .footer .copyright { margin: 65px auto 0 auto; }
    
}

@media only screen and (max-width: 1700px) { 

.practice.sub .breadcrumbs { width: 45%; }
.practice.sub .hero h1 { width: 45%; }
    
}

@media only screen and (max-width: 1600px) { 
    .wordart .container .center { width: 95%; max-width: 1200px; }
    .subprac { width: 25vw; }
    .bottom .container { width: 95%; }
    
}

@media only screen and (max-width: 1500px) { 
    
    .subprac li a { font-size: 1.2em; }    
    .childprac .praclist .prac .title a { font-size: 14px; line-height: 18px; padding: 0 15px; min-height: 40px; display: flex; align-items: center; justify-content: center; }
    .topbutton a { font-size: 1.2em; }
    .topbutton img { height: 20px; }
    
    .practice.sub .hero .topContent .col-md-4 { width: 27%; }
    .practice.sub .breadcrumbs { width: 50%; }
    .practice.sub .hero h1 { width: 50%; margin-left: 27%; font-size: 4em; }
    
}

@media only screen and (max-width: 1450px) { 
    .detail .rightCol .call { font-size: 2em; }
}

@media only screen and (max-width: 1400px) { 
    
    .header-s2.is-transparent .navbar-nav { width: 100%; margin: 0; }
    .header-s2 .col-xs-12.logo { padding: 0 2px 0 0; width: 38%; }
    .header-s2 .col-xs-12.nav { width: 62%; }
    .header-s2 .nav .contact .button { width: 100%; }
    
    .container { width: 100%; }    
    .tagline h2 { padding: 48px; }    
    .newsContent .container { width: 98%; }    
    .cases .container { width: 100%; }
    .featnews .container { width: 100%; }
    
    .practice .hero .topContent .col-md-4 { width: 30%; }
    .practice .hero h2 { margin-left: 30%; font-size: 3.75em; }  
    
    .contact .top .col-md-4 { padding-left: 40px; }
     
    .bio .top { height: 65vh; }
    .bio .top .container .bioDetails { height: 65vh; width: 38%; }
    .bio .top .container .photo { height: 65vh; width: 62%; }
    
    .copyright .container { display: flex; align-items: center; width: 100%; }
    .copyright .container .col-md-2 { width: 20%; }
    .copyright .container .col-md-2:first-of-type { display: none; }
    .copyright .container .col-md-8 { width: 80%; }
    
}

@media only screen and (max-width: 1300px) {
    
    .onecol .container { padding: 75px; }
    
    .topbutton { margin-left: -40px; margin-right: -40px; margin-top: -40px; }
    
    .childprac { padding: 40px; }
    .practices .pracnav, .practice .pracnav { top: 280px; }
    .practices .hero h1 { padding-left: 30px; }
    .practices .hero h1::before { left: -120px; }
    
    .practice .onecol .container .col-md-9 { padding: 75px; }
    .practice .twocol .container .col-md-9 { padding: 75px; }
    .cases .case { width: 47%; }
    
    .practice.sub .hero h1 { font-size: 3.5em; }
    
    .detail .top .container { padding: 0; }
    
    .interior.detail .fullcol .container .col-md-2 { width: 5%; }
    .interior.detail .fullcol .container .col-md-8 { width: 90%; padding: 75px; }
    
    .case.detail .practices { padding-top: 75px; }
    .fullcol .container .col-md-8 { width: 70%; padding: 75px; }
    
    .espanol .prac-hero h1 { padding-left: 30px; }
    .espanol .prac-hero h1::before { left: -120px; }
    
}

@media only screen and (max-width: 1200px) {
    
    body.no-scroll { overflow: hidden; height: 100vh; }
    
    .site-header { padding-left: 10px; }
    
    .site-header.sticky.animate { top:0; height:125px;}
    
    .mobile_nav_header { display: block; position: absolute; z-index: 2; background-color: #f0ecdd; width: 320px; right: 0; padding-top: 10px; border-bottom: 1px solid #D8D4C6; }
    .mobile_nav_header a img { width: 100px; margin-left: 24px; }
    .mobile_nav_header p { display: flex; position: relative; }
    .mobile_nav_header form { padding: 24px; }
    .mobile_nav_header form label { display: none; }
    .mobile_nav_header form input.m-search-form { border: none; padding-bottom: 8px; padding-top: 8px; width: 100%; border-radius: 0; padding-left: 10px; padding-right: 43.19px; position: relative; background: #fff; }
    .mobile_nav_header form button { border-radius: 0; border-right: 3px solid transparent !important; bottom: 0; box-shadow: none; overflow: hidden; padding: 0; position: absolute; right: 0; white-space: nowrap; width: 43.19px; z-index: 4; background-color: transparent !important; border: none !important; height: 100%; }
    .mobile_nav_header form button span { display: none; }

    .slide-left {
        right: -100%;
        position: absolute; 
    }
    .slide-in.slide-left {
      right:0;
    }
    .slide-in, .slide-left {
      transition: all .5s ease-in-out;  
    }
    
    .site-header { padding-left: 0; height: 125px; }
    .site-header.sticky.animate + .top { margin-top: 165px !important; }    
    .site-header.sticky { top:0; }
    .site-header .navbar-brand img { margin: 0 0 0 50px; }
    .site-header .navbar { height: 110px; }
    .header-s2 .navbar .container { max-width: 100%; width: 100%; margin: 0; }
    .site-header .navbar-brand img { width: auto; max-height: 110px; }
    .header-s2 .contact { display: none; }
    .header-s2.is-transparent .navbar-brand .logo-light { margin: 0 60px; }
    .header-s2 .col-xs-12.logo { padding: 0; width: 100%; display: flex; justify-content: center; }
    .header-s2 .col-xs-12.nav { background: #fff; position: absolute; right: 0; width: auto; height: 125px; }
    .site-header.sticky.animate .col-xs-12.nav { height: 125px; }
    
    .navbar .container { width: 100%; max-width: 100%; }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { position: relative; width: auto; }
    
    .navbar-toggle { float: left; margin-top: 8px; margin-bottom: 8px; padding: 10px 12px; }
    .navbar-toggle .icon-bar { background-color: #124785; height: 4px; width: 40px; transition: all .2s; }
    .navbar-toggle.collapsed .icon-bar + .icon-bar { margin-top: 6px; }
    .navbar-toggle .icon-bar + .icon-bar { margin-top: 2px; }
    .navbar-header { background: #FF9933; clear: both; width: 100%; padding: 0 15px; }
    .navbar-nav { width: 320px; right: 0; position: absolute; background-color: #124785; top: 21px; margin-top: 0; padding: 50px 0; }
    .header-s2 .navbar-nav > li { display: block; }
    .header-s2.is-transparent .navbar-nav { display: grid; gap: 8px; justify-content: center; border-bottom: 4px solid #fff; }
    .navbar-nav > li.has-children ul { padding: 0 !important; margin: 0; }
    .navbar-nav > li.has-children ul li { padding: 0 !important; margin: 20px 0; }
    .navbar-nav > li.has-children ul li:first-child { margin-top: 30px; }
    .navbar-nav > li.has-children ul li:last-child { margin-bottom: 20px; }
    .header-s2 .navbar-nav > li { width: 50vw; max-width: 400px; min-width: 300px; height: 40px; position: relative; border: 1px solid #fff; padding: 0; order: 2; }
    .site-header.sticky.animate .navbar-nav > li { height: 40px; }
    .navbar-nav > li.has-children a .fa-solid { display: none; }
    .navbar-nav > li.has-children a { padding: 0 !important; margin: 0; font-size: 18px; font-weight: 400; color: #123929; }
    .site-header.sticky.animate .navbar-nav > li > a { font-size: 18px; }
    .navbar-nav > li.has-children a:hover { color: #006241; text-decoration: none; }
    .navbar-nav > li.has-children a:hover span { text-decoration: none; }
    .navbar-nav > li.has-children.nav-opened > a::after { content: "\f068" !important; position: absolute; }
    .navbar-nav li ul.center { width: 100%; transform: none; }
    .navbar-nav li a { padding: 10px 15px; font-size: 14px; font-weight: 400; color: #596570; position: relative; transition: color .4s, background .4s; }
    .navbar-nav li a.btn { width: 150px; margin: 6px auto 0; }
    .navbar-nav li ul { position: static; background: none; width: 100%; display: none; opacity: 1 !important; visibility: visible !important; box-shadow: none; text-align: left; float: none; margin: 10px 0; }
    .navbar-nav li ul li { border-bottom: 0 none; padding: 0; }
    .navbar-nav li ul li ul li a { padding: 3px 15px; }
    .navbar-nav li ul li ul li:last-child > a { padding-bottom: 14px; }
    .navbar-nav li ul .active > a, .navbar-nav li ul .active > a:focus, .navbar-nav li ul .active > a:hover { background: rgba(255, 153, 51, 0.05); color: #FF9933; }
    .navbar-nav > li.active > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color: #ED1C24; }
    .navbar-nav ul li.has-children > a::after { top: 22px; margin-right: 10px; }
    .navbar-nav ul li.has-children.nav-opened > a::after { transform: rotate(90deg); }
    .navbar-nav.is-expanded li ul { display: block; }
    .navbar-nav > li:hover > ul { padding:0; }
    .navbar-nav li.has-children ul { left: -400px; }
    .navbar-nav li.has-children:hover::after { height: 100px; }
    .site-header .navbar-header { float: left; margin: 5px 0 0; }
    .site-header .navbar-collapse { float: none; text-align: center; }
    .header-s2 .navbar .container { padding-left: 0; padding-right: 0; }
    .site-header.sticky .navbar-brand img {  }
    .header-s2 .navbar-brand { position: relative; text-align: center; width: 100%; margin-top: 20px; margin-bottom: 20px; }
    body.no-scroll .navbar-brand { z-index: -1; }
    .header-s2 .navbar-toggle { float: right; position: absolute; top: 31px; right: 21px; z-index: 3; transition: all .2s; }
    .header-s2 .navbar-toggle.active span.first-bar { display: none; }
    .header-s2 .navbar-toggle.active span.second-bar { -webkit-transform: translateZ(0) rotate(-45deg); transform: translateZ(0) rotate(-45deg); top: 4px; position: relative; }
    .header-s2 .navbar-toggle.active span.third-bar { -webkit-transform: translate3d(0, -10px, 0) rotate(45deg); transform: translate3d(0, -10px, 0) rotate(45deg); top: 4px; position: relative; }
    .header-s2 .navbar-header { background: none; padding: 0; margin-top: 0; }
    .header-s2 .navbar-collapse::before { content:" "; }
    .header-s2 .navbar-collapse { margin: 0; background-color: #f0ecdd; color: #f0ecdd; width: 320px; padding:10px 0 15px; border-top: 0; box-shadow: none; }
    .header-s2 .navbar-nav > li.has-children > a:after { color: #123929; content: "\f067"; font-weight: 900; display: inline-block; text-align: center; margin-left: 15px; font-size: 16px !important; line-height: .9; font-family: "Font Awesome 5 Free"; transition: transform .4s; align-self: center; }
    .header-s2.is-transparent .navbar { position: static; }
    .header-s2.is-transparent .navbar-brand .logo-dark { display: block; margin: 0 auto; }
    .header-s2.is-transparent:after { display: none; }
    .navbar-nav li.mobile { display: block; }
    .navbar-nav li.mobile.seperator { background: url("../images/nav-logo-cross.png"); background-repeat: repeat-x; width: 100%; height: 111px; margin-bottom: -30px; margin-top: -30px; z-index: -1; }
    .header-s2.is-transparent .navbar-nav > li.has-children a { display: flex; width: 100%; }
    .header-s2 .navbar-nav > li.mobile { display: table; border: none; margin-bottom: 30px; order: 1; }
    .header-s2 .navbar-nav > li.mobile p { margin-bottom: 10px; }
    .header-s2 .navbar-nav > li.mobile .phone { color: #fff; font-weight: 800; font-size: 24px; }
    .header-s2 .navbar-nav > li.mobile .button { color: #fff; background-color: #227EB2; font-size: 18px; font-weight: 500; text-transform: uppercase; height: 40px; width: 50vw; max-width: 400px; min-width: 300px; display: flex; align-items: center; justify-content: center; margin: 0 auto; padding: 0; }
    .header-s2 .navbar-nav > li.mobile .button:hover { color: #227EB2; background-color: #fff; }
    .header-s2 .navbar-nav > li.nb { order: 3; }
    .header-s2 .navbar-nav > li.nb { margin-top: 15px; }
    .header-s2 .navbar-nav > li.bottom { margin-top: 0; }
    .header-s2 .navbar-nav > li:first-of-type { border-top: none; }
    .header-s2.is-transparent .navbar-nav > li > a, .header-s2.is-transparent .navbar-nav > li.active > a, .header-s2.is-transparent .navbar-nav > li > a:focus, .header-s2.is-transparent .navbar-nav > li.has-children > a::after { font-size: 18px; font-weight: 500; text-transform: uppercase; width: 100%; height: 100%; display: flex; align-content: center; align-items: center; justify-content: center; }
    .navbar-nav li.has-children a::after { font-weight: 700 !important; right:0 !important; }
    .header-s2.is-transparent .navbar-nav > li.phone > a { font-size: 31px; color: #76A4EA; }
    .header-s2.is-transparent .navbar-nav > li > span { width:100%; display: block; font-weight: 800; }
    .header-s2.is-transparent .navbar-nav > li > span a { font-size: 32px; text-align: center;font-weight: 700; color: #231F20; padding:0; }
    .header-s2.is-transparent .navbar-nav > li > a, .header-s2.is-transparent .navbar-nav > li.active > a, .header-s2.is-transparent .navbar-nav > li.has-children > a:after { color: #fff; }
    .header-s2.is-transparent .navbar-nav > li > a:hover, .header-s2.is-transparent .navbar-nav > li.active > a:hover, .header-s2.is-transparent .navbar-nav > li.has-children > a:hover:after { color: #fff; }
    .header-s2.is-transparent .navbar-collapse { color: #fff; z-index: 1; position: absolute; background-color: transparent; width: 100%; height: 100%; position: fixed; overflow: scroll; }
    .navbar-nav li ul li:last-child a { border-bottom: none; }
    .navbar-nav li.has-children:hover::after { background: #fff; content: " "; position: absolute; width: auto; height: auto; left: -100vw; box-shadow: none; padding:0; }
    .header-s2 .navbar-nav > li.last { margin-right: 0; }
    .header-s2 .navbar-nav > li.last a { padding-left:0;}
    .header-s2 .navbar-nav > li:last-child { margin-top: 0; }
    
    .top { margin-top: 125px !important; }
    
    .home .hero { height: 500px; }
    .home .hero h1 { width: 860px; font-size: 5.5em; margin-left: 0; }  
    
    .team .top h1 { font-size: 4.5em; margin-top: -80px; }
    .team .top .container .lock.sticky { top: 125px; }
    .team .top .container p { width: 90%; }
    
    .person { width: 100%; }
    .person:nth-child(2n+1) { padding-left: 25px; padding-right: 25px; }
    .person:nth-child(2n) { padding-left: 25px; padding-right: 25px; }
    
    .bio .top .container .bioDetails { width: 40%; }
    .bio .top .container .photo { width: 60%; }
    .bio .credentials .content .text { padding: 40px 20px; }
    
    .about .top h1 { font-size: 5em; }
    
    .awards .top h1 { font-size: 5em; }
    
    .community .hero { height: 500px; }
    .community .hero h1 { width: 860px; font-size: 5.5em; margin-left: 0; }  
    
    .intro .container { width: 100%; }
    .intro h2 { padding: 40px; }
    
    .news .top h1 { font-size: 3.5em; margin-left: 5%; }
    .newsContent .featNews .newsList .search-filter-results { grid-template-columns: 100%; }
    .newsContent .featNews .article { height: auto !important; padding-bottom: 40px; }
    .newsContent .featNews .article .articleBottom { padding: 40px 0 0; }
    
    .subprac li a { font-size: 1em; }
    .topbutton a { font-size: 1em; }
    .topbutton img { height: 18px; }
    
    .childprac { top: 125px; }
    
    .practices .hero { height: 500px; }
    .practices .pracnav, .practice .pracnav { top: 175px; }
    .practices .pracnav .col-md-9, .practice .pracnav .col-md-9 { margin-top: 0; }
    .practices .hero h1::before { display: none; }
    .practices .hero h1 { padding-left: 0; margin-left: 25vw; width: 575px; }
    
    .practice .hero { height: 500px; }
    .practice .hero h2 { font-size: 3.5em; }    
    .practice .hero .topContent .col-md-4 { width: 25%; }
    .practice .hero h2 { margin-left: 25%; }  
    
    .contact .top .col-md-8 { padding-top: 100px; }
    .contact .top .col-md-4 { padding-top: 100px; }
    .contact .top h1 { font-size: 3.5em; }
    .contact .offices { display: grid; gap: 40px; padding-top: 20px; padding-bottom: 40px; }
    .contact .offices .office { width: 100%; }
    
    .interior.detail .top h1 { font-size: 3.5em; margin-left: 5%; }
    
    .case.detail .top h2 { font-size: 3.5em; margin-left: 5%; }
    
    .wordart .background { min-height: auto; }
    .wordart .container { font-size: 1.75em; }
    
    blockquote { font-size: 2em; }
    
    .espanol .prac-hero h1::before { display: none; }
    .espanol .prac-hero h1 { padding-left: 0; margin-left: 25vw; width: 575px; }
    .espanol .person { width: 33.33333333%; }
    
    .bottom { font-size: 1.5em; }
    
}

@media only screen and (max-width: 1100px) {
    
    body { font-size: 18px; line-height: 30px; }
    
    .cormorant { font-size: 1.75em; }
    
    .twocol .container { display: flex; flex-direction: column-reverse; }
    .twocol .container .content { width: 100%; height: auto !important; padding: 0; }
    .twocol .container .photo { width: 100%; height: 50vw !important; background-size: cover !important; }
    
    .bio .practices { width: 90%; }
    .bio .credentials .video { width: 100%; min-height: 50vw !important; height: auto !important; }
    .bio .credentials .content .text { padding: 75px; }
    .bio .credentials .content ul { font-size: 1em; }
    
    .featnews .article { width: 100%; margin-right: 0; padding-bottom: 40px; margin-bottom: 17px; }
    .featnews .article .articleTop { height: auto !important; }
    .featnews .article .articleBottom { padding-bottom: 0; }
    
    .practices .hero { max-height: 550px; }
    
    .practice .hero { max-height: 550px; }
    .practice .pracnav { position: absolute; }
    
    .childprac .praclist { grid-template-columns: 33% 33% 33%; }
    
    .fullcol .container { padding: 0; }
    .fullcol .container .col-md-2 { display: none; }
    .fullcol .container .col-md-3 { width: 30%; }
    .interior.detail .fullcol .container .col-md-8 { width: 100%; }
    
    .practice .fullcol .container .col-md-3 { width: 5%; }
    .practice .fullcol .container .col-md-6 { width: 65%; }
    .practice .fullcol .container .col-md-3 { display: none; }
    .practice .fullcol .container .quick { display: block; width: 35%; }
    .practice .quick ul li { padding: 10px 25px; }
    .practice .twocol .container .col-md-3 { display: none; }
    .practice .twocol .container .col-md-9 { width: 100%; }
    .practice .onecol .container .col-md-3 { display: none; }
    .practice .onecol .container .col-md-9 { width: 100%; }
    .practice .related .container .col-md-3 { display: none; }
    .practice .related .container .col-md-9 { width: 100%; }
    .practice .intro { width: 100%; }
    
    .practice.sub .breadcrumbs { width: 55%; }
    .practice.sub .hero h1 { width: 55%; }
    
    .about .top { min-height: 600px; }
    
    .awards .top { min-height: 600px; }
    
    .news .top h1 { margin-left: 2%; }
    
    .media .button { font-size: 14px; }
    
    .interior.detail .top h1 { margin-left: 0; }
    
    .case.detail .top h2 { margin-left: 60px; }
    .case.detail .practices { width: 90%; }
    
    .espanol .meet .text { padding: 40px; }
    
    .copyright .container .col-md-8 { width: 90%; }
    .copyright .container .col-md-2 { width: 10%; }
}

@media only screen and (max-width: 991px) { 
    body { -webkit-text-size-adjust: 100%; }
    
    .home .hero { max-height: 500px; }
    
    .about .top { min-height: 500px; }
    .about .top h1 { margin-top: 125px; }
    .about .top p { width: 95%; }
    
    .awards .top { min-height: 500px; }
    .awards .top h1 { margin-top: 300px; }
    .awards .top p { width: 95%; }
    
    .community .hero { max-height: 500px; }
    
    .team .top h1 { font-size: 4em; }
    .people_container h2 { font-size: 2em; }
    
    .newsContent .container { width: 100%; }
    
    .detail .leftCol { width: 58.33333333%; }
    .detail .rightCol { width: 41.66666667%; }
    .detail .rightCol .call { padding: 100px 20px; font-size: 2em; }
    .detail .rightCol .pad { padding: 0 20px; }
    .relPrac { display: grid; }
    
    .pracnav .col-md-3 { width: 28%; }
    .pracnav .col-md-9 { width: 72%; }
    .subprac { width: 28vw; }
    
    .practice.sub .hero .topContent .col-md-4 { width: 28%; }
    .practice.sub .breadcrumbs { width: 53%; }
    .practice.sub .hero h1 { margin-left: 28%; width: 53%; }
    
    .contactForm input[type="text"] { font-size: 16px; }
    .contactForm textarea { font-size: 16px; }
    
    .side.contactForm input[type="text"] { font-size: 16px; }
    .contactForm .ginput_container_consent label { font-size: 16px; }
    .contactForm input[type="submit"] { height: 52px; font-size: 16px; }
    
    .contact .side.contactForm input[type="text"] { font-size: 16px; }
    .contact .side.contactForm textarea { font-size: 16px; }
    .contact .side.contactForm .ginput_container_consent label { font-size: 16px; }
    
    .casereview .gform_wrapper input[type="text"] { font-size: 16px; }
    .casereview .gform_wrapper textarea { font-size: 16px; }
    
    .button { padding: 10px 20px; }
    
    .contact .top .col-md-8 { padding-top: 75px; }
    .contact .top .col-md-4 { padding-top: 75px; }
    
    .footer { padding-top: 50px; }
    .footer .container .col-md-6 { width: 100%; text-align: center; }
    .footer .container .col-md-6 .row { width: auto; display: flex; justify-content: center; margin-top: 40px; }
    .footer ul.buttons li:last-of-type { padding-bottom: 0; }
    .footer .social { padding-top: 0; }
    .footer .copyright { margin: 50px 0 0 0; height: auto; padding: 40px 0 0; }
    .footer .copyright .container { display: block; }
    .footer .copyright .col-xs-12 { width: 100%; padding-bottom: 40px; }
    .footer .copyright span { padding: 0 10px; width: 100%; clear: both; display: block; height: 5px; opacity: 0; }
    .footer .copyright .lisi { float: none; }
    
}

@media only screen and (max-width: 900px) { 
    
    .team .top h1 { font-size: 3.5em; }
    .team .person { width: 100%; }
    
    .bio .top { max-height: 500px; }
    .bio .top .container .bioDetails { width: 45%; height: 500px; }
    .bio .top .container .photo { width: 55%; height: 500px; }
    
    .newsContent .col-md-4 { padding: 0; }
    .newsContent .filter_container h4 { font-size: 1.5em; }
    .newsContent .featNews { padding-right: 0; }
    
    .detail .top .container { display: grid; }
    .detail .leftCol { width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 50px; }
    .detail .rightCol { width: 100%; padding: 0; }
    .detail .rightCol .call { padding: 50px 20px; }
    .detail .person .name { font-size: 1.7em; }
    .detail .person .details .title { font-size: 18px; }
    .person { width: 50%; }
    .side.contactForm { padding-bottom: 0; }
    
    body.practices.no-scroll { overflow: visible !important; height: 100% !important; }
    
    .practices .hero { max-height: 450px; }
    .practices .hero h1::before { display: none; }
    .practices .hero h1 { margin-left: 0; position: absolute; width: 500px; }
    .pracnav_container { position: relative; }
    .practices .pracnav, .practice .pracnav { top: 0; position: relative; }
    .practices .section-content, .practice .section-content { clear: both; }
    .pracnav .col-md-3 { width: 100%; }
    .pracnav .col-md-9 { width: 100%; }
    .subprac { width: 100%; padding-left: 0; padding-right: 0; }
    .subprac li a { font-size: 1.5em; }
    .practices .bottom { padding-top: 40px; }
    .topbutton a { font-size: 1.5em; }
    .topbutton img { height: 22px; }
    
    .subprac li { position: relative; }
    .subprac li .icon { display: inline; }
    .subprac .haschildren .icon { width: 32px; height: 32px; position: absolute; right: 0; align-self: center; cursor: pointer; font-weight: 500; }
    .subprac .haschildren .icon.toggled, .subprac .haschildren .toggled + .icon { align-self: flex-start; }
    .subprac .haschildren .icon::after { content: "\002B"; font-size: 24px; margin-left: 5px; position: absolute; right: 10px; align-self: center; color: #124785; }
    .subprac .haschildren .icon.toggled::after, .subprac .haschildren .toggled + .icon::after { content: "\2212"; color: #fff; position: absolute; top: 10px; }
    
    .carousel-overlay { display: none !important; }
    .childprac { display: none !important; }
    
    body.practice.no-scroll { overflow: visible !important; height: 100% !important; }
    
    .practice .hero { max-height: 450px; }
    .practice .hero .topContent .col-md-4 { width: 5%; }
    .practice .breadcrumbs { display: none; }
    .mobile .breadcrumbs { display: block; width: 500px; }
    .practice .hero h2 { margin-left: 5%; width: 500px; }
    
    .practice.sub .hero .topContent .col-md-4 { display: none; }
    .practice.sub .breadcrumbs { margin-left: 2%; width: 59%; margin-right: 2%; }
    .practice.sub .hero h1 { margin-left: 2%; width: 59%; margin-right: 2%; font-size: 3em; }
    .practice.sub .banner-slider .fill { background-position: 80%; }
    
    .espanol #paslider .carousel-inner { min-height: 300px; }
    .espanol .prac-hero h1 { margin-left: 0; }
    .espanol .desktop { display: none; }
    .espanol .mobile { display: block; }
    .espanol .mobile .title { display: none; }
    .espanol .subprac .subpracs .praclist { grid-template-columns: 100%; text-align: left; color: #124785; padding: 0 25px 25px; }
    .espanol .subprac .subpracs .praclist .content ol, .espanol .subprac .subpracs .praclist .content ul { text-align: left; padding: 0 0 10px; }
    .espanol .subprac .subpracs .praclist .content ol li, .espanol .subprac .subpracs .praclist .content ul li { text-align: left; padding-left: 0; margin-left: 0; display: list-item; margin-bottom: 10px; }
    
}

@media only screen and (max-width: 850px) { 
    
    .home .hero h1 { width: 75%; font-size: 4.5em; }
    .tagline h2 { font-size: 1.9em; }
    
    .about .top h1 { font-size: 4.5em; }
    
    .awards .top h1 { font-size: 4.5em; }
    
    .community .hero h1 { width: 75%; font-size: 4.5em; }
        
}

@media only screen and (max-width: 767px) {

    .mobile { display: block; }
    
    .home .hero { max-height: 500px; display: grid; background: #EEECEF; }
    .home .hero h1 { width: 98%; margin: 0 auto; padding: 10px 0; font-size: 3.25em; position: relative; }
    .carousel .carousel-inner, .carousel .item, .carousel .active { height: 400px; }
    
    .onecol .container { padding: 50px 25px; }
    .twocol .container .content .text { padding: 50px 25px; }
    .twocol .container .content { color: #fff; border-right: none; }

    .about .top { min-height: auto; }
    .about .top .container .col-md-12 { padding: 0; }
    .about .top h1 { font-size: 3.25em; }

    .awards .top { min-height: auto; height: 350px; }
    .awards .top .container .col-md-12 { padding: 0; }
    .awards .top h1 { margin-top: 225px; font-size: 3.25em; }
    
    .community .hero { max-height: 500px; display: grid; background: #EEECEF; }
    .community .hero h1 { width: 98%; margin: 0 auto; padding: 10px 0; font-size: 2.25em; position: relative; }
    
    .team .top h1 { font-size: 3.25em; width: 75%; margin: -80px auto 20px; }
    .team .top { background-size: 200% !important; background-position: center 100px !important; background-repeat: no-repeat; }
    .team .top .container { width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 0; }
    .team .top .container p { width: 100%; }
    .people_container { margin-top: 150px; }
    .people_container .heading { margin-bottom: 0; }
    .people_container .person { padding-bottom: 0; }
    .team .top .container .col-md-6 { padding-right: 0; padding-left: 0; }
    .team .top .container .lock { padding-right: 15px; padding-left: 15px; }
    .team .top .container .lock.sticky { position: relative; top: auto; }
    .team .person .photo img { width: 100%; }
    
    .bio .top { max-height: 100%; height: auto; }
    .bio .top .container { display: flex; flex-direction: column-reverse; }
    .bio .top .container .bioDetails { width: 100%; height: auto; border: none; }
    .bio .top .container .bioDetails .content { margin: 40px auto; text-align: center; }
    .bio .top .container .bioDetails .content h1 { font-size: 2.25em; }
    .bio .top .container .bioDetails .content .social { padding: 30px 0 12px; }
    .bio .top .container .photo { width: 100%; height: 450px; }
    .bio .practices { width: 100%; position: relative; padding-top: 50px; right: 0; text-align: center; }
    .bio .practices ul { margin-right: 0; }
    .fullcol .container .col-md-3 { width: 100%; }
    .fullcol .container .col-md-8 { width: 100%; padding: 50px 25px; }
    
    .featnews .container { padding: 0; }
    .featnews .article .articleTop { padding: 20px 20px 0 20px; }
    
    .news .top .container { padding: 0; }
    .news .top h1 { font-size: 3.25em; margin-left: 0; }
    
    .newsContent { padding-top: 0; }
    .newsContent .col-md-4 { padding: 0; background: #ECF6F9; }
    .filter_container .filter_heading { padding: 40px; background: #fff; }
    .searchandfilter { padding: 0 40px; background: #fff; margin-bottom: 20px; }
    .searchandfilter ul li { padding-left: 0; }
    .side.contactForm { padding: 10px 40px 0; max-width: 100%; margin: 0 auto; }
    .newsContent .container { width: 100%; padding: 0; }
    .newsContent .featNews { padding: 40px 0 0; }
    .newsContent .featNews .article .articleTop { padding: 20px 20px 0 20px; }
    
    .news .filter_container .filter_heading .filter_heading_item::after { content: "\002B"; font-size: 24px; margin-left: 5px; }
    .news .filter_container .filter_heading .filter_heading_item.toggled::after { content: "\2212"; }
    .news .searchandfilter { display: none; margin-top: -40px; }
    .news .searchandfilter.toggled { display: block; }
    .news .newsContent .filter_container h4 { display: none; }
    .news .newsContent .filter_container h4.toggled { display: block; }
    .news .side.contactForm { display: none; }
    .news .side.contactForm.toggled { display: block; }
    .news .media { display: none; }
    .news .media.toggled { display: block; }
    
    .detail .leftCol .articleContent { padding: 25px; }
    .detail .rightCol .call { font-size: 2em; }
    .detail .rightCol .call a { color: #124785; }
    
    .practices .carousel .carousel-inner, .practices .carousel .item, .practices .carousel .active { height: 350px; }
    .practices .hero { max-height: 100vh; height: 350px; }
    .practices .hero { max-height: 400px; }
    .practices .hero .topContent { display: none; }
    .practices .hero h1 { display: none; }
    
    .practices .title { font-size: 1.75em; color: #227EB2; font-weight: 800; text-transform: uppercase; letter-spacing: -1px; margin-top: 8px; line-height: .9em; }
    
    .practice .carousel-inner { position: absolute; top: 0; }
    .practice .hero .topContent { display: none; }
    .practice .hero h2 { display: none; }
    .practice .breadcrumbs { width: 100%; }
    
    .practice .title { font-size: 1.75em; line-height: .9em; color: #227EB2; font-weight: 800; text-transform: uppercase; letter-spacing: -1px; margin-top: 20px; }
    
    .pracmobile { display: block; background: #ECF6F9; text-transform: uppercase; text-align: center; color: #124785; padding: 10px; margin-bottom: 20px; cursor: pointer; }
    .pracmobile.toggled { margin-bottom: 0; }
    .pracmobile::after { content: "\002B"; font-size: 24px; margin-left: 5px; }
    .pracmobile.toggled::after { content: "\2212"; }
    .practice .pracnav_container { display: none; }
    
    .practice .carousel .carousel-inner, .practice .carousel .item, .practice .carousel .active { height: 350px; }
    .practice .hero { max-height: 100vh; height: 350px; }
    .practice .hero h2 { font-size: 3.25em; top: 570px; margin: 0 auto; width: 90%; position: relative; }
    .practice .intro h1 { font-size: 1.9em; }
    .practice .fullcol .container .quick { display: none; }
    .practice .fullcol .container .col-md-6 { width: 100%; padding: 50px 25px; }
    .practice .twocol .container .col-md-9 { padding: 50px 25px; grid-template-columns: 100%; }
    .practice .twocol .container .col-md-9 .text { border-left: none; margin-left: 0; padding-left: 0; border-top: 1px solid #D7E4ED; margin-top: 25px; padding-top: 25px; }
    .practice .onecol .container .col-md-9 { padding: 50px 25px; }
    
    .practice.sub .banner-slider .fill { background-position: right; background-size: auto; }
    .practice.sub .breadcrumbs { width: auto; }
    
    .cases .container { padding: 0; }
    .cases .case { width: 100%; margin-left: 0; margin-right: 0; }
    .cases .case .caseTop { height: auto !important; }
    
    .practice .why .container { margin: 0 auto; }
    .practice .why .item { grid-template-columns: 100%; }
    .practice .why .item .left { margin: 50px 25px 0; }
    .practice .why .item .right { border-left: none; margin: 25px; padding-left: 0; border-top: 1px solid #D7E4ED; margin-top: 25px; padding-top: 25px; }
    
    .practice .why .bottom { margin: 50px 25px; }
    
    .contact .top .container { margin: 0; padding: 0; }
    .contact .top h1 { font-size: 1.25em; padding: 0 25px; }
    .contact .top .col-xs-12 { height: auto !important; }
    .contact .top .col-md-8 { width: 100%; padding-left: 0; padding-right: 0; }
    .contact .offices .office { text-align: center; }
    .contact .office h2 { font-size: 1.25em; border-top: 2px solid #227EB2; margin-top: 10px; padding-top: 10px; padding-left: 25px; padding-right: 25px; }
    .contact .office p { padding-left: 25px; padding-right: 25px; }
    .contact .top .col-md-4 { width: 100%; padding-top: 25px; padding-left: 15px; }
    .contact .side.contactForm { max-width: 100%; padding-bottom: 25px; }
    
    .interior.detail .top h1 { font-size: 3.25em; }
    .interior.detail .fullcol .container .col-md-8 { padding: 50px 25px; }
    .case.detail .top h2 { margin-left: 10px; }
    
    .espanol .prac-hero h1 { display: none; }
    .espanol #paslider .carousel-inner { height: 200px; }
    .espanol .mobile .title { display: block; font-size: 2.5em; color: #227EB2; font-weight: 800; line-height: .9em; text-transform: uppercase; letter-spacing: -1px; }
    .espanol .meet .person { width: 100%; text-align: center; }
    
    .espanol .why .container { margin: 0 auto; }
    .espanol .why .item { grid-template-columns: 100%; }
    .espanol .why .item .left { margin: 50px 25px 0; }
    .espanol .why .item .right { border-left: none; margin: 25px; padding-left: 0; border-top: 1px solid #D7E4ED; margin-top: 25px; padding-top: 25px; }
    
    .espanol .why .bottom { margin: 50px 25px; }
    
}

@media only screen and (max-width: 699px) {
    
    .practice .carousel-inner { height: 350px; }
    .practice .hero .topContent { top: 370px; }
    .practice .hero h2 { top: 550px; }
    
    .about .top h1 { margin-top: 100px; margin-bottom: 100px; }
    
    .team .top .container .lock .together { width: 100vw; }
    
    .subprac .subpracs .praclist { grid-template-columns: 90%; }
    
}

@media only screen and (max-width: 599px) {
    
    .home .hero { max-height: 500px; }
    
    .tagline h2 { padding: 40px 5px; }
    
    .team .top h1 { margin: -125px auto 20px; }
    
    .awards .top { height: 250px; }
    .awards .top h1 { margin-top: 150px; font-size: 2.25em; }
    
    .community .hero { max-height: 500px; }
    
    .person { width: 100%; }
    
    .detail .rightCol .side.contactForm { max-width: 95%; }
            
}

@media only screen and (max-width: 480px) { 
    
    .site-header { height: 115px; }
    .site-header .navbar { height: 100px; }
    .site-header.sticky.animate { height: 115px; }
    .site-header.sticky.animate .col-xs-12.nav { height: 115px; }
    .site-header.sticky.animate .navbar-brand img { height: inherit; }
    .header-s2 .col-xs-12.nav { height: 115px; }
    
    .top { margin-top: 115px !important; }
    
    .site-header .navbar-brand img { max-width: 270px; }
    .header-s2 .navbar-toggle { top: 10px; right: 0; }
    
    .home .hero { max-height: 600px; }
    
    .tagline h2 { font-size: 1.7em; }
    
    .about .top h1 { margin-top: 80px; }
    
    .awards .top h1 { margin-top: 150px; font-size: 2.25em; }
    
    .community .hero { max-height: 400px; }
    .community .carousel .carousel-inner, .community .carousel .item, .community .carousel .active { height: 300px; }
    
    .intro h2 { font-size: 1.5em; padding: 40px 0; }
    
    .practice .intro h1 { font-size: 1.7em; }
    
    .team .top h1 { margin: -130px auto 20px; }
    
    .bio .top .container .photo { height: 365px; }
    .bio .top .container .bioDetails .content { margin: 20px auto; }
    
    .badges ul li { width: 100%; }
    
    .news .top { height: 150px; }
    .news .top h1 { font-size: 1.7em; }
    
    .news .newsContent .filter_container h4 { width: 80%; margin: 0 auto; }
    
    .detail .rightCol .pad { padding: 0; }
    .detail .person:nth-child(2n) { padding: 0; }
    .detail .person:nth-child(2n+1) { padding: 0; }
    .detail .rightCol h4 { display: block; width: 80%; margin: 50px auto 12px auto; }
    .detail .rightCol .call { font-size: 30px; }
    
    .practices .carousel .carousel-inner, .practices .carousel .item, .practices .carousel .active { height: 250px; }
    .practices .hero { height: 250px; }
    .practices .hero h1 { font-size: 2.5em; width: 100%; }
    
    .practice .carousel .carousel-inner, .practice .carousel .item, .practice .carousel .active { height: 250px; }
    .practice .hero { height: 250px; }
    .practice .hero h2 { font-size: 2.5em; width: 100%; }
    .practice .twocol .container h2 { font-size: 1.7em; }
    
    .subprac li a { font-size: 1.25em; }
    .topbutton a { font-size: 1.25em; }
    .topbutton img { height: 20px; }
    
    .practice .why .head h2 { font-size: 1.7em; }
    .practice .why .item .left { font-size: 1.7em; }
    
    .wordart .container { font-size: 1.5em; }
    
    blockquote { font-size: 1.5em; padding: 0; }
    
    .contactForm { padding-bottom: 0; }
    .contactForm .half { width: 100% !important; padding-right: 0; }
    .gform_footer { position: relative; bottom: 0; right: 0; text-align: center; margin-top: 10px; }
    .practices .gform_footer, .practice .gform_footer { position: relative; bottom: 0; right: 0; text-align: center; margin-top: 10px; }
    
    .bottom { font-size: 1.25em; }
    
    .contact .top .col-md-8 { padding-top: 50px; }
    .contact .top h1 { font-size: 1.75em; padding: 0; letter-spacing: 0; }
    
    .interior.detail .top { height: 150px; }
    .interior.detail .top h1 { font-size: 1.75em; }
    
    .espanol .why .head h2 { font-size: 1.7em; }
    .espanol .why .item .left { font-size: 1.7em; }
    
    .footer .copyright { font-size: 14px; }
    .footer .copyright .col-xs-12 { padding-left: 0; padding-right: 0; }
    
}

@media only screen and (max-width: 380px) { 
    
    
    .header-s2.is-transparent .navbar-brand .logo-light { margin: 0 10px; }
    .site-header .navbar-brand img { max-width: 75%; }
    .header-s2 .col-xs-12.logo { justify-content: flex-start; }
    
}

@media only screen and (max-width: 1280px) { /* parallax disable on ipad/iphone */
    .has-parallax { background-position: 50% 50% !important; background-attachment: scroll !important; }
}