/**
Post it
 */
.post-it {
  background: #fff;
  cursor: pointer;
}

.post-it * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.post-it img {
  top: -10px !important;
  opacity: 1;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

.post-it > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.post-it > div::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  background-image: linear-gradient(
    315deg,
    #000000 -20%,
    transparent 40%,
    rgba(255, 255, 255, 0.15)
  );
}

.post-it .corner {
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease;
}

.torquoise {
  background: linear-gradient(
    135deg,
    rgba(0, 186, 184, 1) 0%,
    rgba(93, 205, 203, 1) 20%,
    rgba(59, 155, 153, 1) 38%,
    rgba(11, 139, 138, 1) 44%,
    rgba(11, 139, 138, 1) 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.3)
  );
  background-color: #00bab8;
}

.green {
  background: linear-gradient(
    135deg,
    rgba(20, 142, 109, 1) 0%,
    rgba(97, 221, 187, 1) 20%,
    rgba(20, 142, 109, 1) 38%,
    rgba(21, 106, 83, 1) 44%,
    rgba(21, 106, 83, 1) 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.3)
  );
  background-color: #148e6d;
}

.red {
  background: linear-gradient(
    135deg,
    rgba(248, 85, 85, 1) 0%,
    rgba(254, 174, 174, 1) 20%,
    rgba(248, 85, 85, 1) 38%,
    rgba(196, 53, 53, 1) 44%,
    rgba(196, 53, 53, 1) 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.3)
  );
  background-color: #f85555;
}

.pink {
  background: linear-gradient(
    135deg,
    #ff72f3,
    #fc60ef 20%,
    #fd49ee 38%,
    #ff31ee 44%,
    #fc60ef 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.3)
  );
  background-color: #ff31ee;
}

.pink-custom {
  background: linear-gradient(
    135deg,
    rgba(255, 53, 134, 1) 0%,
    rgba(255, 183, 212, 1) 20%,
    rgba(241, 77, 143, 1) 38%,
    rgba(220, 68, 129, 1) 44%,
    rgba(220, 68, 129, 1) 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.3) 100%
  );
  background-color: rgb(255, 53, 134);
}

.blue {
  background: linear-gradient(
    135deg,
    rgba(41, 116, 132, 1) 0%,
    rgba(66, 184, 209, 1) 20%,
    rgba(50, 125, 140, 1) 38%,
    rgba(35, 89, 100, 1) 44%,
    rgba(35, 89, 100, 1) 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.3)
  );
  background-color: #297484;
}

.purple {
  background: linear-gradient(
    135deg,
    #b472ff,
    #a258f8 20%,
    #9543f3 38%,
    #8e2efc 44%,
    #a258f8 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.3)
  );
  background-color: #9543f3;
}

.grey {
  background: linear-gradient(
    135deg,
    #afafaf,
    #8a8a8a 20%,
    #5f5f5f 38%,
    #464646 44%,
    #afafaf 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.3)
  );
  background-color: #5f5f5f;
}

.teal {
  background: linear-gradient(
    135deg,
    #55e0de,
    #38e2df 20%,
    #23dfdb 38%,
    #07bebb 44%,
    #03f5f1 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.3)
  );
  background-color: #5f5f5f;
}

.dark-teal {
  background: linear-gradient(
    135deg,
    #559b9a,
    #318d8b 20%,
    #279c9a 38%,
    #159391 44%,
    #117c7a 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.3)
  );
  background-color: #5f5f5f;
}

.dark-blue {
  background: linear-gradient(
    135deg,
    #286192,
    #1a5b94 20%,
    #1374c9 38%,
    #004f92 44%,
    #013d72 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.3)
  );
  background-color: #5f5f5f;
}

.orange {
  background: linear-gradient(
    135deg,
    rgba(255, 163, 55, 1) 0%,
    rgba(250, 210, 163, 1) 20%,
    rgba(242, 145, 32, 1) 38%,
    rgba(215, 126, 22, 1) 44%,
    rgba(215, 126, 22, 1) 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.3)
  );
  background-color: #d77e16;
}

.post-it .corner:before,
.post-it .corner:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 12%;
  bottom: 6%;
  width: 70%;
  max-width: 300px;
  max-height: 100px;
  height: 55%;
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.3);
  transform: skew(-10deg) rotate(-6deg);
}

.post-it .corner:after {
  left: auto;
  right: 6%;
  bottom: auto;
  top: 14%;
  transform: skew(-15deg) rotate(-84deg);
}

