@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'century_regular';
  src: url('../fonts/gothic-webfont.eot');
  src: url('../fonts/gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothic-webfont.ttf') format('truetype'), url('../fonts/gothic-webfont.svg#century_gothicregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'century_regular';
    src: url('../fonts/gothic-webfont.svg#century_regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}
@font-face {
  font-family: 'century_bold';
  src: url('../fonts/gothicb-webfont.eot');
  src: url('../fonts/gothicb-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothicb-webfont.ttf') format('truetype'), url('../fonts/gothicb-webfont.svg#century_gothicbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'century_bold';
    src: url('../fonts/gothicb-webfont.svg#century_bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}
html {
  scroll-behavior: smooth;
}
.small {
  font-size: 0.9rem
}
.w-xs-100 {
  width: 100% !important
}
.w-xs-50 {
  width: 50% !important
}
.w-xs-75 {
  width: 75% !important
}
.w-xs-auto {
  width: auto !important
}
.txt_reg {
  font-family: 'century_regular';
}
.txt_bold {
  font-family: 'century_bold';
}
body {
  font-family: 'century_regular', Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  color: #484b4b;
  line-height: 1.35;
}
.container-fluid {
  max-width: 1175px;
}
main {
  background-image: url("../images/bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed
}
.row-boxes .wrap-logo {
  background-color: #FFFFFF;
  position: relative;
  display: block;
  cursor: pointer;
  overflow: hidden;
}
.wrap-logo img {
  filter: brightness(0) opacity(0.5);
  transition: all 0.3s ease
}
.wrap-logo:hover img, .wrap-logo:focus img {
  filter: brightness(1) opacity(1)
}
.row-boxes .wrap-logo:before {
  content: "";
  position: absolute;
  height: 7px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.15
}
.row-boxes .wrap-logo:after {
  content: "";
  position: absolute;
  height: 7px;
  width: 0%;
  bottom: 0;
  left: 50%;
  background-color: #000000;
  opacity: 0.5;
  transform: translateX(-50%);
  transition: all 0.3s ease;
  border-radius: 8px 8px 8px 8px
}
.row-boxes .wrap-logo:hover:after, .row-boxes .wrap-logo:focus:after {
  width: 110%
}
footer {
  background-color: #e3e1e1;
  color: #262626
}
.powered-logo img {
  /*filter: brightness(0.5);*/
  transition: all 0.2s ease
}
.powered-logo:hover img {
  /*filter: brightness(0)*/
}
@media(min-width: 576px) {
  .w-sm-100 {
    width: 100% !important
  }
  .w-sm-50 {
    width: 50% !important
  }
  .w-sm-75 {
    width: 75% !important
  }
  .w-sm-auto {
    width: auto !important
  }
}
@media (min-width:768px) {
  .modal-dialog {
    padding: 0 30px;
  }
  .w-md-100 {
    width: 100% !important
  }
  .w-md-50 {
    width: 50% !important
  }
  .w-md-75 {
    width: 75% !important
  }
  .w-md-auto {
    width: auto !important
  }
}
@media (min-width:992px) {
  .w-lg-100 {
    width: 100% !important
  }
  .w-lg-50 {
    width: 50% !important
  }
  .w-lg-75 {
    width: 75% !important
  }
  .w-lg-auto {
    width: auto !important
  }
}
@media (min-width: 1200px) {
  .w-xl-100 {
    width: 100% !important
  }
  .w-xl-50 {
    width: 50% !important
  }
  .w-xl-75 {
    width: 75% !important
  }
  .w-xl-auto {
    width: auto !important
  }
}
@media (min-width: 1400px) {
  .w-xxl-100 {
    width: 100% !important
  }
  .w-xxl-75 {
    width: 75% !important
  }
  .w-xxl-50 {
    width: 50% !important
  }
  .w-xxl-auto {
    width: auto !important
  }
}