@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,300italic,400italic);
body,html {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden
}

body {
    font-family: 'Lato',sans-serif;
    color: #fff;
    text-align: center;
    overflow-y: scroll
}

#overlay {
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    margin: 0
}

#bg {
    top: 0;
    width: 800%;
    height: 100%;
    z-index: -99;
    position: absolute;
    display: table
}

* {
    margin: 0;
    padding: 0
}
.actung {
    color:#2fe0a4;;
}
.berlin {
    color:#2fe0a4;font-size:18px;
}
.mywrap {
    margin: 0 auto;
    font-family: arial,helvetica,sans-serif;
    border: 4px solid #BA292E;
    padding: 0 0 45px;
    display: inline-block;
    margin-top: 50px;
    max-width: 850px
}

.myheader,.myfooter {
    color: #fff;
    text-align: center
}

.myheader {
    padding: 7px 60px;
    position: relative
}

.myp {
    padding: 5px 100px
}

.mycolor {
    color: #bb2a2f
}

.myribbon {
    width: 206px;
    height: 219px;
    position: absolute;
    top: -4px;
    left: -4px
}

.mylogo {
    width: 200px;
    height: 60px;
    margin: 8px auto
}

.myheader h1 {
    font-family: 'Lato',sans-serif;
    font-weight: 900;
    font-size: 36px
}

.mycontent {
    padding: 10px
}

.mycontent h1 {
    font-family: 'Lato',sans-serif;
    font-weight: 900;
    font-size: 30px;
    margin: 0 auto;
    width: 80%;
    text-transform: uppercase;
}

#back {
    display: inline-block;
    clear: both;
    border: 2px solid #fff;
    background: none;
    width: 20%!important;
    padding: 10px 15px;
    float: none;
    margin: 20px 0
}

#q1box,#q2box,#q3box,#q4box,#q5box,#q6box,#q7box,#q8box {
    margin: 0 auto;
    width: 75%
}

.myfooter {
    font-size: 12px;
    color: #fff;
    padding: 20px 60px;
    width: 50%;
    margin: 0 auto
}

.mybutton,.mybutton2,.mybutton3 {
    background-color: #bb2a2f;
    color: #fff;
    width: 22%;
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
    margin-right: 10px;
    cursor: pointer;
    margin-bottom: 10px;
    display: inline-block
}

#q2box .mybutton {
    float: left;
    display: block
}

#q2box #back {
    float: none;
    display: inline-block
}

.mybutton:hover,.mybutton2:hover,.mybutton3:hover {
    background-color: #000
}

.myb72 {
    text-align: center;
    float: none;
    display: inline-block
}

.clear {
    clear: both
}

.loginHead {
    font-size: 15px;
    margin-right: 5px
}

.myD {
    background-color: #bb2a2f;
    border: none;
    color: #FFF;
    padding: 6px 15px;
    cursor: pointer;
    font-size: 14px
}

.mylogin {
    padding: 8px;
    background-color: #F9F9F9;
    color: #CCC;
    border: none
}

#q2box,#q3box,#q4box,#q5box,#q6box,#q7box,#q8box,#q9box,.answers,.myrules {
    display: none
}

#q3box .group-select {
    display: flex;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
}

#q3box select {
    font-size: 20px;
    width: auto;
    margin: 0 .5em;
}

#q3box select[name="mon"] {
    flex: 2;
}

#q3box select[name="day"] {
    flex: 1;
}

#q3box select[name="year"] {
    flex: 2;
}

#q4box select {
    width: 200px
}

.myb3 {
    margin: 12px auto;
    width: 50%;
    float: none
}

.mylabel {
    display: inline-block;
    font-weight: 700;
    width: 120px;
    text-align: left
}

.myselection {
    display: inline-block;
    margin: 5px 0
}

.myb5 {
    font-size: 16px
}

.myb7 {
    margin: 12px auto;
    width: 50%;
    text-align: center;
    width: 370px;
    float: center
}

