@import url('https://fonts.googleapis.com/css2?family=Acme&family=Poppins:ital,wght@0,400;0,500;0,700;1,400;1,500;1,600&display=swap');

.no-padding{

  padding-left: 0px;

}

.no-margin{

  margin: 0px;

}

.mt-70{

  margin-top: 70px;

}

.mb-70{

  margin-bottom:  70px;

}

.pt-70{

  padding-top: 70px;

}

.pb-70{

  padding-bottom:  70px;

}

.mt-50{

  margin-top: 50px;

}

.mb-15{

  margin-bottom: 15px;

}

.mb-30{

  margin-bottom: 30px;

}



body,p,a{

  font-family: 'Poppins', sans-serif;

  color: #252525;

}

p,ul{

  font-size: 16px;

  line-height: 28px;

  font-weight: 400;

  color: #808080;

  margin: 0px 0px 15px;

}

.logo-text, h1, h2, h3, h4, h5, h6 {

  /* font-family: 'Acme', sans-serif; */
  font-family: 'Poppins', sans-serif;

  font-weight: bold;

}

body{

  background: #f2f2f2;

}

h1{

  font-size: 30px;

  font-weight: 900;

}

h2{

  font-size: 22px;

  font-weight: 900;

}





/*services-start*/

.service-title p{

  line-height: 15px;

  font-weight: 700;

  letter-spacing: .04em;



}

.service-box img {

  padding-top: 40px;

  max-width: 60px;

  max-width: 50px;

}

.service-title h1{

  font-weight: 900;

  line-height: 0px;

  letter-spacing: .02em;

}

.service-box{

  background: #fff;

  position: relative;

  z-index: 0;

}

.service-box:hover h2,.service-box:hover p {

  color: white !important;

}

/* .service-box:hover img{

  filter: brightness(100);    

} */



.service-box img {

  padding-top: 32px;

}

.service-box h2{

  padding-top: 25px;

  /*background: #fff;*/

}

.service-box p{

  padding-top: 11px;

  padding-bottom: 40px;

  color: #333;

}

.service-title::before{

  content: '';

  position: absolute;

  display: inline-block;

  width: 2px;

  height: 44px;

  left: -15px;

}

/*services-end*/





/*about-start*/

.about{

  background-image: url("../img/pest-bg.jpg");

}

.about .row .about-text {
  max-width: 700px;
  margin: auto;
  padding-top: 30px;
}

.about .row h1 {

  margin-top: -20px;

}



body.color-01 .about p{

  color: #fff;

  opacity: .8;

}

body.color-01 .about h1{

  color: #fff;

}

body.color-01 .line{

  content: '';

  position: absolute;

  height: 2px;

  width: 65px;

  top: 15%;

  left:50%;

  right: -50px;

  display: inline-block;

  transform: translateX(-50%);

}

/*about-end*/





/*portfolio-start*/

.sec_container {

position: relative;

width: 100%;

}



.image {

display: block;

width: 100%;

height: auto;

}



.overlay {

position: absolute;

top: 0;

bottom: 0;

left: 0;

right: 0;

height: 100%;

width: 100%;

opacity: 0;

transition: .5s ease;

}

.sec_container:hover .overlay {

opacity: 1;

}

.text {

color: #fff;

font-family: 'Lato', serif;

font-size: 22px;

position: absolute;

left: 50%;

transform: translateX(-50%);

top: 5%;

/*left: 20%;*/

/*-webkit-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);*/

}

.text_sec{

color: #fff;

position: absolute;

top: 36%;

left: 3%;

/* -webkit-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);*/

}



/*overlay sec*/



.container-about-us {

position: relative;

}



.image-about-us {

display: block;

height: auto;

}



.overlay-about-us {

position: absolute;

bottom: 0;

left: 0;

right: 0;

background-color: rgba(69,3,103,0.8);

overflow: hidden;

width: 100%;

height: 0;

transition: .5s ease;

}



