* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'DIN';
  src: url("../fonts/DIN-Light.woff2") format("woff2"), url("../fonts/DIN-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DIN';
  src: url("../fonts/DIN-Regular.woff2") format("woff2"), url("../fonts/DIN-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DIN';
  src: url("../fonts/DIN-Regular.woff2") format("woff2"), url("../fonts/DIN-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DIN';
  src: url("../fonts/DIN-Medium.woff2") format("woff2"), url("../fonts/DIN-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Bold.woff2") format("woff2"), url("../fonts/DINPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Black.woff2") format("woff2"), url("../fonts/DINPro-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Light.woff2") format("woff2"), url("../fonts/DINPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Bold.woff2") format("woff2"), url("../fonts/DINPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Black.woff2") format("woff2"), url("../fonts/DINPro-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Light.woff2") format("woff2"), url("../fonts/DINPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Medium.woff2") format("woff2"), url("../fonts/DINPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Medium.woff2") format("woff2"), url("../fonts/DINPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DINPro';
  src: url("../fonts/DINPro-Regular.woff2") format("woff2"), url("../fonts/DINPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

a, select, button, input, textarea {
  outline: none;
}

.trans, .productos .botones a, .contacto input[type="submit"] {
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body {
  padding: 0;
  margin: 0;
  font-family: "DIN";
  color: #4a4a4a;
}

.clear {
  clear: both;
}

h1, h2, h3, h4, p, ul, li {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a, a:hover {
  text-decoration: none;
  outline: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

header {
  position: relative;
}

header .texto {
  position: absolute;
  top: 145px;
  left: 70px;
}

header .texto img {
  width: 145px;
}

header .texto h1 {
  font-family: "DINPro";
  font-weight: 900;
  font-size: 60px;
  margin-top: 60px;
  color: #fff;
  letter-spacing: -1px;
  line-height: 45px;
}

header .texto h1 span {
  display: block;
}

.carousel1 img {
  width: 100%;
}

.productos {
  padding: 85px 0 85px 0;
  background-color: #dfdfdf;
}

.productos h1 {
  padding: 15px;
  color: #4a4a4a;
  font-size: 43px;
  margin-bottom: 33px;
  letter-spacing: -1px;
  text-align: center;
  font-family: "DINPro";
  font-weight: 900;
}

.productos h1 span {
  color: #e88130;
}

.productos h2 {
  color: #4a4a4a;
  font-size: 22px;
  font-family: "DINPro";
  font-weight: bold;
  line-height: 20px;
  letter-spacing: -1px;
}

.productos h2 img {
  width: 16px;
  vertical-align: bottom;
}

.productos .pad {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 33px;
}

.productos h3 {
  font-family: "DINPro";
  font-weight: bold;
  font-size: 33px;
  text-align: center;
  padding-bottom: 4px;
  letter-spacing: -2px;
  height: 45px;
}

.productos h3 span {
  display: block;
  font-size: 14px;
  letter-spacing: 0;
}

.productos .botones img {
  margin-bottom: 6px;
  height: 33px;
}

.productos .botones a:hover {
  opacity: 0.8;
}

.productos .botones .boton1 {
  width: 228px;
}

.productos .masprods {
  margin-bottom: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.productos .masprods ul {
  text-align: center;
}

.productos .masprods ul li {
  display: inline-block;
  border-right: solid 1px #4a4a4a;
  padding: 6px 6px 6px 6px;
  height: 37px;
  vertical-align: top;
  font-size: 16px;
  cursor: pointer;
}

.productos .masprods ul li:hover {
  opacity: 0.8;
}

.productos .masprods ul li:last-child {
  border: none;
}

.productos .masprods ul .active {
  font-weight: bold;
  line-height: 36px;
}

.productos .foto {
  border-top: solid 1px #4a4a4a;
  position: relative;
  border-bottom: solid 1px #4a4a4a;
  margin-top: 15px;
  margin-bottom: 15px;
}

.productos .col-md-4 {
  margin-bottom: 45px;
}

.contacto {
  background-size: cover;
  background-image: url(../img/kanah_fdo_contacto.jpg);
  padding: 160px 0 160px 0;
}

.contacto h1 {
  font-size: 43px;
  text-align: center;
  letter-spacing: -1px;
  font-weight: 900;
  font-family: "DINPro";
}

.contacto input[type="text"], .contacto input[type="email"], .contacto textarea {
  border: none;
  margin-bottom: 15px;
  border-bottom: solid 1px #4a4a4a;
  padding: 16px 10px 10px 10px;
  width: 100%;
  font-size: 18px;
  font-family: "DINPro";
  font-weight: bold;
  color: #4a4a4a;
}

.contacto input::placeholder, .contacto textarea::placeholder {
  opacity: 1;
  color: #4a4a4a;
}

.contacto p {
  font-size: 14px;
}

.contacto input[type="submit"] {
  background-color: #e88130;
  border: none;
  color: #fff;
  font-family: "DINPro";
  font-weight: 900;
  border-radius: 6px;
  margin-top: 15px;
  padding: 10px 15px 10px 15px;
}

.contacto input[type="submit"]:hover {
  background-color: #4a4a4a;
}

.contacto .col1 h1 {
  text-align: left;
  margin-bottom: 15px;
}

.contacto .col1 p {
  font-size: 18px;
}

.instagram {
  padding: 133px;
  background-image: url(../img/kanah_fdo_instagram.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #ECECEC;
}

.instagram h1 {
  font-size: 43px;
  text-align: center;
  letter-spacing: -1px;
  font-weight: 900;
  font-family: "DINPro";
  margin-bottom: 45px;
}

.instagram .icono {
  display: block;
  margin: auto;
  width: 45px;
  margin-bottom: 4px;
}

footer {
  background-color: #2e2b2c;
  padding: 33px;
  border-bottom: solid 6px #e88130;
}

footer .col1 h1 {
  color: #fff;
  font-size: 22px;
  font-family: "DINPro";
  margin-bottom: 14px;
}

footer .col1 p {
  color: #dfdfdf;
  font-size: 14px;
}

footer .col1 img {
  margin-bottom: 15px;
}

footer .col2 {
  text-align: right;
  padding-top: 57px;
}

footer .col2 p {
  color: #dfdfdf;
}

footer .col2 img {
  margin-bottom: 15px;
  margin-right: 16px;
  vertical-align: top;
}

.copy {
  background-color: #dfdfdf;
  text-align: center;
  padding: 15px;
  color: #000;
  font-size: 15px;
}

.copy img {
  vertical-align: top;
}

.slick-prev, .slick-next {
  display: none !important;
}

.gracias {
  padding: 15px 10px 4px 10px;
  font-size: 15px;
  line-height: 16px;
  margin-top: 15px;
  background-color: #4a4a4a;
  color: #fff;
  font-weight: bold;
  display: none;
}

.loader,
.loader:before,
.loader:after {
  background: #e88130;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}

.loader {
  color: #e88130;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}

.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader:after {
  left: 1.5em;
}

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

@media (max-width: 450px) {
  header .texto {
    top: 33px;
    left: 33px;
  }
  header .texto h1 {
    font-size: 39px;
    margin-top: 133px;
  }
  header .texto h1 span {
    display: inline;
  }
  .productos {
    padding-top: 33px;
  }
  .productos .botones .boton1 {
    width: 100%;
  }
  .productos .col-md-3 {
    margin-bottom: 45px;
  }
  .productos .pad {
    margin-bottom: 15px;
  }
  footer .col1 p, footer .col1 h1 {
    text-align: center;
  }
  footer .col2 img {
    display: block;
    margin: auto auto 15px auto;
  }
  footer .col2 p {
    text-align: center;
  }
  footer .col2 p span {
    display: block;
    opacity: 0;
    height: 0;
  }
  .instagram {
    padding: 133px 0 0 0;
  }
  .instagram img {
    margin-bottom: 15px;
  }
  footer .col1 img {
    display: block;
    margin: auto auto 15px auto;
  }
}

/*# sourceMappingURL=main.map */