/*

	*****************************************
	
	- General CSS
	- Basic
	- Header
	- Billboard
	- Services/row
	- Ficon
	- Details_Exp
	- Grid-1
	- Grid-2
	- Grid-3
	- Title
    - Footer
	
	
–––––––––––––––––––––––––––––––––––––––––––––––––– */



/*  Fonts  
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
    font-family: 'lato_regular';
    src: url('../fonts/lato-regular.eot');
    src: url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular.woff') format('woff'),
         url('../fonts/lato-regular.ttf') format('truetype'),
         url('../fonts/lato-regular.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'lato_bold';
    src: url('../fonts/lato-bold.eot');
    src: url('../fonts/lato-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold.woff') format('woff'),
         url('../fonts/lato-bold.ttf') format('truetype'),
         url('../fonts/lato-bold.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'avantgardelt-extralight';
    src: url('../fonts/avantgardelt-extralight.eot');
    src: url('../fonts/avantgardelt-extralight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avantgardelt-extralight.woff') format('woff'),
         url('../fonts/avantgardelt-extralight.ttf') format('truetype'),
         url('../fonts/avantgardelt-extralight.svg#avantgardelt-extralight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
	font-family: 'Heavitas';
	src: url('../fonts/Heavitas.eot');
	src: url('../fonts/Heavitas.eot?#iefix') format('embedded-opentype'),  url('../fonts/Heavitas.woff') format('woff'),  url('../fonts/Heavitas.ttf') format('truetype'),  url('../fonts/Heavitas.svg#Heavitas') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{
	background-image:url(../img/background.jpg);}

/*  General CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.wrapper{
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
    position: relative;
}

@media (max-width:1200px){
    .wrapper{
        padding: 40px 40px;
    }
}

::selection {color:#ffffff;background:#353434;}
::-moz-selection {color:#ffffff;background:#353434;}

.details_exp a, 
header nav ul li a{
	transition:all .2s linear;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
}


/*  Basic
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a{				color: #848484;
				font-family:Arial, sans-serif;
				text-decoration: none;
				letter-spacing: .5px;
}

a:hover{		color: #353434;}

p{  			margin-bottom: 20px;
				color: #fff;
				font-family:Arial, sans-serif;
				font-size: 15px;
				line-height: 22px;}
				
h2{ 			margin-bottom: 20px;
				color: #fff;
				font-family:Arial, sans-serif;
				font-size: 60px;
				font-weight: bold;
				}
					
h3{ 			margin-bottom: 5px;
				color: #fff;
				font-family:Arial, sans-serif;
				font-size: 22px;
				font-weight: bold;
				letter-spacing: 1px;}
				
h4{ 			margin-bottom: 5px;
				color: #fff;
				font-family:Arial, sans-serif;
				font-size: 13px;
				font-weight: bold;
				letter-spacing: 1px;}



/*  Header  
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header{
    width: 100%;
}

header .logo{
    float: left;
	padding-left:2%;
}

header .menu_icon{
    display: block;
    width: 35px;
    height: 35px;
    background: url('../img/menu_icon.png') no-repeat;
    float: right;
    margin-top: 23px;
    display: none;
}

header nav{
    display: inline-block;
    margin: 20px 0 0 40px;
    padding: 2px 10px;
    z-index: 9999;
	position:relative;
}

header nav ul{
    list-style: none;
}

header nav > ul > li{
    width:85px;
    float: left;
    margin-left: 2px;
    font-size: 13px;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    display:block;
}
header nav ul li a {
    display:block;
    text-decoration: none;
    color: #fff;
    padding: 10px 5px;

}

header nav li ul{
    display:none;

}

header nav ul li a:hover{
   	color: #00ADEF;

}


header nav li:hover ul{
    display:block;

}

header nav li:hover li{
    width:180px;
	line-height:10px;
    float: left;
    font-size:12px;
}

header nav li:hover li a{
    /*background: black; /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(black, grey); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(black, grey); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(black, grey); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(black, grey); /* Standard syntax */
    color: #fff;
	background:rgba(0,0,0,1.00);
}

header nav li:hover li a:hover{
    font-size:14px;
	color: #00ADEF;
}

@media (max-width:800px){

}

@media (max-width:450px){
    header .login{
        width:150px;
        height:50px;
        text-align: center;
    }
}

@media (max-width:350px){
    header .login{
        display: none;
    }
}



.caminhoes{
    width: 100%;
    height: 25px;
	
}

