@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Maven+Pro);



.menu {
 position: absolute;
 top: 0;
 right: 0;
 background-color: #FFF;
 height: 50px;
 width: 50px;
 cursor: pointer;
 transition: 0.3s;
 z-index: 9999;
}

.menu span {
	position: absolute;
	height: 3px;
	width: 25px;
	background-color: #000;
   	top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: 0.3s;
}
.menu span:before {
	content: '';
	position: absolute;
	top: -8px;
	background-color: #000;
	height: 3px;
	width: 25px;
	transition: 0.3s;
}
.menu span:after {
	content: '';
	position: absolute;
	top: 8px;
	background-color: #000;
	height: 3px;
	width: 25px;
	transition: 0.3s;
}
.menu.active span { background-color: transparent; }
.menu.active span:before { transform: rotate(45deg);top: 0; }
.menu.active span:after { transform: rotate(-45deg);top: 0; }

/* End */

/* Navigationbar */
.navbar-menu {
    background-color: rgba(153, 153, 153, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    transition: 0.5s;
    z-index:99999;
    display:none;
}

.navbar-menu-content {
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    width: 350px;
    height: 100%;
    z-index:999999;
}
.navbar-menu.active { transform: translateX(0); transition: 0.5s; display:block; }
.navbar-menu .menu-listing { padding: 0;margin: 0; text-align: right; }
.menu-listing li { display: block; }
.menu-listing li a {
	background-color: #fff;
  font-family: 'Maven Pro', sans-serif;
	color: #000;
  font-weight: bold;
	font-size: 16px;
	display: block;
	/*font-size: 1rem;*/
	height: 30px;
	line-height: 30px;
	padding: 0 30px;
	letter-spacing: 1px;
	text-decoration: none;
	transition: 0.5s;
  text-align:left;
}
.menu-listing li a:hover { background-color: #EFEFEF; color: #000; transition: 0.5s; }


#termos.modal .modal-header{
	padding-left: 25px;
	padding-right: 25px;
}

#termos.modal .modal-header h3{
	font-size: 18px;
}

#termos.modal .modal-body{
	max-height: 400px;
    padding: 25px;
    margin-bottom: 20px;
    overflow-y: scroll;
}

#termos.modal .modal-body h4{
	margin-top: 25px;
	font-size: 16px;
	font-weight: 600;
}


.app{

padding: 40px 0 80px;

margin: 1px 0;

background: #F1F3F3;

}



.app h2{

color: #d71920;
font-family: 'Maven Pro', sans-serif;
font-weight:bold;

}



.app .sub-title{

color: #80848b;
font-family: 'Maven Pro', sans-serif;

}



.app span{

margin-top: 25px;

margin-bottom: 10px;

display: block;

color: #80848b;

font-size: 20px;

font-family: 'Maven Pro', sans-serif;

}



.app img{

margin: 0 5px;

display: inline-block;

}


body{

  font-family: 'Trebuchet Ms';

}



ul{

	padding: 0;

	list-style-type: none;

}





header{

	width: 100%;

	padding: 15px 0;

	background: rgba(255, 255, 255, 0.95);

	position: fixed;

	top: 0;

	z-index: 999;

	border-top: 4px solid #D01B27;

	box-shadow: 0 1px 1px #d8d8d8;

}



header h1 img{

	width: 90%;

	height: auto;

}



header.home{

	background: rgba(255, 255, 255, 0.9);

	box-shadow: none;	

}



header .navbar{

	margin: 0;
	

}



header h1{

	padding: 0;

	margin: 0;

}



header h1 a.navbar-brand{

	height: 60px;

	padding: 0;

	margin: 0 0 10px 0;

}



header .nav{

	margin-top: 10px;


}



header .nav li{

	/*border-right: 1px dotted #dc8a8c;*/

}



header .nav li:last-child{

	border: none;

}



header .nav li a{

	padding: 8px 8px!important;
	font-family: 'Maven Pro', sans-serif;
	color: #000;
    font-weight: bold;
	font-size: 16px;

}



header .nav li a:hover, header .nav li.active a{

	/*background: #bc181d;*/
    background: none;
	color: #D81428;

}


.btn-top-contato-md{

  display:block;

}


.btn-top-contato-sm{

  display:none;

}




.barra-whatsapp ul{

    padding:0px;
    margin:0px;
    list-style:none;

}


.barra-whatsapp ul li{

   display: inline;


}

.icone-redes-sociais ul {

padding:0px;
    margin:0px;
    list-style:none;

}


.icone-redes-sociais ul li {

display: inline;

}


.icone-redes-sociais ul li a {
    padding: 2px 10px;
    display: inline-block;

    /* visual do link */
    text-decoration: none;

}


.icone-redes-sociais ul li a:hover{
    
    color: #D01B27;
    text-decoration: none;

}


