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



: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;
  --px55: 3.438rem;
  --px60: 3.75rem;
  --px61: 3.813rem;
  --px64: 4rem;
  --px65: 4.063rem;
  --px69: 4.313rem;
  --px72: 4.5rem;
  --px80: 5rem;
  --px90: 5.625rem;
  --px92: 5.75rem;
  --px95: 5.938rem;
  --px100: 6.25rem;
  --px126: 7.875rem;
  --px183: 11.438rem;


  --Onest: "Onest", sans-serif;
  --Playfair: "Playfair Display", serif;
  

  /*COLOR*/
  --Black: #000;
  --Dark: rgba(17, 17, 17, 0.8);
  --Red: #AA2B3D;
  --Blue: #122D52;
  --TextBlue: #122D52;
  --BtnBlue: #3E5A97;
  --BtnHover: #1E3F6D;
}


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

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

body { padding: 0; margin: 0; font-size: var(--px18); font-family:var(--Onest); font-weight:normal; line-height:1.8; color: var(--TextBlue); }

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); font-family: var(--Playfair); font-weight: normal; line-height: 1.2em; }

h2, .h2 { display: block; font-size: var(--px64); font-family: var(--Playfair); font-weight: normal; line-height: 1.2em; }

h3, .h3 { display: block; font-size: var(--px32); font-family: var(--Playfair); font-weight: normal; line-height:1.2em; }

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

.editor-styles-wrapper h1 { font-size:2em; font-family:inherit; font-weight:600; }

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

svg { fill:inherit; stroke:inherit; display: block; }

picture { display:block; }

[width="11"] { width:0.688rem; }
[width="18"] { width:1.175rem; }
[width="20"] { width:1.25rem; }
[width="22"] { width:1.375rem; }
[width="24"] { width:1.5rem; }
[width="26"] { width:1.625rem; }
[width="34"] { width:2.125rem; }
[width="35"] { width:2.188rem; }
[width="42"] { width:2.625rem; }
[width="130"] { width:8.125rem; }

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

#footer { background-color:#E5EEF1; padding:3.813rem 0 4.813rem; }

#bottom-nav { background-color:#fff; }

#menu-footer-links { list-style:none; padding:0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center; min-height: 6.625rem; margin:0; }

#menu-footer-links li {  }

#menu-footer-links li a { color:var(--TextBlue); display: inline-block; vertical-align: top; font-size: var(--px16); text-transform: uppercase; 
  font-weight: 800; letter-spacing: .1em;
}

.footer-logo { display:block; margin: 0 auto 6.188rem; max-width: 56rem; }

.footer-logo a { display:block; }

#footer {  }

#footer .phone-link {  }

#footer .phone-link a { padding:0; background-color:transparent; fill:var(--BtnBlue); stroke:var(--BtnBlue); color: var(--BtnBlue); min-height:unset; }

.contact-details {  }

.contact-details .div-block { font-size:var(--px18); color:var(--TextBlue); line-height:1.8em; margin-bottom:2.5rem; }

.contact-details .div-block p { position:relative; padding-left:2.938rem; fill: transparent; z-index: 5; }

.contact-details .div-block p svg { position:absolute; top:.125rem; left:0; z-index: -1; }

.contact-details .div-block p strong { font-weight:800; }

.contact-details .div-block p a { text-decoration:underline; color:var(--TextBlue); }

.contact-details .div-block p a:hover,
.contact-details .div-block p a:focus { color:var(--BtnBlue); }

.contact-details .div-block .phone-link { margin-top:.25rem; }

.lfs {  }

.lfs a { color:var(--TextBlue); }

.lfs a:hover,
.lfs a:focus { color:var(--BtnBlue); }

.footer-bottom { padding-top:6.25rem; }

/* HEADER
=================================*/
.navbar-default { border-radius: 0; margin: 0; min-height: 0; background-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(--px16); text-transform: uppercase; font-weight: 800; letter-spacing:.1em; }

.logo { display: inline-block; vertical-align: top; max-width: 30rem; 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:var(--BtnBlue); color: #f4f4f4 !important; text-transform: uppercase; font-family: var(--Onest);
  justify-content:center; font-weight:800; min-height:3.5rem; align-items:center; padding: 1.125rem 2.188rem; letter-spacing: .1em; fill: #f4f4f4;
  font-size: var(--px16); line-height:1.25; fill: var(--Black); border-radius: 3.5rem; }

.btn:hover,
.btn:focus { background-color:var(--BtnHover); color:#f4f4f4; fill:#f4f4f4; }


.phone-link { width:100%; max-width:27.063rem; margin-left:auto; font-size:var(--px36); font-weight:600; }

.phone-link a { display:flex; flex-wrap:wrap; align-items:center; gap: 1.313rem; background-color:var(--Blue); color:#fff; min-height: 6rem; 
  padding: 0 2.438rem;
}

.phone-link a span { display:inline-block; vertical-align:top; }

.phone-link a strong { font-weight:600; }

strong { font-weight:600; }


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

#contact-bottom { 
  background-color: #122D52;
  color:#fff;
}

#contact-bottom .left { max-width:60rem; }

#contact-bottom .left picture { height:100%; }

#contact-bottom .right { 
  padding: 6rem 0;
}

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

.form-wrap { margin:0; font-size:var(--px18); }

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

.form-wrap .h3 { 
  font-size:var(--px32);
  line-height:1em;
  font-style:italic;
  margin-bottom: 0;
  text-align:center;
}

.form-wrap .h2 {
  text-align:center;
  font-size:var(--px48);
  line-height:1.2em;
  font-weight:700;
  font-family:var(--Onest);
  margin-bottom: 1.063rem;
}

.form-wrap hr {
  max-width:12.25rem;
  border-width:.25rem;
  border-color:var(--BtnBlue);
  margin: 2.75rem auto 1.5rem;
}

.form-wrap p {
  margin-bottom: 3.25rem;
  text-align:center;
}

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

.gform_fields { margin: 0; }