.post-it .category {
  left: 0;
  right: 0;
  top: 60px;
  bottom: 0;
  position: absolute;
}

.post-it a {
  left: 0;
  right: 0;
  top: 60px;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}

.post-it:hover > div::before,
.post-it.hover > div::before {
  opacity: 1;
}

.post-it:hover .corner,
.post-it.hover .corner {
  width: 50px;
  height: 50px;
}

.post-it .corner {
  width: 20px;
  height: 20px;
}

.post-it .green {
  width: 20px;
  height: 20px;
}

@media (max-width: 600px) {
  .post-it > div::before {
    position: relative;
  }
}

.post-it-corner {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease;
}
.post-it-corner:before,
.post-it-corner:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 12%;
  bottom: 6%;
  width: 70%;
  max-width: 300px;
  max-height: 100px;
  height: 55%;
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.3);
  transform: skew(-10deg) rotate(-6deg);
}

.post-it-corner:after {
  left: auto;
  right: 6%;
  bottom: auto;
  top: 14%;
  transform: skew(-15deg) rotate(-84deg);
}
.post-it-corner:hover,
.post-it-corner.hover {
  width: 50px;
  height: 50px;
}

.post-it-corner {
  width: 25px;
  height: 25px;
}

#post-its {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#post-its .row {
  width: 100%;
  text-align: center;
  font-weight: 700;
  color: #606060;
}
#post-its .col-2.post-it {
  height: 138px;
  max-width: 145px;
  margin: 0 0.8vw;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 3px 6px #00000029;
  padding: 0;
}
#post-its .col-2 img,
#post-its .col-6 img {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 65px;
  top: 0px !important;
  padding: 0 15px;
}
#post-its .col.diff img {
  top: -25px;
}
#post-its a {
  color: #606060;
}

#vidaclass,
#repom,
#ticket {
  cursor: pointer;
}

