@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; }

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; text-align: left; }

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; }
.branco  { color: #fff; }
.f-azul { background: #2673CF; }
.f-verde { background: #15A955; }
.f-laranja { background: #F58634; }
.f-azul_escuro { background: #002040; }
.f-branco { color: #FFFFFF; }

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

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

.empresa { width:auto; height: auto; padding: 30px 20px; margin: auto; border-radius: 0px; float: left; font-size: 21px; color: #fff; }
.empresa img{ width: 50%; margin: 35px; font-size: 21px; float: left; border-radius: 15px; }
.empresa p{ font-size: 17px; color: #fff; }
.empresa img:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }


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

.projetos { width:auto; padding: 30px 20px; margin: auto; border-radius: 0px; float: left; font-size: 21px; color: #fff; }
.projetos img{ width: 50%; margin: 35px; font-size: 21px; float: left; border-radius: 15px; }
.projetos p{ font-size: 16px; color: #fff; }
.projetos img:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

/*** 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: 30px 5%; display: table; margin: 0px; }
/*** Corpo do Site ***/

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

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

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

header .menu { width: 70%; margin: 5px 0px 0px 0px; 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: 14px; font-weight: 300; font-weight: 0; margin: 3px 5px; padding: 10px; background: linear-gradient(#ccc,#fff); color: #000; display: block; border-radius: 5px;  border: solid 1px rgba(187,187,187,.9);
}
header .menu #menu ul li:hover a { background: linear-gradient(#002040,#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:15px; box-shadow:#000 2px 3px 2px;}
.social a:hover { width: 72px; background: #1989FF; }
.social a img   { width: 36px; height: 36px; float: right; }
/*** social ***/

/* Whatsapp */
.whatsapp { 
    position: fixed; width: 76px; height: 76px; margin: 0; padding: 0px; 
    right: 30px; bottom: 70px; 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: 90px; display: table; z-index: 10; }
/* Keyframe Whatsapp*/

.whats-app { width: 270px; margin: auto; padding: 20px; border-radius: 30px; background: #18930E; }
.whats-app { color: #fff; font-weight: 600; }
.whats-app:hover { color: #000; }

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

/*** Planos logomarcas ***/
center .destaque { position: relative; width: 30%; margin: 1% 1.5%; float: left; box-shadow: 3px 3px 6px #333; }
center .destaque img { width: 100%; opacity: .8; }
center .destaque .container { position: absolute; width: 90%; padding: 5px 5%; left: 0; bottom: 0; z-index: 300; background: rgba(0,0,0,.6);
}
center .destaque .container h2 { font-size: 26px; text-align: left; margin: 5px 0; color: #FFFFFF; }
center .destaque .container p  { font-size: 23px; text-align: left; margin: 5px 0; color: #FFFFFF; display: none; }
center .destaque:hover img          { opacity: 1; }
center .destaque:hover .container   { background: rgba(0,32,64,9); height:99%; }
center .destaque:hover .container p { display: block; animation: take 1s; }
center .destaque:hover .container h2 { display: block; animation: take 1s; color: #02B1FB; }

.bloco { width: 100%; height: auto; float: none; margin: auto; padding: 0px 30px; }
.vantagnes { width: 28%; float: left; height: auto; padding: 20px 20px; }
.vantagnes p { width: 100%; height: auto; padding: 20px 0px; font-size: 24px; font-weight: 500; }
.vantagnes img { width: 16%; height: auto; float: left; }

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 { width: 100%; padding: 100px 0px; background: url("../_img/reforma-de-apartamentos-e-imoveis/reforma-de-apartamento-novo.jpg") #fff; }
.info_l { width: 36%; height: 300px; color: #ffffff; display: table; margin: 1% 6%; float: left; }
.info_l p { font-size: 26px; color: #ffffff; }
.info_r { width: 39%; height: 300px; color: #ffffff; display: table; margin: 1% 6%; float: left; }
.info_r p { font-size: 21px; color: #ffffff; }
/*** 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: #002040; display: table; }
footer p { text-align: center; color: #eee; padding: 10px 0; }
.base { width: 98%; padding: 10px; text-align: center; color: #FFFFFF; background: #0099FB; }
/*** 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: 98%; padding: .5%; float: none; }
right { width: 98%; padding: .5%; float: none; }
P { text-align: center; }

.info_header { width: 98%; }
.banner { width: 98%; height: auto; margin: 145px 0px 0px 0px; }
header { position: fixed; width: 90%; padding: 10px 5% 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; }
    
.img_left { width: 97%; margin: 1%; }
.empresa {  width: 97%; margin: 1%; padding: 30px 0px; }
.empresa img{  width: 97%; margin: 1%; }
.empresas { width: 98%; height: auto; float: left; }
.empresas list { width: 98%; height: auto; font-size: 19px; margin: 0px; }
.img_empresas { width: 98%; height: auto; float: left; }
	
.projetos img { width:90%; padding: 10px 10px; margin: auto; font-size: 21px; }
.vantagnes { width:90%; padding: 20px 0px; }
.vantagnes p { float: none; text-align: left; }
/*** header ***/
header .logo { width: 70%; padding: 0 0%; }
/*** header ***/
    
/*** Center ***/
center .destaque { width: 98%; }
center .destaque:hover .container { background: rgba(0,32,64,9); height:100%; }

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%; }
.info { width: 98%; background: #fff; display: table; margin: 1%; } 
.info p { font-size: 19px; margin: 30px 0px; }
/*** footer ***/
footer { width: 100%; padding: 3% 0%; margin: auto; }
.left-f { width:98%; margin: 0px 0px 0px 39px; }
.left-l { width:98%; margin: 0px 0px 0px 39px; }
/*** footer ***/
}
@media only screen and (max-width: 540px){
    
}
/*** Responsive ***/