body{

    background: #fff;

}

body {

    margin: 0;

    font-family:'Archivo', sans-serif; 

    font-weight:300; 

    font-style:normal;

}



fieldset {

    border: none;

}



fieldset {

    border: none;

    text-align: center;

   padding:0

    margin: 0;

  padding-top:10px;

}



.mlist-wrapper {

    font-size: 0;

    position: relative;

    text-align: center;
    max-width:420px;
    margin:0 auto;

}



div#thankyouBlock>.thankyou-message {

    display: none;

}



div#thankyouBlock.final-screen>.thankyou-message {

    display: block;

    letter-spacing: 1px;
    padding-top: 50px;
}



div#thankyouBlock.final-screen {

    background: transparent;

    text-align: center;

    
}



.mlist-wrapper .mlist-field {

    max-width: 200px;

    width: 100%;

    position: relative;

    display: inline-block;

    vertical-align: middle;

    font-family:'Archivo', sans-serif;

    text-align: right;

}



.mlist-submit {

    display: inline-block;

    /* vertical-align: top; */

    width: 100px;

    margin-left: 15px;

    text-align: left;

}





/*

 .mlist-wrapper form .mlist-field {

 width: 260px;

 margin-right: 10px;

 }*/



.unknown .mlist-wrapper .titleWrapper .title,

.unknown #splash-page .tour-wrapper h2#tour {

    color: #2a1a21;

    text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 1px 0px #fff;

}



input.submit {

    border: 0;
    font-size: 10.39px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Archivo', sans-serif;
    cursor: pointer;
    letter-spacing: 1px;
    /* max-width: 143px; */
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    background: #c5ad42;

}



.termsWrapper.first .terms {

    /* position: absolute; */

    top: -2px;

    /*right: 278px;*/

    width: auto;

    text-decoration: underline;

    border: none;

    text-align: left;

    text-transform: uppercase;

    font-family: 'Archivo', sans-serif;

    margin-top: 7px;

}



#wsk-widget .widget_row.nodates {

    width: 100%;

    margin: 0 auto;

    margin-bottom: 30px;

}



#splash-page .no-dates {

    width: 100%;

    margin: 0 auto;

    font-family: 'Archivo', sans-serif;

    color: #000;

}



.mlist-text {

    line-height: 1.2;

}



.termsWrapper.first {

    position: relative;

    /* padding-right: 297px; */

  margin-top:10px;
  max-width:315px;
  margin:0 auto;

}



.termsWrapper.first .termsContent {

    font-family: 'Archivo', sans-serif;

    font-size: 8px;

    line-height: 1.4;

    max-width: 320px;

    margin: 0;

    text-align: left;

    position: absolute;

    background: #fff;

    text-transform: uppercase;

    padding: 10px 10px;

}



input#email {

    color: #000;

    font-size: 10.39px;

    border-bottom: 2px solid #000;

    padding-left: 5px;

    padding-bottom: 5px;

    width: 100%;

    letter-spacing: 1px;

    text-transform: uppercase;

    box-sizing: border-box;

    -webkit-text-fill-color: #000;

    /*border-radius: 3px;*/

    font-family: 'Archivo', sans-serif;

}



div#thankyouBlock {

    width: 100%;

    margin: 0 auto;

    text-align: center;

    color: #000;

    font-size: 22px;

    /* max-width: 500px; */

    font-family: 'Archivo', sans-serif;

    letter-spacing: 1px;

    text-transform: uppercase;

}



span.placeholder.play-icon {

    display: block;

    height: 110px;

    background-repeat: no-repeat;

    position: absolute;

    background: url(../images/watch0video.png) no-repeat scroll right 0px transparent;

    width: 180px;

    top: 50%;

    transform: translateY(-50%) translateX(-50%);

    left: 50%;

    cursor: pointer;

}



span.placeholder.play-icon:hover {

    background-position: right -420px;

}



label {

    width: 100%;

    display: block;

    /* text-align: left; */

}



select {

    width: 300px;

    height: 40px;

}



