/* Scss Document */
.slider_ul {
  width: 100%;
  font-size: 0px;
  box-sizing: border-box;
  padding: 0;
  position: relative;
  background-color: #F6F6F6; }
  .slider_ul .li_flecha {
    min-width: 10%;
    list-style: none;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 1vw 1.5vw;
    font-size: 1vw;
    text-align: center; }
  .slider_ul .li_flecha_test {
    min-width: 10%;
    list-style: none;
    position: absolute;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 1vw 1.5vw;
    font-size: 2vw;
    text-align: center;
    z-index: 100;
    top: 9vw; }
  .slider_ul .li_slider {
    list-style: none;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 80%;
    padding: 1vw 1.5vw;
    font-size: 1vw; }
  .slider_ul .li_slider_test {
    list-style: none;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    width: 100%;
    padding: 1vw 1.5vw;
    font-size: 1vw;
    padding: 0; }

.slider_pyct {
  font-size: 0px; }

.div_slider_py {
  width: 33%;
  display: inline-block;
  padding: 1vw;
  box-sizing: border-box;
  height: 16vw;
  transition: all 0.3s;
  color: #152133;
  outline: none; }
  .div_slider_py:hover {
    border-bottom: 0.6vw solid #3DD660; }

.ele_slider_py {
  display: inline-block;
  vertical-align: top;
  font-size: 1.4vw;
  box-sizing: border-box;
  max-width: 77%;
  font-family: 'Metropolis Light'; }

.tit_ele_slider_py {
  font-family: 'Metropolis Extra Bold';
  display: block;
  margin-top: 0.5vw;
  margin-bottom: 0.5vw; }

.hora_slider_py {
  font-size: 1vw;
  font-family: 'Metropolis Semi Bold';
  margin-top: 1vw;
  display: block; }

.icono_slider_py {
  padding-right: 0.5vw;
  font-size: 4vw;
  color: #152133;
  font-weight: 600;
  box-sizing: border-box; }

.flecha_slider {
  width: 1.5vw;
  cursor: pointer; }

@media screen and (max-width: 800px) {
  .slider_ul {
    width: 100%;
    font-size: 0px;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    background-color: #F6F6F6; }
    .slider_ul .li_flecha {
      padding: 10px 15px;
      font-size: 20px; }
    .slider_ul .li_flecha_test {
      min-width: 10%;
      list-style: none;
      position: absolute;
      display: inline-block;
      box-sizing: border-box;
      vertical-align: middle;
      padding: 1vw 1.5vw;
      font-size: 2vw;
      text-align: center;
      z-index: 100;
      top: 9vw; }
    .slider_ul .li_slider {
      list-style: none;
      display: inline-block;
      box-sizing: border-box;
      vertical-align: middle;
      width: 80%;
      padding: 1vw 1.5vw;
      font-size: 1vw; }
    .slider_ul .li_slider_test {
      list-style: none;
      display: inline-block;
      box-sizing: border-box;
      vertical-align: middle;
      width: 100%;
      padding: 1vw 1.5vw;
      font-size: 1vw;
      padding: 0; }

  .slider_pyct {
    font-size: 0px; }

  .div_slider_py {
    width: 100%;
    display: inline-block;
    padding: 16px;
    box-sizing: border-box;
    height: 220px;
    transition: all 0.3s;
    color: #152133;
    outline: none; }
    .div_slider_py:hover {
      border-bottom: 0.6vw solid #3DD660; }

  .ele_slider_py {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    box-sizing: border-box;
    max-width: 70%;
    font-family: 'Metropolis Light'; }

  .tit_ele_slider_py {
    margin-top: 10px;
    margin-bottom: 10px; }

  .hora_slider_py {
    font-size: 14px;
    margin-top: 14px; }

  .icono_slider_py {
    padding-right: 15px;
    font-size: 80px; }

  .flecha_slider {
    width: 20px;
    font-weight: 600; } }