/*
Theme Name: Law Firm Sites
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
=================================*/

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

@font-face { font-family: PlusJakartaSans; src: url('fonts/PlusJakartaSans-Regular.ttf') format("truetype"); font-weight: normal; }

@font-face { font-family: PlusJakartaSans; src: url('fonts/PlusJakartaSans-Italic.ttf') format("truetype"); font-weight: normal; font-style: italic; }

@font-face { font-family: PlusJakartaSans; src: url('fonts/PlusJakartaSans-Medium.ttf') format("truetype"); font-weight: 500; }

@font-face { font-family: PlusJakartaSans; src: url('fonts/PlusJakartaSans-MediumItalic.ttf') format("truetype"); font-weight: 500; font-style: italic; }

@font-face { font-family: PlusJakartaSans; src: url('fonts/PlusJakartaSans-SemiBold.ttf') format("truetype"); font-weight: 600; }

@font-face { font-family: PlusJakartaSans; src: url('fonts/PlusJakartaSans-SemiBoldItalic.ttf') format("truetype"); font-weight: 600; font-style: italic; }

@font-face { font-family: PlusJakartaSans; src: url('fonts/PlusJakartaSans-Bold.ttf') format("truetype"); font-weight: 700; }

@font-face { font-family: PlusJakartaSans; src: url('fonts/PlusJakartaSans-BoldItalic.ttf') format("truetype"); font-weight: 700; font-style: italic; }

: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;
  --px27: 1.688rem;
  --px28: 1.75rem;
  --px30: 1.875rem;
  --px32: 2rem;
  --px33: 2.063rem;
  --px34: 2.125rem;
  --px35: 2.188rem;
  --px36: 2.25rem;
  --px37: 2.313rem;
  --px38: 2.375rem;
  --px40: 2.5rem;
  --px42: 2.625rem;
  --px43: 2.688rem;
  --px45: 2.813rem;
  --px48: 3rem;
  --px49: 3.063rem;
  --px50: 3.125rem;
  --px52: 3.25rem;
  --px55: 3.438rem;
  --px56: 3.5rem;
  --px58: 3.625rem;
  --px60: 3.75rem;
  --px65: 4.063rem;
  --px66: 4.125rem;
  --px69: 4.313rem;
  --px72: 4.5rem;
  --px90: 5.625rem;
  --px92: 5.75rem;
  --px95: 5.938rem;
  --px100: 6.25rem;
  --px110: 6.875rem;
  
  --PlusJakartaSans: 'PlusJakartaSans';
  --Dashiell: "dashiell-fine";

  /*COLOR*/
  --TextBlack: #161616;
  --Pink: #BC3478;
  --LightBlue: #336699;
  --Orange: #CA5162;
}


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

html { font-size: 0.833333vw; }

body { padding: 0; margin: 0; /*font-size: var(--px16);*/ font-size:16px; font-family:var(--PlusJakartaSans); font-weight:normal; color:var(--TextBlack); }

a:focus , 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; }

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,p { margin: 0; }

h1 { font-size: var(--px48); font-family: var(--Dashiell); font-weight: normal; }

h2 { font-size: var(--px48); font-family: var(--Dashiell); font-weight: normal; }

h3 { font-size: var(--px36); font-family: var(--Dashiell); font-weight: normal; }

h4 { font-size: var(--px24); }

h5 { font-size: var(--px18); }

h6 {}

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

.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(--px20); font-weight: 500; }

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

ul.paginations { list-style:none; padding:; display:flex; flex-wrap:wrap; justify-content:center; gap: 1rem; font-size: var(--px18); }

ul.paginations a { color:var(--Pink); }

ul.paginations a:hover { color:var(--LightBlue); }

.w100, .w100 img { width: 100%; }
.phone{
	font-size:20px;
	font-weight:700;
	color: var(--LightBlue);
}


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

