.roboto{
	font-family: 	'Roboto', sans-serif;
	font-weight:	300;
}

.roboto-bold{
	font-family: 	'Roboto', sans-serif;
	font-weight:	700;
}

.no-margin{
	margin: 0!important;
}
.fas.w3-margin-right{
	margin-right: 8!important;
	opacity: 0.8;
}
.gaita-father{
	position: 	relative;
}

.sub-title{
	display: 	inline-block;
	margin: 	4px 0;
}

.flip{	
	position: 			relative;
	overflow: 			hidden;
	
	-webkit-transition: height 500ms ease-out, box-shadow 500ms ease-out;
	transition: 		height 500ms ease-out, box-shadow 500ms ease-out;
}

.data-info p{
	margin: 4px 0;
}

.depoimento{
	margin-top: 16px;
}

@media all and (min-width: 600px){
    .flip .container .content{
        width: calc((100% / 3) - 20px);
        display: inline-block;
        vertical-align: top;
        margin: 8.3px;
    }
}

.br-button{
	text-decoration: none;
    margin: 0 8px;
	display: inline-block;
	padding: 16px 8px!important;
}

.button-cliked{
	background-color: #d09945!important;
}


.flip .container .content .icon{
    display: block;
    width: 100%;
}

.flip .container .content .icon .label{
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
}

.flip .container .content .icon img{
    display:    inline-block;
    width:      30px;
    height:     30px;
    vertical-align: middle;
}

.flip .container .content .paragraph{
    display: inline-block;
}

.title{
	width:				100%;
	cursor: 			pointer;
	text-transform: uppercase;
	position: 			relative;
}

.test{
	
	height:				0px;
}
.test-trans{
	-webkit-transition: height 500ms ease-out;
	transition: 		height 500ms ease-out;
}


/* .figure{ */
	/* margin:		0px; */
/* } */

.w3-section{
	margin: 8px 0!important;
}

.w3-xlarge {
    font-size: 18px!important;
}

.image{
	width:		20%;
}

@media(max-width: 600px){
	.test-trans{
		-webkit-transition: height 888ms ease-out;
		transition: 		height 888ms ease-out;
	}
	
	.flip{	
		-webkit-transition: height 888ms ease-out, box-shadow 500ms ease-out;
		transition: 		height 888ms ease-out, box-shadow 500ms ease-out;
	}
	
	.image{
		width:		40%;
	}

	
}


/* CLASSES PARA O SLIDER */

.zh-menu{
	min-height:35px;
}

.zh-menu-seta{
	font-size: 	2.5em;
	cursor: 	pointer;
	line-height:56px;
	display:	flex;
	padding:	0 8px;
}

.zh-menu-circle{
	width: 		20px;
	height: 	20px;
	position: 	relative;
	cursor: 	pointer;
}

.window-transition{
	overflow: hidden;
}

.slide{
	transition: transform 333ms ease-in-out;
	-webkit-transition: transform 333ms ease-in-out;
}

.slide .flip{
	float: 			left;
	margin:			0 10px !important;	
}

.slide-2{
	width: calc(200%) !important;
}
.slide-3{
	width: calc(300%) !important;
}
.slide-4{
	width: calc(400%) !important;
}
.slide-5{
	width: calc(500%) !important;
}
.slide-6{
	width: calc(600%) !important;
}
.slide-7{
	width: calc(700%) !important;
}
.slide-8{
	width: calc(800%) !important;
}
.slide-9{
	width: calc(900%) !important;
}
.slide-10{
	width: calc(1000%) !important;
}



.slide-2 .flip{
	width: calc((100% / 2) - 20px) !important;
}

.slide-3 .flip{
	width: calc((100% / 3) - 20px) !important;
}

.slide-4 .flip{
	width: calc((100% / 4) - 20px) !important;
}

.slide-5 .flip{
	width: calc((100% / 5) - 20px) !important;
}
.slide-6 .flip{
	width: calc((100% / 6) - 20px) !important;
}
.slide-7 .flip{
	width: calc((100% / 7) - 20px) !important;
}
.slide-8 .flip{
	width: calc((100% / 8) - 20px) !important;
}
.slide-9 .flip{
	width: calc((100% / 9) - 20px) !important;
}
.slide-10 .flip{
	width: calc((100% / 10) - 20px) !important;
}