:root {
  --white-color: rgba(255, 255, 255, 1);
  --white-light-color: rgba(255, 255, 255, .5);
  --black-color: rgba(0, 0, 0, 1);
  --black-light-color: rgba(0, 0, 0, .5);
  --light-color: rgba(139, 245, 255, 1);
  --light-light-color: rgba(139, 245, 255, .5);
  --primary-color: rgba(79, 194, 247, 1);
  --primary-light-color: rgba(79, 194, 247, .5);
  --dark-color: rgba(0, 146, 196, 1);
  --dark-light-color: rgba(0, 146, 196, .5);
  --image-header-url: url(../../img/backgroundHeader/bg-header-1.jpg);
  --image-body-url: url(../../img/backgroundBody/bg-body-1.jpg);
  --image-footer-url: url(../../img/backgroundFooter/bg-footer-1.png);
  --background-header: var(--primary-color, rgba(79, 194, 247, 1)) var(--image-header-url) no-repeat fixed center;
  --background-body: var(--primary-color, rgba(79, 194, 247, 1)) var(--image-body-url) repeat fixed; }

@font-face {
  font-family: Mistral;
  src: url("../../webfontkit/mistral.woff"); }
@font-face {
  font-family: "Roboto Light";
  src: url("../../webfontkit/Roboto-Light.ttf");
  src: url("../../webfontkit/roboto-light-webfont.woff");
  src: url("../../webfontkit/roboto-light-webfont.woff2"); }
@font-face {
  font-family: "Roboto Medium";
  src: url("../../webfontkit/Roboto-Medium.ttf");
  src: url("../../webfontkit/roboto-medium-webfont.woff");
  src: url("../../webfontkit/roboto-medium-webfont.woff2"); }
body #constructionModal div.modal-dialog div.modal-content div.modal-body img.imgConstruction {
  background: var(--primary-color, #4fc2f7); }
body #constructionModal div.modal-dialog div.modal-content div.modal-body > div > button {
  background-color: var(--dark-color, #0092c4); }
body #mainDivPageBody main {
  font-family: "Roboto Light", "Times New Roman", Times, serif;
  font-style: normal;
  font-weight: 300;
  font-size: small; }
  body #mainDivPageBody main #containerBoxes {
    margin-top: 10%; }
    body #mainDivPageBody main #containerBoxes .rowBoxes {
      margin-left: 10%;
      margin-right: 10%; }
      body #mainDivPageBody main #containerBoxes .rowBoxes .box {
        font-family: "Roboto Medium", "Times New Roman", Times, serif;
        font-weight: 500;
        color: var(--white-color, white);
        width: 60px;
        height: 60px;
        transform: rotate(45deg); }
        body #mainDivPageBody main #containerBoxes .rowBoxes .box div {
          font-size: smaller;
          transform: rotate(-45deg); }
      body #mainDivPageBody main #containerBoxes .rowBoxes .box:hover {
        font-family: "Roboto Light", "Times New Roman", Times, serif;
        font-weight: 300;
        opacity: .8; }
    body #mainDivPageBody main #containerBoxes .rowBoxes:first-child a:nth-child(1) {
      background-color: #bd4141; }
    body #mainDivPageBody main #containerBoxes .rowBoxes:first-child a:nth-child(2) {
      background-color: #0092c4; }
    body #mainDivPageBody main #containerBoxes .rowBoxes:first-child a:nth-child(3) {
      background-color: #24ac22; }
    body #mainDivPageBody main #containerBoxes .rowBoxes:last-child {
      margin-top: 15%;
      margin-bottom: 5%; }
      body #mainDivPageBody main #containerBoxes .rowBoxes:last-child a:nth-child(1) {
        background-color: #0f878e; }
      body #mainDivPageBody main #containerBoxes .rowBoxes:last-child a:nth-child(2) {
        background-color: #c87222; }
      body #mainDivPageBody main #containerBoxes .rowBoxes:last-child a:nth-child(3) {
        background-color: #918a4f; }

@media (min-width: 576px) {
  body #mainDivPageBody main {
    font-size: medium; }
    body #mainDivPageBody main #containerBoxes .rowBoxes .box {
      width: 90px;
      height: 90px; }
      body #mainDivPageBody main #containerBoxes .rowBoxes .box div {
        font-size: small; }
    body #mainDivPageBody main #containerBoxes .rowBoxes:last-child {
      margin-bottom: 10%; } }
@media (min-width: 768px) {
  body #mainDivPageBody main #containerBoxes .rowBoxes .box {
    width: 120px;
    height: 120px; }
    body #mainDivPageBody main #containerBoxes .rowBoxes .box div {
      font-size: medium; } }

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