/*!
 * Start Bootstrap - One Page Wonder v5.0.7 (https://startbootstrap.com/template-overviews/one-page-wonder)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-one-page-wonder/blob/master/LICENSE)
 */

body {
  font-family: 'Frank Ruhl Libre' ;
  font-size: 18px;
}
body a {
   color: #163a6b;
}

h1 {
  font-family: 'Frank Ruhl Libre' ;
  font-weight: 700 !important;
}

h2,
h3,
h4,
h5,
h6 {
  font-family: 'Frank Ruhl Libre' ;
  font-weight: 500 !important;
}

.btn-xl {
  text-transform: uppercase;
  padding: 1.3rem 2.6rem;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
}

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

.rounded-pill {
  border-radius: 5rem;
}

.navbar-custom {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: rgba(0, 0, 0, 0.7);
}

.navbar-custom .navbar-brand {
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.1rem;
  font-weight: 700;
}

.navbar-custom .navbar-nav .nav-item .nav-link {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
}

header.masthead {
  position: relative;
  overflow: hidden;
  padding-top: calc(7rem + 72px);
  padding-bottom: 7rem;
  background: url('../img/bg.jpg') center center no-repeat;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}

header.masthead:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(5,5,5,0.4);
  display: inline-block;
  top: 0;
  left: 0;
  
}


header.masthead .masthead-content {
  z-index: 1;
  position: relative;
}

header.masthead .masthead-content .masthead-heading {
  font-size: 4rem;
}

header.masthead .masthead-content .masthead-subheading {
  font-size: 2rem;
}

header.masthead .bg-circle {
  z-index: 0;
  position: absolute;
  border-radius: 100%;
  background: linear-gradient(0deg, #ee0979 0%, #ff6a00 100%);
}

@media (min-width: 992px) {
  header.masthead {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
  header.masthead .masthead-content .masthead-heading {
    font-size: 5rem;
  }
  header.masthead .masthead-content .masthead-subheading {
    font-size: 3rem;
  }
}

.bg-primary {
  background-color: #ee0979 !important;
}

.btn-primary {
  background-color: #c99314;
  border-color: #a57a16;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: #a57a16 !important;
  border-color: #a57a16 !important;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem #71a436;
}

.btn-secondary {
  background-color: #ff6a00;
  border-color: #ff6a00;
}

.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
  background-color: #cc5500 !important;
  border-color: #cc5500 !important;
}

.btn-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 106, 0, 0.5);
}

.intro-text {
  text-align: center;
}
 .isula-footer {
  margin-top: 60px;
   display: inline-block;
   width: 100%;
   padding-bottom: 25px;
   padding-top: 50px;
   background: #141414;
   color: #fff;
}
.isula-footer a {
  color: #fff;
  text-decoration: underline;
}

 .isula-footer .col {
   display: inline-block;
   float: left;
}
 .isula-footer .company .logo {
   margin-bottom: 12px;
   max-width: 170px;
}
 .isula-footer .company .address {
   margin-bottom: 12px;
}
 .isula-footer .company p {
   margin-bottom: 3px;
}
 .isula-footer .contact {
   text-align: right;
   font-size: 22px;
}
 .isula-footer .contact .title {
   font-weight: 700;
   margin-bottom: 5px;
   font-size: 28px;
}

.isula-footer .social {
  text-align: center;
}
.isula-footer .social a {
  margin: 0 3px;
}

.highlights {
   margin: 35px 0;
}
 .highlights .highlight {
   text-align: center;
   margin: 15px 0;
}
 .highlights .highlight .highlight-title {
   margin: 5px 0;
   font-weight: bold;
}

.intro-text {
  font-size: 22px;
  margin-top: 40px;
}

.trustpilot-widget {
  margin-top: 100px;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .display-4,
  header.masthead .masthead-content .masthead-heading {
    font-size: 2.8rem;
    margin-bottom: 20px !important;
  }

  header.masthead .masthead-content .masthead-subheading {
    font-size: 1.6rem;
  }

  .p-5.right {
    padding-top: 0px !important;
    text-align: center;
  }
  .isula-footer .col {
    text-align: center;
  }
  .isula-footer .logo {
    margin: 0 auto;
    margin-bottom: 12px;
  }

  .isula-footer .col {
    margin-bottom: 60px;
  }
  .isula-footer .col.contact {
    margin-bottom: 0;
  }
 }

.pre-header .logo {
  max-width: 400px;
  margin: 0 auto;
  display: table;
}

@media (max-width: 767px) {
  .pre-header .logo {
    max-width: 90%;
    margin: 0 auto;
    display: table;
  }
}