.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
*{ margin:0px; padding:0px; outline:0px; box-sizing: border-box;}
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
a{text-decoration:none; color:#ffba99; transition:all 0.4s linear 0s;}
a:hover{transition:all 0.4s linear 0s;}
a img, img{border:0px; outline:none;}
img{max-width:100%; height:auto;}
a, input[type="submit"], button{outline:none;  }
.clear{clear:both;}
::-moz-placeholder{ opacity:1; }
input[type=submit], button, select{ -moz-appearance: none;-webkit-appearance: none;}
input, select, button, textarea{font-family: 'Avenir';}
input[type=submit], button{ cursor:pointer;transition:all 0.4s linear 0s;}
input[type="submit"], input[type="text"], input[type="password"], input[type="tel"], input[type="search"], button, input[type="email"], input[type="tel"], textarea, select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; border:0;}
h1, h2, h3, h4, h5, h6, p, ul, li, label, input, textarea, img, submit, button, a{ margin: 0px; padding: 0px; outline: none; list-style: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align:baseline;}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 62.5%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;scroll-behavior: smooth;}
q {-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;quotes: none;}
a:focus {outline:0;outline: 0;}
a:hover,
a:active {outline: 0;}
a img {border: 0;}
body{color:#7d8e95; font-size:16px; line-height:26px; font-family: 'Avenir'; overflow-x:hidden; font-weight: 900; letter-spacing:0.6px;}
.container{width:1240px; margin:0 auto;}
p:last-child{ margin-bottom:0px;}
.btn{ text-transform:uppercase; color:#ffba99; text-transform:uppercase; font-size:20px; background:#7d8e94; padding:12px 30px; min-width:260px; text-align:center; display:inline-block;}
.btn:hover{ background:#ffba99; color:#fff;}

/* Header and Footer Section Start */

.header{ width:100%; float:left;padding:25px 0;position: relative}
.header .container{ display:flex; justify-content: space-between;}
.header .logo{ display:flex; min-height:44px; align-items:center;z-index: 99999999}
.header .logo img{ max-width:180px; display:block;}
.headerRight{ float:right;}
.navigation{ float:left;}
.navigation ul li{ float:left; margin-right:40px; text-transform:uppercase; font-size:18px;line-height: 44px;}
.navigation ul li:last-child{ margin-right:0px;}
.navigation ul li a{color:#666666; letter-spacing:1px; position:relative; padding:4px 0; border-bottom:5px solid transparent; cursor:default}
.navigation ul li.active>a{ border-bottom-color:#4E4E4E;}

.loginBtn{ float:right; margin-left:40px;}
.loginBtn a{ display:inline-block; color:#4E4E4E; border:1px solid #4E4E4E; border-radius:8px; min-width:120px; padding:8px 11px; text-align:center; cursor:pointer; position:relative;font-size: 18px; font-weight: 500; text-transform:uppercase}
.loginBtn a:hover{ background:#6478A0; color:#4E4E4E;}



.footer{ width:100%; float:left; border-top:1px solid #8d9da2; padding:20px 0; font-weight:normal; margin-top:20px;font-size:16px;color:#7d8e95}
.footer .container{ display:flex; justify-content:space-between;}
.footer .links li{ float:left;}
.footer .links li:after{ content:'|'; display:inline-block; margin:0 10px;}
.footer .links li a{ color:#7d8e95;text-decoration:none}
.footer .links li a:hover{ color:#fbb999}
.footer .links li:last-child:after{ display:none;}
/* Header and Footer Section Start */


.formSection{ width:100%; float:left; padding:50px 0;}
.formSection .text-a textarea{width: 100%;padding: 10px;resize: none;}
.text-a{display: block}
.formSection .formGroup button.popup-add{background: #fff   }


.row{ width:calc(100% + 30px); margin:0 -15px; display:flex; flex-wrap:wrap; float:left; padding:15px 0; position:relative;justify-content: center}
.row .col6{ width:50%; padding:0 15px;}
.row .col8{ width:60%; padding:0 15px;}
.table-responsive .row .col8{ width:65%; padding:0 15px;}
.table-responsive .row .col4{ width:35%; padding:0 15px;}

.row .col4{ width:40%; padding:0 15px;}
.row .col12{ width:100%; padding:0 15px;}
.textRight{ text-align:right;}
.textCenter{ text-align:center;}
.formSection .label{ width:100%; display:block; text-transform:uppercase; letter-spacing:1px; color:#7d8e95; font-weight:900; font-size:16px; padding:0 0 10px;}
.formSection .label a{    float: right;
    border: 1px solid #fbb999;
    border-radius: 8px;
    padding: 8px 11px;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    margin: 0 0 19px;}
.radioImgs {width:100%; float:left; display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);grid-gap:25px; margin:0 0 20px;}
.radioImgs .col3{ position:relative; width:100%; float:left;}
.radioImgs .col3:after{ content:''; width:100%;  height:100%; float:left; position:absolute; top:5px; left:5px; border:2px solid #8d9da2;border-radius:30px;}

.treatmentSlider {width:100%; float:left; margin:0 0 20px;}
.treatmentSlider .item{width:100%; float:left;  padding:0 15px 25px;}
.treatmentSlider .col3{ position:relative; width:100%; float:left;}
.treatmentSlider .col3:after{ content:''; width:100%;  height:100%;float:left;position:absolute; top:5px; left:5px; border:2px solid #8d9da2;border-radius:30px;}
.treatmentSlider .imgBox{width:100%; float:left; position:relative; border:2px solid #8d9da2; border-radius:30px; text-align:center; display:flex; height:380px; align-items:center; justify-content:center; padding:20px 10px;flex-direction: column;z-index: 1;cursor:pointer;background: #fff;display: block}
.treatmentSlider .imgBox p.treat_desc{font-size: 13px;line-height: 20px;font-weight: normal}
.treatmentSlider .col3 img{ display:block; margin:0 auto 20px;width: 175px;height: 173px}
.treatmentSlider .col3 h6 input{position: absolute;width: 100%;height: 100%;top:0;left:0;opacity: 0}



.treatmentSlider .owl-prev{ font-size:0px; position:absolute; top:50%; left:-15px; width:25px; height:25px;}
.treatmentSlider .owl-next{ font-size:0px; position:absolute; top:50%; right:-25px; }

.treatmentSlider .owl-prev:before{ content:'\f104'; font-family:'FontAwesome';width:100%; line-height:24px; color:#b3bdc1; font-size:34px;}
.treatmentSlider .owl-next:before{ content:'\f105'; font-family:'FontAwesome';width:100%; line-height:24px; color:#b3bdc1; font-size:34px;}

/*.treatmentSlider .item.active .imgBox{ background:#b3bdc1;}*/
.contentContainer .services-a1 .formGroup{margin-bottom: 25px!important;}





.formGroup{ width:100%; float:left; margin:0 0 25px;}
.formGroup:last-child{ margin-bottom:0px;}
.w100{ width:100%; float:left;}
.radiobtn{ float:left; position:relative;margin:0 10px 10px 0}
.radiobtn input{ width:100%; position:absolute; z-index:1; opacity:0; height:100%; cursor:pointer; left:0;}
.radiobtn label{ display:block; border:1px solid #fbb999; border-radius:8px; min-width:140px; padding:10px 15px; text-align:center; cursor:pointer; position:relative;}
.radiobtn label:before{ content:''; position:absolute; top:2px; left:2px; width:calc(100% - 4px); height:calc(100% - 4px);border:1px solid #feece2; border-radius:8px; }
.radiobtn input:checked + label{ background:#b3bdc1; color:#fff;}
.radiobtn input:checked + label:before{ border-color:#b3bdc1}
.radiobtn a{ color:#7d8e95;}

.mt30{ margin-top:30px;}
.paymntPage{ width:100%; float:left; padding:40px 0;  min-height:calc(100vh - 180px); display:flex; flex-direction:column; justify-content:center;}
.table-responsive{ min-height:calc(100vh - 180px); display:flex; flex-direction:column; justify-content:center; width:100%; float:left;}
.title{ text-transform:uppercase; font-size:40px; line-height:48px; font-weight:800; padding:0 0 20px; color:#fab998; letter-spacing:1px;}
.packageBox{ width:100%; float:left; text-align:center; position:relative; margin:40px 0 0;}
.packageBox .item{width:100%; float:left;  padding:0 25px 30px;}


#ses{ width:100%; float:left; text-align:center;}
#ses label{    text-transform: uppercase;
    font-weight: 600;
    
    font-size: 15px;
    color: #000;
    letter-spacing: 2px;}
#ses label:first-child{ font-size: 30px;
    color: #e8a380;
    text-transform: uppercase;
    padding: 0 0 4px;
    margin: 0;
    display: inline-block;}
.payment_sec{ width:100%; text-align:center; color:#000}

.payment_sec.no_session { text-align:center;}

/*.packageBox .col3 .action input.btn2{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity:0}*/


.packageBox .col3{ position:relative; width:100%; float:left;}
.packageBox .col3:after{ content:''; width:100%;  height:100%; float:left; position:absolute; top:10px; left:10px; border:3px solid #4E4E4E;border-radius:30px;}
.packageBox .imgBox{width:100%; float:left; position:relative; border:3px solid #4E4E4E; border-radius:30px; text-align:center; display:flex; height:500px; align-items:center; justify-content:center; padding:25px;flex-direction: column;z-index: 1;cursor:pointer;background: #fff;}
.table-responsive .packageBox .imgBox{ height:auto;}
.paymntPage .packageBox .imgBox .radiobtn input{width:100%; position:absolute; z-index:1; opacity:0; height:100%; cursor:pointer; left:0;top: 0}
.paymntPage .packageBox .imgBox .radiobtn{position: revert}

.packageBox .item.active .imgBox{ border-color:#4E4E4E}
.packageBox .item.active .col3:after{  border-color:#4E4E4E}
.packageBox .col3 img{ display:block; margin:0 auto 20px;}
.packageBox h6{ font-weight:500; font-size:16px; line-height:22px;}
.packageBox h4{ font-weight:800; font-size:18px; line-height:24px; margin:5px 0;}
.packageBox h5{ font-weight:900; font-size:18px; line-height:24px; margin:5px 0; text-transform:uppercase; letter-spacing:1px; color:#4E4E4E;}
.packageBox .btn2{ background: white; display:inline-block; color:#4E4E4E; border:1px solid #4E4E4E; border-radius:8px; min-width:170px; padding:11px; text-align:center; cursor:pointer; position:relative; margin-top:15px;}
.packageBox .btn2:before{ content:''; position:absolute; top:2px; left:2px; width:calc(100% - 4px); height:calc(100% - 4px);border:1px solid #feece2; border-radius:8px;}
.packageBox .btn2:hover{ background:#6478A0; color:#fff;}
.slider1 .owl-prev{ font-size:0px; position:absolute; top:50%; left:-15px; width:25px; height:25px;}
.slider1 .owl-next{ font-size:0px; position:absolute; top:50%; right:-25px; }
.slider1 .owl-prev:before{ content:'\f104'; font-family:'FontAwesome';width:100%; line-height:24px; color:#b3bdc1; font-size:34px;}
.slider1 .owl-next:before{ content:'\f105'; font-family:'FontAwesome';width:100%; line-height:24px; color:#b3bdc1; font-size:34px;}
.locationPage{ width:100%; float:left; padding:50px 0}
.locationPage h2{ text-align:center;}
.locationPage .formSection .row .col8{width: 100%}
.locationPage .formGroup.w50{float: none;width: 30%;text-align: center;margin: 0;display: inline-block;}
#map{width: 100%!important;margin: 20px 0 40px;border: 1px solid #ccc}

.row.justify_center{justify-content: center;flex-direction: row;text-align: center;align-items: center;}
.row h3{ text-transform:uppercase; font-size:30px; line-height:38px; font-weight:800; padding:15px 0; color:#7d8e95; letter-spacing:1px;}
.row h3 a{color:#7d8e95;}
.row h3 a:hover{ color:#ffba99;}


.formGroup.w50{ width:50%; float:left;text-align:left;}
.formGroup .input_field{ display:inline-block; width:99%; border:1px solid #fbb999; border-radius:8px;position:relative; padding:4px;}
.formGroup .input_field:before{ content:''; position:absolute; top:2px; left:2px; width:calc(100% - 4px); height:calc(100% - 4px);border:1px solid #feece2; border-radius:8px; }
.formGroup .input_field input{ width:100%; float:left; height:48px; padding:0 15px; font-size:15px; color:#7d8e95; font-weight:500; position:relative; z-index:1;}
.row.center, .center{ text-align:center;}
.row h2{text-transform:uppercase; font-size:36px; line-height:48px; font-weight:500; margin:20px 0 0; color:#7d8e95; letter-spacing:1px;}
.row h2 strong{ font-weight:800;}
.row h4{font-size:24px; line-height:34px; font-weight:500; margin:20px 0 0;color:#7d8e95; letter-spacing:1px;}
.timePage{ width:100%; float:left; padding:30px 0; min-height:calc(100vh - 180px); display:flex; flex-direction:column; justify-content:center; width:100%; float:left;}
.timePage .service_tabs{display: block;margin: 0 0 20px}
.user_login{ min-height:calc(100vh - 180px); display:flex; flex-direction:column; justify-content:center; width:100%; float:left;}
.timePage .service_tabs li{display: inline-block;margin: 0 10px;color: #7d8e95;background: #f0f0f0;border: 1px solid #fab998;width: 150px;padding: 10px 0;font-size: 15px;text-align: center;border-radius: 8px;cursor: pointer;white-space:nowrap}
.timePage  .service_tabs li.active{color: #fff;background: #fab998;border-color: #fab998}
#booking_error{color: red;text-align: center;margin-bottom:20px; }
.ther_error{	background: #D70F0FFA;	display: block;	text-align: center;	padding: 15px 70px;	color: #FFF;	font-size: 20px;	text-transform: uppercase;	border-radius: 40px;}


.mmbrPlus h2{ margin:0px; color:#fff; font-weight:800;}
.mmbrPlus .col3{ width:30%; background:#fab998; color:#fff; text-align:center; padding:60px 20px;display: flex;align-items: center;justify-content: center;}
.mmbrPlus .col7{ width:50%; background:#fab998; color:#fff;text-align:center;padding:60px 20px;display: flex;align-items: center;justify-content: center;}
.mmbrPlus .col2{ width:20%; background:#7d8e95; color:#fff; text-align:center;padding:60px 20px;display: flex;align-items: center;justify-content: center;}


.bookingTabs{ width:100%; float:left;}
.bookingTabs ul{ width:100%; float:left; display:flex;}
.bookingTabs ul li{ flex-grow:1; text-align:center;}
.bookingTabs ul li a{text-transform: uppercase;font-size: 36px;line-height: 48px;font-weight:500;color: #7d8e95;letter-spacing: 1px;display: none}
.bookingTabs ul li.active a{font-weight:800;}

.tabcontent{ width:100%; float:left;}

.tabcontent .tab{ width:100%; float:left; display:none;}
.tabcontent .tab.book{ display:block;}

.upgrdBtn a{text-transform:uppercase; font-size:36px; line-height:48px; font-weight:800; margin:20px 0 0; color:#fff; letter-spacing:1px;}
.upgrdBtn a:hover{ color:#fab998}


.table-responsive header.header{display: none!important}
.book_row1{ width:100%; float:left; display:flex; padding:50px 0 20px; align-items:center;}
.book_row1 .month{text-transform:uppercase; font-size:30px; line-height:38px; font-weight:800; padding-right:25px; color:#fab998; min-width:220px;}
.weekList{ display:flex; align-items:center; width:100%;}
.weekList .weekday{ flex-grow:1; padding:0 15px;position: relative}
.weekList .weekday input{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;opacity: 0}


.weekday span{ display:block; text-align:center; font-size:22px; font-weight:900; color:#6a7e86; line-height:30px;}
.weekday .today{ min-height:30px; margin-bottom:10px;}
.weekday .dayname{ min-height:30px; margin-top:10px;}
.weekday .date{ display:inline-block; color:#7d8e95; border:1px solid #fbb999; border-radius:8px; min-width:100px; padding:8px 11px; text-align:center; cursor:pointer; position:relative; margin:0 auto;z-index: 9}
.weekday .date:hover{ background:#f4f4f4;}

.weekday .date:before{ content:''; position:absolute; top:2px; left:2px; width:calc(100% - 4px); height:calc(100% - 4px);border:1px solid #feece2; border-radius:8px; }

.weekday.active .date{ background:#fbb999; color:#fff;}


.time_range{ width:100%; float:left; margin:50px 0 50px; padding:0 ;}

.rangeBox{ width:100%; float:left;}
.rangeBox .range{ font-size:22px; font-weight:900; color:#6a7e86; line-height:30px; width:12%; float:left;}
.rangeBox .range2{ font-size:22px; font-weight:900; color:#6a7e86; line-height:30px; width:12%;  float:right; text-align:right;}
.rangeBox #slider-range{ width:76%; float:left; margin-top:8px; cursor:pointer;}


.timeSlot{ width:100%; float:left; text-align:center; margin:0 0 40px;}
.startBy{ display:inline-block; padding:0 10px; font-size:18px; font-weight:400; color:#6a7e86;}
.startBy div{ font-size:26px; font-weight:800; padding-top:8px;}



/* PopUp Style */
.white-popup-block{ width:500px; margin:0 auto; position:relative; text-align:center;height: auto;max-height: 96vh;overflow: auto;border-radius: 4px;}
.popup_content{ width:100%; float:left; position:relative; background:#fff;padding:40px 55px;}
.modal_head{ width:100%; float:left;padding: 0 0 20px;}
.modal_head .icon i {font-size: 30px;color: #ffba99;margin-bottom: 20px;font-weight: 400;border: 1px solid #ffba99;border-radius: 50%;
display: inline-block;width: 52px;height: 52px;line-height: 54px;}
.modal_head h2{text-transform: uppercase;font-size:28px;line-height:34px;font-weight: 800;color: #7d8e94;}
.modal_body{ width:100%; float:left; padding-bottom:25px;}
.modal_body .inputBox{ width:100%; float:left; margin:15px 0 0;}
.modal_body .inputBox label{ width:100%; display:inline-block; text-align:left; font-size:15px; font-weight:normal; padding:0; margin:0; line-height:22px;}
.modal_body .field{ width:100%; padding:0 20px 0 0; height:48px; color:#333; font-size:15px; border-bottom:1px solid #c2c2c2}
.modal_body textarea.field{ width:100%; padding: 15px; color:#333; font-size:15px; border-radius:4px; min-height:145px; border:1px solid #c2c2c2; resize:none;}
.modal_body .field::-webkit-input-placeholder {color: #ccc;}
.modal_body .field::-moz-placeholder {color: #ccc;}


.modal_footer{ width:100%; float:left; padding:10px 0 0;}
.modal_footer .btn{ width:100%;}
.modal_footer p, .modal_head p{ font-size:14px; line-height:22px; margin-top:10px; font-weight:400;color: #7d8e94;}
.modal_head p{ font-size:15px; line-height:24px; margin:10px 0 0; font-weight:400;color: #7d8e94;}
.white-popup-block a:hover{ text-decoration:underline;}



#howManyPeople{ width:100%; text-align:center; margin-bottom:20px;}
#howManyPeople i{ display:inline-block; vertical-align:middle; width:22px; height:22px; border-radius:50%; border:1px solid #333; font-size:12px; line-height:22px; font-style:normal; cursor:pointer;}
#howManyPeople i.disabled{ opacity:0.4; pointer-events:none}
.add_number{ display:inline-block; line-height:40px; font-size:30px; padding:0 10px; color:#b3bdc1; font-weight:400;vertical-align: middle;}


.contentContainer{display: flex;flex-direction: column;justify-content: flex-start;align-items: center; padding:10px 0 0; width:100%;}
.typeCard{padding: 16px;margin-bottom: 16px;width: 100%;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;
padding:15px;border: 1px solid #e2e2e2;border-radius: 6px;box-shadow: 0 2px 4px 0 rgba(0,0,0,.19);cursor: pointer;background: #fff;position: relative;}
.typeCard.selected{border-color: #fab998;box-shadow: 0 2px 4px 0 rgba(0,0,0,.19),inset 0 0 0 1px #fab998;}
.typeCard input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0}
.services-a .formGroup span{font-size: 12px;display: block;line-height: 20px;font-weight: normal}
.services-a .formGroup br{display: none}
.services-a .formGroup ul li{text-align: left;}
.services-a .formGroup ul li input.treatment-h{margin: 0 10px 0 0}

.style_description{ font-weight:normal; font-size:14px; margin-top:3px; line-height:22px;}
.style_title{font-size:18px;color:#b3bdc1; font-weight:900;}

.linkButton{ width:100%; display:inline-block; margin:0 0 10px;}
.linkButton a{ font-size:15px; font-weight:400;color: #7d8e94;}
.linkButton a:hover{ color:#ffba99;}


.locationPage .formGroup.w50{margin-bottom: 30px;}
.formGroup .input_field{width: 99%;}


/* PopUp Style */




#booking_cal .col2{ width:100%;}
#booking_cal .col2 ul{ padding:0px; margin:0}
#booking_cal .col2 ul li{
display: inline-block;
color: #7d8e95;
border: 1px solid #fbb999;
border-radius: 8px;
min-width: 100px;
padding: 10px 11px;
text-align: center;
cursor: pointer;
position: relative;
margin:6px;
}
#booking_cal .col2 ul li.active{ background:#fbb999; color:#FFF}
#booking_cal .col2 ul li.active:before {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: calc(100% - 4px);
height: calc(100% - 4px);
border: 1px solid #feece2;
border-radius: 8px;
}


.OverLay{ background:#000000ab; width:100%; height:100%; position:fixed; left:0; top:0;}
.PopContent{ position:absolute; top:0; left:0; z-index:99; width:100%; margin:50px 0 }
.PoIn{ width:800px; margin:a auto!important; padding:30px; background:#FFF; text-align:left; position:relative;  border-radius: 8px;}
.PoIn .Close {
position: absolute;
top: 0;
right: 0;
background: #fab998;
color: #FFF;
padding: 10px 18px;
border-radius:0 8px 0px 8px ;
}

.PoIn h1{
text-transform: uppercase;
font-size: 30px;
line-height: 48px;
font-weight: 800;
padding: 0 0 0px;
color: #fab998;
letter-spacing: 1px;
}
.PoIn h2{
padding: 25px 0 0;
font-size: 19px;
color: #000;
font-weight: 600;
}

.agree{padding: 20px 0;
color: #000;
text-transform: uppercase;}
.PoIn ul{ padding:10px 30px 0; margin:0;}
.PoIn ul li{ color: #000; list-style-type:disc; font-size:16px; font-weight:normal;}
.PoIn p{color: #000; font-size: 16px; font-weight:normal; padding:10px 0 0}

textarea.medical{padding: 10px!important;resize: none}
.card-body .form-group{width: 100%;}

.card.card-register .form-control,.card-body .form-control,.UserArea .form-control{
display: block;
width: 100%;
height: 50px;
padding: 30px .75rem 15px;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}
.form-control{font-size: 16px!important;color: #8d9da2 !important}
.UserArea .form-control{font-size: 1.8rem}
.card-body .btn-primary{height: 50px;font-size: 20px;width: 100%;border-radius: .25rem}

.card-register{border-top: 1px solid #8d9da2!important;max-width: 634px!important;box-shadow: 0 4px 5px rgba(0,0,0,0.2);float:left;width:48%;height: 385px}
.card-login{margin-bottom: 40px!important;max-width: 634px!important;float:right;width:48%;box-shadow: 0 4px 5px rgba(0,0,0,0.2);height: 385px!important}
.card-login input[type="submit"]{color: #fff!important}
.card.card-login.mx-auto.mt-5{margin-top:3rem!important}
span.t-name{color: #7d8e95!important;font-size: 20px}

.UserArea .nav-link{padding: 1rem 2rem!important;border: 1px solid #eeeeee;   }
.UserArea .nav-item.active{background: #eeeeee69;   }
.UserArea .nav-item:first-child.active{background: transparent;   }
.UserArea .btn{font-size: 14px;padding: 10px 0;min-width: 100px; background: transparent}
.UserArea .btn a{color: #8d9da2;text-decoration: underline}
.UserArea .btn:hover{background: transparent}
.UserArea .btn:hover a{color: #8d9da2;text-decoration: underline}
.navigation ul li:hover a{text-decoration: none}
.UserArea .LeftPanelLog{width: 30%;float: left}
.UserArea .LeftPanelLog .nav-item:first-child{width:100%;padding:5px 0 0 20px;margin-bottom: 35px}
.UserArea .LeftPanelLog .nav-item:first-child .fa-tachometer-alt{display: none}
.UserArea .LeftPanelLog .nav-item a{color: #333}
.UserArea .RightPanelLog .text-white{color: #8d9da2!important}
.UserArea .RightPanelLog .bg-primary,.UserArea .RightPanelLog .bg-warning{background: #fff!important}

.UserArea .RightPanelLog{width: 70%;float: right}
.UserArea .RightPanelLog tbody th,table.table-bordered.dataTable th{font-size: 14px;font-weight: bold;line-height: 15px;border-right: 1px solid #eeeeee;text-align: center;padding-top: 5px;vertical-align: middle}
.UserArea .RightPanelLog tbody td,table.table-bordered.dataTable td{font-size: 10px;line-height: 15px;border-right: 1px solid #eeeeee;padding: 0 0 0 2px;font-weight: normal;white-space: nowrap;}

.UserArea .RightPanelLog tbody tr,table.table-bordered.dataTable tr{border: 1px solid #eeeeee;height: 40px;white-space: nowrap;}
.card-body-icon{opacity: .1!important}
.card-footer{background: #eeeeee69}
.breadcrumb{background: transparent!important}

.RightPanelLog .btn.btn-primary.btn-block{color: #fff;font-size: 16px}
.RightPanelLog .col-md-6{flex: none;min-width: 100%;}
.RightPanelLog h1{padding-top: 13px}
.RightPanelLog .card.mb-3{margin-top: 28px}
.formSection.checkout{padding: 0;margin: 0 0 -50px 0}
.formSection.checkout .formGroup.w50{width: 100%}
.formSection.checkout .formGroup.w50 table{width: 100%;margin: 0 auto;border-collapse: collapse;border: 1px solid rgba(0,0,0,.125)!important;}
.formSection.checkout .formGroup.w50 table tr{border-bottom: 1px solid #eee;height: 40px;white-space: nowrap;}
.formSection.checkout .formGroup.w50 table tr:last-child{border-bottom: 0px solid #eee;}
.formSection.checkout .formGroup.w50 table th{ padding: 15px 0;border-right: 1px solid rgba(0,0,0,.125);vertical-align: middle;text-transform: uppercase;background: #f7f7f7;width: 33%;white-space: nowrap; color:#000; font-size:21px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.formSection.checkout .formGroup.w50 table th:last-child{border-right: 0px solid #eee}
.formSection.checkout .formGroup.w50 table td{border-right: 1px solid rgba(0,0,0,.125);vertical-align: middle;padding: 30px 0;white-space: nowrap; color:#333; font-size:16px; }
.formSection.checkout .formGroup.w50 table td:last-child{border-right: 0px solid #eee}
.white-popup-block ul{margin-top: -20px}
.PolicyContent h1{font-size: 30px;line-height: 30px}
.PolicyContent p{font-size: 16px;line-height: 26px; padding: 20px 0 0;font-weight: normal}
.PolicyContent p strong { font-weight:bold;}
.PolicyContent ul{padding: 10px 0 00px 20px}
.PolicyContent li{font-size: 16px;line-height: 26px;padding: 8px 0 0;list-style-type: disc;font-weight: normal}

#contact_page{padding: 0}
#contact_page .formGroup.w50{width: 50%;float: left;margin-bottom: 20px}
#contact_page .formGroup.w100{width: 99%;float: left;margin-bottom: 20px;margin-left: auto;margin-right: auto}
#contact_page .formGroup.w100 label{text-align: left;padding: 0 0 10px 20px}
#contact_page .formGroup.w100 textarea{text-align: left;padding: 10px;resize: unset;height: 200px;color: #7d8e95;width: 100%;position: relative;z-index: 9999}


#contact_page .formGroup.w50 label{text-align: left;padding: 0 0 10px 20px}
#contact_page .formGroup.w50 .input_field{width: 95%}
#contact_page center input[type="submit"]{width: 20%;}
.topnav{display: none;}
.topnav .fa-bars{font-size: 30px;z-index: 99999999;position: relative;color:  #fbb999}
.topnav a:hover{color:  #fbb999 }
#myLinks{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0,0,0,.5);z-index: 9999999}
#myLinks ul{width: 90%;text-align: left;margin: 0 auto;height: 100%;padding: 90px 0 0 20px;float: left;background: #fff;position: relative}
#myLinks ul:after{width: 50px;height: 50px;content: '|';position: absolute;background: transparent;top: 36px;right: 15px;font-size: 30px;transform: rotate(45deg);cursor: pointer}
#myLinks ul:before{width: 50px;height: 50px;content: '|';position: absolute;background: transparent;top: 6px;right: 2px;font-size: 30px;transform: rotate(-45deg);cursor: pointer}



#myLinks ul li{width: 100%;padding:10px 0;font-size: 20px;}
#myLinks ul li a{font-size: 20px;color: #666666;}
.user_login .card-login{float:none;height: auto!important}
.user_login .card-body{padding-bottom: 30px}


.owl-controls{ display:block;}
center p.error{ width:100%; float:left;}
.Order-success{ width:100%; float:left; text-align:center; padding:75px 0; min-height:400px; }
.Order-success img{ width:150px; height:150px; margin:0 0 10px}
.Order-success h1{font-size: 27px;
color: #000;
font-weight: bold;
margin: 0 0 10px;}


.BackToHome { margin-top:20px; width:100%; float:left; text-align:center;}
.BackToHome a{
    display: inline-block;
    border: 1px solid #fbb999;
    border-radius: 8px;
    padding: 10px 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.agree input,.payment_sec input,#ses input{appearance:auto}
.payment_sec input



p:empty{ display:none;}
.LeftPan{ width:30%; float:left; padding:21px 0 0}
.rightPan{ width:65%; float:right;}
.rightPan .formSection { padding:0}

.footer .container .copyright br{display: none}
/*Responsive*/

.footer p img{ width:58px}
.checkout_con {
	float: left;
	width: 100%;
	margin: 40px 0 0;
	text-align: left;
	padding: 0 220px;
}
.checkout_con ul{ padding:0px; margin:0;}
.checkout_con ul li {font-size: 16px;
color: #333;
line-height: inherit;
padding: 12px 0 0;}

.checkout_con h3{ color:#F00; padding:20px 0 0}
.checkout_con p{ color:#000}
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

.CartMob{ display:none;}

@media(max-width: 1240px){
.container {width:100%;padding:0 3%;margin:0}
}
@media(max-width: 1024px){
.title,.bookingTabs ul li a,.row h3 a{font-size:30px;padding:0}
.formSection{padding:30px 0;}
textarea.medical{width:90%;margin:0 auto}
.LeftPan{ width:100%; float:left; padding:0px 0 0}
.rightPan{ width:100%; float:right; margin:20px 0 0}
}
@media(max-width: 768px){
.title,.bookingTabs ul li a,.row h3 a{ line-height:1}
.book_row1{flex-direction:column}
.weekList{flex-direction:row}
.weekList .weekday{padding:0 10px 0 0}
.weekday .dayname{font-size:14px}
.weekday .date{min-width:auto;padding:8px 30px}
.card-register,.card-login{width: 100%;}
.footer .container{display: block;text-align: center}
    .footer .container .copyright br{display: block}
.footer .links li{float: none}
.UserArea .LeftPanelLog,.UserArea .RightPanelLog{width: 100%;}
.UserArea .RightPanelLog{margin-top: 30px}
.book_row1{padding-top: 20px}
.formSection.checkout{padding: 0;margin: 0 }
.card-register{height: auto}
.navigation{display: none}
.topnav{display: none}
.nav-link{padding: 0}
.card.card-register .form-control, .card-body .form-control, .UserArea .form-control{margin-bottom: 10px}
    .PopContent{margin-top: 70px}
    .owl-controls{display: block}
    .slider1 .owl-prev,.slider1 .owl-next{top: 40%}

    .footer p img{margin: 10px 0 0}
    .treatmentSlider .owl-item,.treatmentSlider .owl-item.active{display: none}
    .treatmentSlider .owl-item.active.checked{display: block}
    .treatmentSlider .owl-controls{display: none}
    #mobile_slider { display:block!important;}
	.table-responsive .row .col4 { width:100%;}
	.table-responsive .row .col8 { width:100%;}
	.color-add {
	margin: 0px 0 0;
	padding: 30px;
	width: 100%;
float: left;
position: relative;
border: 3px solid #8d9da2;
border-radius: 30px;
text-align: center;
height: auto;
align-items: center;
justify-content: center;
padding: 25px;
z-index: 1;
cursor: pointer;
}
.color-add input[type=checkbox]{ opacity:0; position:absolute}
.checkout_con{padding:0px;}

.dskCart{ display:none;}
.CartMob { display:block; width:100%; float:left; border:1px solid rgba(0,0,0,.125)}
.RowTT{ width:100%; float:left; border-bottom:1px solid rgba(0,0,0,.125)}
.RowTT h4 {
	font-size: 16px;
	line-height: 34px;
	font-weight: 600;
	margin: 0;
	color: #7d8e95;
	letter-spacing: 1px;
	background: #f7f7f7;
	color: #000;
	text-transform: uppercase;
	padding: 7px 0;
}
.RowTT p {
	padding: 10px 0;
	font-size: 13px;
	color: #333;
}
.formSection.mobrePo .row{ padding:0}
.formSection.mobrePo #ses, .formSection.mobrePo .payment_sec  { text-align:left; padding:0 20px }
.formSection.mobrePo input[type=submit].btn{ max-width:100%; width:100%;}
.formSection.mobrePo .formGroup { margin:0!important}

.formSection.mobrePo label.mmnm{ font-weight:normal!important; font-size:15px!important; letter-spacing:normal!important; text-transform:none!important}
.formSection.mobrePo label.ssll { margin-bottom:12px!important;}
.formSection.mobrePo input[type=submit].btn{ margin-top:10px}
.locationPage.mobLI h2.title{ font-size:28px;}
}
@media(max-width: 500px){
.slider1 .owl-prev,.treatmentSlider .owl-prev{left:0;}
.slider1 .owl-next,.treatmentSlider .owl-next{right:-10px}
.table-responsive .row .col4{width:100%;}
.table-responsive .row .col8{width:100%;margin-top:30px}
.formGroup{margin:0 0 5px}
.locationPage .formGroup.w50{width:100%}
.weekList{display:block;text-align:center}
.weekList .weekday{display:inline-block;padding:0 4px 0 0}
.weekday span{font-size:16px;line-height:20px;}
.weekday .date{padding:6px 20px;font-size:15px}
#booking_cal .col2 ul li{padding:6px 20px;font-size:14px;min-width: inherit}
.weekday .dayname{font-size:12px}
.weekday .today{min-height:inherit}
.time_range{margin-top:0}
.timePage .service_tabs li{width:30%;padding:10px;font-size:10px;display: ruby-base;margin: 0;cursor: pointer}
#booking_cal .service_tabs li{width:30%;padding:10px;font-size:10px;display: inline-table;margin: 0;cursor: pointer}
.PoIn{width: 100%;padding: 30pxm 4%}
.PoIn h1{font-size: 20px;line-height: 28px;}
.PoIn p,.PoIn ul li{font-size: 14px;line-height: 20px;}
.PoIn ul{padding: 10px 0 0 20px}
.PoIn h2{padding: 15px 0 0 ;font-size: 17px}
.PoIn .Close{padding: 5px 10px}
.formSection{padding: 0}
.locationPage .formGroup.w50,#map{margin-bottom: 0}
.row h3{line-height: 30px}
.locationPage,.timePage{padding-bottom: 0}
.row.mt30{margin-top: 0px;padding: 0}
#map{height: 250px!important}
.container-fluid{padding: 0}
.card-body{padding: 5px}
.UserArea .RightPanelLog tbody th,table.table-bordered.dataTable th{font-size: 10px;line-height: 12px;font-weight: 500}
.form-label-group input:not(:placeholder-shown) ~ label{font-size: 13px;font-weight: normal}
.white-popup-block{width: 100%}
.white-popup-block ul{margin-top: 0}
#contact_page .formGroup.w50{width: 100%;}
#contact_page .formGroup.w50 label,#contact_page .formGroup.w100 label{padding-left: 10px}
#contact_page center input[type="submit"]{width: 100%}
.popup_content{padding: 20px}
.formSection.checkout .formGroup.w50 table{width: auto;}
.formSection.checkout .formGroup.w50 table tr{white-space: inherit;height: auto}
.formSection.checkout .formGroup.w50 table th{font-size: 10px;padding: 0px 0;white-space: inherit}
.formSection.checkout .formGroup.w50 table td{font-size: 8px;padding: 10px 0;white-space: inherit}
.payment_sec,#ses {width: 100%;text-align: center}
.formSection .label a{display: block;float: none}
.header .logo img{min-width: inherit;width: 100px}
.loginBtn{margin-left: 20px}
.loginBtn a{padding: 5px 10px;min-width: auto;font-size: 12px;text-transform: inherit}
#ses label:first-child{font-size: 20px}
#ses label{font-size: 12px}
.formGroup:last-child{margin-top: 20px}
.formSection.checkout .row.justify_center{padding: 0;margin: 20px  0;width: 100%}
.table-responsive .packageBox .imgBox{min-height: 390px}