body {
	background-color: #FCFAFA;
	/*height: 100vh;*/
	min-height: 100vh;
	width: 100%;
	float: left;
	font-family: "graphie", sans-serif;
	font-style: normal;
	color: #000;
	/*background: linear-gradient(0deg, rgba(228,5,137,1) 0%, rgba(255,255,255,1) 30%);*/
}

.footer-linear-gradient {
	background: linear-gradient(0deg, rgba(255, 220, 129, 1) 0%, rgba(255, 255, 255, 1) 95%);
	height: 300px;
}

.back-arrow-top {
	float: left;
	margin-right: 20px;
	cursor: pointer;
}

.back-arrow-top img {
	width: 15px;
	!important;
}

button.begin[disabled],
button.next[disabled],
.disabled,
button.booking-next[disabled],
.payment-section input.choice-button.next.w-100[disabled] {
	background-color: #ebe9e8 !important;
	color: #000000 !important;
}

.w-100 {
	width: 100%;
}

.pull-right {
	float: right;
}

.background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/AddyiBG2.png");
	background-size: cover;
	background-position: center center;
}

h1 {
	text-align: center;
	color: white;
	font-family: "graphie", sans-serif;
}

h3 {
	color: black;
	font-weight: lighter;
}

h2,
h4,
h5 {
	text-align: center;
	color: dimgrey;
}

h1.align-left,
h2.align-left,
h3.align-left,
h4.align-left,
h5.align-left {
	text-align: left;
}

.align-left {
	text-align: left;
}

.dtg-link {
	color: #f9c43e;
}

label {
	color: #000000;
	font-weight: normal;

}

.logo-wrapper {
	width: 24%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.splash-div {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	text-align: center;
}

.center-div {
	margin-right: auto;
	margin-left: auto;
	float: none;
}

.main-content {
	position: relative;
	line-height: 1.5;
	display: block;
	text-align: center;
	align-content: center;
	/* height: 100%; */
	margin-top: 0;
	margin-bottom: 0;
}

.begin.disabled:hover {
	background-color: #cecece;
	color: #000;
}

.begin:hover {
	box-shadow: #888 1px 1px 20px;
	background-color: goldenrod;
	color: white;
}

.tos-button {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin: 4px 2px;
	font-family: "graphie", sans-serif;
	;
	font-weight: 500;
	cursor: pointer;
	background-color: transparent;
	color: black;
	width: 50px;
	height: 25px;
	text-align: center;
	font-size: 15px;
	padding: 0;
	border: none;
	background: none;
}

#question {
	margin-bottom: 50px;
}

.primary-color {
	background-color: #22afae !important;
}


#question-alert,
#modal-question-alert {
	margin-top: 5px;
	color: #000;
	font-weight: bolder;
	display: inline-block;
	padding: 5px;
	margin-bottom: 5px;
}

#modal-question-alert {
	margin: auto;
	padding: 2px;
}

.mqalert {
	isplay: flex;
	justify-content: center;
}

.options-holder .choice-button {
	width: 100%;
}

.choice-button {
	min-height: 50px;
	font-family: inherit;
	font-weight: 700;
	cursor: pointer;
	word-break: keep-all;
	/* box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px 0px; */
	background-color: #000;
	color: #fff !important;
	transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s, opacity 0.2s ease 0s;
	outline: none;
	border-image: initial;
	padding: 8px 18px;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 22px;
	border: none !important;
}

.choice-button-2 {
	min-height: 50px;
	font-family: "graphie", sans-serif;
	font-weight: 700;
	cursor: pointer;
	word-break: keep-all;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px 0px;
	color: white;
	transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s, opacity 0.2s ease 0s;
	outline: none;
	border-width: 1px;
	border-style: solid;
	border-image: initial;
	padding: 8px 18px;
	border-color: transparent;
	border-radius: 4px;
}

.choice-button:hover,
.selected {
	box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 12px 0px;
	background-color: rgb(197, 197, 197);
	color: #fff !important;
}

.btn-secondary {
	color: #000 !important;
	background-color: #6c757d !important;
	border-color: #6c757d !important;
}

.btn-secondary:hover {
	color: #fff !important;
	background-color: darkgrey !important;
	border-color: #6c757d !important;
}

#privacy-policy:not('choice-button') {
	text-align: left;
	align-content: left;
}

#privacy-policy .choice-button {
	margin-bottom: 50px;
}

.privacy-topic {
	color: white;
}

.input-field {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	border: none;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
}

.date-section {
	margin-bottom: 40px;
}

.date-labels {
	align-content: left;
	text-align: left;
}

.date-labels div {
	display: block;
	float: left;
}

.date-fields {
	align-content: center;
}

.month-label-div {
	width: 18%;
	margin-right: 5px;
	margin-left: 5px;
}

.day-label-div {
	width: 18%;
	margin-right: 5px;
}

.year-label-div {
	width: 60%;
	margin-right: 5px;
}

.month-field {
	width: 18%;
	margin-right: 5px;
}

.day-field {
	width: 18%;
	margin-right: 5px;
}

.year-field {
	width: 60%;
}

.checkbox-holder {
	text-align: left;
	margin-left: 50px;
	min-height: 50px;
	background-color: rgb(244, 244, 244);
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(221, 221, 221);
	border-image: initial;
	margin: 0px 0px 5px;
	padding: 0px 15px;
}

.checkbox-label {
	margin-left: 35px;
	margin-bottom: 0;
	/*color: rgb(117, 117, 117);*/
	display: inline-block;
	width: 100%;
	cursor: pointer;
}

.radio-holder {
	text-align: left;
	margin-left: 50px;
	min-height: 50px;
	background-color: rgb(244, 244, 244);
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(221, 221, 221);
	border-image: initial;
	margin: 0px 0px 5px;
	padding: 0px 15px;
}

.radio-label {
	margin-left: 10px;
	margin-bottom: 0;
	color: rgb(117, 117, 117);
	display: inline;
}

.datalist-input {
	display: block;
	font-size: 16px;
	font-family: "graphie", sans-serif;
	font-weight: normal;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
}

#start.qualified {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.logo.qualified {
	margin-top: 5rem;
}

.select-state-container {
	height: 50px;
	background-color: rgb(244, 244, 244);
	position: relative;
	display: flex;
	-webkit-box-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	align-items: center;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(221, 221, 221);
	border-image: initial;
	padding: 0px 15px;
	margin: 0px 0px 5px;
}

.select-state {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	-webkit-appearance: none;
	width: 100%;
	border-width: initial;
	border-style: none;
	border-color: initial;
	border-image: initial;
	background: transparent;
	outline: none;
	padding: 0px 15px;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: rgb(117, 117, 117);
}

.radio-holder .time-span {
	position: absolute;
	right: 6px;
}

.schedule-row {
	width: 100%;
	margin-bottom: 10px;
}

.col-one {
	width: 33%;
	display: inline-block;
	padding-right: 5px;
}

.col-two {
	width: 33%;
	display: inline-block;
	padding-right: 5px;
}

.col-three {
	width: 33%;
	display: inline-block;
}

/* dob tag */
#monthPicker,
#dayPicker,
#yearPicker {
	display: block;
	font-size: 14px;
	font-family: "graphie", sans-serif;
	font-weight: normal;
	color: #000;
	line-height: 1.3;
	padding: 10px;
	width: 350px;
	max-width: 100%;
	box-sizing: border-box;
	margin: auto;
	border: 1px solid #fff !important;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
}


/* Select tag */

#dob-day-picker,
#dob-month-picker,
#dob-year-picker,
.data-list-select {
	display: block;
	font-size: 18px;
	font-family: "graphie", sans-serif;
	font-weight: normal;
	color: #000;
	line-height: 1.3;
	padding: 10px;
	width: 350px;
	max-width: 100%;
	box-sizing: border-box;
	margin: auto;
	border: 1px solid #fff !important;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
}

#dob-day-picker,
#dob-month-picker,
.data-list-select {
	margin-bottom: 10px;
}

