@font-face {
    font-family: 'calibri';
    src: url('/fonts/calibri.ttf') format("truetype");
}

@font-face {
    font-family: 'calibri';
    src: url('/fonts/calibri-bold.ttf') format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: 'calibri';
    src: url('/fonts/calibri-italic.ttf') format("truetype");
    font-style: italic;
}


/*Small change for stepy*/
.stepy-header {
    background: rgba(255, 255, 255,  0.4);
}
.stepy-header li.stepy-active div {
    background: #245d85;
}

.stepy-header li.stepy-active~li div {
    background: rgba(255, 255, 255,  0.6);
    color: #4D4D4D;
}

.stepy-header li span, .stepy-header li.stepy-active span, .stepy-header li.stepy-active~li span {
    background: transparent;
}

.stepy-header li span, .stepy-header li.stepy-active~li span {
    color: #313131;
}

.stepy-header li div:after{
    background-color: #245d85;
}

.brandedHeader-wrapper {
    background: transparent;
}

#rs-wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#245d85+0,8e54e9+100 */
    background: #245d85 !important;
    background: -moz-linear-gradient(45deg,  #245d85 0%, lightgrey 100%) !important;
    background: -webkit-linear-gradient(45deg,  #245d85 0%,lightgrey 100%) !important;
    background: linear-gradient(45deg,  #245d85 0%,lightgrey 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lightgrey', endColorstr='#245d85',GradientType=1 ) !important;
}

#logo {
    width: 100px;
    position: relative;
    left: -10px;
}

.navbar.normal, #footer {
    background: lightgrey;
}

.navbar-brand > img {
    height: 50px;
    margin-top: -20px;
}