#regdiv {
    position      : fixed;
    top           : 0;
    right         : 0;
    left          : 0;
    z-index       : 116;
    visibility    : hidden;
    margin        : 0 auto;
    min-width     : 320px;
    max-width     : 560px;
    width         : 45%;
    border-radius : 6px;
    background    : white;
    box-shadow    : 1px 3px 12px rgba(0, 0, 0, 0.6);
    text-align    : left;
    font-size     : .8em;
    opacity       : 0;
    transition    : all .3s ease-out;
    }
#regdiv.select {
    top        : 10%;
    visibility : visible;
    opacity    : 1;
    }
#regdiv h2 {
    position    : relative;
    margin      : 0;
    height      : 85px;
    border-top  : 1px solid #333;
    background  : #222;
    color       : white;
    text-indent : 40px;
    text-shadow : 0 1px 1px black;
    font-weight : bold;
    font-size   : 1.5em;
    line-height : 85px;
    }
#closereg {
    position  : absolute;
    top       : 15px;
    right     : 15px;
    font-size : 1.3em;
    cursor    : pointer;
    }
#registration, #rulid {
    padding : 1em;
    }
#rulid {
    display : none;
    height  : 450px;
    }
#registration input {
    padding       : 8px 5px;
    width         : 234px;
    border        : 1px solid #ddd;
    border-radius : 4px;
    background    : #fcfcfc;
    font-family   : 'Open Sans', sans-serif;
    transition    : border .3s ease-out;
    }
#registration input.ok {
    border : 1px solid green;
    }
#registration input.false {
    border : 1px solid red;
    }
#registration input.regloader, input.regloader {
    background       : url('/include/images/icons/searchload.gif') no-repeat right 10px center;
    background-color : #fcfcfc !important;
    }
#registration input[type=checkbox] {
    padding : 0;
    width   : auto;
    cursor  : pointer;
    }
#sendreg {
    margin-right : 13px;
    text-align   : right;
    }
#registration input[type=submit] {
    padding       : 5px 10px 8px 10px;
    width         : auto;
    outline       : none;
    border-radius : 4px;
    background    : #222;
    color         : white;
    cursor        : pointer;
    }
#registration input[type=submit]:active {
    background : darkred;
    }
#registration select {
    padding       : 8px 5px;
    width         : 234px;
    border        : 1px solid #ddd;
    border-radius : 4px;
    background    : #fcfcfc;
    color         : #777;
    font-family   : 'Open Sans', sans-serif;
    }
.reg-row {
    display   : flex;
    padding   : 1.3em;
    flex-flow : row wrap;
    }
.reg-column {
    text-align : center;
    flex       : 1;
    }
#agcheck {
    margin-top : 1em;
    text-align : center;
    }
#regfieldset {
    display       : flex;
    margin        : 1em 1em 1em 1em;
    padding       : 10px;
    border        : 1px solid #ddd;
    border-radius : 4px;
    background    : #fcfcfc;
    align-items   : center;
    }
#regfieldset img {
    margin-right : 10px;
    width        : 32px;
    height       : 27px;
    }
.g-recaptcha {
    transform        : scale(.89);
    transform-origin : 0 0;
    }
.check {
    padding-top : .5em;
    font-size   : .9em;
    }
.check i {
    color : #777;
    }
@media all and (max-width : 70em) {
    #regdiv {
        position : absolute !important;
        }
    #registration {
        overflow : scroll;
        height   : 500px;
        }
    }