/*
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/ggm5zcu.css"); */

@import url("https://use.typekit.net/zfx7anz.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;
  --px55: 3.438rem;
  --px60: 3.75rem;
  --px61: 3.813rem;
  --px65: 4.063rem;
  --px69: 4.313rem;
  --px72: 4.5rem;
  --px90: 5.625rem;
  --px92: 5.75rem;
  --px95: 5.938rem;
  --px100: 6.25rem;
  --px126: 7.875rem;
  --px128: 8rem;


  --Seasons: "the-seasons-light", sans-serif;
  --Hind: "hind-light", sans-serif;
  --Oxygen: "oxygen", sans-serif;
  

  /*COLOR*/
  --TextBlack: #212012;
  --Dark: rgba(17, 17, 17, 0.8);
  --Red: #AA2B3D;
  --Teal: #5A979E;
  --Orange: #FF8B41;
  --DarkCyan: #002C32;
}


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

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

body { padding: 0; margin: 0; font-size: var(--px20); font-family:var(--Hind); font-weight:normal; line-height:1.8; color: var(--Black); }

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); font-family: var(--Seasons); font-weight: 400; line-height: 1em; }

h2, .h2 { display: block; font-size: var(--px48); font-family: var(--Seasons); font-weight: 400; line-height: 1em; }

h3, .h3 { display: block; font-size: var(--px36); font-family: var(--Seasons); font-weight: 400; line-height: 1em; }

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

.sub { display: block; font-size: var(--px20); font-family: var(--Hind); font-weight: 600; line-height: 1em; text-transform: uppercase; letter-spacing: .22em; 
  color: var(--Teal);
}

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="18"] { width:1.175rem; }
[width="20"] { width:1.25rem; }
[width="22"] { width:1.375rem; }
[width="34"] { width:2.125rem; }
[width="39"] { width:2.438rem; }
[width="159"] { width:9.938rem; }
[width="166"] { width:10.375rem; }

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

#bottom-menu {
  background-color: var(--DarkCyan); color: #fff; font-size: var(--px18); font-family: var(--Seasons); letter-spacing: .13em; text-transform: uppercase;
  padding: 2.344rem 0 2.469rem; line-height: 1.333em;
}

#bottom-menu ul {
  margin: 0; padding: 0; list-style: none;
}

#bottom-menu ul a { color: #fff; display: block; }

#bottom-menu ul a:hover,
#bottom-menu ul a:focus { color: var(--Orange); }

#footer-top {
  padding: 6.938rem 0 5.438rem;
}
#footer-top .wrap {
  justify-content: space-between; align-items: center; gap: 3rem
}
.social-media {
  display: flex; flex-wrap: wrap; gap: 2rem; align-items: center; justify-content: center;
}
.social-media a {
  fill: var(--Orange);
}
.social-media a:hover,
.social-media a:focus { fill: #fff; }

.footer-logo {
  max-width: 27.25rem;
}

#footer { 
  background-color: #E6F4F1; font-family: var(--Oxygen); font-size: var(--px16); color: var(--Dark); padding: 2.625rem 0 2.875rem;
}
#footer a { color: var(--Dark); }
#footer a:hover,
#footer a:focus { color: var(--Orange); }

#footer p span { display: inline-block; margin: 0 .25rem; }

/* HEADER
=================================*/
.navbar-default { border-radius: 0; margin: 0; min-height: 0; background-color: transparent; color: #fff; border: none; padding: 3.188rem 0 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(--px18); text-transform: uppercase; font-weight: 700; font-family: var(--Seasons); text-transform: uppercase;
  line-height: 1.227em; letter-spacing: .13em;
}
.main-menu li select {
  display: block; font-size: var(--px18); text-transform: uppercase; font-weight: 700; font-family: var(--Seasons); text-transform: uppercase;
  line-height: 1.227em; letter-spacing: .13em; padding: 0; background-color: transparent; border: none; color: #fff; display: block; margin-top: 0.188rem;
  width: 7.188rem;
}

.logo { display: inline-block; vertical-align: top; max-width: 21.625rem; 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.813rem; background-color: transparent; fill: var(--Orange); color: #fff;
  font-size: var(--px20); line-height:1.3333; font-weight: 600; text-transform: uppercase; letter-spacing: .22em; line-height: 1em;
  border: 1px solid var(--Orange); padding: 1.5rem 3.188rem; border-radius: 2.5rem; font-family: var(--Hind);
}

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

