#main{

	width: 100%;



	overflow: hidden;



	padding-top: 130px;

}


.mainBanner{

	width: 100%;
	
	overflow: hidden;
	
	height: auto;

	height: 400px;

}


.mainBanner2{


	width: 100%;

	overflow: hidden;

	height: auto;

	height: 350px;

}


/*.mainBanner3{


	width: 100%;


	overflow: hidden;



	height: 227px;
	

}
*/

.imageBanner{


	background-image: url("../images/banner/novo.jpg");


	background-position: center;


	background-size: cover;


}



.imageBanner2{



	background-image: url("../images/layout/motivos.svg");


	background-position: center;


	background-size: cover;


}




.imageBanner3{



	background-image: url("../images/layout/exploreapotencia.svg");


	background-position: center;


	background-size: cover;


}



.imageBanner4{



	background-image: url("../images/layout/blackfriday.svg");


	background-position: center;


	background-size: cover;


}




.mainSelect{


	width: 100%;


	padding: 0px 0px 70px 0px;

	
	background-image: url("../images/layout/selecao.svg"); 


	justify-content: center;

}





.mainSelect2{



	width: 100%;


	padding: 0px 0px 60px 0px;


	background-image: url("../images/layout/selecao.svg"); 

	
	justify-content: center;

}



.mainSelect3{



	width: 100%;


	padding: 0px 0px 40px 0px;


	color: #0070c9;


	text-align: center;

	
	font-weight: bolder;


	font-size: 23px;

	
	letter-spacing: .011em;


	background-color:#FFF; 


	display: flex;


	flex-flow:  row nowrap;


	justify-content: center;


	cursor: pointer;



}





.mainSelect:hover{



	background-color: #42a1ec;



}





.mainSelect2:hover{



	text-decoration: underline;



}



.selectLeft{



	background-image: url("../images/layout/selectleft.svg");



	background-repeat: no-repeat;



	width: 24px;



	height: 24px;



	overflow: hidden;



	margin-right: 10px;



}



.selectRight{



	background-image: url("../images/layout/selecright.svg");



	background-repeat: no-repeat;



	width: 24px;



	height: 24px;



	overflow: hidden;



	margin-right: 10px;



}



.selectRight2{



	background-image: url("../images/layout/selecright2.svg");



	background-repeat: no-repeat;



	width: 24px;



	height: 24px;



	overflow: hidden;



	margin-right: 10px;



}



.motivosBanner{



	display: flex;



	flex-flow: row nowrap;



	justify-content: center;



}





.motivosBox{



	width: 800px;



	align-self: center;

	

	background-repeat: no-repeat;



	overflow: hidden;



	display: flex;



	flex-flow: column nowrap;

	

	background-color: #fff;



}



.motivosBox a{



	align-self: flex-end;



}



.motivosFrase{



	width: 800px;



	height: 210px;



	background-image: url("../images/layout/motivos.svg");



	overflow: hidden;

	

	background-color: #42a1ec;

	



}



.motivosBotao{



	width: 180px;



	padding: 15px 0;



	background-color: #42a1ec;



	align-self: flex-end;



	border-radius: 10px;



	text-align: center;



	font-size: 16px;



	color: #FFF;



	cursor: pointer;



}



.motivosBotao:hover{



	background-color: #42a1ec;



}



.motivosEspaco{



	width: 50px;



	height: 50px;



}



.motivosImagem{



	width: 400px;



	height: 400px;



	align-self: center;



	background-image: url("../images/layout/powercontrol-e-pedalbox.jpg");



	background-size: cover;



}



@media(max-width: 1920px) {


	.mainBanner{

    height: 650px;


	}

    }

	.mainBanner2{
		
	height: 400px;

	}

	
    .mainBanner3{

	height: 140px;

	}
	
	.mainBanner4{



		height: 550px;



	}

	

	

	.mainBannerFrase{



		font-size: 32px;



		margin-left: calc(50% - 500px);



	}



	.motivosBox{



		width: 400px;



	}



	.motivosFrase{



		width: 700px;



		height: 140px;

		background-color: #dc1515;



	}



	.motivosImagem{



		width: 380px;



		height: 380px;



	}


	.mainSelect{



	width: 100%;



	padding: 0px 0px 100px 0px;


	background-image: url("../images/layout/selecao_desktop.svg"); 



	
	justify-content: center;

}
  
	



