:root {
    --primary: #fff;
    --secondary: #00214d;
    --tertiary: #f6c606;
    --quaternary: #eaeaea;
    --quinary: #c02d2d;
}



/* poppins-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/poppins-v23-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v23-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v23-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/poppins-v23-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    font-family: 'Poppins',sans-serif;
    color:#3f3f3f;
    font-size: 18px;
    
    font-weight: 400;
}

#footer {
    background-color: var(--primary);
    border:none;
}

#footer .footer-copyright {
    background: var(--quaternary-rgba-20);
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
    color: var(--secondary);
}

.fw-400 {
    font-weight: 400;
}

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

#header .header-nav-main nav > ul > li > a {
    text-transform: none;
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.bg-gray {
    background: #f2f2f2;
}

.main li {
    line-height: 2em;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--secondary);
}
p {
    color:#3f3f3f;
    line-height: 1.9;
}

h1,h2,h3 {
    font-weight: 600 !important;
}

h1, .h1 {
    margin-bottom: 1.2em !important;
    margin-top: 1.2em !important;

}

h2, .h2 {

    font-size: 2.2rem;
}

h3, .h3 {
    margin-bottom: .5em !important;
    font-size: 1.2rem;
    text-transform: none;
}

.lead {
    font-size: 1.40em;
}

p+h2 {
    margin: 2em 0 1em 0;
}

p+h3 {
    margin: 2em 0 1em 0;
    line-height: 1.5;
}

p+h4 {
    margin-top: 1em ;
}


#header .header-body {
    display: flex;
    flex-direction: column;
    background: var(--secondary);
    transition: min-height 0.3s ease;
    width: 100%;
    border-top: 3px solid #EDEDED;
    border-bottom: 1px solid transparent;
    z-index: 1001;
}


@media (max-width: 991px) {
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
    margin:0;
    display: block;
    color: var(--secondary);
}

#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
    background: var(--secondary);
}

#header .header-nav-main nav > ul li.active {
    border-bottom: none;
}

#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:active {
    color: var(--quinary)!important;
}
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:hover {
    color: var(--quinary)!important;
}
.page-header {
    background-color: var(--tertiary);

}

.btn-primary {
    --hover: var(--primary--200);
    background-color: var(--tertiary);
    border-color: var(--primary) var(--primary) var(--primary-300);
    color: var(--primary-inverse);
}

}






.dropdown-item.active, .dropdown-item:active {
    background: none;
    color: var(--primary);
}

.gdpr-bar .gdpr-bar-actions .gdpr-agree-trigger {
  margin:0;
}

.gdpr-bar .gdpr-bar-actions {
    justify-content: end;
  }  

  #header .header-btn-collapse-nav {
      background: var(--secondary)!important;
  }


  @media (min-width: 576px) {
    .call-to-action {
        padding: 10px 10px;
        background: var(--quinary)!important;
    }
    .btn-yellow {
        --hover: var(--tertiary--200);
        background-color: var(--tertiary);
        border-color: var(--tertiary) var(--tertiary) var(--tertiary-300);
        color: var(--tertiary-inverse);
    }

    .bg-yellow, .bg-color-yellow {
        background-color: var(--tertiary) !important;
    }

    .btn-yellow {
        --hover: var(--tertiary--200);
        background-color: var(--tertiary);
        border-color: var(--tertiary) var(--tertiary) var(--tertiary-300);
        color: var(--tertiary-inverse);
    }
    .btn:hover {
        color: var(--primary);
        background-color: var(--secondary);
        border-color: var(--secondary);
    }

    .btn-dark:hover:not(.bg-transparent), .btn-dar
  }



  @media (max-width: 767px) {
      .call-to-action {
          padding: 10px 10px;
          background: var(--quinary)!important;
      }

      .bg-yellow, .bg-color-yellow {
          background-color: var(--tertiary) !important;
      }

      .btn-yellow {
          --hover: var(--tertiary--200);
          background-color: var(--tertiary);
          border-color: var(--tertiary) var(--tertiary) var(--tertiary-300);
          color: var(--tertiary-inverse);
      }
      .btn:hover {
          color: var(--primary);
          background-color: var(--secondary);
          border-color: var(--secondary);
      }
      .list.list-icons li > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li a:first-child > .icons:first-child {
          color: var(--secondary);
          border-color: none;
      }

      a {
          color: var(--quinary);
      }

          .btn-yellow {
              --hover: var(--tertiary--200);
              background-color: var(--tertiary);
              border-color: var(--tertiary) var(--tertiary) var(--tertiary-300);
              color: var(--tertiary-inverse);
          }


  }



  @media (min-width: 992px) {

      #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
          color: var(--primary)!important;
      }
      #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:hover {
          text-decoration: none;
      
          background: #011227 !important;
      }

      #header .header-nav-main nav > ul > li > a:active {
         
          text-decoration: none;
          color: var(--grey-500);
      }


      #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
          color: var(--primary);
          background: #011227 !important;
          text-decoration: none !important;

      }

      #header .header-nav.header-nav-links nav > ul > li > a.active:after {
        background: #c02d2d;
          content: "";
          display: block;
          position: relative;
          top: 2px;
          height: 2px;
          margin-bottom: -2px;
      }

      #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
          color: var(--quaternary);

          .bg-yellow, .bg-color-yellow {
              background-color: var(--tertiary) !important;
          }

          .btn-yellow {
              --hover: var(--primary);
              background-color: var(--tertiary);
              border-color: var(--secondary) var(--secondary) var(--secondary);
              color: var(--secondary);
          }

          .list.list-icons li > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li a:first-child > .icons:first-child {
              color: var(--secondary);
              border-color: none;
          }
          a {
              color: var(--quinary);
          }


  }

.gdpr-bar {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1031;
    background: rgba(0, 0, 0, 0.5);
    transform: translate3d(0, 0, 0);
      
}

.show .gdpr-inner {
    background: #fff;
    padding:  20px;
    width:  95%;
    margin:  0 auto;

}

@media (min-width: 992px){
    .show .gdpr-inner {
        width: 50%;
    }
}


.feature-box-svg svg {
  width: 32px;
  height: 32px;
  color: var(--primary);
  margin-right: 10px;
}

.list.list-icons li > svg {
  width: 20px;
  height: 20px;
  color: var(--primary);
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 7px;
}

a .p {
    color: var(--primary);
    text-decoration: underline!important;
}


.page-header.page-header-modern h1 {
    font-size: 60px;
    font-weight: 300px;
}

.page-header.page-header-modern.page-header-md {
    padding: 30px 0;
}
h1 {
    font-size: 50px;
    line-height: 1;
    letter-spacing: -1px;
}


.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
    background-color: var(--secondary);
    border-color: var(--primary) var(--primary) var(--secondary);
    color: var(--primary);
}

.bg-yellow, .bg-color-yellow {
    background-color: var(--tertiary) !important;
}

.btn-yellow {
    --hover: var(--tertiary--200);
    background-color: var(--tertiary);
    border-color: var(--tertiary) var(--tertiary) var(--tertiary-300);
    color: var(--tertiary-inverse);
}
.btn:hover {
    color: var(--primary);
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-dark:hover:not(.bg-transparent), .btn-dark.hover:not(.bg-transparent) {
    background-color: var(--tertiary);

}

a {
    color: var(--quinary);
}

.btn-primary {
    --hover: var(--primary);
    background-color: var(--quinary);
    border-color: var(--primary) var(--primary) var(--primary);
    color: var(--primary);
}
.btn-dark {
    --hover: var(--secondary);
    background-color: var(--secondary);
    border-color: var(--secondary) var(--secondary) var(--secondary);
    color: var(--primary);
}

::selection {
    color: var(--primary);
    background: var(--secondary);
}


.call-to-action {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 32px 55px;
    clear: both;
    background-color: #c02d2d;
}

.call-to-action.call-to-action-default {
    background: var(--quinary);
}

p.lead {
    line-height: 2rem;
}


.list.list-icons li > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li a:first-child > .icons:first-child {
    color: var(--secondary);
    border-color: none;
}