* {

			    margin: 0;

			    padding: 0

			}



			html {

			    height: 100%

			}



			#grad1 {

				position: relative;

				top: 0px;

			    

			}



			#msform {

			    text-align: center;

			    position: relative;

			    margin-top: 20px

			}



			#msform fieldset .form-card {

			    background: white;

			    border: 0 none;

			    border-radius: 0px;

			    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);

			    padding: 20px 40px 30px 40px;

			    box-sizing: border-box;

			    width: 94%;

			    margin: 0 3% 20px 3%;

			    position: relative

			}



			#msform fieldset {

			    background: white;

			    border: 0 none;

			    border-radius: 0.5rem;

			    box-sizing: border-box;

			    width: 100%;

			    margin: 0;

			    padding-bottom: 20px;

			    position: relative

			}



			#msform fieldset:not(:first-of-type) {

			    display: none

			}



			#msform fieldset .form-card {

			    text-align: left;

			    color: #9E9E9E

			}



			#msform input,

			#msform textarea {

			    padding: 0px 8px 4px 8px;

			    border: none;

			    border-bottom: 1px solid #ccc;

			    border-radius: 0px;

			    margin-bottom: 25px;

			    margin-top: 2px;

			    width: 100%;

			    box-sizing: border-box;

			    font-family: montserrat;

			    color: #2C3E50;

			    font-size: 16px;

			    letter-spacing: 1px

			}



			#msform input:focus,

			#msform textarea:focus {

			    -moz-box-shadow: none !important;

			    -webkit-box-shadow: none !important;

			    box-shadow: none !important;

			    border: none;

			    font-weight: bold;

			    border-bottom: 2px solid #D6111E;

			    outline-width: 0

			}



			#msform .action-button {

			     width: 100px;

			   background-color: #d6111e; 

			    color: white;
font-size: 10pt;
 
			    border: 0 none;

			    border-radius: 9px;
			    cursor: pointer;
font-weight:lighter;

			    padding: 17px 12px;
text-align: center;
  text-decoration: none;
			    margin: 10px 5px
 display: inline-block;
cursor: pointer;

			}



			#msform .action-button:hover,

			#msform .action-button:focus {

			    background-color: #f4f2e9;
                color:#000;

			}



			#msform .action-button-previous {

			    width: 100px;

			   background-color: #ddc76d; 

			    color: #000;
font-size: 10pt; 

			    border: 0 none;

			    border-radius: 9px;
			    cursor: pointer;
font-weight:lighter;
			    padding: 17px 12px;
text-align: center;
  text-decoration: none;
			    margin: 10px 5px
 display: inline-block;
cursor: pointer;
 
 
  

   
  


			}



			#msform .action-button-previous:hover,

			#msform .action-button-previous:focus {

			   background-color: #f4f2e9;
color:#000;

			}



			select.list-dt {

			    border: none;

			    outline: 0;

			    border-bottom: 1px solid #ccc;

			    padding: 2px 5px 3px 5px;

			    margin: 2px

			}



			select.list-dt:focus {

			    border-bottom: 2px solid #D6111E

			}



			.card {

			    z-index: 0;

			    border: none;

			    border-radius: 0.5rem;

			    position: relative

			}



			.fs-title {

			    font-size: 15px;

			    color: #2C3E50;

			    margin-bottom: 10px;

			    font-weight: bold;

			    text-align: center;

			}



			#progressbar {

			    margin-bottom: 30px;

			    overflow: hidden;

			    color: lightgrey

			}



			#progressbar .active {

			    color: #000000

			}



			#progressbar li {

			    list-style-type: none;

			    font-size: 12px;

			    width: 25%;

			    float: left;

			    position: relative

			}



			#progressbar #account:before {

			    font-family: FontAwesome;

			    content: "\f023"

			}



			#progressbar #plan:before {

			    font-family: FontAwesome;

			    content: "\f007"

			}



			#progressbar #payment:before {

			    font-family: FontAwesome;

			    content: "\f09d"

			}



			#progressbar #confirm:before {

			    font-family: FontAwesome;

			    content: "\f00c"

			}



			#progressbar li:before {

			    width: 50px;

			    height: 50px;

			    line-height: 45px;

			    display: block;

			    font-size: 18px;

			    color: #ffffff;

			    background: lightgray;

			    border-radius: 50%;

			    margin: 0 auto 10px auto;

			    padding: 2px

			}



			#progressbar li:after {

			    content: '';

			    width: 100%;

			    height: 2px;

			    background: lightgray;

			    position: absolute;

			    left: 0;

			    top: 25px;

			    z-index: -1

			}



			#progressbar li.active:before,

			#progressbar li.active:after {

			    background: #D6111E

			}



			.radio-group {

			    position: relative;

			    margin-bottom: 25px

			}



			.radio {

			    display: inline-block;

			    width: 204;

			    height: 104;

			    border-radius: 0;

			    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);

			    box-sizing: border-box;

			    cursor: pointer;

			    margin: 8px 2px;

			    text-align: center;

			}



			.radio:hover {

			    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3)

			}



			.radio.selected {

			    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1)

			}



			.fit-image {

			    width: 100%;

			    object-fit: cover

			}

			h1, h2, h3, h4, h5, h6 {

			    font-family: 'Heebo', serif;

			    font-family: var(--font-headers), serif;

			    font-weight: 900;

			    -ms-word-wrap: break-word;

			    word-wrap: break-word;

			    

			}

			h6 {

				font-size: 18px;

			}



			ul.social {

  margin: 0;

  padding: 0;

  width: 100%;

  text-align: center;

}



ul.social > li {

  display: inline-block;

}



ul.social > li > a {

  display: inline-block;

  font-size: 18px;

  line-height: 36px;

  width: 36px;

  height: 36px;

  border-radius: 36px;

  background-color: #D6111E;

  color: #fff;

  margin: 0 3px 3px 0;

}



ul.social > li > a:hover {

  text-decoration: none;

  background-color: white;

  color: black;

}
/* The container */
.agrcont {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

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

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

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

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

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

/* Style the checkmark/indicator */
.agrcont .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);
}
 
@media (max-width: 1147px) {
	#bnk {
		width:100%;
float:left;
	}
#dtoc{
display:none;
}

}