@charset "UTF-8";


/* PAGINA EM CONSTRUCAO */
#constructionPage {display: table;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 100;}
#constructionPage #constructionContainer {display: table;width: 30%;position: absolute;z-index: 2;top: 50%;left: 40%;transform: translateX(-50%) translateY(-50%);text-align: center;}
#constructionPage #ConstructionBackground { background-attachment: fixed; background-position: center; background-size: cover; background-repeat: no-repeat; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
#constructionPage .grid-container { position: relative; z-index: 2; text-align: center; }
#constructionPage h1 {color: #fff;font-weight: bold;margin: 0 0 4%;font-size: 33px;}
#constructionPage h2 {color: #000000;text-transform: uppercase;font-size: 20px;letter-spacing: 1px;margin: 0;}
#constructionPage h3 { color: #fff; text-transform: uppercase; margin: 0; font-size: 80px; font-weight: bold; }
#constructionPage form {display: table;margin: 4% auto 0;width: 80%;position: relative;}
#constructionPage form input[type="email"] { text-align: center; outline: none; color: #000; font-size: 14px; width: 100%; display: table; }
#constructionPage form input[type="submit"] {display: table;width: 100%;margin: 4% 0 0;color: #fff;line-height: 40px;font-size: 16px;font-weight: bold;text-transform: uppercase;background: #61710e;padding: 0;}
#constructionPage form input[type="submit"]:hover { color: #61710e; background: #000; }
#constructionPage form p { margin: 0; }
#constructionPage form div.wpcf7-validation-errors { margin: 0% 0 4%; }
#constructionPage form span.wpcf7-not-valid-tip { float: right; width: auto; color: #f00; background: #ead6d5; margin: 0 0 5%; padding: 0 5%; line-height: 30px; display: none; }
#constructionPage form .ajax-loader { position: absolute; bottom: -26%; margin: 0 !important; left: 50%; transform: translateX(50%); }
#constructionPage form div.wpcf7-mail-sent-ok { border-color: #61710e; color: #fff; font-size: 12px; font-weight: 100; }
#constructionPage ul {display: table;width: auto;margin: 4% auto 0;padding: 0;}
#constructionPage ul li { list-style: none; display: inline; margin: 0 6px; }
#constructionPage ul li a { color: #fafafa; font-size: 20px; }
#constructionPage ul li a i { }
#constructionPage ul li:hover a { color: #61710e; }

/* RESPONSIVO */
@media only screen and (max-width:1000px) {
    #constructionPage #constructionContainer { width: 70%; }
    #constructionPage form { }
}
@media only screen and (max-width:790px) {
    #constructionPage #constructionContainer { width: 80%; transform: translateX(-50%) translateY(-50%); }
    #constructionPage form { width: 80%; }
}
@media only screen and (max-width:500px) {
    #constructionPage #constructionContainer { width: 90%; }
    #constructionPage form { width: 100%; }
}