/************************************************************************************
MAIN NAVIGATION 810px
*************************************************************************************/
@media all and (max-width : 810px) {
	
	/*************************************************************************************
CONTAINERS
**************************************************************************************/

.onflex-r{
	/* flexbox */
	display: flex;
	flex-wrap: wrap; /*nowrap*/
	flex-direction: row;	
	justify-content: /*flex-start*/ space-around;
	/*transition*/
	-webkit-transition: width 0.7s;
	-moz-transition: width 0.7s;
	-ms-transition: width 0.7s;
	-o-transition: width 0.7s;
	transition: width 0.7s;
}
	
/************************************************************************************
MARCA
*************************************************************************************/

	.marca{
		text-align: center;
		width:30%;
		height:auto;
		margin:15px auto;
		padding:0px;
		float: none;
		
		/*transition*/
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	.marca img{
		text-align: center;
		width:100%;
		height:auto;
		margin: 0 auto;
		/*-webkit-filter: drop-shadow( 3px 3px 2px rgba(0,0,0,.7) );
		filter: drop-shadow(2px 2px 1px rgba(0,0,0,.4) );*/
	}

/*************************************************************************************
FATIAS
**************************************************************************************/
	#slice{
		width:100%;
		max-width:28%;
		min-height: 50px;
		margin:5px;
		padding:5px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#slice-2{
		width:100%;
		max-width:28%;
		min-height: 20px;
		margin:2px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	
	/*******************************************slice-text */

	.slice-text h1{
		margin: 0;
		padding: 0;
		font-size:1.2em;
		font-weight:600;
		text-align: center;
		letter-spacing:-1px;
		line-height:1em;
	}
	.slice-text h2{
		margin: 0;
		padding: 5px 0 0 0;
		font-size:1.25em;
		font-weight:600;
		text-align: center;
		letter-spacing:-1px;
		line-height:1em;
	}
	.slice-text h3{
		margin: 0;
		padding: 5px 0 0 0;
		font-size:.7em;
		font-weight:600;
		text-align: center;
		letter-spacing:-1px;
		line-height:1em;
	}
	.slice-text p{
		margin: 5px 0;
		padding: 5px 0 0 0;
		font-size:1em;
		font-weight:400;
		letter-spacing:-.3px;
		line-height:1.3em;
	}
	.slice-text a {
		text-decoration:none;
	}
	.slice-text a:hover {
		color:#777;
	}

/*************************************************************************************
FIXOS
**************************************************************************************/
	.text-min{
		height: auto;
		margin: 0 0 5px 0;
		padding: 0;
		font-size:.7em;
		font-weight:500;
		text-align:left;
		letter-spacing:0px;
		overflow: hidden;
	}
	.text{
		width:90%;
		height: auto;
		margin: 0 auto;
		padding: 0;
	}
	.text h1{
		margin: 0;
		padding: 10px 0;
		font-size:1.4em;
		font-weight:300;
		text-align:center;
		letter-spacing:-2px;
		line-height:1.1em;
	}
	.text h2{
		margin: 0;
		padding: 0;
		font-size:1.25em;
		font-weight:400;
		text-align:center;
		letter-spacing:-1px;
		line-height:1.1em;
	}
	.text h3{
		margin: 0;
		padding: 0;
		font-size:1.3em;
		font-weight:500;
		text-align:left;
		letter-spacing:0;
		line-height:1.1em;
	}
	.text p{
		margin: 0;
		padding: 0 5px;
		font-size:1em;
		text-align:left;
		font-weight:400;
		letter-spacing:-.5px;
		line-height:1.4em;
	}
	.text a {
		font-weight:300;
		color:#242427;
		text-decoration: none;
	}
	.text a:hover {
		color:#777;
		text-decoration: underline;
	}
	.align{
		text-align: right;
	}
	
/*******************************************BT DETALHES */

	#slice-bt-detalhes{
		width:100%;
		height: 40px;
		margin:0 auto;
		padding: 5px 0;
		text-align: center;
	}
	#slice-bt-detalhes a{
		float:none;
		margin:0px;
		padding:10px 15px;
		text-decoration: none;
		text-transform: uppercase;
		font-style: normal;
		font-size: .85em;
		font-weight:600;
		
		/*transition*/
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	#slice-bt-detalhes a:hover{
		color:#FFF;
	}

