/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

 * Stylesheet: styles
 * Clean Project v1.1
 * Autor / Author: Quickin - info@quickin.co
 * Use this file to write your custom styles

 *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.container
{
    
    padding:0 10px;
}

figure
{
    max-width:800px;
    margin:0 auto;
}
h3
{
    font-size:1.4em;
        margin: 40px auto;
    text-align: center;
}
form.container
{
    padding-bottom:70px;
    text-align: center;
}
form p,form h4
{
    text-align: left;
}
form h4
{
    font-size:1.4em;
    margin-bottom:35px;
}
form p 
{
    font-size:1.6em;
    margin-bottom:27px;
    position:relative;
}
form h1
{
    font-size:4em;
    margin-bottom:50px;
}
form button
{
    font-size:1.8em;
}
form label
{
    display:block;
    margin-bottom: 12px;
}
form input
{
    border:1px solid #CCCCCC;
    box-sizing: border-box;
    font-size:0.875em;
    padding:8px 14px;
}
form input.error
{
   border:1px solid #E2574C;
   color:#E2574C;
   position:relative;
}
form input.error
{
    background:url(../images/error-icon.svg) no-repeat 98% center;
    background-size:20px;

}
form label.error
{
   color:#E2574C;
font-size:0.8em;
}
form button
{
    background:#FFEC00;
    border-radius:30px;
    display:inline-block;
    padding:15px 26px;
}


#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:fixed;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px; 
  height:203px;
}