@import url("https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900");

@font-face {
  font-family: "Avenir-cm";
  src: url(/css/cm2019/AVENIRNEXTLTPRO-REGULAR_0.OTF)
}

body {
  overflow-x: hidden;
  color: #666;
  padding: 0;
  margin: 0 auto;
  /* max-width: 1366px */
}

body * {
  font-family: 'Lato'
}

@media only screen and (max-width: 480px) {
  body * {
    cursor: default !important
  }
}

body p {
  margin: 0
}

@media only screen and (max-width: 480px) {
  body p {
    letter-spacing: 0 !important
  }
}

body a {
  text-decoration: none
}

::-webkit-scrollbar {
  width: 10px;
  background: #dcdcdc
}

::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: -webkit-linear-gradient(-45deg, #dcdcdc 10%, #bfbebe 91%);
  background: linear-gradient(135deg, #dcdcdc 10%, #bfbebe 91%)
}

.sinScroll {
  overflow: hidden
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
  z-index: 1
}

table {
  width: 100% !important
}

@media only screen and (max-width: 480px) {
  table {
    display: block
  }

  table tbody {
    display: block
  }

  table tbody tr {
    display: flex;
    flex-direction: column;
    width: 100%
  }

  table tbody tr td {
    width: 100% !important
  }
}

.ms_encabezado {
  width: 100%;
  margin: 0 auto;
  max-width: 1366px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin-bottom: 25px !important;
  position: relative
}

.ms_encabezado.dillanmlp {
  width: 50%;
  margin: 0 auto 0 0 !important;
  padding-right: 100px !important;
  background-attachment: initial
}

.ms_encabezado.dillanmlp:before {
  display: none
}

.ms_encabezado.dillanmlp .ms_container {
  width: 100%;
  min-height: 400px;
  padding: 20px 20px 25px 120px !important;
  margin: 0 0 0 auto !important;
  transform: translateX(100%);
  box-sizing: border-box
}

.ms_encabezado.dillanmlp .ms_container .regresar {
  transform: translateX(calc(-100% - 40px))
}

.ms_encabezado.dillanmlp .ms_container .regresar:hover {
  transform: translateY(-4px) translateX(calc(-100% - 40px))
}

.ms_encabezado.dillanmlp .ms_container .textos p.titulo {
  color: #000
}

.ms_encabezado.dillanmlp .ms_container .compartir {
  left: 0;
  right: auto;
  transform: translateY(-50%) translateX(calc(-100% + 80px))
}

@media only screen and (max-width: 768px) {
  .ms_encabezado.dillanmlp {
    padding-right: 0 !important
  }

  .ms_encabezado.dillanmlp .ms_container {
    padding: 20px 20px 25px 20px !important
  }

  .ms_encabezado.dillanmlp .ms_container .compartir {
    transform: translateY(-50%) translateX(calc(-100% - 20px))
  }
}

@media only screen and (max-width: 600px) {
  .ms_encabezado.dillanmlp {
    width: 100%;
    margin: 0 auto 25px auto !important;
    background-attachment: fixed
  }

  .ms_encabezado.dillanmlp .ms_container {
    width: 90%;
    min-height: 300px;
    padding: 20px 0 25px 0 !important;
    margin: 0 auto !important;
    transform: translateX(0)
  }

  .ms_encabezado.dillanmlp .ms_container .regresar {
    transform: translateX(0)
  }

  .ms_encabezado.dillanmlp .ms_container .regresar:hover {
    transform: translateY(-4px) translateX(0)
  }

  .ms_encabezado.dillanmlp .ms_container .textos p.titulo {
    color: #fff
  }

  .ms_encabezado.dillanmlp .ms_container .compartir {
    left: auto;
    right: 0;
    transform: translateY(50%) translateX(0)
  }
}

.ms_encabezado.sinImagen {
  width: 100%;
  margin: 0 auto !important;
  padding: 0 !important;
  background-image: none !important
}

.ms_encabezado.sinImagen .ms_container {
  width: 75%;
  margin: 0 auto !important;
  padding: 20px 0 !important;
  transform: translateX(0);
  min-height: inherit
}

.ms_encabezado.sinImagen .ms_container .regresar {
  transform: translateX(0);
  color: #000;
  text-shadow: none
}

.ms_encabezado.sinImagen .ms_container .regresar:hover {
  transform: translateY(-4px);
  text-shadow: 0 0 15px #000
}

.ms_encabezado.sinImagen .ms_container .textos {
  padding-bottom: 0 !important
}

.ms_encabezado.sinImagen .ms_container .compartir {
  left: auto;
  right: 0;
  transform: translateY(50%)
}

@media only screen and (max-width: 1024px) {
  .ms_encabezado.sinImagen .ms_container {
    width: 90%
  }
}

@media only screen and (max-width: 600px) {
  .ms_encabezado.sinImagen .ms_container .textos .titulo {
    color: #000 !important
  }
}

.ms_encabezado:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.8) 100%)
}

