a {
     color: #3282bd;
}

a:hover, a:focus, a:active {
     color: #f90;
}

h1 {
     color: #f90;
}

#sp-top-bar {
     background: #f90;
     color: #fff;
     position: relative;
     z-index: 2;
}

#sp-top-bar a {
     color: #fff;
}

#sp-header {
     background: #3282bd;
}

.sp-megamenu-parent {
     text-transform: uppercase;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
     font-size: 17px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
     font-size: 17px;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
     color: #fff;
}

.sp-megamenu-parent > li > a {
     color: #fff;
}

.sp-megamenu-parent > li:hover > a {
     color: #f90;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
     background: #f90;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
     color: #fff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
     color: #3282bd;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
     color: #3282bd;
}

.burger-icon > span {
     background-color: #fff;
}

.offcanvas-menu {

     background-color: #3282bd;
     color: #fff;
}

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

.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 > a > .menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
     color: #fff;
}

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

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
     font-size: 18px;
     line-height: 35px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li li a {
     color: rgba(255, 255, 255, 0.8) !important;
}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
     background-color: #fff !important;
}

#sp-top-bar p {
     margin-bottom: 0px;
     font-size: 15px;
}



@media only screen and (max-width: 991px) {

     #sp-header {
          height: 110px;
      }

      #sp-header .logo {
          height: 110px;
      }

}