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

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

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


/*Small change for stepy*/
.stepy-header li.stepy-active div {
    background: #dd2104;
}
.stepy-header li div:after{
    background-color: #dd2104;
}

.brandedHeader-wrapper {
    background: transparent;
}

#rs-wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd2104+0,8e54e9+100 */
    background: lightgrey !important;
}

#logo {
    width: 300px;
    position: relative;
}

/*body {*/
/*font-family: matosans;*/
/*}*/

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

#footer .menu ul li a {
    color: #459CE7 !important;
}

#footer .col-sm-3.copyright {
    color: black !important;
}

.panel-info > .panel-heading {
    background: #dd2104;
}

.panel-info {
    border-color: #dd2104 !important;
}

.alert-info {
    border-color: #dd2104 !important;
}

.alert-info .alert-icon {
    background: #dd2104 !important;
}

.alert-info.alert-block {
    background: #dd2104 !important;
}

.growl-notice {
    background: #dd2104 !important;
}

.checkout-header-text {
    color: darkslategray !important;
}