#header .flex { gap: 0 2.25rem; align-items: center; justify-content: flex-end; }





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

#bottom-c-form {
  background-image: url('./assets/images/bottom-form-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;
  color: #fff; font-family: var(--Oxygen); font-size: var(--px16); padding: 8.75rem 0 8.75rem; border-bottom: 0.438rem solid var(--Orange);
}
#bottom-c-form .wrap { gap: 0 4rem; }

#bottom-c-form .html-block { max-width: 25.125rem; }

#bottom-c-form .html-block .sub { margin-bottom: 1.875rem;}

#bottom-c-form .html-block h2 { margin-bottom: 2.688rem; }

#bottom-c-form .html-block a.h2 { color: var(--Orange); display: inline-block; vertical-align: top; margin-bottom: 1.625rem; }

#bottom-c-form .html-block a.h2:hover,
#bottom-c-form .html-block a.h2:focus { color: #fff; }

#bottom-c-form .html-block address { display: block; margin-bottom: 1.125rem; line-height: 1.8em; }

#bottom-c-form .html-block p a { color: #fff;}

#bottom-c-form .html-block p a:focus,
#bottom-c-form .html-block p a:hover { color: var(--Orange); }

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

.form-wrap { margin: 0; max-width: 43.188rem; width: 100%; font-family: var(--Oxygen); font-size: var(--px16); padding-top: 2.813rem; 

  ::-webkit-input-placeholder { color: #fff; }
  ::-moz-placeholder { color: #fff; }
  :-ms-input-placeholder { color: #fff; }
  :-moz-placeholder { color: #fff; }
  ::placeholder { color: #fff; }
}

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

.form-wrap h2 { }

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

.gform_fields { margin: 0; }

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

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

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

.gfield label.gfield_label { display: block; }

.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: transparent; display: block; width: 100%; border: 1px solid var(--Teal); border-radius: .625rem; 
  line-height: 1.8rem; padding: 0.625rem 1.813rem 0.938rem; color: #fff; }

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

.gform_footer { text-align: right; padding-top: 1.25rem; }

.gform_footer button { height: 3.75rem; padding: 0 3.063rem; display: inline-flex; align-items: center; }

.gform_footer button:hover {  }

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-color:#fff; color:#fff; padding:24.125rem 0 23.875rem; position: relative; z-index: 10; 
  background-image: url('./assets/images/linear-shading-dark.png'); background-size: cover; background-position: center top; background-repeat: no-repeat;
}

#home-banner:before {
  content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -3;
  background-image: url('./assets/images/linear-shading-wht.png'); background-size: cover; background-position: center; background-repeat: no-repeat;
  mix-blend-mode: hard-light;
}

#home-banner:after {
  content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 21.375rem; left: 0; z-index: -1;
  background: radial-gradient(81.94% 81.97% at 54.64% 37.78%, rgba(0, 0, 0, 0.2695) 0%, rgba(115, 115, 115, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
}

#home-banner-video {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -10; bottom: 0; object-position: center;
  mix-blend-mode: hard-light;
}

#home-banner .html-block { position: relative; z-index: 1; text-align: center; }

#home-banner .html-block h1 { color: var(--Orange); text-transform: uppercase; margin-bottom: 1.25rem;}

#home-banner .html-block h2 { font-size: var(--px32); margin-bottom: 2.875rem; }

#home-banner .html-block p { margin-bottom: 2.438rem;}

#home-banner .html-block .btn { }

#home-banner .html-block .sub { color: #fff; } 

#home-about {
  position: relative; z-index: 10; padding: 9.375rem 0 2.813rem; background-color: #fff;

}
#home-about:before {
  content: ''; display: block; width: 100%; position: absolute; top: 5.688rem; left: 0; z-index: -1; bottom: 0;
  background-image: url('./assets/images/fade-teal.png'); background-size: cover; background-position: center top; background-repeat: no-repeat;
}
#home-about .wrap {
  gap: 3rem 5.5rem;
}
#home-about .html-block { flex: 1; }

#home-about .html-block .btn { color: var(--Teal); }