.ms_encabezado *:not(i) {
  font-family: "Avenir-cm"
}

.ms_encabezado .ms_container {
  width: 75%;
  margin: 0 auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  padding: 20px 0 25px 0 !important;
  min-height: 300px;
  position: relative;
  /* z-index: 1 */
}

.ms_encabezado .ms_container .regresar {
  color: #fff;
  text-shadow: 0 0 15px #000;
  font-weight: 900;
  cursor: pointer;
  transition: ease all .5s
}

.ms_encabezado .ms_container .regresar:hover {
  text-shadow: 0px 3px 15px #000;
  transform: translateY(-4px)
}

.ms_encabezado .ms_container .textos {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  width: 100%;
  padding-bottom: 20px !important
}

.ms_encabezado .ms_container .textos p {
  text-align: left
}

.ms_encabezado .ms_container .textos p.titulo {
  font-size: 40px;
  font-weight: 600;
  color: #fff
}

.ms_encabezado .ms_container .textos p.categoria {
  padding: 5px 10px !important;
  margin-top: 10px !important;
  text-transform: uppercase;
  letter-spacing: 2px !important;
  font-size: 10px;
  background-color: #000;
  color: #fff
}

.ms_encabezado .ms_container .compartir {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px !important;
  border-radius: 20px;
  background-color: #000;
  transform: translateY(50%);
  cursor: pointer;
  overflow: hidden;
  transition: ease all .5s
}

.ms_encabezado .ms_container .compartir:hover {
  box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.5)
}

.ms_encabezado .ms_container .compartir:hover:before {
  transform: translateX(-100%);
  opacity: 0
}

