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

@charset "UTF-8";

/*** Corpo do Site ***/
header, center, footer { width: 100%; max-width: 1366px; margin: 0px auto; display: table; }
/*** Corpo do Site ***/

/*** Header ***/
header { z-index: 5000; background: linear-gradient(to bottom, #3BAF2A 30%, #155C16 90%, #155C16 30%); border-top: solid 5px #333333; }

header .logo { width: 20%; float: left; }
header .logo img { width: 100%; margin: 10px 0; }

header .fone { width: 60%; text-align: center; float:left; display: table; }
header .fone p { font-size: 18px; font-weight: 600; margin: 30px 0; color: #CCC; text-shadow:1px 1px 1px #000000; }
header .cartoes { width: 20%; float:left; display: table; }
#img-empresa { width:250px height:170px; float:left; border-radius:5px;}

header .menu { width: 100%; background: linear-gradient(to bottom, #155C16 10%, #3BAF2A 0%, #155C16 30%); display: table; z-index: 10000; }
header .menu #menu ul { width: auto; margin: auto; list-style: none; display: table; }
header .menu #menu ul li { position: relative; float: left; display: table; }
header .menu #menu ul li a .icons { margin: 5px auto; display: none; }
header .menu #menu ul li a { font-size: 16px; padding: 15px 15px; margin: 5px; border-radius: 15px; color: #FFFFFF; display: block; }
header .menu #menu ul li:hover a { color: #313944; background: #50C93E; }
header .menu #menu ul li ul { position: absolute; width: auto; display: none; background: rgba(0,0,0,.7); z-index: 900000; }
header .menu #menu ul li ul li { float: none; display: table; }
header .menu #menu ul li ul li a { font-size: 15px; width: 170px; margin: 0px; padding: 15px; display: block; }
header .menu #menu ul li:hover ul li a { background: none; color: #FFFFFF; border-radius: 0; }
header .menu #menu ul li ul li a:hover { background: #FEF208; color: #313944; }
header .menu #menu ul li:hover ul li a { border: 0px; }
header .menu #menu ul li:hover ul { display: table; }
header .menu #menu #close { position: absolute; top: 50px; right: 50px; z-index: 5000; display: none; }
header .menu #menu #close b { font-size: 20px; color: #FFFFFF; }

header .menu-responsivo { display: none; margin: 15px auto; }
.caption p { font-size: 20px; color: #FFFFFF; text-shadow: 3px 3px 6px #000000; margin: 10px 0; }
/*** Header ***/
/*** slider ***/
/*** keyframes ***/
@-webkit-keyframes fading { 
    0% { opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fading { 
    0% { opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}
/*** keyframes ***/

.container_slider { position: relative; width: 100%; max-width: 1366px; margin: 0px auto; background: #333333; }
.container_slider ul { list-style: none; }

.slider { width: 100%; -webkit-animation: fading 20s infinite; animation: fading 20s infinite; }
.slider img { width: 100%; height: auto; }

.caption { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 5000; text-align: center; }
.caption h1 { font-size: 50px; color: #FFFFFF; text-shadow: 3px 3px 6px #000000; margin: 10px 0; }
.caption a  { 
    font-size: 20px; color: #FEF208; background: #313944; padding: 10px; border: solid 5px #FEF208; display: inline-block; 
    box-shadow: 3px 3px 6px #313944;
}
.caption a:hover { background: #50C93E; } 
.caption p { font-size: 20px; color: #FFFFFF; text-shadow: 3px 3px 6px #000000; margin: 10px 0; }

.container_bullets { position: absolute; left: 50%; transform: translate(-50%,-150%); }
.bullets { display: inline-block; padding: 4px; text-align: center; border-radius: 50%; background: #CCCCCC; }
.bullets:hover { background: #FEF208; cursor: pointer; }
.bullet_activated { background: #FEF208; }

.prev { position: absolute; top: 55%; left: 45px; transform: translate(25%,-150%); }
.next { position: absolute; top: 55%; right: 45px; transform: translate(-25%,-150%); }

.button_floating { 
    font-size: 25px; 
    color: #50C93E; background: #313944; 
    width: 40px; height: 40px; 
    line-height: 40px; 
    display: inline-block; 
    text-align: center; 
    overflow: hidden;
    cursor: pointer;
    border-radius: 100%;
}

.button_floating:hover { color: #313944; background: #50C93E; }
/*** slider ***/
/*** banner ***/
.banner { width: 100%; height: 170px; position: relative; margin: 0px auto; }
/*** banner ***/

/*** Center ***/
center { width: 100%; }

/*** index ***/
.destaque { width: 19%; margin: .5%; float: left; }
.destaque:hover img { opacity: .8; }
.destaque:hover a { color: #50C93E; }
.destaque img { width: 100%; border-radius: 10px; }
.destaque a { margin: 10px; font-size: 18px; font-weight: 600; color: #313944; display: table; }

.destaque * { transition: all .5s; }
/*** index ***/

/*** Galeria ***/
#galeria { width: 100%; display: table; }
#galeria a { width: 11.5%; margin: .5%; float: left; display: block; }
#galeria a img { width: 100%; border-radius: 10px; }
/*** Galeria ***/

/*** mais informações ***/
.mais_info { width: 100%; background: #313944; display: table; }
.mais_info section { margin: 0px auto; }
.mais_info .cont_left { width: 70%; margin: 15px 0px; float: left; } .mais_info p { font-size: 18px; color: #F3F3F3; text-align: left; }
.mais_info .cont_right { width: 30%; float: right; }

.bt { font-weight: 600; float: right; margin: 20px 0px; padding: 15px; border: solid 4px #FEF208; background: #313944; color: #FEF208; }
.bt:hover { background: #50C93E; color: #FEF208; }
/*** mais informações ***/

/*** Contato ***/
.contato form { width: 100%; display: table; }

.contato label       { width: 20%; height: 25px; display: block; margin: 5px 0px; padding: 0px; float: left; text-align:left; }
.contato select      { width: 80%; height: 30px; display: block; margin: 5px 0px; padding: 0px; }
.contato input       { width: 80%; height: 30px; display: block; margin: 5px 0px; padding: 0px; border: solid 1px #CCCCCC; }
.contato textarea    { width: 80%; height: 90px; display: block; margin: 5px 0px; padding: 0px; border: solid 1px #CCCCCC; color: #FEF208; }

.contato input:focus       { border: #FEF208; }
.contato textarea:focus    { border: #FEF208; }

.contato #bt { width: 150px; float: right; margin: 1.5%; }
/*** Contato ***/
/*** Center ***/

/*** Footer ***/
footer { position: relative; width: 100%; background: #222222; }
footer p { margin: 50px auto; color: #CCC; }

/*** Direitos Autorais ***/
.direitos-autorais { width: 100%; max-width: 1366px; margin: 0 auto; background: #000000; display: table; }
.direitos-autorais p { color: #FFFFFF; text-align: center; }
/*** Direitos Autorais ***/
/*** Footer ***/

.icom-zap { width: 30.333%; margin: 1.5%; float: left; display: none; }
.bt_whatsapp { display: table; margin: 15px ; padding: 10px; border-radius: 10px; display: none; position: relative; }

/*** Responsive ***/
/* Tablet */
@media only screen and (max-width: 930px){
    /*** header ***/
    header .logo { width: 50%; }
    header .logo img { width: 80%; }
    
    header .fone { width: 50%; }
    header .fone p { font-size: 13px; }
    
    header .menu {  }
    header .menu #menu { position: fixed; width: 70%; height: 100%; padding: 0 15%; top: 0; left: 0; background: rgba(0,0,0,.9); display: none; }
    header .menu #menu ul { width: auto; float: left; margin: 25px auto; }
    header .menu #menu ul li { float: left; }
    header .menu #menu ul li a { padding: 15px 10px; margin: 10px; display: block; }
    header .menu #menu ul li a:hover { background: #28ABE1; color: #FFFFFF; }
    header .menu #menu ul li:hover ul { display: none; }
    
    header .menu-responsivo, header .menu #menu #close { display: block; }
    /*** header ***/
    
    /*** slider ***/
    .caption h1 { font-size: 26px; }
    .caption h2 { font-size: 12px; }
    .caption a  { font-size: 12px; padding: 10px; }
    
    .caption { position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); text-align: center; }
    /*** slider ***/
        
    /*** center ***/
    center {  }
    
    /*** index ***/
    .destaque { width: 48%; margin: 1%; }
    /*** index ***/
    
    /*** Galeria ***/
    #galeria { width: 100%; display: table; }
    #galeria a { width: 18%; margin: 1%; float: left; display: block; }
    /*** Galeria ***/
    
    /*** contato ***/
    .contato label       { width: 50%; height: 25px; display: block; margin: 5px 0px; padding: 0px; float: left; }
    .contato input       { width: 50%; height: 30px; display: block; margin: 5px 0px; padding: 0px; }
    .contato select      { width: 50%; height: 30px; display: block; margin: 5px 0px; padding: 0px; }
    .contato textarea    { width: 50%; height: 70px; display: block; margin: 5px 0px; padding: 0px; } 
    /*** contato ***/
    
    .mais_info .cont_left { width: 100%; } 
    .mais_info p { text-align: center; }
    .mais_info .cont_right { width: 100%; display: table; }
    
    .bt { width: auto; float: none; display: inline-block; }
    /*** center ***/
    
    /*** footer ***/
    footer p { width: 100%; text-align: center; }
    /*** footer ***/
}

/* Celular */
@media only screen and (max-width: 640px){
    /*** header ***/
    header { position: relative; }
    
	.icom-zap { width: 100%; margin:auto; display:table; float: left; }
	.bt_whatsapp {  display: table; }
	
    header .logo { width: 120%; }
    header .logo img { margin: 2% 0%; }
    
    header .fone { width: 100%; }
    header .fone p { text-align: center; }
    
    header .menu { width: 100%; }
    /*** header ***/
    header .cartoes { width: 100%; float:left; display: table; }
	header .cartoes img{ width: 100%; float:left; display: table; }
   #img-empresa { width:250px height:170px; float:left; border-radius:5px;}
    /*** slider ***/
    .caption { display: none; }
    /*** slider ***/
    
    /*** center ***/
    /*** index ***/
    .destaque { width: 98%; margin: 1%; }
    /*** index ***/
    /*** servicos ***/
    .destaque-servicos { width: 48%; }
    /*** servicos ***/
    /*** center ***/
}
/*** Responsive ***/