@font-face {font-family: 'SourceSansPro-Regular';src: url('../fonts/SourceSansPro-Regular.ttf') format('truetype');}
body, h2, h2, h3, h4, h5, h6 { font-family: 'SourceSansPro-Regular', Arial; }



body { font-size: 16px; }
h1 { font-size: 60px; }
h2 { font-size: 46px; }
h3 { font-size: 42px; }
h4 { font-size: 34px; }
h5 { font-size: 24px; }
h6 { font-size: 18px; }


#sp-header 
{
    background-color: #ffffff;
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 80px;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}

#offcanvas-toggler >i {
    color: #0277af;
}

.variation-corporate .sp-megamenu-parent >li >a 
{
    color: #4f5362;
}


.sp-megamenu-parent >li.active>a:before,
.sp-megamenu-parent >li:hover>a:before 
{
  width: 40%;
  background-color: #015e8a;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    padding: 10px 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: #006699;
    font-weight: 400;
    line-height: 28px;
    border-bottom: 1px solid rgba(0,0,0,0.8);
}

.offcanvas-menu {
    width: 320px;
    height: 100%;
    color: #5f5f5f;
    position: fixed;
    top: 0;
    opacity: 0;
    z-index: 99999;
    overflow-y: auto;
    background: rgba(255,255,255,01);
}