.caminhoes nav{
	height:auto;
	background-color:rgba(91,91,91,1.00);
	left:0;
    overflow: hidden;
    display: inline-block;
    /*margin: 20px 0 0 40px;
    padding: 2px 10px;*/
    z-index: 8888;
	position:absolute;
}

.caminhoes nav ul{
    list-style: none;
}

.caminhoes nav ul li{
    /*width:100px;*/
    float: left;
    margin-left: 2px;
    font-size: 13px;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    position:relative;
 
}
.caminhoes nav ul li a {
    display:block;
    text-decoration: none;
    color: #fff;
    padding: 10px 5px;
}

.caminhoes nav li ul{
    display:none;

}

.caminhoes nav ul li a:hover{
   	color: #00ADEF;
    background:transparent;
}


.caminhoes nav li:hover ul{
    display:block;
    background:transparent;
}

.caminhoes nav li:hover li{
    /*width:180px;
	line-height:10px;*/
    float: left;
    font-size:12px;
}

.caminhoes nav li:hover li a{
    color: #fff;
	background:rgba(0,0,0,1.00);
}

.caminhoes nav li:hover li a:hover{
    font-size:14px;
	color: #00ADEF;
}



/*  Billboard  
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.billboard{
    width: 100%;
    height: 380px;
    overflow: hidden;
	position:relative;
}

.submenu{
    width: 160px;
    height: auto;
	overflow: hidden;
	margin:20px;
	position:absolute;
	background-color:rgba(0,0,0,1.00);
}

.submenu h3{
	font-size:13px;
	padding:10px;
	color:rgba(255,255,255,1.00);

}

.submenu ol{					
	color: #fff;
	list-style:none;
	float: left;
	padding:5px 10px;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
}

.submenu li a{
	color:rgba(255,255,255,1.00);
	padding-bottom:3px;
}

.submenu li a:hover{
	color: #00ADEF;
}

.submenu li{
	color:#fff;
	margin-bottom:8px;
	border-bottom:1px solid #FFFFFF;
	width:100%;
}

.img_billboard_sobre{
	width:100%;
	height: 380px;
    background: url("../img/bg_sobre.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.img_billboard_starclass{
	width:100%;
	height: 380px;
    background: url("../img/bg_starclass.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.img_billboard_produtos{
	width:100%;
	height: 380px;
    background: url("../img/bg_produtos.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.img_billboard_acessorios{
	width:100%;
	height: 380px;
    background: url("../img/bg_acessorios.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.img_billboard_contrato_manutenção{
	width:100%;
	height: 380px;
    background: url("../img/bg_contrato_manutencao.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.img_billboard_mercedes_assistance{
	width:100%;
	height: 380px;
    background: url("../img/bg_mercedes_assistance.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.img_billboard_recall{
	width:100%;
	height: 380px;
    background: url("../img/bg_recall.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.img_billboard_renov{
	width:100%;
	height: 380px;
    background: url("../img/bg_renov.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.img_billboard_contato{
	width:100%;
	height: 380px;
    background: url("../img/bg_contato.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}


/*  Services/ Row  
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.row{
    width: 100%;
    padding-top: 20px;
}

.row2{
    width: 100%;
    overflow: hidden;
}


/*  Ficon  
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ficon{						
							display: block;
							width: 100%;}

.ficon img{					width:90%;
							float: left;}

/*  Details-Exp  
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.details_exp{		
							display: block;
							width: 100%;
							float: left;
							padding:10px 15px;}
						
.details_exp ul li:first-child{ border:none;}
.details_exp ul li a{		color:#003060;} 	
.details_exp li a:hover{	color:  #00ADEF;}

.details_exp .busca{
    display: block;
    float: left;
    margin-top: 30px;
    background-color: #FFF;
    width:400px;
    height:25px;
	
}

.details_exp .txtbusca{
    width:290px;
    height:25px;
    float:left;
    background-color:transparent;
    padding-left:20px;
    
    font-family: "avantgardelt-extralight", arial;
    font-weight: lighter;
    font-size: 20px;
}

.details_exp .btn_busca{
    height:45px;
    width:70px;
    border:none;
    float:right;
    background:rgba(0,0,0,0.5);
    color: #FFF;
    cursor:pointer;
    font-family: "avantgardelt-extralight", arial;
    font-weight: lighter;
    font-size: 15px;
}

.details_exp .btn_busca:hover{
    background-color:rgba(0,0,0,1.00);
	color: #00ADEF;
}

/*  Grid-1 ***** 30.5%
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.grid-1{			  	    
							display: block;
							width: 100%;
							height: auto;
							float: left;
							margin-right: 2.666666666666667%;
							text-align:center;}
							
.grid-1:nth-child(3n+0){	margin-right: 0;}
.grid-1 h3{					color:#070707;
							margin-top:20px;}
.grid-1 p{					color: #9e9e9e;}
.grid-1 a{					color: #848484;}
.grid-1 a:hover{			color: #353434;}
.grid-1 ul{
    						list-style: none;}
.grid-1 ul li{
							float: left;
							margin-left: 35px;
							font-size: 11px;
							font-family: Helvetica, Arial, sans-serif;
							letter-spacing: 1px;}

/*  Grid-2 ***** 47.9999999997%
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.grid-2{
							display: block;
							width: 48.33333333333333%;
							height: auto;
							float: left;
							margin-right: 1.999999999997%;
							margin-bottom: 30px;
							text-align:center;}

.row .grid-2:nth-child(2n+0){margin-right: 0;}
.row .grid-2:nth-child(2n-1){text-align:justify;}
.grid-2 .details_exp{		 display: block;
							 width: 80%;
							 float: left;}
.grid-2 h3{					 color: #fff;
							 font-size: 15px;}

.grid-2 p{					 color: #fff;
							 margin-bottom:2px;
   							 font-size: 13px;}

@media (max-width:800px){
    .row .grid-2{
							width: 46.66666666666667%;
							margin-right: 6.666666666666667%!important;
    }
    .row .grid-2:nth-child(2n+2){
							margin-right: 0!important;}
}

@media (max-width:500px){
    .row .grid-2{
							width: 100%;
							margin-right: 0!important;
							text-align:justify;
    }
}

/*Grid-3 ***** 30.5%
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.grid-3{			  	    
							display: block;
							width: 33.3%;
							height: auto;
							float: left;

							margin-bottom: 30px;
							text-align:justify;}
							
.grid-3:nth-child(3n+0){	margin-right: 0;}
/*.grid-3 h3 a{					font-size:12px;*/
							/*color:#003060;}*/