.gfield { width: 100%; position: relative; margin-bottom: 1.063rem; }

.ginput_container--name > span { width: 100%; position: relative; margin-bottom: 1.063rem; display:block; }

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

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

.form-wrap label,
.gfield label.gfield_label { width:1px; margin: 0 0 -1px; height:1px; display:block; opacity:0; visibility:hidden; }

.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: none; line-height: 1.8em; padding: 0.688em 1.625rem 0.563rem; 
  border-radius: 0.375rem; }

.form-wrap *::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--TextBlue);
}
.form-wrap *::-moz-placeholder { /* Firefox 19+ */
  color: var(--TextBlue);
}
.form-wrap *:-ms-input-placeholder { /* IE 10+ */
  color: var(--TextBlue);
}
.form-wrap *:-moz-placeholder { /* Firefox 18- */
  color: var(--TextBlue);
}

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

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

.gform_footer button { border-radius: 0; width: 100%; max-width: 32rem; height: 3.5rem; background-color: var(--BtnBlue); color: #fff; border: none; font-size: var(--px18);
  margin: 0 auto; font-size: var(--px16); text-transform: uppercase; font-weight: 700; letter-spacing: .1em; border-radius: 3.5rem;
}

.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 { padding: 0; position: relative; z-index: 10; text-align: center; color: #fff; overflow: hidden; }

#home-banner h1 { font-size:var(--px64); line-height:1em; position:relative; font-family:var(--Onest); font-weight:800; text-transform:uppercase; margin-bottom: 1.938rem; }

#home-banner h1:before { content:''; display:block; width:7.438rem; background-color:var(--BtnBlue); height:.25rem; margin: 0 auto 1.688rem; }

#home-banner h1 em { font-family:var(--Playfair); display:inline-block; vertical-align:top; text-transform: capitalize; font-size:var(--px183); line-height:1em; 
  font-weight: normal; margin-top: -2.938rem; }

#home-banner p { margin: 0 auto 1.75rem; max-width:37.875rem; font-size:var(--px20); }

#home-banner:before { background-color: rgba(18, 45, 82, 0.68); content: ''; display: block; position: absolute; inset: 0; z-index: -1; }

#video-background { position:absolute; top:0; left:0; bottom:0; width: 100%; z-index: -2; height: 100%; object-fit: cover; object-position: center; }



#mission { position:relative; z-index:5; overflow:hidden; background-color: #fff; }

#mission .bg-img { background-image:url('./assets/images/mission-bg.jpg'); background-size:cover; background-position:center; content:''; display:block; position:absolute;
  inset: 0; z-index: -5; transition: 1.8s; transition-timing-function: ease-in;
}

#mission.effect-on .bg-img { opacity:.11; }

#mission .container { position:relative; z-index:10; }

#mission .container:after { content:''; display:block; position:absolute; inset: 0; z-index: -2;
  background: linear-gradient(180deg, #E5EEF1 0%, rgba(229, 238, 241, 0) 100%); }



#mission .wrap { align-items:flex-start; }

#mission h2 { 
  font-family:var(--Onest);
  line-height:1.2em;
  font-weight:700;
}
#mission picture.left-image {
  order: 2;
}

#mission picture.middle-image { order:3; max-width: 31.563rem; z-index: 20; }

#mission .text-block { order:1; max-width: 34.938rem; font-size: var(--px28); transition: 1.8s; }

#mission .text-block h3 {
  font-size:var(--px32);
  line-height:1.48em;
  font-weight:normal;
  font-style:italic;
  color:#3E5A97;
  margin-bottom: 0;
}

#mission .text-block h3:after {
  content: '';
  display:block;
  width:7.813rem;
  height:.25rem;
  background-color:var(--BtnBlue);
  margin: 3.563rem 0 4.313rem;
}

#insight { 
  position:relative; z-index:10; padding: 0;
  background: linear-gradient(89.85deg, #25416B 9.46%, #233F69 112.14%);
  color:#fff;
}  

#insight picture.right-image {
  
  max-width: 60rem;
}

#insight .left-block { flex:1; }

#insight .left-block h2 {
  font-family: var(--Onest);
  line-height:1.2em;
  font-weight:700;
  margin-bottom: 2.625rem;
}

#insight .left-block h2:before {
  content: '';
  display:block;
  width:7.438rem;
  height:.25rem;
  background-color:var(--BtnBlue);
  margin: 0 0 2.5rem;
}

#insight .left-block h3 {
  font-style:italic;
  line-height:1.48em;
  /*max-width: 22.688rem;*/
}

#insight-content {
  padding: 3.875rem 0 0rem;
}

#insight-content .wrap {
  border-bottom:.25rem solid #24406A;
  padding-bottom: 6.5rem;
  gap: 0 9.75rem;
}

#insight-content p {
  margin-bottom: 1.813rem;
}

#insight-content .left-block { 
  max-width: 35.313rem;  
  font-size: var(--px24);
  line-height: 1.88em;
  font-weight: 700;
}

#insight-content .right-block { flex:1; 
  font-size: var(--px18);
  line-height: 1.8em;
}

.practice-list { display:flex; flex-wrap:wrap; justify-content:center; gap: 1.813rem; }

.practice-item { background-size:cover; border-radius:0.75rem; max-width: 20.25rem; }

.practice-item a { position:relative; display:block; min-height: 30.188rem; text-align: center; z-index: 5; color: #fff; font-style: italic; padding: 9.5rem 3.25rem 0; 
  fill:#fff; }

.practice-item a:before { content:''; display:block; position:absolute; inset:0; border-radius:0.75rem; background-color: var(--Blue); opacity: .87; z-index: -1;
  transition: .6s;
}

.practice-item a:hover:before { opacity:1; }

.practice-item .text { position:relative; font-family:var(--Playfair); }

.practice-item .text svg { display:inline-block; vertical-align:top; }

.practice-item .text:before { content:''; display:block; height:.25rem; margin: 0 auto; background-color: var(--BtnBlue); margin-bottom: 1.25rem; max-width:5.313rem; }

.practice-item .text .h4 { font-weight:normal; margin-bottom: 1.375rem; line-height: 1.19em; }

#home-practice { padding-bottom:6.438rem; padding-top: 4.813rem; }

#home-practice .h3 { font-style:italic; text-align: center; font-size: var(--px40); }

#home-practice .h2 { font-size:var(--px48); font-family:var(--Onest); line-height:1.2em; font-weight:700; margin-bottom: 4.5rem; 
  text-align: center;
}