.carousel .item img{

	width: 100%;

	height: auto;

}

.selecao-motos{

  text-align:center;
  margin-bottom: 25px;

}

.carousel .more{

	width: 260px;

	padding: 15px 30px;

	background: rgba(255, 255, 255, 0.4);

	border-radius: 60px;

	border: 2px solid #bc181d;

	color: #bc181d;

	text-align: center;

	font-size: 16px;

	text-transform: uppercase;

	position: absolute;

	left: 50%;

	margin: 0 0 0 -130px;

	bottom: 90px;

	text-decoration: none;

	font-family: 'Maven Pro', sans-serif;

}



.carousel .more:hover{

	background: #bc181d;

	color: #fff;

}



.carousel .carousel-control i{

	position: absolute;

	top: 50%;

	color: #bc181d;

	font-size: 100px;

}



.carousel-control.left i{

	left: 20px;

}



.carousel-control.right i{

	right: 20px;

}




.btn-barra-whatsapp {

	float:right;
	font-size:24px; 
	margin-top:auto;
    border-radius: 0px;
}

.btn-barra-whatsapp i{

	font-size:24px; 
	margin: auto 0 auto 0;
	

}


.links{

	padding: 40px 0;

}



.links div{

	margin-bottom: 30px;

}



.links h2{

	margin: 0 0 10px;

	font-size: 28px;

	color: #bd1800;

	line-height: 22px;

	font-family: 'Maven Pro', sans-serif;

}



.links h2 span{

	font-size: 18px;

	color: #999;

	display: block;

}



.links p{

	height: 40px;

}



.links a{

	padding: 0 0 0 10px;

	display: inline-block;

	background: #ddd;

	color: #828282;

	font-family: 13px;

	text-decoration: none;

}



.links a:hover{

	background: #2e1919;

	color: #fff;

}



.links a i{

	padding: 7px;

	margin: 0 0 0 5px;

	background: #bd1800;

	color: #fff;

	font-size: 13px;

}


.tipo-motocicleta {

   font-size:32px;
   text-aling:left;
   font-weight:bold;
   color: #D81428;

}


.btn-destaques {

	margin: 40px 0 40px 0;

}

.destaques{

	padding: 30px 0 30px 0;
    background: #F8F9F9;
	text-align: center;
    
}



.destaques h2{

	margin: 0 0 5px;

	color: #bd1800;

	font-size: 42px;

	font-family: 'Maven Pro', sans-serif;

        color: #000;

}


.destaques .line{
	width: 90px;
	height: 5px;
	margin: 10px auto 30px auto;
	background: #9B9B9B;
	display: block;
        
}


.destaques h3{

	margin: 0 0 35px;

	text-align: center;

	color: #999;

	font-size: 22px;

	font-family: 'Maven Pro', sans-serif;

}



.destaques li{

	padding: 15px 25px;

	display: inline-block;

}



.destaques li a{

	padding: 0 28px;

	text-decoration: none;

	font-family: 'Maven Pro', sans-serif;

}

.slider-motos {
	padding-bottom:20px;
}

.destaques li a span{
	display: block;
	text-transform: uppercase;
	color: #bd1800;
	font-size: 22px;
}

.btn-modelos {
	
	background: #FFFFFF;
	border: 1px solid #999999;
	color: #666666;
	border-radius: 0px;
        margin: 0;
	
}


.list-contatos {

   padding: 10px 0 10px 0;
   text-align:center;
   border-bottom: 1px dotted #CCCCCC;
   color: #D01B27;
   font-weight:bold;
   
}

.list-contatos.no{

   border-bottom: 0px dotted #CCCCCC;
   
}


.list-contatos a{

  text-decoration: none;
  color: #000;
   
}

.list-contatos a:hover{

  text-decoration: underline;
  color: #000;
   
}


.btn-telefones {
	
	background: #FFFFFF;
	border: 1px solid #999999;
	color: #666666;
	border-radius: 0px;
        margin: 0;
	
}

.btn-contato-pos-venda {
	
	background: #D81428;
	color: #FFF;
	border-radius: 0px;
        margin: 0;
	
}


.btn-contato-pos-venda:hover {
	
	background: #D81428;
	color: #FFF;
	border-radius: 0px;
        margin: 0;
	
}

.btn-central-vendas{
        margin: 0;
	border-radius: 0px;
}


.btn-central-pos-venda{
        margin-top: 5px;
	border-radius: 0px;
        background: #D81428;
        color: #FFF;
}


.btn-central-pos-venda:hover{
        color: #FFF;
}


.btn-contato-whatsapp{
        margin: 0;
	border-radius: 0px;
}

.solucoes{
	padding: 40px 0 40px;
	color: #000;
}



.solucoes .item{
	position: relative;
}



.solucoes .item.no{
	border: none;
}