#dob-day-picker::-ms-expand,
#dob-month-picker::-ms-expand,
#dob-year-picker::-ms-expand {
	display: none;
}

#dob-day-picker,
#dob-month-picker,
#dob-year-picker:hover,
.data-list-select:hover {
	border-color: #888;
}

#dob-day-picker,
#dob-month-picker,
#dob-year-picker:focus,
.data-list-select:focus {
	border-color: none;
	color: #222;
	outline: none;
}

#dob-day-picker,
#dob-month-picker,
#dob-year-picker option,
.data-list-select option {
	font-weight: normal;
}

/* Dob Picker */

/* Date and Time for scheduling */

#day-picker,
#time-picker {
	display: block;
	font-size: 16px;
	font-family: "graphie", sans-serif;
	font-weight: normal;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
}

#day-picker,
#time-picker::-ms-expand {
	display: none;
}

#day-picker,
#time-picker:hover {
	border-color: #888;
}

#day-picker,
#time-picker:focus {
	border-color: none;
	color: #222;
	outline: none;
}

#day-picker,
#time-picker option {
	font-weight: normal;
}

/* Payment section template */

.begin-well.payment {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

* {
	box-sizing: border-box;
}

.payment-section label,
.payment-section h3,
.payment-section h4 {
	color: black;
}

.payment-section .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -16px;
}

.payment-section .col-25 {
	-ms-flex: 25%;
	flex: 25%;
}

.payment-section .col-50 {
	-ms-flex: 50%;
	flex: 50%;
}

.payment-section .col-75 {
	-ms-flex: 75%;
	flex: 75%;
}

.payment-section .col-25,
.payment-section .col-50,
.payment-section .col-75 {
	padding: 0 16px;
}

.payment-section .container {
	background-color: transparent;
	padding: 5px 20px 15px 20px;
}

.payment-section input[type=text] {
	width: 90%;
	margin-bottom: 20px;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 0px;
	float: left;
}

.payment-section .p-p-input {
	border-radius: 0px !important;
	height: 40px;
}

.payment-section label {
	margin-bottom: 10px;
	display: block;
	font-weight: 300;
}

.payment-section .icon-container {
	background-color: #ffffff;
	margin-bottom: 20px;
	padding: 7px 0;
	padding-left: 10px;
	font-size: 24px;
}

.payment-section .btn {
	background-color: #4CAF50;
	color: #000;
	padding: 12px;
	margin: 10px 0;
	border: none;
	width: 100%;
	cursor: pointer;
	font-size: 17px;
}

.payment-section .btn:hover {
	background-color: #45a049;
}

.payment-section a {
	color: #ffffff;
}

.icon-container:not(last-child) i {
	margin-right: 5px;
}

.secure-pay {
	height: 24px;
	width: auto;
	display: inline-block;
	float: right;
	margin-right: 10px;
}

#third-party-pay {
	width: 100%;
	margin-top: 20px;
	align-content: center;
	text-align: center;
}

#apple-pay-div,
#paypal-pay-div,
#google-pay-div {
	width: 100%;
	background-color: #ffffff;
	padding: 12px 0;
	text-align: center;
	margin-top: 10px;
}

#start h4 {
	font-size: 18px;
	width: 100%;
}

#start.not-apply h3 {
	width: 100%;
	font-size: 22px;
	line-height: 25px;
}

#start.not-apply h4 {
	width: 100%;
	font-size: 21px;
	line-height: 25px;
}

/**** Appointment Form ****/

.appointment-section label {
	color: dimgrey;
}

.appointment-section .row .row,
.appointment-section .row .row>div {
	margin-bottom: 10px;
}

.appointment-section .row .row>div {
	text-align: left;
}

.start-min-time {
	position: relative;
}

.start-min-time:before {
	position: absolute;
	content: ":";
	left: -3px;
	top: 7px;
	color: #fff;
}

.processing {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background: #f1ead6;
	z-index: 999;
}

.loading-icon {
	position: fixed;
	top: 35%;
	color: #000000;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	right: 0;
	left: 0;
}

.d-flex {
	display: flex;
}

button.choice-button.link {
	float: right;
	margin-top: 4px;
}

span.info-text {
	color: dimgrey;
	font-style: italic;
	width: 22em;
	float: right;
}

input.choice-button.next {
	margin-top: 10px;
	/* color: black; */
	background-color: #000;
	padding: 8px 65px;
	margin: auto;
	/* margin-top: 10px; */
	color: #fff !important;
	margin-top: 30px;
	border: 1px solid #fff !important;
}

ul.disclaimer {
	margin-top: 0;
	margin-bottom: 10px;
	list-style: none;
}

.disclaimer li::before {
	content: "*";
	font-size: 20px;
	color: #2d2c2a;
	position: absolute;
	left: 16px;
	top: -3px;
	font-weight: 600;
}

.disclaimer li {
	padding-left: 29px;
	position: relative;
	font-size: 10px;
}

#apple-pay-div {
	vertical-align: top;
}

div#paypal-pay-div,
#apple-pay-div {
	padding: 7px 0 5px 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px 0px;
}

.not-apply {
	width: 100%;
}

#question.no-margin {
	margin-bottom: 0px;
}

.payment-section input.choice-button.next.w-100,
.payment-section button.choice-button.previous.w-100 {
	padding: 11px 0;
}

#start.home-height+.questionnaire-content>#question {
	margin-bottom: 0
}

#start.begin-questions {
	margin-top: 150px;
}

.choice-button.previous img,
.choice-button.next img {
	width: 18px;
}

.choice-button.previous {
	margin-right: -36px !important;
}

button.choice-button.next {
	margin-top: 10px;
	min-height: 30px;
	margin-left: 10px;
	/* float: left; */
}

button.choice-button.previous {
	min-height: 32px;
	padding: 0;
}

button.choice-button.previous.w-100 {
	min-height: 50px;
}

button.tos-button.termsCond:focus {
	outline: none;
}

div#message {
	max-width: 255px;
	line-height: 1.2;
	font-size: 12px;
}

/* input#chk_agree {
	margin-right: 0px;
	cursor: pointer;
} */

#slots_html {
	width: 22em;
	float: right;
	max-height: 165px;
	overflow-y: scroll;
}

/* Calendar Wrapper */

.ui-datepicker {
	width: 22em;
	float: right;
}

.ui-datepicker-today a.ui-state-highlight {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	color: #454545;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
	border: 1px solid #000000;
	background: #fac0ef;
	color: #000000;
}

.ui-datepicker-today a.ui-state-highlight.ui-state-active {
	border: 1px solid #000000;
	background: #fac0ef;
	font-weight: normal;
	color: #000000;
}

/** loading icon **/

.processing_icon {
	width: 17px;
	height: 19px;
	position: absolute;
	background: #ffffff url(../images/arrow-loader.gif) no-repeat center center;
	background-color: transparent;
	background-size: 100%;
}

div#paypal-pay-div .processing_icon {
	margin-top: 3px;
	margin-left: 15px;
}

label.isShippingLabel {
	display: inline-block;
	margin-left: 25px;
	margin-bottom: 0;
	vertical-align: middle;
	margin-top: 10px;
}

#is_shipping_available {
	height: 15px;
	width: 18px;
}

#apply_coupon {
	height: 15px;
	width: 18px;
}

.booking-next {
	float: right;
}

span.btn-dt {
	display: block;
	font-size: 20px;
	font-weight: 600;
}

.modal-title {
	width: 94%;
	display: inline-block;
	font-weight: 600;
}

.input-field.data-list-select {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
}

button.choice-button.add-more {
	float: right;
	min-height: 15px;
	margin-right: 50px;
}

button.remove {
	margin-top: 16px;
}

button.remove {
	margin-top: 16px;
	background: #fac0ef;
	border-color: #fac0ef;
	box-shadow: none;
	color: #000000;
}

.payment-section h3 {
	font-size: 20px;
}

.followupfields label {
	color: dimgrey;
	width: 100px;
	text-align: left;
	display: inherit;
}

