/* GENERAL */
body {
    background-color: #0f2651;
}

/* HEADER */
#sp-header {
    background-color:transparent;
}
#sp-logo .logo-image {
    height: 110px;
    margin-bottom: -33px;
}

strong {font-weight: 600;}
div.sppb-addon-text-block ul li {margin-bottom:20px;}


/* NAV */
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, 
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    text-transform: uppercase;
    padding: 0 12px;
    
}
.sp-megamenu-parent > li > span {
    color: #f4f4f4;
}
.sp-megamenu-parent>li.active>a {
    font-weight: 600;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    margin-bottom: 10px;
}
.tw-nav-phonebutton {
    font-weight: 600;
    color: #ffffff;
    font-size: 18px;
    font-style: italic;
    background-color: #298DCC;
    padding: 6px 12px;
    border-radius: 8px;
    margin-left: 12px;
}
.tw-nav-phonebutton:hover {
    color: #ffffff;
}
.tw-nav-login {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: 20px;
}
.tw-nav-login:hover {
    color: #f66d06;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #fff;
    padding-top: 30px;
}

.offcanvas-menu .offcanvas-inner {
    padding-top: 0px;
}
.offcanvas-menu .offcanvas-inner .header-modules {
    margin-left: 0px;
    margin-bottom: 0 !important;
}

.offcanvas-menu .social-icons .fa, 
.offcanvas-menu .social-icons .fab, 
.offcanvas-menu .social-icons .far, 
.offcanvas-menu .social-icons .fas {
    color: #fff;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info>li>a, 
.offcanvas-menu .offcanvas-inner .social-icons>li>a {
    opacity: 1;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, 
.offcanvas-menu .offcanvas-inner ul.menu>li>span {
    opacity: 1;
    padding-left:10px;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info, 
.offcanvas-menu .offcanvas-inner .social-icons {
    font-size: unset;
    padding-top: 15px;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu ul {
    padding-bottom:0px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: 15px;
  padding: 4px 0px;
  line-height: 24px;
  font-weight: 400;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .nav-header > .menu-toggler {
  right: 0;
  width: 100%;
  text-align: right;
}



/* BODY */
#sp-main {
}
#sp-section-1 {
    margin-top:-100px;
}

.sp-page-title {
    padding: 150px 0 100px;
    border-image-source: url(/images/elements/second-wave.png);
    border-image-slice: 0 0 88 0;
    border-image-width: auto;
    border-image-outset: 0 0 46px 0;
}
.sp-page-title .sp-page-title-heading {
    font-size: 48px;
}
#sp-main-body {
    background-color:#ffffff;
}
/* FOOTER */
#sp-footer a, #sp-bottom a {
    color: #fc9312;
}
ul.social-icons {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.social-icons a {
    color: #ffffff!important;
    background-color: #fc9312;
    padding: 6px 9px;
    font-size: 1.7em;
    border-radius: 2px;
}

#sp-bottom .sp-module .sp-module-title {
    font-weight: normal;
    font-size: 24px;
    margin-bottom: 0.5rem;
    color: #fff;
}

.footer-location > p {
    line-height: 1.0em;
    font-size: 12pt;
}
.footer-location > p.footer-location-phone {
    font-size: 1.4rem;
}

#sp-bottom .sp-module ul.menu>li {
    display: block;
    margin-bottom: 1.0rem;
    font-size: 12pt;
    line-height: 1.0em;
}

/* HOME */
.homepage-featurebox-heading {
padding:50px;
border-image-source: url(/images/elements/wave-for-case-studies.png);
    border-image-slice: 0 0 40 0;
    border-image-width: auto;
    border-image-outset: 0 0 22px 0;
    margin-bottom: 20px;
}

.reliability-featurebox .sppb-feature-box-title {
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* INTERIOR */
.fabrik_actions.fabrik_element,
.fabrik_select.fabrik_element {
  /*text-align: right;*/
}
.fabrik_select.fabrik_element {
  vertical-align: middle;
}
.heading.fabrik_ordercell.fabrik_actions,
.heading.fabrik_ordercell.fabrik_select {
  width: 1%;
  text-align: right;
}
.heading.fabrik_ordercell.fabrik_select {
  vertical-align: middle;
}
.fabrik___heading th {
  vertical-align: middle;
}

.fabrik_element {
  vertical-align: middle;
  font-size: 16px;
}
.form-search .row.justify-content-between.pb-3.pe-3 {
  padding-bottom: 0 !important;
}

.fabrik_groupheading.info span.groupTitle {
    font-size: 1.5em;
}
.fabrik_groupheading.info div.groupExtra {
    font-size: 1.3em;
    padding-left: 1.5em;
}

.heading.fabrik_ordercell.file_uploads___file {
  width: 1%;
}
td.file_uploads___file.fabrik_element {
    width: 1%;
}
.file_uploads___file.fabrik_element > a {
    display: inline-flex;
    align-items: center;
    column-gap: 5px;
    color: #fff;
    background-color: #fc9312;
    border-color: #fc9312;
}
.file_uploads___file.fabrik_element > a:active {
    color: #fff;
    background-color: #fc9312;
    border-color: #fc9312;
}
td.file_uploads___date_time {
    white-space: nowrap;
}

.mod-menu.mod-list.menuportal-top-admin-menu {
    display: flex;
    align-items: center;
    padding-left: 0;
    column-gap: 15px;
    row-gap: 5px;
    margin-bottom: 20px;
}
.mod-menu.mod-list.menuportal-top-admin-menu >li {
    display: block;
    width: 100%;
    text-align: center;
}
.mod-menu.mod-list.menuportal-top-admin-menu > li > a {
    padding: 8px 12px;
    background-color: var(--sppb-button-orange);
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    width: 100%;
}
.com-fabrik #sp-main-body {
    padding: 50px 0;
}