#home-about .html-block .btn:hover,
#home-about .html-block .btn:focus { color: #fff; }

#home-about .html-block .sub { margin-bottom: 2.188rem; }

#home-about .html-block .h2 { color: var(--DarkCyan); }

#home-about .html-block hr { max-width: 17rem; margin: 2.625rem auto; border-color: var(--Orange); }

#home-about .html-block p { margin-bottom: 2.25rem; }

#home-about picture { max-width: 32.75rem; }

#home-about picture.img-1 img { border-radius: 1.25rem 10.625rem 1.25rem 1.25rem; }

#home-about picture.img-2 img { border-radius: 1.25rem 1.25rem 1.25rem 10.625rem; }

#white-section-block { 
  padding: 3.938rem 0 4.188rem;
}

#white-section-block .html-block { font-size: var(--px28); max-width: 90.813rem;  }

#white-section-block h2 { color: var(--DarkCyan); }

#white-section-block hr { max-width: 5.375rem; margin: 2.313rem 0 2rem; border-color: var(--Orange); }

#white-section-block p { margin-bottom: 3.625rem; }

#white-section-block .btn { color: var(--Teal); }

#white-section-block .btn:hover,
#white-section-block .btn:focus { color: #fff; }


#home-practice-areas { 
  border-top: 0.438rem solid var(--Orange); padding-bottom: 3.5rem;
}
#home-practice-areas .section-title {
  padding-top: 31.6rem; background-image: url('./assets/images/home-pa-bg.jpg'); background-size: cover; margin-bottom: 5.875rem;
  background-position: center; background-repeat: no-repeat; color: #fff;
}
#home-practice-areas .section-title h2 {
  font-size: var(--px128); line-height: 1.281; transform: translateY(2.4rem);
}
#home-practice-areas .flex { gap: 0 3rem; justify-content: space-between; }

#home-practice-areas .html-block { max-width: 24.5rem; padding-top: 5rem; padding-right: 1rem; }

#home-practice-areas .html-block svg { margin-bottom: 1.625rem; }

#home-practice-areas .html-block p { margin-bottom: 2.875rem; }

#home-practice-areas .html-block .btn { color: var(--Teal); }

#home-practice-areas .html-block .btn:hover,
#home-practice-areas .html-block .btn:focus { color: #fff; }

#home-practice-areas .practice-slick-wrapper { flex: 1; max-width: 76.525rem; }

.practice-areas-item {
  width: 100%; max-width: 24.75rem; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 1.25rem;
  position: relative; z-index: 10; 
}
.practice-areas-item a {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 38.625rem; padding: 2.25rem 2.25rem 2.75rem;
  color: var(--Orange); position: relative; z-index: 10; text-align: center; overflow: hidden; transition: .3s ease-out;
}
.practice-areas-item a span {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; line-height: 1.291em;
}

.slick-current.slick-active .practice-areas-item {
  border-radius: 10.625rem 1.25rem 1.25rem 1.25rem; transition: .3s ease-out;
}

.slick-current.slick-active .practice-areas-item:after,
.slick-current.slick-active .practice-areas-item:before {
  border-radius: 10.625rem 1.25rem 1.25rem 1.25rem;
}

.practice-areas-item a .text-block { transition: .5s ease-out; transform: translateY(12rem); }

.practice-areas-item:hover a .text-block { transform: none; }

.practice-areas-item a .text-block .text {
  color: #fff; transition: .5s ease-out; opacity: 0; visibility: hidden; max-height: 0; 
}
.practice-areas-item:hover a .text-block .text {
  opacity: 1; visibility: visible; max-height: 21.875rem;
}
.practice-areas-item a .text-block .text-inner {
  padding-top: 1.75rem;
}
.practice-areas-item a .text-block .text-inner p {
  margin-bottom: 1.75rem;
}
.practice-areas-item a .text-block .text-inner strong {
  font-weight: 700; text-transform: uppercase; letter-spacing: .29em; line-height: 1.625em; color: var(--Orange);
}