.solucoes .item a h2{
	font-size: 20px;
	font-family: 'Maven Pro', sans-serif;
        color: #000;
        text-decoration: none;
}



.solucoes .item a h2 span{
	display: block;
	font-size: 25px;
        font-weight:bold;
        color: #000;
        text-decoration: none;
}

.solucoes .item a:hover{
	font-size: 20px;
	font-family: 'Maven Pro', sans-serif;
        color: #000;
        text-decoration: none;
}



.solucoes .item a:hover{
	display: block;
	font-size: 25px;
        font-weight:bold;
        color: #000;
        text-decoration: none;
}



























.barra{
	padding: 20px 0 20px;
	background: #D81428;
	color: #FFF;
}




.barra .item{

	position: relative;

}



.barra .item.no{

	border: none;

}



.barra .item h2{

        font-weight:bold;
	font-size: 30px;
	font-family: 'Maven Pro', sans-serif;
	line-height: 30px;
        margin-left:50px;

}



.barra .item h2 span{

	display: block;
	font-size: 20px;

}



.barra .item form input{

	border-color: #7d0a0e;

}



.barra .item form .input-group-addon{

	padding: 0;

	background: #2e1919;

	color: #fff;

	border:none;

}



.barra .item form .btn{

	padding: 7px 10px;

	background: none;

	border: none;

	color: #fff;

	font-family: 'Maven Pro', sans-serif;

	text-transform: uppercase;

	font-size: 12px;

}



.barra .item.center{

	padding: 10px 20px 40px 0;

	text-align: center;

}



.barra .item.center h2{

	padding: 10px 0;

	margin: 0 0 0 15px;

	background: url(../images/icone-atendimento.png) no-repeat left top;

}



.barra .item.center h3{

	margin: 0;



	line-height: 28px;

	font-size: 20px;

	font-family: 'Maven Pro', sans-serif;

}



.barra .item.center h3 a{

	color: #fff;

	text-decoration: none;

}



.barra .item .balao{

	width: 170px;

	height: 133px;

	padding: 10px;

	position: absolute;

	top: -150px;

	right: 0;

	z-index: 99;

	background: url(../images/balao.png) no-repeat;

	text-align: center;

	font-family: 'Maven Pro', sans-serif;

}



.barra .item .balao span{

	padding: 5px;

	margin-bottom: 10px;

	display: block;

	border-bottom: 1px solid #628dad;

	text-transform: uppercase;

	font-size: 11px;

}



.barra .item .balao p{

	font-size: 12px;

}



.barra .face-item{

	padding: 10px;

	margin-top: -60px;

	background: #fff;

	border-radius: 5px;

	border: 1px solid #e7e7e7;

}







.redes-sociais{

	padding: 20px 0 0;

	background: #fff;

	color: #9B9B9B;

}



.redes-sociais .item{

	padding: 20px 20px 20px 0;

	border-right: 1px dotted #b96f71;

	position: relative;

}



.redes-sociais .item.no{

	border: none;

}



.redes-sociais .item h2{

	margin-bottom: 20px;

	font-size: 40px;

	font-family: 'Maven Pro', sans-serif;

	line-height: 30px;

}



.redes-sociais .item h2 span{

	display: block;

	font-size: 25px;

}



.redes-sociais .line{
	width: 90px;
	height: 5px;
	margin: 10px auto 30px auto;
	background: #9B9B9B;
	display: block;
        
}

.redes-sociais .item a{

	font-size: 40px;

	font-family: 'Maven Pro', sans-serif;

        color: #9B9B9B;

}

.redes-sociais .item form input{

	border-color: #7d0a0e;

}



.redes-sociais .item form .input-group-addon{

	padding: 0;

	background: #2e1919;

	color: #fff;

	border:none;

}



.redes-sociais .item form .btn{

	padding: 7px 10px;

	background: none;

	border: none;

	color: #fff;

	font-family: 'Maven Pro', sans-serif;

	text-transform: uppercase;

	font-size: 12px;

}



.redes-sociais .item.center{

	padding: 10px 20px 40px 0;

	text-align: center;

}



.redes-sociais .item.center h2{

	padding: 10px 0;

	margin: 0 0 0 15px;

	background: url(../images/icone-atendimento.png) no-repeat left top;

}



.redes-sociais .item.center h3{

	margin: 0;



	line-height: 28px;

	font-size: 20px;

	font-family: 'Maven Pro', sans-serif;

}



.redes-sociais .item.center h3 a{

	color: #fff;

	text-decoration: none;

}



.redes-sociais .item .balao{

	width: 170px;

	height: 133px;

	padding: 10px;

	position: absolute;

	top: -150px;

	right: 0;

	z-index: 99;

	background: url(../images/balao.png) no-repeat;

	text-align: center;

	font-family: 'Maven Pro', sans-serif;

}



