/*
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
=================================*/

:root {
  /*FONT SIZE*/
  --px12: 0.75rem;
  --px14: 0.875rem;
  --px15: 0.938rem;
  --px16: 1rem;
  --px17: 1.063rem;
  --px18: 1.125rem;
  --px19: 1.188rem;
  --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;
  --px46: 2.875rem;
  --px48: 3rem;
  --px50: 3.125rem;
  --px55: 3.438rem;
  --px60: 3.75rem;
  --px61: 3.813rem;
  --px64: 4rem;
  --px65: 4.063rem;
  --px69: 4.313rem;
  --px72: 4.5rem;
  --px90: 5.625rem;
  --px92: 5.75rem;
  --px95: 5.938rem;
  --px100: 6.25rem;
  --px125: 7.813rem;
  --px126: 7.875rem;


  --Realist: "realist",sans-serif;
  --Narrow: "realistnarrow",sans-serif;
  --Wide: "realistwide",sans-serif;
  

  /*COLOR*/
  --Black: #000;
  --Dark: #0D1623;
  --Red: #AA2B3D;
  --Blue: #395794;
  --LightBlue: #5C85D9;
  --Orange: #CA5162;
}


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

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

body { padding: 0; margin: 0; font-size: var(--px24); font-family:var(--Realist); font-weight:300; line-height:1.3333; color: var(--Dark); }

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

.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(--px64); line-height:1em; letter-spacing:-.01em; font-family:var(--Narrow); font-weight:500; }

h2, .h2 { display: block; font-size: var(--px64); line-height:1em; letter-spacing:-.01em; font-family:var(--Narrow); font-weight:500; }

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

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

h5, .h5 { display: block; font-size: var(--px20); line-height: 1.3; text-transform: uppercase; font-weight: 500; font-family: var(--Narrow); letter-spacing: .23em; }

h6, .h6 { display: block; }

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

svg { fill:inherit; stroke:inherit; }

picture { display:block; }

[width="11"] { width:0.688rem; }
[width="17"] { width:1.063rem; }
[width="18"] { width:1.175rem; }
[width="20"] { width:1.25rem; }
[width="22"] { width:1.375rem; }
[width="24"] { width:1.5rem; }
[width="30"] { width:1.875rem; }
[width="54"] { width:3.375rem; }
[width="55"] { width:3.438rem; }
[width="59"] { width:3.688rem; }
[width="62"] { width:3.875rem; }
[width="67"] { width:4.188rem; }
[width="73"] { width:4.563rem; }
[width="75"] { width:4.688rem; }
[width="80"] { width:5rem; }
[width="89"] { width:5.563rem; }

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

#footer { 
  background-color: #fff; 
  padding: 5.25rem 0 0rem;
}

.footer-top { font-family:var(--Narrow); font-size:var(--px20); font-weight: normal; }

.footer-top .div-block { line-height:1.49em; }

.footer-top .div-block .h5 { margin-bottom:0.938rem; }

.footer-top .div-block p { letter-spacing:-.01em; }

.footer-top .div-block p a { color:var(--LightBlue); }

.footer-top .div-block p a:hover,
.footer-top .div-block p a:focus { color:var(--Blue); }

.footer-top .div-block a { color:var(--Dark); }

.footer-top .div-block a:hover,
.footer-top .div-block a:focus { color:var(--LightBlue); }

.footer-top .div-block ul { list-style:none; padding:0; margin:0; line-height:1.625em; }

.social-media { display:flex; flex-wrap:wrap; align-items:center; gap: 2.125rem; }

.social-media a { fill:var(--LightBlue); }

.social-media a:hover,
.social-media a:focus { color:var(--Blue); }