.practice-areas-item:before {
  content: ''; display: block; width: 100%; position: absolute; top: 0; left: 0; z-index: -1; bottom:0; border-radius: 1.25rem;
  background: linear-gradient(180deg, rgba(0, 44, 50, 0) 0%, rgba(0, 44, 50, 0.91) 100%); transition: .3s ease-out;
}
.practice-areas-item:hover:before {
  opacity: 0; visibility: hidden;
}
.practice-areas-item:after {
  content: ''; display: block; width: 100%; position: absolute; top: 0; left: 0; z-index: -1; bottom:0; border-radius: 1.25rem;
  transition: .3s ease-out; background-color: rgba(0, 44, 50, 0.91); opacity: 0; visibility: hidden;
}
.practice-areas-item:hover:after {
  opacity: 1; visibility: visible;
}

.progress-bar-wrap {
  display: block;  background-color: #E6F4F1; border-radius: .75rem;
}
.progress-bar-wrap .progress-bar-line {
  background-color: var(--Orange); height: .75rem; border-radius: .75rem; transition: .3s ease-out; width: 25%;
}

.practice-slick-wrapper .control {
  max-width: 71.813rem; margin-top: 1.563rem;
}

#home-testimonials {
  position: relative; z-index: 10; padding: 6.75rem 0 7.625rem; background-color: #fff; text-align: center;
}
.home #home-testimonials:before {
  content: ''; display: block; width: 100%; position: absolute; top: 0; left: 0; z-index: -1; bottom: 0; height: 36.563rem;
  border-bottom: 0.438rem solid var(--Orange); background-color: #E6F4F1;
}

#home-testimonials .section-title {

}
#home-testimonials .section-title .sub { }

#home-testimonials .section-title hr { max-width: 10.125rem; margin: 1.625rem auto 0.375rem; border-color: var(--Orange);  }

#home-testimonials .section-title h2 { font-size: var(--px128); line-height: 1.25em; color: #002C32; margin-bottom: 3.125rem; }

#home-testimonials .btn { color: var(--Teal); }

#home-testimonials .btn:hover,
#home-testimonials .btn:focus { color: #fff; }

.testimonials-list {
  display: flex; flex-wrap: wrap; gap: 1.625rem; justify-content: center; margin-bottom: 3.125rem;
}
.testimonial-item {
  max-width: 28.938rem; background-color: #002C32; color: #fff; padding: 6.25rem 4.125rem 5rem; border-radius: 1.25rem;
  text-align: left; flex: 1 1 calc(100%/3 - 1.625rem);
}
.testimonial-item .h4 { line-height: 1.5em; font-weight: normal; }

.testimonial-item svg { margin-bottom: 1.25rem; }

.testimonial-item p { margin-top: 1.25rem;}

.testimonial-item p.author { font-weight: 700; font-size: var(--px18); }

#bottom-blog { padding: 0 0 8.25rem; }

#bottom-blog .wrap { justify-content: space-between; align-items: center; }

#bottom-blog .section-title {
  order: 1;
}
#bottom-blog .section-title .sub { }

#bottom-blog .section-title h2 { margin: 2rem 0 2.313rem; }

#bottom-blog .section-title hr { max-width: 10.125rem; margin: 0 0 0; border-color: var(--Orange);  }

#bottom-blog .blog-list {
  order: 3; width: 100%;
}
#bottom-blog .text-center {
  order: 2;
}
#bottom-blog .btn {
  color: var(--Teal);
}
#bottom-blog .btn:hover,
#bottom-blog .btn:focus { color: #fff; }

.blog-list {
  display: flex; flex-wrap: wrap; gap: 3.313rem; margin-top: 4.688rem;
}
.blog-item {
  max-width: 20rem; flex: 1 1 calc(100%/4 - 3.313rem); font-size: var(--px16);
}

.blog-item .h4 { font-size: var(--px20); line-height: 1.2em; font-weight: 600; }

.blog-item .h4 a { color: var(--TextBlack); }

.blog-item .h4 a:hover,
.blog-item .h4 a:focus { color: var(--Orange); }

.blog-item a.read-more { color: var(--Orange); display: inline-block; vertical-align: top; padding: .625rem 0.938rem; margin-top:  1.75rem;
  border-bottom: 1px solid var(--Orange); font-weight: 600; letter-spacing: .22em; line-height: .75em; text-transform: uppercase;
}
.blog-item .text-block { height: 10.875rem; overflow: hidden; line-height: 1.8em; }

