/**
 *
 * ---------------------------------------------------------------------------
 *
 * Template Name: Gardening Master - Gardening and Landscaping HTML5 Responsive Template 
 * Template URL: http://lovesome.biz/tf-template/garden
 * Author : urosd
 * Version : 1.0
 *
 * --------------------------------------------------------------------------- 
 *
 */

/***** ----- All css file ----- *****/

/***** ======= bootstrap css ======= *****/
@import url("bootstrap.min.css");
/***** ======= font awesome css ======= *****/
@import url("font-awesome.min.css");
/***** ======= owl carousel css ======= *****/
@import url("owl.carousel.min.css");
/***** ======= animate css ======= *****/
@import url("animate.css");
/***** ======= lightbox css ======= *****/
@import url("lightbox.min.css");
/***** ======= slicknav css ======= *****/
@import url("slicknav.min.css");
/***** ======= normalize css ======= *****/
@import url("normalize.css");
/***** ======= main css ======= *****/
@import url("main.css");
/***** ======= responsive css ======= *****/
@import url("responsive.css");

.phone-message {
  width: 60px;
  position: fixed;
  z-index: 999;
  bottom: 5px;
  left: 5px;
}

.top-header-info .fa-envelope {
  padding-right: 4px;

  color: #f0c000 !important;
  font-size: 25px;
  width: 35px;
  height: 28px;
  position: relative;
  display: inline-block;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  box-shadow: 5px 5px 5px 5px rgb(245, 232, 232) inset;
}
.top-header-info .fa-phone {
  padding-right: 4px;

  color: #d80024;
  font-size: 25px;
  width: 31px;
  height: 26px;
  position: relative;
  display: inline-block;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  box-shadow: 5px 5px 5px 10px rgb(245, 232, 232) inset;
}
.footer-widget .fa-envelope {
  padding-left: 5px;
  color: #f0c000 !important;
  font-size: 25px;
  width: 35px;
  height: 28px;
  position: relative;
  display: inline-block;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  box-shadow: 5px 5px 5px 5px rgb(245, 232, 232) inset;
}
.footer-widget .fa-phone {
  padding-left: 5px;
  color: #d80024;
  font-size: 25px;
  width: 35px;
  height: 26px;
  position: relative;
  display: inline-block;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  box-shadow: 5px 5px 5px 10px rgb(245, 232, 232) inset;
}
.footer-widget .fa-map-marker {
  padding-left: 10px;
  color: #d80024;
  font-size: 25px;
  width: 35px;
  height: 26px;
  position: relative;
  display: inline-block;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  box-shadow: 5px 5px 5px 10px rgb(245, 232, 232) inset;
}

@media only screen and (max-width: 767px) {
  .slider-table {
    display: table;
    height: 200px;
    width: 100%;
    margin-top: 0px;
  }
  .top-text {
    text-align: center;
  }
}

.locations img {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width: 100%;
  height: 247px;
  border-radius: 15%;
}
.locations img:hover {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.locations .col-md-3 span {
  color: #fff;
  font-size: 92px;
  font-family: "ubuntu";
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Josefin Sans", sans-serif;
  background: linear-gradient(to right, #000 10%, #f4c90a 50%, #e7512b 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 1.5s linear infinite;
  display: inline-block;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}
.top-head span,
.animate-mobile h2,
.animate-mobile h3 a {
  color: #fff;
  font-family: "ubuntu";
  font-weight: 700;
  font-family: "Josefin Sans", sans-serif;
  background: linear-gradient(to right, #000 10%, #f4c90a 50%, #e7512b 60%);
  background-size: 200% auto;
  color: #e7512b;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 1.5s linear infinite;
  display: inline-block;
  line-height: 38px;
}
.animate-mobile h2 {
  font-family: "Open Sans", sans-serif !important;
}

@media only screen and (max-width: 767px) {
  .desktop-header {
    display: none;
  }
  .top-header-area {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .mobile-header {
    display: none;
  }
}
.testimonials p {
  text-align: justify;
}

.horoscope-image {
  animation: rotating 20s linear infinite;
  border-radius: 50%;
  margin-top: 40px;
  border: 10px solid red;
}

@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

@media only screen and (max-width: 768px) {
  .horoscope-image-div {
    padding: 20px;
  }
}

.modal-header {
  background-image: linear-gradient(45deg, #e7512b 50%, #f4c90a 50%) !important;
}
.modal-title {
  color: white !important;
}