/* fonts */
html {
  font-family: 'Lora', serif;
}

body {
  font-family: 'Lora', serif;
}

p, b, li {
  font-family: 'Lora', serif;
  font-size: 1.1rem;
  font-style: italic;
}

a {
  transition: ease-in .3s;
  &:hover {

  }
}

h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 2.2rem;
  text-transform: uppercase;
}

h1 small {
  font-weight: 400;
}

h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 1.8rem;
  text-transform: uppercase;
}

h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  color: #213C5A;
}

h4 {
  font-family: 'Montserrat', sans-serif;
}

h5 {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: 800;
}

h6 {
  font-weight: 800;
}

.bold {
  font-weight: 600!important;
}

.link-unstyled {
  text-decoration: none;
}

.font-sans-serif {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-size: .95rem;
}

/* end fonts */

/* colors */
.red {
  color: #A8271F;
}

.bg-red {
  background-color: #A8271F;
}

.yellow {
  color: #FFCE01;
}

.bg-yellow {
  background-color:#FFCE01;
}

.orange {
  color: #FBAE17;
}

.bg-orange {
  background-color: #FBAE17;
}

.green {
  color: #30ab7b;
}

.bg-greem {
  background-color: #30ab7b;
}

.red {
  color: #a6322e;
}

.red-md {
  color: #ffffff;
}

.bg-red {
  background-color: #a6322e;
  a {
    &:hover {
      color: #FBAE17;
    }
  }
}

.bg-red-xs {
  background-color: #a6322e;
}

.blue {
  /*color: #bc985f;*/
  color: #213C5A;
}

.bg-blue {
  /*background-color: #bc985f;*/
  background-color: #213C5A;
  a {
    &:hover {
      color: #efefef;
    }
  }
}

.bg-blue-xs {
  background-color: #213C5A;
}

.bg-blue-tint {
  background-color: #64778c;
}

.blue-light {
  color: #a6beda;
}

.bg-blue-light {
  background-color: #a6beda;
}

.white {
  color: #fff;
}

.bg-white {
  background-color: #fff;
}

.black {
  color: #000;
}

.bg-black {
  background-color: #000;
}

.gray-light {
  color: #EFEAE5;
}

.bg-gray-light {
  background-color: #EFEAE5;
}
/* end colors */

/* buttons */
.btn {
  padding: 10px 15px;
  border-radius: 20px;
  font-style: italic;
  font-weight: bold;
  transition: ease-in .3s;
}

.btn-blue {
  background-color: #213C5A;
  color: #fff;
  &:hover {
    color: #FBAE17;
  }
}

.btn-red {
  background-color: #a6322e;
  color: #ffffff;
  border: 2px solid #fff;
  &:hover {
    color: #efefef;
  }
}

.btn-green {
  background-color: #30ab7b;
  color: #fff;
  &:hover {
    color: #213C5A;
  }
}

.btn-orange {
  background-color: #FBAE17;
  color: #213C5A;
  &:hover {
    color: #fff;
  }
}
/* end buttons */

/* navbar */
.navbar-toggler {
  border: none!important;
}
.navbar-main .fa-bars {
  font-size: 1.7rem;
}
.navbar-collapse {
  text-align: center;
}
.navbar-main {
  border-bottom: 2px solid #182b40;
}
.navbar-main .navbar-brand {
  max-width: 80px;
  padding: 0;
}
.navbar-main .nav-item {
  .active {
    border-bottom: 3px solid #213C5A;
  }
}

.navbar-main .nav-link {
  color: #ffffff!important;
  font-size: 1rem;
  font-family: 'Lora', serif;
  font-weight: 600;
  font-style: italic;
  margin: .5rem 2rem!important;
  border-bottom: 3px solid #213C5A;
  transition: ease-in .3s;
  &:hover {
    border-bottom: 3px solid #a6322e;
  }
}
.lang {
  max-width: 20px;
}
.navbar-main .cta {
  padding: 10px 15px;
  border-radius: 20px;
  color: #fff!important;
  border: 3px solid #fff;
}

.show {
  margin-bottom: 3rem;
  .nav-link {
  border-bottom: 3px solid #213C5A;
  }
}
/* end navbar */

