@charset "utf-8";
/* Table of Content
==================================================
	1.0 - Transition
	2.0 - Alert Boxes
	3.0 - DT Responsive*/

/*--------------------------------------------------------------
	1.0 - Titled Boxes
	--------------------------------------------------------------*/
.dt-sc-titled-box {
	margin-bottom: 30px;
	width: 100%;
	clear: both;
}

.dt-sc-titled-box h6.dt-sc-titled-box-title {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 12px 15px;
	text-shadow: none;
	margin: 0;
	background: #49423c
}

.dt-sc-titled-box h6.dt-sc-titled-box-title span {
	font-size: 16px;
	margin-right: 5px;
}

.dt-sc-titled-box-content {
	padding: 14px 15px 20px;
	border: 1px solid #ededed;
	background: rgba(0, 0, 0, 0.05);
}

.dt-sc-titled-box h6.dt-sc-titled-box-title {
	color: #ffffff;
}

.dt-sc-titled-box.blue h6.dt-sc-titled-box-title {
	background-color: #008bd3;
}

.dt-sc-titled-box.brown h6.dt-sc-titled-box-title {
	background-color: #795548;
}

.dt-sc-titled-box.cadetblue h6.dt-sc-titled-box-title {
	background-color: #3c939d;
}

.dt-sc-titled-box.chillipepper h6.dt-sc-titled-box-title {
	background-color: #c10841;
}

.dt-sc-titled-box.cyan h6.dt-sc-titled-box-title {
	background-color: #00bcd4;
}

.dt-sc-titled-box.darkgolden h6.dt-sc-titled-box-title {
	background-color: #b48b3c;
}

.dt-sc-titled-box.deeporange h6.dt-sc-titled-box-title {
	background-color: #ff5722;
}

.dt-sc-titled-box.deeppurple h6.dt-sc-titled-box-title {
	background-color: #673ab7;
}

.dt-sc-titled-box.green h6.dt-sc-titled-box-title {
	background-color: #60ae0d;
}

.dt-sc-titled-box.lime h6.dt-sc-titled-box-title {
	background-color: #cddc39;
}

.dt-sc-titled-box.magenta h6.dt-sc-titled-box-title {
	background-color: #cb506d;
}

.dt-sc-titled-box.orange h6.dt-sc-titled-box-title {
	background-color: #ff9800;
}

.dt-sc-titled-box.pink h6.dt-sc-titled-box-title {
	background-color: #fd6ca3;
}

.dt-sc-titled-box.purple h6.dt-sc-titled-box-title {
	background-color: #9c27b0;
}

.dt-sc-titled-box.red h6.dt-sc-titled-box-title {
	background-color: #da0000;
}

.dt-sc-titled-box.skyblue h6.dt-sc-titled-box-title {
	background-color: #0eb2e7;
}

.dt-sc-titled-box.teal h6.dt-sc-titled-box-title {
	background-color: #009688;
}

.dt-sc-titled-box.turquoise h6.dt-sc-titled-box-title {
	background-color: #32ccbd;
}

.dt-sc-titled-box.wisteria h6.dt-sc-titled-box-title {
	background-color: #9b59b6;
}

.dt-sc-titled-box.yellow h6.dt-sc-titled-box-title {
	background-color: #ffe401;
	color: #000000;
}




