.mail-contact-wrapper {

    font-size: 0;

    margin: 0 auto;

    margin-top: 60px;

    margin-bottom: 100px;

}

.mlist-header {

    display: block;

    font-size: 13px;

    text-transform: lowercase;

    color: #fff;

    text-align: center;

    padding: 0 18px;

    margin-bottom: 16px;

    font-family: proxima-nova, sans-serif;

    font-weight: 400;

    font-style: normal;

}



/*Mailing List styles*/

input::-webkit-input-placeholder {

	color: #fff;

	opacity: 1;

}



input:-moz-placeholder {/* Firefox 18- */

    color: #fff;

	opacity: 1;



}



input::-moz-placeholder {/* Firefox 19+ */

    color: #fff;

	opacity: 1;



}



input:-ms-input-placeholder {

	color: #fff;

	opacity: 1;

}

select::-ms-expand {

	display: none;

}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {

    color: #fff;

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

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

}

.thankswelcome-msg {

	margin: 10px 0px;

}



.mlist-wrapper {

    font-size: 0;

}

#secondary-values-wrapper .mlist-field {

    margin-bottom: 13px;

}



#secondForm label.global-list {

    font-size: 10px;

    color: #fff;

    font-family: proxima-nova, sans-serif;

    font-weight: 400;

    font-style: normal;

    letter-spacing: 0.5px;

    padding-left: 30px;

    display: inline-block;

	vertical-align: top;

	line-height: 22px;

}



#signupForm3 .mlist-field {

    display: inline-block;

    color: #fff;

    width: 77%;

    vertical-align: top;

}

.mlist-submit{

	display: inline-block;

	width: 22%;

	color: #fff;

	margin-left: 1%;

	vertical-align: top;

}

.mlist-submit-new {

    margin-top: 12px;

}

.termsWrapper.first .terms {

    text-decoration: underline;

}



label.error {

    font-size: 12px;

    display: block;

    position: absolute;

    color: red;

    letter-spacing: 0px;

}

.email-submit-wrap {

	font-size: 0;

}



input, select {

	-moz-appearance: none;

	border-radius: 0;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-webkit-appearance: none;

	outline: none;

	height: 40px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	border: 1px solid white;

	padding: 0 0px 0 10px;

	width: 100%;

	text-transform: lowercase;

	text-align: left;

	background-color: #000;

	font-size: 16px;

	box-sizing: border-box;

	color: #fff;

	text-align: left;

    font-family: proxima-nova, sans-serif;

	font-weight: 400;

	font-style: normal;

}



#secondForm input, select {

    height: 36px;

}

#secondForm #secondary-values-wrapper .mlist-field {

    margin-bottom: 8px;

}



input.submit {

	padding: 0px 0 0 0;

	cursor: pointer;

	font-size: 16px;

	color: #fff;

	background: #E43C31;

	/* padding-right: 25px; */

	outline: none;

	box-shadow: none;

	border: none;

	text-align: center;

	font-family: proxima-nova, sans-serif;

	font-weight: 700;

	font-style: normal;

	/* letter-spacing: 2px; */

	padding: 0 10px;

	width: 100%;

	text-transform: lowercase;

}



select {

    background: url(../images/triangle-down.svg) no-repeat 88% center;

    padding-right: 20px;

    font-family: proxima-nova, sans-serif;

    font-weight: 400;

    font-style: normal;

    font-size: 14px;

    color: #fff;

    border: 1px solid #fff;

    background-size: 14px;

    font-style: normal;

}



fieldset {

	border: medium none;

	padding: 0;

	margin: 0;

}

.terms a {

	text-decoration: underline;

	border: none;

	font-size: 8px;

	color: #fff;

	border-bottom: none;

	display: inline-block;

	text-decoration: none;

	text-transform: capitalize;

	font-family: proxima-nova, sans-serif;

	font-weight: 400;

	font-style: normal;

	text-align: right;

	text-transform: lowercase;

	letter-spacing: 1px;

	font-style: normal;

    margin-right: 16px;

    vertical-align: top;

    padding-top: 2%;

}

