@charset "utf-8";
/* CSS Document */

#newsletter { font-family: Helvetica, Arial, sans-serif; text-align: center; color: #fff; width: 525px; position: fixed; z-index: 900; left: 0px; top: 0px; width: 100%; height: 0%; overflow: auto; opacity: 0; transition: opacity 500ms, height 0s 500ms;  }
#newsletter.open { opacity: 1; height: 100%; min-height:700px; transition: opacity 500ms, height 0s 0s; z-index: 1001;background: rgba(0,0,0,.2); }
/*#newsletter.open { min-height: 800px; }*/
#newsletter .popup { position: absolute; left: 50%; top: 50%; width: 80%; max-width: 525px; background: #2e2e2e; height: auto; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); margin-top: -50px; transition: top 500ms; text-align: center; margin-bottom: 40px; box-sizing: border-box; padding: 40px; }
#newsletter .close { position: absolute; right: -55px; top: 0px; color: #000; text-decoration: none; text-align: center; font-size: 20px; font-family: sans-serif; width: 40px; height: 40px; line-height: 40px;  background:#fff; transition: background 200ms, color 200ms;}
#newsletter .close:hover { background: #dd0038; color: #fff; }
#newsletter.open .close { position: fixed; cursor: pointer; z-index: 1000; }

/**/
::-webkit-input-placeholder {
 color:#000;
}

:-moz-placeholder { /* Firefox 18- */
 color:#000;
}

::-moz-placeholder {  /* Firefox 19+ */
 color:#000;
}

:-ms-input-placeholder {
 color:#000;
}
#newsletter .title { font-size: 30px; text-transform: uppercase; font-weight: bold; display: block; margin: 10px auto; }
#newsletter .copy { display: block; margin: auto; font-size: 13px; }
#newsletter #form { margin-top: 30px; }
#newsletter #form input, #newsletter #form select { -webkit-appearance: none; background-color: #fff; display: block; color: #000; font-family: Helvetica, Arial, sans-serif; box-sizing: border-box; width: 100%; max-width: 375px; margin: 10px auto; padding: 2px 14px 0 14px; height: 43px; font-size: 14px; border: none; border: solid 1px #000; border-radius: 0; }
#newsletter #form input[type="submit"] { max-width: 262px; color: #fff; background-color: #000; text-transform: uppercase; border: solid 1px #000; font-weight: bold; border-radius: 40px; cursor: pointer; transition: background 300ms, color 300ms; padding-top: 12px; padding-bottom: 12px; font-size: 18px; height: auto; }
#newsletter #form input[type="submit"]:hover { color: #000; background: #dd0038; }
#newsletter p { margin: 30px 0; }
#newsletter .links a { font-size: 12px; color: #fff; text-decoration: none; text-transform: uppercase; }
#newsletter .links a:hover { text-decoration: underline; }
#newsletter h2 { font-size: 32px; line-height: 32px; }
#thankyou {  font-size: 30px; text-transform: uppercase; font-weight: bold; margin: 10px auto;display: none; }
/*#thankyou a { text-decoration: none; color: #000; border: solid 1px #000; padding: 12px 20px; text-align: center; transition: background 300ms, color 300ms; }
#thankyou a:hover { background: #000; color: #fff; }
#thankyou p { max-width: 350px; margin: 35px auto; font-size: 20px; }
#thankyou img { width: 100%; height: auto; display: block; }
#thankyou .thankyou-logo { max-width: 270px; margin: auto; }
#thankyou .thankyou-title { max-width: 140px; margin: 20px auto 0 auto; }*/
/**/