#bottom-blog .blog-item hr { margin: 2rem 0 1.375rem; max-width: 10.125rem; border-color: var(--Orange); }

#page-top-banner {
  position: relative; z-index: 10; color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat;
  background-image: url('./assets/images/banner-default.jpg');
}
#page-top-banner:before {
  content: ''; display: block; width: 100%; position: absolute; top: 0; left: 0; z-index: -1; bottom: 0; opacity: .7;
  background: linear-gradient(180deg, rgba(0, 44, 50, 0.55) 0%, rgba(0, 44, 50, 0) 100%), linear-gradient(180deg, rgba(0, 44, 50, 0) 0%, #002C32 100%);
}
#page-top-banner .wrap { justify-content: center; align-items: center; min-height: 33.875rem; padding: 3rem 0; }

.page-title { }

.page-title .h1 { font-size: var(--px48); line-height: 1em; font-family: var(--Seasons); font-weight: 400; text-transform: uppercase; }

.page-title .sub-heading { font-size: var(--px28); line-height: 2.04em; font-family: var(--Hind); font-weight: 600; text-transform: uppercase; 
  letter-spacing: .22em; margin-top: .5rem; }

#about-main {
  padding: 8.938rem 0 7.313rem; background: linear-gradient(180deg, #FFFFFF 0%, #E6F4F1 100%);
}

#about-main .wrap { gap: 0 8.063rem; }

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

#about-main .html-block .sub { line-height: .75em; }

#about-main .html-block p { margin-top: 2.188rem; }

#about-main .html-block hr {
  max-width: 10.125rem; margin: 0.938rem 0 1.813rem; border-color: var(--Orange);
}
#about-main .html-block h2 { margin-bottom: 2rem; }

#about-main picture {}

#about-main picture img { border-radius: 1.25rem 1.25rem 1.25rem 10.625rem; }

#about-main .img-block { max-width: 30.563rem; }

#about-main .details-block {
  display: flex; flex-wrap: wrap; gap:1.5rem 2.413rem;
}
#about-main .details-block .item {
  display: flex; flex-wrap: wrap; gap: 0 1.938rem; align-items: center;
}
#about-main .details-block .item .icon { 
  width: 4.25rem; height: 4.25rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E6F4F1;
  border-radius: 0.375rem;  
}
#about-main .details-block .item .text {
  max-width: 13.625rem; font-size: var(--px20); line-height: 1.333em; color: #6B6B6B;
}
#about-main .details-block .item .text address { margin: 0; }

#about-main .details-block .item .text p { margin: 0; }

#about-main .details-block .item .text a { color: #6B6B6B; }

#about-main .details-block .item .text a:hover,
#about-main .details-block .item .text a:focus { color: var(--Orange); }

#about-main .video-block { max-width: 30.625rem; position: relative; z-index: 10; margin-top: 3.25rem; }

#about-main .video-block .embed-responsive {
  background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 20.063rem; border-radius: 1.313rem;
  background-color: #000;
}
#about-main .video-block .play-button {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-wrap: wrap; 
}

#practice-areas-landing {
  padding: 6.188rem 0 6.375rem;
}
#practice-areas-landing .html-block { text-align: center; }

#practice-areas-landing .html-block .sub { line-height: .75em; margin-bottom: 1.25rem; }

#practice-areas-landing .html-block hr { max-width: 10.125rem; margin: 0 auto 1.625rem; border-color: var(--Orange); }

#practice-areas-landing .html-block h2 {
  margin-bottom: 2.688rem;
}
#practice-areas-landing .html-block p { margin: 0 auto 2.688rem; max-width: 59.688rem; }

.practice-list {
  display: flex; flex-wrap: wrap; gap: 2.25rem 2.625rem; justify-content: center; margin-top: 4.563rem;
}

#testimonials-landing {
  padding: 6.188rem 0 9.313rem; background: linear-gradient(180deg, #FFFFFF 0%, #E6F4F1 100%);
}
#testimonials-landing .html-block { text-align: center; }

#testimonials-landing .html-block .sub { line-height: .75em; margin-bottom: 1.25rem; }

#testimonials-landing .html-block hr { max-width: 10.125rem; margin: 0 auto 1.625rem; border-color: var(--Orange); }