.thankyou-message.embed {

    font-size: 21px;

    text-transform: uppercase;

    color: #000;

    letter-spacing: 2px;

    padding-top: 17px;

}



div#thankyoublock-innerwrapper .mlist-field label {

    display: block;

    text-align: left;

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: 1px;

    box-sizing: border-box;

    padding: 15px 0 5px;

    color: #000;

    font-family: 'Archivo', sans-serif;

}



div#thankyoublock-innerwrapper {

    background-color: #fff;

    padding: 10px 15px 30px;

    box-sizing: border-box;

    z-index: 9999999;

    border: 1px solid #000;

    position: relative;

}



input#firstname {



    width: 100%;

    margin: 0 auto;

    padding-left: 8px;

    box-sizing: border-box;

}



.first-wrapper {

    display: inline-block;

    vertical-align: middle;

    width: 100%;

}



.mlist-field.postalcode,

.mlist-field.country {

    width: 100%;

    margin-right: 0;

}



.mlist-field.country {

    margin-right: 0;

}



input#postalcode, select#Language {



    width: 100%;

    margin: 0 auto;

    padding-left: 8px;

    box-sizing: border-box;

}



select#country {

    /*background: url(http://wmgdev1.prod.acquia-sites.com/sites/default/themes/drupalgardens_v2/iamjojoofficial/images/ddArrow.jpg) no-repeat right #000;*/

    width: 100%;

    padding-left: 10px;

}



.mlist-field select#dobDay,

.mlist-field select#dobMonth {

    width: 46%;

    text-align: left;

    display: inline-block;

    vertical-align: middle;

    margin-right: 25px;

    line-height: 20px;

}



.thankyou-message-user.embed {

    font-size: 16px;

}



select#dobDay {

    margin-right: 0 !important;

}



.thankswelcome-msg {

    display: none;

}



div#secondary-list-values,

.second-submit {

    max-width: 414px;

    margin: 0 auto;

    font-size: 0;

    width: 100%;

    box-sizing: border-box;

}



.mlist-checks {

    width: 94%;

    margin-top: 0;

    padding-top: 1px;

    display: inline-block;

    vertical-align: top;

    margin-right: 6%;

    position: relative;

    text-align: left;

    padding-left: 20px;

    padding-top: 9px;

}



.mlist-submit-new {

    width: 100%;

    display: inline-block;

    vertical-align: middle;

    padding-top: 14px;

}



label.error {

    color: #ff0000 !important;

    text-transform: none !important;

}



.mlist-submit-new input.submit {

    max-width: 414px;

    width: 100%;

    o-transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    transition: .5s;

    cursor: pointer;

    margin-left: 0;

    border: none;

    text-align: center;

    padding: 0 !important;

    font-size: 14px;

    line-height: 15px !important;

}



.mlist-submit input.submit:hover {

    opacity: 0.65;

}

.pre-save-button,.preorder-button,.Merch-button{

	/*left: 50%;

    transform: translate(-50%);

    position: absolute;*/

    border: 2px solid #000;

    color: #000;

    /* padding: 20px; */

    text-align: center;

    padding-left: 40px;

    padding-right: 40px;

    padding-top: 8px;

    padding-bottom: 8px;

    margin-left:0px;

    font-family: 'Archivo', sans-serif;

    font-size: 16.67px;

    font-weight: bold;

    letter-spacing: 2px;

    background-color: transparent;

    outline-color: transparent;

    cursor: pointer;

    width: 300px;

        margin-top: 20px;        text-decoration:none;

}

.pre-save-button:hover,.preorder-button:hover,.Merch-button:hover{

	background: #DEA0A4;

	color:#000;

	border: 2px solid #DEA0A4;

	

}

.mlist-wrapper .titleWrapper .title {

    font-family: 'Archivo', sans-serif;

    font-size: 40.43px;

    text-transform: uppercase;

    color: #000;

    -webkit-text-stroke: 1px #000;

    -webkit-text-fill-color: transparent;

}



.mlist-wrapper .mlist-text span {

    display: block;

    font-family: 'Archivo', sans-serif;

    font-size: 19.73px;

    color: #000;

    letter-spacing: 1.8px;

    font-weight: bold;

}