#home-practice hr { border-width:.25rem; border-color:var(--BtnBlue); margin: 2rem auto 1.625rem; max-width:7.438rem; }

#why-you-should { background-color:#122D52; color:#fff; padding: 9.563rem 0; }

#why-you-should .wrap { gap: 0 5.625rem; align-items: center; }

#why-you-should .div-block { max-width:27.438rem; }

#why-you-should .div-block .h3 {  }

#why-you-should .div-block hr { border-width:.25rem; border-color:var(--BtnBlue); margin: 2rem 0 1.625rem; max-width:7.438rem; }

#why-you-should .div-block .h2 { font-size:var(--px48); font-family:var(--Onest); font-weight:700; margin-bottom:1.875rem; }

#why-you-should .div-block p {  }

#why-you-should .div-block p + p { margin-top:2.313rem; }

#why-you-should .right-block { flex:1; }

#why-you-should .right-block .flex {  }

#why-you-should .right-block .flex > div { border-radius:.75rem; background-color:#f4f4f4; min-height:18.125rem; color: var(--TextBlue); }

#why-you-should .right-block .text-block { padding: 0 1.75rem; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size: var(--px18); }

#why-you-should .right-block .text-block h3 { font-size:var(--px24); line-height:1.19em; margin-bottom:0.875rem; color:var(--BtnBlue); }

.why-slide .img { border-radius:.75rem; background-color:#f4f4f4; min-height:18.125rem; color: var(--TextBlue); background-size: cover; background-position: center; 
  max-width: 21.125rem;
}
.why-slide .text-block { border-radius:.75rem; background-color:#f4f4f4; min-height:18.125rem; color: var(--TextBlue); max-width: 21.125rem; }


#testimonials { padding:8.313rem 0 8.5rem; }

#testimonials svg[width='42'] { margin: 0 auto 2rem; display:block;  }

.control-slick { display:flex; flex-wrap:wrap; justify-content:center; gap: 1rem; }

.control-slick button { padding:0; display:block; border: none; background-color: transparent; fill: var(--BtnBlue); stroke: var(--BtnBlue);}

.control-slick button:hover { fill:var(--TextBlue); stroke:var(--TextBlue); }

.control-slick button svg { display:block; }

.testimonials-slide-wrap { margin: 0 auto; max-width:71.875rem; position: relative; }

.testimonials-slide-wrap .text { font-family:var(--Playfair); font-size:var(--px40); font-style:italic; color:var(--BtnBlue); margin-bottom: 1.375rem; }

.testimonials-slide-wrap .text p:before { content:'“'; }
.testimonials-slide-wrap .text p:after { content:'”'; }

.testimonials-slide-wrap p.name { font-size:var(--px18); margin-bottom: 3.5rem; }

#page-top-banner { position:relative; z-index:10; color: #fff; background-image: url('./assets/images/banner-default.jpg'); background-size: cover; 
  background-position: center; }

#page-top-banner:before { content:''; display:block; position:absolute; inset:0; z-index:-1; background-color:var(--Blue); opacity:.68; }

.page-title { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; min-height:21.438rem; }

.page-title .h1,
.page-title h1 { font-size:var(--Playfair); font-size:var(--px100); line-height: 1em; }

.banner-quote {
  border-top: 1px solid #fff;
}
.banner-quote .flex {
  min-height: unset;
  justify-content: space-between;
  align-items: center;
  gap: 0 6rem;
  padding: 2rem 0;
}
#home-banner .banner-quote .flex p,
.banner-quote .flex p {
  flex: 1;
  font-family: var(--Playfair);
  font-style: italic;
  font-size: var(--px28);
  line-height: 1.48em;
  font-weight: normal;
}
#home-banner .banner-quote .flex p {
  max-width: unset;
  margin: unset;
  text-align: left;
  max-width: 67.25rem;
}
.banner-quote .flex strong {
  font-size: var(--px26);
  line-height: 1.8em;
}
.banner-quote .flex strong:before {
  content: '- ';
  display: inline-block;
  margin-right: .25rem;
}

#about-main { position:relative; z-index:100; background-color:#E5EEF1; }

#about-main picture { max-width:54.875rem; }

#about-main picture img {  }

#about-main .div-block { flex:1; padding-top: 6.25rem;}

#about-main .div-block h2 { font-size:var(--px32); line-height: 1em; font-style: italic; }

#about-main .div-block hr { border-width:.25rem; border-color:var(--BtnBlue); margin:1.813rem 0; max-width: 7.813rem; }

#about-main .div-block h3 { font-size:var(--px48); font-weight:700; line-height:1.2em; font-family: var(--Onest); margin-bottom: 1.938rem; }

#about-main .div-block p { margin-bottom:1rem; }

#about-main .div-block p:first-of-type { margin-bottom:2rem; }

#about-main .div-block p a  { text-decoration:underline; color: var(--BtnBlue); }

#about-main .div-block .btn { text-decoration:none; color: #fff; margin-top: 0.375rem; }

.page-id-27 #why-you-should { color:var(--TextBlue); background-color:#fff; }

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

#bio-page { background-color:#E5EEF1; position: relative; z-index: 10; }

#bio-page aside {  }

#bio-page aside picture { max-width:35.188rem; margin-bottom: 4rem; }

#bio-page aside p { position:relative; padding-left:3rem; margin-bottom: 2.188rem; line-height: 1.8em; font-size: var(--px18); }

