/*
Theme Name: Law Firm Sites - Guttenberg
Theme URI: http://www.lawfirmsites.com/
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 1
Author: Law Firm Sites
Author URI: http://www.lawfirmsites.com/
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: 
License URI: 
*/

/* FONT FACE
=================================*/

/* @font-face { font-family: Satoshi; src: url('fonts/Satoshi-Regular.otf') format("opentype"); font-weight: normal; } */

@import url("https://use.typekit.net/ypg3kys.css");



:root {
  /*FONT SIZE*/
  --px12: 0.75rem;
  --px14: 0.875rem;
  --px15: 0.938rem;
  --px16: 1rem;
  --px17: 1.063rem;
  --px18: 1.125rem;
  --px20: 1.25rem;
  --px21: 1.35rem;
  --px22: 1.375rem;
  --px23: 1.438rem;
  --px24: 1.5rem;
  --px25: 1.563rem;
  --px26: 1.625rem;
  --px27: 1.688rem;
  --px28: 1.75rem;
  --px30: 1.875rem;
  --px32: 2rem;
  --px34: 2.125rem;
  --px35: 2.188rem;
  --px36: 2.25rem;
  --px38: 2.375rem;
  --px40: 2.5rem;
  --px42: 2.625rem;
  --px45: 2.813rem;
  --px48: 3rem;
  --px50: 3.125rem;
  --px53: 3.313rem;
  --px55: 3.438rem;
  --px56: 3.5rem;
  --px60: 3.75rem;
  --px61: 3.813rem;
  --px64: 4rem;
  --px65: 4.063rem;
  --px69: 4.313rem;
  --px70: 4.375rem;
  --px72: 4.5rem;
  --px75: 4.688rem;
  --px80: 5rem;
  --px90: 5.625rem;
  --px92: 5.75rem;
  --px95: 5.938rem;
  --px100: 6.25rem;
  --px110: 6.875rem;
  --px126: 7.875rem;


  --Roboto: "roboto", sans-serif;
  --DMsans: "dm-sans", sans-serif;
  

  /*COLOR*/
  --Black: #000;
  --DarkText: #2c2c2c;
  --Red: #AA2B3D;
  --Blue: #03376D;
  --Orange: #CA5162;
}


/* BODY
=================================*/

html { font-size: 0.833333vw; scroll-behavior: smooth; }

body { padding: 0; margin: 0; font-size: var(--px20); font-family:var(--Roboto); font-weight:normal; line-height:1.5; color: var(--DarkText); }

a:hover { outline: none; text-decoration: none; }

/* Accessibility: Focus styles for keyboard navigation */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
	outline: 2px solid #006FFF;
	outline-offset: 2px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 2px solid #006FFF;
	outline-offset: 2px;
}

.scroll { transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -webkit-transition: .6s; -o-transition: .6s; } 

.sub-menu , .repCasesBtn , a.imgHover:before ,
a , input , button , .sub-menu { transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }

img { max-width: 100%; width: auto; height: auto; object-fit: cover; object-position: center; }

a.imgHover { display: inline-block; position: relative; vertical-align: top; }

a.imgHover img { display: block; margin: 0; }

a.imgHover:before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; }

a.imgHover:hover:before { background-color: rgba(0,0,0,.5); }

.scroll.open { top: 0; }

.admin-bar .scroll.open { top: 32px; }

.scroll { position: fixed; display: none; top: -200px; left: 0; width: 100%; z-index: 5000; }