.mlist-wrapper .mlist-text span.second_line {

    display: block;

    font-family: 'Archivo', sans-serif;

}



.secondFormCloseWrap a {

    color: #000;

    text-decoration: none;

    font-size: 17px;

    float: right;

    margin-right: 10px;

    line-height: 1;

    /*

	 top: 0px;

	 position: absolute;

	 right: 0;*/

}



a.terms:after {

    content: "terms";

}

.terms a:hover {
    text-decoration: underline;
    color: #c7c7c7;
}

.termsContent {

    display: none;

}



.terms {

    text-align: right;

    color: #000;

    font-size: 8px;

    text-transform: capitalize;

    letter-spacing: 1px;

}



a.terms {

    text-decoration: none;

  }



.secondFormCloseWrap a:hover {

    color: #c7c7c7;

}



.termsContent {

    color: #000;

    box-sizing: border-box;

    text-align: left;

    margin: 0 auto;

    font-size: 12px;

    /*line-height: 1.4;*/

    line-height: 1.2;

    letter-spacing: 0.8px;

    max-width: 750px;

    text-transform: uppercase;

    padding-top: 10px;

}



.termsContent a {

    color: #000;

    text-decoration: underline;

    display: inline-block;

    vertical-align: top;

}



.termsContent a:hover {



    text-decoration: underline;

    color: #c7c7c7;

}



.termsWrapper.second .terms {



    padding-top: 10px;

    /* width: calc(100% - 232px); */

    text-align: center;

    font-family:'Archivo', sans-serif;

    font-size: 10px;

}



.termsWrapper.second .termsContent {

    max-width: 414px;

    width: 100%;

    box-sizing: border-box;

    padding: 5px;

    right: 0;

    bottom: 40px;

    font-size: 9px;

    text-align: center;

    font-family:'Archivo', sans-serif;

    position: absolute;

    background: #fff;

    line-height: 1.5;

}



label.global-list {

    font-size: 10px;

    display: inline;

    vertical-align: middle;

    text-transform: uppercase;

    line-height: 17px;

    color: #000;

    letter-spacing: 0.5px;

}



input.global-list-checkbox {

    display: inline-block;

    vertical-align: middle;

}



a.terms:after {

    content: 'terms';

}



a.terms.showing:after {

    content: 'hide';

}



.mlist-outer-wrapper input.error,

.mlist-outer-wrapper select.error,

.mlist-outer-wrapper [type="checkbox"].error:not(:checked)+label:before {

    border-bottom: 2px solid red !important;

}



.mlist-outer-wrapper [type="checkbox"]:not(:checked),

.mlist-outer-wrapper [type="checkbox"]:checked {

    display: inline;

    position: absolute;

    left: 0px;

    width: 13px;

    height: 13px;

    z-index: 10;

    top: 0px;

    opacity: 0;

    cursor: pointer;

    margin: 0;

    padding-left: 0;

}



.mlist-outer-wrapper [type="checkbox"]:not(:checked)+label:before,

.mlist-outer-wrapper [type="checkbox"]:checked+label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 12px;

    width: 13px;

    height: 13px;

    border: 1px solid #000;

    background: transparent;

    border-radius: 0px;

    box-sizing: border-box;

}



.mlist-outer-wrapper [type="checkbox"]:not(:checked)+label:after,

.mlist-outer-wrapper [type="checkbox"]:checked+label:after {

    content: "\2713";

    font-size: 10px;

    color: #000;

    text-align: center;

    line-height: 4px;

    padding-left: 2.5px;

    font-style: normal;

    display: block;

    top: 17px;

    position: absolute;

    left: 1px;

}



.mlist-outer-wrapper input.error,

.mlist-outer-wrapper [type="checkbox"].error:not(:checked)+label:before {}



.mlist-outer-wrapper [type="checkbox"]:not(:checked)+label:after {

    opacity: 0;

    transform: scale(1);

}



