.sp-page-builder .page-content #section-id-1707210917973 {
    background-position: 46vw 200px !important ;
}

div#column-wrap-id-1707221349090 {
    z-index: 0 !important;
}
.z-index--below {
  z-index: 0 !important ;
}

.transparent-menu-page #sp-page-builder .page-content .sppb-section:first-child {
    margin-top: -100px;
}
.transparent-menu-page #sp-header {
    background: transparent ;
}
.transparent-menu-page #sp-header.header-sticky {
background: #012555 !important;
}
.transparent-menu-page #sp-header:not(.header-sticky) .logo-image {
  display:none ;
}

@media (max-width:767px) {
.half-row {
    max-width: 100%;
}
}
@media (min-width:768px) {
.half-row {
    max-width: 60%;
}
}

.text-yellow {
color: #FDF101 ;
}
.text-red {
color: #C20F2F ;
}


.inline-wrappers .sppb-addon-wrapper {
    display: inline-block;
    float: left;
}
img.sppb-img-responsive {
    width: 100%;
  height: auto ;
}


@media (max-width: 575px){
#sp-header {
    height: 60px;
}
}

.wave-blue-top-image:before {
    background-image: url(/images/wave-blue-top.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 20em;
    position: absolute;
    top: -70px;
    /*bottom: 73%; */
    width: 3840px;
}
.wave-orange-top-image:before {
    background-image: url(/images/wave-orange-top.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 20em;
    position: absolute;
    top: -70px;
    /*bottom: 73%; */
    width: 3840px;
}


.top-yellow-image:before {
    background-image: url(/images/yellow-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 20em;
    position: absolute;
    /* top: -18em; */
  bottom: 73% ;
    width: 100%;
}

.blue-wave-bottom:after {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 6vw;
    left: -1px;
    max-width: calc(100% + 1px);
    position: absolute;
    width: calc(100vw + 2px);
    z-index: 1;
      bottom: -1px;
    content: "";
      background-image: url(/images/wave-blue.svg);
}

.dark-wave-bottom:after {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 6vw;
    left: -1px;
    max-width: calc(100% + 1px);
    position: absolute;
    width: calc(100vw + 2px);
    z-index: 1;
      bottom: -1px;
    content: "";
      background-image: url(/images/wave-dark.svg);
}

.yellow-wave-bottom:after {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 6vw;
    left: -1px;
    max-width: calc(100% + 1px);
    position: absolute;
    width: calc(100vw + 2px);
    z-index: 1;
      bottom: -1px;
    content: "";
      background-image: url(/images/wave-yellow-01.svg);
}


#sp-header {
    width: 100%;
    position: relative;
    z-index: 99;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.0);
    animation: spFadeIn 0.5s;
}

#sp-footer .container-inner {
    padding: 0px 0;
    border-top: 0px solid rgba(255, 255, 255, 0.0);
}

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6  {
    font-family: 'FenomenSans',sans-serif  ;
  font-weight: bold ;
}
h2 {
    font-family: 'FenomenSans',sans-serif  ;
  font-weight: bold ;
}
h2.sppb-addon-title {
    font-family: 'FenomenSans',sans-serif  ;
  font-weight: bold ;
}
h3.sppb-addon-title, h4.sppb-addon-title, h5.sppb-addon-title, h6.sppb-addon-title {
    font-family: 'FenomenSans-Book',sans-serif;
}


body {
    font-family: 'FenomenSans-Book', sans-serif !important ;
    font-size: 17.6px;
    font-weight: 100;
    line-height: 1.2;
    letter-spacing: -0.5px;
    text-decoration: none;
}

