body {
    margin: 0;
}

.email-modal {    
    width: 548px;
    height: 472px;  
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#56c7e8+0,35acd8+69,2099cc+100 */
	background: url(http://s7d2.scene7.com/is/image/Newellsync/DC-8255_BBJ_Subscribe_PopUp_Blank?$Enlarge$) 50% ;
	
   /* background: rgb(86, 199, 232); */
    /* Old browsers */
   /* background: -moz-radial-gradient(center, ellipse cover, rgba(86, 199, 232, 1) 0%, rgba(53, 172, 216, 1) 69%, rgba(32, 153, 204, 1) 100%); */
    /* FF3.6-15 */
   /* background: -webkit-radial-gradient(center, ellipse cover, rgba(86, 199, 232, 1) 0%, rgba(53, 172, 216, 1) 69%, rgba(32, 153, 204, 1) 100%); */
    /* Chrome10-25,Safari5.1-6 */
   /* background: radial-gradient(ellipse at center, rgba(86, 199, 232, 1) 0%, rgba(53, 172, 216, 1) 69%, rgba(32, 153, 204, 1) 100%); */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   /* filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#56c7e8', endColorstr='#2099cc', GradientType=1); */
    /* IE6-9 fallback on horizontal gradient */
    border-radius: 10px;
}
.email-modal-body #invalidEmail {
	color: red;
    font-size: 13px;
    position: relative;
    top: -60px;
}
.email-modal .hidden {
    display: none;
}

.email-modal-header {
    padding-top: 20px;
    padding-bottom: 15px;
}

.email-modal-header img {
    width: 145px;
    margin: 0 auto;
    display: block;
}

.email-modal .title {
    font-size: 27pt;
    font-family: 'bariolregular';
    font-weight: normal;
    margin: 0;
    height: 30pt;
    color: white;
}
.email-modal-body h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.email-modal-body h2 {
    font-family: 'bariolregular';
    font-size: 75pt;
    margin: 20px 0;
    font-weight: normal;
    letter-spacing: 0pt;
    height: 90pt;
    margin-top: -15px;
    color: white;
}

.email-modal-body h2 span {
    font-size: 65pt;
    font-weight: bold;
}

.email-modal-body h2 span:nth-child(1) {
    position: relative;
    top: -35px;
    font-size: 59pt;
}

.email-modal-body h2 span:nth-child(1):before {
    content: "*";
    font-size: 17pt;
    position: relative;
    top: -25pt;
    right: 2px;
}

.email-modal-body h2 span:nth-child(2) {
    position: relative;
    top: -10pt;
}

.email-modal-body .bold-desc {
    font-family: 'bariolregular';
    font-size: 21pt;
    margin-top: 20px;
    margin-bottom: -8px;
    padding-left: 73px;
    padding-right: 70px;
}

.email-modal-body .light-desc {
    font-family: 'bariolregular';
    font-size: 26pt;
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 69px;
    padding-right: 69px;
}



.email-modal-body .light-desc-tc {
        font-family: 'bariolregular';
    font-size: 14pt;
    /* margin-top: 0; */
    /* margin-bottom: 20px; */
    /* padding-left: 69px; */
    /* padding-right: 69px; */
    margin-top: 81px;
}


.email-modal-body {
    color: #fff;
    text-align: center;
}

.email-modal-body input {
    
    font-size: 15pt;
    font-family: 'bariolregular';
    border: 0;
    font-style: italic;
   /* padding: 10px;
    width: 98%;
    height: 86%;
    margin-top: 1%;
    background-color: #70cbe8; */
    color: #000;
    padding-right: 35pt;
    margin-left:-16%;
    height: 86%;
}


.email-modal-body input::placeholder {
    color: #fff;
}

.button_primary_Email{
    background-color: #fff !important; 
    border: 1px solid #c9c9c9;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-family: bariolregular !important;
    font-size: 1.2em;
    font-weight: 400;
    margin: 1rem 0 0;
    min-width: 9rem;
    max-width: 20rem;
    padding: .5rem;
    text-align: center;
    transition: background-color .5s ease-in-out,color .5s ease-in-out;
}

.email-modal a {
    color: #fff;
    font-size: 16px;
    font-family: 'bariolregular';
    width: 300px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-left: 125px;
   /* text-align: right; */
}

.email-modal-backdrop {
    display: none;
    background: rgba(0, 0, 0, .65);
    position: fixed;
    z-index: 100;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-decoration: underline;
}

.modal-close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0px 4px;
    padding-bottom: 2px;
    border: 1px solid #bbbbbd;
    color: #bbbbbd;
    background: #e8f0f2;
    cursor: pointer;
}

.email-modal-body-thanks {
    margin-top: 103px;
    width: 50%;
    padding: 0px 45px;
}

/* .email-submit button {
    background: url('../images/msg50.png') no-repeat;
    background-position: 1px -4px;
    background-size: 97%;
    padding: 9pt 12pt;
    border: 0;
    position: absolute;
    right: 8pt;
    top: 7pt;
} */

.email-submit .input-group {
    width: 275px;
    height: 41px;
    margin: 0 auto;
   /* border: 2px solid #fff; */
    position: relative;
    margin-top: 25pt; 
}

.email-modal-body.no-offer .title {
    margin-top: 15pt;
    font-size: 43pt;
}

.email-modal-body.no-offer .light-desc {
    font-size: 22pt;
}

.email-modal-body.no-offer .bold-desc {
    margin-top: 35px;
}

.email-modal-body.no-offer .no-margin-top {
    margin-top: 0;
}

.email-modal-body.no-offer .bold-desc:nth-child(2) {
    margin-top: 0;
}

.email-modal-body.no-offer .email-submit .input-group {
    margin-top: 35pt;
}

.email-modal-body.thanks-view .title {
   /*  height: 90pt;
    margin-top: 0pt;
    font-size: 70pt; */
    height: 95pt;
    margin-top: 15pt;
    font-size: 67pt;
    font-family: 'bariolregular';
    margin-bottom: -10pt;
    
}
.email-modal .email-modal-header a.close {
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 4rem;
    line-height: 20px;
    width: 20px;
    height: 20px;
}

    

@media (max-width: 767px) {
	.email-modal{
		width: 100%;
	}
	.email-modal-header{
		padding-top: 15px;
	}
	.email-modal .title{
		line-height: 1em;
		font-size: 25pt;
	}
	.email-modal-body h2{
		margin: -10px 0;
		margin-top: -23px;
		font-size: 75pt;
	}
	.email-modal-body .bold-desc{
		font-size: 17pt;
		line-height: 1.2em;
		padding: 22px 18px;
	}
	.email-modal-body .light-desc{
		line-height: 1em;
		padding: 0 15px;
		font-size: 26pt;
		margin-top: 15px;
		margin-bottom: 0px;
	}
	.email-modal a {
    
    margin-top: 30px;
    margin-left: 46px;
   
}

.email-submit .input-group {
    
    margin: 0 66px;
    
}
.email-modal-body.thanks-view .title {
    height: 79pt;
    margin-top: 7pt;
    font-size: 58pt;
}

	
}