html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}
/* /////////////Reset CSS END///////////// */

.loader {
	position: fixed !important;
	left: 0px !important;
	top: 0px !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 9999 !important;
	background: url('https://codefixup.com/demo/multi-step-form/img/Spinner.gif') 50% 50% no-repeat rgb(249, 249, 249) !important;
	opacity: .5 !important;
}

.error {
	color: red !important;
	font-size: 15px !important;
}

/* Form styles */
#msform {
	width: 100%;
	margin: auto;
	background-color: #fefefe00 !important;
	/* border: 1px solid rgba(216, 216, 216, 0.771); */
	border-radius: 3px;
	padding: 0 !important;
	/* box-shadow: 2px 2px 10px 0px #888888; */

	position: relative;
}

#msform fieldset {
	/* background: #fff; */
	border: 0 none;
	/* border-radius: 5px; */
	box-sizing: border-box;
	/* width: 100%; */
	margin: 10px;

	/*stacking fieldsets above each other*/
	position: relative;
}

/* Hide all except first fieldset */
#msform fieldset:not(:first-of-type) {
	display: none;
}

#msform p {
	color: #8b9ab0;
	font-size: 12px;
}

#msform label {
	padding-right: 0px 15px;
	font-size: 16px;
	text-align: left;
}


/* Inputs */
#msform input,
#msform textarea,
#msform select {
	padding: 7px !important;
	border: 1px solid rgb(188, 188, 188) !important;
	border-radius: 2px !important;
	margin-bottom: 10px !important;
	margin-top: 5px !important;
	background-color: #ffffff !important;
	width: 100% !important;
	box-sizing: border-box !important;
	font-family: montserrat !important;
	color: #19396B !important;
	font-size: 14px !important;
	font-family: inherit !important;
}

#msform input:focus,
#msform textarea:focus,
#msform select:hover {
	outline: none !important;
	border-color: #007de3 !important;
}

/* Buttons */
#msform .submitbutton {
	width: 35% !important;
	text-transform: uppercase !important;
	background: #19396B !important;
	font-weight: bold !important;
	color: white !important;
	border: 1px solid transparent !important;
	border-radius: 3px !important;
	cursor: pointer !important;
	padding: 5px 0 !important;
	margin: 20px -12px 0 0 !important;
	font-size: 16px !important;
	display: inline-block !important;
	-webkit-transition: all 0.2s !important;
	-moz-transition: all 0.2s !important;
	transition: all 0.2s !important;
}

#msform .action-button {
	width: 35% !important;
	text-transform: uppercase !important;
	background: #19396B !important;
	font-weight: bold !important;
	color: white !important;
	border: 1px solid transparent !important;
	border-radius: 3px !important;
	cursor: pointer !important;
	padding: 5px 0 !important;
	margin: 20px -12px 0 0 !important;
	font-size: 16px !important;
	display: inline-block !important;
	-webkit-transition: all 0.2s !important;
	-moz-transition: all 0.2s !important;
	transition: all 0.2s !important;
}

#msform .previous.action-button {
	background: #fff !important;
	border: 1px solid #19396B !important;
	color: #19396B !important;
	margin: 20px 0 0 -12px !important;
}

#msform .action-button:hover,
#msform .action-button:focus {
	box-shadow: 0 10px 30px 1px rgba(0, 0, 0, 0.2) !important;
}

/* Headings */
.fs-title {
	font-size: 20px;
	font-weight: 400;
	color: #19396B;
	margin-bottom: 20px;
	background-color: #9999CC;
	margin-top: 20px;
	padding: 5px;
	color: #fff;
}

.fs-subtitle {
	font-weight: 400;
	font-size: 16px;
	color: #434a54;
	margin-bottom: 20px;
}

/* Progressbar */
#progressbar {
	margin-bottom: 15px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}

#progressbar li {
	list-style-type: none;
	color: #1c1b1b63;
	text-transform: uppercase;
	font-size: 9px;
	width: 25%;
	float: left;
	position: relative;
	text-align: center;
}

#progressbar li.active {
	color: #19396B;
}

#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 40px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.199);
	border-radius: 3em;
	margin: 0 auto 5px auto;
	text-align: center;
	padding: 10px;
}

/* Progressbar connectors */
#progressbar li:after {
	content: '';
	width: 76%;
	height: 2px;
	background: rgba(0, 0, 0, 0.099);
	position: absolute;
	left: -38%;
	top: 20px;
	z-index: 1;
}

#progressbar li:first-child:after {
	/* connector not needed before the first step */
	content: none;
}

/* Marking active/completed steps green */
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,
#progressbar li.active:after {
	background: #19396B;
	color: white;
}

/* css for checkbox */

/* The container */
#msform .checkstyle {
	display: inline-flex;
	position: relative;
	width: auto;
	padding-left: 35px;
	padding-right: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
#msform .checkstyle input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
#msform .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
#msform .checkstyle:hover input~.checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
#msform .checkstyle input:checked~.checkmark {
	background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
#msform .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
#msform .checkstyle input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
#msform .checkstyle .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.terms_text a:hover {
	text-decoration: none !important;
}

.listordercls {
	line-height: 25px !important;
	font-size: 13px !important;
	list-style: none !important;
	padding-left: 0px !important;
}

/* /////////////// CUSTOM CSS ///////////////// */
.mt-100 {
	margin-top: 100px !important;
}

.choices__list--multiple .choices__item {
	padding: 0 !important;
	padding-left: 3px !important;
	background-color: #19396B !important;
}

.choices__button:hover, .choices__button {
	background-color: transparent !important;
}

input .choices__input {
	padding: 0 !important;
}

.col-xs-4,
.col-xs-6,
.col-xs-12,
.col-md-4,
.col-md-6 {
	padding: 0 3px !important;
}

.b {
	font-size: 16px !important;
	font-weight: 700 !important;
	margin-left: 0;
	padding-left: 0;
}


@media (max-width:680px) {
	/* Progressbar connectors */
	#progressbar li:after {
		width: 56%;
		left: -28%;
	}

	/* Buttons */
	#msform .submitbutton {
		width: 40% !important;
		padding: 5px !important;
		font-size: 14px !important;
	}

	#msform .action-button {
		width: 40% !important;
		padding: 5px !important;
		font-size: 14px !important;
	}
}