/* Animation Gradient */
@keyframes bganimation {
 0%{
   background-position: 0% 50%;
 }
 50%{
   background-position: 100% 50%;
 }
 100%{
   background-position: 0% 50%;
 }
}
/*  */

/* Home Header */
#homeHeader {
  width: 100%;
  height: 70%;
  padding: 0 0 0 0;
  position: relative;
  overflow: hidden;
}
.item {
  width: 100%;
  height: 70vh;
  position: relative;
}
.item::before {
  content: "";
  width: 100%;
  height: 33px;
  background: #ffffff;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}
.bannerBG {
  width: 100%;
  height: 100%;
  background-image: url('/../../img/producto/bg.jpg');
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

.productoImg {
  max-width: 600px;
  height: auto;
  position: absolute;
  left: 15%;
  bottom: 0;
  margin: auto;
  z-index: 3;
}

.productoMarca {
  max-width: 70%;
  height: auto;
  position: absolute;
  right: 150px;
  top: 190px;
  margin: auto;
  z-index: 3;
}


.item-caption {
  width: 33%;
  height: 150px;
  position: absolute;
  top: 0;
  right: 150px;
  bottom: 0;
  margin: auto;
  text-align: right;
  z-index: 3;
}

.item-caption h1 {
  font-family: 'Circular Std';
  font-weight: 500;
  font-style: normal;
  font-size: 35px;
  color: #ffffff;
  padding: 0 0 5px 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}

.item-info {
  width: 100%;
  height: 50px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}

.item-info p {
  font-family: 'Circular Std Book';
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  color: #ffffff;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}

.productDetail {
  font-family: 'Circular Std Book';
  font-weight: normal;
  font-style: bold;
  background: #750514;
  background-color: #750514;
  transition: all .3s ease;
}

.productDetail:hover , .productDetail:focus , .productDetail:active {
  background: #484848;
  background-color: #484848;
}

#homeHeader .owl-item.active h1 {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: blurIn;
  animation-delay: 0.7s;
}

#homeHeader .owl-item.active p {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: blurIn;
  animation-delay: 1s;
}

#homeHeader .owl-item.active .productoImg {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: blurInBottom;
  animation-delay: 0.7s;
}

#homeHeader .owl-item.active .productoMarca {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: blurIn;
  animation-delay: 1.3s;
}

#homeHeader .owl-item.active .productDetail {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: blurInTop;
  animation-delay: 1.3s;
}
/*  */

/* DOTS HEADER */
#dotsHome {
  width: 100%;
  height: 60px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 75px;
  margin: auto;
  z-index: 2;
}

#carouselHome li {
  display: inline-block;
  margin: 0 15px 0 0;
  cursor: pointer;
}

.owl-home {
  width: 12px;
  height: 12px;
  background: #ffffff;
  background-color: #ffffff;
  border-radius: 100%;
  transition: all .3s ease;
}

.owl-home:hover, .owl-home:focus, .owl-home:active{
  background: #811524;
  background-color: #811524;
  -webkit-box-shadow: 0px 0px 7px -2px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 7px -2px rgba(0,0,0,1);
  box-shadow: 0px 0px 7px -2px rgba(0,0,0,1);
}

.owl-home.active {
  background: #811524;
  background-color: #811524;
  -webkit-box-shadow: 0px 0px 7px -2px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 7px -2px rgba(0,0,0,1);
  box-shadow: 0px 0px 7px -2px rgba(0,0,0,1);
}
/*  */

/* Introducción Mercado Machinery */
#intro_machinery {
  width: 100%;
  height: auto;
  padding: 70px 11% 0 11%;
  background: #ffffff;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
