i.fa.fa-long-arrow-right{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

i.fa.fa-long-arrow-left{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.form-inline label {
    justify-content: left!important;
}


.fa {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 600 !important;
}


/*-----------------------------------------------------------*/




/* HEADER MENU */


.logo-image {
    height: 80px !important;
    position: relative !important;
    max-width: 300% !important;
      margin-top: 14px !important;
    margin-right: 120px !important;
  z-index: 1;
}


@media screen and (max-width: 991px){
  
     .logo-image {
    height: 60px !important;
    position: relative !important;
    max-width: 300% !important;
    margin-top: 7px !important;
    margin-right: 0px !important;
    z-index: 1;
}
  
  div#sp-menu1:before {
    content: '' !important;
    background-image: unset !important;
    height: 100% !important;
    width: 100% !important;
    position: absolute !important;
    right: 0px !important;
    top: 0px !important;
    transform: skewX(0deg) !important;
    z-index: 0 !important;
    box-shadow: unset !important;
}
  
  #sp-header .logo {
    float: left !important;
 
}

   
#sp-header {
 background-image:  linear-gradient(#000085, #000024) !important;
}

  
  
  
  
  
}






#sp-header #sp-logo {
  text-align: center !important;
    margin-bottom: -20px !important;
}






#sp-header {
  box-shadow: unset !important;
    border-bottom: unset !important;
}




@media screen and (min-width: 992px){
  
div#sp-logo:before {
    background-image:  linear-gradient(#000085, #000024) !important;
    content: '' !important;
    height: 100% !important;
    width: 1634px !important;
    position: absolute !important;
    right: 20px !important;
    transform: skewX(145deg);
    top: 0 !important;
    z-index: -1 !important;
    box-shadow: 3px 3px 9px #0000004d !important;
}

  
}


   div#sp-menu1:before {
    content: '' ;
       background-image: linear-gradient(#000085, #000024) ;
    height: 100% ;
    width: 948px ;
    position: absolute ;
    right: -10px ;
    top: 0px ;
    transform: skewX(145deg) ;
    z-index: 0 ;
    box-shadow: 3px 3px 9px #0000004d ;
   
}





#sp-header.header-sticky {
    background-color: unset !Important;
}



.sp-megamenu-parent > li.active:hover > a:before, .sp-megamenu-parent > li.active > a:before {
background-color: #FDEC08 !important;
    content: "" !important;
    position: absolute !important;
    width: 95% !important;
    height: 40px !important;
    z-index: -1;
    bottom: 20px !important;
    left: 4px !important;
    right: 0 !important;
    transform: skewX(145deg);
}

#sp-top-bar {
    background: #000041 !important;
}


.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {

    letter-spacing: INHERIT;
    color: WHITE !IMPORTANT;
    font-family: 'OPEN SANS', SANS-SERIF !important;
    TEXT-TRANSFORM: uppercase !important;
    FONT-WEIGHT: 700 !important;
    FONT-SIZE: 16PX !IMPORTANT;
}

.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li > span:hover {
    color: #FDED18 !important;
}

.sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li.active > a {
    color: #000086 !important;
    font-weight: 700 !important;
}

#sp-top-bar .sp-module {
    display: block !IMPORTANT;
}



@media screen and (min-width: 991px) and (max-width: 1199px){
  
  div#sp-menu1:before {
    content: '' !important;
    background-image: linear-gradient(#000085, #000024) !important;
    height: 100% !important;
    width: 808px !important;
 position: absolute !important;
    right: -10px !important;
    top: 0px !important;
    transform: skewX(145deg) !important;
    z-index: 0 !important;
    box-shadow: 3px 3px 9px #0000004d !important;
}
  
  
  .logo-image {
    height: 60px !important;
    position: relative !important;
    max-width: 300% !important;
    margin-top: 14px !important;
    margin-right: 120px !important;
}
  
  
}

/* END OF HEADER MENU */





/* BUTTON */


.sppb-btn.sppb-btn-default {
    color: white ;
  
    font-weight: 600 !important;
    padding: 15px 40px !important;
    font-size: 16px !important;
      border-radius: unset !important;

  
   background: linear-gradient(#000085,#000024) ;
   transition: 0.3s !important;  

}

.sppb-btn.sppb-btn-default:hover {
  
background: linear-gradient(#000085,#000024) !important;
transform:scale(1.04);
transition:0.3s;

}




/* END OF BUTTON */


/* SCROLL UP */

.sp-scroll-up {
    bottom: 32px !IMPORTANT;
    right: 100px !IMPORTANT;
}

/* END OF SCROLL UP */


/* FOOTER */

#sp-footer .container-inner {
    justify-content: center;
    display: flex;
    padding: 10px 0 !important;
}


#sp-footer {
    background: linear-gradient(#FDEC00,#FDEC00) !important;
  border-top: unset !important;
}


.sp-copyright {
    color: black !important;
  font-family: 'Open-Sans', sans-serif !important;
  font-weight: 600 !important;

}


.sp-copyright a {
    color: black !important;
}


.sp-copyright a:hover {
    color: #000084!important;
}

#sp-bottom .sp-module a {
    color: #ffffff !important;
}

#sp-bottom .sp-module a:hover {
    color: #FDED18 !IMPORTANT;
}
#sp-bottom .sp-module ul > li {
    text-transform: uppercase;
    margin-bottom: 15px;
}

/* END OF FOOTER */



/* CTA */


@media screen and (min-width: 991px){
  
  section#sp-section-5 {
    background-image: url(/images/00soonleewelder/logo/cta-bg3.jpg) !important;
    background-position: bottom !important;
    background-repeat: no-repeat !important;
}
}
  
  
  @media screen and (max-width: 990px){
  
  section#sp-section-5 {
    background-image: url(/images/00soonleewelder/logo/cta-bg4.jpg) !important;
 background-position: top!important;
    background-attachment: scroll;
    background-size: contain;
    background-repeat: no-repeat;
}
  
  
  
  
  
}


/* END OF CTA */


/* OFFCANVAS */
/*
#offcanvas-toggler.offcanvas-toggler-left {

    position: relative !IMPORTANT;
    float: right !IMPORTANT;
    justify-content: center !IMPORTANT;
} */

/* END OF OFFCANVAS */

.header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

/*page-title*/
.sp-page-title .sp-page-title-heading {
  font-size: 48px;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.63;
  color: #ffffff;
  margin-top: 5px;
  text-align: center;
  text-shadow: 0px 0px 10px #000;
}

.featherlight {
    z-index: 999;
}