.header-top ul {
  list-style: none; }

.header-top {
  position: relative;
  padding: 24px 0px 39px;
  background: #000 url(../img/layer-1.png) left bottom repeat-x; }
  .header-top a {
    font-size: 18px !important; }
.text1{
    font-size: 24px!important;
}
.carousel-caption {
  position: absolute;
  left: 10%;
  /* bottom: 20px; */
  left: 9%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #0a0a0a;
  text-align: left;
  top: 20%; }
  .carousel-caption a {
    position: relative;
    padding: 11px 32px;
    line-height: 29px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    background-color: #000;
    border: 2px solid #000; }

.about p {
  line-height: 30px; }
.about a {
  position: relative;
  padding: 11px 32px;
  line-height: 29px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 50px;
  background-color: #000;
  border: 2px solid #000; }

.about {
  background: url(../img/pattern-2.png);
  background-position: center;
  background-size: cover; }

.bg-icon i {
  position: absolute;
  font-size: 20rem;
  transform: rotate(-20deg);
  color: #ededed;
  z-index: -1111111;
  left: 22%;
  top: -23%; }

.service a {
  position: relative;
  padding: 11px 32px;
  line-height: 29px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 50px;
  background-color: #000;
  border: 2px solid #000; }

.pet {
  position: relative;
  padding: 53px 0px 58px;
  background: #000 url(../img/layer-1.png) left bottom repeat-x; }
  .pet img {
    float: left;
    width: 15%;
    margin-right: 5px; }

.service-bottom i {
  width: 20%;
  text-align: left;
  font-size: 56px !important;
  color: #000 !important; }
.service-bottom .service-2 {
  width: 80%;
  padding-right: 20px; }
.service-bottom a {
  background: none;
  color: #000;
  padding: 0px;
  border: none; }
.service-bottom h4 {
  font-size: 1.2rem; }
.service-bottom img {
  margin-top: 87px; }

.contact .btn {
  margin: 0 auto;
  background: #000;
  width: auto;
  z-index: +1111; }
.contact span:before {
  color: #ffffff; }
.contact span:after {
  color: #ffffff; }

.groom {
  background-repeat: no-repeat;
  background-size: cover;
  /* box-shadow: 2px 0px 19px; */
  padding: 67px;
  background-image: url(../img/pattern-1.png);
  /* background: rebeccapurple; */
  background-color: #000; }
  .groom .fa {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: #ffffff;
    width: 89px;
    height: 89px;
    line-height: 89px;
    background: #120d09;
    text-align: center;
    margin-bottom: 14px;
    border-radius: 50%; }
  .groom a {
    font-size: 2rem; }
  .groom p {
    font-size: 18px; }
  .groom span:before {
    color: #ffffff; }
  .groom span:after {
    color: #ffffff; }

footer:before {
  position: absolute;
  content: '';
  background: url(../img/animal-image.png);
  width: 89%;
  height: 467px;
  left: 6%;
  top: -329px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

footer ul li {
  line-height: 33px; }
footer ul a {
  transition: 1s; }
footer ul a:hover {
  color: #000;
  margin-left: 8px;
  text-decoration: none; }
footer p {
  line-height: 30px; }

.grooming-1 {
  background: url(../img/pattern-2.png);
  background-position: center;
  background-size: cover; }
  .grooming-1 p {
    margin-bottom: 23px; }
  .grooming-1 h4 {
    font-size: 27px; }

.slide p {
  font-size: 29px;
  padding: 36px 0 36px; }

svg {
      font-size: 69px;
    position: fixed;
    right: 0%;
    top: 86%;
    background: #000000;
    color: #fff;
    border-radius: 36px;
    padding: 11px;
        z-index: +1111;
}

@media only screen and (max-width: 567px) {
    footer h3{
            margin-top: 22px;
              margin-bottom: 0px;
    }
    .img-cat{
            left: 0px;
    width: 100%;
    }
    .phone-top .fa{
            margin-left: 10px;
    }
  .mt-xs-3 {
    margin-top: 1rem !important; }

  .mb-xs-3 {
    margin-bottom: 1rem !important; }

  .mt-xs-4 {
    margin-top: 1.5rem !important; }

  .mb-xs-4 {
    margin-bottom: 1.5rem !important; }

  .header-top {
    padding: 14px 0px 39px; }
    .header-top a {
      font-size: 14px !important; }
    .header-top ul li {
      line-height: 31px; }

  .slide h2 {
    font-size: 23px !important; }
  .slide p {
    font-size: 18px;
    padding: 6px 0 19px; }
  .slide .carousel-caption {
    padding-top: 5px; }
    .slide .carousel-caption a {
      padding: 6px 26px; }

  .grooming-1 .bg-icon i {
    left: 10%;
    top: -23%;
    font-size: 16rem; }

  .service span:before {
    left: 20%; }
  .service a {
        padding: 7px 12px;
 }
footer a, footer span{
        font-size: 15px !important;
}
  .cd-background-wrapper {
    height: 326px !important; }
    

  .pet {
    padding: 20px !important; }

  .service-bottom {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .service-bottom img {
      margin-top: 0px !important; }

  .contact {
    padding: 20px 20px 200px !important; }
    .contact label {
      margin-bottom: 20px !important; }

  footer {
    padding: 61px 0 50px !important; }

  footer:before {
    background: url(../img/petgrooming3.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    width: 100% !important;
    height: 358px !important;
    left: -1% !important;
    top: -234px !important; } }

/*# sourceMappingURL=style.css.map */