.price-platinum {
  color: #004f92;
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  background-color: #ffffff;
  border-radius: 25px;
  box-shadow: 1px -1px 10px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.price-platinum small {
  font-size: 14px;
}

.price-premium {
  color: #07bebb;
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  background-color: #ffffff;
  border-radius: 25px;
  box-shadow: 1px -1px 10px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.price-premium small {
  font-size: 14px;
}

.price-insurance {
  color: #07bebb;
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  background-color: #ffffff;
  border-radius: 25px;
  box-shadow: 1px -1px 10px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.price-insurance small {
  font-size: 14px;
}

.price-repom {
  color: #07bebb;
  font-weight: 600;
  font-size: 1.2rem;
  text-align: center;
  margin-top: 42px;
  border-radius: 25px;
  height: 60px;
  padding: 6px;
  box-shadow: 1px -1px 10px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
  width: 158px;
}

.price-ticket {
  color: #07bebb;
  font-weight: 600;
  font-size: 1.2em;
  text-align: center;
  text-align: center;
  margin-top: 62px;
  border-radius: 25px;
  height: 60px;
  padding: 15px;
  box-shadow: 1px -1px 10px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
  width: 158px;
}

h4 {
  padding: 1em 0;
  font-weight: 700;
  color: #3a3a3a;
}

.price-first {
  font-size: 0.8em;
  margin: 0;
  color: #979797;
  font-weight: 500;
}

.category-name {
  left: 0;
  right: 0;
  top: 60px;
  bottom: 0;
  position: absolute;
  font-size: 0.9rem;
}

.post-it-corner-custom {
  width: 25px;
  height: 25px;
  box-shadow: 0 0 10px rgb(0 0 0 / 50%);
  transition: all 0.4s ease;
  position: absolute;
}

.post-it-corner-custom:hover,
.post-it-corner-custom.hover {
  width: 50px;
  height: 50px;
}

.post-it-colors {
    -webkit-box-shadow: 2px 4px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 4px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 2px 4px 3px 1px rgba(0,0,0,0.15);
    position: relative;
    background-color: #efefef;
    border-radius: 10px;
    padding-bottom: 30px;
    cursor: pointer;
    transition: all 0.4s ease;
}

.post-it-colors.bg-hover-046bd6:hover { background-color: #046bd6 }
.post-it-colors.bg-hover-04aae0:hover { background-color: #04aae0 }
.post-it-colors.bg-hover-06cac7:hover { background-color: #06cac7 }
.post-it-colors.bg-hover-04e09e:hover { background-color: #04e09e }
.post-it-colors.bg-hover-04d65c:hover { background-color: #04d65c }
.post-it-colors.bg-hover-f01865:hover { background-color: #f01865 }
.post-it-colors.bg-hover-8782ed:hover { background-color: #8782ed }
.post-it-colors.bg-hover-ed8b53:hover { background-color: #ed8b53 }
.post-it-colors.bg-hover-f2cf1f:hover { background-color: #f2cf1f }
.post-it-colors.bg-hover-d610c6:hover { background-color: #d610c6 }
.post-it-colors.bg-hover-bc73b0:hover { background-color: #bc73b0 }
.post-it-colors.bg-hover-63b03c:hover { background-color: #63b03c }
.post-it-colors.bg-hover-3645ad:hover { background-color: #3645ad }
.post-it-colors.bg-hover-3f9f8d:hover { background-color: #3f9f8d }

.post-it-colors:hover .title {
    color: white !important;
}

.post-it-colors:hover .icon img {
    filter: grayscale(100%) brightness(1000%);
    -webkit-filter: grayscale(100%) brightness(1000%);
}

.post-it-colors:hover .link {
    background-color: rgb(0 0 0 / 33%) !important;
}

.post-it-colors .details {
    /* padding: 10px 0; */
    padding: 8px 0 35px;
}

.post-it-colors .details .title {
    font-size: 1vw;
    line-height: 1vw;
    text-align: left;
    font-weight: 700;
}

@media (max-width: 600px) {
    .post-it-colors .details .title {
        font-size: 1.1rem !important;
        line-height: 1.1rem !important;
    }
}

.post-it-colors .details .icon {
    text-align: right;
}

.post-it-colors .link {
    background-color: #000;
    border-radius: 0 0 10px 10px;
    position: absolute;
    padding: 5px;
    width: 100%;
    bottom: 0;
}

.post-it-colors .link .price,
.post-it-colors .link .schedules-available {
  font-weight: 700;
  font-size: 1.1rem;
  display: block;
}

.text-046bd6 { color: #046bd6 !important; }
.text-04aae0 { color: #04aae0 !important; }
.text-06cac7 { color: #06cac7 !important; }
.text-04e09e { color: #04e09e !important; }
.text-04d65c { color: #04d65c !important; }
.text-f01865 { color: #f01865 !important; }
.text-8782ed { color: #8782ed !important; }
.text-ed8b53 { color: #ed8b53 !important; }
.text-f2cf1f { color: #f2cf1f !important; }
.text-d610c6 { color: #d610c6 !important; }
.text-bc73b0 { color: #bc73b0 !important; }
.text-63b03c { color: #63b03c !important; }
.text-3645ad { color: #3645ad !important; }
.text-3f9f8d { color: #3f9f8d !important; }

.bg-046bd6 { background-color: #046bd6 !important; }
.bg-04aae0 { background-color: #04aae0 !important; }
.bg-06cac7 { background-color: #06cac7 !important; }
.bg-04e09e { background-color: #04e09e !important; }
.bg-04d65c { background-color: #04d65c !important; }
.bg-f01865 { background-color: #f01865 !important; }
.bg-8782ed { background-color: #8782ed !important; }
.bg-ed8b53 { background-color: #ed8b53 !important; }
.bg-f2cf1f { background-color: #f2cf1f !important; }
.bg-d610c6 { background-color: #d610c6 !important; }
.bg-bc73b0 { background-color: #bc73b0 !important; }
.bg-63b03c { background-color: #63b03c !important; }
.bg-3645ad { background-color: #3645ad !important; }
.bg-3f9f8d { background-color: #3f9f8d !important; }

.size-09 { font-size: 0.9vw !important; line-height: 0.9vw !important; }
.size-10 { font-size: 1.0vw !important; line-height: 1.0vw !important; }
.size-11 { font-size: 1.1vw !important; line-height: 1.1vw !important; }
.size-12 { font-size: 1.2vw !important; line-height: 1.2vw !important; }
.size-13 { font-size: 1.3vw !important; line-height: 1.3vw !important; }
.size-14 { font-size: 1.4vw !important; line-height: 1.4vw !important; }
.size-15 { font-size: 1.5vw !important; line-height: 1.5vw !important; }
.size-16 { font-size: 1.6vw !important; line-height: 1.6vw !important; }
.size-17 { font-size: 1.7vw !important; line-height: 1.7vw !important; }
.size-18 { font-size: 1.8vw !important; line-height: 1.8vw !important; }
.size-19 { font-size: 1.9vw !important; line-height: 1.9vw !important; }