@media (max-width:479px) 
{
	/* BANNER AREA 1*/
	.banner-container-fluid
	{
		background-color:#F4F4F4;
		padding-bottom: 30px;
		padding-top: 30px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.banner-container
	{
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.banner-area-01
	{
	padding-bottom: 30px;
	}
	
	.banner-area-02
	{
	}
    
    /* clubedevantagens */
	.clubedevantagens-container-fluid
	{
		background-color: #060339;
		padding-left: 0px;
		padding-right: 0px;
	}
	.clubedevantagens-container
	{
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.clubedevantagens-area-01 img
	{
	       max-width: 320px;
	}
	
	.clubedevantagens-area-02 img
	{
	       max-width: 320px;
	}
    
    
	
	/* NEWSLETTER*/
	.newsletter-container-fluid
	{
	background-color: #E5E5E5;
	}
	.newsletter-container
	{
	background-color: #c0cd63;
	padding-bottom: 30px;
	padding-top: 30px;
	padding-left: 0px;
	padding-right: 0px;
	}
	.newsletter-area-01
	{
		
display: none;
	}
	.newsletter-area-01 .newsletter-img
	{
		margin-top:-25px;
	}
	.newsletter-area-02
	{
		
	}
	.newsletter-area-02 .chamada
	{
	color: #ffffff;
	font-size: 18px;
	padding-bottom: 0px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	}
	.newsletter-area-02 .newsletter-input
	{
		border: none;
		box-shadow: none;
		border-bottom: 4px solid #6a732e;
		border-radius: 0px;
		color: #fff;
		font-size: 15px;
		padding-left: 10px;
		padding-right: 10px;
		width: 80%;
		background-color: #C0CD63;
		font-family: 'Raleway', sans-serif;
		font-weight:300;
		display: inline-block;
	}
	.newsletter-area-02 .newsletter-btn
	{
		border: none;
		background: none;
		font-size: 27px;
		padding: 0px;
		color: #6a732e;
		float: right;
	}
	
	.newsletter-area-02 .newsletter-input::-webkit-input-placeholder
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	.newsletter-area-02 .newsletter-input:-moz-placeholder
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	.newsletter-area-02 .newsletter-input::-moz-placeholder
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	.newsletter-area-02 .newsletter-input:-ms-input-placeholder 
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	
	
	
	/* BANNER AREA 2 */
	.banner-02-container-fluid
	{
		background-color: #F4F4F4;
		padding-top: 30px;
		padding-bottom: 15px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.banner-02-container 
	{
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.scroll-area
	{
		width:100%;
	}
	
	
	.scroll-area .box-holder
	{
	margin-bottom: 20px;
	}
	
	.scroll-area .box-01
	{
		width: 100%;
		text-align:center;
		height: 130px;
	}
	.scroll-area .box-02
	{
		width: 100%;
		text-align:center;
		padding-bottom: 30px;
		padding-top: 20px;
	}
	.scroll-area .box-02 .descricao
	{
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	}
	.scroll-area .box-02 .descricao a
	{
	}	
	.scroll-area .box-02 .descricao a:hover
	{
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	}
	.scroll-area .box-02 .clique
	{
	}
	.scroll-area .box-02 .clique a
	{
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	}	
	.scroll-area .box-02 .clique a:hover
	{
	}
	
	
	
	.banner-02-area-01-color,
	.banner-02-area-01-color:hover
	{		
		color:#000000;
	}
	
	.banner-02-area-02-color,
	.banner-02-area-02-color:hover
	{		
		color:#000000;
	}
	
	.banner-02-area-03-color,
	.banner-02-area-03-color:hover
	{		
		color:#000000;
	}
	
	.banner-02-area-01-img
	{
		display: inline-block;
		max-width: 130px;
		margin-top: 20px;
	}
	
	.banner-02-area-02-img
	{
		display: inline-block;
		max-width: 120px;
		margin-top: 20px;
	}
	
	.banner-02-area-03-img
	{
		display: inline-block;
		max-width: 120px;
		margin-top: 50px;
	}
	
	.banner-02-area-01-bg
	{
		background-color: #000000;
	}
	
	.banner-02-area-02-bg
	{
		background-color: #E4E4E4;
		background-image: url(../img/banner/home/cinza.jpg);
		background-repeat: repeat;
	}	
	
	
	/* BANNER AREA 3 */
	.banner-03-container-fluid
	{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.banner-03-container 
	{
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.banner-03-area-01,
	.banner-03-area-02,
	.banner-03-area-03
	{
	padding-bottom: 15px;
	padding-top: 5px;
	}
	
	.banner-03-area-img
	{
	}
	
	.banner-03-area-img a
	{
	}
	.banner-03-area-img a img
	{
	width: 100%;
	}
	
	.banner-03-area-titulo
	{margin-bottom: 0px;}
	
	.banner-03-area-titulo a
	{
		color:#5459e7;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.banner-03-area-categoria
	{
	}
	.banner-03-area-categoria a
	{
		color:#5459e7;
	}
	
	.banner-03-area-descricao
	{
	}
	.banner-03-area-descricao a
	{
		color:#818181;
	}
}
@media (min-width:480px) and (max-width:767px) 
{
	/* BANNER AREA 1*/
	.banner-container-fluid
	{
		background-color:#F4F4F4;
		padding-bottom: 20px;
		padding-top: 20px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.banner-container
	{
	}
	
	.banner-area-01
	{
	padding-bottom: 20px;
	}
	
	.banner-area-02
	{
	}
    
    /* clubedevantagens */
	.clubedevantagens-container-fluid
	{
		background-color: #060339;
		padding-left: 0px;
		padding-right: 0px;
	}
	.clubedevantagens-container
	{
	}
	
	.clubedevantagens-area-01 img
	{
	}
	
	.clubedevantagens-area-02 img
	{
	       max-width: 320px;
	}
    
	
	/* NEWSLETTER*/
	.newsletter-container-fluid
	{
	background-color: #E5E5E5;
	padding-right: 30px;
	padding-left: 30px;
	}
	.newsletter-container
	{
	background-color: #c0cd63;
	padding-bottom: 30px;
	padding-top: 30px;
	}
	.newsletter-area-01
	{
		
display: none;
	}
	.newsletter-area-01 .newsletter-img
	{
		margin-top:-25px;
	}
	.newsletter-area-02
	{
		
text-align: center;
	}
	.newsletter-area-02 .chamada
	{
		color:#ffffff;
		font-size: 18px;
		padding-bottom: 0px;
		font-family: 'Raleway', sans-serif;
		font-weight:400;
	}
	.newsletter-area-02 .newsletter-input
	{
		border: none;
		box-shadow: none;
		border-bottom: 4px solid #6a732e;
		border-radius: 0px;
		color: #fff;
		font-size: 18px;
		padding-left: 10px;
		padding-right: 10px;
		width: 280px;
		background-color: #C0CD63;
		font-family: 'Raleway', sans-serif;
		font-weight:300;
		display: inline-block;
	}
	.newsletter-area-02 .newsletter-btn
	{
		border: none;
		background: none;
		font-size: 27px;
		padding: 0px;
		color: #6a732e;
	}
	
	.newsletter-area-02 .newsletter-input::-webkit-input-placeholder
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	.newsletter-area-02 .newsletter-input:-moz-placeholder
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	.newsletter-area-02 .newsletter-input::-moz-placeholder
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	.newsletter-area-02 .newsletter-input:-ms-input-placeholder 
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	
	
	
	/* BANNER AREA 2 */
	.banner-02-container-fluid
	{
		background-color: #F4F4F4;
		padding-top: 20px;
		padding-bottom: 5px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.banner-02-container 
	{
	}
	
	.scroll-area
	{
		width:100%;
	}
	
	
	.scroll-area .box-holder
	{
	margin-bottom: 20px;
	}
	
	.scroll-area .box-01
	{
		width: 100%;
		text-align:center;
		font-size: 14px;
		height: 130px;
	}
	.scroll-area .box-02
	{
		width: 100%;
		text-align:center;
		font-size: 14px;
		padding-bottom: 30px;
		padding-top: 20px;
	}
	.scroll-area .box-02 .descricao
	{
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	}
	.scroll-area .box-02 .descricao a
	{
	}	
	.scroll-area .box-02 .descricao a:hover
	{
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	}
	.scroll-area .box-02 .clique
	{
	}
	.scroll-area .box-02 .clique a
	{
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	}	
	.scroll-area .box-02 .clique a:hover
	{
	}
	
	
	
	.banner-02-area-01-color,
	.banner-02-area-01-color:hover
	{		
		color:#000000;
	}
	
	.banner-02-area-02-color,
	.banner-02-area-02-color:hover
	{		
		color:#000000;
	}
	
	.banner-02-area-03-color,
	.banner-02-area-03-color:hover
	{		
		color:#000000;
	}
	
	.banner-02-area-01-img
	{
		display: inline-block;
		max-width: 130px;
		margin-top: 20px;
	}
	
	.banner-02-area-02-img
	{
		display: inline-block;
		max-width: 120px;
		margin-top: 20px;
	}
	
	.banner-02-area-03-img
	{
		display: inline-block;
		max-width: 120px;
		margin-top: 50px;
	}
	
	.banner-02-area-01-bg
	{
		background-color: #622943;
	}
	
	.banner-02-area-02-bg
	{
		background-color: #E4E4E4;
		background-image: url(../img/banner/home/cinza.jpg);
		background-repeat: repeat;
	}	
	.banner-02-area-03-bg
	{
		background-color: #EE3A81;
	}
	
	
	/* BANNER AREA 3 */
	.banner-03-container-fluid
	{
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.banner-03-container 
	{
	
	}
	
	.banner-03-area-01,
	.banner-03-area-02,
	.banner-03-area-03
	{
	padding-bottom: 15px;
	padding-top: 15px;
	}
	
	.banner-03-area-img
	{
	}
	
	.banner-03-area-img a
	{
	display: block;
	}
	.banner-03-area-img a img
	{
	width: 100%;
	}
	
	.banner-03-area-titulo
	{margin-bottom: 0px;}
	
	.banner-03-area-titulo a
	{
		color:#5459e7;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.banner-03-area-categoria
	{
	}
	.banner-03-area-categoria a
	{
		color:#5459e7;
	}
	
	.banner-03-area-descricao
	{
	}
	.banner-03-area-descricao a
	{
		color:#818181;
	}
}
@media (min-width:768px) and (max-width:991px) 
{
	/* BANNER AREA 1*/
	.banner-container-fluid
	{
		background-color:#F4F4F4;
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.banner-container
	{
	}
	
	.banner-area-01
	{
	}
	
	.banner-area-02
	{
	}
    
    /* clube de vantagens*/
	.clubedevantagens-container-fluid
	{
		background-color: #060339;
		padding-bottom: 0px;
		padding-top: 00px;
	}
    
	
	/* NEWSLETTER*/
	.newsletter-container-fluid
	{
		background-color:#c0cd63;
	}
	.newsletter-container
	{
		background-image: url(../img/estrutura/hirota-supermercados-newsletter-bg.jpg);
		background-repeat: no-repeat;
		background-position: left top;	
	}
	.newsletter-area-01
	{
		
	}
	.newsletter-area-01 .newsletter-img
	{
		margin-top:-25px;
	}
	.newsletter-area-02
	{
		
	}
	.newsletter-area-02 .chamada
	{
		color:#ffffff;
		font-size: 18px;
		padding-top: 50px;
		padding-bottom: 0px;
		font-family: 'Raleway', sans-serif;
		font-weight:400;
	}
	.newsletter-area-02 .newsletter-input
	{
		border: none;
		box-shadow: none;
		border-bottom: 4px solid #6a732e;
		border-radius: 0px;
		color: #fff;
		font-size: 18px;
		padding-left: 10px;
		padding-right: 10px;
		width: 280px;
		background-color: #C0CD63;
		font-family: 'Raleway', sans-serif;
		font-weight:300;
	}
	.newsletter-area-02 .newsletter-btn
	{
		border: none;
		background: none;
		font-size: 27px;
		padding: 0px;
		color: #6a732e;
	}
	
	.newsletter-area-02 .newsletter-input::-webkit-input-placeholder
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	.newsletter-area-02 .newsletter-input:-moz-placeholder
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	.newsletter-area-02 .newsletter-input::-moz-placeholder
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	.newsletter-area-02 .newsletter-input:-ms-input-placeholder 
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	
	
	
	/* BANNER AREA 2 */
	.banner-02-container-fluid
	{
		background-color: #F4F4F4;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.banner-02-container 
	{
	}
	
	.scroll-area
	{
		width:100%;
	}
	
	
	.scroll-area .box-holder
	{
	}
	
	.scroll-area .box-01
	{
		width:100%;
		text-align:center;
		font-size: 14px;
		height: 150px;
	}
	.scroll-area .box-02
	{
		width:100%;
		text-align:center;
		font-size: 14px;
		height: 150px;
	}
	.scroll-area .box-02 .descricao
	{
	margin-top: 30px;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	}
	.scroll-area .box-02 .descricao a
	{
	}	
	.scroll-area .box-02 .descricao a:hover
	{
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	}
	.scroll-area .box-02 .clique
	{
	}
	.scroll-area .box-02 .clique a
	{
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	}	
	.scroll-area .box-02 .clique a:hover
	{
	}
	
	
	
	.banner-02-area-01-color,
	.banner-02-area-01-color:hover
	{		
		color:#000000;
	}
	
	.banner-02-area-02-color,
	.banner-02-area-02-color:hover
	{		
		color:#000000;
	}
	
	.banner-02-area-03-color,
	.banner-02-area-03-color:hover
	{		
		color:#000000;
	}
	
	.banner-02-area-01-img
	{
		display: inline-block;
		margin-top: 40px;
		max-width: 60%;
	}
	
	.banner-02-area-02-img
	{
		display: inline-block;
		margin-top: 40px;
		max-width: 52%;
	}
	
	.banner-02-area-03-img
	{
		display: inline-block;
		margin-top: 65px;
		max-width: 61%;
	}
	
	.banner-02-area-01-bg
	{
		background-color: #622943;
	}
	
	.banner-02-area-02-bg
	{
		background-color: #E4E4E4;
		background-image: url(../img/banner/home/cinza.jpg);
		background-repeat: repeat;
	}	.banner-02-area-03-bg
	{
		background-color: #EE3A81;
	}
	
	
	/* BANNER AREA 3 */
	.banner-03-container-fluid
	{
		padding-top: 41px;
		padding-bottom: 50px;
	}
	
	.banner-03-container 
	{
	
	}
	
	.banner-03-area-01,
	.banner-03-area-02,
	.banner-03-area-03
	{
	padding-bottom: 15px;
	padding-top: 15px;
	}
	
	.banner-03-area-img
	{
	}
	
	.banner-03-area-img a
	{
	}
	.banner-03-area-img a img
	{
	}
	
	.banner-03-area-titulo
	{margin-bottom: 0px;}
	
	.banner-03-area-titulo a
	{
		color:#5459e7;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.banner-03-area-categoria
	{
	}
	.banner-03-area-categoria a
	{
		color:#5459e7;
	}
	
	.banner-03-area-descricao
	{
	}
	.banner-03-area-descricao a
	{
		color:#818181;
	}
}
@media (min-width:992px) and (max-width: 1199px)
{
	/* BANNER AREA 1*/
	.banner-container-fluid
	{
		background-color:#F4F4F4;
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.banner-container
	{
	}
	
	.banner-area-01
	{
	}
	
	.banner-area-02
	{
	}
    
    /* Clube de vantagens 1*/
	.clubedevantagens-container-fluid
	{
		background-color: #060339;
		padding-bottom: 0px;
		padding-top: 0px;
	}
    
    
	
	/* NEWSLETTER*/
	.newsletter-container-fluid
	{
		background-color:#c0cd63;
	}
	.newsletter-container
	{
		background-image: url(../img/estrutura/hirota-supermercados-newsletter-bg.jpg);
		background-repeat: no-repeat;
		background-position: left top;	
	}
	.newsletter-area-01
	{
		
	}
	.newsletter-area-01 .newsletter-img
	{
		margin-top:-25px;
	}
	.newsletter-area-02
	{
		
	}
	.newsletter-area-02 .chamada
	{
		color:#ffffff;
		font-size: 24px;
		padding-top: 60px;
		padding-bottom: 30px;
		font-family: 'Raleway', sans-serif;
		font-weight:400;
	}
	.newsletter-area-02 .newsletter-input
	{
		border: none;
		box-shadow: none;
		border-bottom: 4px solid #6a732e;
		border-radius: 0px;
		color: #fff;
		font-size: 18px;
		padding-left: 10px;
		padding-right: 10px;
		width: 280px;
		background-color: #C0CD63;
		font-family: 'Raleway', sans-serif;
		font-weight:300;
	}
	.newsletter-area-02 .newsletter-btn
	{
		border: none;
		background: none;
		font-size: 27px;
		padding: 0px;
		color: #6a732e;
	}
	
	.newsletter-area-02 .newsletter-input::-webkit-input-placeholder
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	.newsletter-area-02 .newsletter-input:-moz-placeholder
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	.newsletter-area-02 .newsletter-input::-moz-placeholder
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	.newsletter-area-02 .newsletter-input:-ms-input-placeholder 
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	
	
	/* BANNER AREA 2 */
	.banner-02-container-fluid
	{
		background-color: #F4F4F4;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.banner-02-container 
	{
	}
	
	.scroll-area
	{
		overflow:hidden;
		width:100%;
		height:260px;
	}
	
	
	.scroll-area .box-holder
	{
		margin-top:0px;
		-webkit-transition: margin 500ms ease-in-out;
		-moz-transition: margin 500ms ease-in-out;
		-o-transition: margin 500ms ease-in-out;
		transition: margin 500ms ease-in-out;
	}
	.scroll-area:hover .box-holder
	{
		margin-top:-260px;
	}
	
	.scroll-area .box-01
	{
		width:100%;
		height:260px;
		text-align:center;
	}
	.scroll-area .box-02
	{
		width:100%;
		height:260px;
		text-align:center;
	}
	.scroll-area .box-02 .descricao
	{
	margin-top: 70px;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	}
	.scroll-area .box-02 .descricao a
	{
	}	
	.scroll-area .box-02 .descricao a:hover
	{
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	}
	.scroll-area .box-02 .clique
	{
	}
	.scroll-area .box-02 .clique a
	{
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	}	
	.scroll-area .box-02 .clique a:hover
	{
	}
	
	
	
	.banner-02-area-01-color,
	.banner-02-area-01-color:hover
	{		
		color:#000000;
	}
	
	.banner-02-area-02-color,
	.banner-02-area-02-color:hover
	{		
		color:#000000;
	}
	
	.banner-02-area-03-color,
	.banner-02-area-03-color:hover
	{		
		color:#000000;
	}
	
	.banner-02-area-01-img
	{		
		display: inline-block;				
		margin-top: 40px;
	}
	
	.banner-02-area-02-img
	{		
		display: inline-block;				
		margin-top: 40px;
	}
	
	.banner-02-area-03-img
	{		
		display: inline-block;				
		margin-top: 80px;
	}
	
	.banner-02-area-01-bg
	{
		background-color: #622943;
	}
	
	.banner-02-area-02-bg
	{
		background-color: #E4E4E4;
		background-image: url(../img/banner/home/cinza2.jpg);
		background-repeat: repeat;
	}	.banner-02-area-03-bg
	{
		background-color: #EE3A81;
	}
	
	
	/* BANNER AREA 3 */
	.banner-03-container-fluid
	{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.banner-03-container 
	{
	
	}
	
	.banner-03-area-01,
	.banner-03-area-02,
	.banner-03-area-03
	{
	padding-bottom: 15px;
	padding-top: 15px;
	}
	
	.banner-03-area-img
	{
	}
	
	.banner-03-area-img a
	{
	}
	.banner-03-area-img a img
	{
	}
	
	.banner-03-area-titulo
	{margin-bottom: 0px;}
	
	.banner-03-area-titulo a
	{
		color:#5459e7;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.banner-03-area-categoria
	{
	}
	.banner-03-area-categoria a
	{
		color:#5459e7;
	}
	
	.banner-03-area-descricao
	{
	}
	.banner-03-area-descricao a
	{
		color:#818181;
	}

}
@media (min-width:1200px)
{
	/* BANNER AREA 1*/
	.banner-container-fluid
	{
		background-color:#F4F4F4;
		padding-bottom: 30px;
		padding-top: 30px;
	}
	
	.banner-container
	{
	}
	
	
	.banner-area-01
	{
	}
	.banner-area-01 a
	{
		display: inline-block;
	}
	.banner-area-01 a:hover
	{
		text-decoration: none;
	}
	
	.banner-area-02
	{
	}
	.banner-area-02 a
	{		
		display: inline-block;
	}
	
	.banner-area-02 a:hover
	{
		text-decoration: none;
	}
    
    
    
    
    /* clube de vantagens */
	.clubedevantagens-container-fluid
	{
		background-color: #060339;
		padding-bottom: 0px;
		padding-top: 0px;
	}
	
	.clubedevantagens-container
	{
	}
	
	
	.clubedevantagens-area-01
	{
	}
	.clubedevantagens-area-01 a
	{
		display: inline-block;
	}
	.clubedevantagens-area-01 a:hover
	{
		text-decoration: none;
	}
	
	.clubedevantagens-area-02
	{
	}
	.clubedevantagens-area-02 a
	{		
		display: inline-block;
	}
	
	.clubedevantagens-area-02 a:hover
	{
		text-decoration: none;
	}
	
	
	/* BANNER AREA 2 */
	.banner-02-container-fluid
	{
		background-color: #F4F4F4;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.banner-02-container 
	{
	}
	
	.scroll-area
	{
		overflow:hidden;
		width:100%;
		height:260px;
	}
	
	
	.scroll-area .box-holder
	{
		margin-top:0px;
		-webkit-transition: margin 500ms ease-in-out;
		-moz-transition: margin 500ms ease-in-out;
		-o-transition: margin 500ms ease-in-out;
		transition: margin 500ms ease-in-out;
	}
	.scroll-area:hover .box-holder
	{
		margin-top:-260px;
	}
	
	.scroll-area .box-01
	{
		width:100%;
		height:260px;
		text-align:center;
	}
	.scroll-area .box-02
	{
		width:100%;
		height:260px;
		text-align:center;
	}
	.scroll-area .box-02 .descricao
	{
	margin-top: 70px;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	}
	.scroll-area .box-02 .descricao a
	{
	}	
	.scroll-area .box-02 .descricao a:hover
	{
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	}
	.scroll-area .box-02 .clique
	{
	}
	.scroll-area .box-02 .clique a
	{
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	}	
	.scroll-area .box-02 .clique a:hover
	{
	}
	
	
	
	.banner-02-area-01-color,
	.banner-02-area-01-color:hover
	{		
		color:#000000;
	}
	
	.banner-02-area-02-color,
	.banner-02-area-02-color:hover
	{		
		color:#000000;
	}
	
	.banner-02-area-03-color,
	.banner-02-area-03-color:hover
	{		
		color:#000000;
	}
	
	.banner-02-area-01-img
	{		
		display: inline-block;				
		margin-top: 40px;
	}
	
	.banner-02-area-02-img
	{		
		display: inline-block;				
		margin-top: 40px;
	}
	
	.banner-02-area-03-img
	{		
		display: inline-block;				
		margin-top: 80px;
	}
	
	.banner-02-area-01-bg
	{
		background-color: #622943;
	}
	
	.banner-02-area-02-bg
	{
		background-color: #E4E4E4;
		background-image: url(../img/banner/home/cinza.jpg);
		background-repeat: repeat;
	}	.banner-02-area-03-bg
	{
		background-color: #EE3A81;
	}
	
	
	
	
	/* BANNER AREA 3 */
	.banner-03-container-fluid
	{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.banner-03-container 
	{
	
	}
	
	.banner-03-area-01,
	.banner-03-area-02,
	.banner-03-area-03
	{
	padding-bottom: 15px;
	padding-top: 15px;
	}
	.banner-03-area-01:hover,
	.banner-03-area-02:hover,
	.banner-03-area-03:hover
	{
		background-color: #E5E5E5;
	}
	
	.banner-03-area-img
	{
	}
	
	.banner-03-area-img a
	{
	}
	.banner-03-area-img a img
	{
	}
	
	.banner-03-area-titulo
	{margin-bottom: 0px;}
	
	.banner-03-area-titulo a
	{
		color:#5459e7;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.banner-03-area-categoria
	{
	font-size: 12px;
	}
	.banner-03-area-categoria a
	{
		color:#5459e7;
	}
	
	.banner-03-area-descricao
	{
	font-size: 14px;
	}
	.banner-03-area-descricao a
	{
		color:#818181;
	}
	
	
	
	
	
	
	
	/* NEWSLETTER*/
	.newsletter-container-fluid
	{
		background-color:#c0cd63;
	}
	.newsletter-container
	{
		background-image: url(../img/estrutura/hirota-supermercados-newsletter-bg.jpg);
		background-repeat: no-repeat;
		background-position: left top;	
	}
	.newsletter-area-01
	{
		
	}
	.newsletter-area-01 .newsletter-img
	{
		margin-top:-25px;
	}
	.newsletter-area-02
	{
		
	}
	.newsletter-area-02 .chamada
	{
		color:#ffffff;
		font-size: 28px;
		padding-top: 80px;
		padding-bottom: 40px;
		font-family: 'Raleway', sans-serif;
		font-weight:400;
	}
	.newsletter-area-02 .newsletter-input
	{
		border: none;
		box-shadow: none;
		border-bottom: 4px solid #6a732e;
		border-radius: 0px;
		color: #fff;
		font-size: 18px;
		padding-left: 10px;
		padding-right: 10px;
		width: 280px;
		background-color: #C0CD63;
		font-family: 'Raleway', sans-serif;
		font-weight:300;
	}
	.newsletter-area-02 .newsletter-btn
	{
		border: none;
		background: none;
		font-size: 27px;
		padding: 0px;
		color: #6a732e;
	}
	
	.newsletter-area-02 .newsletter-input::-webkit-input-placeholder
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	.newsletter-area-02 .newsletter-input:-moz-placeholder
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	.newsletter-area-02 .newsletter-input::-moz-placeholder
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	.newsletter-area-02 .newsletter-input:-ms-input-placeholder 
	{  
	   color: #fff; 
	   font-family: 'Raleway', sans-serif;
	   font-weight:300;
	}
	
	
	
	

}