.introTitle {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
.introTitle h1 {
  font-family: 'Circular Std';
  font-weight: bold;
  font-style: normal;
  font-size: 50px;
  color: #750514;
}

.introSubtitle {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
.introSubtitle h1 {
  font-family: 'Circular Std';
  font-weight: bold;
  font-style: normal;
  font-size: 25px;
  color: #a09f9f;
}

/*  */

/* Productos Section */
#productos {
  width: 100%;
  height: auto;
  padding: 15px 8% 50px 8%;
  background: #ffffff;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
#productos01 {
  width: 100%;
  height: auto;
  padding: 175px 10% 66px 10%;
  background: #ffffff;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}

.productosHeader {
  width: 100%;
  height: auto;
  padding: 10px 0 33px 0px;
  text-align: left;
  position: relative;
}

.productosHeader h1 {
  font-family: 'Circular Std';
  font-weight: bold;
  font-style: normal;
  font-size: 45px;
   padding: 65px 0 0 0!important;
  margin: 0 0 0 0!important;
}

strong.Subtitle{
    font-size:32px;
}

.Introduction {
    font-family: 'Circular Std';
    font-weight: normal;
    font-style: normal;
    text-align:center;
    font-size:24px;
    color:#000000;
    margin:0 0 -60px 0;
}

.Product{
    color:#750514;
    text-align:center;
    font-size:4vh;
}

.productosMain {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  position: relative;
}

/* Category Card */
.productoFather {
  width: 100%;
  height: auto;
  padding: 0 0 10px 0;
}

.productosContainer {
  width: 80%;
  height: auto;
  padding: 0 0 0 0;
  margin: 0 auto;
  position: relative;
  transition: all .3s ease;
}

.productosImg {
  width: 100%;
  height: 220px;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  border: 1px solid #ccc;
}

.productosImg::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #ededed;
  background-color: #ededed;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: all .3s ease;
}

.cat-img {
  max-width: 75%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
  transition: all .3s ease-in-out;
}

.productosTitle {
  width: 100%;
  height: 100px;
  padding: 25px 30px 0 25px;
  text-align: right;
  position: relative;
  transition: all .3s ease;
  background: #484848;
  background-color: #484848;
}

.productosTitle::before {
  content: "";
  width: 100%;
  height: 8px;
  background: rgb(117,5,20);
  background: linear-gradient(90deg, rgba(117,5,20,1) 5%, rgba(117,5,20,1) 10%, rgba(117,5,20,1) 15%, rgba(117,5,20,1) 20%, rgba(117,5,20,0.304359243697479) 25%, rgba(117,5,20,1) 30%, rgba(117,5,20,1) 35%, rgba(117,5,20,1) 50%, rgba(117,5,20,1) 65%, rgba(117,5,20,1) 70%, rgba(117,5,20,0.30155812324929976) 75%, rgba(117,5,20,1) 80%, rgba(117,5,20,1) 85%, rgba(117,5,20,1) 100%);
  background-size: 500%;
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  animation : bganimation 5s infinite;
  animation-timing-function:ease-in;
  z-index: 4;
}

.productosTitle h1 {
  font-family: 'Circular Std Book';
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  letter-spacing: 2px;
  color: #fff;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  line-height: 25px;
  margin: auto;
  transition: all .3s ease;
}

.productosTitle h1 span {
  color: #e50422;
  transition: all .3s ease;
}

.productoLink:hover .productosContainer,
.productoLink:focus .productosContainer,
.productoLink:active .productosContainer {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.productoLink:hover .productosImg::before,
.productoLink:focus .productosImg::before,
.productoLink:active .productosImg::before {
  opacity: 1;
}

.productoLink:hover .productosTitle,
.productoLink:focus .productosTitle,
.productoLink:active .productosTitle {
  background: #484848;
  background-color: #484848;
}

.productoLink:hover .productosTitle h1,
.productoLink:focus .productosTitle h1,
.productoLink:active .productosTitle h1 {
  color: #ffffff;
}
.productoLink:hover .productosTitle h1 span,
.productoLink:focus .productosTitle h1 span,
.productoLink:active .productosTitle h1 span {
  color: #750514 ;
}

.productoLink:hover .productosTitle::before,
.productoLink:focus .productosTitle::before,
.productoLink:active .productosTitle::before {
  opacity: 1;
}

.productoLink:hover .productosImg img,
.productoLink:focus .productosImg img,
.productoLink:active .productosImg img {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}
/*  */

/* Loader On Scroll */
.loaderMain {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
}

.loaderMacninery {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #750514;
  width: 60px;
  height: 60px;
  -webkit-animation: spin .7s linear infinite; /* Safari */
  animation: spin .7s linear infinite;
  margin: 0 auto;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

ul.pagination {
  display: none;
}
/*  */

/* SPECIAL EDITION FORMULARIO BUSQUEDA */
#formularioBusqueda {
  width: 100%;
  height: auto;
  padding: 200px 15% 0 15%;
  background: #ffffff;
  background-color: #ffffff;
  overflow: hidden;
  position: relative;
}
/*  */

/* Formulario Styles */
.input-field>label {
  font-family: 'Circular Std Book';
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  color: #484848;
  top: -25px;
}

textarea.materialize-textarea {
  font-family: 'Circular Std Book';
  font-weight: normal;
  font-style: normal;
  color: #484848;
  padding: 3rem 0 .8rem 0;
  min-height: 6rem;
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
  font-family: 'Circular Std Book';
  font-weight: normal;
  font-style: normal;
  color: #484848;
  border-bottom: 1px solid #484848;
  padding: 0 0 0 3px;
  margin: 10px 0 0 0;
  transition: all .3s ease;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #730211;
  -webkit-box-shadow: 0 1px 0 0 #730211;
  box-shadow: 0 1px 0 0 #730211;
  transition: all .3s ease;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #730211;
}

.input-field > label:not(.label-icon).active {
  -webkit-transform: translateY(-14px) scale(0.65);
          transform: translateY(-14px) scale(0.65);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.input-field > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,
.input-field > input[type=date]:not(.browser-default) + label,
.input-field > input[type=time]:not(.browser-default) + label {
  -webkit-transform: translateY(-14px) scale(0.65);
          transform: translateY(-14px) scale(0.65);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.buttonForm {
  width: 100%;
  height: auto;
  text-align: right;
  padding: 0 0 0 0;
}

.botonContacto {
  font-family: 'Circular Std';
  font-weight: 500;
  font-style: normal;
  background: #484848;
  background-color: #484848;
  transition: all .3s ease;
}

.botonContacto:hover, .botonContacto:focus, .botonContacto:active {
  background: #750514;
  background-color: #750514;
}
#contactoForm {
  padding: 0 0 0 0!important;
}
/*  */

/* PRODUCTOS USADOS */
.usadosContainer {
    width: 100%;
    height: auto;
    padding: 0 25px 80px 25px;
    position: relative;
}
.usadosContainer .productosImg {
    width: 100%;
    height: auto;
    padding: 0 0 0 0;
    line-height: 0;
    text-align: center;
}
.usadosContainer .productosImg img {
    max-width: 100%;
    height: auto;
}
.usadosContainer .productoDetails {
    width: 100%;
    height: auto;
    padding: 25px 25px 25px 25px;
    text-align: left;
    background: #484848;
    background-color: #484848;
    position: relative;
}
.usadosContainer .productoDetails h1 {
    font-size: 22px;
    font-family: 'Circular Std Book';
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    padding: 0 0 25px 0!important;
    margin: 0 0 0 0!important;
}
.usadosContainer .productoDetails::before{
    content: '';
    width: 100%;
    height: 8px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    background: #ffffff;
    background-color: #ffffff;
}
.usadosContainer .productoDetails::after {
  content: "";
  width: 100%;
  height: 8px;
  background: rgb(117,5,20);
  background: linear-gradient(90deg, rgba(117,5,20,1) 5%, rgba(117,5,20,1) 10%, rgba(117,5,20,1) 15%, rgba(117,5,20,1) 20%, rgba(117,5,20,0.304359243697479) 25%, rgba(117,5,20,1) 30%, rgba(117,5,20,1) 35%, rgba(117,5,20,1) 50%, rgba(117,5,20,1) 65%, rgba(117,5,20,1) 70%, rgba(117,5,20,0.30155812324929976) 75%, rgba(117,5,20,1) 80%, rgba(117,5,20,1) 85%, rgba(117,5,20,1) 100%);
  background-size: 500%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation : bganimation 5s infinite;
  animation-timing-function:ease-in;
  z-index: 4;
}
.usadosContainer .productoDetails ul li {
  font-family: 'Circular Std Book';
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  color: #ffffff;
  padding: 0 0 0 15px;
  line-height: 20px;
  position: relative;
  margin-bottom:8px;
  list-style-type:none;
}
.usadosContainer .productoDetails ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #ffffff;
  background-color: #ffffff;
  position: absolute;
  top: 8px;
  left: 0;
  margin: auto;
  border-radius: 100%;
}
/*  */