a.post-edit-link { display: inline-block; color: #fff; padding: .4rem 2rem; background-color: #000; font: 1.25rem; position: fixed; bottom: 1rem; left: 1rem; z-index: 3000; }

a.post-edit-link:hover { background-color: #333; }

section:before,section:after { clear: both; display: block; content: ''; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p { margin: 0; }

h1, .h1 { display: block; font-size: var(--px48); }

h2, .h2 { display: block; font-size: var(--px48); }

h3, .h3 { display: block; font-size: var(--px36); }

h4, .h4 { display: block; font-size: var(--px24); }

h5, .h5 { display: block; font-size: var(--px18); line-height: 1.3333; text-transform: uppercase; font-weight: 700; }

h6, .h6 { display: block; }

a.skip-main { 
	left: -999px; 
	position: absolute; 
	top: auto; 
	width: 1px; 
	height: 1px; 
	overflow: hidden; 
	z-index: 999; 
}

a.skip-main:focus {
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	overflow: visible;
	padding: 1rem;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

/* Screen reader only class */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	padding: inherit;
	margin: inherit;
	overflow: visible;
	clip: auto;
	white-space: normal;
}

svg { fill:inherit; stroke:inherit; }

picture { display:block; }

[width="11"] { width:0.688rem; }
[width="12"] { width:0.75rem; }
[width="13"] { width:0.813rem; }
[width="14"] { width:0.875rem; }
[width="15"] { width:0.938rem; }
[width="16"] { width:1.0rem; }
[width="18"] { width:1.175rem; }
[width="19"] { width:1.188rem; }
[width="20"] { width:1.25rem; }
[width="24"] { width:1.5rem; }
[width="30"] { width:1.875rem; }
[width="22"] { width:1.375rem; }
[width="70"] { width:4.375rem; }
[width="74"] { width:4.625rem; }


/* FOOTER
=================================*/

#footer { 
  padding: 11.563rem 0 4.063rem; background-image: url('./assets/images/footer-bg.png'); color: #fff; fill: #fff;
  background-size: cover; background-position: center; background-repeat: no-repeat;
}
#footer .flex {
  gap: .625rem;
}
#footer-bottom {
  font-family: var(--DMsans); font-size: var(--px20); line-height: 1.5em; color: var(--Black); padding: .625rem 0 1.5rem; 
}
.footer-bottom-left {
  text-align: center; width: 100%; max-width: 58.75rem;
}
.footer-logo {
  max-width: 22.938rem; margin: 0 auto;
}
.footer-bottom-right {
  flex: 1;
}
.footer-bottom-right .h3 {
  font-size: var(--px30); line-height: 1em; margin-bottom: 1.25rem;
}

.footer-bottom-right ul {
  list-style: none; padding: 0; margin: 0; font-size: var(--px20); line-height: 1.5em;
}
.footer-bottom-right ul li {
  margin-bottom: .313rem;
}
.footer-bottom-right ul li a {
  display: flex; align-items: center; gap: .625rem; color: #fff;
}
.footer-bottom-right ul li a .text {
  flex: 1;
}
.footer-bottom-right ul li a .icon {
  min-width: 1.75rem; display: flex; align-items: center; flex-wrap: wrap;
}
.social-media {
  display: flex; flex-wrap: wrap; gap: 0; margin-top: 1.25rem; margin-bottom: .625rem; gap: .75rem
}
.social-media a {
  width: 3.75rem; height: 3.75rem; display: flex; align-items: center; justify-content: center; 
  border-radius: 10%; background-color: rgba(2,1,1,0); transition: all .3s; transition-duration: .5s;
}
.social-media a:hover {
  opacity: .9; transform: scale(1.2); background-color: #D1E8F178; transition-timing-function: cubic-bezier(0.47,2.02,0.31,-0.36);
}

/* HEADER
=================================*/

#header { font-family: var(--DMsans); }

.navbar-default { border-radius: 0; margin: 0; min-height: 0; background-color: #e9e9e9; color: var(--Black); border: none; padding: 0; }

.navbar-default .wrap {
  align-items: flex-end;
}

.main-menu { list-style: none; padding: 0; margin: 0; }

.main-menu li { position: relative; padding: 0; }

.main-menu li a { display: block; font-size: var(--px18); }

.logo { display: inline-block; vertical-align: top; max-width: 19.75rem; margin: 0rem 0 0rem; vertical-align: top; }

ul.paginations { list-style:none; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap: 1rem; }

.btn { display:inline-flex; text-align:center; gap: 0.688rem; background-color:#fff; justify-content:center; color:var(--Black); 
  font-weight:normal; align-items:center; padding: 1.375rem 1.875rem; border: none;
  font-size: var(--px18); line-height:1; fill: var(--Black); }

.btn:hover,
.btn:focus { background-color:#111; color:#fff; fill:#fff; }

.header-menu {
  background-color: var(--Blue); color: #fff; padding: 1.25rem 0 0.625rem;
}
.header-right {
  padding-bottom: .625rem;
}
.phone-top {}

.phone-top .h4 {
  line-height: 1.3125em;
}
.phone-top a {
  font-size: var(--px40); line-height: 1.3em; color: var(--Blue); font-weight: 700;
}

/* Blocks
=================================*/
.editor-visual-editor__post-title-wrapper { text-align:center; max-width:800px; margin: 0 auto 3rem; }

.editor-styles-wrapper :where(:not(.is-layout-flex,.is-layout-grid))>.wp-block,
html :where(.wp-block) { margin:0; max-width:unset; }

#home-banner { background-color:#000; color:#fff; padding:3rem 0; }

#home-banner .content .op-hours {
  margin-top: 1.625rem; margin-bottom: 0; font-family: var(--DMsans); 
}
#home-banner .time {
  justify-content: center; gap: 3.125rem; font-family: var(--DMsans); 
}

