a{transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}

a:hover{color:#5f6367;}

div[class*="dt-sc-service"] h1 a:hover, 
div[class*="dt-sc-service"] h2 a:hover, 
div[class*="dt-sc-service"] h3 a:hover, 
div[class*="dt-sc-service"] h4 a:hover, 
div[class*="dt-sc-service"] h5 a:hover, 
div[class*="dt-sc-service"] h6 a:hover{
	color: #5f6367;
}

.column img, .vc_column_container img, .wpb_column img{display:inherit; max-width:100%;}

.column { margin: 0 0 0 2%; float:left; min-height:1px; position:relative; }

.column.first { margin-left: 0; clear:both; }

.dt-sc-full-width, .dt-sc-one-column { width:100%; }

.column.dt-sc-full-width, .column.dt-sc-one-column { margin-left: 0; }

.dt-sc-one-half { width:49%; }

.dt-sc-one-third { width:32%; }

.dt-sc-two-third { width:66%; }

.dt-sc-one-fourth { width:23.5%; }

.dt-sc-three-fourth { width:74.5%; }

.dt-sc-one-fifth { width:18.4%; }

.dt-sc-two-fifth { width:38.8%; }

.dt-sc-three-fifth { width:59.2%; }

.dt-sc-four-fifth { width:79.6%; }

.dt-sc-one-sixth { width:15%; }

.dt-sc-two-sixth { width:32%; }

.dt-sc-three-sixth { width:49%; }

.dt-sc-four-sixth { width:66%; }

.dt-sc-five-sixth { width:83%; }

select{width:100%; padding:0.4em;}

select:focus{color:#222; border-color:#333;}

.entry-content button, .entry-content input[type="button"], .entry-content input[type="submit"], .entry-content .dt-sc-button, .dt-sc-button{ background-color:var(--wdtPrimaryColor); border-width: 0; color:#fff !important; cursor:pointer; display:inline-block; font-weight:normal !important; line-height: normal; margin-top: 30px; outline:none; padding:var(--wdtPadding_Btn); text-decoration:none !important; -webkit-border-radius:0; border-radius:0; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; font-size: var(--wdtFontSize_H6); text-transform: uppercase; letter-spacing: 1px; }

.entry-content button:hover, .entry-content input[type="button"]:hover, .entry-content input[type="submit"]:hover, .entry-content .dt-sc-button:hover, .entry-content button:focus, .entry-content input[type="button"]:focus, .entry-content input[type="submit"]:focus, .entry-content .dt-sc-button:focus, .dt-sc-button:hover, .dt-sc-button:focus, .default-button a:hover, .default-button a:focus{box-shadow:none; -webkit-box-shadow:none; color:#FFF !important; background:var(--wdtSecondaryColor) !important; font-weight:normal !important;} 

.dt-sc-hr-invisible-large { clear:both; float:left; margin:30px 0; width:100%; }
.dt-sc-hr-invisible-medium { clear:both; float:left; margin:20px 0; width:100%; }
.dt-sc-hr-invisible-small { clear:both; float:left; margin:15px 0; width:100%; }
.dt-sc-hr-invisible-xsmall { clear:both; float:left; margin:10px 0; width:100%; }
.dt-sc-hr-invisible-very-small { clear:both; float:left; margin:5px 0; width:100%; }

.dt-sc-clear { clear:both; float:none; margin:0; padding:0; }

.aligncenter, img.aligncenter{clear:both; display:block; margin-left:auto; margin-right:auto; text-align:center;}

input[type="button"]:disabled, input[type="submit"]:disabled{opacity:0.5;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--form--color-text);
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--form--color-text);
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--form--color-text);
}
:-moz-placeholder { /* Firefox 18- */
  color: var(--form--color-text);
}

/*** Alert Boxes Styles ***/

.dt-sc-error-box, .dt-sc-warning-box, .dt-sc-success-box, .dt-sc-info-box { clear:both; display: table; margin-bottom:20px; padding:15px; width: 100%; }

.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:#ffcccc; border:1px solid #ff9999; color:#d01313; position:relative; }

form[id*="reserveloginform"] { display: none; }

label.error { color: red; }
input[type="text"].error, input[type="password"].error, input[type="email"].error, input[type="checkbox"].error, input[type="tel"].error, select.error { border-color:red !important; }

.dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { display: table-cell; font-family: "Font Awesome 5 Free"; font-size:20px; font-style:normal; font-weight: bold; padding: 0 15px 0 5px; text-decoration:inherit; width: 1px; }		

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

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

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

.dt-sc-success-box { background-color:#eafac0; border:1px solid #b1cf67; color:#7ba411; position:relative; }

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

.dt-sc-info-box { background-color:#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-reserve-appointment.type1 .selection-box:after{ display: none; }

.dt-sc-reservation-form .dt-sc-one-column .aligncenter button{ width: 100%; }

.staff .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social li a{width:40px; height:40px; line-height:38px;}
.dt-sc-team-social li a.fa-facebook:before{content:"\f39e";}
.dt-sc-team-social li a.fa-google-plus:before{content:"\f0d5";}
.dt-sc-team-social li a.fa-linkedin:before{content:"\f0e1";}

#viewreservelogin p { clear:both; display:block; margin-bottom: 20px; }
#viewreservelogin p.login-remember { margin-bottom: 0; }
#viewreservelogin label { display:flex; margin-bottom:10px; }
#viewreservelogin p input[type=text], #viewreservelogin p input[type=password] { display:inline-block; width:100%; margin-bottom: 0; }
#viewreservelogin input[type=checkbox] { margin-right:5px; }
.select2-container{width:100% !important;}	

/* 2021 Overwrite */

body .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){background:transparent; text-decoration:none;}
body .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){outline:none; text-decoration:none; text-decoration-skip-ink:none; background:transparent;}
a{text-decoration:none;}

[class*="dt-sc-reserve-appointment"] input[type="text"], 
[class*="dt-sc-reserve-appointment"] input[type="password"], 
[class*="dt-sc-reserve-appointment"] input[type="email"], 
[class*="dt-sc-reserve-appointment"] input[type="url"], 
[class*="dt-sc-reserve-appointment"] input[type="tel"], 
[class*="dt-sc-reserve-appointment"] input[type="number"], 
[class*="dt-sc-reserve-appointment"] input[type="range"], 
[class*="dt-sc-reserve-appointment"] input[type="date"], 
[class*="dt-sc-reserve-appointment"] input[type="search"], 
[class*="dt-sc-reserve-appointment"] input.text, [class*="dt-sc-reserve-appointment"] textarea, [class*="dt-sc-reserve-appointment"] select, 
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search .select2-search__field, 
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--dropdown .select2-search__field, 
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-search--inline .select2-search__field,
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single, 
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--multiple,
.dt-sc-reservation-form input[type="text"], 
.dt-sc-reservation-form input[type="password"], 
.dt-sc-reservation-form input[type="email"], 
.dt-sc-reservation-form input[type="url"], 
.dt-sc-reservation-form input[type="tel"], 
.dt-sc-reservation-form input[type="number"], 
.dt-sc-reservation-form input[type="range"], 
.dt-sc-reservation-form input[type="date"], 
.dt-sc-reservation-form input[type="search"], 
.dt-sc-reservation-form input.text, .dt-sc-reservation-form textarea, .dt-sc-reservation-form select, 
.dt-sc-reservation-form .select2-container.select2-container--default .select2-search .select2-search__field, 
.dt-sc-reservation-form .select2-container.select2-container--default .select2-search--dropdown .select2-search__field, 
.dt-sc-reservation-form .select2-container.select2-container--default .select2-search--inline .select2-search__field,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single, 
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--multiple,

[class*="dt-sc-reserve-appointment"] .form-control.dtstaff-drop-down .button,
.dt-sc-reservation-form .form-control.dtstaff-drop-down .button {
	background-color: #fff;
	/* border-width: 0; */
	border-color: rgba(var(--wdtBorderColorRgb), 0.5);
	min-height: 50px;
	font-weight: normal;
	font-size: var(--wdtFontSize_Base);
	color: #28303d;
	border: none;
	border-bottom: 1px solid rgba(var(--wdtBorderColorRgb), 0.5);
    padding: 0 10px;
}
.dt-appointment-form .column select option
{
	font-size: 14px;
	border: none;
}

[class*="dt-sc-reserve-appointment"] select, .dt-sc-reservation-form select { 
	background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-position: calc(100% - 5px);
	background-repeat: no-repeat;	
	text-indent: 0.01px;
	text-overflow: '';
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	
}

[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single, 
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--multiple,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single, 
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--multiple { border-color: currentColor !important; }

[class*="dt-sc-reserve-appointment"] select.error + .select2-container.select2-container--default .select2-selection--single, 
[class*="dt-sc-reserve-appointment"] select.error + .select2-container.select2-container--default .select2-selection--multiple,
.dt-sc-reservation-form select.error + .select2-container.select2-container--default .select2-selection--single, 
.dt-sc-reservation-form select.error + .select2-container.select2-container--default .select2-selection--multiple,
[class*="dt-sc-reserve-appointment"] select.error + label.error + .select2-container.select2-container--default .select2-selection--single, 
[class*="dt-sc-reserve-appointment"] select.error + label.error + .select2-container.select2-container--default .select2-selection--multiple,
.dt-sc-reservation-form select.error + label.error + .select2-container.select2-container--default .select2-selection--single, 
.dt-sc-reservation-form select.error + label.error + .select2-container.select2-container--default .select2-selection--multiple { border-color: red !important; }

[class*="dt-sc-reserve-appointment"] select.error + label.error,
.dt-sc-reservation-form select.error + label.error { display: none !important; }

[class*="dt-sc-reserve-appointment"] .select2-container--default .select2-selection .select2-selection__rendered,
.dt-sc-reservation-form .select2-container--default .select2-selection .select2-selection__rendered { color: inherit !important; display: inline-block; font-size: inherit !important; vertical-align: middle; width: 100%; }

[class*="dt-sc-reserve-appointment"] .select2-results__option, 
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single, 
[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--multiple,
[class*="dt-sc-reserve-appointment"] .select2-container--default .select2-selection--single,
.dt-sc-reservation-form .select2-results__option, 
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single, 
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--multiple,
[class*="dt-sc-reserve-appointment"] .select2-container--default .select2-selection--single{
	line-height: 45px;
	border-color: rgba(var(--wdtBorderColorRgb), 0.5) !important;
	color: #28303d;
}


[class*="dt-sc-reserve-appointment"] .select2-container--default .select2-selection--single .select2-selection__rendered, 
[class*="dt-sc-reserve-appointment"] .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #28303d;	
}

[class*="dt-sc-reserve-appointment"] .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
.dt-sc-reservation-form .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered{
	font-size: 18px;
	padding-left: 0;
	font-weight: var(--wdtFontWeight_Base);
}

option:first-child{display: none;}


[class*="dt-sc-reserve-appointment"] h1, [class*="dt-sc-reserve-appointment"] h2, [class*="dt-sc-reserve-appointment"] h3, [class*="dt-sc-reserve-appointment"] h4, [class*="dt-sc-reserve-appointment"] h5, [class*="dt-sc-reserve-appointment"] h6, div[class*="dt-sc-view-reservations"] h3 { line-height: 1.1; margin-top: 0.75rem; margin-bottom: 30px; }

[class*="dt-sc-reserve-appointment"] input[type="checkbox"], [class*="dt-sc-reserve-appointment"] input[type="radio"] { display: inline-block; margin-right:10px; vertical-align: text-bottom; transform: translateY(6px);}
[class*="dt-sc-reserve-appointment"] a:not(.button):not(.dt-sc-button):focus { background: none !important; }
[class*="dt-sc-reserve-appointment"] .chkterms-holder { display: flex;align-items: start; }

.dt-sc-booking-reservation.default input[name="captcha"] { width: calc(100% - 165px); }
.dt-sc-booking-reservation.default input[name="captcha"] + .dt-sc-captcha, .dt-sc-booking-reservation.default input[name="captcha"] + label + .dt-sc-captcha { background: #f2f2f2; display: flex; font-size: 1.5em; font-weight: 600; display: flex; align-items: center; justify-content: space-evenly; height: 100%; position: absolute; left: 100%; top: 0; width: 150px; -webkit-transform: translateX(-100%); transform: translateX(-100%); max-height: 60px;}

[class*="dt-sc-reserve-appointment"] label { display: inline-block; font-weight: 600; margin-bottom: 10px; width: 100%; }

.dt-sc-title { float: left; width: 100%; }

.form-control { clear: both; position: relative; margin-bottom: 1.5rem; /* z-index:2; */}
.form-control input, .form-control select { margin: 0; width: 100%; }
.form-control select { line-height: inherit; padding: 10px 35px 10px 10px; }

.form-calendar-icon span { display: none; line-height: inherit; position:absolute; right: 12px; top:14px; z-index:0; }
.form-calendar-icon input { 
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M55.89,24H8.11A4.11,4.11,0,0,0,4,28.11V51a9,9,0,0,0,9,9H51a9,9,0,0,0,9-9V28.11A4.11,4.11,0,0,0,55.89,24ZM19,47.35A2.65,2.65,0,0,1,16.35,50h-.69A2.65,2.65,0,0,1,13,47.35v-.69A2.65,2.65,0,0,1,15.65,44h.69A2.65,2.65,0,0,1,19,46.65Zm0-12A2.65,2.65,0,0,1,16.35,38h-.69A2.65,2.65,0,0,1,13,35.35v-.69A2.65,2.65,0,0,1,15.65,32h.69A2.65,2.65,0,0,1,19,34.65Zm16,12A2.65,2.65,0,0,1,32.35,50h-.69A2.65,2.65,0,0,1,29,47.35v-.69A2.65,2.65,0,0,1,31.65,44h.69A2.65,2.65,0,0,1,35,46.65Zm0-12A2.65,2.65,0,0,1,32.35,38h-.69A2.65,2.65,0,0,1,29,35.35v-.69A2.65,2.65,0,0,1,31.65,32h.69A2.65,2.65,0,0,1,35,34.65Zm16,12A2.65,2.65,0,0,1,48.35,50h-.69A2.65,2.65,0,0,1,45,47.35v-.69A2.65,2.65,0,0,1,47.65,44h.69A2.65,2.65,0,0,1,51,46.65Zm0-12A2.65,2.65,0,0,1,48.35,38h-.69A2.65,2.65,0,0,1,45,35.35v-.69A2.65,2.65,0,0,1,47.65,32h.69A2.65,2.65,0,0,1,51,34.65Z'/%3E%3Cpath d='M56.36,8H52a4,4,0,0,0-8,0v2a2,2,0,0,1-4,0V9.59A1.59,1.59,0,0,0,38.41,8H20a4,4,0,0,0-8,0v2a2,2,0,0,1-4,0V8H7.64A3.64,3.64,0,0,0,4,11.64V18a2,2,0,0,0,2,2H58a2,2,0,0,0,2-2V11.64A3.64,3.64,0,0,0,56.36,8Z'/%3E%3C/svg%3E"); 
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
	background-size: 16px auto;	
}

.dt-sc-appointment-scheduler-form .aligncenter .dt-sc-button { margin:40px 0; float:none; }
.dt-sc-appointment-wrapper .dt-sc-title { margin: 0 0 30px; }


/* .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{ font-size: 13px; line-height: inherit; position: absolute; right: 12px; top: 17px; }

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

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

.time-table-wrap { border-color: rgba(0,0,0,0.05); border-style: solid; border-width: 0 !important; clear: both; display: block; overflow: auto; }
ul.time-table { display: flex; flex-flow: row wrap; float: left; list-style-type: none; padding: 0; width: 100%; }

ul.time-table > li { background:#fff; display:block; float:left; font-size:14px; margin-right: 2%; margin-bottom: 20px; padding: 0; position:relative; text-align:center; width:30%; -webkit-border-radius:0; border-radius:0; -webkit-box-shadow:none; box-shadow:none; }

/* ul.time-table > li:nth-child(3n) { margin-right: 3px !important; } */
ul.time-table > li:nth-child(3n+1){clear:both;}

.time-table-wrap ul.time-table {  margin: 0;display: flex;justify-content: center;border: none; }
.time-table-wrap ul.time-table > li { margin: 0 2px 0 0; min-width: 30%; -webkit-border-radius: 0; border-radius: 0;border: none;
    margin: 25px; filter: drop-shadow(0px 0px 20px #0000000D); background: transparent;border: 1px solid var(--wdtPrimaryColor); }

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

ul.time-table > li .time-head { background: var(--wdtPrimaryColor); padding: 20px 20px; }

ul.time-table > li .time-head,
ul.time-table > li ul.time-slots { padding-left: 20px; padding-right: 20px; }

ul.time-table > li span { display: inline-block; -webkit-transition:all 300ms linear; transition:all 300ms linear; margin: 0 5px;}
ul.time-table > li .time-head > span.name, ul.time-table > li .time-head > span.price { font-size: 1.25em; font-style: normal; font-weight: bold; line-height: normal; margin-bottom: 5px; }
ul.time-table > li span:last-child { font-style: italic; }

ul.time-table > li .time-head span{color: var(--wdtAccentTxtColor);}

.dt-sc-reserve-appointment.type1 ul.time-table > li ul.time-slots > li {
    display: block;
    width: 100%;
    max-width: 120px;
    margin: auto;
}

ul.time-table > li ul.time-slots { display: inline-block; margin: 0; padding-top: 15px; padding-bottom: 20px; text-align: center; width: 100%; }
.dt-sc-reserve-appointment.type1 ul.time-table > li ul.time-slots,
.dt-sc-reserve-appointment2 ul.time-table > li ul.time-slots,
.dt-sc-reserve-appointment.type3 ul.time-table > li ul.time-slots{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
ul.time-table > li ul.time-slots > li { border-width: 0; clear: both; display:inline-block; float: none; margin: 0 2px; padding: 0; position: relative;}

.dt-sc-reserve-appointment.type1 ul.time-table > li ul.time-slots > li{display:block;}

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

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

ul.time-table > li ul.time-slots > li a { border:none; color:var(--wdtHeadAltColor); display: inline-block; min-width:130px; padding:10px 20px; text-decoration:none; text-transform:uppercase; 
	-webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; font-size: 1em; font-weight:500;letter-spacing: 0.5px;line-height: normal;width: auto;}

.dt-sc-reserve-appointment.type1 ul.time-table > li ul.time-slots > li a{width:100%; margin:5px auto;}

ul.time-table > li ul.time-slots > li + li a { border-top-color: rgba(0,0,0,0.05); }

ul.time-table > li ul.time-slots > li a:focus, ul.time-table > li ul.time-slots > li a:hover { border-color: currentColor; border-style: solid; -webkit-box-shadow: none; box-shadow: none;color: var(--wdtAccentTxtColor);border: none; }

ul.time-table > li ul.time-slots > li a.selected, ul.time-table > li ul.time-slots > li a.selected,
ul.time-table > li ul.time-slots > li a.selected:focus, ul.time-table > li ul.time-slots > li a.selected:focus,
ul.time-table > li ul.time-slots > li a.selected:hover, ul.time-table > li ul.time-slots > li a.selected:hover { background:#000 !important; border-color: transparent; color:#fff; text-decoration: none !important; }

ul.time-table > li ul.time-slots > li a:focus:after, 
ul.time-table > li ul.time-slots > li a:hover:after {
    opacity: 1;
    transform: scaleX(1);
}
ul.time-table > li ul.time-slots > li a:after
{
    content: '';
    position: absolute;
    background: var(--wdtPrimaryColor);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: inherit;
    opacity: 0;
    transition: var(--wdtBaseTransition);
    transform: scaleX(0.8);
}
/* .dt-sc-reserve-appointment2 ul.time-table > li ul.time-slots > li:not(:last-child):before{
	content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
	right: 0;
    margin: auto;
	height: 20px;
	border-right: 1px solid var(--wdtPrimaryColor);
} */

ul.time-table > li.selected { background-color:rgba(var(--wdtPrimaryColorRgb), 0.15); }
ul.time-table > li.selected ul.time-slots > li a:not(:hover):not(:focus):not(.selected) { color:var(--wdtPrimaryColor); }
ul.time-table > li.selected ul.time-slots > li a:not(:hover):not(:focus):not(.selected) { border-color: rgba(255,255,255,0.15); }

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

.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: 0; }

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


.dt-sc-reserve-appointment2 ul.time-table > li { margin-right: 0; width: 100%; }
.dt-sc-reserve-appointment2 ul.time-table > li ul.time-slots > li { margin: 10px; }
/* .dt-sc-reserve-appointment2 ul.time-table > li ul.time-slots > li + li a:not(:focus):not(:hover){border-color: transparent; border-left-color: rgba(0,0,0,0.05);} */
.dt-sc-reserve-appointment2 .appointment-title { text-align: center; }

.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; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:2px !important; background: none !important; border: none !important;}
.ui-datepicker .ui-datepicker-prev{left: 2px !important;}
.ui-datepicker .ui-datepicker-next{right: 2px !important;}
.ui-datepicker .ui-datepicker-header{background: #f1f1f1 !important; border-image: none !important; border-radius: 0; border-color: #d3d3d3 !important;}

.dt-sc-reserve-appointment.type3 .ui-datepicker.ui-widget {
	width: 100%;
	border: 1px solid var(--wdtPrimaryColor);
    padding: 0;
}

.dt-sc-reserve-appointment.type3 > div { position: relative;}
.dt-sc-reserve-appointment.type3 .hasDatepicker ~ span.spinner {
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	display: flex; align-items: center; justify-content: center; 
	width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); z-index: 0;
}

.dt-sc-reserve-appointment.type3 .hasDatepicker ~ span.spinner >* {
	width: 30px; height: 30px; font-size: 30px; z-index: 1;
}

.dt-sc-reserve-appointment.type3 .hasDatepicker .ui-datepicker .ui-datepicker-header { 
	padding: 20px 0; background-color: var(--wdtPrimaryColor) !important; border: none;
}
.dt-sc-reserve-appointment.type3 .hasDatepicker .ui-datepicker .ui-datepicker-title {
	font-size: 20px;
	color: #ffffff;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-prev,  
.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-next {
	top: 50% !important;
    transform: translateY(-50%);
}
 
.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-prev {
	left: 20px !important;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-next {
	right: 20px !important;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker th {
	padding: .2em .3em;
	background-color: var(--wdtPrimaryColor) !important;
	color: #ffffff;
	font-size: 16px;
	border-top: 1px solid var(--wdtBorderColor);
}

.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-calendar tbody{
	background-color: #fcfcfc;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-datepicker-calendar tbody tr {
	min-height: 60px;
	height: 100%;
	border-top: 1px solid #fcfcfc;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker td span, 
.dt-sc-reserve-appointment.type3 .ui-datepicker td a {
	text-align: center !important;
    font-size: 16px;
    padding: 0 !important;
	min-height: 60px;
    line-height: 60px;
}

.dt-sc-reserve-appointment.type3 .ui-widget-content {
	border: none;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker td {
	padding: 4px !important;
}

.dt-sc-reserve-appointment.type3 td:not(.ui-state-disabled) .ui-state-default:hover, 
.dt-sc-reserve-appointment.type3 .ui-widget-content td:not(.ui-state-disabled) .ui-state-default:hover,
.dt-sc-reserve-appointment.type3 .ui-widget-content td:not(.ui-state-disabled) .ui-state-active {
    background: var(--wdtPrimaryColor);
    color: #fff;
}

.dt-sc-reserve-appointment.type3 .ui-state-default, 
.dt-sc-reserve-appointment.type3 .ui-widget-content .ui-state-default, 
.dt-sc-reserve-appointment.type3 .ui-widget-header .ui-state-default {
	border: none;
    background: #ffffff;
    font-weight: normal;
    color: #000000;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-widget-header .ui-datepicker-prev, 
.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-widget-header .ui-datepicker-next,
.dt-sc-reserve-appointment.type3 .ui-widget-header .ui-icon {
	background-image: inherit;
	width: 30px;
	height: 30px;
}

.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-widget-header .ui-datepicker-prev span, 
.dt-sc-reserve-appointment.type3 .ui-datepicker .ui-widget-header .ui-datepicker-next span {
	top: 0; right: 0; bottom: 0; left: 0; margin: 0;
}

.dt-sc-reserve-appointment.type3 .ui-widget-header .ui-icon::before {
	content: "";
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 700 700' style='enable-background:new 0 0 700 700;' xml:space='preserve' width='30px' height='30px'%3E%3Cpath d='M677,351.9c0-6.9-3.3-13.4-8.8-17.5L492.8,202.7c-6.6-5-15.5-5.8-23-2.1c-7.4,3.7-12.1,11.3-12.1,19.6v109.7H40.9 c-12.1,0-21.9,9.8-21.9,21.9s9.8,21.9,21.9,21.9h416.7v109.7c0,8.3,4.7,15.9,12.1,19.6c7.4,3.7,16.3,2.9,23-2.1l175.5-131.6 C673.7,365.3,677,358.8,677,351.9L677,351.9z'/%3E%3C/svg%3E");
	-webkit-mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 700 700' style='enable-background:new 0 0 700 700;' xml:space='preserve' width='30px' height='30px'%3E%3Cpath d='M677,351.9c0-6.9-3.3-13.4-8.8-17.5L492.8,202.7c-6.6-5-15.5-5.8-23-2.1c-7.4,3.7-12.1,11.3-12.1,19.6v109.7H40.9 c-12.1,0-21.9,9.8-21.9,21.9s9.8,21.9,21.9,21.9h416.7v109.7c0,8.3,4.7,15.9,12.1,19.6c7.4,3.7,16.3,2.9,23-2.1l175.5-131.6 C673.7,365.3,677,358.8,677,351.9L677,351.9z'/%3E%3C/svg%3E");
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: cover;
	position: absolute; right: 0; bottom: 0; top: 0; left: 0;
	background-color: var(--wdtAccentTxtColor);
}

.dt-sc-reserve-appointment.type3 .ui-widget-header .ui-datepicker-prev .ui-icon::before {
	-webkit-transform: rotate(180deg); transform: rotate(180deg);
}

.dt-sc-reserve-appointment.type3 ul.time-table {
	justify-content: center;
}

.dt-sc-reserve-appointment.type3 ul.time-table > li {
	width: 100%;
	padding: 30px;
}
.dt-sc-reserve-appointment.type3 ul.time-table > li{
	padding: 0;
	background: transparent;
    filter: drop-shadow(0px 0px 20px #0000000D);
	border: 1px solid var(--wdtPrimaryColor);
}
.dt-sc-reserve-appointment.type3 ul.time-table > li div.dt-sc-title{
	padding: 20px;
	width: 100%;
	background-color: var(--wdtPrimaryColor);
}
.dt-sc-reserve-appointment.type3 ul.time-table > li div.dt-sc-title h5{
	color: var(--wdtAccentTxtColor);
}
.dt-sc-reserve-appointment.type3 ul.time-table > li ul.time-slots > li {
	margin: 5px 5px;
	width: 30%;
}

@media(max-width: 1280px) {
	.dt-sc-reserve-appointment.type3 ul.time-table > li ul.time-slots > li {
		width: 50%;
	}
	.time-table-wrap ul.time-table > li{
		min-width: 40%;
	}
}

.dt-sc-reserve-appointment.type3 ul.time-table > li.selected ul.time-slots > li a:not(:hover):not(:focus):not(.selected) {
    border-color: rgba(0,0,0,0.05);
}

.dt-sc-reserve-appointment.type3 ul.time-table > li.selected ul.time-slots > li a {
    color: inherit;
}

.dt-sc-reserve-appointment.type3 ul.time-table > li ul.time-slots > li a.selected, .dt-sc-reserve-appointment.type3 ul.time-table > li ul.time-slots > li a.selected, .dt-sc-reserve-appointment.type3 ul.time-table > li ul.time-slots > li a.selected:hover, .dt-sc-reserve-appointment.type3 ul.time-table > li ul.time-slots > li a.selected:hover {
    color: #fff !important;
}

.dt-sc-reserve-appointment.type3 ul.time-table > li.selected {
	background-color: #fcfcfc;
}

.ui-datepicker.ui-widget{border-radius:0;}
.ui-datepicker td{padding: 2px !important;}
.ui-datepicker td span, .ui-datepicker td a{text-align: center !important; font-size: 12px; padding: .4em .2em !important;}


.available-times { margin-bottom: 25px; }
.available-times:empty { display: none; }


.available-times .dt-sc-title { direction: rtl; display: table; float: none; margin:0px auto 20px; width: auto; }
.available-times p.dt-sc-info-box + .dt-sc-title{margin: 50px auto 20px;}
.available-times .dt-sc-title > * { display: table-row; position: relative; }
.available-times .dt-sc-title span { display: table-cell; vertical-align: middle; }
.available-times .dt-sc-title span.name { padding: 0 15px; }
.available-times .dt-sc-title span.price { background-color: var(--wdtPrimaryColor); color: #fff; display:table-cell; font-size: 16px; font-weight: 600; height: 60px; line-height: 60px; text-align: center; width: 60px; -webkit-border-radius: 50%; border-radius: 50%;letter-spacing: 0.5px; }
.available-times .time-table-wrap + .dt-sc-title { margin-top: 35px; }


.total-cost-info { clear: both; }
.total-cinfo-wrapper { background-color: #fff; float: left; padding: 20px; width: 100%; -webkit-border-radius:0; border-radius:0; margin: 30px 0px;border: 1px solid var(--wdtPrimaryColor); }
.total-cinfo-wrapper span { font-weight: 600; }

.total-cinfo-wrapper span.dt-sc-display-timing {
	padding: 10px 0px 20px 0;
    margin-bottom: 15px;
    border-bottom: 2px solid #f7f7f7;
    display: block;
}

.total-cinfo-wrapper .total-cinfo-price { background:var(--wdtPrimaryColor); display: flex; justify-content: space-between; margin: 20px -20px -20px; padding: 10px 20px;color: var(--wdtAccentTxtColor); }
.total-cinfo-wrapper .total-cinfo-price > * { font-style: normal; }

.step2 .ubpro-checkout-header-login { margin: 15px 0 25px; }
.step2 .ubpro-checkout-header-login .ubpro-form-login-toggle { text-align: center; }

form[id*="reserveloginform"] { background-color: #f2f2f2; margin-top: 20px; max-width: 780px; padding: 30px 35px 35px; }
form[id*="reserveloginform"] > p { display: flex; align-items: center; justify-content: space-between; }
form[id*="reserveloginform"] > p + p { margin-top: 10px; }
form[id*="reserveloginform"] p label { margin: 0 0 0 -15px; padding: 15px; width: 50%; }
form[id*="reserveloginform"] p input { margin-left: 0; margin-right: 0; margin-bottom: 0 !important; }
form[id*="reserveloginform"] p input.error + label,
form[id*="reserveloginform"] p input + label.error { display: none !important; }
form[id*="reserveloginform"] p.login-username label { max-width: 150px; }
form[id*="reserveloginform"] p.login-submit { margin-top: 0; }
form[id*="reserveloginform"] p.login-remember { margin-bottom: 10px; }
form[id*="reserveloginform"] p.login-remember label { display: flex; margin: 0; padding: 0; width: 100%; }
form[id*="reserveloginform"] input[type=text], form[id*="reserveloginform"] input[type=password]{width: 50%;}


/*** Reservation II Styles ***/

.dt-sc-schedule-box, .dt-sc-contactdetails-box, .dt-sc-notification-box, .steps h2, .steps h3, .steps h4, .steps h5 { float:left; width:100%; }

.steps h2, .steps h3, .steps h4, .steps h5 { clear:both; text-align:center; }

.dt-sc-schedule-progress{float:left; width:100%; position:relative; margin-bottom:10px; width:33.333%; padding:27px 10px 10px 10px; margin-right:0; text-align:center;}

.dt-sc-schedule-progress.step3{margin-right:0;}

.dt-sc-schedule-progress .dt-sc-progress-step{float:left; margin:0 0 30px 0; position:relative; text-align:center; width:100%;}

.dt-sc-schedule-progress .dt-sc-progress-step:before,.dt-sc-schedule-progress .dt-sc-progress-step:after{border-top:1px dashed; content:""; height:0; position:absolute; top:50%; width:50%; z-index:-1; -webkit-transform:translateY(-50%); transform:translateY(-50%);}

.dt-sc-schedule-progress .dt-sc-progress-step:before{left:-10px;}

.dt-sc-schedule-progress .dt-sc-progress-step:after{right:-10px;}

.dt-sc-schedule-progress.step1 .dt-sc-progress-step:before,.dt-sc-schedule-progress.step3 .dt-sc-progress-step:after{content:none;}

.dt-sc-schedule-progress .dt-sc-progress-step span{display:inline-block; float:none; font-size: 24px; height: 75px; line-height: 75px; position:relative; width: 75px; z-index:0; border:1px solid #CCC; color:#666; background-color: #FFF;}

.dt-sc-schedule-progress h4{ clear:both; margin-bottom:20px; padding-top:5px; }

.dt-sc-schedule-progress p{ font-size:1rem; }

.dt-sc-reserve-appointment2  .dt-sc-schedule-progress p{
	max-width: 350px;
	margin: auto;
}

.dt-sc-schedule-progress .dt-sc-progress-step span:before{content:""; height:auto; position:absolute; bottom:5px; left:5px; right:5px; top:5px; width:auto; z-index:-1;}

.dt-sc-appointment-contactdetails-form{width:100%; float:left;}

.dt-sc-contactdetails-box.steps input[type="text"],.dt-sc-contactdetails-box.steps input[type="password"],.dt-sc-contactdetails-box.steps input[type="email"],.dt-sc-contactdetails-box.steps input[type="url"],.dt-sc-contactdetails-box.steps input[type="tel"],.dt-sc-contactdetails-box.steps input[type="number"],.dt-sc-contactdetails-box.steps input[type="range"],.dt-sc-contactdetails-box.steps input[type="date"],.dt-sc-contactdetails-box.steps textarea,.dt-sc-contactdetails-box.steps input.text,.dt-sc-contactdetails-box.steps input[type="search"], .dt-sc-contactdetails-box.steps select{margin-bottom:20px;}

.dt-sc-notification-box.steps.step3 .border-title{float:left; width:100%; margin-bottom: 20px;}

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li{list-style:none; margin-bottom:0; display:inline-block; width:100%; padding: 20px; border: 1px solid var(--wdtBorderColor);}

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li:not(:last-child){margin-bottom:20px;}

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li p { display: inline-flex; }

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul{padding-left:0;margin-bottom: 0;}

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li span{font-weight:bold; float:left; width:100%; position:static; font-size:18px; color:#666; text-align:left; color: var(--wdtSecondaryColor);}

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li span.name { display: inline-block; width: auto; font-weight: var(--wdtFontWeight_Base); color: var(--wdtBodyTxtColorRgb); font-size: var(--wdtFontSize_Ext);}

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li span.price { display: inline-block; width: auto; position: relative; padding-left: 28px; color: var(--wdtPrimaryColor); font-size: var(--wdtFontSize_Ext);}

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details ul li span.price:before { 
	content: "";
    position: absolute;
    display: inline-block;
    width: 6px;
    height: 2px;
    background: var(--wdtBorderColor);
    margin: auto;
    left: 10px;
    top: 0;
    bottom: 0;
 }

.dt-sc-notification-box.steps.step3 .dt-sc-notification-details .dt-sc-schedule-details{width:100%; float:left;}

.dt-sc-notification-box.steps.step3 .dt-sc-about-project-form input.schedule-it{margin:30px 0;}

.dt-sc-goback-box{margin-bottom:35px; position:relative; text-align:center;}

.dt-sc-goback-box .appointment-goback{border:1px solid; color:inherit; float:none; margin:auto; position:relative; z-index:1;}

.dt-sc-goback-box input[type=button].appointment-goback{color:#FFF;}

.page-template-tpl-reservation #primary>.column>p,.page-template-tpl-reservation #primary>.column>.column>p,.page-template-tpl-reservation-type2 #primary>.dt-sc-clear~p,.dt-sc-appointment-contactdetails-form>p{clear:both; font-size:14px; font-style:italic; opacity:.75;}

.dt-appointment-form-wrapper.vc_column_container{background-color:rgba(54,45,48,0.9); margin:0 -15px; padding:75px 60px;}

.dt-appointment-form-wrapper.vc_column_container .vc_column-inner{padding-left:0; padding-right:0;}

.dt-sc-reservation-form.dt-appointment-form .vc_row{margin:0;}

.dt-sc-reservation-form.dt-appointment-form p>label { display: none; }

.dt-sc-reservation-form.dt-appointment-form input[type="submit"]{background-color:var(--wdtPrimaryColor);}

.dt-sc-reservation-form.dt-appointment-form .wpcf7-form-control-wrap:before{height:2px;}

.dt-sc-reservation-form.dt-appointment-form p:hover:before{width:100%;}

.dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form input[type="submit"]:hover{background-color:#fff; color:#333;}

.dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form input[type="text"],.dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form input[type="email"],.dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form select,.dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form textarea,.dt-sc-dark-bg .dt-sc-reservation-form.dt-appointment-form label{color:#fff;}

.dt-sc-schedule-progress .dt-sc-progress-step span,.dt-sc-schedule-progress span:before{-webkit-border-radius:50%; border-radius:50%;}

.dt-sc-schedule-progress.dt-sc-current-step .dt-sc-progress-step span{background-color:var(--wdtPrimaryColor); color:#FFF; border-color:var(--wdtPrimaryColor);}

.ui-datepicker th span {color: var(--wdtAccentTxtColor);}

.dt-sc-reserve-appointment2 ul.time-table{display:block; float:left; list-style-type:none; margin: 0; width:100%;}

.dt-sc-available-times { margin-top: 20px; }
.dt-sc-available-times ul.time-slots{display:block; float:left; overflow:hidden; margin:0; padding:30px 20px; position:relative; text-align:center; width:100%;}

.dt-sc-available-times ul.time-slots>li{clear:none; display:inline-block; float:none; margin:5px; padding:0; width:110px;}

ul.time-slots>li a{border:1px solid rgba(0,0,0,.06); display:inline-block; min-width:56px; padding:5px 18px; position:relative; width:100%; transition:all 0.3s linear; z-index:1;}

/* .entry-content ul.time-slots>li a:hover{-webkit-box-shadow:none; box-shadow:none; background-color:#000; color:#FFF;} */

.dt-sc-appointment-contactdetails-form textarea{min-height:150px;}

.dt-sc-schedule-progress.dt-sc-completed-step .dt-sc-progress-step span:before{background-color:#F0F0F0; color:#000;}

.dt-sc-staff-item{width:100%; display:inline-block; transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; background-color:#F0F0F0; margin:0 0 30px;}

.dt-sc-staff-item:hover{box-shadow: 0 0 5px 0 rgba(0,0,0,0.10); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.10); -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.10);}

.dt-sc-staff-item.type1 .image{position:relative; text-align:center;}

.dt-sc-staff-item.type1 .image .dt-sc-staff-overlay{position:absolute; bottom:23px; left:0; right:0; margin:0 auto;}

.dt-sc-staff-item .staff-details{width:100%; padding:30px 30px; display:inline-block;}

.dt-sc-staff-item .staff-details h3{font-size:24px; font-weight:500; letter-spacing: 0; margin-bottom:8px;}

.dt-sc-staff-item .staff-details h6{ color:#666; font-size: 18px; font-weight:normal; letter-spacing:0; margin-top: 8px; margin-bottom:15px; }

.dt-sc-staff-item .staff-details p{font-size: 1em;}

.dt-sc-staff-item.type2{text-align:center; padding:30px 0 0;}

.dt-sc-staff-item.type2 .image img{margin:0 auto; max-width:200px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; width:205px !important; height:205px !important; max-width:100% !important; object-fit:cover;    object-position:center center;}


.dt-sc-staff-item .dt-sc-button, .dt-sc-service-item .dt-sc-button{ display:inline-block; line-height: normal; text-transform: capitalize;}

.dt-sc-staff-item .dt-sc-button:hover, .dt-sc-service-item .dt-sc-button:hover{color:#FFF;}

.dt-sc-staff-item.type2 .dt-sc-button{margin:25px 0 0;}

.dt-sc-service-item .dt-sc-button{margin:10px 0 0;}



/* .entry-content .dt-sc-service-item a, .entry-content .dt-sc-staff-item a, ul.time-table > li ul.time-slots > li a, .entry-content .dt-sc-service-item a:hover, .entry-content .dt-sc-staff-item a:hover, ul.time-table > li ul.time-slots > li a:hover, .entry-content .dt-sc-service-item a:focus, .entry-content .dt-sc-staff-item a:focus, ul.time-table > li ul.time-slots > li a:focus{box-shadow:none; -webkit-box-shadow:none;}

.entry-content .dt-sc-service-item a:hover, .entry-content .dt-sc-staff-item a:hover, ul.time-table > li ul.time-slots > li a:hover{color:#9f9f9f; transition:all 0.3s linear;} */


.dt-sc-service-item.type1{display:inline-block; background-color:#F0F0F0; padding: 0;}

.dt-sc-service-item.type1 .image{width:100%; float:left;}

.dt-sc-service-item.type1 .service-details{text-align:center; padding:45px 48px 50px; float:left; width:100%;}



.page-one-column .dt-sc-service-item .service-details .dt-sc-service-meta ul{margin-bottom: 0;}

.page-two-column .dt-sc-service-item.type1 .image, .page-two-column .dt-sc-service-item.type1 .service-details{width:100%;}

.page-two-column .dt-sc-service-item.type1 .service-details{padding:30px 50px;}


.dt-sc-service-item{font-size: 1em;}

.dt-sc-service-item .service-details h3 { font-size: 1.15em; font-weight: 600; margin-bottom:10px; margin-top:0;}

.dt-sc-service-item .service-details h6 { font-size: 1em; margin-top: 0; margin-bottom:15px; padding: 0; color:#666;}
.dt-sc-service-item .service-details .dt-sc-service-price { clear: both; display: inline-block; font-size: 1.1em; font-weight: 600; line-height: normal; margin: 5px 0 10px; width: 100%; }

.dt-sc-service-item .service-details h4{margin-bottom:10px; padding: 0; margin-top:0;}

.dt-sc-service-item .service-details h6, .dt-sc-service-meta ul li{display:inline-block; letter-spacing:0;}

.dt-sc-service-item .service-details span{font-size: 1em; font-weight:600; margin-left:10px;}

.dt-sc-service-item .service-details .dt-sc-service-meta{width:100%; margin:20px auto 0; display:inline-block;}

.dt-sc-service-item .service-details .dt-sc-service-meta li h6{ float:left; letter-spacing:0; line-height: 22px;  margin-top: 0; margin-bottom: 0; width: 68%; }

.dt-sc-service-item .dt-sc-service-meta ul li{display:inline-block;clear:both;border-bottom:1px dashed;width:100%;text-align:left;padding-bottom: 10px;margin-bottom: 5px;font-size: 1em; border-color:#666;}

.dt-sc-service-item .dt-sc-service-meta ul li:last-child{border-bottom:none; padding-bottom:3px;}

.dt-sc-service-item .service-details .dt-sc-service-meta li span{ clear: none; float:right; line-height: 1.4; text-align:right; width: calc(32% - 10px); }

.dt-sc-service-item .service-details .dt-sc-service-meta ul{margin: 0; padding:0;}
.dt-sc-service-item .service-details p:only-of-type:last-child { margin-bottom: 0; }
.dt-sc-service-item .service-details p:only-of-type:not(:last-child) { margin-top: 10px; margin-bottom: 10px; }

.dt-sc-service-item{background-color:#F0F0F0;text-align:center;padding: 50px 28px 50px;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear; margin-bottom: 2%; float:left;}

.dt-sc-service-item:hover{box-shadow: 0 0 5px 0 rgba(0,0,0,0.10); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.10); -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.10);}

.dt-sc-service-item.type2 .image{max-width:200px; margin:0 auto 40px;}

.dt-sc-service-item.type2 .image img, .dt-services-list .dt-sc-service-item .image img{border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}

.dt-sc-service-item.type2 .service-details h3{margin-bottom:10px;}


.page-two-column .dt-sc-service-item.type2{padding:50px 20px 50px;}

.page-two-column .dt-sc-staff-item .dt-sc-button, .page-two-column .dt-sc-service-item .dt-sc-button{padding:10px 15px; font-size:14px;}

.page-two-column .dt-sc-service-item.type2 .service-details .dt-sc-service-meta li h6{font-size:14px;}

.page-two-column .dt-sc-service-item.type2 .service-details .dt-sc-service-meta li span{font-size:12px; line-height:29px;}



.dt-services-list { clear:none; display:inline-block; float:left; width:100%; }

.dt-services-list .dt-sc-service-item { background-color:transparent; padding:0; text-align:left; position:relative; margin:0; padding: 0 0 20px 130px; margin-bottom:30px; min-height:120px; }

.dt-services-list .dt-sc-service-item:after{content:""; border-bottom:1px dashed; width:100%; height:1px; display:inline-block; clear:both; float:left; left: 0; bottom: 0; position:absolute; margin:0;}

.dt-services-list .dt-sc-service-item:last-child:after{display:none;}

.dt-services-list .dt-sc-service-item:hover{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}

.dt-services-list .dt-sc-service-item .image{float:left; margin: 0 30px 0 0; width:100px; position:absolute; top:0; left:0;}	

.dt-services-list .dt-sc-service-item .service-details .dt-sc-service-meta{width:auto; margin:0;}

.dt-services-list .dt-sc-service-item .service-details .dt-sc-service-meta ul{ margin: 0; padding:0; }

.dt-services-list .dt-sc-service-item .dt-sc-service-meta ul,
.dt-services-list .dt-sc-service-item .dt-sc-service-meta ul li { display: table; }
.dt-services-list .dt-sc-service-item .dt-sc-service-meta ul { width: auto; }

.intro-section .dt-services-list .dt-sc-service-item{border-bottom:none;}

.intro-section .dt-services-list .dt-sc-service-item .service-details h4{float:right; margin:-25px 0 0;}

.intro-section .dt-services-list .dt-sc-service-item .service-details h3{margin:15px 0 0;}	

/* .single.single-dt_service #header-wrapper{margin-bottom:50px;} */

.dt-appointment-form .column{margin-bottom:1.5rem;}

.dt-appointment-form .column input[type=text], .dt-appointment-form .column select{ margin: 0; width:100%;}


.dt-sc-reserve-appointment.type1{margin-bottom:0;}


.dt-sc-dark-bg .dt-appointment-form input[type=text]::-webkit-input-placeholder{color:#FFF;}


.dt-sc-dark-bg .dt-appointment-form input[type=text]:-moz-placeholder{color:#FFF; opacity:1;}



.dt-sc-dark-bg .dt-appointment-form input[type=text]::-moz-placeholder{color:#FFF; opacity:1;}



.dt-sc-dark-bg .dt-appointment-form input[type=text]:-ms-input-placeholder{color:#FFF;}


input::-webkit-input-placeholder{
	color: #28303d; 
	opacity:1;
} 
input:-moz-placeholder{
	color: #28303d; 
	opacity:1;
}
input::-moz-placeholder{
	color: #28303d; 
	opacity:1;
}
input:-ms-input-placeholder{
	color: #28303d; 
	opacity:1;
}
textarea::-webkit-input-placeholder{
	color: #28303d; 
	opacity:1;
}
textarea:-moz-placeholder{
	color: #28303d; 
	opacity:1;
}
textarea::-moz-placeholder{
	color: #28303d; 
	opacity:1;
}
textarea:-ms-input-placeholder{
	color: #28303d; 
	opacity:1;
}



.dt-sc-dark-bg .dt-appointment-form select, .dt-sc-dark-bg .dt-appointment-form input[type=text]{color:#FFF; border-color:#FFF;}



.dt-sc-dark-bg .selection-box:before{border-top-color:#FFF;}



.dt-sc-dark-bg .dt-appointment-form select option{color:#5f5842;}

.app-form .dt-appointment-form p{margin-bottom: 0;}

.app-form .dt-appointment-form .dt-sc-button{width:100%; background-color:#FFF; margin:26px 0 0;}

.app-form .dt-appointment-form .dt-sc-button:hover{color:#FFF;}

#ui-datepicker-div .ui-widget-header, #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default{background:rgba(0,0,0,0.05); border-image:none;}

/*** Reservation Form II Styles ***/

.dt-sc-reserve-appointment2 .available-times .dt-sc-title{padding:10px 20px 0; margin-bottom:0;}
.dt-sc-reserve-appointment2 ul.time-table > li.selected{background-color:#f2f2f2;}
.dt-sc-reserve-appointment2 ul.time-table > li.selected ul.time-slots{background-color:#222;}

#dt-sc-ajax-load-image img{margin:0 auto;}

/*** Services Single Styles ***/

.dt_service-single { width: 100%; }
.dt_service-single > .attachment-post-thumbnail{margin:0 auto; display:block;}

@media only screen and (min-width:1400px){

	.dt_service-single > .attachment-post-thumbnail{object-fit:cover; height:700px !important; object-position:center center;width: 100%;}


}

body[class*="single"] #content, body[class*="archive"] #content{ margin:0 auto; max-width:1230px; }

.service-details a{text-decoration:none;}

body[class*="single"] .wpb_gmaps_widget .wpb_map_wraper iframe{max-height:none !important;}
 


/*** Staff Single Styles ***/

.dt_staff-single { width: 100%; }
.dt_staff-single > .attachment-post-thumbnail{width:38% !important; float:left; margin-right:3%;}
.content-aside{width:59%; float:left; margin:0 !important; position:relative; z-index:1;}

.default-button a{padding:13px 20px 12px !important; font-size:20px !important;}

.booking-pagination{clear:both;}

.res-fullwidth-content, .clear-both{clear: both;}

/*** Staff Types Styles ***/

.dt-sc-team.hide-social-show-on-hover .dt-sc-team-social li a{padding:0 5px;}
.staff .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-thumb{border:none;}
.staff .dt-sc-team.hide-social-role-show-on-hover:hover .dt-sc-team-social{top:-18px;}
.staff .dt-sc-team.hide-social-role-show-on-hover ul.dt-sc-team-social li{margin:0px 5px;}
.staff.dt-sc-one-third .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-social li a{width:40px; height:40px; font-size: 1em; line-height:38px;}
.staff .dt-sc-team.hide-details-show-on-hover .dt-sc-team-details h4{font-weight:500; text-transform:none;}
.staff .dt-sc-team.hide-details-show-on-hover .dt-sc-team-details .dt-sc-team-social{padding:20px 0 0;}
 .dt-sc-team-details h5{color:#666;}
 .staff .dt-sc-team.hide-social-role-show-on-hover .dt-sc-team-details h5{font-size:15px;}
 .ui-datepicker.ui-widget{font-size:0.8em; }


.tbl-view-reservations{margin-bottom:30px;}
.tbl-view-reservations td, .tbl-view-reservations th{font-size:15px; font-weight:500; text-align:center;padding: 1em;}
.tbl-view-reservations tr:first-child th{font-weight:600;}

form[class*="dt-sc-"] input[type=checkbox] + label { display: inline; padding-left:0; width: 0;}

.staff-info .dt-sc-team-social{text-align:inherit; margin:20px 0 30px !important; display:inline-block;}
.staff-info .dt-sc-team-social li a{width:40px; height:40px; text-align:center; font-size:14px; line-height:40px; background-color:#222222; border-radius:50%; color:#FFF;}
.staff-info .dt-sc-team-social li a:hover{background-color:#767676;}
.staff-info .dt-sc-team-social li a:focus{background:#767676 !important;}

.staff-info h6{font-size:24px; color:#666; margin:10px 0 20px; letter-spacing:0;}
.staff-info .social_heading{margin:30px 0 0; display:inline-block; width:100%;}

.staff-header{display: inline-block; float: left; width: 100%;}



/* .dt-sc-button:hover, .staff-info .dt-sc-team-social li a:hover, .entry-content button:hover, .entry-content input[type="button"]:hover, .entry-content input[type="submit"]:hover, 
.entry-content .dt-sc-button:hover, .entry-content button:focus, .entry-content input[type="button"]:focus, .entry-content input[type="submit"]:focus, 
.entry-content .dt-sc-button:focus, .dt-sc-button:hover, .dt-sc-button:focus, .default-button a:hover, .default-button a:focus{
	-webkit-animation:pulse-shadow 1s; 
	animation:pulse-shadow 1s;
	-webkit-box-shadow: 0 0 0 2em rgba(0,0,0,0);
	box-shadow: 0 0 0 2em rgba(0,0,0,0);}


	@keyframes pulse-shadow {
		0% { 
			-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.06); 
			box-shadow: 0 0 0 0 rgba(0,0,0,0.06); 
		}
	} */



.img-hover img{transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.img-hover:hover img{opacity:0.8;}

.notify-buttons-wrapper{margin:30px 0; display:inline-block; width:100%;}
.dt-sc-reserve-appointment2  .dt-sc-notification-box.steps.step3 .notify-buttons-wrapper{ text-align: center; }
.notify-buttons-wrapper .dt-sc-button, .dt-sc-success-box ~ p + .dt-sc-button{margin-right:15px;}

.form-control.dtstaff-drop-down, .form-control.dtstaff-drop-down .button { font-family: inherit; }
.form-control.dtstaff-drop-down .button{position:relative; background-color:#FFF !important; border: 1px solid #39414d; color: inherit; display:inline-block; display: flex; align-items: center; font-weight:normal; margin-top: 0; min-height:60px; padding: 12px; padding: 12px 30px 12px 65px; position: relative; width:100%; }
.form-control.dtstaff-drop-down .button .select-list-link{position:absolute;right:0;width:100%;height:100%;left:auto;top:0;font-size: 0;}
.form-control.dtstaff-drop-down .button .select-list-link:before{
	content:"";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000;
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
}
.form-control .select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-left-width: 5px; border-right-width: 5px; }
.form-control .select2-container--default .select2-selection--single .select2-selection__arrow b { border-top-color: #000; }
.form-control .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-bottom-color: #000; }

.form-control.dtstaff-drop-down .button span:first-child{ background-position: center top;
    background-repeat: no-repeat; height: 40px; line-height:37px; position: absolute; left: 10px; top: 50%; white-space:nowrap; width: 40px; border-radius:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);display: none; }
.form-control.dtstaff-drop-down { width: 100%; }
.form-control.dtstaff-drop-down .button span{padding:0; color:#28303d; line-height: 1.5; font-size: inherit;text-transform: capitalize; letter-spacing: 0;}
.default-title .elementor-heading-title, .default-text .elementor-widget-container{color:#28303d !important; font-weight: 300 !important;}

.form-control.dtstaff-drop-down .select-list { background-color: #FFF; border: 0px solid; border-top-width: 0; margin: 0px 0 0; padding: 0px; top: 100%; width: 100%; /* z-index: 3; */margin-top: 10px;box-shadow: 0 0 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);}
.form-control.dtstaff-drop-down .select-list li:first-child{font-size:0; display:none !important;}
.form-control.dtstaff-drop-down .select-list li:first-child span{font-size: 0; min-height: unset; padding: 0;}
.form-control.dtstaff-drop-down .select-list li {list-style:none; width: 100%; margin: 0; padding: 15px 15px 5px; cursor: pointer;}
.form-control.dtstaff-drop-down .select-list li:hover{background-color:rgba(0,0,0,0.05);}
.form-control.dtstaff-drop-down .select-list li span{
    display: inline-block;
    min-height: auto;
    min-width: auto;
    width:auto;
    padding: 0;
    background-color:transparent;
    background-position:center;
    background-repeat: no-repeat;
    font-size: 1em;
    color: #222;
    opacity: 1;
    max-width: none;
    white-space: nowrap;
    font-weight:600;
    }
.form-control.dtstaff-drop-down{z-index:auto !important;}
 .form-control.dtstaff-drop-down .select-list li span:not(.staff-role){border-radius:50%;padding: 0;width: 55px;height: 55px; position:relative; top:0;background-size: cover;background-repeat: no-repeat;background-position: center;box-shadow: var(--e-a-dropdown-shadow);}  
 .form-control.dtstaff-drop-down .select-list li span.staff-role{position:relative;  padding-left:15px;vertical-align: top;}
 .form-control.dtstaff-drop-down .select-list li span.staff-role i{font-weight: normal; font-style: normal; color: var(--wdtBodyTxtColor); font-size: 16px; display: block;}
 .form-control input, .form-control select, .form-control textarea { margin-bottom: 0 !important; }
 .dt-sc-reserve-appointment2 .dt-sc-appointment-scheduler-form input[type=text]{
 	margin-left: 0;
 	margin-right: 0;
 }

.page-with-sidebar .elementor-section.elementor-section-stretched { left: auto !important; width: 100% !important; }


/*** Responsive ***/

@media only screen and (min-width:1600px){

/*** For Elementor ***/

/* .elementor-section.wide-row-large{min-width:1200px; margin-left: -295px;} */

}

@media only screen and (min-width: 768px) and (max-width: 1599px){

	.dt-sc-reserve-appointment2 .dt-sc-appointment-scheduler-form{
		margin: 0 auto;
		width: 100%;
	}
	.dt-sc-reserve-appointment2 .dt-sc-appointment-scheduler-form .dt-sc-one-third.column{
		margin: 0 0 10px;
		width: 100%;
	}

}

@media only screen and (min-width: 768px) and (max-width: 1024px){

	.center-service{
		text-align: center;
	}

	.center-service .elementor-widget-container{
		display: inline-block;
	}

	.single .dt-services-list .dt-sc-service-item{
		padding-left: 100px;
	}

	.single .dt-sc-service-item .service-details h3 {
	    font-size: 18px;
	}

	.single .dt-services-list .dt-sc-service-item .image{
		margin-right: 20px;
	    width: 80px;
	}

}


@media only screen and (max-width:1280px){

	.res-position{left: 0 !important; right: 0 !important;}

}

@media only screen and (max-width:1025px){

	.type1.expert-archive{margin-bottom: -980px !important;}
	.res-position{position: static !important; text-align: center !important;}

	.no-space{display: none;}
	.no-padding{padding-bottom: 0 !important;}
	.fw-section-2{padding-right: 0 !important;}

}


@media only screen and (min-width: 1200px) and (max-width: 1380px){

	body[class*="single"] #content, body[class*="archive"] #content{max-width:1080px;}


}


@media only screen and (min-width:1200px){

	.vc_row.wide-row, .dt-sc-view-reservations{max-width:1000px !important; margin:0 auto !important;}	
	.vc_row.wide-row-large{max-width:1200px !important; margin:0 auto !important;}

	/*** For Elementor ***/
	.elementor-section.wide-row > .elementor-container > .elementor-column{max-width: 800px; margin: 0 auto;}

}

@media only screen and (min-width:1025px) and (max-width:1199px) {

	/* .expert-archive{
		padding-bottom: 100px !important;
	} */

}


@media only screen and (min-width:992px) and (max-width:1199px) {

	.dt-sc-service-item.type2 .image{max-width:150px;}

	.dt-sc-staff-item .staff-details h3{font-size:22px;}

	.page-two-column .vc_col-sm-6 .dt-sc-service-item.type2{padding:50px 15px 50px;}

	.dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top: 12px; }	

	body[class*="single"] #content, body[class*="archive"] #content{max-width:900px;}

	.dt_staff-single > .attachment-post-thumbnail{width:100% !important; margin:0 auto; float:none; display:block;}
	.dt_staff-single > .attachment-post-thumbnail{margin-right:0 !important;}
	.content-aside{width:100%; float:left; margin:80px 0 0 !important;}
	.res-fullwidth-content .vc_col-sm-6{width:100%;}
	.res-fullwidth-content .vc_col-sm-6 > .vc_column-inner{padding:80px 50px 50px !important;}
	.fullwidth-section-2.res-fullwidth-content{margin-top:80px !important;}
	.misc-section .vc_col-sm-6{width:100%;}

}

  

@media only screen and (min-width:768px) and (max-width:991px) {  

	.dt-sc-service-item.type2 .image{max-width:150px;}

	.vc_col-sm-4 .dt-sc-service-item .dt-sc-service-meta ul li{text-align:center; padding:10px 5px;}

	.vc_col-sm-4 .dt-sc-service-item .service-details .dt-sc-service-meta li h6{float:none; width:100%; display:inline-block;}

	.vc_col-sm-4 .dt-sc-service-item .service-details .dt-sc-service-meta li span{text-align:center; float:none; width:100%; display:inline-block; margin-left:0;}

	.vc_col-sm-4 .dt-sc-service-item .dt-sc-button.medium{font-size:12px; padding:10px 15px;}

	.dt-sc-service-item.type1 .image, .dt-sc-service-item.type1 .service-details{width:100%;}
	.dt-sc-service-item.type1 .service-details { padding: 25px 20px 20px; }

	.dt-sc-service-item.type1 .image, .dt-sc-service-item.type1 .service-details{width:100%;}

	.dt-sc-one-third.dt-sc-service-item .dt-sc-service-meta ul li > * { display: inline-block; float: none !important; line-height: normal !important; margin: 0; text-align: center !important; width: 100% !important; }

	.dt-sc-staff-item.type2 .image img{max-width:100px;}

	.page-two-column .vc_col-sm-6 .dt-sc-service-item.type2{padding:50px 10px 50px;}

	.page-two-column .vc_col-sm-6 .dt-sc-staff-item .dt-sc-button{padding:8px 15px; font-size:12px;}

	.page-two-column .vc_col-sm-6 .dt-sc-service-item .dt-sc-button{padding:6px 10px; font-size:12px;}

	.page-two-column .vc_col-sm-6 .dt-sc-service-item.type2 .service-details .dt-sc-service-meta li h6{font-size:11px;}

	.page-two-column .vc_col-sm-6 .dt-sc-service-item.type2 .service-details .dt-sc-service-meta li span{font-size:10px; margin-left: 0;}

	.page-two-column ul.time-table > li{padding:15px 15px 0;}

	.page-two-column ul.time-table > li ul.time-slots > li a{min-width:80px; padding:5px 5px;}


	.dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top:12px; }

	body[class*="single"] #content, body[class*="archive"] #content{max-width:710px;}
	.dt-sc-view-reservations{max-width:710px !important;}

	.dt_staff-single > .attachment-post-thumbnail{width:100% !important; margin:0 auto; float:none; display:block;}
	.dt_staff-single > .attachment-post-thumbnail{margin-right:0 !important;}
	.content-aside{width:100%; float:left; margin:50px 0 0 !important;}
	.res-fullwidth-content .vc_col-sm-6{width:100%;}
	.res-fullwidth-content .vc_col-sm-6 > .vc_column-inner{padding:25px !important;}
	.fullwidth-section-2.res-fullwidth-content{margin-top:80px !important;}
	.misc-section .vc_col-sm-6{width:100%;}

	.dt_staff-single .dt-sc-button{padding: 14px 60px;}	
	.staff-info h2{font-size: 2rem;}
	.staff-info h4{font-size: 1.4rem;}


}

@media only screen and (min-width: 768px) {

	.staff-info{padding-left:30px;}

	}

@media only screen and (max-width: 767px) {

	.time-table-wrap ul.time-table > li { min-width: 50%; }
	.dt_staff-single > .attachment-post-thumbnail{width:100% !important; margin:0 auto; float:none; display:block;}
	.dt_staff-single > .attachment-post-thumbnail{margin-right:0 !important;}
	.content-aside{width:100%; float:left; margin:50px 0 0 !important;}
	.res-fullwidth-content .vc_col-sm-6{width:100%;}
	.res-fullwidth-content .vc_col-sm-6 > .vc_column-inner{padding:25px !important;}
	.fullwidth-section-2.res-fullwidth-content{margin-top:80px !important;}
	.misc-section .vc_col-sm-6{width:100%;}

	.entry-content button, .entry-content input[type="button"], .entry-content input[type="submit"], .entry-content .dt-sc-button, .dt-sc-button{margin-top:30px; padding:12px 25px;}

}


@media only screen and (max-width: 767px) {


	.column{margin-bottom:20px; margin-left:0;}

	.dt-sc-one-fourth, .dt-sc-one-half, .dt-sc-one-third, .dt-sc-three-fourth, .dt-sc-two-third, .dt-sc-one-fifth, .dt-sc-four-fifth, .dt-sc-three-fifth, .dt-sc-two-fifth, .dt-sc-one-sixth, .dt-sc-two-sixth, .dt-sc-three-sixth, .dt-sc-four-sixth, .dt-sc-five-sixth, .column.no-space.dt-sc-one-fourth, .column.no-space.dt-sc-one-third, .column.no-space.dt-sc-one-half, .column.no-space.dt-sc-one-fifth, .column.no-space.dt-sc-one-sixth, .column.no-space.dt-sc-three-fourth, .column.no-space.dt-sc-two-third, .column.no-space.dt-sc-four-fifth, .column.no-space.dt-sc-three-fifth, .column.no-space.dt-sc-two-fifth, .column.no-space.dt-sc-two-sixth, .column.no-space.dt-sc-three-sixth, .column.no-space.dt-sc-four-sixth, .column.no-space.dt-sc-five-sixth, .portfolio.column.dt-sc-one-fourth.no-space, .column.no-space.dt-sc-two-fifth, .wpb_column.no-space.dt-sc-two-fifth, .column.no-space.dt-sc-one-fifth, .wpb_column.no-space.dt-sc-one-fifth, .column.no-space.dt-sc-three-fifth, .wpb_column.no-space.dt-sc-three-fifth, .wpb_column.dt-sc-one-fifth, .column.wpb_column.dt-sc-one-fifth{width:100%;}

	.dt-services-list .dt-sc-service-item{padding: 0 0 20px; text-align:center; width:100%; display:inline-block;}

	.dt-services-list .dt-sc-service-item .image{position:static; margin: 0 auto 30px; float:none;}

	.service-details{clear:both; float:left; width:100%;}

	.intro-section .dt-services-list .dt-sc-service-item .service-details h4{float:left; margin: 0 0 0; width:100%;}

	.dt-sc-service-item { margin-bottom: 20px; }
	.dt-sc-service-item .service-details .dt-sc-service-meta, .dt-sc-service-item.type1 .image{width:100%;}

	.dt-sc-service-item.type1 .service-details{padding:30px 25px; width:100%;}
	
	.dt-sc-service-item .dt-sc-button.medium:not(.with-icon){padding:14px 20px; font-size:14px;}

	.dt-sc-service-item.type2 .service-details span{ font-size: 1em; line-height: 1; }

	.fullwidth-icon-count .dt-sc-icon-box.type2.no-icon h5{font-size:18px;}

	.dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top: 14px; }

	ul.time-table > li{width:100%; margin-right: 0;}

	.dt-sc-schedule-progress{width:100%;}

	/*.tbl-view-reservations tr{width:50%; display:inline-block;}
	.tbl-view-reservations td, .tbl-view-reservations th{float:left;  width:100%; margin:0 0px -1px 0px; font-size:14px;}
	.tbl-view-reservations tr:first-child th{border-right:none;}*/
	.dt-sc-schedule-progress .dt-sc-progress-step:before, .dt-sc-schedule-progress .dt-sc-progress-step:after{display:none;}
	ul.time-table > li ul.time-slots > li a{padding:5px 10px;}

	.dt-services-list .dt-sc-service-item .service-details .dt-sc-service-meta{width:100%;}
	.dt-services-list .dt-sc-service-item .dt-sc-service-meta ul { margin-left: auto !important; margin-right: auto !important; }
	.dt-services-list .dt-sc-service-item .dt-sc-service-meta ul li{ display: table; text-align:center; }

	.available-times .dt-sc-title span.name{font-size:18px;}

	body[class*="single"] #content, body[class*="archive"] #content{max-width:420px;}
	.dt-sc-view-reservations{max-width:420px !important;}

	.space-left > .vc_column-inner{padding-left:15px !important;}

	.dt-sc-view-reservations .tbl-view-reservation-container { clear: both; -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 0 1px 1px rgba(0,0,0,0.05); }
	.dt-sc-view-reservations .tbl-view-reservations{overflow-x:scroll; display:block;}
	.dt-sc-view-reservations .tbl-view-reservations th, .dt-sc-view-reservations .tbl-view-reservations td { word-break: normal;white-space: nowrap; }

	form[id*="reserveloginform"] > p{display:inline-block; width:100%;}
	form[id*="reserveloginform"] p label{display:inline-block; width:100%; padding-right: 5px;}
	form[id*="reserveloginform"] p input[type=text], form[id*="reserveloginform"] p input[type=password]{width:100%;}
	form[id*="reserveloginform"] input[type=text], form[id*="reserveloginform"] input[type=password]{width: 100%;}

	.form-control{margin-bottom: 0px;}
}

@media only screen and (max-width: 479px) {

	  .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { top: 12px; }
	  .tbl-view-reservations td, .tbl-view-reservations th{font-size:12px;}

	  ul.time-table > li ul.time-slots, .time-table-wrap ul.time-table > li{min-width:100%;}
	  ul.time-table > li ul.time-slots > li{margin:0 auto; width:100%; clear:both; display:block;}

	  .dt-sc-service-item.type1 .service-details{padding:30px 20px;}

	  ul.time-table > li > ul.time-slots{padding:15px 25% 20px;}

	  body .dt-sc-reserve-appointment2 ul.time-table > li ul.time-slots > li a:not(:focus):not(:hover){border-color:transparent transparent rgba(0,0,0,0.05);}

	  body[class*="single"] #content, body[class*="archive"] #content{max-width:260px;}
	  .dt-sc-view-reservations{max-width:290px !important;}
	  .default-button a{font-size: 1em !important;}

	  .dt-sc-service-item .dt-sc-service-meta ul li > * { display: inline-block; float: none !important; line-height: normal !important; margin: 0; text-align: center !important; width: 100% !important; }
	  
}


/* New placeholder css */
.frm-group { position: relative; }

.frm-group .placeholder { position: absolute; top:12px; left:10px; color:#28303d; display: none; font-size: var(--wdtFontSize_Base); line-height: normal; pointer-events: none;}
.frm-group label{color:#28303d; font-weight: normal;} 
.frm-group .star { color: red }