.ms_encabezado .ms_container .compartir:hover i {
  background-color: #fff;
  color: #000;
  transform: translateY(0)
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(1) {
  transition-delay: .1s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(2) {
  transition-delay: .2s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(3) {
  transition-delay: .3s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(4) {
  transition-delay: .4s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(5) {
  transition-delay: .5s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(6) {
  transition-delay: .6s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(7) {
  transition-delay: .7s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(8) {
  transition-delay: .8s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(9) {
  transition-delay: .9s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(10) {
  transition-delay: 1s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(11) {
  transition-delay: 1.1s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(12) {
  transition-delay: 1.2s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(13) {
  transition-delay: 1.3s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(14) {
  transition-delay: 1.4s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(15) {
  transition-delay: 1.5s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(16) {
  transition-delay: 1.6s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(17) {
  transition-delay: 1.7s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(18) {
  transition-delay: 1.8s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(19) {
  transition-delay: 1.9s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(20) {
  transition-delay: 2s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(21) {
  transition-delay: 2.1s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(22) {
  transition-delay: 2.2s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(23) {
  transition-delay: 2.3s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(24) {
  transition-delay: 2.4s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(25) {
  transition-delay: 2.5s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(26) {
  transition-delay: 2.6s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(27) {
  transition-delay: 2.7s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(28) {
  transition-delay: 2.8s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(29) {
  transition-delay: 2.9s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(30) {
  transition-delay: 3s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(31) {
  transition-delay: 3.1s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(32) {
  transition-delay: 3.2s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(33) {
  transition-delay: 3.3s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(34) {
  transition-delay: 3.4s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(35) {
  transition-delay: 3.5s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(36) {
  transition-delay: 3.6s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(37) {
  transition-delay: 3.7s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(38) {
  transition-delay: 3.8s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(39) {
  transition-delay: 3.9s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(40) {
  transition-delay: 4s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(41) {
  transition-delay: 4.1s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(42) {
  transition-delay: 4.2s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(43) {
  transition-delay: 4.3s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(44) {
  transition-delay: 4.4s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(45) {
  transition-delay: 4.5s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(46) {
  transition-delay: 4.6s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(47) {
  transition-delay: 4.7s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(48) {
  transition-delay: 4.8s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(49) {
  transition-delay: 4.9s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(50) {
  transition-delay: 5s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(51) {
  transition-delay: 5.1s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(52) {
  transition-delay: 5.2s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(53) {
  transition-delay: 5.3s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(54) {
  transition-delay: 5.4s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(55) {
  transition-delay: 5.5s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(56) {
  transition-delay: 5.6s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(57) {
  transition-delay: 5.7s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(58) {
  transition-delay: 5.8s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(59) {
  transition-delay: 5.9s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(60) {
  transition-delay: 6s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(61) {
  transition-delay: 6.1s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(62) {
  transition-delay: 6.2s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(63) {
  transition-delay: 6.3s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(64) {
  transition-delay: 6.4s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(65) {
  transition-delay: 6.5s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(66) {
  transition-delay: 6.6s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(67) {
  transition-delay: 6.7s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(68) {
  transition-delay: 6.8s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(69) {
  transition-delay: 6.9s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(70) {
  transition-delay: 7s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(71) {
  transition-delay: 7.1s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(72) {
  transition-delay: 7.2s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(73) {
  transition-delay: 7.3s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(74) {
  transition-delay: 7.4s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(75) {
  transition-delay: 7.5s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(76) {
  transition-delay: 7.6s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(77) {
  transition-delay: 7.7s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(78) {
  transition-delay: 7.8s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(79) {
  transition-delay: 7.9s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(80) {
  transition-delay: 8s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(81) {
  transition-delay: 8.1s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(82) {
  transition-delay: 8.2s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(83) {
  transition-delay: 8.3s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(84) {
  transition-delay: 8.4s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(85) {
  transition-delay: 8.5s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(86) {
  transition-delay: 8.6s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(87) {
  transition-delay: 8.7s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(88) {
  transition-delay: 8.8s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(89) {
  transition-delay: 8.9s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(90) {
  transition-delay: 9s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(91) {
  transition-delay: 9.1s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(92) {
  transition-delay: 9.2s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(93) {
  transition-delay: 9.3s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(94) {
  transition-delay: 9.4s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(95) {
  transition-delay: 9.5s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(96) {
  transition-delay: 9.6s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(97) {
  transition-delay: 9.7s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(98) {
  transition-delay: 9.8s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(99) {
  transition-delay: 9.9s
}

.ms_encabezado .ms_container .compartir:hover i:nth-child(100) {
  transition-delay: 10s
}

.ms_encabezado .ms_container .compartir:before {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition-property: all;
  transition-duration: .5s;
  transition-delay: initial;
  content: 'Compartir';
  position: absolute;
  width: 100%;
  color: #fff;
  font-size: 12px;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase
}

.ms_encabezado .ms_container .compartir i {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition-property: all;
  transition-duration: .5s;
  transition-delay: initial;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  padding: 5px !important;
  margin: 2px 5px !important;
  color: #fff;
  transform: translateY(50px)
}

@media only screen and (max-width: 1024px) {
  .ms_encabezado .ms_container {
    width: 90%
  }
}

@media only screen and (max-width: 480px) {
  .ms_encabezado .ms_container .textos p.titulo {
    font-size: 30px
  }
}

.ms_contenidoEntrada {
  width: 100%;
  margin: 0 auto;
  max-width: 1366px
}

.ms_contenidoEntrada *:not(i) {
  font-family: "Avenir-cm"
}

.ms_contenidoEntrada .ms_container {
  width: 75%;
  margin: 0 auto;
  max-width: 1000px;
  padding: 50px 0 !important
}

.ms_contenidoEntrada .ms_container p {
  color: #000;
  font-size: 20px;
  text-align: justify
}

.ms_contenidoEntrada .ms_container p.enc {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 10px
}

.ms_contenidoEntrada .ms_container p img {
  max-width: 100%;
  height: auto
}

@media only screen and (max-width: 1024px) {
  .ms_contenidoEntrada .ms_container {
    width: 90%
  }
}

.ms_galeriaImagenes {
  width: 100%;
  margin: 0 auto;
  max-width: 1366px
}

.ms_galeriaImagenes *:not(i) {
  font-family: "Avenir-cm"
}

.ms_galeriaImagenes .ms_container {
  width: 75%;
  margin: 0 auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  padding: 20px 0 !important
}

.ms_galeriaImagenes .ms_container:hover>p:after {
  width: 50%
}

.ms_galeriaImagenes .ms_container:hover>p i {
  color: #6576f6
}

.ms_galeriaImagenes .ms_container>p {
  padding-bottom: 5px !important;
  margin-bottom: 20px !important;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #000;
  font-weight: 600;
  position: relative
}

.ms_galeriaImagenes .ms_container>p:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 5px;
  background-color: #6576f6;
  transition: ease all .5s
}

.ms_galeriaImagenes .ms_container>p i {
  transition: ease all .5s
}

.ms_galeriaImagenes .ms_container .contenedorGaleria {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-wrap: wrap;
  -moz-box-lines: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  width: 100%
}

.ms_galeriaImagenes .ms_container .contenedorGaleria .imagen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: calc(25% - 10px);
  height: 200px;
  margin: 5px !important;
  cursor: pointer;
  position: relative
}

.ms_galeriaImagenes .ms_container .contenedorGaleria .imagen:hover:after {
  opacity: 1
}

.ms_galeriaImagenes .ms_container .contenedorGaleria .imagen:after {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  content: "\f065";
  font-family: Icons;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 40px;
  transition: ease all .5s
}

@media only screen and (max-width: 1024px) {
  .ms_galeriaImagenes .ms_container {
    width: 90%
  }
}

@media only screen and (max-width: 768px) {
  .ms_galeriaImagenes .ms_container .contenedorGaleria .imagen {
    width: calc((100% / 3) - 10px)
  }
}

@media only screen and (max-width: 480px) {
  .ms_galeriaImagenes .ms_container .contenedorGaleria {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-box-direction: normal;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-flex-wrap: nowrap;
    -moz-box-lines: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-box-pack: start;
    align-content: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    overflow-y: hidden;
    overflow-x: auto
  }

  .ms_galeriaImagenes .ms_container .contenedorGaleria::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: rgba(196, 197, 197, 0.75)
  }

  .ms_galeriaImagenes .ms_container .contenedorGaleria::-webkit-scrollbar-thumb {
    background: rgba(18, 22, 24, 0.5)
  }

  .ms_galeriaImagenes .ms_container .contenedorGaleria::-webkit-scrollbar-track {
    background: rgba(196, 197, 197, 0.75)
  }

  .ms_galeriaImagenes .ms_container .contenedorGaleria .imagen {
    width: calc(100% - 10px);
    min-width: calc(100% - 10px)
  }
}

.ms_galeriaVideos {
  width: 100%;
  margin: 0 auto;
  max-width: 1366px
}

.ms_galeriaVideos *:not(i) {
  font-family: "Avenir-cm"
}

.ms_galeriaVideos .ms_container {
  width: 75%;
  margin: 0 auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  padding: 20px 0 !important
}

.ms_galeriaVideos .ms_container:hover>p:after {
  width: 50%
}

.ms_galeriaVideos .ms_container:hover>p i {
  color: #6576f6
}

.ms_galeriaVideos .ms_container>p {
  padding-bottom: 5px !important;
  margin-bottom: 20px !important;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #000;
  font-weight: 600;
  position: relative
}

.ms_galeriaVideos .ms_container>p:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 5px;
  background-color: #6576f6;
  transition: ease all .5s
}

.ms_galeriaVideos .ms_container>p i {
  transition: ease all .5s
}

.ms_galeriaVideos .ms_container .contenedorVideos {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-wrap: wrap;
  -moz-box-lines: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  width: 100%
}

.ms_galeriaVideos .ms_container .contenedorVideos .vid {
  width: calc((100% / 3) - 20px);
  height: 200px;
  margin: 10px !important;
  position: relative;
  background-color: #000
}

.ms_galeriaVideos .ms_container .contenedorVideos .vid .video {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  transition: ease all .5s
}

.ms_galeriaVideos .ms_container .contenedorVideos .vid .video.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto !important;
  width: 700px;
  height: 400px;
  z-index: 11
}

.ms_galeriaVideos .ms_container .contenedorVideos .vid .video .capa {
  background-blend-mode: soft-light;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.ms_galeriaVideos .ms_container .contenedorVideos .vid .video .capa .workbench {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  width: 100%;
  height: 100%
}

.ms_galeriaVideos .ms_container .contenedorVideos .vid .video .capa .workbench i {
  margin: 0;
  color: #fff;
  font-size: 50px;
  cursor: pointer;
  transition: ease all .5s
}

.ms_galeriaVideos .ms_container .contenedorVideos .vid .video .capa .workbench i:hover {
  transform: scale(1.1)
}

.ms_galeriaVideos .ms_container .contenedorVideos .vid .video .capa .paConstructor {
  display: none;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5px 0
}

.ms_galeriaVideos .ms_container .contenedorVideos .vid .video .capa .paConstructor .form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  width: 100%
}

.ms_galeriaVideos .ms_container .contenedorVideos .vid .video .capa .paConstructor .form label {
  width: 90%;
  margin: 0 auto !important;
  color: #fff;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px
}

.ms_galeriaVideos .ms_container .contenedorVideos .vid .video .capa .paConstructor .form p {
  width: 90%;
  margin-top: 5px !important;
  padding: 5px 0 !important;
  border: 1px solid #fff !important;
  text-align: center;
  font-size: 14px;
  color: #fff
}

.ms_galeriaVideos .ms_container .contenedorVideos .vid .video .capa .paConstructor .form p:empty:not(:focus):before {
  content: "Copia y pega aqui la URL del video" !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 900
}

.ms_galeriaVideos .ms_container .contenedorVideos .vid .video .tv {
  width: 100%;
  height: 100%
}

.ms_galeriaVideos .ms_container .contenedorVideos .vid .video .tv .screen {
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: ease all .5s
}

.ms_galeriaVideos .ms_container .contenedorVideos .vid .video .tv .screen.active {
  opacity: 1
}

@media only screen and (max-width: 1024px) {
  .ms_galeriaVideos .ms_container {
    width: 90%
  }
}

@media only screen and (max-width: 768px) {
  .ms_galeriaVideos .ms_container .contenedorVideos .vid {
    width: calc(50% - 20px)
  }

  .ms_galeriaVideos .ms_container .contenedorVideos .vid .video.fixed {
    width: 90%;
    height: 300px
  }
}

@media only screen and (max-width: 480px) {
  .ms_galeriaVideos .ms_container .contenedorVideos {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-box-direction: normal;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-flex-wrap: nowrap;
    -moz-box-lines: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-box-pack: start;
    align-content: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    overflow-y: hidden;
    overflow-x: auto
  }

  .ms_galeriaVideos .ms_container .contenedorVideos::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: rgba(196, 197, 197, 0.75)
  }

  .ms_galeriaVideos .ms_container .contenedorVideos::-webkit-scrollbar-thumb {
    background: rgba(18, 22, 24, 0.5)
  }

  .ms_galeriaVideos .ms_container .contenedorVideos::-webkit-scrollbar-track {
    background: rgba(196, 197, 197, 0.75)
  }

  .ms_galeriaVideos .ms_container .contenedorVideos .vid {
    width: calc(100% - 10px);
    min-width: calc(100% - 10px)
  }

  .ms_galeriaVideos .ms_container .contenedorVideos .vid .video.fixed {
    height: 200px
  }
}

.ms_productos {
  width: 100%;
  margin: 0 auto;
  max-width: 1366px
}

.ms_productos *:not(i) {
  font-family: "Avenir-cm"
}

.ms_productos .ms_container {
  width: 75%;
  margin: 0 auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  padding: 20px 0 !important
}

.ms_productos .ms_container:hover>p:after {
  width: 50%
}

.ms_productos .ms_container:hover>p i {
  color: #6576f6
}

.ms_productos .ms_container>p {
  padding-bottom: 5px !important;
  margin-bottom: 20px !important;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #000;
  font-weight: 600;
  position: relative
}

.ms_productos .ms_container>p:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 5px;
  background-color: #6576f6;
  transition: ease all .5s
}

.ms_productos .ms_container>p i {
  transition: ease all .5s
}

.ms_productos .ms_container .moverArticulos {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-box-pack: end;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  width: 100%;
  padding: 10px 0 !important
}

.ms_productos .ms_container .moverArticulos .mover {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  width: 30px;
  height: 30px;
  margin-left: 10px !important;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  transition: ease all .5s
}

.ms_productos .ms_container .moverArticulos .mover:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)
}

.ms_productos .ms_container .moverArticulos .mover i {
  margin: 0
}

.ms_productos .ms_container .contenedorArticulos {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: auto
}

.ms_productos .ms_container .contenedorArticulos::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  background: rgba(196, 197, 197, 0.75)
}

.ms_productos .ms_container .contenedorArticulos::-webkit-scrollbar-thumb {
  background: rgba(18, 22, 24, 0.5)
}

.ms_productos .ms_container .contenedorArticulos::-webkit-scrollbar-track {
  background: rgba(196, 197, 197, 0.75)
}

.ms_productos .ms_container .contenedorArticulos .articulo {
  width: 220px;
  min-width: 220px;
  margin: 10px !important;
  border-radius: 10px;
  transition: ease all .5s
}

.ms_productos .ms_container .contenedorArticulos .articulo:hover {
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px)
}

.ms_productos .ms_container .contenedorArticulos .articulo .categoria {
  background-color: #e4e4e4;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px
}

.ms_productos .ms_container .contenedorArticulos .articulo .categoria p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 90%;
  margin: 0 auto !important;
  padding: 5px 0 !important;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 12px
}

.ms_productos .ms_container .contenedorArticulos .articulo .imgProd {
  background-image: url("https://pruebadvi.s3.amazonaws.com/Consultora%20Mexicana%20de%20Negocios/Consutora%20Mexicana/DVCUP16172/Banco%20de%20imagenes/dvidev778/tv.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 200px
}

.ms_productos .ms_container .contenedorArticulos .articulo .botones {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  width: 90%;
  margin: 0 auto !important;
  padding: 10px 0 !important;
  position: relative
}

.ms_productos .ms_container .contenedorArticulos .articulo .botones p {
  color: #000;
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 12px;
  font-weight: 900
}

.ms_productos .ms_container .contenedorArticulos .articulo .botones p:after {
  content: "DESC";
  position: absolute;
  bottom: -8px;
  left: 0;
  font-size: 8px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600
}

.ms_productos .ms_container .contenedorArticulos .articulo .botones .iconos {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  padding: 1px 0 !important
}

.ms_productos .ms_container .contenedorArticulos .articulo .botones .iconos .carritoArt, .ms_productos .ms_container .contenedorArticulos .articulo .botones .iconos .fav {
  margin-left: 15px !important;
  cursor: pointer
}

.ms_productos .ms_container .contenedorArticulos .articulo .botones .iconos .carritoArt i, .ms_productos .ms_container .contenedorArticulos .articulo .botones .iconos .fav i {
  margin: 0;
  transition: ease all .5s
}

.ms_productos .ms_container .contenedorArticulos .articulo .textos {
  width: 100%
}

.ms_productos .ms_container .contenedorArticulos .articulo .textos p {
  width: 90%;
  margin: 0 auto !important;
  text-align: left;
  font-size: 14px;
  height: 34px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box
}

.ms_productos .ms_container .contenedorArticulos .articulo .precios {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  width: 90%;
  margin: 0 auto;
  padding: 10px 0 !important;
  position: relative
}

.ms_productos .ms_container .contenedorArticulos .articulo .precios .normal {
  font-weight: 600;
  color: #000
}

.ms_productos .ms_container .contenedorArticulos .articulo .precios .caro {
  position: absolute;
  right: 0;
  text-decoration: line-through;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3)
}

@media only screen and (max-width: 1024px) {
  .ms_productos .ms_container {
    width: 90%
  }
}

.ms_comentarios {
  width: 100%;
  margin: 0 auto;
  max-width: 1366px
}

.ms_comentarios *:not(i) {
  font-family: "Avenir-cm"
}

.ms_comentarios .ms_container {
  width: 75%;
  margin: 0 auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  padding: 20px 0 !important
}

.ms_comentarios .ms_container:hover>p:after {
  width: 50%
}

.ms_comentarios .ms_container:hover>p i {
  color: #6576f6
}

.ms_comentarios .ms_container>p {
  padding-bottom: 5px !important;
  margin-bottom: 20px !important;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #000;
  font-weight: 600;
  position: relative
}

.ms_comentarios .ms_container>p:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 5px;
  background-color: #6576f6;
  transition: ease all .5s
}

.ms_comentarios .ms_container>p i {
  transition: ease all .5s
}

.ms_comentarios .ms_container .avatarUsr {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin-right: 10px !important;
  border-radius: 50%;
  border: 1px solid #d7d7d7
}

.ms_comentarios .ms_container .cajaComentar {
  width: 100%
}

.ms_comentarios .ms_container .cajaComentar .totales {
  color: #000;
  font-weight: 900;
  font-size: 14px
}

.ms_comentarios .ms_container .cajaComentar .contenedor {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-wrap: wrap;
  -moz-box-lines: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  margin: 20px 0 !important
}

.ms_comentarios .ms_container .cajaComentar .contenedor textarea {
  width: calc(100% - 62px);
  padding: 10px !important;
  box-sizing: border-box;
  resize: none
}

.ms_comentarios .ms_container .cajaComentar .contenedor .publicar {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition-property: all;
  transition-duration: .5s;
  transition-delay: initial;
  padding: 7px 20px !important;
  margin: 10px 0 0 auto !important;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase
}

.ms_comentarios .ms_container .cajaComentar .contenedor .publicar:hover {
  padding: 7px 30px !important
}

.ms_comentarios .ms_container .cajaComentarios {
  width: 100%
}

.ms_comentarios .ms_container .cajaComentarios .comentario {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  padding: 10px 0 !important;
  margin: 10px 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.ms_comentarios .ms_container .cajaComentarios .comentario .textos {
  width: calc(100% - 60px)
}

.ms_comentarios .ms_container .cajaComentarios .comentario .textos .nombre {
  font-size: 18px;
  font-weight: 600
}

.ms_comentarios .ms_container .cajaComentarios .comentario .textos .fecha {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px !important
}

@media only screen and (max-width: 1024px) {
  .ms_comentarios .ms_container {
    width: 90%
  }
}

@media only screen and (max-width: 480px) {
  .ms_comentarios .ms_container .cajaComentar .totales {
    text-align: center
  }

  .ms_comentarios .ms_container .cajaComentar .contenedor .avatarUsr {
    display: none
  }

  .ms_comentarios .ms_container .cajaComentar .contenedor textarea {
    width: 100%
  }

  .ms_comentarios .ms_container .cajaComentar .contenedor .publicar {
    margin: 10px auto !important
  }

  .ms_comentarios .ms_container .cajaComentarios .comentario {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-box-direction: normal;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-wrap: nowrap;
    -moz-box-lines: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    align-content: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center
  }

  .ms_comentarios .ms_container .cajaComentarios .comentario .avatarUsr {
    margin: 0 auto !important
  }

  .ms_comentarios .ms_container .cajaComentarios .comentario .textos {
    width: 100%;
    text-align: center
  }
}

.ms_tags {
  width: 100%;
  margin: 0 auto;
  max-width: 1366px
}

.ms_tags *:not(i) {
  font-family: "Avenir-cm"
}

.ms_tags .ms_container {
  width: 75%;
  margin: 0 auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  padding: 20px 0 !important;
  text-align: center
}

.ms_tags .ms_container .botonRegresar {
  min-width: 100px;
  padding: 7px 10px !important;
  margin-bottom: 20px !important;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  transition: ease all .5s
}

.ms_tags .ms_container .botonRegresar:hover {
  transform: translateY(-3px)
}

.ms_tags .ms_container .tagFiltrada {
  margin: 0 0 20px auto !important;
  text-align: right;
  font-size: 25px;
  color: #000
}

.ms_tags .ms_container .tagFiltrada span {
  font-weight: 600;
  border-bottom: 1px solid
}

.ms_tags .ms_container .titRel {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #000
}

.ms_tags .ms_container .contenedorTags {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-wrap: wrap;
  -moz-box-lines: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  width: 100%
}

.ms_tags .ms_container .contenedorTags a {
  margin: 5px !important;
  padding: 0 3px !important;
  font-weight: 600;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid;
  position: relative;
  transition: ease all .5s
}

.ms_tags .ms_container .contenedorTags a:before {
  content: "#"
}

.ms_tags .ms_container .contenedorTags a.seleccionada {
  background-color: #000;
  color: #fff
}

.ms_tags .ms_container .aFiltrar {
  min-width: 100px;
  padding: 7px 10px !important;
  margin: 10px auto !important;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer
}

@media only screen and (max-width: 1024px) {
  .ms_tags .ms_container {
    width: 90%
  }
}

@media only screen and (max-width: 480px) {
  .ms_tags .ms_container .tagFiltrada {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-box-direction: normal;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-wrap: nowrap;
    -moz-box-lines: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    align-content: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    font-size: 20px
  }
}

.ms_historial {
  width: 100%;
  margin: 0 auto;
  max-width: 1366px
}

.ms_historial *:not(i) {
  font-family: "Avenir-cm"
}

.ms_historial .ms_container {
  width: 75%;
  margin: 0 auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  padding: 20px 0 !important
}

.ms_historial .ms_container .contenedorEntradas {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-wrap: wrap;
  -moz-box-lines: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: stretch;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  width: 100%
}

.ms_historial .ms_container .contenedorEntradas .entrada {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-box-pack: end;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  width: calc((100% / 3) - 20px);
  margin: 10px !important;
  padding: 10px !important;
  min-height: 220px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden
}

.ms_historial .ms_container .contenedorEntradas .entrada.destacada {
  width: calc(((100% / 3) * 2) - 20px)
}

.ms_historial .ms_container .contenedorEntradas .entrada.destacada:after {
  content: "\f02e";
  position: absolute;
  top: 0;
  right: 20px;
  font-family: Icons;
  font-size: 25px;
  color: #ff9000
}

.ms_historial .ms_container .contenedorEntradas .entrada:hover .imagen {
  transform: scale(1.1)
}

.ms_historial .ms_container .contenedorEntradas .entrada .imagen {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: ease all .5s
}

.ms_historial .ms_container .contenedorEntradas .entrada .imagen:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.8) 100%)
}

.ms_historial .ms_container .contenedorEntradas .entrada p {
  text-align: left;
  font-size: 18px;
  color: #fff;
  position: relative
}

.ms_historial .ms_container .contenedorEntradas .entrada p.fecha {
  margin-top: 5px !important;
  font-size: 12px;
  font-weight: 600
}

.ms_historial .ms_container .cargarMas {
  padding: 7px 10px !important;
  margin: 10px auto !important;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  transition: ease all .5s
}

.ms_historial .ms_container .cargarMas:hover {
  transform: translateY(-3px)
}

@media only screen and (max-width: 1024px) {
  .ms_historial .ms_container {
    width: 90%
  }
}

@media only screen and (max-width: 768px) {
  .ms_historial .ms_container .contenedorEntradas .entrada {
    width: calc(50% - 20px);
    order: 1
  }

  .ms_historial .ms_container .contenedorEntradas .entrada.destacada {
    width: 100%;
    order: 0
  }
}

@media only screen and (max-width: 500px) {
  .ms_historial .ms_container .contenedorEntradas .entrada {
    width: 100%
  }
}

.ms_buscador {
  width: 100%;
  margin: 0 auto;
  max-width: 1366px
}

.ms_buscador *:not(i) {
  font-family: "Avenir-cm"
}

.ms_buscador .ms_container {
  width: 75%;
  margin: 0 auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  padding: 20px 0 !important
}

.ms_buscador .ms_container .contenedorInput {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: stretch;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center
}

.ms_buscador .ms_container .contenedorInput input {
  width: 400px;
  font-size: 18px;
  margin: 0 !important;
  padding: 10px !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: none;
  transition: ease all .5s
}

@media only screen and (min-width: 480px) {
  .ms_buscador .ms_container .contenedorInput input:focus {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1)
  }

  .ms_buscador .ms_container .contenedorInput input:focus~.boton {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1)
  }

  .ms_buscador .ms_container .contenedorInput input:focus~.boton span {
    min-width: 60px
  }
}

.ms_buscador .ms_container .contenedorInput .boton {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer
}

@media only screen and (min-width: 480px) {
  .ms_buscador .ms_container .contenedorInput .boton:hover {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1)
  }

  .ms_buscador .ms_container .contenedorInput .boton:hover span {
    min-width: 60px
  }
}

.ms_buscador .ms_container .contenedorInput .boton .icono {
  width: 20px;
  height: 20px;
  position: relative
}

.ms_buscador .ms_container .contenedorInput .boton .icono:before, .ms_buscador .ms_container .contenedorInput .boton .icono:after {
  content: "";
  position: absolute
}

.ms_buscador .ms_container .contenedorInput .boton .icono:before {
  border: 1px solid #000;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  top: 0;
  left: 0
}

.ms_buscador .ms_container .contenedorInput .boton .icono:after {
  background-color: #000;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 10px;
  transform: rotate(-45deg);
  transform-origin: bottom
}

.ms_buscador .ms_container .contenedorInput .boton span {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition-property: all;
  transition-duration: .5s;
  transition-delay: initial;
  overflow: hidden;
  min-width: 0;
  width: 0;
  text-align: center;
  color: #000
}

@media only screen and (max-width: 1024px) {
  .ms_buscador .ms_container {
    width: 90%
  }
}

@media only screen and (max-width: 768px) {
  .ms_buscador .ms_container .contenedorInput {
    width: 100%
  }

  .ms_buscador .ms_container .contenedorInput input {
    width: 100%
  }
}

.ms_error404, .ms_emptyState {
  width: 100%;
  margin: 0 auto;
  max-width: 1366px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center
}

.ms_error404 *:not(i), .ms_emptyState *:not(i) {
  font-family: "Avenir-cm"
}

.ms_error404 .ms_container, .ms_emptyState .ms_container {
  width: 75%;
  margin: 0 auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  padding: 20px 0 !important
}

.ms_error404 .ms_container .num, .ms_emptyState .ms_container .num {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  font-size: 200px;
  color: #fff;
  -webkit-text-stroke: 5px #363d63
}

.ms_error404 .ms_container .num p, .ms_emptyState .ms_container .num p {
  font-family: 'Lato' !important;
  text-shadow: 8px 0 #8396dd
}

.ms_error404 .ms_container .num p:last-child, .ms_emptyState .ms_container .num p:last-child {
  transform: rotate(45deg) translateY(50px)
}

.ms_error404 .ms_container .msg, .ms_emptyState .ms_container .msg {
  text-align: center;
  font-size: 25px;
  color: #000;
  padding: 20px 0 !important
}

.ms_error404 .ms_container .regresar, .ms_emptyState .ms_container .regresar {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition-property: all;
  transition-duration: .5s;
  transition-delay: initial;
  margin: 10px auto !important;
  padding: 7px 10px !important;
  background-color: #363d63;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px
}

.ms_error404 .ms_container .regresar:hover, .ms_emptyState .ms_container .regresar:hover {
  padding: 7px 20px !important;
  transform: translateY(-4px)
}

@media only screen and (max-width: 1024px) {
  .ms_error404 .ms_container, .ms_emptyState .ms_container {
    width: 90%
  }
}

@media only screen and (max-width: 480px) {
  .ms_error404 .ms_container .num, .ms_emptyState .ms_container .num {
    font-size: 150px
  }
}

.ms_emptyState .ms_container .ilustracion {
  width: 200px;
  height: 200px;
  position: relative
}

.ms_emptyState .ms_container .ilustracion .circulo {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  width: 150px;
  height: 150px;
  border: 5px solid #7f6464;
  border-radius: 50%;
  position: relative
}

.ms_emptyState .ms_container .ilustracion .circulo span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  position: absolute;
  width: 50px;
  height: 50px
}

.ms_emptyState .ms_container .ilustracion .circulo span:before, .ms_emptyState .ms_container .ilustracion .circulo span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  background-color: #f5a19b;
  border-radius: 20px;
  transform: rotate(-45deg)
}

.ms_emptyState .ms_container .ilustracion .circulo span:after {
  transform: rotate(45deg)
}

.ms_emptyState .ms_container .ilustracion .base {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 100px;
  border-radius: 20px;
  background-color: #000;
  transform: rotate(-45deg);
  transform-origin: bottom
}

.modalImgPreview {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-wrap: nowrap;
  -moz-box-lines: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 100;
  cursor: pointer
}

.modalImgPreview .imagen {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 500px;
  height: 500px;
  border: 5px solid #fff;
  background-color: #000
}

@media only screen and (max-width: 768px) {
  .modalImgPreview .imagen {
    width: 90%
  }
}

@media only screen and (max-width: 480px) {
  .modalImgPreview .imagen {
    height: 300px
  }
}

.modalVidPreview {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  z-index: 10
}