/*---BS resets---*/
.row {
  margin: 0; }

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7,
.col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5,
.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10,
.col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1,
.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11,
.col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2,
.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3,
.col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8,
.col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  padding: 0; }

.container-fluid {
  padding: 0;
  overflow: hidden; }

h1, h2, h3, h4, h5, h6,
p, ul {
  margin: 0; }

ul {
  list-style-type: none;
  padding: 0; }

.form label {
  margin: 0px;
  position: absolute; }

/*---GLOBAL---*/
/*FONTS*/
@font-face {
  font-family: Metropolis;
  src: url("../../webfonts/Metropolis-Regular.ttf");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: Metropolis;
  src: url("../../webfonts/Metropolis-SemiBold.ttf");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: Metropolis;
  src: url("../../webfonts/Metropolis-Light.ttf");
  font-weight: 100;
  font-style: normal; }
/*--CORE TAGS--*/
body, html {
  height: 100%;
  scroll-behavior: smooth;
  line-height: 1;
  font-weight: 300;
  font-family: "Metropolis", Arial, Helvetica, sans-serif; }

h1 {
  font-weight: 400;
  line-height: 1;
  margin-bottom: 60px; }

h2 {
  font-weight: 300;
  margin-bottom: 30px;
  line-height: 1;
  margin-bottom: 25px; }

h3 {
  font-weight: 300;
  margin-bottom: 50px;
  line-height: 1; }

h4 {
  color: var(--main);
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 1; }

/*---------------------------------------------------------------*/
p {
  margin-bottom: 30px;
  line-height: 1.6; }

a {
  color: var(--main); }

a:hover {
  color: var(--lightBlue);
  text-decoration: none !important; }

.btn,
.button,
input[type="submit"] {
  display: inline-block;
  font-weight: 300;
  text-transform: uppercase;
  color: white;
  border: none;
  background: var(--main);
  padding: 12px 30px;
  line-height: 1.2;
  border-radius: 4px;
  white-space: nowrap; }

.btn:hover,
.button:hover,
input[type="submit"]:hover {
  color: white;
  background: var(--lightBlue);
  transition: all .25s ease-in-out; }

strong {
  font-weight: 700; }

/*CORE CLASSES*/
.main {
  background-color: white; }

.flex_centre {
  display: flex;
  justify-content: center;
  align-items: center; }

.full_width {
  max-width: none; }

.main_padd {
  padding-left: 9.1145833333vw;
  padding-right: 9.1145833333vw;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box; }

@media only screen and (min-width: 1920px) {
  .main_padd {
    padding-left: 175px;
    padding-right: 175px; } }
@media only screen and (max-width: 1600px) {
  .main_padd {
    padding-left: 4.8vw;
    padding-right: 4.8vw; } }
@media only screen and (max-width: 576px) {
  .main_padd {
    padding-left: 4.8vw;
    padding-right: 4.8vw;
    box-sizing: border-box; } }
/*---FORM DEFAULTS--*/
#register {
  position: relative;
  top: -30px; }

/*submission box*/

.form .message {
	display: block;
	width: 100% ;
	padding: 15px;
	border: 1px solid #ffffff;
	border-radius: 5px;
	margin-bottom: 25px;
}
.form .message p {
  line-height: 1.3em;
  margin-bottom: 0px;
	color: #ffffff;
	font-weight: bold;
}

.form .success {
	background: #00da0a;
}

.form .exists {
  background: #ff2323;
}

.form .error {
  background: #ff2323;
}

/*form layouts / inputs*/
.form p {
  margin: 0px; }

.form .asterix {
  color: red;
  font-weight: bold; }

.form input.form-control,
.form textarea.form-control,
.form select.custom-select {
  font-weight: 400;
  color: #2c3436;
  padding: 8px 16px; }

.form input.form-control::placeholder,
.form textarea.form-control::placeholder {
  color: #2c3436; }

.form .form-control:focus {
  border-color: #6bffb9;
  outline: 0;
  box-shadow: 0 0 0 0.2rem #6bffb98c; }

.form .form-control.error:focus {
  border-color: #ff0000;
  outline: 0;
  box-shadow: 0 0 0 0.2rem #ff000091; }

.form .textarea_box {
  display: flex;
  flex-direction: column; }

.form .form-check-input {
  margin-top: 3px; }

.form .form-check-label {
  display: flex;
  flex-direction: column;
  position: static; }

/*form error messages*/
.form label.error {
  position: static;
  margin: 0px;
  padding-top: 5px;
  line-height: 1.1; }

.form select.error {
  font-weight: 400;
  color: #495057; }

.form .textarea_box label.error {
  order: 1;
  display: block; }

.form .form-check-label label.error {
  order: 1; }

/*-----------------------------------------------*/