@media(max-width: 1366px) {



	.mainBanner{



		height: 470px;



	}



	.mainBanner2{



	height: 400px;


	}

	

	.mainBanner3{

	height: 120px;



	}

	

	.mainBanner4{

	height: 400px;

	}

	
	.mainBannerFrase{

	font-size: 32px;

	margin-left: calc(50% - 500px);

	}



	.motivosBox{


	width: 400px;

	}

	.motivosFrase{

    width: 700px;


	height: 140px;

	
	background-color: #dc1515;


	}


	.motivosImagem{



	width: 380px;



	height: 380px;

	}

	.mainSelect{


	width: 100%;

	padding: 0px 0px 70px 0px;

	background-image: url("../images/layout/selecao_desktop.svg"); 

	justify-content: center;

}

}


@media(max-width: 1280px) {



	.mainBanner{


	height: 500px;

	}

	.mainBanner2{

	height: 400px;
	}

	
	.mainBanner3{

	height: 120px;

	}

	

	.mainBanner4{

	height: 400px;

	}


	.mainBannerFrase{

	font-size: 32px;

	margin-left: calc(50% - 500px);

	}


	.motivosBox{

	width: 400px;


	}

	.motivosFrase{

	width: 700px;

	height: 140px;

	background-color: #dc1515;


	}


	.motivosImagem{


	width: 380px;


	height: 380px;


	}
	
    .mainSelect{



	width: 100%;


	padding: 0px 0px 50px 0px;


	background-image: url("../images/layout/selecao_desktop.svg"); 



	
	justify-content: center;

}

}



@media(max-width: 1024px) {



	#main{

	padding-top: 94px;

	}


	.mainBannerFrase{

	width: 300px;

	font-size: 32px;

	margin-left: calc(50% - 150px);

	margin-top: 10px;

	}

	.mainBanner{

	height: 377px;

	}


	.mainBanner2{

	height: 270px;


	}

	.mainBanner3{

	height: 100px;


	}

	
	.mainBanner4{


	height: 300px;


	}

	
	.motivosBox{



	width: 600px;



	}



	.motivosFrase{



	width: 600px;

	height: 140px;

	background-color: #0070c9;

	}


	.motivosImagem{

	width: 250px;

	height: 250px;


	}


}


@media(max-width: 680px) {



	#main{

	padding-top: 94px;


	}


	.mainBannerFrase{



        margin-top: 1px;

		width: 200px;

		margin-left: calc(50% - 100px);

	}



	.mainBanner{


	height: auto;

	}



	.mainBanner2{



	height: auto;


	}


	.mainBanner3{



	height: 400px;



	}

	

	.mainBanner4{



	height: 550px;



	}

	

	.imageBanner{



	height: 173px;



	}



	.imageBanner2{



	height: 100px;



	}

	

	

	.imageBanner3{



	height: 61px;

	}

	

	

	.imageBanner4{



		height: 150px;

	}

	

	.motivosBanner{



		flex-flow: column nowrap;



	}



	.motivosBanner3{



		flex-flow: column nowrap;



	}

	

	

	.motivosBox{



		width: 300px;



	}



	.motivosEspaco{



		width: 0px;



		height: 0px;



	}



	.motivosFrase{



		width: 300px;



		height: 74px;



		margin: 20px 0;

		background-color: #dc1515;



	}



	.motivosImagem{



		width: 250px;



		height: 250px;



	}

.mainSelect{



	width: 100%;



	padding: 0px 0px 20px 0px;


	background-image: url("../images/layout/selecao.svg"); 



	
	justify-content: center;

}


}






@media(max-width: 800px) {
	
.mainSelect{



	width: 100%;



	padding: 0px 0px 42px 0px;


	background-image: url("../images/layout/selecao.svg"); 



	
	justify-content: center;

}


}	
	

	
/*@media(max-width: 768px) {
	
	
	.imageBanner3{


	height: 55px;


	}
    }*/

@media(max-width: 414px) {

	.imageBanner3{



	height: 45px;

	}

   .mainSelect{


	width: 100%;


	padding: 0px 0px 36px 0px;


	background-image: url("../images/layout/selecao_mobile.svg"); 


	justify-content: center;
	   
	}

}




.link:hover {

  color: #0070c9;

  font-size: 18px;

  text-decoration:underline;

  font-weight: 700

}



.link {

  color: #0070c9;

	
  text-decoration:inherit;

  
  font-size: 18px;


}


/*.imageBanner3{


	height: 40px;

	}
*/