.followupfields .col-25 {
	padding: 5px 0;
	display: inline-block;
	width: 45%;
	text-align: left;
}

.followupfields .col-25:first-child {
	margin-right: 4%;
}

p.error {
	color: #c70000;
}

#disabled_paypal_div img {
	height: 60px;
	object-fit: cover
}

h3.primarymessage {
	font-size: 16px !important;
	font-weight: normal !important;
}

h3.centreMessage {
	font-size: 18px !important;
	line-height: 26px !important;
}

.logo.checkoutPage {
	width: 40% !important;
	margin-bottom: 20px;
}



@media only screen and (min-width: 1600px) {
	.logo-wrapper {
		width: 22%;
	}

	.lpText {
		font-size: 12px;
		line-height: 30px;
		margin-bottom: 15px;
		padding: 10px;
	}

	#start h3 {
		font-size: 34px;
		width: 100%;
	}

	#start h4 {
		font-size: 28px;
		width: 100%;
	}

	#start.not-apply h3 {
		width: 100%;
	}

	#start.not-apply h4 {
		width: 100%;
		font-size: 18px;
	}

	.mobileimg {
		display: none;
	}
}

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

	#monthPicker,
	#dayPicker,
	#yearPicker {
		width: 100%;
	}

	#apple-pay-div,
	#paypal-pay-div,
	#google-pay-div {
		width: 100%;
		cursor: pointer;
		background-color: #ffffff;
		padding: 12px 0;
		margin-right: 3px;
		display: inline-block;
	}

	.appointment-section .row .row>div {
		text-align: left;
		margin: 10px 0;
	}


}

@media only screen and (max-width: 374px) {
	.desktopimg {
		display: none !important;
	}

	.mobileimg {
		display: block !important;
	}

	h3.centreMessage {
		text-align: left;
	}

	h3.centreMessage.smalltxt {
		font-size: 16px !important;
		font-weight: normal !important;
		margin-bottom: 0px;
		line-height: 22px !important;
	}

	.payment-section h3 {
		font-size: 16px;
	}

	select#patientDOB {
		width: 180px !important;
	}

}

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

	#apple-pay-div,
	#paypal-pay-div,
	#google-pay-div {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		display: block;
	}

	#paypal-pay-div {
		margin-top: 10px;
	}

	.h2,
	h2 {
		font-size: 22px;
	}

	/*.sub-heading2 {
		font-size: 22px !important;
		padding-top: 10px;
	}*/
	.desktopimg {
		display: none !important;
	}

	.mobileimg {
		display: block !important;
	}

	h3.centreMessage {
		text-align: left;
	}

	h3.centreMessage.smalltxt {
		font-size: 16px !important;
		font-weight: normal !important;
		margin-bottom: 0px;
		line-height: 22px !important;
		;
	}

	.payment-section h3 {
		font-size: 16px;
	}

	input#patientDOB {
		width: 180px !important;
	}
}

.apple-pay {
	height: 24px;
	width: auto;
}

.paypal-pay {
	height: 24px;
	width: auto;
	z-index: 0;
}

.google-pay {
	height: 24px;
	width: auto;
}

.payment-section hr {
	border: 1px solid lightgrey;
}

.payment-section span.price {
	float: right;
	color: grey;
}

@media (max-width: 800px) {
	#start.begin-questions {
		margin-top: 35px;
	}

	.payment-section .row {
		flex-direction: column;
	}
}

/* End Payment Section */

#start,
.home-screen-content {
	display: flex;
	flex-direction: column;
	width: 100%;
	/* height: 100%; */
	justify-content: center;
	align-items: center;
	margin: 0 auto;

}

/******************** Home page **************/

.form-check-label {
	color: #000;
	font-weight: normal;
	vertical-align: middle;
	display: inline-block;
}

.logo {
	width: 65%;
	height: auto;
	margin-bottom: 0px;
}

#start h3 {
	font-size: 18px;
	width: 100%;
	font-weight: 600;
	color: #fff;
	margin-top: 0px;
	line-height: 22px;
}

span.sub-heading {
	font-size: 16px;
	font-weight: 500;
	font-size: 14px;
	color: #000;
	font-weight: 400;
}

.icons-list {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
}

.icon-box {
	display: block;
	padding: 0px 0px;
	text-align: center;
	justify-content: center;
	margin: 0 auto;
	line-height: 13px;
	font-size: 13px;
	font-weight: 600;
	color: #5e5555;
}

.icon-box img {
	display: block;
	text-align: center;
	margin: 3px auto;
	height: 40px;
}

.lpText {
	font-family: "graphie", sans-serif;
	font-size: 14px;
	line-height: 18px;
	font: bold;
	text-align: center;
	color: dimgray;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 7px;
	box-shadow: #666 1px 1px 8px;
	background-color: whitesmoke;
}

.begin {
	margin-left: auto;
	margin-right: auto;
	font-family: "graphie", sans-serif;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px 0px;
	min-height: 35px;
	background-color: #FBC33D;
	color: black;
	transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s, opacity 0.2s ease 0s;
	outline: none;
	border-width: 1px;
	border-style: solid;
	border-image: initial;
	padding: 6px 16px;
	border-color: transparent;
}

button.tos-button.termsCond {
	width: auto;
	color: #C18C0C;
	font-weight: 600;
}

.progress {
	margin-bottom: 50px;
	background: #fff;
}

.progress-bar {
	font-weight: bold;
	background-color: #999999;
	color: #fff;
	/* background-image: url(../images/FC_Pattern.jpg);
	background-repeat: no-repeat;
	background-size: cover; */
}

/** Updated Index Page **/

.banner-image {
	width: 50%;
	margin: 10px 0 10px -70px
}

.doctalkgo-green .logo {
	width: 40%;

}

.doctalkgo-green #start .lpText {
	line-height: normal;
	font-family: "graphie", sans-serif;
	background-color: transparent;
	box-shadow: 0 0;
	border: none;
	padding: 0;
	font-size: 20px;
	color: #030303;
	font-weight: normal;
}

.doctalkgo-green .background {
	background-image: none;
	position: relative;
}

.doctalkgo-green .lpText .sub-heading {
	font: normal 400 21px / 28px "Roboto", Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	float: left;
	width: 100%;
	color: #030303;
	font-weight: normal;
	margin-top: 10px;
	padding: 2px 15px;

}

.addyi-center-content {
	width: 100%;
}

.mobileimg {
	display: none;
}

.doctalkgo-green .begin {
	background-color: #000000;
	color: #FFFFFF;
	box-shadow: none;
	min-height: auto;
	padding: 4px 0;
	font-size: 22px;
	margin-bottom: 10px;
	font-family: "graphie", sans-serif;
	font-weight: 700;
	font-style: normal;
	border: 1px solid #000;
}

.doctalkgo-green .form-check-label {
	font-family: "graphie", sans-serif;
	color: #909090;
	font-size: 18px;
	padding-left: 25px;
	margin-top: 10px;
}

.doctalkgo-green .form-check-label button.tos-button.termsCond {
	color: #909090;
	font-family: "graphie", sans-serif;
	font-weight: normal;
	font-size: 16px;
}

.doctalkgo-green .addyi-footer-content {
	width: 100%;
	text-align: center;
}

.doctalkgo-green .addyi-footer-content p,
.doctalkgo-green .addyi-footer-content p a {
	color: #909090;
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: normal;
}

.doctalkgo-green .addyi-footer-content p a {
	border-bottom: 1px solid #a6a4a4
}

.doctalkgo-green .addyi-footer-content p a:hover {
	text-decoration: none;
}

.doctalkgo-green .logo-wrapper {
	width: 100%;
	/* max-width: 475px; */
	height: 100% !important;
	margin: 0 0;
	display: flex;
	flex-direction: column;
	justify-content: normal;
	align-items: center;
	margin-top: 0vh;
}

#productSelect .logo-wrapper {
	max-width: 775px !important;
}

.addyi-center-content {
	margin: 2vh 0;
}