.terms a:hover {

    text-decoration: underline;

    color: #E43C31;

    outline: none;

    transition: all 0.5s ease-in-out;

}

.termsContent {

	text-align: left;

	clear: both;

	padding-top: 5px;

	display: none;

}

.termsWrapper a.terms:after {

	content: "Terms";

}

.termsWrapper a.terms.showing:after {

	content: "Hide";

}

.termsContent, .termsContent a {

	font-size: 10px;

	color: #fff;

	font-weight: 500;

	font-style: normal;

	font-family: proxima-nova, sans-serif; 

    font-weight: 400;    

    font-style: normal; 

}

.termsContent {

  

}

.termsContent{

	position: static;

    background: transparent;

	color: #fff;

	z-index : 99999;

	letter-spacing: 1px;

	font-size: 10px;

	padding: 10px 0;

}



.termsContent a {

	color: #fff;

	display: inline-block;

}

.termsContent a:hover {

    text-decoration: none;

    outline: none;

    transition: all 0.5s ease-in-out;

}

input.error, select.error {border: 1px solid #ff0000;}

#errorMsg, #serverError {

	color: #fe0000;

	font-size: 10px;

	padding-bottom: 10px;

}



.termsWrapper {

	margin: 0;

    padding: 0;

    font-size: 15px;

    line-height: normal;

    text-align: left;

    text-align: right;

    position: relative;

}



#thankyouBlock {

	display: block;

	height: auto;

	padding: 0;

}

div#thankyouBlock {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, .98);

    z-index: 4;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -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;

    text-align: center;

	z-index:9999;

}

form#signupForm3 {

    width: 280px;

    margin: 0 auto;

    font-size: 0;

    margin-top: 60px;

}

form#secondForm {

    max-width: 500px;

    margin: 0 auto;

    width: 90%;

}

.secondFormCloseWrap a {

	font-size: 25px;

	text-decoration: none;

	box-sizing: border-box;

	float: right;

	position: absolute;

	top: -10px;

	margin-bottom: 0px;

	right: 0px;

	display: block;

	color: #fff;

	font-weight: 500;

	z-index: 1000;

}

.secondFormCloseWrap a:hover {

    opacity: 0.5;

    outline: none;

    transition: all 0.5s ease-in-out;

}

.thankswelcome-msg {

	clear: both;

	font-size: 20px;

	text-align: left;

    font-family: proxima-nova, sans-serif;

    font-weight: 400;    

    font-style: normal; 

	text-align: left;

	color: #fff;

	margin-top: 12px;

	margin-bottom: 28px;

	text-transform: uppercase;

	font-weight: 500;

}

#secondForm #thankyoublock-innerwrapper .thankswelcome-msg {

    font-size: 12px;

    margin-bottom: 10px;

}

#secondForm .termsContent {

    position: static;

}

#secondForm .termsContent {

    letter-spacing: 0.5px;

}



div#thankyoublock-innerwrapper .mlist-field label {



	padding-bottom: 5px;

	/* display: block; */

	text-align: left;

	font-size: 16px;

	padding-top: 10px;

}

.mlist-field.country, .mlist-field.postalcode {



	width: 100%;

}



.mlist-field.bdayfield #dobMonth, .mlist-field.postalcode {



	width: 100%;

}

.mnt-date, .zip-country {

	font-size: 0;

}

.mlist-field.bdayfield, .mlist-field.mlist-fname, .zip-country {

	padding-bottom: 10px;

}

.mlist-checks {

	text-align: left;

	position: relative;

	/* padding: 10px 0; */

}

input.global-list-checkbox {

	width: 15px;

	height: 15px;

	padding: 0;

	vertical-align: middle;

	display: inline-block;

	position: relative;

	border: 0;

	margin: 0;

	background: transparent;

	border: 2px solid #000;

	margin-right: 5px;

	display: none;

}

