/* GENERAL */

#sp-main {
    margin-top: -120px;
}


/*HEADER*/
#sp-header {    background: transparent;}


.nav-phone > .fa-phone {
    color:#3353a5;
}

.nav-quotebutton .fa-arrow-right {
    
    display: inline-block;
    float: inline-end;
    line-height: inherit;
    margin-left: 10px;
}


.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
color: #fff;
}
.sp-megamenu-parent>li.sp-menu-item {
    padding: 0px 0;
    margin: 0 8px;
}
.sp-megamenu-parent>li.sp-menu-item.current-item.active {
    border-bottom: 2px solid #3353a5;
}

#sp-menu a.nav-quotebutton {
    background-color: #fff;
    color: #3353a5;
    line-height: 48px;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    opacity: 1;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler {
    color: #ffffff;
}
.offcanvas-menu .offcanvas-inner ul.menu>li li a {
    color: #ffffff;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li ul {
    margin-left: 20px;
    line-height: 30px;
}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler {
    right: 0;
    width: 100%;
    text-align: right;
}

.offcanvas-menu .offcanvas-inner .header-modules {
    display: none !important;
}
.offcanvas-menu .offcanvas-inner {
    padding-top: 0;
}

.offcanvas-menu .nav-quotebutton .fa-arrow-right {
    display: none;
}

.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: #8cc4ff;
}

/*MAIN*/

.sp-page-title {
    padding: 240px 75px 135px 75px;
    

    background-color: #171717;
    background-position: center right;
    /*background-size: auto;*/
    background-repeat: no-repeat;
}
.sp-page-title .sp-page-title-heading {
    font-size: 60px;
  font-weight: 300;
  max-width: 50%;
}




/*FOOTER*/
#sp-bottom {
    background-image: url(/images/footer-background.jpg);
        background-position: bottom left;
    background-repeat: no-repeat;
}

#sp-bottom .sp-module .sp-module-title {
    color: #8cc4ff;
}
#sp-bottom2 p {
    font-size:0.9em;
    opacity:0.9;
}
#sp-bottom3 a {
    color: #f0f0f0;
}
#sp-bottom3 a:hover {
    color: #8cc4ff;
}
#sp-bottom3 .sp-module ul>li {
    margin-bottom: 10px;
}
#sp-bottom4 i {
    margin-right:5px;
}
.footer-contact-mail,
.contact-mail {
    margin-bottom: 20px;
}
.footer-contact-phone,
.contact-phone {
    margin-bottom: 20px;
}
.footer-contact-addr {
    margin-bottom: 20px;
    font-size:0.9em;
    opacity:0.9;
}
.contact-addr {
    margin-bottom: 20px;
}

/* MEDIA */

@media only screen and (max-width: 991px) {
    .sp-page-title {
        padding: 175px 75px 115px 75px;
        background-size: cover;
    }
    .sp-page-title .sp-page-title-heading {
        font-size: 48px;
    }
}

@media only screen and (max-width: 767px) {
    .sp-page-title {
        padding: 175px 30px 115px 30px;
        background-position: 0% 50%;
    }
    .sp-page-title .sp-page-title-heading {
        max-width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    #sp-bottom {
        padding: 40px;
    }
}