#bio-page aside p svg { position:absolute; top:.125rem; left:0; fill:transparent; stroke:transparent; }

#bio-page aside p span  { font-weight:600; display:inline-block; }

#bio-page aside p strong  { font-weight:800; }

#bio-page aside p a { text-decoration:underline; color: var(--Blue);}

#bio-page aside p a:hover,
#bio-page aside p a:focus { color:var(--BtnHover); }

#bio-page aside svg[width='20'] { top:0.375rem; left:.125rem; }

#bio-page aside picture img { border-radius:.75rem; }

#bio-page aside .side-link { margin-bottom:2rem; }

#bio-page .wrap { gap: 0 6.625rem; }

#bio-page article { flex:1; }

.social-media { display:flex; flex-wrap:wrap; align-items:center; gap: 1.438rem; margin:  0 0 2.188rem; }

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

.social-media a svg { display:block; }

.bio-content { padding:6.25rem 0 4.313rem; }

.bio-content .h3 {  }

.bio-content .h2 { font-size:var(--px48); line-height:1.2em; font-weight:700; font-family:var(--Onest); margin-bottom: 1.938rem; }

.bio-content hr { max-width:7.813rem; border-width: .25rem; margin: 1.813rem 0; border-color: var(--BtnBlue); }

.bio-content p { margin-bottom:1.938rem; }

.bio-content ul { list-style:none; padding:0; margin-bottom:1.938rem; }

.bio-content ul li { position:relative; padding-left:1.75rem; }

.bio-content ul li:before { content:''; display:block; width:.375rem; height:.375rem; border-radius:100%; background-color:var(--TextBlue); 
  position:absolute; top:.75rem; left:.5rem; }

.bio-content .heading { font-size:var(--px24); font-family:var(--Onest); line-height:1.2em; padding: 1.875rem 0; border-top:1px solid #3E5A97; 
  border-bottom:1px solid #3E5A97; font-weight:700; margin-bottom:1.938rem; }

.bio-content h4 { font-size:var(--px18); line-height:1.8em; font-weight:700; margin-bottom:2.125rem; position: relative; padding-right: 3rem; }

/*.bio-content h4:after { content: ''; display: block; width: 2.188rem; height: 2.188rem;
  background-image: url('./assets/images/square-arrpw.png'); background-size: cover; position: absolute; top: 0; right: 0;
}*/


article.the-content {  }

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

article.the-content hr { max-width:7.813rem; border-width: .25rem; margin: 1.813rem 0; border-color: var(--BtnBlue); }

article.the-content h1,
article.the-content h2 { font-size:var(--px48); line-height:1.2em; font-weight:700; font-family:var(--Onest); margin-bottom:1.938rem; }

article.the-content .h3,
article.the-content h3 { font-family:var(--Onest); margin-bottom:1.938rem; font-weight: 700; font-size: var(--px32); }

article.the-content p ,
article.the-content ol ,
article.the-content ul { margin-bottom:1.938rem; }

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

article.the-content ul a { color:var(--TextBlue); }

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

#services-page { background-color:#f4f4f4; }

#services-page .container { position:relative; z-index:10; }

#services-page .wrap { gap:2.25rem; }

#services-page article.the-content { padding:6.25rem 0 4.313rem; flex:1; }

aside.pa-sidebar { max-width:42.625rem; }

aside.pa-sidebar picture { max-width:42.625rem; }

aside.pa-sidebar picture img { border-radius:.75rem; }

.side-nav { max-width:31.25rem; padding:6.25rem 0; }

.side-nav h3 { font-size:var(--px32); line-height:1em; }

.side-nav hr { max-width:7.813rem; border-width: .25rem; margin: 1.813rem 0; border-color: var(--BtnBlue); }

.side-nav ul { list-style:none; padding:0; margin-bottom: 0; }

.side-nav ul li {  position: relative; }

.side-nav ul li + li { margin-top:1.875rem; }

.side-nav ul li a { font-size:var(--px24); line-height:1.2em; font-weight:700; color: var(--BtnBlue);  display: block; padding-right: 2.5rem; }

.side-nav ul li a:after {
  content: ''; display: block; width: 2.188rem; height: 2.188rem; background-size: cover; background-position: center;
  background-image: url('./assets/images/square-arrpw.png'); position: absolute; right: 0; top: calc(50% - 1.094rem);
}

#resources { padding:6.25rem 0; }

#resources hr { max-width:7.813rem; border-width: .25rem; margin: 1.813rem 0; border-color: var(--BtnBlue);  }

#resources .h3 { font-size:var(--px32); line-height:1em; font-style:italic; text-transform:capitalize; }

#resources h2 { font-size:var(--px48); line-height:1.2em; font-family:var(--Onest); font-weight:700; margin-bottom:1.938rem; }

.tabs-pills-content { gap: 6.375rem; margin-top: 3.125rem; }

.tabs-pills-content ul.nav { list-style:none; padding:0; margin-bottom: 0; display: block; flex: 1; }

.tabs-pills-content ul.nav li { position:relative; }

.tabs-pills-content ul.nav li + li { margin-top:2.25rem; }

.tabs-pills-content ul.nav li a { font-size:var(--px24); line-height:1.2em; font-weight:700; color: var(--BtnBlue);  display: block; padding-right: 3rem; }

.tabs-pills-content ul.nav li a:after { 
  content: ''; display: block; width: 2.188rem; height: 2.188rem; background-size: cover; background-position: center;
  background-image: url('./assets/images/square-arrpw.png'); position: absolute; right: 0; top: calc(50% - 1.094rem);
}

.tabs-pills-content .content-block { width:100%; max-width:52.875rem; background-color: #E5EEF1; border: 1px solid var(--Blue); border-radius:.75rem; 
  padding: 2rem 3.875rem; 
}

.tabs-pills-content .content-block ul {  margin: 0; list-style: none; padding: 0; font-size:var(--px24); line-height:1.2em; font-weight:700; }

.tabs-pills-content .content-block ul a { color:var(--Blue); }

.tabs-pills-content .content-block ul a:hover,
.tabs-pills-content .content-block ul a:focus { color:var(--BtnBlue); }

.tabs-pills-content .content-block ul li { position:relative; z-index:5; padding-left:3rem; overflow:hidden; margin-bottom:1.063rem; }

.tabs-pills-content .content-block ul li:before {
  content: ''; display: block; width: 1.125rem; height: 1.125rem; background-image: url('./assets/images/check.png');
  background-size: cover; background-position: center; position: absolute; top: calc(50% - 0.563rem); left: 0.188rem;
}

#contact-main { background-image:url('./assets/images/contact-bg-new.jpg'); background-size:cover; background-position:center; color:#fff; 
  padding: 0 0 9.75rem;
}
#contact-main .banner-quote { border-top:none; border-bottom:1px solid #fff; margin-bottom:7.938rem; }

