.quiz {
    background-color: #ededed;
    padding: 0 15px 0 15px;
    margin: 20px 0 20px 0;
}
.quiz .quiz-header {
    background-color: #363636;
    color: #ffffff;
}
.quiz .quiz-header h1 {
    line-height: 1.2;
    font-size: 30px;
    font-family: 'Oswald', sans-serif;
    padding: 35px 0;
    margin: 0;
}
.quiz .quiz-body {
    min-height: 100px;
    color: #4d4d4d;
}
.quiz .quiz-body.quiz-body-result {
    min-height: 300px;
    color: #4d4d4d;
}
.quiz .quiz-body.quiz-not-found {
    min-height: 82px;
    background-color: #b2b2b2;
}
.quiz .quiz-not-found {
    font-size: 18px;
    padding: 40px 25px 40px 25px;
}

.quiz .quiz-body .quiz-content {
    padding: 0 20px 0 20px;
    color: #4d4d4d;
}
.quiz .quiz-body .quiz-content .quiz-content-top {
    padding: 30px 0 5px 0;
    width: 100%;
    margin: 0 0 50px 0;
    color: #363636;
    font-size: 16px;
    line-height: 26px;
    font-family: Helvetica, Arial,sans-serif;
}
.quiz .quiz-body .quiz-content .quiz-content-bottom {
    padding: 5px 20px 30px 20px;
    width: 100%;
    margin: 0;
}
.quiz .quiz-header .question-counter {
    color: #b2b2b2;
}
.quiz .quiz-body .quiz-ts-and-cs a {
    /*color: #4d4d4d;*/
    color: #363636;
    font-weight: 600;
    font-size: 12px;
    font-family: 'Oswald', sans-serif;
}
.quiz .quiz-result-content{
    color: #363636;
    font-size: 16px;
    line-height: 26px;
    font-family: Helvetica, Arial,sans-serif;
}

.quiz .quiz-body .quiz-content a, .quiz .quiz-body .quiz-content a:visited {
    color: #545454;
    font-weight: 600;
}

.quiz .quiz-body .quiz-content a:hover {
    color: #363636;
}

