@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
.navbar {
  box-shadow: 1px 1px 1px 2px #0003;
  background: #fffffff7 !important;
  border-bottom: 5px solid #373952;
}
.navbar.navbar-short {
  box-shadow: 2px 2px 2px 2px #0003;
  border-bottom: 5px solid #373952;
}
#footer6-1l{
  -webkit-clip-path: polygon(0% 0%,100% 2.49vw,100% 100%,0% 100%);
  clip-path: polygon(0% 0%,100% 2.49vw,100% 100%,0% 100%);
  /*background: url(../../images/squiggle.png) 0 0 / 150px 150px, linear-gradient(315deg,#180d1c 0.57%,#452650 100%);*/
  background: url(../../images/squiggle.png) 0 0 / 150px 150px, linear-gradient(315deg,#203a84 0.57%,#020a2f 100%);
  background-size: 300px 300px,cover;
}

/***********************************************/
/*index
/***********************************************/
.proveedores{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}
.flecha{
  animation:linear infinite alternate;
  animation-name: run;
  animation-duration: 2s;
  position: relative;
  padding-top: 0.8em;
}

@keyframes run {
    0% { left: 0;}
    /*50%{ left : 100%;}*/
    100%{ left: 60%;}
}

.flecha #defs911{
    fill: red;
}

.r-vehi{
  font-size: 1.5em;
}

.display-1{
  text-shadow: 3px 3px 5px black;
}
/***********************************************/
/*section talleres
/***********************************************/
.cid-rYWnptgQrN{
  padding-top: 90px;
  margin-left: 15px;
  margin-right: 15px;
}

.cid-rYWpyFRqmA{
  margin-left: 15px;
  margin-right: 15px;
  border: 1px solid #eee;
  border-top-width: .25rem;
  border-top-color: #373952;
}

.cid-rYWpzkfaaN{
  margin-left: 15px;
  margin-right: 15px;
  border: 1px solid #eee;
  border-top-width: .25rem;
  border-top-color: #373952;
}

/***********************************************/
/*section contacto
/***********************************************/
.cid-rZ7o23A1vS{
  padding-top: 90px;
  margin-left: 15px;
  margin-right: 15px;
}
.cid-rZ7rAhT66G{
  margin-left: 15px;
  margin-right: 15px;
  border: 1px solid #eee;
  border-top-width: .25rem;
  border-top-color: #373952;
}
/***********************************************/
/*section refacciones
/***********************************************/
.cid-rYWwYncZcN{
  padding-top: 20px;
  background-color: transparent !important;
  /*background: linear-gradient(#ffffff, #c1c6f5);*/
}

/***********************************************/
/* efecto hojas al pie
/***********************************************/
.book:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    overflow: hidden;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
                0 8px 0 -3px #f6f6f6,
                0 9px 1px -3px rgba(0, 0, 0, 0.2),
                0 16px 0 -6px #f6f6f6,
                0 17px 2px -6px rgba(0, 0, 0, 0.2);
}

/***********************************************/
/* hr 
/***********************************************/
.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  /*opacity: 0.5;*/
  font-size: 25px;
  font-weight: bold;
}
.hr-text:before {
  content: "";
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#373952), to(transparent));
  background: linear-gradient(to right, transparent, #373952, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
}
.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  color: black;
  padding: 0 0.5em;
  line-height: 1.5em;
  color: #373952;
  background-color: #fff;
}


/***********************************************/
/*Titulo con movimiento*/
/***********************************************/
.text{
  margin-left: -10%;
}

h3.titulo {
  display: inline-block;
  vertical-align: top;
  /*margin: 0;*/
}

.word {
  position: absolute;
  /*width: 220px;*/
  opacity: 0;
}
.word1 {
  position: absolute;
  /*width: 220px;*/
  opacity: 0;
}
.word2 {
  position: absolute;
  /*width: 220px;*/
  opacity: 0;
}

.letter {
  display: inline-block;
  position: relative;
  float: left;
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px;
}

.letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
  transform: rotateX(-90deg);
}

.letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.wisteria {
  color: #8e44ad;
}

.belize {
  color: #2980b9;
}

.pomegranate {
  color: #c0392b;
}

.green {
  color: #16a085;
}

.midnight {
  color: #2c3e50;
}

/***********************************************/
/* Talleres
/***********************************************/
/*//////////////////////////////////////////////////////////////////
[ Simple slide100 ]*/
.simpleslide100 {
  display: block;
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
}

.simpleslide100-item {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.bg-img1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.overlay1 {
  position: relative;
  z-index: 1;
}
.overlay1::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
}

.aniButton{
  animation: colorPulse 4s infinite alternate;
  -webkit-box-shadow: 0px 0px 28px 2px rgba(255,255,255,1);
  -moz-box-shadow: 0px 0px 28px 2px rgba(255,255,255,1);
  box-shadow: 0px 0px 28px 2px rgba(255,255,255,1);
}
.aniButton:hover{
  color: white;
  animation: tada; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  background-color: #ffffff3b;
}

@keyframes colorPulse {
  0%                  { 
    background-color  : #1f67ec9d;
    -webkit-box-shadow: 0px 0px 30px 4px #1f67ec9d;
    -moz-box-shadow   : 0px 0px 30px 4px #1f67ec9d;
    box-shadow        : 0px 0px 30px 4px #1f67ec9d;
  }
  25%                 { 
    background-color  : #ea309d93;
    -webkit-box-shadow: 0px 0px 30px 4px #ea309d93;
    -moz-box-shadow   : 0px 0px 30px 4px #ea309d93;
    box-shadow        : 0px 0px 30px 4px #ea309d93;
  }
  50%                 { 
    background-color  : #f50d0d81;
    -webkit-box-shadow: 0px 0px 30px 4px #f50d0d81;
    -moz-box-shadow   : 0px 0px 30px 4px #f50d0d81;
    box-shadow        : 0px 0px 30px 4px #f50d0d81;
  }
  75%                 { 
    background-color  : #24b9266e;
    -webkit-box-shadow: 0px 0px 30px 4px #24b9266e;
    -moz-box-shadow   : 0px 0px 30px 4px #24b9266e;
    box-shadow        : 0px 0px 30px 4px #24b9266e;
  }
  100%                { 
    background-color  : #f1f1f16e;
    -webkit-box-shadow: 0px 0px 30px 4px #f1f1f16e;
    -moz-box-shadow   : 0px 0px 30px 4px #f1f1f16e;
    box-shadow        : 0px 0px 30px 4px #f1f1f16e;
  }
}
/*---------------------------------------------*/
.how-btn1 {
  padding: 12px;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 25px;
}

.how-btn1:hover {
  background-color: #fff;
  color: #555;
}
.size2 {
  min-width: 140px;
  height: 50px;
}
.s1-txt1 {
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
}
.boxInfo{
    background: rgba(0,0,0,0.4);
    border-radius: 5px;
    padding: 5px;
}