.lang-top {
  padding: 0 .625rem;
}
.lang-top img {
  display: block; margin: 0;
}
.lang-top a {
  display: block;
}

.gtranslate_wrapper {
  display: flex; flex-wrap: wrap; gap: .625rem; align-items: center; justify-content: flex-end;
}
.gtranslate_wrapper a.glink {
  display: block; padding: 0;
}
.gtranslate_wrapper a.glink img {
  width: 2rem; height: auto; vertical-align: top; display: block;
}


/* CONTACT FORM
=================================*/

..gform_fields .gfield:nth-child(1) { margin-top: 0; }

.gform_confirmation_message { background-color: #ddffdd; color: #000; text-align: center; border: 2px solid #4CAF50; padding: 15px 20px; }

.form-wrap { margin: 0; line-height: 1.5em; font-family: var(--DMsans); }

.form-wrap label { font-weight: normal; }

.form-wrap h2 { }

.form-wrap ul { list-style: none; padding: 0; }

.gform_fields { margin: 0; }

.gfield { width: 100%; position: relative; margin-bottom: 0; margin-top: .625rem; }

.gfield.hidden_label { margin-bottom:0; }

.gfield.hidden_label legend.gfield_label,
.gfield.hidden_label label.gfield_label { width: 1px; height: 1px; margin: -1px; display: block; overflow: hidden; opacity: 0; visibility: hidden;
  margin-bottom: -1px;
}

.ginput_container--name .gform-field-label,
.gfield label.gfield_label { font-weight:normal; color:var(--Dark); margin-bottom:.625rem; display: block; line-height: 1.5em; font-size: var(--px20); }

.gfield label.gfield_label span {  }

.form-wrap textarea,
.form-wrap input[type="tel"],
.form-wrap input[type="email"],
.form-wrap input[type="text"] { background-color: #fff; display: block; width: 100%; border: 1px solid #69727d; border-radius: .188rem; line-height: 1.5em; 
  padding: 0.5rem 1rem; font-size: var(--px15); }

.form-wrap textarea { resize: none; height: 6rem; }

.gform_footer { text-align: center; padding-top: .625rem; }

.gform_footer button { border-radius: 0; width: 100%; height: 2.5rem; background-color: var(--Blue); color: #fff; border: none; font-size: var(--px15); }

.gform_footer button:hover { background-color: #000; }

p.gform_required_legend { display:none; }

.form-wrap h2.gform_submission_error  { font-size:var(--px16); line-height:var(--px30); font-family:inherit; color:var(--Red); }

.gfield_validation_message, .validation_message  { color:var(--Red); font-size:var(--px16); line-height:var(--px30);  }

.ui-datepicker { padding: 1rem; background-color:#fff; max-width:20rem; font-size:15px; width: 100%; }

.ui-datepicker-header { display:flex; flex-wrap:wrap; gap: .5rem; align-items: center; margin-bottom: .5rem; }

.ui-datepicker-header > a span { display:none; }

.ui-datepicker-header > a { width: 1rem; font-size: 18px; }

.ui-datepicker-header > a:before { font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f053"; }

.ui-datepicker-header .ui-datepicker-next { order:2; text-align: right;}

.ui-datepicker-header .ui-datepicker-next:before { content: "\f054"; }

.ui-datepicker-title { display: flex; flex-wrap: wrap; gap: .5rem; flex: 1; }

.ui-datepicker-title select { flex: 1; border: 1px solid #000; text-transform:uppercase; font-weight:500; background-color:transparent; }

table.ui-datepicker-calendar { width:100%; font-size: 14px; }

/* Blocks
=================================*/
.editor-visual-editor__post-title-wrapper { text-align:center; max-width:800px; margin: 0 auto 3rem; }

.editor-styles-wrapper :where(:not(.is-layout-flex,.is-layout-grid))>.wp-block,
html :where(.wp-block) { margin:0; max-width:unset; }

#home-banner { 
  background-image: url('./assets/images/home-banner-bg.png'); background-size: cover; background-position: center; background-repeat: no-repeat;
  color: #fff; text-align: center; padding: 5rem 0 3.125rem;
}

#home-banner .content {
  margin: 0 auto; max-width: 64.813rem;
}
#home-banner .content h1 {
  font-size: var(--px110); line-height: 1em; margin-bottom: 1.25rem; font-weight: 400; position: relative;
}
#home-banner .content p {
  margin-bottom: 1.5rem;
}

#home-banner .content h1.effect-on {
  animation-duration: 2s; animation-name: fadeInUp;
}

.lang-top {
  padding: 0 .625rem;
}
.lang-top img {
  display: block; margin: 0;
}
.lang-top a {
  display: block;
}

.gtranslate_wrapper {
  display: flex; flex-wrap: wrap; gap: .625rem; align-items: center; justify-content: flex-end;
}
.gtranslate_wrapper a.glink {
  display: block; padding: 0;
}
.gtranslate_wrapper a.glink img {
  width: 2rem; height: auto; vertical-align: top; display: block;
}

#home-about {
  padding: 5rem 0 5rem; background-color: #e9e9e9; font-weight: normal; font-family: var(--DMsans);
}
#home-about .wrap {
  gap: 1.25rem
}
#home-about .left-content {
  max-width: 43.75rem;
}
#home-about .right-content {
  flex: 1; max-width: 42.688rem;
}
#home-about .btn {
  background-color: var(--Blue); color: #fff;
}
#home-about picture {
  margin-bottom: 1.875rem; max-width: 43.75rem;
}
#home-about .content-block {

}
#home-about .content-block h2 {
  font-size: var(--px75); line-height: 1em; margin-bottom: 1.25rem; font-weight: 400; position: relative; color: var(--Blue); margin-bottom: 1.25rem;
  font-family: var(--Roboto); transform: translate3d(0,100%,0); opacity: 0; 
}
#home-about .content-block h2.effect-on {
  animation-duration: 2s; animation-name: fadeInUp; opacity: 1;
}
#home-about .content-block h3 {
  font-size: var(--px24); line-height: 1.315em; margin-bottom: 1.25rem; font-weight: 400; position: relative; margin-bottom: .9rem;
}
#home-about .content-block p {
  margin-bottom: .9rem;
}
#home-about .content-block p + h3 {
  margin-top: 4rem;
}
.scroll-effect {
  animation-fill-mode: forwards;
}
#home-about .content-block ul + .btn {
  margin-top: 2.5rem; 
}
#home-about .btn {
  font-family: var(--DMsans); font-weight: 300;
}
#home-about .btn .icon {
  max-height: 1.125rem;
}