input.global-list-checkbox:checked:after {

	content: '\2713';

	color: #fde5de;

	display: block;

	text-align: center;

	font-size: 9px;

	line-height: 11px;

	box-sizing: border-box;

}



label.global-list {

	font-size: 12px;

	font-style: normal;

	color: #fff;

	font-weight: 500;

	font-family: proxima-nova, sans-serif;  

    font-weight: 400;    

    font-style: normal; 

	letter-spacing: 1px;

	padding-left: 30px;

	display: inline-block;

	vertical-align: top;

}

label.global-list:before {

	content: '\2713';

	width: 15px;

	height: 15px;

	position: relative;

	display: inline-block;

	vertical-align: middle;

	border: 2px solid #fde5de;

	margin-right: 5px;

	text-indent: -9999px;

	font-size: 9px;

	text-align: center;

	line-height: 11px;

	box-sizing: border-box;

}



.mlist-checks [type=checkbox]:not(:checked),.mlist-checks [type=checkbox]:checked{

  display: inline;

  position: absolute;

  left: 0;

  width: 20px;

  height: 20px;

  z-index: 10;

  top: 0px;

  opacity: 0;

  cursor: pointer;

  margin: 0;

  padding-left: 0;

}



.mlist-checks [type=checkbox]:not(:checked) + label:before,.mlist-checks  [type=checkbox]:checked + label:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0px;

  width: 20px;

  height: 20px;

  background: #fff;

  border-radius: 0px;

  box-sizing: border-box;

  background: #fff;

}



.mlist-checks [type=checkbox]:not(:checked) + label:after,.mlist-checks [type=checkbox]:checked + label:after {

  content: "\2713";

  font-size: 14px;

  color: #000;

  text-align: center;

  line-height: 4px;

  padding-left: 2.5px;

  font-style: normal;

  display: block;

  top: 8px;

  position: absolute;

  left: 2px;

}



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

  opacity: 0;

  transform: scale(1);

}



.mlist-checks [type=checkbox]:checked + label:after {

  opacity: 1;

  transform: scale(1);

}



.mllister {

	max-width: 580px;

	margin: 0 auto;

	margin-top: 57px;

	font-family: proxima-nova, sans-serif;  

    font-weight: 400;    

    font-style: normal; 

	color: #fff;

}

.thankyou-message.embed {

	text-align: center;

    font-size: 26px;

    text-transform: uppercase;

    color: #fff;

    font-weight: 500;

    font-style: normal;

}



div#errorLabelContainer2 {

	color: red;

	text-align: center;

	font-weight: normal;

	font-size: 14px;

	margin-bottom: 10px;

}

.mlist-outer-wrapper.embedded-inline-list.country-detect #thankyouBlock .thankyou-message {

	display: none;

}



.mlist-outer-wrapper.embedded-inline-list.country-detect #thankyouBlock #thankyoublock-innerwrapper .thankyou-message {

	display: block;

	font-size: 18px;

	font-family: proxima-nova, sans-serif;  

    font-weight: 400;    

    font-style: normal; 

	font-weight: 500;

	font-style: normal;

	letter-spacing: 1px;

}

div#thankyouBlock.final-screen {

    position: static;

    display: inline-block;

    vertical-align: top;

    height: auto;

    background:none;

    width: 100%;

    padding: 0;

    margin: 0;

}



.mlist-outer-wrapper.embedded-inline-list.country-detect div#thankyouBlock.final-screen .thankyou-message.embed.final {

    margin: 24px auto;

    padding: 0;

}

.mlist-submit-new input.submit:hover,input.submit:hover {

    background: #fff;

    color: #000;

    outline: none;

    transition: all 0.5s ease-in-out;

}

.mlist-outer-wrapper.embedded-inline-list.country-detect #thankyouBlock.final-screen .thankyou-message {

	display: block;

	padding-top: 20px;

	font-size: 34px;

	text-align: center;

	color: #fff;

	font-family: proxima-nova, sans-serif;

    font-weight: 400;    

    font-style: normal; 

	margin-top: 48px;

	margin-bottom: 28px;

	font-weight: 500;

	font-style: normal;

	letter-spacing: 2px;

}