.mlist-outer-wrapper [type="checkbox"]:checked+label:after {

    opacity: 1;

    transform: scale(1);

}



select::-ms-expand {

    display: none;

}



input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus,

input:-webkit-autofill:active {

    background-color: #fff;

    -webkit-box-shadow: 0 0 0px 1000px #fff inset;

    color: #000;

    -webkit-text-fill-color: #000;

}





/*input:hover,select:hover{

 border:none;

 }*/



div#errorMsg,

#serverError {

    color: red;

    font-size: 10px;

}



select,

input {



    border-radius: 0px;

    border: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    outline: none;

    /* height: 45px; */

    box-sizing: border-box !important;

    border-bottom: 2px solid #000;

    background: transparent;

    color: #000;

}



select {

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAJklEQVQYV2NkYGD4zwABjFAaRIHFYALICuBsDNXIpiBLwoyDiwEAmiEGBJCu0ywAAAAASUVORK5CYII=") no-repeat 98% transparent;

}

.mlist-field select#dobDay, .mlist-field select#dobMonth {
    background-position: 96%;
}

body #secondForm .mlist-submit-new input {
    border: 0px;
}
body #secondForm .mlist-submit-new input:hover {
   opacity: 0.65;
}

label.error {
    font-size: 11px;
    color: #ff0000;
    text-align: left;
    top: -16px;
    position: absolute;
    letter-spacing: 0.2px;

}



.mlist-header,

.mailinglistheader {

    display: block;

    color: #000;

    font-size: 18px;

    text-align: center;

    padding-bottom: 13px;

    text-transform: none;

    letter-spacing: 2.5px;

    padding-top: 17px;

}



.mlist-header {

    line-height: 1.8;

    padding-bottom: 26px;

    letter-spacing: 0.5px;

}



.mailinglistheader {

    font-size: 31.47px;

    font-family:'Archivo', sans-serif;

    text-transform: uppercase;

    letter-spacing: 3.2px;

    padding-top: 123px;

    padding-bottom: 0;

}



form#signupForm2 {

    max-width: 735px;

    margin: 0 auto;

}



option {

    background: #fff !important;

    color: #000 !important;

}



#thankyoublock-innerwrapper .mlist-field {

    margin: 0;

    max-width: 480px;

    margin: 0 auto;

}



.menu_nav ul li a {

    text-decoration: none;

    font-family:'Archivo', sans-serif;

    text-transform: uppercase;

    font-size: 31.14px;

    color: #000;

    letter-spacing: 3px;

}



.menu_nav ul {

    list-style-type: none;

    padding: 0;

    text-align: center;

    width: auto;

    margin: 0;

}



.menu_nav {

    /* display: flex; */

    /* align-items: center; */

    /* justify-content: center; */

    position: absolute;

    margin: auto;

    top: 0;

    /* right: 0; */

    /* bottom: 0; */

    left: 0;

    border-radius: 3px;

    z-index: 99999;

    left: 50%;

    top: 50%;

    transform: translateX(-50%)translateY(-50%);

}



#thankyouBlock form#secondForm {


    position: relative;

    right: 0;

    top: 53px;

    max-width: 378px;

    margin-right: 20px;

    padding-left: 10px;

}



#secondForm input,

#secondForm select {

    border-bottom: none;

    border: 2px solid #000;

    height: 32px;

    line-height: 22px;

    padding-left: 10px;

    text-transform: uppercase;

    font-family:'Archivo', sans-serif;

}

.firstFormCloseWrap {

    position: absolute;

    right: 23px;

    top: 7px;

    font-size: 35px;

    font-family:'Archivo', sans-serif;

    color: #000;

    z-index: 95456;

}



.firstFormCloseWrap a {

    color: #000;

    text-decoration: none;

}



@media only screen and (max-width: 767px) and (orientation:landscape) {

    .maling-list {

        width: 350px;

    }

    .termsWrapper.first {

        margin-left: 94px;

    }

    .mlist-field select#dobDay,

    .mlist-field select#dobMonth {

        margin-right: 18px;

    }

    .menu_nav ul li a {

        font-size: 13px;

    }

    #thankyouBlock form#secondForm {

        overflow-y: scroll;

    }

    #splash-page .mailing-list {

        width: 100%;

        padding-top: 35px;

    }

}