#to-get-started {

}
#to-get-started .container {
  background-image: url('./assets/images/bg-image2.png'); background-size: cover; background-position: center; background-repeat: no-repeat;
  transform: translate3d(-100%,0,0); opacity: 0;
}
#to-get-started .wrap {
  padding: 3.125rem 0;
}
#to-get-started .content {
  border: 1px solid #fff; background-color: #01152AE8; color: #fff; padding: 3.125rem; padding: 5.688rem 2.5rem 4.438rem;
  max-width: 77.688rem;
}
#to-get-started .container.effect-on {
  animation-duration: 2s; animation-name: fadeInLeft;
}
#to-get-started .content h2 {
  font-size: var(--px80); line-height: 1em; margin-bottom: 1.25rem; font-weight: 400; position: relative; color: #fff; margin-bottom: 1.25rem;
  font-family: var(--Roboto);
}
#to-get-started .content hr {
  max-width: 17.25rem; border-width: 2px; border-color: #fff; border-width: .188rem; margin: 2.188rem 0;
}
#to-get-started .content p {
  font-family: var(--DMsans); font-weight: 300; font-size: var(--px60); line-height: 1em; font-weight: 700; position: relative;
}
#to-get-started .content p a {
  color: #fff;
}

#contact-landing {
  padding: 3.125rem 0 5rem;
}
#contact-landing .flex {
  gap: 1.25rem;
}
#contact-landing .div-block {
  max-width: 21.25rem; flex: 1 1 calc( 100% / 4 - 1.25rem); min-height: 15.125rem; background-color: #e7e7e7; padding: 0 1.25rem 3.125rem;
  font-family: var(--DMsans);
}
#contact-landing .div-block h2 { 
  font-size: var(--px25); line-height: 1.16em; font-weight: 400; position: relative; color: var(--Blue); margin-bottom: 1rem; font-weight: 300;
}

#contact-landing .div-block p {
  font-size: var(--px16); line-height: 1.9375em; 
}
#contact-landing .div-block p a {
  color: var(--DarkText);
}
#contact-landing .div-block .icon {
  margin-bottom: 0.938rem; display: block;
}
#contact-landing .div-block .icon svg {
  display: block; width: 4.625rem; height: 4.625rem; background-color: var(--Blue);
}


@keyframes fadeInUp {
  from {
      opacity: 0;
      transform: translate3d(0,100%,0);
  }

  to {
      opacity: 1;
      transform: none;
  }
}
@keyframes fadeInLeft {
  from {
      opacity: 0;
      transform: translate3d(-100%,0,0)
  }

  to {
      opacity: 1;
      transform: none;
  }
}