#contact-main .banner-quote p {
  margin: 0; max-width: unset;
}

#contact-main .div-block { margin: 0 auto; max-width:47.063rem; }

#contact-main h2 { font-size:var(--px48); line-height:1.2em; margin-bottom: 1.563rem; font-family: var(--Onest); font-weight: 700; }

#contact-main hr { max-width:7.813rem; border-width: .25rem; margin: 1.438rem auto; border-color: var(--BtnBlue); }

#contact-main h3 { font-size:var(--px48); font-family:var(--Onest); font-weight:700; line-height:1.2em; }

#contact-main p { margin: 0 auto 3.125rem; max-width: 39.188rem; }

#map-address { background-color:#364C6C; color:#fff; font-size:var(--px24); line-height:1.8em; }

#map-address .div-block { margin: 0 auto; max-width:21.25rem; fill:transparent; padding:3.938rem 0 3.813rem }

#map-address .div-block svg { margin-bottom:2.188rem; }

#map-address .div-block p { margin-bottom:1.875rem; }

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

.testimonials-list {  }

.testimonials-list .testi-item { border-bottom:.125rem solid var(--BtnBlue); padding-bottom:2.5rem; margin-bottom:2.5rem; }

.testimonials-list .text { color:var(--BtnBlue); font-size:var(--px32); line-height:1.2em; font-family:var(--Playfair); margin-bottom:2.188rem; }

.testimonials-list .text p:first-of-type:before { content:'“'; }
.testimonials-list .text p:last-of-type::after { content:'”'; }

.testimonials-list .name {  }

.slick-dots li {  }

.slick-dots li button { text-indent:-999em; padding:0; border: none; width:0.375rem; height:0.375rem; border-radius:100%; background-color: #D9D9D9; }

.slick-dots li.slick-active button { background-color:#3E5A97; }

.slick-dots { display:flex; flex-wrap:wrap; gap: .75rem; justify-content:center; list-style:none; padding:0; margin:0; }

#notice-section { 
  background-color: #E5EEF1;
  padding: 3.813rem 0 4.813rem;
  color: var(--TextBlue);
  font-size: var(--px15);

  a {
    color: var(--TextBlue);

    &:hover {
      color: var(--BtnBlue);
    }
  }

}

#why-you-should-new-version {
  background-color: #122D52;
  color:#fff;
  overflow:hidden;
}
#why-you-should-new-version .wrap {
  align-items: center;
  gap: 0 4.625rem;
}

#why-you-should-new-version .div-block-left {
  max-width: 27.438rem;
  order:1;
}

#why-you-should-new-version .div-block-left .h3 {
  margin-bottom: 1.125rem;
}

#why-you-should-new-version .div-block-left .h2 {
  font-family: var(--Onest);
  font-weight: 700;
  font-size: var(--px48);
  line-height: 1.2em;
}

#why-you-should-new-version .div-block-left hr {
  max-width: 7.438rem; border-width:.25rem; border-color:#3E5A97; margin: 2.438rem 0 2.125rem;
}

#why-you-should-new-version .div-block-left p {
  margin-bottom: 2.25rem;
  max-width: 22.625rem;
}

#why-you-should-new-version .middle-image {
  max-width: 28.563rem;
  position:relative;
  right:0;
  transition:1.8s; transition-timing-function: ease-in;
  align-self: stretch;
  order:2;
}
#why-you-should-new-version .right-block {
  order:3;
  max-width: 25.938rem;
  flex:1;
}

#why-you-should-new-version .should-list {

} 

#why-you-should-new-version .should-list .item {
  background-color: #F4F4F4;
  border-radius: .75rem;
  padding: 1.875rem 3.25rem 1.75rem;
  color: var(--TextBlue);
}

#why-you-should-new-version .should-list .item + .item { margin-top: 1.063rem; }

#why-you-should-new-version .should-list .item h3 { 
  color: #3E5A97;
  font-size: var(--px24);
  line-height: 1.32em;
  margin-bottom: .625rem;
}

#why-you-should-new-version .should-list .item h3 br { display:none; }

#why-you-should-new-version .should-list .item p { 
  
}


.quote { max-width: 44rem; margin: 1rem auto 0; font-size: var(--px26); font-style: italic; font-family: var(--Playfair); line-height: 1.5em; }
.quote strong { display: block; font-style: normal; font-size: var(--px21); font-family: var(--Onest); }
/*#page-top-banner .page-title.with-quote { justify-content: flex-end; }*/

@media ( min-width: 768px ) { 

}

