@keyframes layer1 {
    0% {
        transform: scale(1) translate3d(0,0,0) rotateZ(-1deg);
    }
    100% {
        transform: scale(1.1) translate3d(-1%,0,0) rotateZ(1deg);
    }
}

h1, h2, h3, a, div.searchoptions a span, a.prevnextposter, div.bookmarkinfo a, div.posternumber, div.postertitle {
    color: #df0018;
}

div.headerbox {
    background: #df0018 url('../images/esr-header-background.png') center center no-repeat;
    background-size: cover;
}


div.headerbox:before {
    content: "";
    background: url('../images/esr-header-layer_1.png') center center no-repeat;
    background-size: cover;
    position: absolute;
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px;
    width: 1500px;
    height: 1500px;
    z-index: 5;
    animation: layer1 10s infinite cubic-bezier(0.6, -0.01, 0.45, 0.99) alternate;
    display: block;
}

div.headerbox .breadcrumb {
    color: #fff;
    background-color: #df0018;
}

div.headerbox .breadcrumb .innerbreadcrumb {
    color: white;
}

div.header {
    position: relative;
    background: none;
    max-height: none;
    overflow: visible;
    height: 330px;
    max-width: none;
    margin: 0 auto;
    width: auto;
    padding: 0 50px;
    z-index: 10;
}

div.header .header-esr-logo {
    display: block;
    background-image: url(../images/logo-esr-new.svg);
    background-repeat: no-repeat;
    background-position: 0 center;
    width: 183px;
    height: 28px;
    background-size: contain;
    margin: 10px 0 0 0;
    padding: 0;
}

.header-title {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate3d(-50%,-50%,0);
    height: 80%;
    width: 50%;
    max-width: 780px;
    background-image: url('../images/header-title.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    z-index: 10;
    animation: layer2 10s cubic-bezier(0.6, -0.01, 0.45, 0.99) alternate;
    transform-origin: 0 0;
}

div.header a.headerlogo {
    float: left;
    height: 47px;
    width: 151px;
    background-size: contain;
    padding: 0;
    display: block;
    position: absolute;
    left: 50px;
    top: 25px;
    background-image: url(../images/logo.svg);
    background-repeat: no-repeat;
    background-position: 0 center;
    margin: 0;
    z-index: 15;
}

div.postersection {
    border-right: 10px solid #df0018;
}

div.posternavigation b {
    color: #df0018;
}

div.posternavigation a {
    color: #df0018;
}

div.posternavigation a.selected, div.posternavigation a:hover {
    background: #df0018;
}

.button, .button2 {
    background: #df0018;
}

.posterline .postertext {
    color: #df0018;
}

div.resultpager {
    background-color: #df0018;
}