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

	Canvas: Spa

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



:root {

	--cnvs-themecolor: #78c9d1;

	--cnvs-themecolor-rgb: 120, 201, 209;



	--cnvs-body-font: 'Lato', sans-serif;

	--cnvs-primary-font: 'Arimo', sans-serif;

	--cnvs-secondary-font: 'Cookie', cursive;

}



.service-wrap {

	position: relative;

    display: inline-block;

    vertical-align: top;

    padding: 0 55px;

    margin: 0 0 30px;

}



.service-header {

	position: relative;

	margin: 0 0 3px;

}



.service-name {

	display: table-cell;

	width: 1%;

	white-space: nowrap;

	padding-right: 10px;

}



.service-name a {

	font-size: 26px;

	font-weight: 700;

	color: #333;

	letter-spacing: 2px;

	font-family: 'cookie', cursive;

}



.service-dots {

	display: table-cell;

	width: 98%;

}



.separator-dots {

	display: block;

	width: 100%;

	border-bottom: 1px dashed #78c9d1;

}



.service-price {

	display: table-cell;

	width: 1%;

	padding-left: 10px;

	font-size: 26px;

	font-weight: 700;

	font-family: 'cookie', cursive;

}



p.service-desc {

	font-size: 15px;

	color: #777;

}



.heading-block h3 {

	text-transform: none;

	font-size: 38px;

	font-family: 'Cookie';

}



.heading-block::after {

	width: auto;

	height: 14px;

	background-image: url('/images/others/divider.png');

	background-repeat: no-repeat;

	background-position: left center;

	border-top: none;

}



.heading-block.center::after { background-position: center center; }

.heading-block.tright::after { background-position: right center; }



.button.button-full {

	font-family: 'Playfair Display';

	font-style: italic;

	letter-spacing: 1px;

	font-size: 30px;

	padding: 40px 0;

}



.feature-box h3 span.subtitle {

	font-size: 22px;

	color: #888;

	font-weight: normal;

}



form label { margin-bottom: 5px; }



.sm-form-control {

	background-color: #F5F5F5;

	border-color: transparent;

	padding: 9px 14px;

}



.form-control.error,

.sm-form-control.error { border: 2px solid #E42C3E; }



.css3-spinner > div { top: 54%; }



.css3-spinner { background-color: #78c9d1 }



.css3-spinner::after {

	content: '';

	position: absolute;

	background-image: url('/images/loader.png');

	background-repeat: no-repeat;

	top: 50%;

	left: 50%;

	width: 46px;

	height: 98px;

	margin-left: -23px;

	margin-top: -90px;

	background-position: center center;

	z-index: 99999999;

}



@media (max-width: 991px) {

	.service-wrap {

		padding: 0;

		margin: 0 0 10px;

	}

	.accordion.accordion-bg .acc_content {

		padding: 10px 0 15px 5px;

	}

}