.doctalkgo-green div#message br {
	display: none
}

.doctalkgo-green div#message {
	max-width: 100%;
	font-size: 13px;
}

#termsOfServiceModal .modal-body {
	height: 300px;
	overflow-y: auto;
}

.logo-area {
	margin: 0;
	padding: 0;
}

.logo-area li {
	display: inline-block;
	margin: 0 3px;
	vertical-align: middle;
}

.doctalkgo-green #start .lpText.pink-text {
	color: #dc1a95;
	font-size: 17px;
	text-transform: uppercase;
}

#instructions {
	float: left;
	margin-top: 10px;
	width: 100%;
}

#instructions #star {
	color: red
}

.help-text-description {
	font-size: 13px;
	margin-top: 5px;
}

.steps-thankyou-sec h2 {
	display: inline-block;
	vertical-align: middle;
	color: #0bb413;
	font-size: 28px;
	font-weight: 700
}

.steps-thankyou-sec p {
	font-family: "graphie", sans-serif;
	color: #646464;
	font-size: 19px;
	line-height: 24px;
	font-style: normal;
	font-weight: 400;
	margin-top: 25px;
	margin-bottom: 25px;
}

.steps-thankyou-sec img {
	width: 52px;
}

.thankyou-footer-text p {
	margin-top: 40px;
	font-size: 18px;
	font-style: italic;
	font-family: "graphie", sans-serif;
}

.payment-sec {
	margin-bottom: 32px
}

.payment-sec h2 {
	font-size: 28px;
	color: #000;
	font-family: "graphie", sans-serif;
	font-weight: bold;
}

.payment-sec p {
	font-family: "graphie", sans-serif;
	color: #646464;
	font-size: 17px;
	line-height: 24px;
	font-style: normal;
	font-weight: 400;
	margin-top: 25px;
	margin-bottom: 25px;
}

.payment-sec h1 {
	color: #0bb413;
	font-family: "graphie", sans-serif;
	font-size: 56px;
	line-height: 72px;
	font-weight: 400;
}

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

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

@media only screen and (min-width: 1099px) and (max-width: 1366px) {
	.addyi-center-content {
		margin: 4vh 0;
	}

	.doctalkgo-green .logo-wrapper {
		padding-top: 10px;
	}
}

@media only screen and (max-width: 1300px) {
	#start.qualified {
		width: 50%;
	}

	#start.home-height.final h3 {
		width: 100%;
	}

	.logo {
		width: 65%;
		height: auto;
	}

	.logo-wrapper {
		width: 27%;
	}

	#start h3 {
		font-size: 17px;
		line-height: 18px;
	}

	.icons-list {
		height: 60px;
	}

	.icon-box img {
		margin: 2px auto;
		height: 35px;
	}

	.icon-box {
		line-height: 12px;
		font-size: 12px;
		font-weight: normal;
		color: #262323;
	}

	.lpText {
		font-size: 13px;
		line-height: 16px;
		padding: 6px;
	}

	.begin {
		font-weight: 500;
		min-height: 30px;
		padding: 3px 14px;
	}

	.banner-image {
		width: 50%;
	}

	/*.doctalkgo-green .logo-wrapper{margin-top:20vh}*/
}

@media only screen and (max-width: 998px) {
	.lpText {
		font-size: 11px;
		line-height: 12px;
		padding: 5px;
		box-shadow: none;
	}

	#start h3 {
		font-size: 15px;
		line-height: 16px;
	}

	span.sub-heading {
		font-size: 12px;

	}

	.logo {
		width: 60%;
		margin-bottom: 0;
	}

	.form-check-label {
		font-weight: normal;
		font-size: 12px;
	}

	button.tos-button.termsCond {
		font-weight: normal;
		font-size: 12px;
	}
}

@media only screen and (max-width: 1024px) and (orientation:portrait) {

	/*.doctalkgo-green .logo-wrapper{height: 100vh}*/
	.day-label-div {
		width: 17%;
		margin-right: 5px;
	}

	/*.addyi-center-content{display:flex;height: 80%;flex-direction:column;justify-content:center;align-items:center}*/
	.doctalkgo-green #start .addyi-center-content .lpText {
		margin-top: 0 !important
	}
}

@media only screen and (max-width: 1040px) and (orientation:landscape) {}

@media only screen and (max-width: 767px) {
	.logo-wrapper {
		width: 42%;
	}

	.begin-well.payment {
		padding-top: 100px;
	}

	#start h3 {
		font-size: 12px;
		line-height: 22px;
	}

	span.sub-heading {
		font-size: 16px !important;
		font-weight: normal;
	}

	.iconimg1 {
		padding-bottom: 85px !important;
	}

	.iconimg {
		padding-bottom: 125px !important;
	}

	.icons-list {
		height: 45px;
	}

	.icon-box {
		line-height: 8px;
		font-size: 10px;
		font-weight: normal;
	}

	.icon-box img {
		margin: 2px auto;
		height: 25px;
	}

	#start h4 {
		font-size: 15px;
	}

	#start.not-apply h3 {
		width: 100%;
	}

	#start.not-apply h4 {
		width: 100%;
	}

	.lpText {
		font-size: 12px;
		line-height: 16px;
	}

	.begin {
		min-height: 25px;
		padding: 2px 16px;
		font-size: 12px;
	}

	#start.home-height.final {
		height: 64vh;
	}

	#start.home-height.final h3 {
		font-size: 15px;
	}

	#start.home-height.final h4 {
		font-size: 12px;
	}

	.doctalkgo-green .logo-wrapper {
		margin-top: 1em;
	}

	.banner-image {
		width: 46%
	}

	.doctalkgo-green #start .addyi-center-content .lpText {
		font-size: 17px;
	}

	.doctalkgo-green #start .addyi-center-content .lpText .sub-heading {
		font-size: 17px;
		margin-top: 0;
	}

	.doctalkgo-green .begin {
		font-size: 16px;
	}

	.doctalkgo-green .form-check-label,
	.doctalkgo-green .form-check-label button.tos-button.termsCond,
	.doctalkgo-green .addyi-footer-content p,
	.doctalkgo-green .addyi-footer-content p a {
		font-size: 13px;
	}

	#start.home-height {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 841px) and (orientation:landscape) {
	.logo-wrapper {
		width: 24%;
	}

	#start.home-height {
		height: 67vh;
	}

	.doctalkgo-green #start.home-height,
	.doctalkgo-green .logo-wrapper {
		height: 100%;
	}

	#start h3 {
		font-size: 11px;
		line-height: 20px;
	}

	span.sub-heading {
		font-size: 9px;
		font-weight: normal;
	}

	.icons-list {
		height: 40px;
	}

	.icon-box {
		line-height: 8px;
		font-size: 10px;
		font-weight: normal;
	}

	.icon-box img {
		margin: 2px auto;
		height: 20px;
	}

	.lpText {
		font-size: 11px;
		line-height: 11px;
		padding: 0px;
		margin: 3px 0;
	}

	.begin {
		min-height: 11px;
		padding: 0px 13px;
		font-size: 8px;
		margin: 0px;
	}

	.form-check-label {
		font-size: 10px;
	}

	button.tos-button.termsCond {
		font-size: 10px;
	}

	#start.home-height.final h3 {
		font-size: 15px;
		width: 100% !important;
	}

	#start.home-height.final h4 {
		font-size: 12px;
		width: 100% !important;
	}

	#start.home-height.final {
		height: 60vh;
	}
}

@media only screen and (max-width: 670px) {
	.doctalkgo-green .logo-wrapper {
		margin-top: 10em;
	}

	.begin-well.payment {
		width: 17%;
		margin-right: 5px;
	}
}

