/*
	Data: Dezembro de 2013
	Autor: Rafael Vila Nova
	Site: http://www.rafaelvilanova.com.br
	E-mail: rafaelvilanova@outlook.com
	Marrom: #603917 rgba(96,57,23,0)
	Vermelho: #E14133
	Laranja: #E87411
	Verde claro: #91C900
	Verde escuro: #93B032
	Branco claro: #FAFDE8 rgba(236,245,214,0)
	Branco escuro: #ECF5D6
*/

*{margin: 0px;padding: 0px;text-decoration: none;border: none;}
html {scroll-behavior: smooth;}
body {
 	font-family:verdana;
 	font-size:20px;
 	color:#603917;
 	margin:0px;
 	padding: 0px;
	background: #ECF5D6;
	background-image: url('../interface/fundo_gavinhas.jpg');
	background-attachment: fixed;
	background-position: center;
	background-repeat: repeat-y;
	text-align:justify;
 } 
p {margin:20px 0px 20px 0px;}

h1 {font-size: 30px; color: #E14133; font-style: normal; margin-bottom: 20px;}
h2 {font-size: 30px; color: #E14133; font-style: normal; margin: 30px 0px 10px 0px;}
h3 {font-size: 25px; color: #603917; font-style: normal; margin: 30px 0px 10px 0px;}
h6 {font-size: 25px; font-style: bold; margin-bottom: 10px;	text-align: center; background: #FAFDE8; padding: 10px;	margin: -20px -20px 0px -20px;}
ol {list-style-type: decimal;list-style-position: inside;}
ul {}
li {text-align:left;margin: 0px 0px 10px 0px;}
a {
 	color:#603917;
 	text-decoration:underline;
	cursor:pointer;
    transition-duration: 0.3s;
 }
a:visited {
 	color:#603917;
 	background:none;
 	text-decoration:underline;
 }
a:hover {
 	color:#E14133;
 	text-decoration:underline;
	
	transition-property: color, text-decoration;
    -webkit-transition-property: color, text-decoration;
    -moz-transition-property: color, text-decoration;
    -o-transition-property: color, text-decoration;
    -ms-transition-property: color, text-decoration;
	
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;}
 }
.fix_float {clear: both}
.fix_float::after {content:"";clear: both;display: table;}

/* ----- TOPO ----- */


#topo {
	width:100%;
	height: 400px;
	background-image: linear-gradient(#094092, #488CDF);
}
#topo01 {
	width:100%;
	height: 400px;
	background-image: url('../interface/topo-fundo01.jpg');
	background-position: top;	
	background-attachment: fixed;
	background-repeat: no-repeat;
}
#topo02 {
	width:100%;
	height: 400px;
	background-image: url('../interface/topo-fundo02.jpg');
	background-position: top;	
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.logotipo_horizontal {position:relative;left:50%;margin-left:-300px;margin-top:0px;z-index:3000;}
.logotipo_vertical {display:none;}



/* ----- MENU ----- */

#menu_painel {
	width:100%;
	height: 460px;
	background-image: url('../interface/fundo_menu.png');
	background-position: top;	
	margin-top:-155px;	
	margin-bottom:0px;
	z-index:3000;
  position: sticky;
  top: -180px;
  z-index:3000;
}
#menu {
}
#menu ul {
	margin:0px 0px 0px -630px;
	padding: 190px 0px 0px 240px;
	width:1024px;
	position:relative;
	left:50%;
	}
#menu li {
	display:inline;	
	margin:0px 10px 0px 0px;
}
#menu a { 
	text-align: center; 
	text-decoration:none; 
	position:relative;	
	display: inline-block;
	font-size: 30px;
	overflow: hidden;
	padding: 0 5px 0 5px;
}

#menu a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	transition: transform 0.2s;
}

#menu a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#menu a:hover span,
#menu a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

#myNav{display:none;}
.overlay{display:none;}
.menu_mobile {display:none;}


/* ----- MENU SOCIAL SIDENAV ----- */