.redes-sociais .item .balao span{

	padding: 5px;

	margin-bottom: 10px;

	display: block;

	border-bottom: 1px solid #628dad;

	text-transform: uppercase;

	font-size: 11px;

}



.redes-sociais .item .balao p{

	font-size: 12px;

}



.redes-sociais .face-item{

	padding: 10px;

	margin-top: -60px;

	background: #fff;

	border-radius: 5px;

	border: 1px solid #e7e7e7;

}



footer{

	text-align: center;

}



footer .enderecos{
	padding: 60px 0 20px;
	color: #fff;
        background: #000;
}



footer .enderecos p{

	color: #E0E6DF;
}

footer .enderecos .item h2{

	margin: 0 0 5px 0;
	font-size: 40px;
	font-family: 'Maven Pro', sans-serif;
	line-height: 30px;   
        padding: 0 0 0;
        color: #fff;
        text-align: center;
      

}



footer .enderecos .item h2 span{

	display: block;

	font-size: 25px;

}


footer h6{

	margin: 0 0 10px;

	font-size: 23px;

	font-family: 'Maven Pro', sans-serif;

}

footer .line{
	width: 90px;
	height: 5px;
	margin: 10px auto 30px auto;
	background: #ED1C24;
	display: block;
        
}





.sign{

	padding: 10px 0 5px;
	background: #fff;
	overflow: hidden;
        

}



.sign p{

	margin: 0;
	font-size: 12px; 
        text-align: center;
	color: #9B9B9B;

}



.sign .dev{

	float: right;

}

.valor-parcela{

	color: #FFF;
	margin: 0 auto 30px auto;
	padding: 10px;
    width: 40%;
	text-align: center;
	font-weight: normal;
	background: #D81428;
	display:none;
	
  }


  .valor-parcela span{

	color: #FFF;
	font-size:22px;
	font-weight: bold;
	
  }

.valor-moto{

  margin: 10px auto 20px auto;
  padding: 10px;
  border: 1px solid #CCC;
  width: 40%;
  text-align: center;
  font-weight: normal;
  
}


.texto-aviso{

  margin: 10px auto 20px auto;
  padding: 10px;
  width: 80%;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #D81428;
  display:none;
}

.valor-moto span{

	font-size:22px;
	font-weight: bold;
	
  }



.social{
	padding: 15px;
	position: fixed;
	right: 15px;
	top: 30%;
	display: flex;
	flex-direction: column;
	text-align: center;
	background: rgba(171, 16, 0, 0.8);
	border-radius: 100px;
	z-index: 999;
}

.social a{
	margin-bottom: 10px;
	font-size: 24px;
	color: #fff;
}

.social a:hover *{
	color: #EFEFEF;
}

.social a:last-child{
	margin: 0;
}


