html,
body {
    background-color: rgb(248, 244, 226);
    color: rgb(64, 67, 85);
    font-family: 'proximanova-regular', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

h1 {
    font-size: 1.8em;
    line-height: 1em;
    font-family: 'proximanova-semibold', sans-serif;
}

strong {
    font-family: 'proximanova-bold', sans-serif;
}

.main-text {
    font-family: adobe-caslon-pro, serif;
    font-style: normal;
    font-weight: 700;
}

.download-text {
    color: rgb(255, 255, 255);
    font-family: 'proximanova-extrabold', sans-serif;
    font-size: 30px;
    letter-spacing: 0px;
    margin: 16px auto;
    text-align: center;
}

.logo-sub {
    max-width: 663px;
    width: 100%;
}

.center {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.caps {
    text-transform: uppercase;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-left {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex .right {
    padding-top: 28px;
    padding-left: 60px;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix :after {
    clear: both;
}

.img-responsive {
    max-width: 100%;
    display: block;
}

.img-video-placeholder {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

.play-overlay {
    background-image: url("../img/play_overlays.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.play-overlay:hover {
    background-position-y: 100%;
}

.container {
    margin: 0 auto;
    width: 90%;
    max-width: 1152px;
}

.row {
    margin: 0 -15px;
}

@media only screen and (max-width: 949px) {
    .flex {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .flex .right {
        padding-left: 0px;
    }
    .flex.social-media {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 875px) {
    .row {
        margin: 0;
    }
    .flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flex .right {
        padding-top: 0;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .flex .left {
        padding-bottom: 50px;
        width: 100%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    img.study-guide-brochure {
        display: block;
        margin: 0 auto;
    }
}

.l-col,
.r-col {
    width: 50%;
    padding: 0px 15px;
}

.header-banner {
    border-bottom: 7px solid rgb(225, 203, 123);
    height: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgb(33, 34, 69);
    text-align: center;
    font-family: 'proximanova-bold', sans-serif;
    font-size: 25px;
    color: #fff;
}

.header {
    width: 100%;
    background: url("../images/top-bkg.jpg");
    background-size: cover;
    background-position: center;
}

.header .video-wrapper {
    overflow: hidden;
    background: #000;
}

.header .video-container-type {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
}

.header .video-container-type iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.header .offer-text {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 15px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    font-size: 18px;
    font-family: 'proximanova-bold', sans-serif;
    color: #474540;
    width: 200px;
    margin: 0 auto;
    clear: both;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    margin-bottom: 20px;
}

.header .container {
    max-width: 875px;
    padding: 36px 0;
    padding-bottom: 50px;
}

.header img.study-guide-brochure {
    display: block;
    max-width: 410px;
    width: 100%;
}

.main-content {
    border-top: 5px solid rgb(145, 144, 121);
    padding-top: 15px;
}

.main-content p,
.main-content li {
    line-height: 1.6em;
}

.main-content li {
    margin-bottom: 15px;
}

.main-content ul {
    list-style: disc;
}

.main-content .so-whose-land-img {
    width: 60%;
    margin: 1.8em auto;
}

.main-content .offer,
.main-content .bonus-offer {
    font-family: 'proximanova-bold';
}

.main-content .bonus-offer {
    font-size: 14px;
    line-height: 1.2em;
}

.main-content .bonus-offer .bonus-header {
    color: #f08730;
}

.main-content .body-poster-image {
    display: block;
    margin: 0 auto;
    width: 225px;
}

.main-content .poster-container {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.main-content .button-container {
    display: block;
    width: 100%;
    margin: 10px 32.5%;
}

.main-content .button-container-directions {
    display: block;
    width: 100%;
    margin: 10px 36%;
}

.main-content .button-container-event {
    display: block;
    width: 100%;
    margin: 10px 29% 30px;
}

.main-content .center {
    text-align: center;
    vertical-align: middle;
    margin: 30px auto;
}

.main-content .form-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: rgb(237, 237, 237);
    background: -webkit-gradient(linear, left bottom, left top, from(#e1e5eb), to(#f5f5f5));
    background: -webkit-linear-gradient(bottom, #e1e5eb 0%, #f5f5f5 100%);
    background: linear-gradient(0deg, #e1e5eb 0%, #f5f5f5 100%);
    border-radius: 40px;
    border: 2px solid rgb(145, 144, 121);
    margin-top: -55px;
    position: relative;
}

@media only screen and (max-width: 850px) {
    .main-content .form-wrapper {
        width: 100%;
        background: rgb(237, 237, 237);
        border-radius: 40px;
        border: 2px solid rgb(145, 144, 121);
    }
}

.main-content .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 850px) {
    .main-content .l-col,
    .main-content .r-col {
        width: 100%;
    }
}

.main-content .l-col {
    font-size: 18px;
}

@media only screen and (max-width: 850px) {
    .main-content .l-col {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .main-content .l-col {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.main-content .r-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.main-content .form-wrapper {
    height: 100%;
}

.main-content .form-wrapper form.submitted {
    opacity: 0;
    pointer-events: none;
}

.main-content .form-wrapper .form-success {
    height: 100%;
    opacity: 0;
    margin: 0 auto;
    pointer-events: none;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    width: 90%;
}

.main-content .form-wrapper .form-success.submitted {
    opacity: 1;
}

@media only screen and (max-width: 850px) {
    .main-content .form-wrapper {
        margin-top: 0px;
        background: rgb(237, 237, 237);
        border-radius: 40px;
        border: 2px solid rgb(145, 144, 121);
    }
}

@media only screen and (max-width: 480px) {
    .main-content .container {
        width: 100%;
        overflow: hidden;
    }
}

@media only screen and (max-width: 850px) {
    .payment-form-page.main-content,
    .payment-confirm-page.main-content {
        margin-top: 0;
    }
    .payment-form-page .l-col,
    .payment-confirm-page .l-col {
        display: none;
    }
    .payment-form-page .form-wrapper,
    .payment-confirm-page .form-wrapper {
        margin-top: -40px;
        min-height: calc(100vh + 40px);
    }
}

.hidden {
    display: none;
}

.form-head {
    padding-top: 20px;
}

form,
.form-type {
    width: 90%;
    margin: 0 auto;
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    position: relative;
}

@media only screen and (max-width: 480px) {
    form,
    .form-type {
        padding-top: 20px;
    }
}

form .form-element label {
    color: #8B9296;
    display: none;
    font-family: 'proximanova-semibold', sans-serif;
}

form .form-element.error .validation {
    bottom: 1px;
    font-size: 12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    color: crimson !important;
}

form .form-element.error label {
    font-size: 31px;
    top: 0px;
    right: 6px;
    display: block;
    position: absolute;
    color: crimson !important;
}

form .form-element.error input {
    border: 1px solid crimson;
}

form .form-element,
.form-type .form-element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
}

@media only screen and (max-width: 480px) {
    form .form-element,
    .form-type .form-element {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

form .form-element.submit-button,
.form-type .form-element.submit-button {
    margin-top: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 480px) {
    form .form-element.submit-button,
    .form-type .form-element.submit-button {
        padding-left: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

form .form-note,
.form-type .form-note {
    text-align: center;
    font-size: 16px;
    color: #888;
    padding-left: 105px;
}

@media only screen and (max-width: 480px) {
    form .form-note,
    .form-type .form-note {
        padding-left: 0;
    }
}

form select::-ms-expand,
.form-type select::-ms-expand {
    display: none;
}

form input[type="text"],
form select[name*="state"],
form select[name*="honorific"],
form #DVD1,
form #ucmainbodyclublevelpciSpecial_shipToState,
.form-type input[type="text"],
.form-type select[name*="state"],
.form-type select[name*="honorific"],
.form-type #DVD1,
.form-type #ucmainbodyclublevelpciSpecial_shipToState {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    height: 45px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-radius: 5px;
    border: none;
    border: 2px solid;
    padding-left: 10px;
    border-color: rgb(223, 218, 191);
    outline: none;
    -webkit-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media only screen and (max-width: 480px) {
    form input[type="text"],
    form select[name*="state"],
    form select[name*="honorific"],
    form #DVD1,
    form #ucmainbodyclublevelpciSpecial_shipToState,
    .form-type input[type="text"],
    .form-type select[name*="state"],
    .form-type select[name*="honorific"],
    .form-type #DVD1,
    .form-type #ucmainbodyclublevelpciSpecial_shipToState {
        width: 100%;
    }
}

form input[type="text"]:hover,
form input[type="text"]:active,
form input[type="text"]:focus,
form select[name*="state"]:hover,
form select[name*="state"]:active,
form select[name*="state"]:focus,
form select[name*="honorific"]:hover,
form select[name*="honorific"]:active,
form select[name*="honorific"]:focus,
form #DVD1:hover,
form #DVD1:active,
form #DVD1:focus,
form #ucmainbodyclublevelpciSpecial_shipToState:hover,
form #ucmainbodyclublevelpciSpecial_shipToState:active,
form #ucmainbodyclublevelpciSpecial_shipToState:focus,
.form-type input[type="text"]:hover,
.form-type input[type="text"]:active,
.form-type input[type="text"]:focus,
.form-type select[name*="state"]:hover,
.form-type select[name*="state"]:active,
.form-type select[name*="state"]:focus,
.form-type select[name*="honorific"]:hover,
.form-type select[name*="honorific"]:active,
.form-type select[name*="honorific"]:focus,
.form-type #DVD1:hover,
.form-type #DVD1:active,
.form-type #DVD1:focus,
.form-type #ucmainbodyclublevelpciSpecial_shipToState:hover,
.form-type #ucmainbodyclublevelpciSpecial_shipToState:active,
.form-type #ucmainbodyclublevelpciSpecial_shipToState:focus {
    border-color: #fdb952;
}

form input[type="submit"],
.form-type input[type="submit"] {
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    padding: 12px 22px;
    border-radius: 3px;
    border: none;
    background-color: #fdb952;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    color: #fff;
    font-family: 'proximanova-bold', sans-serif;
    font-size: 22px;
    width: 236px;
}

form input[type="submit"]:hover,
.form-type input[type="submit"]:hover {
    background-color: rgb(33, 34, 69);
}

form input[name*="phone"],
.form-type input[name*="phone"] {
    width: 25% !important;
    padding: 0;
    text-align: center;
}

form select[name*="state"],
form input[name*="zip"],
form input[name*="Zip"],
.form-type select[name*="state"],
.form-type input[name*="zip"],
.form-type input[name*="Zip"] {
    width: 240px !important;
}

form select[name*="honorific"],
.form-type select[name*="honorific"] {
    width: 110px !important;
}

@media only screen and (max-width: 850px) {
    form,
    .form-type {
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 480px) {
    form,
    .form-type {
        width: 95%;
    }
}

.form-success-message {
    display: none;
}


/* .form-success p:last-child {
    line-height: 1;
} */

.form-success.submitted {
    display: block;
}

.footer-text {
    text-align: center;
    padding: 15px;
    width: 100%;
    clear: both;
    margin: 30px auto 5px;
    font-family: 'proximanova-light', sans-serif;
    line-height: 1.6em;
}

.social-media {
    margin-top: 30px;
}

.social-media .social-icons {
    height: 30px;
    cursor: pointer;
    word-spacing: 3px;
}

.social-icons:not(:last-child) {
    margin-right: 5px;
}

.email-icon {
    background: #999;
    background-image: url(../img/white_mail.svg);
    background-repeat: no-repeat;
    background-position: 5px 10px;
    background-size: 18px;
    margin-right: 4px;
    color: #fff;
    font-family: 'proximanova-semibold', sans-serif;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 16px;
    text-align: right;
    vertical-align: middle;
    width: 86px;
    height: 30px;
    box-sizing: border-box;
    padding-top: 7px;
    padding-right: 9px;
    position: relative;
    display: inline-block;
}

.email-icon:after {
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    background-color: rgba(0, 0, 0, .1);
    position: absolute;
    top: 0px;
    left: 28px;
}

.footer-text a {
    color: inherit;
    text-decoration: none;
}

.footer-text a:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 850px) {
    .footer-text #footer-links {
        margin-top: 10px;
        display: block;
    }
}

#eventImg,
#ixiaaImg,
img[src*="googleadservices"] {
    position: absolute;
    top: -10000px;
}


/**** NEW CSS HERE *****/


/***********************/