@charset "UTF-8";

/*** keyframes ***/
@keyframes drop {
    from { margin-top: -20px; opacity: 0; }
    to { margin: 0px; }
}

@-webkit-keyframes drop {
    from { margin-top: -20px; opacity: 0; }
    to { margin: 0px; }
}
/*** keyframes ***/

/* Reset */
* { margin: 0; padding: 0; font-family: Arial; }
/* Suavização dos movimentos */
* { transition: color .5s, opacity .5s, background .5s, border .5s, top .5s, left .5s, right .5s, width .5s, height .5s, margin .5s, transform .9s; } 

body { background: #fff; }
.image { width: 50%; height: auto; float: left; }
.image img { width: 100%; height: auto; float: left; }
left  { width: 50%; padding: 0%; float: left; display: block; }
right { width: 50%; padding: 0%; float: right; display: block; }

a { text-decoration: none; color: #000000; }
a:hover { text-decoration: none; color: #1989FF; }

p { font-size: 19px; margin: 10px 0px; color: #222222; }

list { font-size: 14px; display: block; }
list li {  }

h1 { font-size: 50px; margin: 25px 0px; font-weight: 900; font-family: Myriad Pro; }
h2 { font-size: 30px; margin: 25px 0px; font-weight: 600; }
h3 { font-size: 25px; margin: 25px 0px; font-weight: 600; }
h4 { font-size: 16px; margin: 25px 0px; font-weight: 600; }

.primary    { color: #000; }
.secondary  { color: #333; }
.f-azul { background: #2673CF; }
.f-verde { background: #006DD9; }
.f-laranja { background: #F58634; }

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

.img_left { margin: 20px 0px; border-radius: 5px; float: left; font-size: 21px; }
.img_left img{ width: 30%; margin: 10px 15px 0px 0px; font-size: 21px; float: left; border-radius: 15px; }
.img_left p{ font-size: 21px; text-align: left; }
.img_left img:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.empresa { margin: 20px 0px; border-radius: 9px; float: left; font-size: 21px; }
.empresa img{ width: 50%; margin: 10px 35px 0px 0px; font-size: 21px; float: left; border-radius: 15px; }
.empresa p{ font-size: 21px; }
.empresa img:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.empresas { width: 53%; height: auto; float: left; }
.empresas list { width: 100%; height: auto; font-size: 19px; float: left; }
.img_empresas { width: 40%; height: auto; float: left; }

/*** up ***/
#up         { position: fixed; width: 36px; height: 36px; right: 10px; bottom: 10px; background: rgba(0,0,0,.9); border: solid 2px #EDEDED;  } 
#up:hover   { cursor: pointer; background: rgba(180,49,58,.9); }
#up img { width: 100%; }

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

/*** Corpo do Site ***/
.base { width: 90%; margin: 0px auto; display: table; }
section { width: 90%; max-width: 1360px; padding: 40px 5%; display: table; }
/*** Corpo do Site ***/

.info_header { width: 100%; background: #FFF; display: table; border-top: 9px solid #006DD9;  }
.info_header p { text-align: center; font-weight: 600; color: #000; }

/*** Header ***/
header { position: fixed; width: 90%; padding: 0 5% 0 0; background: rgba(255,255,255,.1); display: table; z-index: 900; }

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

header .menu { width: 76%; margin: 30px 0; float: left; }
header .menu #menu ul { width: auto; float: right; list-style: none; display: table; }
header .menu #menu ul li { position: relative; float: left; display: table; }
header .menu #menu ul li a { font-size: 16px; font-weight: 300; font-weight: 0; margin: 3px 5px; padding: 10px; background: linear-gradient(#ccc,#fff); color: #000; display: block; border-radius: 9px;  border: solid 1px rgba(187,187,187,.9);
}
header .menu #menu ul li:hover a { background: linear-gradient(#F58634,#eee ); color: #000; }
header .menu #menu ul li ul { position: absolute; width: auto; display: none; background: #000000; border-radius: 0px; z-index: 5000; }
header .menu #menu ul li ul li { float: none; display: table; } 
header .menu #menu ul li ul li a { font-size: 14px; width: 150px; margin: 3px; padding: 8px; border-radius: 0px; display: block; }
header .menu #menu ul li:hover ul li:hover a { background: #FFFFFF; color: #000000; }
header .menu #menu ul li:hover ul li a { background: none; border: solid 1px rgba(187,187,187,.9); }
header .menu #menu ul li:hover ul { display: table; animation: drop 1s; }
header .menu #menu ul li .ative { background: linear-gradient(#000,#666 ); color: #fff; border: solid 1px rgba(187,187,187,.9); }

header .menu-responsivo { display: none; margin: 0px auto; }
/*** Header ***/

/*** Banner ***/
.banner { width: 100%; height: auto; }
/*** Banner ***/

/*** social ***/
.social         { position: fixed; width: 72px; height: 160px; top: 360px; left: 0px; z-index: 1000;}
.social a       { width: 56px; height: 36px; margin: 5px -11px; background: #000; display: table;  border-radius:6px; box-shadow:#000 2px 3px 2px;}
.social a:hover { width: 72px; background: #006DD9; }
.social a img   { width: 33px; height: 36px; float: right; }
/*** social ***/

/* Whatsapp */
.whatsapp { 
    position: fixed; width: 76px; height: 76px; margin: 0; padding: 0px; 
    right: 30px; bottom: 90px; display: table; z-index: 10000;
    box-shadow: 0 0 0 0px rgba(40,135,106,1); background: #fff; border-radius: 100%;
    animation: pulse 1s; animation-iteration-count: infinite;
}
.whatsapp img { width: 60%; padding: 20%; z-index: 100; }
/* Whatsapp */
/* Keyframe Whatsapp*/
@keyframes pulse {
    from { box-shadow: 0 0 0 0px rgba(40,135,106,1); }
    to { box-shadow: 0 0 0 45px rgba(40,135,106,0); }
}

@-webkit-keyframes pulse {
    from { box-shadow: 0 0 0 0px rgba(40,135,106,1); }
    to { box-shadow: 0 0 0 45px rgba(40,135,106,0); }
}
.whatsappb img { width: 152px; height: auto; position: fixed; margin: 0; padding: 0px; 
    right: 69px; bottom: 108px; display: table; z-index: 10; }
/* Keyframe Whatsapp*/

.whats { width: 200px; height: 30px; padding: 10px; border-radius: 30px; background: #18930E; }
.whats { color: #fff; }
.whats:hover { color: #000; }
/*** Center ***/
center { width: 100%; margin: 0 auto; }

center .destaque { width: 30%; margin: .5%; padding: 1%; border-radius: 5px; background: #EEE; text-align: center; float: left; display: table; }

center .destaque:hover h3 { color: #000000; }
center .destaque img { width: 100%; border-radius: 5px; }
center .destaque:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
center .produtos {  }
center .produtos img { width: 17%; margin: .5%; background: #EEE; border-radius: 5px; float: left; }

.testemunhos { width: 21%; height: 200px; background: #fff; border: 0px solid #eee; float: left; margin: 1%; padding: 10px; border-radius: 9px; }
.testemunhos img { width: 22%; height: auto; text-align: center; border-radius: 50%; }
.testemunhos p { width: 100%; height: 200px; font-size: 16px; color: #000; float: left; }

.outro-lugar { font-size: 23px; text-align: center; }

/***Faq***/
body{ background-color: #fff; }
.layout{ width: 100%; margin: auto; }
.movimento{ padding: 3px; margin-top: 3px; margin-bottom: 3px; background: #fff; border-radius: 3px; }
.pergunta p{ margin: 5px; padding: 0; font-family: Verdana; font-size: 19px; }
.resposta p{ margin: 5px; padding: 3px; font-size: large; font-family: Verdana, Geneva, Tahoma, sans-serif; color: #000; background: #eee; border-radius: 3px; }
.movimento:hover{ cursor: pointer; }
.resposta { display: none; } 
.movimento.active .resposta { display: block; }
hr { border: 0; border-top: 1px solid #eee; }
/***Faq***/

center .galeria p { width: 100%; margin: auto; display: table;  }
center .galeria img { width: 15.4%; margin: .5%; display: table; border-radius: 5px; float: left; }

center section .form { width: 100%; display: table; }
center section .form input { width: 100%; padding: 1%; }
center section .form textarea { width: 100%; padding: 1%; }
center section .form .button { width: auto; float: right; }
/*** Center ***/


/*** Info  ***/
.contatos { background: #EEEEEE; }
.rede { width: 23%; display: table; margin: 6px; float: left; border-radius: 19px; }
.rede img { width: 99%; }
.rede:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
/*** Info  ***/


/*** Footer ***/
.left-f { width:40%; height: auto; text-align: left; color: #fff; float: left; display: block; }
.left-l { width:25%; height: auto; text-align: left; color: #fff; float: left; display: block; }
.left-l ul li a { color: #eee; text-align: left; }
footer { width: 90%; padding: 3% 5%; background: #006DD9; display: table; }
footer p { text-align: center; color: #eee; padding: 10px 0; }
.base { }
/*** Footer ***/

/*** Responsive ***/
@media only screen and (max-width: 960px){
    /*** header ***/
    header .logo { width: 40%; }
    
    header .menu { width: 30%; margin: 40px 0; }
    
    header .menu #menu { position: fixed; width: 30%; height: 100%; padding: 0 10%; top: 0; left: 0; background: #000000; display: none; }
    header .menu #menu ul { width: auto; float: left; margin: 0px auto; }
    header .menu #menu ul li { float: left; }
    header .menu #menu ul li a .icons { display: block; }
    header .menu #menu ul li a { padding: 30px; margin: 0px; display: block; }
    header .menu #menu ul li a:hover { background: #000000; color: #FFFFFF; }
    
    header .menu-responsivo, header .menu #menu #close { display: block; }
    /*** header ***/
    
    /*** Center ***/
    center .destaque { width: 47%; }
    /*** Center ***/
}
@media only screen and (max-width: 640px){
    left  { width: 99%; padding: .5%; float: none; }
    right { width: 99%; padding: .5%; float: none; }
    
	.banner { width: 100%; height: auto; margin: 145px 0px 0px 0px; }
	
	h1 { font-size: 39px; margin: 145px 0px 0px 0px; }
	h2 { font-size: 30px; margin: 45px 0px 0px 0px; }
		
    .left, .center, .right, .just { text-align: center; float: none; }
    
	.image { width: 100%; height: auto; float: left; }
    .image img { width: 100%; height: auto; float: left; }
	
    .img_left { width: 98%; margin: 1%; }
    .empresa {  width: 98%; margin: 1%; }
	.empresa img{  width: 98%; margin: 1%; }
	.empresas { width: 98%; height: auto; float: left; }
    .empresas list { width: 100%; height: auto; font-size: 19px; float: left; text-align: left; margin: 0px 0px 0px 20px; }
    .img_empresas { width: 98%; height: auto; float: left; }
	
    /*** header ***/
     header .logo { width: 70%; }
    /*** header ***/
    
    /*** Center ***/
    center .destaque { width: 97%; }
    
    center .galeria img { width: 31%; margin: .5%; display: table; float: left; }
	
	.testemunhos { width: 98%; height: 60px; }
	.testemunhos img { width: 22%;}
	/*** Center ***/
	.img_left img{ width: 95%; }
	.rede { width: 99%; background: #fff; display: table; margin: 1%; } 
	.whatsappb img { margin: 0; padding: 0px; right: 69px; bottom: 60px; }
	.whatsapp { right: 30px; bottom: 40px; }
	
	/*** footer ***/
	.left-f { width:100%; margin: 0px 0px 0px 39px; }
    .left-l { width:100%; margin: 0px 0px 0px 39px; }
	/*** footer ***/
}
@media only screen and (max-width: 540px){
    
}
/*** Responsive ***/