/** Montserrat **/
@font-face {
    font-family: Montserrat-Regular;
    src: url(../font/Montserrat/Montserrat-Regular.ttf);
}

@font-face {
    font-family: Montserrat-Italic;
    src: url(../font/Montserrat/Montserrat-Italic.ttf);
}

@font-face {
    font-family: Montserrat-Medium;
    src: url(../font/Montserrat/Montserrat-Medium.ttf);
}

@font-face {
    font-family: Montserrat-MediumItalic;
    src: url(../font/Montserrat/Montserrat-MediumItalic.ttf);
}

@font-face {
    font-family: Montserrat-Bold;
    src: url(../font/Montserrat/Montserrat-Bold.ttf);
}

@font-face {
    font-family: Montserrat-BoldItalic;
    src: url(../font/Montserrat/Montserrat-BoldItalic.ttf);
}

@font-face {
    font-family: Montserrat-Light;
    src: url(../font/Montserrat/Montserrat-Light.ttf);
}

@font-face {
    font-family: Montserrat-LightItalic;
    src: url(../font/Montserrat/Montserrat-LightItalic.ttf);
}

@font-face {
    font-family: Montserrat-ExtraLight;
    src: url(../font/Montserrat/Montserrat-ExtraLight.ttf);
}

@font-face {
    font-family: Montserrat-ExtraLightItalic;
    src: url(../font/Montserrat/Montserrat-ExtraLightItalic.ttf);
}

/** Lato **/
@font-face {
    font-family: Lato-Regular;
    src: url(../font/Lato/Lato-Regular.ttf);
}

@font-face {
    font-family: Lato-LightItalic;
    src: url(../font/Lato/Lato-LightItalic.ttf);
}

@font-face {
    font-family: Lato-Light;
    src: url(../font/Lato/Lato-Light.ttf);
}

@font-face {
    font-family: Lato-BoldItalic;
    src: url(../font/Lato/Lato-BoldItalic.ttf);
}

@font-face {
    font-family: Lato-Bold;
    src: url(../font/Lato/Lato-Bold.ttf);
}

html {
    font-size: 1rem;
  }
  
  @include media-breakpoint-up(sm) {
    html {
      font-size: 1.2rem;
    }
  }
  
  @include media-breakpoint-up(md) {
    html {
      font-size: 1.4rem;
    }
  }
  
  @include media-breakpoint-up(lg) {
    html {
      font-size: 1.6rem;
    }
  }




body {
    font-family: 'Lato-Regular', Arial, Helvetica, sans-serif;
    color: #000032;
}

.navbar {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
}

.navbar-hpt .navbar-nav .nav-link {
    color: #000032;
    -webkit-transition: all .35s;
    transition: all .35s;
}

.navbar-hpt .navbar-nav .nav-link:hover {
    color: #9A7a2c;
    -webkit-transition: all .35s;
    transition: all .35s;
}

.breadcrumb a {
    color: #000 !important;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.breadcrumb a:hover {
    color: #63a3ab !important;
}

a.nav-link.active {
    color: #63a3ab !important;
    -webkit-transition: all .35s;
    transition: all .35s;
}

.carousel-item {
    height: 65vh;
    min-height: 640px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.navbar-top {
    background: rgba(255, 255, 255, 0.9);
    -webkit-transition: all .35s;
    transition: all .35s;
}

.btn {
    letter-spacing: 2px;
    text-transform: uppercase;
}

.font-light {
    font-family: 'Lato-Light', Arial, Helvetica, sans-serif;
}

.font-bold {
    font-family: 'Lato-Bold', Arial, Helvetica, sans-serif;
}

.navbar-top.active {
    border-color: rgba(34, 34, 34, 0.1);
    background-color: #fff;
}

@media (min-width: 576px) {
    #loginModal .modal-dialog {
        max-width: 400px;
    }
}

.link-arrow {
    background: transparent url("../images/ic_arrowRight.svg") 100% 50% no-repeat;
    background-size: 15px;
    padding-right: 25px;
    color: #75B3BB;
    -webkit-transition: all .35s;
    transition: all .35s;
}

.link-arrow:hover {
    color: #75B3BB;
    text-decoration: none;
    padding-right: 42px;
    -webkit-transition: all .35s;
    transition: all .35s;
}

.pt-lg {
    padding-top: 6rem !important;
}