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

    Project Name: Therapie Medspa
    Project URI: https://
    Description: THERAPIE MEDSPA is a Day Spa and Wellness Center
    Author: SimonHans Inc
    Author URI: https://simonhans.org/
    Version: 1.0


Colors 
af8f84
634941
d9d9d9
b6b6b6
a69a94
-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------*/
#soft-gray{
  color: #a69a94
}

#gold {
	color: #CD8B47
}

#light-peach {
	color: #fce0d7
}

#teal-green {
	color: #72baa9
}

#rose-gold {
	color: #af8f84
}

#dark-brown {
	color: #634941
}

#gray {
	color: #d9d9d9
}

#light-gray {
	color: #94a6a2
}

#taupe {
	color: #a69a94
}

#my-gray {
	color: #B6B6B6;
}

#my-light-gray{
	color: #D9D9D9;
}




.tms-gold {
	color: #CD8B47
}

.tms-teal-green {
	color: #72baa9
}

.tms-light-peach {
	color: #fce0d7
}

.tms-rose-gold {
	color: #af8f84
}

.tms-dark-brown {
	color: #634941
}

.tms-gray {
	color: #d9d9d9
}

.tms-light-gray {
	color: #94a6a2
}

.tms-taupe {
	color: #a69a94
}

.tms-my-gray {
	color: #B6B6B6;
}

.tms-my-light-gray{
	color: #D9D9D9;
}

.tms-bold {
  font-weight: 700;
}
.tms-bold-space {
  font-weight: 700;
letter-spacing: 1px;
}

/*TMS Call to action bg color*/
.tms-sub-bg {
  /*background: #f7f7f7 !important;*/
  /*background: #94a6a2;*/
  background: #718070
}



/* ====================== [ End Blog ] ====================== */
/* ====================== [ Start Call To Action  ] ====================== */
.call-action .content h6 {
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 10px;
}
.call-action .content h6 span {
  color: #ffffff;
}

.call-action .content h2 {
  font-weight: 700;
  font-size: 4vw;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 20px;
  /*-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;*/
  color: transparent;
}
.call-action .content h2 span {
  color: #ffffff;
}
.call-action .content h2 b span {
  color: #ffffff;
  -webkit-text-stroke-width: 0;
}

.call-action .content p {
  font-size: 17px;
  font-weight: 300;
}

.call-action .btn-curve {
  border: 2px solid #ffffff;
  line-height: 2;
}
.call-action .btn-curve span {
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
  color: #ffffff;

}
.call-action .btn-curve:hover span {
  color: #ffffff;
}

.call-action .tlink {
  margin-left: auto;
  border-bottom: 1px solid #0c0f16;
}

.call-action.next {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.call-action.next:after {
  display: none;
}
.call-action.next:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: #0a0a0a;
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.call-action.next .content h2 {
  font-size: 5vw;
  font-weight: 700;
}
.call-action.next .content h2 b {
  font-weight: 700;
}
.call-action.next .nxt-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
  background-size: cover;
  background-position: center;
  z-index: -1;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.call-action.next:hover:before {
  opacity: 0.9;
}
.call-action.next:hover .nxt-img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 10s linear;
  -o-transition: all 10s linear;
  transition: all 10s linear;
}

/* ====================== [ End Call To Action  ] ====================== */