@font-face {
    font-family: 'Gotham-Book';
    src: url("../font/Gotham-Book.otf") format("opentype");
    font-style: normal;
}

body {
    background: #21211f;
    font-family: 'Gotham-Book','sans-serif';
    color: #fff;
}

h3 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 26px;
}

.page-login {
    padding-bottom: 50px;
}

.page-login #logo {
    margin: 30px auto;
    width: 250px;
}

.page-login a.simple-link {
    text-decoration: underline;
}

.page-login #logo img {
    width: 100%;
}

.page-login #content {
    background-color: #000;
    color: #9e966f;
}

.page-login .csc-default > header {
    margin-top: 100px;
    text-align: center;
}

.page-login .csc-default > header h3,
.page-login .csc-default > header h4 {
    color: #fff !important;
}

/* FSC uses .ce-image; live CSS targeted .csc-textpic */
.page-login .csc-default .row .col-sm-4 .csc-textpic,
.page-login .csc-default .row .col-sm-4 .ce-image {
    position: relative;
    bottom: 0;
}

.page-login .csc-default .row .col-sm-4 .csc-textpic img,
.page-login .csc-default .row .col-sm-4 .ce-image img {
    width: 150px;
    height: auto;
}

#login {
    text-align: center;
    margin-top: 20%;
}

.page-login #login input[type="password"] {
    width: 400px;
    display: block;
    margin: 40px auto;
    height: 40px;
    padding-left: 25px;
    font-family: 'Gotham-Book', 'sans-serif';
    font-size: 18px;
    border: 3px solid #fff;
    color: #000000;
}

.page-login input[type="submit"] {
    padding: 10px 25px;
    font-family: 'Gotham-Book', 'sans-serif';
    text-transform: uppercase;
    background: none;
    color: #fff!important;
    font-size: 16px;
    letter-spacing: 6px;
    margin: 20px 0 0;
    cursor: pointer;
    border: 1px solid #fff!important;
    background: #000000!important;
}

.page-login #login form[data-status="parsley-error"] ::-webkit-input-placeholder, 
.page-login #login form[data-status="parsley-error"] ::-moz-placeholder, 
.page-login #login form[data-status="parsley-error"] :-ms-input-placeholder, 
.page-login #login form[data-status="parsley-error"] :-moz-placeholder {
    color: #cf201d;
}

#header {
    margin-bottom: 60px;
    margin-top: 15px;
}

.gold {
    color: #d7b07a;
}

.powermail_form_7, 
.powermail_form_12 {
    margin: 0 auto;
    text-align: left;
    font-size: 18px;
}

.powermail_form_7 h1, 
.powermail_form_12 h1 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 27px;
    color: #d7b07a;
    margin-bottom: 0;
}

.powermail_form_7 h2, 
.powermail_form_12 h2 {
    font-weight: normal;
    font-size: 20px;
    color: #d7b07a;
    margin-top: 15px;
}

.powermail_form_7 input[type="text"], 
.powermail_form_12 input[type="text"] {
    width: 100%;
    padding-left: 10px;
    height: 35px;
    font-family: 'Gotham-Book';
    font-size: 18px;
}

.powermail_form_7 .powermail_fieldwrap_input, 
.powermail_form_12 .powermail_fieldwrap_input {
    float: left;
    width: 50%;
}

.powermail_form_7 .powermail_fieldwrap_html, 
.powermail_form_12 .powermail_fieldwrap_html {
    margin-bottom: 50px;
}

.powermail_form_7 .powermail_fieldwrap, 
.powermail_form_12 .powermail_fieldwrap {
    margin: 0 0 30px 0;
}

.powermail_form_7 .layout2 input, 
.powermail_form_12 .layout2 input {
    float: right;
}

.powermail_form_7 .parsley-errors-list, 
.powermail_form_12 .parsley-errors-list {
    display: none;
}

