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

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

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

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

@font-face { font-family: Satoshi; src: url('fonts/Satoshi-LightItalic.otf') format("opentype"); font-weight: 300; font-style: italic; }

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

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

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

@font-face { font-family: Satoshi; src: url('fonts/Satoshi-BoldItalic.otf') format("opentype"); 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;
  --px26: 1.625rem;
  --px27: 1.688rem;
  --px29: 1.813rem;
  --px30: 1.875rem;
  --px31: 1.938rem;
  --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;
  --px52: 3.25rem;
  --px55: 3.438rem;
  --px57: 3.563rem;
  --px59: 3.688rem;
  --px60: 3.75rem;
  --px63: 3.938rem;
  --px65: 4.063rem;
  --px69: 4.313rem;
  --px72: 4.5rem;
  --px75: 4.688rem;
  --px90: 5.625rem;
  --px92: 5.75rem;
  --px95: 5.938rem;
  --px100: 6.25rem;
  --px104: 6.5rem;
  
  

  --Satoshi: "Satoshi";

  /*COLOR*/
  --TextBlack: #212121;
  --Red: #AA2B3D;
  --Blue: #033058;
  --Orange: #CA5162;
  --Green: #039C52;
}


/* BODY
=================================*/
.dnone{
	display:none;
}

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

body { padding: 0; margin: 0; font-size: var(--px20); font-family: var(--Satoshi); font-weight: normal; }

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,
h1,h2,h3,h4,h5,h6,p { margin: 0; }

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

h2,.h2 { font-size: var(--px48); line-height: var(--px57); display: block; font-weight: normal; }

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

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

h5,.h5 { font-size: var(--px18); display: block; }

h6,.h6 {}

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

svg { fill:inherit; stroke:inherit; }

p,ul,ol { line-height:var(--px31); }

*[width="183"] { width:11.438rem; }

/* HEADER
=================================*/
.navbar-default { border-radius: 0; margin: 0; min-height: 0; background-color: transparent; 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; }

