/************************************************************************************
MAIN NAVIGATION 980px
*************************************************************************************/
@media all and (max-width : 980px) {	
		
	.top-margin{
		margin: 90px auto 0 auto;
		padding: 0;
	}

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

	#col-max{
		clear:both;
		width:100%;
		margin:0 auto;
		padding:0;
	}

	#container{
		clear:both;
		width: 95%;
		height:auto;
		margin: 0 auto;
		padding: 70px 0;
		overflow:hidden;
	}

	#header{
		position: fixed;
		top:0;
		width:100%;
		height: auto;
		margin:0 auto;
		padding: 0;
		z-index: 50000;
		background: rgba(255,255,255,0.9);
		box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
	}

	#header-container{
		width: 95%;
		height: auto;
		margin:0 auto;
		padding: 15px 0 0 0;
	}

	.header-container-text h1{
		margin: 5px 0;
		padding: 0;
		font-size: 3.5em;
		font-weight: 800;
		letter-spacing: -2px;
		line-height: 1em;
	}

	.header-container-text h2{
		margin: 5px 0;
		padding: 0;
		font-size: 2.1em;
		font-weight: 500;
		letter-spacing: -1px;
		line-height: 1.2em;
	}

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

	.marca{
		width: 100px;
		height:auto;
		margin: 5px 0;
		padding: 0px;
		float: left;
	}
	.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: 30%;
		min-height: 5px;
		margin: 5px;
		padding: 10px;

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

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

	#slice-2{
		width:21%;
		min-height: 5px;
		margin: 5px;
		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-3{
		width:70%;
		min-height: 5px;
		margin: 8px;
		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-container{
			width: 96%;
			min-height: 5px;
			margin: 0 auto;
			padding: 5px;
			text-align: center;
			
			/*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.95);
			box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
			
			/* rounded corner */
			-webkit-border-radius: 13px;
			-moz-border-radius: 13px;
			border-radius: 13px;
		}
		
	/*******************************************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: relative;
		top: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		overflow:hidden;
		
		box-shadow: 2px 1px 2px rgba(0,0,0,0.2);
		
		/* rounded corner */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

		.slice-image-icon {
			width: 90px;
			height: auto;
			margin: 0 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;
		}
		
	/*******************************************slice-text */

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

	.slice-text h1{
		margin: 3px 0;
		padding: 0;
		font-size: 3.1em;
		font-weight: 900;
		letter-spacing: -1px;
		line-height: 1em;
	}

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

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

	.slice-text p{
		font-size: 1.25em;
		font-weight: 300;
		line-height: 1.3;
		text-align: justify;
	}

	.slice-text a {
		font-weight: 300;
		color: #242427;
		text-decoration:none;
	}

	.slice-text a:hover {
		color: #0080ff;
		text-decoration: none;
	}

		.slice-title{
			clear: both;
			width: 100%;
			min-height:140px;
			height: auto;
			margin:0 auto;
			padding:0px 3px;
			overflow: hidden;
		}

	/*************************************************************************************
	LINK
	**************************************************************************************/

	a.link {
		cursor: pointer;
		color: #130e00;
		display: block;
		margin: 0px auto 0 50%;
		padding: 10px 25px; 
		font-size: 1em;
		font-weight: 500;
		text-decoration: none;
		text-align: center;
		float: right;
		
		/*background*/
		background: #f0e523;
		
		/* rounded corner */
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	}

	a.link:hover{
		/*color*/
		color:#000;
		
		/*background*/
		background: #e9de10; 
		text-decoration: none;
		
		/*transition*/
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
			
		/*shadom*/
		box-shadow: 0px 0px 20px rgba(233,222,16,0.9);
		
	}

	/***********/

	a.link-2 {
		width: 33px;
		height: 27px;
		cursor: pointer;
		color: #130e00;
		display: block;
		margin: 0px auto;
		padding: 3px 0px; 
		font-size: 1.5em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background: #f0e523;
		
		/* rounded corner */
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	}

	a.link-2:hover{
		/*color*/
		color:#000;
		
		/*background*/
		background: #e9de10; 
		text-decoration: none;
		
		/*transition*/
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
			
		/*shadom*/
		box-shadow: 0px 0px 20px rgba(233,222,16,0.9);
		
	}
	/*************************************************************************************
	LINK-WHATSAPP
	**************************************************************************************/

	a.link-whatsapp {
		cursor: pointer;
		color: #FFF;
		display: block;
		padding: 10px 25px; 
		margin: 1px auto;
		font-size: 1.15em;
		text-decoration: none;
		text-align: center;
		float: left;
		
		/*background*/
		background:rgba(70,140,0,1);
		
		/*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: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

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

	/*************************************************************************************
	LINK-MAIL
	**************************************************************************************/

	a.link-mail {
		width: 35%;
		cursor: pointer;
		color: #000;
		display: block;
		padding: 10px 25px; 
		margin: 1px auto;
		font-size:1em;
		font-weight: 500;
		text-decoration: none;
		text-align: center;
		float: center;	

		/*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-color: #f0e523;
			
		border: .5px solid rgba(255,255,255,0.7);
		border-width: thin;
		
		/* rounded corner */
		-webkit-border-radius: 8px;
		-moz-border-radius:8px;
		border-radius: 8px;
	}

	a.link-mail:hover{
		text-decoration: none;
		/*color*/
		color: #000;
		/*background*/
		background-color: #e9de10;
		box-shadow: 0px 0px 20px rgba(233,222,16,0.9);
		
		border: .5px solid rgba(233,222,16,0.9);
		border-width: thin;
	}


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

	a.voltar {
		cursor: pointer;
		width:40px;
		color: #0E4BB3;
		display: block;
		padding: 10px 0; 
		margin: 50px auto;
		font-size:1.8em;
		text-decoration: none;
		background:#FFF;
		
		/*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: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		
		border: .5px solid #0E4BB3;
		border-width: thin;
		
		/*shadom*/
		box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	}

	a.voltar:hover{
		height: auto;  
		/*color*/
		color: #FFF;
		/*background*/
		background-color: #0E4BB3;
		box-shadow: 0px 0px 20px rgba(14,75,179,0.9);
		
		border: .5px solid rgba(255,255,255,0.7);
		border-width: thin;
	}

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

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

	#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{
		font-weight: 500;
		width: 100%;
		min-height: 2px;
		margin:2px auto;
		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 ul{
		width: 100%;
		margin: 5px auto 0 auto;
		padding: 0;
		text-align: left;
		display: block;
		/* rounded corner 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;*/
		float:none;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		overflow:hidden;
	}

	#feet_text li{
		font-weight: 500;
		text-align: left;
		margin: 5px auto;
		padding: 0;
		display: block;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		overflow:hidden;
	}

	#feet_text h2{
		text-align: left;
		margin: 0;
		padding: 0px 0;
		font-size: 1.07em;
		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: 1.15em;
		font-weight: 400;
		line-height: 1.4em;
		letter-spacing:0px;
		text-decoration: none;
	}

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

	#feet_text a:hover{
		text-decoration:none;
		color: #0E4BB3;
	}

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

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

	.feet-icon{
		color: #0E4BB3;
	}

	/************************************************************************************
	EFEITOS
	*************************************************************************************/

	/*********CINZA*********/

		.color_gray{
			cursor:pointer;
			-webkit-filter:grayscale(100%);
		}
		.color_gray:hover{
			-webkit-filter:grayscale(0%);
			transition: .3s;
		}

	/*********MASCARA*********/

	.mascara {
		cursor: pointer;
		position: relative;
		width: 100%;
	}

	.image {
		display: block;
		width: 100%;
		height: auto;
	}

	.overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		transition: .5s ease;
		background-color: rgba(0,0,0,0.7);
		
		/* rounded corner */
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}

	.mascara:hover .overlay {
		opacity: 1;
	}

	.text {
		color: white;
		font-family: "Poppins", serif;
		font-size: 1.3em;
		font-weight: 300;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: center;
	}

	.text a{
		font-family: "Poppins", serif;
		color: white;
		text-decoration: none;
	}

	#bar{
		width: 5px;
		height: 15%;
		margin: 5% 2%;
		padding: 0;
		text-align: center;
		float: center;	
		/*background-image: url("../../images/comuns/barr.svg");*/
		background-color: #3373ac;
	}

}

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

	.top-margin{
		margin: 90px auto 0 auto;
		padding: 0;
	}

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

	#col-max{
		clear:both;
		width:100%;
		margin:0 auto;
		padding:0;
	}

	#container{
		clear:both;
		width: 95%;
		height:auto;
		margin: 0 auto;
		padding: 70px 0;
		overflow:hidden;
	}

	#header{
		position: fixed;
		top:0;
		width:100%;
		height: auto;
		margin:0 auto;
		padding: 0;
		z-index: 50000;
		background: rgba(255,255,255,0.9);
		box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
	}

	#header-container{
		width: 95%;
		height: auto;
		margin:0 auto;
		padding: 15px 0 0 0;
	}

	.header-container-text h1{
		margin: 5px 0;
		padding: 0;
		font-size: 3em;
		font-weight: 700;
		letter-spacing: -2px;
		line-height: 1em;
	}

	.header-container-text h2{
		margin: 5px 0;
		padding: 0;
		font-size: 1.8em;
		font-weight: 500;
		letter-spacing: -1px;
		line-height: 1.2em;
	}

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

	.marca{
		width: 100px;
		height:auto;
		margin: 5px auto;
		padding: 0px;
		float: none;
	}
	.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: 46%;
		min-height: 5px;
		margin: 5px;
		padding: 10px;

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

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

	#slice-2{
		width:21%;
		min-height: 5px;
		margin: 5px;
		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-3{
		width:70%;
		min-height: 5px;
		margin: 8px;
		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-container{
			width: 96%;
			min-height: 5px;
			margin: 0 auto;
			padding: 5px;
			text-align: center;
			
			/*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.95);
			box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
			
			/* rounded corner */
			-webkit-border-radius: 13px;
			-moz-border-radius: 13px;
			border-radius: 13px;
		}
		
	/*******************************************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: relative;
		top: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		overflow:hidden;
		
		box-shadow: 2px 1px 2px rgba(0,0,0,0.2);
		
		/* rounded corner */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

		.slice-image-icon {
			width: 90px;
			height: auto;
			margin: 0 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;
		}
		
	/*******************************************slice-text */

	.slice-text h1{
		margin: 3px 0;
		padding: 0;
		font-size: 2.9em;
		font-weight: 900;
		letter-spacing: -1px;
		line-height: 1em;
	}

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

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

	.slice-text p{
		font-size: 1.2em;
		font-weight: 300;
		line-height: 1.3;
		text-align: justify;
	}

	.slice-text a {
		font-weight: 300;
		color: #242427;
		text-decoration:none;
	}

	.slice-text a:hover {
		color: #0080ff;
		text-decoration: none;
	}

		.slice-title{
			clear: both;
			width: 100%;
			min-height:140px;
			height: auto;
			margin:0 auto;
			padding:0px 3px;
			overflow: hidden;
		}

	/*************************************************************************************
	LINK
	**************************************************************************************/

	a.link {
		cursor: pointer;
		color: #130e00;
		display: block;
		margin: 0px auto 0 50%;
		padding: 10px 25px; 
		font-size: 1em;
		font-weight: 500;
		text-decoration: none;
		text-align: center;
		float: right;
		
		/*background*/
		background: #f0e523;
		
		/* rounded corner */
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	}

	a.link:hover{
		/*color*/
		color:#000;
		
		/*background*/
		background: #e9de10; 
		text-decoration: none;
		
		/*transition*/
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
			
		/*shadom*/
		box-shadow: 0px 0px 20px rgba(233,222,16,0.9);
		
	}

	/***********/

	a.link-2 {
		width: 33px;
		height: 27px;
		cursor: pointer;
		color: #130e00;
		display: block;
		margin: 0px auto;
		padding: 3px 0px; 
		font-size: 1.5em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background: #f0e523;
		
		/* rounded corner */
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	}

	a.link-2:hover{
		/*color*/
		color:#000;
		
		/*background*/
		background: #e9de10; 
		text-decoration: none;
		
		/*transition*/
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
			
		/*shadom*/
		box-shadow: 0px 0px 20px rgba(233,222,16,0.9);
		
	}
	/*************************************************************************************
	LINK-WHATSAPP
	**************************************************************************************/

	a.link-whatsapp {
		cursor: pointer;
		color: #FFF;
		display: block;
		padding: 10px 25px; 
		margin: 1px auto;
		font-size: 1.15em;
		text-decoration: none;
		text-align: center;
		float: left;
		
		/*background*/
		background:rgba(70,140,0,1);
		
		/*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: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

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

	/*************************************************************************************
	LINK-MAIL
	**************************************************************************************/

	a.link-mail {
		width: 35%;
		cursor: pointer;
		color: #000;
		display: block;
		padding: 10px 25px; 
		margin: 1px auto;
		font-size:1em;
		font-weight: 500;
		text-decoration: none;
		text-align: center;
		float: center;	

		/*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-color: #f0e523;
			
		border: .5px solid rgba(255,255,255,0.7);
		border-width: thin;
		
		/* rounded corner */
		-webkit-border-radius: 8px;
		-moz-border-radius:8px;
		border-radius: 8px;
	}

	a.link-mail:hover{
		text-decoration: none;
		/*color*/
		color: #000;
		/*background*/
		background-color: #e9de10;
		box-shadow: 0px 0px 20px rgba(233,222,16,0.9);
		
		border: .5px solid rgba(233,222,16,0.9);
		border-width: thin;
	}


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

	a.voltar {
		cursor: pointer;
		width:40px;
		color: #faaf2b;
		display: block;
		padding: 10px 0; 
		margin: 50px auto;
		font-size:1.8em;
		text-decoration: none;
		background:#FFF;
		
		/*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: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		
		border: .5px solid #faaf2b;
		border-width: thin;
		
		/*shadom*/
		box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	}

	a.voltar:hover{
		height: auto;  
		/*color*/
		color: #FFF;
		/*background*/
		background-color: #faaf2b;
		box-shadow: 0px 0px 20px rgba(14,75,179,0.9);
		
		border: .5px solid rgba(255,255,255,0.7);
		border-width: thin;
	}

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

	#footer-slice{
		width:45%;
		height:auto;
		margin: 10px 0px;
		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: 10px 0;
		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{
		font-weight: 500;
		width: 100%;
		min-height: 2px;
		margin:2px auto;
		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 ul{
		width: 100%;
		margin: 5px auto 0 auto;
		padding: 0;
		text-align: left;
		display: block;
		/* rounded corner 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;*/
		float:none;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		overflow:hidden;
	}

	#feet_text li{
		font-weight: 500;
		text-align: left;
		margin: 5px auto;
		padding: 0;
		display: block;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		overflow:hidden;
	}

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

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

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

	#feet_text a:hover{
		text-decoration:none;
		color: #0E4BB3;
	}

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

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

	.feet-icon{
		color: #0E4BB3;
	}

	/************************************************************************************
	EFEITOS
	*************************************************************************************/

	/*********CINZA*********/

		.color_gray{
			cursor:pointer;
			-webkit-filter:grayscale(100%);
		}
		.color_gray:hover{
			-webkit-filter:grayscale(0%);
			transition: .3s;
		}

	/*********MASCARA*********/

	.mascara {
		cursor: pointer;
		position: relative;
		width: 100%;
	}

	.image {
		display: block;
		width: 100%;
		height: auto;
	}

	.overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		transition: .5s ease;
		background-color: rgba(0,0,0,0.7);
		
		/* rounded corner */
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}

	.mascara:hover .overlay {
		opacity: 1;
	}

	.text {
		color: white;
		font-family: "Poppins", serif;
		font-size: 1em;
		font-weight: 400;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: center;
	}

	.text a{
		font-family: "Poppins", serif;
		color: white;
		text-decoration: none;
	}
	
}

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

	.top-margin{
		margin: 90px auto 0 auto;
		padding: 0;
	}

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

	#container{
		clear:both;
		width: 95%;
		height:auto;
		margin: 0 auto;
		padding: 50px 0;
		overflow:hidden;
	}

	#header{
		position: fixed;
		top:0;
		width:100%;
		height: auto;
		margin:0 auto;
		padding: 0;
		z-index: 50000;
		background: rgba(255,255,255,0.9);
		box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
	}

	#header-container{
		width: 95%;
		height: auto;
		margin:0 auto;
		padding: 15px 0 0 0;
	}

	.header-container-text h1{
		margin: 5px 0;
		padding: 0;
		font-size: 2.2em;
		font-weight: 700;
		letter-spacing: -2px;
		line-height: 1em;
	}

	.header-container-text h2{
		margin: 5px 0;
		padding: 0;
		font-size: 1.6em;
		font-weight: 500;
		letter-spacing: -1px;
		line-height: 1.2em;
	}

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

	.marca{
		width: 110px;
		height:auto;
		margin: 5px auto;
		padding: 0px;
		float: none;
	}
	.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: 47%;
		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;
	}

	#slice-1{
		width:47%;
		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;
	}

	#slice-2{
		width:21%;
		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-3{
		width:70%;
		min-height: 5px;
		margin: 8px;
		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-container{
			width: 96%;
			min-height: 5px;
			margin: 0 auto;
			padding: 5px;
			text-align: center;
			
			/*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.95);
			box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
			
			/* rounded corner */
			-webkit-border-radius: 13px;
			-moz-border-radius: 13px;
			border-radius: 13px;
		}
		
	/*******************************************image */

		.slice-image-icon {
			width: 70px;
			height: auto;
			margin: 0 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;
		}
		
	/*******************************************slice-text */

	.slice-text h1{
		margin: 3px 0;
		padding: 0;
		font-size: 2.5em;
		font-weight: 900;
		letter-spacing: -1px;
		line-height: 1em;
	}

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

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

	.slice-text p{
		font-size: 1.1em;
		font-weight: 300;
		line-height: 1.3;
		text-align: justify;
	}

	/*************************************************************************************
	LINK
	**************************************************************************************/

	a.link {
		cursor: pointer;
		color: #130e00;
		display: block;
		margin: 0px auto 0 50%;
		padding: 10px 25px; 
		font-size: 1em;
		font-weight: 500;
		text-decoration: none;
		text-align: center;
		float: right;
		
		/*background*/
		background: #f0e523;
		
		/* rounded corner */
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	}

	a.link:hover{
		/*color*/
		color:#000;
		
		/*background*/
		background: #e9de10; 
		text-decoration: none;
		
		/*transition*/
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
			
		/*shadom*/
		box-shadow: 0px 0px 20px rgba(233,222,16,0.9);
		
	}

	/***********/

	a.link-2 {
		width: 33px;
		height: 27px;
		cursor: pointer;
		color: #130e00;
		display: block;
		margin: 0px auto;
		padding: 3px 0px; 
		font-size: 1.5em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background: #f0e523;
		
		/* rounded corner */
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	}

	a.link-2:hover{
		/*color*/
		color:#000;
		
		/*background*/
		background: #e9de10; 
		text-decoration: none;
		
		/*transition*/
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
			
		/*shadom*/
		box-shadow: 0px 0px 20px rgba(233,222,16,0.9);
		
	}
	/*************************************************************************************
	LINK-WHATSAPP
	**************************************************************************************/

	a.link-whatsapp {
		cursor: pointer;
		color: #FFF;
		display: block;
		padding: 10px 25px; 
		margin: 1px auto;
		font-size: 1.15em;
		text-decoration: none;
		text-align: center;
		float: left;
		
		/*background*/
		background:rgba(70,140,0,1);
		
		/*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: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

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

	/*************************************************************************************
	LINK-MAIL
	**************************************************************************************/

	a.link-mail {
		width: 35%;
		cursor: pointer;
		color: #000;
		display: block;
		padding: 10px 25px; 
		margin: 1px auto;
		font-size:1em;
		font-weight: 500;
		text-decoration: none;
		text-align: center;
		float: center;	

		/*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-color: #f0e523;
			
		border: .5px solid rgba(255,255,255,0.7);
		border-width: thin;
		
		/* rounded corner */
		-webkit-border-radius: 8px;
		-moz-border-radius:8px;
		border-radius: 8px;
	}

	a.link-mail:hover{
		text-decoration: none;
		/*color*/
		color: #000;
		/*background*/
		background-color: #e9de10;
		box-shadow: 0px 0px 20px rgba(233,222,16,0.9);
		
		border: .5px solid rgba(233,222,16,0.9);
		border-width: thin;
	}

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

	#footer-slice{
		width:45%;
		height:auto;
		margin: 10px 0px;
		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: 10px 0;
		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: 1em;
		font-weight: 500;
		line-height: 1.4em;
		letter-spacing:0px;
		text-decoration: none;
	}

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

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

	#feet_text a:hover{
		text-decoration:none;
		color: #0E4BB3;
	}

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

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

	.feet-icon{
		color: #0E4BB3;
	}

}

