@font-face {
  font-family: 'Muli Regular';
  font-style: normal;
  font-weight: normal;
  src: local("Muli Regular"), url("/fonts/muli/Muli-Regular.woff") format("woff");
}

@font-face {
  font-family: 'Muli Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Muli Italic"), url("/fonts/muli/Muli-Italic.woff") format("woff");
}

@font-face {
  font-family: 'Muli Bold Italic';
  font-style: italic;
  font-weight: bold;
  src: local("Muli Bold Italic"), url("/fonts/muli/Muli-BoldItalic.woff") format("woff");
}

@font-face {
  font-family: 'Muli ExtraLight';
  font-style: normal;
  font-weight: normal;
  src: local("Muli ExtraLight"), url("/fonts/muli/Muli-ExtraLight.woff") format("woff");
}

@font-face {
  font-family: 'Muli ExtraLight Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Muli ExtraLight Italic"), url("/fonts/muli/Muli-ExtraLightItalic.woff") format("woff");
}

@font-face {
  font-family: 'Muli Light';
  font-style: normal;
  font-weight: normal;
  src: local("Muli Light"), url("/fonts/muli/Muli-Light.woff") format("woff");
}

@font-face {
  font-family: 'Muli Light Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Muli Light Italic"), url("/fonts/muli/Muli-LightItalic.woff") format("woff");
}

@font-face {
  font-family: 'Muli SemiBold';
  font-style: normal;
  font-weight: normal;
  src: local("Muli SemiBold"), url("/fonts/muli/Muli-SemiBold.woff") format("woff");
}

@font-face {
  font-family: 'Muli SemiBold Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Muli SemiBold Italic"), url("/fonts/muli/Muli-SemiBoldItalic.woff") format("woff");
}

@font-face {
  font-family: 'Muli Bold';
  font-style: normal;
  font-weight: normal;
  src: local("Muli Bold"), url("/fonts/muli/Muli-Bold.woff") format("woff");
}

@font-face {
  font-family: 'Muli Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Muli Bold Italic"), url("/fonts/muli/Muli-BoldItalic.woff") format("woff");
}

@font-face {
  font-family: 'Muli ExtraBold';
  font-style: normal;
  font-weight: normal;
  src: local("Muli ExtraBold"), url("/fonts/muli/Muli-ExtraBold.woff") format("woff");
}

@font-face {
  font-family: 'Muli ExtraBold Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Muli ExtraBold Italic"), url("/fonts/muli/Muli-ExtraBoldItalic.woff") format("woff");
}

@font-face {
  font-family: 'Muli Black';
  font-style: normal;
  font-weight: normal;
  src: local("Muli Black"), url("/fonts/muli/Muli-Black.woff") format("woff");
}

@font-face {
  font-family: 'Muli Black Italic';
  font-style: normal;
  font-weight: normal;
  src: local("Muli Black Italic"), url("/fonts/muli/Muli-BlackItalic.woff") format("woff");
}

body, h1, h2, h3, h4, h5, p {
  font-family: 'Muli Regular', Arial, sans-serif;
}

.bold {
  font-family: 'Muli ExtraBold', Arial, sans-serif !important;
}

.medium {
  font-family: 'Muli SemiBold', Arial, sans-serif;
}

.content {
  line-height: 1.7rem;
}

.hero {
  min-height: 38vh;
  color: #FFF;
}

.hero.tp h1 {
  font-size: 3rem;
}

.hero.tp img.pp {
  width: 73%;
}

.hero p {
  color: #FFF;
}

.title {
  font-size: 26px;
  color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
  .title {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 390px) {
  .title {
    font-size: 22px;
  }
}

.title-typ {
  font-size: 22px;
}

@media only screen and (max-width: 768px) {
  .title-typ {
    margin-bottom: 2rem;
  }
}

.navlogo {
  padding-left: 0px;
}

.navlogo img {
  width: 270px !important;
}

@media only screen and (max-width: 768px) {
  .navlogo img {
    width: 130px !important;
  }
}

h1, h2, h3, h4, h5 {
  font-weight: 600;
}

p, li, .re {
  font-family: "Muli Regular", Arial, sans-serif;
  color: #4B4846;
}

a.drk:link, a.drk:visited {
  color: #66FF99 !important;
}

a:link {
  color: #FF471C !important;
}

a.thu {
  color: #330066 !important;
}

li {
  margin-bottom: 10px;
}

#form-header1 {
  min-height: 40vh;
}

