/*====================================== Font Family Start ========================================*/ 
@font-face {
  font-family: 'Quicksand';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src: url('../fonts/Quicksand-Regular/QuicksandRegular.eot');
  src: url('../fonts/Quicksand-Regular/QuicksandRegular.eot') format('embedded-opentype'),
       url('../fonts/Quicksand-Regular/QuicksandRegular.woff2') format('woff2'),
       url('../fonts/Quicksand-Regular/QuicksandRegular.woff') format('woff'),
       url('../fonts/Quicksand-Regular/QuicksandRegular.ttf') format('truetype'),
       url('../fonts/Quicksand-Regular/QuicksandRegular.svg#QuicksandRegular') format('svg');
}
@font-face {
  font-family: 'Quicksand';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src: url('../fonts/Quicksand-Medium/QuicksandMedium.eot');
  src: url('../fonts/Quicksand-Medium/QuicksandMedium.eot') format('embedded-opentype'),
       url('../fonts/Quicksand-Medium/QuicksandMedium.woff2') format('woff2'),
       url('../fonts/Quicksand-Medium/QuicksandMedium.woff') format('woff'),
       url('../fonts/Quicksand-Medium/QuicksandMedium.ttf') format('truetype'),
       url('../fonts/Quicksand-Medium/QuicksandMedium.svg#QuicksandMedium') format('svg');
}
@font-face {
  font-family: 'Quicksand';
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src: url('../fonts/Quicksand-Light/QuicksandLight.eot');
  src: url('../fonts/Quicksand-Light/QuicksandLight.eot') format('embedded-opentype'),
       url('../fonts/Quicksand-Light/QuicksandLight.woff2') format('woff2'),
       url('../fonts/Quicksand-Light/QuicksandLight.woff') format('woff'),
       url('../fonts/Quicksand-Light/QuicksandLight.ttf') format('truetype'),
       url('../fonts/Quicksand-Light/QuicksandLight.svg#QuicksandLight') format('svg');
}
@font-face {
  font-family: 'Quicksand';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src: url('../fonts/Quicksand-SemiBold/QuicksandSemiBold.eot');
  src: url('../fonts/Quicksand-SemiBold/QuicksandSemiBold.eot') format('embedded-opentype'),
       url('../fonts/Quicksand-SemiBold/QuicksandSemiBold.woff2') format('woff2'),
       url('../fonts/Quicksand-SemiBold/QuicksandSemiBold.woff') format('woff'),
       url('../fonts/Quicksand-SemiBold/QuicksandSemiBold.ttf') format('truetype'),
       url('../fonts/Quicksand-SemiBold/QuicksandSemiBold.svg#QuicksandSemiBold') format('svg');
}
@font-face {
  font-family: 'Quicksand';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src: url('../fonts/Quicksand-Bold/QuicksandBold.eot');
  src: url('../fonts/Quicksand-Bold/QuicksandBold.eot') format('embedded-opentype'),
       url('../fonts/Quicksand-Bold/QuicksandBold.woff2') format('woff2'),
       url('../fonts/Quicksand-Bold/QuicksandBold.woff') format('woff'),
       url('../fonts/Quicksand-Bold/QuicksandBold.ttf') format('truetype'),
       url('../fonts/Quicksand-Bold/QuicksandBold.svg#QuicksandBold') format('svg');
}
 
/*====================================== Font Family End ========================================*/ 