a.com-users-login__remind.list-group-item {
    display: none;
}
a.com-users-login__reset.list-group-item {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}



/* MEDIA */
@media screen and (min-width: 1200px) {
    div#sp-bottom2 {
        padding-right: 30px;
    }
}

@media screen and (min-width: 1400px) {
    div#sp-bottom2 {
        padding-right: 50px;
    }
}

@media screen and (max-width: 1399px) {
    
}

@media screen and (max-width: 1150px) {
    ul.sp-megamenu-parent > li > a, 
    ul.sp-megamenu-parent > li > span, 
    ul.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
        font-size:15px;
        padding: 0 9px;
    }
    .tw-nav-login {
        font-size: 15px;
        margin-left: 20px;
    }
}

@media screen and (max-width: 1070px) and (min-width: 992px) {
    #sp-logo, #sp-menu {
        padding:0;
    }
    .sp-megamenu-parent>li:last-child>a {
        padding: 0px 0px 0px 10px;
    }
    .tw-nav-login {
        font-size: 15px;
        margin-left: 15px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 992px) {
    #sp-logo .logo-image {
        margin-right: -8px;
    }
}


@media screen and (max-width: 1199px) and (min-width: 992px) {
    #sp-header > .container {
        max-width: 100%;
    }
    .hp-hero-guy .sppb-addon-single-image-container {
        margin-left: -100px;
        margin-right: -50px;
    }
}
@media screen and (max-width: 991px) and (min-width: 767px) {
    .hp-hero-guy .sppb-addon-single-image-container {
        margin-left: calc(50vw - 540px);
        margin-right: min(calc(100vw - 835px), 0px);
    }
    .homepage-featurebox-heading {
padding:30px 20px;
    border-image-outset: 0 0 22px 0;
    margin-bottom: 20px;
}
}

@media screen and (max-width: 991px) {
    #sp-header #sp-menu nav.sp-megamenu-wrapper {
        order: 2;
    }
    #sp-header #sp-menu .sp-module {
        order: 1;
    }
    .tw-nav-login {
        font-size: 18px;
        margin-left: 0px;
    }
    
    .sp-page-title {
        border-image-outset: 0 calc(991px - 110vw) 46px calc(991px - 110vw);
    }
    
    .mod-menu.mod-list.menuportal-top-admin-menu {
        flex-wrap: wrap;
    }
    .mod-menu.mod-list.menuportal-top-admin-menu >li {
        width: calc((100% - 15px) / 3 - 5px);
    }
    
    .fabrik_element {
        font-size: 14px;
    }
    
    .view-list.mj-fabpage #sp-main-body > .container {
        max-width: 100%;
    }
}

@media screen and (max-width: 766px) {
    #sp-menu {
        height: 130px;
    }
    
    #list_4_com_fabrik_4 .fabrik_groupdata > .fabrik_row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        /*width: calc(100vw - 1.875rem);*/
        border-bottom: 1px solid #dedede;
        align-items: center;
    }
    #list_4_com_fabrik_4 .fabrik_groupdata > .fabrik_row > td {
        border-bottom: none;
    }
    td.file_uploads___file.fabrik_element {
        width:unset;
    }
    #list_4_com_fabrik_4 .fabrik___heading {
        display:none;
    }
    #list_4_com_fabrik_4 .file_uploads___notification_already_sent {
        display:none;
    }
    #list_4_com_fabrik_4 .file_uploads___date_time {
        flex-grow: 1;
        text-align: right;
    }
    /*
    .com-fabrik.view-list .fabrikForm > .fabrikDataContainer > table .fabrik_groupdata > .fabrik_row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        border-bottom: 1px solid #dedede;
        align-items: center;
    }
    .com-fabrik.view-list .fabrikForm > .fabrikDataContainer > table .fabrik_groupdata > .fabrik_row > td {
        border-bottom: none;
    }
    .com-fabrik.view-list .fabrikForm > .fabrikDataContainer > table .fabrik___heading {
        display:none;
    }
    */
}

@media screen and (max-width: 766px) and (min-width: 576px) {
    .hp-hero-guy .sppb-addon-single-image-container {
        margin-left: calc(30vw - 430px);
        margin-right: min(calc(100vw - 767px), 0px);
    }
}

@media screen and (max-width: 575px) {
    #sp-footer {
        text-align:center;
    }
    #sp-footer #sp-footer2 {
        text-align: center;
    }
}

@media screen and (max-width: 575px) {
    #sp-logo {
        padding-left: 0;
        padding-right: 0;
    }
    #sp-menu {
        padding-left: 0;
    }
    .hp-hero-guy .sppb-addon-single-image-container {
        margin: 0 max(calc(50vw - 240px), 0px);
    }
    canvas#gl-canvas {
        height: 300px !important;
    }
    
    .mod-menu.mod-list.menuportal-top-admin-menu > li > a {
        font-size:16px;    
    }
    .mod-menu.mod-list.menuportal-top-admin-menu {
        column-gap: 5px;
    }
    .mod-menu.mod-list.menuportal-top-admin-menu > li {
        width: calc((100% - 0px) / 3 - 5px);
    }
    
}

@media screen and (max-width: 500px) {
    #sp-logo .logo-image {
        height: min(110px, 23vw);
    }
    .tw-nav-login {
        font-size: 16px;
    }

}


@media screen and (max-width: 400px) {
    #offcanvas-toggler {
        padding-right: 20px;
    }
    .tw-nav-login {
        display:none;
    }

}