.quiz .quiz-body .right-single-page-media {
    padding: 0;
}
.quiz .quiz-header, .quiz .quiz-button-container button , .quiz .quiz-button-container a.btn.quiz-button  {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
.quiz .quiz-button-container a.btn.quiz-button {
    background-color: #b2b2b2;
    color: #FFF;
    font-weight: 500;
    margin: auto;
    border: none;
    border-radius: 0;
    font-size: 30px;
    box-shadow: none;
    padding: 36px;
    line-height: 0;
}
.quiz .quiz-button-container a.btn.quiz-button:hover {
    color: #fff;
    background-color: #363636;
    text-decoration: none;
    box-shadow: none;
}
.quiz-body .quiz-social-share:first-child {
    padding-right: 7px;
}
.quiz .bottom-align-element {
    position: absolute;
    bottom: 0;
    left: 0;
}
.quiz .quiz-header, .quiz .quiz-button-container button.btn-quiz {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
.quiz .quiz-question {
    font-family: 'Oswald', sans-serif;
}
.quiz .quiz-title-image-div {
    width: 100%;
    min-height: 250px;
    height:100%;
}
.quiz .quiz-title-image-div .quiz-title-image, .quiz .quiz-title-image-div .quiz-result-image{
    background-size:     cover;
    background-repeat:   no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.quiz .quiz-result-video {
    display: none;
}

.quiz .quiz-question .select-images-main-container {
    margin: 0;
    padding: 0;
}

.quiz .quiz-question .select-images-main-container .select-image-container {
    height: auto;
    margin: 0;
    padding: 0;
}

.quiz .quiz-question .select-images-main-container .select-image-container:nth-child(odd) {
    border-top: 2px solid #ededed;
    border-right: 2px solid #ededed;
    border-bottom: 0; /* was: border-bottom: 2px solid #ededed; but some glitch was adding extra space */
    border-left: 0;
}

.quiz .quiz-question .select-images-main-container .select-image-container:nth-child(even) {
    border-top: 2px solid #ededed;
    border-right: 0;
    border-bottom: 0; /* was: border-bottom: 2px solid #ededed; but some glitch was adding extra space */
    border-left: 2px solid #ededed;
}
.quiz .quiz-question .select-images-main-container .select-image-container:nth-of-type(1), .quiz .quiz-question .select-images-main-container .select-image-container:nth-of-type(2) {
    border-top: 0;
}
.quiz .quiz-question .select-images-main-container .select-image-container:nth-last-of-type(-n+2) {
    border-bottom: 0;
}
.quiz .quiz-question .select-images-main-container .select-image-label {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 0;
    height: 98%;
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    line-height: 1.2;
    display: table-cell;
    vertical-align:middle;
}

.quiz .quiz-question .select-images-main-container .select-image-hover-label {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    margin: 0;
    height: 98%;
    width: 100%;
    text-align: center;
    font-size: 0;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    line-height: 1.2;
    display: table-cell;
    vertical-align:middle;
}
.quiz .quiz-question .select-images-main-container .select-image-hover-label:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);

    padding: 0;
    margin: 0;
    height: 98%;
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    line-height: 1.2;
    display: table-cell;
    vertical-align:middle;
}

.quiz .quiz-question .select-images-main-container .ez-checkbox, .quiz .quiz-question .select-images-main-container .ez-radio {
    display: none;
}
.quiz .quiz-question .select-images-main-container .opacity-image-label {
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.quiz .quiz-question .select-images-main-container .transparent-image-label {
    background-color: transparent;
}
.quiz .quiz-question .select-images-main-container .select-image-main-label {
    background-size:     cover;
    background-repeat:   no-repeat;
    background-position: center center;
    width: 100%;
    height: 300px;
    margin: 0;
    padding: 0;
    font-size: 0;
    /* --  new -- */
    display: table;
}




.quiz .row.quiz-body .row {
    margin: 0;
}
.quiz .row.quiz-body.quiz-submit {
    margin: 15px 0 15px 0;
    color: #4d4d4d;
}
.quiz .quiz-body .form-control {
    color: #4d4d4d !important;
}
.quiz .quiz-question .quiz-text-area {
    padding: 0;
    margin: 0;
}
.quiz .quiz-question .quiz-text-area-inner-div {
    padding: 20px 20px 20px 20px;
    position: relative;
}
.quiz .quiz-question .quiz-text-area-label {}
.quiz .quiz-question .quiz-text-area-input {
    background-color: transparent;
    border: 2px solid #b2b2b2 !important;
    padding: 10px 5px 10px 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.7em;
    height: 50px;
    font-family: 'Oswald', sans-serif;
    color: #b2b2b2;
}
.quiz .quiz-question .quiz-text-area-input-lrg {
    height: 100px;
}
.quiz .quiz-question .quiz-main-label {
    padding: 30px 0 20px 20px;
    font-size: 22px;
}
.quiz .quiz-question .quiz-submit .date-picker .quiz-main-label {
    width: 21%;
    float: right;
    padding: 32px 8px;
    margin: 0;
}
.quiz .quiz-question .quiz-submit .date-picker .quiz-select-inner-div {
    max-width: 80%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.quiz .quiz-question .quiz-no-label {
    padding-top: 50px;
    padding-bottom: 50px;
}
.quiz .quiz-question .quiz-submit .quiz-no-label {
    padding-top: 20px;
    padding-bottom: 20px;
}
.quiz .quiz-question .quiz-submit .quiz-main-label {
    padding: 20px 0 0 5px;
    font-size: 16px;
}

.quiz .quiz-question .quiz-secondary-label {
    padding: 0 0 0 5px;
}
.quiz .quiz-question .quiz-select-inner-div {
    padding: 0 5px;
}
.quiz .quiz-question .quiz-select-area {
    background: transparent url("../../images/select-bg.png") no-repeat 97% 50%;
    border: 2px solid #b2b2b2 !important;
    padding: 10px 5px 10px 5px;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.7em;
    height: 50px;
    width: 100% !important;
    font-family: 'Oswald', sans-serif;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #b2b2b2;
    -webkit-box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.75);
}
.quiz .quiz-question .quiz-tnc-inner-div {
    padding: 20px 20px 20px 7px;
}
.quiz .quiz-question .quiz-tnc-inner-div .custom-label-description.quiz-ts-and-cs{
    color: #b2b2b2;
    font-size: 12px;
}

.quiz .quiz-question .quiz-included-text-field {
    background-color: transparent;
    border: 2px solid #b2b2b2 !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.7em;
}
.quiz .quiz-question .custom-label-description.col-sm-5 {
    padding-left: 0;
}

#form-field-div-3-quiz_entry_gender {
    padding-left: 2px;
}
#form-field-div-3-quiz_entry_gender:nth-child(3),
#form-field-div-3-quiz_entry_gender:last-child{
    width: 100%;
}

#form-field-div-1-quiz_entry_gender .ez-radio{
    border-radius: 0;
    -webkit-border-radius: 0;
}