.footer-bottom { font-size:var(--px16); line-height:1.625em; color:#363636; font-family:var(--Narrow); font-weight: 300; padding:3.188rem 0 3.813rem; }

.bottom-links { color:#75768D; font-weight:normal; }

.bottom-links a { color:#75768D; }

.lfs a:hover,
.lfs a:focus,
.bottom-links a:hover,
.bottom-links a:focus { color:var(--LightBlue); }

.lfs {  }

.lfs a { color:#363636; }

.lfs strong { font-weight:normal; }

/* HEADER
=================================*/
.navbar-default { border-radius: 0; margin: 0; min-height: 0; background-color: transparent; color: #fff; border: none; padding: 0; }

.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(--px19); font-weight: normal; font-family:var(--Narrow); }

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

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

a.button { display:inline-flex; text-align:center; justify-content: center; align-items: center;
  font-size: var(--px19);
  font-weight: 700;
  line-height: 1.2105em;
  font-family: var(--Narrow);
  background-color: var(--Blue);
  color: #fff;
  padding: 1.375rem 3.875rem;
  text-transform: capitalize;
}

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

.phone-top {  }

/* 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; }


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

.form-wrap { margin: 0; flex:1; background-color:rgba(17,17,17,0.1); color: var(--Black); padding: 3.45rem 3.625rem 4.575rem; font-size:var(--px24); }

.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: 1.125rem; }

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

.gfield.hidden_label label.gfield_label { display:none; }

.gfield label.gfield_label { font-weight:700; color:var(--Dark); margin-bottom:.5rem; }

.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 rgba(0,0,0,.3); border-radius: 0; line-height: 1.333em; padding: 0.719rem 1.75rem; }

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

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

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

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

/* Home banner
=================================*/

#home-banner {
  position: relative;
  z-index: 10;
  background-color: var(--Blue);
  color: #fff;
  min-height: 61.25rem;
  padding: 32.188rem 0 4rem;
}
#video-background { position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index: -1; }

#home-banner .wrap { gap: 6.25rem; }

#home-banner .div-block { max-width: 52.188rem; width: 100%; font-family: var(--Narrow); font-weight: normal; }

#home-banner .div-block ul { list-style:none; padding: 0; margin: 0; font-size:var(--px46); line-height: 1.037em;  }

#home-banner .div-block ul li { position:relative; padding-left:4.813rem; }

#home-banner .div-block ul li + li { margin-top:3.438rem; }

#home-banner .div-block ul li svg { position:absolute; top:0; left:0; }

#home-banner .div-block ul li svg[width='54'] { left:.75rem; }
#home-banner .div-block ul li svg[width='55'] { left:.125rem; }
#home-banner .div-block ul li svg[width='59'] { left:0; top:-.75rem; }

#home-banner .text-block { flex:1; font-family: var(--Realist); font-weight: 300; }

#home-banner .text-block p { letter-spacing:-.01em; margin-bottom: 1.938rem; }

#home-banner .text-block strong { font-weight:400; }

/* INNER PAGE
=================================*/

#page-top-banner { background-size:cover; background-position:center; position:relative; z-index:100; min-height: 39.688rem; color: #fff;
  background-color: #fff;
  padding: 17.125rem 0 4rem;
  background-image: url('assets/images/banner-default.jpg');
}

#page-top-banner:before { content:''; display:block; position:absolute; inset:0; z-index:-1; background-color:rgba(0,0,0,.2); }

.page-title { font-family:var(--Narrow); font-weight: normal; }

.page-title h1 { font-weight:500; line-height: .95em; letter-spacing: -.01em; font-size: var(--px125); margin-bottom: 2.625rem;   }

#breadcrumbs > span { display:flex; flex-wrap:wrap; justify-content:center; gap:1.188rem; font-family:var(--Narrow); font-weight:normal; line-height:1.2105em; }

#breadcrumbs a { color:#fff; }

#breadcrumbs a:hover,
#breadcrumbs a:focus { color:var(--LightBlue); }

.attorneys-list { display:flex; flex-wrap:wrap; gap: 3.125rem 1.313rem; justify-content: center; }

.attorney-item { width:100%; max-width:25.125rem; border-radius: 0 0 0.413rem 0.413rem; 
  box-shadow:  0 0 3.988rem rgba(155, 155, 155, 0.25);
}

.attorney-item:hover .img a ,
.attorney-item:focus .img a { background-color:#5C85D9; }

.attorney-item .img { background-size:cover; background-position:center; }

.attorney-item .img a { display:block; }

.attorney-item .img a img { aspect-ratio: 1 / 1.303; object-fit:cover; object-position:center; width:100%; }

.attorney-item .div-block { background-color:var(--Blue); color:#fff; padding: 0.75rem 1.563rem; border-radius:0.413rem; color:#fff;
  position: relative;
  /*margin-top: -2.438rem;*/
}

.attorney-item .div-block { gap: 1rem; }

.attorney-item .div-block .text { flex:1; }

.attorney-item .div-block .h4 { font-family:var(--Narrow); font-weight:500; line-height:1em; letter-spacing:-.01em; margin-bottom: 0.579rem; }

.attorney-item .div-block .h4 a { color:#fff; }

.attorney-item .div-block .position { font-size:var(--px12); font-family:var(--Realist); font-weight:500; text-transform:uppercase;
  letter-spacing: -.01em;
  line-height: 1.6em;
}

.attorney-item a.circl { display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  border-radius: 100%;
  background-color: #fff;
  width: 3.313rem;
  height: 3.313rem;
  fill: #1B283B;
}

.attorney-item a.circl:hover,
.attorney-item a.circl:focus { background-color:#1B283B; fill:#fff; }

#inner-page { padding: 6.25rem 0; }

#attorneys-single { background-color:#fff; }

#attorneys-single .attorney-main { flex:1; }

.bio-side-bar { background-color:var(--Blue); color:#fff; width:100%; max-width:49.563rem; padding-bottom:6.25rem; }

.bio-side-bar .right-block { max-width:25.125rem; }

.bio-side-bar h2 { font-size:var(--px64); line-height: 1em; font-family: var(--Narrow); letter-spacing: -.01em; font-weight: 500; margin-bottom: 3.125rem; }

.bio-side-bar ul { list-style:none; padding:0; margin-bottom: 3.125rem; }

.bio-side-bar ul li { margin-bottom:1.25rem; background-color:var(--Blue); color:#fff; padding: 0.75rem 1.563rem; border-radius:0.413rem; color:#fff;
  position: relative; 
  box-shadow: 0px .5rem 0.963rem rgba(0, 0, 0, 0.04);
}

.bio-side-bar .div-block { gap: 1rem; }

.bio-side-bar .div-block .text { flex:1; }

.bio-side-bar .div-block .h4 { font-family:var(--Narrow); font-weight:500; line-height:1em; letter-spacing:-.01em; margin-bottom: 0.579rem; }

.bio-side-bar .div-block .h4 a { color:#fff; }

.bio-side-bar .div-block .position { font-size:var(--px12); font-family:var(--Realist); font-weight:500; text-transform:uppercase;
  letter-spacing: -.01em;
  line-height: 1.6em;
}

.bio-side-bar a.circl { display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  border-radius: 100%;
  background-color: #fff;
  width: 3.313rem;
  height: 3.313rem;
  fill: #1B283B;
}

.bio-side-bar a.circl:hover,
.bio-side-bar a.circl:focus { background-color:#1B283B; fill:#fff; }

.bio-side-bar .button { border: 1px solid #fff; color:#fff; background-color:transparent; }

.bio-side-bar .button:hover,
.bio-side-bar .button:focus { background-color:#fff; color:var(--Blue); }

article.the-content { font-weight:300; font-family:var(--Realist); font-size:var(--px24); }

article.the-content h2 { margin-bottom:2.188rem; }
article.the-content h3 { margin-bottom:2.188rem; }

article.the-content h2.bio-title  { margin-bottom: .563rem; }

article.the-content p { margin-bottom:2.188rem; }

article.the-content ul { margin-bottom:2.188rem; }

article.the-content .sitecol { gap: 6.25rem; }

article.the-content .sitecol a { color:var(--Dark); }

article.the-content .sitecol a:hover,
article.the-content .sitecol a:focus { color:var(--Blue); }

article.the-content ul ul { margin-bottom:0; }

article.the-content .position { font-size:var(--px16); text-transform:uppercase; line-height:1.6em; letter-spacing:-.01em; font-weight:500; margin-bottom:2.75rem; }

article.the-content .contact-links { font-size:var(--px20); }

article.the-content .contact-links p { position:relative; padding-left:4.625rem; margin-bottom: 2.813rem; }

article.the-content .contact-links p a { color:var(--Dark); }

article.the-content .contact-links p a:hover,
article.the-content .contact-links p a:focus { color:var(--Blue); }

article.the-content .contact-links p svg { position:absolute; left:0; }


#attorneys-single {  }

#attorneys-single .card { line-height:1.47em; border-radius:0; border: none; margin-bottom:2.75rem; }

#attorneys-single .card-header { border: none; padding:0; max-width: 35.5rem; background-color:transparent; }

#attorneys-single .card-header a { display:flex; flex-wrap:wrap; align-items:center; background-color:#F8FAFC; gap: 1rem; }

#attorneys-single .card-header a span { flex:1; font-size: var(--px26); line-height: 1.47em; font-family: var(--Realist); font-weight: 700;
  color: var(--Dark); padding-left: 1.5rem;
}

#attorneys-single .card-header a i { display:flex; width:3.625rem; height:3.625rem; background-color: #5C85D9; color: #fff; justify-content: center; 
  align-items: center; font-size: var(--px36); }

#attorneys-single .card-header a[aria-expanded='false'] i:before { content: "\f067"; }

#attorneys-single .card-body { padding:2.75rem 0 0; }

#attorneys-single .card-body ul { padding:0; list-style:none; margin:0; }

#attorneys-single .card-body ul li { position:relative; padding-left:4.625rem; }

#attorneys-single .card-body ul li + li { margin-top:1.25rem; }

#attorneys-single .card-body ul li:before { content:''; display:block; position:absolute; top:0.375rem; left:.25rem; background-image:url('assets/images/check.png');
  background-size: cover;
  background-position: center;
  width: 1.438rem;
  height: 1.375rem;
}

#attorneys-single .image-holder { display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  border: 1.375rem solid #fff;
  background-color: #1B283B;
}


/*Why Choose Us*/

#why-choose-us { background-image:url('assets/images/why-choose-bg.jpg'); background-size:cover; background-position:center top; color:#fff; 
  padding: 9.188rem 0 7.5rem;
}

#why-choose-us h2 { margin-bottom:6.25rem; }

#why-choose-us .card { flex: 1 1 calc(50% - 7rem); background-color:transparent; border-radius:0; border: none; margin-bottom:1.875rem; }

#why-choose-us .card-header { padding:0 0 1.875rem; border: none; border-bottom:1px solid rgba(255,255,255,.2); }

#why-choose-us .card-header a { display:flex; flex-wrap:wrap; gap: 1rem; align-items:center; color:#fff; justify-content: space-between; }

#why-choose-us .card-header a span { display:inline-block; font-size:var(--px36); line-height:1em; font-weight:500; letter-spacing:-.01em; max-width:30.938rem; 
  font-family: var(--Narrow);
}

#why-choose-us .card-header a i { width:5.063rem; height:5.063rem; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; background-color:#fff;
  color: #1B283B;
  border-radius: 100%;
}

#why-choose-us .card-header a[aria-expanded='false'] i:before { content: "\f067"; }

#why-choose-us .card-body { padding: 1.875rem 5rem 0 0; font-size:var(--px20); line-height:1.47em; letter-spacing:-.01em; font-family:var(--Realist); font-weight:300; }

#why-choose-us #accordion { display:flex; flex-wrap:wrap; gap: 0 7rem; }

/*PRACTICE LIST*/

#practice-landing { padding: 6.25rem 0; }

.practice-list { display:flex; flex-wrap:wrap; gap: 3.125rem 2rem; }

.practice-list .item { width:100%; max-width:28.313rem; overflow: hidden; }

.practice-list .item a { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:30.313rem; position:relative; z-index:10; color: #fff; 
  padding: 0 3.25rem;
}

.practice-list .item a:before { content:''; position:absolute; inset:0; z-index:-1; display:block; background-color:rgba(0,0,0,.4); transition: linear .3s; }

.practice-list .item a:focus:before ,
.practice-list .item a:hover:before { opacity:0; visibility:hidden; }

.practice-list .item a:after { content:''; position:absolute; inset:0; z-index:-1; display:block; transition: linear .3s; 
  height:30.313rem;
  width: 100%;
  background: linear-gradient(180deg, rgba(47, 77, 138, 0.1) 0%, #0D1623 100%);
  opacity: 0;
  visibility: hidden;
}

.practice-list .item a:hover:after ,
.practice-list .item a:focus:after { opacity:1; visibility:visible; }

.practice-list .item a .bg { content:''; position:absolute; inset:0; z-index:-2; display:block; background-size: cover; background-position: center; filter: grayscale(1);
  transition: linear .3s;
}

.practice-list .item a:focus .bg ,
.practice-list .item a:hover .bg { filter: grayscale(0); }

.practice-list .item .text { text-align:center; }

.practice-list .item .text .svg { display:inline-flex; margin-bottom:2.313rem; }

.practice-list .item .text p { display:block; margin: 0 auto; font-size:var(--px36); font-weight:500; line-height:1em; letter-spacing:-.01em; font-family:var(--Narrow);  }

.practice-list .item .btn-wrap { transition: linear .3s; display:flex; flex-wrap:wrap; height:0; display:block; opacity: 0; visibility: hidden; }

.practice-list .item a:focus .btn-wrap ,
.practice-list .item a:hover .btn-wrap { height:6.063rem; opacity:1; visibility:visible; }

.practice-list .item .btn-wrap .button { transition:.5s; display:flex; flex-wrap:wrap;
  justify-content: center;
  align-items: center;
  width: 13rem;
  height: 4.188rem;
  color: #fff;
  font-size: var(--px19);
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: -.033em;
  font-family: var(--Narrow);
  margin: 1.875rem auto 0;
  background-color: var(--Blue);
}

.practice-list .item .btn-wrap .button:hover,
.practice-list .item .btn-wrap .button:focus { background-color:#5C85D9; }


#about-main { padding:6.25rem 0; background-color: #fff; }

#about-main .wrap { gap: 0 17.063rem; align-items: center; }

#about-main .div-block { flex:1; }

#about-main .div-block h2 {  }

#about-main .div-block p { margin-top:2.75rem; }

#about-main picture { order:2; }

#about-main + #why-choose-us { padding-bottom:32.063rem; }

/*ABOUT BOTTOM*/

#about-bottom {  }

#about-bottom .wht-block { background-color:#fff; min-height:44.563rem; padding-left: 5.375rem; padding-right: 7rem; align-items: center; }

#about-bottom .wht-block .div-block { max-width:30.063rem; font-size:var(--px20); line-height:1.47em; gap: 1rem;}

#about-bottom .wht-block .div-block h2 {  }

#about-bottom .wht-block .div-block p { margin-top:2.75rem; }

.atty-slide-wrap { width:100%; max-width:60.375rem; }

.atty-slide-wrap .blue-block { max-width:38rem; background-color:var(--Blue); color:#fff; padding: 1.25rem 1.938rem; border-radius: 1.25rem;
  position: relative; z-index: 10;
  align-items: center;
}

.atty-slide-wrap .tlink a { display:flex; flex-wrap:wrap; align-items:center; gap: 1.375rem; text-align:right; color:#fff; fill:#fff; 
  font-size: var(--px24);
  line-height: 1.2em;
  font-weight: 700;
}

.atty-slide-wrap .blue-block h3 { font-size:var(--px36); line-height:1em; letter-spacing:-.01em; margin-bottom: 0.875rem; }

.atty-slide-wrap .blue-block h3 a { color:#fff; }

.atty-slide-wrap .blue-block p { font-size:var(--px18); line-height:1.6em; text-transform:uppercase; letter-spacing:-.01em; }

.atty-slide-wrap .item { min-height:44.563rem; }

#about-bottom .control-slick { display:flex; flex-wrap:wrap; justify-content:center; gap: 1.5rem; }

#about-bottom .control-slick button { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:5.063rem; height:5.063rem; border-radius:100%;
  border: none;
  fill: #fff;
  background-color: #666;
}

#about-bottom .control-slick button:hover,
#about-bottom .control-slick button:focus { background-color:var(--Blue); }

#what-our-client-say { color:#fff; padding: 6.25rem 0; }

#what-our-client-say .wrap { align-items:center; }

#what-our-client-say .text-block {  }

#what-our-client-say .text-block h2 { max-width:22.688rem; font-size:var(--px64); line-height:1.02em; margin-bottom:2.75rem; }

.testi-slide-wrap { max-width:59rem; }

.testi-item { width:100%; max-width:28.875rem; background-color:#fff; color: #1B283B; padding: 3.438rem 4.125rem 3.375rem; font-size: var(--px16); }

.testi-item .text {  }

.testi-item .text p { display: -webkit-box;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;  
  overflow: hidden; }

.testi-item .text svg { margin-bottom:1.688rem; }

.testi-item .text .cont { margin-bottom:1.688rem; }

.testi-item .text .name { font-size:var(--px20); line-height:1.47em; color:var(--Blue); font-weight:700; }

.testi-item { min-height:26.875rem; display:flex; flex-wrap:wrap; align-items:center; }


#what-our-client-say .control-slick { display:flex; flex-wrap:wrap; justify-content:space-between; }

#what-our-client-say .control-slick button { border:none; padding:0; background-color:transparent; fill:#777576; }

#what-our-client-say .control-slick button:hover,
#what-our-client-say .control-slick button:focus { fill:#fff; }

#what-our-client-say .controls { margin-top:3.125rem; position: relative; z-index: 5; }

.progressbar { position:relative; z-index:5; height:0.375rem; }

.progressbar:before { content:''; display:block; position:absolute; top:.125rem; left:0; right:0; width:100%; background-color:#303443; height:1px; z-index: -1; }

#progress-line { content:''; display:block; height:0.375rem; background-color:#fff; border-radius:0.375rem; transition: linear .5s; }

#pa-inner-page { background-color:#395794; color:#fff; }

#pa-inner-page .right-block { background-color:#1B283B; }

#pa-inner-page .left-block { flex:1; }

#pa-inner-page .left-block .svg { background-color:#1B283B; width:11.5rem; height:11.5rem; z-index:10; display:flex; flex-wrap:wrap; align-items:center; 
  justify-content:center; }

#pa-inner-page .left-block .svg svg { width:3.75rem; }

#pa-inner-page .left-block .pic { position:relative; max-width: 52.25rem; margin-bottom: 6.25rem; }

#pa-inner-page .left-block .pic img { aspect-ratio: 1 / .7763; width:100%; object-fit:cover; object-position:center; }

#pa-inner-page .left-block .pic .svg { position:absolute; top:0; left:0; }

#pa-inner-page article.the-content {  }

#pa-inner-page article.the-content h2 { margin-bottom:2.75rem; }

#pa-inner-page article.the-content ul { padding:0; list-style:none; }

#pa-inner-page article.the-content ul li { position:relative; padding-left: 4.625rem; }

#pa-inner-page article.the-content ul li + li { margin-top:1.25rem; }

#pa-inner-page article.the-content ul li:before { content:''; display:block; position:absolute; top:.188rem; left:.25rem;
  background-image: url('assets/images/check-white.png');
  background-size: cover;
  background-position: center;
  width: 1.5rem; height: 1.438rem;
}

#pa-inner-page article.the-content .button { border: 1px solid #fff; }

#pa-inner-page article.the-content .button:hover,
#pa-inner-page article.the-content .button:focus { background-color:#5C85D9; border-color:#5C85D9; }

#pa-inner-page .right-block .cont-block h2 { margin-bottom:3.125rem; }

#pa-inner-page .right-block .cont-block ul { list-style:none; padding:0; max-width: 25.125rem; margin-bottom: 3.125rem;}

#pa-inner-page .right-block .cont-block ul li { margin-bottom:1.25rem; }

#pa-inner-page .right-block .cont-block ul li a { display:flex; flex-wrap:wrap; align-items:center; border: 1px solid #395794; padding: 0.813rem 1.563rem; gap: .75rem; 
  color: #fff;
}

#pa-inner-page .right-block .cont-block ul li a svg { max-width:3.125rem; max-height:3.125rem; height:auto; width:auto; }

#pa-inner-page .right-block .cont-block ul li a .icn { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:3.313rem; height:3.313rem; }

#pa-inner-page .right-block .cont-block ul li a .title { flex:1; font-size:var(--px24); line-height:1em; font-weight:500; 
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

#pa-inner-page .right-block .cont-block ul li a .ar { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:3.313rem; height:3.313rem;
  background-color: #fff; fill: #395794; border-radius: 100%;
}

#pa-inner-page .right-block .cont-block .slick-dots { position:relative; bottom:unset; max-width: unset; margin: 3.125rem 0 0; 
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: .75rem;
}

#pa-inner-page .right-block .cont-block .slick-dots li { margin:0; width: auto; height: auto; }

#pa-inner-page .right-block .cont-block .slick-dots li button { width:.75rem; height:.75rem; border-radius:100%; text-indent:-999rem; background-color:#D9D9D9; }

#pa-inner-page .right-block .cont-block .slick-dots li.slick-active button { background-color:#5C85D9; }

.testi-single-slide-wrap { margin-top:6.25rem; }

#pa-inner-page .svg-wrap { margin-bottom:6.25rem; }

#contact-main { background-color:#1B283B; color:#fff; font-size: var(--px20); line-height: 1.49em; }

#contact-main .map {  }

#contact-main .div-block { flex:1; padding: 6.25rem 0; }

#contact-main .div-block .flex { gap: 6.25rem; justify-content: center; }

#contact-main .text {  }

#contact-main .text h2 { margin-bottom:2.75rem; line-height:1.02em; }

#contact-main .text p { margin-bottom:2.75rem; }

#contact-main .text p a { color:#fff; }

#contact-main .text p a:hover,
#contact-main .text p a:focus { color:#395794; }

a.footer-logo { display:inline-block; max-width:20.188rem; }

#representative-main { background-color:#1B283B; color:#fff; font-size:var(--px20); line-height:1.47em; padding: 6.25rem 0 0; }

#representative-main .case-item .text {
  font-size: var(--px26);
}

#representative-main .case-item .text a.button { margin-top:1.5rem; }

.case-item { margin-bottom:6.25rem; }

.case-item h2 { margin-bottom:1.875rem; font-size:var(--px40); line-height:1.02em; }

.case-item h2 a { color:#fff; }

.case-item p { margin-bottom:1.25rem; }

.case-item .thumb { background-size:cover; background-position:center; background-color: #fff; margin-bottom: 3.125rem; }

.case-item .thumb a { display:flex; content:''; position:relative; z-index: 5; min-height: 30.5rem; flex-wrap: wrap; width: 100%; justify-content: center; align-items: center; 
  padding: 3rem 2.5rem;
  font-size: var(--px36);
  line-height: 1.47em;
  font-weight: 600;
  text-align: center;
}

.case-item .thumb a:before { content:''; display:block; position:absolute; inset:0; z-index:-1;
  background: linear-gradient(180deg, rgba(20, 30, 44, 0) 0%, rgba(17, 26, 40, 0.05) 44.5%, #0D1623 100%);
}

#inner-page.bg-blue { background-color:#1B283B; color:#fff; }

#page-top-banner.representative-banner { background-image:url('assets/images/banner-contact.jpg'); }

.bottom-disclaimer { position:fixed; z-index:5000; background-color:rgba(255,255,255,.14); padding: 0.938rem 0.938rem 0.938rem .625rem; left:0.688rem; bottom:1rem; }

.testimonials-list { display:flex; flex-wrap:wrap; gap: 1.25rem; margin: 0 auto; max-width: 89.125rem; }

#inner-page.blue-background {
  background-color:#1B283B; color:#fff;
}

#inner-page.blue-background strong {
  font-weight: 700;
}

@media ( min-width: 768px ) { 

}

@media ( min-width: 992px ) {

  #inner-page.blue-background .container {
    padding: 0 20rem;
  }

  article.the-content .sitecol .col { flex: 1 1 calc(33.333% - 6.25rem); }

  .blog-list { display:flex; flex-wrap:wrap; gap: 0 6.75rem; flex-direction:column; }

  /*.case-item { flex: 1 1 calc(50% - 6.75rem); max-width: 48.875rem; }*/

  .case-item {
    display: flex;
    flex-wrap: wrap;
    gap: 0 6.75rem;
    align-items: center;
  }

  .case-item .thumb {
    width: 100%;
    max-width: 48.875rem;
    margin-bottom: 0;
  }

  .case-item .text { flex:1; }

  #contact-main .div-block { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }

  #contact-main .map { width:50%; }

  #contact-main .map .embed-responsive { min-height:53.5rem; }

  #contact-main .container { padding:0; }

  #pa-inner-page .right-block { width:100%; max-width:50.5rem; }

  #pa-inner-page .right-block .cont-block { padding:6.25rem 10.813rem; }

  #pa-inner-page .container { padding:0; }

  #pa-inner-page .left-block { padding: 6.25rem 7.75rem; }

  .progressbar { margin: 0 4.313rem -1rem; }

  .testi-slide-wrap .item { padding: 0 .625rem; }
  
  .testi-slide-wrap .slick-list { margin: 0 -.625rem; }

  .page-id-50 #main-content { background-color:#000; }

  #about-bottom .wht-block { margin-top:-18.313rem; }

  #about-bottom .control-slick { position:absolute; bottom:4.75rem; right:0; z-index:100; }

  .tlink { height:100%; display:flex; flex-wrap:wrap; align-items:center; }

  .atty-slide-wrap { margin-top:-7.938rem; min-height:52.5rem; position: relative; }

  .atty-slide-wrap .item { position:relative; padding-top:41.5rem; z-index: 10; height:52.5rem; }

  .atty-slide-wrap .item .img { background-size:cover; background-position:center center; position:absolute; left:10.875rem; bottom: 0; width:49.375rem; z-index: -1;}

  .atty-slide-wrap .item .img a { content:''; display:block; height:52.5rem;  }

  .atty-slide-wrap {  }

  #attorneys-single .container { position:relative; padding:0; }
  
  #attorneys-single .image-holder { width:52.313rem; position:absolute; top:5.375rem; right:7.688rem; }

  #attorneys-single .image-holder img { height:28rem; width:auto; object-fit:cover; object-position:center top; }

  #attorneys-single .attorney-main { padding: 6.25rem 0; padding-left:7.75rem; }

  #attorneys-single .attorney-main article.the-content { max-width:46.875rem; }

  /*.bio-side-bar { padding-left:11.375rem; padding-top:42.375rem; }*/
  .bio-side-bar { padding-left:11.375rem; padding-top:6.25rem; }

  #home-banner { height:100vh; }

  #header { position:absolute; top:0; left:0; width:100%; z-index:1000; }

  .logo img { width:100%; }

  .phone-top a { display:flex; flex-wrap:wrap; justify-content:center; border: 1px solid #fff; color:#fff; align-items: center;
    font-size: var(--px20); font-weight: 500;
    font-family: var(--Narrow);
    line-height: 1.2em;
    gap: .5rem;
    padding: 1.219rem 1.688rem;
    fill: #fff;
  }

  .phone-top a:hover,
  .phone-top a:focus { background-color:var(--LightBlue); border-color:var(--LightBlue); }

  .navbar-default { padding-top:2.125rem; }
  
  .navbar-default .wrap { align-items:center; justify-content:flex-end; gap: 0 5.125rem;}

  .logo { margin-right:auto; }

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

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

  .main-menu { display:flex; flex-wrap:wrap; gap: 0 2.313rem; }

  .main-menu li { position: relative; }

  .main-menu li a { color: #fff; }

  .main-menu > li { padding: .375rem 0; }

  .main-menu > li > a:hover,
  .main-menu > li > a:focus { color:var(--LightBlue); }
  
  .main-menu > li { display: inline-block; }

  .main-menu > li > a { position:relative; }
  
  .main-menu > li > .sub-menu { position: absolute; top: 100%; left: -1rem; width: 15rem; padding: 0; z-index: 200; opacity: 0; visibility: hidden; text-align: left; padding-top:.5rem }

  .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: .625rem 1rem; color: #fff; background-color: #111; }
  
  .main-menu > li > .sub-menu > li:hover > a { background-color: rgba(200,200,200); color:#111; }

}

@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 ) {

  .logo { position:absolute; top:1.188rem; left:1rem; z-index:5000; max-width:10.625rem; }

  html { font-size: 16px; }

  body { padding-top: 0; }
  
  body.mean-container .mean-bar { position: absolute; top: 0; left: 0; width: 100%; z-index: 3000; padding-top: 3.25rem; background-color:transparent; padding-bottom: 0; }

  body.mean-container.admin-bar .mean-bar { top: 32px; }
  
  body.mean-container .mean-nav { border-top:1px solid #fff; }

  body.mean-container a.meanmenu-reveal { width: 2.5rem; box-sizing:border-box; padding:0; text-align: center; color: #fff; right:1rem !important; top:1.925rem;
    height:auto; }

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

  body.mean-container a.meanmenu-reveal span + span { margin-top:.75rem; }

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

  .phone-top a { position:absolute; z-index:5000; border: 1px solid #fff; width: 2.25rem; height: 2.25rem; display: flex; flex-wrap: wrap; 
    justify-content: center; align-items: center; fill: #fff; border-radius: 100%; 
    position: absolute; top: 1.719rem; right: 4.95rem;
  }

  .phone-top a svg { width:0.952rem; }
  
  .phone-top a span { display:none; }

  .main-menu li a { font-size:var(--px16); }

  #home-banner .div-block ul { font-size:var(--px20); }

  #home-banner .div-block ul li { padding-left:2.375rem; }

  #home-banner svg[width='59'] { width:2.063rem; }
  #home-banner svg[width='54'] { width:1.813rem; }
  #home-banner svg[width='55'] { width:1.813rem; }

  #home-banner .div-block ul li svg[width='55'],
  #home-banner .div-block ul li svg[width='54'] { left:0; }

  #home-banner .div-block ul li + li { margin-top:2.5rem; }

  #home-banner { padding-top:11.875rem; min-height: unset; }

  #home-banner .text-block { font-size:var(--px18); line-height:1.3em; margin-top:2.5rem; }

  #footer { text-align:center; font-size:var(--px20); }

  .footer-top { font-size:var(--px20); }

  #footer * { justify-content:center; }

  .footer-logo { margin-bottom:3rem; }

  .footer-top .div-block:nth-child(2) { display:none; }

  .footer-top .div-block {  }

  .footer-top .div-block + .div-block { margin-top:3.438rem; }

  .page-title h1 { font-size:var(--px32); }

  #breadcrumbs { font-size:var(--px16); }

  #breadcrumbs > span { gap: .75rem; }

  #page-top-banner { padding-top:12.5rem; padding-bottom:6.25rem; min-height:unset; }

  article.the-content,
  #representative-main,
  body { font-size:var(--px18); }

  .case-item .thumb a { min-height: 17.5rem; }

  h2, .h2,
  .case-item h2 { font-size:var(--px32); }

  #about-main picture { margin-bottom:3rem; }

  #why-choose-us { padding-top:6.25rem; }

  #why-choose-us #accordion { display:block; }

  #why-choose-us .card-header a span { font-size:var(--px24); flex: 1; }

  #about-main + #why-choose-us { padding-bottom:6.25rem; }

  #why-choose-us .card-header a i { width:2.5rem; height:2.5rem; }

  #about-bottom .wht-block { padding-left:0; padding-right:0; }

  #about-bottom { padding-top:6rem; }

  #about-bottom .wht-block .div-block { font-size:var(--px18); }

  .atty-slide-wrap { margin-top:6.25rem; }

  .atty-slide-wrap .blue-block { text-align:center; }

  .atty-slide-wrap .tlink a br { display:none; }

  .atty-slide-wrap .tlink a { justify-content:center; font-size:var(--px18); margin-top:.75rem; }

  .atty-slide-wrap .item { min-height:unset; }

  #about-bottom .control-slick { margin-top:2rem; }

  #what-our-client-say { background-color:#000;  }

  #what-our-client-say .text-block { text-align: center; margin-bottom:3rem; }

  #what-our-client-say .text-block h2 { text-align:center; margin-bottom:2.3rem; }

  .testi-item { padding: 1.438rem 1.525rem 1.375rem; min-height:unset; }

  .progressbar { display:none; }

  .atty-slide-wrap .blue-block h3 { font-size:var(--px24); }

  .practice-list .item .text p { font-size:var(--px24); }

  .practice-list .item a { padding: 0 1.25rem; height: 20rem; }

  #pa-inner-page .left-block { padding:6.25rem 0; }

  #pa-inner-page .left-block .svg { width: 7.5rem; height: 7.5rem; }

  #pa-inner-page .left-block .svg svg { width:2.5rem; }

  #pa-inner-page article.the-content ul li { padding-left: 3.5rem; }

  #pa-inner-page article.the-content ul li:before  { top:0; }

  #pa-inner-page .right-block { padding: 5rem 1rem; margin: 0 -15px; }

  #pa-inner-page .right-block .cont-block ul li a svg { max-width: 1.725rem; max-height: 1.725rem; }

  #pa-inner-page .right-block .cont-block ul li a .icn { width: 1.813rem; height: 1.813rem; }

  #pa-inner-page .right-block .cont-block ul li a .title { font-size:var(--px20); }

  #pa-inner-page .right-block .cont-block ul li a .ar { display:none; }

  #contact-main .div-block { text-align:center; }

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

  #contact-main .map { margin:0 -15px; }

}

@media ( max-width: 767px ) {

}