.bg-dark-gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(17, 189, 188, 0)), color-stop(rgba(17, 189, 188, 0)), color-stop(rgba(17, 189, 188, 0)), color-stop(transparent), to(transparent));
  background-image: linear-gradient(to right, rgba(17, 189, 188, 0), rgba(17, 189, 188, 0), rgba(17, 189, 188, 0), transparent, transparent);
}

.pl {
  padding-left: 8px;
}

.pr {
  padding-right: 8px;
}

.text-sm-h1 {
  font-size: 1.8rem !important;
  color: #330066;
}

.text-weight-700 {
  font-weight: 700;
}

#dl {
  background-color: #F4F5F7;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 10px #00000033;
          box-shadow: 5px 5px 10px #00000033;
}

#dl form h3 {
  font-size: 22px;
  color: #4B4846;
}

#dl form label {
  font-size: 14px;
}

#dl form .form-control {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  margin-bottom: 0.3rem;
  padding: 5px 10px;
  height: auto;
}

@media only screen and (max-width: 768px) {
  #dl {
    margin: 0px 30px;
  }
}

.label-form-header {
  background-color: #f6f5f6;
  border-radius: 30px 30px 0 0;
  color: #4B4846;
}

.border-success {
  border-color: #66ff99 !important;
}

.recommend-links {
  color: #4B4846;
  font-weight: 500;
}

.recommend-links h4 {
  font-size: 1.31rem;
}

.recommend-links .re {
  height: 85px;
  color: #4B4846;
  font-weight: 400;
}

.interested {
  font-size: 2.2rem;
  margin-bottom: 20px;
  color: #4B4846;
}

.bg-white-transparent2 {
  background-image: -webkit-gradient(linear, left top, right top, from(#f5f4f2), color-stop(rgba(245, 244, 242, 0.8)), to(rgba(255, 255, 255, 0.8))) !important;
  background-image: linear-gradient(to right, #f5f4f2, rgba(245, 244, 242, 0.8), rgba(255, 255, 255, 0.8)) !important;
}

.font-weight-600 {
  font-weight: 600;
}

.catc-btn {
  font-weight: 500;
  color: #FFFFFF !important;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  border: 0px;
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 10px 30px;
  text-transform: capitalize;
  background: #002ACA;
  border-radius: 10px;
}

.catc-btn.alt {
  background: #66FF99;
}

.catc-btn.alt:hover {
  background: rgba(102, 255, 153, 0.7);
}

.catc-btn:hover {
  text-decoration: none;
  background-position: right center;
  -webkit-box-shadow: 6px 11px 24px -16px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 11px 24px -16px rgba(0, 0, 0, 0.75);
}

a.catc-btn {
  color: #FFFFFF !important;
  font-weight: 700;
}

footer p {
  color: #333333;
}

footer .logo {
  width: 120px;
}

@media only screen and (max-width: 768px) {
  .navlogo {
    padding-left: 0px;
  }
  #form-header1 {
    min-height: 0;
  }
  .pl {
    padding-left: 15px;
  }
  .pr {
    padding-right: 15px;
  }
  .mobile {
    text-align: center;
  }
  .pad-v-md {
    padding-bottom: 0 !important;
  }
  .mobile.interested {
    font-size: 1.35rem;
    color: #4B4846;
  }
  .recommend-links .re {
    height: 70px;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1.5rem;
  }
  .px-sm-5 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .mt-sm-1 {
    margin-top: .5rem;
  }
}

.border-top-orange {
  border-top: 4px solid #FF471C !important;
}

.border-top-80-gray {
  border-top: 1px solid #e4e4e4 !important;
  width: 80%;
}

.orange {
  color: #FF471C !important;
}

@media (min-width: 769px) {
  .top-high {
    top: -110px;
  }
}

@media (min-width: 768px) {
  .typ-bg-height {
    height: 90vh;
  }
}

.quote {
  font-family: 'Muli Italic';
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  background: #F4F5F7 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 10px #00000033;
          box-shadow: 5px 5px 10px #00000033;
  border-radius: 10px;
  text-align: center;
}

.float-img {
  max-width: 45vw;
}

@media (max-width: 991.98px) {
  .float-img {
    max-width: 100%;
  }
}

#page-content {
  background-color: #051a83;
  z-index: -1;
}

.bg-img {
  background-image: url("/img/gibraltar/LP_Bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #051a83;
  background-position-y: -5rem;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}

@media (max-width: 595px) {
  .bg-img {
    background-size: contain;
    background-position: top center;
  }
}

main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  max-width: 1330px;
  padding: 0 30px;
  margin: 0 auto;
  margin-top: 2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 595px) {
  main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
}

main .content, main .dl-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  border-bottom: 1px solid #c4c4c4;
}