.fadeInUp {
  /* animation-name: fadeInUp; */
}

#practice-areas-slider {
  padding: 4.625rem 0 4.375rem;
}
#practice-areas-slider h2 {
  font-size: var(--px60); line-height: 1em; font-weight: 400; position: relative; color: var(--Blue); margin-bottom: 4.688rem;
  font-family: var(--Roboto);
}

.pa-item-block {
  width: 100%; max-width: 19.188rem; background-size: cover; background-position: center; background-repeat: no-repeat;
}
.pa-item-block a {
  display: flex; flex-direction: column; justify-content: flex-end; height: 22.625rem; position: relative; z-index: 5; padding: 1.375rem 1.125rem;
  color: #fff;
}
.pa-item-block a:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 11.74%, #001435 109.12%); content: ''; display: block; width: 100%; height: 100%; 
  position: absolute; top: 0; left: 0; z-index: -1;
}
.pa-item-block .pa-item-content {
  display: flex; flex-wrap: wrap; gap: 6rem; align-items: flex-end;
}
.pa-item-block .pa-item-content .h4 {
  flex: 1;
}
.pa-item-block .pa-item-content svg {
  margin-bottom: .5rem;
}
.controls .s-left {
  order: 1;;
}
.controls .s-right {
  order: 3;
}
.controls .slick-dots {
  order: 2;
}
.controls .slick-arrow {
  border: none; padding: 0; margin: 0; background-color: transparent; fill: var(--Blue);
}
.slick-dots {
  position: relative; bottom: unset; display: flex; flex-wrap: wrap; gap: .813rem; align-items: center; justify-content: center; width: auto;
}
.slick-dots li {
  width: auto; height: auto; padding: 0; margin: 0;
}
.slick-dots li button {
  width: .75rem; height: .75rem; padding: 0; margin: 0; border-radius: 100%; background-color: #D9D9D9;
}
.slick-dots li.slick-active button { background-color: #4286BB; }
.slick-dots li button:before { display: none; }

#practice-areas-slider .slick-dotted.slick-slider {
  margin-bottom: 3.5rem;
}

#page-top-banner {
  background-image: url('./assets/images/banner-about.png'); background-size: cover; background-position: center; background-repeat: no-repeat;
  color: #fff; text-align: center; padding: 0;
}
#page-top-banner .page-title {
  position: relative;
  font-family: var(--Roboto); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: .625rem 0; min-height: 25rem;
}
#page-top-banner .page-title .h1 {
  font-size: var(--px110); line-height: 1em; margin-bottom: 0; font-weight: 400; position: relative; color: #fff; 
}

#page-page {
  padding: 5rem 0 5rem;
}

article.the-content { font-family: var(--DMsans); font-weight: 400; line-height: 1.5em; }

article.the-content h2 {
  margin-bottom: 3.125rem; font-size: var(--px75); line-height: 1em; font-weight: 400; position: relative; color: var(--Blue); text-transform: capitalize;
}
article.the-content h3 {
  font-size: var(--px28); line-height: 1.214em; margin-bottom: 1.25rem; font-weight: 400; position: relative; margin-bottom: .9rem;
  font-family: var(--DMsans); 
}
article.the-content h4,
article.the-content .h4 {
  line-height: 1.3125em; font-weight: normal; margin-bottom: .9rem;
}
article.the-content p + .h4 {
  margin-top: 4rem;
}
article.the-content p {
  margin-bottom: .9rem;
}
article.the-content ul {
  margin-bottom: .9rem;
}
article.the-content p a {
  color: var(--DarkText);
}
article.the-content p a:hover,
article.the-content p a:focus {
  color: var(--Blue);
}

.about-contact {
  margin-top: 3.75rem;
}
.mission-block {
  background-image: url('./assets/images/mission-bg.png'); background-size: cover; background-position: center top; background-repeat: no-repeat;
  color: #fff; text-align: center; padding: 6.875rem 8.688rem 4.375rem; margin-top: 4.625rem;
}
.mission-block h2 {
  font-size: var(--px53); line-height: 1em; font-weight: 300; position: relative; color: #fff; margin-bottom: 0;
  font-family: var(--Roboto);
}

#about-form-section {
  background-color: #e9e9e9; padding: 5.625rem 0;
}
#about-form-section .wrap {
  align-items: center; gap: 6.75rem;
}
#about-form-section .content-block {
  max-width: 43.75rem;
}
#about-form-section .content-block h2 {
  font-size: var(--px34); line-height: 1em; font-weight: 400; position: relative; color: var(--Blue); margin-bottom: 2.5rem;
  text-align: center;
}
#about-form-section .image-block {
  max-width: 32.813rem;
}