#testimonials-landing .html-block h2 { margin-bottom: 3.125rem; }

.testimonials-list {
  overflow: hidden; border-radius: 6.25rem;
}

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

#practice-areas-content {
  padding: 6.25rem 0; background: linear-gradient(180deg, #FFFFFF 0%, #E6F4F1 100%);
}
#practice-areas-content .html-block {  }

#practice-areas-content .html-block .sub { line-height: .75em; margin-bottom: 0; }

#practice-areas-content .html-block hr { max-width: 10.125rem; margin: 1.25rem 0 1.625rem; border-color: var(--Orange); }

#practice-areas-content .html-block h2 { margin-bottom: 2.25rem; }

#practice-areas-content .html-block p { margin-bottom: 2.188rem; }

#practice-areas-content .html-block p a { color: var(--Orange); }

#practice-areas-content .html-block p a:hover,
#practice-areas-content .html-block p a:focus { color: #000; text-decoration: underline; }

#practice-areas-content .feat-img {
  width: 100%; max-width: 36.75rem;
}
#practice-areas-content .feat-img img { border-radius: 1.25rem; }

#default-page-content {
  padding: 6.25rem 0; background: linear-gradient(180deg, #FFFFFF 0%, #E6F4F1 100%);
}
#default-page-content .blog-list {
  margin-top: 5.625rem;
}

.blog-section-title {
  text-align: center;
}
.blog-section-title .sub { line-height: .75em; margin-bottom: 0; }
.blog-section-title hr { max-width: 10.125rem; margin: 1.25rem auto 1.625rem; border-color: var(--Orange); }
.blog-section-title h2 { margin-bottom: 2.25rem; }

#contact-landing {
  padding: 6.25rem 0; background: linear-gradient(180deg, #FFFFFF 0%, #E6F4F1 100%);
}

#contact-landing .wrap > .flex {
  gap: 0 2.25rem; margin-top: 5rem;
}

#contact-landing .html-block {
  max-width: 45.438rem; flex: 1; background-color: #fff; padding: 4.375rem 2.5rem; border-radius: 1.25rem; border: 1px solid #EAEAEA;
}
#contact-landing .html-block .mmm {
  margin: 0 auto; max-width: 30.063rem; font-size: var(--px24); line-height: 1.8em; line-height: 1.35em; color: #6B6B6B;
}
#contact-landing .map {
  flex: 1;
}
#contact-landing .map .embed-responsive {
  height: 29.813rem;
}
#contact-landing .map .embed-responsive iframe {
  border-radius: 1.25rem;
}

#contact-landing .details-block {
  display: flex; flex-wrap: wrap; gap: 0 1.938rem; margin-top: 3.75rem;
}
#contact-landing .details-block .item {
  flex: 1; text-align: center;
}
#contact-landing .details-block .item .icon {
  width: 4.25rem; height: 4.25rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E6F4F1;
  border-radius: 0.375rem;  margin: 0 auto 2.625rem;
}
#contact-landing .details-block .item .text {
  max-width: 13.625rem; font-size: var(--px20); line-height: 1.333em; color: #6B6B6B; margin: 0 0rem;
}
#contact-landing .details-block .item .text address { margin: 0; }
#contact-landing .details-block .item .text p { margin: 0; }

#contact-landing .details-block .item .text a {
  color: #6B6B6B;
}
#contact-landing .details-block .item .text a:hover,
#contact-landing .details-block .item .text a:focus { color: var(--Orange); }

#default-page-content { }

#default-page-content .html-block { }

#default-page-content .html-block h2 { margin-bottom: 2.25rem; }

#default-page-content .html-block ul {
  margin-bottom: 2.25rem;
}

#default-page-content .html-block ul a {
  color: var(--Teal);
}

#default-page-content .html-block .btn { color: var(--Teal); }
#default-page-content .html-block .btn:hover,
#default-page-content .html-block .btn:focus { color: #fff; }

#default-page-content .html-block ul a:hover,
#default-page-content .html-block ul a:focus { color: var(--Orange); }

#default-page-content .html-block:after { content: ''; display: block; clear: both; }

#default-page-content .html-block p { margin-bottom: 2.25rem; }

.single #default-page-content .html-block h1 { margin-bottom: 2.25rem; }