input#firstname, select#country {border: 1px solid #fff;}



.total-wrapper {

	max-width: 720px;

	margin: 0 auto;

}



.mailer-wrapper {

	max-width: 100%;

	margin: 0 auto;

}

div#thankyoublock-innerwrapper .mlist-field label.bday {

	margin-bottom: 8px;

	width: 100%;

	font-weight: 500;

	font-size: 16px;

	border: none;

	font-family: proxima-nova, sans-serif;

	font-weight: 400;

	font-style: normal;

	border-top: 0px;

	box-sizing: border-box;

	padding: 0;

	color: #fff;

	line-height: 1;

	letter-spacing: 1px;

	text-transform: lowercase;

	font-style: normal;

}

#secondary-values-wrapper input{

	text-align:left;

}

select#dobMonth {

    margin-right: 4%;

}

.mlist-field {

	font-size: 0;

}

select#country {

	background-position: 96% center;

}



label.bday {

	display: block;

	width: 100%;

	

}



select#dobMonth ,select#dobDay {

	display: inline-block;

	width: 48%;

	height: 36px;

}



label.bday {

    width: 40%;

}



.mlist-submit-new input.submit {

    display: block;

    width: auto;

    height: 36px;

    margin: 0 auto;

    padding: 0 20px;

}



.termsWrapper.second .terms {

    display: block;

    margin: 0 auto;

    width: auto;

    height: auto;

    text-align: center;

    text-decoration: underline;

}



/*new changes*/





.mListOuterWrapper {

    max-width: 100%;

    margin: 0 auto;

}

.contact-wrapper {

	width: 40%;

	margin-left: 5%;

}

.mailer-wrapper {

    margin: 0 auto;

    display: block;

}

.arrowImage img{

	vertical-align: middle;

}





/*end of mlist*/



option {

	background: #000;

	color:#fff;

}

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



	form#secondForm {

		max-width: 75%;

		margin: 0 auto;

	}

	.termsWrapper.first, .termsWrapper.second {

		padding-bottom: 80px;

		position: relative;

	}

	.sociala-wrapper {

		margin-top: 0;

	}

	.copyright-section {

		width: 100%;

		text-align: center;

		margin: 0 auto;

		margin-top: 20px;

	}



	.sociala-wrapper {

		width: 100%;

		margin: 0 auto;

		text-align: center;

	}

}

div#thankyoublock-innerwrapper {

	position: relative;

}



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

	form#secondForm {

		max-width: 75%;

		margin: 0 auto;

	}

}

@media only screen and (max-width: 1023px) and (min-width: 768px){

	form#secondForm {

		max-width: 75%;

		margin: 0 auto;

	}

}





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



    .total-wrapper{

        max-width: 95%;

        margin:0 auto;

    }

    form#signupForm3 {

        max-width: 310px;

        margin: 0 auto;

    }

	.mail-contact-wrapper {

		font-size: 0;

		margin: 0 auto;

		width: 100%;

		background: #000;

	}

	.mlist-header {

		margin: 40px 10px 10px 10px;

		padding: 0;

	}



    #signupForm3 .mlist-field {

        display: inline-block;

        color: #CEADBF;

        width: 68%;

        vertical-align: top;

    }



    .mlist-submit {

        display: inline-block;

        width: 88px;

        color: #fff;

        margin-left: 1px;

        vertical-align: top;

	}

	a.terms {

		margin-right: 30px;

	}

    .termsWrapper.first{

        padding:0;

    }



    form#secondForm {

        max-width: 90%;

        margin: 0 auto;

        overflow-y: scroll;

        padding-top: 3%;

    }



    fieldset{

        margin: 0 auto;

        text-align: center;

	}

	

	#secondForm label.global-list{

		line-height: 13px;

	}	



}