/* EZ Checkbox styling defaults*/
.quiz .ez-checkbox {
    margin: 5px 11px 0 0;
    width: 18px;
    height: 18px;
    float: left;
    background: #ededed;
    border: 3px solid #ededed;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0 0 0 2px #b2b2b2;
}
.quiz .ez-checkbox.ez-checked {
    background: #4d4d4d;
}
/* EZ Radio styling defaults*/
.quiz .ez-radio {
    margin: 5px 11px 0 0;
    width: 18px;
    height: 18px;
    float: left;
    background: #ededed;
    border: 3px solid #ededed;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0 0 0 2px #b2b2b2;
}
.quiz .ez-radio.ez-selected {
    background: #4d4d4d;
}

/* Hidden elements */
.quiz-question [type=radio], .quiz-question [type=checkbox] {
    display: none;
}

/* styling for label style checkbox and radio */
.quiz .quiz-question .quiz-no-label.quiz-label-select-second-div {
    margin: 0;
    padding: 0;
}
.quiz .quiz-question .quiz-label-select-main-div {
    margin: 0;
    padding: 0;
}
.quiz .quiz-question .quiz-secondary-label.label-select-style {
    padding: 10px;
    margin: 0;
    display: block;
    height: 100%
}
.quiz .quiz-question .quiz-secondary-label.label-select-style:hover {
    background:#eeeeee;
    cursor:pointer;
}
.quiz .quiz-question .quiz-secondary-label.label-select-style .ez-checkbox, .quiz .quiz-question .quiz-secondary-label.label-select-style .ez-radio {
    margin: 0;
    width: 0;
    height: 0;
    float: left;
    background: transparent;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
}
.quiz .quiz-question .quiz-secondary-label.label-select-style .ez-checkbox.ez-checked, .quiz .quiz-question .quiz-secondary-label.label-select-style .ez-radio.ez-selected {
    background: transparent;
}

.quiz .quiz-question .label-select-style-div {
    margin: 0;
    padding: 0;
    height: 100px;
    display: table;
}

.quiz .quiz-question .label-select-style-div .quiz-secondary-label.label-select-style {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0 20px 0 20px;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 400;
    color: #b2b2b2;
    display: table-cell;
    vertical-align:middle;
}

.quiz .quiz-question .label-select-style-div .quiz-secondary-label.label-select-style.label-select-style-checked, .quiz .quiz-question .label-select-style-div .quiz-secondary-label.label-select-style.label-select-style-selected:hover {
    color: #ededed;
    background-color: #b2b2b2;
}

.quiz .quiz-question .label-select-style-div:nth-child(odd) {
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 0;
}

.quiz .quiz-question .label-select-style-div:nth-child(even) {
    border-top: 1px solid #cccccc;
    border-right: 0;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}
/*.quiz .quiz-question .label-select-style-div:nth-of-type(1), .quiz .quiz-question .label-select-style-div:nth-of-type(2) {*/
    /*border-top: 0;*/
/*}*/
/*.quiz .quiz-question .label-select-style-div:nth-last-of-type(-n+2) {*/
    /*border-bottom: 0;*/
/*}*/
.quiz .quiz-question .quiz-included-text-field-label {
    font-size: 18px;
    line-height: 0 !important;
    font-weight: 400;
    text-align: center;

}
.quiz .quiz-question .checkbox-included-text-field-label-style, .quiz .quiz-question .radio-included-text-field-label-style {
    background-color: #ededed;
    border: 2px solid #cccccc !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.6em;
    color: #b2b2b2;
    margin: 15px 0 15px 0;
}
.quiz .quiz-question .custom-label-description.col-sm-5 {
    padding-left: 0;
}
.quiz .quiz-question .quiz-included-text-field-container-div {
    position: relative;
}
.quiz .quiz-question .quiz-included-text-field-container-div span {
    position: absolute;
    top: 5px;
    left: 0;
}
.quiz .quiz-question .quiz-included-text-field-container-div input {
    position: relative;
    left: 0;
    top: 20px;
    width: 100%

}
/* 1024 and down for images */
@media screen and ( max-width: 1024px ) {
    .quiz .quiz-question .select-image-label {
        display: table-cell !important;
        position: relative;
        background-color: rgba(0, 0, 0, 0.2);
    }
    .quiz .quiz-question .ez-checkbox.ez-checked ~ .select-image-label,  .quiz .quiz-question .ez-radio.ez-selected ~ .select-image-label {
        background-color: rgba(0, 0, 0, 0.4);
    }
}