.single #default-page-content .html-block h2 { margin-bottom: 2.25rem; font-size: var(--px36); line-height: 1.333em; font-family: var(--Seasons); 
  font-weight: 400; }

@media ( min-width: 768px ) { 

}

@media ( min-width: 992px ) {

  html[lang="es"] .main-menu li a { font-size: var(--px16); }
  html[lang="es"] .main-menu li select { width: 6.488rem; font-size: var(--px16); }

  #home-testimonials .testimonials-list {
    border-radius: unset; overflow: unset;
  }

  #home-testimonials .section-title h2,
  #home-testimonials .section-title hr,
  #home-testimonials .section-title .sub {
    transform: translateY(10.438rem); transition: 1.4s ease-out; opacity: 0; 
  }

  #home-testimonials .testimonial-item {
    transition: 1.4s ease-out; opacity: 0; 
  }

  #home-testimonials .testimonial-item:nth-child(1) { transform: translateY(14.375rem); border-radius: 6.25rem 1.25rem 1.25rem 6.25rem; }
  #home-testimonials .testimonial-item:nth-child(2) { transform: translateY(7.938rem); }
  #home-testimonials .testimonial-item:nth-child(3) { transform: translateY(14.375rem); border-radius: 1.25rem 6.25rem 6.25rem 1.25rem; }


  #home-testimonials.effect-on .testimonial-item,
  #home-testimonials.effect-on .section-title h2,
  #home-testimonials.effect-on .section-title hr,
  #home-testimonials.effect-on .section-title .sub {
    transform: none; opacity: 1;
  }

  #home-about picture.img-1 {
    transform: translateY(16.75rem); transition: 1.4s ease-out; opacity: 0; 
  }
  #home-about picture.img-2 {
    transform: translateY(8.875rem); transition: 1.4s ease-out; opacity: 0; 
  }

  #home-about .html-block {
    transform: translateY(7.25rem); transition: 1.4s ease-out;
  }
  #home-about .html-block p {
    transition: 1.4s ease-out; opacity: 0; 
  }

  #home-about.effect-on .html-block p,
  #home-about.effect-on picture.img-1,
  #home-about.effect-on picture.img-2,
  #home-about.effect-on .html-block {
    transform: none; opacity: 1; visibility: visible;
  }

  #home-practice-areas .item .practice-areas-item { transition: 1.4s ease-out; position: relative; top: 0; width: 100%; 
    max-width: 24.75rem; height: 38.625rem; } 

  #home-practice-areas .html-block {
    transform: translateX(-9.875rem); transition: 1.4s ease-out;
  }

  #home-practice-areas .html-block svg {
    transition: 1.4s ease-out; opacity: 0;
  }

  #home-practice-areas .slick-list { transition: 1.4s ease-out; transform: translateX(46.375rem); opacity: 0; visibility: hidden; }

  #home-practice-areas .effect-on .html-block svg,
  #home-practice-areas .effect-on .html-block,
  #home-practice-areas .effect-on .slick-list {
    transform: none; opacity: 1; visibility: visible;
  }

  #contact-landing .details-block .item .text {
    margin: 0 -1rem;
  }

  #practice-areas-content .feat-img img {
    width: 100%; height: 38.625rem; object-fit: cover; object-position: center;
  }

  #practice-areas-content .feat-img {
    float: right; margin-left: 7.688rem;
  }

  .page-title { transform: translateY(1.5rem); }

  #home-testimonials .container { padding: 0 14.9rem; }

  #main-content {
    overflow: hidden;
  }

  .practice-slick-wrapper .item { padding: 0 1.313rem; }

  .practice-slick-wrapper .slick-list { margin: 0 -1.313rem; }
  

  #home-practice-areas .container {
    padding-right: 0; padding-left: 15rem;
  }

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

  #home-about picture.img-2 {
    margin-top: -15.938rem;
  }

  #home-about .container { padding: 0 3.125rem; }

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

  .gfield--width-half,
  .ginput_container--name > span { flex: 1 1 calc(100%/2 - 1.25rem); }

  #bottom-menu ul { display: flex; flex-wrap: wrap; gap: 0 2.25rem; justify-content: space-between; }

  .logo { margin-right: auto; }

  #header .container { padding-left: 5rem; padding-right: 5.625rem; }

  .mobile-only { display:none !important; }

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

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

  .home .main-menu > li > a ,
  .home .main-menu > li select ,
  .home #header .btn { color: var(--DarkCyan); }

  .main-menu > li > a { position:relative; padding: 0.313rem 0; color: #fff; }

  .main-menu > li > a:after { content:''; width:0; height:2px; background-color: #fff; transition:.5s; position:absolute; bottom:0; left:0; right:0; margin: 0 auto; }

  .main-menu > li > a:hover:after { width:100%; }
  
  .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;
  }

  .main-menu { gap: 0 1.525rem; }

  .main-menu li select { width: 8.388rem; }

  #about-main .wrap { gap: 0 6.663rem; }

  html[lang="es"] .main-menu li select { width: 7.688rem; }

}

