/*
** Desenvolvido por Agencia Mxmais. 
** http://www.mxmais.com.br 
*/

@charset "UTF-8";

/* Reset */
* { margin: 0; padding: 0; font-family: arial; color: #2C2A2B; }

/* Controle de Animações */
* { transition: color .5s, background .5s, border .5s; } 

/* Configurações basicas */
a, a:hover { text-decoration: none; }
a  { color: #E0AE00; }
p { font-size: 17px; margin: 10px 0px; }

h1, h2, h3, h4 { font-weight: 600; }

h1 { font-size: 48px; margin: 10px 0px; }
h2 { font-size: 32px; margin: 10px 0px; }
h3 { font-size: 26px; margin: 10px 0px; }
h4 { font-size: 20px; margin: 10px 0px; }

.primary_color { color: #FFFF00; }
.primary_bg { background: #FFFF00; }

.bg_red         { background: #C81C0E; }
.bg_yellow      { background: #FFFF00; }
.bg_orange      { background: #E44413; }
.bg_blue        { background: #0000FF; }
.bg_white       { background: #FFFFFF; }
.bg_grey        { background: #F4F4F4; }
.bg_black       { background: #000000; }

.left       { text-align: left; }
.center     { text-align: center; }
.right      { text-align: right; }
.justify    { text-align: justify; }

.float_left  { float: left; padding:50px; }
.float_right { float: right; padding:50px; }

.img_left   { width: 30%; margin: 10px 30px 10px 0; border-radius: 15px; float: left; }
.img_right  { width: 20%; margin: 10px 0 10px 30px; border-radius: 15px; float: right; }

.table { display: table; }
.block { display: block; }

.cont_2     { width: 48.000%; margin: 1%; float: left; display: table; }
.cont_3     { width: 31.333%; margin: 1%; float: left; display: table; }
.cont_3_2   { width: 64.666%; margin: 1%; float: left; display: table; }

container   { width: 90%; margin: 00px auto; display: table; }
section     { width: 90%; margin: 50px auto; display: table; }

/*** loading 
#loading { 
    position: fixed;
    width: 100%; height: 100%;
    top: 0; left: 0;
    z-index: 5000;
    background: url(../_img/loading.gif) center no-repeat rgba(255,255,255,.8);
}
 loading ***/

/*** up ***/
#up         { position: fixed; width: 32px; height: 32px; right: 15px; bottom: 15px; background: #FFFF00; border: solid 3px #2C2A2B; border-radius:7px; box-shadow: 3px 3px 3px #313944; } 
#up:hover   { cursor: pointer; }
#up img { width: 100%; }

#up, #up:hover { transition: opacity .5s; }
/*** up ***/

/*** social ***/
.social { position: fixed; width: 50px; top: 40%; left: 0px; z-index: 300; text-align: left; }
.social a { width: 32px; height: 32px; margin: 2px 0; background: #D6D6D6; box-shadow: 3px 3px 3px #313944; display: table; float: left; }
.social a:hover { background: #313944; }
.social a img { width: 16px; margin: 8px; float: right; }

.social * { transition: width .5s, opacity .5s; border-radius:7px; }
/*** social ***/

/*** Responsive ***/
/* Tablet */
@media only screen and (max-width: 930px){
    h1 { font-size: 32px; }
    h2 { font-size: 26px; }
    h3 { font-size: 20px; }
    h4 { font-size: 18px; }
    
    .cont_2     { width: 98%; margin: 1%; float: none; }
    .cont_3     { width: 98%; margin: 1%; float: none; }
    .cont_3_2   { width: 98%; margin: 1%; float: none; }
    
}

/* Celular */
@media only screen and (max-width: 640px){
    .img_left   { width: 50%; }
    .img_right  { width: 50%; }
}

@media only screen and (max-width: 450px){
    .img_left   { width: 100%; }
    .img_right  { width: 100%; }
}
/*** Responsive ***/