@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?s2nlgq');
  src:  url('../fonts/icomoon.eot?s2nlgq#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?s2nlgq') format('truetype'),
    url('../fonts/icomoon.woff?s2nlgq') format('woff'),
    url('../fonts/icomoon.svg?s2nlgq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:before, *:after {
  box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

body {
  color: #6B7072;
  margin:0px;
  padding:0px;
  font-family: 'Montserrat', sans-serif;
  top: 0;
  position: relative;
}

h1, h2, p {
  padding: 0 50px;
  line-height: 1.75;
  margin: 0 auto;
  max-width: 1100px;
}

h1, h2 {
  font-family: 'Merriweather';
  font-weight: 300;
  font-size: 40px;
  line-height: 1.5;
}

h1 {
  margin-top: 30px;
  margin-bottom: 1.5em;
  color: #8A929A;
  text-align:center;
   font-family: 'Montserrat', sans-serif;
}

h2 {
 padding-top: 1em;
  padding-bottom: 1em;
  color: #2F3146;
  font-family: 'Montserrat', sans-serif;
  font-weight:bold;
  text-align:center;
  float: left;
  width: 100%;
}

p {
 font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
}

a {
  color: #2d2f30;
  text-decoration: underline;
  transition: color 100ms ease-in;
}
a:hover, a:focus {
  color: #DB5B33;
}

.progressbar {
  display: none;
  margin: 1em 5em;
}
@media only screen and (min-width: 650px) {
  .progressbar {
    display: block;
	margin-top: -140px;
	/* width:875px; */
	/* left: -28%; */
	position:relative;
	margin:-150px auto 100px;
  }
}
.progressbar .shim {
  display: none;
  width: 100%;
}
.progressbar .holder {
  position: relative;
  font-size: 85%;
  padding: 1.8em 0 0 0;
  background-color: fff;
  /* box-shadow: 0 0.5em 1.5em #D6E1E5; */
}
@media only screen and (min-width: 750px) {
  .progressbar .holder {
    font-size: 90%;
  }
}
@media only screen and (min-width: 900px) {
  .progressbar .holder {
    font-size: 95%;
  }
}
.progressbar .holder .bar {
  position: absolute;
  top: 38px;
  left: 155px;
  width: 65%;
  height: 2px;
  background-color: #2F3146;
}

.progressbar.fixed .holder .bar {
top:30px;	
}
.progressbar .holder .bar .indicator {
  position: absolute;
  top: 0;
  left: 0px;
  height: 60%;
  height: 2px;
  background-color: #C59A5B;
}
.progressbar .holder .labels {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 2em;
  text-align: center;
}
.progressbar .holder .labels i {
  display: block;
  position: relative;
  float: left;
  cursor: pointer;
  font-size:15px;
  font-style: normal;
  
}
.progressbar .holder .labels i::before {
  position: absolute;
  top: -30px;
  left: 50%;
  display: block;
  content: '';
  width: 40px;
  height:40px;
  line-height:34px;
  font-family: 'icomoon';
  border-radius: 50%;
  border: solid 2px #2F3146;
  background-color: #E9EDF5;
  -webkit-transform: translateX(-50%) translateY(50%);
          transform: translateX(-50%) translateY(50%);
  transition: border-color 100ms ease-in, background-color 150ms ease-in;
}
.progressbar .holder .labels i::after {
  display: block;
  content: attr(data-label);
  position: relative;
  top: 40px;
  padding-bottom: 1.8em;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #2F3146;
  transition: color 150ms ease-in, top 100ms ease-out;
}
.progressbar .holder .labels i:hover::before, .progressbar .holder .labels i:focus::before {
  background-color: #B6D1DA;
}
.progressbar .holder .labels i:hover::after, .progressbar .holder .labels i:focus::after {
  /* top: 0; */
}
.progressbar .holder .labels i.read::before {
  border-color: #C59A5B;
  color: #C59A5B;
  background: #fff;
}
.progressbar .holder .labels i.read:hover::before, .progressbar .holder .labels i.read:focus::before {
  background-color: #C59A5B;
}
.progressbar .holder .labels i.reading::after {
  color: #C59A5B;
}
.progressbar .holder .labels i.reading:hover::after, .progressbar .holder .labels i.reading:focus::after {
  /* top: 0; */
}
.progressbar.fixed .holder {
  position: fixed;
  top: 0;
   /* left: 27%; */
  width: 875px;
  z-index: 1;
  background:#fff;
  padding:20px 0px;
  height:110px;
}
.progressbar.fixed .shim {
  display: block;
}

.header {background:url(../images/header.jpg) no-repeat top center; width:100%; float:left;}
.logo-center {width:500px; margin:50px auto;}
.logo-center img {width:100%;}
.clear {clear:both !important;}
.row {
  line-height: 1.75;
 }
  #form1 {padding: 0; max-width: 875px; margin: 0 auto; top: 150px; position: relative;}
  .col-sm-6 {width:44%; margin:0 3%; float:left;}
  .col-sm-12 {width:94%; margin:0 3%; float:left;}
  #form1 input, #form1 select, #form1 textarea {
    padding: 8px 15px 8px 15px;
    border: 0px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #000;
    background-color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
	height:40px;
}
::placeholder {color:#8A929A;}

/* The container */
.radio-area {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 16px; 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #8A929A;
}

/* Hide the browser's default radio button */
.radio-area input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width:auto !important;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #2F3146;
}

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

