/* ===================================
    About
====================================== */
/*
    Theme Name: Spa
    Theme URI:
    Author: Themes Industry
    Author URI:
    Description: One Page Parallax Template
    Tags: one page, multipurpose, parallax, creative, html5

 */
/* ===================================
    Variables
====================================== */
/* ===================================
    Styling
====================================== */
.text-brown {
  color: #a27373 !important;
}
.text-lightpink {
  color: #b39b9b !important;
  color: #fff !important;
}
.bg-blue {
  background-color: #111520 !important;
}
#spin-wrap {
  background: #a27373 !important;
}
#spin {
  background: #b39b9b !important;
}
.menu-btn.main-page span {
  background-color: #fff !important;
}
.menu-btn span {
  background-color: #b07150 !important;
}
.side-menu-icons a:hover {
  color: #a27373 !important;
}
li.navbar_list:hover {
  background-color: #a27373 !important;
}
.parallax-color1 {
  background-color: #b39b9b !important;
}
.parallax-color2 {
  background-color: #a27373 !important;
}
.parallax-color3 {
  background-color: #111520 !important;
}
.brown-btn {
  background-color: #b39b9b !important;
  border: 2px solid #a27373 !important;
  color: #a27373 !important;
}
.brown-btn:hover,
.brown-btn:focus,
.brown-btn:active {
  border: 2px solid #a27373 !important;
  background-color: #a27373 !important;
  color: #fff !important;
}
.pink-btn {
  border: 2px solid #b39b9b !important;
  border: 2px solid #fff !important;
  color: #b39b9b !important;
  color: #fff !important;
  background-color: #a27373 !important;
}
.pink-btn:hover,
.pink-btn:focus {
  border: 2px solid #b39b9b !important;
  color: #a27373 !important;
  background-color: #b39b9b !important;
  color: #fff !important;
}
.white-btn {
  background-color: #111520 !important;
}
.white-btn:hover,
.white-btn:focus {
  color: #111520 !important;
}
.about .about-text {
  color: #a27373 !important;
}
.feature-icon {
  color: #a27373 !important;
}
.feature-icon .bg-feature-icon {
  background-color: #b39b9b !important;
}
.service-btn {
  background-color: #b39b9b !important;
  border: 2px solid #b39b9b !important;
  color: #a27373 !important;
}
.card {
  border: 1px solid #b39b9b !important;
}
.card:hover {
  border: 1px solid #a27373 !important;
}
.card:hover .bg-feature-icon {
  background-color: #a27373 !important;
  color: #fff ;
}
.card:hover .service-btn {
  background-color: #a27373 !important;
  border: 2px solid #a27373 !important;
  color: #fff !important;
}
.video .video-btn .play-btn:hover {
  background-color: #a27373 !important;
}
.prices .price-list {
  border-bottom: 2px solid #b39b9b !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #b39b9b), color-stop(50%, white));
  background: -o-linear-gradient(left, #b39b9b 50%, white 50%);
  background: linear-gradient(to right, #b39b9b 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
.price-list:hover {
  /*
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #b39b9b), color-stop(50%, white));
  background: -o-linear-gradient(left, #b39b9b 50%, white 50%);
  background: linear-gradient(to right, #b39b9b 50%, white 50%);
  */
  background-position: left bottom !important;
}
.owl-testimonial .owl-dots .owl-dot.active span,
.owl-testimonial .owl-dots .owl-dot:hover span {
  background: #111520 !important;
}
.book-btn:hover {
  background-color: #a27373 !important;
  border: 2px solid #a27373 !important;
  color: #fff !important;
}
.book-btn {
  color: #a27373 !important;
  border: 2px solid #a27373 !important;
}
.footer {
  background-color: #b39b9b !important;
}
li.footer_list {
  color: #a27373 !important;
}
li.footer_list:hover {
  background-color: #a27373 !important;
}
.contact-btn {
  border: 1px solid #a27373 !important;
  background-color: #a27373 !important;
}
.contact-btn:hover {
  color: #a27373 !important;
  border: 1px solid #a27373 !important;
}
.form-control:focus {
  border-color: #a27373 !important;
}
.form-control {
  border-bottom: 1px solid #b39b9b !important;
}
.image-holder .overlay {
  background-color: #b39b9b !important;
}
.speaker-info:hover .speaker-name {
  color: #a27373 !important;
}
.speaker-links > ul li a {
  color: #a27373 !important;
}
.speaker-links > ul li a:hover {
  background-color: #a27373 !important;
}