@media only screen and (max-width:767px) {

    body div#mute {

        right: 50px;

        margin: 3.2vw;

    }

    .video-wrapper .video-title {

        font-size: 7.343vw;

    }

    .title {

        font-size: 7.343vw;

    }

    /*.menu {

        width: auto;

        padding: 3.2vw;

    }*/



    .firstFormCloseWrap {

        font-size: 7.96vw;

    }

    input#email {

        font-size: 3.125vw;

    }

    input.submit {

        font-size: 4.84vw;

    }

    

    .termsWrapper.second {

        position: relative;

    }

    .termsWrapper.second .termsContent {

        position: absolute;

        bottom: 10px;

    }

    #thankyouBlock form#secondForm {

        left: 50%;

        transform: translateX(-50%);

        margin: 0;

        overflow-y: scroll;

        height: 100vh;

        z-index: 9999999;

        width: 90%;

        overflow-x: hidden;

    }

    .termsWrapper.first .termsContent {

        margin-right: 36px;

        background-color: #fff;

        z-index: 995999;

    }

}



@media only screen and (max-width:767px) {

	

	

    

    .inputWrapper {

        font-size: 0;

        text-align: left;

    }

    .mlist-wrapper .mlist-field {

        max-width: none;

    	width: 100%;

    }

    .mlist-submit {

        width: 100%;

    /* margin: 10px; */

    margin-top: 25px;

    margin-left: 0;

    }

    

    .termsWrapper.first .terms {

        /*font-size: 3.125vw;*/

        color: #000;

        padding-bottom: 0px;

    }

    input#email {

        font-size: 15px;

	    padding-left: 0;

        color: #000;

        text-align: center;

        -webkit-text-fill-color: #000;

        border-bottom: 2px solid #000;

    }

    

    input.submit {

        font-size: 15px;

    }

    

    .termsWrapper.first {

        margin-left: 0;

    }

    .termsWrapper.first .termsContent {

        max-width: none;

        width: 100%;

        padding: 2px;

    }

    label.error {

        position: absolute;
        top: 27px;
        padding: 0;
        text-align: center;

    }

    div#thankyouBlock,

    div#thankyoublock-innerwrapper .mlist-field label {

        font-size: 12px;

    }

    div#thankyoublock-innerwrapper .mlist-field label {

        padding: 10px 0;

    }

    #secondForm input,

    #secondForm select {

        font-size: 11px;

        color: #000;

    }

    .mlist-field select#dobDay,

    .mlist-field select#dobMonth {

        width: 48%;

        margin-right: 0;

    }

    .mlist-field select#dobMonth {

        margin-right: 3%;

    }

    #thankyoublock-innerwrapper .mlist-field {

        max-width: none;

        margin: 0 auto;

        width: 100%;

    }

    #thankyouBlock form#secondForm {

        height: auto;

        padding: 0;
        width:100%;

    }

    div#thankyouBlock.final-screen form#secondForm {

        background: transparent;

    }

    div#thankyouBlock.final-screen>.thankyou-message {

        padding: 40px 0;

        text-align: center;

        color: #000;

    }

    .mailing-list {

        width: 92%;

        padding-top: 0;

        margin: 0 auto;

        max-width: 300px;

    }

    .footer-wrapper {

        padding: 10px;

        text-transform: uppercase;

            margin-top: 50px;

    }

    .footer-wrapper img {

        width: 20px;

        top: 50%;

        right: 13px;

        transform: translateY(-50%);

    }

}



::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #000 !important;

}



::-moz-placeholder {

    /* Firefox 19+ */

    color: #000 !important;

    opacity: 1 !important;

}



:-ms-input-placeholder {

    /* IE 10+ */

    color: #000 !important;

    opacity: 1 !important;

}



:-moz-placeholder {

    /* Firefox 18- */

    color: #000 !important;

    opacity: 1 !important;

}