.calendarContainer { position:absolute; top:200px; right:0px; z-index:400; padding:20px; box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.5); background-color:#ffffff; } .calendarContainer.hidden .date { display:none; } .calendarContainer.hidden .title { display:none; } .calendarContainer .arrow { float:left; height:60px; width:40px; padding:10px 0px; color:#ffffff; cursor:pointer; } .calendarContainer .arrow .left { display:none; } .calendarContainer.hidden .arrow .left { display:block; } .calendarContainer.hidden .arrow .right { display:none; } .calendarContainer .arrow:hover { color:#5BA8FF; } .calendarContainer .date { float:left; height:60px; width:100px; text-align:center; } .calendarContainer .date .day { line-height:100%; font-family:'Metropolis',sans-serif; font-weight:600; font-size:42px; color:#1b589e; } .calendarContainer .date .month { line-height:100%; font-family:'Metropolis',sans-serif; font-weight:600; font-size:14px; color:#1b589e; } .calendarContainer .title { text-transform:uppercase; float:left; text-align:center; height:60px; width:400px; line-height:110%; font-family:'Metropolis',sans-serif; font-weight:400; font-size:18px; color:#2a2a2f; } .calendarContainer TABLE { width:100%; height:100%; } .calendarContainer TD { width:100%; height:100%; vertical-align:middle; } .newsletterContainer { position:fixed; width:600px; bottom:100px; right:30px; z-index:400; padding:20px; box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.5); background-color:#ffffff; } .newsletterContainer .label { text-align:center; line-height:100%; font-family:'Metropolis',sans-serif; font-weight:700; font-size:15px; color:#1b589e; } .newsletterContainer .sublabel { padding-bottom:10px; text-align:center; line-height:100%; font-family:'Metropolis',sans-serif; font-weight:700; font-size:34px; color:#2a2a2f; } .newsletterContainer .close { position:absolute; z-index:401; top:00px; right:0px; cursor:pointer; width:30px; color:#2a2a2f; } .newsletterContainer .close:hover { color:#1b589e; }  .newsletterFormContainer { height:200px; position:relative; } .newsletterForm { height:100%; width:100%; position:relative; }  .newsletterFormOK { display:none; width:100%; height:100%; } .newsletterFormOK TABLE { width:100%; height:100%; } .newsletterFormOK TD { width:100%; height:100%; text-align:center; vertical-align:middle; font-family:'Metropolis',sans-serif; font-weight:700; font-size:34px; color:#2a2a2f; } .newsletterFormInput { float:left; width:calc(100% - 30px); margin:15px; border-bottom:2px solid #606478; } .newsletterFormInput.error { border-color:rgba(255, 0, 32, 0.9); } .newsletterFormInput.error .newsletterFormLabel { color:rgba(255, 0, 32, 0.9); } .newsletterFormLabel { float:left; max-width:90px; padding-right:5px; line-height:30px; overflow:hidden; font-family:'Metropolis',sans-serif; font-weight:600; font-size:16px; color:#606478; } .newsletterFormLabel LABEL { cursor:text; width:100%; } .newsletterFormField { float:left; width:calc(100% - 90px); } .newsletterFormInput.full .newsletterFormField { width:100%; } .newsletterFormField INPUT[type="TEXT"] { width:100%; line-height:30px; height:30px; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:20px; color:#2a2a2f; }  .newsletterFormField TEXTAREA { width:100%; line-height:20px; height:120px; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:20px; color:#2a2a2f; } .newsletterFormConfirm { padding:5px 15px 15px 15px; text-align:center; } .newsletterFormConfirm INPUT[type="SUBMIT"] { border:none; padding:15px; line-height:20px; text-align:center; margin:0 auto; height:50px; background-color:#1b589e; font-family:'Metropolis',sans-serif; font-weight:600; font-size:18px; color:#ffffff; } .newsletterFormConfirm INPUT[type="SUBMIT"]:hover { background-color:#2a2a2f; } .newsletterFormError { display:none; text-align:center; font-family:'Metropolis',sans-serif; font-weight:400; font-size:16px; color:rgba(255, 0, 32, 0.9); padding-top:15px; }