@media only screen and (max-width: 530px) {
	.doctalkgo-green .logo-wrapper {
		margin-top: 5px;
	}

	.day-label-div {
		width: 17%;
		margin-right: 5px;
	}

	#start h3 {
		font-size: 12px;
	}

	#start h4 {
		font-size: 16px;
	}

	#start.not-apply h3 {
		width: 100%;
		font-size: 20px;
		line-height: 23px;
	}

	#start.not-apply h4 {
		width: 100%;
		font-size: 19px;
		line-height: 23px;
	}

	.logo-wrapper {
		width: 54%;
	}

	.banner-image {
		width: 56%;
		margin: 20px 0 20px -50px;
	}

	.banner-image {
		width: 56%
	}

	.desktopimg {
		display: none !important;
	}

	.mobileimg {
		display: block !important;
	}
}

@media only screen and (max-width: 6300px) {
	.begin-well.payment {
		width: 17%;
		margin-right: 5px;
	}
}

@media only screen and (max-height: 690px) {
	#start.qualified h4 {
		width: 17%;
		margin-right: 5px;
	}

	.logo.qualified {
		margin-top: 5rem;
	}

	.banner-image {
		width: 37%;
	}
}

@media only screen and (min-height: 950px) {}

@media only screen and (min-height: 1150px) {}

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

.pbox {
	background-color: #fce1f1;
	padding: 10px;
	text-align: left;
	width: 100%;
	margin: 5px;
	font-size: 18px;
}

.pboximg {
	float: left;
	padding: 5px 10px 20px 10px;
}

.pboxtitle {
	font-weight: bold;
}

.sub-heading2 {
	color: #000000;
	text-align: center;
	font-size: 26px;
	padding: 10px 5px;
	margin: auto;
	font-family: "graphie", sans-serif;
	font-weight: 400;
	font-style: normal;
}

#questionnaire-container {
	background: #007bc2;
}

#questionnaire-container.container,
#questionnaire-container.container-fluid {
	background: transparent;
}

#questionnaire-container.container {
	min-height: calc(100vh - 300px)
}

#questionnaire-container .row {
	margin: 0px;
}

#questionnaire-container .justify-content-center.container {
	margin: 0 auto;
}

.col-lg-4.col-md-4.col-sm-12.doctalkgo-green {
	background-color: white;
}

.signup-bg {
	background-image: url(../images/desktop-banner.jpg);
	background-position: center center;
	height: 100%;
	min-height: 910px;
	background-size: cover;
	position: relative;
	display: flex;
	align-items: center;
}

.container-fluid .row>div {
	display: table-cell;
	vertical-align: top;
	float: none !important;
	padding: 0;
}

.container-fluid>.row {
	display: table;
	table-layout: fixed;
	/*height: 120vh;*/
}

.infotxt {
	color: #000;
	padding: 30px 10px 0px 10px;
	font-size: 12px;
	width: 350px;
	margin: auto;

}

.form-radio {
	font-size: 22px;
	line-height: 42px;
}

.form-radio p {
	margin: 5px 0px 5px 0px;
}

.form-radio p:nth-last-child(1) {
	border-bottom: 0px solid #ccc;
}

.form-radio p label {
	cursor: pointer;
	font-size: 20px;
}

#button-holder1,
#button-holder2,
#button-holder3,
#button-holder4,
.bottom-border {
	/* border-top: 2px solid #ccc; */
}

#button-holder0 {
	border-top: 0px !important;
}

.form-checkbox {
	font-size: 20px;
	line-height: 42px;

}

.shipping-option-field {
	display: -webkit-box;
}

.modal-content {
	/* background-color: #f7e7d2 !important; */
	border-radius: 15px;
	margin-top: 25vh;
	padding-top: 10vh;
	padding-bottom: 10vh;
	/* background-image: url("../images/FC_Pattern6.jpg"); */
	background-size: cover;
}

#minoxidil,
#finasteride,
#minoxidil-and-finasteride,
#topical-finasteride,
#topical-finasteride-and-minoxidil {
	display: inline-table;
	margin: 5px;
}

input[type="radio"] {
	-ms-transform: scale(1.5);
	/* IE 9 */
	-webkit-transform: scale(1.2);
	/* Chrome, Safari, Opera */
	transform: scale(1.2);
	margin-right: 8px;
	accent-color: #000000;
	cursor: pointer;
}

.home-screen-content .form-radio input[type="radio"]+label:before,
.home-screen-content .form-radio input[type="radio"]+label:after {
	border-radius: 0%;
}

.square-radio .form-radio input[type="radio"]+label:before,
.square-radio .form-radio input[type="radio"]+label:after {
	border-radius: 0%;
}

input[type=checkbox] {
	/* Double-sized Checkboxes */
	-ms-transform: scale(1.5);
	/* IE */
	-moz-transform: scale(1.5);
	/* FF */
	-webkit-transform: scale(1.5);
	/* Safari and Chrome */
	-o-transform: scale(1.5);
	/* Opera */
	transform: scale(1.5);
	margin-left: 38px;
	cursor: pointer;
	position: absolute;
	margin-top: 14px;
}

.choice-button.previous {
	background-color: unset;
	color: #c3c3c3 !important;
	box-shadow: unset;
	text-decoration: underline;
	font-size: 22px;
	margin: auto;
	/*border: 1px solid #fff;
	padding: 8px 55px;*/
	margin-top: 10px;
	float: left;

}

/* Custom Radio CSS */

.form-radio input[type="radio"] {
	display: none;
}

.form-radio input[type="radio"]+label {
	position: relative;
	display: inline-block;
	padding-left: 1.5em;
	cursor: pointer;
	line-height: 1em;
	font-size: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.form-radio input[type="radio"]+label:before,
.form-radio input[type="radio"]+label:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	text-align: center;
	color: #fff;
	font-family: "graphie", sans-serif;
	border-radius: 50%;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.form-radio input[type="radio"]+label:before {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	box-shadow: inset 0 0 0 0.05em #4f4f4f, inset 0 0 0 1em #fff;
}

.form-radio input[type="radio"]:checked+label:before {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	box-shadow: inset 0 0 0 0.1em #fff, inset 0 0 0 1em #000000;
	border: 1px solid #000000;
}

/* Agree Terms Checkbox CSS */

/* #chk_agree {
	position: absolute;
	margin-left: 28px;
	margin-top: 16px;
	opacity: 0;
} */

.payment-section input[type="checkbox"] {
	position: absolute;
	margin-left: 1px;
	margin-top: 13px;
	opacity: 0;
}

label.isShippingLabel {
	margin-left: 0;
}

.payment-section input[type="checkbox"]+label {
	position: relative;
	cursor: pointer;
	width: auto;
}

.payment-section input[type="checkbox"]+label:before {
	content: "";
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	width: 20px;
	height: 20px;
	background: #fff;
	margin-top: -3px;
}

.payment-section input[type="checkbox"]+label:before {
	border: 1px solid #4f4f4f;
}


.payment-section input[type="checkbox"]:disabled+label {
	cursor: not-allowed;
}


.payment-section input[type="checkbox"]:disabled+label:before {
	box-shadow: none;
	background: #ddd;
}

/* #chk_agree:checked+label:after {
	content: "";
	position: absolute;
	left: 30px;
	top: 11px;
	background: rgba(228, 5, 137, 1);
	width: 2px;
	height: 2px;
	box-shadow: 2px 0 0 rgba(228, 5, 137, 1), 4px 0 0 rgba(228, 5, 137, 1), 4px -2px 0 rgba(228, 5, 137, 1), 4px -4px 0 rgba(228, 5, 137, 1), 4px -6px 0 rgba(228, 5, 137, 1), 4px -8px 0 rgba(228, 5, 137, 1);
	transform: rotate(45deg);
} */

/* Custom Checkbox CSS */

#choices input[type="checkbox"] {
	position: absolute;
	opacity: 0;
}

#choices input[type="checkbox"]+label {
	position: relative;
	cursor: pointer;
	padding: 0;
	width: auto;
	text-indent: -30px;
	line-height: normal;
}

#choices input[type="checkbox"]+label:before {
	content: "";
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #4f4f4f;
	margin-top: 5px;
}

#choices input[type="checkbox"]:checked+label:before,
.payment-section input[type="checkbox"]:checked+label:before {
	background: #000000;
	border: 1px solid #000000;
}

