/* --- Home Splash --- */

#window {
    background: #fff;
    width: 420px;
    padding: 30px 30px 10px 30px;
    -moz-box-shadow:    0 0 10px rgba(90,97,98,.25);
    -webkit-box-shadow: 0 0 10px rgba(90,97,98,.25);
    box-shadow:         0 0 10px rgba(90,97,98,.25);
    position: relative; 
    }
    
    
   
   
#close {
    background-color: #f4f4f4;
    border: 2px solid white;
    padding: 9px;
    width: 18px;
    height: 18px;
    -moz-border-radius:    19px;
    -webkit-border-radius: 19px;
    border-radius:         19px;  
    -moz-box-shadow:    0 0 5px rgba(90,97,98,.4);
    -webkit-box-shadow: 0 0 5px rgba(90,97,98,.4);
    box-shadow:         0 0 5px rgba(90,97,98,.4);   
    display: block;   
    cursor: pointer;
    position: absolute;
    right: -19px;
    top: -19px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
    font-size: 18px; 
    line-height: 18px;  
    color: #696a6a; 
    }
   
#close:hover { 
    background-color: #696a6a;
    border: 2px solid #f4f4f4;
    color: white;
    -moz-box-shadow:    0 0 5px rgba(90,97,98,.3);
    -webkit-box-shadow: 0 0 5px rgba(90,97,98,.3);
    box-shadow:         0 0 5px rgba(90,97,98,.3); 
    }
   
#close:active { 
    background-color: #e9e9e9;
    color: black; 
    -moz-box-shadow: inset 2px 1px 2px rgba(90,97,98,.35);
    -webkit-box-shadow: inset 2px 1px 2px rgba(90,97,98,.35);
    box-shadow: inset 2px 1px 2px rgba(90,97,98,.35); 
    }
   
   
.modal-logo {
    width: 300px;
    height: 112px;
    }



#window .message { 
    width: 85%;
    margin: 10px auto 15px; 
    font-size: 32px;
    line-height: 1;
    }

#window li { 
    margin: 0 0 7px 0;
    display: inline-block; 
    }
    
#window li:first-child { margin: 0 4px 7px 0;}
   
#window li.submit { 
    display: block; 
    margin:0;
    }

#window strong.error { top: 30px; }

#window input { 
    background: white;
    width: 136px;    
    border: none;
    padding: 20px;
    font-size: 15.5px;
    line-height: 1;
    font-family: 'UniversLTW01-57Condense 723821','Arial','Helvetica',sans-serif;
    text-transform: uppercase;
    color: #696a6a;
    cursor: pointer;
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.2);
    box-shadow: inset 0 0 10px rgba(0,0,0,.2);
   } 
    
#window input.email { width: 320px; }    
   
#window input:hover,
#window input:focus { 
    background: #f1f1f1;
    color: #696a6a;
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.3);
    box-shadow: inset 0 0 10px rgba(0,0,0,.3);
    }
    

 /* ---- Placeholder Text Equalizer - NEEEDED!! ---- */
#window input:-moz-placeholder                    { opacity: 1; }
#window input::-moz-placeholder                   { opacity: 1; }
#window input:-ms-input-placeholder               { color: #696a6a; }
#window input::-webkit-input-placeholder          { color: #696a6a; }
   #window input:hover:-ms-input-placeholder      { color: #000; }
   #window input:hover::-webkit-input-placeholder { color: #000; }     
#window input:active:-moz-placeholder             { opacity: .5; }
#window input:active::-moz-placeholder            { opacity: .5; }

    
#window button {
    background: #f5bc44;
    border: none;
    padding: 10px;
    margin: 10px;
    line-height: 1;
    font-size: 20px;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out; 
    }
  
#window button:hover { 
    background: #f3ab15; 
    padding: 15px;
    margin: 5px;
    }
  
#window button:active { 
    background: #d69612;
    -moz-box-shadow:    inset 1px 1px 2px rgba(0, 0, 0, .25);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25);
    box-shadow:         inset 1px 1px 2px rgba(0, 0, 0, .25); 
    }
    
   

#window strong.error { 
  background: #e5275d;
  padding: 3px 5px;   
  display: block;
  white-space: nowrap;
  position: absolute; 
  left: 50%;
  top: 41px;
  z-index: 9999;
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: #fff; 
  text-transform: uppercase; 
  } 
  
#window strong.error:after { 
  height: 0; 
  width: 0;    
  margin-left: -6px;  
  content: " ";    
  position: absolute; 
  left: 15px; 
  bottom: 100%;
  border-color: rgba(229, 39, 93, 0);    
  border: solid transparent; 
  pointer-events: none;
  border-bottom-color: #e5275d; 
  border-width: 6px; 
  }