@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.ttf") format("truetype"),
    url("../fonts/Roboto-Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-M";
  src: url("../fonts/Roboto-Medium.ttf") format("truetype"),
    url("../fonts/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Roboto-B";
  src: url("../fonts/Roboto-Bold.ttf") format("truetype"),
    url("../fonts/Roboto-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}

:root {
  /* Fonts */

  --primary-font: "Roboto", Arial, Helvetica, sans-serif;

  --primary-font-m: "Roboto-M", Arial, Helvetica, sans-serif;

  --primary-font-b: "Roboto-B", Arial, Helvetica, sans-serif;

  /* Colors */

  --white: #fff;
}

::selection {
  color: var(--text);

  background: var(--tertiary);
}

body {
  font-family: var(--primary-font);
  font-size: 16px;
  background-color: #000
}

p,
span {
  font-size: 1em;

  color: var(--white);

  font-family: var(--primary-font);
  line-height: 24px;
}

em {
  font-style: italic;
}

a {
  color: var(--white);
  transition: all 0.3s;
  font-size: 1em;
}

h1 {
  font-family: var(--primary-font);
  color: var(--white);
  text-transform: uppercase;
  font-size: 110px;
  line-height: 126px;
  margin-bottom: 16px;
}

a:hover {
  text-decoration: none;

  transition: all 0.3s;

  color: #9f9f9f;
}

strong {
  font-weight: 700;
}


.page-default {
  margin-top: 36px;
}
.page-default p {
  margin-bottom: 10px;
}
.default h1 {
  margin-top: 24px;
  font-size: 44px;
  color: #000;
  margin-bottom: 24px;
  margin-top: 48px;
}

.btn-primary {
    background-color: transparent;
    border: 1px solid var(--white);
    border-radius: 100px;
}
.btn-primary a {
    display: block;
    padding: 10px 14px;
}
.btn-primary:hover {
    background-color: var(--white);
    transition: all .3s;
    border-color: var(--white);
}
.btn-primary:hover a {
    color: #000;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: var(--white);
    border-color: var(--white);
    color: #000;
}

.btn-secondary {
  background-color: transparent;
  color: var(--white);
  border: 1px solid var(--white);
  border-radius: 100px;
  display: block;
  padding: 20px 48px;
  text-transform: uppercase;
  width: 270px;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-secondary:hover {
  background-color: var(--white);
  color: #000;
  transition: all .3s;
}
.container-fluid {
  padding-right: 55px;
  padding-left: 55px;
}

.btn-secondary.focus, .btn-secondary:focus {
  background-color: transparent;
  box-shadow: none;
  border-color: var(--white);
}