/* Global Reset */
* {margin:0; padding:0;}
p, form {margin: 0;}

 @font-face {
            font-family: 'saanssemibold';
            src: url('https://www.avoltafestivegreetings.com/fonts/saans-semibold-webfont.woff2') format('woff2'),
                 url('https://www.avoltafestivegreetings.com/fonts/saans-semibold-webfont.woff') format('woff'),
                 url(https://www.avoltafestivegreetings.com/fonts/Saans-SemiBold.otf) format("otf"),
                 url(https://www.avoltafestivegreetings.com/fonts/Saans-SemiBold.ttf) format("ttf");
            font-weight: normal;
            font-style: normal;
        }
 
  @font-face {
        font-family: 'avolta_displaysemibold';
        src: url('https://www.avoltafestivegreetings.com/fonts/avoltadisplay-semibold-webfont.woff2') format('woff2'),
                url('https://www.avoltafestivegreetings.com/fonts/avoltadisplay-semibold-webfont.woff') format('woff'),
                url(https://www.avoltafestivegreetings.com/fonts/avoltadisplay-SemiBold.ttf) format("ttf");
        font-weight: normal;
        font-style: normal;
    }
    
  @font-face {
    font-family: 'saansregular';
    src: url('https://www.avoltafestivegreetings.com/fonts/saans-regular-webfont.woff2') format('woff2'),
         url('https://www.avoltafestivegreetings.com/fonts/saans-regular-webfont.woff') format('woff'),
         url(https://www.avoltafestivegreetings.com/fonts/saans-regular-webfont.otf) format("otf"),
                 url(https://www.avoltafestivegreetings.com/fonts/saans-regular-webfont.ttf) format("ttf");
    font-weight: normal;
    font-style: normal;
}
               
/* General Settings */
body {font-family:Montserrat, sans-serif; font-size:9pt; color:#494752; background:#252525 url('images/design/background_v3.jpg') no-repeat center top;}
.wrapper {margin:350px auto 20px; max-width:900px; padding:0 20px;}
.required {color:red; padding-top:4px;}
.clear {clear:both; height:0;}
a {color:#0057a8; text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {font-family:"saanssemibold", sans-serif; font-size:55px; font-weight:300; line-height:60px; text-align:center; margin:0px auto; color:#df021b; padding-bottom:30px;}
h2 {display:inline-block; font-family:"saanssemibold", sans-serif; font-size:20pt; line-height:30px; text-align:center; color:#8f53f0; text-align:center; padding:5px 0; font-weight:300;}
#title {margin:0px auto; padding:5px;  text-align:center; margin-bottom:20px;}

/* Main layout */
#login-box {padding:0px 30px; background:#fff;}
#logo {padding:16px; background-color:#df021b; margin-bottom:40px; text-align:center;}
#logo img {width:170px;}
#form-wrapper { margin:0px auto; width:100%; max-width:396px; text-align:center;}
#form-wrapper #Login1 {width:100%;}
.form-field {text-align:left; position:relative; margin-bottom:20px; display:block; width:100%; max-width:396px;overflow:hidden;}
input[type=text], input[type=password] {display:inline-block; background-color:#f5f3ed; height:66px; width:100%; padding:20px 15px 0 15px; font-family:'saansregular', sans-serif; font-size:15px; line-height:16px; color:#3d3935; font-weight:500; border:0; outline:0; border-bottom:solid 6px #e5e3de; box-sizing:border-box;}
.form-button a {background-color:#252525; color:#fff; font-family:'saanssemibold', sans-serif; font-size:30px; line-height:30px; padding-top:15px; height:45px; border:0; outline:0; text-decoration:none; display:block; }
.form-button a:hover {cursor:pointer; opacity:0.8;}
input.error {color:#333333; border-color:#e31313;}
label.error {position:relative; display:block; color:#e31313;font-size:12px; line-height:14px; padding:5px 10px 15px 16px;}
.form-field.error {margin-bottom:0px;}
.errors,  .error {color:#e31313}
.form-field.hidden {display:none;}
label {font-family:'saansregular', sans-serif; position:absolute; left:10px; top:15px; color:#3d3935; font-weight:500; font-size:15px; display:inline-block; white-space:nowrap; overflow:hidden; padding:6px 6px; -webkit-transition: all 0.3s; transition: all 0.3s;}
label.active {top:0px; color:#555; font-size:12px; padding-bottom:0px; margin-bottom:0px; -webkit-transition: all 0.3s; transition: all 0.3s; color:#aaaaaa;}
		

a {color:#494752;} 
.small {font-size:10px;}
              
/* Forms */
.formlabel {float:left; width:200px; font-weight:600; padding-top:5px;}
.formfield {float:left; width:300px; padding-bottom:14px;}
.formbutton {display:block;}
.formbuttonlink {float:right; font-size:8pt;}
input {border:solid 1px #ddd9d8; font-family:'avolta_displaysemibold', sans-serif; font-size:9pt; color:#484848; padding:10px 5px;}
.requiredfield {color:#939291; font-size:8pt; font-weight:normal;}
.submit {padding-top:20px;}
.checkbox input {border:0;}
.checkbox label {padding-left:5px; color:#8e8e8e;}

/* Mobile*/
@media only screen and (max-width:800px) 
{
   /* Main layout */
    body {background:#ffffff url('images/design/background_mobile_v3.png') no-repeat center 20px; background-size:320px auto;}
    .wrapper {margin-top:190px}
    h1 {font-size:32pt; line-height:50px;}
   #login-box {padding:0px}
   label {top:17px; font-size:13px;}
}