#choices input[type="checkbox"]:disabled+label {
	cursor: not-allowed;
}

#choices input[type="checkbox"]:disabled+label:before {
	box-shadow: none;
	background: #ddd;
}

#choices input[type="checkbox"]:checked+label:after,
.payment-section input[type="checkbox"]:checked+label:after {
	content: "";
	position: absolute;
	left: -25px;
	top: 15px;
	background: #fff;
	width: 2px;
	height: 2px;
	box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
	transform: rotate(45deg);
}

.payment-section input[type="checkbox"]:checked+label:after {
	top: 10px;
	left: 5px;
}

#coupon-code-section {
	padding-top: 15px;
}

#payment-button {
	padding: 0
}

#question h3 {
	color: #000;
	font-weight: 600;
}

#appointment-booking {
	padding: 8px 45px;
	margin: auto;
	margin-top: 10px;
	border: 1px solid #ffffff;
	margin-bottom: 30px;
	font-weight: 400;
	font-size: 16px;
	background: linear-gradient(0deg, rgba(255, 220, 129, 1) 0%, rgba(255, 255, 255, 1) 95%);
	border: 1px solid #af1570;
	float: none;
	min-height: inherit;
}

#appointment-booking[disabled] {
	opacity: 0.7;
	background: linear-gradient(0deg, rgba(255, 220, 129, 1) 0%, rgba(255, 255, 255, 1) 95%);
	color: #fff !important;
}

.margin-buttom-none {
	margin-bottom: 0 !important;
}

#app_startdate {
	padding-top: 30px;
}

#calendar-alert,
.payment-section .alert-danger {
	background: #ffdc81;
	border-color: #ffdc81;
	color: #ff3223;
}

#calendar-alert,
.payment-section .alert-danger .close span {
	color: #fff;
}

#appointment-previous {
	margin-top: 4px;
}

.margin-25 {
	margin: 0% 25%;
}

.p-p-text {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
}

.p-p-heading {
	color: #170F49 !important;
	text-align: left;
}

.p-p-input {
	background: #FFFFFF;
	border: 1px solid #EFF0F7 !important;
	box-shadow: 0px 2px 6px rgb(19 18 66 / 7%);
	border-radius: 46px !important;
}

.display-inline {
	display: inline !important;
}


.p-p-button {
	background: #000 !important;
	color: #fff !important;
}

.margin-auto {
	margin: auto;
}

.min-height {
	min-height: 10px !important;
}

.thankyou-div {
	margin: auto !important;
	float: none !important;
	border: 1px solid #d3d3d333;
	background-color: #d3d3d333;
	padding: 20px !important;
}

.thankyou-btn {
	width: 80%;
	height: 50px;
	border: 1px;
	background-color: #f8dd78 !important;
	color: #000;
	margin-top: 16px;
}

/* Schedule calendar */
.custom-col {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	display: inline-block;
	float: left;
}

.calendar-date {
	width: 10%;
	margin: 0% 2%;
	border: none;
	background: #ED4FAC;
	text-align: center;
	padding: 10px 0px;
	height: 80px;
	font-size: 16px !important;
	font-weight: 600;
}

.btn-more-option {
	/* width: 54%; */
	padding-right: 0px !important;
}

.btn-more-option button {
	width: 100%;
	height: 40px;
	left: 74.65%;
	right: 16.68%;
	top: 23.63%;
	bottom: 74.32%;
	margin-top: 20px;
	font-size: 16px !important;
	font-weight: 600;
}

button.schedule-text-b {}

#selected_date {
	font-size: 20px;
}

#selected_month {
	/* font-family: 'Barlow'; */
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
}

.btn-time {
	height: 32px;
	width: 124px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	background: #FFFFFF;
	border-color: #FFFFFF;
	box-shadow: rgb(0 128 255 / 28%) 0px 0px 8px 0px;
	font-size: 12px;
	font-weight: 500;
	border: none;
}

#start_time {
	height: 200px;
	overflow-y: scroll;
	padding-top: 15px;
}

.checkout-details {
	padding: 25px;
	min-height: 100%;
	margin-top: -20px;
}

.previous {
	background-color: none;
}

button.btn-time.selected {
	background-color: #ED4FAC;
	color: #FFFFFF;
	border: 1px;
}


button.btn_slot {
	width: 55px;
	margin: 0% 1%;
	/* height: 64px; */
	border: none;
	background-color: white;
	text-align: center;
	padding: 10px 0px;
	font-size: 20px;
}

button.btn_slot.selected {
	background-color: #ED4FAC;
	color: #FFFFFF;
	border: 1px;
}

.schedule-text-a {
	color: #170F49;
	width: 95%;
}

.schedule-text-b {
	color: #000;
}

.schedule-text-c {
	color: #333;
}

.slots-error {
	margin-top: 40px;
	padding: 0% 15%;
}

@media only screen and (max-width: 430px) {
	.btn-time {
		margin-right: 10px;
		margin-left: 10px;
	}

	.slots-error {
		padding: 0% 0%;
	}

	button.btn_slot {
		/* width: 75px; */
		width: 30%;
		margin-left: 5px
	}
}

#optionalQuestionDiv h3 {
	text-align: center;
}

.form-radio #optionalQuestionDiv {
	padding: 0px 23px;
}

.display-none {
	display: none;
}


.maindiv {
	/* background-color: #ffffff !important; */
	/* border-style: solid !important; */
	/* border-color: #e11084 !important; */
	/* border-width: 2px; */
	padding: 5px !important;
	width: 85%;
}

button {}

input,
select {}

.home-screen-content .text-center h2 {
	font-size: 24px;
}

#email-check-form {
	padding: 15px 0;
}

.mt-5 {
	margin-top: 15px;
}

.mb-5 {
	margin-bottom: 15px;
}

.control-label.text-center {
	color: #e50f8b !important;
	font-size: 20px;
	font-family: "graphie", sans-serif;
	;
}

.maindiv .btn {
	background-color: #ebe9e8 !important;
	color: #000 !important;
	box-shadow: none;
	min-height: auto;
	padding: 4px 0;
	font-size: 22px;
	margin-bottom: 10px;
	font-family: "graphie", sans-serif;
	font-weight: 700;
	font-style: normal;
	border: 1px solid #000;
	background-image: none;
	width: 250px;
	border-radius: 0px;
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #555 !important;
	opacity: 1;
	/* Firefox */
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #555 !important;
	;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #555 !important;
	;
}

.m-upload__file {
	background-color: #f8dd78;
	margin: auto;
	margin-top: 10px;
	border: 1px solid #ffffff;
	border: 1px;
	width: 80%;
	color: #000;
	height: 100%;
}

.camera {
	color: #000;
	font-size: 14px !important;
	line-height: 3.428571;
	font-weight: 300;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
}

.camera:hover {
	color: #333;
	text-decoration: none;
}

.thankyou-div h2.title {
	color: black;
	font-weight: bold;
	text-align: left;
}

.thankyou-div h5.description {
	text-align: left;
}

.thankyou-div .security h5 {
	text-align: left;
	margin-top: auto;
	margin-bottom: auto;
}

.thankyou-div .security {
	display: flex;
}

.thankyou-div .security img {
	margin-top: auto;
	margin-bottom: auto;
	height: 40px;
	width: 40px;
}

.d-none {
	display: none;
}

@media only screen and (max-width: 428px) {
	.m-upload__file {
		width: 100%;
	}

	.thankyou-btn {
		width: 100%;
	}
}

@media only screen and (max-width: 320px) {
	.m-upload__file .camera span {
		font-size: 12px;
		line-height: 4.1;
	}

	.m-upload__file {
		width: 100%;
	}

}

.upload-btn-disabled {
	pointer-events: none !important;
	opacity: 0.65 !important;
}

.pointer-events-none {
	pointer-events: none !important;
}

.back-to-step-1 {
	text-decoration-line: underline;
}

.back-to-step-1.d-block {
	display: block !important;
	margin-top: 10px !important;
}

