/*========================================================
	Main Style CSS for QCI-Online 2024
=========================================================*/
/* Ewa: I modified css on 9/21/24 @ 5:47pm EST */
/* Ersin: I modified css on 9/25/24 @ 4:36am EST */
/* Ersin: I modified css - mobile responsive on 9/26/24 @ 1:00am EST */
/* Ersin: I modified css - laptop responsive on 9/30/24 @ 1:00am EST */
/* Ersin: I modified css - added button to banner - reduced the titles on banner  on 10/1/24 @ 1:20am EST */

:root {
  --main-black: #232322;
  --orange: #EE7A2D;
  --blue: #047f91;
  --white: #fff;
  --light-blue: #97dde9;
  --darker-orange: #c8732e;
  --bottomblue: #036b7a;
  --yellow: #fdb910;
}

@font-face {
    font-family: 'axi-regular';
    src: url("../fonts/axiforma-regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'axi-black';
    src: url("../fonts/axiforma-black.ttf") format('truetype');
    font-weight: bold;
    font-style: normal;
}

/*========================================================
                                          RESET
  =========================================================*/
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
abbr,
address,
em,
img,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
legend,
caption,
article,
aside,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

*:focus {
    outline: none;
}

* {
    box-sizing: border-box;
}

input[type='submit'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*========================================================
                      Main Styles
=========================================================*/
body {
    background: #fff;
    font-family: 'axi-regular', arial, sans-serif;
    font-weight: 400;
    color: var(--main-black);
    font-size: 24px;
    line-height: 1.6;
    margin: 0;
}

body.nav-active {
    overflow: hidden;
}
h1, h2, h3, h4, h5, h6{
  font-family: axi-black, arial, sans-serif;
  line-height: 1.3;
}
h1, h2, h3{
  font-size: 66px;
  text-transform: uppercase;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: inherit;
}

.clear {
    clear: both;
}

ol li {
    list-style-type: decimal;
    list-style-position: inside;
    text-align: left;
    line-height: 1.3em;
}

.titlep {
    max-width: 1090px;
    margin: 0 auto;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
h1, h2, h3 {
  	font-size: 56px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  body {
  	font-size: 18px;
  }
  h1, h2, h3 {
  	font-size: 42px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  body {
  	font-size: 19px;
  }
  h1, h2, h3 {
  	font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body {
  	font-size: 19px;
  }
  h1, h2, h3 {
  	font-size: 34px;
  }
}
@media only screen and (max-width: 767px) {
  body {
  	font-size: 19px;
    line-height: 1.5;
  }
  h1, h2, h3 {
  	font-size: 32px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*=======================================================
                       Main Layout
=========================================================*/
/*========================================================
	NAVIGATION
=========================================================*/
.menu ul li.mlogo,
.menu ul li.mphone,
.menu ul li.maddress,
.menu ul li.mobSocial,
.menu ul li.mhours,
.menu ul li.mlinks1,
.menu ul li.mlinks2,
.smobitrigger,
.mnuclose,
.advertMob,
.digitalMob,
.printMob,
.logoMobTop,
.telMobTop,
.promosMobile,
h1.banCenH1Mob,
.banCenWrapMob,
.belowbanBtnMob,
.marketingBanMob,
.howitworksBanMob,
.logosLinkMob,
.logosMobile,
.aboutbanCenWrapMob,
.bannerMobile {
    display: none;
}

.menu {
    text-align: right;
}

.menu ul li.mlinks {
    display: inline-block;
}
.menu ul li.mmlinks {
    display: none;
}
.menu ul li.mlinks a {
  color: var(--main-black);
    font-size: 25px;
    line-height: 22px;
    text-transform: capitalize;
    padding: 0 0 0 50px;
    transition: all 0.3s ease;
}

.menu ul li.mlinks.last a {
	background: var(--orange);
	border-radius: 35px;
	color: #fff;
	display: inline-block;
	font-size: 25px;
	font-weight: 500;
	line-height: 0.8;
	padding: 18px 20px 12px;
	text-align: center;
	text-transform: uppercase;
  margin-left: 40px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .menu ul li.mlinks a {
      font-size: 23px;
  }
  .menu ul li.mlinks.last a {
  	font-size: 23px;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
    .menu ul li.mlinks a {
      font-size: 21px;
        padding-left: 30px;
  }
  .menu ul li.mlinks.last a {
    font-size: 21px;
    margin-left: 30px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
    .menu ul li.mlinks a {
        font-size: 19px;
        padding-left: 20px;
    }
    .menu ul li.mlinks.last a {
    	font-size: 19px;
      margin-left: 20px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .menu ul li.mlinks a {
  	font-size: 17px;
  	line-height: 30px;
  	padding: 0 0 5px 15px;
  }
  .menu ul li.mlinks.last a {
    font-size: 17px;
    margin-left: 8px;
    padding: 12px 10px 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {}
@media only screen and (max-width: 767px) {}

/*=======================================================
    Buttons
=========================================================*/
.lrBtn {
  background: var(--orange);
  border-radius: 35px;
  color: #fff;
  display: inline-block;
	font-size: 28px;
  font-weight: 500;
  line-height: 0.8;
  padding: 25px 50px 20px;
	text-align: center;
	text-transform: uppercase;
}
.newBtn{
  background: var(--white);
  color: var(--blue);
  margin-left: 10px;
}
.lrOranBtn{
  background: var(--orange)!important;
  color: #fff;
  margin-left: 10px;
}
.specBtn{
  background: var(--blue);
  color: var(--white);
  margin-left: 10px;
}
/*
.grBlueBtnRight .lrBtn{
  background: var(--blue);
}
.grBlueBtnRight .lrBtn{
  background: var(--white);
  border: 2px solid var(--blue);
  color: var(--blue);
  font-weight: 700;
} */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .lrBtn {
  	font-size: 24px;
    padding: 21px 44px 17px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .lrBtn {
  	font-size: 19px;
  	padding: 19px 40px 15px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .lrBtn {
  	font-size: 16px;
  	padding: 19px 30px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .lrBtn {
  	font-size: 19px;
  	padding: 19px 40px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .lrBtn {
  	font-size: 19px;
  	padding: 21px 30px 17px;
  }
  .lrOranBtn{
    margin: 10px 0 0 0;
  }
  .specBtn{
    margin: 10px 0 0 0;
  }
}

/*========================================================
	CONTENT
=========================================================*/
.bodyFrame {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.pageFull {
    width: 100%;
    margin: 0 auto;
}
.pageSize {
    width: 1300px;
    margin: 0 auto;
}

.pageTop {
    width: 1300px;
    margin: 0 auto;
}

.pageServ {
    width: 85%;
    margin: 0 auto;
}

.pageInd {
    width: 1300px;
    margin: 0 auto;
}

.topic {
    padding-top: 121px;
}

.pageSubPack {
    width: 1200px;
    margin: 0 auto;
}

.pageTit {
    width: 1000px;
    margin: 0 auto;
}

.topSub {
    border-bottom: 2px solid #004271;
}

.pageSub {
    width: 1616px;
    margin: 0 auto;
}

.dottedbord {
    border-top: 1px dashed #65839a;
}

.nodotted {
    border-top: 0 !important;
}

.socbg {
    padding: 0 0 50px;
}
.subBanSize {
    width: 72%;
    margin: 0 auto;
}
@media only screen and (min-width: 1024px) and (max-width: 1919px) {
    .socbg {
        padding: 50px 0 90px;
    }
}
@media only screen and (max-width: 1919px) {
    .subBanSize {
        width: 90%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .socbg {
        padding: 0 0 75px;
    }
}

.bannerIndex {
    background: url(../images/index/cis-bannerbg.webp);
}
.bannerMold {
    background: url(../images/mold/mold-banner-desktop.jpg);
}
.bannerRenovation {
    background: url(../images/renovation/renovation-banner-desktop.jpg);
}
.bannerRestoration {
    background: url(../images/restoration/restoration-banner-desktop.jpg);
}
.bannerWaterDamage {
    background: url(../images/waterdamage/waterdamage-banner-desktop.jpg);
}
.indexFormMobile {
    display: none;
}
.bannerbg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1200px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.centBanRect{
  width: 90%;
  margin: 0 auto;
}
.indexBanLeft {
    width: 50%;
}
.banRectNew{
  background: url('../images/index/index-blue-bg.webp') no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  padding: 50px 55px;
  max-width: 960px;
}
.banRectNew h1{
  font-size: 55px;
  text-transform: uppercase;
}
.banh1sp2 {
    display: block;
}
.banRectNew p{
  font-size: 30px;
  margin: 30px 0 0;
  text-transform: capitalize;
}
.banRectNew p span{
  margin: 0 10px 0 10px;
}
.banRectNew p span:nth-child(1){
  margin: 0 10px 0 0;
}
.banRectBtnPlace{
  margin: 50px 0 0;
}
.angleWhBottom {
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.angleWhTop {
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    left: 0;
    top: 0;
    z-index: 3;
}
.subpban p {
    text-transform: none;
}
.indexBanWrap {
    display: flex;
    align-items: center;
}
.indexBanForm {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bannerMobWrap {
    display: none;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .banRectNew {
  	max-width: 860px;
  }
  .banRectNew h1 {
  	font-size: 50px;
  }
  .banRectNew p {
  	font-size: 28px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .banRectNew {
  	max-width: 670px;
  }
  .banRectNew h1 {
  	font-size: 36px;
  }
  .banRectNew p {
  	font-size: 24px;
    margin: 20px 0 0;
  }
  .banRectBtnPlace {
  	margin: 35px 0 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .banRectNew {
  	max-width: 610px;
    padding: 38px 55px;
  }
  .banRectNew h1 {
  	font-size: 32px;
  }
  .banRectNew p {
  	font-size: 21px;
    margin: 20px 0 0;
  }
  .banRectBtnPlace {
  	margin: 35px 0 0;
  }
    .indexBanWrap {
        margin-top: 80px;
    }
    .indexForm {
        max-width: 340px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .banRectNew {
  	max-width: 590px;
    padding: 38px 35px;
  }
  .banRectNew h1 {
  	font-size: 30px;
  }
  .banRectNew p {
  	font-size: 21px;
    margin: 20px 0 0;
  }
  .banRectBtnPlace {
  	margin: 25px 0 0;
  }
}
@media only screen and (max-width: 767px) {
    .indexFormMobile {
        display: inline-block;
        background: #f9f9f9;
    }
  .bannerbg{
    background: none;
  }
  .bannerMobile{
    display: block;
    width: 100%;
  }
  .centBanRect {
  	width: 100%;
    background: url(../images/index/index-blue-bg.webp) no-repeat;
    background-position: center;
    background-size: cover;
      height: 260px;
  }
  .banRectNew {
  	max-width: 525px;
  	padding: 38px 25px 50px;
    text-align: center;
      margin: 0 auto;
      background: none;
  }
  .banRectNew h1 {
  	font-size: 26px;
  }
  .banRectNew p {
  	font-size: 16px;
    margin: 20px 0 0;
  }
  .banRectBtnPlace {
  	margin: 25px 0 0;
  }
    .belowbanRen {
        height: 200px;
    }
    .indexBanForm {
        display: none;
    }
    .indexBanLeft {
        width: 100%;
    }
    .bannerMobWrap {
      position: relative;
        display: inline-block;
    }
    .indexBanContWrap {
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translate(-50%,-50%);
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {
    .centBanRect {
        height: 300px;
    }
    .banh1sp1 {
        display: block;
    }
    .banRectNew {
        padding: 38px 20px 50px;
    }
    .banRectNew p span:nth-child(1) {
        margin: 0 5px 0 0;
    }
    .banRectNew p span {
        margin: 0 5px 0 5px;
    }
    .belowbanRen {
        height: 220px;
    }
    .indexBanContWrap {
        width: 212px;
    }
}

/*========================================================
	TOP
=========================================================*/
.banTopWrap {
  background: #fff;
    width: 100%;
    margin: 0 auto;
    z-index: 9999;
}
.blueBar{
  background: var(--blue);
  padding: 5px 0;
}
.blueBarSize{
  width: 72%;
  margin: 0 auto;
}
.blueBarCont{
  color: var(--white);
  display: flex;
  justify-content: flex-end;
  font-size: 20px;
}
.blueBarCont p{
  margin-left: 50px;
}
.banTop {
    width: 72%;
    margin: 0 auto;
    display: flex;
    height: 120px;
    align-items: center;
}

.logoTop,
.logoTopSub {
    width: 20%;
    justify-content: flex-start;
    height: 120px;
}

.logoTopSub a {
    display: inline-block;
}

.logoTop img {
    height: 90px;
    margin-top: 15px;
}

.logoTopSub img {
    margin-top: 20px;
    height: 60px;
}

.navTop {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}
.topInfoWrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 20px;
}
.topAdr,
.topTel {
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    text-transform: capitalize;
    padding: 15px 45px;
    color: #fff;
}
.topAdr{
  background: #0d8ba2;
}
.topTel{
  background: #fa903a;
}
.faloctop,
.fateltop {
    margin-right: 5px;
}

.bannrBtnPlace {
    margin-top: 70px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .blueBarSize,
  .banTop {
  	width: 86%;
  }

    .topAdr, .topTel {
        font-size: 20px;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
    .logoTop,
    .logoTopSub {
        width: 15%;
    }
     .navTop {
        width: 85%;
    }
    .logoTop img {
    	height: 74px;
    	margin-top: 7px;
    }
    .logoTop,
      .banTop{
        height: 105px;
      }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
    .logoTop,
    .logoTopSub {
        width: 18%;
    }
     .navTop {
        width: 82%;
    }
    .logoTop img {
    	height: 68px;
    	margin-top: 10px;
    }
      .logoTop,
  .banTop{
    height: 90px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .blueBarSize,
  .banTop {
  	width: 85%;
  }
  .blueBarCont {
  	font-size: 18px;
  }
     .topAdr, .topTel {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .blueBarSize,
  .banTop {
  	width: 95%;
  }
  .blueBarCont {
  	font-size: 18px;
  }
    .logoTop,
    .logoTopSub {
        width: 16%;
        height: 90px;
    }

    .navTop {
        width: 84%;
    }
    .topAdr, .topTel {
        font-size: 14px;
    }
    .logoTop img {
        height: 56px;
        margin-top: 18px;
    }
    .banTop {
        height: 90px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .blueBarSize,
  .banTop {
  	width: 95%;
  }
  .blueBarCont {
  	font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .blueBarSize,
  .banTop {
  	width: 95%;
  }
  .blueBarCont {
  	font-size: 16px;
    justify-content: space-between;
  }
  .blueBarCont p {
  	margin-left: 32px;
  }
}


/*========================================================
            Orange Band Index
=========================================================*/
.orangeBand{
  background: var(--orange);
  color: var(--white);
  margin: 160px 0 0;
  padding: 40px 0;
  text-align: center;
}
.orangeBand p{
  font-size: 30px;
  line-height: 1.1;
  text-transform: capitalize;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .orangeBand p {
  	font-size: 26px;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
    .orangeBand {
    margin: 150px 0 0;
  	padding: 35px 0;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
    .orangeBand {
    margin: 130px 0 0;
  	padding: 25px 0;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {

  .orangeBand p {
  	font-size: 20px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .orangeBand {
  	padding: 25px 0;
      margin-top: 130px;
  }
  .orangeBand p {
  	font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .orangeBand {
  	padding: 25px 0;
    margin: 60px 0 0;
  }
  .orangeBand p {
  	font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .orangeBand {
  	padding: 25px 0;
    margin: 55px 0 0;
  }
  .orangeBand p {
  	font-size: 20px;
  }
}

/*========================================================
            Banner Index
=========================================================*/
.banQci{
  background: url('../images/index/qci-top-banner.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: var(--white);
  padding: 100px 0;
    margin-top: 162px;
}
.newSize{
  width: 72%;
  margin: 0 auto;
}
.banQciWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.banQciLeft{
  width: 47%;
}
.banQciRight{
  width: 53%;
}
.banQciLeft h1,
.banQciLeft h2{
  font-size: 76px;
  line-height: 1.1;
  text-transform: uppercase;
}
.banQciLeft h1 span,
.banQciLeft h2 span{
  display: block;
  font-family: axi-regular, arial, sans-serif;
  font-size: 28px;
  line-height: 1.3;
  font-weight: 400;
  text-transform: none;
  width: 60%;
  margin: 15px 0 0;
}
.banQciLeft h2,
.indexBanBtnPlace{
  margin: 65px 0 0;
}
.formQciMobile{
  display: none;
}
/* added Ewa:  on 11/23/24 @ 1:35pm EST */
.banQciRight {
    display: flex;
    align-items: center;
    padding-left: 100px;
}
.vdiv {
  position: relative;
  text-align: center;
  height: 0;
  padding-bottom: 56.25%;
}
.vdiv iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vdiv img {
  width: 100%;
    display: block;
    border-radius: 15px;
    border: 6px solid #fff;
}
/* added Ewa:  on 9/21/24 @ 6:35pm EST */
/* fixed Ersin: on 9/25/24 @ 4:36am EST */
.onlyTextUl {
    max-width: 1160px;
    margin: 60px auto 30px;
}
.onlyTextUl li {
    background: url('../images/index/blue-tick.svg') no-repeat;
    background-size: 46px 46px;
    background-position: left top 5px;
    font-size: 32px;
    padding: 8px 0 8px 75px;
    text-align: left;
    font-weight: 600;
}
/* end added */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .banQci{
    padding: 60px 0;
  }
    .banQciLeft {
        width: 48%;
    }
    .banQciRight {
        width: 52%;
    }
  .newSize {
  	width: 86%;
  }
  .banQciLeft h1,
  .banQciLeft h2 {
  	font-size: 68px;
  }
  .banQciLeft h1 span,
  .banQciLeft h2 span {
  	font-size: 25px;
  }
  .onlyTextUl li {
      background-size: 40px 40px;
      background-position: left top 8px;
      padding-left: 65px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .banQci{
    padding: 40px 0;
  }
    .banQciLeft {
        width: 48%;
    }
    .banQciRight {
        width: 52%;
        padding-left: 40px;
    }
  .newSize {
  	width: 85%;
  }
  .banQciLeft h1,
  .banQciLeft h2 {
  	font-size: 44px;
  }
  .banQciLeft h1 span,
  .banQciLeft h2 span {
  	font-size: 20px;
      width: 90%;
  }
  .banQciLeft h2,
  .indexBanBtnPlace {
  	margin: 35px 0 0;
  }
    .onlyTextUl li {
        background-size: 38px 38px;
        background-position: left top 10px;
        padding-left: 64px;
        font-size: 26px;
    }
  .indexBanBtnPlace .lrBtn {
  	font-size: 18px;
  	padding: 15px 22px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px){
  .banQciLeft h1,
  .banQciLeft h2 {
  	font-size: 56px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .banQci{
    padding: 60px 0;
  }
    .banQciLeft,
    .banQciRight {
        width: 50%;
    }
    .banQciRight {
        padding-left: 30px;
    }
  .newSize {
  	width: 95%;
  }
  .banQciLeft h1,
  .banQciLeft h2 {
  	font-size: 39px;
  }
  .banQciLeft h1 span,
  .banQciLeft h2 span {
  	font-size: 18px;
      width: 90%;
  }
  .banQciLeft h2,
  .indexBanBtnPlace {
    margin: 30px 0 0;
  }
    .onlyTextUl {
        max-width: 90%;
        margin: 50px auto 0;
    }
    .onlyTextUl li {
        background-size: 32px 32px;
        background-position: left top 8px;
        padding-left: 54px;
        font-size: 26px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .newSize {
  	width: 95%;
  }
    .banQciWrap {
        flex-direction: column-reverse;
    }
  .banQci {
  	padding: 60px 0 65px;
  }
    .banQciRight {
        width: 100%;
        margin-bottom: 70px;
        padding-left: 0;
    }
  .banQciLeft {
  	width: 70%;
  }
  .banQciLeft h1,
  .banQciLeft h2 {
  	font-size: 44px;
  }
  .banQciLeft h1 span,
  .banQciLeft h2 span {
  	font-size: 18px;
    width: 90%;
  }
    .onlyTextUl {
        max-width: 90%;
        margin: 30px auto 0;
    }
    .onlyTextUl li {
        background-size: 32px 32px;
        background-position: left top 8px;
        padding-left: 48px;
        font-size: 22px;
    }
    .indexBanBtnPlace .lrBtn{
      line-height: 1.1;
    }
    .indexBanBtnPlace .lrBtn span {
      display: block;
    }
}
@media only screen and (max-width: 767px) {
  .banQci{
    background: url('../images/index/qci-main-banner-mobile.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .newSize {
  	width: 90%;
  }
  .banQci {
  	padding: 5px 0 40px;
  }
  .banQciLeft h1,
  .banQciLeft h2 {
  	font-size: 28px;
  }
  .banQciLeft h1 span,
  .banQciLeft h2 span {
  	font-size: 18px;
    width: 100%;
  }
  .banQciWrap {
  	flex-direction: column-reverse;
  }
  .banQciLeft,
  .banQciRight{
    width: 100%;
  }
  .banQciRight{
    margin-bottom: 35px;
      padding-left: 0;
  }
  .formQciMobile{
    display: block;
  }
  .banQciLeft h1 {
  	margin: 0 0 0;
  }
  .banQciLeft h2,
  .indexBanBtnPlace {
  	margin: 30px 0 0;
  }
    .onlyTextUl {
        max-width: 100%;
        margin: 30px auto 0;
    }
    .onlyTextUl li {
        background-size: 26px 26px;
        background-position: left top 10px;
        padding-left: 42px;
        font-size: 21px;
    }
    .indexBanBtnPlace .lrBtn{
      line-height: 1.1;
      padding: 18px 40px;
    }
    .indexBanBtnPlace .lrBtn span {
      display: block;
    }
}
/*========================================================
            Banner Index NEW
=========================================================*/
/* Ewa: I added  on 05/03/25 @ 1:35pm EST */
.banIndex{
  background: #e8eaea;
  padding: 100px 0;
    margin-top: 162px;
}
.banIndSize{
  width: 75%;
  margin: 0 auto;
  max-width: 1830px;
}
.banIndWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
    align-items: center;
}
.banIndLeft{
  width: 45%;
}
p.banFull {
  font-size: 24px;
  margin: 20px 0 0;
    font-weight: 600;
}
p.banFull span {
  color: var(--blue);
}
.banIndLeft h2,
.banIndLeft h1 {
  font-family: axi-black, arial, sans-serif;
  font-size: 72px;
  margin: 20px 0 0;
    line-height: 1.2;
}
.banIndLeft h2 span,
.banIndLeft h1 span{
  color: var(--newblue);
}
p.banDescr {
  font-family: axi-regular, arial, sans-serif;
  font-size: 24px;
  line-height: 1.5;
  margin: 30px 0 0;
    width: 660px;
}
p.banDescr span {
    text-transform: capitalize;
    font-weight: 600;
}
.stRevs{
  background: var(--white);
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px 0;
  margin: 40px 0 0;
}
.stRevs a{
  text-transform: uppercase;
}
.stRevDigit{
  margin-right: 30px;
}
.stRevDigit p{
  font-family: graphikbold, arial, sans-serif;
  font-size: 102px;
}
.stRevDigit p span{
  font-family: graphiksemi, arial, sans-serif;
}
.stRevText p{
  font-family: graphikbold, arial, sans-serif;
  font-size: 37px;
  text-transform: uppercase;
}
.stRevText p span{
  font-family: graphiksemi, arial, sans-serif;
}
.stRevText img{
  width: 200px;
}
.newBanbtns{
  margin: 50px 0 0;
}
.hideInDesktop{
  display: none!important;
}
.banIndImgRight{
  width: 100%;
  max-width: 910px;
  height: auto;
  border-radius: 30px;
}
.banButnsWrap {
    margin-top: 60px;
}
.callBtn {
    font-weight: 600;
    font-size: 26px;
    margin-left: 50px;
}
/* Custom styling for Swiper pagination */
.swiper .banIndImgRight {
  position: relative!important;
}

.swiper-pagination {
  position: absolute;
  bottom: 10px;
  left: 500px!important;
  z-index: 10;
  width: 150px;
}

.swiper-pagination-bullet {
  width: 15px!important;
  height: 15px!important;
  margin: 0 5px;
  background-color: rgba(255, 255, 255, 0.7)!important;
}

.swiper-pagination-bullet-active {
  background-color: #fff;
}
@media only screen and (min-width: 1920px){
  .newBanbtns .skilledBtn{
    min-width: 301.5px;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .banIndSize{
    width: 90%;
    max-width: 1650px;
  }
  .banIndLeft {
  	width: 40%;
  }
  .banIndLeft h2,
  .banIndLeft h1 {
  	font-size: 70px;
  }
  p.banDescr {
  	font-size: 24px;
  }
  .swiper-pagination {
    left: 400px!important;
  }
    p.banDescr {
        width: 620px;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
    .banIndex {
        margin-top: 144px;
    }
  .banIndSize{
    width: 90%;
    max-width: 1440px;
  }
  .banIndLeft {
  	width: 40%;
  }
  p.banFull {
  	font-size: 24px;
  }
  .banIndLeft h2,
  .banIndLeft h1 {
  	font-size: 68px;
  }
  p.banDescr {
  	font-size: 23px;
    margin: 30px 0 0;
      width: 530px;
  }
  .stRevs{
    margin: 30px 0 0;
  }
  .stRevDigit p {
  	font-size: 90px;
  }
  .stRevText p {
  	font-size: 34px;
  }
  .stRevText img {
  	width: 185px;
  }
  .newBanbtns {
    margin: 40px 0 0;
  }
  .banIndImgRight {
  	max-width: 760px;
  }
  .swiper-pagination {
    left: 350px!important;
  }
  .newBanbtns .skilledBtn{
    min-width: 239.5px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .banIndex {
  	padding: 60px 0;
  }
  .banIndSize{
    width: 90%;
    max-width: 1290px;
  }
  .banIndLeft {
  	width: 45%;
  }
  p.banFull {
  	font-size: 21px;
  }
  .banIndLeft h2,
  .banIndLeft h1 {
  	font-size: 56px;
    margin: 10px 0 0;
  }
  p.banDescr {
  	font-size: 20px;
    margin: 15px 0 0;
  }
  .stRevs{
    margin: 25px 0 0;
  }
  .stRevDigit p {
  	font-size: 82px;
  }
  .stRevText p {
  	font-size: 30px;
  }
  .stRevText img {
  	width: 170px;
  }
  .newBanbtns {
    margin: 35px 0 0;
  }
  .banIndImgRight {
  	max-width: 600px;
  }
  .swiper-pagination {
    left: 340px!important;
  }
  .newBanbtns .skilledBtn{
    min-width: 239px;
  }
    .banButnsWrap {
        margin-top: 30px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
    .banIndex {
        margin-top: 128.8px;
    }
    p.banDescr {
      width: 500px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .banIndex {
  	padding: 60px 0;
      margin-top: 128.8px;
  }
  .banIndSize{
    width: 95%;
    max-width: 975px;
  }
  .banIndLeft {
  	width: 42%;
  }
  p.banFull {
  	font-size: 18px;
  }
  .banIndLeft h2,
  .banIndLeft h1 {
  	font-size: 44px;
    margin: 20px 0 0;
  }
  p.banDescr {
  	font-size: 16px;
    margin: 25px 0 0;
  }
    .banButnsWrap {
        margin-top: 25px;
    }
    .callBtn {
        font-size: 21px;
        margin-left: 35px;
    }
  .stRevs{
    margin: 25px 0 0;
  }
  .stRevDigit {
  	margin-right: 22px;
  }
  .stRevDigit p {
  	font-size: 68px;
  }
  .stRevText p {
  	font-size: 23px;
  }
  .stRevText img {
  	width: 130px;
  }
  .newBanbtns {
    margin: 35px 0 0;
  }
  .banIndImgRight {
  	max-width: 500px;
  }
  .swiper-pagination {
    left: 260px!important;
  }
    p.banDescr {
      width: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .banIndex {
  	padding: 60px 0;
      margin-top: 60px;
  }
  .banIndWrap{
    flex-direction: column-reverse;
    padding-bottom: 40px;
  }
  .banIndSize{
    width: 95%;
    max-width: 975px;
  }
  .banIndLeft {
  	width: 90%;
  }
  p.banFull {
  	font-size: 18px;
    margin: 40px 0 0;
  }
  .banIndLeft h2,
  .banIndLeft h1 {
  	font-size: 44px;
    margin: 20px 0 0;
  }
  p.banDescr {
  	font-size: 20px;
    margin: 25px 0 0;
      width: auto;
  }
    .banButnsWrap {
        margin-top: 30px;
    }
  .stRevs{
    margin: 25px 0 0;
  }
  .stRevDigit {
  	margin-right: 22px;
  }
  .stRevDigit p {
  	font-size: 68px;
  }
  .stRevText p {
  	font-size: 23px;
  }
  .stRevText img {
  	width: 130px;
  }
  .banIndImgRight {
  	max-width: none;
  }
  .newBanbtns {
    margin: 35px 0 0;
  }
  .newBanbtns .rvnBtn{
    margin-right: 20px;
  }
  .swiper-pagination {
    left: 0!important;
    right: 0!important;
    text-align: center;
    bottom: 0!important;
  }
  .swiper-pagination-bullet {
    width: 15px!important;
    height: 15px!important;
    background-color: rgba(30, 73, 157, 0.7)!important;
  }

  .swiper-pagination-bullet-active {
    background-color: #1E499D!important;
  }
}
@media only screen and (max-width: 767px) {
  .banIndex {
  	padding: 30px 0;
      margin-top: 60px;
  }
  .banIndWrap{
    flex-direction: column-reverse;
    padding-bottom: 40px;
  }
  .banIndSize{
    width: 92%;
    max-width: 975px;
  }
  .banIndLeft {
  	width: 100%;
  }
  p.banFull {
  	font-size: 16px;
    margin: 30px 0 0;
  }
  .banIndLeft h2,
  .banIndLeft h1 {
  	font-size: 38px;
    margin: 20px 0 0;
  }
  p.banDescr {
  	font-size: 18px;
    margin: 25px 0 0;
      width: auto;
  }
    .banButnsWrap {
        margin: 30px 0 10px;
    }
  .stRevs{
    margin: 25px 0 0;
  }
  .stRevDigit {
  	margin-right: 22px;
  }
  .stRevDigit p {
  	font-size: 50px;
  }
  .stRevText p {
  	font-size: 18px;
  }
  .stRevText img {
  	width: 100px;
  }
  .banIndImgRight {
  	max-width: none;
  }
  .newBanbtns {
    margin: 28px 0 0;
  }
  .newBanbtns .rvnBtn{
    margin-right: 20px;
  }
  .newBanbtns .skilledBtn{
    margin-left: 0;
  }
  .hideInMob{
    display: none!important;
  }
  .hideInDesktop{
    display: inline-block!important;
  }
  .swiper-pagination {
    left: 0!important;
    right: 0!important;
    text-align: center;
    bottom: 0!important;
  }
  .swiper-pagination-bullet {
    width: 15px!important;
    height: 15px!important;
    background-color: rgba(30, 73, 157, 0.7)!important;
  }

  .swiper-pagination-bullet-active {
    background-color: #1E499D!important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /*.banIndLeft{
    max-width: 442px;
  }*/
  .banIndLeft h2,
  .banIndLeft h1 {
  	font-size: 48px;
  }

}
@media only screen and (max-width: 479px) {
  .newBanbtns .rvnBtn{
    margin-right: 0;
  }
  p.banDescr br{
    display: none;
  }
  .newBanbtns a{
    max-width: 165px!important;
  }
  .newBanbtns .rvnBtn,
  .newBanbtns .skilledBtn {
  	font-size: 16px;
  	padding: 15px 12px;
  }
    .banButnsWrap {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
    }
    .callBtn {
        display: none;
    }
    .banButnsWrap .lrBtn {
        width: 260px;
    }
}



/* Ewa: I added  on  01/11/25 @ 3:01pm EST */
/*========================================================
        Reviews Counter Section Index below  banner
=========================================================*/
.grevbg {
    background: var(--bottomblue);
    border-bottom: 1px solid #ccc;
    color: var(--white);
    padding: 100px 0;
}
.fiveSwrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.fiveSone p {
    font-family: proximaNova-Bold, arial, sans-serif;
    font-size: 140px;
    font-weight: 700;
    line-height: 0.7;
   /* text-shadow: -2px -2px 0 var(--yellow), 2px -2px 0 var(--yellow), -2px 2px 0 var(--yellow), 2px 2px 0 var(--yellow);*/
}
.fiveStwo {
    margin: 0 70px;
}
.fiveStwo p {
    font-family: proximaNova-Bold, arial, sans-serif;
    font-size: 55px;
    line-height: 1.1;
    text-transform: uppercase;
}
.fiveStwo img {
    width: 285px;
    vertical-align: sub;
}
.fiveStwo p span {
    display: block;
}
.clrBtn {
    background: var(--yellow);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .grevbg {
        padding: 70px 0;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .grevbg {
        padding: 50px 0;
    }
    .fiveSone p {
        font-size: 100px;
    }
    .fiveStwo p {
        font-size: 36px;
    }
    .fiveStwo img {
        width: 200px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .grevbg {
        padding: 40px 0;
    }
    .fiveSone p {
        font-size: 80px;
    }
    .fiveStwo p {
        font-size: 28px;
    }
    .fiveStwo img {
        width: 160px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .grevbg {
        padding: 35px 0;
    }
    .fiveSone p {
        font-size: 80px;
    }
    .fiveStwo p {
        font-size: 30px;
    }
    .fiveStwo img {
        width: 170px;
    }
    .fiveSwrap {
        flex-direction: column;
    }
    .fiveStwo {
        margin: 20px auto;
    }
}
@media only screen and (max-width: 767px) {
   .grevbg {
        padding: 35px 0;
    }
    .fiveSone p {
        font-size: 96px;
    }
    .fiveStwo p {
        font-size: 24px;
    }
    .fiveStwo img {
        width: 140px;
    }
    .fiveSwrap {
        flex-direction: column;
    }
    .fiveStwo {
        margin: 20px auto;
    }
}
@media only screen and (max-width: 479px) {

}

/*========================================================
        Florida Map Section Index
=========================================================*/
.florMapMob {
    display: none;
}
.florMap{
  background: #e8eae9;
}
.florMapSize{
  width: 72%;
  margin: 0 auto;
}
.florMapWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.florMapLeft,
.florMapRight{
  width: 48%;
}
.florMapLeft h2{
  font-size: 60px;
  margin: 70px 0 0;
}
.florMapLeft h2 span{
  display: block;
  color: var(--blue);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .florMapSize {
  	width: 86%;
  }
  .florMapLeft h2 {
  	font-size: 54px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .florMapSize {
  	width: 85%;
  }
  .florMapLeft h2 {
  	font-size: 42px;
  }
    .florMapLeft {
        width: 55%;
    }
    .florMapRight {
        width: 45%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .florMapSize {
  	width: 95%;
  }
  .florMapLeft h2 {
  	font-size: 32px;
    margin: 55px 0 0;
  }
  .florMapRight img{
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .florMapSize {
  	width: 95%;
  }
  .florMapLeft h2 {
  	font-size: 25px;
  	margin: 40px 0 0;
  }
  .florMapRight img{
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .florMap{
    padding: 0 0 30px;
  }
    .florMapDesk {
        display: none;
    }
    .florMapMob {
        display: block;
    }
  .florMapSize {
  	width: 90%;
  }
  .florMapLeft h2 {
  	font-size: 23px;
  	margin: 20px 0 0;
  }
  .florMapRight img{
    width: 100%;
      max-width: 340px;
      margin: 0 auto;
  }
  .florMapWrap {
  	flex-direction: column-reverse;
  }
  .florMapLeft,
  .florMapRight{
    width: 100%;
      text-align: center;
  }
}
@media only screen and (max-width: 479px) {
    .florMapRight img {
        max-width: 260px;
    }
}
/*========================================================
        Water Removal Services Section Index
=========================================================*/
.onlyText{
  padding: 100px 0;
  text-align: center;
}
.onlyText h2{
  margin: 0 0 45px;
}
.onlyText p{
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .onlyText {
  	padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .onlyText {
  	padding: 60px 0;
  }
  .onlyText p {
    width: 95%;
  	text-align: left;
  }
}

/*========================================================
        Expert Witness Section Index
=========================================================*/
.expSec{
  background: var(--blue);
  color: var(--white);
  padding: 100px 0 90px;
}
.expSec .newSize{
  position: relative;
}
.expRect{
  background: var(--orange);
  padding: 15px 25px 20px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 185px;
  position: absolute;
  top: -100px;
  left: 0;
}

.expDigits{
  color: var(--blue);
  font-size: 120px;
  font-weight: 700;
  line-height: 0.8;
  margin-top: 15px;
}
.expDigits span{
  display: none;
}
.expLabel span{
  color: var(--blue);
  font-size: 30px;
  text-transform: capitalize;
}
.expLabel{
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}

.expSecBigContent{
  padding-left: 280px;
}
.expSecWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.expSecLeft{
  width: 41%;
}
.expSecRight{
  width: 54%;
}
.expSecLeft h2{
  line-height: 1.2;
  margin: 10px 0 0;
}
.expSecLeft p{
  margin: 30px 0 0;
}
.expSecRight img{
  width: 100%;
  height: auto;
  border-radius: 30px;
}
.expBtnPlace{
  text-align: center;
  margin: 100px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .expRect {
  	width: 165px;
  	top: -100px;
  	left: 0;
  }
  .expSecBigContent {
  	padding-left: 260px;
  }
  .expDigits {
  	font-size: 94px;
  }
  .expLabel span {
  	font-size: 25px;
  }
  .expLabel {
  	font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .expRect {
  	width: 145px;
  	top: -100px;
  	left: 0;
  }
  .expSecBigContent {
  	padding-left: 180px;
  }
  .expDigits {
  	font-size: 76px;
  }
  .expLabel span {
  	font-size: 20px;
  }
  .expLabel {
  	font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .expSec {
  	padding: 100px 0 90px;
  }
  .expRect {
  	width: 145px;
  	top: -100px;
  	left: 0px;
  }
  .expSecBigContent {
  	padding-left: 180px;
  }
  .expDigits {
  	font-size: 76px;
  }
  .expLabel span {
  	font-size: 20px;
  }
  .expLabel {
  	font-size: 16px;
  }
  .expSecLeft,
  .expSecRight{
    width: 100%;
  }
  .expSecLeft{
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .expSec {
  	padding: 145px 0 80px;
  }
  .expSecWrap {
  	flex-direction: column-reverse;
  }
  .expRect {
  	width: 280px;
  	top: -120px;
  	left: -20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0;
  }

  .expSecBigContent {
  	padding-left: 0px;
  }
  .expDigits {
  	font-size: 56px;
    margin-top: 0;
  }
  .expDigits span{
    display: block;
    font-size: 14px;
    text-transform: capitalize;
  }
  .expLabel span {
  	display: none;
  }
  .expLabel {
  	font-size: 24px;
    text-align: left;
    margin-left: 10px;
  }
  .expSecLeft,
  .expSecRight{
    width: 100%;
  }
  .expSecRight img {
  	margin: 0 0 10px;
  }
  .expSecLeft{
    margin-bottom: 40px;
  }
  .expBtnPlace {
  	margin: 20px 0 0;
  }
  .expBtnPlace .lrBtn{
    min-width: 269px;
  }
  .expBtnPlace .newBtn{
    margin: 10px 0 0 0;
  }
}

/*========================================================
        Services & Solutions Section Index
=========================================================*/
.lrSection{
  padding: 135px 0 145px;
}
.lrSection h1,
.lrSection h2{
  text-align: center;
  margin: 0 0 130px;
}
.lrTitleSpec h2{
  font-size: 33px;
  line-height: 1.5;
}
.lrSection h1 span,
.lrSection h2 span{
  display: block;
}
.lrTitleH2Mob{
  display: none;
}
.lrSectionWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.lrSecLeftImg{
  width: 48%;
}
.lrSecRightText{
  width: 49%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.lrSecLeftImg img{
  width: 100%;
}
.lrSecRightText h3{
  font-size: 48px;
  line-height: 1.2;
}
.lrSecRightText h3 span{
  display: block;
}
.lrSecRightText p,
.lrExtraRect p{
  margin: 15px 0 0;
}
.lrGrayRectRound{
  background: #e8eae9;
  border-radius: 30px;
  padding: 20px 30px;
}
.lrSecUl{
  margin: 40px 0 0;
}
.lrSecUl li{
  background-image: url('../images/index/blue-tick.svg');
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 18px 18px;
  padding-left: 30px;
  margin-bottom: 15px;
}
.lrSubUl{
  padding-left: 20px;
}
.lrSubUl2Cols{
  column-count: 2;
}
.lrSubUl li{
  list-style-type: disc;
  list-style-position: outside;
  margin-bottom: 15px;
}
.lrSubUl li span{
  display: block;
  font-weight: 700;
}
.lrSubOl li{
  margin-bottom: 15px;
}
.lrSecBtnPlace{
  margin: 25px 0 0;
}

.lrSecBtnPlace .lrBtn{
  background: var(--blue);
}
.lrSectionSubPage .lrSecBtnPlace .lrBtn{
  background: var(--orange);
}
.lrSecQuoteBtnPlace{
  text-align: center;
}
/*
.lrSecQuoteBtnPlace .lrBtn{
  background: var(--white);
  border: 2px solid var(--blue);
  color: var(--blue);
  font-weight: 700;
}
*/
.lrSectionWrapRever{
  flex-direction: row-reverse;
}
.lrSecAddMargin{
  margin: 110px 0 0;
}
.newBlue{
  background: var(--blue);
  color: var(--white);
}
.newBlue img{
  border-radius: 30px;
}
.lrExtraWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 50px 0 0;
}
.lrExtraRect{
  width: 48%;
}
.lrSection h4{
  text-transform: uppercase;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .lrTitleSpec h2{
    font-size: 30px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .lrSection {
  	padding: 115px 0 125px;
  }
  .lrSection h1,
  .lrSection h2 {
  	margin: 0 0 110px;
  }
  .lrSecRightText h3 {
  	font-size: 36px;
  }
  .lrTitleSpec h2{
    font-size: 24px;
    margin: 0 auto 110px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .lrSection {
  	padding: 80px 0 85px;
  }
  .lrSection h1,
  .lrSection h2 {
  	margin: 0 0 100px;
  }
  .lrSecRightText h3 {
  	font-size: 28px;
  }
  .lrSecAddMargin {
  	margin: 80px 0 0;
  }
  .lrTitleSpec h2{
    font-size: 19px;
    margin: 0 auto 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .lrSection {
  	padding: 80px 0 85px;
  }
  .lrSection h1,
  .lrSection h2 {
  	margin: 0 0 90px;
  }
  .lrTitleSpec h2{
    font-size: 19px;
    margin: 0 auto 90px;
  }
  .title768 h2 {
    width: 70%;
    margin: 0 auto 90px;
  }
  .lrSecLeftImg,
  .lrSecRightText {
  	width: 100%;
  }
  .lrSecLeftImg{
    margin-bottom: 40px;
  }
  .lrSecRightText h3 {
  	font-size: 34px;
  }
  .lrSecAddMargin {
  	margin: 80px 0 0;
  }
  .lrSubUl2Cols{
    column-count: 1;
  }
  .lrExtraRect{
    width: 100%;
  }
  .lrExtraRect:last-child{
    margin: 40px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .lrSection {
  	padding: 80px 0 85px;
  }
  .lrSectionSubPage{
    padding: 60px 0 65px;
  }
  .lrSection h1,
  .lrSection h2 {
  	margin: 0 0 60px;
  }
  .lrTitleSpec h2{
    font-size: 19px;
    margin: 0 auto 60px;
  }
  .lrSection h1 span,
  .lrSection h2 span{
    display: block;
  }
  .lrTitleH2Desk{
    display: none;
  }
  .lrTitleH2Mob{
    display: block!important;
  }
  .lrSecLeftImg,
  .lrSecRightText {
  	width: 100%;
  }
  .lrSecLeftImg{
    margin-bottom: 40px;
  }
  .lrSecRightText h3 {
  	font-size: 26px;
  }
  .lrGrayRectRound{
    padding: 20px;
  }
  .lrSecAddMargin {
  	margin: 60px 0 0;
  }
  .lrSecBtnPlace{
    text-align: center;
  }
  .lrSecBtnPlace .lrBtn{
    min-width: 269px;
  }
  .lrSubUl2Cols{
    column-count: 1;
  }
  .lrExtraRect{
    width: 100%;
  }
  .lrExtraRect:last-child{
    margin: 40px 0 0;
  }
  .lrSecQuoteBtnPlace .lrBtn{
    min-width: 269px;
  }
}

/*========================================================
        Compare Us to The Competition Section Index
=========================================================*/
.compUs{
  background: #fbfbfb;
  border-top: 10px solid var(--blue);
  padding: 120px 0;
  text-align: center;
}
.compUs h3{
  margin: 0 0 10px;
}
.compUsTableSize{
  width: 72%;
  margin: 0 auto;
}
.compUsWrap{
  width: 66%;
  margin: 60px auto 0;
}

.compUsLogo img{
  width: 210px;
  margin: 70px 0 0;
}
.compUsRow{
  background: var(--white);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px;
}
.compUsRow:nth-child(odd){
  background: #96dde8;
}
.compUsText{
  width: 55%;
  text-align: left;
}
.compUsText p span{
  font-weight: 700;
}
.compUsTick{
  width: 20%;
}
.compUsTick img{
  width: 64px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .compUsTableSize{
    width: 86%;
  }
  .compUsWrap{
    width: 62%;
  }
  .compUsText {
  	width: 60%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .compUsTableSize{
    width: 95%;
  }
  .compUsWrap{
    width: 58%;
  }
  .compUsText {
  	width: 60%;
  }
  .compUsTick img{
    width: 50px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .compUs {
  	padding: 80px 0;
  }
  .compUsTableSize{
    width: 95%;
  }
  .compUsWrap{
    width: 78%;
  }
  .compUsText {
    width: 64%;
  }
  .compUsTick img{
    width: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .compUs {
  	padding: 80px 0;
  }
  .compUsTableSize{
    width: 95%;
  }
  .compUsWrap{
    width: 90%;
  }
  .compUsText {
    width: 74%;
  }
  .compUsTick img{
    width: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .compUs {
  	padding: 80px 0;
  }
  .compUsTableSize{
    width: 100%;
  }
  .compUsLogo img {
  	width: 190px;
  	margin: 60px 0 0;
  }
  .compUsWrap {
  	width: 100%;
  	margin: 50px auto 0;
  }
  .compUsRow {
  	padding: 20px;
  }
  .compUsText {
    width: 66%;
  }
  .compUsText p{
    font-size: 18px;
  }
  .compUsTick{
    text-align: right;
  }
  .compUsTick img{
    width: 50px;
  }
}

/*========================================================
      Submit Form in Index
=========================================================*/
.submitSec{
  background: #fbfbfb;
  border-top: 10px solid var(--blue);
  padding: 120px 0 0;
  text-align: center;
}
.submitSec h3{
  margin: 0 0 10px;
}
.submitSecWrap{
  width: 66%;
  margin: 60px auto 0;
}
.submitThi{
  background: #fbfbfb;
  padding: 120px 0 0;
  text-align: center;
}
.submitThi h3{
  margin: 0 0 10px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .submitSecWrap{
    width: 62%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .submitSecWrap{
    width: 58%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .submitSec {
  	padding: 80px 0 0;
  }
  .submitThi {
  	padding: 80px 0 0;
  }
  .submitSecWrap{
    width: 78%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .submitSec {
  	padding: 80px 0 20px;
  }
  .submitThi {
  	padding: 80px 0 20px;
  }
  .submitSecWrap{
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .submitSec {
  	padding: 80px 0 30px;
  }
  .submitThi {
  	padding: 80px 0 30px;
  }
  .submitSecWrap {
  	width: 100%;
  	margin: 50px auto 0;
  }
}

/*========================================================
        What Our Customers Have Said Section Index
=========================================================*/
.reviewsIndexMobile {
    display: none!important;
}
.whOur{
  border-top: 10px solid var(--blue);
  padding: 120px 0;
}
.whOurSubPage{
  border-top: none;
}
.whOurFaq{
  border-top: none;
}
.whOurFaq h1{
  text-align: center;
}
.whOurSize{
  width: 48%;
  margin: 0 auto;
}
.whOurBox{
  margin: 100px 0 0;
}
.whOurBox img{
  width: 200px!important;
}
.whExcep{
  font-family: axi-black, arial, sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  margin: 5px 0 0;
}
.whText{
  margin: 20px 0 0;
}
.whNameAndDate{
  color: #858787;
  display: flex;
  justify-content: space-between;
  margin: 20px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .whOurSize {
  	width: 55%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .whOurSize {
  	width: 56%;
  }
  .whOurBox{
    margin: 80px 0 0;
  }
  .whExcep {
  	font-size: 30px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .whOur {
  	padding: 80px 0;
  }
  .whOurSize {
  	width: 58%;
  }
  .whOurBox{
    margin: 80px 0 0;
  }
  .whExcep {
  	font-size: 23px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .whOur {
  	padding: 80px 0;
  }
  .whOurSize {
  	width: 90%;
  }
  .whExcep {
  	font-size: 23px;
  }
  .whOurBox {
  	margin: 80px 0 0;
  }
    .reviewsIndexDesktop {
        display: none;
    }
    .reviewsIndexMobile {
        display: inline-block!important;
    }
}
@media only screen and (max-width: 767px) {
  .whOur {
  	padding: 80px 0;
  }
  .whOurFaq{
    padding: 60px 0;
  }
  .whNameAndDate {
  	flex-wrap: wrap;
  }
  .whNamePers,
  .whDate{
    width: 100%;
    line-height: 1.4;
  }
  .whOurSize {
  	width: 90%;
  }
  .whExcep {
  	font-size: 23px;
  }
  .whOurBox {
  	margin: 80px 0 0;
  }
  .whOurBox img {
  	width: 170px;
  }
    .reviewsIndexDesktop {
        display: none;
    }
    .reviewsIndexMobile {
        display: inline-block!important;
    }
}

/*========================================================
					Tenth Section NEW
=========================================================*/
.indexFaq {
  padding: 90px 0 100px;
}
.indexFaqTit h3 {
  text-align: center;
}
.faqWrap {
  width: 50%;
  margin: 75px auto 20px;
}
.faqWrap .accordion {
  border: none;
  background: var(--white);
  color: var(--main-text);
  cursor: pointer;
  padding: 25px 30px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 26px;
  font-weight: 700;
  font-family: 'axi-regular', arial, sans-serif;
  transition: 0.4s;
  border-bottom: 1px solid #d8d8d8;
  text-transform: none;
}
.faqWrap .active,
.accordion:hover {
  background-color: var(--white);
}
.faqWrap .accordion:after {
  content: "\002B";
  color: var(--blue);
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.faqWrap .active:after {
  content: "\2212";
  color: var(--blue);
}
.faqWrap .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.faqWrap .panel p {
  font-size: 24px;
  line-height: 1.4;
  padding: 20px 20px 15px;
  font-family: 'axi-regular', arial, sans-serif;
}
.faqWrap .panel p span,
.faqWrap .panel ul li span {
  font-weight: 700;
}
.faqWrap .panel ul li {
  font-size: 26px;
  line-height: 1.4;
  padding: 20px 20px 15px;
  font-family: 'axi-regular', arial, sans-serif;
  list-style-type: disc;
  list-style-position: inside;
}
.indexFaqBtnWrap {
  text-align: center;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {

  .faqWrap {
    width: 64%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {

  .faqWrap .accordion span {
    font-size: 24px;
  }
  .indexFaq {
    padding: 60px 0 20px;
  }
  .faqWrap {
    width: 900px;
    margin: 75px auto 60px;
  }
  .faqWrap .accordion span {
    font-size: 20px;
  }
  .faqWrap .panel p,
  .faqWrap .panel ul li {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {

  .faqWrap .accordion span {
    font-size: 21px;
  }
  .indexFaq {
    padding: 60px 0 20px;
  }
  .faqWrap {
    width: 700px;
    margin: 75px auto 50px;
  }
  .faqWrap .panel p,
  .faqWrap .panel ul li {
    font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

  .faqWrap .accordion span {
    font-size: 21px;
  }
  .indexFaq {
    padding: 60px 0 10px;
  }
  .faqWrap {
    width: 700px;
    margin: 45px auto 60px;
  }
  .faqWrap .panel p,
  .faqWrap .panel ul li {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .indexFaqTit h3{
    padding: 0 20px;
  }
  .faqWrap .accordion span {
    font-size: 20px;
  }
  .faqWrap .accordion{
    line-height: 0.9;
  }
  .indexFaq {
    padding: 60px 0 35px;
  }
  .faqWrap {
    width: 90%;
    margin: 35px auto 30px;
  }
  .panel p {
    font-size: 18px;
  }
  .faqWrap .panel p,
  .faqWrap .panel ul li {
    font-size: 18px;
  }
}

/*========================================================
  Read More 2 for reviews on index
=========================================================*/
.long-text2 {
  overflow: hidden;
  height: 5.5em;
}
.lngTxt2Mob{
  height: 15em;
}
.long-text-wrap2.read-opened2 .long-text2{height: auto;}
.read-more2{
  display: block;
  font-family: axi-regular, arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 0px;
  text-align: left;
  cursor: pointer;
}
.read-more2:hover{cursor: pointer;}
.read-opened2 .read-more2{margin-top: 20px!important;}
.managedReadmore {
    margin-left: 50px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {}
@media only screen and (min-width: 768px) and (max-width: 1023px) {}
@media only screen and (max-width: 767px) {
    .long-text2 {
        height: 10em;
    }
}

/*========================================================
        Footer
=========================================================*/
.lblueBand{
  background: var(--light-blue);
  padding: 30px 0;
}
.lblueBandWrap{
  display: flex;
  justify-content: center;
}
.lblueBandWrap a{
  font-weight: 700;
}
.hoursFooter{
  margin-left: 40px;
}
.footr{
  background: var(--blue);
  color: var(--white);
  padding: 80px 0;
}
.footrMenu ul li.mlogo,
.footrMenu ul li.mphone,
.footrMenu ul li.maddress,
.footrMenu ul li.mhours,
.footrMenu ul li.mobSocial{
  display: none;
}
.footrWrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 46%;
  margin: 0 auto;
}
.footrLogo{
  margin: 0 0 20px;
}
.footrLogo img{
  width: 220px;
}
.footrAdr p{
  width: 64%;
  margin: 0 auto 40px;
  text-align: center;
}
.footrMenu ul{
  text-align: center;
}
.footrMenu ul li{
  display: inline-block;
  text-transform: capitalize;
  padding: 0 10px 15px;
}

.footrMenu ul li.mlinks.last a {
	background: var(--orange);
	border-radius: 35px;
	color: #fff;
	display: inline-block;
	font-weight: 500;
	line-height: 0.8;
	padding: 18px 20px 12px;
	text-align: center;
	text-transform: uppercase;
}
.mediadivider {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 30px 0 0;
}
.innerBox {
    padding: 15px 10px;
    display: inline-block;
}
.mediadivider img {
    width: 50px;
}
/* Ewa: I modified css on 9/21/24 @ 5:51pm EST */
.outerSticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}
.stickyFooter {
    background: var(--bottomblue);
    color: #fff;
    padding: 10px 0;
    border-top: 1px solid #fff;
}
.innerStickyFooter {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
.centeringSticky {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.innerStickyFooter a img {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-right: 8px;
}
.innerStickyFooter a p {
    display: inline-block;
    font-size: 24px;
    font-family: Arial, sans-serif;
    vertical-align: middle;
}
/* Ewa: end modification */
.copyright{
  color: #d9d9d9;
  font-size: 18px;
  padding: 40px 0 0;
  text-align: center;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .footrWrap {
  	width: 60%;
  }
  .footrAdr p {
  	width: 66%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .footrWrap {
  	width: 60%;
  }
  .footrLogo img {
  	width: 190px;
  }
  .footrAdr p {
  	width: 62%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .footrWrap {
  	width: 94%;
  }
  .footrLogo img {
    width: 190px;
  }
  .footrAdr p {
  	width: 75%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footr {
  	padding: 65px 0 80px;
  }
  .footrWrap {
  	width: 70%;
  }
  .footrLogo img {
    width: 190px;
  }
  .footrAdr p {
    width: 78%;
  }
  .footrMenu ul li.mlinks.last a {
  	padding: 14px 17px 12px;
  }
}
@media only screen and (max-width: 767px) {
  .footr {
  	padding: 60px 0 90px;
  }
  .footrWrap {
  	width: 100%;
  }
  .footrMenu ul li {
  	display: block;
  }
  .innerBox {
      padding: 10px 5px;
  }
  .lblueBandWrap{
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
  }
  .hoursFooter {
  	margin: 10px 0 0 0;
  }
  .copyright p span{
    display: block;
  }
  .footrMenu ul li.mlinks.last a {
  	padding: 14px 33px 10px;
  }
}
/*=======================================================
          Bottom banner on subpages
=========================================================*/
.subBottBanbg {
    padding: 90px 0;
    background: #047f91;
}
.subBottBanWrap {
    display: flex;
    align-items: center;
}
.subBottBanLeft,
.subBottBanRight {
    width: 50%;
}
.subBottBanLeft {
    padding-right: 180px;
}
.subBottBanBtnWrap {
    margin-top: 35px;
}
.subBottBanLeft h3 {
    font-family: axi-black, arial, sans-serif;
    font-size: 48px;
    color: var(--white);
    text-transform: uppercase;
    line-height: 1.3;
    margin-bottom: 20px;
}
.subBottBanLeft h3 span {
    display: block;
}
.subBottBanLeft p {
    color: var(--white);
}
.subBottBanLeft p span {
    font-weight: 700;
}
.subBottBanRight img {
    width: 100%;
    display: block;
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .subBottBanLeft h3 {
        font-size: 36px;
    }
    .subBottBanLeft {
        padding-right: 90px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .subBottBanLeft h3 {
        font-size: 30px;
    }
    .subBottBanLeft {
        padding-right: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .subBottBanLeft h3 {
        font-size: 24px;
    }
    .subBottBanLeft {
        padding-right: 20px;
    }
    .subBottBanLeft p {
        font-size: 16px;
    }
    .subBottBanbg {
        padding: 50px 0;
    }
}
@media only screen and (max-width: 767px) {
    .subBottBanWrap {
        flex-direction: column-reverse;
    }
    .subBottBanLeft,
    .subBottBanRight {
        width: 100%;
    }
    .subBottBanLeft {
        padding-right: 0;
    }
    .subBottBanbg {
        padding: 50px 0;
    }
    .subBottBanLeft h3 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 479px) {
    .subBottBanbg {
        padding: 30px 0 35px;
    }
    .subBottBanLeft h3 {
        font-size: 26px;
    }
}
/*=======================================================
                      Review us page
=========================================================*/
.wrapBoxes{
  width: 78%;
  margin: 0 auto 80px;
  text-align: center;
  overflow: hidden;
  max-width: 1325px;
}
.reviewTit {
    padding: 80px 0 30px;
}
.reviewTit h1 {
    text-align: center;
}
.wrapBoxes h1{
  margin: 30px auto;
}
.revBoxWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.revBox{
  width: 25%;
  padding: 10px 15px;
  overflow: hidden;
  color: #fff;

}

.inRevBox{
  border: 1px solid #777;
  box-shadow: 1px 1px 8px -1px rgba(0, 0, 0, 0.65);
  padding: 10px 15px;
}
.inRevBox p{
  font-size: 21px;
}
.inRevBox p a {
    color: #777;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {

}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .reviewTit h1 {
        font-size: 42px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .reviewTit h1 {
        font-size: 36px;
    }
    .revBox {
    	width: 32%;
    }
    .inRevBox img{
      width: 180px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .reviewTit h1 {
        font-size: 34px;
    }
    .revBox {
    	width: 50%;
    }
    .reviewTit {
        padding: 50px 0 20px;
    }
}
@media only screen and (max-width: 767px) {
   .reviewTit h1 {
        font-size: 34px;
    }
    .reviewTit {
        padding: 60px 0 20px;
    }
    .revBox {
    	width: 100%;
    	margin: 0 auto;
    }
}

/*========================================================
    Contact Us page
=========================================================*/
.contactfr{
  padding: 0 0 80px;
}
.contPhone,
.contAdr{
  text-align: center;
}
.contPhone{
  margin: 20px 0 0;
}
.contPhone a{
  font-size: 32px;
}
.contAdr p{
  margin: 5px auto 20px;
  width: 30%;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .contAdr p{
    width: 38%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .contPhone a {
    font-size: 30px;
  }
  .contAdr p{
    width: 36%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .contAdr p{
    width: 56%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .contactfr{
    padding: 0 0 60px;
  }
  .contPhone a {
    font-size: 30px;
  }
  .contAdr p{
    width: 74%;
  }
}
@media only screen and (max-width: 767px) {
  .contactfr{
    padding: 0 0 60px;
  }
  .contPhone a {
  	font-size: 30px;
  }
  .contAdr p{
    width: 85%;
    padding: 0 20px;
  }
}

/*========================================================
            Disclaimer Page
=========================================================*/
.disclaimer{
  padding: 100px 0;
}
.warrantyTit h1 {
    text-align: center;
    padding-bottom: 50px;
}
.warrantyTit h1 span {
    font-size: 24px;
    text-transform: none;
    font-weight: 300;
    letter-spacing: normal;
    display: block;
    text-transform: capitalize;
}
.warranty-box {
    width: 100%;
    margin: 20px auto 0;
    overflow: hidden;
}
.warranty-title {
    font-size: 32px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.3;
    margin: 0 0 10px;
}
.warranty-desc p {
    line-height: 1.5;
    margin: 0 0 30px;
}
.warranty-desc a{
  color: var(--orange);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .disclaimer{
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .disclaimer{
    padding: 80px 0;
  }
  .warranty-title {
      font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .disclaimer{
    padding: 60px 0;
  }
  .warranty-title {
      font-size: 24px;
  }
  .warranty-box {
      margin: 20px auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .disclaimer{
    padding: 60px 0 40px;
  }
  .warranty-title {
      font-size: 24px;
  }
}

/*========================================================
    Sub Pages Layout - mold testing, mold removal...
=========================================================*/
.banSubWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.banSubLeft,
.banSubRight{
  width: 50%;
  height: 900px;
}
.banSubLeft{
  background: var(--blue);
  color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px 100px 80px 360px;
}
.banSubLeft h1{
  font-size: 80px;
}
.banSubBtnPlace{
  margin: 60px 0 0;
}
.banSubRight{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.banMoldTesting{
  background-image: url('../images/mold-inspections/mold-testing.jpg');
}
.banMoldRemoval{
  background-image: url('../images/mold-removal/mold-remediation.jpg');
}
.banBlackMold{
  background-image: url('../images/black-mold/black-mold-removal.jpg');
}
.banWaterRemoval{
  background-image: url('../images/water-removal/water-removal.jpg');
}
.banExpertWitness{
  background-image: url('../images/expert-witness/expert-witness.jpg');
}
p.lrPBold{
  font-weight: 700;
  margin: 30px 0 20px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .banSubLeft {
  	padding: 80px 100px 80px 140px;
  }
  .banSubLeft,
  .banSubRight {
  	height: 740px;
  }
  .banSubLeft h1 {
  	font-size: 72px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .banSubLeft {
  	padding: 80px 100px 80px 115px;
  }
  .banSubLeft,
  .banSubRight {
  	height: 540px;
  }
  .banSubLeft h1 {
  	font-size: 52px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .banSubLeft {
  	padding: 80px 100px 80px 30px;
  }
  .banSubLeft,
  .banSubRight {
  	height: 440px;
  }
  .banSubLeft h1 {
  	font-size: 42px;
  }
  .banSubBtnPlace {
    margin: 40px 0 0;
  }
  .banSubBtnPlace .lrBtn{
    padding: 15px 22px;
  }
}
@media only screen and (min-width: 1024px){
  .lrPMaxx{
    width: 77%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .banSubWrap{
    flex-direction: column-reverse;
  }
  .banSubLeft {
  	padding: 80px 150px 80px 20px;
  }
  .banSubLeft,
  .banSubRight {
    width: 100%;
  	height: 440px;
  }
  .banSubLeft h1 {
  	font-size: 42px;
  }
  .banSubBtnPlace {
  	margin: 40px 0 0;
  }
  .banSubLeft{
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .banSubWrap{
    flex-direction: column-reverse;
  }
  .banSubLeft {
  	padding: 60px 20px 60px 20px;
  }
  .banSubLeft,
  .banSubRight {
    width: 100%;
  	height: 340px;
  }
  .banSubLeft h1 {
  	font-size: 34px;
  }
  .banSubBtnPlace {
  	margin: 40px 0 0;
  }
  .banSubLeft{
    height: auto;
  }
  .banSubBtnPlace .lrBtn{
    min-width: 269px;
  }
  .banSubBtnPlace .newBtn{
    margin: 10px 0 0 0;
  }
}

/*========================================================
  Sub Pages Bottom Blue / Gray Layout - mold testing, mold removal...
=========================================================*/
.grBlueSecWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.grBlueLeft,
.grBlueRight{
  width: 50%;
}
.grBlueLeft{
  background: var(--blue);
  color: var(--white);
  padding: 80px 100px 100px 360px;
}
.grBlueRight{
  background: #E8EAEA;
  padding: 80px 360px 100px 100px;
}

.grBlueSec h3{
	font-size: 48px;
	line-height: 1.2;
  margin: 0 0 30px;
}
.grBlueSec .lrSubUl li {
	margin-bottom: 8px;
}
.grBlueBtnLeft,
.grBlueBtnRight{
  margin: 60px 0 0;
}
.addExtrSpace{
  padding: 20px 0 0;
}
.addExtrSpace2{
  padding: 30px 0 0;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .grBlueLeft{
    padding: 80px 120px 100px 140px;
  }
  .grBlueRight{
    padding: 80px 140px 100px 120px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .grBlueSec h3{
  	font-size: 40px;
  }
  .grBlueLeft {
  	padding: 80px 60px 80px 40px;
  }
  .grBlueRight {
  	padding: 80px 40px 80px 60px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .grBlueSec h3{
  	font-size: 28px;
  }
  .grBlueLeft {
  	padding: 80px 60px 80px 30px;
  }
  .grBlueRight {
  	padding: 80px 30px 80px 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .grBlueSec h3{
  	font-size: 34px;
  }
  .grBlueSecWrap{
    flex-direction: column;
  }
  .grBlueLeft,
  .grBlueRight{
    width: 100%;
  }
  .grBlueLeft,
  .grBlueRight {
    padding: 60px 60px 60px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .grBlueSec h3 {
  	font-size: 26px;
  }
  .grBlueSecWrap{
    flex-direction: column;
  }
  .grBlueLeft,
  .grBlueRight{
    width: 100%;
  }
  .grBlueLeft,
  .grBlueRight {
    padding: 60px 20px 60px 20px;
  }
}

/*========================================================
    Sub Page mold removal bottom Map Section
=========================================================*/
.moldRem{
  background: var(--blue);
  color: var(--white);
  padding: 80px 0;
}
.moldRemWrap{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 72%;
  margin: 0 auto;
}
.moldRemMap{
  width: 38%;
}
.moldRemText{
  width: 52%;
}
.moldRemMap{
  padding: 15px 60px 15px 0;
  border-right: 1px solid var(--light-blue);
  text-align: center;
}
.moldRemText{
  padding: 15px 0 15px 60px;
}
.moldRemMap p{
  margin: 40px 0 0;
}
.moldRemText h3 {
	font-size: 48px;
	line-height: 1.2;
}
.moldRemText ul{
  margin: 20px 0 0;
}
.moldRemBtnPlace{
  margin: 40px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .moldRemWrap{
    width: 86%;
  }
  .moldRemMap {
  	width: 42%;
  }
  .moldRemText {
  	width: 56%;
  }
  .moldRemMap p {
  	margin: 25px 0 0;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .moldRemWrap{
    width: 85%;
  }
  .moldRemMap {
  	width: 42%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .moldRemText {
  	width: 56%;
  }
  .moldRemText h3 {
    font-size: 42px;
  }
  .moldRemMap img{
    width: 100%;
  }
  .moldRemMap p {
  	margin: 25px 0 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .moldRemWrap{
    width: 95%;
  }
  .moldRemMap {
  	width: 42%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .moldRemText {
  	width: 56%;
  }
  .moldRemText h3 {
    font-size: 28px;
  }
  .moldRemMap img{
    width: 100%;
  }
  .moldRemMap p {
  	margin: 25px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .moldRemWrap{
    width: 95%;
  }
  .moldRemMap {
  	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: none;
    padding: 15px 60px 15px 0;
  }
  .moldRemText {
  	width: 100%;
    padding: 50px 60px 15px 0;
  }
  .moldRemText h3 {
    font-size: 34px;
  }
  .moldRemMap img{
    width: 80%;
  }
  .moldRemMap p {
  	margin: 25px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .moldRem {
  	padding: 60px 0;
  }
  .moldRemWrap{
    width: 90%;
  }
  .moldRemMap {
  	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: none;
    padding: 0px 0 15px 0;
  }
  .moldRemText {
  	width: 100%;
    padding: 50px 0 0;
  }
  .moldRemText h3 {
  	font-size: 26px;
  }
  .moldRemMap img{
    width: 100%;
  }
  .moldRemMap p {
  	margin: 25px 0 0;
  }
}

/*========================================================
    Black Mold light gray section
=========================================================*/
.colText{
  padding: 90px 0;
}
.lgray{
  background: #fbfbfb;
}
.colGray{
  background: #e8eae9;
}
.colText h3{
  font-size: 48px;
  line-height: 1.2;
  text-align: center;
}
.colTextWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 60px 0 0;
}
.colTextRect{
  width: 48%;
}
.colText .banSubBtnPlace{
  text-align: center;
}
.colTextPonly{
  max-width: 1100px;
  margin: 60px auto 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .colText h3 {
  	font-size: 40px;
  }
  .colTextWrap{
    margin: 40px 0 0;
  }
  .colTextPonly{
    max-width: 900px;
    margin: 60px auto 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .colText {
  	padding: 60px 0;
  }
  .colText h3 {
  	font-size: 28px;
  }
  .colTextWrap{
    margin: 20px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .colText {
  	padding: 60px 0;
  }
  .colText h3 {
  	font-size: 34px;
  }
  .colTextWrap{
    margin: 20px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .colText {
  	padding: 60px 0;
  }
  .colTextRect{
    width: 100%;
  }
  .colText h3 {
  	font-size: 26px;
    text-align: left;
  }
  .colTextWrap{
    margin: 10px 0 0;
  }
  .colTextPonly{
    margin: 30px auto 0;
  }
}

/*========================================================
    Index New Video Section
=========================================================*/
.indexVideoSec{
  background: #E8EAEA;
  padding: 80px 0;
}
.indexVideoSec .lrSecLeftImg img{
  border-radius: 15px;
  border: 6px solid #fff;
}
@media only screen and (max-width: 767px) {
  .indexVideoSec{
    padding: 60px 0;
  }
}

/*========================================================
    Changing Menu
=========================================================*/
@media only screen and (min-width: 1024px) {
  .menu ul li.mlinks.last a{
    color: var(--white)!important;
  }
}

/*========================================================
    Mobile Menu
=========================================================*/
  @media only screen and (max-width: 1023px) {
      .banTopWrap {
          background: #fff;
          z-index: -1;
      }

      .banTop {
          height: 80px;
      }

      .logoTop {
          display: none;
      }

      .logoMobTop {
          display: inline-block;
          width: calc(100% - 140px);
      }
      .topInfoWrap {
          display: none;
      }

      .logoTopSub {
          width: 70%;
      }
      .logoMobTop img{
          height: 54px;
          margin-top: 10px;
      }
      .telMobTop img {
          height: 47px;
          margin-top: 13px;
      }
      .telMobTop {
          display: inline-block;
          width: 70px;
      }

      .navTop {
          width: 70px;
      }

      header {
          height: 60px;
          /* line-height: 60px; */
      }

      .smobitrigger,
      .mnuclose {
          display: inline-block;
      }
      .smobitrigger {
          color: transparent;
          width: 30%;
      }

      .smobitrigger {
          background: url("../images/menuopen.png");
          background-position: center top -5px;
          background-repeat: no-repeat;
          background-size: 60px 70px;
          width: 60px;
          height: 60px;
      }

      .mnuclose {
          background: url('../images/menuclose.png');
          background-position: right top;
          background-repeat: no-repeat;
          background-size: 40px 40px;
          color: transparent;
          height: 40px;
          margin: 0 0 10px 0;
          text-align: right;
          display: inline-block;
          width: 100% !important;
      }
      .mobimenu {
          padding: 0;
          margin: 0px;
          width: 19.9375em;
          position: fixed;
          height: 100% !important;
          top: 0px;
          left: -27.625em;
      }

      .mnuopn {
          left: 0px !important;
      }

      .ovrActv {
          position: fixed;
          background: rgba(0, 0, 0, 0.79);
          width: 100%;
          height: 100%;
          z-index: 9998;
          -webkit-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s;
      }

      .menu ul {
          padding: 30px 20px 10px 20px;
          overflow-y: auto;
          margin: 0 auto;
      }

      .menu ul li.mlinks,
      .menu ul li.mmlinks {
          text-align: left;
          /*width: 100%;*/
          display: block;
          height: 50px;
      }

      .menu ul li.mlinks a,
      .menu ul li.mmlinks a {
          font-size: 18px;
          line-height: 50px;
          text-transform: uppercase;
          padding: 20px 0;
          /*width: 100%;*/
          /*display: inline-block;*/
          /*height: 50px;*/
          text-align: left;
          color: #474749;
      }
      .menu ul li.mlinks.last a{
        color: var(--white)!important;
        font-size: 18px;
        margin-left: 0;
        padding: 18px 26px 12px;
      }
      .mlinks a {
          padding: 20px 0;
      }

      .bannerbg .menu ul li.mlinks a,
      .bannerbgAds .menu ul li.mlinks a {
          font-size: 18px;
          line-height: 50px;
          text-transform: uppercase;
          width: 100%;
          display: inline-block;
          height: 50px;
          text-align: left;
          color: #474749;
      }

      .bannerbg .menu ul li.mlinks a:hover,
      .bannerbgAds .menu ul li.mlinks a:hover {
          color: #259cce;
      }

      .menu ul li.mlinks1 {
          display: block;
          font-size: 19px;
          font-weight: 700;
          height: 35px;
          margin-top: 30px;
          text-align: left;
      }

      .menu ul li.mlinks2 {
          text-align: left;
          /*width: 100%;*/
          display: block;
          height: 50px;
      }

      .menu ul li.mlinks2 a {
          font-size: 18px;
          font-weight: 500;
          line-height: 50px;
          text-transform: uppercase;
          text-align: center;
          padding: 20px 0;
          transition: all 0.3s ease;
      }

      .menu ul li.mlinks2 a:hover {
          color: #259cce;
      }

      .menu ul li.mlogo {
          margin: 20px auto 0 auto;
          height: auto;
          display: inline-block;
          width: 100%;
          text-align: left;
      }

      .menu ul li.mlogo img {
          width: 260px;
          margin: 0 0 30px 0;
      }

      .menu ul li.mphone {
          display: block;
          text-align: left;
          width: 100%;
          margin: 0 auto;
          line-height: 50px;
          height: 50px;
      }

      .menu ul li.mphone a {
          font-size: 32px;
      }

      .menu ul li.maddress {
          display: block;
          text-align: left;
          font-size: 18px;
          text-transform: capitalize;

          width: 80%;
          line-height: 1.2;
          padding-top: 13px;
      }

      .menu ul li.maddress span {
          display: block;
      }

      .menu ul li.mhours {
          display: block;
          font-size: 18px;
          text-transform: uppercase;
          margin: 10px auto 40px;
          width: 100%;
          text-align: left;
      }

      .menu ul li.msocial,
      .menu ul li.mobSocial {
          width: 90%;
          margin: 30px 0 100px;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: flex-start;
          align-items: center;
      }
      .menu ul li.mobSocial img{
        margin-right: 10px;
      }
      .menu ul li.msocial a {
          display: inline-block;
          margin: 0 10px 10px;
      }

      .menu ul li.msocial img {
          width: 42px;
          filter: invert(1);
      }
  /*
      .mobimenu {
          padding: 0;
          margin: 0px;
          width: 17.9375em;
          position: fixed;
          height: calc(100% - 62px) !important;
          top: 62px;
          background-color: #fff;
          left: 0;
          opacity: 0;
          visibility: hidden;
          transform: translateX(-100%);
          transition: all 0.5s ease-in-out;
          z-index: 101;
      }

      .mobimenu-overlay {
          position: fixed;
          top: 62px;
          left: 0;
          width: 100vw;
          height: calc(100vh - 62px);
          background-color: rgba(0, 0, 0, 0.5);
          opacity: 0;
          visibility: hidden;
          transition: all 0.3s ease-in-out;
      }

      .mobimenu-overlay.is-active {
          opacity: 1;
          visibility: visible;
      }

      .mobimenu.is-active {
          opacity: 1;
          visibility: visible;
          transform: translateX(0);
      }

      .mobimenu1 {
          padding: 0;
          margin: 0px;
          width: 17.9375em;
          position: fixed;
          height: 100% !important;
          top: 0px;
          left: -24.625em;
      }

      .mnuopn {
          left: 0px !important;
      }

      .ovrActv {
          position: fixed;
          background: rgba(0, 0, 0, 0.79);
          width: 100%;
          height: 100%;
          z-index: 100;
          -webkit-transition: 0.5s;
          -moz-transition: 0.5s;
          -ms-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s;
      }
      */
  }

  @media only screen and (max-width: 767px) {

      .pageSub,
      .pageSize {
          width: 90%;
      }

      .pageTit {
          width: 100%;
      }

      .bannerbg {
          background: none;
          height: auto;
      }
  }
  @media only screen and (max-width: 479px) {
      .logoMobTop {
          width: calc(100% - 140px);
      }
      .telMobTop,
      .navTop {
          width: 70px;
          display: flex;
          align-items: center;
          justify-content: center;
      }
}

/*========================================================
   HIDDEN
=========================================================*/
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

/*========================================================
   Listen sections buttons
=========================================================*/
.audio-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  font-size: 24px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: transform 0.2s;
}

.audio-toggle:hover {
  transform: scale(1.05);
}

.audio-toggle .icon {
  font-size: 22px;
  line-height: 1;
}

.audio-toggle .label {
  font-size: 14px!important;
  font-weight: normal!important;
  line-height: 1;
}

.inline-audio{
  display: inline-block!important;
}
.lrSecRightText h3 span.inline-audio,
.subBottBanLeft h3 span.inline-audio{
  display: inline!important;
  white-space: nowrap;
}

.audio-label {
  display: inline-block!important;
  font-family: axi-regular, arial, sans-serif!important;
  font-size: 16px!important;
  font-weight: 400!important;
  text-transform: capitalize!important;
  margin-left: 2px;
  cursor: pointer;
}