#q7box h2 {
    font-family: 'Lato',sans-serif;
    font-size: 23px;
    letter-spacing: -1px
}

#q7box .answers {
    margin-top: 10px
}

#q8box input {
    background-color: transparent;
    border: 2px solid #fff;
    width: 50%;
    height: 35px;
    color: #fff;
    font-size: 1em;
    font-style: italic;
    margin-bottom: 25px;
    padding: 2px 5px
}

#q9box h3 {
    font-family: 'Lato',sans-serif;
    font-size: 26px;
    letter-spacing: -1px
}

.myred {
    color: red;
    font-weight: 700
}

.myload {
    background-image: url(../../../img/mb/mlp80/load.gif);
    width: 284px;
    height: 10px;
    margin: 20px auto;
    display: block
}

.myinput {
    width: 33%;
    padding: 5px;
    margin-bottom: 15px
}

.girl {
    border: 1px solid #CCC;
    background-color: #FFF;
    -webkit-box-shadow: 0 0 4px rgba(50,50,50,0.15);
    border-radius: 3px;
    display: inline-block;
    padding: 5px
}

.mybOn {
    background-color: #FF0B6D;
    color: #fff
}

.qSelects i {
    display: block;
    clear: both;
    width: 100%
}

i .mybutton {
    font-size: 14px;
    padding: 4px;
    border: 2px solid #fff;
    box-shadow: none;
    background: none;
    margin: 0 auto;
    float: none
}

i .mybutton:hover {
    background-color: #A3A3A3
}

#rules {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 15px;
    color: #2fe0a4
}

#display_login {
    width: 100%;
    margin-bottom: 25px
}

a {
    color: #E0E0E0;
    text-decoration: none
}

a:hover {
    color: #919191;
    text-decoration: underline
}

.footer {
    display: none
}

#q1-content span {
    color: red
}

#e,.e {
    font-weight: 700;
    color: #fff;
    border: solid 1px red!important;
    padding: 10px;
    font-size: 14px;
    background: rgba(255,0,0,0.2)
}

#e {
    margin: 0 auto
}

u {
    font-weight: 700;
    cursor: pointer;
    color: #00e0ff
}

#Fr2 .pr_Headline_p .about {
    width: 98%!important;
    height: 25px;
    margin-bottom: 10px
}

.error {
    border: solid 1px red
}

#q8box .agree input {
    width: 14px;
    height: 14px;
    margin: 0;
    -webkit-appearance: checkbox;
}

#q2box .mybutton {
    width: 31.5%
}

#q3box #submit {
    width: 50%
}

#q8box .agree {
    display: block;
    padding-top: 2px
}

#q8box .myb3 {
    background-color: #bb2a2f;
    color: #fff;
    width: 52.5%;
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
    margin-right: 10px;
    cursor: pointer;
    margin-bottom: 10px;
    height: auto
}

#q8box #Fr1 p b {
    width: 188px;
    float: center;
}

#q8box #Fr1 p {
    width: 188px
}

#q8box a {
    color: #fff;
    text-decoration: underline
}

#q8box .mybutton2 {
    border: none
}

#Fr1 p b,#Fr2 p b {
    display: inline-block;
    width: 122px!important;
    text-align: left;
    float: left;
    padding-top: 2px
}

#Fr1 p select,#Fr2 p select {
    width: 204px;
    float: left;
    width: 69%;
}

#Fr2 textarea {
    width: 98%!important
}

#Fr1 p input[type="text"],#Fr2 p input[type="text"] {
    width: 198px;
    float: left;
    padding: 4px 0 4px 2px;
    border: solid 1px #bdbdbd
}

#Fr1 select.birthday {
    width: 65px
}

#Fr1 select[name="mon"],#Fr1 select[name="day"] {
    margin-right: 4px;
    margin-right: 4px
}

#Fr1 select[name="day"] {
    width: 66px
}

