/*========================================================
	Main Style for CIS 2023
=========================================================*/
/* colors declaration */
:root {
  --white: #fff;
  --black: #000;
  --orange: #fa903a;
  --green: #087b82;
  --lightgreen: #7eb6b9;
}

/* fonts declaration */
@font-face {
  font-family: captureit;
  src: url('../fonts/Captureit.ttf');
}


/* 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,
fieldset,
form,
label,
legend,
caption,
article,
aside,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

ol,
ul {
  list-style: none;
}

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

*:focus {
  outline: none;
}

* {
  box-sizing: border-box;
}

input[type='submit'] {
  -webkit-appearance: none;
  border-radius: 0;
}

/* end reset */

/***********************************************************************************************/

/* common layout sections  - ALL common layouts for frame exist in this section */
body {
  font-size: 18px;
  font-family: 'Barlow', arial, sans-serif;
  font-weight: 400;
}

p {
  line-height: 1.3;
}


/***********************************************************************************************/

/* common styling */
h1,
h2,
h3 {

}

h1 {

}

h2,
h3 {

}
a {
    transition: background-color 0.25s ease-in, border-color ease-in, transform 0.75s cubic-bezier(0.44, 0.51, 0.24, 0.99), box-shadow 1s cubic-bezier(0.44, 0.51, 0.24, 0.99);
}

