* {
  box-sizing: border-box;
  transition: 0s;
}
img {
  max-width: 100%;
}

@font-face {
  font-family: "Oswald";
  src: url("../../assets/fonts/Oswald/v1/Oswald-Regular.eot") format("opentype"),
    url("../../assets/fonts/Oswald/v1/Oswald-Regular.svg") format("svg"),
    url("../../assets/fonts/Oswald/v1/Oswald-Regular.woff") format("woff"),
    url("../../assets/fonts/Oswald/v1/Oswald-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

:root {
  --primary-violet: #48217a;
  --secondary-violet: #972179;
  --tertiary-violet: #a6a6c0;
  --primary-text: #333f48;
}

body {
  background: #ffffff;
  color: #000000;
  font-family: "GT-America-Standard-Regular-Y", Helvetica, Verdana, sans-serif;
  font-size: 15px;
  font-weight: 400;
}
a,
.header .nav a {
  color: #883ba6;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}
a:hover,
.header .nav a:hover {
  color: #f780a8;
  text-decoration: underline;
}
.required {
  color: #f780a8;
}
.container {
  max-width: 680px;
}
.container-fluid {
  max-width: 95%;
}

.header {
  padding-top: 25px;
  padding-bottom: 25px;
}
.col-xl-3 {
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
}
.page .col-xl-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.header .top {
  padding-bottom: 0;
}
.header .links {
  margin-top: 0;
}
.header .nav .buttons li {
  display: block;
  width: 250px;
}
.header .nav .buttons a {
  background-color: #333333;
  color: #ffffff;
}
.header .nav .buttons a:hover {
  background-color: var(--primary-violet) !important;
  color: white;
  text-decoration: none;
}
.header .nav .buttons a span:before {
  background-color: var(--primary-violet);
  color: white;
}
.header .nav .buttons li ul {
  top: 110%;
}
.header .nav .buttons li ul:before {
  border-bottom: 8px solid #d7d7d7;
}

.main h1,
.main.form-box .container .content-box:not(.login-box) .intro p {
  color: #000;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  text-align: center;
  text-transform: uppercase;
}
.main h2 {
  text-align: center;
}
.main .content-box {
  background: transparent;
  border: 0;
  max-width: 700px;
  margin: 0;
  padding: 0;
}
.main .content-box .intro {
  border-color: #c8c4c5;
}
#unsubscribe_mail {
  color: #000000;
  text-align: center;
}
.form-container label {
  color: #000000;
}
.page.inner .main.form-box .container .content-box .intro p,
.main.form-box .container .content-box .intro p {
  color: #000000;
  font-weight: 300;
  text-align: center;
  text-transform: none;
}
.main .content-box .label-field,
.field-row .table-cell.coll1_field_sub_group_btm {
  width: 40%;
}
.main .content-box label {
  display: block;
}
.main .content-box .input-field,
.field-row .table-cell {
  color: #4b4f54;
  width: 60%;
}
.main .content-box .label-field,
.field-row .table-cell.coll1_field_sub_group_btm,
.main .content-box .input-field,
.field-row .table-cell {
  width: 50%;
}
.form-container input[type="text"],
.form-container input[type="password"],
.form-container textarea {
  background: #fff;
  border: 0;
  border-bottom: 3px solid #cea8d7;
  border-radius: 0;
  color: var(--primary-text);
  font-family: "SamsungOne", Arial, sans-serif;
  font-size: 15px;
  padding: 8px;
  width: 100%;
}
.main.form-box .content-box .buttons {
  text-align: center;
}
.main.form-box .content-box input[type="submit"] {
  background: linear-gradient(
    180deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(151, 33, 121, 1) 0%,
    rgba(91, 31, 128, 1) 100%
  );
  border-radius: 0;
  font-size: 22px;
  min-width: 140px;
  padding: 20px;
  text-transform: uppercase;
  transition: background-color 1.3s;
  font-family: "Oswald", Arial, sans-serif;
}
.main.form-box .content-box input[type="submit"]:hover {
  background: #5b1f80;
}
#captcha_img {
  text-align: center;
}
#r_img_captcha + div .label-field {
  color: #707070;
  font-size: 13px;
}

.main .titles {
  margin-bottom: 0;
}
.main .table {
  background: transparent;
}
.main .table th {
  background-color: var(--primary-violet) !important;
  border: 1px solid #363636;
}
.main .table td {
  border: 1px solid #363636;
  background: transparent;
}
.main .table td a {
  text-transform: uppercase;
}
table.table.dataTable > :not(caption) > * > * {
  background-color: transparent;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
.dt-scroll-body {
  overflow-x: hidden !important;
}
.toggle-select:hover {
  background: #000000;
  text-decoration: none;
}
.select-box {
  background: #a1abaf;
  border: none;
}
.select-box a:hover {
  color: #000000;
}
.form-field .input-field select,
.form-container select {
  background: #ffffff;
  border: 0;
  border-bottom: 2px solid #c9aad0;
  border-radius: 0;
  color: black;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0.3rem;
  padding: 10px;
  width: 100%;
}

.main.form-box .container {
  background: #f6f6f6;
  padding: 2em 2em 0em;
  border-radius: 12px;
}
.main.form-box .container .row .col .content-box.login-box {
  background: #f6f6f6;
}
.faq-box .panel-title > a {
  color: #883ba6;
}
.faq-box .panel-body {
  border-left: 3px solid #883ba6;
  margin-top: 0;
}
.faq-box h3 {
  font-weight: bold;
}

@media (max-width: 1200px) {
  .header .nav .buttons li {
    width: 100%;
  }
  .header .nav .buttons li li {
    margin: 0;
  }
  .header .banner {
    display: block;
  }
  .main h1 {
    font-size: 60px;
  }
  .dtr-data {
    display: block;
  }
}
@media (max-width: 767px) {
  .main .content-box .label-field,
  .field-row .table-cell.coll1_field_sub_group_btm,
  .main .content-box .input-field,
  .field-row .table-cell {
    width: 100%;
  }
  .main.form-box .content-box .buttons {
    padding-left: 0;
  }
  #captcha_img {
    padding-left: 0;
  }
  .page .col-xl-3 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 480px) {
  body {
    background: white;
    color: #4b4f54;
  }
  .header {
    margin-bottom: 0;
  }
  .header .banner {
    display: block;
  }
  .main h1 {
    font-size: 40px;
    line-height: 1;
  }
  .main .content-box {
    padding: 20px 0;
  }
  .faq-box .panel-body {
    color: #ffffff;
  }
}