section.contact-sect { background-position:center; background-image: url('images/handshake2.jpg'); background-size: cover; color: #fff; border-radius: 4.688rem 4.688rem 0 0; padding: 6.95rem 0 7.063rem; }

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

.form-wrap { margin: 0 auto; max-width: 54.313rem; }

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

.form-wrap h5 { text-align:center; font-size: var(--px16); text-transform: uppercase; font-weight: 600; letter-spacing: .15rem; margin-bottom: 0.8rem; }

.form-wrap h2 { text-align: center; margin-bottom: 1.65rem; }

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

.gform_fields { margin: 0; }

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

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

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

.gfield label.gfield_label { display:none; }

.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: none; border-radius: 0; line-height: var(--px36); padding: 0 1.75rem; color: var(--TextBlack); background-color: #fff; }

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

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

.gform_footer input[type="submit"] { text-transform: uppercase; width: 17.813rem; height: 3.5rem; background-color: var(--Pink); color: #fff; border: 1px solid #fff; border-radius: 3.5rem; font-size: var(--px14); font-weight: 700; 
  letter-spacing: .15rem; }

.gform_footer input[type="submit"]:hover { background-color: var(--LightBlue); }

.gfield.labelout label.gfield_label { top: -0.5rem; font-size: 0.925rem; left: 0; }

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

#footer { background-color:#fff; font-size:var(--px16); padding: 5.125rem 0 0rem; font-size:var(--px16); }

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

.footer-top { margin-bottom: 0.45rem; }

.footer-top a { color:var(--Pink); font-weight:700; }

.footer-top a:hover { color:var(--LightBlue); }

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

.footer-top .div-block h5 { font-size:var(--px16); text-transform:uppercase; font-weight:600; line-height:var(--px30); margin: -0.2rem 0 0.9rem; }

.footer-top .div-block p { line-height:var(--px30); }

.social-media { display:flex; flex-wrap:wrap; justify-content: center; font-size: 2rem; gap: 0 1.76rem; align-items: center; }

.footer-bottom { gap: 0 2.188rem; font-size:var(--px18); }

.footer-bottom p { padding-top: 0.25rem; margin-bottom: 2.413rem; }

.bottom-links { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap: 0 1.125rem; margin-bottom: 2.413rem; }

.bottom-links span { content:''; display:inline-block; background-color:#153331;opacity:.17; width:1px; height:1.75rem; position: relative; top: 0.15rem; }

.footer-bottom a { color:var(--TextBlack); }

.footer-bottom a:hover { color:var(--Pink); }

.lfs { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap: 0 0.688rem; margin-bottom: 2.413rem; }

.lfs a {}

.lfs img { width:7.75rem; }

/* HOMEPAGE
=================================*/

section.home-top {  }

section.home-top .div-block { max-width:47.188rem; padding: 6.9rem 0 4rem; }

section.home-top figure { width:100%; max-width:39.125rem; min-height:54.313rem; content:''; display:block; background-size:cover;background-position:center top; background-image: url('images/home-atty-img.jpg'); 
  position: relative; z}


section.home-top .div-block h1 { color:var(--LightBlue); font-size:var(--px110); line-height:var(--px110); font-weight:600; letter-spacing: -0.2rem; margin-bottom: 0.85rem; }

section.home-top .div-block h4 { line-height:var(--px48); font-weight:500; color: var(--LightBlue); margin-bottom: 1.7rem; }

a.Btn { display:inline-block; vertical-align:top; font-size:var(--px18); font-weight:700; line-height:var(--px24); border: 2px solid #fff; background-color:var(--Pink); text-transform:uppercase; letter-spacing:.1rem; 
  padding: 1.06rem 1rem; text-align:center; width:100%; max-width:20.438rem; border-radius:3.938rem; color:#fff !important; }

a.Btn:hover { background-color:var(--LightBlue); }

section.home-blue { background-color:var(--LightBlue); color: #fff; font-size:var(--px30); line-height:var(--px38); font-style:italic; font-weight:500; padding:2.25rem 0 2.35rem; }

section.home-mid { position:relative; overflow:hidden; padding: 6.8rem 0 7.7rem; }

section.home-mid .container { position:relative; }

section.home-mid h5 { font-size:var(--px16); line-height:var(--px30); color:var(--LightBlue); text-transform:uppercase; font-weight:600; letter-spacing:.28rem; margin-bottom: 0.7rem; }

section.home-mid h2 { font-size:var(--px58); line-height:var(--px60); margin-bottom: 1.15rem; }

.home-content-2nd { text-align:center; margin: 0 auto; max-width:46.875rem; }

section.home-mid .home-content-2nd h2 { line-height:var(--px65); margin-bottom: 1.15rem; }

.home-content-2nd h4 { line-height:var(--px36); font-weight:normal; margin:0 auto 0rem; max-width:40.488rem; }

section.home-mid p { line-height:var(--px33); margin-bottom: 2rem; }

section.home-mid ul { line-height:var(--px33); padding-left: 1.1rem; margin: -0.3rem 0 0.75rem; }

section.home-mid p a {}

.home-cont-upper { margin: 4rem 0 7.5rem; }

.home-cont-upper .flex { gap: 0 6.875rem; }

.home-cont-upper figure { max-width:44.375rem; }

.home-cont-upper .div-block { max-width:34.938rem; padding: 6.3rem 0 0; }

.vid-box { position:relative; width: 100%; max-width: 45.563rem; background-size: cover; overflow: hidden; background-position: center; }

.vid-box .embed-responsive { height: 32.813rem; }

.vid-box span { transition:.5s; position:absolute; top:14.688rem; left:0; fill: #fff; right: 0; margin: 0 auto;  max-width:3.088rem; cursor: pointer; }

.vid-box span:hover { fill:var(--Pink); }

.vid-box span svg { width:3.088rem; }

.home-content-mid {  }

.home-content-mid .div-block { max-width:35.938rem; padding: 2.9rem 0 0rem; }

.home-content-mid .flex { justify-content:flex-end; gap: 0 4.688rem; }

.home-content-mid .vid-box { order:2; }

.home-content-mid .vid-1 { background-image:url('images/vid-poster-1.jpg'); border-radius: 4.688rem 0 0 0; }

.home-bottom-mid { margin: 4.8rem 0 0rem; }

.home-bottom-mid .flex {  }

.home-bottom-mid .flex .div-block { max-width:42.5rem; padding: 1.8rem 0 0rem; }

.home-bottom-mid .vid-2 { border-radius: 0 4.688rem 0 0; background-image: url('images/vid-poster-2.jpg'); max-width: 44.375rem; }

.home-bottom-mid .vid-2 span { top:19.5rem; }

#home-vid-2 { min-height:39.75rem;  }

section.home-mid:before { content:''; background-image:url('images/gavel.png'); background-size: 38.563rem auto; background-position: left center; position: absolute; top: 8.719rem; right: 0; min-height: 52.75rem; width: 23.188rem; }

section.bottom-testimonials { background-image: url('images/bg-testimonials.jpg'); background-size: cover; background-position: center; font-size: var(--px19); padding: 5.375rem 0; }

section.bottom-testimonials .div-block { max-width: 77.688rem; margin: 0 auto; }

section.bottom-testimonials .div-block h3 { font-size:var(--px58); line-height:var(--px66); margin: 0 auto 1.4rem; max-width: 50.813rem; }

section.bottom-testimonials .div-block p { line-height:var(--px33); }

section.bottom-testimonials .div-block .text { margin: 0 0 2.6rem; }

section.bottom-testimonials .div-block h5 { font-size:var(--px16); text-transform:uppercase; font-weight:600; letter-spacing:.2rem; color:#A09A91; margin-bottom: 1.7rem; }

section.bottom-testimonials figure { margin-bottom: 2.05rem; }

section.bottom-testimonials figure svg { width:5.648rem; display:inline-block; vertical-align:top; }

section.footer-blog { padding: 6.3rem 0 7.188rem; }

section.footer-blog h5 { font-size:var(--px16); text-transform:uppercase; font-weight:600; letter-spacing:.2rem; color:var(--LightBlue); line-height:var(--px30); margin-bottom: 1.15rem; }

section.footer-blog h2 { font-size:var(--px58); line-height:var(--px65); margin-bottom: 3.5rem; }

section.footer-blog .flex { margin: 0 auto; max-width:96.875rem; }

section.footer-blog .item { width:100%; max-width: 46.313rem; position: relative; text-align: left; margin-bottom: 4.5rem; }

section.footer-blog .item .embed-responsive { height:26.063rem; }

section.footer-blog .item .vid-box { background-size:cover; background-position:center; }

section.footer-blog .item .vid-box-1 { background-image:url('images/blog-vid.jpg'); }

section.footer-blog .item .vid-box-2 { background-image:url('images/blog-vid-2.jpg'); }

section.footer-blog .vid-box span svg { width:3.088rem; }

section.footer-blog .vid-box span { left:unset; bottom:4.313rem; top:unset; right:3.563rem; }

section.footer-blog .vid-box .title { position:absolute; left: 3.438rem; bottom:3.3rem; color:#fff; font-size:var(--px30); line-height:var(--px43); font-family: var(--Dashiell); font-weight: normal; max-width: 29.688rem; }

/* INNERPAGE
=================================*/

section.page-top-banner { background-size: cover; background-position:center bottom; background-image: url('images/banner-default.jpg'); color: #fff; text-align: center; }

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

.page-title h1 { font-size:var(--px110); line-height:var(--px110); font-weight:600; }

section.inner-page { padding: 7.438rem 0 5.4rem; }

article.the-content {}

article.the-content h6 { color:var(--LightBlue); font-size:var(--px16); font-weight:600; line-height:var(--px30); text-transform:uppercase; letter-spacing:.3rem; margin-bottom: 0.7rem; }

article.the-content h2 { font-size:var(--px58); line-height:var(--px60); margin-bottom: 1.15rem; }

article.the-content h5 { color:var(--LightBlue); font-size:var(--px16); line-height:var(--px30); font-weight: 700; line-height:var(--px33); text-transform: uppercase; }

article.the-content p { line-height:var(--px38); margin-bottom: 2.1rem; }

article.the-content ul { line-height:var(--px38); margin-bottom: 2.1rem; padding-left:1rem; }

article.the-content ul a { font-weight:600; text-decoration:underline; }

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

article.the-content figure.p-thumb { max-width:35.688rem; border-radius: 4.688rem 0 0 0; overflow:hidden; box-shadow: 0 5.75rem 0 rgba(30,113,176,.02); }

article.the-content a { color:var(--Pink); font-weight:700;}

article.the-content a:hover { color:var(--LightBlue); }

.services-list { text-align:center; margin: 4.9rem auto 3.3rem; max-width:65.5rem; }

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

.services-list .item { width:100%; max-width:20.75rem; font-size: var(--px16); }

.services-list .item figure { overflow:hidden; border-radius: 0.938rem; background-size: cover; background-position: center; }

.services-list .item figure a { min-height:28.875rem; display:block; content:''; }

.services-list .item figure a:hover { background-color:rgba(188,52,120,.41); }

.services-list .item a.Btn { max-width:14.313rem; }

.services-list .item h3 { font-size:var(--px30); line-height:var(--px43); margin: 1.65rem 0 0.3rem; }

.services-list .item h3 a { color:var(--TextBlack); }

.services-list .item h3 a:hover { color:var(--Pink); }

.services-list .item p { max-width:16.813rem; margin: 0 auto 1.7rem; }

.services-list .item:nth-child(4) h3 { margin-bottom:0rem }

.services-list .item:nth-child(4) p { margin-bottom: 1.4rem; }

.yt-videos { display:flex; flex-wrap:wrap; gap: 3.188rem 2.375rem; margin: 0rem 0 3.7rem; }

.yt-videos .item { max-width:43.875rem; width: 100%; }

.yt-videos .vid-box { background-size:cover; background-position:center; }

.yt-videos .vid-box .embed-responsive { height:23.625rem; }

.yt-videos .vid-box span { top:10.688rem; }

.testi-inner {  }

.testi-inner .item { width:100%; max-width: 43.688rem; background-color:#f2f2f2; margin-bottom: 5.688rem; padding: 0 3.125rem 3.125rem; }

.testi-inner .item figure { margin: 0 0 -0.5rem; position:relative; top:-2.125rem; }

.testi-inner .item figure svg { width:5.648rem; }

.testi-inner .item p { line-height:var(--px33); }

.testi-inner .item .text {   margin-bottom: 2.6rem; }

.testi-inner .item h5 { font-size:var(--px16); text-transform:uppercase; font-weight:600; letter-spacing:.2rem; color:var(--LightBlue); }

body.post-type-archive-testimonials section.bottom-testimonials { display:none; }

body.post-type-archive-testimonials section.inner-page { padding-bottom:0; margin-bottom: -2.7rem; }

.contact-content { margin-bottom: -1.4rem; }

.contact-content .item { background-color: rgba(212,212,212, .42); margin-bottom:5.438rem; padding: 3.5rem 5rem; display:flex; flex-wrap:wrap; justify-content:space-between; }

.contact-content .item .text { font-size:var(--px16);  }

.contact-content .item .text h5 { font-size:var(--px16); line-height:var(--px24); text-transform:uppercase; color:var(--LightBlue); font-weight: 600; margin-bottom: 1.15rem; }

.contact-content .item .text p { line-height:var(--px30);  }

.contact-content .item .text p a { color:var(--Pink); text-decoration:underline; }

.contact-content .item .text p a:hover { color:var(--LightBlue); }

.contact-content .item .map { width:100%; max-width:58.688rem; }

.contact-content .item .map .embed-responsive { height:24.25rem; }

.blog-content {  }

.blog-content article { border-bottom:2px solid #ddd; padding-bottom: 1rem; margin-bottom: 3rem; }

.blog-content article h3 { font-size:var(--px30); line-height:var(--px40); margin: 0.6rem 0 1.5rem; }

.blog-content article h3 a { color:var(--Pink); }

.blog-content article h3 a:hover { color:var(--LightBlue); }

.blog-content article h5 { font-size:var(--px16); line-height:var(--px24); text-transform:uppercase; color:var(--LightBlue); font-weight: 600; letter-spacing:.2rem; }

.blog-content article a.more-link { display:none; }

.blog-content article p { line-height:var(--px33); margin-bottom: 2.1rem; }

.blog-content .left-block { max-width: 60rem; }

.blog-content aside { width:100%; max-width:24.5rem; font-size: var(--px16); }

.blog-content aside h5 { font-size:var(--px24); line-height:var(--px30); color:var(--LightBlue); font-weight: normal; margin-bottom: 1.15rem; font-family: var(--Dashiell); }

.blog-content aside ul { line-height:var(--px33); margin-bottom: 2.1rem; padding-left:1rem; }

.blog-content aside ul li {}

.blog-content aside ul li a { font-weight:600; text-decoration:underline; color:var(--Pink); }

.blog-content aside ul li a:hover { color:var(--LightBlue); }

@media ( min-width: 768px ) { 

}

@media ( min-width: 992px ) {

  .sitecol { justify-content: space-between; }

  .sitecol .col { width:100%; max-width: 48%; }

  .sitecol .col:nth-child(1) { order:1; }
  .sitecol .col:nth-child(2) { order:3; max-width: 100%; }
  .sitecol .col:nth-child(3) { order:2; }

  .sitecol .col:nth-child(2) > ul.categories { column-count:3; gap: 2rem; }

  .sitecol .col:nth-child(2) > ul.categories > li { overflow: hidden; margin-bottom: 3rem; }

  .contact-content .item .text { padding-top: 4.9rem; }

  .testi-inner { column-count: 2; }

  article.the-content figure.p-thumb { float:right; margin-left:5.063rem; }

  .section.home-mid .wrap { max-width:90.313rem; }

  .home-bottom-mid .vid-box { margin-left: -3.438rem; }

  .home-content-mid .vid-box { margin-right: -3.063rem; }

  .home-cont-upper figure { margin-left: -3.438rem; }

  section.home-top { margin-top: -1.1rem; }

  .lfs { margin-left:auto; }

  .gform_fields { display:flex; flex-wrap:wrap; justify-content:space-between; }

  .gfield--width-half { max-width:26.563rem; }

  .container { width: 100%; }

  .scroll { display: block; }

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

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

  .align-start { align-items: flex-start; }
	.align-center {align-items:center;}

  .wrap { margin: 0 auto; max-width:90.313rem; }

  .main-menu { display:flex; flex-wrap:wrap; gap: 0 3.75rem; /*margin-top: 3.6rem;*/ position: relative; z-index: 100; }

  .main-menu li { position: relative; }
  
  .main-menu li a {}

  .main-menu > li { display: inline-block; /*padding-bottom:.6rem;*/ }
  
  .main-menu > li > a { color:var(--TextBlack); }
  
  .main-menu > li:hover > a { color:var(--Pink); }
  
  .main-menu > li > .sub-menu { position: absolute; top: 100%; left: -1rem; width: 20rem; padding: 0; z-index: 200; opacity: 0; visibility: hidden; text-align: left; background-color: var(--Pink); }

  .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: .5rem 1rem; color: #fff; }

  .main-menu > li > .sub-menu > li + li > a { border-top:1px solid rgba(0,0,0,.5); }
  
  .main-menu > li > .sub-menu > li:hover > a { background-color: rgba(0,0,0,.5); }

}

@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 { margin-top: 3rem; }

}

@media ( max-width: 991px ) {

  html { font-size: 16px; }

  body { padding-top: 6.25rem; }
  
  body.mean-container .mean-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 3000; background-color:#fff; padding-top: 3.4rem; }

  body.mean-container.admin-bar .mean-bar { top: 32px; }
  
  body.mean-container .mean-nav { background-color:var(--Pink); position:absolute; top: 100%; left:0; width:100%; margin:0; }

  body.mean-container a.meanmenu-reveal { width: 2.363rem; padding:0; color:var(--LightBlue); right: 1.75rem !important; top: 2.563rem; }

  body.mean-container a.meanmenu-reveal span { height: 0.188rem; margin:0; background-color:var(--LightBlue); }

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

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

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

  .logo { margin:0; position:fixed; top:1.5rem; left:1.75rem; max-width:17.738rem; z-index:5000; }

  section.home-top .div-block h1 { letter-spacing: 0; font-size:var(--px33); line-height:var(--px38); }

  section.home-top .div-block h1 br { display:none; }

  section.home-top .div-block { text-align:center; }

  section.home-top .div-block h4 { font-size:var(--px17); line-height:var(--px24); }

  section.home-top figure { max-width:20rem; min-height: 0; padding-bottom: 21rem; margin-left: auto; margin-right:1rem; }

  section.home-top .div-block { padding: 1.2rem 0 4rem; }

  section.home-blue { font-size:var(--px20); line-height:var(--px30); padding: 1.55rem 0 1.65rem; }

  section.home-mid::before { display:none; }

  section.home-mid .home-content-2nd h2 { font-size:var(--px55); line-height:var(--px56); }

  section.home-mid { padding: 3.8rem 0 3rem; }

  .home-cont-upper { margin: 2.9rem -15px 3.125rem; }

  .home-cont-upper .div-block { padding: 3.5rem 1.75rem 0rem; }

  .home-content-mid { margin: 0 -15px; }

  .home-content-mid .vid-box .embed-responsive { height:14.688rem; }

  .home-bottom-mid .vid-box span ,
  .home-content-mid .vid-box span { top:5.25rem; }

  .home-content-mid .div-block { padding: 2.9rem 1.75rem 0rem; }

  section.home-mid h2 { font-size:var(--px40); line-height:var(--px52); }

  .home-bottom-mid { margin: 4.8rem -15px 0rem; }

  #home-vid-2 { min-height: 0; height: 14.688rem; }

  .home-bottom-mid .flex .div-block { padding: 1.8rem 1.75rem 0rem; }

  section.bottom-testimonials .div-block h3 { font-size:var(--px35); line-height:var(--px49); }

  section.bottom-testimonials { padding: 4.125rem 0; }

  section.footer-blog h2 { font-size:var(--px48); line-height:var(--px56); max-width: 14.375rem; margin: 0 auto 3.5rem; }

  section.footer-blog { padding: 3.2rem 0 3.875rem; }

  section.footer-blog .vid-box .title { left:1.75rem; bottom:2.7rem; max-width:16rem; font-size: var(--px22); line-height: var(--px30); }

  section.footer-blog .vid-box span svg { width:1.813rem; }

  section.footer-blog .vid-box span { right:1.75rem; bottom:3.938rem; }

  section.footer-blog .item .embed-responsive { height:16.75rem; }

  #footer { text-align:center; }

  section.contact-sect { border-radius: 2.375rem 2.375rem 0 0; padding: 3.9rem 0 4.938rem; }

  .form-wrap h2 { font-size:var(--px28); line-height:var(--px37); }

  a.footer-logo { margin-bottom: 2.6rem; }

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

  .page-title { min-height:0;padding: 6rem 0; }

  section.inner-page { padding: 4.438rem 0 5.4rem; }

  article.the-content figure.p-thumb { margin-bottom:3rem; }

  article.the-content h2 { font-size:var(--px33); line-height:var(--px38); }

  .services-list .item figure a { min-height: 20.875rem; }

  .yt-videos .vid-box .embed-responsive { height: 17.625rem; }

  .yt-videos .vid-box span { top: 7.688rem; }

  .blog-content aside { margin-top: 4rem; }

  .contact-content .item { padding: 3.5rem 1.75rem; margin-bottom: 2.438rem; }

  .contact-content .item .map .embed-responsive { height: 17.25rem; }

  .contact-content .item .text { text-align: center; margin: 0 auto 3rem; }

  .testi-inner .item { padding-left:1.75rem; padding-right:1.75rem; }

}

@media ( max-width: 399px ) {

  .logo { left:1rem; top: 2.1rem; max-width: 14.738rem; }

  body.mean-container a.meanmenu-reveal { right: 1rem !important; width: 2rem; }

  .home-bottom-mid .flex .div-block,
  .home-content-mid .div-block,
  .home-cont-upper .div-block { padding-left: 1rem; padding-right: 1rem; }

  section.footer-blog .vid-box .title { left: 1rem; }

  section.footer-blog .vid-box span { right:1rem; }

  section.footer-blog .vid-box .title { max-width: 13rem; }

  section.bottom-testimonials .div-block h3 { font-size: var(--px30); line-height: var(--px40); }

  .contact-content .item { padding: 3.5rem 1rem; }

  .testi-inner .item { padding-left:1rem; padding-right:1rem; }

}