#question-alert {
	color: #000 !important;
}

/* Tagsinput (medician & allerges) */
.bootstrap-tagsinput {
	width: 100%;
	padding: 11px;
	box-sizing: border-box;
	border-radius: revert;
	border: revert;
	font-size: 14px;
	text-align: initial;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
}

.bootstrap-tagsinput .tag {
	padding: 8px 2px;
	margin: 1px;
	display: inherit;
	white-space: break-spaces;
	text-align: left;
}

.tt-suggestion {
	white-space: break-spaces !important;
}

.twitter-typeahead {
	width: 104%;
	margin: 0px -12px 0px -12px;
}

.tt-input {
	padding: 0px 12px 0px 12px !important;
}

.tt-menu {
	margin-top: 15px;
	width: 100% !important;
}

.tt-cursor {
	background-color: #5897fb;
	color: white;
}

.box {
	outline: 0px solid rgba(0, 0, 0, 0.02);
	overflow: hidden;
	position: relative;
	transition: all 0.4s ease 0s;
	width: 240px;
	font-size: 20px !important;
	min-height: 230px;
}

.box:hover {
	outline: 3px solid rgba(0, 0, 0, 0.02);
	border-radius: 0px;
	outline-offset: 4px;
	outline-color: #000000;
}

.box.select {
	outline: 3px solid #000;
	border-radius: 0px;
	/* outline-offset: 4px; */
	outline-color: #000;
}

.box:before {
	content: "";
	/* background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 51%, rgba(255, 255, 255, 0.8) 52%); */
	opacity: 0;
	transform-origin: bottom center;
	transform: scaleY(0);
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	z-index: 1;
	transition: all 0.4s ease 0s;
}

.box:hover:before {
	opacity: 1;
	transform: scaleY(1);
}

.box img {
	width: 175px;
	height: auto;
	transform-origin: top center;
	transition: all 0.4s ease 0s;
}

.box:hover img {
	/* transform: scale(1.2); */
}

.box .box-content {
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 0 10px;
	opacity: 0;
	transform: translateY(-50%);
	position: absolute;
	top: 20%;
	left: 0;
	z-index: 2;
	transition: all 0.4s ease 0s;
}

.box:hover .box-content {
	opacity: 1;
	top: 50%;
	cursor: pointer;
}

.box .title {
	color: #000;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 1px;
	margin: 0 0 5px;
}

.box .post {
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;

}


.box .icon {
	padding: 0;
	margin: 0 0 15px;
	list-style: none;
}

.box .icon li {
	margin: 0 3px;
	display: inline-block;
}

.box .icon li a {
	color: #007bc2;
	background-color: #fff;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.2);
	display: block;
	transition: all 0.3s ease 0s;
}

/* .box .icon li a:hover {
	color: #fff;
	background-color: #007bc2;
} */

@media only screen and (max-width:990px) {
	.box {
		margin: 0 0 30px;
	}

}

#minoxidil,
#finasteride,
#minoxidil-and-finasteride {
	display: inline-table;
	margin: 5px;
}

#medModal .modal-content {
	border-radius: 0px;
	padding-top: 4vh;
	padding-bottom: 4vh;
}

.combo-checkout-save-btn {
	margin-top: 0px;
	min-height: 30px;
	float: initial;
	background-color: #000;
	font-size: 22px;
	color: #fff;
	padding: 8px 45px;
	font-weight: 700;
	margin-top: 20px;
	border: 1px solid #000 !important
}

.skip-combo {
	text-align: center;
	margin-top: 20px;
	margin-right: 25px;
}

.skip-btn {
	text-decoration: none !important;
	color: #000000 !important;
	font-size: 16px;
}

a.skip-btn {
	color: white !important;
	background: #007bc2;
	border: 0px;
	padding: 5px 45px;
	margin: auto;
}

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

	.modal-content .col-md-8.col-sm-8 {
		padding: 0 30px;
	}

	.modal-content .skip-btn {
		float: none;
	}

	.modal-content .choice-button.next.buynow {
		float: right !important;
	}

	#apple-pay-div,
	#paypal-pay-div,
	#google-pay-div {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		display: block;
	}

	#paypal-pay-div {
		margin-top: 10px;
	}

	.h2,
	h2 {
		font-size: 22px;
	}

	/*.sub-heading2 {
		font-size: 22px !important;
		padding-top: 10px;
	}*/
	.desktopimg {
		display: none !important;
	}

	.mobileimg {
		display: block !important;
	}

	h3.centreMessage {
		text-align: left;
	}

	h3.centreMessage.smalltxt {
		font-size: 16px !important;
		font-weight: normal !important;
		margin-bottom: 0px;
		line-height: 22px !important;
		;
	}

	.payment-section h3 {
		font-size: 16px;
	}
}

.modal-content {
	/* background-color: #f7e7d2 !important; */
	border-radius: 15px;
	margin-top: 25vh;
	padding-top: 10vh;
	padding-bottom: 10vh;
	/* background-image: url("../images/FC_Pattern6.jpg"); */
	background-size: cover;
}

.prescription-price {
	color: green;
	font-size: 16px;
}

.modal-content .col-md-8.col-sm-8 {
	padding: 0;
}

.product-detail {
	line-height: 35px;
}

.product-details {
	/* width: 100%; */
	margin-top: 20px;
	padding: 10px;
	font-weight: bold;
	font-size: 18px;
}

.checkout-title {
	text-align: center;
	font-size: 19px !important;
	font-size: x-large;
	font-weight: bold;
	color: #000000;
}

.checkout-title span {
	font-size: small;
}

.product-container {
	text-align: center;
}

.checkout-half-year {
	/* border: 2px solid #d4d4d4; */
	text-align: center;
	padding: 2px 5px !important;
	cursor: pointer;
}

.monthly-price {
	font-size: 15px !important;
	padding-bottom: 20px;
}

#checkoutProduct .checkout-table p {
	font-size: 25px;
	/* width: 230px; */
	font-weight: 500;
	line-height: 25px;
}

#checkoutProductModal .combo-checkout-table p {
	font-size: 16px;
}

.annual-price {
	font-size: 15px !important;
}

.checkout-table {
	width: 100%;
	margin-top: 20px;
	color: #000000;
}

.checkout-table td {
	border-bottom: 1px solid;
	padding: 10px;
	font-weight: bold;
	/* color: #FFFF; */
	font-size: 18px;
}

.combo-checkout-table {
	width: 100%;
	margin-top: 20px;
	color: #000000;
}

.combo-checkout-table {
	width: unset;
}

.combo-checkout-table td {
	border-bottom: 1px solid;
	padding: 10px;
	font-weight: bold;
	/* color: #FFFF; */
	font-size: 18px;
}

.checkout-desc {
	/* color: #fff; */
	/* display: block; */
	/* clear: both; */
	/* text-align: left !important; */
	margin: auto;
	padding-top: 20px;
	font-size: 16px;
}

.prodsc {
	padding: 20px;
}

.container-fluid .row>div {
	display: table-cell;
	vertical-align: top;
	float: none !important;
	padding: 0;
}

.container-fluid>.row {
	display: table;
	table-layout: fixed;
	height: 100vh !important;
}

@media only screen and (max-width: 991px) {
	.container-fluid>.row {
		display: unset;
		/* padding-left: 15px; */
	}

	/* #home-banner {
		display: none;
	} */
	.container-fluid .row>div {
		display: block;
		vertical-align: top;
		float: none !important;
		padding: 0;
	}

	.col-md-6.probox {
		border: 2px solid;
		margin-bottom: 20px;
		padding: 10px;
	}


	#checkoutProduct .checkout-table p {
		width: unset !important;
	}

	.checkout-details {
		padding: 10px !important;
	}

	.confirmation-screen {
		width: unset !important;
		padding: 80px 5px;
	}
}

#star-banner h2 {
	color: black;
	font-size: 40px;
}

