/*
 ======================
   Typography
 ======================
*/
@font-face {
  font-family: "villa_bold";
  src: url("../fonts/Eixample_Villa_Bold.otf") format("opentype"); }
@font-face {
  font-family: "villa_thin";
  src: url("../fonts/Eixample_Villa_Thin.otf") format("opentype"); }
body {
  font-family: "villa_thin";
  font-style: normal;
  /*background: url(../img/bg.jpg) no-repeat;*/ }

h1, h2, h3, h4, h5, h6 {
  font-family: "villa_bold"; }

p {
  line-height: 1.3em;
  font-size: 28px; }

.text-white {
  color: white !Important; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: white; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: white; }

:-moz-placeholder {
  /* Firefox 18- */
  color: white; }

.hero_bg {
  position: relative; }
  .hero_bg .container {
    position: relative;
    height: 100%; }
    .hero_bg .container .inner_content {
      position: absolute;
      width: 100%;
      bottom: 60px; }
  .hero_bg img.bg_img {
    width: 100%;
    height: 100vh; }
  .hero_bg .content {
    position: absolute;
    height: 100%;
    left: 0px;
    top: 0px;
    width: 100%; }
    .hero_bg .content .logo {
      margin-top: 0px !important;
      display: flex;
      flex-direction: column;
      text-align: center;
      justify-content: center;
      align-items: center; }
      .hero_bg .content .logo img:first-child {
        height: 360px;
        object-fit: contain;
        object-position: center; }
      .hero_bg .content .logo img {
        display: block; }
        .hero_bg .content .logo img.logo-new {
          height: 145px;
          width: auto; }
          @media (min-width: 1500px) {
            .hero_bg .content .logo img.logo-new {
              height: 180px; } }
      .hero_bg .content .logo h1 {
        color: #000;
        font-size: 8em; }
      .hero_bg .content .logo span {
        color: #000;
        font-weight: bold;
        font-size: 2.2em;
        font-family: "villa_bold";
        margin-top: -25px;
        display: block; }
  .hero_bg .description .title {
    font-size: 50px; }
  .hero_bg .description .subtitle {
    font-size: 70px; }
  .hero_bg .footer div {
    font-size: 30px; }

@media (max-width: 1500px) {
  .hero_bg .content .logo {
    margin-top: 0px !Important; }
    .hero_bg .content .logo img:first-child {
      height: 220px; }
  .hero_bg .content .inner_content {
    bottom: 30px; }
  .hero_bg .description .title {
    font-size: 40px; }
  .hero_bg .description .subtitle {
    font-size: 50px; }
  .hero_bg .footer div {
    font-size: 24px; } }
@media (max-width: 1024px) and (min-width: 767px) {
  .hero_bg .content .inner_content {
    bottom: 15px !important; }
  .hero_bg .content .logo {
    margin-top: 0px !important; }
    .hero_bg .content .logo img {
      height: 90px !important; }
    .hero_bg .content .logo h1 {
      font-size: 4em; }
    .hero_bg .content .logo span {
      font-size: 1.2em; }
  .hero_bg .inner_content .description {
    padding-bottom: 0px !Important; }
    .hero_bg .inner_content .description .title {
      font-size: 32px !Important; }
    .hero_bg .inner_content .description .subtitle {
      font-size: 24px; }
  .hero_bg .footer div {
    font-size: 18px !important; } }
@media (max-width: 1024px) {
  .hero_bg .container {
    padding: 30px 0px !important; } }
@media (max-width: 680px) {
  .hero_bg .bg_img {
    object-fit: cover;
    object-position: top; }
  .hero_bg .content .logo {
    margin-top: 70px !important; }
    .hero_bg .content .logo img:first-child {
      height: 200px !important; }
    .hero_bg .content .logo img.logo-new {
      height: 115px; }
    .hero_bg .content .logo h1 {
      font-size: 7em; }
    .hero_bg .content .logo span {
      font-size: 2em; }
  .hero_bg .inner_content .description {
    text-align: center !important; }
    .hero_bg .inner_content .description .title {
      font-size: 32px !Important; }
    .hero_bg .inner_content .description .subtitle {
      font-size: 24px; }
  .hero_bg .footer {
    flex-direction: column; }
    .hero_bg .footer div {
      text-align: center !important;
      font-size: 18px !important; } }

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