.powermail_form_7 button, 
.powermail_form_12 button {
    background: none;
    color: #fff;
    border: none;
    font-family: 'Gotham-Book', 'sans-serif';
    font-size: 18px;
}

.clearfix {
    clear: both;
}

.powermail_form_7 input[type=radio], 
.powermail_form_12 input[type=radio] {
    position: absolute;
    visibility: hidden;
}

.powermail_form_7 .powermail_radio_inner, 
.powermail_form_12 .powermail_radio_inner {
    position: relative;
}

.powermail_form_7 .powermail_radio_inner .check, 
.powermail_form_12 .powermail_radio_inner .check {
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    top: 0px;
    left: 0px;
    z-index: 5;
    background: #fff;
}

.powermail_form_7 .powermail_radio_inner label, 
.powermail_form_12 .powermail_radio_inner label {
    padding-left: 30px;
    cursor: pointer;
    z-index: 9;
    display: block;
    position: relative;
    padding-bottom: 20px;
}

.powermail_form_7 .powermail_radio_inner .check:before, 
.powermail_form_12 .powermail_radio_inner .check:before {
    display: block;
    position: absolute;
    content: '';
    height: 12px;
    width: 12px;
    top: 4px;
    left: 4px;
    margin: auto;
}

.powermail_form_7 .powermail_radio_inner input[type=radio]:checked ~ .check::before, 
.powermail_form_12 .powermail_radio_inner input[type=radio]:checked ~ .check::before {
    background: #21211f;
}

.caret {
    display: none;
}

.powermail_form_7 .btn-group:not(.parsley-error), 
.powermail_form_12 .btn-group:not(.parsley-error) {
    background: url(../img/select_white.png) no-repeat 0px 12px;
    background-size: auto 10px;
    border: none!important;
    cursor: pointer;
    color: #fff!important;
    font-family: 'Gotham-Book', 'sans-serif';
    font-size: 18px!important;
    padding-left: 10px!important;
    text-indent: 1px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.powermail_form_7 .btn-group button, 
.powermail_form_12 .btn-group button {
    width: fit-content;
}

.dropdown-menu {
    width: 80px!important;
    min-width: 0!important;
}

.powermail_form_7 .btn-group.parsley-error, 
.powermail_form_12 .btn-group.parsley-error {
    color: #cf201d;
    background: url(../img/select_red.png) no-repeat 0px 12px!important;
    background-size: auto 10px!important;
}

.powermail_form_7 .parsley-error .powermail_radio_inner .check, 
.powermail_form_12 .parsley-error .powermail_radio_inner .check {
    background: #cf201d;
}

.powermail_form_7 input[type="text"].parsley-error::-webkit-input-placeholder, 
.powermail_form_12 input[type="text"].parsley-error::-webkit-input-placeholder {
    color: red;
}

.powermail_form_7 select > option, 
.powermail_form_12 select > option {
    color: #21211f;
}

.powermail_form_7 .btn-group:active, 
.powermail_form_7 button:focus,
.powermail_form_12 .btn-group:active, 
.powermail_form_12 button:focus {
    outline: none;
}

.powermail_create {
    width: 400px;
    margin: 225px auto 0;
    padding: 75px;
    background: #272725;
    color: #d7b07a;
}

.page-login .pretty {
    white-space: normal;
    padding-left: 20px;
}

.white-color {
    color: #ffffff!important;
}

.page-login .pretty .p-success .svg {
    color: #fff !important;
    stroke: #fff !important;
    fill: #fff;
}

.page-login .pretty .state label {
    margin-top: -2px;
}

.page-login .tx-powermail form .form-group .pretty .state label:before {
    border-color: #fff;
}

@media only screen and (max-width: 767px) {
    .tx-powermail .pretty .p-success .svg, .tx-powermail .pretty .p-success label:before {
        top: -23px !important;
    }

    .page-login .pretty {
        padding-left: 0 !important;
    }
}