@charset "UTF-8";
@font-face {
  font-family: "Akzidenz Cnd";
  src: url("../fonts/AkzidGrtskProBolCnd.eot");
  src: url("../fonts/AkzidGrtskProBolCnd.eot?#iefix") format("embedded-opentype"), url("../fonts/AkzidGrtskProBolCnd.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'mon eb';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype"); }

@font-face {
  font-family: 'mon b';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'mon m';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'mon sb';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: 'mon r';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'mu black';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Muli/Muli-Black.ttf") format("truetype"); }

@font-face {
  font-family: 'mu eb';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Muli/Muli-ExtraBold.ttf") format("truetype"); }

@font-face {
  font-family: 'mu b';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Muli/Muli-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'mu sb';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Muli/Muli-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: 'mu r';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Muli/Muli-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'mu l';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Muli/Muli-Light.ttf") format("truetype"); }

* {
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 0; }

img {
  border: none;
  max-width: 100%; }

a {
  color: #878787;
  text-decoration: none; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  background-color: #FFFFFF;
  font-family: 'mu b', 'mon b';
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 470px) {
    body {
      font-size: 12px; } }

p {
  font-family: "Open sans", "Arial";
  font-size: 16px;
  font-weight: 300; }
  @media screen and (max-width: 470px) {
    p {
      font-size: 14px; } }

h1 {
  color: #FFFFFF;
  font-size: 34px; }

h2 {
  color: #4F91C5;
  font-size: 28px; }

h3 {
  color: #878787;
  font-size: 16px; }

h4 {
  color: #4A4A4A;
  font-size: 20px; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  height: 0px; }

.Button {
  background-color: transparent;
  border-radius: 4px;
  border: 1px #4A4A4A solid;
  color: #FFFFFF !important;
  cursor: pointer;
  font-size: 16px;
  padding: 8px 30px;
  text-transform: uppercase;
  white-space: nowrap; }
  .Button--large {
    font-size: 20px;
    padding: 11.5px 35px; }
  .Button--white {
    border: 0;
    background-color: #FFFFFF;
    color: #000000 !important;
    box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.5); }
    .Button--white:hover {
      background-color: white; }
  .Button--success {
    border: 0;
    background-color: #59cd90;
    color: #FFFFFF; }
    .Button--success:hover {
      background-color: #6dd39d; }
  .Button--info {
    border: 0;
    background-color: #4F91C5;
    color: #FFFFFF; }
    .Button--info:hover {
      background-color: #629dcb; }
  .Button--login {
    border: 0;
    background-color: #f16142;
    box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.5); }
    .Button--login:hover {
      background-color: #f3755a; }
  .Button--db-info {
    border: 0;
    background-color: #1b951b;
    color: #FFFFFF; }
    .Button--db-info:hover {
      background-color: #1fab1f; }
  .Button--db-success {
    border: 0;
    background-color: #48BE61;
    color: #FFFFFF; }
    .Button--db-success:hover {
      background-color: #5bc571; }
  .Button:hover a {
    color: #FFFFFF; }

button {
  font-family: "Akzidenz Cnd", sans-serif; }

/* Base for .Caption styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px; }

[type="checkbox"]:not(:checked) + .Caption,
[type="checkbox"]:checked + .Caption {
  cursor: pointer;
  padding-left: 30px;
  padding-top: 5px;
  position: relative; }

/* checkbox aspect */
[type="checkbox"]:not(:checked) + .Caption:before,
[type="checkbox"]:checked + .Caption:before {
  background: #FBFBFC;
  border: 1px solid #aaa;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  content: '';
  left: 0;
  top: 2px;
  position: absolute;
  width: 17px;
  height: 17px; }

/* checked mark aspect */
[type="checkbox"]:not(:checked) + .Caption:after,
[type="checkbox"]:checked + .Caption:after {
  content: '✔';
  color: #4F91C5;
  font-size: 18px;
  line-height: 0.8;
  position: absolute;
  top: 6px;
  left: 4px;
  transition: all .2s; }

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + .Caption:after {
  opacity: 0;
  -ms-transform: scale(0);
  transform: scale(0); }

[type="checkbox"]:checked + .Caption:after {
  opacity: 1;
  -ms-transform: scale(1);
  transform: scale(1); }

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + .Caption:before,
[type="checkbox"]:disabled:checked + .Caption:before {
  background-color: #ddd;
  border-color: #bbb;
  box-shadow: none; }

[type="checkbox"]:disabled:checked + .Caption:after {
  color: #878787; }

[type="checkbox"]:disabled + .Caption {
  color: #aaa; }

/* hover style just for information */
[type="checkbox"] + .Caption:hover:before {
  border: 1px solid #4778D9 !important; }

.page .Hero {
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  height: 80vh;
  width: 100%; }
  @media screen and (max-height: 1025px) {
    .page .Hero {
      height: 100vh; } }
  @media screen and (max-height: 600px) {
    .page .Hero {
      height: 110vh; } }
  @media screen and (max-height: 300px) {
    .page .Hero {
      height: 100vh; } }
  @media screen and (max-width: 1170px) {
    .page .Hero {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end; } }
  @media screen and (max-width: 470px) {
    .page .Hero {
      height: 60vh;
      overflow: visible; } }
  .page .Hero--thin {
    background-position: right center;
    height: 20vh; }
    @media screen and (max-width: 470px) {
      .page .Hero--thin {
        height: 40vh; } }
    @media screen and (max-height: 800px) {
      .page .Hero--thin {
        height: 30vh; } }
    @media screen and (max-height: 600px) {
      .page .Hero--thin {
        height: 40vh; } }
    @media screen and (max-height: 300px) {
      .page .Hero--thin {
        height: 100vh; } }
  .page .Hero .Overlay {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3; }
    .page .Hero .Overlay .Wrapper {
      text-align: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0;
      padding: 0;
      width: 1170px; }
      @media screen and (max-width: 1190px) {
        .page .Hero .Overlay .Wrapper {
          padding-left: 10px; } }
      @media screen and (max-width: 470px) {
        .page .Hero .Overlay .Wrapper {
          padding-left: 0; } }
      .page .Hero .Overlay .Wrapper h1 {
        color: #FFFFFF;
        font-family: 'Montserrat', sans-serif;
        font-size: 78px;
        line-height: .9;
        /*@include vmq(600px) {
            font-size: 42px;
          }*/ }
        @media screen and (min-width: 550px) and (max-width: 740px) and (orientation: landscape) {
          .page .Hero .Overlay .Wrapper h1 {
            font-size: 50px; } }
      .page .Hero .Overlay .Wrapper h3 {
        color: #FFFFFF;
        font-family: "Open sans", "Arial";
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        /*@include vmq(600px) {
            font-size: 14px;
            margin: 0 auto;
            width: 70%;
          }*/ }
        .page .Hero .Overlay .Wrapper h3 .banner-first-subtitle {
          padding-bottom: 20px; }
        .page .Hero .Overlay .Wrapper h3 span.bl-new-line {
          display: block;
          /*@include vmq(600px) {
                display:inline;
              }*/ }
          .page .Hero .Overlay .Wrapper h3 span.bl-new-line span.txt-banner-lottery {
            color: #d9b75d;
            font-weight: 600; }
          .page .Hero .Overlay .Wrapper h3 span.bl-new-line span.txt-banner-casino {
            color: #de5b00;
            font-weight: 600; }

input {
  background-color: transparent;
  border: 0px;
  border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
  border-radius: 1px;
  padding: 10px;
  width: 100%; }
  input:disabled {
    background-color: rgba(0, 0, 0, 0.04);
    border: 0; }
  input.disabled {
    background-color: rgba(0, 0, 0, 0.04);
    border: 0; }
  input[type="text"], input[type="tel"] {
    color: #878787;
    font-size: 14px; }
  input[type="password"] {
    color: #878787;
    font-size: 14px; }

textarea {
  background-color: transparent;
  border: 0px;
  border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
  border-radius: 1px;
  color: #878787;
  font-size: 14px;
  min-height: 150px;
  padding: 10px;
  width: 100%; }

select {
  background-color: transparent;
  border: 1px rgba(0, 0, 0, 0.15) solid;
  border-radius: 4px;
  color: #878787;
  font-size: 14px;
  padding-left: 10px;
  width: 100%; }

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #ccc; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  opacity: 1; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
  opacity: 1; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc; }

.Datepicker {
  background: #F3F5F7;
  padding: 20px; }
  .Datepicker .pika-single {
    background: #F3F5F7;
    color: #4E5F66;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    z-index: 9999; }
    .Datepicker .pika-single.is-hidden {
      display: none; }
    .Datepicker .pika-single.is-bound {
      box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
      position: absolute; }
    .Datepicker .pika-single::before, .Datepicker .pika-single::after {
      content: " ";
      display: table; }
    .Datepicker .pika-single::after {
      clear: both; }
  .Datepicker .pika-title {
    position: relative;
    text-align: center; }
    .Datepicker .pika-title select {
      cursor: pointer;
      filter: alpha(opacity=0);
      left: 0;
      margin: 0;
      opacity: 0;
      position: absolute;
      top: 5px;
      z-index: 9998; }
  .Datepicker .pika-label {
    background-color: #F3F5F7;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 5px 3px;
    position: relative;
    z-index: 9999; }
  .Datepicker .pika-prev,
  .Datepicker .pika-next {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    border: 0;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: .5;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 20px;
    white-space: nowrap;
    width: 20px; }
    .Datepicker .pika-prev:hover,
    .Datepicker .pika-next:hover {
      opacity: 1; }
    .Datepicker .pika-prev.is-disabled,
    .Datepicker .pika-next.is-disabled {
      cursor: default;
      opacity: .2; }
  .Datepicker .pika-prev,
  .Datepicker .is-rtl .pika-next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    float: left; }
  .Datepicker .pika-next,
  .Datepicker .is-rtl .pika-prev {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    float: right; }
  .Datepicker .pika-select {
    display: inline-block; }
  .Datepicker .pika-table {
    border: 0;
    width: 100%; }
    .Datepicker .pika-table th,
    .Datepicker .pika-table td {
      height: 30px;
      padding: 0; }
    .Datepicker .pika-table th {
      color: #f16142;
      font-size: .75rem;
      font-weight: 400;
      line-height: 30px;
      text-align: center; }
    .Datepicker .pika-table abbr {
      border-bottom: 0;
      cursor: help; }
  .Datepicker .pika-lendar {
    margin-bottom: 10px; }
  .Datepicker .pika-button {
    background: #F3F5F7;
    border: 1px solid transparent;
    color: #f16142;
    cursor: pointer;
    display: block;
    font-size: .75rem;
    line-height: 18px;
    margin: 0;
    outline: none;
    padding: 5px;
    text-align: center;
    width: 100%; }
    .Datepicker .pika-button:hover {
      border-color: #f16142;
      border-radius: 3px;
      color: #f16142; }
  .Datepicker .is-selected .pika-button {
    font-weight: bold;
    background: #FFFFFF; }
  .Datepicker .is-startrange .pika-button {
    background: #FFFFFF; }
  .Datepicker .is-disabled .pika-button,
  .Datepicker .is-outside-current-month .pika-button {
    color: #ACBEC5;
    cursor: default;
    opacity: .3;
    pointer-events: none; }
  .Datepicker .is-disabled .pika-button {
    color: #f16142; }
  .Datepicker .pika-week {
    color: #ACBEC5;
    font-size: 11px; }
  .Datepicker .is-inrange .pika-button {
    background: #FFFFFF; }
  .Datepicker .is-selected .pika-button,
  .Datepicker .is-startrange .pika-button,
  .Datepicker .is-endrange .pika-button {
    border-color: #f16142;
    border-radius: 3px;
    color: #f16142; }
  .Datepicker .pika-time-container {
    margin-bottom: 10px; }
    .Datepicker .pika-time-container .pika-select {
      width: 100%; }
  .Datepicker .pika-time {
    width: 100%; }
    .Datepicker .pika-time td:nth-child(2) {
      text-align: center; }
  .Datepicker .pika-select-hour {
    direction: rtl; }

.Datepicker-preset {
  background: #f16142;
  border-radius: 5px;
  color: #FFFFFF;
  display: inline-block;
  font-family: 'Arial', sans-serif;
  font-size: .750rem;
  font-weight: bold;
  height: 30px;
  line-height: 14px;
  padding: 8px 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase; }
  .Datepicker-preset:hover, .Datepicker-preset:active, .Datepicker-preset:focus {
    background: #ed3913;
    color: #FFFFFF; }
  @media screen and (max-width: 470px) {
    .Datepicker-preset {
      height: 40px;
      padding: 7px 10px; } }

.Datepicker-range > .range {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 470px) {
    .Datepicker-range > .range {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: center;
      justify-content: center; } }

.Datepicker-range > .presets {
  display: -ms-flexbox;
  display: flex; }

.Datepicker-range .Datepicker {
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: .5rem; }

.Datepicker-range .Datepicker-preset {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-pack: center;
  justify-content: center;
  margin: .5rem; }

.page .notice-container {
  display: block;
  margin-bottom: 20px;
  padding: 20px 20px 20px 72px;
  position: relative;
  text-decoration: none;
  z-index: 999; }
  .page .notice-container.error {
    background: #ffebe8;
    border-color: #dd3c10; }
  .page .notice-container.success {
    background: #e4ffd7;
    border-color: #8ae222; }
  .page .notice-container.generic {
    background: #fff9d7;
    border-color: #e2c822; }
  .page .notice-container.generic .notice-icon.basket {
    background-position: 0 -32px; }
  .page .notice-container.generic .notice-icon.warning {
    background-position: 0 0; }
  .page .notice-container.error .notice-icon.warning {
    background-position: -64px 0; }
  .page .notice-container.success .notice-icon.trophy {
    background-position: -32px 0; }
  .page .notice-container .notice-header {
    color: #000000;
    font-family: 'Akzidenz Cnd', sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 4px 0;
    padding-right: 60px;
    text-transform: uppercase; }
  .page .notice-container .notice-icon {
    background: url("../img/spr-notice-icons.png");
    height: 32px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 32px; }
  .page .notice-container .notice-close {
    color: #878787;
    position: absolute;
    right: 20px;
    text-decoration: underline;
    top: 16px; }
  .page .notice-container p {
    color: #878787; }
  .page .notice-container strong {
    font-weight: bold; }
  @media screen and (max-width: 768px) {
    .page .notice-container {
      padding: 20px 20px 20px 20px; }
      .page .notice-container .notice-icon {
        display: none; } }
  @media screen and (max-width: 470px) {
    .page .notice-container {
      border-width: 1px;
      padding: 10px; }
      .page .notice-container .notice-close {
        top: 10px; } }

.Error {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 308px;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 40px;
  margin-top: 40px;
  position: relative;
  width: 100%; }
  .Error h1 {
    color: #f16142;
    font-family: 'Akzidenz Cnd', sans-serif;
    font-size: 30px;
    margin-top: 60px;
    text-align: center;
    text-transform: uppercase;
    z-index: 1; }
  .Error img {
    position: absolute; }

.FormGroup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 30px;
  width: 40%; }
  @media screen and (max-width: 1024px) {
    .FormGroup {
      width: 100%; } }
  .FormGroup .Field {
    color: #4E5F66;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
    width: 100%; }
    .FormGroup .Field .Label {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      font-family: 'Arial', sans-serif;
      font-weight: 300;
      width: 40%; }
      .FormGroup .Field .Label--bold p {
        font-weight: bold;
        line-height: 3; }
      .FormGroup .Field .Label p {
        font-size: 14px; }
    .FormGroup .Field input {
      background-color: #FFFFFF;
      border: 1px rgba(0, 0, 0, 0.1) solid;
      color: #4E5F66;
      height: 32px;
      width: 60%; }
      .FormGroup .Field input:disabled {
        background-color: rgba(0, 0, 0, 0.04);
        border: 0; }
    .FormGroup .Field textarea {
      background-color: #FFFFFF;
      border: 1px rgba(0, 0, 0, 0.1) solid;
      color: #4E5F66;
      min-height: 50px;
      width: 60%; }
    .FormGroup .Field select {
      background-color: #FFFFFF;
      border: 1px rgba(0, 0, 0, 0.1) solid;
      color: #4E5F66;
      height: 32px;
      width: 60%; }
  .FormGroup .Button {
    margin-top: 20px;
    margin-left: auto;
    margin-right: 1px; }

.BoxSelect {
  margin-bottom: 20px;
  min-width: 100%; }
  .BoxSelect ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: -.5em;
    padding: 0; }
    .BoxSelect ul li {
      -ms-flex-align: center;
      align-items: center;
      background: #FFFFFF;
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      font-family: 'Arial', sans-serif;
      font-size: 18px;
      height: 200px;
      -ms-flex-pack: center;
      justify-content: center;
      margin: .5em;
      width: calc(25% - 1em); }
      @media screen and (max-width: 1200px) {
        .BoxSelect ul li {
          width: calc(50% - 1em); } }
      @media screen and (max-width: 470px) {
        .BoxSelect ul li {
          width: 100%; } }
      .BoxSelect ul li label {
        background: #FFFFFF;
        border: 1px solid transparent;
        border-radius: 3px;
        color: #4E5F66;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 600;
        height: 100%;
        margin: 0;
        padding: 30px;
        position: relative;
        transition: color .25s ease-in-out .05s, background .25s ease-in-out .075s, border .125s ease-in-out .025s;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%; }
        .BoxSelect ul li label:hover {
          border: 1px solid #f16142;
          cursor: pointer; }
        .BoxSelect ul li label .text {
          max-width: 100%;
          text-align: center; }
      .BoxSelect ul li input[type=radio] {
        display: none; }
        .BoxSelect ul li input[type=radio]:checked ~ label {
          background: #f16142;
          color: #FFFFFF; }
          .BoxSelect ul li input[type=radio]:checked ~ label:hover {
            border: 1px solid #ef4d2a; }

.account .loaded .Main-content .Wrapper .Container {
  opacity: 1; }

.account .Main-content .Wrapper {
  margin-left: -1%; }
  .account .Main-content .Wrapper .Container {
    opacity: 0; }
    .account .Main-content .Wrapper .Container:nth-child(1) {
      transition: opacity 0.5s ease 0.125s, margin 0.75s ease 0.125s; }
    .account .Main-content .Wrapper .Container:nth-child(2) {
      transition: opacity 0.5s ease 0.25s, margin 0.75s ease 0.25s; }
    .account .Main-content .Wrapper .Container:nth-child(3) {
      transition: opacity 0.5s ease 0.375s, margin 0.75s ease 0.375s; }
    .account .Main-content .Wrapper .Container--headings {
      padding-bottom: 38px;
      margin-left: 1%;
      margin-right: 1%; }
    .account .Main-content .Wrapper .Container--performance .Card {
      border-radius: 3px;
      height: 210px;
      width: 31%; }
      @media screen and (max-width: 1170px) {
        .account .Main-content .Wrapper .Container--performance .Card {
          width: 100%; } }
      .account .Main-content .Wrapper .Container--performance .Card--wide {
        width: 65%; }
        @media screen and (max-width: 1170px) {
          .account .Main-content .Wrapper .Container--performance .Card--wide {
            width: 100%; } }
        .account .Main-content .Wrapper .Container--performance .Card--wide .CardInfo {
          -ms-flex-direction: column;
          flex-direction: column;
          margin-top: -10px; }
          .account .Main-content .Wrapper .Container--performance .Card--wide .CardInfo .CardTitle {
            width: 100%; }
          .account .Main-content .Wrapper .Container--performance .Card--wide .CardInfo .CardDescription {
            color: #4E5F66;
            font-family: 'Arial';
            font-size: 16px;
            font-weight: normal;
            margin-bottom: 15px;
            margin-top: 5px;
            width: 100%; }
          .account .Main-content .Wrapper .Container--performance .Card--wide .CardInfo .CardNumber {
            font-size: 60px;
            width: 100%; }
    .account .Main-content .Wrapper .Container--performance .Title {
      -ms-flex-align: center;
      align-items: center;
      margin-left: 1%;
      margin-right: 1%;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .account .Main-content .Wrapper .Container--performance .Title h4 {
        margin-top: 2px;
        text-align: left; }
      .account .Main-content .Wrapper .Container--performance .Title .Filters {
        -ms-flex-align: center;
        align-items: center;
        color: #4E5F66;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-family: 'Arial', sans-serif; }
        .account .Main-content .Wrapper .Container--performance .Title .Filters .Wrap {
          -ms-flex-align: center;
          align-items: center;
          display: -ms-flexbox;
          display: flex; }
          .account .Main-content .Wrapper .Container--performance .Title .Filters .Wrap .filter-options {
            padding: 0; }
        .account .Main-content .Wrapper .Container--performance .Title .Filters .ActionCaption {
          margin-right: 5px; }
        .account .Main-content .Wrapper .Container--performance .Title .Filters .toggle-options {
          background: white;
          border: 1px #e9e9e9 solid;
          font-size: 14px;
          min-width: auto;
          padding: 8px 15px 8px;
          text-align: left;
          text-transform: none; }
          @media screen and (max-width: 470px) {
            .account .Main-content .Wrapper .Container--performance .Title .Filters .toggle-options {
              padding: 14px 10px; } }
          .account .Main-content .Wrapper .Container--performance .Title .Filters .toggle-options i {
            margin-left: 5px; }
          .account .Main-content .Wrapper .Container--performance .Title .Filters .toggle-options span {
            color: #4E5F66; }
        .account .Main-content .Wrapper .Container--performance .Title .Filters .campaign-options {
          background: #FFFFFF;
          line-height: 2;
          padding: 15px;
          right: 15px; }
          .account .Main-content .Wrapper .Container--performance .Title .Filters .campaign-options .Option {
            cursor: pointer;
            padding: 3px 15px;
            text-align: left; }
            .account .Main-content .Wrapper .Container--performance .Title .Filters .campaign-options .Option:first-child {
              padding-top: 5px; }
            .account .Main-content .Wrapper .Container--performance .Title .Filters .campaign-options .Option:hover {
              background: #4E5F66;
              color: #FFFFFF; }
            .account .Main-content .Wrapper .Container--performance .Title .Filters .campaign-options .Option.selected {
              background: #FFFFFF;
              color: #878787;
              cursor: auto; }
              .account .Main-content .Wrapper .Container--performance .Title .Filters .campaign-options .Option.selected:hover {
                border: none; }
      @media screen and (max-width: 768px) {
        .account .Main-content .Wrapper .Container--performance .Title {
          -ms-flex-direction: column;
          flex-direction: column; } }
      .account .Main-content .Wrapper .Container--performance .Title .TooltipTrigger {
        margin-left: auto; }
        @media screen and (max-width: 768px) {
          .account .Main-content .Wrapper .Container--performance .Title .TooltipTrigger {
            margin-left: 0;
            padding-top: 10px; } }
        .account .Main-content .Wrapper .Container--performance .Title .TooltipTrigger.active .InactiveText {
          display: none; }
        .account .Main-content .Wrapper .Container--performance .Title .TooltipTrigger.active .ActiveText {
          display: block; }
        .account .Main-content .Wrapper .Container--performance .Title .TooltipTrigger .InactiveText {
          display: block; }
        .account .Main-content .Wrapper .Container--performance .Title .TooltipTrigger .ActiveText {
          display: none; }
    .account .Main-content .Wrapper .Container--summary {
      padding-top: 60px; }
      .account .Main-content .Wrapper .Container--summary .Ammendments {
        -ms-flex-align: end;
        align-items: flex-end;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 1%;
        width: 100%; }
        .account .Main-content .Wrapper .Container--summary .Ammendments .Ammendment {
          color: #DB2F3E;
          font-family: 'Roboto', 'Open sans', sans-serif;
          font-size: 12px;
          font-weight: 500; }
          @media screen and (max-width: 470px) {
            .account .Main-content .Wrapper .Container--summary .Ammendments .Ammendment {
              margin-top: 5px; } }
      .account .Main-content .Wrapper .Container--summary .Card {
        width: 23%; }
        @media screen and (max-width: 1170px) {
          .account .Main-content .Wrapper .Container--summary .Card {
            width: 48%; } }
        @media screen and (max-width: 470px) {
          .account .Main-content .Wrapper .Container--summary .Card {
            width: 100%; } }
        .account .Main-content .Wrapper .Container--summary .Card .CardInfo {
          width: 100%; }
        .account .Main-content .Wrapper .Container--summary .Card .CardTitle {
          font-size: 14px; }
        .account .Main-content .Wrapper .Container--summary .Card .CardNumber {
          font-size: 60px; }
          .account .Main-content .Wrapper .Container--summary .Card .CardNumber span {
            white-space: nowrap; }
      .account .Main-content .Wrapper .Container--summary .Title {
        margin-left: 1%;
        margin-right: 1%; }

.accountdetails .Main-content .Wrapper .Container {
  margin-bottom: 38px; }
  .accountdetails .Main-content .Wrapper .Container .Caption {
    width: 100%; }
    .accountdetails .Main-content .Wrapper .Container .Caption p {
      color: #4E5F66; }
    .accountdetails .Main-content .Wrapper .Container .Caption a {
      color: #f16142; }
  .accountdetails .Main-content .Wrapper .Container--password {
    margin-bottom: 60px; }
  .accountdetails .Main-content .Wrapper .Container--form .Caption {
    padding-bottom: 38px; }
  .accountdetails .Main-content .Wrapper .Container--form .FormGroup .add-field {
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
    border: 1px rgba(0, 0, 0, 0.1) solid;
    border-radius: 4px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60%; }

.accountdetails .revenues p {
  line-height: 1.5; }

.accountdetails .revenues table {
  border-bottom: 0.5px rgba(0, 0, 0, 0.05) solid;
  border-collapse: collapse;
  color: #4E5F66;
  font-family: 'Arial', sans-serif;
  table-layout: fixed;
  width: 40%; }
  @media screen and (max-width: 1024px) {
    .accountdetails .revenues table {
      width: 100%; } }
  .accountdetails .revenues table th {
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    padding-left: 15px;
    text-align: left; }
  .accountdetails .revenues table tbody tr {
    height: 40px; }
    .accountdetails .revenues table tbody tr:nth-child(odd) {
      background: #FFFFFF; }
    .accountdetails .revenues table tbody tr td {
      font-family: 'Arial', sans-serif;
      font-size: 14px;
      height: 40px;
      padding-left: 15px; }
      @media screen and (max-width: 470px) {
        .accountdetails .revenues table tbody tr td {
          height: 45px; } }

.campaign .Container--heading .Desc {
  line-height: 1.5; }

.campaign .Container--create {
  margin-top: 40px; }
  .campaign .Container--create .NewCampaign {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    .campaign .Container--create .NewCampaign input {
      background: #FFFFFF;
      color: #4E5F66;
      height: 32px;
      width: 25%; }
      @media screen and (max-width: 768px) {
        .campaign .Container--create .NewCampaign input {
          margin-bottom: 15px;
          width: 100%; } }
    .campaign .Container--create .NewCampaign select {
      background: #FFFFFF;
      color: #4E5F66;
      height: 32px;
      margin-left: 15px;
      margin-right: 15px;
      min-width: 129px;
      width: 10%; }
      @media screen and (max-width: 768px) {
        .campaign .Container--create .NewCampaign select {
          margin-bottom: 15px;
          margin-left: 0;
          margin-right: 0;
          width: 100%; } }

.campaign .Container--form .Title {
  margin-top: 40px; }

.campaign .Container--actions {
  padding-top: 30px; }
  .campaign .Container--actions .BoxSelect {
    margin-bottom: 53px; }
  .campaign .Container--actions .Button {
    margin-left: auto; }

.campaign .Container--mycampaigns .Title {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px; }
  .campaign .Container--mycampaigns .Title .Actions {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex; }
    .campaign .Container--mycampaigns .Title .Actions .Caption {
      color: #4E5F66;
      font-family: 'Arial', sans-serif;
      font-size: 14px;
      margin-right: 5px;
      padding-top: 0;
      padding-bottom: 5px; }
    .campaign .Container--mycampaigns .Title .Actions .ViewToggle {
      margin-left: 5px; }
      .campaign .Container--mycampaigns .Title .Actions .ViewToggle i {
        color: #ACBEC5;
        cursor: pointer; }
      .campaign .Container--mycampaigns .Title .Actions .ViewToggle input {
        display: none; }
      .campaign .Container--mycampaigns .Title .Actions .ViewToggle input:checked + label i {
        color: #f16142; }

.campaign .Container--mycampaigns .Campaign {
  width: 100%; }
  .campaign .Container--mycampaigns .Campaign[data-view="cards"] .CampaignCards {
    display: -ms-flexbox;
    display: flex; }
  .campaign .Container--mycampaigns .Campaign[data-view="cards"] .CampaignTable {
    display: none; }
  .campaign .Container--mycampaigns .Campaign[data-view="table"] .CampaignCards {
    display: none; }
  .campaign .Container--mycampaigns .Campaign[data-view="table"] .CampaignTable {
    display: -ms-flexbox;
    display: flex; }

.campaign .Container--mycampaigns .CampaignCards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }
  .campaign .Container--mycampaigns .CampaignCards .Card {
    height: 200px;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 14px;
    width: 31%; }
    @media screen and (max-width: 1170px) {
      .campaign .Container--mycampaigns .CampaignCards .Card {
        width: 48%; } }
    @media screen and (max-width: 470px) {
      .campaign .Container--mycampaigns .CampaignCards .Card {
        width: 100%; } }
    .campaign .Container--mycampaigns .CampaignCards .Card .CampaignDetails {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      font-family: 'Arial', sans-serif;
      text-align: left;
      margin-bottom: auto;
      width: 100%; }
      .campaign .Container--mycampaigns .CampaignCards .Card .CampaignDetails .title {
        color: #4E5F66;
        font-weight: bold;
        font-size: 16px;
        width: 100%; }
      .campaign .Container--mycampaigns .CampaignCards .Card .CampaignDetails .date {
        color: #ACBEC5;
        font-size: 14px;
        margin-top: 5px;
        width: 100%; }
      .campaign .Container--mycampaigns .CampaignCards .Card .CampaignDetails .bonus {
        color: #4E5F66;
        font-size: 14px;
        margin-top: 15px;
        width: 100%; }
    .campaign .Container--mycampaigns .CampaignCards .Card .Button {
      margin-top: 7px;
      width: 100%; }

.campaign .Container--mycampaigns .CampaignTable table {
  border-bottom: 0.5px rgba(0, 0, 0, 0.05) solid;
  border-collapse: collapse;
  color: #4E5F66;
  font-family: 'Arial', sans-serif;
  table-layout: fixed;
  width: 100%; }
  @media screen and (max-width: 1000px) {
    .campaign .Container--mycampaigns .CampaignTable table .hidden-small {
      display: none !important; } }
  .campaign .Container--mycampaigns .CampaignTable table.Total {
    margin-top: 20px;
    padding-top: 40px; }
  .campaign .Container--mycampaigns .CampaignTable table th {
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    padding-left: 15px;
    text-align: left; }
    .campaign .Container--mycampaigns .CampaignTable table th:nth-child(1) {
      width: 120px; }
      @media screen and (max-width: 470px) {
        .campaign .Container--mycampaigns .CampaignTable table th:nth-child(1) {
          width: 90px; } }
    .campaign .Container--mycampaigns .CampaignTable table th:nth-child(2) {
      width: 150px; }
      @media screen and (max-width: 470px) {
        .campaign .Container--mycampaigns .CampaignTable table th:nth-child(2) {
          width: 120px; } }
    .campaign .Container--mycampaigns .CampaignTable table th:nth-child(3) {
      width: 90px; }
    .campaign .Container--mycampaigns .CampaignTable table th:nth-child(4) {
      width: 150px; }
    .campaign .Container--mycampaigns .CampaignTable table th:last-child {
      padding-left: 10px;
      padding-right: 15px;
      text-align: right; }
  .campaign .Container--mycampaigns .CampaignTable table td {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    height: 40px;
    padding-left: 15px; }
    @media screen and (max-width: 470px) {
      .campaign .Container--mycampaigns .CampaignTable table td {
        height: 45px; } }
    .campaign .Container--mycampaigns .CampaignTable table td:last-child {
      padding-left: 10px;
      min-width: 45px;
      padding-right: 15px;
      text-align: right;
      width: 64px; }
    .campaign .Container--mycampaigns .CampaignTable table td a {
      font-weight: bold; }
      .campaign .Container--mycampaigns .CampaignTable table td a:hover {
        text-decoration: underline; }
      .campaign .Container--mycampaigns .CampaignTable table td a.Promote {
        color: #f16142; }
      .campaign .Container--mycampaigns .CampaignTable table td a.Edit {
        color: #48BE61; }
      .campaign .Container--mycampaigns .CampaignTable table td a.Save {
        color: #48BE61;
        display: none; }
    .campaign .Container--mycampaigns .CampaignTable table td .js-edit-input {
      display: none; }
    .campaign .Container--mycampaigns .CampaignTable table td input {
      color: #4E5F66;
      height: 30px;
      background: white;
      width: 100px; }
    .campaign .Container--mycampaigns .CampaignTable table td select {
      color: #4E5F66;
      height: 30px;
      background: white;
      width: 100px; }
  .campaign .Container--mycampaigns .CampaignTable table tbody tr:nth-child(odd) {
    background: #FFFFFF; }
  .campaign .Container--mycampaigns .CampaignTable table tbody tr.TableSubheading {
    background: transparent; }

.campaignpromote .Main-content .CopyInput {
  -ms-flex-align: center;
  align-items: center;
  background-color: #FFFFFF;
  border: 1px rgba(0, 0, 0, 0.1) dashed;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  max-width: 800px;
  width: 100%; }
  .campaignpromote .Main-content .CopyInput input {
    border: 0;
    color: #4E5F66;
    font-size: 18px;
    padding: 12px;
    width: 90%; }
  .campaignpromote .Main-content .CopyInput .Button {
    margin-left: auto;
    margin-right: 5px;
    overflow: hidden;
    padding: 8px;
    text-align: center; }

.campaignpromote .Main-content .Wrapper .Container--headings {
  padding-bottom: 40px; }

.campaignpromote .Main-content .Wrapper .Container--copy {
  padding-bottom: 60px; }
  .campaignpromote .Main-content .Wrapper .Container--copy .Caption {
    color: #4E5F66;
    width: 100%; }

.campaignpromote .Main-content .Wrapper .Container--result p {
  color: #4E5F66;
  font-weight: bold;
  padding-bottom: 10px;
  width: 100%; }

.campaignpromote .Main-content .Wrapper .Container--result .LanguageSelect {
  margin-bottom: 30px; }

.campaignpromote .Main-content .Wrapper .Container--result select {
  background: #FFFFFF;
  height: 32px;
  margin-top: 20px;
  max-width: 200px; }

.campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0;
  width: 100%; }
  .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .NavTabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }
    .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .NavTabs .NavTab {
      -ms-flex-align: center;
      align-items: center;
      background: #FFFFFF;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      color: #4E5F66;
      cursor: pointer;
      display: -ms-flexbox;
      display: flex;
      font-family: 'Arial', sans-serif;
      font-size: 16px;
      font-weight: bold;
      opacity: .5;
      padding: 20px 30px;
      width: 48%; }
      @media screen and (max-width: 470px) {
        .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .NavTabs .NavTab {
          color: transparent; } }
      .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .NavTabs .NavTab.active {
        opacity: 1; }
      .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .NavTabs .NavTab img {
        margin-right: 16px; }
  .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .TabbedContent {
    background: #FFFFFF;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display: block;
    padding: 40px 30px 40px;
    width: 100%; }
    .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .TabbedContent .NavContent {
      display: none;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 0; }
      .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .TabbedContent .NavContent.active {
        display: -ms-flexbox;
        display: flex;
        width: 100%; }
  .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .Zero-State {
    color: #878787; }
  .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .BoxSelect {
    margin-top: 20px;
    margin-bottom: 30px; }
    .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .BoxSelect ul li.landingpage {
      height: 165px; }
    .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .BoxSelect ul li label {
      padding: 15px; }
      .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .BoxSelect ul li label iframe {
        pointer-events: none; }
        .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .BoxSelect ul li label iframe.landingpage {
          height: 900px;
          min-height: 900px;
          min-width: 1400px;
          -ms-transform-origin: 50% 0%;
          -ms-transform: scale(0.15);
          transform: scale(0.15);
          width: 1400px; }
          @media screen and (max-width: 900px) {
            .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .BoxSelect ul li label iframe.landingpage {
              -ms-transform: scale(0.118);
              transform: scale(0.118); } }
          @media screen and (max-width: 600px) {
            .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .BoxSelect ul li label iframe.landingpage {
              -ms-transform: scale(0.1);
              transform: scale(0.1); } }
          @media screen and (max-width: 470px) {
            .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .BoxSelect ul li label iframe.landingpage {
              -ms-transform: scale(0.147);
              transform: scale(0.147); } }
        .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .BoxSelect ul li label iframe.square {
          height: 250px;
          min-height: 250px;
          min-width: 250px;
          -ms-transform-origin: 50% 10%;
          -ms-transform: scale(0.6);
          transform: scale(0.6);
          width: 250px; }
        .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .BoxSelect ul li label iframe.skyscraper {
          height: 600px;
          min-height: 600px;
          min-width: 160px;
          -ms-transform-origin: 50% 0%;
          -ms-transform: scale(0.3);
          transform: scale(0.3);
          width: 160px; }
        .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .BoxSelect ul li label iframe.horizontal {
          height: 90px;
          min-height: 90px;
          min-width: 728px;
          -ms-transform: scale(0.35);
          transform: scale(0.35);
          width: 728px; }
          @media screen and (max-width: 1560px) {
            .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .BoxSelect ul li label iframe.horizontal {
              -ms-transform: scale(0.28);
              transform: scale(0.28); } }
  .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .Actions {
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 20px;
    width: 100%; }
    .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .Actions.active {
      display: -ms-flexbox;
      display: flex; }
    .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .Actions .Button {
      text-align: center; }
      @media screen and (max-width: 470px) {
        .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .Actions .Button {
          width: 100%; } }
      .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .Actions .Button:first-child {
        margin-right: 10px; }
        @media screen and (max-width: 470px) {
          .campaignpromote .Main-content .Wrapper .Container--result .DynamicBanners .Actions .Button:first-child {
            margin-right: 0;
            margin-bottom: 10px; } }

.campaignpromote .Main-content .CopyModal {
  -ms-flex-align: end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }
  .campaignpromote .Main-content .CopyModal h5 {
    color: #4E5F66;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 20px;
    width: 100%; }
  .campaignpromote .Main-content .CopyModal .Button {
    margin-top: 15px; }

.dashboard {
  /* Base for .Caption styling */ }
  .dashboard img {
    max-height: 100%;
    max-width: 100%; }
  .dashboard .Heading {
    color: #f16142;
    text-transform: uppercase;
    font-size: 26px;
    width: 100%; }
  .dashboard .Subheading {
    color: #ACBEC5;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    line-height: 2;
    width: 100%; }
  .dashboard .Desc {
    color: #4E5F66;
    font-family: 'Arial', sans-serif;
    line-height: 2;
    width: 100%; }
    .dashboard .Desc a {
      color: #f16142;
      text-decoration: underline; }
  .dashboard .TooltipTrigger {
    color: #f16142;
    text-decoration: underline; }
  .dashboard h4 {
    font-family: 'Akzidenz Cnd', sans-serif;
    font-size: 20px;
    color: #4E5F66;
    text-transform: uppercase; }
  .dashboard .Container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    .dashboard .Container .Title {
      border-bottom: 0.5px rgba(0, 0, 0, 0.05) solid;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 20px;
      padding-bottom: 10px;
      width: 100%; }
      .dashboard .Container .Title .Caption {
        color: #4E5F66;
        padding-bottom: 10px;
        padding-top: 10px;
        width: 100%; }
  .dashboard .Card {
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
    border-radius: 3px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 210px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 1%;
    opacity: 1;
    overflow: hidden;
    padding-top: 50px;
    text-align: center;
    width: 23%; }
    @media screen and (-moz-images-in-menus: 0) {
      .dashboard .Card {
        margin-top: 10px;
        margin-bottom: 10px; } }
    .dashboard .Card .info {
      color: #f16142 !important; }
    .dashboard .Card .success {
      color: #48BE61 !important; }
    .dashboard .Card .CardArrow {
      color: #4E5F66;
      font-size: 40px;
      margin-top: -10px;
      padding-bottom: 10px;
      width: 100%; }
      @media screen and (max-width: 470px) {
        .dashboard .Card .CardArrow {
          font-size: 30px; } }
    .dashboard .Card .CardTitle {
      color: #4E5F66;
      font-family: 'Arial', sans-serif;
      font-weight: bold;
      font-size: 18px;
      padding-bottom: 20px;
      width: 100%; }
      @media screen and (max-width: 470px) {
        .dashboard .Card .CardTitle {
          font-size: 16px; } }
    .dashboard .Card .CardNumber {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      font-size: 75px;
      -ms-flex-pack: center;
      justify-content: center;
      color: #4E5F66;
      width: 100%; }
      @media screen and (max-width: 1200px) {
        .dashboard .Card .CardNumber {
          font-size: 60px; } }
      @media screen and (max-width: 470px) {
        .dashboard .Card .CardNumber {
          font-size: 30px; } }
      .dashboard .Card .CardNumber--small {
        font-size: 40px; }
        @media screen and (max-width: 470px) {
          .dashboard .Card .CardNumber--small {
            font-size: 30px; } }
      .dashboard .Card .CardNumber .CardCurrency {
        color: rgba(78, 95, 102, 0.4); }
        .dashboard .Card .CardNumber .CardCurrency.info {
          opacity: .5; }
    @media screen and (max-width: 768px) {
      .dashboard .Card {
        width: 48%; } }
    @media screen and (max-width: 470px) {
      .dashboard .Card {
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 0; } }
    .dashboard .Card[data-active='true'] {
      background-color: #4E5F66; }
      .dashboard .Card[data-active='true']:nth-child(1) {
        transition: opacity 0.125s ease 0.03125s, background 0.125s ease 0.03125s; }
      .dashboard .Card[data-active='true']:nth-child(2) {
        transition: opacity 0.125s ease 0.0625s, background 0.125s ease 0.0625s; }
      .dashboard .Card[data-active='true']:nth-child(3) {
        transition: opacity 0.125s ease 0.09375s, background 0.125s ease 0.09375s; }
      .dashboard .Card[data-active='true']:nth-child(4) {
        transition: opacity 0.125s ease 0.125s, background 0.125s ease 0.125s; }
      .dashboard .Card[data-active='true']:nth-child(5) {
        transition: opacity 0.125s ease 0.15625s, background 0.125s ease 0.15625s; }
      .dashboard .Card[data-active='true']:nth-child(6) {
        transition: opacity 0.125s ease 0.1875s, background 0.125s ease 0.1875s; }
      .dashboard .Card[data-active='true']:nth-child(7) {
        transition: opacity 0.125s ease 0.21875s, background 0.125s ease 0.21875s; }
      .dashboard .Card[data-active='true']:nth-child(8) {
        transition: opacity 0.125s ease 0.25s, background 0.125s ease 0.25s; }
      .dashboard .Card[data-active='true']:nth-child(9) {
        transition: opacity 0.125s ease 0.28125s, background 0.125s ease 0.28125s; }
      .dashboard .Card[data-active='true']:nth-child(10) {
        transition: opacity 0.125s ease 0.3125s, background 0.125s ease 0.3125s; }
      .dashboard .Card[data-active='true']:nth-child(11) {
        transition: opacity 0.125s ease 0.34375s, background 0.125s ease 0.34375s; }
      .dashboard .Card[data-active='true']:nth-child(12) {
        transition: opacity 0.125s ease 0.375s, background 0.125s ease 0.375s; }
      .dashboard .Card[data-active='true']:nth-child(13) {
        transition: opacity 0.125s ease 0.40625s, background 0.125s ease 0.40625s; }
      .dashboard .Card[data-active='true']:nth-child(14) {
        transition: opacity 0.125s ease 0.4375s, background 0.125s ease 0.4375s; }
      .dashboard .Card[data-active='true']:nth-child(15) {
        transition: opacity 0.125s ease 0.46875s, background 0.125s ease 0.46875s; }
      .dashboard .Card[data-active='true']:nth-child(16) {
        transition: opacity 0.125s ease 0.5s, background 0.125s ease 0.5s; }
      .dashboard .Card[data-active='true']:nth-child(17) {
        transition: opacity 0.125s ease 0.53125s, background 0.125s ease 0.53125s; }
      .dashboard .Card[data-active='true']:nth-child(18) {
        transition: opacity 0.125s ease 0.5625s, background 0.125s ease 0.5625s; }
      .dashboard .Card[data-active='true']:nth-child(19) {
        transition: opacity 0.125s ease 0.59375s, background 0.125s ease 0.59375s; }
      .dashboard .Card[data-active='true']:nth-child(20) {
        transition: opacity 0.125s ease 0.625s, background 0.125s ease 0.625s; }
      .dashboard .Card[data-active='true']:nth-child(21) {
        transition: opacity 0.125s ease 0.65625s, background 0.125s ease 0.65625s; }
      .dashboard .Card[data-active='true']:nth-child(22) {
        transition: opacity 0.125s ease 0.6875s, background 0.125s ease 0.6875s; }
      .dashboard .Card[data-active='true']:nth-child(23) {
        transition: opacity 0.125s ease 0.71875s, background 0.125s ease 0.71875s; }
      .dashboard .Card[data-active='true']:nth-child(24) {
        transition: opacity 0.125s ease 0.75s, background 0.125s ease 0.75s; }
      .dashboard .Card[data-active='true'] .CardContent {
        height: auto;
        opacity: 1;
        pointer-events: all; }
        .dashboard .Card[data-active='true'] .CardContent .CardTitle {
          display: block;
          color: #FFFFFF; }
        .dashboard .Card[data-active='true'] .CardContent .CardDescription {
          color: #FFFFFF;
          font-family: 'Arial', sans-serif;
          font-weight: normal;
          padding-left: 15px;
          padding-right: 15px; }
      .dashboard .Card[data-active='true'] .CardInfo {
        display: none;
        opacity: 0;
        pointer-events: none; }
      .dashboard .Card[data-active='true'].Card--wide .CardContent {
        display: -ms-flexbox;
        display: flex; }
    .dashboard .Card[data-active='false']:nth-child(1) {
      transition: opacity 0.125s ease 0.03125s, background 0.125s ease 0.03125s; }
    .dashboard .Card[data-active='false']:nth-child(2) {
      transition: opacity 0.125s ease 0.0625s, background 0.125s ease 0.0625s; }
    .dashboard .Card[data-active='false']:nth-child(3) {
      transition: opacity 0.125s ease 0.09375s, background 0.125s ease 0.09375s; }
    .dashboard .Card[data-active='false']:nth-child(4) {
      transition: opacity 0.125s ease 0.125s, background 0.125s ease 0.125s; }
    .dashboard .Card[data-active='false']:nth-child(5) {
      transition: opacity 0.125s ease 0.15625s, background 0.125s ease 0.15625s; }
    .dashboard .Card[data-active='false']:nth-child(6) {
      transition: opacity 0.125s ease 0.1875s, background 0.125s ease 0.1875s; }
    .dashboard .Card[data-active='false']:nth-child(7) {
      transition: opacity 0.125s ease 0.21875s, background 0.125s ease 0.21875s; }
    .dashboard .Card[data-active='false']:nth-child(8) {
      transition: opacity 0.125s ease 0.25s, background 0.125s ease 0.25s; }
    .dashboard .Card[data-active='false']:nth-child(9) {
      transition: opacity 0.125s ease 0.28125s, background 0.125s ease 0.28125s; }
    .dashboard .Card[data-active='false']:nth-child(10) {
      transition: opacity 0.125s ease 0.3125s, background 0.125s ease 0.3125s; }
    .dashboard .Card[data-active='false']:nth-child(11) {
      transition: opacity 0.125s ease 0.34375s, background 0.125s ease 0.34375s; }
    .dashboard .Card[data-active='false']:nth-child(12) {
      transition: opacity 0.125s ease 0.375s, background 0.125s ease 0.375s; }
    .dashboard .Card[data-active='false']:nth-child(13) {
      transition: opacity 0.125s ease 0.40625s, background 0.125s ease 0.40625s; }
    .dashboard .Card[data-active='false']:nth-child(14) {
      transition: opacity 0.125s ease 0.4375s, background 0.125s ease 0.4375s; }
    .dashboard .Card[data-active='false']:nth-child(15) {
      transition: opacity 0.125s ease 0.46875s, background 0.125s ease 0.46875s; }
    .dashboard .Card[data-active='false']:nth-child(16) {
      transition: opacity 0.125s ease 0.5s, background 0.125s ease 0.5s; }
    .dashboard .Card[data-active='false']:nth-child(17) {
      transition: opacity 0.125s ease 0.53125s, background 0.125s ease 0.53125s; }
    .dashboard .Card[data-active='false']:nth-child(18) {
      transition: opacity 0.125s ease 0.5625s, background 0.125s ease 0.5625s; }
    .dashboard .Card[data-active='false']:nth-child(19) {
      transition: opacity 0.125s ease 0.59375s, background 0.125s ease 0.59375s; }
    .dashboard .Card[data-active='false']:nth-child(20) {
      transition: opacity 0.125s ease 0.625s, background 0.125s ease 0.625s; }
    .dashboard .Card[data-active='false']:nth-child(21) {
      transition: opacity 0.125s ease 0.65625s, background 0.125s ease 0.65625s; }
    .dashboard .Card[data-active='false']:nth-child(22) {
      transition: opacity 0.125s ease 0.6875s, background 0.125s ease 0.6875s; }
    .dashboard .Card[data-active='false']:nth-child(23) {
      transition: opacity 0.125s ease 0.71875s, background 0.125s ease 0.71875s; }
    .dashboard .Card[data-active='false']:nth-child(24) {
      transition: opacity 0.125s ease 0.75s, background 0.125s ease 0.75s; }
    .dashboard .Card[data-active='false'] .CardContent {
      height: 0;
      opacity: 0;
      pointer-events: none; }
    .dashboard .Card--trans {
      background: rgba(255, 255, 255, 0.4); }
    .dashboard .Card--wide {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      padding-top: 0;
      width: 48%; }
      @media screen and (max-width: 768px) {
        .dashboard .Card--wide {
          width: 98%; } }
      .dashboard .Card--wide .CardInfo {
        display: -ms-flexbox;
        display: flex;
        width: 100%; }
        .dashboard .Card--wide .CardInfo .CardTitle {
          -ms-flex-align: center;
          align-items: center;
          display: -ms-flexbox;
          display: flex;
          padding-bottom: 0;
          -ms-flex-pack: center;
          justify-content: center;
          width: 50%; }
          @media screen and (max-width: 470px) {
            .dashboard .Card--wide .CardInfo .CardTitle {
              font-size: 20px; } }
        .dashboard .Card--wide .CardInfo .CardNumber {
          font-size: 86px;
          width: 50%; }
          @media screen and (max-width: 1200px) {
            .dashboard .Card--wide .CardInfo .CardNumber {
              font-size: 60px; } }
          @media screen and (max-width: 470px) {
            .dashboard .Card--wide .CardInfo .CardNumber {
              font-size: 30px; } }
      .dashboard .Card--wide .CardContent {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: none;
        opacity: 0; }
        .dashboard .Card--wide .CardContent .CardTitle {
          padding-bottom: 0;
          width: 50%; }
        .dashboard .Card--wide .CardContent .CardDescription {
          width: 50%; }
    .dashboard .Card--clickable {
      cursor: pointer; }
  .dashboard .to-top {
    background: white;
    border: 1px #F3F5F7 solid;
    border-radius: 50%;
    bottom: 20px;
    box-sizing: border-box;
    color: #f16142;
    cursor: pointer;
    height: 40px;
    line-height: 34px;
    opacity: 0;
    padding-top: 3px;
    position: fixed;
    right: 20px;
    text-align: center;
    transform: translate3d(0, 60px, 0);
    transition: opacity .3s, transform .3s;
    width: 40px;
    z-index: 999; }
    .dashboard .to-top.is-active {
      opacity: 1;
      transform: translate3d(0, 0, 0); }
  .dashboard [type="radio"]:not(:checked),
  .dashboard [type="radio"]:checked {
    position: absolute;
    left: -9999px; }
  .dashboard input[type=radio] ~ .Caption:before {
    font-family: FontAwesome;
    display: inline-block;
    color: rgba(172, 190, 197, 0.5);
    content: "\f1db";
    letter-spacing: 10px;
    font-size: 1.2em;
    margin-right: 5px;
    width: 1.4em; }
  .dashboard input[type=radio]:checked ~ .Caption:before {
    content: "\f192";
    color: #f16142;
    font-size: 1.2em;
    letter-spacing: 5px; }
  .dashboard input[type=radio]:focus:before {
    color: #f16142; }
  .dashboard .Accordion {
    color: transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 20px;
    width: 100%; }
    .dashboard .Accordion[data-active="true"] .AccordionTitle {
      background: transparent; }
    .dashboard .Accordion[data-active="true"] .AccordionContent {
      display: -ms-flexbox;
      display: flex; }
    .dashboard .Accordion[data-active="false"] .AccordionTitle {
      background: #F3F5F7;
      opacity: .5; }
    .dashboard .Accordion[data-complete="true"] .AccordionTitle .Complete {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex; }
      .dashboard .Accordion[data-complete="true"] .AccordionTitle .Complete .Number {
        padding: 5px 4px; }
    .dashboard .Accordion[data-complete="true"] .AccordionTitle .Label {
      display: none; }
    .dashboard .Accordion .AccordionTitle {
      -ms-flex-align: center;
      align-items: center;
      background: rgba(255, 255, 255, 0.5);
      border-radius: 5px;
      cursor: pointer;
      display: -ms-flexbox;
      display: flex;
      height: 55px;
      width: 100%; }
      .dashboard .Accordion .AccordionTitle p {
        color: #4E5F66;
        font-weight: bold; }
      .dashboard .Accordion .AccordionTitle .Complete {
        display: none; }
      .dashboard .Accordion .AccordionTitle .Label {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex; }
      .dashboard .Accordion .AccordionTitle .Number {
        background-color: #48BE61;
        border-radius: 100%;
        color: white;
        font-size: 20px;
        margin-left: 10px;
        margin-right: 20px;
        padding: 5px 12px; }
      .dashboard .Accordion .AccordionTitle .Preview {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        height: 50%;
        padding-left: 10px; }
        .dashboard .Accordion .AccordionTitle .Preview p {
          font-weight: normal; }
    .dashboard .Accordion .AccordionContent {
      display: none;
      padding: 20px;
      width: 100%; }
      .dashboard .Accordion .AccordionContent .Wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%; }
      .dashboard .Accordion .AccordionContent .Option {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        margin-bottom: 40px;
        width: 33.33%; }
        .dashboard .Accordion .AccordionContent .Option label {
          color: #4E5F66;
          font-family: 'Arial', sans-serif;
          height: 25px; }

.filtering-btn.is-active::before {
  border-bottom: 10px solid #0a87e7;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  content: "";
  height: 0;
  left: 28px;
  position: absolute;
  top: 34px;
  width: 0; }

.toggle-filters {
  display: none;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center; }
  @media screen and (max-width: 470px) {
    .toggle-filters {
      display: block; } }

.data-filtering {
  position: relative;
  text-align: right;
  z-index: 98; }
  @media screen and (max-width: 470px) {
    .data-filtering {
      display: none; } }
  .data-filtering > li {
    margin-bottom: 10px;
    position: relative; }
    @media screen and (max-width: 470px) {
      .data-filtering > li {
        width: 100%; } }
  .data-filtering.overlay {
    position: absolute; }
  .data-filtering .toggle-filters {
    display: none; }
    @media screen and (max-width: 470px) {
      .data-filtering .toggle-filters {
        display: block; } }
  .data-filtering .Button.toggle-options {
    min-width: 140px;
    text-align: left; }
    @media screen and (max-width: 470px) {
      .data-filtering .Button.toggle-options {
        height: 44px;
        padding: 14px 10px; } }
    .data-filtering .Button.toggle-options .glyphicon {
      float: right; }
    .data-filtering .Button.toggle-options.is-active {
      border-radius: 4px 4px 0 0; }
      .data-filtering .Button.toggle-options.is-active .glyphicon {
        float: right;
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
  .data-filtering .filter-options {
    background-color: #F3F5F7;
    border: 1px solid #4E5F66;
    border-radius: 0 0 4px 4px;
    display: none;
    max-width: 600px;
    min-width: 180px;
    overflow: hidden;
    padding-bottom: 15px;
    position: absolute;
    text-align: left;
    top: 29px;
    z-index: 1000; }
    @media screen and (max-width: 470px) {
      .data-filtering .filter-options {
        max-width: 100%;
        top: 40px;
        width: 100%; } }
    .data-filtering .filter-options.right {
      left: auto;
      right: 0; }
    .data-filtering .filter-options.long {
      max-height: 200px;
      overflow: auto;
      overflow-x: hidden; }
      .data-filtering .filter-options.long .checkbox-inline {
        white-space: nowrap; }
    .data-filtering .filter-options.extra-long {
      max-height: 400px;
      min-width: 240px;
      overflow: auto;
      overflow-x: hidden; }
      .data-filtering .filter-options.extra-long .checkbox-inline {
        white-space: nowrap; }
  .data-filtering .toggle-options.is-active + .filter-options {
    height: auto; }
  .data-filtering .daterange-filter {
    min-width: 510px;
    right: 0; }
    @media screen and (max-width: 470px) {
      .data-filtering .daterange-filter {
        min-width: 0; } }
    .data-filtering .daterange-filter .daterange-item {
      float: left;
      width: 50%; }
    .data-filtering .daterange-filter .Button {
      margin-right: 20px; }
  .data-filtering .monitor-name {
    font-weight: bold; }
  .data-filtering .keyword-list {
    padding-left: 10px; }
    .data-filtering .keyword-list li {
      width: 100%; }
      .data-filtering .keyword-list li + li {
        margin-left: 0 !important; }
  .data-filtering.list-inline li + li {
    margin-left: 10px; }
    @media screen and (max-width: 470px) {
      .data-filtering.list-inline li + li {
        margin-left: 0; } }
  .data-filtering button {
    font-family: 'Arial', sans-serif; }

.mediagallery .Main-content .Wrapper .Container--headings {
  margin-bottom: 40px; }

.mediagallery .Main-content .Wrapper .Container--select {
  margin-bottom: 30px; }
  .mediagallery .Main-content .Wrapper .Container--select select {
    background: #FFFFFF;
    color: #4E5F66;
    height: 35px;
    width: 300px; }

.mediagallery .Main-content .Wrapper .Container--content .ContentCard {
  display: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }
  .mediagallery .Main-content .Wrapper .Container--content .ContentCard.active {
    display: -ms-flexbox;
    display: flex; }
  .mediagallery .Main-content .Wrapper .Container--content .ContentCard .ZeroState {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 308px;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 100%; }
    .mediagallery .Main-content .Wrapper .Container--content .ContentCard .ZeroState h1 {
      color: #ACBEC5;
      font-family: 'Akzidenz Cnd', sans-serif;
      font-size: 30px;
      margin-top: 60px;
      text-align: center;
      text-transform: uppercase;
      z-index: 1; }
    .mediagallery .Main-content .Wrapper .Container--content .ContentCard .ZeroState img {
      position: absolute; }
  .mediagallery .Main-content .Wrapper .Container--content .ContentCard .Logo {
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
    border-radius: 3px;
    display: -ms-flexbox;
    display: flex;
    height: 155px;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
    width: 155px; }
    @media screen and (max-width: 470px) {
      .mediagallery .Main-content .Wrapper .Container--content .ContentCard .Logo {
        height: 200px;
        margin-right: 0;
        width: 100%; } }
    .mediagallery .Main-content .Wrapper .Container--content .ContentCard .Logo img {
      max-height: 60px;
      max-width: 130px; }
      @media screen and (max-width: 470px) {
        .mediagallery .Main-content .Wrapper .Container--content .ContentCard .Logo img {
          max-height: 90px;
          max-width: 240px; } }
    .mediagallery .Main-content .Wrapper .Container--content .ContentCard .Logo:hover .Actions {
      opacity: 1;
      transition: opacity 0.25s ease; }
    .mediagallery .Main-content .Wrapper .Container--content .ContentCard .Logo .Actions {
      bottom: 0;
      opacity: 0;
      margin-right: 10px;
      margin-bottom: 10px;
      position: absolute;
      right: 0; }
      .mediagallery .Main-content .Wrapper .Container--content .ContentCard .Logo .Actions .Download {
        -ms-flex-align: center;
        align-items: center;
        background: #f16142;
        border-radius: 2px;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        height: 25px;
        -ms-flex-pack: center;
        justify-content: center;
        width: 25px;
        color: #FFFFFF; }

.dashboard .notice-wrapper {
  position: absolute;
  width: 100%;
  z-index: 99;
  transition: top 0.5s ease-in-out; }
  .dashboard .notice-wrapper.is-scrolled {
    position: fixed;
    top: 0; }

.dashboard .notice-container {
  display: block;
  opacity: 0;
  left: 300px;
  padding: 15px;
  position: relative;
  text-decoration: none;
  width: calc(100% - 300px);
  z-index: 999;
  animation-duration: .4s; }

.dashboard .page .notice-wrapper.is-scrolled {
  top: 80px; }

.dashboard .page.prlanding .notice-wrapper {
  z-index: 9999999 !important; }
  .dashboard .page.prlanding .notice-wrapper.is-scrolled {
    top: 0; }

.dashboard .page .notice-container {
  text-align: center; }

.dashboard .notice-container .notice-header {
  color: #4E5F66;
  font-family: 'Akzidenz Cnd', sans-serif;
  font-size: 26px;
  margin: 0 0 4px 0;
  text-align: center;
  text-transform: uppercase; }

.dashboard .notice-container p {
  color: #666666;
  font-family: 'Arial', sans-serif;
  text-align: center; }

.dashboard .notice-container strong {
  font-family: 'Arial', sans-serif;
  font-size: 12px;
  font-weight: bold; }

.dashboard .notice-container .notice-icon {
  height: 32px;
  left: 20px;
  position: absolute;
  top: 20px;
  width: 32px; }

.dashboard .notice-container .notice-close {
  color: #435363;
  position: absolute;
  margin-top: -10px;
  right: 20px;
  text-decoration: underline;
  top: 50%; }

.dashboard .notice-container.error {
  background: #E57A76;
  color: #8E2F2B; }
  .dashboard .notice-container.error .notice-header {
    color: #8E2F2B; }
  .dashboard .notice-container.error p {
    color: #8E2F2B;
    font-family: 'Arial', sans-serif;
    font-weight: 400; }

.dashboard .notice-container.success {
  background: #77D880;
  color: #3A592D; }
  .dashboard .notice-container.success .notice-header {
    color: #3A592D; }
  .dashboard .notice-container.success p {
    color: #3A592D;
    font-family: 'Arial', sans-serif;
    font-weight: 400; }

.dashboard .notice-container.generic {
  background: #F7B649;
  color: #754E0C; }
  .dashboard .notice-container.generic .notice-header {
    color: #754E0C; }
  .dashboard .notice-container.generic p {
    color: #754E0C;
    font-family: 'Arial', sans-serif;
    font-weight: 400; }

.dashboard .is-hidden {
  opacity: 0; }

.dashboard .is-visible {
  opacity: 1; }

.earnings .Main-content .Wrapper .Loading {
  -ms-flex-align: center;
  align-items: center;
  display: none;
  -ms-flex-pack: center;
  justify-content: center;
  height: 400px; }
  .earnings .Main-content .Wrapper .Loading img {
    max-height: 65px;
    max-width: 65px; }

.earnings .Main-content .Wrapper[data-content="loading"] .Loading {
  display: -ms-flexbox;
  display: flex; }

.earnings .Main-content .Wrapper[data-content="loading"] .Container--graph {
  opacity: 0;
  height: 0; }

.earnings .Main-content .Wrapper[data-content="loading"] .Container--table {
  display: none; }

.earnings .Main-content .Wrapper[data-content="loading"] .Container--zero-state {
  display: none; }

.earnings .Main-content .Wrapper[data-content="false"] .Container--graph {
  opacity: 0;
  height: 0; }

.earnings .Main-content .Wrapper[data-content="false"] .Container--table {
  display: none; }

.earnings .Main-content .Wrapper[data-content="false"] .Container--zero-state {
  display: -ms-flexbox;
  display: flex; }

.earnings .Main-content .Wrapper[data-content="true"] .Container--graph {
  opacity: 1;
  height: auto; }

.earnings .Main-content .Wrapper[data-content="true"] .Container--table {
  display: -ms-flexbox;
  display: flex; }

.earnings .Main-content .Wrapper[data-content="true"] .Container--zero-state {
  display: none; }

.earnings .Main-content .Wrapper .Container {
  margin-left: 1%; }
  .earnings .Main-content .Wrapper .Container--headings {
    padding-bottom: 40px; }
  .earnings .Main-content .Wrapper .Container--zero-state {
    padding-top: 60px; }
    .earnings .Main-content .Wrapper .Container--zero-state .ZeroState {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      height: 308px;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      width: 100%; }
      .earnings .Main-content .Wrapper .Container--zero-state .ZeroState h1 {
        color: #ACBEC5;
        font-family: 'Akzidenz Cnd', sans-serif;
        font-size: 30px;
        margin-top: 60px;
        text-align: center;
        text-transform: uppercase;
        z-index: 1; }
      .earnings .Main-content .Wrapper .Container--zero-state .ZeroState img {
        position: absolute; }
  .earnings .Main-content .Wrapper .Container--cards {
    margin-left: 0;
    margin-bottom: 60px; }
    .earnings .Main-content .Wrapper .Container--cards .Title {
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-left: 1%; }
      .earnings .Main-content .Wrapper .Container--cards .Title h4 {
        margin-top: 10px; }
    .earnings .Main-content .Wrapper .Container--cards .Cards {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%; }
      .earnings .Main-content .Wrapper .Container--cards .Cards .Card {
        height: 210px;
        width: 31.33%; }
        @media screen and (max-width: 1170px) {
          .earnings .Main-content .Wrapper .Container--cards .Cards .Card {
            width: 48%; } }
        .earnings .Main-content .Wrapper .Container--cards .Cards .Card--total {
          margin-left: auto; }
  .earnings .Main-content .Wrapper .Container--graph {
    z-index: 10; }
    .earnings .Main-content .Wrapper .Container--graph .Title {
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .earnings .Main-content .Wrapper .Container--graph .Title .Actions {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex; }
        .earnings .Main-content .Wrapper .Container--graph .Title .Actions .Label {
          color: #4E5F66;
          font-family: 'Arial', sans-serif;
          font-size: 14px;
          margin-right: 15px; }
      .earnings .Main-content .Wrapper .Container--graph .Title .toggle-options {
        background: white;
        border: 1px #e9e9e9 solid;
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        margin-right: 15px;
        min-width: auto;
        padding: 8px 24px 8px;
        text-align: left;
        text-transform: none; }
        @media screen and (max-width: 470px) {
          .earnings .Main-content .Wrapper .Container--graph .Title .toggle-options {
            padding: 14px 10px; } }
    .earnings .Main-content .Wrapper .Container--graph[data-fixed] {
      background: #F3F5F7;
      max-width: 1200px;
      position: fixed;
      top: 0;
      border-top: 20px #F3F5F7 solid; }
      .earnings .Main-content .Wrapper .Container--graph[data-fixed] .Title--secondary {
        margin-bottom: 0; }
    .earnings .Main-content .Wrapper .Container--graph .EarningsGraph {
      height: 300px;
      margin-bottom: 60px;
      width: 100%; }
      @media screen and (max-width: 470px) {
        .earnings .Main-content .Wrapper .Container--graph .EarningsGraph {
          height: 200px; } }
  .earnings .Main-content .Wrapper .Container--table table {
    border-collapse: collapse;
    color: #4E5F66;
    font-family: 'Arial', sans-serif;
    width: 100%; }
    .earnings .Main-content .Wrapper .Container--table table th {
      font-weight: bold;
      height: 40px;
      font-size: 14px;
      padding-left: 15px;
      text-align: left; }
      .earnings .Main-content .Wrapper .Container--table table th:first-child {
        width: 138px; }
      .earnings .Main-content .Wrapper .Container--table table th:last-child {
        padding-left: 0;
        padding-right: 15px;
        text-align: right; }
    .earnings .Main-content .Wrapper .Container--table table td {
      font-size: 14px;
      height: 34px;
      padding-left: 15px; }
      @media screen and (max-width: 470px) {
        .earnings .Main-content .Wrapper .Container--table table td {
          height: 45px; } }
      .earnings .Main-content .Wrapper .Container--table table td:last-child {
        padding-left: 0;
        padding-right: 15px;
        text-align: right; }
    .earnings .Main-content .Wrapper .Container--table table tbody tr:nth-child(odd) {
      background: #FFFFFF; }
    .earnings .Main-content .Wrapper .Container--table table tbody tr.TableSubheading {
      background: transparent; }
  .earnings .Main-content .Wrapper .Container--table .Ammount {
    color: #48BE61;
    font-weight: bold; }
  .earnings .Main-content .Wrapper .Container--table .LoadMore {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    width: 100%; }
    .earnings .Main-content .Wrapper .Container--table .LoadMore .Ellipsis {
      color: rgba(78, 95, 102, 0.8);
      font-size: 28px;
      margin-bottom: 15px;
      margin-top: 5px;
      text-align: center;
      width: 100%; }
    .earnings .Main-content .Wrapper .Container--table .LoadMore .Button {
      color: rgba(78, 95, 102, 0.8);
      border-color: rgba(78, 95, 102, 0.8);
      padding: 13px 15px 8px;
      border-radius: 12px; }

.promote .Main-content .Wrapper .Container--select {
  margin-bottom: 50px; }
  .promote .Main-content .Wrapper .Container--select .Title {
    margin-right: 1%;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .promote .Main-content .Wrapper .Container--select .Actions {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex; }
    .promote .Main-content .Wrapper .Container--select .Actions .Caption {
      color: #4E5F66;
      font-family: 'Arial', sans-serif;
      font-size: 14px;
      margin-right: 5px;
      padding-top: 0;
      padding-bottom: 5px; }
    .promote .Main-content .Wrapper .Container--select .Actions .ViewToggle {
      margin-left: 5px; }
      .promote .Main-content .Wrapper .Container--select .Actions .ViewToggle i {
        color: #ACBEC5;
        cursor: pointer; }
      .promote .Main-content .Wrapper .Container--select .Actions .ViewToggle input {
        display: none; }
      .promote .Main-content .Wrapper .Container--select .Actions .ViewToggle input:checked + label i {
        color: #f16142; }
  .promote .Main-content .Wrapper .Container--select .Campaign {
    width: 100%; }
    .promote .Main-content .Wrapper .Container--select .Campaign[data-view="cards"] .CampaignCards {
      display: -ms-flexbox;
      display: flex; }
    .promote .Main-content .Wrapper .Container--select .Campaign[data-view="cards"] .CampaignTable {
      display: none; }
    .promote .Main-content .Wrapper .Container--select .Campaign[data-view="table"] .CampaignCards {
      display: none; }
    .promote .Main-content .Wrapper .Container--select .Campaign[data-view="table"] .CampaignTable {
      display: -ms-flexbox;
      display: flex; }
  .promote .Main-content .Wrapper .Container--select .CampaignCards {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    .promote .Main-content .Wrapper .Container--select .CampaignCards .Card {
      height: 160px;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 1% 1% 2%;
      padding: 14px;
      width: 31.33%; }
      @media screen and (max-width: 1170px) {
        .promote .Main-content .Wrapper .Container--select .CampaignCards .Card {
          width: 48%; } }
      @media screen and (max-width: 470px) {
        .promote .Main-content .Wrapper .Container--select .CampaignCards .Card {
          width: 100%; } }
      .promote .Main-content .Wrapper .Container--select .CampaignCards .Card .CampaignDetails {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-family: 'Arial', sans-serif;
        text-align: left;
        width: 100%; }
        .promote .Main-content .Wrapper .Container--select .CampaignCards .Card .CampaignDetails .title {
          color: #4E5F66;
          font-weight: bold;
          font-size: 16px;
          width: 100%; }
        .promote .Main-content .Wrapper .Container--select .CampaignCards .Card .CampaignDetails .date {
          color: #ACBEC5;
          font-size: 14px;
          margin-top: 5px;
          width: 100%; }
        .promote .Main-content .Wrapper .Container--select .CampaignCards .Card .CampaignDetails .bonus {
          color: #4E5F66;
          font-size: 14px;
          margin-top: 15px;
          width: 100%; }
      .promote .Main-content .Wrapper .Container--select .CampaignCards .Card .Button {
        margin-top: auto;
        width: 50%; }
        @media screen and (max-width: 1200px) {
          .promote .Main-content .Wrapper .Container--select .CampaignCards .Card .Button {
            width: 100%; } }
  .promote .Main-content .Wrapper .Container--select .CampaignTable table {
    border-bottom: 0.5px rgba(0, 0, 0, 0.05) solid;
    border-collapse: collapse;
    color: #4E5F66;
    font-family: 'Arial', sans-serif;
    table-layout: fixed;
    width: 100%; }
    @media screen and (max-width: 1000px) {
      .promote .Main-content .Wrapper .Container--select .CampaignTable table .hidden-small {
        display: none !important; } }
    .promote .Main-content .Wrapper .Container--select .CampaignTable table.Total {
      margin-top: 20px;
      padding-top: 40px; }
    .promote .Main-content .Wrapper .Container--select .CampaignTable table th {
      font-size: 14px;
      font-weight: bold;
      height: 40px;
      padding-left: 15px;
      text-align: left; }
      .promote .Main-content .Wrapper .Container--select .CampaignTable table th:nth-child(1) {
        width: 120px; }
        @media screen and (max-width: 470px) {
          .promote .Main-content .Wrapper .Container--select .CampaignTable table th:nth-child(1) {
            width: 90px; } }
      .promote .Main-content .Wrapper .Container--select .CampaignTable table th:nth-child(2) {
        width: 100px; }
      .promote .Main-content .Wrapper .Container--select .CampaignTable table th:nth-child(3) {
        width: 90px; }
      .promote .Main-content .Wrapper .Container--select .CampaignTable table th:nth-child(4) {
        width: 150px; }
      .promote .Main-content .Wrapper .Container--select .CampaignTable table th:last-child {
        padding-left: 10px;
        padding-right: 15px;
        text-align: right; }
    .promote .Main-content .Wrapper .Container--select .CampaignTable table td {
      font-family: 'Arial', sans-serif;
      font-size: 14px;
      height: 40px;
      padding-left: 15px; }
      @media screen and (max-width: 470px) {
        .promote .Main-content .Wrapper .Container--select .CampaignTable table td {
          height: 45px; } }
      .promote .Main-content .Wrapper .Container--select .CampaignTable table td:nth-child(2) {
        min-width: 140px;
        width: 190px; }
      .promote .Main-content .Wrapper .Container--select .CampaignTable table td:nth-child(3) {
        min-width: 120px;
        width: 128px; }
      .promote .Main-content .Wrapper .Container--select .CampaignTable table td:nth-child(7) {
        text-align: right;
        padding-right: 30px; }
      .promote .Main-content .Wrapper .Container--select .CampaignTable table td:last-child {
        padding-left: 10px;
        min-width: 45px;
        padding-right: 15px;
        text-align: right;
        width: 64px; }
      .promote .Main-content .Wrapper .Container--select .CampaignTable table td a {
        font-weight: bold; }
        .promote .Main-content .Wrapper .Container--select .CampaignTable table td a:hover {
          text-decoration: underline; }
        .promote .Main-content .Wrapper .Container--select .CampaignTable table td a.Promote {
          color: #48BE61; }
      .promote .Main-content .Wrapper .Container--select .CampaignTable table td .js-edit-input {
        display: none; }
      .promote .Main-content .Wrapper .Container--select .CampaignTable table td input {
        color: #4E5F66;
        height: 30px;
        background: white;
        width: 100px; }
      .promote .Main-content .Wrapper .Container--select .CampaignTable table td select {
        color: #4E5F66;
        height: 30px;
        background: white;
        width: 100px; }
    .promote .Main-content .Wrapper .Container--select .CampaignTable table tbody tr:nth-child(odd) {
      background: #FFFFFF; }
    .promote .Main-content .Wrapper .Container--select .CampaignTable table tbody tr.TableSubheading {
      background: transparent; }

.promote .Main-content .Wrapper .Container--headings {
  padding-bottom: 40px; }

.page .Main-content .Header {
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  font-family: "Open sans", "Arial";
  text-transform: none;
  transition: background-color 300ms ease, color 260ms ease, padding 180ms ease; }

.page .Header.hidden-mobile.Menu-transparent {
  background-color: #0f4e71;
  padding: 20px 10px; }

.page .Header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 1190px) {
    .page .Header {
      padding-left: 10px;
      padding-right: 10px; } }
  .page .Header .Wrapper {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 1170px; }
    @media screen and (max-width: 1190px) {
      .page .Header .Wrapper {
        width: 100%; } }
    .page .Header .Wrapper .Logo {
      display: -ms-flexbox;
      display: flex; }
      .page .Header .Wrapper .Logo a {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        width: 100%; }
        .page .Header .Wrapper .Logo a img {
          width: 145px; }
    .page .Header .Wrapper .Menu {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex; }
      .page .Header .Wrapper .Menu ul {
        display: -ms-flexbox;
        display: flex;
        list-style-type: none;
        margin: 0 30px; }
        .page .Header .Wrapper .Menu ul li {
          margin-right: 30px; }
          .page .Header .Wrapper .Menu ul li:last-child {
            margin-right: 0; }
          .page .Header .Wrapper .Menu ul li a {
            font-size: 16px; }
            .page .Header .Wrapper .Menu ul li a.active {
              color: #4F91C5; }
            .page .Header .Wrapper .Menu ul li a:hover {
              color: #4F91C5; }
    .page .Header .Wrapper #blog-link a {
      color: #fff;
      font-size: 16px; }
      .page .Header .Wrapper #blog-link a.active {
        color: #4F91C5; }
      .page .Header .Wrapper #blog-link a:hover {
        color: #4F91C5; }
    .page .Header .Wrapper .Header-actions {
      display: -ms-flexbox;
      display: flex;
      margin-left: auto; }
      .page .Header .Wrapper .Header-actions .Button {
        padding: 8px 15px;
        margin-right: 10px; }
      .page .Header .Wrapper .Header-actions .Button.Join-now {
        padding: 15px 20px;
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 1px; }
  .page .Header--mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999; }
    .page .Header--mobile .Wrapper {
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .page .Header--mobile .Wrapper .Logo {
        height: 60%; }
      .page .Header--mobile .Wrapper .MobileToggle {
        -ms-flex-align: center;
        align-items: center;
        color: #f16142;
        display: -ms-flexbox;
        display: flex;
        font-size: 18px;
        height: 57%;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 10px;
        width: 60px;
        z-index: 4;
        width: 86px; }
        .page .Header--mobile .Wrapper .MobileToggle .MobileClose {
          display: none;
          width: 100%;
          height: 100%;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -ms-flex-align: center;
          align-items: center; }
        .page .Header--mobile .Wrapper .MobileToggle .MobileClose:hover, .page .Header--mobile .Wrapper .MobileToggle .MobileOpen:hover {
          cursor: pointer; }
        .page .Header--mobile .Wrapper .MobileToggle .MobileOpen {
          height: 100%;
          width: 100%;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: center;
          justify-content: center;
          border: 1px #f16142 solid;
          border-radius: 3px;
          padding: 10px; }
          .page .Header--mobile .Wrapper .MobileToggle .MobileOpen i {
            margin-radius: 10px; }
          .page .Header--mobile .Wrapper .MobileToggle .MobileOpen span {
            margin-left: 3px;
            margin-right: 3px;
            text-transform: uppercase; }
      .page .Header--mobile .Wrapper #MobileToggle {
        display: none; }
        .page .Header--mobile .Wrapper #MobileToggle:checked + label .MobileOpen {
          display: none !important; }
        .page .Header--mobile .Wrapper #MobileToggle:checked + label .MobileClose {
          display: -ms-flexbox;
          display: flex; }
    .page .Header--mobile .ResponsiveMenu {
      background-color: #FFFFFF;
      display: block;
      height: calc(100vh + 75px);
      left: 100vw;
      position: absolute;
      top: 64px;
      transition: left .25s ease-in-out;
      width: 100vw;
      z-index: 4; }
      .page .Header--mobile .ResponsiveMenu .MobileActions {
        background-color: #FBFBFC;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 20px;
        padding-top: 20px; }
        .page .Header--mobile .ResponsiveMenu .MobileActions a {
          padding: 20px 10px;
          width: 50%; }
          .page .Header--mobile .ResponsiveMenu .MobileActions a .Button {
            padding: 20px 0;
            text-align: center;
            font-family: "Montserrat", sans-serif;
            font-size: 16px;
            font-weight: 600;
            width: 100%; }
      .page .Header--mobile .ResponsiveMenu .Menu--mobile {
        padding: 2vh 10vw; }
        .page .Header--mobile .ResponsiveMenu .Menu--mobile ul {
          list-style: none; }
          .page .Header--mobile .ResponsiveMenu .Menu--mobile ul li {
            font-size: 20px;
            padding-bottom: 20px;
            text-align: center;
            text-transform: uppercase;
            font-family: "Open sans", "Arial";
            font-weight: 600; }
            .page .Header--mobile .ResponsiveMenu .Menu--mobile ul li a {
              color: #0f4e71; }
              .page .Header--mobile .ResponsiveMenu .Menu--mobile ul li a.active {
                color: #4F91C5; }
    .page .Header--mobile--active .ResponsiveMenu {
      left: 0; }
    .page .Header--mobile .Wrapper .Logo a img {
      width: 125px; }

.page .Footer {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: 'Open sans', sans-serif;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 20px 0; }
  @media screen and (max-width: 1024px) {
    .page .Footer {
      padding: 20px 20px;
      text-align: center; } }
  .page .Footer .Wrapper {
    -ms-flex-line-pack: center;
    align-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1170px;
    margin: 0 auto; }
    @media screen and (max-width: 1025px) {
      .page .Footer .Wrapper {
        display: block;
        width: 100%; } }
    .page .Footer .Wrapper .Content {
      border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
      margin-top: 30px;
      padding-bottom: 20px; }
      .page .Footer .Wrapper .Content .Logo {
        text-align: center; }
        .page .Footer .Wrapper .Content .Logo .Image {
          margin: 0 auto 30px auto;
          width: 145px; }
      .page .Footer .Wrapper .Content .Image h4 {
        float: left;
        margin-right: 10px;
        font-size: 18px;
        font-weight: 400; }
        @media screen and (max-width: 1025px) {
          .page .Footer .Wrapper .Content .Image h4 {
            float: none;
            margin-right: 0;
            margin-bottom: 10px; } }
      .page .Footer .Wrapper .Content .Image span {
        color: #219af7;
        font-size: 18px;
        font-weight: 400; }
    .page .Footer .Wrapper .Copyright {
      margin-bottom: 15px;
      margin-top: 40px;
      width: 1170px;
      text-align: center; }
      @media screen and (max-width: 1025px) {
        .page .Footer .Wrapper .Copyright {
          width: 100%; } }
      .page .Footer .Wrapper .Copyright p {
        font-size: 11px;
        line-height: 22px; }
        .page .Footer .Wrapper .Copyright p a {
          font-weight: 600;
          color: #219af7; }

.page .Main-content {
  background-color: #FBFBFC;
  overflow: hidden; }

.page.home .Header .Menu-link {
  color: #fff; }

body.fixed .Header, body.is-scrolled .Header {
  background-color: #fff; }
  body.fixed .Header .Menu-link, body.is-scrolled .Header .Menu-link {
    color: #114d6f !important; }

.dashboard {
  height: 100%; }
  .dashboard body {
    min-height: 100%; }
  .dashboard .ContentWrapper {
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    left: 0;
    position: absolute;
    transition: left .25s ease-in-out;
    width: 100%; }
    @media screen and (max-width: 768px) {
      .dashboard .ContentWrapper {
        width: calc(100% + 300px); } }
  @media screen and (max-width: 768px) and (max-width: 350px) {
    .dashboard .ContentWrapper {
      width: calc(100% + 250px); } }
    @media screen and (max-width: 768px) {
        .dashboard .ContentWrapper.hidden {
          left: -300px; } }
    @media screen and (max-width: 768px) and (max-width: 350px) {
      .dashboard .ContentWrapper.hidden {
        left: -250px; } }
    @media screen and (max-width: 768px) {
          .dashboard .ContentWrapper.hidden .Header {
            left: -300px; } }
      @media screen and (max-width: 768px) and (max-width: 350px) {
        .dashboard .ContentWrapper.hidden .Header {
          left: -250px; } }
    @media screen and (max-width: 768px) {
            .dashboard .ContentWrapper.hidden .Header .navigation-toggle:before {
              content: "\f0c9"; } }
    .dashboard .ContentWrapper .Header {
      background-color: #FFFFFF;
      color: #f16142;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      font-size: 20px;
      height: 100vh;
      left: 0;
      position: fixed;
      transition: left .25s ease-in-out;
      width: 300px;
      z-index: 99; }
      @media screen and (max-width: 350px) {
        .dashboard .ContentWrapper .Header {
          width: 250px; } }
      .dashboard .ContentWrapper .Header .MenuWrapper {
        margin-left: 40px; }
      .dashboard .ContentWrapper .Header .navigation-toggle {
        border-right: 1px #F3F5F7 solid;
        border-bottom: 1px #F3F5F7 solid;
        display: none;
        left: 300px;
        position: absolute;
        top: 0;
        z-index: 50; }
        @media screen and (max-width: 350px) {
          .dashboard .ContentWrapper .Header .navigation-toggle {
            left: 250px; } }
        .dashboard .ContentWrapper .Header .navigation-toggle:before {
          border-color: #FFFFFF;
          border-style: solid;
          border-width: 25px 0 25px 50px;
          color: #f16142;
          content: "\f00d";
          display: block;
          font-family: 'FontAwesome';
          font-size: 14px;
          font-weight: 300;
          height: 0;
          line-height: 0;
          text-align: center;
          text-indent: -50px;
          width: 0;
          z-index: 50; }
        @media screen and (max-width: 768px) {
          .dashboard .ContentWrapper .Header .navigation-toggle {
            display: block; } }
      .dashboard .ContentWrapper .Header .Logo {
        padding: 20px 75px;
        width: 100%; }
      .dashboard .ContentWrapper .Header .User-info {
        border-bottom: 0.5px rgba(0, 0, 0, 0.05) solid;
        border-top: 0.5px rgba(0, 0, 0, 0.05) solid;
        width: 100%; }
        .dashboard .ContentWrapper .Header .User-info .MenuWrapper {
          -ms-flex-align: center;
          align-items: center;
          display: -ms-flexbox;
          display: flex;
          padding-bottom: 20px;
          padding-top: 20px; }
          .dashboard .ContentWrapper .Header .User-info .MenuWrapper .Image {
            background-position: center;
            background-size: cover;
            border-radius: 50%;
            height: 50px;
            overflow: hidden;
            width: 50px; }
          .dashboard .ContentWrapper .Header .User-info .MenuWrapper .Text {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-left: 5%;
            width: 100%; }
            .dashboard .ContentWrapper .Header .User-info .MenuWrapper .Text .Greeting {
              margin-right: 4px; }
              .dashboard .ContentWrapper .Header .User-info .MenuWrapper .Text .Greeting p {
                color: #ACBEC5;
                font-weight: bold; }
            .dashboard .ContentWrapper .Header .User-info .MenuWrapper .Text .Username h4 {
              font-family: 'Arial', sans-serif;
              font-size: 16px;
              text-transform: none; }
            .dashboard .ContentWrapper .Header .User-info .MenuWrapper .Text .Signout {
              width: 100%; }
              .dashboard .ContentWrapper .Header .User-info .MenuWrapper .Text .Signout a {
                color: #4E5F66;
                font-family: 'Arial', sans-serif;
                font-size: 14px;
                text-decoration: underline; }
      .dashboard .ContentWrapper .Header .Menu {
        width: 100%; }
        .dashboard .ContentWrapper .Header .Menu ul {
          list-style: none;
          padding-top: 20px; }
          .dashboard .ContentWrapper .Header .Menu ul li {
            border-left: 4px transparent solid;
            font-size: 18px;
            margin-bottom: 20px;
            padding-bottom: 5px;
            padding-top: 5px;
            text-transform: capitalize; }
            .dashboard .ContentWrapper .Header .Menu ul li a {
              color: #464545;
              transition: color .125s ease; }
              .dashboard .ContentWrapper .Header .Menu ul li a i {
                margin-right: 15px; }
            .dashboard .ContentWrapper .Header .Menu ul li:hover a {
              color: #f16142; }
            .dashboard .ContentWrapper .Header .Menu ul li.active {
              border-left: 4px #f16142 solid; }
              .dashboard .ContentWrapper .Header .Menu ul li.active a {
                color: #f16142; }
      .dashboard .ContentWrapper .Header .Footer {
        margin-bottom: 70px;
        margin-top: auto;
        width: 100%; }
        .dashboard .ContentWrapper .Header .Footer h4 {
          margin-top: 20px;
          text-transform: capitalize; }
        .dashboard .ContentWrapper .Header .Footer .Image img {
          width: 50px; }
        .dashboard .ContentWrapper .Header .Footer .Phone {
          color: #4E5F66;
          margin-top: 15px;
          margin-bottom: 10px; }
        .dashboard .ContentWrapper .Header .Footer a {
          color: #f16142;
          text-decoration: underline; }
    .dashboard .ContentWrapper .Main-content {
      background-color: #F3F5F7;
      box-sizing: border-box;
      margin-left: 300px;
      min-height: 100%;
      padding: 60px 30px;
      width: calc(100vw - 300px); }
      @media screen and (max-width: 768px) {
        .dashboard .ContentWrapper .Main-content {
          padding: 80px 30px 60px;
          width: 100vw; } }
      @media screen and (max-width: 350px) {
        .dashboard .ContentWrapper .Main-content {
          margin-left: 250px; } }
      .dashboard .ContentWrapper .Main-content .Wrapper {
        max-width: 1200px; }

@media screen and (min-width: 1000px) {
  body .hidden-desktop {
    display: none !important; } }

@media screen and (max-width: 1000px) {
  body .hidden-mobile {
    display: none !important; } }

@media screen and (max-width: 767px) {
  body .hidden-mobile-phone {
    display: none !important; } }

@media screen and (min-width: 470px) {
  body .mobile-only {
    display: none !important; } }

.help-request-wrapper {
  bottom: 20px;
  left: 20px;
  position: fixed;
  z-index: 9999; }
  @media screen and (max-width: 470px) {
    .help-request-wrapper {
      display: none; } }
  .help-request-wrapper .form-container {
    color: #666;
    list-style: none;
    margin: 0;
    padding: 0; }
    .help-request-wrapper .form-container .form-row {
      margin-bottom: 11px; }
      .help-request-wrapper .form-container .form-row .field {
        padding: 6px 10px;
        margin: 0 0 4px;
        width: 230px;
        font-family: "Open sans", "Arial"; }
      .help-request-wrapper .form-container .form-row select {
        height: 31px; }
  .help-request-wrapper .toggle-help-request {
    background: #f16142;
    border-radius: 30px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    padding: 10px 20px; }
    .help-request-wrapper .toggle-help-request span {
      color: #FFFFFF;
      font-family: 'Arial', sans-serif;
      font-size: 14px; }
      .help-request-wrapper .toggle-help-request span.question-mark {
        border: 2px solid #FFFFFF;
        border-radius: 50%;
        height: 20px;
        display: inline-block;
        text-align: center;
        width: 20px; }
  .help-request-wrapper .help-request-form {
    background: #FFFFFF;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    padding: 20px;
    padding-top: 0;
    position: relative; }
    .help-request-wrapper .help-request-form .resp-msg {
      background: #cd0a0a;
      color: #FFFFFF;
      left: -1px;
      opacity: .9;
      padding: 10px;
      position: absolute;
      top: 40px;
      width: calc(100% + 2px);
      z-index: 99; }
      .help-request-wrapper .help-request-form .resp-msg.success {
        background: #59cd90; }
    .help-request-wrapper .help-request-form .help-top-bar {
      background: #f16142;
      border-radius: 3px 3px 0 0;
      color: #FFFFFF;
      font-size: 16px;
      font-weight: bold;
      height: 45px;
      margin: -1px -21px 0;
      margin-bottom: 20px;
      padding: 16px 20px 8px;
      text-transform: uppercase;
      font-family: "Montserrat", sans-serif; }
    .help-request-wrapper .help-request-form .Button {
      min-width: 110px;
      font-family: "Montserrat", sans-serif;
      font-size: 14px;
      font-weight: 600; }
    .help-request-wrapper .help-request-form textarea {
      min-height: 100px;
      resize: none; }

.page {
  /*img {
    max-height: 100%;
    max-width: 100%;
  }*/
  /* Base for .Caption styling */
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* disabled checkbox */
  /* hover style just for information */ }
  .page .fixed {
    overflow: hidden; }
  .page .Section {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%; }
    @media screen and (max-width: 1190px) {
      .page .Section {
        padding-left: 10px;
        padding-right: 10px; } }
    .page .Section .Wrapper {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: center;
      justify-content: center;
      width: 1170px; }
      @media screen and (max-width: 1190px) {
        .page .Section .Wrapper {
          width: 100%; } }
    .page .Section--boxes {
      background-color: #f7fafc;
      width: 100%; }
      .page .Section--boxes--grey {
        background-color: #FBFBFC; }
      .page .Section--boxes .Boxes {
        width: 1170px; }
        @media screen and (max-width: 1190px) {
          .page .Section--boxes .Boxes {
            padding-left: 10px;
            padding-right: 10px;
            width: 100%; } }
        .page .Section--boxes .Boxes .Box {
          float: left;
          position: relative;
          width: 100%; }
          .page .Section--boxes .Boxes .Box--6 {
            width: 50%; }
          .page .Section--boxes .Boxes .Box--4 {
            width: 33.33%; }
          .page .Section--boxes .Boxes .Box--3 {
            width: 25%; }
          @media screen and (max-width: 768px) {
            .page .Section--boxes .Boxes .Box {
              padding-bottom: 40px;
              padding-top: 10px;
              width: 100%; } }
          .page .Section--boxes .Boxes .Box .Inner {
            -ms-flex-align: start;
            align-items: flex-start;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%; }
            .page .Section--boxes .Boxes .Box .Inner .Image {
              -ms-flex-align: center;
              align-items: center;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-pack: center;
              justify-content: center;
              width: 100%;
              height: 84px; }
              @media screen and (max-width: 768px) {
                .page .Section--boxes .Boxes .Box .Inner .Image {
                  height: 80px; } }
            .page .Section--boxes .Boxes .Box .Inner .Heading {
              -ms-flex-align: center;
              align-items: center;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-pack: center;
              justify-content: center;
              margin-top: 30px;
              text-align: center;
              width: 100%; }
            .page .Section--boxes .Boxes .Box .Inner .Text {
              -ms-flex-align: center;
              align-items: center;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-pack: center;
              justify-content: center;
              margin-top: 10px;
              width: 70%; }
              .page .Section--boxes .Boxes .Box .Inner .Text p {
                color: #0f4e71;
                text-align: center;
                font-weight: 400;
                line-height: 24px; }
  .page .Subheading {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%; }
  .page [type="radio"]:not(:checked),
  .page [type="radio"]:checked {
    position: absolute;
    left: -9999px; }
  .page [type="radio"]:not(:checked) + .Caption,
  .page [type="radio"]:checked + .Caption {
    cursor: pointer;
    padding-left: 30px;
    padding-top: 5px;
    position: relative; }
  .page [type="radio"]:not(:checked) + .Caption:before,
  .page [type="radio"]:checked + .Caption:before {
    background: #FBFBFC;
    border: 1px solid #aaa;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    content: '';
    left: 0;
    top: 2px;
    position: absolute;
    width: 17px;
    height: 17px; }
  .page [type="radio"]:not(:checked) + .Caption:after,
  .page [type="radio"]:checked + .Caption:after {
    content: '✔';
    color: #4F91C5;
    font-size: 18px;
    line-height: 0.8;
    position: absolute;
    top: 6px;
    left: 4px;
    transition: all .2s; }
  .page [type="radio"]:not(:checked) + .Caption:after {
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0); }
  .page [type="radio"]:checked + .Caption:after {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1); }
  .page [type="radio"]:disabled:not(:checked) + .Caption:before,
  .page [type="radio"]:disabled:checked + .Caption:before {
    background-color: #ddd;
    border-color: #bbb;
    box-shadow: none; }
  .page [type="radio"]:disabled:checked + .Caption:after {
    color: #878787; }
  .page [type="radio"]:disabled + .Caption {
    color: #aaa; }
  .page [type="radio"] + .Caption:hover:before {
    border: 1px solid #4778D9 !important; }

.contact .Main-content .Hero {
  background-image: url("../img/contact-banner.png"); }
  .contact .Main-content .Hero .Overlay .Wrapper {
    padding-left: 20px; }

.contact .Main-content .Section {
  -ms-flex-direction: column;
  flex-direction: column; }
  .contact .Main-content .Section .notice-container {
    margin-top: 50px;
    width: 100%; }
  .contact .Main-content .Section--heading {
    padding-bottom: 30px;
    padding-top: 50px; }
    .contact .Main-content .Section--heading .Heading {
      text-transform: uppercase;
      width: 1170px; }
    .contact .Main-content .Section--heading .Subheading {
      -ms-flex-pack: start;
      justify-content: flex-start;
      font-family: 'Arial', sans-serif;
      margin-top: 10px;
      width: 1170px; }
      @media screen and (max-width: 768px) {
        .contact .Main-content .Section--heading .Subheading {
          text-align: center; }
          .contact .Main-content .Section--heading .Subheading h3 {
            width: 100%; } }
  .contact .Main-content .Section--split-form {
    padding-bottom: 50px; }
    .contact .Main-content .Section--split-form .Wrapper {
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      @media screen and (max-width: 768px) {
        .contact .Main-content .Section--split-form .Wrapper {
          margin-left: 15px;
          margin-right: 15px; } }
      .contact .Main-content .Section--split-form .Wrapper .Form-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 60%; }
        @media screen and (max-width: 768px) {
          .contact .Main-content .Section--split-form .Wrapper .Form-wrapper {
            width: 100%; } }
        .contact .Main-content .Section--split-form .Wrapper .Form-wrapper input {
          margin-bottom: 15px; }
        .contact .Main-content .Section--split-form .Wrapper .Form-wrapper textarea {
          margin-bottom: 20px; }
        @media screen and (max-width: 1190px) {
          .contact .Main-content .Section--split-form .Wrapper .Form-wrapper .Button {
            width: 100%; } }
      .contact .Main-content .Section--split-form .Wrapper .Contact-info {
        margin-left: 5%;
        width: 35%; }
        @media screen and (max-width: 768px) {
          .contact .Main-content .Section--split-form .Wrapper .Contact-info {
            display: -ms-flexbox;
            display: flex;
            margin-left: 20px;
            padding-top: 30px;
            width: 100%; } }
        .contact .Main-content .Section--split-form .Wrapper .Contact-info h4 {
          font-size: 18px; }
        .contact .Main-content .Section--split-form .Wrapper .Contact-info .Customer-service {
          margin-bottom: 40px; }
          @media screen and (max-width: 768px) {
            .contact .Main-content .Section--split-form .Wrapper .Contact-info .Customer-service {
              width: 50%; } }
          .contact .Main-content .Section--split-form .Wrapper .Contact-info .Customer-service .Heading {
            text-transform: uppercase; }
          .contact .Main-content .Section--split-form .Wrapper .Contact-info .Customer-service .Email {
            overflow: hidden; }
            @media screen and (max-width: 450px) {
              .contact .Main-content .Section--split-form .Wrapper .Contact-info .Customer-service .Email p {
                font-size: 12px; } }
          .contact .Main-content .Section--split-form .Wrapper .Contact-info .Customer-service a {
            color: #4F91C5; }
          .contact .Main-content .Section--split-form .Wrapper .Contact-info .Customer-service p {
            margin-top: 5px; }
            @media screen and (max-width: 768px) {
              .contact .Main-content .Section--split-form .Wrapper .Contact-info .Customer-service p {
                margin-top: 20px; } }
        @media screen and (max-width: 768px) {
          .contact .Main-content .Section--split-form .Wrapper .Contact-info .Contact-information {
            width: 50%; } }
        .contact .Main-content .Section--split-form .Wrapper .Contact-info .Contact-information .Text {
          margin-top: 15px;
          line-height: 1.5;
          color: #878787; }
        .contact .Main-content .Section--split-form .Wrapper .Contact-info .Contact-information .Phone {
          color: #878787;
          margin-top: 15px; }
          .contact .Main-content .Section--split-form .Wrapper .Contact-info .Contact-information .Phone p {
            font-weight: bold; }

.home .Main-content .Hero {
  padding-top: 82px;
  background: #a5cd28;
  background: linear-gradient(90deg, #a5cd28 0%, #6aa607 100%);
  background: url(../img/banner/home/bg_image_6.jpg) center; }
  @media screen and (max-width: 768px) {
    .home .Main-content .Hero {
      padding-top: 62px; } }
  .home .Main-content .Hero::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.6; }
  @media screen and (max-width: 470px) {
    .home .Main-content .Hero .Overlay .Wrapper {
      -ms-flex-align: center;
      align-items: center;
      height: 100%;
      padding-top: 50px; } }
  @media screen and (max-width: 470px) {
    .home .Main-content .Hero .Overlay .Wrapper h1 {
      margin-left: 0px;
      font-size: 40px;
      width: 100%; } }
  .home .Main-content .Hero .Overlay .Wrapper h3 {
    padding-top: 20px; }
    @media screen and (max-width: 470px) {
      .home .Main-content .Hero .Overlay .Wrapper h3 {
        padding-bottom: 10px; } }
  .home .Main-content .Hero .Overlay .Wrapper a {
    padding-top: 20px; }
    @media screen and (max-width: 470px) {
      .home .Main-content .Hero .Overlay .Wrapper a {
        margin-top: 40px;
        margin-bottom: -22.5px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0;
        text-align: center;
        width: 100%; } }
  .home .Main-content .Hero .Overlay .Wrapper .Button {
    font-size: 32px;
    padding: 10px 20px; }
    @media screen and (max-width: 470px) {
      .home .Main-content .Hero .Overlay .Wrapper .Button {
        font-size: 23px;
        padding: 11px 20px; } }
  .home .Main-content .Hero .Overlay .Wrapper .Button-banner {
    width: 200px;
    margin: 30px auto;
    padding: 25px 20px;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px; }

.home .Main-content .Section--headings {
  background-color: #f7fafc;
  padding: 100px 10px 100px 10px; }
  .home .Main-content .Section--headings .Heading {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    text-transform: none; }
    .home .Main-content .Section--headings .Heading h2 {
      font-family: "Montserrat", sans-serif;
      color: #0f4e71;
      font-size: 40px;
      padding-bottom: 60px; }
      @media screen and (max-width: 470px) {
        .home .Main-content .Section--headings .Heading h2 {
          padding-bottom: 30px; } }
      @media screen and (max-width: 400px) {
        .home .Main-content .Section--headings .Heading h2 {
          font-size: 30px; } }
      .home .Main-content .Section--headings .Heading h2 span {
        display: block;
        line-height: 40px; }
  .home .Main-content .Section--headings .Subheading {
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    margin-top: 5px; }
    .home .Main-content .Section--headings .Subheading h3 {
      color: rgba(135, 135, 135, 0.75);
      text-align: center; }

.home .Main-content .Section--boxes--last {
  padding-bottom: 120px; }

@media screen and (max-width: 768px) {
  .home .Main-content .Section--boxes {
    padding-bottom: 20px; } }

.home .Main-content .Section--boxes .Boxes {
  padding-bottom: 80px;
  float: left; }
  .home .Main-content .Section--boxes .Boxes .Box .Inner h4 {
    font-family: "Montserrat", sans-serif;
    text-transform: none;
    color: #114d6f; }

.home .Main-content .Section--boxes .Boxes.level-2 {
  padding-bottom: 20px; }

.home .Main-content .Section--boxes.Programme {
  padding: 100px 10px 100px 10px; }
  .home .Main-content .Section--boxes.Programme .Box--4 {
    width: 33.33%; }
    @media screen and (max-width: 768px) {
      .home .Main-content .Section--boxes.Programme .Box--4 {
        width: 100%; } }
  .home .Main-content .Section--boxes.Programme .Box--3 {
    width: 25%; }
    @media screen and (max-width: 768px) {
      .home .Main-content .Section--boxes.Programme .Box--3 {
        width: 50%; } }

.home .Main-content .Section--classic-revenue {
  position: relative;
  background: #a5cd28;
  background: linear-gradient(90deg, #a5cd28 0%, #6aa607 100%);
  padding: 100px 10px 100px 10px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/banner/home/section_bg.jpg); }
  .home .Main-content .Section--classic-revenue::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.7; }
  .home .Main-content .Section--classic-revenue .Wrapper {
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1170px; }
    @media screen and (max-width: 470px) {
      .home .Main-content .Section--classic-revenue .Wrapper {
        width: 100%; } }
    .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content {
      width: 100%;
      text-align: center; }
      .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Heading h2 {
        font-family: "Montserrat", sans-serif;
        font-size: 40px;
        color: #FFFFFF; }
        @media screen and (max-width: 400px) {
          .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Heading h2 {
            font-size: 30px; } }
      .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Heading p.Sub-title {
        color: #FFFFFF;
        font-size: 16px;
        margin-top: 20px; }
      .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes {
        padding-top: 50px;
        float: left;
        padding-bottom: 80px; }
        @media screen and (max-width: 470px) {
          .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes {
            padding-bottom: 0px; } }
        .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box {
          padding: 1.19em; }
          @media screen and (max-width: 768px) {
            .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box {
              margin-bottom: 150px; } }
          @media screen and (max-width: 470px) {
            .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box {
              margin-bottom: 100px; } }
          .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box--3 {
            width: 25%; }
            @media screen and (max-width: 768px) {
              .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box--3 {
                width: 50%; } }
          .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box .Square-box {
            /* background: $white; */
            position: relative;
            width: 100%;
            height: 250px;
            border-radius: 6px; }
            @media screen and (max-width: 768px) {
              .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box .Square-box {
                width: 75%; } }
            @media screen and (max-width: 470px) {
              .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box .Square-box {
                height: 180px;
                width: 95%; } }
            @media screen and (max-width: 350px) {
              .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box .Square-box {
                height: 150px;
                width: 100%; } }
            .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box .Square-box .Ngr-content p {
              font-weight: 700;
              font-family: "Montserrat", sans-serif;
              font-size: 22px; }
              @media screen and (max-width: 350px) {
                .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box .Square-box .Ngr-content p {
                  font-size: 14px; } }
            .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box .Square-box .Ngr-content p:nth-child(1) {
              color: #fff;
              margin: 30px 0 7px 0; }
            .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box .Square-box .Ngr-content p:nth-child(2) {
              color: #fff; }
            .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box .Square-box .Image {
              height: 100%;
              margin-top: -40px;
              margin-left: -12px;
              display: block; }
              @media screen and (max-width: 470px) {
                .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box .Square-box .Image {
                  margin-top: -110px;
                  margin-left: -7px; } }
              @media screen and (max-width: 350px) {
                .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box .Square-box .Image {
                  margin-top: -130px; } }
              .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box .Square-box .Image svg {
                margin-top: 70px; }
                @media screen and (max-width: 1024px) {
                  .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Boxes .Box .Square-box .Image svg {
                    width: 111%; } }
      .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Revenue-desc {
        margin-top: 120px;
        float: left;
        text-align: center;
        width: 100%; }
        @media screen and (max-width: 768px) {
          .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Revenue-desc {
            margin-top: 0px; } }
        .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Revenue-desc p {
          color: #FFFFFF;
          line-height: 28px;
          font-size: 18px;
          font-weight: 400; }
          @media screen and (max-width: 470px) {
            .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Revenue-desc p {
              font-size: 14px; } }
          .home .Main-content .Section--classic-revenue .Wrapper .Revenue-content .Revenue-desc p span {
            font-weight: 600; }

.home .Main-content .Section.Testimonials {
  position: relative; }
  .home .Main-content .Section.Testimonials .Testimonial-background {
    background-image: url("../img/testimonial-background.jpg");
    background-repeat: no-repeat !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover; }
    @media screen and (max-width: 768px) {
      .home .Main-content .Section.Testimonials .Testimonial-background {
        background-position: center; } }
  .home .Main-content .Section.Testimonials .Heading {
    padding-bottom: 50px; }
    .home .Main-content .Section.Testimonials .Heading h2 {
      z-index: 999;
      padding-bottom: 20px; }
  .home .Main-content .Section.Testimonials .owl-carousel.owl-drag .owl-item {
    margin-top: 20px; }
    .home .Main-content .Section.Testimonials .owl-carousel.owl-drag .owl-item .item {
      text-align: center; }
      .home .Main-content .Section.Testimonials .owl-carousel.owl-drag .owl-item .item p {
        font-weight: 400;
        line-height: 26px;
        color: #0f4e71; }
        .home .Main-content .Section.Testimonials .owl-carousel.owl-drag .owl-item .item p span {
          display: block; }
        .home .Main-content .Section.Testimonials .owl-carousel.owl-drag .owl-item .item p a {
          color: #219af7; }
      .home .Main-content .Section.Testimonials .owl-carousel.owl-drag .owl-item .item p.testimonial-name {
        font-weight: 600;
        margin-top: 30px; }
  .home .Main-content .Section.Testimonials .owl-carousel.owl-drag .owl-dots {
    padding-top: 50px; }
    .home .Main-content .Section.Testimonials .owl-carousel.owl-drag .owl-dots .owl-dot span {
      background-color: rgba(89, 205, 144, 0.25); }
    .home .Main-content .Section.Testimonials .owl-carousel.owl-drag .owl-dots .owl-dot.active span {
      background-color: #59cd90; }

.home .Main-content .Section.About {
  position: relative;
  background-color: #0f4e71;
  padding: 100px 10px 100px 10px; }
  .home .Main-content .Section.About .Heading {
    width: 100%;
    text-align: center; }
    .home .Main-content .Section.About .Heading h2 {
      color: #FFFFFF;
      font-family: "Montserrat", sans-serif;
      font-size: 40px; }
      @media screen and (max-width: 400px) {
        .home .Main-content .Section.About .Heading h2 {
          font-size: 30px; } }
  .home .Main-content .Section.About .Boxes {
    padding-bottom: 0;
    width: 70%;
    padding-top: 20px; }
    .home .Main-content .Section.About .Boxes .Box {
      padding: 5px; }
      .home .Main-content .Section.About .Boxes .Box--3 {
        width: 20%; }
        @media screen and (max-width: 768px) {
          .home .Main-content .Section.About .Boxes .Box--3 {
            width: 50%;
            text-align: center; } }
      .home .Main-content .Section.About .Boxes .Box--4 {
        width: 25%;
        padding-bottom: 20px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .home .Main-content .Section.About .Boxes .Box--4 {
            width: 50%;
            padding-bottom: 0; } }
  .home .Main-content .Section.About .Boxes.Games-pr {
    padding-bottom: 0;
    width: 57%;
    padding-top: 30px; }
    @media screen and (max-width: 1000px) {
      .home .Main-content .Section.About .Boxes.Games-pr {
        width: 70%; } }
    .home .Main-content .Section.About .Boxes.Games-pr .Box {
      padding: 5px; }
      .home .Main-content .Section.About .Boxes.Games-pr .Box--3 {
        width: 25%;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .home .Main-content .Section.About .Boxes.Games-pr .Box--3 {
            width: 50%;
            text-align: center; } }
  .home .Main-content .Section.About .ab-desc {
    width: 550px;
    text-align: center;
    margin-top: 30px; }
    @media screen and (max-width: 470px) {
      .home .Main-content .Section.About .ab-desc {
        width: 100%; } }
    .home .Main-content .Section.About .ab-desc p {
      color: #FFFFFF;
      line-height: 26px;
      font-weight: 400; }
    .home .Main-content .Section.About .ab-desc p.ab-desc-2 {
      width: 450px;
      margin: 20px auto 0 auto; }
      @media screen and (max-width: 470px) {
        .home .Main-content .Section.About .ab-desc p.ab-desc-2 {
          width: 100%; } }

.home .Main-content .Contact-alert {
  background-color: #f7fafc; }

.home .Main-content .js-resp-msg-contact {
  margin-top: 40px;
  font-family: "Open sans", "Arial";
  font-size: 18px;
  font-weight: 600;
  padding: 20px;
  border: 1px dotted #c80909;
  color: #c80909; }

.home .Main-content .js-resp-msg-contact.success {
  color: #5fb51c;
  border: 1px dotted #5fb51c; }

.home .Main-content .Section.Contact {
  background-image: url("../img/contact-background.png");
  background-repeat: no-repeat !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover; }
  .home .Main-content .Section.Contact input:-webkit-autofill,
  .home .Main-content .Section.Contact input:-webkit-autofill:hover,
  .home .Main-content .Section.Contact input:-webkit-autofill:active,
  .home .Main-content .Section.Contact input:-webkit-autofill:focus {
    background-color: #f7fafc !important;
    color: #444444 !important;
    -webkit-box-shadow: 0 0 0 1000px #f7fafc inset !important;
    -webkit-text-fill-color: #444444 !important; }
  .home .Main-content .Section.Contact .Heading {
    text-align: center; }
    .home .Main-content .Section.Contact .Heading h2 {
      padding-bottom: 0; }
  .home .Main-content .Section.Contact .cp-subtitle {
    width: 100%;
    text-align: center;
    margin-top: 20px; }
    .home .Main-content .Section.Contact .cp-subtitle p {
      color: #0f4e71;
      line-height: 26px;
      font-weight: 400; }
  .home .Main-content .Section.Contact .Form-wrapper {
    margin-top: 60px;
    width: 55%; }
    @media screen and (max-width: 470px) {
      .home .Main-content .Section.Contact .Form-wrapper {
        width: 90%; } }
    .home .Main-content .Section.Contact .Form-wrapper input {
      padding: 15px 10px;
      margin-bottom: 25px; }
  .home .Main-content .Section.Contact button.js-contact-form-submit {
    float: right;
    padding: 20px 0px;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 40px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); }
    .home .Main-content .Section.Contact button.js-contact-form-submit a {
      color: #fff;
      padding: 20px 60px; }

.terms .Main-content .Header {
  background-color: #fff;
  padding: 20px 0;
  position: relative; }

.terms .Main-content .Section--content {
  padding: 100px 10px 100px 10px;
  background-color: #f7fafc; }
  .terms .Main-content .Section--content .Wrapper {
    display: block; }
    .terms .Main-content .Section--content .Wrapper p.terms-top-text {
      color: #0f4e71;
      line-height: 26px;
      font-weight: 400;
      text-align: center;
      padding-bottom: 50px;
      font-size: 13px; }
      @media screen and (max-width: 470px) {
        .terms .Main-content .Section--content .Wrapper p.terms-top-text {
          font-size: 11px; } }
    .terms .Main-content .Section--content .Wrapper .Heading {
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin-left: 1px;
      padding-bottom: 60px;
      width: 100%;
      text-align: center; }
      .terms .Main-content .Section--content .Wrapper .Heading h2 {
        font-family: "Montserrat", sans-serif;
        color: #0f4e71;
        font-size: 40px; }
        @media screen and (max-width: 470px) {
          .terms .Main-content .Section--content .Wrapper .Heading h2 {
            font-size: 30px; } }
      .terms .Main-content .Section--content .Wrapper .Heading p.Sub-title {
        color: #0f4e71;
        font-size: 16px;
        margin-top: 20px;
        font-weight: 400; }
  .terms .Main-content .Section--content ul {
    list-style: none;
    padding: 0; }
    .terms .Main-content .Section--content ul .inner {
      padding-left: 1em;
      overflow: hidden;
      display: none; }
      .terms .Main-content .Section--content ul .inner.show {
        /*display: block;*/ }
    .terms .Main-content .Section--content ul li {
      margin: 1em 0; }
      .terms .Main-content .Section--content ul li a.toggle {
        width: 100%;
        display: block;
        background-color: #fff;
        color: #f16142;
        font-weight: 600;
        font-family: "Open sans", "Arial";
        padding: 40px;
        border-radius: 0.15em;
        transition: background .3s ease; }
        @media screen and (max-width: 470px) {
          .terms .Main-content .Section--content ul li a.toggle {
            padding: 30px 20px; } }
        .terms .Main-content .Section--content ul li a.toggle:hover {
          background: #f2f2f2; }
      .terms .Main-content .Section--content ul li a:before {
        content: "\002B";
        font-size: 30px;
        font-weight: bold;
        float: right;
        margin-top: -5px; }
        @media screen and (max-width: 470px) {
          .terms .Main-content .Section--content ul li a:before {
            margin-top: -10px; } }
      .terms .Main-content .Section--content ul li a.special:before {
        content: "\002D"; }
      .terms .Main-content .Section--content ul li p {
        color: #0f4e71;
        line-height: 26px;
        font-weight: 400; }
      .terms .Main-content .Section--content ul li .indented {
        margin-left: 30px;
        margin-bottom: 15px; }
      .terms .Main-content .Section--content ul li .indentedx2 {
        margin-left: 60px;
        margin-bottom: 15px; }
  .terms .Main-content .Section--content h3 {
    color: #f16142;
    text-align: left;
    font-size: 20px;
    margin-bottom: 16px;
    width: 100%; }
  .terms .Main-content .Section--content h4 {
    color: #f16142;
    text-align: left;
    margin-bottom: 16px;
    margin-top: 34px;
    margin-left: 5px;
    width: 100%; }

.terms .Main-content .TermsContent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 600px; }
  .terms .Main-content .TermsContent .indented {
    margin-left: 30px;
    margin-bottom: 15px; }
  .terms .Main-content .TermsContent .indentedx2 {
    margin-left: 60px;
    margin-bottom: 15px; }

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*
 * 	Default theme - Owl Carousel CSS File
 */
/*
 * 	Owl Carousel - Theme Plugin
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

/*
 * 	Owl Carousel - Theme Plugin
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

.affiliaterace .Header .ResponsiveMenu .Menu,
.affiliaterace .Header .ResponsiveMenu #blog-link {
  display: none; }

.affiliaterace .Main-content .Header .Menu,
.affiliaterace .Main-content .Header .Header-actions,
.affiliaterace .Main-content .Header #blog-link {
  display: none; }

.affiliaterace .Main-content #section-header {
  background-image: url("../img/affiliate-race/bg_header.jpg");
  color: #fff;
  height: auto;
  min-height: 600px; }
  @media only screen and (max-width: 470px) {
    .affiliaterace .Main-content #section-header {
      min-height: 740px; } }
  .affiliaterace .Main-content #section-header .Overlay {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .affiliaterace .Main-content #section-header .Overlay .Wrapper {
      display: inline-block;
      width: 100%; }
      @media screen and (max-width: 470px) {
        .affiliaterace .Main-content #section-header .Overlay .Wrapper {
          -ms-flex-align: center;
          align-items: center;
          height: 100%;
          padding-top: 50px; } }
      .affiliaterace .Main-content #section-header .Overlay .Wrapper h1, .affiliaterace .Main-content #section-header .Overlay .Wrapper h2, .affiliaterace .Main-content #section-header .Overlay .Wrapper h3 {
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        line-height: normal;
        font-weight: bold; }
      .affiliaterace .Main-content #section-header .Overlay .Wrapper h1 {
        font-size: 70px; }
        @media screen and (max-width: 470px) {
          .affiliaterace .Main-content #section-header .Overlay .Wrapper h1 {
            margin-left: 0;
            font-size: 40px;
            width: 100%; } }
      .affiliaterace .Main-content #section-header .Overlay .Wrapper h2 {
        padding-top: 20px;
        font-size: 50px; }
        @media screen and (max-width: 470px) {
          .affiliaterace .Main-content #section-header .Overlay .Wrapper h2 {
            padding-bottom: 10px;
            font-size: 30px; } }
      .affiliaterace .Main-content #section-header .Overlay .Wrapper h3 {
        padding-top: 20px;
        font-size: 40px; }
        @media screen and (max-width: 470px) {
          .affiliaterace .Main-content #section-header .Overlay .Wrapper h3 {
            padding-bottom: 10px;
            font-size: 20px; } }
      .affiliaterace .Main-content #section-header .Overlay .Wrapper .Button {
        margin-top: 50px;
        margin-bottom: 10px;
        display: inline-block; }

.affiliaterace .Main-content .Section--headings {
  background-color: #f9f5f6;
  padding: 100px 10px 100px 10px; }
  .affiliaterace .Main-content .Section--headings .Heading {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    text-transform: none; }
    .affiliaterace .Main-content .Section--headings .Heading h2 {
      font-family: "Montserrat", sans-serif;
      color: #0f4e71;
      font-size: 40px;
      padding-bottom: 60px;
      line-height: 46px; }
      @media screen and (max-width: 470px) {
        .affiliaterace .Main-content .Section--headings .Heading h2 {
          padding-bottom: 30px; } }
      @media screen and (max-width: 400px) {
        .affiliaterace .Main-content .Section--headings .Heading h2 {
          font-size: 30px; } }
      .affiliaterace .Main-content .Section--headings .Heading h2 span {
        display: block;
        line-height: 40px; }
  .affiliaterace .Main-content .Section--headings .Subheading {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    margin-top: 5px; }
    .affiliaterace .Main-content .Section--headings .Subheading h3 {
      color: rgba(135, 135, 135, 0.75);
      text-align: center; }

.affiliaterace .Main-content .Section.section-1, .affiliaterace .Main-content .Section.section-2, .affiliaterace .Main-content .Section.section-3, .affiliaterace .Main-content .Section.section-4, .affiliaterace .Main-content .Section.section-5 {
  padding: 100px 10px; }
  .affiliaterace .Main-content .Section.section-1 .Wrapper, .affiliaterace .Main-content .Section.section-2 .Wrapper, .affiliaterace .Main-content .Section.section-3 .Wrapper, .affiliaterace .Main-content .Section.section-4 .Wrapper, .affiliaterace .Main-content .Section.section-5 .Wrapper {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 960px; }
    @media screen and (max-width: 470px) {
      .affiliaterace .Main-content .Section.section-1 .Wrapper, .affiliaterace .Main-content .Section.section-2 .Wrapper, .affiliaterace .Main-content .Section.section-3 .Wrapper, .affiliaterace .Main-content .Section.section-4 .Wrapper, .affiliaterace .Main-content .Section.section-5 .Wrapper {
        width: 100%; } }
    .affiliaterace .Main-content .Section.section-1 .Wrapper .Heading,
    .affiliaterace .Main-content .Section.section-1 .Wrapper .Text, .affiliaterace .Main-content .Section.section-2 .Wrapper .Heading,
    .affiliaterace .Main-content .Section.section-2 .Wrapper .Text, .affiliaterace .Main-content .Section.section-3 .Wrapper .Heading,
    .affiliaterace .Main-content .Section.section-3 .Wrapper .Text, .affiliaterace .Main-content .Section.section-4 .Wrapper .Heading,
    .affiliaterace .Main-content .Section.section-4 .Wrapper .Text, .affiliaterace .Main-content .Section.section-5 .Wrapper .Heading,
    .affiliaterace .Main-content .Section.section-5 .Wrapper .Text {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
      width: 100%;
      text-transform: none; }
    .affiliaterace .Main-content .Section.section-1 .Wrapper .Text p, .affiliaterace .Main-content .Section.section-2 .Wrapper .Text p, .affiliaterace .Main-content .Section.section-3 .Wrapper .Text p, .affiliaterace .Main-content .Section.section-4 .Wrapper .Text p, .affiliaterace .Main-content .Section.section-5 .Wrapper .Text p {
      font-size: 25px;
      font-weight: 400;
      line-height: 32px; }

.affiliaterace .Main-content .Section.section-1 .Wrapper .Text {
  color: #59cd90; }

.affiliaterace .Main-content .Section.section-2 {
  background: url("../img/affiliate-race/bg_sections.jpg") no-repeat;
  background-position: top left;
  background-size: cover;
  padding: 100px 10px; }
  .affiliaterace .Main-content .Section.section-2 .Wrapper .Heading h2 {
    color: #fff; }
  .affiliaterace .Main-content .Section.section-2 .Wrapper .Text {
    color: #fff; }

.affiliaterace .Main-content .Section.section-3 .Wrapper .cTable {
  width: 100%;
  margin: 45px 0 0;
  background: #0d1f33;
  border-radius: 5px;
  color: white;
  font-family: "Montserrat", sans-serif; }
  .affiliaterace .Main-content .Section.section-3 .Wrapper .cTable .cTableRow {
    width: 100%;
    display: inline-block; }
    .affiliaterace .Main-content .Section.section-3 .Wrapper .cTable .cTableRow .cTableHead {
      text-align: center;
      background: #59cd90;
      color: #0d1f33;
      font-size: 32px;
      padding: 15px 0;
      font-weight: bold; }
    .affiliaterace .Main-content .Section.section-3 .Wrapper .cTable .cTableRow .cTableFoot {
      text-align: center;
      font-size: 24px;
      padding: 20px 0 25px; }
    .affiliaterace .Main-content .Section.section-3 .Wrapper .cTable .cTableRow .cTableCell {
      display: block;
      float: left;
      width: 50%;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .affiliaterace .Main-content .Section.section-3 .Wrapper .cTable .cTableRow .cTableCell {
          width: 100%; } }
      .affiliaterace .Main-content .Section.section-3 .Wrapper .cTable .cTableRow .cTableCell .tc-inner-wrapper {
        padding: 25px 0 15px; }
        .affiliaterace .Main-content .Section.section-3 .Wrapper .cTable .cTableRow .cTableCell .tc-inner-wrapper .ct-image,
        .affiliaterace .Main-content .Section.section-3 .Wrapper .cTable .cTableRow .cTableCell .tc-inner-wrapper .ct-text {
          display: inline-block; }
        .affiliaterace .Main-content .Section.section-3 .Wrapper .cTable .cTableRow .cTableCell .tc-inner-wrapper .ct-text {
          font-size: 18px; }
          .affiliaterace .Main-content .Section.section-3 .Wrapper .cTable .cTableRow .cTableCell .tc-inner-wrapper .ct-text .ct-text-line1,
          .affiliaterace .Main-content .Section.section-3 .Wrapper .cTable .cTableRow .cTableCell .tc-inner-wrapper .ct-text .ct-text-line2 {
            padding: 5px;
            text-align: left;
            font-size: 17px; }
            @media only screen and (max-width: 768px) {
              .affiliaterace .Main-content .Section.section-3 .Wrapper .cTable .cTableRow .cTableCell .tc-inner-wrapper .ct-text .ct-text-line1,
              .affiliaterace .Main-content .Section.section-3 .Wrapper .cTable .cTableRow .cTableCell .tc-inner-wrapper .ct-text .ct-text-line2 {
                text-align: center; } }
          .affiliaterace .Main-content .Section.section-3 .Wrapper .cTable .cTableRow .cTableCell .tc-inner-wrapper .ct-text .ct-text-line1 {
            color: #59cd90; }
        @media only screen and (max-width: 768px) {
          .affiliaterace .Main-content .Section.section-3 .Wrapper .cTable .cTableRow .cTableCell .tc-inner-wrapper .ct-image {
            display: none; } }

.affiliaterace .Main-content .Section.section-4 {
  background: url("../img/affiliate-race/bg_sections.jpg") no-repeat;
  background-position: bottom left;
  background-size: cover;
  padding: 100px 10px; }
  .affiliaterace .Main-content .Section.section-4 .Wrapper .Heading h2 {
    color: #fff; }
  .affiliaterace .Main-content .Section.section-4 .Wrapper .Text {
    color: #fff; }
  .affiliaterace .Main-content .Section.section-4 .Wrapper .Boxes {
    padding-bottom: 0;
    width: 100%;
    font-family: "Montserrat", sans-serif; }
    .affiliaterace .Main-content .Section.section-4 .Wrapper .Boxes .Box {
      padding: 5px;
      float: left;
      position: relative; }
      .affiliaterace .Main-content .Section.section-4 .Wrapper .Boxes .Box--4 {
        width: 33.33%;
        padding-bottom: 20px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .affiliaterace .Main-content .Section.section-4 .Wrapper .Boxes .Box--4 {
            width: 100%;
            padding-bottom: 0;
            margin-top: 15px;
            margin-bottom: 30px; } }
        .affiliaterace .Main-content .Section.section-4 .Wrapper .Boxes .Box--4 .Inner {
          background: #fff;
          border-radius: 5px;
          color: #0d1f33;
          min-height: 250px;
          height: auto;
          border-top: 25px solid #59cd90; }
          .affiliaterace .Main-content .Section.section-4 .Wrapper .Boxes .Box--4 .Inner .step-number {
            position: absolute;
            left: 50%;
            width: 80px;
            height: 80px;
            margin-top: -55px;
            margin-left: -45px;
            background: #fff;
            border-radius: 40px;
            border: 5px solid #59cd90; }
            .affiliaterace .Main-content .Section.section-4 .Wrapper .Boxes .Box--4 .Inner .step-number .number {
              font-size: 38px;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
              align-items: center;
              -ms-flex-pack: center;
              justify-content: center;
              height: 70px;
              font-weight: bold;
              color: #59cd90; }
          .affiliaterace .Main-content .Section.section-4 .Wrapper .Boxes .Box--4 .Inner .Text {
            color: #000;
            margin: 50px 0 0;
            padding: 0 0 15px; }
            .affiliaterace .Main-content .Section.section-4 .Wrapper .Boxes .Box--4 .Inner .Text p {
              padding: 5px;
              font-size: 22px;
              line-height: 30px; }
  .affiliaterace .Main-content .Section.section-4 .Wrapper .Button {
    margin: 50px 0 0; }

.affiliaterace .Main-content .Section.section-5 {
  background: url("../img/affiliate-race/bg_section5.jpg") no-repeat;
  background-position: top;
  background-size: cover;
  padding: 100px 10px; }
  .affiliaterace .Main-content .Section.section-5 .Wrapper {
    color: #0d1f33; }
    .affiliaterace .Main-content .Section.section-5 .Wrapper .cTable {
      width: 100%;
      margin: 2% 0;
      background: #59cd90;
      border-radius: 5px;
      color: #0d1f33;
      font-family: "Montserrat", sans-serif; }
      .affiliaterace .Main-content .Section.section-5 .Wrapper .cTable .cTableRow {
        width: 100%;
        display: inline-block; }
        .affiliaterace .Main-content .Section.section-5 .Wrapper .cTable .cTableRow .cTableHead {
          text-align: center;
          background: #0d1f33;
          color: #59cd90;
          font-size: 32px;
          padding: 15px 0;
          font-weight: bold; }
      .affiliaterace .Main-content .Section.section-5 .Wrapper .cTable .cTableCol {
        width: 49%;
        display: inline-block;
        padding: 10px;
        text-align: center; }
        @media only screen and (max-width: 520px) {
          .affiliaterace .Main-content .Section.section-5 .Wrapper .cTable .cTableCol {
            width: 100%;
            text-align: center;
            padding: 0; } }
        .affiliaterace .Main-content .Section.section-5 .Wrapper .cTable .cTableCol .cTableRow .ct-col1,
        .affiliaterace .Main-content .Section.section-5 .Wrapper .cTable .cTableCol .cTableRow .ct-col2 {
          text-align: center;
          display: inline-block;
          padding: 10px;
          font-size: 18px; }
        .affiliaterace .Main-content .Section.section-5 .Wrapper .cTable .cTableCol .cTableRow .ct-col1 .ct-col1-text {
          font-weight: 600; }
        .affiliaterace .Main-content .Section.section-5 .Wrapper .cTable .cTableCol .cTableRow .ct-col2 .ct-col2-text {
          font-weight: 800; }
    .affiliaterace .Main-content .Section.section-5 .Wrapper .Heading h2,
    .affiliaterace .Main-content .Section.section-5 .Wrapper .Heading h3,
    .affiliaterace .Main-content .Section.section-5 .Wrapper .Heading h4 {
      color: #0d1f33;
      padding: 30px 0 20px; }
    .affiliaterace .Main-content .Section.section-5 .Wrapper .Heading h3,
    .affiliaterace .Main-content .Section.section-5 .Wrapper .Heading h4 {
      font-family: "Montserrat", sans-serif;
      font-size: 20px; }
    .affiliaterace .Main-content .Section.section-5 .Wrapper .Heading h3 {
      font-size: 20px; }
    .affiliaterace .Main-content .Section.section-5 .Wrapper .Heading h4 {
      font-size: 18px; }
    .affiliaterace .Main-content .Section.section-5 .Wrapper .Text {
      font-family: "Open sans", sans-serif;
      font-size: 23px;
      font-weight: 400;
      line-height: 32px;
      margin: 0 30px; }

.affiliaterace .Main-content a {
  padding-top: 20px; }
  @media screen and (max-width: 470px) {
    .affiliaterace .Main-content a {
      margin-top: 40px;
      margin-bottom: -22.5px;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 0;
      text-align: center;
      width: 100%; } }

.affiliaterace .Main-content .Button {
  font-size: 32px;
  padding: 10px 20px; }
  @media screen and (max-width: 470px) {
    .affiliaterace .Main-content .Button {
      font-size: 23px;
      padding: 11px 20px; } }
  .affiliaterace .Main-content .Button.Button-banner {
    width: 200px;
    margin: 85px auto;
    padding: 25px 20px;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center; }

.affiliaterace .Main-content .RadiusTopLeft {
  border-top-left-radius: 5px; }

.affiliaterace .Main-content .RadiusTopRight {
  border-top-right-radius: 5px; }

.affiliaterace .Main-content .RadiusBottomLeft {
  border-bottom-left-radius: 5px; }

.affiliaterace .Main-content .RadiusBottomRight {
  border-bottom-right-radius: 5px; }

.affiliaterace .Main-content .help-request-wrapper .Button {
  font-size: 14px; }

/* LIVE CASINO LOGIN MODAL
 * =============================== */
.modal-state {
  display: none; }

.modal-state:checked + .casino-login-modal {
  opacity: 1;
  visibility: visible;
  z-index: 100; }

.casino-login-modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(0, 0, 0, 0.65);
  transition: opacity .25s ease; }
  .casino-login-modal .modal__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer; }
  .casino-login-modal .modal__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    text-align: center;
    transition: top .25s ease;
    border-radius: 5px;
    padding: 4em 2em;
    width: 50%; }
    @media screen and (max-width: 768px) {
      .casino-login-modal .modal__inner {
        width: 70%; } }
    @media screen and (max-width: 468px) {
      .casino-login-modal .modal__inner {
        width: 90%; } }
    .casino-login-modal .modal__inner .modal__close {
      position: absolute;
      right: 1em;
      top: 1em;
      width: 1.1em;
      height: 1.1em;
      cursor: pointer; }
      .casino-login-modal .modal__inner .modal__close:after, .casino-login-modal .modal__inner .modal__close:before {
        content: '';
        position: absolute;
        width: 2px;
        height: 1.5em;
        background: #ccc;
        display: block;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 50%;
        margin: -3px 0 0 -1px;
        top: 0; }
      .casino-login-modal .modal__inner .modal__close:hover:after, .casino-login-modal .modal__inner .modal__close:hover:before {
        background: #aaa; }
      .casino-login-modal .modal__inner .modal__close:before {
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }

.page .fixed {
  overflow: hidden; }

.login .Main-content .Header {
  position: relative; }

.login .Main-content .Section--existing {
  padding: 100px 10px 100px 10px;
  background-color: #f7fafc;
  height: 35.3vw; }
  @media screen and (max-width: 2000px) {
    .login .Main-content .Section--existing {
      height: 100%; } }
  @media screen and (max-width: 350px) {
    .login .Main-content .Section--existing {
      padding: 80px 10px 80px 10px; } }
  .login .Main-content .Section--existing .Button {
    float: right;
    padding: 20px 40px;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    background: #59cd90;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 40px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 350px) {
      .login .Main-content .Section--existing .Button {
        padding: 20px 40px; } }

.login .Main-content .Section--headings {
  background-color: #f7fafc;
  padding: 100px 10px 100px 10px; }
  .login .Main-content .Section--headings .Heading {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    text-transform: none; }
    .login .Main-content .Section--headings .Heading h2 {
      font-family: "Montserrat", sans-serif;
      color: #0f4e71;
      font-size: 40px;
      padding-bottom: 60px; }
      @media screen and (max-width: 470px) {
        .login .Main-content .Section--headings .Heading h2 {
          padding-bottom: 30px; } }
      @media screen and (max-width: 400px) {
        .login .Main-content .Section--headings .Heading h2 {
          font-size: 30px; } }
      .login .Main-content .Section--headings .Heading h2 span {
        display: block;
        line-height: 40px; }
  .login .Main-content .Section--headings .Subheading {
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    margin-top: 5px; }
    .login .Main-content .Section--headings .Subheading h3 {
      color: rgba(135, 135, 135, 0.75);
      text-align: center; }

.login .Main-content .Section .Wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1170px; }
  .login .Main-content .Section .Wrapper .LoginMethod .Image {
    height: 350px; }
  .login .Main-content .Section .Wrapper .LoginMethod img {
    transition-duration: 0.5s;
    cursor: pointer;
    max-height: 100%;
    opacity: 0.85; }
    .login .Main-content .Section .Wrapper .LoginMethod img:hover {
      opacity: 1; }
  .login .Main-content .Section .Wrapper .notice-container {
    margin-bottom: -40px;
    margin-top: 66px;
    width: 100%; }
  @media screen and (max-width: 470px) {
    .login .Main-content .Section .Wrapper .Inner {
      width: 100%; } }
  .login .Main-content .Section .Wrapper .Inner .Heading {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 1px;
    padding-bottom: 60px;
    width: 100%;
    text-align: center; }
    .login .Main-content .Section .Wrapper .Inner .Heading h2 {
      font-family: "Montserrat", sans-serif;
      color: #0f4e71;
      font-size: 40px; }
      @media screen and (max-width: 350px) {
        .login .Main-content .Section .Wrapper .Inner .Heading h2 {
          font-size: 30px; } }
  .login .Main-content .Section .Wrapper .Inner .Form-fields {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%; }
    .login .Main-content .Section .Wrapper .Inner .Form-fields input {
      background-color: #f7fafc !important;
      color: #333 !important; }
    .login .Main-content .Section .Wrapper .Inner .Form-fields input:-webkit-autofill,
    .login .Main-content .Section .Wrapper .Inner .Form-fields input:-webkit-autofill:hover,
    .login .Main-content .Section .Wrapper .Inner .Form-fields input:-webkit-autofill:active,
    .login .Main-content .Section .Wrapper .Inner .Form-fields input:-webkit-autofill:focus {
      background-color: #f7fafc !important;
      color: #333 !important;
      -webkit-box-shadow: 0 0 0 1000px #f7fafc inset !important;
      -webkit-text-fill-color: #333 !important; }
    .login .Main-content .Section .Wrapper .Inner .Form-fields input:-webkit-autofill {
      background-color: #f7fafc !important; }
    .login .Main-content .Section .Wrapper .Inner .Form-fields form {
      width: 100%;
      position: relative;
      /*label input:not([value=""]) + .label-text{
                font-size: 13px;
                color: #0f4e71;
                -moz-transform: translateY(-54px);
                -ms-transform: translateY(-54px);
                -webkit-transform: translateY(-54px);
                transform: translateY(-54px);
              }*/ }
      .login .Main-content .Section .Wrapper .Inner .Form-fields form label.email-txt {
        margin-bottom: 25px; }
      .login .Main-content .Section .Wrapper .Inner .Form-fields form label {
        display: block;
        text-align: left;
        font-family: "Open sans", "Arial"; }
        .login .Main-content .Section .Wrapper .Inner .Form-fields form label .label-text {
          font-size: 16px;
          line-height: 20px;
          padding-left: 10px;
          color: #b3cbdb;
          -ms-transform: translateY(-28px);
          transform: translateY(-28px);
          transition: all 0.3s; }
      .login .Main-content .Section .Wrapper .Inner .Form-fields form label input:focus + .label-text {
        color: #0f4e71;
        font-size: 13px;
        -ms-transform: translateY(-64px);
        transform: translateY(-64px); }
      .login .Main-content .Section .Wrapper .Inner .Form-fields form label input + .label-text {
        font-size: 13px;
        color: #0f4e71;
        -ms-transform: translateY(-64px);
        transform: translateY(-64px); }
      .login .Main-content .Section .Wrapper .Inner .Form-fields form .Link-forgot {
        text-align: right; }
        .login .Main-content .Section .Wrapper .Inner .Form-fields form .Link-forgot .Password-forgot-txt {
          font-family: "Open sans", "Arial";
          font-size: 13px;
          color: #23acf9;
          right: 0;
          position: relative; }
    .login .Main-content .Section .Wrapper .Inner .Form-fields .Caption {
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      position: relative;
      float: left; }
      @media screen and (max-width: 768px) {
        .login .Main-content .Section .Wrapper .Inner .Form-fields .Caption {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      .login .Main-content .Section .Wrapper .Inner .Form-fields .Caption .Required-field {
        float: left;
        padding-top: 60px;
        font-weight: 600;
        color: #0f4e71; }
    .login .Main-content .Section .Wrapper .Inner .Form-fields .Content-sign-account {
      width: 100%;
      float: left;
      margin-top: 60px;
      text-align: center; }
      .login .Main-content .Section .Wrapper .Inner .Form-fields .Content-sign-account p {
        font-weight: 600;
        color: #0f3c5e; }
        .login .Main-content .Section .Wrapper .Inner .Form-fields .Content-sign-account p a {
          color: #219af7; }
  .login .Main-content .Section .Wrapper .Inner .Subheading {
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .login .Main-content .Section .Wrapper .Inner .Subheading p {
      font-weight: bold; }

.login.forgot-password .Main-content .Section--existing .Form-fields.pwd-sent #notice {
  margin: 0; }

.login.forgot-password .Main-content .Section--existing .Caption.txt-page-sent .Required-back-home {
  padding-top: 60px;
  font-weight: 600;
  color: #0f4e71;
  float: left;
  width: 100%;
  text-align: center; }
  .login.forgot-password .Main-content .Section--existing .Caption.txt-page-sent .Required-back-home a {
    color: #219af7; }

.login.forgot-password .Main-content .Section--existing Button {
  padding: 20px 20px; }

.login.forgot-password .Main-content .Section .Wrapper .Heading p.Sub-title {
  color: #0f4e71;
  font-size: 16px;
  margin-top: 20px;
  font-weight: 400; }

.login.forgot-password .Main-content .Section .Wrapper .Form-fields form {
  width: 65%; }

.login.reset-pwd .Section--existing .Inner {
  width: 50%; }
  .login.reset-pwd .Section--existing .Inner .Heading p.Sub-title {
    color: #0f4e71;
    font-size: 16px;
    margin-top: 20px;
    font-weight: 400; }

.signup .Main-content .Header {
  padding: 20px 0;
  position: relative;
  height: 103px;
  width: 100%; }

.signup .Main-content .Section--existing {
  padding: 10px 10px 100px 10px;
  background-color: #f7fafc;
  height: 100%; }
  @media screen and (max-width: 470px) {
    .signup .Main-content .Section--existing {
      height: 100%; } }
  @media screen and (max-width: 350px) {
    .signup .Main-content .Section--existing {
      padding: 80px 10px 80px 10px; } }
  .signup .Main-content .Section--existing .Button {
    float: right;
    padding: 20px 40px;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    background: #59cd90;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 40px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 350px) {
      .signup .Main-content .Section--existing .Button {
        padding: 20px 40px; } }
  .signup .Main-content .Section--existing .Button.btn-prev {
    float: left; }

.signup .Main-content .Section .Wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1170px; }
  .signup .Main-content .Section .Wrapper .notice-container {
    width: 100%; }
  .signup .Main-content .Section .Wrapper .Inner {
    width: 50%; }
    @media screen and (max-width: 470px) {
      .signup .Main-content .Section .Wrapper .Inner {
        width: 100%; } }
    .signup .Main-content .Section .Wrapper .Inner .Heading {
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin-left: 1px;
      padding-bottom: 60px;
      width: 100%;
      text-align: center;
      float: left; }
      .signup .Main-content .Section .Wrapper .Inner .Heading .Caption p {
        text-align: center;
        color: #0f4e71;
        padding: 10px 0;
        font-family: "Open sans", "Arial";
        font-weight: 400;
        line-height: 24px; }
      .signup .Main-content .Section .Wrapper .Inner .Heading h2 {
        font-family: "Montserrat", sans-serif;
        color: #0f4e71;
        font-size: 40px; }
        @media screen and (max-width: 350px) {
          .signup .Main-content .Section .Wrapper .Inner .Heading h2 {
            font-size: 30px; } }
    .signup .Main-content .Section .Wrapper .Inner #personal_information {
      display: none; }
    .signup .Main-content .Section .Wrapper .Inner .Form-fields {
      width: 100%;
      position: relative; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields .input-txt label.error {
        display: none;
        margin-top: -15px;
        margin-left: 10px;
        font-size: 11px;
        position: absolute;
        color: #c40505; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields .input-txt label#tel-error {
        margin-top: 5px; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields input {
        background-color: #f7fafc !important;
        color: #444444 !important; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields input:-webkit-autofill,
      .signup .Main-content .Section .Wrapper .Inner .Form-fields input:-webkit-autofill:hover,
      .signup .Main-content .Section .Wrapper .Inner .Form-fields input:-webkit-autofill:active,
      .signup .Main-content .Section .Wrapper .Inner .Form-fields input:-webkit-autofill:focus {
        background-color: #f7fafc !important;
        color: #444444 !important;
        -webkit-box-shadow: 0 0 0 1000px #f7fafc inset !important;
        -webkit-text-fill-color: #444444 !important; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields label.checkbox-terms .error {
        display: none;
        margin-top: 10px;
        margin-left: 10px;
        font-size: 11px;
        position: absolute;
        color: #c40505; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields label.checkbox-terms input {
        left: 0;
        float: left;
        position: relative;
        width: 25px; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields label.input-txt {
        margin-bottom: 25px; }
        .signup .Main-content .Section .Wrapper .Inner .Form-fields label.input-txt .intl-tel-input {
          width: 100%; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields label.country-txt {
        padding-top: 3px;
        margin-bottom: 50px; }
        .signup .Main-content .Section .Wrapper .Inner .Form-fields label.country-txt select {
          border: 0;
          border-bottom: 1px solid rgba(0, 0, 0, 0.15);
          padding: 10px; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields label {
        display: block;
        text-align: left;
        font-family: "Open sans", "Arial"; }
        .signup .Main-content .Section .Wrapper .Inner .Form-fields label .label-text {
          font-size: 16px;
          line-height: 20px;
          padding-left: 10px;
          color: #b3cbdb;
          -ms-transform: translateY(-28px);
          transform: translateY(-28px);
          transition: all 0.3s; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields label input:focus + .label-text {
        color: #0f4e71;
        font-size: 13px;
        -ms-transform: translateY(-54px);
        transform: translateY(-54px); }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields label input + .label-text {
        font-size: 13px;
        color: #0f4e71;
        -ms-transform: translateY(-54px);
        transform: translateY(-54px); }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields label input:not([value=""]) + .label-text {
        font-size: 13px;
        color: #0f4e71;
        -ms-transform: translateY(-54px);
        transform: translateY(-54px); }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields .Container-date {
        padding: 10px 0;
        float: left;
        width: 100%; }
        .signup .Main-content .Section .Wrapper .Inner .Form-fields .Container-date .Input-block .field {
          margin-right: 9px;
          width: 31.5%;
          float: left; }
          @media screen and (min-width: 550px) and (max-width: 730px) and (orientation: landscape) {
            .signup .Main-content .Section .Wrapper .Inner .Form-fields .Container-date .Input-block .field {
              margin-right: 8px;
              width: 31%; } }
          @media screen and (max-width: 350px) {
            .signup .Main-content .Section .Wrapper .Inner .Form-fields .Container-date .Input-block .field {
              margin-right: 8px;
              width: 31%; } }
        .signup .Main-content .Section .Wrapper .Inner .Form-fields .Container-date .Input-block .field:last-child {
          margin-right: 0px; }
        .signup .Main-content .Section .Wrapper .Inner .Form-fields .Container-date .Input-block select {
          border: 0px;
          border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
          padding: 10px;
          color: #444444;
          border-radius: 0px; }
        .signup .Main-content .Section .Wrapper .Inner .Form-fields .Container-date .Input-block label.error {
          margin-top: 5px; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields .Input-sex {
        float: left;
        width: 100%;
        padding: 60px 0 50px 10px; }
        .signup .Main-content .Section .Wrapper .Inner .Form-fields .Input-sex label.error {
          margin-top: 10px; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields .checkbox {
        width: 100px;
        float: left; }
        .signup .Main-content .Section .Wrapper .Inner .Form-fields .checkbox span {
          margin-left: 30px;
          font-family: "Open sans", "Arial";
          font-weight: 400;
          font-size: 14px;
          color: #444444; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields .checkbox [type="checkbox"]:not(:checked), .signup .Main-content .Section .Wrapper .Inner .Form-fields .checkbox [type="checkbox"]:checked {
        position: absolute;
        left: -9999px; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields .checkbox input[type="checkbox"]:checked + i::before, .signup .Main-content .Section .Wrapper .Inner .Form-fields .checkbox input[type="radio"]:checked + i::before {
        content: "";
        display: block;
        height: 24px;
        left: 1px;
        position: absolute;
        top: -4px;
        width: 24px;
        background: url("../img/spr-input.png") -50px 0px; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields .checkbox input[type="checkbox"] + i, .signup .Main-content .Section .Wrapper .Inner .Form-fields .checkbox input[type="radio"] + i {
        box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
        cursor: pointer;
        display: inline-block;
        height: 21px;
        position: absolute;
        width: 21px;
        background: white;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.15);
        border-image: initial;
        border-radius: 1px;
        margin: 0px 10px 0px 0px;
        outline: none; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields .Container-country {
        padding-bottom: 40px;
        float: left;
        width: 100%; }
        .signup .Main-content .Section .Wrapper .Inner .Form-fields .Container-country select {
          border: 0px;
          border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
          padding: 10px;
          color: #444444;
          font-size: 14px;
          border-radius: 0px; }
          .signup .Main-content .Section .Wrapper .Inner .Form-fields .Container-country select option {
            color: #444444; }
        .signup .Main-content .Section .Wrapper .Inner .Form-fields .Container-country label.error {
          margin-top: 5px; }
      .signup .Main-content .Section .Wrapper .Inner .Form-fields .checkbox-terms {
        width: 100%; }
        .signup .Main-content .Section .Wrapper .Inner .Form-fields .checkbox-terms label.agree {
          margin-left: 30px; }
        .signup .Main-content .Section .Wrapper .Inner .Form-fields .checkbox-terms a {
          color: #219af7; }
    .signup .Main-content .Section .Wrapper .Inner .Caption {
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      position: relative;
      float: left; }
      @media screen and (max-width: 768px) {
        .signup .Main-content .Section .Wrapper .Inner .Caption {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      .signup .Main-content .Section .Wrapper .Inner .Caption .Required-field {
        float: left;
        padding-top: 60px;
        font-weight: 600;
        color: #0f4e71; }
    .signup .Main-content .Section .Wrapper .Inner .Content-sign-account {
      width: 100%;
      float: left;
      margin-top: 60px;
      text-align: center; }
      .signup .Main-content .Section .Wrapper .Inner .Content-sign-account p {
        font-weight: 600;
        color: #0f3c5e; }
        .signup .Main-content .Section .Wrapper .Inner .Content-sign-account p a {
          color: #219af7; }
    .signup .Main-content .Section .Wrapper .Inner .Subheading {
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .signup .Main-content .Section .Wrapper .Inner .Subheading p {
        font-weight: bold; }

.login.forgot-password .Main-content .Section--existing Button {
  padding: 20px 20px; }

.login.forgot-password .Main-content .Section .Wrapper .Heading p.Sub-title {
  color: #0f4e71;
  font-size: 16px;
  margin-top: 20px;
  font-weight: 400; }

.login.forgot-password .Main-content .Section .Wrapper .Form-fields form {
  width: 65%; }

.signup.signuprequest body {
  background: #FBFBFC; }

.signup.signuprequest .Section--existing {
  height: 100%; }
  .signup.signuprequest .Section--existing .Wrapper .Inner .Heading {
    padding-bottom: 90px; }
  .signup.signuprequest .Section--existing .Wrapper .Inner .Caption {
    text-align: center; }
    .signup.signuprequest .Section--existing .Wrapper .Inner .Caption .Button.bt-lotto {
      margin: 20px auto 20px auto;
      float: none; }
    .signup.signuprequest .Section--existing .Wrapper .Inner .Caption .Required-back-home {
      padding-top: 60px;
      font-weight: 600;
      color: #0f4e71;
      float: left;
      width: 100%;
      text-align: center; }
      .signup.signuprequest .Section--existing .Wrapper .Inner .Caption .Required-back-home a {
        color: #219af7; }

.signup.signuprequest .Footer {
  position: absolute;
  bottom: 0; }

.signuprequest .Main-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center; }
  .signuprequest .Main-content .Section--info {
    padding-top: 80px;
    padding-bottom: 80px; }
    .signuprequest .Main-content .Section--info .Content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .signuprequest .Main-content .Section--info .Button {
      margin-left: auto;
      margin-top: 60px; }
      @media screen and (max-width: 470px) {
        .signuprequest .Main-content .Section--info .Button {
          text-align: center;
          width: 100%; } }
    .signuprequest .Main-content .Section--info p {
      color: #878787;
      font-size: 14px;
      font-weight: bold;
      padding-top: 15px; }
      @media screen and (max-width: 470px) {
        .signuprequest .Main-content .Section--info p {
          text-align: center; } }
  .signuprequest .Main-content .Section .Wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1170px; }

/*# sourceMappingURL=main.css.map */