@media (max-width: 595px) {
  main .content, main .dl-form {
    border-bottom: none;
  }
}

main .content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #FFF;
  font-family: 'Muli Regular', Arial, sans-serif;
  min-width: 62%;
}

@media (max-width: 595px) {
  main .content {
    min-width: 100%;
    padding: 0 2rem;
    padding-top: 7rem;
  }
}

main .content .title-wrapper h1 {
  font-size: 50px;
  margin-bottom: 1rem;
  line-height: 1;
  margin-top: 5rem;
}

@media (max-width: 595px) {
  main .content .title-wrapper h1 {
    line-height: 1.4;
    font-size: calc(2rem + 2vw);
    margin-top: 0;
  }
}

@media (max-width: 375px) {
  main .content .title-wrapper h1 {
    font-size: calc(1.5rem + 2vw);
    margin-top: 0;
  }
}

main .content .sub-title-wrapper {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 2rem;
  line-height: 1.2;
}

@media (max-width: 595px) {
  main .content .sub-title-wrapper {
    font-size: calc(1rem + 1vw);
    margin-bottom: 1rem;
  }
}

main .content .cta-btn-wrapper a.btn {
  background-color: #00B0A6;
  color: #FFF !important;
  width: 100%;
  font-weight: 600;
  padding: .5rem 1rem;
  margin-bottom: 1.875rem;
  margin-top: 1rem;
  border-radius: 10px;
}

main .content .cta-btn-wrapper a.btn:active, main .content .cta-btn-wrapper a.btn:focus, main .content .cta-btn-wrapper a.btn:visited {
  outline: 0;
  text-decoration: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

main .content .desc-wrapper {
  max-width: 660px;
}

main .content .desc-wrapper p {
  color: #FFF;
  font-family: 'Muli Regular', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

main .energy-group-wrapper {
  color: #666;
  font-size: 16px;
  font-family: 'Muli Regular', Arial, sans-serif;
  margin: 1.875rem 0;
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 568px;
  background-color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 10px;
}

main .energy-group-wrapper .header {
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 1rem;
  text-align: center;
}

@media (max-width: 595px) {
  main .energy-group-wrapper .header {
    font-size: calc(.5rem + 1vw);
    padding: 0 1rem;
    line-height: 1.4;
  }
}

main .energy-group-wrapper .title-wrapper {
  margin-top: 1.5rem;
  margin-bottom: .5rem;
  padding: 0 1rem;
}

main .energy-group-wrapper .title-wrapper img {
  width: 100%;
  height: 30px;
}

main .energy-group-wrapper .logos-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

main .energy-group-wrapper .logos-wrapper img {
  max-width: 116px;
}

@media (max-width: 595px) {
  main .energy-group-wrapper .logos-wrapper img {
    max-width: 123px;
  }
}

main .dl-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #444;
  margin-top: -3rem;
}

@media (max-width: 595px) {
  main .dl-form {
    margin-top: 0;
  }
}

@media (device-width: 768px) {
  main .dl-form {
    padding-left: 2rem;
  }
}

main .dl-form .dl-form-wrapper {
  background-color: #F4F5F7;
  border-radius: 10px;
  padding: 1.875rem;
  max-width: 410px;
}

main .dl-form .dl-form-wrapper h3 {
  font-size: 20px;
  font-family: "Muli Bold", Arial, sans-serif;
}

@media (max-width: 595px) {
  main .dl-form .dl-form-wrapper {
    border-radius: 0;
    max-width: 100%;
  }
}

#footer {
  background-color: #001A83 !important;
}

#footer p {
  color: #FFF !important;
}

#footer .border-top-80-gray {
  border-top: none !important;
}

.hr {
  border-top: 1px solid #c4c4c4;
  z-index: 2;
  max-width: 1207px;
  margin: 0 auto;
  height: 1px;
}

label {
  margin-top: 1rem;
}

.form-control {
  border: 1px solid #ddd !important;
}