@import url(http://fonts.googleapis.com/css?family=Roboto:400, 700);
    body {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    background-color: #000;
    color: #e5e5e5;
}
h1, h2, h3, h4, h5 {
    font-weight: 700;
}
p {
    line-height: 1.5;
}
.container {
    max-width: 1029px;
}
.container, .row {
    position: relative;
}
section {
    background-color: #fff;
    color: #111;
    border: 1px solid #e5e5e5;
}
section h2 {
    color: red;
}
.on-black {
    background-color: #000;
    color: #fff;
    border: 1px solid #fff;
}
header {
    position: relative;
    margin-top: 2.14286rem;
}
header .kv {
    width: 100%}
header .pba-logo-with-rog {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 391px;
    height: 71px;
    background: url(../images/logo-pba-with-rog.png) 0 0 no-repeat;
}



@media only screen and (max-width:64em) {
    header .pba-logo-with-rog {
    width: 312.8px;
    height: 56.8px;
    background-size: cover;
}
}header .pba-lockup {
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50px;
    width: 335px;
    background: url(../images/logo-pba-with-rog-transparent.png) 0 0 no-repeat;
}
@media only screen and (max-width:40em) {
    header .pba-lockup {
    width: 140px; }
}
header .partner-logo {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
header .kv-lockup {
    display: block;
    position: absolute;
    top: 10.28571rem;
    left: 4.28571rem;
    width: 253px;
    height: 130px;
    background: url(../images/kv-lockup.png) 0 0 no-repeat;
    background-size: cover;
}
@media only screen and (min-width:40.063em) and (max-width:58em) {
    header .kv-lockup {
    top: 7.14286rem;
    left: 1.57143rem;
    width: 253px;
    height: 130px; }
}
@media only screen and (max-width:40em) {
    header .kv-lockup {
    position: relative;
    top: auto;
    left: auto;
    width: 253px;
    height: 130px;
    margin: 1.42857rem auto; }
}
header.partner-header {
    height: 72px;
    background: url(../images/partner-header-bg.jpg) 0 0 repeat-x;
}
.pba-container {
    min-height: 10.85714rem;
}
@media only screen and (min-width:40.063em) and (max-width:64em) {
    .pba-container {
    min-height: 23.21429rem; }
}
@media only screen and (max-width:40em) {
    .pba-container {
    min-height: 7.14286rem; }
}
.partner-container {
    min-height: 50rem;
}
@media only screen and (max-width:40em) {
    .partner-container {
    min-height: 0; }
}
.partner-container .kv {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media only screen and (max-width:40em) {
    .partner-container .kv {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto; }
}
.partner-container .copy {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 10px;
    padding-right: 10px;
}
@media only screen and (max-width:40em) {
    .partner-container .copy {
    position: relative;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: 2em;
    margin-bottom: 2em; }
}
.partner-special {
    margin-top: 2em;
    margin-bottom: 2em;
    border: 1px solid #aaa;
    background: url(../images/partner-special-bg.jpg) left bottom repeat-x;
}
.partner-special h2 {
    text-transform: uppercase;
}
.partner-special .special-kv {
    margin-top: -.71429rem;
    margin-bottom: .71429rem;
}
@media only screen and (max-width:40em) {
    .partner-special .special-kv {
    display: block;
    margin-left: auto;
    margin-right: auto; }
}
.si-block {
    margin-right: .71429rem;
    margin-left: .71429rem;
}
@media only screen and (max-width:40em) {
    .si-block {
    margin-right: inherit;
    margin-left: inherit; }
}
.red-ribbon {
    position: relative;
    z-index: 6000;
    height: 75px;
    padding-top: .35714rem;
    background: url(../images/red-ribbon.png) -20px top no-repeat;
    color: #fff;
    text-align: center;
    text-transform: uppercase; }
@media only screen and (min-width:64.063em) {
    .red-ribbon {
    width: 1040px;
    margin-left: -21px;
    background-position: 0 0; }
}
@media only screen and (max-width:40em) {
    .red-ribbon {
    padding-top: .71429rem; }
}
.center-everything {
    position: absolute;
    top: 50%;
    /*left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
}
.terms {
    padding-right: 1.78571rem;
    padding-left: 1.78571rem;
    font-size: 80%;
    color: #aaa;
		margin-bottom: 30px;
		text-align: justify
}
.buffer-top {
    margin-top: 2em;
}
.buffer-bottom {
    margin-bottom: 2em;
}
.table-fix {
		display: table;
  	height:100%;
}
.cell {
    vertical-align: top;
    display: table-cell;
    height:100%;
		border: none !important;
}
.container-fix {
    height: 100%;
    -moz-box-sizing: border-box;
}
a:link {
    color: #c31010;
}
a:visited {
    color: #7c0a0a;
}
a:hover {
    color: #940c0c;
}
a:active {
    color: #360404;
}

ul {
   list-style-image: url(../images/red-bullet.png);
   margin-top: 20px;
}
ul.no-padding { padding-left: 20px; }
.no-padding li { padding-left: 0px; margin-bottom: 8px; }

li { 
    padding-left: 20px;
    margin-bottom: 1em;
}