.item h3 a{ color: #FFF; }


main h2.title{
	padding: 0 0 10px 10px;
	margin-bottom: 30px;
	display: block;
	border-left: 8px solid #c81111;
	color: #c81111;
	line-height: 32px;
}









main .btn.more{
	max-width: 300px;
	border: 2px solid #c81111;
	color: #c81111;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 20px;
}

main .btn.more:hover{
	background: #c81111;
	color: #fafafa;
}



main .choice a{
	padding: 60px 30px;
	background: #e8e8e8;
	font-size: 16px;
	color: #c81111;
}

main .choice a:hover{
	background: #c81111;
	color: #fafafa;
}

main .choice a *{
	color: #c81111;
}

main .choice a:hover *{
	color: #fafafa;
}




main .choice a span{
	display: block;
	font-size: 42px;
	text-transform: uppercase;
}

main .choice a small{
	font-size: 13px;
}




.box-white{
background: #FFFFFF; 
border-top:1px solid #eee;
border-right:1px solid #eee;
border-left:1px solid #eee;
padding:16px 16px;
}

.box-white-bottom{
background: #FFFFFF; 
border-top:1px solid #eee;
border-right:1px solid #eee;
border-left:1px solid #eee;
border-bottom:1px solid #eee;
padding:16px 16px;
}

.box-white small{
	font-size: 12px;
	color: #555;
}

.box-white h2{
	font-size: 15px;
	color: #e4560d;
	margin-bottom:5px;
	font-weight: 400;
}

.box-white h2 span{
	font-size: 28px;
	font-weight: 500;
}

.box-white ul li{
 font-size:14px; 
 color: #A2A2A2;
}



.app{
	padding: 40px 0 80px;
	margin: 1px 0;
	background: #191919;
}

.app h2{
	color: #d71920;
}

.app .sub-title{
	color: #80848b;
}

.app span{
	margin-top: 25px;
	margin-bottom: 10px;
	display: block;
	color: #80848b;
	font-size: 20px;
	font-family: 'Philosopher', sans-serif;
}

.app img{
	margin: 0 5px;
	display: inline-block;
}



.box-item .btn{
	width: 60%;
	margin-top: 15px;
	background: #c81111;
	color: #fafafa;
	font-size: 15px;
	font-weight: 400;
	border-radius: 0px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
  margin-left: auto;
  margin-right: auto; 
}

.box-item .btn span{
   font-size: 10px;
   display: block;
}

.box-item .btn.interesse{
	background: #D81428;
}



.barra .btn{
	width: 30%;
	background: #000;
	color: #fafafa;
  font-size: 18px;
	font-family: 'Maven Pro', sans-serif;
	line-height: 30px;
	font-weight: bold;
  margin: auto;	 
  
}


.barra .btn.interesse{
  background: #AB1000;
  font-weight: bold;
}


.multiple{
  margin-bottom: 5px;
}


/* INTERNAS */

.banner-interna{

	padding: 100px 0 20px;

	margin-top: 100px;

	background: #8b0f13 url(../images/bannerMoto3.jpg) no-repeat center top;

	background-size: cover;

	overflow: hidden;

}



.banner-interna h2{

	margin: 0 20px 0 0;

	color: #fff;

	font-family: 'Maven Pro', sans-serif;

	font-size: 45px;

	float: left;

}



.banner-interna .selecionar{

	margin-top: -7px;

	float: left;

}



.banner-interna .selecionar span{

	float: left;

	color: #fff;

}



.banner-interna .back{

	padding: 5px 15px;

	margin-top: 40px;

	border: 1px solid #fff;

	border-radius: 5px;

	font-family: 'Maven Pro', sans-serif;

	font-size: 14px;

	text-transform: uppercase;

	float: right;

	color: #fff;

	text-decoration: none;

	background: rgba(255, 255, 255, 0.2);

}



.banner-interna .back:hover{

	background: #fff;

	color: #333;

}







.conteudo{

	padding-top: 50px;
       	padding-bottom: 50px;
        background: #F8F9F9;

}



.conteudo h3{

	margin: 0 0 20px;
	font-size: 25px;
	color: #666666;
	font-family: 'Maven Pro', sans-serif;
        font-weight: bold;

}


.conteudo p{


	font-size: 16px;
	color: #666666;
	font-family: 'Maven Pro', sans-serif;
        font-weight: normal;

}


.list-enderecos{

	margin-bottom: 40px;

}



.list-enderecos li{

	padding: 15px;

	margin-bottom: 5px;

	background: #f2f2f2;

	border-radius: 5px;

	position: relative;

}



.list-enderecos li h4{

	margin: 0 0 5px;

	color: #8b0f13;

}



.list-enderecos li span{

	padding: 5px 10px;

	color: #8b0f13;

	border: 1px solid #8b0f13;

	position: absolute;

	right: 15px;

	top: 35px;

	cursor: pointer;

}



.list-enderecos li span:hover{

	background: #8b0f13;

	color: #fff;

}



.list-enderecos li iframe{

	width: 100%;

	height: 300px;

	display: none;

}







.galeria img{

	width: 100%;

	height: auto;

}







.list-motos{

	text-align: center;

}



.list-motos li{

	width: 270px;

	height: 200px;

	display: inline-block;

}



.list-motos li a{



	text-decoration: none;

	font-family: 'Maven Pro', sans-serif;

}



.list-motos li a span{

	display: block;

	text-transform: uppercase;

	color: #bd1800;

	font-size: 22px;

}







.moto{

	position: relative;

}



.moto .caption{

	max-width: 400px;

	border-radius: 5px;

	position: absolute;

	left: 0;

	top: 0;

}



.moto .caption h2{

	margin: 0 0 5px;

	font-family: 'Maven Pro', sans-serif;

	font-size: 40px;

}



.moto .caption h3{

	margin: 0 0 15px;

	font-family: 'Maven Pro', sans-serif;

	font-size: 25px;

	color: #444;

}



.moto .caption p{

	padding: 0 0 0 15px;

	color: #666;

	font-family: 'Maven Pro', sans-serif;

	font-size: 18px;

	border-left: 2px solid #666;

}



.moto .foto-ampliada{

	margin-bottom: 40px;

	text-align: center;

}



.moto .foto-ampliada img{

	max-width: 100%;

}





.box-item .cores{

	text-align:center;
}

.box-item .cores h2{

	margin: 0 10px 10px;

	font-family: 'Maven Pro', sans-serif;

	font-size: 20px;

	color: #bc181d;

	

}



.box-item .cores span{

	width: 50px;

	height: 50px;

	display: inline-block;

	margin: 0 5px 0 0;

	border-radius: 50px;

	
	border: 1px solid #ccc;

	box-shadow: 2px 2px 3px #ccc;

}



.box-item .cores span.vermelho{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */

	background: #a90329; /* Old browsers */

	background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */



}



.box-item .cores span.preto{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */

	background: #45484d; /* Old browsers */

	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}



.box-item .cores span.branco{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */

	background: #ffffff; /* Old browsers */

	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}





.box-item .cores span.azul{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */

	background: #18214B; /* Old browsers */

	background: -moz-linear-gradient(top,  #18214B 0%, #000000 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top,  #18214B 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom,  #18214B 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18214B', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}


.box-item .cores span.branco_azul{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */

	background: #18214B; /* Old browsers */

	background: -moz-linear-gradient(top,  #18214B 0%, #fff 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top,  #18214B 0%,#fff 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom,  #18214B 0%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18214B', endColorstr='#fff',GradientType=0 ); /* IE6-9 */

}

.box-item .cores span.laranja{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
background: #ffa84c; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.box-item .cores span.amarela{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
background: #D18B26; /* Old browsers */
background: -moz-linear-gradient(-45deg, #D18B26 0%, #EBBA59 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #D18B26 0%,#EBBA59 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #D18B26 0%,#EBBA59 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D18B26', endColorstr='#EBBA59',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.box-item .cores span.cinza{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100;Grey+Black+3D */
background: #b5bdc8; /* Old browsers */
background: -moz-linear-gradient(-45deg, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.box-item .cores span.verde{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#627d4d+0,1f3b08+100;Olive+3D */
background: #627d4d; /* Old browsers */
background: -moz-linear-gradient(-45deg, #627d4d 0%, #1f3b08 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #627d4d 0%,#1f3b08 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #627d4d 0%,#1f3b08 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.box-item .cores span.prata{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(-45deg, #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.box-item .cores span.marron{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: #eeeeee; /* Old browsers */ 
background: -moz-linear-gradient(-45deg, #A4695A 0%, #401308 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #A4695A 0%,#401308 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #A4695A 0%,#401308 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A4695A', endColorstr='#401308',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.box-item .cores span.creme{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: #eeeeee; /* Old browsers */ 
background: -moz-linear-gradient(-45deg, #A4695A 0%, #CAC4B5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #A4695A 0%,#CAC4B5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #A4695A 0%,#CAC4B5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A4695A', endColorstr='#CAC4B5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.moto .mais-fotos{

	width: 104px;

	position: absolute;

	right: 0;

	top: 150px;

}



.moto .mais-fotos h2{

	margin: 0 0 10px;

	font-family: 'Maven Pro', sans-serif;

	font-size: 20px;

	color: #bc181d;

	text-align: right;

}



.moto .mais-fotos a{

	margin: 0 0 5px;

	display: block;

}



.moto .mais-fotos img{

	padding: 1px;

	border: 1px solid #ccc;

	border-radius: 2px;

}





.informacoes{

  background: #fff;

}



.informacoes h3{

	color: #fff;
        background: #D11F2B;
        padding: 20px 0 20px 0;
        text-align:center;
        font-weight:bold;

}


.informacoes p{

        padding-left:10px;
}


.simular-financiamento{

background: #fff;

}




.simular-financiamento h3{

color: #fff;
        background: #D11F2B;
        padding: 20px 0 20px 0;
        text-align:center;
        font-weight:bold;

}



.simular-financiamento p{

        padding: 20px 0 20px 0;
        text-align:center;


}





.area-btn-moto {
   
   margin-top: 25px;
   margin-bottom: 15px;
   padding: 0 0 10px 0;
   text-align:center;
}

.fale-especialista {
   
   margin-top: 25px;
   margin-bottom: 15px;
   padding: 0 0 10px 0;
   background: #FFFFFF;
   text-align:center;
}


.fale-especialista h3{   
      
    color: #fff;
    background: #D11F2B;
    padding: 20px 20px 20px 20px;
    text-align:center;
    margin-bottom: 15px;

}

.btn-fale-especialista {

  border-radius: 0px;
  width: 40%;
  

}




.pecas-honda {
   
   margin-top: 25px;
   margin-bottom: 15px;
   padding: 0 0 10px 0;

   text-align:center;
}


.pecas-honda h3{   
      
    color: #fff;
    background: #D11F2B;
    padding: 20px 20px 20px 20px;
    text-align:center;
    margin-bottom: 15px;

}

.btn-pecas-honda {

  border-radius: 0px;
  width: 40%;
  

}



.btn-moto-financiamento {

  border-radius: 0px;
  width: 40%;
  background: #D81428;
  color: #FFF;
  

}

.btn-moto-consorcio {

  border-radius: 0px;
  width: 40%;
  background: #D81428;
  color: #FFF;
  

}


.btn-especialista-consorcio {

  border-radius: 0px;
  width: 100%;
  margin-top:5px;
  

}


.btn-especialista-pos-venda {

  border-radius: 0px;
  width: 100%;
  margin-top:5px;

}

.orcamento{

	margin: 0px 0 20px;
	background: #fff;
	color: #fff;
}



.orcamento h3{

	color: #fff;
        background: #D11F2B;
        padding: 20px 0 20px 0;
        text-align:center;
        font-weight:bold;

}

.orcamento p{

	color: #666;
        padding: 10px 20px 10px 20px;

}

table{

	margin-bottom:0px;
        padding: 0 20px 10px 20px;
        color: #666;
        font-weight:normal;

}


form{

	margin-bottom: 30px;
        padding: 0 20px 10px 20px;
        color: #666;
        font-weight:normal;

}


.msgSucesso{

        margin-bottom: 30px;

}

select:invalid {
  color: #666;
}

form .bt-form{

	border: none;

	background: #D11F2B;

	color: #fff;

	font-family: 'Maven Pro', sans-serif;

	font-size: 18px;

	text-transform: uppercase;
        
        border-radius: 0px;

        width: 100%;

}



form .bt-form:hover{

	color: #fff;

	background: #8b0f13;

}



form textarea{

	resize: none;

}



form button{

	resize: none;

}








/* LATERAL */





/* Easy Slider */



	#slider ul, #slider li{

		margin:0;

		padding:0;

		list-style:none;

		}

	#slider li{ 

		/* 

			define width and height of list item (slide)

			entire slider area will adjust according to the parameters provided here

		*/ 

		width:360px;

		height:360px;

		overflow:hidden;

		position: relative;

		}



	#slider li span{

		width: 100%;

		padding: 8px 20px;

		display: block;

		color: #fff;

		font-size: 17px;

		background: rgba(0,0,0, 0.6);

		position: absolute;

		bottom: 0;

		left: 0;

		font-family: 'Maven Pro', sans-serif;

	}

	

/* // Easy Slider */



.news{

	padding: 20px;

	margin: 20px 0;

	background: #8b0f13;

	color: #fff;

	border-radius: 10px;

}



.news h2{

	margin: 0 0 10px;

	font-size: 25px;

	font-family: 'Maven Pro', sans-serif;

}



.news .input-group{

	width: 100%;

}



.news .input-group-addon{

	padding: 0;

	background: #2e1919;

	color: #fff;

	border:none;

}



.news .input-group-addon .btn{

	padding: 7px 10px;

	background: none;

	border: none;

	color: #fff;

	font-family: 'Maven Pro', sans-serif;

	text-transform: uppercase;

	font-size: 12px;

}





.thumbs div{

	margin-bottom: 15px;

	text-align: center;

}



.thumbs img{

	padding: 1px;

	border: 1px solid #ccc;

	border-radius: 2px;

}





#msgSucesso {display:none;}

#msgAlerta {display:none;}



.boleto{

	padding: 20px 0;

	margin-bottom: 20px;

	display: block;

	border-radius: 5px;

	background: #576E97;

	color: #fff!important;

	text-align: center;

	font-family: 'Maven Pro', sans-serif;

	font-size: 22px;

	text-decoration: none!important;

}



footer .logos{

	text-align: center;

}



footer .logos li{

	margin: 0 10px;

	display: inline-block;

}



















.navbar-toggle{

	border-color: #000;

}



.navbar-toggle .icon-bar{

	background: #000;

}













/* Responsive */







@media (max-width: 991px) and (min-width: 768px){



	



}









@media (min-width: 768px){



	header{

		position: initial;

	}



	.links p{

		height: 40px;

	}



	.barra .item{

		border: none;

	}



	.barra .item.center h2{

		background: none;

	}



	footer .enderecos .col-md-4{

		margin-bottom: 30px;

	}





	.banner-interna{

		margin-top: 0;

	}



	.fachadas{

		display: none;

	}



	.boleto{

		margin-top: 40px;

	}



	.moto .caption{

		position: initial;

	}





}



@media (min-width: 992px){



	.links p{

		height: 60px;

	}



	.moto .caption{

		position: absolute;

	}



}



@media (max-width: 1024px){
  .navbar ul { display: none; background:#99FFFF;}
}



@media (max-width: 767px){



	header{

		position: initial;

	}



	header .nav li{

		border: none;

	}



	.links p{

		height: auto;

	}



	.barra .item{

		border: none;

	}



	.barra .item.center h2{

		background: none;

	}



	footer .enderecos .col-md-4{

		margin-bottom: 30px;

	}





	.banner-interna{

		margin-top: 0;

	}



	.fachadas{

		display: none;

	}



	.boleto{

		margin-top: 40px;

	}



	.moto .caption{

		position: initial;

	}



	.conteudo{

		margin-bottom: 0px;

	}


	.solucoes .item img{
		margin-top:20px;
	}

.btn-central-vendas{

	margin-top:5px;
	
}

.valor-moto{


	width: 70%;

	
  }

.btn-pecas-honda {

  border-radius: 0px;
  width: 60%;
  

}



}









@media (max-width: 480px){



	.carousel .carousel-control i{

		font-size: 80px;

		top: 40%;

	}



	.destaques h2{

		font-size: 32px;

	}


	.solucoes .item{
		margin-bottom:20px;
	}

	.list-enderecos li span{

		padding: 1px 10px;

		top: 10px;

		right: 10px;

	}



	.moto .cores{

		top: -10px;

	}



	.barra .item h2{

        font-weight:bold;
	font-size: 20px;
	font-family: 'Maven Pro', sans-serif;
	line-height: 30px;
        margin-left:50px;

}


.barra .item h2 span{

	font-weight:bold;
font-size: 15px;
font-family: 'Maven Pro', sans-serif;
line-height: 30px;

}

.btn-barra-whatsapp{
	clear: right;
	font-size:24px; 
	margin-top:auto;
	border-radius: 0px;
	display: block;
}


.barra-whatsapp ul{

   display: block;


}


.btn-top-contato-md{

  display:none;

}


.btn-top-contato-sm{

  display:block;

}

.btn-central-vendas{

	margin-top:5px;
	
}


.valor-moto{


	width: 70%;

	
  }


.btn-pecas-honda {

  border-radius: 0px;
  width: 30%;
  

}


}









@media (max-width: 320px){



	header h1{

		width: 80px;

	}



	.carousel .carousel-control i{

		display: none;

	}



	.carousel .more{

		display: none;

	}



	.destaques h2{

		font-size: 22px;

	}


	.solucoes .item{
		margin-bottom:20px;
	}


	.thumbs div{

		width: 100%;

		display: block;

	}



.redes-sociais {

   text-align:center;
}
	

.btn-central-vendas{

	margin-top:5px;
	
}




.barra .item h2{

	font-weight:bold;
font-size: 20px;
font-family: 'Maven Pro', sans-serif;
line-height: 20px;
	margin-left:50px;

}


.barra .item h2 span{

	font-weight:bold;
font-size: 15px;
font-family: 'Maven Pro', sans-serif;
line-height: 20px;

}


.btn-barra-whatsapp{
	clear: right;
	font-size:24px; 
	margin-top:auto;
	border-radius: 0px;
	display: inline-block;
}


.barra-whatsapp ul{

   display: block;


}



.btn-top-contato-md{

  display:none;

}


.btn-top-contato-sm{

  display:block;

}


.valor-moto{


	width: 70%;

	
  }


.btn-pecas-honda {

  border-radius: 0px;
  width: 60%;
  

}




.box-item .cores h2{

	margin: 0 10px 10px;

	font-family: 'Maven Pro', sans-serif;

	font-size: 15px;

	color: #bc181d;



}



.box-item .cores span{

	width: 5px;

	height: 5px;

	display: inline-block;

	margin: 0 5px 15px 0;

	border-radius: 0px;
	
	border: 1px solid #ccc;

	box-shadow: 2px 2px 3px #ccc;

}


}













#box-whatspp{position:fixed;right:-75px;top:50%;z-index:2}

#box-whatspp .box-fone-whatsapp{background-color:green;transform:translateY(-50%) rotate(-90deg);z-index:1;position:relative;width:205px; font-family: 'Maven Pro', sans-serif;}

#box-whatspp .box-fone-whatsapp a{text-decoration:none}

#box-whatspp .box-fone-whatsapp i{color:#fff;padding:10px;font-size:35px}

#box-whatspp .box-fone-whatsapp span{color:#fff;position:absolute;top:50%;transform:translateY(-50%);font-size:19px;font-weight:700}

#box-facebook{position:fixed; right:5px; top:30%; z-index:4}

#box-facebook .box-link-facebook{background-color:#036AB0;transform:translateY(-50%) rotate(-90deg);z-index:1;position:relative;width:45px; font-family: 'Maven Pro', sans-serif;}

#box-facebook .box-link-facebook a{text-decoration:none}

#box-facebook .box-link-facebook i{color:#fff;padding:10px;font-size:35px}

#box-facebook .box-link-facebook span{color:#fff;position:absolute;top:30%;transform:translateY(-50%);font-size:19px;font-weight:700}

#box-instagram{position:fixed; right:2px; top:22%; z-index:4}

#box-instagram .box-link-instagram{background-color:#F80408;transform:translateY(-50%) rotate(-90deg);z-index:1;position:relative;width:50px; font-family: 'Maven Pro', sans-serif;}

#box-instagram .box-link-instagram a{text-decoration:none}

#box-instagram .box-link-instagram i{color:#fff;padding:10px;font-size:35px}

#box-instagram .box-link-instagram span{color:#fff;position:absolute;top:22%;transform:translateY(-50%);font-size:19px;font-weight:700}



/* END */