/* ------------ ÁGUIAWEB.COM ALL RIGHTS RESERVED ------------ */
body {

}









/*------------ GERAL ------------ */
body {
padding-bottom: 0px;
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
background-color:#EBEBEB;line-height:1.5;
}
.vermelho{color:#DA251C;}	
.azul{color:#043A80;}	
.verde{color:#00A650;}	
.branco{background-color:#fff;}
br {line-height:150%}

p{line-height:1.5;
margin: 0px 0px 20px 0px; /* define margens superior e inferior de 40px e laterais 0 (zero) */	}
hr {margin-bottom:10px;}
a {
color:#1C1C1C;
-o-transition:.9s;
-ms-transition:.9s;
-moz-transition:.9s;
-webkit-transition:.9s;
transition:.9s;
	}
a:hover {color:#DB261D;}
.row{
	margin-top: 0px;
	margin-bottom: 0px;
	
	}
.bg-success{padding:15px;}
.img-cover {
	width: 100%;
    height: 200px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 30% 30%;
		}
.well{
	background-color:#f4f4f4;
	border-color:#f1f1f1;
	color:#333;
	font-size:13px;line-height:200%;
}
::selection { background: #1C1C1C; color: #fff; } ::-moz-selection { background: #1C1C1C; color: #fff; }

ul {  list-style-type: none;
   }
ul li{}


.bg-primary{padding:10px;}
/*------------ END GERAL ------------ */

/*------------ VIDEO ------------ */
.video {
  height: 90%;
   
   margin: 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.block-container {
  position: relative;
  top: 20%;
  transform: translateY(-50%);
}
.block-container > .block {
  margin: 0 auto;
  text-align: center;
  max-width: 75%;
}
.block-container > .block > h1 {
  font-size: 75px;
  color: #fff;
  border-bottom: 0;
  margin: 0 0 10px;

}
.block-container > .block > h3 {
  color: #fff;
  margin: 0;
  font-size: 20px;
}
/*------------ END VIDEO ------------ */


/*------------ LOGO ------------ */
.logo{margin-top:10px;margin-bottom: 10px;height:90px;margin-right:0px;position: relative;
   /* desativada animação */
    /*  -webkit-animation-name: example; /* Chrome, Safari, Opera */
   /*   -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
   /*   animation-name: example;
      animation-duration: 4s;*/} 
	
@media (max-width: 700px) { 
.logo{height:50px;margin:20px;}
}
/*------------ END LOGO ------------ */

/*====================================
----------------- NAV --------------- 
====================================*/
.topo{background-color:#fff;background-image:url(https://vr4autopecas.com.br/_img/_banner/noticias.jpg); height:200px;background-size:cover;background-position:center;}
@media (max-width: 700px) { .topo{height:100px;}}


.navbar-toggle .icon-bar{display:block;width:50px;height:6px;border:0px solid red!important; background-color:#1C1C1C!important;color:#1C1C1C;}
.navbar-toggle{color:#1C1C1C;margin-top:5px;color:#1C1C1C;border:0px solid red!important}


.nav{
font-weight:bold;
font-size:14px;
margin-top:30px;
	}
ul.nav a{ 	
color:#1C1C1C !important; 	
border-bottom:3px solid #D0252E;	
border-radius: 0px 0px 0px 0px;	
margin-left:10px;
margin-right:10px;
height:45px;
text-shadow: #000 0.0em 0.0em 0.0em;
}
@media (min-width: 750px) and (max-width: 1200px) {
.nav{
	font-size:13px;
}
ul.nav a{ 	
margin-left:0px;
margin-right:0px;
}
}

ul.nav a:hover  { 
color:#1C1C1C !important;
text-shadow: #000 0.0em 0.0em 0.0em ;
-o-transition:.0s;
-ms-transition:.0s;
-moz-transition:.0s;
-webkit-transition:.0s;
transition:.0s;

border-bottom:5px solid #1C1C1C;
border-radius: 0px 0px 0px 0px; 
background-color: #fff;

}
.navbar{
}
.navbar-header{
margin-bottom:0px;
margin-top:0px;
}

/*-- transparente --*/
 .navbar.transparent.navbar-inverse .navbar-inner {
    border-width: 0px;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    background-color: rgba(0,0,0,0.0);
    background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,0,0,0.00)),color-stop( 100% , rgba(0,0,0,0.00)));
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
}

/*------------ COLAPSED DIFERENTE PARA SMARTPHONE ------------ */
@media (max-width: 980px) {
ul.nav a{ 	
color:#1C1C1C !important; 	
border-bottom:3px solid #1C1C1C;	
border-radius: 0px 0px 0px 0px;	
margin-left:10px;
margin-right:10px;
height:45px;
text-shadow: #000 0.0em 0.0em 0.0em;
background-color: #fff;

}

}

/* MENU POR MAIS TEMPO COLAPSED*/
@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}




/*------------ END NAV ------------ */



/*------------ BANNER e "ITEM" PARA DEPOIMENTO------------ */
.banner {
  margin-top: 0px;
}

/* Carousel base class */
.carousel {
  margin-bottom: 0px;
}
/* item  min-height: 150px !important;*/
.item{
    background: #fff;    
    text-align: center;
    
	border:0px solid black;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  margin-top: 0px;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
  font-family: 'Carter One', cursive;text-shadow: #333 0.05em 0.05em 0.05em;
  padding:0px;
}
.carousel-caption h1 {
  font-size:35px;
  text-align:left;
  margin-top:0px;
	text-shadow: #333 0.05em 0.05em 0.05em; font-family: 'Lato'; font-weight: 900;
            font-size: 60px;
	color:#fff;
}
.carousel-caption p {
  text-align:left;
  margin-top:0px;
	text-shadow: #000 0.05em 0.05em 0.05em; font-family: 'Lato'; font-weight: 300;
            font-size: 30px;
	color:#fff;
}
@media (max-width: 800px) { 
.carousel-indicators{ display:none;}
.carousel-control{display:none;}
.carousel-caption p {
	font-size: 20px;
}
.carousel-caption h1 {
	font-size: 35px;
}
}

/* Declare heights because of positioning of img element */
.carousel  {
  background-color:#fff;
}
.carousel img {
}
/* banner */
.slider-size {
    background: #ccc;    
    text-align: center;
    height: 120px !important;/* This is your slider height */

}
.carousel {
width:100%; 
margin:0 auto; /* center your carousel if other than 100% */ 
}
.carousel h1{
	    padding-top:0px;

	}

/*------------ END BANNER ------------ */



/*------------ PAG HEADER ------------ */
.page-header img{margin-top:-8px;margin-right:8px;}

@media (max-width: 992px) { 
.page-header{font-size:14px !important}
}
.page-header{
	border-bottom:1px solid #1C1C1C;
	color:#333;
  position: relative;
	text-transform: uppercase;
	text-align:left;
	font-size:20px;
	font-weight:700;
	line-height:130%;
  margin-top: 0px;
}
.page-header:before {
    position: absolute;
    content: "";
    height: 4px;
    background: #1C1C1C;
    width: 7%;
    bottom:0px;
    left: 0%;
}	


/*------------ END PAG HEADER ------------ */

/*------------ TABLE ------------ */

.table-price{font-size:15px;text-transform: uppercase;color:#1C1C1C;font-weight:bold;}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color:#D9EDF7;
}

/*------------ END TABLE ------------ */

/*------------ INTERNA ITEM ON ------------ */
.descricao a{
	text-decoration:underline;
	}
.descricao{
	font-size:16px;
	color:#555;
	line-height:1.5;
	text-align: justify;
	font-family: 'Open Sans', sans-serif;

	}
.descricao h3{
	margin-top:0;
font-family: 'Open Sans', sans-serif;
	color:#1C1C1C;
	font-size:16px;
margin: 0px 0px 5px 0px; /* define margens superior e inferior de 40px e laterais 0 (zero) */	}
	}
.descricao h2{
font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-size:16px;
	}
.descricao ul {margin:0;padding:0;list-style-image:url(https://vr4autopecas.com.br/_img/_layout/sucesso.gif);list-style-position:inside;}
.descricao ul li{text-align:left;}
	
/*------------ INTERNA END ITEM ON ------------ */

/*------------ LIST ITENS ------------ */
.img-hover:hover {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	-webkit-filter: contrast(1.5);
  filter:drop-shadow(8px 8px 8px  #ccc);

}
.img-hover {
	
  border:4px dotted #Fff; 
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
.thumbnail {
background-color:#fff;
border-radius: 0px 0px 0px 0px;
border:0px solid #FFF;

	}

.thumbnail img{
border-radius: 0px 0px 0px 0px;
	}
.thumbnail img:hover{
	
	}
.caption {
	width: 100%;
	min-height: 80px;
	border-bottom:0px solid #F8C301;

	
}
.caption a:hover{
	text-decoration:none;
	animation:ease-in;

}.caption h3{
	font-size:16px;
	line-height: 150%;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;margin:3px;
  text-align: center;
	
}	

.caption a{
	color:#1C1C1C;text-shadow: 0.000em 0.000em 0.000em #fff;
	
	
}

.panel-title {font-size:15px;}
/*------------ END LIST ITENS ------------ */


/*------------ QUOTE STEPS ------------ */
.stepwizard-step p {
	margin-top: 10px;
}
.stepwizard-row {
	display: table-row;
}
.stepwizard {
	display: table;
	width: 50%;
	position: relative;
}
.stepwizard-step button[disabled] {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
	top: 14px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	z-order: 0;
}
.stepwizard-step {
	display: table-cell;
	text-align: center;
	position: relative;
}
.btn-circle {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
}
/*------------ END QUOTE STEPS ------------ */

/*------------ CHECK BOX ------------ */

/* IE BUG LABEL AS IMAGE*/
label{
        display: inline-block;
    }
label img{
        pointer-events: none;
		width:250px;
    }
/* END IE BUG LABEL AS IMAGE*/
/*------------ END CHECK BOX ------------ */

/*------------ FOOTER ------------ */
.section-colored{
background-color:#333;
color: #fff;
border-bottom: 8px solid #D90000;
padding:30px;
}
#footer{
margin-top:0px;	
background-color:#333;
color: #fff;
border-bottom: 8px solid #D90000;
padding:50px;
}
/*------------ END FOOTER ------------ */

/*------------ FORMS ------------ */
.form-control{
	background-color:#fff;
	border:solid 1px #ccc;
	color:#333;
	font-weight:700;
}
.control-label{
	color:#1C1C1C;
}

/*------------ END FORMS ------------ */



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 769px) {

  /* Bump up size of carousel content */
  .carousel-caption p {
    font-size: 21px;
    line-height: 1.4;
  }

}

@media (min-width: 992px) {

}








/* DEPOIMENTOS */
/* carousel */
#quote-carousel 
{
  width:100%;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 30px;
  text-shadow: none;
  margin-top: 80px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{  
left:-80px;!important;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
right:-80px; !important; 
}
/* Changes the position of the indicators */
#quote-carousel .carousel-control
{
  margin-top:100px;
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 992px) { 

/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: 0px !important;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: 0px !important;
}
#quote-carousel .carousel-control
{
  margin-top:25px;
}

}




/*------------ ANIMATIONS ------------ */

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {background-color:red; left:0px; top:200px;}
    50% {background-color:red; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color:red; left:0px; top:200px;}
    50% {background-color:red; left:0px; top:0px;}
}
/*------------ END ANIMATIONS ------------ */

/*
Extra small devices
Phones (<768px)
.visible-xs
or hidden

Small devices
Tablets (≥768px)
.visible-sm
or hidden

Medium devices
Desktops (≥992px)
.visible-md
or hidden

Large devices
Desktops (≥1200px)
.visible-lg
or hidden
*/


/* WHATSAPP FIXO */
.whatsapp-fixo {
position: fixed;
bottom:10px;
right:10px;
z-index: 999;
}