.practice-list-wrap {
  text-align: center;
}
.practice-list-wrap h2 {
  font-size: var(--px32); line-height: 1em; font-weight: 600; position: relative; color: var(--Blue); margin-bottom: 0;
  text-align: center; font-family: var(--Roboto); margin: 2.75rem 0;
}
.practice-list-wrap .practice-list {
  display: flex; flex-wrap: wrap; gap: 1.25rem; align-items: center; justify-content: center;
}
.practice-list-wrap .practice-list .item {
  max-width: 21.25rem; flex: 1 1 calc( 100% / 4 - 1.25rem);
}
.practice-list-wrap .practice-list .item a {
  background-color: #fff; font-family: "Roboto", Sans-serif; font-size: var(--px26); font-weight: 500; line-height: 1em;
  color: var(--Blue); border: .188rem solid var(--Blue); padding: 1.25rem; border-radius: .188rem; display: flex; text-align: center;
  align-items: center; justify-content: center; min-height: 6.125rem;
}

.practice-list-wrap .practice-list .item a:hover,
.practice-list-wrap .practice-list .item a:focus {
  background-color: var(--Blue); color: #fff; border-color: var(--Blue);
}

.resources-list {
  display: flex; flex-wrap: wrap; gap: 1.25rem; align-items: center; justify-content: center;
}
.resources-list .item {
  max-width: 37.75rem; width: 100%; text-align: center;
}
.resources-list .item a {
  background-color: #e7e7e7; display: flex; justify-content: center; align-items: center; min-height: 15.5rem; position: relative; z-index: 5; 
  padding: 3.125rem 1rem 3rem; color: var(--Blue); fill: #001435;
}
.resources-list .item h2 {
  font-size: var(--px34); line-height: 1em; margin-bottom: 2.5rem;
}
.resources-list .item svg {
  display: block; margin: 0 auto;
}

.resources-list-wrap {
  
}

.map {
  margin: 6.25rem 0 3.125rem;
}
.map .embed-responsive {
  min-height: 43rem;
}

#page-single {

}
#page-single .container {
  position: relative; z-index: 5;
}
#page-single .container:after {
  content: ''; display: block; width: 100%; height: auto; background-color: #4286BB; position: absolute; top: 19rem; right: 0; bottom: 0; z-index: -1;
  max-width: 48rem;
}
#page-single .wrap {
  position: relative; gap: 0 3.625rem; padding-top: 5.938rem;
}

#page-single picture {
  max-width: 54.75rem;
}

.single-content-block {
  flex: 1;
}

.single-sidebar-block {
  width: 100%; max-width: 54.75rem; text-align: center; padding-top: 20rem; padding-bottom: 5rem; color: #fff;
}

.single-sidebar-block h2 {
  font-size: var(--px64); line-height: 1.16em; font-weight: 400; position: relative; 
  text-align: center; font-family: var(--Roboto); margin: 0 0 3.125rem;
}
.single-sidebar-block ul {
  list-style: none; padding: 0; margin: 0; font-size: var(--px24); line-height: 1.5em; font-weight: 400; position: relative; color: var(--Blue);
  line-height: 1.125em;
}
.single-sidebar-block ul li {
  margin-bottom: 2rem;
}
.single-sidebar-block ul li a {
  display: flex; align-items: center; justify-content: center; gap: 0; color: #fff; border: 1px solid #fff; font-weight: 500;
  padding: 1rem 1rem;
}

.single-sidebar-block ul li.active a{
  background-color: #fff; color: #4286BB;
}

.single-sidebar-block ul li a span {
  display: block; width: 100%; line-height: 1.11em;
}

.single-content-block .sub-title {
  max-width: 8.188rem; font-size: var(--px16); line-height: 1.44em; font-weight: 600; color: var(--Blue); margin-bottom: 2.5rem;
  text-transform: uppercase; letter-spacing: 0.05em;
}
.single-content-block { gap: 0 4.125rem; padding-bottom: 6.25rem; }