/*.grid-3 h3 a:hover{			color:  #00ADEF;}*/
							/**/
.grid-3 p{					font-size:11px;
							color: #070707;
							line-height:14px;}
.grid-3 a{					color: #848484;}
.grid-3 a:hover{			color: #353434;}
.grid-3 ol{					
							color: #070707;
							list-style:none;
							float: left;
							padding:5px 10px;
							font-size: 11px;
							font-family: Helvetica, Arial, sans-serif;
							letter-spacing: 1px;}

@media (max-width:800px){
    .row .grid-3{
							width: 46.66666666666667%;
							margin-right: 6.666666666666667%!important;
    }
	
    .row .grid-3:nth-child(2n+2){
							margin-right: 0!important;}
	/* ROW 2 */
							
	.row2 .grid-1 .grid-3{
							width: 46.66666666666667%;
							margin-right: 6.666666666666667%!important;
    }
    .open_box{
        visibility: hidden;
    }
	
    .row2 .grid-1 .grid-3:nth-child(2n+2){
							margin-right: 0!important;}
}

@media (max-width:500px){
    .row .grid-3{
							width: 100%;
							margin-right: 0!important;}
	
	/* ROW 2 */
	.row2 .grid-1 .grid-3{
							width: 100%;
							margin-right: 0!important;
    }
	
}


/*Grid-5 ***** 29.5.5%
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.grid-5{			  	    
							display: block;
							width: 18.4444444445%;
							height: auto;
							float: left;
							margin-right: 1%;
							text-align:center;}
.grid-5 .ficon{				width:100%;}	
.grid-5:first-child{		margin-left: 2.4444444%;}						
.grid-5:nth-child(5n+0){	margin-right: 0;}
.grid-5 h3{					color:#767575;}
.grid-5 p{					color: #9e9e9e;}
.grid-5 a{					color: #fff;
							font-size:11px;
							float:left;}
.grid-5 a:hover{			color:  #00ADEF;
}

@media (max-width:800px){
    .row .grid-5{
							width: 46.66666666666667%;
							margin-right: 6.666666666666667%!important;
    }
	
	.row .grid-5:first-child{		margin-left: 0;}	
	
    .row .grid-5:nth-child(2n+2){
							margin-right: 0!important;}
	
	.row .grid-5 .ficon img{			
							float: left;}						
}

@media (max-width:500px){
    .row .grid-5{
							width: 100%;
							margin-right: 0!important;
    }
}

/*Grid-6 ***** 59%
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.grid-6{			  	    
							display: block;
							width: 69.5%;
							height: auto;
							float: right;
							margin-right: 5.34188034188034%;
							margin-bottom: 30px;
							text-align:justify;
							border-left:1px solid rgba(0,0,0,0.2);
							}							

.grid-6 h4{					color:#070707;
							font-size:13px;}
.grid-6 h3{					margin-bottom:30px;
							color:#070707;}

.grid-6 h3 a{				font-size:12px;
							color:#003060;}
.grid-6 h3 a:hover{			color:  #00ADEF;}
							
.grid-6 p{					font-size:14px;
							color: #070707;
							line-height:17px;}
.grid-6 a{					color: #848484;}
.grid-6 a:hover{			color: #353434;}
.grid-6 input, .grid-6 textarea {
							width: 70%;
							display: inline-block;
							color: #000;
							font-size: 11px;
							padding: 10px;
							background-color: #FFFFFF;
							margin-bottom: 10px;
							text-transform: uppercase;
							z-index: 8888;}
.grid-6 input#botao {
							width: 15%;
							cursor: pointer;
							background-color:rgba(0,0,0,0.5);
							margin-bottom: 20px;
							color: rgba(255,255,255,1.00);
							border:none;
							/**/
							transition:all .2s linear;
							-webkit-transition:all .2s linear;
							-moz-transition:all .2s linear;
							-o-transition:all .2s linear;}
.grid-6 input#botao:hover {
							/*background-color:rgba(0,0,0,0.6);*/
							background-color:rgba(0,0,0,1.00);
							color: #00ADEF;}
.grid-6 ol{					
							color: #070707;
							list-style:none;
							float: left;
							padding:5px 10px;
							font-size: 14px;
							font-family: Helvetica, Arial, sans-serif;
							letter-spacing: 1px;}

@media (max-width:800px){
    .row2 .grid-6{
							width: 100%;
							margin-right: 0!important;}S
	
    .row2 .grid-1 .grid-6:nth-child(2n+2){
							margin-right: 0!important;}
	.grid-6 input#botao {
							width: 25%;}
}