#mySidenav  {
  position: sticky;
  bottom: 170px;
	z-index: 1;
}
#mySidenav img  {
	width: 40px;
	height: 40px;
	padding: 10px;
	float:right;
}
#mySidenav p{
	float:left;
	margin: 17px 0px 00px 10px;
}

#mySidenav a {
  position: absolute; 
  left: -120px; 
  transition: 0.3s;
  width: 180px;
  text-decoration: none; 
  text-align:right;
  font-size: 20px; 
  color: white; 
  border-radius: 0 30px 30px 0;
}

#mySidenav a:hover {
  left: 0; 
}

#whatsapp {
  top: 20px;
  background-color: rgba(250,253,232,0.7);
	box-shadow:1px 2px 10px #B38D6B;
}
#whatsapp:hover {
  background-color: #00E675;
}

#facebook {
  top: 80px;
  background-color: rgba(250,253,232, 0.7);
	box-shadow:1px 2px 10px #B38D6B;
}
#facebook:hover {
  background-color: #49619B;
}

#instagram {
  top: 140px;
  background-color: rgba(250,253,232,0.7);
	box-shadow:1px 2px 10px #B38D6B;
}
#instagram:hover {
  background-color: #86513F;
}


/* ----- BOTÃO CTA ----- */


.btn_wrap {
    position: relative;
	left:8%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    cursor: pointer;
	font-weight:900;
    width: 80%;
    height: 72px;
	color:#E14133;
    background-color: #ECF6D4;
    border-radius: 80px;
    padding: 0 18px;
	margin: 40px 0px 40px 0px;
    will-change: transform;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn_wrap:hover {
    /* transition-delay: .4s; */
    -webkit-transform: scale(1.1);
            transform: scale(1.1)
}

.btn_wrap .desliza {
    position: absolute;
	z-index: 100;
    width: 100%;
    height: 72px;
    border-radius: 80px;
    font-size: 30px;
	font-weight:bold;
    text-align: center;
    line-height: 70px;
    color: #FFF;
    background-color: #E14133;
    padding: 0 18px;
    -webkit-transition: all 1.2s ease;
    transition: all 1.2s ease;
}

/* ----- BOTÃO COMPARTILHAR ----- */

.botoes-compartilhar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 80%;
    height: 64px;
    border-radius: 80px;
}
.botoes-compartilhar a {
    opacity: 0;
    color: #E14133;
    will-change: transform;
    -webkit-transform: scale(.1);
            transform: scale(.1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.botoes-compartilhar a:nth-of-type(1) {
            -webkit-transition-delay: 1.4s;
                    transition-delay: 1.4s;
}

.botoes-compartilhar a:nth-of-type(2) {
            -webkit-transition-delay: 1.2s;
                    transition-delay: 1.2s;
}

.botoes-compartilhar a:nth-of-type(3) {
            -webkit-transition-delay: 1s;
                    transition-delay: 1s;
}
.botoes-compartilhar a:nth-of-type(4) {
            -webkit-transition-delay: .8s;
                    transition-delay: .8s;
}

.botoes-compartilhar a:nth-of-type(5) {
            -webkit-transition-delay: .6s;
                    transition-delay: .6s;
}

.botoes-compartilhar a:nth-of-type(6) {
            -webkit-transition-delay: .4s;
                    transition-delay: .4s;
}


.btn_wrap:hover .desliza {
    -webkit-transition-delay: .25s;
            transition-delay: .25s;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
}

.btn_wrap:hover a {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.a2a_svg, .a2a_count {border-radius:200;}

.a2a_button_facebook{margin:10px;}
.a2a_button_pinterest{margin:10px;}
.a2a_button_linkedin{margin:10px;}
.a2a_button_twitter{margin:10px;}
.a2a_button_whatsapp{margin:10px;}
.a2a_button_email{margin:10px;}

.a2a_button_facebook img{transition:.3s ease;}
.a2a_button_pinterest img{transition:.3s ease;}
.a2a_button_linkedin img{transition:.3s ease;}
.a2a_button_twitter img{transition:.3s ease;}
.a2a_button_whatsapp img{transition:.3s ease;}
.a2a_button_email img{transition:.3s ease;}

.a2a_button_facebook img:hover{opacity:0.8;transition:.2s ease;will-change:transform;-webkit-transform:scale(1.3);transform:scale(1.3);}
.a2a_button_pinterest img:hover{opacity:0.8;transition:.2s ease;will-change:transform;-webkit-transform:scale(1.3);transform:scale(1.3);}
.a2a_button_linkedin img:hover{opacity:0.8;transition:.2s ease;will-change:transform;-webkit-transform:scale(1.3);transform:scale(1.3);}
.a2a_button_twitter img:hover{opacity:0.8;transition:.2s ease;will-change:transform;-webkit-transform:scale(1.3);transform:scale(1.3);}
.a2a_button_whatsapp img:hover{opacity:0.8;transition:.2s ease;will-change:transform;-webkit-transform:scale(1.3);transform:scale(1.3);}
.a2a_button_email img:hover{opacity:0.8;transition:.2s ease;will-change:transform;-webkit-transform:scale(1.3);transform:scale(1.3);}




/* ----- MEIO ----- */


article {
	background:white;
	width:944px;
	padding:40px;
	position:relative;
	left:50%;
	margin-left:-512px;
	box-shadow:10px 50px 70px #B38D6B; 
	z-index: 2;
	}
.colunas {
	-webkit-column-width: 30%;
	-moz-column-width: 30%;
	column-width: 30%;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 2%;
	-moz-column-gap: 2%;
	column-gap: 2%;	
}
fieldset {
	list-style-type: disc;
	list-style-position: inside;
	padding: 10px 20px 20px 20px;
	margin: 20px 0px 20px 0px;
	border: 4px solid #ECF5D6;
	border-radius: 5px;
	transition-property: border-color;
    -webkit-transition-property: border-color;
    -moz-transition-property: border-color;
    -o-transition-property: border-color;
    -ms-transition-property: border-color;
	
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;	
}
fieldset:hover {
	border: 4px solid #603917;	
}
legend {
	background: white;
	padding: 10px;
	font-weight: bold;
	font-size:22px;
	margin: 0px 0px -10px 0px;
}
.expande {list-style-type: none;}
.caret {
  cursor: pointer;
  user-select: none;
}
.caret::before {
  content: "\25B6";
  color: #603917;
  display: inline-block;
  margin-right: 10px;
}
.caret-down::before {
  transform: rotate(90deg);
}
.nested {
  display: none;
}
.expande .active {
  display: block;
}

.saliencia-alto {background-image: url('../interface/saliencia.png');background-position: top;height:44px;
	width:1024px;
	position:relative;
	left:50%;
	margin-left:-512px;
	margin-top:100px;
	z-index:3;
}
.saliencia-baixo {background-image: url('../interface/saliencia.png');background-position: top;height:44px;
	width:1024px;
	position:relative;
	left:50%;
	margin-left:-512px;
	z-index:3;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}

.right {float:right;margin:0px 0px 0px 20px;}
.left {float:left;margin:0px 20px 0px 0px;}
.yt {margin:40px 0px 40px 0px;}
.img {margin:40px 0px 40px 0px;}
.googlemaps {width:100%;height:600px;}



/* ----- FORMULÁRIOS ----- */

input{
	display:block;
	background:#FFF;
	padding:20px;
	margin-top:20px;
	width: 900px;
	font-size:20px;
 	font-family:verdana;
	border: 4px solid #ECF5D6;	
}
textarea {
 	font-family:verdana;
	display:block;
	background:#FFF;
	padding:20px;
	margin-top:20px;
	width: 900px;
	font-size:20px;
	border: 4px solid #ECF5D6;	
}
.g-recaptcha{margin-top:20px;}
.send{width:944px;font-size:30px;font-family:verdana;background:#E14233;color:#fff;margin:20px 0px 0px 10px;padding:20px;border-radius:80px;font-weight:bold;}



/* ----- IDENTIFICAÇÃO ----- */


.container {
  overflow: hidden;
}

.filterDiv {
  float: left;
  text-align: center;
  padding: 10px 15px 10px 15px;
  display: none;
	border-radius: 30px;
	transition-duration: 0.3s;
}
.filterDiv:hover {
  background-color: #E14233;
  color: white;
 text-decoration:none;
	transition-duration: 0.3s;
}

.show {
  display: block;
}
#myBtnContainer {	
	background-color: #FAFDE8;
	border-radius: 30px;
}
.btn {
  border: none;
  outline: none;
  padding: 10px 15px 10px 15px;
  cursor: pointer;
	border-radius: 30px;
	font-size:20px;
 	font-family:verdana;
  color: #603917;
	background-color: #FAFDE8;
}

.btn:hover {
	transition-duration: 0.3s;
  background-color: #ECF6D4;
}

.btn.active {
  background-color: #603917;
  color: white;
}

/* ----- CARDS ----- */

.card { 
	position: relative;
	text-align: left; 
	text-decoration:none; 
	position:relative;	
	display: inline-block;
	overflow: hidden;
	padding: 20px;
	width: 260px;
	height: 260px;
	border: 4px solid #ECF5D6;
	margin: 0px 0px 5px 0px;
	border-radius: 5px;
	transition-property: border-color;
    -webkit-transition-property: border-color;
    -moz-transition-property: border-color;
    -o-transition-property: border-color;
    -ms-transition-property: border-color;
	
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;	
}

.card:hover { 
	border: 4px solid #603917;	
 	color:#603917;
 	text-decoration:none;
	transition-property: border-color;
    -webkit-transition-property: border-color;
    -moz-transition-property: border-color;
    -o-transition-property: border-color;
    -ms-transition-property: border-color;
	
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;	
}

.card_grande { 
	position: relative;
	text-align: left; 
	text-decoration:none; 
	position:relative;	
	display: inline-block;
	overflow: hidden;
	padding: 20px;
	border: 4px solid #ECF5D6;
	margin: 0px 0px 5px 0px;
	border-radius: 5px;
	transition-property: border-color;
    -webkit-transition-property: border-color;
    -moz-transition-property: border-color;
    -o-transition-property: border-color;
    -ms-transition-property: border-color;
	
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;	
}

.card_grande:hover { 
	border: 4px solid #603917;	
 	color:#603917;
 	text-decoration:none;
	transition-property: border-color;
    -webkit-transition-property: border-color;
    -moz-transition-property: border-color;
    -o-transition-property: border-color;
    -ms-transition-property: border-color;
	
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;	
}
.card_chapado {
	background:#FAFDE8;
	margin:40px -40px 40px -40px;
	padding: 40px;	
    transition-duration: 0.3s;
}.card_chapado:hover {
	background:#ECF5D6;
    transition-duration: 0.3s;
}
.card_cta {
	background:#E14133;
	color:#fff;
	margin:40px -40px 40px -40px;
	padding: 20px 40px 40px 40px;	
    transition-duration: 0.3s;
}.card_cta:hover {
	background:#603917;
    transition-duration: 0.3s;
}
.card_cta h2 {color:#FFF;}
.card_cta .botao-cta {
	text-decoration:none;
    transition-duration: 0.3s;
}
.card_cta a:hover {
	transition-duration: 0.3s;
	background-color: #ECF6D4;
	color: #E14133;
	text-decoration:none;
}

.card_cta .line-through {text-decoration: line-through;}


/* ----- ASSINATURA ----- */


footer {
	width:1004px;
	padding:10px;
	position:absolute;
	left:50%;
	margin-left:-512px;
	text-align: center;
	}
	
/* ----- CTA ----- */

.cta-cadastre {
	margin-top:-40px;
}