/************************************************************************************
MAIN NAVIGATION 680
*************************************************************************************/
@media all and (max-width : 680px) {
	
	.top-margin{
		margin: 90px auto 0 auto;
		padding: 0;
	}

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

	#container{
		clear:both;
		width: 95%;
		height:auto;
		margin: 0 auto;
		padding: 50px 0;
		overflow:hidden;
	}

	#header{
		position: fixed;
		top:0;
		width:100%;
		height: auto;
		margin:0 auto;
		padding: 0;
		z-index: 50000;
		background: rgba(255,255,255,0.9);
		box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
	}

	#header-container{
		width: 95%;
		height: auto;
		margin:0 auto;
		padding: 15px 0 0 0;
	}

	.header-container-text h1{
		margin: 5px 0;
		padding: 0;
		font-size: 2.2em;
		font-weight: 700;
		letter-spacing: -2px;
		line-height: 1em;
	}

	.header-container-text h2{
		margin: 5px 0;
		padding: 0;
		font-size: 1.6em;
		font-weight: 500;
		letter-spacing: -1px;
		line-height: 1.2em;
	}

	#col-01{
		width: 50%;
		height: auto;
		margin: 0;
		padding: 0;
	}

		#col-01-container{
			clear:both;
			width: 80%;
			margin: 10px;
			padding: 10px 0;
			float: right;
			overflow:hidden;
		}

	#col-02{
		width: 50%;
		height: auto;
		margin: 0;
		padding: 0;
	}

		#col-02-container{
			clear:both;
			width: 80%;
			margin: 10px;
			padding: 10px 0;
			float: left;
			overflow:hidden;
		}
	
	/************************************************************************************
	MARCA
	*************************************************************************************/

	.marca{
		width: 240px;
		height:auto;
		margin: 5px auto;
		padding: 0px;
		float: none;
	}
	.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: 5px;
		padding: 5px;

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

	#slice-1{
		width:45%;
		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;
	}

	#slice-2{
		width:21%;
		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-3{
		width:100%;
		min-height: 5px;
		margin: 8px;
		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-container{
			width: 96%;
			min-height: 5px;
			margin: 0 auto;
			padding: 5px;
			text-align: center;
			
			/*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.95);
			box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
			
			/* rounded corner */
			-webkit-border-radius: 13px;
			-moz-border-radius: 13px;
			border-radius: 13px;
		}
		
	/*******************************************image */

		.slice-image-icon {
			width: 70px;
			height: auto;
			margin: 0 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;
		}
		
	/*******************************************slice-text */

	.slice-text h1{
		margin: 3px 0;
		padding: 0;
		font-size: 2.1em;
		font-weight: 900;
		letter-spacing: -1px;
		line-height: 1em;
	}

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

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

	.slice-text p{
		font-size: 1.05em;
		font-weight: 300;
		line-height: 1.3;
		text-align: justify;
	}

	/*************************************************************************************
	LINK
	**************************************************************************************/

	a.link {
		cursor: pointer;
		color: #130e00;
		display: block;
		margin: 0px auto 0 50%;
		padding: 10px 25px; 
		font-size: 1em;
		font-weight: 500;
		text-decoration: none;
		text-align: center;
		float: right;
		
		/*background*/
		background: #f0e523;
		
		/* rounded corner */
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	}

	a.link:hover{
		/*color*/
		color:#000;
		
		/*background*/
		background: #e9de10; 
		text-decoration: none;
		
		/*transition*/
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
			
		/*shadom*/
		box-shadow: 0px 0px 20px rgba(233,222,16,0.9);
		
	}

	/***********/

	a.link-2 {
		width: 33px;
		height: 27px;
		cursor: pointer;
		color: #130e00;
		display: block;
		margin: 0px auto;
		padding: 3px 0px; 
		font-size: 1.5em;
		text-decoration: none;
		text-align: center;
		
		/*background*/
		background: #f0e523;
		
		/* rounded corner */
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	}

	a.link-2:hover{
		/*color*/
		color:#000;
		
		/*background*/
		background: #e9de10; 
		text-decoration: none;
		
		/*transition*/
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
			
		/*shadom*/
		box-shadow: 0px 0px 20px rgba(233,222,16,0.9);
		
	}
	/*************************************************************************************
	LINK-WHATSAPP
	**************************************************************************************/

	a.link-whatsapp {
		cursor: pointer;
		color: #FFF;
		display: block;
		padding: 10px 25px; 
		margin: 1px auto;
		font-size: 1.15em;
		text-decoration: none;
		text-align: center;
		float: left;
		
		/*background*/
		background:rgba(70,140,0,1);
		
		/*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: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

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

	/*************************************************************************************
	LINK-MAIL
	**************************************************************************************/

	a.link-mail {
		width: 35%;
		cursor: pointer;
		color: #000;
		display: block;
		padding: 10px 25px; 
		margin: 1px auto;
		font-size:1em;
		font-weight: 500;
		text-decoration: none;
		text-align: center;
		float: center;	

		/*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-color: #f0e523;
			
		border: .5px solid rgba(255,255,255,0.7);
		border-width: thin;
		
		/* rounded corner */
		-webkit-border-radius: 8px;
		-moz-border-radius:8px;
		border-radius: 8px;
	}

	a.link-mail:hover{
		text-decoration: none;
		/*color*/
		color: #000;
		/*background*/
		background-color: #e9de10;
		box-shadow: 0px 0px 20px rgba(233,222,16,0.9);
		
		border: .5px solid rgba(233,222,16,0.9);
		border-width: thin;
	}

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

	#footer-slice{
		width:45%;
		height:auto;
		margin: 10px 0px;
		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: 10px 0;
		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: 1em;
		font-weight: 500;
		line-height: 1.4em;
		letter-spacing:0px;
		text-decoration: none;
	}

	#feet_text p{
		text-align: left;
		margin:5px 0 0 0;
		padding:5px 0 0 0;
		font-size: 1em;
		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;
	}	

	.feet-icon{
		color: #0E4BB3;
	}
	
}

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

	.top-margin{
		margin: 100px auto 0 auto;
		padding: 0;
	}

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

	#container{
		clear:both;
		width: 95%;
		height:auto;
		margin: 0 auto;
		padding: 50px 0;
		overflow:hidden;
	}

	#header{
		position: fixed;
		top:0;
		width:100%;
		height: auto;
		margin:0 auto;
		padding: 0;
		z-index: 50000;
		background: rgba(255,255,255,0.9);
		box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
	}

	#header-container{
		width: 95%;
		height: auto;
		margin:0 auto;
		padding: 15px 0 0 0;
	}

	.header-container-text h1{
		margin: 5px 0;
		padding: 0;
		font-size: 1.7em;
		font-weight: 700;
		letter-spacing: -2px;
		line-height: 1em;
	}

	.header-container-text h2{
		margin: 5px 0;
		padding: 0;
		font-size: 1.3em;
		font-weight: 500;
		letter-spacing: -1px;
		line-height: 1.2em;
	}

	#col-01{
		width: 50%;
		height: auto;
		margin: 0;
		padding: 0;
	}

		#col-01-container{
			clear:both;
			width: 80%;
			margin: 10px;
			padding: 10px 0;
			float: right;
			overflow:hidden;
		}

	#col-02{
		width: 50%;
		height: auto;
		margin: 0;
		padding: 0;
	}

		#col-02-container{
			clear:both;
			width: 80%;
			margin: 10px;
			padding: 10px 0;
			float: left;
			overflow:hidden;
		}
		
	/************************************************************************************
	MARCA
	*************************************************************************************/

	.marca{
		width: 210px;
		height:auto;
		margin: 5px auto;
		padding: 0px;
		float: none;
	}
	.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: 5px;
		padding: 5px;

		/*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: 5px;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
	}

	#slice-2{
		width:30%;
		min-height: 5px;
		margin: 0 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: 8px;
		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-container{
			width: 96%;
			min-height: 5px;
			margin: 0 auto;
			padding: 5px;
			text-align: center;
			
			/*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.95);
			box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
			
			/* rounded corner */
			-webkit-border-radius: 13px;
			-moz-border-radius: 13px;
			border-radius: 13px;
		}
		
	/*******************************************image */

		.slice-image-icon {
			width: 70px;
			height: auto;
			margin: 0 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;
		}
		
	/*******************************************slice-text */

	.slice-text h1{
		margin: 3px 0;
		padding: 0;
		font-size: 2.1em;
		font-weight: 900;
		letter-spacing: -1px;
		line-height: 1em;
	}

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

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

	.slice-text p{
		font-size: 1.05em;
		font-weight: 300;
		line-height: 1.3;
		text-align: justify;
	}

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

	#footer-slice{
		width: 100%;
		height:auto;
		margin: 10px 0px;
		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: 10px 0;
		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: 1em;
		font-weight: 500;
		line-height: 1.4em;
		letter-spacing:0px;
		text-decoration: none;
	}

	#feet_text p{
		text-align: left;
		margin:5px 0 0 0;
		padding:5px 0 0 0;
		font-size: 1em;
		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;
	}	

	.feet-icon{
		color: #0E4BB3;
	}
	
}

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