/*************************************************************************************
BOTOES-ESPECIAIS
**************************************************************************************/

	#bt-nav{
		width:100%;
		height: auto;
		margin:0 auto;
		padding: 20px 0;
		text-align: center;
		overflow:hidden;
	}
	#bt-nav a{
		width: 100%;
		float:none;
		margin:0px;
		padding:15px auto;
		text-align:center;
		text-decoration: none;
		text-transform: uppercase;
		font-style: normal;
		font-size: .8em;
		font-weight:600;
		
		/*transition*/
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	#bt-nav a:hover{
		color:#FFF;
	}

/*************************************************************************************
FOOTER
**************************************************************************************/

	#feet_text{
		width: 100%;
		height:auto;
		margin: 0;
		padding: 10px 0;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
	#feet_text h1{
		margin: 5px auto;
		padding: 15px 0 0 0;
		font-size:.8em;
		font-weight:500;
		letter-spacing:0px;
		line-height:5px;
	}
	#feet_text p{
		margin: 0;
		padding: 1px;
		font-size: .7em;
		line-height: 1.5em;
		font-weight:100;
		letter-spacing:.5px;
	}
	#feet_text a{
		margin: 0;
		padding: 1px;
		font-size: .9em;
		line-height: 1.5em;
		font-weight:100;
		letter-spacing:.5px;
	}
	#feet_text a:hover{
		text-decoration:underline;
	}
	.footer-img {
		width:105px;
		height:auto;
		margin:8px auto;
		padding:3px;
	}
	.footer-img img {
		width:100%;
		height:auto;
	}
	.footer-img-rs {
		width:20px;
		height:auto;
		margin:0px;
		padding:3px;
		float:right;
	}
	.footer-img-rs img {
		width:100%;
		height:auto;
	}
	
	/*******/

	#feet_col_red{
		width: 100%;
		height:auto;
		margin: 0;
		padding: 10px 0;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
	#feet_col_red p{
		margin: 0;
		padding: 1px;
		font-size: .7em;
		line-height: 1.5em;
		font-weight:100;
		letter-spacing:.5px;
	}
	#feet_col_red a{
		margin: 0;
		padding: 1px;
		font-size: .9em;
		line-height: 1.5em;
		font-weight:100;
		letter-spacing:.5px;
	}
	#feet_col_red a:hover{
		text-decoration:underline;
	}
}


/************************************************************************************
MAIN NAVIGATION 510px
*************************************************************************************/
@media all and (max-width : 510px) {
	
	/*************************************************************************************
CONTAINERS
**************************************************************************************/

	.onflex-r{
		/* flexbox */
		display: flex;
		flex-wrap: wrap; /*nowrap*/
		flex-direction: row;	
		justify-content: /*flex-start*/ space-around;
	}
	#half{
		width:100%;
		height:auto;
		margin:5px;
		padding:0;
		overflow:hidden;
	}
	#half-r{
		width:100%;
		min-height: 50px;
		margin:5px;
		padding:0;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

/************************************************************************************
MARCA
*************************************************************************************/

	.marca{
		text-align: center;
		width:35%;
		height:auto;
		margin:5px auto;
		padding:0px;
		float: none;
	}
	.marca img{
		text-align: center;
		width:100%;
		height:auto;
		margin: 0 auto;
		/*-webkit-filter: drop-shadow( 3px 3px 2px rgba(0,0,0,.7) );
		filter: drop-shadow(2px 2px 1px rgba(0,0,0,.4) );*/
	}