.overlay-about-us {

height: 20%;

}

.text-about-us {

color: white;

font-size: 15px;

position: absolute;

top: 50%;

left: 50%;

-webkit-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

text-align: center;

}



/*=======================================================================*/



.underline{

  right: 10%!important;

}

.label-room-one{

  font-family: 'Playfair Display', serif;

  color: #fff;

  position: absolute;

  top: 70%;

  left: 19%;

  font-size: 25px;

  /*margin-top: -100px;*/

}

.label-room-one span{

  position: absolute;

  top: 120%;

  right: 20%;

  width: 100px;

  border: 5px solid #fff;

  border-radius: 20px;

}

.img-one:hover .label-room-one,

.overlay:hover .label-room-one

{

  display: none!important;

}

/*==============================Sesonal Specials===========================*/



/*portfolio-end*/





/*footer-start*/

.footer-01 {

  background: #0e0e0e;

  color: #fff;

}

.footer-01 .icon {

  width: 40px;

  display: inline-flex;

  height: 40px;

  border: 1px solid #c5c5c5;

  border-radius: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 16px;

  float: left;

  margin: 5px;

}

.footer-01 a:hover {

  color: #048f99;

}

.footer-01 .icon:hover{

  border: 1px solid #048f99;

  color:#048f99;

}

.social{

  padding: 65px 0 50px 0;

}

.social img{

  padding: 10px;

}

.social p a{

  font-weight: 700;

}

span.bar{

  display: inline-block;

  background-color: #333;

  width: 1px;

  height: 11px;

  margin: 0 10px;

}



.footer-02{

  background: #e64a19;

}

.footer-02 p{

  text-transform: uppercase;

  font-weight: 300;

  font-size: 13px;

  color: #fff;

  padding: 19px 0;

  margin:0;

}

/*footer-end*/



/*------------- go to top strat---------------*/

.scrollToTop {

text-decoration: none;

cursor: pointer;

background: #FFBC30;

position: fixed;

bottom: 50px;

right: 10px;

width: 30px;

height: 30px;

border-radius: 15px;

display: none;

border: 1px solid #fff;

}



.scrollToTop .fa-angle-up{

color: #fff;

font-size: 22px;

padding-left: 7px;

padding-top: 3px;

}

/*------------- go to top end---------------*/



/* ---------------------------------------------------

Small devices (landscape phones, 576px and up)

-----------------------------------------------------*/

@media (min-width: 576px) {









}







/* ---------------------------------------------------

Medium devices (tablets, 768px and up)

-----------------------------------------------------*/

@media (min-width: 768px) {

/*banner-start*/

.navbar li.active{position: relative;}



.navbar li.active a:after{

    content: '';

    position: absolute;

    bottom: 0;

    width: 7px;

    height: 7px;

    left: 50%;

    transform: translateX(-50%);

    background: #e64a19;

}



.img-top-bar{

  border-top:1px solid #e64a19;

}

/*banner-end*/

}





/* ---------------------------------------------------

Large devices (desktops, 992px and up)

-----------------------------------------------------*/

@media (min-width: 992px) {





}







/* ---------------------------------------------------

Extra large devices (large desktops, 1200px and up)

-----------------------------------------------------*/

@media (min-width: 1200px) {



}





.btn-main{

  background: #006168;

  color: #fff;

  width: 150px;

  padding: 12px 0 0.11px 0;

}

.btn-main a{

  color: #fff;

}



/*service-start*/

.service-title{

  border-left: 10px solid #006168;

  padding-left: 10px;

  height: 44px;

  margin-left: 5px;

  position: relative;    

}

.service-box-line{

  content: '';

  position: absolute;

  z-index: 1;

  background: #006168;

  display: inline-block;

  height: 40px;

  width: 2px;

  top: 0;

}

