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

	/*************************************************************************************
	CONTAINERS
	**************************************************************************************/

	#container{
		clear:both;
		width:90%;
		max-width:1200px;
		margin: 0 auto;
		padding: 80px 0;
		overflow:hidden;
	}

	#header{
		position: fixed;
		z-index: 50000;
		width:100%;
		height: auto;
		margin: 0 auto;
		padding: 0 0 0 0;
		/*transition*/
		-webkit-transition: 0.7s;
		-moz-transition: 0.7s;
		-ms-transition: 0.7s;
		-o-transition: 0.7s;
	}

	#header-container{
		width: 90%;
		max-width: 1280px;
		height: auto;
		margin: 0 auto;
		padding: 10px 0;
		
		/* flexbox */
		display: flex;
		flex-wrap: wrap; /*nowrap*/
		flex-direction: row;	
		justify-content: /*flex-start center space-between space-around*/ center;
	}
	
	#header.rolarHeader{
		background: rgba(0,0,0,0.95);
		box-shadow: 2px 1px 4px rgba(0,0,0,0.5);
	}

	#col-esq{
		width: 50%;
		height: 500px;
		margin: 0;
		padding: 0;
		float: left;
	}

	#col-dir{
		width: 50%;
		height: 500px;
		margin: 0;
		padding: 0;
		float: right;
	}

	#col-container{
		width: 70%;
		height: auto;
		margin: 0 auto;
		padding: 60px 0;
		display: flex;
		flex-direction: row;
		align-items: center;
		overflow: hidden;
	}

	.col-img-01 {
		position: relative;
		background-image: url("../../images/comuns/foto001.jpg");
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		/*opacity: 0.65;*/
		background-size: cover;
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat
	}

	.col-img-02 {
		position: relative;
		background-image: url("../../images/comuns/foto002.jpg");
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		/*opacity: 0.65;*/
		background-size: cover;
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat
	}


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

	.marca{
		position: absolute;
		z-index: 10000;
		width: 200px;
		height:auto;
		margin: 10px 0;
		padding: 0px;
		float: left;
		overflow: hidden;
	}
	.marca img{
		width:100%;
		height:auto;
		-webkit-filter: drop-shadow(3px 4px 3px rgba(0,0,0,0.2));
		filter: drop-shadow(2px 4px 3px rgba(0,0,0,0.2) );
	}

	/*************************************************************************************
	FATIAS
	**************************************************************************************/

	#slice{
		width: 31%;
		min-height: 5px;
		margin: 2px;
		padding: 2px;

		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
	}

	#slice-1{
		width:47%;
		min-height: 5px;
		margin: 5px;
		padding: 2px;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
	}

	#slice-2{
		width:22%;
		min-height: 5px;
		margin: 2px;
		padding: 2px;
		
		/*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-3{
		width:60%;
		min-height: 5px;
		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-container{
			min-height: 5px;
			margin: 4px auto;
			padding: 5px 5px;
			overflow: hidden;
			
			/*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;
			
			/*background: rgba(255,255,255,0.35);*/
			background: linear-gradient(to bottom, rgba(198, 198, 198, 0.2), rgba(255, 255, 255, 0));
			box-shadow: 0px 0px 5px rgba(228,228,228,0.7);
			
			/* rounded corner */
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		
	/*******************************************image */

	.slice-image {
		width: 100%;
		height: auto;
		margin: 0 0 5px 0;
		padding: 0;
		float: left;
		overflow: hidden;
		/*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-image img{
		position: center;
		bottom: 0;
		width: 100%;
		height: auto;
		margin: 0;
		overflow: hidden;
		
		aspect-ratio: 4/ 3;
		object-fit: cover;
		background: #e3e9f7;
		
		/*box-shadow: 2px 1px 2px rgba(0,0,0,0.2);*/
		
		/* rounded corner */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

		.slice-image-icon {
			width: 200px;
			height: auto;
			margin: 10px auto;
			padding: 5px 0;
			overflow: hidden;
			/*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-image-icon img{
			position: relative;
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0;
			overflow: hidden;
			
			/* rounded corner */
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		
		.icon {
			width: 70px;
			height: auto;
			margin: 20px auto 10px auto;
			padding: 0 0;
			overflow: hidden;
			/*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;
		}

		.icon img{
			position: relative;
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0;
			overflow: hidden;
		}

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

	.slice-text h1{
		margin: 0 0;
		padding: 0;
		font-size: 2rem;
		font-weight: 300;
		letter-spacing: -2px;
		line-height: 1.1em;
	}

	.slice-text h2{
		margin: 0;
		padding: 0;
		font-size: 1.3rem;
		font-weight: 300;
		letter-spacing: -1px;
		line-height: 1.2em;
	}

	.slice-text h3{
		margin: 0;
		padding: 0;
		font-size: 1.15rem;
		font-weight: 300;
		letter-spacing: 0px;
		line-height: 1.2em;
	}

	.slice-text p{
		margin: 0;
		padding: 0;
		font-size: 1rem;
		font-weight: 300;
		line-height: 1.25;
	}

		.slice-title{
			clear: both;
			width: 100%;
			height: 60px;
			margin:0 auto;
			padding: 5px 0px;
			overflow: hidden;
		}
		
		.slice-corpo{
			clear: both;
			width: 98%;
			min-height: 70px;
			margin:0 auto;
			padding: 0px;
			overflow: hidden;
		}

	.text-align-esquerda{
		text-align: right;
	}

	.text-align-direita{
		text-align: left;
	}

	/*************************************************************************************
	LINK-WHATSAPP
	**************************************************************************************/

	a.link-whatsapp {
		width: auto;
		cursor: pointer;
		color: #FFF;
		margin: 10px 0;
		padding: 20px 30px; 
		font-family: 'Barlow Semi Condensed', sans-serif;
		font-size: .9rem;
		font-weight: 400;
		text-decoration: none;
		text-align: center;
		text-transform: uppercase;
		float: left;
		
		/*background*/
		background:#14ba67;
		
		/*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;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	a.link-whatsapp:hover{
		/*color*/
		color:#FFF;
		/*background*/
		background:#119f58;
	}

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

	#footer-slice{
		width:24%;
		height:auto;
		margin:2px;
		padding:0px;

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

	#footer-slice-2{
		width:49%;
		min-height: 2px;
		margin:2px;
		padding:0px;
		
		/*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;
	}

	#feet_text h2{
		text-align: left;
		margin: 0;
		padding: 0px 0;
		font-size: 1rem;
		font-weight: 500;
		line-height: 1.4em;
		letter-spacing:0px;
		text-decoration: none;
	}

	#feet_text h3{
		text-align: left;
		margin: 0;
		padding: 0px 0;
		font-size: .8em;
		font-weight: 600;
		line-height: 1em;
		letter-spacing:-.50px;
		text-decoration: none;
		text-transform: uppercase;
	}

	#feet_text p{
		text-align: left;
		margin:5px 0 0 0;
		padding:5px 0 0 0;
		font-size:.9rem;
		font-weight: 400;
		line-height: 1.4em;
		letter-spacing:0px;
		text-decoration: none;
	}

	.feet_image{
		width: 140px;
		height: 60px;
		margin: 0 5px;
		padding: 0px;
		float: left;
	}

	.feet_image img{
		position: relative;
		width: 100%;
		height:100%;
		overflow:hidden;
	}	
}

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

	/*************************************************************************************
	CONTAINERS
	**************************************************************************************/

	#header{
		position: fixed;
		z-index: 50000;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0 0 0 0;
	}

	#header-container{
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 40px 0 20px 0;
		
		/* flexbox */
		display: flex;
		flex-wrap: wrap; /*nowrap*/
		flex-direction: row;	
		justify-content: /*flex-start center space-between space-around*/ space-between;
	}

	#col-esq{
		width: 50%;
		height: 500px;
		margin: 0;
		padding: 0;
		float: left;
	}

	#col-dir{
		width: 50%;
		height: 500px;
		margin: 0;
		padding: 0;
		float: right;
	}

	#col-container{
		width: 70%;
		height: auto;
		margin: 0 auto;
		padding: 60px 0;
		display: flex;
		flex-direction: row;
		align-items: center;
		overflow: hidden;
	}

	.col-img-01 {
		position: relative;
		background-image: url("../../images/comuns/foto001.jpg");
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		/*opacity: 0.65;*/
		background-size: cover;
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat
	}

	.col-img-02 {
		position: relative;
		background-image: url("../../images/comuns/foto002.jpg");
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		/*opacity: 0.65;*/
		background-size: cover;
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat
	}

	/*************************************************************************************
	FATIAS
	**************************************************************************************/

	#slice{
		width: 31%;
		min-height: 5px;
		margin: 2px;
		padding: 2px;

		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
	}

	#slice-1{
		width:47%;
		min-height: 5px;
		margin: 5px;
		padding: 2px;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
	}

	#slice-2{
		width:22%;
		min-height: 5px;
		margin: 2px;
		padding: 2px;
		
		/*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-3{
		width:60%;
		min-height: 5px;
		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-container{
			min-height: 5px;
			margin: 4px auto;
			padding: 5px 5px;
			overflow: hidden;
			
			/*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;
			
			/*background: rgba(255,255,255,0.35);*/
			background: linear-gradient(to bottom, rgba(198, 198, 198, 0.2), rgba(255, 255, 255, 0));
			box-shadow: 0px 0px 5px rgba(228,228,228,0.7);
			
			/* rounded corner */
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		
	/*******************************************image */

	.slice-image {
		width: 100%;
		height: auto;
		margin: 0 0 5px 0;
		padding: 0;
		float: left;
		overflow: hidden;
		/*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-image img{
		position: center;
		bottom: 0;
		width: 100%;
		height: auto;
		margin: 0;
		overflow: hidden;
		
		aspect-ratio: 4/ 3;
		object-fit: cover;
		background: transparent;
		
		/*box-shadow: 2px 1px 2px rgba(0,0,0,0.2);*/
		
		/* rounded corner */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

		.slice-image-icon {
			width: 200px;
			height: auto;
			margin: 10px auto;
			padding: 5px 0;
			overflow: hidden;
			/*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-image-icon img{
			position: relative;
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0;
			overflow: hidden;
			
			/* rounded corner */
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		
		.icon {
			width: 70px;
			height: auto;
			margin: 20px auto 10px auto;
			padding: 0 0;
			overflow: hidden;
			/*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;
		}

		.icon img{
			position: relative;
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0;
			overflow: hidden;
		}

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

	.slice-text{
		width: 98%;
		height: auto;
		margin: 0 auto;
		padding: 5px;
	}

	.slice-text h1{
		margin: 0 0;
		padding: 0;
		font-size: 1.8rem;
		font-weight: 300;
		letter-spacing: -2px;
		line-height: 1.1em;
	}

	.slice-text h2{
		margin: 0;
		padding: 0;
		font-size: 1.2rem;
		font-weight: 300;
		letter-spacing: -1px;
		line-height: 1.2em;
	}

	.slice-text h3{
		margin: 0;
		padding: 0;
		font-size: 1.15rem;
		font-weight: 300;
		letter-spacing: 0px;
		line-height: 1.2em;
	}

	.slice-text p{
		margin: 0;
		padding: 0;
		font-size: .9rem;
		font-weight: 300;
		line-height: 1.25;
	}

		.slice-title{
			clear: both;
			width: 100%;
			height: 60px;
			margin:0 auto;
			padding: 5px 0px;
			overflow: hidden;
		}
		
		.slice-corpo{
			clear: both;
			width: 98%;
			min-height: 70px;
			margin:0 auto;
			padding: 0px;
			overflow: hidden;
		}

	.text-align-esquerda{
		text-align: right;
	}

	.text-align-direita{
		text-align: left;
	}

	/*************************************************************************************
	LINK-WHATSAPP
	**************************************************************************************/

	a.link-whatsapp {
		width: auto;
		cursor: pointer;
		color: #FFF;
		margin: 10px 0;
		padding: 20px 30px; 
		font-family: 'Barlow Semi Condensed', sans-serif;
		font-size: .9rem;
		font-weight: 400;
		text-decoration: none;
		text-align: center;
		text-transform: uppercase;
		float: left;
		
		/*background*/
		background:#14ba67;
		
		/*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;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	a.link-whatsapp:hover{
		/*color*/
		color:#FFF;
		/*background*/
		background:#119f58;
	}

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

	#footer-container{
		clear: both;
		width: 90%;
		height:auto;
		padding: 30px 0;
		margin:0 auto;;
	}

	#footer-slice{
		width: 45%;
		height:auto;
		margin:2px;
		padding:0px;

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

	#footer-slice-2{
		width:45%;
		min-height: 2px;
		margin:2px;
		padding:0px;
		
		/*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;
	}

	#feet_text h2{
		text-align: left;
		margin: 0;
		padding: 0px 0;
		font-size: .9rem;
		font-weight: 500;
		line-height: 1.4em;
		letter-spacing:0px;
		text-decoration: none;
	}

	#feet_text h3{
		text-align: left;
		margin: 0;
		padding: 0px 0;
		font-size: .8em;
		font-weight: 600;
		line-height: 1em;
		letter-spacing:-.50px;
		text-decoration: none;
		text-transform: uppercase;
	}

	#feet_text p{
		text-align: left;
		margin:5px 0 0 0;
		padding:5px 0 0 0;
		font-size:.8rem;
		font-weight: 400;
		line-height: 1.4em;
		letter-spacing:0px;
		text-decoration: none;
	}
	
	#feet_text a{
		font-size: .8rem;
		font-weight: 400;
	}

	.feet_image{
		width: 120px;
		height: 60px;
		margin: 0 5px;
		padding: 0px;
		float: left;
	}

	.feet_image img{
		position: relative;
		width: 100%;
		height:100%;
		overflow:hidden;
	}	
	
}

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

	/*************************************************************************************
	CONTAINERS
	**************************************************************************************/

	#header{
		position: fixed;
		z-index: 50000;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0 0 0 0;
	}

	#header-container{
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 20px 0 20px 0;
		
		/* flexbox */
		display: flex;
		flex-wrap: wrap; /*nowrap*/
		flex-direction: row;	
		justify-content: /*flex-start center space-between space-around*/ space-between;
	}


	#col-esq{
		width: 50%;
		height: 500px;
		margin: 0;
		padding: 0;
		float: left;
	}

	#col-dir{
		width: 50%;
		height: 500px;
		margin: 0;
		padding: 0;
		float: right;
	}

	#col-container{
		width: 70%;
		height: auto;
		margin: 0 auto;
		padding: 60px 0;
		display: flex;
		flex-direction: row;
		align-items: center;
		overflow: hidden;
	}

	.col-img-01 {
		position: relative;
		background-image: url("../../images/comuns/foto001.jpg");
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		/*opacity: 0.65;*/
		background-size: cover;
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat
	}

	.col-img-02 {
		position: relative;
		background-image: url("../../images/comuns/foto002.jpg");
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		/*opacity: 0.65;*/
		background-size: cover;
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat
	}


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

	.marca{
		position: absolute;
		z-index: 10000;
		left: 10px;
		width: 200px;
		height:auto;
		margin: 0;
		padding: 0px;
		float: left;
		overflow: hidden;
	}
	.marca img{
		width:100%;
		height:auto;
		-webkit-filter: drop-shadow(3px 4px 3px rgba(0,0,0,0.2));
		filter: drop-shadow(2px 4px 3px rgba(0,0,0,0.2) );
	}

	/*************************************************************************************
	FATIAS
	**************************************************************************************/

	#slice{
		width: 31%;
		min-height: 5px;
		margin: 2px;
		padding: 2px;

		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
	}

	#slice-1{
		width:47%;
		min-height: 5px;
		margin: 5px;
		padding: 2px;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
	}

	#slice-2{
		width:22%;
		min-height: 5px;
		margin: 2px;
		padding: 2px;
		
		/*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-3{
		width:60%;
		min-height: 5px;
		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-container{
			min-height: 5px;
			margin: 4px auto;
			padding: 5px 5px;
			overflow: hidden;
			
			/*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;
			
			/*background: rgba(255,255,255,0.35);*/
			background: linear-gradient(to bottom, rgba(198, 198, 198, 0.2), rgba(255, 255, 255, 0));
			box-shadow: 0px 0px 5px rgba(228,228,228,0.7);
			
			/* rounded corner */
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		
	/*******************************************image */

	.slice-image {
		width: 100%;
		height: auto;
		margin: 0 0 5px 0;
		padding: 0;
		float: left;
		overflow: hidden;
		/*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-image img{
		position: center;
		bottom: 0;
		width: 100%;
		height: auto;
		margin: 0;
		overflow: hidden;
		
		aspect-ratio: 4/ 3;
		object-fit: cover;
		background: transparent;
		
		/*box-shadow: 2px 1px 2px rgba(0,0,0,0.2);*/
		
		/* rounded corner */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

		.slice-image-icon {
			width: 200px;
			height: auto;
			margin: 10px auto;
			padding: 5px 0;
			overflow: hidden;
			/*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-image-icon img{
			position: relative;
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0;
			overflow: hidden;
			
			/* rounded corner */
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		
		.icon {
			width: 70px;
			height: auto;
			margin: 20px auto 10px auto;
			padding: 0 0;
			overflow: hidden;
			/*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;
		}

		.icon img{
			position: relative;
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0;
			overflow: hidden;
		}

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

	.slice-text{
		width: 98%;
		height: auto;
		margin: 0 auto;
		padding: 5px;
	}

	.slice-text h1{
		margin: 0 0;
		padding: 0;
		font-size: 1.8rem;
		font-weight: 300;
		letter-spacing: -2px;
		line-height: 1.1em;
	}

	.slice-text h2{
		margin: 0;
		padding: 0;
		font-size: 1.2rem;
		font-weight: 300;
		letter-spacing: -1px;
		line-height: 1.2em;
	}

	.slice-text h3{
		margin: 0;
		padding: 0;
		font-size: 1.15rem;
		font-weight: 300;
		letter-spacing: 0px;
		line-height: 1.2em;
	}

	.slice-text p{
		margin: 0;
		padding: 0;
		font-size: .9rem;
		font-weight: 300;
		line-height: 1.25;
	}

		.slice-title{
			clear: both;
			width: 100%;
			height: 60px;
			margin:0 auto;
			padding: 5px 0px;
			overflow: hidden;
		}
		
		.slice-corpo{
			clear: both;
			width: 98%;
			min-height: 70px;
			margin:0 auto;
			padding: 0px;
			overflow: hidden;
		}

	.text-align-esquerda{
		text-align: right;
	}

	.text-align-direita{
		text-align: left;
	}

	/*************************************************************************************
	LINK-WHATSAPP
	**************************************************************************************/

	a.link-whatsapp {
		width: auto;
		cursor: pointer;
		color: #FFF;
		margin: 10px 0;
		padding: 20px 30px; 
		font-family: 'Barlow Semi Condensed', sans-serif;
		font-size: .9rem;
		font-weight: 400;
		text-decoration: none;
		text-align: center;
		text-transform: uppercase;
		float: left;
		
		/*background*/
		background:#14ba67;
		
		/*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;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	a.link-whatsapp:hover{
		/*color*/
		color:#FFF;
		/*background*/
		background:#119f58;
	}

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

	#footer-container{
		clear: both;
		width: 90%;
		height:auto;
		padding: 30px 0;
		margin:0 auto;;
	}

	#footer-slice{
		width: 100%;
		height:auto;
		margin: 15px 2px;
		padding:0px;

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

	#footer-slice-2{
		width:45%;
		min-height: 2px;
		margin: 15px 2px;
		padding:0px;
		
		/*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;
	}
	
	.feet_image{
		width: 150px;
		height: auto;
		margin: 10px 5px;
		padding: 0px;
		float: left;
	}

	.feet_image img{
		position: relative;
		width: 100%;
		height:100%;
		overflow:hidden;
	}

}

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

/*************************************************************************************
	CONTAINERS
	**************************************************************************************/
	
	#header-container{
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 10px 0 10px 0;
		
		/* flexbox */
		display: flex;
		flex-wrap: wrap; /*nowrap*/
		flex-direction: row;	
		justify-content: /*flex-start center space-between space-around*/ space-between;
	}

	#col-esq{
		width: 50%;
		height: 500px;
		margin: 0;
		padding: 0;
		float: left;
	}

	#col-dir{
		width: 50%;
		height: 500px;
		margin: 0;
		padding: 0;
		float: right;
	}

	#col-container{
		width: 70%;
		height: auto;
		margin: 0 auto;
		padding: 60px 0;
		display: flex;
		flex-direction: row;
		align-items: center;
		overflow: hidden;
	}

	.col-img-01 {
		position: relative;
		background-image: url("../../images/comuns/foto001.jpg");
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		/*opacity: 0.65;*/
		background-size: cover;
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat
	}

	.col-img-02 {
		position: relative;
		background-image: url("../../images/comuns/foto002.jpg");
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		/*opacity: 0.65;*/
		background-size: cover;
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat
	}


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

	.marca{
		position: absolute;
		z-index: 10000;
		left: 10px;
		width: 200px;
		height:auto;
		margin: 10px 10px;
		padding: 0px;
		float: left;
		overflow: hidden;
	}
	.marca img{
		width:100%;
		height:auto;
		-webkit-filter: drop-shadow(3px 4px 3px rgba(0,0,0,0.2));
		filter: drop-shadow(2px 4px 3px rgba(0,0,0,0.2) );
	}

	/*************************************************************************************
	FATIAS
	**************************************************************************************/

	#slice{
		width: 31%;
		min-height: 5px;
		margin: 2px;
		padding: 2px;

		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
	}

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

	#slice-2{
		width:22%;
		min-height: 5px;
		margin: 2px;
		padding: 2px;
		
		/*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-3{
		width:60%;
		min-height: 5px;
		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-container{
			min-height: 5px;
			margin: 4px auto;
			padding: 5px 5px;
			overflow: hidden;
			
			/*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;
			
			/*background: rgba(255,255,255,0.35);*/
			background: linear-gradient(to bottom, rgba(198, 198, 198, 0.2), rgba(255, 255, 255, 0));
			box-shadow: 0px 0px 5px rgba(228,228,228,0.7);
			
			/* rounded corner */
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		
	/*******************************************image */

	.slice-image {
		width: 100%;
		height: auto;
		margin: 0 0 5px 0;
		padding: 0;
		float: left;
		overflow: hidden;
		/*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-image img{
		position: center;
		bottom: 0;
		width: 100%;
		height: auto;
		margin: 0;
		overflow: hidden;
		
		aspect-ratio: 4/ 3;
		object-fit: cover;
		background: transparent;
		
		/*box-shadow: 2px 1px 2px rgba(0,0,0,0.2);*/
		
		/* rounded corner */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

		.slice-image-icon {
			width: 200px;
			height: auto;
			margin: 10px auto;
			padding: 5px 0;
			overflow: hidden;
			/*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-image-icon img{
			position: relative;
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0;
			overflow: hidden;
			
			/* rounded corner */
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		
		.icon {
			width: 70px;
			height: auto;
			margin: 20px auto 10px auto;
			padding: 0 0;
			overflow: hidden;
			/*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;
		}

		.icon img{
			position: relative;
			top: 0;
			width: 100%;
			height: 100%;
			margin: 0;
			overflow: hidden;
		}

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

	.slice-text{
		width: 98%;
		height: auto;
		margin: 0 auto;
		padding: 5px;
	}

	.slice-text h1{
		margin: 0 0;
		padding: 0;
		font-size: 1.8rem;
		font-weight: 300;
		letter-spacing: -2px;
		line-height: 1.1em;
	}

	.slice-text h2{
		margin: 0;
		padding: 0;
		font-size: 1.2rem;
		font-weight: 300;
		letter-spacing: -1px;
		line-height: 1.2em;
	}

	.slice-text h3{
		margin: 0;
		padding: 0;
		font-size: 1.15rem;
		font-weight: 300;
		letter-spacing: 0px;
		line-height: 1.2em;
	}

	.slice-text p{
		margin: 0;
		padding: 0;
		font-size: .9rem;
		font-weight: 300;
		line-height: 1.25;
	}

		.slice-title{
			clear: both;
			width: 100%;
			height: 60px;
			margin:0 auto;
			padding: 5px 0px;
			overflow: hidden;
		}
		
		.slice-corpo{
			clear: both;
			width: 98%;
			min-height: 70px;
			margin:0 auto;
			padding: 0px;
			overflow: hidden;
		}

	.text-align-esquerda{
		text-align: right;
	}

	.text-align-direita{
		text-align: left;
	}

	/*************************************************************************************
	LINK-WHATSAPP
	**************************************************************************************/

	a.link-whatsapp {
		width: auto;
		cursor: pointer;
		color: #FFF;
		margin: 10px 0;
		padding: 20px 30px; 
		font-family: 'Barlow Semi Condensed', sans-serif;
		font-size: .9rem;
		font-weight: 400;
		text-decoration: none;
		text-align: center;
		text-transform: uppercase;
		float: left;
		
		/*background*/
		background:#14ba67;
		
		/*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;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	a.link-whatsapp:hover{
		/*color*/
		color:#FFF;
		/*background*/
		background:#119f58;
	}

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

	#footer-container{
		clear: both;
		width: 90%;
		height:auto;
		padding: 30px 0;
		margin:0 auto;;
	}

	#footer-slice{
		width: 100%;
		height:auto;
		margin:2px;
		padding:0px;

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

	#footer-slice-2{
		width:45%;
		min-height: 2px;
		margin:2px;
		padding:0px;
		
		/*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;
	}
	
}

/************************************************************************************
MAIN NAVIGATION 680
*************************************************************************************/
@media all and (max-width : 510px) {
	
	#header-container{
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 10px 0 10px 0;
		
		/* flexbox */
		display: flex;
		flex-wrap: wrap; /*nowrap*/
		flex-direction: row;	
		justify-content: /*flex-start center space-between space-around*/ space-between;
	}

	#col-esq{
		width: 100%;
		height: 300px;
		margin: 0;
		padding: 0;
		float: left;
	}

	#col-dir{
		width: 100%;
		height: 300px;
		margin: 0;
		padding: 0;
		float: right;
	}

	#col-container{
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 60px 0;
		display: flex;
		flex-direction: row;
		align-items: center;
		overflow: hidden;
	}

	.col-img-01 {
		position: relative;
		background-image: url("../../images/comuns/foto001.jpg");
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		/*opacity: 0.65;*/
		background-size: cover;
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat
	}

	.col-img-02 {
		position: relative;
		background-image: url("../../images/comuns/foto002.jpg");
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		/*opacity: 0.65;*/
		background-size: cover;
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat
	}


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

	.marca{
		width: 200px;
		height:auto;
		margin: 10px;
		padding: 0px;
		float: left;
		overflow: hidden;
	}
	.marca img{
		width:100%;
		height:auto;
		-webkit-filter: drop-shadow(3px 4px 3px rgba(0,0,0,0.2));
		filter: drop-shadow(2px 4px 3px rgba(0,0,0,0.2) );
	}

	/*************************************************************************************
	FATIAS
	**************************************************************************************/

	#slice{
		width: 100%;
		min-height: 5px;
		margin: 2px;
		padding: 2px;

		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
	}

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

	#slice-2{
		width: 45%;
		min-height: 5px;
		margin: 2px;
		padding: 2px;
		
		/*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-3{
		width: 100%;
		min-height: 5px;
		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-container{
			min-height: 5px;
			margin: 4px auto;
			padding: 5px 5px;
			overflow: hidden;
			
			/*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;
			
			/*background: rgba(255,255,255,0.35);*/
			background: linear-gradient(to bottom, rgba(198, 198, 198, 0.2), rgba(255, 255, 255, 0));
			box-shadow: 0px 0px 5px rgba(228,228,228,0.7);
			
			/* rounded corner */
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		
	/*******************************************image */

	.slice-image img{
		position: center;
		bottom: 0;
		width: 100%;
		height: auto;
		margin: 0;
		overflow: hidden;
		
		aspect-ratio: 4/ 3;
		object-fit: cover;
		background: transparent;
		
		/*box-shadow: 2px 1px 2px rgba(0,0,0,0.2);*/
		
		/* rounded corner */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

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

	.slice-text h1{
		margin: 0 0;
		padding: 0;
		font-size: 1.45rem;
		font-weight: 300;
		letter-spacing: -.5px;
		line-height: 1.1em;
	}

	.slice-text h2{
		margin: 0;
		padding: 0;
		font-size: 1.17rem;
		font-weight: 300;
		letter-spacing: -1px;
		line-height: 1.2em;
	}

	.slice-text h3{
		margin: 0;
		padding: 0;
		font-size: 1.1rem;
		font-weight: 300;
		letter-spacing: 0px;
		line-height: 1.2em;
	}

	.slice-text p{
		margin: 0;
		padding: 0;
		font-size: .9rem;
		font-weight: 300;
		line-height: 1.25;
	}

		.slice-title{
			clear: both;
			width: 100%;
			height: 60px;
			margin:0 auto;
			padding: 5px 0px;
			overflow: hidden;
		}
		
		.slice-corpo{
			clear: both;
			width: 98%;
			min-height: 70px;
			margin:0 auto;
			padding: 0px;
			overflow: hidden;
		}

	.text-align-esquerda{
		text-align: center;
	}

	.text-align-direita{
		text-align: center;
	}

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

	#footer-slice{
		width: 100%;
		height:auto;
		margin:2px;
		padding:0px;

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

	#footer-slice-2{
		width:45%;
		min-height: 2px;
		margin:2px;
		padding:0px;
		
		/*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;
	}
	
}

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

	#header-container{
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 10px 0 10px 0;
		
		/* flexbox */
		display: flex;
		flex-wrap: wrap; /*nowrap*/
		flex-direction: row;	
		justify-content: /*flex-start center space-between space-around*/ space-between;
	}

	#col-esq{
		width: 100%;
		height: 300px;
		margin: 0;
		padding: 0;
		float: left;
	}

	#col-dir{
		width: 100%;
		height: 300px;
		margin: 0;
		padding: 0;
		float: right;
	}

	#col-container{
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 60px 0;
		display: flex;
		flex-direction: row;
		align-items: center;
		overflow: hidden;
	}

	.col-img-01 {
		position: relative;
		background-image: url("../../images/comuns/foto001.jpg");
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		/*opacity: 0.65;*/
		background-size: cover;
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat
	}

	.col-img-02 {
		position: relative;
		background-image: url("../../images/comuns/foto002.jpg");
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		/*opacity: 0.65;*/
		background-size: cover;
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat
	}


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

	.marca{
		position: absolute;
		z-index: 10000;
		left: 10px;
		width: 200px;
		height:auto;
		margin: 10px;
		padding: 0px;
		float: left;
		overflow: hidden;
	}
	.marca img{
		width:100%;
		height:auto;
		-webkit-filter: drop-shadow(3px 4px 3px rgba(0,0,0,0.2));
		filter: drop-shadow(2px 4px 3px rgba(0,0,0,0.2) );
	}

	/*************************************************************************************
	FATIAS
	**************************************************************************************/

	#slice{
		width: 100%;
		min-height: 5px;
		margin: 2px;
		padding: 2px;

		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
	}

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

	#slice-2{
		width: 45%;
		min-height: 5px;
		margin: 2px;
		padding: 2px;
		
		/*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-3{
		width: 100%;
		min-height: 5px;
		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-container{
			min-height: 5px;
			margin: 4px auto;
			padding: 5px 5px;
			overflow: hidden;
			
			/*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;
			
			/*background: rgba(255,255,255,0.35);*/
			background: linear-gradient(to bottom, rgba(198, 198, 198, 0.2), rgba(255, 255, 255, 0));
			box-shadow: 0px 0px 5px rgba(228,228,228,0.7);
			
			/* rounded corner */
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		
	/*******************************************image */

	.slice-image img{
		position: center;
		bottom: 0;
		width: 100%;
		height: auto;
		margin: 0;
		overflow: hidden;
		
		aspect-ratio: 4/ 3;
		object-fit: cover;
		background: transparent;
		
		/*box-shadow: 2px 1px 2px rgba(0,0,0,0.2);*/
		
		/* rounded corner */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

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

	.slice-text h1{
		margin: 0 0;
		padding: 0;
		font-size: 1.35rem;
		font-weight: 300;
		letter-spacing: -.5px;
		line-height: 1.1em;
	}

	.slice-text h2{
		margin: 0;
		padding: 0;
		font-size: 1.12rem;
		font-weight: 300;
		letter-spacing: -1px;
		line-height: 1.2em;
	}

	.slice-text h3{
		margin: 0;
		padding: 0;
		font-size: 1rem;
		font-weight: 300;
		letter-spacing: 0px;
		line-height: 1.2em;
	}

	.slice-text p{
		margin: 0;
		padding: 0;
		font-size: .9rem;
		font-weight: 300;
		line-height: 1.25;
	}

		.slice-title{
			clear: both;
			width: 100%;
			height: 60px;
			margin:0 auto;
			padding: 5px 0px;
			overflow: hidden;
		}
		
		.slice-corpo{
			clear: both;
			width: 98%;
			min-height: 70px;
			margin:0 auto;
			padding: 0px;
			overflow: hidden;
		}

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

	#footer-slice{
		width: 100%;
		height:auto;
		margin:2px;
		padding:0px;

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

	#footer-slice-2{
		width:100%;
		min-height: 2px;
		margin:2px;
		padding:0px;
		
		/*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;
	}
	
}

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