#Fr1 p,Fr2 p {
    font-style: italic;
    display: block
}

#submit {
    text-align: center;
    display: inline-block;
    padding: 20px 0;
    background-position: center center;
    background-repeat: repeat-x;
    color: #FFF;
    margin-top: 10px;
    border: 0;
    cursor: pointer;
    width: 100%;
    margin-bottom: 11px;
    font-size: 20px;
    font-weight: 700;
    background-color: #bb2a2f
}

#submit:hover {
    background-color: #000
}

.emailSub {
    text-align: center;
    line-height: 12px;
    font-size: 10px;
    color: #8A8A8A;
    float: none!important;
    margin-bottom: 15px!important
}

.agree {
    font-size: 10px
}

.err {
    border: solid 1px red!important;
    color: red!important
}

.error {
    border: solid 1px red
}

.addr_p {
    clear: both;
    position: relative
}

.addr_p b {
    display: block!important;
    float: none!important;
    position: absolute
}

.addr {
    float: left;
    margin-left: 120px;
    margin-bottom: 5px
}

textarea.about {
    margin-top: -8px
}

textarea {
    height: 70px
}

.p_country {
    margin-bottom: 5px
}

.about_p {
    margin-top: 30px
}

.about_p strong {
    display: block
}

.about_p small {
    display: none
}

kbd span {
    display: block!important;
    font-family: arial;
    float: left;
    margin: 5px 0 0 1px;
    width: 76px;
    position: absolute;
    text-align: left;
    font-size: 10px
}

#Fr2 p input[name="city"] {
    margin-left: 78px!important
}

#Fr2 p input[name="state"] {
    margin-left: 78px!important
}

#Fr2 p input[name="zip"] {
    margin-left: 78px!important
}

#Fr2 p {
    clear: both;
    margin-bottom: 10px
}

#Fr2 p select {
    margin-bottom: 5px;
}

.pr_Headline_p {
    clear: both
}

#Fr2 p input[type="text"] {
    width: 206px
}

.msg {
    margin-bottom: 10px
}

.msg li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px
}

.msg li:before {
    content: "X";
    font-weight: 700;
    font-size: 10px;
    color: #fff;
    background: red;
    border-radius: 20px;
    height: 12px;
    width: 12px;
    line-height: 12px;
    text-align: center;
    padding: 0 3px;
    margin-right: 4px
}

#Fr2 h3 {
    border-bottom: solid 1px #dbdbdb;
    padding-bottom: 5px;
    margin-bottom: 10px
}

.mobile {
    width: 98%
}

select {
    font-weight: 700;
    font-size: 14px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    menulist-button: none;
    overflow: hidden;
    width: 15%;
    padding: 15px;
    border: 1px solid #fff;
    border-radius: 0
}

#footer,#pop_login,.myfooter1 {
    display: none!important
}

.p_mobile .mobile {
    height: 35px!important
}

