@charset "UTF-8";

/*** keyframes ***/
@-webkit-keyframes fading { 
    0% { opacity: 0; }
    2% { opacity: 1; }
    98% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fading { 
    0% { opacity: 0; }
    2% { opacity: 1; }
    98% { opacity: 1; }
    100% { opacity: 0; }
}

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

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

@keyframes take {
    0%   { margin-bottom: -60px; opacity: 0; }
    30%  { opacity: 0; }
    100% { margin: 5px 0; }
}

@-webkit-keyframes take {
    0%   { margin-bottom: -60px; opacity: 0; }
    30%  { opacity: 0; }
    100% { margin: 5px 0; }
}
/*** keyframes ***/

/* Reset */
* { margin: 0; padding: 0; font-family: 'Open Sans', Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif; }
/* 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 .5s; } 

body { 
    background: url(../_img/bg-site.jpg) center; background-size: 100%;
}

left  { width: 48%; padding: 1%; float: left; display: block; }
right { width: 48%; padding: 1%; float: right; display: block; }

a { text-decoration: none; color: #333; }
a:hover { color: #09C; }

p { margin: 20px 0px; font-size:21px; }

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

h1 { font-size: 50px; margin: 15px 0px; font-weight: 300; }
h2 { font-size: 30px; margin: 15px 0px; font-weight: 300; }
h3 { font-size: 20px; margin: 15px 0px; font-weight: 300; }
h4 { font-size: 17px; margin: 15px 0px; font-weight: 300; }

.primary    { color: #000000; }
.secondary  { color: #8D909A; }

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

.fleft      { float: left; }
.fright     { float: right; }

.bg-principal  { background: #eee; }
.bg-secundaria { background: #000000; }

.img_all { width: 100%; }
.img_left { width: 23%; margin: 0px 2% 2% 0; border-radius: 5px; float: left; }
.img_left-p { width: 25%; margin: 0px 6% 2% 2%; border-radius: 5px; float: left; }
.img_casa { width: 15%; margin: 0px 6% 2% 2%; border-radius: 5px; float: left; }
.botao-destaque { margin: 15px auto; display:table; text-align:left; }
.botao-destaque bt { position:relative; background:#3F9; padding: 8px; border-radius:15px; display: inline-block; }
.zap { float:left; }
.zap bt { position:relative; background:#3F9; padding: 8px; border-radius:15px; display: inline-block; }

.img_left-index { width: 20%; margin: 10px 25px 10px 15; float: left; }
.img_empresa { width: 40%; height:auto; margin: .5%; border-radius: 5px; float: left; }

.bt { color: #5F783E; border: solid 3px #5F783E; margin: 30px 0; padding: 10px; border-radius: 10px; font-weight: 600; display: inline-block;}
.bt:hover { color: #FFFFFF; background: #5F783E; }

/*** up ***/
#up         { position: fixed; width: 36px; height: 36px; right: 10px; bottom: 10px; border-radius: 100%; background: rgba(0,0,0,.9); } 
#up:hover   { opacity: .7; cursor: pointer; }
#up img { width: 100%; }

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

/*** Social ***/
.social { position: fixed; width: 64px; height: auto; top: 200px; left: 0px; display: table; z-index: 3050; }
.social a { position: relative; width: 32px; height: 32px; margin: 2px 0; padding: 0; background: #01ABCC; display: block; border-radius:6px; }
.social a img { width: 20px; margin: 6px; float: right; }
.social a:hover { width: 64px; background: #06C; }
/*** Social ***/

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

section { width: 90%; padding: 30px 5%; display: table; }
.section { width: 60%; padding: 30px 20%; }

/*** Corpo do Site ***/

/*** Header ***/
header { 
    position: fixed; width: 90%; padding: 0 5%; display: table; z-index: 5000; background: rgba(255,255,255,.3);
}
.ifame { width:90%; height: auto; margin:20px 0px 0px 150px; display:table; float: left; }

header .logo { width: 15%; float: left; position: fixed; z-index:100; }
header .logo img { width: 100%; margin: 15px 0%; }

header .menu { width: 75%; float: left; display: table; }
header #menu { z-index: 9000; margin: auto; }
header #menu ul { width: auto; margin: 35px auto; list-style: none; display: table; padding: 20px 10px 20px 250px; }
header #menu ul li { position: relative; float: left; display: table; }
header #menu ul li a { font-size: 16px; font-weight: 600; margin: 0px; padding: 10px; color: #000; display: block; border-radius: 6px;  } 
header #menu ul li:hover a { background: #000000; color: #FFFFFF; text-shadow: none; border-radius: 6px; }
header #menu ul .ative { background: #000000; color: #FFFFFF; }
header .mobile { display: none; }

header .fone { 
    width: 20%;
    float: right;
    padding: .5%; margin: 30px .5%; 
    border-radius:10px; 
    color: #000; 
    background: rgba(54, 217, 0, .9); 
}
header .fone h3 { font-size: 21px; margin: 5px 0; font-weight: 500; text-align: left; }
header .fone h4 { font-size: 13px; margin: 0px 0; font-weight: 500; text-align: left; }
header .fone p { font-size: 16px; color: #000; }
header .fone img { width:10%; height:auto;  }
/*** Header ***/

/*** Banners ***/
.banner { position: relative; width: 100%; margin: 0 auto; }
.banner img { width: 100%; }
.banner h1 { position: absolute; color: #FFFFFF; text-shadow: 2px 2px 3px #222222; bottom: 0px; left: 5%; z-index: 3000; }
/*** Banners ***/

/*** Painel Contato ***/
.fones { width: 90%; padding: 5px 5%; background: #fff; display: table; color: #FFFFFF; }
.fones img { width: 100%; }
.whatsapp { width: 20%; float: left; }
.call { width: 16%; float: right; }
/*** Painel Contato ***/

/*** Agendar ***/
.agendar { width: 19%; float:left; padding: 10px 0%; display: table; color: #FFFFFF; }
.agendar img { width: 100%; }
/*** Agendar ***/

/*** Agendar ***/
.agendar-t { width: 19%; float:left; padding: 50px 0%; display: table; color: #FFFFFF; }
.agendar-t img { width: 100%; }
/*** Agendar ***/

/*** Agendar ***/
.agendar-i { width: 90%; float:left; padding: 2px 0%; display: table; }
.agendar-i a { color:#000; }
.agendar-i img { width: 100%; }
/*** Agendar ***/

/*** Center ***/
center { width: 100%; background: #FFFFFF; }

center section { padding: 50px 5%; }

center .servico { width: 23%; padding: 1%; text-align: center; float: left; }
center .servico a img { width: 90%; padding: 5%; background: #FFF; border-radius: 9px; }
center .servico a h3 { color: #000; }
center .servico:hover h3 { color: #5F783E; }
center .servico a p { color: #000; }

/*** outros-destinos ***/
.outros-destinos { width: 350px; height:70px;  float:left; padding: 15px 0%; display: table; border-radius:20px; }
.outros-destinos a { color:#000; font-size:19px; font-weight:600; }
.outros-destinos img { width: 100%; }
/*** outros-destinos ***/


.transfer { width: 90%; height:auto; float:left; }
.transfer img{ height:auto; float:left; }

.temos { width: 50%; height:auto; font-size: 15px; float: left; font-weight: 600; }

center section .depoimentos { width: 23%; padding: 4%; text-align: center; float: left; }
center section .depoimentos img { width: 50%; padding: 5%; background: #FFF; border-radius: 100%; }
center section .depoimentos p { font-size:13px; color: #333; text-align:justify; }

center .info { display: table; margin: 0; color: #FFFFFF; }
center .info h3 { float: left; }
center .info .bt { float: right; color: #FFFFFF; border: solid 3px #FFFFFF; margin: 5px 0; }
center .info .bt:hover { background: #FFFFFF; color: #5F783E; }

center .contato { position: relative; }
center .contato left  { height: 340px; background: url(../_img/bg-contato.jpg) no-repeat; background-size: 100%; }
center .contato right {  }

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

.icon { width: 3%; margin-bottom: -5px; }
/*** Center ***/

/*** Footer ***/
footer { width: 100%; color: #FFFFFF; display: table; }
footer a { color: #FFFFFF; }
footer .top { width: 90%; padding: 5%; background: #01ABCC; display: table; }
footer .top .cright { width: 25%; float: left; display: block; }
footer .top .cright .cartoes { width: 90%; border-radius: 10px; }
footer .bottom { width: 90%; padding: 5%; background: #000000; display: table; }
footer .bottom .direitos { width:80%; font-size:15px; float:left; padding: 20px 0px; }
footer .bottom .desenvolvido { width:20%; font-size:15px; float:left; }
/*** Footer ***/

/*** Responsive ***/
@media only screen and (max-width: 930px){
    h1 { font-size: 32px; }
    h2 { font-size: 26px; }
    h3 { font-size: 20px; }
    h4 { font-size: 18px; }
    
    .img_left { width: 100%; margin: 20px 0; border-radius: 5px; float: left; }
    .img_empresa { width: 100%; margin: 20px 0; }
    
    /*** Painel Contato ***/
    .fones { width: 90%; padding: 5px 5%; background: #000; display: table; color: #FFFFFF; }
    .fones img { width: 100%; }
    .whatsapp { width: 50%; float: left; }
    .call { width: 40%; float: right; }
    /*** Painel Contato ***/
    
    /*** header ***/
    header { position: relative; }
    header .logo { width: 100%; }
    header .logo img { width: 100%; margin: 10px auto; }
    
    header .cert { float: left; width: 100%; }
    header .cert img { margin: 10px auto; }
   
   
    
    header .mobile { display: none; }
    /*** header ***/
    
    /*** center ***/
    center .cremacao .img { width: 40%; padding: 5%; }
    
    center .servico { width: 98%; padding: 5% 1%; }
    
    center .urnas { width: 98%; padding: 5% 1%; }
    
    center .galeria img { width: 40%; margin: 5%; }
    
    center .contato left  { height: auto; }
    /*** center ***/
    
    /*** Footer ***/
    footer .top .cleft { width: 100%; float: left; display: block; }
    footer .top .ccenter { width: 100%; float: left; display: block; }
    footer .top .cright { width: 100%; float: left; display: block; }
    /*** Footer ***/
}
@media only screen and (max-width: 640px){
	.ifame { width:130%; height: auto; margin:0px 0px 0px 0px; display:table; float: left; }
	header .logo { width: 99%; float: none; position: relative; z-index:0; padding: 0 2%; background: #999; }
	.img_left-p { width: 95%; margin: 0px 1% 1% 0; border-radius: 5px; float: left; }
	.img_casa { width: 95%; margin: 0px 1% 1% 0; border-radius: 5px; float: left; }
	
    left  { width: 99%; padding: .5%; float: none; }
    right { width: 99%; padding: .5%; float: none; }
    
    .left       { text-align: left; }
    .justify    { text-align: left; }
    .center     { text-align: left; }
    
	.zap bt { width: 80%; text-align:center; font-size:21px; }
		
    /*** header ***/
	header { width: 100%; margin: 0px; padding: 0 0%; background: #FFFFFF; }
    header .fone { width: 90%; margin: auto; text-align: center; }
	header .fone h2 { font-size: 21px; font-weight: 500; }
	header .fone h4 { font-size: 14px; font-weight: 500; }
	.title { font-size: 29px; margin:auto; display:table; text-align:center; }
	/* menu */
	header .mobile { width: 100%; float: left; display: table; background:#000; color:#FFF; }
    header .mobile ul { width: auto; margin: 6px auto; list-style: none; display: table; padding: 6px 0px 6px 0px; }
	header .mobile li { width: 100px; float:left; display:table; }
    header .mobile ul li a { font-size: 13px; font-weight: 600; margin: 0px; padding: 10px; color: #fff; display: table; border-radius: 6px; } 
	header .mobile ul li:hover a { background: #fff; color: #000; text-shadow: none; border-radius: 6px; }
    header .mobile ul li .ative { background: #fff; color: #000; }

	header .menu{ display: none; }
	header #menu{ display: none; }
    /*** header ***/
    .social { display: none; }
    /*** center ***/
    section { width: 90%; padding: 40px 5%; }
	
	.transfer { width: 90%; height:auto; float:left; }
    .transfer img{ height:auto; float:left; }
    .temos { width: 99%; height:auto; font-size: 13px; float: left; }
    center section .depoimentos { width: 99%; text-align:center; }
    center section .depoimentos img { width: 30%; }
	.saiba { display:none; }
    /*** center ***/
    
	/*** Agendar ***/
    .agendar { width: 90%; }
    .agendar img { width: 100%; }
    /*** Agendar ***/

    /*** Agendar ***/
    .agendar-t { width: 90%; float:left; padding: 50px 0%; display: table; color: #FFFFFF; }
   /*** Agendar ***/

    /*** footer ***/
    footer .contleft    { width: 98%; margin: 10% 1%; float: inherit; text-align: center; }
    footer .contcenter  { width: 98%; margin: 10% 1%; float: inherit; text-align: center; }
    footer .contright   { width: 98%; margin: 10% 1%; float: inherit; text-align: center; }
    /*** footer ***/
}
@media only screen and (max-width: 540px){
    
}
/*** Responsive ***/