/* end common styling */
@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) {
  h2, h3 {
  	font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {

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

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

}

/*========================================================
									TOP & NAVIGATION
=========================================================*/
/* not display on large screen */
.smobitrigger,
.mnuclose,
.menu ul li.mlogo,
.logoMob,
.telMob,
.locMob,
.menu ul li.mphone,
.menu ul li.madr,
.menu ul li.mhours,
.menu ul li.msocial,
.menu ul li.mmlink,
.menu ul li.maddress,
.fooRight ul li.mlogo,
.fooRight ul li.mphone,
.fooRight ul li.madr,
.fooRight ul li.mhours,
.fooRight ul li.msocial,
.fooRight ul li.mmlink,
.fooRight ul li.maddress,
.howItWorkCarMob {
  display: none;
}

/* end not display */

/* main frames */
.pageFull {
  width: 100%;
}
.pageSize {
  width: 80%;
  margin: 0 auto;
}
.subline {
    width: 80px;
    height: 3px;
    border-bottom: 2px solid var(--orange);
    margin-bottom: 30px;
}
.pageContact {
    width: 1300px;
    margin: 0 auto;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .pageSize {
    width: 85%;
  }
}

@media only screen and (min-width: 1601px) and (max-width: 1919px) {
  .pageSize {
    width: 1480px;
  }
    .pageContact {
        width: 1300px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  .pageSize {
    width: 1200px;
  }
    .pageContact {
        width: 90%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .pageSize,
  .pageContact  {
    width: 90%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .pageSize,
  .pageContact {
    width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .pageSize,
  .pageContact {
    width: 90%;
  }
}
@media only screen and (max-width: 479px) {
}

/* top section  */
.topBanner {
    background: url('../images/index/banner-main-index.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    height: 1380px;
}
.topWrap {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    border-bottom: 1px solid var(--orange);
}
.topBoxes {
    width: 80%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}
.one,
.two,
.three {
    height: 106px;
}
.one {
  width: 20%;
  display: flex;
  justify-content: flex-start;
  background: transparent;
}
.two {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.three {
    width: 20%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
}
.logoDesk {
    width: 220px;
    display: block;
}
.topTel {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.topTelIco {
    width: 40px;
}
.topTelIco img {
    width: 40px;
}
.topTelCont {
    width: calc(100% - 40px);
    display: flex;
    flex-direction: column;
}
.topTelCont p {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: .9;
}
.topTelCont a {
    display: inline-block;
    font-size: 24px;
    color: var(--orange);
    font-weight: 600;
}

/*** menu section ***/
.menu ul li.mlink,
.menu ul li.m1link,
.menu ul li.m2link,
.menu ul li.m3link,
.menu ul li.mmlinks,
.logoMob {
  display: none;
}

.menu ul li.dlink {
  font-size: 24px;
  display: inline-block;
  text-transform: capitalize;
  padding: 5px 15px;
  font-weight: 500;
    margin: 0 10px;
}
.menu ul li.dlink a {
  color: var(--black);
}
.menu ul li.dlink a:hover {
   color: var(--green);
}
.menu ul li.dget {
  font-size: 27px;
  display: inline-block;
  text-transform: capitalize;
  padding: 20px 25px;
  font-weight: 400;
}
.menu ul li.dget a {
    color: var(--yellow);
}
/*** end menu section ***/
/* end top section  */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .topBanner {
        height: 1000px;
    }
    .boxesWrap {
       width: 1820px;
    }
    .menu ul li.dlink,
    .menu ul li.dget {
        font-size: 21px;
        margin: 0;
    }
    .three {
        width: 25%;
    }
    .two {
        width: 55%;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .topBoxes {
        width: 90%;
    }
    .boxesWrap {
           width: 1200px;
    }
    .topBanner {
        height: 800px;
    }
    .menu ul li.dlink,
    .menu ul li.dget {
        font-size: 16px;
        margin: 0 5px;
    }
    .menu ul li.dlink {
        padding: 5px 4px;
    }
    .menu ul li.dget {
        padding: 10px 15px;
    }
    .topTelCont a {
        font-size: 21px;
    }
    .logoDesk {
        width: 180px;
    }
    nav {
        padding-left: 0px;
    }
    .twoWrap {
        height: 36px;
    }
    .one, .two, .three {
    	height: 85px;
    }
    .topTelCont p {
        font-size: 15px;
    }
    .three {
        width: 25%;
    }
    .two {
        width: 55%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .topBanner {
        height: 800px;
    }
    .topWrap {
        padding: 0;
    }
    .logoDesk {
    	width: 260px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .topBanner {
        height: 780px;
    }
    .topWrap {
      padding-top: 0px;
    }
    .logoDesk {
    	width: 240px;
    }
    .one,
    .two{
      width: 50%;
    }
}
@media only screen and (max-width: 767px) {
    .topBanner {
        height: 940px;
        background: url(../images/index/bannerMainMob.webp) no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .topBoxes {
    	width: 90%;
    }
    .logoDesk {
    	width: 180px;
    }
    .topWrap {
      padding-top: 0px;
    }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {
  .topBanner {
  	height: 600px;
  }
}
@media only screen and (max-width: 479px) {
    .topBanner {
        height: 500px;
    }

}

/*========================================================
									Buttons
=========================================================*/
.emergTelBtn {
    background: var(--orange);
    border-radius: 35px;
    color: var(--white);
    cursor: pointer;
    display: inline-block;
    padding: 10px 25px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    text-transform: capitalize;
    text-align: center;
    letter-spacing: 1.5px;
}
.emergTelBtn span {
    font-size: 16px;
    display: block;
    padding-bottom: 5px;
}
.scheduleBtn {
    background: var(--orange);
    color: var(--white);
    cursor: pointer;
    display: inline-block;
    padding: 10px 25px;
    font-size: 28px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.5px;
}
.scheduleBtn span {
    font-size: 18px;
    display: block;
    text-transform: capitalize;
}
.smallBtn {
    background: var(--orange);
    border-radius: 30px;
    color: var(--white);
    cursor: pointer;
    display: inline-block;
    padding: 10px 25px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.5px;
}
.smallBtn span {
    font-size: 16px;
    display: block;
    text-transform: capitalize;
    margin: 0 0 3px;
}
.helpBtn {
    background: var(--green);
    color: var(--white);
    cursor: pointer;
    display: inline-block;
    padding: 20px 65px;
    font-family: 'Barlow', arial, sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: capitalize;
    text-align: center;
    border-radius: 64px;
    letter-spacing: 1.5px;
}
.helpBtn:hover {
    background: var(--orange);
}
.houseBtn {
    background: var(--orange);
    color: var(--white);
    cursor: pointer;
    display: inline-block;
    padding: 35px 65px;
    font-family: 'Barlow', arial, sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: capitalize;
    text-align: center;
    border-radius: 64px;
    letter-spacing: 1.5px;
}
.helpBtn:hover {
    background: var(--green);
}
.fooBtn {
    background: var(--orange);
    color: var(--white);
    cursor: pointer;
    display: inline-block;
    padding: 20px 65px;
    font-family: 'Barlow', arial, sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: capitalize;
    text-align: center;
    border-radius: 64px;
    letter-spacing: 1.5px;
}
.fooBtn:hover {
    background: var(--green);
}
@media only screen and (min-width: 1920px) and (max-width: 12559px) {
    .helpBtn {
        font-size: 22px;
    }
    .houseBtn {
        font-size: 23px;
    }
    .fooBtn {
        font-size: 21px;
    }
    .helpSeo .helpBtn{
      font-size: 22px;
      padding: 20px 45px;
      width: 316px;
    }
    .scheduleBtn {
        padding: 10px 20px;
        font-size: 26px;
    }
    .scheduleBtn span {
        font-size: 16px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .helpBtn {
        font-size: 18px;
        padding: 10px 35px;
    }
    .helpSeo .helpBtn {
    	font-size: 18px;
    	padding: 10px 29px;
      width: 248px;
    }
    .houseBtn {
        font-size: 18px;
        padding: 25px 35px;
    }
    .fooBtn {
        font-size: 16px;
        padding: 15px 35px;
    }
    .emergTelBtn span {
        font-size: 14px;
    }
    .emergTelBtn {
        font-size: 26px;
        padding: 10px 20px;
    }
    .scheduleBtn {
        padding: 10px 20px;
        font-size: 22px;
    }
    .scheduleBtn span {
        font-size: 14px;
    }
    .smallBtn {
        font-size: 18px;
        padding: 7px 23px;
    }
    .smallBtn span {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .helpBtn {
        font-size: 18px;
        padding: 10px 35px;
    }
    .helpSeo .helpBtn {
    	font-size: 18px;
    	padding: 10px 14px;
    }
    .houseBtn {
        font-size: 18px;
        padding: 25px 35px;
    }
    .fooBtn {
        font-size: 16px;
        padding: 15px 35px;
    }
    .emergTelBtn span {
        font-size: 14px;
    }
    .emergTelBtn {
        font-size: 26px;
        padding: 10px 25px;
    }
    .smallBtn {
        font-size: 18px;
        padding: 7px 23px;
    }
    .smallBtn span {
        font-size: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .helpBtn {
        font-size: 18px;
        padding: 10px 35px;
    }
    .houseBtn {
        font-size: 18px;
        padding: 25px 35px;
    }
    .fooBtn {
        font-size: 16px;
        padding: 15px 35px;
    }
    .emergTelBtn span {
        font-size: 14px;
    }
    .emergTelBtn {
        font-size: 24px;
        padding: 10px 20px;
    }
    .smallBtn {
        font-size: 18px;
        padding: 7px 23px;
    }
    .smallBtn span {
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px) {
    .helpBtn {
        font-size: 18px;
        padding: 10px 35px;
    }
    .houseBtn {
        font-size: 18px;
        padding: 25px 35px;
    }
    .fooBtn {
        font-size: 16px;
        padding: 15px 35px;
    }
    .smallBtn {
        padding: 7px 23px;
    }
    .emergTelBtn {
        padding: 10px 25px;
    }
}
@media only screen and (max-width: 479px) {
    .emergTelBtn span {
        font-size: 14px;
    }
    .emergTelBtn {
        font-size: 26px;
    }
}

/*========================================================
		INDEX BANNER
=========================================================*/
.bannerMobbg,
.bannerReviewsMobPlace,
.estimateBtnMobPlace,
.bannerpMob {
    display: none;
}
.bannerMain {
    background: url('../images/index/office-disaster-restoration-banner.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    height: 1239px;
}
.bannerWrap {
    display: flex;
    width: 80%;
    margin: 0 auto;
}
.bannerLeft {
    width: 60%;
    padding-top: 280px;
}
.bannerLeft h1 {
    font-size: 80px;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.1;
}
.bannerLeft h1 span {
    display: block;
}
.bannerpDesk {
    font-size: 36px;
    color: var(--white);
    font-weight: 500;
    letter-spacing: 2px;
    padding-top: 70px;
    text-transform: capitalize;
}
.bannerLeft p span {
    display: block;
}
.bannerBtnPlace {
    padding: 130px 0 0 150px;
}
.bannerBtn {
    background: var(--orange);
    color: var(--white);
    cursor: pointer;
    display: inline-block;
    padding: 35px 45px;
    font-family: 'Barlow', arial, sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: capitalize;
    text-align: center;
    border-radius: 64px;
    letter-spacing: 1.5px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .bannerMain {
        height: 1250px;
    }
    .bannerLeft {
        padding-top: 280px;
    }
    .bannerLeft h1 {
        font-size: 64px;
    }
    .bannerpDesk {
        font-size: 30px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .bannerMain {
        height: 960px;
    }
    .bannerLeft {
        padding-top: 180px;
        width: 70%;
    }
    .bannerLeft h1 {
        font-size: 54px;
    }
    .bannerpDesk {
        font-size: 26px;
    }
    .bannerBtn {
        font-size: 18px;
        padding: 25px 45px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .bannerMain {
        height: 640px;
    }
    .bannerLeft {
        padding-top: 110px;
        width: 75%;
    }
    .bannerLeft h1 {
        font-size: 44px;
    }
    .bannerpDesk {
        font-size: 22px;
        padding-top: 50px;
    }
    .bannerBtn {
        font-size: 18px;
        padding: 25px 45px;
    }
    .bannerBtnPlace {
        padding: 90px 0 0 70px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .bannerMain {
        height: 580px;
    }
    .bannerLeft {
        padding-top: 70px;
        width: 95%;
    }
    .bannerLeft h1 {
        font-size: 38px;
    }
    .bannerpDesk {
        font-size: 22px;
        padding-top: 50px;
    }
    .bannerBtn {
        font-size: 18px;
        padding: 25px 45px;
    }
    .bannerBtnPlace {
        padding: 90px 0 0 70px;
    }
}
@media only screen and (max-width: 767px) {
    .bannerWrap {
        width: 90%;
    }
    .bannerMain {
        height: 580px;
        background: url('../images/index/office-disaster-restoration-banner-mobile.webp') no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .bannerLeft {
        padding-top: 70px;
        width: 100%;
        text-align: center;
    }
    .bannerLeft h1 {
        font-size: 44px;
        text-align: center;
        width: 380px;
        margin: 0 auto;
    }
    .bannerpDesk {
        font-size: 22px;
        padding-top: 50px;
        text-align: center;
    }
    .bannerBtn {
        font-size: 18px;
        padding: 25px 45px;
    }
    .bannerBtnPlace {
        padding: 45px 0 0 0;
    }
}
@media only screen and (max-width: 479px) {
    .bannerLeft h1 {
        font-size: 30px;
        width: 258px;
    }
    .bannerLeft {
        text-align: center;
    }
    .bannerpDesk {
        display: none;
    }
    .bannerpMob {
        display: inline-block;
        font-size: 20px;
        color: var(--white);
        font-weight: 500;
        letter-spacing: 2px;
        text-align: center;
        text-transform: capitalize;
        padding-top: 50px;
    }
    .bannerBtnPlace {
        padding: 35px 0 0;
    }
    .bannerBtn {
        font-size: 16px;
        padding: 25px 30px;
    }
    .bannerMain {
        height: 480px;
    }
}
/*========================================================
		INDEX Help Section
=========================================================*/
.helpBoxesWrapMob {
    display: none!important;
}
.helpbg {
    padding: 0 0 90px;
}
.pageHelp {
    width: 1500px;
    margin: 0 auto;
}
.helpTit {
    width: 100%;
    text-align: center;
}
.helpTit h1,
.helpTit h2 {
    font-size: 70px;
    font-weight: 700;
    color: var(--green);
    line-height: 1.3;
    text-transform: uppercase;
    padding: 20px 0 120px;
}
.helpTit h1 span,
.helpTit h2 span {
    display: block;
}
.helpBoxesWrap {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.helpBox {
    width: 31%;
    display: flex;
    flex-direction: column;
    background: #f7f7f7;
    padding: 60px 30px;
    border-radius: 46px;
    text-align: center;
    margin-bottom: 50px;
}
.helpBox img {
    width: 120px;
    margin: 0 auto 20px;
}
.helpBox h3 {
    font-size: 29px;
    font-weight: 700;
    text-transform: capitalize;
}
.helpBox p {
    font-size: 21px;
    line-height: 1.3;
    padding: 30px 0 50px;
    width: 90%;
    margin: 0 auto;
}
.helpBtnPlace {
    margin-top: auto;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .pageHelp {
        width: 1300px;
    }
    .helpTit h1,
    .helpTit h2 {
        font-size: 56px;
        line-height: 1.2;
    }
    .helpBox h3 {
        font-size: 26px;
    }
    .helpBox p {
        width: 100%;
        font-size: 19px;
        padding: 20px 0 35px;
    }

}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .helpbg {
      padding: 0 0 60px;
  }
    .pageHelp {
        width: 1000px;
    }
    .helpBox img {
        width: 90px;
    }
    .helpTit h1,
    .helpTit h2 {
        font-size: 42px;
        line-height: 1.2;
        padding: 20px 0 70px;
    }
    .helpBox h3 {
        font-size: 21px;
    }
    .helpBox p {
        width: 100%;
        font-size: 16px;
        padding: 20px 0 35px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .pageHelp {
        width: 900px;
    }
    .helpBox img {
        width: 90px;
    }
    .helpTit h1,
    .helpTit h2 {
        font-size: 42px;
        line-height: 1.2;
        padding: 20px 0 70px;
    }
    .helpBox h3 {
        font-size: 21px;
    }
    .helpBox p {
        width: 100%;
        font-size: 16px;
        padding: 20px 0 35px;
    }
    .helpbg {
        padding-bottom: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .pageHelp {
        width: 90%;
    }
    .helpBox {
        width: 48%;
    }
    .helpBox img {
        width: 90px;
    }
    .helpTit h1,
    .helpTit h2 {
        font-size: 42px;
        line-height: 1.2;
        padding: 20px 0 70px;
    }
    .helpBox h3 {
        font-size: 21px;
    }
    .helpBox p {
        width: 100%;
        font-size: 16px;
        padding: 20px 0 35px;
    }
    .helpbg {
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 767px) {
   .pageHelp {
        width: 90%;
    }
    .helpBox {
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }
    .helpBox img {
        width: 90px!important;
    }
    .helpTit h1,
    .helpTit h2 {
        font-size: 36px;
        line-height: 1.2;
        padding: 20px 0 35px;
    }
    .helpBox h3 {
        font-size: 21px;
    }
    .helpBox p {
        width: 100%;
        font-size: 18px;
        padding: 20px 0 35px;
    }
    .helpbg {
        padding-bottom: 0;
    }
    .helpBoxesWrap {
        display: none;
    }
    .helpBoxesWrapMob {
        display: block!important;
        max-width: 360px;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 479px) {
    .helpTit h1,
    .helpTit h2 {
        font-size: 26px;
        padding: 35px 0 0;
    }
    .helpBoxesWrapMob {
        max-width: 100%;
        padding-bottom: 20px!important;
    }
    .helpBox {
        margin-bottom: 35px;
    }
}

/*========================================================
		Footer
=========================================================*/
.fooColTwo ul li.mlogo,
.fooColTwo ul li.mphone,
.fooColTwo ul li.maddress,
.fooColTwo ul li.mhours,
.fooColTwo ul li.mmlinks,
.fooColTwo ul li.msocial {
    display: none;
}
.foobg {
    background: url('../images/index/footerbg.webp') no-repeat;
    background-position: center center;
    background-size: cover;
    height: 1244px;
    padding-top: 120px;
}
.fooWrap {
    width: 100%;
    display: flex;
    max-width: 1500px;
    margin: 0 auto;
    padding: 90px 0 200px;
}
.fooColOne {
    width: 40%;
}
.fooColTwo {
    width: 30%;
}
.fooColThree {
    width: 30%;
}
.fooColOne h4,
.fooColTwo h4,
.fooColThree h4,
.fooColOne h5,
.fooColTwo h5,
.fooColThree h5 {
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--white);
    line-height: 1;
    padding-bottom: 50px;
}
.fooColOne img {
    width: 440px;
}
.compName{
  color: var(--orange);
  font-size: 29px;
  margin: 15px 0 0;
}
.fooColOne p {
    padding: 75px 60px 75px 0;
    font-size: 24px;
    line-height: 1.3;
    color: var(--white);
}
.fooSocial {
    width: 100%;
    display: flex;
    align-items: center;
}
.fooSocial a {
    display: inline-block;
}
.fooSocial a img {
    width: 60px;
    margin-right: 15px;
}
.fooColOne h3 {
    font-family: captureit,arial,sans-serif;
    font-size: 86px;
    font-weight: 300;
    color: var(--white);
    text-transform: uppercase;
    padding: 60px 0;
    line-height: 1.1;
}
.fooBtnPlace {
    padding-top: 90px;
    width: 400px;
}
.fooColTwo h4,
.fooColTwo h5,
.fooColTwo ul {
    padding-left: 150px;
}
.fooColTwo ul li {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--white);
    display: block;
    padding: 8px 0;
}
.fooColTwo ul li:hover {
    color: var(--orange);
}
.fooCallBtnPlace {
    text-align: center;
    padding-top: 200px;
}
.fooColThree {
    padding-left: 60px;
}

.fooTel,
.fooAdr {
    font-size: 26px;
    font-weight: 400;
    color: var(--white);
    position: relative;
    padding: 0 0 40px 66px;
    line-height: 46px;
}
.fooAdr {
    padding-bottom: 70px;
}
.fooTel::before {
    width: 46px;
    height: 46px;
    content: " ";
    background-image: url('../images/top-and-footer/footer-phone-icon.png');
    background-size: 46px 46px;
    position: absolute;
    left: 0;
    top: 0;
}
.fooAdr::before {
    width: 46px;
    height: 46px;
    content: " ";
    background-image: url('../images/top-and-footer/footer-loc-icon.png');
    background-size: 46px 46px;
    position: absolute;
    left: 0;
    top: 0;
}
.fooAdr a {
    display: inline-block;
    line-height: 1.1;
}
.fooAdr a span {
    display: block;
}
.fooColThree ul li {
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--white);
    display: block;
    padding: 8px 0;
}
.fooLine {
    text-align: center;
    background: var(--white);
    height: 3px;
    width: 740px;
    margin: 0 auto;
}
.foocp {}
.foocp p {
    font-size: 21px;
    font-weight: 300;
    color: var(--white);
    text-align: center;
    padding: 50px 0 30px;
    width: 100%;
}
.sitemapFoo{
  text-align: center;
  font-size: 16px;
  padding-bottom: 40px;
    color: var(--white);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .fooColTwo ul li {
        font-size: 21px;
    }
    .fooColOne p {
        font-size: 21px;
        padding: 50px 60px 50px 0;
    }
    .fooSocial .socIcoImg {
        width: 80px;
    }
    .fooTel, .fooAdr, .fooMail {
        font-size: 24px;
    }
    .foocp p {
        font-size: 18px;
    }
    .foobg {
        height: 1200px;
    }
    .fooWrap {
        width: 1300px;
    }
    .foogrev {
        width: 350px;
    }
    .foo2ColTwo ul {
        padding: 130px 0 180px;
    }
    .foo2 {
        margin-top: 140px;
    }
    .fooColOne h3 {
        font-size: 70px;
    }
    .fooBtnPlace {
        width: 360px;
        padding-top: 20px;
    }
    .fooColTwo {

    }
    .fooAdr {
        padding-bottom: 60px;
    }
    .fooColOne h4,
    .fooColTwo h4,
    .fooColThree h4,
    .fooColOne h5,
    .fooColTwo h5,
    .fooColThree h5 {
        font-size: 32px;
    }
    .fooColOne img {
        width: 320px;
    }
    .compName{
      font-size: 21px;
    }
    .fooSocial a img {
        width: 50px;
    }
    .fooCallBtnPlace {
        padding-top: 100px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
     .fooWrap {
        width: 1000px;
         padding: 30px 0 100px;
    }
    .fooColTwo ul li {
        font-size: 18px;
        padding: 5px 0;
    }
    .fooColOne p {
        font-size: 16px;
        padding: 50px 60px 50px 0;
    }
    .fooSocial .socIcoImg {
        width: 80px;
    }
    .fooTel, .fooAdr{
        font-size: 18px;
        line-height: 30px;
        padding-left: 40px;
    }
    .fooTel::before,
    .fooAdr::before {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    .foocp p {
        font-size: 16px;
        padding: 35px 0 30px;
    }
    .foobg {
        height: 860px;
    }
    .foogrev {
        width: 350px;
    }
    .foo2ColTwo ul {
        padding: 130px 0 180px;
    }
    .foo2 {
        margin-top: 140px;
    }
    .fooColOne h3 {
        font-size: 70px;
    }
    .fooBtnPlace {
        width: 360px;
        padding-top: 20px;
    }
    .fooAdr {
        padding-bottom: 60px;
    }
    .fooColOne h4,
    .fooColTwo h4,
    .fooColThree h4,
    .fooColOne h5,
    .fooColTwo h5,
    .fooColThree h5 {
        font-size: 24px;
    }
    .fooColOne img {
        width: 280px;
    }
    .compName{
      font-size: 19px;
    }
    .fooSocial a img {
        width: 40px;
    }
    .fooCallBtnPlace {
        padding-top: 100px;
    }
    .fooColTwo h4,
    .fooColTwo h5,
    .fooColTwo ul {
        padding-left: 100px;
    }
    .fooColThree {
        padding-left: 30px;
    }
    .fooColThree ul li {
        font-size: 18px;
        padding: 5px 0;
    }

}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .fooWrap {
        width: 900px;
         padding: 30px 0 100px;
    }
    .fooColTwo ul li {
        font-size: 18px;
        padding: 5px 0;
    }
    .fooColOne p {
        font-size: 16px;
        padding: 50px 60px 50px 0;
    }
    .fooSocial .socIcoImg {
        width: 80px;
    }
    .fooTel, .fooAdr{
        font-size: 18px;
        line-height: 30px;
        padding-left: 40px;
    }
    .fooTel::before,
    .fooAdr::before {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    .foocp p {
        font-size: 16px;
        padding: 35px 0 30px;
    }
    .foobg {
        height: 860px;
    }
    .foogrev {
        width: 350px;
    }
    .foo2ColTwo ul {
        padding: 130px 0 180px;
    }
    .foo2 {
        margin-top: 140px;
    }
    .fooColOne h3 {
        font-size: 70px;
    }
    .fooBtnPlace {
        width: 360px;
        padding-top: 20px;
    }
    .fooAdr {
        padding-bottom: 60px;
    }
    .fooColOne h4,
    .fooColTwo h4,
    .fooColThree h4,
    .fooColOne h5,
    .fooColTwo h5,
    .fooColThree h5 {
        font-size: 24px;
    }
    .fooColOne img {
        width: 280px;
    }
    .compName{
      font-size: 18px;
    }
    .fooSocial a img {
        width: 40px;
    }
    .fooCallBtnPlace {
        padding-top: 100px;
    }
    .fooColTwo h4,
    .fooColTwo h5,
    .fooColTwo ul {
        padding-left: 80px;
    }
    .fooColThree {
        padding-left: 30px;
    }
    .fooColThree ul li {
        font-size: 18px;
        padding: 5px 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .fooWrap {
        width: 700px;
         padding: 50px 0 50px;
        flex-wrap: wrap;
    }
    .fooColTwo ul li {
        font-size: 18px;
        padding: 5px 0;
    }
    .fooColOne p {
        font-size: 16px;
        padding: 30px 60px 30px 0;
    }
    .fooColOne {
        width: 60%;
        margin-bottom: 80px;
    }
    .fooColTwo {
        width: 40%;
    }
    .fooSocial .socIcoImg {
        width: 80px;
    }
    .fooTel, .fooAdr{
        font-size: 18px;
        line-height: 30px;
        padding-left: 40px;
    }
    .fooTel::before,
    .fooAdr::before {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    .fooLine {
        width: 480px;
    }
    .foocp p {
        font-size: 16px;
        padding: 35px 0 30px;
    }
    .foobg {
        height: 1250px;
        padding-top: 90px;
    }
    .foogrev {
        width: 350px;
    }
    .foo2ColTwo ul {
        padding: 130px 0 180px;
    }
    .foo2 {
        margin-top: 140px;
    }
    .fooColOne h3 {
        font-size: 70px;
    }
    .fooBtnPlace {
        width: 360px;
        padding-top: 20px;
    }
    .fooAdr {
        padding-bottom: 60px;
    }
    .fooColOne h4,
    .fooColTwo h4,
    .fooColThree h4,
    .fooColOne h5,
    .fooColTwo h5,
    .fooColThree h5 {
        font-size: 24px;
        padding-bottom: 30px;
    }
    .fooColOne img {
        width: 280px;
    }
    .compName{
      font-size: 18px;
    }
    .fooSocial a img {
        width: 40px;
    }
    .fooCallBtnPlace {
        padding-top: 100px;
    }
    .fooColTwo h4,
    .fooColTwo h5,
    .fooColTwo ul {
        padding-left: 80px;
    }
    .fooColThree {
        padding-left: 0;
        width: 40%;
    }
    .fooColThree ul li {
        font-size: 18px;
        padding: 5px 0;
    }
}
@media only screen and (max-width: 767px) {
    .fooWrap {
        width: 90%;
         padding: 50px 0 50px;
        flex-wrap: wrap;
    }
    .fooColTwo ul li {
        font-size: 18px;
        padding: 5px 0;
    }
    .fooColOne p {
        font-size: 18px;
        padding: 30px 0;
        text-align: center;
    }
    .fooColOne {
        width: 100%;
        margin-bottom: 80px;
        text-align: center;
    }
    .fooColTwo {
        width: 100%;
    }
    .fooSocial .socIcoImg {
        width: 80px;
    }
    .fooTel,
    .fooAdr {
        font-size: 18px;
        line-height: 30px;
        padding-left: 40px;
    }
    .fooTel {
        width: 160px;
        margin: 0 auto;
        padding-bottom: 15px;
    }
    .fooAdr {
        width: 240px;
        margin: 0 auto;
    }
    .fooTel::before,
    .fooAdr::before {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    .fooLine {
        width: 300px;
    }
    .fooSocial {
       justify-content: center;
    }
    .foocp p {
        font-size: 16px;
        padding: 35px 0 30px;
    }
    .foocp p span {
        display: block;
    }
    .foobg {
        height: auto;
        padding-top: 90px;
    }
    .foogrev {
        width: 350px;
    }
    .foo2ColTwo ul {
        padding: 130px 0 180px;
    }
    .foo2 {
        margin-top: 140px;
    }
    .fooColOne h3 {
        font-size: 70px;
    }
    .fooBtnPlace {
        width: 360px;
        padding-top: 20px;
    }
    .fooAdr {
        padding-bottom: 60px;
    }
    .fooColOne h4,
    .fooColTwo h4,
    .fooColThree h4,
    .fooColOne h5,
    .fooColTwo h5,
    .fooColThree h5 {
        font-size: 24px;
        padding-bottom: 30px;
    }
    .fooColOne img {
        width: 280px;
        margin: 0 auto;
    }
    .compName{
      font-size: 19px;
    }
    .fooSocial a img {
        width: 40px;
    }
    .fooCallBtnPlace {
        padding-top: 20px;
    }
    .fooColTwo h4,
    .fooColTwo h5,
    .fooColTwo ul {
        padding-left: 0;
        text-align: center;
    }
    .fooColThree {
        padding-left: 0;
        padding-top: 80px;
        width: 100%;
        text-align: center;
    }
    .fooColThree ul li {
        font-size: 18px;
        padding: 5px 15px 5px 0;
        display: inline-block;

    }
}
@media only screen and (max-width: 479px) {
    .foobg {
        padding-top: 50px;
    }
    .fooWrap {
        padding-top: 70px;
    }
    .fooColOne img {
        width: 280px;
    }
    .fooWrap {
        width: 100%;
    }
}
/*========================================================
    REVIEWS page
=========================================================*/
.revBoxesMobile {
    display: none!important;
}
.reviewsbg {
    padding: 90px 0;
}
.subpageTit h1 {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    color: var(--green);
}
.subpageTit h1 span {
    display: block;
}
.reviewsboxbg {
    padding: 0 0 90px;
}
.wrapBoxes {
    width: 1440px;
    margin: 0 auto;
}
.revBoxes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.revBox {
    width: 25%;
    padding: 25px 15px;
}
.inRevBox {
    border: 1px solid #777;
    box-shadow: 1px 1px 8px -1px rgba(0, 0, 0, 0.65);
    padding: 25px 15px;
    text-align: center;
}
.revBox p {
    font-size: 21px;
    color: var(--black);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {

}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .wrapBoxes {
        width: 90%;
    }
    .subpageTit h1 {
        font-size: 40px;
    }
    .reviewsbg {
        padding: 60px 0;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .wrapBoxes {
        width: 90%;
    }
    .subpageTit h1 {
        font-size: 40px;
    }
    .reviewsbg {
        padding: 60px 0;
    }
    .revBox {
        width: 33%;
    }
    .reviewsboxbg {
        padding-bottom: 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .wrapBoxes {
        width: 90%;
    }
    .subpageTit h1 {
        font-size: 36px;
    }
    .reviewsbg {
        padding: 35px 0;
    }
    .revBox {
        width: 48%;
    }
    .reviewsboxbg {
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 767px) {
   .wrapBoxes {
        width: 90%;
    }
    .subpageTit h1 {
        font-size: 36px;
    }
    .reviewsbg {
        padding: 35px 0;
    }
    .revBox {
        width: 100%;
        max-width: 320px;
        padding: 0 0 20px;
        margin: 0 auto;
    }
    .reviewsboxbg {
        padding-bottom: 0;
    }
    .revBoxes {
        display: none;
    }
    .revBoxesMobile {
        display: block!important;
    }
}
@media only screen and (max-width: 479px) {

}
/*========================================================
    ABOUT page
=========================================================*/
.aboutbg {
    padding: 0;
}
.aboutSecOne {
    width: 1350px;
    margin: 0 auto;
}
.aboutSecOneWrap p {
    font-size: 21px;
    line-height: 1.3;
    padding-bottom: 15px;
}
.aboutSecOneWrap h3 {
    font-size: 36px;
    font-weight: 600;
    padding: 35px 0 10px;
    color: var(--green);
    text-transform: capitalize;
}
.aboutWrap {
    width: 100%;
    display: flex;
    margin: 0 auto 50px;
}
.aboutLeft {
    width: 75%;
    background: #f7f7f7;
    padding: 80px;
    position: relative;
}
.aboutLeft  h3 {
    font-size: 36px;
    font-weight: 600;
    color: var(--green);
    padding-bottom: 10px;
}
.aboutLeft p {
    font-size: 21px;
    line-height: 1.3;
    width: 73%;
    padding-bottom: 15px;
}
.aboutLeftImg {
    position: absolute;
    top: 70px;
    right: -450px;
    max-width: 740px;
}
.aboutSecOneWrap {
    width: 100%;
    padding: 0 80px;
}
.aboutBtnPlace {
    margin-top: 35px;
}
.aboutsecbg {
    padding: 75px 0 90px;
}
.aboutlast {
    padding-bottom: 90px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .aboutSecOne {
        width: 1100px;
    }
    .aboutSecOne p {
        font-size: 21px;
    }
    .aboutLeftImg {
        right: -520px;
        top: 90px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .aboutSecOne {
        width: 1000px;
    }
    .aboutSecOne p {
        font-size: 16px;
        width: 60%;
    }
    .aboutSecOne h3 {
        font-size: 28px;
    }
    .aboutLeftImg {
        right: -360px;
        width: 640px;
        top: 80px;
    }
    .aboutSecOneWrap p {
        width: 100%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .aboutSecOne {
        width: 80%;
    }
    .aboutSecOne p {
        font-size: 16px;
    }
    .aboutSecOne h3 {
        font-size: 28px;
    }
    .aboutLeft {
        padding: 60px 50px;
    }
    .aboutLeftImg {
        width: 380px;
        right: -250px;
        top: 150px;
    }
    .aboutLeft p {
        width: 75%;
    }
    .aboutSecOneWrap {
        padding: 0 50px;
    }
    .aboutsecbg {
            padding: 75px 0 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .aboutSecOne {
        width: 90%;
    }
    .aboutSecOne p {
        font-size: 16px;
    }
    .aboutSecOne h3 {
        font-size: 28px;
    }
    .aboutLeft {
        padding: 50px;
    }
    .aboutLeftImg {
        width: 320px;
        right: -200px;
        top: 140px;
    }
    .aboutLeft p {
        width: 75%;
    }
    .aboutSecOneWrap {
        padding: 0 50px;
    }
    .aboutsecbg {
        padding: 75px 0 50px;
    }
}
@media only screen and (max-width: 767px) {
   .aboutSecOne {
        width: 100%;
    }
    .aboutSecOne p {
        font-size: 18px;
    }
    .aboutSecOne h3 {
        font-size: 28px;
        padding: 25px 25px 10px;
    }
    .aboutbg {
        padding-bottom: 0;
    }
    .aboutLeftImg {
        position: static;
        margin-top: 20px;
        width: 100%;
        display: block;
    }
    .aboutLeft {
        width: 100%;
        padding: 0;
        height: auto;
    }
    .aboutLeft p {
        width: 100%;
        padding: 0 25px;
    }
    .aboutWrap {
        margin: 0 auto;
    }
    .aboutLeft h4 {
        padding: 35px 35px 20px 35px;
    }
    .subline {
        margin-left: 25px;
    }
    .aboutSecOneWrap {
        padding: 0 25px;
    }
    .aboutSecOneWrap h3 {
        padding: 25px 0 10px;
    }
    .sublineMob {
        margin-left: 0;
    }
    .aboutsecbg {
        padding: 75px 0 0;
    }
}
@media only screen and (max-width: 479px) {
    .aboutLeft p {
        padding: 0 20px;
    }
    .aboutLeft h4 {
        padding: 20px;
    }
    .aboutSecOneWrap {
        padding: 0;
    }
    .aboutsecbg {
        padding: 35px 0 0;
    }
}
/*========================================================
    SERVICES pages
=========================================================*/
.servallBtnPlace {
    text-align: center;
    margin: 75px auto 50px;
}
.pageServices {
    width: 1350px;
    margin: 0 auto;
}
.waterTit {
    padding: 0 0 160px;
}
.waterTit h2,
.waterTit h3 {
    font-size: 56px;
    font-weight: 600;
    color: var(--orange);
    text-align: center;
    text-transform: capitalize;
    line-height: 1;
}
.waterTit h2 span,
.waterTit h3 span {
    display: block;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
}
.waterbg {
    padding: 0 0 75px;
}
.waterIcoWrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.waterIcoBox {
    width: 31%;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.waterIcoBox img {
    width: 120px;
    display: block;
    margin: 0 auto;
}
.waterIcoBox h3 {
    font-size: 28px;
    font-weight: 700;
    color: var(--green);
    padding: 15px 0 20px;
    text-transform: capitalize;
}
.waterIcoBox p {
    font-size: 21px;
    line-height: 1.3;
}
.waterdLeftImg {
    position: absolute;
    top: 30px;
    right: -300px;
    max-width: 540px;
}
.waterdLeft h3 {
    text-transform: capitalize;
}
.waterdWrap {
    height: 480px;
}
.waterdbg {
    padding-top: 50px;
}
.waterlistWrap {
    width: 100%;
    display: flex;
}
.waterlistLeft {
    width: 60%;
    padding: 80px;
}
.waterlistRight {
    width: 40%;
    padding-top: 80px;
}
.waterlistLeft p,
.waterlistRight p {
    font-size: 21px;
    line-height: 1.3;
}
.waterlistRight ul {
    padding-top: 35px;
}
.waterlistRight ul li {
    font-size: 21px;
    background: url('../images/dot.png') no-repeat;
    background-position: left top 12px;
    background-size: 20px 20px;
    padding: 8px 0 8px 35px;
}
.firedWrap {
    height: 780px;
}
.firedLeftImg {
    position: absolute;
    top: 30px;
    right: -300px;
    max-width: 540px;
}
.moldtWrap {
    height: 660px;
}
.moldtLeftImg {
    position: absolute;
    top: 30px;
    right: -160px;
    max-width: 540px;
}
.moldrLeftImg {
    position: absolute;
    top: 35px;
    right: -200px;
    max-width: 480px;
}
ul.moldrlistLeft li {
    font-size: 21px;
    background: url('../images/dot.png') no-repeat;
    background-position: left top 10px;
    background-size: 15px 15px;
    padding: 4px 0 4px 25px;
}
ul.moldrlistLeft {
    padding-bottom: 15px;
}
.moldrLeft {
    height: 720px;
}
.moldrbg {
    padding: 50px 0 75px;
}
.moldrWrap {
    height: 660px;
}
.leakWrap {
    height: 580px;
}
.leakLeftImg {
    position: absolute;
    top: 80px;
    right: -280px;
    max-width: 560px;
}
.tenantWrap {
    height: 500px;
}
.tenantLeftImg {
    position: absolute;
    top: 70px;
    right: -280px;
    max-width: 560px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .waterIcoBox img {
        width: 100px;
    }
    .waterIcoBox p {
        font-size: 18px;
    }
    .moldtWrap {
        height: 700px;
    }
    .moldtLeftImg {
        top: 50px;
    }
    .moldrLeftImg {
        right: -250px;
        top: 90px;
    }
    .moldrWrap,
    .moldrLeft {
        height: 820px;
    }
    .leakWrap {
        height: 700px;
    }
    .leakLeftImg {
        right: -320px;
        top: 140px;
    }
    .tenantLeftImg {
        right: -320px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .pageServices {
        width: 1000px;
    }
    .waterIcoBox img {
        width: 90px;
    }
    .waterIcoBox h3 {
        font-size: 24px;
    }
    .waterIcoBox p {
        font-size: 16px;
        width: 100%;
    }
    .waterlistLeft p, .waterlistRight p {
        width: 100%;
        font-size: 16px;
    }
    .waterlistRight ul li {
        font-size: 16px;
        background-position: left top 10px;
        background-size: 14px 14px;
        padding-left: 24px;
    }
    .waterlistRight ul {
        padding-top: 15px;
    }
    .waterTit h2,
    .waterTit h3 {
        font-size: 38px;
    }
    .waterTit h2 span,
    .waterTit h3 span {
        font-size: 16px;
    }
    .waterTit {
        padding-bottom: 90px;
    }
     ul.moldrlistLeft li {
        font-size: 16px;
         background-size: 10px 10px;
         background-position: left top 8px;
         padding-left: 20px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .pageServices {
        width: 1000px;
    }
    .waterIcoBox img {
        width: 70px;
    }
    .waterIcoBox {
        width: 30%;
    }
    .waterbg {
        padding: 0 0 35px;
    }
    .waterIcoBox h3 {
        font-size: 24px;
    }
    .waterIcoBox p {
        font-size: 16px;
        width: 100%;
    }
    .waterlistLeft p, .waterlistRight p {
        width: 100%;
        font-size: 16px;
    }
    .waterlistRight ul li {
        font-size: 16px;
        background-position: left top 10px;
        background-size: 14px 14px;
        padding-left: 24px;
    }
    .waterlistRight ul {
        padding-top: 15px;
    }
    .waterdLeftImg {
        width: 440px;
    }
    .waterdWrap {
        height: 400px;
    }
    .waterlistLeft {
        padding: 30px 50px 60px;
    }
    .waterlistRight {
        padding-top: 30px;
    }
    .waterTit h2,
    .waterTit h3 {
        font-size: 38px;
    }
    .waterTit h2 span,
    .waterTit h3 span {
        font-size: 16px;
    }
    .waterTit {
        padding-bottom: 90px;
    }
    .firedLeftImg {
        width: 440px;
        top: 70px;
    }
    .firedWrap {
        height: 720px;
    }
    .moldtWrap {
        height: 620px;
    }
    .moldtLeftImg {
        top: 30px;
        max-width: 280px;
    }
     ul.moldrlistLeft li {
        font-size: 16px;
         background-size: 10px 10px;
         background-position: left top 8px;
         padding-left: 20px;
    }
    .moldrLeftImg {
        width: 400px;
        right: -250px;
        top: 80px;
    }
    .leakLeftImg {
        width: 400px;
        right: -280px;
        top: 130px;
    }
    .tenantLeftImg {
        max-width: 380px;
        right: -240px;
    }
    .tenantWrap {
        height: 400px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .servallBtnPlace {
       margin: 50px auto 0;
    }
    .pageServices {
        width: 1000px;
    }
    .waterIcoBox img {
        width: 60px;
    }
    .waterIcoBox {
        width: 30%;
    }
    .waterbg {
        padding: 0 0 35px;
    }
    .waterIcoBox h3 {
        font-size: 21px;
    }
    .waterIcoBox p {
        font-size: 16px;
        width: 100%;
    }
    .waterlistLeft p, .waterlistRight p {
        width: 100%;
        font-size: 16px;
    }
    .waterlistRight ul li {
        font-size: 16px;
        background-position: left top 10px;
        background-size: 14px 14px;
        padding-left: 24px;
    }
    .waterlistRight ul {
        padding-top: 15px;
    }
    .waterdLeftImg {
        width: 280px;
        right: -200px;
        top: 100px;
    }
    .waterdWrap {
        height: 350px;
    }
    .waterlistLeft {
        padding: 30px 50px 20px;
    }
    .waterlistRight {
        padding-top: 30px;
    }
    .waterTit h2,
    .waterTit h3 {
        font-size: 38px;
    }
    .waterTit h2 span,
    .waterTit h3 span {
        font-size: 16px;
    }
    .waterTit {
        padding-bottom: 90px;
    }
    .firedLeftImg {
        width: 320px;
        top: 180px;
        right: -200px;
    }
    .firedWrap {
        height: 800px;
    }
    .moldtLeftImg {
        right: -180px;
    }
     ul.moldrlistLeft li {
        font-size: 16px;
         background-size: 10px 10px;
         background-position: left top 8px;
         padding-left: 20px;
    }
    .moldrLeftImg {
        width: 320px;
        right: -200px;
        top: 130px;
    }
    .leakWrap {
        height: 620px;
    }
    .leakLeftImg {
        width: 320px;
        right: -200px;
        top: 160px;
    }
    .tenantLeftImg {
        max-width: 300px;
        right: -180px;
        top: 100px;
    }
    .tenantWrap {
        height: 400px;
    }
}
@media only screen and (max-width: 767px) {
    .servallBtnPlace {
        margin: 25px auto 0;
    }
    .waterIcoWrap {
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
    }
    .waterIcoBox {
        width: 100%;
        margin-bottom: 50px;
    }
    .waterdLeftImg {
        position: static;
        margin-top: 20px;
        width: 100%;
        display: block;
        max-width: 100%;
    }
    .waterdWrap {
        height: auto;
    }
    .waterbg {
        padding: 20px 0 0;
    }
    .waterIcoBox img {
        width: 60px;
    }
    .waterIcoBox h3 {
        font-size: 21px;
    }
    .waterIcoBox p {
        font-size: 18px;
    }
    .waterlistWrap {
        width: 90%;
        margin: 0 auto;
        flex-direction: column;
    }
    .waterlistLeft,
    .waterlistRight {
        width: 100%;
    }
    .waterlistLeft {
        padding: 20px 0;
    }
    .waterlistLeft p,
    .waterlistRight p {
        font-size: 18px;
    }
    .waterlistRight {
        padding-top: 20px;
    }
    .waterlistRight ul li {
        font-size: 18px;
        background-size: 12px 12px;
        background-position: left top 14px;
        padding-left: 24px;
    }
    .waterlistRight ul {
        padding-top: 15px;
    }
    .waterTit h2,
    .waterTit h3 {
        font-size: 38px;
    }
    .waterTit h2 span,
    .waterTit h3 span {
        font-size: 16px;
    }
    .waterTit {
        padding-bottom: 50px;
    }
    .firedLeftImg {
        position: static;
        margin-top: 20px;
        width: 100%;
        display: block;
        max-width: 100%;
    }
    .firedWrap {
        height: auto;
    }
    .moldtLeftImg  {
        position: static;
        margin-top: 20px;
        width: 100%;
        display: block;
        max-width: 100%;
    }
    .moldtWrap {
        height: auto;
    }
    .moldrLeftImg {
        position: static;
        margin-top: 20px;
        width: 100%;
        display: block;
        max-width: 100%;
    }
    ul.moldrlistLeft {
        padding: 0 25px 15px;
    }
    ul.moldrlistLeft li {
        font-size: 18px;
    }
    .moldrWrap,
    .moldrLeft {
        height: auto;
    }
    .moldrbg {
        padding-bottom: 0;
    }
    .leakLeftImg,
    .tenantLeftImg {
        position: static;
        margin-top: 20px;
        width: 100%;
        display: block;
        max-width: 100%;
    }
    .leakWrap,
    .tenantWrap {
        height: auto;
    }
}
@media only screen and (max-width: 479px) {
    .moldrbg {
        padding: 0;
    }
}
/*========================================================
    CONTACT page
=========================================================*/
.contactbg {
    padding: 0 0 70px;
}
.contactWrap {
    text-align: center;
}
.contactTit h1 {
    font-size: 58px;
    font-weight: 700;
    color: var(--green);
}
.contactTit h1 span {
    display: block;
    font-size: 32px;
    text-transform: capitalize;
}
.contactWrap {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.contactInfo {
    width: 450px;
    margin: 0 auto;
}
.contTel {
    width: 280px;
    margin: 0 auto;
}
.contAdr {
     width: 290px;
    margin: 0 auto;
}
.contHours {
     width: 440px;
    margin: 0 auto;
}
.contp {
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--orange);
    text-align: left;
}
.toffice {
    font-size: 32px;
    font-weight: 600;
    padding-left: 10px;
    text-transform: capitalize;
    color: var(--orange);
    position: relative;
    width: 310px;
    margin: 0 0 35px;
}
.toffice::before {
    width: 36px;
    height: 36px;
    content: " ";
    background: url('../images/contact/phone-office-icon.png');
    background-position: center center;
    background-size: 36px 36px;
    position: absolute;
    left: 0;
    top: 5px;
    margin-right: 20px;
}
.temerg {
    font-size: 32px;
    font-weight: 600;
    padding-left: 10px;
    text-transform: capitalize;
    color: var(--orange);
    position: relative;
    width: 310px;
    margin: 0 0 35px;
}
.temerg::before {
    width: 36px;
    height: 36px;
    content: " ";
    background: url('../images/contact/24hours-phone-icon.png');
    background-position: center center;
    background-size: 36px 36px;
    position: absolute;
    left: 0;
    top: 5px;
    margin-right: 20px;
}
.contAdr p {
    font-size: 21px;
    font-weight: 400;
    color: var(--orange);
    position: relative;
    text-align: left;
    width: 440px;
    padding-left: 60px;
    margin: 55px 0 50px;
}
.contAdr p span {
    display: block;
}
.contAdr p::before {
    width: 36px;
    height: 36px;
    content: " ";
    background: url('../images/contact/location-icon.png');
    background-position: center center;
    background-size: 36px 36px;
    position: absolute;
    left: 0;
    top: 5px;
    margin-right: 20px;
}
.contHours p {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    color: var(--orange);
}
.contHours p span {
    display: block;
}
.contPar  {
    font-size: 28px;
    font-weight: 600;
    text-align: left;
    color: var(--green);
    text-align: center;
}
.contactfrombg {
    padding: 50px 0 0;
}
.contactfrombg0 {
    padding-bottom: 70px;
}
.contactFormWrap {
    width: 1100px;
    margin: 50px auto 0;
}
.contactForm {
    width: 100%;
    margin: 35px auto 70px;
}
.contactFormFirst {
    display: none;
}
.formThreeWrapper,
.formTwoWrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.formThreeBox {
    width: 32%;
}
.formStreetBox {
    width: 63%;
}
.formZipBox {
    width: 35%;
}
.formNoticeWrapper {
    width: 100%;
}
.formSubmitWrapper {
    text-align: center;
    margin-top: 75px;
}
.formInput {
    margin: 0 auto 35px;
    border: 1px solid var(--green);
    border-radius: 24px;
    background: transparent;
    color: #ccc;
    padding: 8px 8px 8px 20px;
    display: block;
    width: 100%;
    height: 70px;
    font-size: 18px;
    font-weight: 300;
    outline: none;
}
.formNotice {
    margin: 0 auto 35px;
    border: none;
    padding: 8px;
    display: block;
    width: 100%;
    height: 160px;
    font-size: 18px;
    border: 1px solid var(--green);
    border-radius: 24px;
    outline: none;
    color: #ccc;
    background: transparent;
    padding: 25px;
}
.formSubmit {
    background: var(--orange);
    color: var(--white);
    cursor: pointer;
    display: inline-block;
    padding: 15px 55px;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: capitalize;
    text-align: center;
    border-radius: 64px!important;
    letter-spacing: 2px;
    border: none;
}
.erRed {
    color: #cf0920;
}
.erGreen {
    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) {
    .contp {
        font-size: 16px;
    }
    .toffice,
    .temerg {
        font-size: 24px;
    }
    .contAdr p {
        font-size: 18px;
    }
    .toffice {
        width: 220px;
        margin-bottom: 20px;
    }
    .temerg {
        width: 220px;
        margin-bottom: 20px;
    }
    .toffice span,
    .temerg span {
        font-size: 24px;
    }
    .toffice::before,
    .temerg::before,
    .contAdr p::before {
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
    }
    .contAdr p {
        width: 280px;
        padding-left: 40px;
        margin: 30px 0 50px;
    }
    .contHours p {
        font-size: 21px;
    }
    .contactFormWrap {
        width: 80%;
        max-width: 1300px;
    }
    .formInput {
        font-size: 16px;
    }
    .contTel {
        width: 210px;
    }
    .contAdr {
        width: 240px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .contp {
        font-size: 16px;
    }
    .toffice,
    .temerg {
        font-size: 23px;
    }
    .contAdr p {
        font-size: 18px;
    }
    .toffice {
        width: 200px;
    }
    .temerg {
        width: 200px;
    }
    .toffice span,
    .temerg span {
        font-size: 24px;
    }
    .toffice::before,
    .temerg::before,
    .contAdr p::before {
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
    }
    .contAdr p {
        width: 260px;
        padding-left: 40px;
        margin: 35px 0 50px;
    }
    .contHours p {
        font-size: 21px;
    }
    .contactbg {
        padding: 0 0 70px;
    }
    .contactFormWrap {
        width: 100%;
    }
    .formInput {
        font-size: 16px;
    }
    .contTel {
        width: 210px;
    }
    .contAdr {
        width: 240px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .contp {
        font-size: 16px;
    }
    .contactWrap {
        flex-direction: column-reverse;
    }
    .contactInfo {
        width: 100%;
    }
    .toffice,
    .temerg {
        font-size: 24px;
    }
    .contAdr p {
        font-size: 18px;
    }
    .toffice {
        width: 210px;
        margin: 0 0 35px;
    }
    .temerg {
        width: 210px;
        margin: 0 0 35px;
    }
    .toffice span,
    .temerg span {
        font-size: 24px;
    }
    .toffice::before,
    .temerg::before,
    .contAdr p::before {
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
    }
    .contAdr p {
        width: 280px;
        padding-left: 40px;
        margin: 0 auto 50px;
    }
    .contHours p {
        font-size: 21px;
        padding-left: 0;
        text-align: center;
        margin-bottom: 50px;
    }
    .contactbg {
        padding: 20px 0 0;
    }
    .contactFormWrap {
        width: 100%;
    }
    .formThreeWrapper, .formTwoWrapper {
        flex-direction: column;
    }
    .formThreeBox,
    .formStreetBox,
    .formZipBox{
        width: 100%;
    }
    .contactForm {
        width: 90%;
        margin-bottom: 0;
    }
    .formInput {
        font-size: 16px;
    }
    .contTel {
        width: 200px;
    }
    .contAdr {
        width: 240px;
    }
    .contactfrombg0 {
        padding-bottom: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .contp {
        font-size: 16px;
    }
   .contactWrap {
        flex-direction: column-reverse;
    }
    .contactInfo {
        width: 100%;
    }
    .toffice,
    .temerg {
        font-size: 21px;
    }
    .contAdr p {
        font-size: 18px;
    }
    .toffice {
        width: 200px;
        margin: 0 0 35px;
    }
    .temerg {
        width: 200px;
        margin: 0 0 35px;
    }
    .toffice span,
    .temerg span {
        font-size: 24px;
    }
    .toffice::before,
    .temerg::before,
    .contAdr p::before {
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
    }
    .toffice::before {
        margin-right: 0;
    }
    .contAdr p {
        width: 240px;
        padding-left: 40px;
        margin: 0 auto 50px;
    }
    .contHours p {
        font-size: 21px;
        padding-left: 0;
        text-align: center;
        margin-bottom: 50px;
    }
    .contactbg {
        padding: 35px 0 0;
    }
    .contactFormWrap {
        width: 100%;
    }
    .formThreeWrapper, .formTwoWrapper {
        flex-direction: column;
    }
    .formThreeBox,
    .formStreetBox,
    .formZipBox{
        width: 100%;
    }
    .contactForm {
        width: 90%;
        margin: 35px auto 0;
    }
    .formInput {
        font-size: 16px;
    }
    .contTel {
        width: 190px;
    }
    .contAdr {
        width: 240px;
    }
    .contactfrombg0 {
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 479px) {
    .contHours p {
        font-size: 18px;
    }
    .contHours {
        width: 100%;
    }
}
/*========================================================
    NEWS page
=========================================================*/
.newsbg {
    padding: 0 0 90px;
}
.pageNews {
    width: 1350px;
    margin: 0 auto;
}
.newsTit h3 {
    font-size: 42px;
    font-weight: 700;
    color: var(--orange);
    text-transform: capitalize;
    text-align: center;
    padding-bottom: 50px;
}
.newsFirstWrap {
    width: 100%;
    display: flex;
    align-items: center;
}
.newsFirstLeft,
.newsFirstRight {
    width: 50%;
}
.newsFirstPad {
    padding-right: 80px;
}
.newsFirstLeft p {
    font-size: 21px;
    line-height: 1.3;
}
.newsFirstLeft ul {
    padding: 25px 0 25px 25px;
}
.newsFirstLeft ul li {
    font-size: 21px;
    background: url('../images/dot.png') no-repeat;
    background-position: left top 10px;
    background-size: 14px 14px;
    padding: 4px 0 4px 28px;
}
.newsFirstRight img {
    width: 100%;
    display: block;
}

/*========================================================
	FAQ page
=========================================================*/
.faqbg {
    padding: 0 0 70px;
}
.orangeSpan{
  color: var(--orange);
}
.pageFacts {
    width: 1300px;
    margin: 0 auto;
}
.pageFacts ul {
    padding: 0 0 35px;
}
.pageFacts ul li {
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 25px;
    line-height: 1.5;
}
.pageFacts ul li span {
    font-weight: 700;
    display: block;
    padding-bottom: 10px;
    font-size: 30px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {

}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
    .pageFacts {
        width: 1020px;
    }
    .pageFacts ul li span {
        font-size: 21px;
    }
    .pageFacts ul li {
        font-size: 18px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .pageFacts {
        width: 880px;
    }
    .pageFacts ul li span {
        font-size: 19px;
    }
    .pageFacts ul li {
        font-size: 16px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .pageFacts {
        width: 90%;
    }
    .pageFacts ul li span {
        font-size: 18px;
    }
    .pageFacts ul li {
        font-size: 16px;
    }
    .faqbg {
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 767px) {
   .pageFacts {
        width: 90%;
    }
    .pageFacts ul li span {
        font-size: 18px;
    }
    .pageFacts ul li {
        font-size: 16px;
    }
    .faqbg {
        padding-bottom: 0;
    }
}

/*========================================================
	  Green Divider Index
=========================================================*/
.dividGreen{
  background: var(--green);
  padding: 60px 0;
  margin: 0 0 100px;
}
.dividGreenCenter{
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.dividGreen h2{
  color: var(--white);
  font-size: 69px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .dividGreen h2{
    font-size: 56px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .dividGreen {
  	padding: 50px 0;
  	margin: 0 0 60px;
  }
  .dividGreen h2{
    font-size: 42px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .dividGreen {
  	padding: 50px 0;
  	margin: 0 0 60px;
  }
  .dividGreen h2{
    font-size: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .dividGreen {
  	padding: 50px 0;
  	margin: 0 0 50px;
  }
  .dividGreen h2{
    font-size: 42px;
  }
  .dividGreen h2 span{
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .dividGreen {
  	padding: 50px 0;
  	margin: 60px 0 10px;
  }
  .dividGreen h2{
    font-size: 26px;
  }
  .dividGreen h2 span{
    display: block;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .dividGreen h2{
    font-size: 36px;
  }
}


/*========================================================
	  Left Right Section Index
=========================================================*/
.bigContWrap{
  width: 61%;
  margin: 0 auto;
}
.bigContWrapMobile{
  display: none!important;
}

.boxTextWrap {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding: 32px 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.indexRowRev {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.indexRow {
  display: flex;
  flex-direction: row;
  align-items: center;
}
/*** for both sides ***/
.boxTextLeft,
.boxTextRight {
  overflow: hidden;
  display: flex;
  text-align: center;
  align-items: center;
}
/*** end for both sides ***/
/*** for left side ***/
.boxTextLeft {
  justify-content: center;
  width: 40%;
}
.bbg {
  background: #20425c;
}
.sleft {
  float: left;
}
.boxTextAside {
  margin: 0 auto;
  width: 100%;
}
.boxTextAside img {
  width: 100%;
}
.boxTextAside p {
  color: #fff;
  text-transform: capitalize;
  font-size: 32px;
}
.boxTextInside  {
  text-align: left;
}
/*** end for left side ***/
/*** for right side ***/

.boxTextRight {
  width: 60%;

  justify-content: flex-start;
}
.sright {
  float: right;
}
.padleft {
  padding-left: 160px;
}
.padleft ul {
  padding: 20px 0;
}
.padleft ul li {
  font-size: 21px;
  line-height: 1.5;
  background: url('../images/dot.png');
  background-position: left top 10px;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  padding-left: 30px;
}
.padleft ul li span {
  font-weight: 700;
}
.padright {
  padding-right: 60px;
}
.boxTextRight h3,
.boxTextRight h5 {
  font-size: 36px;
  text-align: left;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: normal;
}
.boxTextRight h3 span,
.boxTextRight h5 span {
  display: block;
  font-size: 28px;
  font-weight: 600;
  text-transform: none;
  padding-top: 10px;
}
.boxTextInside p {
  font-size: 19px;
  text-align: left;
  line-height: 1.5;
  padding: 30px 0 20px;
}
.lastline {
  border-bottom: 1px solid #ccc;
}
.firstline {
  border-top: 1px solid #ccc;
}
.smallBtnPlace{
  padding: 10px 0 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .bigContWrap {
    width: 68%;
  }
  .boxTextRight h3,
  .boxes3Tit,
  .boxTextRight h5 {
    font-size: 32px;
  }
  .boxTextRight h3 span,
  .boxTextRight h5 span {
    font-size: 21px;
  }
  .boxTextInside p {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .bigContWrap {
    width: 68%;
  }
  .boxTextAside p {
    font-size: 24px;
  }
  .boxTextRight h3,
  .innerwrapper h2,
  .boxTextRight h5 {
    font-size: 28px;
  }
  .boxTextRight h3 span,
  .boxTextRight h5 span {
    font-size: 18px;
  }
  .padleft {
    padding-left: 80px;
  }
  .boxTextWrap h2 {
    padding: 30px 0;
    font-size: 32px;
  }
  .boxTextInside p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .bigContWrap {
    width: 88%;
  }
  .boxTextAside p {
    font-size: 20px;
  }
  .boxTextRight h3,
  .boxTextRight h5 {
    font-size: 26px;
  }
  .boxTextRight h3 span,
  .boxTextRight h5 span {
    font-size: 20px;
  }
  .boxTextInside p {
    font-size: 16px;
    padding: 20px 0;
  }
  .padleft {
    padding-left: 60px;
  }
  .padleft ul li {
    font-size: 16px;
  }
  .boxTextWrap h2 {
    padding: 20px 0;
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .boxTextRight h3,
  .boxTextRight h5 {
    font-size: 26px;
    padding-bottom: 20px;
  }
  .boxTextRight h3 span,
  .boxTextRight h5 span {
    font-size: 20px;
  }
  .boxTextAside p {
    font-size: 20px;
  }
  .boxTextInside img {
    width: 200px;
  }
  .boxTextInside p {
    font-size: 16px;
    padding: 10px 0;
  }
  .boxTextLeft {
    width: 480px;
  }
  .boxTextRight {
    width: 100%;
  }
  .indexRowRev {
    flex-direction: column;
  }
  .boxTextLeft {
    margin-bottom: 30px;
  }
  .padleft {
    padding-left: 0;
  }
  .padright {
    padding-right: 10px;
  }
  .boxTextWrap {
    padding: 30px;
  }
  .boxTextWrap h2 {
    padding: 20px 0;
    font-size: 26px;
  }
  .indexRow {
    flex-direction: column;
  }
  .boxTextWrap {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .bigContWrap {
    width: 90%;
  }
  .bigContWrapDesktop{
    display: none;
  }
  .bigContWrap .bigContWrapMobile{
    display: block!important;
  }
  .lastline{
    border-bottom: none;
  }
  .indexRow,
  .indexRowRev{
    min-height: 626px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .boxTextRight h3,
  .boxTextRight h5 {
    font-size: 26px;
    padding: 0 10px 20px;
  }
  .boxTextRight h3 span,
  .boxTextRight h5 span {
    font-size: 18px;
  }
  .boxTextInside p {
    width: 100%;
  }
  .boxTextLeft,
  .boxTextRight {
    height: auto;
    width: 100%;
    float: none;
    margin: 0 auto;
  }
  .boxTextAside p {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .boxTextRight {
    display: inline-block;
  }
  .padleft,
  .padright {
    padding: 20px 0;
  }
  .boxTextInside p {
    padding: 10px;
  }
  .boxTextWrap {
    padding: 15px 0;
    flex-direction: column;
  }
  .indexRowRev,
  .indexRow {
    flex-direction: column;
  }
  .boxTextWrap h2 {
    padding: 20px 0 35px;
    font-size: 26px;
  }
}
@media only screen and (max-width: 479px) {
  .boxTextRight h3,
  .boxTextRight h5 {
    font-size: 24px;
    padding-bottom: 10px;
  }
  .boxTextRight h3 span,
  .boxTextRight h5 span {
    font-size: 21px;
  }
  .boxTextLeft,
  .boxTextRight {
    height: auto;
    width: 100%;
    float: none;
    margin: 0 auto;
  }
  .boxTextAside p {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .boxTextInside img {
    width: 200px;
  }
  .boxTextRight {
    display: inline-block;
  }
  .boxTextInside p {
    font-size: 18px;
    padding: 10px 0;
    width: 100%;
  }
  .boxTextWrap {
    padding: 15px 0;
    flex-direction: column;
  }
  .indexRowRev,
  .indexRow {
    flex-direction: column;
  }
  .boxTextWrap h2 {
    padding: 10px 0 30px;
    font-size: 26px;
    text-align: center;
  }
  .padleft,
  .padright {
    padding: 20px 0 0 0;
  }
}

/*========================================================
    Responsive Menu
=========================================================*/
@media only screen  and (min-width: 1301px) {
    ul.mobimenu {
        background: transparent!important;
    }
    .menu ul li.dlink a {
        color: var(--black)!important;
    }
}
/*========================================================
    Mobile Menu
=========================================================*/
@media only screen  and (max-width: 1300px) {
	.smobitrigger,
	.mnuclose {
		display: inline-block;
	}
	.smobitrigger {
	color: transparent;
	width: 30%;
		margin: 0 auto;
	}
	.smobitrigger {
		background: url("../images/menuopen.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50px 50px;
		width: 50px;
		height: 50px;
	}
	.mnuclose {
		background: url('../images/menuclose.png');
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 45px 45px;
		color: transparent;
		height: 45px;
		margin: 0 0 10px 0;
		width: 100%;
		text-align: right;
		display: inline-block;
	}
	.menu  ul {
		padding: 0 10px 20px;
		overflow-y: auto;
		margin: 0 auto;
        text-align: center;
	}
    .menu li {
        line-height: inherit;
    }
    .menu ul li.dlink {
        display: block;
    }
    .menu ul li a {
        font-size: 18px;
    }

	.menu ul li.mlogo {
        margin: 20px auto 0;
        display: block;
        text-align: center;
	}
	.menu ul li.mlogo  img {
		width: 240px;
        margin: 0 auto 30px;
        position: static;
	}
	.menu ul li.mphone {
		display: block;
        margin-bottom: 10px;
	}
    .menu ul li.mphone span {
        display: block;
        font-size: 16px;
        font-weight: 300;
        color: #777;
    }
	.menu ul li.mphone a {
		font-size: 26px;
        color: #fff;
	}
	.menu ul li.maddress {
		display: block;
		font-size: 16px;
		line-height: 1.5;
		text-transform: capitalize;
		margin: 35px auto 20px;
		 color: #777;
	}
	.menu ul li.maddress span {
			display: block;
	}
    .menu ul li.mhours {
        display: block;
		font-size: 14px;
		line-height: inherit;
        margin: 0 auto 30px;
        color: #fff;
        font-family: barlowmedium,arial,sans-serif;
    }
    .menu ul li.mhours span {
        display: block;
    }
	.menu ul li.msocial {
		display: flex;
        justify-content: center;
        align-items: center;
		width: 100%;
        margin: 35px auto 20px;
	}
    .menu ul li.msocial img {
        width: 40px;
        margin-left: 10px;
    }

		.mobimenu {
			padding: 0;
			margin: 0px;
			width: 14.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: 9998;
			-webkit-transition: 0.5s;
			-moz-transition: 0.5s;
			-ms-transition: 0.5s;
			-o-transition: 0.5s;
		transition: 0.5s;
	}
    .boxesWrap {
        width: 90%;

    }

    .logoMob {
        width: 60%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .logoMob img {
        width: 160px;
    }
    .one,
    .three {
        display: none;
    }
    .two {
        width: 100%;
        height: 90px;
    }
    nav {
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .telMob {
        width: 20%;
        display: flex;
    }
    .telMob a {
        display: inline-block;
    }
    .socIco {
        width: 50px;
        margin-right: 5px;
    }
    .menu ul li.mmlinks{
      display: block;
      margin-top: 15px;
      text-transform: capitalize;
    }
}
@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 479px) {
    .telMob img {
        width: 40px;
    }
    .smobitrigger {
        background-size: 40px 40px;
        width: 40px;
        height: 40px;
    }
}
@media only screen and (min-width: 2561px) {
    .fullwrapper {
        max-width: 2560px;
        margin: 0 auto;
    }
}
/*========================================================
    hidden text
=========================================================*/
.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;
  }
/*========================================================
    and hidden text
=========================================================*/
  .owl-theme .owl-dots .owl-dot span{
    padding:10px;
  }