/* 575px and up */
@media screen and ( min-width: 575px ) {

    .quiz .row.display-flex {
        display: flex;
        /* flex-wrap: wrap; */
    }
    .quiz .row.display-flex > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }
    .quiz .bottom-align-element {
        position:absolute;
        bottom: 0;
    }

}
/* 575px and down */
@media screen and ( max-width: 575px ) {
    #form-field-div-1-quiz_entry_tnc .quiz-ts-and-cs{
        padding: 10px 20px 30px 0;
    }
    .quiz .quiz-body .quiz-ts-and-cs, .quiz .quiz-body .quiz-social-share-group {
        padding: 10px 20px 30px 20px;
    }
    .select-images-label img {
        width: 100%;
        height: auto;

    }
    .quiz-question .select-images-main-container .select-image-container {
        padding: 0 0 1px 0;
    }
    .quiz .quiz-question .label-select-style-div {
        border: 0;
        border-bottom: 2px solid #cccccc;
    }
    .quiz .quiz-question .quiz-secondary-label.label-select-style {
        width: 100px;
    }

}

/* --- main button --- */
.quiz .quiz-button-container, .quiz .quiz-button-empty {
    background-color: #b2b2b2;
}
.quiz .quiz-button-empty {
    height: 82px;
}
.quiz .quiz-button-container div {
    margin: 0;
    padding: 0;
}
.quiz .quiz-button-container button.btn-quiz {
    background-color: #b2b2b2;
    /*color: #ededed;*/
    color: #FFF;
    font-weight: 500;
    /*line-height: 1.2;*/
    /*font-size: 2em;*/
    margin: auto;
    /*padding: 22px;*/
    border: none;
    border-radius: 0;

    font-size: 30px;
    box-shadow: none;
    padding: 36px;
    line-height: 0;
}
.quiz .quiz-button-container button.btn-quiz:hover {
    color: #fff;
    /*background-color: #b2b2b2;*/
    background-color: #363636;
    text-decoration: none;
    box-shadow: none;
}
.quiz .quiz-button-container button.btn-quiz:active:hover, .quiz .quiz-button-container button.btn-quiz:active:focus {
    color: #fff;
    background-color: #b2b2b2;
}
.quiz .quiz-button-container button.btn-quiz:active {
    background-image: none;
    outline:0;
}
.quiz .quiz-button-container .btn-quiz.button-error-msg {
    font-size: 1em;
    white-space: nowrap;
    min-height: 82px;
    height: auto;
}
/* --- End of Main Button --- */



/* Info Message */
.quiz .quiz-question .quiz-hint-icon {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    margin-top: 34px;
    margin-right: 30px;
    font-size: 22px;
}
.quiz .quiz-question .quiz-hint-message-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.quiz .quiz-question .quiz-hint-message {
    position: relative;
    padding: 10px;
    width: 100%;
    height: 100%;
    font-size: 12px;
    background: #4d4d4d;
    color: white;
    display: inline-block;
    text-transform: none;
    white-space: normal;
    line-height: 1.6em;
}

 /*validation colours*/
.quiz-validation-shadow {
    -webkit-box-shadow: 0 8px 6px -6px #f44336 !important;
       -moz-box-shadow: 0 8px 6px -6px #f44336 !important;
            box-shadow: 0 8px 6px -6px #f44336 !important;
    border-collapse: separate;
}

.ez-radio.quiz-validation-shadow-ez, .ez-checkbox.quiz-validation-shadow-ez {
    -webkit-box-shadow: 0 0 0 2px #f44336 !important;
    -moz-box-shadow: 0 0 0 2px #f44336 !important;
    box-shadow: 0 0 0 2px #f44336  !important;
}

.quiz #form-field-div-2-quiz_entry_tnc,
.quiz #form-field-div-1-quiz_entry_contact_permission,
.quiz #form-field-div-2-quiz_entry_contact_permission,
.quiz #form-field-div-2-quiz_entry_contact_permission_client{
    padding-top: 0;
    padding-bottom: 0;
}
.quiz #form-field-div-2-quiz_entry_tnc,
.quiz #form-field-div-1-quiz_entry_tnc,
.quiz #form-field-div-1-quiz_entry_contact_permission,
.quiz #form-field-div-2-quiz_entry_contact_permission_client{
    margin-bottom: 0;
}

.quiz #form-field-div-3-quiz_entry_contact_permission label, .quiz #form-field-div-3-quiz_entry_contact_permission_client label{
    padding-left: 7px;
    color: #b2b2b2;
}