/*super hackpatch to fix bush league code April 28,2015 by RC*/
@media only screen and (max-width : 768px) {
    .myribbon {
        zoom:35%;
    }

    .mycontent h1 {
        font-size: 15px;
    }

    .mybutton, .mybutton2, .mybutton3, #submit, input #submit,input {
        width: 40%;
        padding: 10px 0px;
        border-radius: 3px;
    }

    .mywrap {
        padding: 0px;
        margin-top: 20px;
        border: 2px solid #AF3B3B;
        margin: 5px;
        border-radius: 10px;
        border: 2px solid #BA292E;
    }

    #q1box, #q2box, #q3box, #q4box, #q5box, #q6box, #q7box, #q8box {
        width: 100%;
    }

    .mycontent {
        padding-top: 0px;
    }

    .myfooter {
        padding: 10px;
        width: 95%;
    }

    .mylogin {
        width: 20%
    }

    .mylogo {
        margin: 15px auto;
        zoom: 75%;height: 38px;
    }

    #q2box .mybutton {
        width: 32.1%;
        margin: 8px 1.5px;
    }

    #q3box select {
        flex: 1;
        width: auto;
        font-size: 14px;
    }

    #Fr1 select[name="mon"],#Fr1 select[name="day"] {
        margin-right: 0px;
    }

    select {
        padding: 10px;
    }

    #q8box input {
        margin-bottom: 5px;
    }

    #display_login {
        margin-bottom: 0px;
    }

    .myfooter {
        font-size: 10px;
    }

    #q8box input {
        width: 95%!important;
        height: 25px;
    }

    #q3box select, #q8box input, .myr2 select {
        background: #fff;
        border-radius: 3px;
        color: #515151;
    }

    #q8box .agree input {
        width: 3%!important;
    }

    #e {
        width: 93%;
    }

    .myD {
        width: 65px;
    }

    .myD, .myb3, #submit {
        -webkit-appearance: none;
    }

    .myr2 {
        width: 100%!important;
    }

    .myr2 #submit {
        width: 100%;
    }

    .addr {
        margin-left: 0px;
    }

    #Fr2 p select {
        width: 100%;
    }

    #Fr2 textarea {
        height: 50px;
    }

    .addr_city {
        margin-top: 30px;
    }

    .smallText {
        font-size: 10px;
    }

    .addr_p b {
        position: relative;
    }

    .about_p {
        margin-top: 0px;
    }

    #Fr2 p input[type="text"] {
        padding: 10px 0px;
        float: right;
        width: 60%;
    }

    .pr_headline_p input {
        background: #fff
    }

    .p_mobile .mobile {
        height: 20px!important;
    }

    kbd input {
        text-indent: 5px;
    }

    .myr2 #e {
        width: 91%;
        font-size: 12px;
        font-weight: normal;
    }

    #bg {
        background-size: cover;
        position: contain;
        width: 100%;
    }

    #q8box .agree {
        font-size: 9px;
    }

    .myr2 {
        margin-top: 10px!important
    }

    kbd span {
        position: relative;
        width: 86px;
    }

    #Fr2 p input[name="city"] {
        margin-left: 0px!important
    }

    #Fr2 p input[name="state"] {
        margin-left: 0!important
    }

    #Fr2 p input[name="zip"] {
        margin-left: 0!important
    }

    .addr_p {
        overflow: auto;
    }

    .city,.state,.zip {
        width: 100%;
    }

    #e {
        color: #ff0000;
    }

    .alt_logins {
        color: #000;
    }

    #e u {
        color: #00F
    }
}

input {
    -webkit-appearance: none;
}

.shortMsg {
    padding-top: 5px;
    line-height: 14px;
    font-size: 8px;
    text-align: left;
}

.p_mobile small.smallText,.p_mobile b {
    display: block!important;
    clear: both;
    text-align: left;
    padding-bottom: 5px;
}

#bg {
    background-image: url(../../../img/mb/mlp80/n-3.jpg);
    background-repeat: repeat;
    display: table;
}

#bg1 {
    display: none;
}

#overlay {
    background: -webkit-radial-gradient(rgba(0, 0, 0, 0)70%, rgba(0, 0, 0, 0.65));
}

.myribbon {
    background-image: url(../../../img/mb/mlp80/ribbon-2.png);
}

.mywrap {
    background-image: url(../../../img/mb/mlp80/mybg-2.png);
}

.mybutton,
.mybutton2,
.mybutton3,
.myD,
#submit,
#q8box .myb3 {
    background: #FF4153;
}

.mywrap {
    border: 4px solid #FF4153;
}

@media (min-width: 1200px) {
    #q3box .group-select {
        width: 80%;
    }

    #q3box select[name="mon"] {
        flex: 3;
    }
    
    #q3box select[name="day"] {
        flex: 2;
    }
    
    #q3box select[name="year"] {
        flex: 3;
    }
}