/* When the radio button is checked, add a blue background */
.radio-area input:checked ~ .checkmark {
  background-color: #fff;
}
.radio-button:active ~ label {
  color: #9F1D52;
}

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

/* Show the indicator (dot/circle) when checked */
.radio-area input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-area .checkmark:after {
 	top: -2px;
	left: -2px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #9F1D52;
	border:2px solid #C59A5B;
}
.radio-button {padding: 8px 15px 8px 15px;
    border: 0px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
	background:#fff;
    width: 100%;}
	
.checkbox-area {
    padding: 15px 15px 0px 15px;
    margin-bottom: 25px;
    margin-top: 2px;
    background: #fff;
    width: 100%;
	float:left;
}
.col-sm-3 {width:25%; float:left; padding: 0 1%;}	
.col-sm-4 {width: 33%; float: left; padding: 0 3%;}	 
	/* pretty radio */
label > input[type="checkbox"] {
  display: none;
}
label > input[type="checkbox"] + *::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-radius: 10%;
  border-style: solid;
  border-width: 2px;
  border-color: #2F3146;
  flex-shrink: 0;
}
label > input[type="checkbox"]:checked + * {
  color: #9F1D52;
}
label > input[type="checkbox"]:checked + *::before {
  /* content: "✓"; */
  color: white;
  text-align: center;
  background: #9F1D52;
  border-color: #C59A5B;
}