/*************************************************************************************
FATIAS
**************************************************************************************/
	#slice{
		width:100%;
		max-width:90%;
		min-height: 50px;
		margin:5px;
		padding:5px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#slice-2{
		width:100%;
		max-width:90%;
		min-height: 20px;
		margin:2px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	
	/*******************************************image-show */

	.slice-image-pin {
		width: 15%;
		height:auto;
		max-height: 540px;
		margin:20px auto;
		padding:0;
		float:none;
		overflow:hidden;
		/*border-bottom: 2px solid #6FA63F;*/
	}
	.slice-image-pin img{
		position: relative;
		top:0;
		width: 100%;
		height:100%;
		overflow:hidden;
	}

	/*******************************************slice-text */

	.slice-text h1{
		color: #242427;
		margin: 0;
		padding: 0;
		font-size:1em;
		font-weight:600;
		text-align: center;
		letter-spacing:-1px;
		line-height:1em;
	}
	.slice-text h2{
		color: #242427;
		margin: 0;
		padding: 5px 0 0 0;
		font-size:1.25em;
		font-weight:600;
		text-align: center;
		letter-spacing:-1px;
		line-height:1em;
	}
	.slice-text h3{
		color: #242427;
		margin: 0;
		padding: 5px 0 0 0;
		font-size:.7em;
		font-weight:600;
		text-align: center;
		letter-spacing:-1px;
		line-height:1em;
	}
	.slice-text p{
		text-align: justify;
		color: #242427;
		margin: 5px 0;
		padding: 5px 0 0 0;
		font-size:1em;
		font-weight:400;
		letter-spacing:-.3px;
		line-height:1.3em;
	}
	.slice-text a {
		font-weight:400;
		color:#242427;
		text-decoration:none;
	}
	.slice-text a:hover {
		color:#777;
	}

/*************************************************************************************
FIXOS
**************************************************************************************/
	.text-min{
		height: auto;
		margin: 0 0 5px 0;
		padding: 0;
		font-size:.7em;
		font-weight:500;
		text-align:left;
		letter-spacing:0px;
		overflow: hidden;
	}
	.text{
		width:90%;
		height: auto;
		margin: 0 auto;
		padding: 0;
	}
	.text h1{
		color:#242427;
		margin: 0;
		padding: 10px 0;
		font-size:1.4em;
		font-weight:300;
		text-align:center;
		letter-spacing:-2px;
		line-height:1.1em;
	}
	.text h2{
		color:#242427;
		margin: 0;
		padding: 0;
		font-size:1.05em;
		font-weight:400;
		text-align:center;
		letter-spacing:-1px;
		line-height:1.1em;
	}
	.text h3{
		color:#242427;
		margin: 0;
		padding: 0;
		font-size:1em;
		font-weight:500;
		text-align:left;
		letter-spacing:0;
		line-height:1.1em;
	}
	.text p{
		color:#242427;
		margin: 0;
		padding: 0 5px;
		font-size:1em;
		text-align:left;
		font-weight:400;
		letter-spacing:-.5px;
		line-height:1.4em;
	}
	.text a {
		font-weight:300;
		color:#242427;
		text-decoration: none;
	}
	.text a:hover {
		color:#777;
		text-decoration: underline;
	}
	.align{
		text-align: right;
	}
	
/*******************************************BT DETALHES */

	#slice-bt-detalhes{
		width:100%;
		height: 40px;
		margin:0 auto;
		padding: 5px 0;
		text-align: center;
	}
	#slice-bt-detalhes a{
		float:none;
		margin:0px;
		padding:10px 5px;
		text-align:center;
		text-decoration: none;
		text-transform: uppercase;
		font-style: normal;
		font-size: .65em;
		font-weight:600;
		/*text-shadow: 1px 1px 1px rgba(0,0,0,0.8);*/
		
		/*transition*/
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		
		/* rounded corner */
		-webkit-border-radius: 2px;
		-moz-border-radius:2px;
		border-radius: 2px;
	}
	#slice-bt-detalhes a:hover{
		color:#FFF;
	}

/*************************************************************************************
BOTOES-ESPECIAIS
**************************************************************************************/

	#bt-nav{
		width:100%;
		height: auto;
		margin:0 auto;
		padding: 20px 0;
		text-align: center;
		overflow:hidden;
	}
	#bt-nav a{
		width: 100%;
		float:none;
		margin:0px;
		padding:15px auto;
		text-align:center;
		text-decoration: none;
		text-transform: uppercase;
		font-style: normal;
		font-size: 1em;
		font-weight:600;
		
		/*transition*/
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	#bt-nav a:hover{
		color:#FFF;
	}