/*----*****---- << Colored Box >> ----*****----*/
.dt-sc-colored-box_row .vc_column_container>.vc_column-inner{ padding: 0;}
.dt-sc-colored-box {
	float: left;
	margin: 0px;
	padding: 15px 5% 20px;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.dt-sc-colored-box a,
.dt-sc-colored-box h5 {
	color: #fff;
}

.dt-sc-colored-box h5 {
	padding-bottom: 10px;
	margin-bottom: 0;
	width: 100%;
	float: left;
	font-size: 18px;
}

.dt-sc-colored-box h5 i {
    font-size: 30px;
    margin-right: 4%;
    position: relative;
    top: 3px;
    width: 30px;
    height: 30px;
    text-align: center;
    float: left;
}

.dt-sc-colored-box h5 span {
	float: left;
    width: calc(100% - 50px);
	line-height: normal;
    padding: 8px 0;
}

.dt-sc-colored-box .dt-sc-button {
	background-color: transparent !important;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	padding: 10px 20px;
}

.dt-sc-colored-box .dt-sc-button:hover span,
.dt-sc-colored-box .dt-sc-button span:before {
	background: #fff !important;
	color: #333334;
}

.dt-sc-colored-box .dt-sc-button:hover {
	color: #333334;
}

.dt-sc-colored-box .dt-sc-button span {
	border: 1px solid #fff;
}


/*** Alert Boxes Styles ***/
/*----*****---- << Alert Boxes >> ----*****----*/

.dt-sc-error-box,
.dt-sc-warning-box,
.dt-sc-success-box,
.dt-sc-info-box {
	margin-bottom: 30px;
	padding: 15px 15px 15px 45px;
	clear: both;
	border-radius: 50px;
}

.dt-sc-error-box a,
.dt-sc-warning-box a,
.dt-sc-success-box a,
.dt-sc-info-box a {
	text-decoration: underline;
}

.dt-sc-error-box {
	background-color: rgba(255, 51, 51, 0.1);
	border: 1px solid #ff9999;
	position: relative;
	color: #C54228;
}

.dt-sc-error-box:before,
.dt-sc-warning-box:before,
.dt-sc-success-box:before,
.dt-sc-info-box:before {
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size: 20px;
	position: absolute;
}

.dt-sc-error-box:before {
	content: "\f057";
	color: #C54228;
}

.dt-sc-warning-box {
	background: #fdebae;
	border: 1px solid #e6c555;
	color: #c79d13;
	position: relative;
}

.dt-sc-warning-box:before {
	content: "\f06a";
	color: #e2b828;
}

.dt-sc-success-box {
	background: rgba(51, 204, 0, 0.1);
	border: 1px solid #b1cf67;
	color: #7ba411;
	position: relative;
}

.dt-sc-success-box:before {
	content: "\f058";
	color: #75b632;
}

.dt-sc-info-box {
	background: #bfe4f9;
	border: 1px solid #68a2cf;
	color: #2081b9;
	position: relative;
}

.dt-sc-info-box:before {
	content: "\f05a";
	color: #008bc1;
}

.dt-sc-error-box a {
	color: #d01313;
}

.dt-sc-warning-box a {
	color: #c79d13;
}

.dt-sc-success-box a {
	color: #7ba411;
}

.dt-sc-info-box a {
	color: #2081b9;
}


.dt-sc-reservation-form .aligncenter button {
	float: none;
	padding: 15px 20px 14px;
}

.dt-sc-appointment-wrapper .dt-sc-reservation-form .selection-box:after,
.dt-sc-reservation-form .dt-sc-one-column .aligncenter button {
	width: 100%;
}

.dt-sc-appointment-wrapper .dt-sc-reservation-form .dt-appoint-date,
.dt-sc-reserve-appointment.type1 .dt-appoint-date {
	position: relative;
	z-index: 1;
}

.dt-sc-appointment-wrapper .dt-sc-reservation-form .dt-appoint-date span,
.dt-sc-reserve-appointment.type1 .dt-appoint-date span {
	position: absolute;
	top: 17px;
	right: 10px;
	font-size: 13px;
}

.dt-sc-reservation .title {
	display: inline-block;
	text-align: center;
	width: 100%;
	margin: 0px 0px 30px;
}

.dt-sc-reservation .title h6 {
	border-bottom: 3px solid #37251b;
	padding: 0px 10px 10px;
	margin-bottom: 0px;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	text-transform: none;
	font-weight: normal;
}

ul.time-table>li {
	background: #f0f0f0;
	position: relative;
}

ul.time-table>li:after {
	content: "";
	position: absolute;

	height: 6px;
	width: 100%;
	left: 0px;
}

ul.time-table>li:after {
	bottom: -6px;
}

ul.time-table>li:before {
	background-color: #f3e9f7;
}

ul.time-table>li:before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 0;
	z-index: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

ul.time-table>li ul,
ul.time-table>li>span {
	position: relative;
	z-index: 1;
}

ul.time-table>li:hover:before,
ul.time-table>li.selected:before {
	height: 100%;
}

ul.time-table {
	display: block;
	float: left;
	list-style-type: none;
	width: 100%;
	text-align: center;
}

ul.time-table>li {
	display: inline-block;
	padding: 15px 20px 0;
	margin: 15px 15px 30px 15px;
	text-align: center;
	width: 180px;
	background: #fcfcf7;
	vertical-align: top;
}

/*ul.time-table > li:nth-child(4n) { margin-right: 0px; }
ul.time-table > li:nth-child(4n+1) { clear: both; }*/
ul.time-table>li span {
	display: block;
	transition: all 300ms linear;
}

ul.time-table>li:hover>span,
ul.time-table>li.selected>span {
	color: #ffffff;
}

ul.time-table>li ul.time-slots {
	display: inline-block;
	margin: 15px 0 10px;
	padding: 5px 0px 0px;
	text-align: center;
}

ul.time-table>li ul.time-slots>li {
	border: none;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 10px;
	padding: 0;
}

ul.time-table>li>p {
	font-size: 16px;
	margin: 0;
}

ul.time-table>li>p>span {
	display: block;
	font-size: 13px;
}

ul.time-table>li ul.time-slots>li a {
	background: #FFF;
	border: 1px solid #f0f0f0;
	color: #868686;
	display: inline-block;
	min-width: 96px;
	padding: 5px 18px;
	border-radius: 30px;
	transition: all 0.3s linear;
}

ul.time-table>li ul.time-slots>li a.selected,
ul.time-table>li ul.time-slots>li a.selected:hover {
	background: #000;
	border-color: #000;
	color: #ffffff;
}

ul.time-table>li ul.time-slots>li:last-child {
	margin-bottom: 0;
}

ul.time-table>li ul.time-slots>li a:hover {
	border-color: rgba(0, 0, 0, 0.1);
	color: #ffffff;
}

.page-with-sidebar ul.time-table>li {
	width: 25%;
}

.page-with-sidebar ul.time-table>li:nth-child(6n) {
	margin-right: 2%;
}

.page-with-sidebar ul.time-table>li:nth-child(5n) {
	margin-right: 0px;
}

ul.time-table>li:nth-child(6n+1),
.page-with-sidebar ul.time-table>li:nth-child(5n+1) {
	clear: both;
}

.page-with-sidebar ul.time-table>li:nth-child(4n+1) {
	border-left: 1px solid #e3e3e3;
	clear: both;
}

.personal-info {
	float: left;
	width: 100%;
}

.personal-info textarea {
	height: 110px;
	margin-bottom: 1.5em;
}

.ui-datepicker th {
	background: none;
	color: inherit;
	font-size: inherit;
	text-transform: none;
}

.ui-datepicker-header a {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: pointer;
}


/*--------------------------------------------------------------
	3.0 - Responsive
	--------------------------------------------------------------*/

/* Note: Design for a width of 960px */
@media only screen and (min-width:992px) and (max-width:1199px) {}


/* Note: Design for a width of 768px */
@media only screen and (min-width:768px) and (max-width:991px) {
	.dt-sc-colored-box h5 {
		font-size: 16px;
	}
}

/*----*****---- << Mobile (Landscape) >> ----*****----*/

/* Common Styles for the devices below 767px width */
@media only screen and (max-width: 767px) {

	.dt-sc-colored-box h5 span {
		font-size: 16px;
		line-height: normal;
		margin: 0;
		width: calc(100% - 50px);
	}
}


/*----*****---- << Mobile >> ----*****----*/

/* Common Styles for the devices below 479px width */
@media only screen and (max-width: 479px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 319px) {

	/** Fancy Boxes **/
	.dt-sc-titled-box h6.dt-sc-titled-box-title {
		font-size: 12px;
		letter-spacing: 0;
		line-height: 20px;
		padding-left: 35px;
		position: relative;
	}

	.dt-sc-titled-box h6.dt-sc-titled-box-title span {
		font-size: 14px;
		position: absolute;
		left: 10px;
		top: 14px;
	}

}

/*Fitnesszone Zone*/
.dt-sc-error-box.square-type,
.dt-sc-warning-box.square-type,
.dt-sc-success-box.square-type,
.dt-sc-info-box.square-type {
	border-radius: 0;
	border: 0;
	padding-left: 65px;
}

.dt-sc-error-box.square-type:after,
.dt-sc-warning-box.square-type:after,
.dt-sc-success-box.square-type:after,
.dt-sc-info-box.square-type:after {
	content: "";
	height: 100%;
	width: 50px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.dt-sc-error-box.square-type:before,
.dt-sc-warning-box.square-type:before,
.dt-sc-success-box.square-type:before,
.dt-sc-info-box.square-type:before {
	z-index: 2;
	left: 15px;
	color: #fff;
	font-size: 25px;
}

.dt-sc-error-box.square-type:after {
	background-color: rgba(255, 51, 51, 1);
}

.dt-sc-warning-box.square-type:after {
	background-color: rgba(255, 209, 25, 1);
}

.dt-sc-success-box.square-type:after {
	background-color: rgba(51, 204, 0, 1);
}

.dt-sc-info-box.square-type:after {
	background-color: rgba(51, 204, 255, 1);
}