.single-content-block .the-content {
  font-size: var(--px18); line-height: 1.5em; font-weight: 400; position: relative; color: var(--DarkText); font-family: var(--Roboto);
  flex: 1;
}
.single-content-block .the-content h2 {
  font-size: var(--px64); line-height: 1; font-weight: normal; position: relative;  margin-bottom: 3.125rem; color: #142342; text-transform: capitalize;
}
.single-content-block .the-content h2 strong {
  color: #03376D; font-weight: 700;
}
.single-content-block .the-content h2 em {
  font-weight: 400; color: #142342; display: inline-block;
}
.single-content-block .the-content p {
  margin-bottom: 1.688rem;
}
.single-content-block .the-content hr {
  border-color: var(--Blue); margin: 1.25rem 0;
}
.single-content-block .the-content h3 {
  font-size: var(--px22); line-height: 1.5em; font-weight: 700; color: var(--Blue); margin-bottom: 1.25rem;
}
.single-content-block .the-content ul {
  list-style: none; padding: 0; margin: 0 0 1.688rem; font-size: var(--px18); line-height: 1.5em; font-weight: 400; position: relative; 
  color: var(--Blue); font-family: var(--Roboto);
}
.single-content-block .the-content ul li {
  position: relative; padding-left: 2.25rem; margin-bottom: 1rem;
}
.single-content-block .the-content ul li:before {
  content: ''; display: block; width: 0.813rem; height: 0.438rem; 
  position: absolute; top: .625rem; left: 0; background-image: url('./assets/images/double-check.png'); background-size: cover; 
  background-position: center; background-repeat: no-repeat;
}
.single-content-block .the-content .btn {
  background-color: var(--Blue); color: #fff; display: inline-block; padding: 1rem 2.5rem; line-height: 1.3em; margin-top: 1.438rem;
}
.single-content-block .the-content .btn strong {
  display: block; font-size: var(--px20); line-height: 1.3em;
}
#page-top-banner.areas-single-banner {
  background-image: url('./assets/images/areas-single-banner.jpg');
}

#page-top-banner .page-title .breadcrumbs {
  margin-top: 1.75rem; font-size: var(--px20); line-height: 1.2em; font-weight: 400; position: relative; color: #fff;
}
#page-top-banner .page-title .breadcrumbs a {
  color: #fff;
}
#page-top-banner .page-title .breadcrumbs a:hover,
#page-top-banner .page-title .breadcrumbs a:focus {
  color: var(--Blue);
}

@media ( min-width: 768px ) { 

}