label > input[type="checkbox"] + * {
  display: inline-flex;
  /* padding: 0.5rem 1rem; */
  line-height:16px;
  color:#8A929A;
  font-size:16px;
}
.col-sm-8 {width:64%; float:left;}
.line40 {padding: 0 0 0 3%; font-size: 1rem; line-height: 2.7em;}
.fieldlabels {
    color: gray;
    text-align: left;
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.progressbar .holder .labels i:nth-child(1):before {
font-family: 'icomoon';
content: "\e901";
color:#C59A5B;
border: 2px solid #C59A5B;
background:#fff;
}

.progressbar .holder .labels i:nth-child(2):before {
font-family: 'icomoon';
content: "\e900"	
}
.progressbar .holder .labels i:nth-child(3):before {
font-family: 'icomoon';
content: "\e902"	
}

.checkbox-area-sms {
    padding: 5px 10px 2px;
    margin-bottom: 25px;
    margin-top: 2px;
    background: #fff;
    width: 100%;
}

.bb-3{margin-bottom: 0px;
    border-bottom: 3px solid #c59a5b;
    float: left;
    padding-bottom: 30px;}
	
	
.progressbar .holder .labels i.read::after {color: #c59a5b;}	



.submit-button {width:100%; float:left; background:#9F1D52; font-size:18px; line-height:18px; font-family: 'Montserrat', sans-serif; border:0px; color:#fff; font-weight:bold; padding:20px 0; margin-top:20px; margin-bottom:50px;}
.submit-button:hover {background:#c59a5b;}

.cancelbtn {width:200px; float:left; background:#9F1D52; font-size:18px; line-height:18px; font-family: 'Montserrat', sans-serif; border:0px; color:#fff; font-weight:bold; padding:20px 0; margin-top:20px; margin-bottom:50px;}
.cancelbtn:hover {background:#c59a5b;} 
form {width:100%; float:left;}
.cancel-button {width:200px; display:flex; margin: 200px auto 0;}

@media screen and (min-width:320px) and (max-width:380px){
.logo-center {width:200px !important; margin:30px auto !important;}
.mt40 {margin-top:0px !important; }
#form1 {max-width: 100%; padding:0 20px; margin:0%; top:110px;}	
.progressbar.fixed .holder {left:0%; width:100%; padding:23px 20px 0; height:100px;}
.progressbar {width: 100%; margin:0px; position: relative; margin-top: -130px; margin-bottom:50px;}
.progressbar .holder {width:100%; left:0%;}
h1 {margin:0px !important;}
.progressbar .holder .labels i {font-size:11px;}
.progressbar .holder .bar {top: 35px !important; left: 80px; width: 55%;}
.cancelbtn {font-size:16px !important;}
h1, h2 {font-size:18px !important; line-height:60px !important; padding:0px !important;}
.col-sm-6 {width:94%;}
.col-sm-3 {width:50%;}
.col-sm-4 {width:50%;}
.bb-3 {padding-bottom:5px;}
.progressbar {display:block;}
.cancel-button {margin: 130px auto 0;}
.submit-button {font-size:16px !important;}
.col-sm-8 {width: 95%;float: left;margin-left: 3%;}
label > input[type="checkbox"] + * {font-size:14px;}
#form1 input, #form1 select, #form1 textarea {font-size:14px;} 
.radio-area {font-size:14px; line-height: 28px;} 
.fieldlabels {line-height: 16px; float:left; margin-bottom:5px; font-size:14px;}
.line40 {font-size:14px; width: 100%; line-height: 16px; margin-bottom: 5px;}
.margin-100 {margin:0px 15px !important;}
#form1 input, #form1 select, #form1 textarea {margin-bottom:15px;}
.radio-button {margin-bottom:15px;}
.span-tag {margin-top: -15px !important; margin-bottom:15px !important;}

}

@media screen and (min-width:381px) and (max-width:480px){
	h1 {margin:0px !important;}
.mt40 {margin-top:0px !important; }
.logo-center {width:200px !important; margin:30px auto !important;}
#form1 {max-width: 100%; padding:0 0px; margin:0%; top:110px;}	
.progressbar.fixed .holder {left:0%; width:100%; height:100px;}
.progressbar {width: 100%; margin:0px; position: relative; margin-top: -130px; margin-bottom:50px;}
.progressbar .holder .labels i {font-size:13px;}
.progressbar .holder .bar {top: 35px; left: 70px; width: 65%;}
h1, h2 {font-size:22px !important; padding:30px 0px !important;}
.col-sm-6 {width:94%;}
.col-sm-3 {width:50%;}
.col-sm-4 {width:50%;}
.bb-3 {padding-bottom:25px;}
.progressbar {display:block;}
.cancel-button {margin: 130px auto 0;}
.submit-button {font-size:16px !important;}
.col-sm-8 {width: 95%;float: left;margin-left: 3%;}
label > input[type="checkbox"] + * {font-size:14px;}
#form1 input, #form1 select, #form1 textarea {font-size:14px;} 
.radio-area {font-size:14px; line-height: 28px;} 
.fieldlabels {line-height: 18px; float:left; margin-bottom:5px; font-size:14px;}
.line40 {font-size:14px;}
.margin-100 {margin:0px 15px !important;}
}

@media screen and (min-width:481px) and (max-width:767px){
	.mt40 {margin-top:0px !important; }
.logo-center {width:200px !important; margin:30px auto !important;}
#form1 {max-width: 100%; padding:0px; margin:0%; top:110px;}	
.progressbar.fixed .holder {left:0%; width:100%; height:100px;}
.progressbar {width: 100%; margin:0px; position: relative; margin-top: -130px; margin-bottom:50px;}
.progressbar .holder .labels i {font-size:15px;}
.fieldlabels {line-height: 18px; float:left; margin-bottom:5px; font-size:14px;}
.margin-100 {margin:0 20px !important;}
h1, h2 {font-size:30px !important; padding:30px 0px !important;}
.col-sm-6 {width:44%;}
.col-sm-3 {width:25%;}
.col-sm-4 {width:31%;}
.radio-area {font-size:15px;}
.bb-3 {padding-bottom:25px;}
.progressbar {display:block;}
.cancel-button {margin: 130px auto 0;}
h1 {padding-bottom:0px;}
}
@media screen and (min-width:481px) and (max-width:540px){
.progressbar .holder .bar {top: 35px; left: 100px; width: 58%;}
}
@media screen and (min-width:541px) and (max-width:640px){
.progressbar .holder .bar {top: 35px; left: 105px; width: 64%;}
}
@media screen and (min-width:641px) and (max-width:767px){
.progressbar .holder .bar {top: 35px; left: 130px; width: 63%;}
}
button, input, optgroup, select, textarea:focus-within {
  font-weight:normal;
  outline: none;
}

button, input, optgroup, select, textarea:focus-visible {
  border: 0px dashed crimson;
  outline: none;
}
select option {color: #2C3E50;}

.progressbar .holder .labels i:nth-child(1):after {color:#C59A5B;}
.span-tag {font-size:12px; margin-top:-25px; margin-bottom:25px; float:left;}
.margin-100 {margin:0 100px;}
.bg {background:#E9EDF5; float:left;}
h2 {background:#E9EDF5;}
@media screen and (min-width:768px) and (max-width:875px) {
#form1 {max-width:100%; margin:0 2%;}
.progressbar.fixed .holder {left:0px; width:100%;}
.progressbar .holder .bar {top:40px; width:63%; left:135px;}
}



@media (min-width: 1280px) and  
               (max-width: 1366px),  
               (max-height: 768px) {
.logo-center {width:350px; margin:20px auto;}	
h1 {margin-bottom:30px; margin-top:40px; font-size:30px; line-height:30px;}
h2 {font-size:30px; line-height:30px; padding:40px 0px;}
.mt40 {margin-top:-40px}
.progressbar .holder .bar  {top:38px;}
}

@media (min-width: 1600px) and  
               (max-width: 1660px),  
               (max-height: 900px) {
.logo-center {width:350px; margin:30px auto;}	
h1 {margin-bottom:30px;}
}

#form1 input[type="date"] {
        min-width:95.6%;
        -webkit-appearance : none;
        //min-height: calc(var(--lwc-heightInput,1.875rem) + (1px * 2) + 24px) !important;
    }
 #form1 input[type="date"]:not(.has-value):before{ 
 color: lightgray; 
 content: attr(placeholder); }	
textarea {height:100px !important;}