/*************************************************************************************
FOOTER
**************************************************************************************/

	#feet_text{
		width: 100%;
		height:auto;
		margin: 0;
		padding: 10px 0;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
	#feet_text h1{
		margin: 5px auto;
		padding: 15px 0 0 0;
		font-size:.8em;
		font-weight:500;
		letter-spacing:0px;
		line-height:5px;
	}
	#feet_text p{
		margin: 0;
		padding: 1px;
		font-size: .7em;
		line-height: 1.5em;
		font-weight:100;
		letter-spacing:.5px;
	}
	#feet_text a{
		margin: 0;
		padding: 1px;
		font-size: .9em;
		line-height: 1.5em;
		font-weight:100;
		letter-spacing:.5px;
	}
	#feet_text a:hover{
		text-decoration:underline;
	}
	.footer-img {
		width:105px;
		height:auto;
		margin:8px auto;
		padding:3px;
	}
	.footer-img img {
		width:100%;
		height:auto;
	}
	.footer-img-rs {
		width:20px;
		height:auto;
		margin:0px;
		padding:3px;
		float:right;
	}
	.footer-img-rs img {
		width:100%;
		height:auto;
	}
	.ft-border {
		border-bottom: 1px #bbcfd5 solid;
	}
	/*******/

	#feet_col_red{
		width: 100%;
		height:auto;
		margin: 0;
		padding: 10px 0;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
	#feet_col_red p{
		margin: 0;
		padding: 1px;
		font-size: .7em;
		line-height: 1.5em;
		font-weight:100;
		letter-spacing:.5px;
	}
	#feet_col_red a{
		margin: 0;
		padding: 1px;
		font-size: .9em;
		line-height: 1.5em;
		font-weight:100;
		letter-spacing:.5px;
	}
	#feet_col_red a:hover{
		text-decoration:underline;
	}
}

/************************************************************************************
MAIN NAVIGATION 480px
*************************************************************************************/
@media all and (max-width : 480px) {
	
	/*************************************************************************************
CONTAINERS
**************************************************************************************/

	.onflex-r{
		/* flexbox */
		display: flex;
		flex-wrap: wrap; /*nowrap*/
		flex-direction: row;	
		justify-content: /*flex-start*/ space-around;
	}

/************************************************************************************
MARCA
*************************************************************************************/

	.marca{
		text-align: center;
		width:85%;
		height:auto;
		margin:25px auto;
		padding:0px;
		float: none;
	}
	.marca img{
		text-align: center;
		width:100%;
		height:auto;
		margin: 0 auto;
		/*-webkit-filter: drop-shadow( 3px 3px 2px rgba(0,0,0,.7) );
		filter: drop-shadow(2px 2px 1px rgba(0,0,0,.4) );*/
	}

/*************************************************************************************
FATIAS
**************************************************************************************/
	#slice{
		width:100%;
		max-width:90%;
		min-height: 50px;
		margin:5px;
		padding:5px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	#slice-2{
		width:100%;
		max-width:90%;
		min-height: 20px;
		margin:2px;
		padding:10px;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	
	/*******************************************image-show */

	.slice-image-pin {
		width: 35%;
		height:auto;
		max-height: 540px;
		margin:20px auto;
		padding:0;
		float:none;
		overflow:hidden;
		/*border-bottom: 2px solid #6FA63F;*/
	}
	.slice-image-pin img{
		position: relative;
		top:0;
		width: 100%;
		height:100%;
		overflow:hidden;
	}
	
	/*******************************************slice-text */

	.slice-text h1{
		color: #242427;
		margin: 0;
		padding: 0;
		font-size:1em;
		font-weight:600;
		text-align: center;
		letter-spacing:-1px;
		line-height:1em;
	}
	.slice-text h2{
		color: #242427;
		margin: 0;
		padding: 5px 0 0 0;
		font-size:1.25em;
		font-weight:600;
		text-align: center;
		letter-spacing:-1px;
		line-height:1em;
	}
	.slice-text h3{
		color: #242427;
		margin: 0;
		padding: 5px 0 0 0;
		font-size:.7em;
		font-weight:600;
		text-align: center;
		letter-spacing:-1px;
		line-height:1em;
	}
	.slice-text p{
		text-align: justify;
		color: #242427;
		margin: 5px 0;
		padding: 5px 0 0 0;
		font-size:1em;
		font-weight:400;
		letter-spacing:-.3px;
		line-height:1.3em;
	}
	.slice-text a {
		font-weight:400;
		color:#242427;
		text-decoration:none;
	}
	.slice-text a:hover {
		color:#777;
	}

/*************************************************************************************
FIXOS
**************************************************************************************/
	.text-min{
		height: auto;
		margin: 0 0 5px 0;
		padding: 0;
		font-size:.7em;
		font-weight:500;
		text-align:left;
		letter-spacing:0px;
		overflow: hidden;
	}
	.text{
		width:90%;
		height: auto;
		margin: 0 auto;
		padding: 0;
	}
	.text h1{
		color:#242427;
		margin: 0;
		padding: 10px 0;
		font-size:1.8em;
		font-weight:300;
		text-align:center;
		letter-spacing:0px;
		line-height:1.1em;
	}
	.text h2{
		color:#242427;
		margin: 0;
		padding: 0;
		font-size:1.05em;
		font-weight:400;
		text-align:center;
		letter-spacing:-1px;
		line-height:1.1em;
	}
	.text h3{
		color:#242427;
		margin: 0;
		padding: 0;
		font-size:1em;
		font-weight:500;
		text-align:left;
		letter-spacing:0;
		line-height:1.1em;
	}
	.text p{
		color:#242427;
		margin: 0;
		padding: 0 5px;
		font-size:1em;
		text-align:left;
		font-weight:400;
		letter-spacing:-.5px;
		line-height:1.4em;
	}
	.text a {
		font-weight:300;
		color:#242427;
		text-decoration: none;
	}
	.text a:hover {
		color:#777;
		text-decoration: underline;
	}
	.align{
		text-align: right;
	}
	
/*******************************************BT DETALHES */

	#slice-bt-detalhes{
		width:100%;
		height: 40px;
		margin:0 auto;
		padding: 5px 0;
		text-align: center;
	}
	#slice-bt-detalhes a{
		float:none;
		margin:0px;
		padding:10px 25px;
		text-align:center;
		text-decoration: none;
		text-transform: uppercase;
		font-style: normal;
		font-size: .75em;
		font-weight:600;
		/*text-shadow: 1px 1px 1px rgba(0,0,0,0.8);*/
		
		/*transition*/
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		
		/* rounded corner */
		-webkit-border-radius: 2px;
		-moz-border-radius:2px;
		border-radius: 2px;
	}
	#slice-bt-detalhes a:hover{
		color:#FFF;
	}