.logo { display: inline-block; vertical-align: top; max-width: 11.438rem; margin: 3.125rem 0 0rem; vertical-align: top; position: relative; z-index: 100; fill:#fff; }

.home .logo { fill:#212121; }

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

.button-menu { display:block; width:100%; max-width:3.25rem; position: absolute; top: 4.125rem; right:3rem; cursor: pointer; z-index: 100; }

.button-menu span { transition:.5s; content:''; height:2px; display:block; width:100%; position:relative; top: 0; right: 0; background-color:#fff; }

.button-menu.show-menu span:nth-child(1) { transform:rotate(45deg); top:0.75rem;left:0rem; }
.button-menu.show-menu span:nth-child(2) { opacity:0; visibility:hidden; }
.button-menu.show-menu span:nth-child(3) { transform:rotate(-45deg); top:-0.75rem; }

.button-menu span + span { margin-top:0.625rem; }

.home .button-menu span { background-color:#000; }

.home .button-menu.show-menu span { background-color:#fff; }

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

section.bottom-featured-boxes { background-image:url('images/bg-solar-panels.jpg'); background-size: cover; background-position: center; color: #fff; padding: 9.5rem 0 29.375rem; }

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

.bottom-boxes .item { margin-bottom:0; }

.bottom-boxes .text-block {  }

.bottom-boxes .text-block .h2 { font-weight:500; margin-bottom: 1.375rem; }

.bottom-boxes .text-block p { line-height:var(--px26); margin-bottom: 2.188rem; }

a.button { font-size:14px; line-height:17px; text-transform:uppercase; font-weight:700; display:inline-block; color:#fff; border: 1px solid #fff; padding:1.5rem 3.25rem; position:relative; z-index:5; }

a.button:hover,
a.button:focus { color:var(--TextBlack) !important; }

a.button:before { content:''; display:block; position:absolute; top:0; left:0; bottom:0; background-color:#fff; transition:.5s; width:0; z-index: -1; }

a.button:focus:before ,
a.button:hover:before { width:100%; }

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

.footer-top { align-items:center; justify-content:space-between; }

.footer-top a.footer-logo { display:inline-block; max-width:13.125rem; fill:#fff; }

.footer-top a.footer-logo:hover,
.footer-top a.footer-logo:focus { fill:var(--Green); }

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

.footer-top .div-block .text-block { display:flex; flex-wrap:wrap; align-items:center; gap: 4.625rem; }

.footer-top .div-block .text-block p { max-width:32.563rem; }

.footer-top .div-block .text-block a.button {  }

.socials { align-items:center; gap: 2rem 3.438rem; }

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

#footer a { color:#fff; }

#footer a:focus,
#footer a:hover { color:var(--Green); }

.footer-bottom { border-top:1px solid rgba(222,222,222,.7); padding-top:2.188rem; margin-top:3rem; }

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

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

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

section.contact-form-top { color:#fff; padding: 2.188rem 0 5.188rem; transition:.5s; }

.show-menu section.contact-form-top { opacity:0; visibility:hidden; }

section.contact-form-top .text-center { position:relative; z-index:100; }

section.contact-form-top .text-center .h3 { font-weight:700; line-height:var(--px48); margin-bottom: 0.625rem; }

section.contact-form-top .text-center p { font-size:var(--px20); margin-bottom:1.5rem; }

.form-wrap { margin: 0 auto; max-width: 51.75rem; font-size:var(--px18); }

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

.form-wrap .h3 { }

.form-wrap p { font-size:var(--px16); line-height:var(--px20); margin-top: 1.25rem; }

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

.gform_fields { margin: 0; }

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

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

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

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

.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; color: #000; display: block; width: 100%; border: none; border-radius: 0.313rem; line-height: var(--px30); padding: .5rem 1.5rem; }

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

.form-wrap select { background-color: #fff; color: #000; display: block; width: 100%; border: none; border-radius: 0.313rem; line-height: var(--px30); padding: 0.688rem 1.5rem; }

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

.gform_footer button.button { text-transform: uppercase; width: 17.438rem; height: 4.25rem; background-color: transparent; color: #fff; border: none; font-size:14px; font-weight:700; border: 1px solid #fff; padding: 0 1rem; 
  position: relative; z-index: 5; letter-spacing: 1px; }

.gform_footer button.button:before { position:absolute; content:''; display:block; position:absolute; top:0; left:0; bottom:0; width:0; background-color:#fff; transition: .5s; z-index: -1; }

.gform_footer button.button:focus:before ,
.gform_footer button.button:hover:before { width:100%; }

.gform_footer button.button:hover { color:var(--TextBlack); }

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

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

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

#header .shade {  min-height:33.875rem; position: relative; }

#header .shade:before { content:''; background-image:url('images/banner-shade.png'); background-size: cover; background-position: center top; transition:.5s; position:absolute; top:0; left:0; bottom:0; width:100%; 
  min-height:33.875rem; }

.show-menu #header .shade:before { min-height:100vh; }

.show-menu #header .shade {  }

.home #header { background-color:#e5e5e5; }

.home #header .shade { background-image:unset; }

.home-banner-bg { max-width:120rem; background-image:url('images/home-banner-bg.png'); background-size: cover; background-position: center top; }

section.home-banner { color:#1A1A1A; padding: 22.5rem 0 4.25rem; }

section.home-banner .text-block {  }

section.home-banner .text-block .flex { justify-content:center; gap: 2.125rem; align-items:center; }

section.home-banner .text-block h1 { text-align:center; font-size:var(--px75); line-height:var(--px90); font-weight: 500; margin-bottom: 1.625rem; }

section.home-banner .text-block p { line-height:var(--px29); max-width: 29.75rem; font-size:var(--px24); }

section.home-banner .text-block a.button { color:var(--TextBlack); border-color:var(--TextBlack); }

section.home-banner .text-block a.button:focus,
section.home-banner .text-block a.button:hover { color:#fff !important; }

section.home-banner .text-block a.button:before { background-color:var(--TextBlack); }

.home #header:before { content:''; display:block; top: 0; left: 0; bottom: 0; width: 100%; transition: .5s; background-image: url('images/home-banner-bg-dark.jpg'); background-size: cover; background-position: center top; 
  position: absolute; opacity: 0; visibility: hidden; z-index: 30; }

.home.show-menu #header:before { opacity:1; visibility:visible; }

.home.show-menu .logo { fill:#fff; }

section.home-about { padding:8.938rem 0 11.375rem; }

section.home-about figure { order:2; max-width:23.5rem; }

section.home-about .flex { gap: 0rem 5.713rem; }

section.home-about .text-block { flex:1; font-size:var(--px24); }

section.home-about .text-block p { margin-bottom:1.938rem; }

section.home-about h2 { margin-bottom:5.125rem; }

section.home-about a.button { border-color: var(--TextBlack); color:var(--TextBlack);  }

section.home-about a.button:focus ,
section.home-about a.button:hover { color:#fff !important; }

section.home-about a.button:focus:before ,
section.home-about a.button:hover:before { background-color:var(--TextBlack); }

section.home-about hr { border-color:#D9D9D9; margin: 5rem 0; }

section.home-mid-layer { min-height:123.125rem; position:relative; }

section.home-mid-layer .flex { justify-content:center; align-items:center; min-height:60.625rem; position:sticky; top:0; left:0; width:100%; z-index:10; }

section.home-mid-layer .flex figure { max-width:14.438rem; }

section.home-mid-layer:after { position:absolute;bottom:0; left:0; width:100%; background-size:cover; background-position:center; content:''; background-image:url('images/home-img-2.jpg'); height: 62.5rem; }

section.home-pillars { background-color:var(--TextBlack); color:#fff; padding:6.688rem 0 8.063rem; }

section.home-pillars h2 { font-size:var(--px104); font-weight:500; line-height:1.1;  margin-bottom: 5.4rem; }

section.home-pillars figure { max-width:48.5rem; }

.icon-boxes { margin:0.375rem 0 5.313rem; }

.icon-boxes .item { display:flex; gap: 1rem 2.688rem; position:relative; }

.icon-boxes .item + .item { margin-top:2.5rem; }

.icon-boxes .item .col-div {  }
.icon-boxes .item .col-div:nth-child(2) { flex:1; }

.icon-boxes .item .col-div h3 { line-height:var(--px42); font-weight:700; margin: 1rem 0 0rem; }

.icon-boxes .item .col-div p { font-size:var(--px24); line-height:var(--px29); max-width:22.688rem; width:100%; margin:1rem 0 2.5rem; }

.icon-boxes .item .col-div span.svg { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:6.875rem; height:6.875rem; }

[width="70"] { width:4.375rem; }
[width="66"] { width:4.125rem; }
[width="79"] { width:4.938rem; }
[width="92"] { width:5.75rem; }

section.intro { display:flex; flex-wrap:wrap; align-items: center; justify-content: center; width: 100%; min-height: 60.625rem; background-color: var(--TextBlack); transition:1s;  }

.close-intro section.intro { opacity:0; visibility:hidden; }

.remove-intro section.intro { opacity:0; visibility:hidden; }

*[width="560"] { width:100%; max-width:35rem; }

section.intro svg .path { animation-name: fadein; transition:6s; opacity:0; }

.show-intro section.intro svg .path-1 { opacity:1; transition-delay:.6s; }
.show-intro section.intro svg .path-2 { opacity:1; transition-delay:1.2s; }
.show-intro section.intro svg .path-3 { opacity:1; transition-delay:1.8s; }
.show-intro section.intro svg .path-4 { opacity:1; transition-delay:2.4s; }
.show-intro section.intro svg .path-5 { opacity:1; transition-delay:3s; }

@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}

section.intro { position:fixed; top:0; left:0; width:100%; bottom:0; transition:.8s; z-index:9000; }

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

.contact-page-body .logo { margin-left:50%; transition:.8s; left:-5.719rem; }

.contact-page-body.show-menu .logo { margin-left:0; left:0; }

section.page-top-banner { color:#fff; position:relative; z-index:100; }

section.page-top-banner .page-title { padding:5.938rem 0 3.75rem; }

section.page-top-banner .page-title h1 { font-size:var(--px75); line-height:var(--px90); font-weight:normal; }

section.inner-page { padding:8rem 0 7.813rem; }

section.inner-page .news-flex { align-items:flex-start; gap: 2rem 9.313rem; }

section.inner-page .news-flex article.the-content { width:100%; max-width:64rem; order:2; border-top:.8rem solid var(--TextBlack); padding-top:5rem; }

section.inner-page .news-flex article.the-content h2 { max-width:50rem; }

section.inner-page .news-flex article.the-content figure { max-width:57.25rem; margin-bottom: 3.375rem; }

section.inner-page .news-flex article.the-content .column-2 + figure,
section.inner-page .news-flex article.the-content p + figure { margin-top:5.313rem; }

section.inner-page .news-flex article.the-content figure.alignright { max-width:25.375rem; }

section.inner-page .blog-list { max-width:64rem; order:2; }
section.inner-page .news-flex .project-images,
section.inner-page .news-flex .project-images p:first-of-type{
	display:flex;
	justify-content:space-around;
	align-items:center;
	flex-wrap:wrap;
}
section.inner-page .news-flex .project-images img{
	max-width:200px;
	width:100%;
	display:block;
	margin:5px;
}

section.inner-page .sidebar { max-width:29.688rem; width:100%; background-color:#F1F1F1; padding: 4.375rem 3.938rem; margin-top:.5rem; min-height:49.75rem; font-size: var(--px24); }
.project-images p{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.project-images img{
	display:block;
	margin:0px 5px 30px 5px;
}

section.inner-page .sidebar .h4 { line-height:var(--px29); font-weight:700; margin-bottom: 2rem; }

section.inner-page .sidebar ul { line-height:var(--px29); list-style:none; padding:0; margin:0; border-top:1px solid #D9D9D9; }

section.inner-page .sidebar ul li { border-bottom:1px solid #D9D9D9; padding:1.125rem 0 1.438rem; }

section.inner-page .sidebar ul a { color:var(--TextBlack); }

section.inner-page .sidebar ul a:focus,
section.inner-page .sidebar ul a:hover { color:var(--Green); }

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

article.the-content h2 { line-height:var(--px63); margin-bottom:3.438rem; }

article.the-content h3 {  }

article.the-content h4 {  }

article.the-content h5 {  }

article.the-content ul,
article.the-content ol,
article.the-content p { line-height:var(--px29); margin-bottom:2rem; }

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

article.the-content a.button { border-color:var(--TextBlack); color:var(--TextBlack); }

article.the-content a.button:focus,
article.the-content a.button:hover { color:#fff !important; }

article.the-content a.button:focus:before,
article.the-content a.button:hover:before { background-color:var(--TextBlack); }

.blog-list {  }

.blog-list article { border-top:.8rem solid var(--TextBlack); padding-top:6.188rem; margin-bottom:6.063rem; }

.blog-list article .flex { gap: 0 4.375rem; }

.blog-list article .flex .text-block { flex:1; font-size: var(--px24); padding: 2rem 0 0; }

.blog-list article .flex .text-block h3 { line-height:var(--px48); margin-bottom: 1.875rem; }

.blog-list article .flex .text-block h3 a { color:var(--TextBlack); }

.blog-list article .flex .text-block h3 a:focus,
.blog-list article .flex .text-block h3 a:hover { color:var(--Green); }

.blog-list article .flex .text { line-height:1.4;  display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 2.875rem; }

.blog-list article a.button { border-color:var(--TextBlack); color:var(--TextBlack); }

.blog-list article a.button:focus,
.blog-list article a.button:hover { color: #fff !important; }

.blog-list article a.button:focus:before,
.blog-list article a.button:hover:before { background-color:var(--TextBlack); }

.blog-list figure { max-width:26.375rem; width:100%; background-size:cover; background-position:center; }

.blog-list figure a { content:''; display:block; padding-bottom:24.313rem; }

.blog-list figure a:hover,
.blog-list figure a:focus { background-color:rgba(0,0,0,.5); }

@media ( min-width: 768px ) { 

}

@media ( min-width: 992px ) {

  .column-2 { column-count:2; margin:3rem 0 0; }

  section.inner-page .news-flex article.the-content figure.alignright { float:right; margin-left:3.313rem; }

  section.inner-page .news-flex article.the-content figure.alignright + h2 { margin-top:7rem; }

  .icon-boxes .item { position:relative; }

  .icon-boxes .item:after { content:''; display:block; height:1px; position:absolute; bottom:0; right:0; width:43.75rem; background-color:#fff; }

  section.home-pillars h2 { padding-left:2.625rem; }

  section.home-pillars .div-block { max-width: 53.375rem; margin-right:2.688rem; margin-left: auto; }

  .half { width:50%; }

  .container { padding:0; }

  section.home-about hr { margin-left:-1.25rem; margin-right:-1.25rem; }

  #header { position:relative; }

  .home-banner-bg { min-height:100vh; }

  section.home-about .wrap { max-width:87.5rem; }

  #header .wrap,
  #footer .wrap { max-width:114.563rem; }

  .bottom-boxes .divider { width:1px; content:''; display:block; background-color:#fff; height:19.813rem; }

  section.bottom-featured-boxes .wrap { max-width:104.625rem; }

  .container { width: 100%; padding:0; }

  .scroll { display: block; }

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

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

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

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

  .main-menu { position:absolute; top:18.625rem; right:13rem; z-index:500; transition:.5s; opacity:0; visibility:hidden; }

  .show-menu .main-menu { opacity:1; visibility:visible; }

  .main-menu li { position: relative; }
  
  .main-menu > li { display: block; text-align: right; }

  .main-menu > li:hover > a,
  .main-menu > li > a:hover,
  .main-menu > li > a:focus { color:var(--Green); }

  .main-menu > li + li { margin: 6.563rem 0 0; }
  
  .main-menu li a { font-size:var(--px52); line-height: var(--px52); font-weight: 500; color: #fff; }
  
  .main-menu > li > .sub-menu { position: absolute; top: 100%; left: 0; width: 220px; padding: 0; z-index: 200; opacity: 0; visibility: hidden; text-align: left; }

  .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: 10px 15px; color: #fff; }
  
  .main-menu > li > .sub-menu > li:hover > a { background-color: rgba(0,0,0,.5); }

}

@media ( min-width: 1960px ) {

  html { font-size:16px; }

}

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

  :root {

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

}
@media ( max-width: 1500px ) {
	section.home-banner{
		padding: 27.5rem 0 4.25rem;
	}
}
@media ( max-width: 991px ) {
	.dnone{
		display:block;
	}
	img.dnone{
		display:block;
		width:100%;
		margin:30px auto;
	}
	.home-banner-bg{
		background:none;
	}
	section.home-banner .text-block p{
		max-width:100%;
	}
	section.home-banner{
		padding:0;
	}

  [width="560"] { width:auto; max-width:100%; }


  html { font-size: 16px; }

  body { padding-top: 52px; }
  
  body.mean-container .mean-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 3000; }

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

  body.mean-container a.meanmenu-reveal { width: 32px; }

  body.mean-container a.meanmenu-reveal span { height: 5px; }

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

  .bottom-boxes .item { margin-bottom:3rem; }

  section.home-pillars h2,
  section.home-banner .text-block h1 { font-size:var(--px48); line-height:var(--px55); }

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

  section.home-banner .text-block p { margin-bottom:3rem; }

  .home-banner-bg { background-size: 180%; background-position: center 35%; background-repeat: no-repeat; }

  .button-menu { display:none; }

  .logo { display:block; margin: 3.125rem auto 0rem; }

  section.home-about { text-align:center; }

  section.home-about figure { margin: 0 auto 3rem; }

  .icon-boxes .item { flex-direction:column; justify-content:center; text-align:center; }

  .icon-boxes .item .col-div span.svg { margin-left:auto; margin-right:auto; }

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

  section.intro { align-items:flex-start; padding:0 1.25rem; }

  .bottom-boxes .text-block .h2,
  section.home-about h2 { font-size:var(--px36); line-height:var(--px45); }

  section.home-pillars h2 { text-align:center; }

  section.home-pillars figure { margin-bottom:3rem; }

  .bottom-boxes { justify-content:center; text-align:center; }


  section.bottom-featured-boxes { padding: 9.5rem 0 5rem; }

  #footer { text-align:center; }

  .social-media { justify-content:center; margin: 1rem 0 0rem; }

  .footer-top .div-block .text-block { justify-content:center; }

  section.page-top-banner .page-title { }

  section.page-top-banner .page-title h1 { font-size:var(--px36); line-height:var(--px45); text-align:center;  }

  .blog-list figure a { padding-bottom: 16.313rem; }

  section.inner-page .sidebar { padding: 4.375rem 1.25rem; min-height: unset; }

  .icon-boxes .item .col-div p { margin-left:auto; margin-right:auto; }

  section.home-pillars .text-right { text-align:center; }

}

@media ( max-width: 767px ) {

}