.top-margin{
		margin: 100px auto 0 auto;
		padding: 0;
	}

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

	.header-container-text h1{
		margin: 5px 0;
		padding: 0;
		font-size: 1.7em;
		font-weight: 700;
		letter-spacing: -2px;
		line-height: 1em;
	}

	.header-container-text h2{
		margin: 5px 0;
		padding: 0;
		font-size: 1.3em;
		font-weight: 500;
		letter-spacing: -1px;
		line-height: 1.2em;
	}

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

	.marca{
		width: 210px;
		height:auto;
		margin: 5px auto;
		padding: 0px;
		float: none;
	}
	.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: 5px;
		padding: 5px;

		/*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: 5px;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
	}

	#slice-2{
		width: 40%;
		min-height: 5px;
		margin: 0 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: 8px;
		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-container{
			width: 96%;
			min-height: 5px;
			margin: 0 auto;
			padding: 5px;
			text-align: center;
			
			/*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.95);
			box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
			
			/* rounded corner */
			-webkit-border-radius: 13px;
			-moz-border-radius: 13px;
			border-radius: 13px;
		}
		
	/*******************************************slice-text */

	.slice-text h1{
		margin: 3px 0;
		padding: 0;
		font-size: 2.1em;
		font-weight: 900;
		letter-spacing: -1px;
		line-height: 1em;
	}

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

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

	.slice-text p{
		font-size: 1.05em;
		font-weight: 300;
		line-height: 1.3;
		text-align: justify;
	}

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

	#footer-slice{
		width: 100%;
		height:auto;
		margin: 10px 0px;
		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: 10px 0;
		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) {



}