@media (max-width:500px){
    .row .grid-6{
							width: 100%;
							margin-right: 0!important;}
	
	/* ROW 2 */
	.row2 .grid-1 .grid-6{
							width: 100%;
							margin-right: 0!important;
    }
	
}


/*  Ttitle  
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.title{
    width: 100%;
    padding: 50px 0; 
    overflow: hidden;
}

.title h3 {
	margin-bottom: 20px;
	font-family: "Heavitas", arial;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
}
.title p {
	margin-bottom: 20px;
	font-family: "avantgardelt-extralight", arial;
    font-weight: lighter;
	font-size: 18px;
	font-style:italic;
	text-align: center;
}


/*  Testimonials  
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.testimonials {
	text-align: center;
	position:relative;
	z-index:2;
}

.testimonials h2{
    color: #4e4e4e;
    font-family:Arial, sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 80px;
    letter-spacing: 1px;
}
.caroufredsel_wrapper {
	max-width: 1040px!important;
	margin: 0 auto!important;
}
.testimonials .testi_slider {
	max-width: 1040px!important;
	height: auto;
	overflow: hidden;
}

.testimonials #t_navigation{
	float:left;
    position: relative;
    top:-50px;
    left:50px;
}
.testimonials #t_navigation a {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #dadada;
	text-decoration: none;
	margin-right: 5px;
	/*margin-top: 40px;*/
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
}
.testimonials #t_navigation a.selected {
	background: #00ADEF;
}


/*  Footer  
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer{
    /*border-top: 1px #dedede solid;*/
    text-align: center;
}

footer .row{
    width: 100%;
    background: transparent;
    overflow: hidden;
}

footer .grid-5 p{
    margin-bottom: 10px;
    color: #fff;
    font-family:Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
	text-align:right;
}

footer .rights{
    color: #fff;
    font-family: "lato_regular", arial;
    font-size: 14px;
    margin-top: 10px;
    line-height: 25px;
}

footer .rights a{
    text-decoration: none;
    font-family:Arial, sans-serif;
    font-weight: bold;
    color: #fff;
}

footer .rights a:hover{
    color: #fff;
}