/*
@media (min-width:1200px) {
#sp-header:not(.header-sticky) img.logo-image {
    height: 133px;
}
}
@media (min-width:992px) and (max-width:1199px) {
#sp-header:not(.header-sticky) img.logo-image {
    height: 99px;
}
}

@media (max-width:991px) {
div#sp-top-bar {
  display: none ;
}
}

@media (max-width: 1199px){
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li span {
    padding: 0 5px 0 5px;
    margin: 0 0 0 0px;
}
}
@media (min-width: 1200px){
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    padding: 0 5px 0 5px;
    margin: 0 0 0 5px;
}
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #ffffff;
}

#sp-top1.col-lg-6 {
    width: 30%;
}
#sp-top2.col-lg-6 {
    width: 70%;
}


.dj-megamenu-clean li ul.dj-submenu > li:hover > a, 
.dj-megamenu-clean li ul.dj-submenu > li.active > a {
    color: #ffffff;
    background: #004d92 !important ;
}

.dj-megamenu-clean li div.dj-subwrap .dj-subwrap-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #004d92 !important ;
}



.dj-megamenu-clean li a.dj-up_a {
    display: block;
    height: 50px !important  ; 
    font-size: 26px !important ;
    color: #000;
    text-decoration: none;
    padding: 0 0px 0 10px !important ;
    cursor: pointer;
    -webkit-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
    position: relative;
}
.dj-megamenu-clean .arrow {
    position: absolute;
    right: 5px !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    line-height: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.dj-megamenu-clean li a.dj-up_a > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  height: 50px !important ;
}

*/
@font-face {
    font-family: 'FenomenSans';
    src: url('../fonts/subset-FenomenSans-Black.eot');
    src: local('☞Fenomen Sans Black'), local('FenomenSans-Black'),
        url('../fonts/subset-FenomenSans-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-Black.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-Black.woff') format('woff'),
        url('../fonts/subset-FenomenSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FenomenSans';
    src: url('../fonts/subset-FenomenSans-Bold.eot');
    src: local('☞Fenomen Sans Bold'), local('FenomenSans-Bold'),
        url('../fonts/subset-FenomenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-Bold.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-Bold.woff') format('woff'),
        url('../fonts/subset-FenomenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FenomenSans';
    src: url('../fonts/subset-FenomenSans-BlackItalic.eot');
    src: local('☞Fenomen Sans Black Italic'), local('FenomenSans-BlackItalic'),
        url('../fonts/subset-FenomenSans-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-BlackItalic.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-BlackItalic.woff') format('woff'),
        url('../fonts/subset-FenomenSans-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FenomenSans';
    src: url('../fonts/subset-FenomenSans-BoldItalic.eot');
    src: local('☞Fenomen Sans Bold Italic'), local('FenomenSans-BoldItalic'),
        url('../fonts/subset-FenomenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-BoldItalic.woff') format('woff'),
        url('../fonts/subset-FenomenSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FenomenSans-BookItalic';
    src: url('../fonts/subset-FenomenSans-BookItalic.eot');
    src: local('☞Fenomen Sans Book Italic'), local('FenomenSans-BookItalic'),
        url('../fonts/subset-FenomenSans-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-BookItalic.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-BookItalic.woff') format('woff'),
        url('../fonts/subset-FenomenSans-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FenomenSans';
    src: url('../fonts/subset-FenomenSans-SemiBoldItalic.eot');
    src: local('☞Fenomen Sans SemiBold Italic'), local('FenomenSans-SemiBoldItalic'),
        url('../fonts/subset-FenomenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-SemiBoldItalic.woff') format('woff'),
        url('../fonts/subset-FenomenSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FenomenSans-Book';
    src: url('../fonts/subset-FenomenSans-Book.eot');
    src: local('☞Fenomen Sans Book'), local('FenomenSans-Book'),
        url('../fonts/subset-FenomenSans-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-Book.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-Book.woff') format('woff'),
        url('../fonts/subset-FenomenSans-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FenomenSans-Hairline';
    src: url('../fonts/subset-FenomenSans-Hairline.eot');
    src: local('☞Fenomen Sans Hairline'), local('FenomenSans-Hairline'),
        url('../fonts/subset-FenomenSans-Hairline.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-Hairline.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-Hairline.woff') format('woff'),
        url('../fonts/subset-FenomenSans-Hairline.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FenomenSans';
    src: url('../fonts/subset-FenomenSans-Regular.eot');
    src: local('☞Fenomen Sans'), local('FenomenSans-Regular'),
        url('../fonts/subset-FenomenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-Regular.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-Regular.woff') format('woff'),
        url('../fonts/subset-FenomenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FenomenSans';
    src: url('../fonts/subset-FenomenSans-SemiBold.eot');
    src: local('☞Fenomen Sans SemiBold'), local('FenomenSans-SemiBold'),
        url('../fonts/subset-FenomenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-SemiBold.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-SemiBold.woff') format('woff'),
        url('../fonts/subset-FenomenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FenomenSans';
    src: url('../fonts/subset-FenomenSans-Italic.eot');
    src: local('☞Fenomen Sans Italic'), local('FenomenSans-Italic'),
        url('../fonts/subset-FenomenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-Italic.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-Italic.woff') format('woff'),
        url('../fonts/subset-FenomenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FenomenSans-HairlineItalic';
    src: url('../fonts/subset-FenomenSans-HairlineItalic.eot');
    src: local('☞Fenomen Sans Hairline Italic'), local('FenomenSans-HairlineItalic'),
        url('../fonts/subset-FenomenSans-HairlineItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-HairlineItalic.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-HairlineItalic.woff') format('woff'),
        url('../fonts/subset-FenomenSans-HairlineItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FenomenSans';
    src: url('../fonts/subset-FenomenSans-Light.eot');
    src: local('☞Fenomen Sans Light'), local('FenomenSans-Light'),
        url('../fonts/subset-FenomenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-Light.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-Light.woff') format('woff'),
        url('../fonts/subset-FenomenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FenomenSans';
    src: url('../fonts/subset-FenomenSans-LightItalic.eot');
    src: local('☞Fenomen Sans Light Italic'), local('FenomenSans-LightItalic'),
        url('../fonts/subset-FenomenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-LightItalic.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-LightItalic.woff') format('woff'),
        url('../fonts/subset-FenomenSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FenomenSans';
    src: url('../fonts/subset-FenomenSans-Thin.eot');
    src: local('☞Fenomen Sans Thin'), local('FenomenSans-Thin'),
        url('../fonts/subset-FenomenSans-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-Thin.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-Thin.woff') format('woff'),
        url('../fonts/subset-FenomenSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FenomenSans';
    src: url('../fonts/subset-FenomenSans-ThinItalic.eot');
    src: local('☞Fenomen Sans Thin Italic'), local('FenomenSans-ThinItalic'),
        url('../fonts/subset-FenomenSans-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-FenomenSans-ThinItalic.woff2') format('woff2'),
        url('../fonts/subset-FenomenSans-ThinItalic.woff') format('woff'),
        url('../fonts/subset-FenomenSans-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

