/* --- BASE --- */



#mixedSlider {

  position: relative;

  padding: 50px 0;

}



#mixedSlider .MS-content {

  white-space: nowrap;

  overflow: hidden;

  margin: 0 0%;

}



#mixedSlider .MS-content .item {

  display: inline-block;

  flex: 0 0 33.333333%;

  max-width: 33.333333%;

  width: 33.333333%;

  position: relative;

  vertical-align: top;

  overflow: hidden;

  white-space: normal;

  padding: 0 10px;

}



.descricao{padding: 10px 0;}



#mixedSlider .MS-content .item .imgTitle {
  height: auto;
  overflow: hidden;
  position: relative;

}



#mixedSlider .MS-content .item .imgTitle img {

  height: auto;

  width: 100%;

  transition: all 0.5s;

}



#mixedSlider .MS-content .item a {

  font-size: 16px;

  font-style: italic;

  color: rgba(173, 0, 0, 0.82);

  font-weight: bold;

  letter-spacing: 1px;

  transition: linear 0.1s;

}



#mixedSlider .MS-content .item a:hover {

  text-shadow: 0 0 1px grey;

}



#mixedSlider .MS-controls button {

  position: absolute;

  border: none;

  background-color: transparent;

  outline: 0;

  font-size: 50px;

  top: 100px;

  color: rgba(0, 0, 0, 0.4);

  transition: 0.15s linear;

}



#mixedSlider .MS-controls button:hover {

  color: rgba(0, 0, 0, 0.8);

}



#mixedSlider .MS-controls .MS-left {

  left: -95px;

}



#mixedSlider .MS-controls .MS-right {

  right: -95px;

}





/* --- CARROSSEL 2 --- */



#mixedSlider2 {

  position: relative;

}



#mixedSlider2 .MS-content {

  white-space: nowrap;

  overflow: hidden;

  margin: 0 0%;

}



#mixedSlider2 .MS-content .item {

  display: inline-block;

  width: 33.333333%;

  position: relative;

  vertical-align: top;

  overflow: hidden;

  height: 100%;

  white-space: normal;

  padding: 0 10px;

}



#mixedSlider2 .MS-content .item .imgTitle {

  position: relative;

}



#mixedSlider2 .MS-content .item .imgTitle img {

  height: auto;

  width: 100%;

  transition: all 0.5s;

  border-bottom: 5px solid #df7171;

}



#mixedSlider2 .MS-content .item a {

  font-size: 16px;

  font-style: italic;

  color: rgba(173, 0, 0, 0.82);

  font-weight: bold;

  letter-spacing: 1px;

  transition: linear 0.1s;

}



#mixedSlider2 .MS-content .item a:hover {

  text-shadow: 0 0 1px grey;

}



#mixedSlider2 .MS-controls button {

  position: absolute;

  border: none;

  background-color: transparent;

  outline: 0;

  font-size: 50px;

  top: 130px;

  color: rgba(0, 0, 0, 0.4);

  transition: 0.15s linear;

}



#mixedSlider2 .MS-controls button:hover {

  color: rgba(0, 0, 0, 0.8);

}



#mixedSlider2 .MS-controls .MS-left {

  left: -95px;

}



#mixedSlider2 .MS-controls .MS-right {

  right: -95px;

}





/* --- MEDIA QUERIES --- */



@media (max-width: 991px) {

  #mixedSlider .MS-content .item {

    max-width: 100%;

  }



  #mixedSlider2 .MS-content .item {

    width: 100%;

  }



  #mixedSlider .MS-controls button {

    font-size: 30px;

    top: 0px;

    bottom: 50px;

    padding: 0 30px;

    

  }



  #mixedSlider2 .MS-controls button {

    font-size: 30px;

    top: 400px;

  }

}



@media (max-width: 767px) {

  #mixedSlider .MS-content .item {

    width: 100%;

  }



  #mixedSlider2 .MS-content .item {

    width: 100%;

  }



  #mixedSlider .MS-controls button {

    font-size: 20px;

  }



  #mixedSlider2 .MS-controls button {

    font-size: 20px;

  }



  #mixedSlider .MS-controls .MS-left {

    left: -10px;

  }



  #mixedSlider .MS-controls .MS-right {

    right: -10px;

  }



  #mixedSlider2 .MS-controls .MS-left {

    left: -10px;

  }



  #mixedSlider2 .MS-controls .MS-right {

    right: -10px;

  }

}



@media (max-width: 501px) {

  #mixedSlider2 .MS-controls button {

    top: 165px;

  }

}