@media ( min-width: 992px ) {

  .home #main-content {
    overflow: hidden;
  }

  #home-banner h1:before  {
    position: relative;
    transition: 1.5s ease-out;
    top: 28.625rem;
    opacity: 0;
    visibility: hidden;
  }

  #home-banner h1 .trns1 {
    display: inline-block;
    position: relative;
    transition: 1.5s ease-out;
    top: 26.625rem;
    opacity: 0;
    visibility: hidden;
  }

  #home-banner h1 em {
    display: inline-block;
    position: relative;
    transition: 1.5s ease-out;
    top: 23.688rem;
    opacity: 0;
    visibility: hidden;
  }

  #home-banner h1 + p {
    
    position: relative;
    transition: 1.5s ease-out;
    top: 19.5rem;
    opacity: 0;
    visibility: hidden;
  }

  #home-banner .btn {
    
    position: relative;
    transition: 1.5s ease-out;
    top: 15.938rem;
    opacity: 0;
    visibility: hidden;
  }

  #home-banner .banner-quote {
    position: relative;
    z-index: 5;
    border-top: none;
  }

  #home-banner .banner-quote:before {
    display: block;
    content: '';
    height: 1px;
    position: absolute;
    top: 5.563rem;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: -1;
    position: relative;
    transition: 1.5s ease-out;
    opacity: 0;
    visibility: hidden;
  }

  #home-banner .banner-quote .flex p{
    position: relative;
    transition: 1.5s ease-out;
    top: 6.063rem;
    opacity: 0;
    visibility: hidden;
  }

  #home-banner .banner-quote .flex strong {
    position: relative;
    transition: 1.5s ease-out;
    top: 6rem;
    opacity: 0;
    visibility: hidden;
  }

  #home-banner.effect-on .banner-quote:before,
  #home-banner.effect-on .banner-quote .flex strong,
  #home-banner.effect-on .banner-quote .flex p,
  #home-banner.effect-on h1:before,
  #home-banner.effect-on h1 .trns1,
  #home-banner.effect-on h1 em,
  #home-banner.effect-on h1 + p,
  #home-banner.effect-on .btn {
    top: 0;
    visibility: visible;
    opacity: 1;
  }

  .ginput_container--name,
  .gform_fields {
    display:flex;
    flex-wrap:wrap;
    gap: 0 0.875rem;
  }

  .gfield--width-half,
  .ginput_container--name > span { 
    flex:1 1 calc(50% - 0.875rem);  
  }

  #contact-bottom .left picture img { height:100%; object-fit:cover; }

  #contact-bottom .right {
    padding-left: 8.25rem;
    padding-right: 6.875rem;
    flex:1;
  }

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

  #why-you-should-new-version .div-block-left {
    margin-right: 1.875rem;
    transition:1.8s ease-out;
    opacity:0;
    visibility:hidden;
    left:-18.625rem;
    position:relative;
  }
  #why-you-should-new-version.effect-on .div-block-left {
    left:0;
    opacity:1;
    visibility:visible;
  }

  #why-you-should-new-version .middle-image {
    transition:1.8s ease-out;
    opacity:0;
    visibility:hidden;
    top:-37rem;
  }
  #why-you-should-new-version.effect-on .middle-image {
    opacity:1;
    top:0;
    visibility:visible;
  }

  #why-you-should-new-version .middle-image img {
    width:100%;
    height:100%;
    object-fit: cover;
  }

  #why-you-should-new-version .right-block {
    position:relative;
    transition:1.8s ease-out;
    opacity:0;
    visibility:hidden;
    left:18.625rem;
  }

  #why-you-should-new-version.effect-on .right-block {
    left:0;
    opacity:1;
    visibility:visible;
  }


  #insight-content .left-block,
  #insight-content .right-block {
    position:relative;
    transition:1.8s ease-out;
    opacity:0;
    visibility:hidden;
  }

  #insight-content .left-block {
    left:-39.313rem;
  }
  #insight-content .right-block {
    left:24.563rem;
    transition-delay: 1s;
  }

  #insight-content.effect-on .left-block,
  #insight-content.effect-on .right-block {
    opacity:1;
    visibility:visible;
    left:0;
  }

  #insight-content.effect-on .left-block {
    left:0;
  }

  #insight-content.effect-on .right-block {
    right:0;
  }

  #insight-content {
    overflow:hidden;
  }

  #insight-content .left-block {
    flex:1;
  }

  #insight-content .left-block p { 
    margin-bottom: 0;
  }

  #insight .left-block {
    padding: 7.188rem 10.563rem 0 11.938rem;
  }

  #insight .container ,
  #mission .container { padding:0 0; }

  .page-id-33 .page-title,
  .page-template-template-bio .page-title {
    justify-content: flex-start;
  }

  #map-address .container { padding:0; }

  #map-address .left { width:100%; max-width:60rem; }

  #map-address .right { flex:1; }

  #map-address .right .map { height:100%; }

  #contact-main .gform_fields ,
  #contact-main .ginput_container--name { display:flex; flex-wrap:wrap; gap: 0 0.938rem; }

  #contact-main .ginput_container--name > span ,
  #contact-main .gfield--width-half { max-width:23.063rem; flex: 1 1 calc(50% - 0.938rem);}

  #contact-main .gform_footer { padding-top:1.563rem; }

  .tabs-pills-content .content-block ul { column-count:2; column-gap:3.125rem; margin-top:1.063rem; }

  .tabs-pills-content .content-block { display:flex; flex-wrap:wrap; align-items:center; min-height:22.688rem; }

  .tabs-pills-content { display:flex; flex-wrap:wrap; align-items:center; }

  aside.pa-sidebar picture img { height:45.188rem; }

  .side-nav { margin-left:auto; }

  #services-page .container:before { position:absolute; top:0; right:0; bottom:0; background-color:#fff; content:''; display:block; z-index:-1; width:50.75rem; }

  #services-page aside picture { margin-top:6.25rem; }

  #bio-page aside picture { margin-top:6.25rem }

  #bio-page aside picture img {  }

  #about-main picture { margin-top:-3.413rem; }

  #about-main picture img { height:67.438rem; object-fit:cover; }

  #about-main .container { padding-left:0; gap: 2.188rem; }

  #why-you-should { overflow:hidden; }

  #insight .left-block h2 { transition:1.5s ease-out; position:relative; opacity:0; visibility:visible; left:38rem; }
  
  #insight .left-block h3 { transition:1.5s ease-out; position:relative; opacity:0; visibility:visible; left:39.313rem; }
  
  #why-you-should .div-block { transition:1.5s ease-out; position:relative; opacity:0; visibility:visible; left:-18.625rem; }

  #why-you-should .slick-track > div:nth-child(1) { transition:1.5s ease-out; position:relative; opacity:0; visibility:visible; left:-17.813rem; }
  #why-you-should .slick-track > div:nth-child(4) { transition:1.5s ease-out; position:relative; opacity:0; visibility:visible; left:-12.625rem; }
  
  #why-you-should .slick-track > div:nth-child(3) { transition:1.5s ease-out; position:relative; opacity:0; visibility:visible; left:15.625rem; }
  #why-you-should .slick-track > div:nth-child(6) { transition:1.5s ease-out; position:relative; opacity:0; visibility:visible; left:11.375rem; }

  #why-you-should .slick-track > div:nth-child(2) { transition:1.5s ease-out; position:relative; opacity:0; visibility:visible; top:-14.813rem; }
  #why-you-should .slick-track > div:nth-child(5) { transition:1.5s ease-out; position:relative; opacity:0; visibility:visible; top:13.313rem; }
  
  
  
  #home-practice .h3 { transition:1.5s ease-out; position:relative; opacity:0; visibility:visible; left: -18.375rem; }
  #home-practice hr { transition:1.5s ease-out; position:relative; opacity:0; visibility:visible; left: -14rem; }
  #home-practice .h2 { transition:1.5s ease-out; position:relative; opacity:0; visibility:visible; left: -27.438rem; }


  .practice-list .item { transition:1.5s ease-out; position:relative; opacity:0; visibility:visible; top:17.063rem; }

  .practice-list .item:nth-child(2){ top:13.563rem; }
  
  .practice-list .item:nth-child(3) { top:9.125rem; }
  .practice-list .item:nth-child(4) { top:9rem; }

  #why-you-should .slick-list { overflow:unset; }


  #why-you-should.effect-on .slick-track > div:nth-child(2),
  #why-you-should.effect-on .slick-track > div:nth-child(5),
  .effect-on .practice-list .item ,
  #insight.effect-on .right-block { top:0 !important; opacity:1; visibility:visible; }

  #why-you-should.effect-on .slick-track > div:nth-child(3),
  #why-you-should.effect-on .slick-track > div:nth-child(6),
  #why-you-should.effect-on .slick-track > div:nth-child(1),
  #why-you-should.effect-on .slick-track > div:nth-child(4),
  #why-you-should.effect-on .div-block,
  #home-practice.effect-on .h3,
  #home-practice.effect-on .h2,
  #home-practice.effect-on hr,
  #insight.effect-on .left-block h3 ,
  #insight.effect-on .left-block h2 ,
  #insight.effect-on .left-block h2:before { left:0; opacity:1; visibility:visible; }

  #testimonials .control-slick button { position:absolute; top:6.5rem; left: 0; }

  #testimonials .control-slick button.s-right { left:unset; right:0; }

  .testimonials-slide-wrap { position:relative; padding: 0 9.375rem; }

  #why-you-should .slick-track { display:flex; flex-wrap:wrap; width:auto !important; gap: 1.375rem; }

  #why-you-should .slick-track .item { vertical-align:top; }

  #why-you-should .slick-track .slick-slide { max-width:21.125rem; flex: 1 1 calc(33.333% - 1.375rem); width: auto !important; }

  #why-you-should .slick-track:before,
  #why-you-should .slick-track:after { display:none; }

  #why-you-should .container { padding-right:5.75rem; }

  #why-you-should .right-block .flex { gap: 1.375rem; }

  #why-you-should .right-block .flex > div { max-width:21.125rem; flex:1 1 calc(33.333% - 1.375rem); }

  #mission .container:before { background: var(--BtnBlue); position:absolute; display:block; content:''; right:0; top:0; bottom:0; width:47.875rem; z-index:-20; }

  #mission picture.middle-image { 
    position:absolute; 
    max-width: 28.188rem;
    right:0;
    left:0;
    margin: auto;
    transition:1.8s; opacity:0; visibility:hidden; top:37rem; transition-timing-function: ease-in; }

  #mission .text-block { 
    margin-left:8.75rem; margin-top:8.125rem; position:relative; transition:1.8s; opacity:0; visibility:hidden; 
    left: -24.563rem; 
    max-width: 35.15rem;
    transition-timing-function: ease-in;
  }

  #mission .text-block p {
    line-height:1.8em;
  }

  #mission picture.left-image { 
    position: relative;
    transition:1.8s;
    opacity:1;
    visibility:visible;
    max-width: 60rem;
    margin-left: auto;
  }

  

  #mission.effect-on picture { opacity:1; visibility:visible; top:0; }

  #mission.effect-on .text-block { opacity:1; visibility:visible; left:0; }

  #home-banner .ptb-wrap { align-items:center; justify-content:center; padding: 6.5rem 0 6.75rem;  }

  .navbar-default .container { padding-left:5.813rem; padding-right:0; }

  .navbar-default .wrap { align-items:center; }

  .navbar-default .logo { margin-right:5rem; }

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

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

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

  .main-menu li { position: relative; }
  
  .main-menu > li { display: inline-block; }

  .main-menu > li:first-child { display:none; }

  .main-menu > li > a { position:relative; color: var(--TextBlue); }
  
  .main-menu > li > .sub-menu { position: absolute; top: 100%; left: -1rem; width: 23rem; 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: var(--BtnBlue); border-top: 1px solid rgba(0,0,0,.5); }
  
  .main-menu > li > .sub-menu > li:hover > a { background-color: var(--BtnHover); color:#fff; }

}

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

  .navbar-default .container { padding-left:2rem; }

  .navbar-default .logo { margin-right: 3rem; }

  .container { padding: 0 14rem; }

  #about-main picture img { height: 77.438rem; }

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

  #why-you-should-new-version .right-block {
    padding: 1.063rem 0;
  }

}