.service-box {

  background-image: linear-gradient(transparent,#006168b5 0),url(../img/bgimg.png);

  transition: 1s;

  cursor: pointer;

  background-repeat: no-repeat;

  background-size: cover;
  color:#fff;
  min-height: 160px;
display: flex;
align-items: center;
justify-content: center;

}
.service-box.ser1{  
  background-image: linear-gradient(transparent,#006168b5 0),url(../img/pest/termite.png);
}
.service-box.ser2{  
  background-image: linear-gradient(transparent,#006168b5 0),url(../img/pest/bedbug.png);
}
.service-box.ser3{  
  background-image: linear-gradient(transparent,#006168b5 0),url(../img/pest/snake.png);
}
.service-box.ser4{  
  background-image: linear-gradient(transparent,#006168b5 0),url(../img/pest/mosquito.png);
}
.service-box.ser5{  
  background-image: linear-gradient(transparent,#006168b5 0),url(../img/pest/fly.png);
}
.service-box.ser6{  
  background-image: linear-gradient(transparent,#006168b5 0),url(../img/pest/disinfection.png);
}
.service-title::before{

background: #006168;

}

.img-border{

border:5px solid #006168;

}

/*service-end*/





/*about-start*/

body.color-01 .line{

background: #006168;

}

/*about-end*/





/*portfolio-start*/

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{

background-color: #006168;

}



.overlay {

background-color:#006168b5 ;

}

/*portfolio-end*/



/*footer-start*/

.footer-02 {

  background: #006168;

}

/*footer-end*/



/*------------- go to top strat---------------*/

.scrollToTop {

text-decoration: none;

cursor: pointer;

background: #006168;

position: fixed;

bottom: 50px;

right: 10px;

width: 40px;

height: 40px;

border-radius: 25px;

display: none;

}



.scrollToTop .fa-angle-up {



  color: #fff;

  font-size: 22px;

  padding: 0;

  margin: 0;



}

.go-top {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 100%;

}

/*------------- go to top end---------------*/





/* ---------------------------------------------------

Small devices (landscape phones, 576px and up)

-----------------------------------------------------*/

@media (min-width: 576px) {



}







/* ---------------------------------------------------

Medium devices (tablets, 768px and up)

-----------------------------------------------------*/

@media (min-width: 768px) {

/*banner-start*/

.navbar li.active{position: relative;}



.navbar li.active a:after{

    content: '';

    position: absolute;

    bottom: 0;

    width: 7px;

    height: 7px;

    left: 50%;

    transform: translateX(-50%);

    background: #006168;

}



.img-top-bar{

  border-top:1px solid #006168;

}

/*banner-end*/

}





/* ---------------------------------------------------

Large devices (desktops, 992px and up)

-----------------------------------------------------*/

@media (min-width: 992px) {





}







/* ---------------------------------------------------

Extra large devices (large desktops, 1200px and up)

-----------------------------------------------------*/

@media (min-width: 1200px) {



}



.about p, .about h1 {



    color: #fff;



}



.nav-item {

  display: flex;

  align-items: flex-end;

}

.logo {

  max-width: 100px;

}

.nav-item {

  display: flex;

  align-items: flex-end;

  padding: 0px 30px;

  font-size: 18px;

  text-transform: uppercase;

}

.navbar-light .navbar-nav .nav-link {

  color:#000;

}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {

  color: rgb(0, 97, 104);

}

.footer-02 a, .footer-02 a:hover {

  color: #fff;

  text-decoration: none;

}

a:hover {

  color: #006168;

  text-decoration: none;

}

.navbar-brand {

  font-size: 1.6rem;

  line-height: inherit;

  white-space: nowrap;

}

.logo-text span {
  font-size: 2rem;
  letter-spacing: 8px;
  text-transform: uppercase;
  color: #006168;
}
.logo-text {

  line-height: 1;

  margin-left: 15px;

  font-size: 1.1rem;

  color: #000;

}

.footer-01 p, .footer-01 a {

  font-size: 16px;

  color: #c5c5c5;
  display: inline-block;

}
.footersocial {
  margin-bottom: 0px;
}

.footer-01 ul {

  list-style: disclosure-closed;

  margin-left: -20px;

  line-height: 2.5;

}

.social p a {

  font-weight: 500;

}

.btn-main a:hover {

  color: #fff;

}

.sl-overlay {

  background: #000;

}

.carousel-item::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.3);

}

.carousel-caption h1 {

  font-size: 2rem;

}

.carousel-caption {

  position: absolute;

  right: 15%;

  bottom: 10%;

}

.vendor {
  background: url(../img/banner-pest.jpg) no-repeat bottom center;
  color: #fff;
  padding: 100px 0px;
  text-align: center;
  position: relative;
}s
.vendor::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.3);

}

.vendor a, .vendor p {

  color: #fff;

}

.vendor span.bar {

  background: #fff;

  width: 8px;

  height: 5px;

}

.pd50{

  padding-top: 50px;

  padding-bottom: 50px;

}

.bge1{

  background-color: #e1e1e1;

}

.about-us-section{

  background-color: #fff;

}

.about-us-section .image-wrapper {

  position: relative;

  margin-bottom: 30px;

  padding-left: 50px;

  padding-bottom: 30px;

  padding-top: 50px;

}

.about-us-section .image-wrapper .shape-one {

  position: absolute;

  top: 0px;

  left: 23px;

}

.about-us-section .image-wrapper .shape-two {

  position: absolute;

  right: 10px;

  bottom: 39px;

}

.about-us-section .image::before {

  position: absolute;

  top: 50%;

  left: 50%;

  display: block;

  content: '';

  width: 0;

  height: 0;

  background: rgba(255, 255, 255, .2);

  border-radius: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  opacity: 0;

  z-index: 10;

}

.about-us-section .image {

  display: block;

  width: 100%;

  height: auto;

  position: relative;

}

.about-us-section h1 {

  font-size: 1.5rem;

  text-transform: uppercase;

  line-height: 1;

  margin-bottom: 30px;

}

.bggreen{

  background: #EAF7F3;

}

.bgwhite{

  background: #fff;

}

.vm-box {

  position: relative;

  background-color: #fff;

  margin-bottom: 30px;

  border-radius: 20px;

  text-align: center;

  padding: 50px 30px;

  transition: .5s;

}

.vm-box .icon {

  position: relative;

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  margin: 0 auto;

    margin-top: 0px;

    margin-bottom: 0px;

  background-color: #e8f9f3;

  font-size: 30px;

  border-radius: 50%;

  margin-top: -30px;

  margin-bottom: 25px;

  transition: .5s;

  color: #006168;

}

.w50{

  max-width: 50%;

}

.why-choose-us img{

  padding: 10px;

}

.why-choose-us .w50:first-child img {

  height: 300px;

  object-fit: cover;

  border-radius: 3px 3px 3px 3px;

}

.why-choose-us .w50:nth-child(2) img {

width: 100%;

height: 150px;

object-fit: cover;

border-radius: 3px 3px 3px 3px;

}
.ser .w50:first-child img {

  height: 400px;

  object-fit: cover;

  border-radius: 3px 3px 3px 3px;

}

.ser .w50:nth-child(2) img {

width: 100%;

height: 200px;

object-fit: cover;

border-radius: 3px 3px 3px 3px;

}

.about-us-section ul li,.service-page ul li{

  position: relative;

  list-style: none;

  line-height: 2;

}

.about-us-section ul li i,.service-page ul li i {

  position: absolute;

  left: -25px;

  top: 5px;

  color: #21c58e;

}

@media(max-width:767px){

  .carousel-caption h1 {

    font-size: 1.4rem;

  }

}

.mm-panel_has-navbar .mm-navbar {

  background: #006168;

  color: #fff;

}

.mm-listitem_selected > .mm-listitem__text {
  border-left: 2px solid #006168;
  color: #006168 !important;
  font-weight: bold;
}

.navbar-toggler:not(:disabled):not(.disabled) {

  margin-left: auto;

}

@media(max-width:500px){

 

.logo-text span {

    font-size: 2rem;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #006168;

}

  .logo-text {

    line-height: 1;

    margin-left: 15px;

    font-size: 1rem;

    color: #000;

  }

}

.service-box {

  background: #fff;

  position: relative;

  z-index: 0;

  padding-bottom: 20px;

  margin-bottom: 5px;
  background-repeat: no-repeat;
  object-fit: cover;
  background-size: cover;


}

.service-box h2 {
  padding-top: 28px;
  text-transform: uppercase;
  font-size: 19px;
}
.round-50{

  border-radius: 50px;

}

@media(max-width:767px){

  .mb-70 {

    margin-bottom: 30px;

  }

  .about .row .about-text {

    max-width: 700px;

    margin: auto;

    padding-top: 0px;

    padding-bottom: 30px;

  }

  .mt-50 {

    margin-top: 0px;

  }

  .about-us-section h1 {

    font-size: 1.5rem;

    margin-bottom: 10px;

  }

}

.pd30{

  padding-top: 30px;

  padding-bottom: 30px;

}



/* our-services-page */

.service-page h1 {

  font-size: 3rem;

  line-height: 0.9;

  margin-bottom: 30px;

}

.service-page h2 {

  font-size: 2.5rem;

}

.service-page .second-section::before {
  background: #ecf6f9;
  content: "";
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 0;
  top: 0;
  box-shadow: 0px 2px 6px 0 rgba(230,235,240,.7);
}

.service-page .second-section {

  position: relative;

}

.services_list .services_item {

  background-color: #fff;

    box-shadow: 0px 2px 6px 0 rgba(230,235,240,.7);

    display: flex;

    flex-direction: row;

    align-items: center;

    padding: 25px 31px;

    transition: .35s;

  margin-bottom: 30px;
  min-height: 97px;
}
  .services_list .services_item img {

    max-width: 50px;

  }

  .services_list .services_item span {

    padding-left: 10px;

  }

  .mb30{

    margin-bottom: 30px;

  }

 .service-page .vm-box {
  padding: 20px;
    padding-top: 20px;
  padding-top: 20px;
  text-align: left;
  padding-top: 40px;
  background: #def7ff;
  box-shadow: 0px 2px 6px 0 rgba(230,235,240,.7);
}

.service-page .bgwhite.vm-box {
background: #fff !important;
}
  @media(min-width:992px){

    .service-page .vm-box {

      min-height: 332px;

    }

    .vm-box{

min-height: 364px;

    }



  }

  @media (max-width:991px) {

    .pd50 {

      padding-top: 30px;

      padding-bottom: 30px;

    }   

    .hidden-md{

      display: none;

    } 

    .service-page h1 {

      font-size: 2rem;

    }

    .service-page h2 {

      font-size: 1.5rem;

    }

    iframe{

      margin-bottom: 30px;

    }
    .image {
      height: 170px;
      object-fit: cover;
    }
    .mt-50 {

      margin-top: 0px;
  
    }
  

  }

  @media (max-width:767px) {  

    .hidden-xs{

      display: none;

    } 
    .why-choose-us .w50:first-child img {
      height: 300px;
    }
    .why-choose-us .w50:nth-child(2) img {
      height: 150px;
    }
  }

  @media(max-width:500px){
    .carousel-indicators {
      bottom: 0px;
    }
    .carousel-caption {
      position: absolute;
      right: 15%;
      bottom: 0;
    }
    .carousel-caption h1 {
      font-size: 0.8rem;
    }
  }
  .about-us-section .logo-text {
    margin-left: 0;
    font-size: 22px;
  }
  .about-us-section .logo-text span {
    font-size: 2.7rem;
  }
  @media (max-width:991px){
    .carousel-caption h1 {
      font-size: 1.5rem;
    }
  }
  .service-page h5 {
    color: #006168;
    font-size: 18px;
}