/* footer */
footer {
  text-align: center;
  border-top: 4px solid #213C5A;
  font-size: .85rem;
  .adress {
    font-size: .8rem;
  }
  .credits a {
    font-size: .8rem;
    color: #213C5A;
  }
}
footer .logo {
  max-width: 100px;
}
footer .btn {
  font-size: 1rem;
  font-family: 'Lora', serif;
  font-weight: 600;
  font-style: italic;
  padding: 0.5rem 2rem !important;
  border-radius: 20px;
  border: 3px solid #fff;
}
/* end footer */

/* home */
.main-home {
  background-image: url('/images/background3.svg');
  background-repeat: no-repeat;
  background-position: 0% 100%;
}
.hero {
  background-position: center center;
  background-size: cover;
  background-repeat: no-no-repeat;
  min-height: 65vh;
  width: auto;
}
.hero-home {
  background-image: url('/images/carrousel-thumb-2-min.jpg');
  background-position: 75% 50%;
}
.home-hero-text {
  background: white;
  z-index: 9;

}
.bg-blue-home {
  h2 {
    text-transform: uppercase;
    font-size: 1.5rem;
  }
  a {
    text-decoration: none;
  }
  .card-body {
    border-bottom-right-radius: 20px;
    min-height: 170px;
    position:relative;
    background-color: #213C5A;
    color: #fff;
    .fa-arrow-right {
      position: absolute;
      bottom: 15px;
      right: 15px;
      background: white;
      padding: .7rem;
      border-radius: 80px;
      color: #213C5A;
    }
  }
}
.bg-card-home {
  background-size: cover;
  background-repeat: no-repeat;
  border-top-left-radius: 20px;
  min-height: 220px;
}

#bg-card-home-1 {
  background-image: url('/images/historylight-min.jpg')
}
#bg-card-home-2 {
  background-image: url('/images/the-house-card.jpg')
}
#bg-card-home-3 {
  background-image: url('/images/the-region-card.jpg');
}
.play-button-modal {
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  font-size: 5rem;

}
.usp-home {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.testimonials blockquote {
  font-style: italic;
  font-size: .9rem;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: 3px solid #ddd;
  cite {
    display: inline-block;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    font-size: .8rem;
    font-family: 'Montserrat', sans-serif;
  }
  .lang {
    max-width: 15px;
  }
  .fa-quote-right {
    float: right;
    font-size: 1.2rem;
  }
}
.story-home {
  min-height: 350px;
  .story-home-img {
    background-image: url('/images/carrousel-thumb-1.jpg');
  }
}
.pricing {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0% 100%;
}
.card-pricing {
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  font-size: .9rem;
  h6 {
    font-size: .9rem;
  }
  .btn {
    font-style: italic;
    font-weight: bold;
  }
  .price {
    font-size: 2.2rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
  }
}
.card-pricing-1, .card-pricing-3 {
  border: 3px solid #A8271F;
}

.card-pricing-2 {
  border: 3px solid #213C5A;
}
.logo-home {
  max-width: 80px;
}
.curl {
  max-width: 130px;
}
/* end home */

/* content page */
.content-page {
  .fa-check {
    color: #FBAE17;
  }
}

.card-description {
    font-family: 'Montserrat', sans-serif;
    font-size: .9rem;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 3px solid #213C5A;
    .list-unstyled li {
      border-bottom: 1px solid #213C5A;
      padding: 10px 0px;
    }
}
.border-top-left-bottom-right {
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.copyright {
  font-size: .5rem;
}
/* end content page */

/* carousels */
.owl-carousel p {
  font-size: .95rem;
}
.carousel-inner .bg-blue {
  border-bottom: 5px solid #213C5A;
  position: absolute;
  bottom: 0;
  left: 0;
}
/* end carousels */

/* media queries */
@media only screen and (min-width: 767px) {
  .navbar-main .navbar-brand {
    max-width: 100px;
  }
  footer {
    text-align: left;
  }
  .bg-green-home {
    .card-body {
      background-color: #213C5A;
      color: #fff;
    }
  }
}

@media only screen and (min-width: 992px) {
  .show {
    margin-bottom: 0rem;
    .nav-link {
    border-bottom: none;
    }
  }
  .bg-blue-xs {
    background-color: #fff;
  }
  .bg-red-xs {
    background-color: #fff;
  }
  .red-md {
    color: #a6322e;
  }
  .video-rounded {
    border-radius: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .bg-blue-home .card-body {
    min-height: 190px;
  }
}
/* end media queries */