@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
*{
  font-family: sans-serif;
  /*font-family: 'Roboto Condensed', sans-serif;*/
  }

 /* h1, h2, h3, h4, h5, p, strong, .subtitulo-bold, .subtitulo-red{
    font-family: sans-serif !important;
  }*/

.subtitulo-red{
 color: #ce0417;
}
.subtitulo-bold{
  font-weight: 800;
}
.subtitulo-bold2{
  font-weight: 600;
}
.tamano-texto{  
 font-size: 2em;
}
.asesoria{
  font-size: 25px;
}
.tamano-texto2{  
 font-size: 1.5em;
}
.btn-danger{
  background-color: #ce0417 !important;
}
.btn-danger:hover{
  background-color: #9c1320 !important;
}
.navbar{/*menu*/
  background:rgba(0, 0, 0, 0.84) !important;
  top: 0;
  z-index: 999;
}
.navbar .navbar-brand{
  background:rgba(0,0,0,0.71);
  border-radius: 100px;
 /* position: absolute;
  top: 0px;*/
}

.navbar-nav{
  width: 90%;

}
.navbar-nav a{
  font-family: 'Roboto Condensed', sans-serif !important;
}
.item-activo, .navbar-nav a:hover{
  color: #ce0417 !important;
  font-weight: bold;
  border-bottom: 2px solid #ce0417;
}
/*.navbar-nav .wp{
  padding: 20px;
  background: #ce0417;
  text-decoration: none;
}*/
.navbar-nav .wp:hover{
  border-bottom: none !important;
  color: #fff !important;
}
.navbar-nav .wp i, .descargar .btn i{
  vertical-align: middle;
}


/*.navbar-nav ul{

}*/

