@charset "UTF-8";
        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        html {
            color: #000;
            background: #FFF
        }

        body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td {
            margin: 0;
            padding: 0
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        fieldset, img {
            border: 0
        }

        address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {
            font: inherit
        }

        del, ins {
            text-decoration: none
        }

        li {
            list-style: none
        }

        caption, th {
            text-align: left
        }

        h1, h2, h3, h4, h5, h6 {
            font-size: 100%;
            font-weight: 400
        }

        q:before, q:after {
            content: ''
        }

        abbr, acronym {
            border: 0;
            font-variant: normal
        }

        sup {
            vertical-align: baseline
        }

        sub {
            vertical-align: baseline
        }

        legend {
            color: #000
        }

        html {
            -webkit-text-size-adjust: 100%;
            height: 100%
        }

        body {
            font-family: Helvetica, Arial, sans-serif;
            font-weight: 400;
            font-size: 62.5%;
            text-align: center;
            color: #fff;
            height: 100%
        }

        footer {
            margin-top: 50px
        }

        .floatLeft {
            float: left
        }

        .floatRight {
            float: right
        }

        article {
            height: 100%;
            position: relative;
            margin: 0 auto;
            overflow: auto;
            background: rgba(51, 51, 51, 0.5)
        }

        section {
            width: 100%;
            color: #fff;
            position: absolute;
            background-repeat: no-repeat;
            background-position: center top;
            padding-top: 50px;
            min-width: 100%;
            text-align: center;
            display: none
        }

        h1 {
            font-family: 'Fira Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 2.6em;
            line-height: 26px;
            font-weight: 400;
            margin-bottom: 20px
        }

        h2 {
            max-width: 800px;
            color: #fff;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 40px;
            font-weight: 700;
            font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-align: center;
            font-size: 42px;
            line-height: 46px
        }

        .current {
            display: block
        }

        .login {
            font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            font-size: 11px;
            line-height: 15px;
            color: #fff;
            -o-transition: all .5s ease;
            -moz-transition: all .5s ease;
            transition: all .5s ease;
            margin: 6px 0 10px 15px;
            padding: 7px;
            border: 2px solid;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            text-decoration: none;
            border-radius: 5px
        }

        #logo {
            max-width: 1000px;
            margin: 0 auto;
            overflow: hidden;
            padding: 10px
        }

        #crest {
            position: absolute;
            left: 5px
        }

        #sash {
            position: absolute;
            right: 0;
            top: 0
        }

        .fullscreen-bg {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: hidden;
            z-index: -100;
            background: rgba(51, 51, 51, 0.5)
        }

        .fullscreen-bg__video {
            position: absolute;
            top: 0;
            left: 0
        }

        video {
            min-height: 100%;
            min-width: 100%
        }

        ul {
            max-width: 1000px;
            margin: 0 auto;
            position: relative;
            z-index: 22222
        }

        li, a.outlink {
            text-decoration: none;
            width: 352px;
            margin: 20px;
            font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-weight: 700;
            background: #19b2d5;
            line-height: 1em;
            text-transform: uppercase;
            letter-spacing: 1px;
            -o-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease;
            border-radius: 5px;
            border: 2px solid #19b2d5;
            padding: 30px 0;
            color: #fff;
            display: block;
            font-size: 2.4em;
            cursor: pointer;
            margin: auto;
            margin-bottom: 10px
        }

        li img {
            position: relative;
            top: 2px
        }

        li:hover, .selected {
            background-color: #fff;
            color: #19b2d5
        }

        nav {
            width: 90%;
            display: inline-block;
            position: relative
        }

        nav span {
            font-size: .5em;
            display: block;
            position: relative;
            bottom: 4px;
            margin: auto;
            margin-bottom: 10px
        }

        .prev, .next, .submit {
            color: #fff;
            font-size: 39px;
            line-height: 39px;
            height: 39px;
            cursor: pointer
        }

        #sel_gender p, #screen_name p {
            font-size: 21px;
            line-height: 27px;
            letter-spacing: -1px;
            margin-bottom: 35px;
            color: #fff;
            background-color: rgba(25, 178, 213, 0.6);
            padding: 10px;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            width: 50%;
            display: inline-block
        }

        #cbx_genderPreference p, #relationship p, #screen_name p {
            font-size: 2em;
            margin-bottom: 40px
        }

        select {
            width: 30%;
            border: none;
            background: #19b2d5;
            color: #fff;
            border-radius: 5px;
            text-align: center;
            height: 39px;
            line-height: 39px;
            font-size: 1.7em;
            display: block;
            margin: auto;
            margin-bottom: 10px
        }

        #birthday nav, #location nav {
            bottom: 0
        }

        form {
            width: 70%;
            margin: 0 auto;
            position: relative;
            z-index: 888888
        }

        #screen_name a {
            color: #fff
        }

        input {
            font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-weight: 700;
            background: #19b2d5;
            letter-spacing: 1px;
            border-radius: 5px;
            border: 2px solid #19b2d5;
            padding: 10px 0;
            text-align: center;
            color: #fff;
            width: 50%;
            margin: 10px 0;
            font-size: 2.4em
        }

        #terms_label {
            font-size: 1.6em
        }

        ::-webkit-input-placeholder {
            color: #fff
        }

        :-moz-placeholder {
            color: #fff
        }

        ::-moz-placeholder {
            color: #fff
        }

        :-ms-input-placeholder {
            color: #fff
        }

        #screen_name nav {
            bottom: 140px
        }

        #terms {
            width: initial
        }

        #terms_label {
            font-size: 1.6em;
            display: block;
            margin: 40px auto 0;
            max-width: 1000px
        }

        @media all and (max-width: 1442px) {
            .login {
                margin-right: 10%
            }
        }

        @media all and (max-width: 1268px) {
            .login {
                margin-right: 0
            }

            #crest, #sash {
                display: none
            }
        }

        @media all and (max-width: 820px) {
            section {
                padding: 20px
            }

            h1 {
                font-size: 2.5em;
                line-height: normal
            }

            h2 {
                margin-bottom: 10px;
                font-size: 2.5em
            }

            #sel_gender p {
                width: 90%;
                margin-bottom: 0
            }

            li {
                width: 70%;
                padding: 0;
                line-height: 40px;
                font-size: 2em
            }

            li img {
                top: 6px
            }

            form {
                width: 100%
            }

            #birthday nav, #location nav {
                bottom: 0
            }
        }

        @media all and (max-width: 450px) {
            section {
                padding: 20px
            }

            h1 {
                font-size: 2em
            }

            #logo .floatLeft {
                width: 50%
            }

            #screen_name nav {
                bottom: 150px
            }

            video {
                display: none
            }

            #sel_gender .fullscreen-bg {
                background-size: cover;
                background-position: center center;
                background-position-x: 46%
            }

            #birthday .fullscreen-bg {
                background-size: cover;
                background-position: center center;
                background-position-x: 68%
            }

            #oral .fullscreen-bg {
                background-size: cover;
                background-position: center center;
                background-position-x: 38%
            }

            #anal .fullscreen-bg {
                background-size: cover;
                background-position: center center;
                background-position-x: 88%
            }

            #relationship .fullscreen-bg {
                background-size: cover;
                background-position: center center;
                background-position-x: 30%
            }

            #screen_name .fullscreen-bg {
                background-size: cover;
                background-position: center center;
                background-position-x: 60%
            }
        }

        @media all and (max-width: 400px) {
            #screen_name nav {
                bottom: 167px
            }

            input {
                font-size: 2em
            }
        }

        @media all and (max-width: 365px) {
            h1 {
                font-size: 1.7em
            }
        }

        @media all and (max-width: 330px) {
            #screen_name nav {
                bottom: 184px
            }
        }

        .out-link a {
            text-decoration: none;
        }

        .out-link:hover a {
            text-decoration: none;
            color: #19b2d5 !important;
        }

        a.outlink:hover {
            background-color: #fff;
            color: #19b2d5 !important
        }
        .unsub {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            text-align: left;
            padding: 10px 15px;
            box-sizing: border-box;
            z-index: 9999;
            background-color: transparent;
        }

        .unsub > a {
            font-family: Helvetica, Arial, sans-serif;
            text-transform: lowercase;
            font-weight: normal;
            text-decoration: none;
            font-size: 14px;
            color: #fff;
            opacity: .6;
        }