/* Css de Slider 
* https://codepen.io/lucasrodri/pen/eYBxqMW */

.carousel {
  width: 1700px;
  /*width: 100%;*/
  margin: 0 auto;
  font-color: #fff;
  top: 150px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  position: absolute !important;  
}

.carousel2 {
  /*width: 1700px;*/
  width: 100%;
  margin: 0 auto;
  font-color: #fff;
}

.carousel p {
  color: #fff;
}

.carousel2 p {
  color: #fff;
}

.case-move1 {
  /*margin-left: -3%;*/
}

.case-title {
  font-family: Poppins;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-top: 22%;
}

.case2-title {
  font-family: Poppins;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-top: 5%;
}

.case-background-1 {
  background-image:url(/wp-content/uploads/2021/03/hero.png);
  background-color: #cccccc; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  background-position: top;
}

.case-background-2 {
  background-color: #231121;
}

.page-slide {
  margin: 0 15px;
}

.active-slider {
  /*width: 600px !important;
  margin-right: 30px;
  margin-left: 30px;*/
}

.deactive-slider {
  /*width: 600px !important;*/
  margin-top: 150px !important;
}

.text-case {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  margin-top: 30px;
}

.terms_loop {
  margin-top: 5px;
}

.terms_loop a {
  background-color: #96497F;
  padding: 4px 15px 4px 15px;
  border-radius: 24px;
  margin-right: 8px;
  display: inline-block;
}

.terms_loop a:visited {
  color: #fdd5d5;
}

.showMore-case {
  text-decoration: none;
  font-family: Poppins;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #E80344;
  text-transform: uppercase;
  /*margin-top: 70px;*/
}

.showMore-case:hover {
  text-decoration: none;
  font-family: Poppins;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #E67472;
  text-transform: uppercase;
}

.terms_loop a:hover {
  background-color: #C87FB2;
  padding: 4px 15px 4px 15px;
  border-radius: 24px;
  margin-right: 8px;
}

.terms {
  color: #FFFFFF;
  font-family: "Poppins", Sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 24px;
  text-decoration: none;
}

.esconder {
  display: none;
}

.mostrar {
  display: block;
  width: 500px;
}

.column-slider {
  float: left;
  width: 50%;
  padding: 10px;
  height: 350px;
  padding-left: 30px;
  padding-top: 20px;
}

.column-slider2 {
  float: left;
  width: 100%;
  padding: 10px;
  height: 350px;
  padding-left: 30px;
  padding-top: 20px;
}

.column2 {
  float: left;
  width: 100%;
  padding: 10px;
  height: 200px;
  padding-left: 30px;
  padding-top: 20px;
}

.case2-background-1 {
  background-image:url(/wp-content/uploads/2021/03/hero.png);
  background-color: #cccccc; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  background-position: top;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row2:after {
  content: "";
  display: table;
  clear: both;
}

* {
  box-sizing: border-box;
}

.slick-slider-nav-catarinas {
  position: absolute;
  top: 370px;
  left: 50%;
  /*transform: translateX(-50%);*/
  /*display: flex;*/
}

.slick-slider-nav-catarinas2 {
  position: absolute;
  top: 780px;
  left: 50%;
  /*transform: translateX(-50%);*/
  /*display: flex;*/
}

/*
.slick-prev:before, .slick-next:before
{
  line-height: 2;
  font-family: '' !important;
  content: '<' !important;
  color: gray !important;
}

.slick-next:before
{
  content: '>' !important;
}
*/

.slick-next-catarinas, .slick-next-catarinas2 {
  right: -130px;
  top: -14px;
}

.slick-prev-catarinas, .slick-prev-catarinas2 {
  left: -180px;
  top: -14px;
}

.slick-slider-dots-catarinas {
  position: absolute;
  top: 370px;
  left: 50%;
  /*transform: translateX(-50%);*/
  /*display: flex;*/
}

.slick-slider-dots-catarinas2 {
  position: absolute;
  top: 806px;
  left: 50%;
  /*transform: translateX(-50%);*/
  /*display: flex;*/
}

.slick-slider-dots-catarinas ul, .slick-slider-dots-catarinas2 ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.slick-slider-dots-catarinas li, .slick-slider-dots-catarinas2 li {
  margin: 0 4px;
  width: 63px;
  margin-right: -6px;
}

.slick-slider-dots-catarinas li button, .slick-slider-dots-catarinas2 li button {
  background: gray;
  overflow: hidden;
  color: grey;
  border: none;
  width: 63px;
  height: 3px;
  position: relative;
  top: -43px;
  left: -160px;
}

.slick-slider-dots-catarinas .slick-active button, .slick-slider-dots-catarinas2 .slick-active button {
  background: red;
  color: red;
  width: 63px;
  height: 4px;
  position: relative;
  top: -43px;
  left: -160px;
}

.slick-slider-dots-catarinas li button:before, .slick-slider-dots-catarinas2 li button:before {
  content: unset;
}

.slick-slider-dots-catarinas li button, .slick-slider-dots-catarinas2 li button {
  padding: 0;
  display: inline;
}

.slick-slider-dots-catarinas li button::before, .slick-slider-dots-catarinas2 li button::before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '' !important;
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
.slick-slider-dots-catarinas2 .slick-active {
  background: red;
  height: 3px;
}*/