@media (max-width: 991px){
  .navbar-nav{
    width: 100%;
  }
  .navbar .navbar-brand img{
  width: 50px;
  height: auto;
  }
}
@media (min-width:992px){
  .navbar{
  height: 100px;
  }
  .navbar .navbar-brand img{
    width: 120px;    
  }
  .navbar .navbar-brand{
    margin-top: 30px;
  }
}
/*carousel principal*/
.slide1{
  background-image: url(../images/gomexport-tires-tu-solucion-logistica-para-la-importacion-de-llantas.jpg);
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center center;
}
.slide2{
  background-image: url(http://xpedient.com/wp-content/uploads/layerslider/Home/background-tire-warehouse-xpedient.jpg);
  height: 350px;
  width: 100%;
  background-size: cover;
  background-position: center center;
}
.padding-carousel{
  padding-left: 2em;
  padding-right: 2em;
  }
.contenido-carousel{
  bottom: 0;
  left: 0;
  }
.contenido-carousel p{
  font-size: 22px;
}
.form-control{
  font-size: 14px;
}
.contenido-carousel .btn, form a{
  background: #ef0e23;
  font-size: 14px;
  border-radius: 10px;
  box-shadow: 1px 1px 15px #000;
}

@media (min-width: 991px){
  .padding-carousel{
  padding-left:  10em;
  padding-right:10em;
  }
}
.texto-carousel h1{
    font-size: 45px;
    font-weight: 400;
  }
.texto-carousel h2{
   font-size: 40px;
   font-weight: 600;
  }
@media (max-width: 991px){
  .texto-carousel h2{
    font-size: 25px !important;
  }
  .contenido-carousel p{
  font-size:14px;
  }
}
@media (max-width:580px){
  .texto-carousel h1, .texto-carousel h2{
    font-size: 20px !important;
  }
}
/*nosotros*/
.separador{
  margin-top: -50px;
  margin-bottom: 50px;
  background-color: white;
  background-image: linear-gradient(transparent, white) !important;
  height: 70px;
  z-index: 2;
}
.nosotros{
  background: #fff;
  }
.imagen-nosotros img{
    border-bottom: 8px solid #ce0417;
    -webkit-clip-path: polygon(0 15%, 95% 0, 95% 100%, 0% 100%);
    clip-path: polygon(0 15%, 95% 0, 95% 100%, 0% 100%);
}

/*paralax mision vision*/
.bg-img1 {
  /* Create the parallax scrolling effect */
    background-image: url('../images/tire.jpg');
    /*background-attachment: fixed;*/
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-img2 {
  /* Create the parallax scrolling effect */
    background-image: url('../assets/img/hero-producto.jpg');
  /*  background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.overlay1 {
  position: relative;
  z-index: 1;
}
.overlay1::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #7d0918;
  opacity: 0.85;
}
.overlay2 {
  position: relative;
  z-index: 1;
}
.overlay2::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0a0a0ac7;
  opacity: 0.8;
}
.overlay3 {
  position: relative;
  z-index: 1;
}
.overlay3::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
}
.contenedor-mision-vision{
    padding:5% 10%;
}
/*catalogo*/
.catalogo{
  border-right: 10px solid #ce0417;
}
.catalogo img{
  width:100%;
}
.descargar .btn{
    font-size: 20px;
    font-weight: bold;
    background-color: #ce0417 !important;   
}
@media (min-width: 576px) and (max-width: 980px){
.descargar .btn{
    font-size: 16px;   
}
}
@media(max-width: 712px){
  .catalogo{
  border-right: none;
}
}
@media(max-width: 466px){
  .descargar .btn{
    font-size: 12px;
    font-weight: bold;
  }
  .texto-catalogo{
    font-size: 14px;
  }
}
/*preguntas frecuentes*/
@media(min-width: 1215px){
  .marca-ruedas{
    background-image:url(../images/marca-rueda.png) !important;
    background-position: left !important;
    background-repeat:no-repeat !important;
  }
}
.tabla{
  background: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 10px #aaa;
  max-width: 300px;
  min-width: 300px;
  height: 514px;
  transition: all 1s ease;
  position: relative;

}
.tabla .btn{
   background-color: #ce0417 !important;
   border-radius: 20px;
   color: #fff;
   font-size: 12px;
   position: absolute;
   bottom: 20px;
}
.tabla .btn:hover, .descargar .btn:hover{
  background-color: #9c1320 !important;
}
.tabla p, .tabla h4{
  color: #5d5b5b;
  line-height: 20px;
}
.tabla:hover{
  transition: all 0.5s ease;
  transform: scale(1.1, 1.1); 
}
.imagen-pregunta{
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 180px;
}
.imagen-pregunta1{
  background-image: url(../images/pregunta1.png);
}
.imagen-pregunta2{
  background-image: url(../images/pregunta2.png);
}
.imagen-pregunta3{
  background-image: url(../images/pregunta3.png);
  background-position: center;
}
#submit{
  width: 150px;
}
/*nuestras marcas**/
.titulo-marcas span{
  line-height: 10px;
}
@media (max-width: 1024px){
  .titulo-marcas h2{
    font-size: 20px
  }
  .titulo-marcas span{
    font-size: 25px;
  }
}
.carousel-marcas .owl-dots{
  display: none;
}
.item1{
-webkit-clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
background: #fff;
padding-left: 40px;
padding-right: 40px;
}
.item2{
  -webkit-clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
}
.item3{
  -webkit-clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
}
.item4{
  -webkit-clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
}
/*footer*/
footer img{
  width: 100%;
}
footer span{
  line-height: 20px;
}
footer p{
  color: #5d5b5b;
}
@media(max-width: 767px){
  footer img{
  width: 150px;
}
}
.footer2{
  background: #000;
  /*border-bottom: 2px solid #fff;*/
}
.footer2 p{
  font-size: 13px;
  color: #d5d5d5;
  padding: 20px;
}

@media (max-width: 579px){
  .footer2 div:nth-child(2){
    padding-bottom: 20px;
  }
  .footer2 p{
    font-size: 12px;
    text-align: center;
  }
}

  .footer2 div a i{
      font-size: 25px;
  }
  .footer2 div a i:hover{
      transition: all 0.5s ease;
      transform: scale(1.1, 1.1);
      color: #ce0417 !important;
  }

/*PRODUCTOS*/
.header-producto{
  height: 80vh;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('../images/hero.jpg');
}
.overlay5 {
  position: relative;
  z-index: 1;
}
.overlay5::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0a0a0ac7;
  opacity: 0.5;
}
@media(min-width: 580px){
 .contenedor-productos{
  margin-top: -80px;
  z-index: 2;
 }
 }
 .tabla-producto{
  z-index: 4;
 }
 .detalle-producto{
   background-color: #fff;
   z-index: 4;
 }
.producto{ 
  background-color: #d5d5d5;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 50% 50%;
}
.producto-shadow{
  box-shadow: 1px 1px 8px rgba(130, 123, 123, 0.84);
  height: 190px;
}
.producto1{
  background-image: url('../images/catalogo1.png');
  background-size: cover;
  background-position: top;
}
.producto2{
  background-image: url('../images/catalogo2.png');
  background-size: cover;
  background-position: top;
}
.producto3{
  background-image: url('../images/catalogo3.png');
  background-size: cover;
  background-position: top;
}
.producto4{
  background-image: url('../images/catalogo4.png');
  background-size: cover;
  background-position: top;
}
.producto5{
  background-image: url('../images/catalogo5.png');
  background-size: cover;
  background-position: top;
}
.producto6{
  background-image: url('../images/catalogo6.png');
  background-size: cover;
  background-position: top;
}
.producto7{
  background-image: url('../images/catalogo7.png');
  background-size: cover;  background-position: top;
}
.producto8{
  background-image: url('../images/catalogo8.png');
  background-size: cover;
  background-position: top;
}
.producto9{
  background-image: url('../catalogos/rixtone-tires.png');
  background-size: cover;
  background-position: top;
}
.producto10{
  background-image: url('../images/catalogo10.png');
  background-size: cover;
  background-position: top;
}
.producto11{
  background-image: url('../images/catalogo11.png');
  background-size: cover;
  background-position: top;
}
.producto12{
  background-image: url('../images/catalogo12.png');
  background-size: cover;
  background-position: top;
}
.producto13{
  background-image: url('../images/catalogo13.png');
  background-size: cover;
  background-position: top;
}
.producto14{
  background-image: url('../images/catalogo14.png');
  background-size: cover;
  background-position: bottom;
}
.producto15{
  background-image: url('../images/catalogo15.png');
  background-size: cover;
  background-position: top;
}
.producto16{
  background-image: url('../images/catalogo16.png');
  background-size: cover;
  background-position: top;
}

.paginacion span{
  border:#050505 1.5px solid;
  padding: 8px 14px;
  border-radius: 50px;
  margin: 4px;
  color: #ce0417;
  font-size: 14px;
  font-weight: bold;
}
.paginacion span:hover, .paginacion .pag-activa{
  background: #000;
}
/*pagina servicios*/
.header-servicio{
  height: 450px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('../images/banner-importacion-1.jpg');
}
.overlay4 {
  position: relative;
  z-index: 1;
}
.overlay4::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
}
.titulo-servicios{
  background: #000;
  opacity: 0.7;
}
.header-nosotros{
  height: 450px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('../images/TeqTire-homepage-hero.png');
}
.flecha-up {
    width:0px;
    height:0px;
    border-left:25px solid transparent; /* izquierda flecha */
    border-right:25px solid transparent; /* derecha flecha */
    border-bottom:25px solid #fff; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
 }
 .contenedor-nosotros{
  margin-top: -25px;
 }
 @media(max-width: 580px){
  .header-nosotros, .header-servicio{
    height: 300px;
  }
 .header-nosotros h2, .header-servicio h2{
    font-size: 30px;
 }
 }
 
 .por-que-nosotros li{
  list-style: none; list-style-type: none; margin-bottom: 14px; color: #FFF;
 }
 .por-que-nosotros li div{
  display: inline-block; margin: auto; background-color: #000; padding: 10px;
 }