@font-face {
  font-family: Poppins-Regular;
  src: url('https://asset.torusguru.com/fonts/poppins/Poppins-Regular.ttf'); 
}
@font-face {
  font-family: Poppins-Bold;
  src: url('https://asset.torusguru.com/fonts/poppins/Poppins-Bold.ttf'); 
}
@font-face {
  font-family: Poppins-Light;
  src: url('https://asset.torusguru.com/fonts/poppins/Poppins-Light.ttf'); 
}
@font-face {
  font-family: Poppins-ExtraLight;
  src: url('https://asset.torusguru.com/fonts/poppins/Poppins-ExtraLight.ttf'); 
}

b, strong {
    font-family: Poppins-Bold;
}

.register-form {
  color: #333;
  width: 100%;
  padding: 30px;
  background: #fff;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

.register-form .form-group {
  padding-bottom: 8px;
}

.register-form .validate {
/*  display: none;*/
  color: red;
  margin: 0;
  font-size: 13px;
}

.register-form .help-block {
  margin: 0;
}
.register-form .help-block ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: red;
  font-size: 12px;
}

.register-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.register-form .error-message br + br {
  margin-top: 25px;
}

.register-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.register-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.register-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.register-form .form-group {
  margin-bottom: 5px;
}

.register-form label {
  padding-bottom: 8px;
  color: #000;
  font-size: 13px;
  margin: .6em 0 0;
  font-weight: 300;
  text-align: left!important;
}
.register-form label span.span_red {color: red;}

.separator-line {border-top: 1px solid #cdcdcd;}

.register-form input, .register-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 4px;
}

.register-form input:focus, .register-form textarea:focus {
  border-color: #47b2e4;
}

.register-form input {
  /*height: 44px;*/
}

.register-form textarea {
  padding: 10px 12px;
  min-height: 80px;
}

.register-form button[type="submit"] {
  background: #dc5f02;
  border: 0;
  padding: 12px 34px;
  color: #fff;
  transition: 0.4s;
}

.register-form button[type="submit"]:hover {
  background: #f7ad18;
}
.register-form button[type="submit"]:disabled {
  background-color: #f7ad18;
  border-color: #f7ad18;
  cursor: not-allowed;
  opacity: .5;
}

.register-form .form-control, .select2-container--default .select2-selection--single {
  border: 1px solid #e4e6e8;
  border-radius: 0px;
  height: 35px!important;
  padding-left: 18px;
  font-size: 13px;
  background: transparent;
  width: 100%!important;
}
.iti {
  width: 100%;
}
.select2-results__option {
  text-align: left;
  color: #333;
}
.register-form .form-control[disabled] {background-color: #eee; cursor: not-allowed;}

.register-form .form-control:focus {
  outline: 0;
  box-shadow: none;
}

.register-form .form-control::placeholder {
  font-weight: 300;
  color: #999999;
}

/* checkbox
=============================== */
.checkbox-mc { 
  display: block; 
  position: relative; 
  padding-left: 40px; 
  margin-bottom: 10px!important; 
  cursor: pointer; 
}
.checkbox-mc a, .checkbox-mc a:hover { color: #f7ad18; }
  
.checkbox-mc input[type=checkbox] { visibility: hidden; } 
.geekmark { 
  position: absolute; 
  top: 0; 
  left: 0; 
  height: 20px; 
  width: 20px; 
  background-color: transparent;
  border: 1px solid #333;
} 
.checkbox-mc:hover input ~ .geekmark { border:1px solid #0b8048; } 
.checkbox-mc input:active ~ .geekmark { background-color: #0b8048; border:1px solid #0b8048;} 
.checkbox-mc input:checked ~ .geekmark { 
  background-color: #0b8048;
  border:1px solid #0b8048;
} 
.geekmark:after { content: ""; position: absolute; display: none; } 
.checkbox-mc input:checked ~ .geekmark:after { display: block; } 
.checkbox-mc .geekmark:after { 
  left: 8px; 
  bottom: 5px; 
  width: 6px; 
  height: 12px; 
  border: solid white; 
  border-width: 0 2px 2px 0; 
  -webkit-transform: rotate(45deg); 
  -ms-transform: rotate(45deg); 
  transform: rotate(45deg); 
}

/*Custom radio button*/
.radio-mc {
  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;
  font-weight: 300!important;
/*  text-align: left;*/
}

/* Hide the browser's default radio button */
.radio-mc input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: hsla(15,28%,89%,.05);
  border: 1px solid #000;
  border-radius: 50%!important;
}

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

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

/* 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-mc input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-mc .checkmark:after {
  top: 7px;
  left: 7px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #a31f22;
}