@media ( max-width: 991px ) {

  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: 2.55rem; background-color: transparent;
    transition: .3s ease-out;
  }

  .navbar-default { padding: 0; }

  body.mean-container.mean-bg .mean-bar { background-color: #0c1923; }

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

  body.mean-container a.meanmenu-reveal { width: 2.5rem; box-sizing:border-box; padding:0; text-align: center; color: #fff; 
    right:1rem !important; top:2.125rem; color: var(--Orange); }

  body.mean-container a.meanmenu-reveal span { height: 3px; margin-top: 0; background-color: var(--Orange); }

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

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

  #home-testimonials .section-title h2 {
    font-size: var(--px40);
  }

  .btn { white-space: normal; }

  #home-practice-areas .section-title h2 { font-size: var(--px60); }

  .logo { position: fixed; top: 1.925rem; left: 1rem; width: 100%; z-index: 3000; max-width: 10.55rem; }

  #header .btn { border-radius: 100%; width: 3.25rem; height: 3.25rem; padding: 0; display: flex; align-items: center; justify-content: center; }

  #header .btn span { display: none; }

  #header .phone-number { position: fixed; top: 1.325rem; right: 4.2rem; z-index: 3000; }

  #home-banner {
    padding: 23.125rem 0; text-align: center;
  }

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

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

  #home-banner:before { 
    background: radial-gradient(91.42% 91.54% at 45.16% 0%, rgba(0, 0, 0, 0.35) 0%, rgba(115, 115, 115, 0) 100%);
  }
  
  #home-banner-video { mix-blend-mode: unset; }

  .btn { letter-spacing: .1em; font-size: var(--px18); padding: 1.25rem 2.5rem; }

  #home-about .html-block { text-align: center; margin-top: 6.25rem; }

  #home-practice-areas .section-title {
    padding: 28.75rem 0 4.375rem; margin-bottom: 0;
  }

  #home-practice-areas .section-title h2 { transform: none; }

  #home-practice-areas .html-block { text-align: center; }

  .practice-areas-item a { padding: 2.25rem 1.25rem 2.75rem; height: 38.625rem; }

  .testimonial-item { padding: 6.25rem 1.125rem 5rem; }

  .blog-item { flex: unset; }

  #bottom-blog .blog-list { margin-bottom: 3rem; }

  #bottom-menu { display: none; }

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

  #footer { text-align: center; }

  #footer p { margin-bottom: 1.5rem; }

  #bottom-c-form .html-block { text-align: center; }

  #white-section-block .html-block { font-size: var(--px20); }

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

  .page-title .sub-heading { font-size: var(--px20); line-height: 1.4em; }

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

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

  #about-main .details-block .item { width: 100%; }

  #about-main .details-block .item .icon { margin: 0 auto 1.5rem; }

  #about-main .details-block .item .text { width: 100%; text-align: center; max-width: unset; }

  #practice-areas-content .feat-img { margin-bottom: 4rem; }

  #practice-areas-content .feat-img img { height: 22.125rem; object-fit: cover; object-position: center; }

  #contact-landing .details-block .item { width: 100%; flex: unset; }

  #contact-landing .details-block .item + .item { margin-top: 3rem; } 

  #contact-landing .html-block { padding: 4.375rem 1.5rem ;}

  #contact-landing .html-block { margin-bottom: 4rem;}

  #contact-landing .map .embed-responsive { height: 20rem; }
  

}

@media ( max-width: 767px ) {

}