@media ( min-width: 992px ) {

  #page-top-banner .page-title .breadcrumbs {
    display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center; justify-content: center;
  }

  #page-single picture {
    position: absolute; top: 5.938rem; right: 0; width: 100%; height: 100%; object-fit: cover;
  }
  #page-single picture img {
    height: 44.75rem; width: 100%; object-fit: cover; object-position: center;
  }

  .single-sidebar-block.has-thumbnail {
    padding-top: 48.938rem;
  }

  .single-sidebar-block {
    padding-left: 19.188rem; padding-right: 9.563rem;
  }

  #page-single .container {
    padding-left: 10rem; padding-right: 5.25rem;
  }

  .testimonials-wrap {
    padding: 0 6rem;
  }

  #practice-areas-slider .container {
    padding: 0 5rem;
  }

  .practice-slick-wrap .item {
    padding: 0 1.75rem;
  }
  .practice-slick-wrap .slick-list {
    margin: 0 -1.75rem;
  }

  .practice-slick-wrap .controls {
    display: flex; flex-wrap: wrap; gap: 3rem; align-items: center; justify-content: center;
  }

  #home-banner .wrap {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-height: 36.375rem;
  }

  .header-right {
    text-align: right;
  }
  .navbar-default { padding: 2.375rem 0 2.5rem; }

  .navbar-default .wrap {
    padding: 0 3.75rem;
  }

  #header .container { padding: 0 15rem; }

  .flex { display:flex; flex-wrap:wrap;  }

  .flex.between { justify-content:space-between; }
  
  .flex.center { justify-content:center; }

  .container { width:100%; max-width:120rem; padding:0 15.625rem; }

  .wrap { margin: 0 auto;  width: 100%; }

  .main-menu { display:flex; flex-wrap:wrap; gap: 0 ; font-size: var(--px24); text-align: center; width: 100%; justify-content: center; }

  .main-menu li { position: relative; }

  .main-menu li a { color: #fff; font-size: var(--px24); line-height: 1em; fill: #fff; }
  
  .main-menu > li { display: inline-block; padding-bottom: .125rem; }

  .main-menu > li > a { position:relative; padding: .313rem 2.925rem; display: flex; align-items: center; gap: .625rem; }

  .main-menu > li > a svg { display: block; max-height: 1.5rem; }

  .sub-arrow {
    display: block; max-height: 1.5rem;
  }
  
  .main-menu > li > .sub-menu { position: absolute; top: 100%; left: 0; width: 16.25rem; padding: 0; z-index: 200; opacity: 0; visibility: hidden; 
    text-align: left; padding-top:.5rem; right: 0; margin: 0 auto; }

  .main-menu > li:hover > .sub-menu { opacity: 1; visibility: visible; }
  
  .main-menu > li > .sub-menu > li { display: block; }
  
  .main-menu > li > .sub-menu > li > a { padding: 0.813rem 1.25rem; color: #fff; background-color: var(--Blue); font-size: var(--px18); line-height: 1em; 
    font-weight: 400; text-align: center; }
  
  .main-menu > li > .sub-menu > li:hover > a { background-color: #fff; color: var(--Blue); }

}

@media ( min-width: 1901px ) {

  html { font-size:16px; }

}

@media ( min-width: 992px ) and ( max-width: 1399px ) {

  :root {

    /*FONT SIZE*/
    --px12: 0.95rem;
    --px14: 1.075rem;
    --px15: 1.138rem;
    --px16: 1.2rem;
    --px17: 1.263rem;
    --px18: 1.325rem;
    --px20: 1.45rem;
    --px21: 1.55rem;
    --px22: 1.575rem;
    --px28: 1.95rem;
  }

}

@media ( max-width: 991px ) {

  html { font-size: 16px; }

  body { padding-top: 0; }
  
  .mobile-menu-wrap.mean-container .mean-bar { position: relative; top: 0; left: 0; width: 100%; z-index: 3000; padding: 0; 
    background-color: #03376D; min-height: 4.063rem; }

  .mobile-menu-wrap.mean-container.admin-bar .mean-bar { top: 32px; }
  
  .mobile-menu-wrap.mean-container .mean-nav { background-color: #03376D; position: absolute; top: 100%; left: 0; width: 100%; z-index: 3000; 
    margin: 0;
  }

  .mobile-menu-wrap.mean-container a.meanmenu-reveal { width: 2rem; box-sizing:border-box; padding:0; text-align: center; color: #fff; 
    right:0 !important; top:1.225rem; left: 0 !important; margin: 0 auto; }

  .mobile-menu-wrap.mean-container a.meanmenu-reveal span { height: 3px; margin-top: 0; }

  .mobile-menu-wrap.mean-container a.meanmenu-reveal span + span { margin-top:.5rem; }

  .mobile-menu-wrap.mean-container .mean-nav ul li a.mean-expand { height: auto; padding: 7px 12px !important; }

  .header-menu {
    padding: 0;
  }

  #header {
    text-align: center;
    padding: 2.5rem 0 1.25rem; background-color: #e9e9e9;
  }

  #home-banner .content h1 {
    font-size: var(--px70);
  }

  #home-about .btn {
    white-space: normal;
  }
  .gtranslate_wrapper {
    justify-content: center;
  }
  .navbar>.container {
    justify-content: center;
  }
  .mobile-menu-wrap {
    min-height: 4.063rem;
  }

  .main-menu li a {
    font-size: var(--px16); line-height: normal;
  }
  .main-menu li a .sub-arrow {
    display: none;
  }

  #home-about .content-block h2 {
    font-size: var(--px60);
  }

  #home-about picture {
    margin-top: 2.5rem;
  }
  #to-get-started .content h2 {
    font-size: var(--px40);
  }
  #to-get-started .content p {
    font-size: var(--px28);
  }
  #practice-areas-slider h2 {
    font-size: var(--px48);
  }

  .practice-slick-wrap .controls {
    display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center;
  }

  .controls .slick-dots {
    order: 19; width: 100%;
  }
  #footer {
    padding-top: 5rem; 
  }
  .footer-logo {
    margin-bottom: 2.5rem;
  }
  .btn {
    white-space: normal;
  }
  .phone-top {
    margin: 1rem auto;
  }
  .phone-top a {
    font-size: var(--px30);
  }

  #page-top-banner .page-title .h1 {
    font-size: var(--px40);
  }

  #page-top-banner .page-title {
    min-height: unset; padding: 5rem 0;
  }

  article.the-content h2 {
    font-size: var(--px48);
  }

  .mission-block {
    padding: 4rem 1.25rem 4rem;
  }
  .mission-block h2 {
    font-size: var(--px40);
  }
  #about-form-section .image-block {
    margin-top: 2.5rem;
  }

  #page-single .container:after {
    display: none;
  }

  #page-single picture {
    margin-bottom: 2.5rem;
  }

  .single-content-block .the-content h2 {
    font-size: var(--px40);
  }

  .single-sidebar-block {
    padding: 5rem 1.25rem; background-color: #4286BB; width: auto;
    margin-left: -15px; margin-right: -15px;
  }

  .single-sidebar-block h2 {
    font-size: var(--px40);
  }

  #contact-landing .div-block {
    margin-bottom: 1.25rem;
  }

  .map .embed-responsive { min-height: 15rem; }

}

@media ( max-width: 767px ) {

}