.welcometxt {
	font-size: 36px !important;
	font-weight: 700;
	font-family: "graphie", sans-serif;
	/* color: #fff; */
	text-transform: uppercase;
	line-height: 38px;
	color: #000000;
}

.panel-heading .accordion-toggle:after {
	/* symbol for "opening" panels */
	font-family: "Glyphicons Halflings", sans-serif;
	/* essential for enabling glyphicon */
	content: "\e114";
	/* adjust as needed, taken from bootstrap.css */
	float: right;
	/* adjust as needed */
	color: #000;
	/* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
	/* symbol for "collapsed" panels */
	content: "\e080";
	/* adjust as needed, taken from bootstrap.css */
}

.panel-heading {
	background: unset !important;
	background-color: chartreuse;
}

.panel {
	border: none !important;
}

.panel.panel {
	background-color: unset !important;
}

.panel-heading {
	border-bottom: 1px solid #000 !important;
}

.panel-title {
	color: #000 !important;
	text-align: left !important;
}

.productdsc {
	list-style: disc;
}

/* width */
::-webkit-scrollbar {
	width: 8px !important;
}

/* Track */
::-webkit-scrollbar-track {
	background: #656565 !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #000000 !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #000000 !important;
}

.checkout-annual {
	border-left: 0px !important;
}

.checkout-annual {
	/* border: 2px solid #d4d4d4; */
	text-align: center;
	padding: 2px 5px !important;
	cursor: pointer;
}

/* End Tagsinput (medician & allerges) */

/* brainTree */
/* div#card-number {
	height: 40px;
	padding-left: 5px;
	background: #FFFFFF;
	border: 1px solid #EFF0F7 !important;
	box-shadow: 0px 2px 6px rgb(19 18 66 / 7%);
}

div#expiration-date {
	height: 40px;
	padding-left: 5px;
	background: #FFFFFF;
	border: 1px solid #EFF0F7 !important;
	box-shadow: 0px 2px 6px rgb(19 18 66 / 7%);
}

div#cvv {
	height: 40px;
	padding-left: 5px;
	background: #FFFFFF;
	border: 1px solid #EFF0F7 !important;
	box-shadow: 0px 2px 6px rgb(19 18 66 / 7%);
} */

.form-group.is-invalid {
	border: 1px solid #f63a03 !important;
}

.invalid-feedback {
	color: #f63a03;
	font-weight: bold;
}

.show-error {
	display: none;
}

#filelist {
	word-break: break-all;
}

/* end brainTree */

.product-dosage {
	font-size: 13px;
	margin: -5px 0px 0px 0px;
	color: #000;
}

.prescription-label {
	color: #000000;
}

.checkout-details label {
	text-align: left;
}

#section_creditcard {
	margin-top: 20px;
}

div#card-number {
	height: 40px;
	border: 1px solid white;
	background: white;
	padding-left: 5px;
	margin-right: 10px;
}

div#expiration-date {
	height: 40px;
	border: 1px solid white;
	background: white;
	padding-left: 5px;
	margin-right: 10px;
}

div#cvv {
	height: 40px;
	border: 1px solid white;
	background: white;
	padding-left: 5px;
	margin-right: 10px;
}

div#star-banner {
	/* padding: 10px; */
}

.payment-input {
	border-radius: 0px !important;
	height: 40px;
	border: 1px solid #EFF0F7
}

.alert-massage {
	font-weight: bold;
	color: #e14343 !important;
	background: #fdcece !important;
	border-radius: 0px;
	padding: 13px !important;
	border-color: #ff0000;
}

.alert-dismiss-btn {
	margin-right: 30px;
	color: black !important;
}

.yes_please {
	margin-left: -19px !important;
	margin-top: 7px !important;
}

.confirmation-screen {
	width: 480px;
	margin: auto;
	padding-top: 0px;
	padding-bottom: 140px;
}

.confirmation-screen p {
	font-size: 30px;
	color: #000
}

.form-control {
	display: block;
	width: 100%;
	height: unset;
	padding: 12px 20px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #000;
	/* background-color: #fff; */
	background-image: none;
	border: none;
	border-radius: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.anchor-btn {
	text-decoration: underline;
	color: #000 !important;
	cursor: pointer;
}

button.buynow.disabled {
	background-color: #ebe9e8 !important color: #000000 !important;
}

#buttonDiv .buynow {
	margin-left: 0px !important;
}

.choice-button.next.buynow {
	margin-top: 0px;
	min-height: 30px;
	float: initial;
	background-color: #000;
	font-size: 22px;
	color: #fff;
	padding: 8px 45px;
	font-weight: 700;
	margin-top: 20px;
	border: 1px solid #000 !important
}

button.choice-button.next.buynow.selectbtn {
	margin-left: 10%;
}

.choice-button.previous.buynow {
	margin-top: 10px;
	min-height: 30px;
	margin-left: 10px;
	float: left;
	background-color: #000000 !important;
}

.probox {
	border: 2px solid #d4d4d4;
	cursor: pointer;
}

.checkout-half-year.select,
.checkout-annual.select,
.probox.select {
	background: #ebe9e8;
}

.probox-checkmark {
	position: absolute;
	background: grey;
	bottom: 0px;
	left: 0px;
	height: 23px;
	width: 23px;
}

.probox-checkmark img {
	height: inherit;
	width: 75%;
}

.checkout-annual.select .probox-checkmark,
.checkout-half-year.select .probox-checkmark,
.probox.select .probox-checkmark {
	background: #4CAF50;
}

.label-info {
	background-color: #000000 !important;
	border-radius: 0px !important;
}

.yes-please {
	border: 1.5px solid #d4d4d4;
	width: 80%;
	margin: auto;
	padding: 10px 0 0px 0px;
	cursor: pointer;
}

.yes-please-check {
	height: 23px;
	width: 23px;
	background: #d4d4d4;
}

.yes-please-check img {
	height: inherit;
	width: 75%;
}

#choices {
	width: 100%;
	margin: auto;
	padding-top: 20px;
}

#disqualifyPage {
	text-align: center;
	padding-top: 50px;
	/* background-color: #000000; */
	padding-bottom: 20px;
}

#disqualifyPage .row {
	margin: 0px auto;
	width: 63%;
}

#disqualifyPage h1 {
	font-size: 60px;
	color: black;
	font-weight: 600;
	/* margin-top: 10%; */
	margin-bottom: 5%;
}

#disqualifyPage p {
	font-size: 30px;
	color: black;
}

#disqualifyPage .disqualify-reason ul {
	list-style: disc;
	text-align: left;
	padding: 0px 98px;
}

#disqualifyPage span {
	font-size: 30px;
	color: #000;
	/* margin: 0px -30px; */
}

#disqualifyPage #backToHome {
	font-size: 20px;
	padding: 5px 20px;
	color: #fff;
	background: #000;
	border: none;
	margin: 10px 20px 10px 20px;
}

#disqualifyPage .row {
	margin: 25px auto;
	/* width: 95% !important; */
}

/* HL discribing IMG. */
.div-discribing-image {
	width: 150px;
	height: 225px;
	text-align: center;
	border: 2px solid #e0e0e0;
	background: #efefef;
	border-radius: 13px;
	margin: auto;
	margin-bottom: 30px;
	cursor: pointer;
}

.div-discribing-image.select {
	border: 4px solid !important;
}

.div-discribing-image:hover {
	border: 4px solid #e0e0e0;
}

.img-discribing-image {
	padding: 10px 10px 0px 10px;
	height: 65%;
}

.img-discribing-image img {
	width: 120px;
	object-fit: cover;
	max-height: 130px;
}

.label-discribing-image {
	font-size: medium;
	line-height: 20px;
	background-color: #fff;
	margin: 0px 2px 2px 2px;
	padding: 15px 4px;
	border-radius: 0px 0px 10px 10px;
	height: 35%;
}

#camera-stream {
	margin: 0px 0px 0px -18px;
}

#captureWebCamBtn {
	width: 80%;
	height: 35px;
	margin-left: -17px;
}

#filelist {
	font-size: small;
	color: black;
	margin-top: -12px;
}