:root {
  --c-primary-bg: transparent;
  --c-primary-text: #c5ac7a;
  --c-primary-border: transparent;

  --c-secondary-bg: transparent;
  --c-secondary-text: #FFFFFF;
  --c-secondary-border: transparent;

  --c-header-bg: #151515;
  --c-header-text: #ffffff;
  --c-header-text-hover: #af996d;
  --c-header-text-active: #af996d;
  --c-header-border: #704a20;

  --c-content-1-bg-img: url("//cdn-amp-project.xyz/assets/sga/image/bg1.png");

  --c-content-2-bg-img: url("//cdn-amp-project.xyz/assets/sga/image/bg2.png");

  --c-content-3-bg: #131518;
  --c-content-3-bg-box: #0d0e10;
  --c-content-3-text: #000000;
  --c-content-3-border: #ead19a;

  --c-footer-bg: #0d0e10;
  --c-footer-text: #ffffff;
  --c-footer-border: #1130a5;

  --c-button-1-bg: #a28152;
  --c-button-1-text: #000000;
}

@font-face {
  font-family: atures100;
  src: url(../fonts/Roboto-Black.ttf);
}

@font-face {
  font-family: atures300;
  src: url(../fonts/Roboto-Black.ttf);
}

@font-face {
  font-family: atures500;
  src: url(../fonts/Roboto-Black.ttf);
}

@font-face {
  font-family: atures700;
  src: url(../fonts/Roboto-Black.ttf);
}

@font-face {
  font-family: atures900;
  src: url(../fonts/Roboto-Black.ttf);
}

.c-font-atures100 {
  font-family: atures100;
}

.c-font-atures300 {
  font-family: atures300;
}

.c-font-atures500 {
  font-family: atures500;
}

.c-font-atures700 {
  font-family: atures700;
}

.c-font-atures900 {
  font-family: atures900;
}

.c-primary-bg {
  background: var(--c-primary-bg) !important;
}
.c-primary-text {
  color: var(--c-primary-text) !important;
}
.c-primary-border {
  border: 1px solid var(--c-primary-border) !important;
}

.c-secondary-bg {
  background: var(--c-secondary-bg) !important;
}
.c-secondary-text {
  color: var(--c-secondary-text) !important;
}
.c-secondary-border {
  border: 1px solid var(--c-secondary-border) !important;
}

.c-header-bg {
  background: var(--c-header-bg) !important;
}
.c-header-text {
  color: var(--c-header-text) !important;
}
.c-header-text:hover {
  color: var(--c-header-text-hover) !important;
  border-bottom: 1px solid var(--c-header-text-hover) !important;
}
.c-header-text-active {
  color: var(--c-header-text-active) !important;
  border-bottom: 1px solid var(--c-header-text-active) !important;
}
.c-header-border {
  border-bottom: 3px solid var(--c-header-border) !important;
}

.c-content-1-bg-img {
  background-image: var(--c-content-1-bg-img) !important;
  background-position: center;
  background-size: cover;
}

.c-content-2-bg-img {
  background-image: var(--c-content-2-bg-img) !important;
  background-position: center center;
  background-size: cover;
}

.c-content-3-bg {
  background: var(--c-content-3-bg) !important;
}
.c-content-3-bg-box {
  background: var(--c-content-3-bg-box) !important;
}
.c-content-3-text {
  color: var(--c-content-3-text) !important;
}
.c-content-3-border {
  border-bottom: 5px solid var(--c-content-3-border) !important;
}

.c-button-1-bg {
  background: var(--c-button-1-bg) !important;
}
.c-button-1-text {
  color: var(--c-button-1-text) !important;
}

.c-footer-bg {
  background: var(--c-footer-bg) !important;
}
.c-footer-text {
  color: var(--c-footer-text) !important;
}
.c-footer-border {
  border-bottom: 3px solid var(--c-footer-border) !important;
}