/*************************************************************************************
BOTOES-ESPECIAIS
**************************************************************************************/

	#bt-nav{
		width:100%;
		height: auto;
		margin:0 auto;
		padding: 20px 0;
		text-align: center;
		overflow:hidden;
	}
	#bt-nav a{
		width: 100%;
		float:none;
		margin:0px;
		padding:15px auto;
		text-align:center;
		text-decoration: none;
		text-transform: uppercase;
		font-style: normal;
		font-size: 1em;
		font-weight:600;
		
		/*transition*/
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	#bt-nav a:hover{
		color:#FFF;
	}

/*************************************************************************************
FOOTER
**************************************************************************************/

	#feet_text{
		width: 100%;
		height:auto;
		margin: 0;
		padding: 10px 0;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
	#feet_text h1{
		margin: 5px auto;
		padding: 15px 0 0 0;
		font-size:.8em;
		font-weight:500;
		letter-spacing:0px;
		line-height:5px;
	}
	#feet_text p{
		margin: 0;
		padding: 1px;
		font-size: .7em;
		line-height: 1.5em;
		font-weight:100;
		letter-spacing:.5px;
	}
	#feet_text a{
		margin: 0;
		padding: 1px;
		font-size: .9em;
		line-height: 1.5em;
		font-weight:100;
		letter-spacing:.5px;
	}
	#feet_text a:hover{
		text-decoration:underline;
	}
	.footer-img {
		width:105px;
		height:auto;
		margin:8px auto;
		padding:3px;
	}
	.footer-img img {
		width:100%;
		height:auto;
	}
	.footer-img-rs {
		width:20px;
		height:auto;
		margin:0px;
		padding:3px;
		float:right;
	}
	.footer-img-rs img {
		width:100%;
		height:auto;
	}
	.ft-border {
		border-bottom: 1px #bbcfd5 solid;
	}
	/*******/

	#feet_col_red{
		width: 100%;
		height:auto;
		margin: 0;
		padding: 10px 0;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
	#feet_col_red p{
		margin: 0;
		padding: 1px;
		font-size: .7em;
		line-height: 1.5em;
		font-weight:100;
		letter-spacing:.5px;
	}
	#feet_col_red a{
		margin: 0;
		padding: 1px;
		font-size: .9em;
		line-height: 1.5em;
		font-weight:100;
		letter-spacing:.5px;
	}
	#feet_col_red a:hover{
		text-decoration:underline;
	}
}