/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}   
a	{color:#3F6D84; text-decoration:none !important; outline:0 none; outline:none !important;}
a:hover	{color:#3F6D84; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; text-decoration:none;}

h1	{font-size:35px;  color:#2B2B2B; padding:10px 0 10px 0;margin:0;}
h2	{font-size:30px;  color:#2B2B2B; padding:10px 0 10px 0;margin:0;}
h3	{font-size:18px; color:#2B2B2B; padding:10px 0 10px 0;margin:0;}
h4	{font-size:16px; color:#2B2B2B; padding:10px 0 10px 0;margin:0;}		
h5	{font-size:14px; color:#2B2B2B; padding:10px 0 10px 0;margin:0;}
h6	{font-size:12px; color:#2B2B2B; padding:10px 0 10px 0;margin:0;}
p 	{font-size:15px; line-height:20px; color: #2E2E2E; padding:10px 0 10px 0; margin:0;}
p a {color:#3F6D84;}
p a:hover{color:#3F6D84; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; text-decoration:none;}
.img-full-fill{display:block; width:100%; height:auto;}
.img-responsive{ display: block; max-width: 100%; height: auto;} 

/*----------------------------------------------------------------------------------*/
::selection {
    background: #3F6D84 !important;
    color: #fff !important; 
    text-shadow: none;
} 
::-moz-selection {
    background: #3F6D84 !important;
    color: #fff !important; 
    text-shadow: none;
} 
/*====================================== reset.css is End ========================================*/
 
/*====================================== layout ========================================*/ 
html 	{width: 100%; height: 100%;}
body	{ font-size:14px;line-height: 1.45; -webkit-font-smoothing: antialiased; overflow-x:hidden; font-weight: 400; font-family: 'Quicksand';}

.wrapper	{margin:0; padding: 0;min-height: calc(100vh - 53px);
  /* max-width: 1280px; margin: 0 auto; */
}
.container	{ max-width: 1280px; width: 100%;} 
.main-content	{padding:30px 0 30px;} 
.btn-default { display: inline-block; background: #3F6D84 !important; color: #ffffff; border-radius: 0; font-size: 15px; line-height: 19px;
  padding: 10px 18px;  margin: 0; border:none; font-weight: 400; box-shadow: none !important;text-transform: uppercase;letter-spacing: 1.2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn.btn-default:focus, .btn.btn-default:hover {
  color: #ffffff; box-shadow: 0 0 0 0.1rem rgba(160, 209, 197,0.5) !important;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;  
} 
.btn-gray { display: inline-block; background: #E8E8E8 !important; color: #2B2B2B; border-radius: 0; font-size: 15px; line-height: 19px;
  padding: 10px 18px;  margin: 0; border:none; font-weight: 400; box-shadow: none !important;text-transform: uppercase;letter-spacing: 1.2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn.btn-gray:focus, .btn.btn-gray:hover {
  color: #2B2B2B; box-shadow: 0 0 0 0.1rem rgba(232, 232, 232,0.5) !important;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;  
} 



.text-black {color: #000000 !important;} 
.font-12 { font-size: 12px !important; line-height: inherit;}
.font-13 { font-size: 13px !important; line-height: inherit;}
.font-14 { font-size: 14px !important; line-height: inherit;}
.font-15 { font-size: 15px !important; line-height: inherit;}
.font-16 { font-size: 16px !important; line-height: inherit;}
.font-17 { font-size: 17px !important; line-height: inherit;}
.font-18 { font-size: 18px !important; line-height: inherit;}
.font-19 { font-size: 18px !important; line-height: inherit;}
.font-20 { font-size: 20px !important; line-height: inherit;}
.row{display: -webkit-flex;}

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

/* ==================== Header Start ==================== */
.header	{background-color:rgba(255,255,255,0.90); width: 100%;padding: 12px 0 15px; transition: all 0.5s ease-in-out;} 
.headertoprgt {margin:0; transition: all 0.5s ease-in-out; }
.logo	{display:block;padding: 0;float:left;}
.logo img{transition: all 0.5s ease-in-out;max-width: 100%; width: 100px; height: auto; display: block; margin: 0;}
.navbar-header{display: none;}

/* ==================== Header ENd ==================== */
 
/* ==================== Navigation Start ==================== */
.mobilelist {display:none;}
.mobilelist .headertoprgt {display:none ;}  
  
.navbrand-parent{display: flex; align-items: center; justify-content: space-between;display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between;}
.navlist{float: left; padding: 0 0; position: relative;transition: all 0.5s ease-in-out;}
.navbar {float: right;width: calc(100% - 10%); padding: 0 5px;} 
.nav-right-list{width: 100%; display: flex; align-items: center; justify-content: flex-end;display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: flex-end;}
.nav-right-list li{display: inline-block; position: relative; padding: 0 0 0 41px; font-size: 13px; line-height: 16px; font-weight: 500;}
.nav-right-list li:first-child{ padding:0;}
.nav-right-list li::before{content: '';background: #3F6D84;width: 1px;height: 23px;position: absolute;left: 20px;top: 5px;}
.nav-right-list li:first-child::before{display: none;}

.navbar-toggle .icon-bar:nth-of-type(2) { top: 1px;} 
.navbar-toggle .icon-bar:nth-of-type(3) { top: 2px;} 
.navbar-toggle .icon-bar { position: relative; transition: all 500ms ease-in-out;} 
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg);
  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);} 
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent;} 
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px;  transform: rotate(-45deg); 
  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);} 
.navbar-header .sr-only { width:45px;text-align:center;height:auto;font-size:12px;line-height:12px;clip:inherit;position:absolute;left:-31px;top:15px;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-moz-transform:rotate(-90deg);text-shadow:inherit!important;color:#3F6D84;font-weight:600;} 

/* ==================== Navigation content End ==================== */
 
/* ==================== Home content Start ==================== */
.heading1{font-size: 20px; color: #2B2B2B; font-weight: 500; line-height: 25px;}
.coastal-main{position: relative;}
.banner-main{position: absolute;top: 0; width: 100%;left: 0; right: 0;}
.banner-inner img{width: 100%; height: 471px; display: block; object-fit: cover;}
.banner-inner{position: relative;}
.banner-inner::before{content: '';background-color: rgba(255, 255, 255, 0.69);width: 100%;height: 100%;position: absolute;right: 0;top: 0; left: 0;}
.wrapper-signin-cont{position: relative; z-index: 1; max-width: 658px; width: 100%; margin: 0 auto; padding: 110px 0 0;text-align: -webkit-center;}
.wrapper-signin-inner{background-color: #ffffff; border-radius: 18px;margin: 10px 0 0;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.wrapper-signin-inner-lft { min-height: 372px; padding-top: 72px;  padding-bottom: 0; position: relative; color: #fff;display: flex; flex-wrap: wrap;flex-flow: column; align-items: center; justify-content: center; -webkit-display: flex; -webkit-flex-wrap: wrap;-webkit-flex-flow: column; -webkit-align-items: center; -webkit-justify-content: center; }
.wrapper-signin-inner-lft .form-group{margin-bottom: 8px;}
.wrapper-signin-inner-rgt { min-height: 372px; padding-top: 0; padding-bottom: 0; background: #F2F2F2; border-radius: 0 18px 18px 0;
position: relative; color: #404043; display: flex; flex-wrap: wrap;flex-flow: column; align-items: center; justify-content: center;
display: -webkit-flex; -webkit-flex-wrap: wrap;-webkit-flex-flow: column; -webkit-align-items: center; -webkit-justify-content: center;}
.wrapper-signin-inner-lft .btn-default{width: 256px; max-width: 100%;display: block;}
.wrapper-signin-inner-rgt .btn-default{width: 256px; max-width: 100%;display: block; border:solid 1px #E8E8E8; background-color: #FFFFFF !important; color: #3F6D84 !important;}
.max-256{max-width: 256px; width: 100%; margin: 0 auto;}
.heading-15{font-size: 15px; line-height: 19px; text-transform: uppercase; letter-spacing: 1.5px;padding: 10px 0 20px;}
.forgot-pw a{color: #8D8D8D; text-decoration: underline !important; font-size: 12px; line-height: 15px;}

.contact-info-main{padding: 40px 0 30px;}
.contact-info-inner{max-width: 100%; width: 100%; margin: 0 auto;}
.contact-info-inner p{font-size: 13px; line-height: 16px; color:#B5B5B5; font-weight: 500; text-align: center; padding: 0 0 10px;}
.contact-info-inner p.pt-3{color:#212529;}
.contact-info-inner p:first-child {max-width: 560px; width: 100%; margin-left: auto; margin-right: auto;}
.contact-info-inner p.pt-3 b {font-weight: 500 !important;}

.wrapper-signup-cont{position: relative; z-index: 1; max-width: 402px; width: 100%; margin: 0 auto; padding: 68px 0 70px;}
.signup-inn-box{background-color: #ffffff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 18px; padding: 32px 10px 6px;margin: 10px 0 0;}
.signup-inner{ max-width: 300px; width: 100%; margin: 0 auto;}
.signup-inner .form-group{position: relative;}
.signup-inner .form-group label { color: #2B2B2B; font-size: 15px; line-height: 19px; }
.signup-inner .form-group .star { color: #C62222; font-size: 15px; }
.signup-inner .placeholder { position: absolute; top: 10px; left: 14px; display: none;}
.brth-inputxt{color: #3F6D84; text-decoration: underline !important; font-size: 12px;}
.signup-inner .btn-default{width: 256px; max-width: 100%; display: block;}
.signup-inner .btn-link{color: #2B2B2B; font-size: 14px; line-height: 18px; text-transform: uppercase; text-decoration: underline; box-shadow: none; padding: 2px 4px; display: block; margin: 0 auto;}
.btn.btn-link.mt-2.addonCancel:hover { color: #000;}
.wrapper-service-cont{position: relative; z-index: 1; max-width: 450px; width: 100%; margin: 0 auto; padding: 52px 0 35px;}
.service-select-inner {background-color: #ffffff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 18px; padding: 48px 10px 37px;margin: 20px 0 0;}
.service-select-inn-box{max-width: 286px; width: 100%; margin: 0 auto;}


.service-checkbox {padding: 0; margin: 0 0 9px;}
.service-checkbox .custom-control-label{width:100%;cursor:pointer; height: 44px; padding: 10px 14px;border: solid 1px #E8E8E8; position: relative;}
.service-checkbox.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{border: none !important;background: none !important; opacity: 0 !important;}
.service-checkbox .custom-control-label small{font-size: 16px; line-height: 20px;}
.service-checkbox .custom-control-input:checked ~ .custom-control-label {border:1px solid #3F6D84;box-shadow: 0 3px 6px rgba(160, 209, 197, 0.22);}
.service-checkbox .custom-control-input:checked ~ .custom-control-label small{color: #3F6D84;}
.service-checkbox .custom-control-label::after{background:none !important;opacity:0 !important;}
.service-checkbox .custom-control-input:checked ~ .custom-control-label::before{border-color:#fff !important; background-color:transparent !important;}
.service-checkbox .custom-control-label::before{width:100%;height:auto;border:0 !important;border:1px solid #3F6D84;
 opacity: 0 !important; box-shadow:none !important;}
.check-active{position:absolute;width:23px;height:23px;padding:0;top:8px;right:11px;padding-top:0!important;z-index:1; display: flex; display: -webkit-flex;}
.check-active .check-hide,.check-active .check-show{max-width:100%;height:auto; display: block; margin: 0 auto;}
.check-active .check-hide{display:none;}
.service-checkbox .custom-control-input:checked ~ .custom-control-label .check-active .check-hide{display: block;}
.service-checkbox .custom-control-input:checked ~ .custom-control-label .check-active .check-show{display: none;}

.service-radiobtn {padding: 0; margin: 0 0 9px;}
.service-radiobtn .custom-control-label{width:100%;cursor:pointer; height: 44px; padding: 10px 14px;border: solid 1px #E8E8E8; position: relative;}
.service-radiobtn.custom-radio .custom-control-input:checked ~ .custom-control-label::before{border: none !important;background: none !important; opacity: 0 !important;}
.service-radiobtn .custom-control-label small{font-size: 16px; line-height: 20px;}
.service-radiobtn .custom-control-input:checked ~ .custom-control-label {border:1px solid #3F6D84;box-shadow: 0 3px 6px rgba(160, 209, 197, 0.22);}
.service-radiobtn .custom-control-input:checked ~ .custom-control-label small{color: #3F6D84;}
.service-radiobtn .custom-control-label::after{background:none !important;opacity:0 !important;}
.service-radiobtn .custom-control-input:checked ~ .custom-control-label::before{border-color:#fff !important; background-color:transparent !important;}
.service-radiobtn .custom-control-label::before{width:100%;height:auto;border:0 !important;border:1px solid #3F6D84;
 opacity: 0 !important; box-shadow:none !important;}

.service-select-inn-box .btn-default{width: 100%; max-width: 100%; display: block;padding: 12px 18px;}
.membership-modal-cont .modal-dialog{max-width: 369px;}
.membership-modal-cont .modal-body{padding: 8px 16px 12px;}
.membership-modal-inner {width: 286px; max-width: 100%; margin: 0 auto;}
.member-heading{font-size: 20px; color: #3F6D84; line-height: 25px; font-weight: 500;}
.membership-btn-cont{position: absolute;text-align: center;top: 105%;bottom: -17% !important;width: 100%;left: 0;right: 0;}
/* .membership-btn-cont{position: absolute;text-align: center;top: 108%;bottom: 0;width: 100%;left: 0;right: 0;} */
.membership-btn-cont .btn-default{width: 161px; padding: 12px 18px; display: block; margin: 0 auto;}
.membership-btn-cont .btn-link{color: #3f6d84; font-size: 13px; line-height: 16px; font-weight: 700; text-transform: uppercase; text-decoration: underline; box-shadow: none; padding: 6px 30px; display: block; margin: 0 auto;}

.label-control-txt{font-size: 12px; line-height: 15px; font-weight: 500; color: #6F6F6F; display: block;margin-bottom: 12px;}

.local-membership-modal-cont .modal-dialog{max-width: 437px;}
.local-membership-modal-inner {width: 330px; max-width: 100%; margin: 0 auto;}
.local-membership-modal-inner .custom-control{padding-left: 0;}
.local-membership-modal-inner .custom-control-label{font-size: 16px; line-height: 20px;}
.local-membership-modal-inner .custom-control-label strong{color: #3F6D84; font-weight: 500;}


.wrapper-personalize-option-cont{position: relative; z-index: 1; max-width: 1198px; width: 100%; margin: 0 auto; padding: 195px 10px 35px;}
.back-btn-main {margin:0 0 0;position: absolute; top: 33px;left: 10px;}
.back-btn {border-radius: 8px; background: #FFFFFF !important; text-transform: uppercase; letter-spacing: 1.6px; padding: 12px 39px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); font-size: 16px; line-height: 21px; color: #3F6D84 !important; border:0; outline:none !important;}
.wrapper-personalize-option-cont .heading1 {margin-bottom: 16px;}
.wrapper-personalize-col {background-color: #FFFFFF;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);  border-radius: 18px;  padding: 25px 20px 25px; margin: 0 0 20px; min-height: 250px;}
.persolize-col-box{max-width: 386px; width: 100%; margin: 0 auto;}
.persolize-col-box h3{font-size: 20px; color: #3F6D84; line-height: 25px; font-weight: 500; padding: 0 0 10px;}
.persolize-col-box p{font-size: 12px; color: #6F6F6F; line-height: 15px; font-weight: 500; padding: 0 0 15px;}

.personalize_option_radio.service-radiobtn .custom-control-label{display: flex; align-items: center; justify-content: space-between;}
.personalize_option_radio .custom-control-label small{width: calc(100% - 150px); flex-grow: 1; color: #2B2B2B;}
.personalize_option_radio .custom-control-label strong{font-weight: 500; color: #2B2B2B;}
.personalize_option_checkbox{padding-left: 0;}
.personalize_option_checkbox .custom-control-label{font-size: 16px; line-height: 20px;}

.prenatal-modal-cont .modal-dialog{max-width: 396px;}
.prenatal-modal-inner {width: 286px; max-width: 100%; margin: 0 auto;}
.prenatal-modal-inner .form-group .label-control-txt{font-size: 12px; margin-bottom: 15px;}
.prenatal-modal-inner .custom-control{padding-left: 0;margin-right: 25px;}
.prenatal-modal-inner .custom-control-label{font-size: 16px; line-height: 20px;}
.prenatal-modal-inner .custom-control-label strong{color: #3F6D84; font-weight: 500;}
.prenatal-radio.form-group .label-control{font-size: 16px; margin-bottom: 10px;}
.prenatal-modal-inner select, select.form-control{height: 44px;}

.service-radiobtn .dropdown-menu-info { width: 100%; cursor: pointer; height: 44px; padding: 0; border: solid 1px #E8E8E8; position: relative; } 
.dropdown-menu-info select.form-control:focus{background-image: url(../images/top-arrow.svg);}
/* ==================== checkbox and radio accordion ==================== */
.custom-radio-big.accord-radio-big{width:34px;height:34px;position:absolute;left:10px;top:8px;z-index:2;}
.custom-radio-big.accord-radio-big .custom-control-label{padding:0;}
.custom-radio-big.accord-radio-big .custom-control-label::before{width:34px;height:34px;border:0 !important;position:static;margin:0 auto;display:block;border:1px solid #3F6D84 !important;box-shadow:none !important;}
.custom-radio-big.accord-radio-big .custom-control-label::after{position:absolute;top:9px;left:50%;transform:translate(-50%);display:block;width:30px;height:30px;border:1px solid transparent;border-radius:50%;}
.custom-radio-big.accord-radio-big .custom-control-input:checked ~ .custom-control-label::after{position:absolute;top:5px;left:50%;transform:translate(-50%);display:block;width:24px;height:24px;border:1px solid #fff;border-radius:50%;background:#3F6D84;}
.custom-radio-big.accord-radio-big .custom-control-input:checked ~ .custom-control-label::before{background-color:#3F6D84 !important;}
.custom-radio-big.accord-radio-big .custom-control-label span{display:block;text-align:center;padding-top:10px;font-size:12px;line-height:16px;}
.custom-checkbox-big.accord-checkbox-big{width:34px;height:auto;position: static;;left:10px;top:8px;z-index:2;}
.custom-checkbox-big.accord-checkbox-big .custom-control-label::before{width:24px;height:24px;border:0 !important;border:1px solid #3F6D84;box-shadow:none !important;left:0;top:0; display: none;}
.custom-checkbox-big.accord-checkbox-big{padding:0;}
.custom-checkbox-big.accord-checkbox-big .custom-control-label{padding:0;width:auto;height:auto;padding: 12px 10px 15px 12px !important; font-size: 15px; line-height: 18px;width:100%;cursor:pointer; height: auto; font-weight: 400;} 
.custom-checkbox-big.accord-checkbox-big .custom-control-label::after{left:50%;top:5px;transform:translate(-50%);border-radius:50%;}
.custom-checkbox-big.accord-checkbox-big .custom-control-input:checked ~ .custom-control-label::before{border:none !important; background:none !important;}
.custom-checkbox-big.accord-checkbox-big .custom-control-input:checked~.custom-control-label::after{background:#3F6D84 !important;}
.custom-radio-big.custom-radio-txt .custom-control-label span{color:#2C2C2C;padding:0;width:100%;position:absolute;top:0;height:100%;left:0;display:flex;align-items:center;justify-content:space-between;padding-left:15px;}
.custom-radio-big.custom-radio-txt .custom-control-label::after{border:0 solid transparent !important;}
.custom-radio-big.custom-radio-txt .custom-control-input:checked ~ .custom-control-label span{color:#fff !important;z-index:1;} 
.accordion-title{padding: 0;display: flex;align-items: center;justify-content: space-between;}
.accordion-title > a{display:inline-block;position:relative;font-size:16px;line-height:20px;text-align:center;color:#376368;text-align:left;padding-right:0;padding-left:0;width: 20px; height: 20px;margin-right: 10px; margin-left: 0;}
.accordion-title > a:after{position:absolute;right:0;font-size:0; /* content:"\f107";font-family:'FontAwesome';color:#3F6D84; */}
.accordion-title > a[aria-expanded="true"]:after{/*content:"\f106";*/}
.accordion .card{margin:0;border-radius:0 !important;color:#376368; border: solid 1px #E8E8E8; background:#fff; width:100%;text-align:left;color:#2B2B2B !important;/*cursor:pointer;*/position:relative;z-index:2;transition:color 200ms ease-in;overflow:hidden;text-align:center;font-weight:400;margin-bottom:8px;}
.accordion>.card:not(:last-of-type){border-bottom: solid 1px #E8E8E8;}
.accordion .card .card-header{background:none;padding:0;/*border:solid 1px #E8E8E8;margin-bottom: 0;*/ border-bottom: none;} 
.accordion-title > a span{float:right; display: none;}
.accordion .card-body{padding:0 15px 10px;}
.accordion .card-body p{padding:0;padding-left:0;font-size:12px;line-height:15px;text-align:left;color:#6F6F6F;font-weight:500;}
.accordion .card.active{background:none; border: solid 1px #3F6D84;box-shadow: 0 3px 6px rgba(160, 209, 197, 0.22);}
.accordion .card.active .card-header{ /* border: solid 1px #3F6D84; */ color:#3F6D84;}
.accordion .card.active .accordion-title > a{color:#fff;}
.accordion .card.active .custom-control-label{color: #3F6D84;}
.accordion .card.active .card-body{color:#fff !important;}
.accordion .card.active .card-body p{color:#6F6F6F !important }
.accord-card.border-black{ border: solid 1px #2B2B2B !important;}
.accordion .card.active .accordion-title > a:after{color:#fff !important }
.therapist-selected-box .check-active{position:absolute;width:30px;height:30px;padding:0;top:4px;left:-3px;padding-top:0!important;z-index:1}
.therapist-selected-box .check-active .check-hide, .therapist-selected-box .check-active .check-show{width:30px;height:30px}
.accordion .card.active .card-header .custom-control-label .check-active .check-show{ display: none !important;}
.accordion .card.active .card-header .custom-control-label .check-active .check-hide{ display: block !important;}
.accordion-title > a[aria-expanded="true"]:after{transform:rotate(180deg);} 
/* .enhance-accord .accord-card.active .himalayanaddon.disableAddon .accordion-title > a:after{background:url(../images/toggle-arrow.svg) no-repeat center !important;} */
/* .enhance-accord .custom-checkbox-big.session-big{width:calc(100% - 50px);text-align:left;top:8px;padding:0;}
.enhance-accord .custom-checkbox-big.session-big .custom-control-label{width:100%;cursor:pointer;} */
/* .disablePrenatal .enhance-accord{pointer-events:none;}
.disablePrenatal .enhance-accord .accord-card.active .accordion-title > a:after{background:url(../images/toggle-arrow.svg) no-repeat center !important;} */
.accordion-title > a:after{background:url(../images/toggle-arrow.svg) no-repeat center !important;background-size:12px 12px !important;width:20px;height:20px;content:'' !important;transition:all ease-in-out 0.2s; }
.custom-checkbox-big.accord-checkbox-big{width:calc(100% - 20px);text-align:left;top:8px;}
.custom-checkbox-big.accord-checkbox-big .custom-control-label span{display: block;}
.custom-checkbox-big.accord-checkbox-big .custom-control-label::after{background:none !important;opacity:0 !important;} 
.accord-card.active .accordion-title > a:after{background:url(../images/toggle-arrow-color.svg) no-repeat center !important;width:20px;height:20px;background-size:12px 12px !important;}

.indulgence-level .custom-checkbox-big.accord-checkbox-big .custom-control-label::before{display: none;border: solid 1px #707070 !important;
background: none !important;position: static;vertical-align: middle;margin: 0 12px 0 0;}
/* .indulgence-level .custom-checkbox-big.accord-checkbox-big .custom-control-input:checked ~ .custom-control-label::before{border:solid 1px #707070 !important; background:#707070 !important;} */
.indulgence-level .custom-checkbox-big.accord-checkbox-big .custom-control-input:checked ~ .custom-control-label::before{border:solid 1px #707070 !important;background:#707070 !important;background-image: url(../images/check-tick.svg) !important;background-repeat: no-repeat !important;background-position: center !important;background-size: 12px 12px !important;}

.indulgence-level .custom-checkbox-big.accord-checkbox-big .custom-control-label{display: flex; justify-content: space-between; padding: 10px 0 10px 13px !important;}
.indulgence-level .custom-checkbox-big.accord-checkbox-big .custom-control-label strong{width: calc(100% - 60px);font-weight: 400;}
.indulgence-level .custom-checkbox-big.accord-checkbox-big .custom-control-label small{font-size: 100%; font-weight: 500;}
.indulgence-level .custom-checkbox-big.accord-checkbox-big .custom-control-label em{width: 24px; height: 24px; border: solid 1px #707070;margin: 0 6px 0 0;}

.custom-checkbox-big.accord-checkbox-big input[type=checkbox], .custom-checkbox-big.accord-checkbox-big input[type=radio]{width: calc(100% - 10%); height: 100%;}

/* ==================== checkbox and radio accordion ==================== */
.appt-btn .btn-default{width: 286px; max-width: 100%; display: block; margin-left: auto; margin-right: auto;padding: 13px 8px 13px;}
.wrapper-schedule-appt-cont {position: relative; z-index: 1; max-width: 1178px; width: 100%; margin: 0 auto; padding: 25px 0 5px;}
.schedule-appt-top{max-width: 648px;width: 100%; margin: 0 auto;}
.schedule-appt-top-inner{background-color: #FFFFFF;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 15px; margin: 0 0 15px;
padding: 20px 23px 10px 23px; }

.schedule-appt-top-inner h3{font-size: 20px; color: #3F6D84; line-height: 25px; font-weight: 500; padding: 0 0 12px;}
.schedule-appt-radio .service-radiobtn .custom-control-label small {vertical-align: middle; padding: 0 0 0 8px;}
.self-active{position:relative;width:21px;height:21px;padding:0;z-index:1;display: inline-block; vertical-align: middle;}
.self-active .self-actve-hide,.self-active .self-actve-show{width:auto;height:auto;}
.self-active .self-actve-hide{display:none;}
.schedule-appt-radio .service-radiobtn .custom-control-input:checked~.custom-control-label .self-active .self-actve-hide{display:block;}
.schedule-appt-radio .service-radiobtn .custom-control-input:checked~.custom-control-label .self-active .self-actve-show{display:none;}

.wrapper-schedule-container{max-width: 952px; width: 100%; margin: 0 auto;padding: 10px;}
.schedule-appt-col-cont h3{font-size: 20px; color: #3F6D84; line-height: 25px; font-weight: 500; padding: 0 0 12px;}
.schedule-appt-col-cont p{font-size: 14px; color: #6F6F6F; line-height: 18px; font-weight: 400; padding: 5px 0 10px;}
.card-stylist-name{font-size: 16px; line-height: 20px; font-weight: 400; text-align: left; text-align: left; padding: 0 0 9px;}

.schedule-sort-date-inner{padding: 0 0 35px;background-color: #FFFFFF;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 18px;
  padding: 22px 25px 50px; }
.mobi-calender-cont{padding: 0 0 0;}
.mbsc-form-group{margin: 0 0 15px;}
.mobi-calender-cont{max-width: 440px; width: 100%; margin: 0 auto;}
.mbsc-fr.mbsc-mobiscroll.mbsc-fr-center.mbsc-calendar.mbsc-dt.mbsc-sc.mbsc-fr-no-overlay .mbsc-cal-body{padding:0px 0px !important;}
.mbsc-cal-body{padding:0px 40px !important;}
.mbsc-fr-popup.mbsc-ltr.mbsc-fr-has-hdr .mbsc-fr-c{padding-top: 5px !important;}
.mbsc-ios .mbsc-cal .mbsc-cal-btn{top:50px !important;background:#E8E8E8; color: #2B2B2B; width:27px;height:27px;line-height:26px;margin-right:0px;margin-left:0px;}
.mbsc-fr-popup.mbsc-ltr.mbsc-fr-has-hdr .mbsc-cal-body{padding:0px 0 !important;} 
.mbsc-fr-popup.mbsc-ltr.mbsc-fr-has-hdr .mbsc-cal-btn{top: 5px !important; z-index: 6; margin-right: 5px; margin-left: 5px;}
.mbsc-ios .mbsc-cal-month, .mbsc-ios .mbsc-cal-year{ padding-top: 0;}
.mbsc-fr-popup.mbsc-ltr.mbsc-fr-has-hdr .mbsc-cal-month, .mbsc-fr-popup.mbsc-ltr.mbsc-fr-has-hdr .mbsc-cal-year{font-size: 20px; line-height: 25px;}
.mbsc-fr-hdr,.mbsc-sc-lbl-v{display:none!important}
.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-cont{top:0!important;bottom:auto!important}
.mbsc-ios.mbsc-fr-center .mbsc-fr-w{padding-top:0 !important;padding-bottom:0 !important}
.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w{border-left:0!important}
.mbsc-fr-btn-s{width:0!important;height:0!important}
.mbsc-fr-btn-c .mbsc-fr-btn{font-size:0!important;background:url(../images/close-icon.svg) no-repeat!important;width: 20px;height: 20px;float:right;margin-right: 5px;margin-top: 5px;z-index:1; display: none;}
.mbsc-fr-scroll .mbsc-cal-days{border-bottom:1px solid #3F6D84 !important;}
.mbsc-fr-scroll .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt{background:#3F6D84 !important;box-shadow:0 3px 6px rgba(0,0,0,.16)!important;color:#fff!important}
.mbsc-fr-scroll .mbsc-sc-whl-gr-c{width:auto!important;display:none!important;}
.mbsc-fr-scroll .mbsc-fr-c{background:#fff!important;padding-top:0!important; }
.mbsc-cal-day{ border: none !important; box-shadow: none !important; outline: none !important;}
.mbsc-cal-prev.mbsc-cal-prev{padding: 0 1px 0 0 !important;}
.mbsc-cal-next.mbsc-cal-next{padding: 0 0 0 1px !important;}
.mbsc-cal-cell.mbsc-disabled .mbsc-cal-cell-txt {opacity: 1;color: #C4C4C4 !important;}
.mbsc-cal-btn.mbsc-disabled{opacity: 1;color: #C4C4C4 !important;}

.schedule-sort-therapist-cont{background-color: #FFFFFF;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 18px; padding: 22px 25px 15px;}
.schedule-sort-therapist-cont h2{font-size: 24px; color: #3F6D84; line-height: 30px; font-weight: 500; text-align: center;}
.therapist-col-cont{margin-bottom: 16px;}
.therapist-col-cont.card{border: none; border-radius: 0;}
.therapist-col-cont-inn{border: solid 1px #E8E8E8; height: 100%;}
.therapist-col-cont .card-body{padding: 15px 15px 5px;height: calc(100% - 55px);}
.therapist-bio{font-size: 18px; line-height: 20px; padding: 0 0 10px;}
.therapist-bio span{vertical-align: middle;margin: 0 0 0 5px;}
.therapist-bio img{height: 40px;width: auto;}
.therapist-bio img.provider-img{height: 50px;width: auto;}
.card-title{font-size: 14px; line-height: 18px; margin: 0; padding: 0px 0 2px;}
.card-text{font-size: 12px; line-height: 15px; font-weight: 500;}
.card-footer{border-radius: 0 !important; padding: 8px 15px 15px; background: none; border: none;}
.therapist-col-btn{display: flex;justify-content: space-between;align-items: center;}
.therapist-col-btn .btn-gray{font-size: 14px;line-height: 18px;border-radius: 8px;width: 124px;padding: 7px 6px;display: inline-block;-webkit-appearance: initial;}
.therapist-col-btn .btn-default{font-size: 14px;line-height: 18px;display: inline-block;border-radius: 8px;width: 120px;padding: 7px 6px;}

.therapist-readmore-modal-cont .modal-dialog{max-width: 352px; width: 100%;}
.therapist-readmore-inner .btn-default{font-size: 14px;line-height: 18px;display: inline-block;border-radius: 8px;width: 120px;
  padding: 7px 6px; margin: 5px 0 0;}
.therapist-readmore-modal-cont .modal-body{padding: 30px 33px 30px;}
.therapist-readmore-modal-cont .close, .custom-close.close{width: auto;height: auto;background: none !important;box-shadow: none !important;font-size: 13px;line-height: 16px;font-weight: 700;color: #000;left: 0;top: -25px;right: auto;text-transform: uppercase;letter-spacing: 1.3px;padding: 0 !important;border: none !important; border-radius: 0 !important; text-shadow: none !important; box-shadow: none !important;outline: none !important;}
.therapist-readmore-modal-cont .close:hover{color: #7a7a6d !important;}
.schedule-appt-therapist-cont .schedule-sort-date-inner{padding: 22px 25px 28px;}
.schedule-therapist-appt-desc{padding: 15px 23px 10px 23px;}
.schedule-therapist-appt-desc .card-title{padding: 0;}

.wrapper-appt-summary-main{position: relative; z-index: 1; max-width: 1178px; width: 100%; margin: 0 auto; padding: 28px 0 5px;}
.wrapper-appt-summary-inner{max-width: 632px; width: 100%; margin: 15px auto 0;background-color: #FFFFFF;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 18px; padding: 40px 17px 40px;}
.summary-heading {font-size: 15px; color: #3F6D84; letter-spacing: 1.6px; line-height: 19px; text-transform: uppercase; font-weight: 500; padding: 0 0 5px;}
.reservation-col{padding: 0 25px 0 20px;}
.reservation-box{border: solid 1px #E8E8E8; padding: 13px 11px 20px; max-width: 234px; width: 100%; margin: 0;}
.reservation-box p{font-size: 15px; color:#2B2B2B; line-height: 19px; padding: 0 0 15px;}
.reservation-box p:last-child{padding: 0;}
.reservation-box p strong{font-weight: 700;}
.summary-note-textarea{margin: 20px 0 15px;}
.summary-note-textarea .label-control{font-size: 15px; line-height: 19px;}
.summary-note-textarea textarea.form-control { height: 125px; resize: none;}
.summary-note-textarea .form-control::placeholder {color: #C4C4C4;}
.summary-note-textarea .form-control::-webkit-input-placeholder {color: #C4C4C4;}
.summary-note-textarea .form-control::-moz-input-placeholder {color: #C4C4C4;}
.summary-note-textarea .form-control::-o-input-placeholder {color: #C4C4C4;}
.summary-note-textarea .form-control::-ms-input-placeholder {color: #C4C4C4;}

.billing-info-col{padding: 0 35px 0 0;}
.billing-info-form {} 
.billing-info-form .form-group{position: relative;}
.billing-info-form .form-group label { color: #2B2B2B; font-size: 15px; line-height: 19px; }
.billing-info-form .form-group .star { color: #C62222; font-size: 15px; }
.billing-info-form .placeholder { position: absolute; top: 10px; left: 14px; display: none;}
.summary-para{font-size: 12px; line-height: 15px; padding: 0 0 10px; font-weight: 500; color: #6F6F6F;}
.savecard-btn .btn-gray{width: 100%; letter-spacing: 1.6px;}
.summary-btm-cont {max-width: 278px; margin: 0 auto; padding: 27px 0 0;}
.policy_option_checkbox{padding-left: 0; margin: 0 0 5px;}
.policy_option_checkbox .custom-control-label{font-size: 16px; line-height: 20px; color: #2B2B2B;}
.policy_option_checkbox .custom-control-label a{text-decoration: underline !important;color: #2B2B2B;}
.summary-btm-cont .btn-default{width: 100%;}
.editcard-info{max-width: 221px; width: 100%; margin: 0 0 11px; padding: 10px 13px 7px 11px;border: solid 1px #E8E8E8;}
.editcard-info p{font-size: 15px; line-height: 19px; color: #2B2B2B; padding: 0;}
.editcard-info p span{/*display: block;*/ margin: 0 0 5px;}
.editcard-cont .btn-gray{padding: 10px 12px;}

.schedule-info{   background-color: #FFFFFF;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);border-radius: 18px;
padding: 22px 25px 15px;margin-top: 30px;} 
.schedule-info h2 {font-size: 24px;color: #3F6D84;line-height: 30px;font-weight: 500;text-align: center;}
.therapist-hed-info{padding: 0px !important;}
/* ==================== Home content End ==================== */
 
/* ==================== Footer content Start ==================== */

footer{background: #F2F2F2;padding:20px 0 10px; min-height: 53px;} 
.copyright{padding: 0;} 
.copyright p{text-align: center; font-size: 12px;line-height: 15px; font-weight: 500; color: #B5B5B5; padding:0 0 0;} 
.copyright p a{color: #B5B5B5;}
 
/* ==================== Footer content End ==================== */

/* ==================== Form Styling Start ==================== */
.form-control{border: solid 1px #E8E8E8; color: #2B2B2B; font-size: 15px; line-height: 19px; font-weight: 400; height: 39px; border-radius: 0px;padding: 7px 14px;}
.form-control:focus{box-shadow: 0 0 0 0.1rem rgba(49, 49, 49,0.25);border-color: #2B2B2B;} 
select, select.form-control {
  font-size:16px;line-height:20px;color:#222222;font-weight:400;padding-right:50px;background-image:url(../images/arrow-down.svg);background-repeat:no-repeat;background-position:98%;background-position:calc(100% - 15px);background-color:#fff!important;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;box-shadow:none;outline:0;
}
.form-control::placeholder {color: #222222;}
.form-control::-webkit-input-placeholder {color: #222222;}
.form-control::-moz-input-placeholder {color: #222222;}
.form-control::-o-input-placeholder {color: #222222;}
.form-control::-ms-input-placeholder {color: #222222;}
.form-group{margin-bottom: 8px;}
.form-group label{font-size: 18px;}

.custom-control{min-height: 1.9rem;}
.custom-control-label::before{background:transparent; border: solid  2px #3F6D84 !important; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{ border-color:#3F6D84 !important;  background-color: #3F6D84 !important;}
.custom-checkbox .custom-control-label::before{border-radius: 0 !important;}
.custom-control-label{padding: 0px 0 0 28px;vertical-align: middle;line-height: 19px;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after{background-image:none;border: none;border-radius: 50%;padding: 0;width: 12px;height: 12px;display: block;background: #3F6D84;}
.custom-control-label::before{top: 0;left: 0;border: solid 2px #E8E8E8 !important;width: 20px;height: 20px; }
.custom-control-label::after {position: absolute;top: 4px;left: 4px;display: block;width: 11px;height: 11px;content: "";background-repeat: no-repeat;background-position: center center;background-size: 11px 11px;text-align: center;}
.custom-control-input:focus ~ .custom-control-label::before{box-shadow: none !important;}
.custom-control-input:checked ~ .custom-control-label::before{background-color: #fff !important;}

.file-input-content{display: inline-block;padding: 0 20px 0 0;}
.file-input-content input[type="file"]
.js .inputfile {
  width: 0.1px;  height: 0.1px; opacity: 0;  overflow: hidden; position: absolute; z-index: -1;
}
.file-input-content .inputfile + label { max-width: 100%; font-size: 15px; font-weight: 700; /* text-overflow: ellipsis; white-space: nowrap; */
  cursor: pointer; display: inline-block; /* overflow: hidden; */ padding: 5px  0 0;}
.file-input-content .no-js .inputfile + label { display: none;}
.file-input-content .inputfile:focus + label, .file-input-content .inputfile.has-focus + label {  outline: 1px dotted #000000; outline: -webkit-focus-ring-color auto 5px;}
.file-input-content input[type="file"]{display: none;}
.file-input-content .inputfile-5 + label { color: #000000;letter-spacing: 2.55px;}
.file-input-content .inputfile-5:focus + label,
.file-input-content .inputfile-5.has-focus + label,
.file-input-content .inputfile-5 + label:hover {
  color: #000000;
}
.file-input-content .inputfile-5 + label figure {
  width:268px;max-width:100%;text-align:center; color:#000000;padding:9px 5px;border-radius:0;font-size:17px;font-weight:500;background:#FFFFFF;margin:0 0 0; text-transform: uppercase;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
}
.file-input-content .inputfile-5 + label figure img{max-width: 100%;}

/* ==================== Form Styling End ==================== */

/* ==================== Loader content Start ==================== */
.loader {display:table; width:100%; height:100%; position:fixed; z-index:99999999999999999999999; left:0; top:0; background:#fff;}
.loaderin {width:100%; height:100%; display:table-cell; vertical-align:middle;}
.loader-circle{  border: 4px solid #3F6D84; border-radius: 50%; margin: 0 auto; border-top: 4px solid #000000 ; width: 45px; height: 45px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite;
}
.loaderlogo {padding:0 0 0px 0; width:100%; text-align:center; margin:0 0 0;}
.loaderimage {padding:0 0 0px 0; width:100%; text-align:center;}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* ==================== Loader content End ==================== */

/* ==================== Back to top Start ==================== */
.backtop-dv{}
.backtop-dv i{ color:#fff;transition: all 0.7s ease; font-size:15px; line-height: 35px;}
.back-to-top {display: block; width: 35px;height: 35px;line-height: 35px;text-align: center;
position: fixed;bottom: -35px;right: 20px;background-color: #3F6D84;color: #fff;z-index: 999; border-radius: 50%;text-align: center; border:solid 1px #fff;opacity: 0.5;
-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; 
}
.back-to-top.show { bottom: 20px; }
.back-to-top:hover{ background: #000000; border:solid 1px #fff; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; opacity: 1;}
.back-to-top:hover i{color:#fff;}
/* ==================== Back to top End ==================== */

.modal-content{border-radius: 18px; border: none;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
.modal-dialog{ margin-left: auto; margin-right: auto; padding: 0 15px;}
.modal-header{border-bottom: none;}
.modal{padding-right: 0 !important;}
.close { width:35px; height:35px; border: none !important; position:absolute; right:-7px ; top:-10px; border-radius:50%; outline:none !important;  opacity:1 !important; background-color: #fff !important; z-index: 9;padding: 0 !important; margin: 0 !important;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.close span {margin: 0 0 0 0;display:block;font-size: 30px;font-weight: 600;line-height: 35px;color: #2B2B2B;font-family: initial;}



body.modal-open .wrapper{ -webkit-filter: blur(7px);  -moz-filter: blur(7px);  -o-filter: blur(7px);  -ms-filter: blur(7px); 
  filter: blur(7px);
}
.modal-backdrop{background-color: rgba(0, 0, 0, 0.25);}


.therapist-col-btn .service-radiobtn{margin:0;}
.therapist-col-btn .service-radiobtn .custom-control-label{width: 120px;padding: 7px 6px;font-size: 14px; line-height: 18px;letter-spacing: 1.2px;background: #3F6D84 !important;height: auto; text-align: center; box-shadow: none !important;border-radius: 8px; text-transform:uppercase; margin:0; color:#fff;}

.custom-loader{position: absolute;left: 0; bottom: 0; right: 0;width: 100%;height: 100%;display: flex; align-items: center; justify-content: center; z-index: 999; }


.nav-dropdown .btn{color: #fff !important;padding: 0; box-shadow: none !important; background-color: #3F6D84; border: 1px solid #3F6D84; padding: 5px 4px;}
.nav-dropdown .dropdown-menu{left: auto; right: 0;}
.nav-dropdown .dropdown-item{padding: 4px 8px;background: none !important; color: #444 !important; font-size: 14px;}
body.on-blur .wrapper{ -webkit-filter: blur(7px); -moz-filter: blur(7px); -o-filter: blur(7px); -ms-filter: blur(7px); filter: blur(7px);
}

.wrapper-bookings-main{position: relative; z-index: 1; max-width: 1178px; width: 100%; margin: 0 auto; padding: 25px 15px 5px;}
.booking-heading {font-size: 20px; color: #3F6D84; letter-spacing: 1.6px; line-height: 19px; text-transform: uppercase; font-weight: 500; padding: 0 0 5px; text-align: center; }
.wrapper-mybooking-inner{max-width: 1000px; width: 100%; margin: 15px auto 0;background-color: #FFFFFF;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 18px; padding: 40px 17px 40px;}
.bookings-box{border: solid 1px #E8E8E8; padding: 10px; margin: 15px 0 10px;}
.bookings-box h3{font-size: 15px; line-height: 19px;}
.bookings-box h4{font-size: 15px; line-height: 19px; text-align: center;}
.mybooking-btn{text-align: center;}
.mybooking-btn .btn-default{padding: 10px 12px;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {   -webkit-appearance: none; margin: 0; }
/* Firefox */
input[type=number] { -moz-appearance: textfield; }
.dob-input .form-control:disabled, .dob-input .form-control[readonly]{background-color:#fff;}
.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-cont{display: none;}

ul.service-card-list{list-style-type: disc;margin: 0 0 0 15px;}
ul.service-card-list li{margin: 5px 0; font-size: 12px; line-height: 15px; text-align: left; color: #6F6F6F; font-weight: 500;}
/*.service-scrollbar{height: 300px; }*/

button.btn.dropdown-toggle.btn-light, button.btn.dropdown-toggle.btn-light:hover { background-color: #fff; border-color:#fff; outline: none !important; box-shadow: none !important; }
button.btn.dropdown-toggle.btn-light{padding-top: 8px;}
.btn-light{color:#2B2B2B;}

.custompicker .dropdown-menu{border: solid 1px #E8E8E8; }
.custompicker .bootstrap-select.show-tick .dropdown-menu li a span.text{ font-size: 14px;  color: #212529;font-weight: 400;}
.custompicker .bootstrap-select .dropdown-menu{margin: -5px 0 0 0; padding: 10px 0 0; border-top: none;border-radius: 0 0 5px 5px; 
   min-width: 100% !important; width: 100%;}
.custompicker .bootstrap-select .dropdown-menu li a span.text{font-size: 14px; font-weight: 500; 
  display: flex; align-items: center; justify-content: space-between;
  display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between;
}
.custompicker .bootstrap-select .dropdown-menu li small{  font-weight: 500;  text-align: right; position: static; right: 0;  font-size: 13px; top: 10px; color: #212529 !important; padding: 0 0 0 15px;
  /*width: 30%;*/word-break: break-word;white-space: normal;
}
.custompicker .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{display: block;}
.custompicker .dropdown-item.active, .custompicker .dropdown-item:active{background-color: transparent;}
.custompicker .dropdown-item.active span.text, .custompicker .dropdown-item:active  span.text{color: #3F6D84 !important; font-weight: 600 !important; } 
.custompicker .bootstrap-select .dropdown-menu li.active small{color: #3F6D84 !important;font-weight: 600; }
.custompicker .dropdown-toggle::after{ background-image: url(../images/arrow-down.svg); background-repeat: no-repeat; background-position: 98%;
  width: 12px; height: 7px; background-size: 12px 7px; border: none !important; }
.custompicker .dropdown-toggle[aria-expanded="true"]::after{
  transform: rotate(180deg);
} 
.custompicker .bootstrap-select .dropdown-menu{min-width: 100% !important; width: 100%;}
.custompicker .bootstrap-select .dropdown-menu li a{ border-bottom: solid 1px #E8E8E8;}
.custompicker .bootstrap-select .dropdown-menu li:last-child a{border-bottom: none;}
.custompicker .bootstrap-select .dropdown-menu li:first-child span.text , .bootstrap-select .dropdown-menu li:first-child small{font-weight: 500; }
.custompicker .bootstrap-select>.dropdown-toggle{border: solid 1px #E8E8E8 !important;background-color: #fff !important; border-radius: 0; font-weight: 400; font-size: 15px; height: 44px; outline: none !important;}
.custompicker .dropdown-menu[x-placement^="top"] {  border-top: solid 1px #3F6D84 !important;  border-radius: 5px 5px 0px 0px !important;
  /*border-bottom: none;*/  margin: 0px 0 0;}
.custompicker .bs-actionsbox{display: none;}

.custompicker .dropdown-item{white-space: normal;}

.mbsc-ios .mbsc-cal-month, .mbsc-ios .mbsc-cal-year{
  color: #3F6D84 !important;
}
.mbsc-cal-mark,
.mbsc-ios .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt,
.custom-radio .custom-control-input:disabled ~ .custom-control-label::after,
.mbsc-ios .mbsc-cal-cell:focus .mbsc-cal-cell-txt, .mbsc-ios.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled) .mbsc-cal-day-date:hover, .mbsc-ios.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt {
  background: #7d85c4 !important;
}
/* button.back-to-guest-sel,button.back-to-guest-sel1{ margin-left: -15em !important;} */
.personalize_option_radio2 .dropdown-menu.show {border: 1px solid #E8E8E8;border-bottom: 3px solid #c2c2c2;}
.dropdownServiceMenu .dropdown-menu.show .inner.show{ max-height:356px !important;}

.wrapper-self-guest-main.wrapper-service-cont{position: relative; z-index: 1; max-width: 1198px; width: 100%; margin: 0 auto; padding: 60px 10px 35px;}
.servicesformBox{max-width: 450px; margin: 0 auto;}
.services-session-full .wrapper-personalize-col{max-width: 475px; margin-left: auto;margin-right: auto;}
.forgot-pw a:hover {color: #3F6D84;}
.form-link{text-decoration: underline !important;}

/* ==================== Media Queries Start ==================== */

@media (min-width: 768px) { 
    
}

@media (min-width: 991px) { 
  .col-md-5-45 {-ms-flex: 0 0 45.3%;  flex: 0 0 45.3%; max-width: 45.3%;}
  .col-md-6-54 {-ms-flex: 0 0 54.5%;  flex: 0 0 54.5%; max-width: 54.5%;}
    
}
       
    
@media (min-width: 1080px) { 
  .navbar-nav	li:hover ul {display:block;visibility:visible;opacity:1;z-index:1;transform: translateY(0%);transition-delay: 0s, 0s, 0.3s;}
  .navbar-nav	li ul ul {display:none !important;}
  .navbar-nav	li ul li:hover ul{display:block !important;}
  .navbar-nav	li ul {  visibility:hidden;opacity:0;  display: block !important; }
  
}
    
@media (max-width: 1200px) {  
  .container	{width:100%; } 
  .logo{ padding: 0;} 
  .navbar-nav li ul{left:0;}
  .navbar-nav	li:hover ul {display:block;} 

}  

@media (max-width: 1079px) {
  .collapse.navbar-collapse {display:none;}
  .navbar-default .navbar-collapse.show{ display: block !important;  transition: all ease-in-out 0.2s;  -o-transition: all ease-in-out 0.2s;
  -webkit-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s;}
  .navbar-collapse {  width: 100%; max-width: 100%; height: calc(100% - 65px); top: 65px; position: fixed; left: -100%; display: block !important; transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; background: rgba(255,255,255, 0.9); /* transform: translateX(-100%); */ border-top:1px solid #49365A; overflow-y: auto; overflow-x: hidden; padding: 0 15px; z-index: 9;}
  .navbar-collapse.show { left:0; transform: translateX(0%);} 
  .navbar-default .navbar-collapse{border:none; box-shadow:none;}  

  .headertoprgt {display:none;}
  .mobilelist {display:block;}  
  .mobilelist .headertoprgt {display:block ;padding: 5px 0 5px;margin: 0;} 
  .navbar-header {float:right; display: none;} 
  .navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg); width: 22px !important;} 
  .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #ffffff;}
  .navbar-toggle {float: none; display:block;margin:0 0 0 10px;border-color:#3F6D84;padding:14px 10px;border-radius:50%;
  background:#3F6D84;position:relative;outline:none!important; }
  .navbar-toggle .icon-bar:nth-child(2) { width: 20px; margin: 4px 0;}
  .navbar-toggle .icon-bar:nth-child(3) { width: 16px;}

}
    
@media (max-width: 991px) {
  .headertoprgt {display:none;} 
  .mobilelist {display:block;}    
  .collapse.navbar-collapse {display:none;}
  .navbar-nav {width:100%;max-width:100%;}
  .back-btn-main{top:20px; left: 10px;}
  .back-btn{padding: 10px 30px;}
  .card-footer{padding: 8px 10px 15px;}
  .therapist-col-cont .card-body{ padding: 15px 10px 5px;}
  .therapist-col-btn .btn-gray,  .therapist-col-btn .btn-default{font-size: 13px;line-height: 16px;border-radius: 8px;padding: 6px 6px 7px;display: block;letter-spacing: 0px;margin: 0 1px;} 

}
    
@media (max-width: 767px) {  
  .navbar-collapse {height: calc(100% - 65px); top: 65px;}
  h1 {font-size:25px;}
  h2 {font-size:22px;} 
  .custom-control-inline{display: flex;display: -webkit-flex;} 
  .wrapper-signin-inner-lft{min-height: auto; padding-top: 40px; padding-bottom: 40px;}
  .wrapper-signin-inner-rgt{min-height: auto; padding-top: 40px; padding-bottom: 40px;}
  .back-btn-main{position: static; padding: 0 0;}
  .back-btn{padding: 8px 25px;}
  .wrapper-appt-summary-inner{padding: 30px 15px 30px;}
  .reservation-col{padding: 0;}
  .billing-info-col{padding: 0 15px; margin-top: 20px;}
  .wrapper-personalize-option-cont{padding: 80px 10px 35px;}
  .wrapper-self-guest-main.wrapper-service-cont{padding: 50px 10px 35px;}

}

@media (max-width: 575px) {  
  p{font-size: 15px ; line-height: 20px;}  
  footer{padding: 15px 0 15px;}   
  .nav-right-list{display: block;}
  .nav-right-list li::before{display: none;}
  .nav-right-list li{padding: 0 0 10px 0 !important;display: block;text-align: right;}
  .nav-right-list li:last-child {padding: 0 0 0px 0 !important;}
  .wrapper-signin-cont{padding: 80px 15px 0;}
  .schedule-sort-date-inner{padding: 22px 15px 30px;}
  .schedule-sort-therapist-cont{padding: 20px 15px 15px;}
    
}

@media (max-width: 400px) {  
 
    
}

/* ==================== Media Queries End ==================== */