@media ( max-width: 991px ) {

  

  .logo { position:fixed; top:1.75rem; z-index:5000; left:0.625rem; max-width: 16.125rem;}

  .phone-link { display:none; }

  html { font-size: 16px; }

  body { padding-top: 0; }
  
  body.mean-container .mean-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 3000; padding-top: 3.125rem; background-color:#fff; 
    box-shadow: 0 0 1rem rgba(0,0,0,.5);
  }

  body.mean-container.admin-bar .mean-bar { top: 32px; }
  
  body.mean-container .mean-nav {  }

  body.mean-container a.meanmenu-reveal { width: 1.625rem; box-sizing:border-box; padding:0; text-align: center; color: #3E5A97; right:1rem !important; top:2.125rem; 
    height: 1.625rem;
  }

  .main-menu li a { line-height:normal; }

  body.mean-container a.meanmenu-reveal span { height: .25; margin-top: 0; background-color:#3E5A97; }

  body.mean-container a.meanmenu-reveal span:nth-child(2) { background-color:#122D52; max-width:17px; margin-left:auto; }

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

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

  #home-banner .text-block { padding:18.875rem 0 7.938rem }

  .banner-quote .text-block,
  #home-banner .banner-quote .text-block { padding: 3.875rem 0px 2.938rem; }

  #home-banner h1 { font-size:var(--px40); }

  #home-banner h1 em { font-size:var(--px80); margin-top: 0;}

  #mission .container { text-align:center; padding-top:0; position: relative; z-index: 10; }

  #mission picture.left-image { margin-left: -15px; margin-right: -15px;  margin-bottom: 2.188rem; }

  #mission .text-block h3:after {
    margin: 1.875rem auto 2.188rem;
  }

  #mission .text-block { font-size:var(--px18); line-height:1.8em; }

  #mission .bg-img { background-image:url('./assets/images/mobile-mission-bg.jpg'); }

  #mission .container:after { content:''; bottom:0; left:0; right:0; display:block; 
    background: unset; top: unset;
    background-color:#3E5A97; position:absolute; height:19.575rem; z-index:-1; width:100%; }

  h2, .h2 { font-size:var(--px40); }

  h3, .h3 { font-size:var(--px32); }

  #insight { text-align:center; padding-top: 0; padding-bottom: 1px; }

  #insight picture.right-image {
    margin-left: -15px;
    margin-right: -15px;
    max-width: unset;
    margin-bottom: 3rem;
  }

  #insight .left-block h2:before {
    margin-left: auto;
    margin-right: auto;
  }

  #insight .left-block h3 {
    font-size:var(--px24);
  }

  #mission picture.middle-image img {
    object-fit:cover;
    object-position:center top;
    width:100%;
    height:28.6rem;
  }

  #insight picture.right-image img {
    width:100%;
    height:22rem;
    object-fit:cover;
    object-position:center;
  }

  #insight-content .left-block {
    font-size: var(--px18);
  }

  #insight .left-block h3 { margin-bottom:7.063rem; }

  #why-you-should-new-version .middle-image {
    margin-bottom: 3rem;
  }

  #home-practice { padding-top:5rem; text-align:center; }

  #why-you-should .div-block hr,
  #home-practice hr { margin-right:auto; margin-left:auto; }

  #home-practice .h2 { font-size:var(--px40); }

  #home-practice .item { display:none; }

  #home-practice .item:first-child { display:block; }

  #why-you-should { padding:5rem 0;  text-align: center; }

  #why-you-should .div-block { margin-bottom:1.875rem; }

  #why-you-should .controls { margin: 1.875rem 0; }

  .testimonials-slide-wrap .text { font-size:var(--px24); line-height:1.8em; }

  .btn { display:inline-block; white-space:normal; width:auto; }

  .testimonials-slide-wrap .control-slick { margin-bottom:1.875rem;  }

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

  .contact-details .div-block { font-size:var(--px16); }

  .contact-details .div-block p { padding-left:0; }

  .contact-details .div-block p svg { position:relative; top:0; margin: 0 auto 1rem; }

  .footer-bottom { font-size:var(--px16); text-align:center; }

  .lfs svg { display:inline-block; }

  .lfs { margin-top:2.188rem; }

  .footer-bottom { padding-top: 2.25rem; }

  .page-title { min-height:unset; padding:15rem 0 9rem; }

  .page-title .h1,
  .form-wrap .h2,
  #why-you-should-new-version .div-block-left .h2,
  #contact-main h3,
  article.the-content h1,
  article.the-content h2,
  .bio-content .h2,
  .page-title h1 { font-size:var(--px40); }

  #why-you-should-new-version {
    padding-bottom: 5rem;
  }

  #contact-bottom .left picture,
  #why-you-should-new-version .middle-image {
    margin-left: -15px;
    margin-right: -15px;
  }

  #about-main {  }

  #about-main picture { margin: 0 -15px; }

  #resources h2,
  #why-you-should .div-block .h2,
  #about-main .div-block h3 { font-size:var(--px40); }

  #contact-bottom .left h3 { font-size:var(--px40); }

  #contact-bottom .left p { margin-bottom:2.188rem; }

  #bottom-nav { display:none; }

  #bio-page aside p { padding:0; font-size:var(--px16); text-align: center;}

  .social-media { justify-content:center; }

  #bio-page aside p svg { display:block; position:relative; left:unset; top:unset; margin: 0 auto .5rem; }

  .tabs-pills-content ul.nav li a,
  .side-nav ul li a { font-size:var(--px20); }

  .tabs-pills-content .content-block { padding: 2rem 1.575rem; margin-top: 2.188rem; }

  .tabs-pills-content .content-block ul { font-size:var(--px18); font-weight:normal; }

  #contact-main h3 { margin-bottom:2.1rem; }

  #map-address { font-size:var(--px16); text-align:center; }

  #map-address .div-block svg { margin-right:auto; margin-left:auto; }

  .map { margin: 0 -15px; }

  #contact-main { padding-top:5rem; }

}

@media ( max-width: 767px ) {

}