.text-color-transition, .pagination .item,
.pagination .page-item,
.navigation .item,
.navigation .page-item {
  transition: color 200ms ease-in-out;
}

.overlay {
  height: 100%;
  width: 100%;
  background: RGBA(39, 39, 51, 0);
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease;
  border-radius: 1px;
}
.overlay > * {
  opacity: 0;
  transition: all 0.3s ease;
}
.overlay.active, .overlay:hover {
  background: RGBA(39, 39, 51, 0.75);
}
.overlay.active > *, .overlay:hover > * {
  opacity: 1;
}
.overlay .overlay__action {
  margin-top: 7px;
  margin-left: 7px;
}
.overlay .menu-overlay {
  position: absolute;
  right: 3px;
  top: 3px;
  display: flex;
  flex-direction: column;
}
.overlay .menu-overlay .icon-button {
  margin-bottom: 3px;
}
.overlay .menu-overlay--left {
  left: 3px;
}

.image-shadow, .pastas .list-pastas .list-pastas__item .list-pastas__img-box {
  position: relative;
}

.image-shadow:after, .pastas .list-pastas .list-pastas__item .list-pastas__img-box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(126, 125, 125, 0) 51%, rgba(2, 0, 0, 0.6) 100%);
}

.chat {
  border-bottom: 1px solid #f1f4f6;
  display: flex;
  flex-direction: column;
}
.chat__title {
  background: #363646;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 29px;
  color: #FFF;
}
.chat .chat__container {
  padding: 40px;
  padding-bottom: 20px;
  padding-top: 20px;
  overflow: auto;
  background: #f1f4f6;
  height: 360px;
}
.chat .chat__date-divisor {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  margin-top: 10px;
}
.chat .chat__date-divisor span {
  color: #7d8c9b;
  font-size: 14px;
  display: inline-block;
  padding-left: 25px;
  padding-right: 25px;
  background: #f1f4f6;
  z-index: 2;
  position: relative;
}
.chat .chat__date-divisor:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  width: 100%;
  background: #dfe4e8;
}
.chat .chat__row {
  display: flex;
  margin-bottom: 36px;
}
.chat .chat__row:last-child {
  margin-bottom: 0;
}
.chat .chat__message {
  color: #363646;
  background: #FFF;
  font-size: 13px;
  line-height: 20px;
  padding: 20px;
  margin-left: 10px;
  border-radius: 4px;
  width: 100%;
}
.chat .chat__date {
  text-align: right;
  font-size: 12px;
  color: #7d8c9b;
  margin-top: 6px;
}
.chat .chat__message-box {
  position: relative;
  height: 120px;
}
.chat .chat__message-status {
  position: absolute;
  right: 0;
  bottom: -3px;
}
.chat .chat__message-status i {
  color: #363646;
  font-size: 16px;
  opacity: 0.5;
}
.chat .chat__message-status--read i {
  color: #97c872;
  opacity: 1;
}
.chat .chat__row--received .chat__message-status {
  display: none;
}
.chat .chat__row--sent {
  flex-direction: row-reverse;
}
.chat .chat__row--sent .chat__message-box {
  margin-right: 10px;
}
.chat .chat__row--sent .chat__message {
  color: #FFF;
  background: #46abde;
  margin-left: 0;
  margin-right: 10px;
}
.chat .chat__row--sent .chat__date {
  text-align: left;
}

.chat-modal {
  display: flex;
}
.chat-modal .chat-modal__to-info {
  width: 271px;
  height: 500px;
  border-right: 1px solid #f1f4f6;
}
.chat-modal .chat-modal__chat {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.chat-modal .chat-modal__chat .chat-modal__chat .chat {
  height: 360px !important;
}
.chat-modal .chat-modal__chat .chat-message-box {
  flex: 1;
}

.credit-card {
  width: 347px;
  height: 199px;
  position: relative;
  perspective: 1000px;
}
.credit-card__flipper {
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.credit-card__flipper > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.credit-card .credit-card__front > *,
.credit-card .credit-card__back > * {
  position: absolute;
}
.credit-card__front {
  background: url("/static/checkout/images/background_credit-card__front.png");
}
.credit-card__back {
  background: url("/static/checkout/images/background_credit-card__back.png");
  transform: rotateY(180deg);
}
.credit-card__front, .credit-card__back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.credit-card__front > *, .credit-card__back > * {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.credit-card__brand {
  top: 20px;
  right: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.credit-card__brand--visible {
  opacity: 1;
  visibility: visible;
}
.credit-card__number {
  top: 94px;
  left: 30px;
  color: #FFF;
  font-size: 22px;
  font-weight: bold;
}
.credit-card__name {
  bottom: 25px;
  left: 30px;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  width: 186px;
  line-height: 19px;
}
.credit-card__valid-thru {
  bottom: 27px;
  right: 20px;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
}
.credit-card__cvv {
  top: 78px;
  left: 290px;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
}

.credit-card.credit-card--back .credit-card__flipper {
  transform: rotateY(180deg);
}

.pyro > .before, .pyro > .after {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
  -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro > .after {
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
  to {
    box-shadow: -53px -220px #005eff, -234.5px -35.8333333333px #55ff00, -25px -225px #ff7700, -60.5px -351.6666666667px #00ff8c, -47px -48.3333333333px #ff0062, -210.5px -56.6666666667px #00ff48, -62.5px -276.6666666667px #ff0004, -81.5px -15px #ffd000, -3.5px -188.3333333333px #ff0084, -92.5px -391.6666666667px #ff8800, -243px -370px #a200ff, -110.5px -72.5px #ffaa00, -19.5px -403.3333333333px #006fff, -171px -200px #ffee00, -159.5px -210.8333333333px #ff4000, -115.5px -391.6666666667px #00ffc8, -193px -105px #3300ff, -236px -80.8333333333px #ff4800, -53px -201.6666666667px #ff0095, -195px -11.6666666667px #0015ff, -109.5px -98.3333333333px #1500ff, -89px -95.8333333333px #6aff00, -49.5px -35px #ff00f7, -186px -336.6666666667px #ff0022, -168px -200px #bbff00, -51px -405.8333333333px #0009ff, -239.5px -260.8333333333px #2f00ff, -116.5px -224.1666666667px #d900ff, -175px -40.8333333333px #00bbff, -186px -91.6666666667px #00ffbb, -61px -7.5px #73ff00, -172.5px -275px #ff0009, -45.5px -279.1666666667px #0009ff, -218px -55px #bf00ff, -139.5px -212.5px #ff00ea, -229px -117.5px #00fff7, -186.5px -43.3333333333px #f700ff, -76px -24.1666666667px #3700ff, -84px -29.1666666667px #ff0088, -75px -366.6666666667px #ff00cc, -226.5px -395px #ff00e6, -191px -54.1666666667px #9dff00, -59.5px -163.3333333333px #ff002b, -70.5px -130.8333333333px #ff00bb, -58px -310px #a600ff, -184.5px -230px #ae00ff, -116px -171.6666666667px #00ff48, -110px -410px #ff00e1, -231px -363.3333333333px #ff003c, -213.5px -210px #ff00b7, -7.5px -206.6666666667px #8cff00;
  }
}
@keyframes bang {
  to {
    box-shadow: -53px -220px #005eff, -234.5px -35.8333333333px #55ff00, -25px -225px #ff7700, -60.5px -351.6666666667px #00ff8c, -47px -48.3333333333px #ff0062, -210.5px -56.6666666667px #00ff48, -62.5px -276.6666666667px #ff0004, -81.5px -15px #ffd000, -3.5px -188.3333333333px #ff0084, -92.5px -391.6666666667px #ff8800, -243px -370px #a200ff, -110.5px -72.5px #ffaa00, -19.5px -403.3333333333px #006fff, -171px -200px #ffee00, -159.5px -210.8333333333px #ff4000, -115.5px -391.6666666667px #00ffc8, -193px -105px #3300ff, -236px -80.8333333333px #ff4800, -53px -201.6666666667px #ff0095, -195px -11.6666666667px #0015ff, -109.5px -98.3333333333px #1500ff, -89px -95.8333333333px #6aff00, -49.5px -35px #ff00f7, -186px -336.6666666667px #ff0022, -168px -200px #bbff00, -51px -405.8333333333px #0009ff, -239.5px -260.8333333333px #2f00ff, -116.5px -224.1666666667px #d900ff, -175px -40.8333333333px #00bbff, -186px -91.6666666667px #00ffbb, -61px -7.5px #73ff00, -172.5px -275px #ff0009, -45.5px -279.1666666667px #0009ff, -218px -55px #bf00ff, -139.5px -212.5px #ff00ea, -229px -117.5px #00fff7, -186.5px -43.3333333333px #f700ff, -76px -24.1666666667px #3700ff, -84px -29.1666666667px #ff0088, -75px -366.6666666667px #ff00cc, -226.5px -395px #ff00e6, -191px -54.1666666667px #9dff00, -59.5px -163.3333333333px #ff002b, -70.5px -130.8333333333px #ff00bb, -58px -310px #a600ff, -184.5px -230px #ae00ff, -116px -171.6666666667px #00ff48, -110px -410px #ff00e1, -231px -363.3333333333px #ff003c, -213.5px -210px #ff00b7, -7.5px -206.6666666667px #8cff00;
  }
}
@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-webkit-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
#particle-canvas {
  display: block;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.user-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 38px;
}
.user-contact .user-contact__photo {
  margin-bottom: 12px;
}
.user-contact .user-contact__name {
  font-size: 15px;
  color: #363646;
}
.user-contact .user-contact__list-info {
  margin-top: 46px;
  text-align: center;
}
.user-contact .user-contact__list-info .user-contact__list-label {
  color: #a8b4bf;
  font-size: 12px;
  margin-bottom: 5px;
}
.user-contact .user-contact__list-info .user-contact__list-value {
  color: #363646;
  font-size: 15px;
  margin-bottom: 25px;
}

.chat-message-box {
  padding: 20px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chat-message-box .chat-message-box__icon {
  position: absolute;
  right: -66px;
  top: 50%;
  transform: translateY(-50%);
}
.chat-message-box .chat-message-box__icon i {
  color: #bac4cd;
  font-size: 24px;
  cursor: pointer;
}
.chat-message-box .box-emojis {
  width: 297px;
  height: 160px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-100%);
  border: 1px solid #d0d7de;
  border-radius: 5px;
  background: #FFF;
  padding: 7px;
  overflow-y: scroll;
}
.chat-message-box .box-emojis li {
  float: left;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.chat-message-box .box-emojis li:hover {
  background: #f1f4f6;
}
.chat-message-box .chat-message-box__editor {
  width: 400px;
  height: 60px;
  margin-right: 20px;
  display: flex;
  position: relative;
}
.chat-message-box .chat-message-box__text {
  height: 100%;
  width: 100%;
  padding-top: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #363646;
  border: none;
}

.visual-tabs {
  height: 100%;
  display: flex;
}
.visual-tabs .visual-tabs__buttons-menu {
  width: 67px;
  background: #363646;
  height: 100%;
}
.visual-tabs .visual-tabs__button {
  height: 70px;
  color: #a8b4bf;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.visual-tabs .visual-tabs__button .visual-tab__button-label {
  font-size: 10px;
  margin-top: 3px;
}
.visual-tabs .visual-tabs__button:hover {
  color: #FFF;
}
.visual-tabs .visual-tabs__button--active {
  background: #46abde;
  color: #FFF;
}
.visual-tabs .visual-tabs__content {
  flex: 1;
  padding: 30px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
}

.visual-collapse .visual-collapse__title {
  position: relative;
  font-size: 18px;
  color: #363646;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.visual-collapse .visual-collapse__toggle-button {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.visual-collapse .visual-collapse__toggle-button .material-icons {
  transition: transform 0.3s ease !important;
}
.visual-collapse .visual-collapse__toggle-button--inverse .material-icons {
  transform: rotate(180deg);
}
.visual-collapse .visual-collapse__content {
  overflow: hidden;
  transition: all 1s ease;
  margin-top: 30px;
  max-height: 0;
}
.visual-collapse .visual-collapse__content--visible {
  max-height: 1000px;
}

.blur {
  filter: blur(3px);
}

.notifications-icon {
  color: #faa634;
  position: relative;
  cursor: pointer;
}
.notifications-icon .badge {
  top: -5px;
  right: 0;
}

.badge {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e46c55;
  color: #FFF;
  font-weight: bold;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
}

#redactor-modal {
  z-index: 19051 !important;
}

.redactor-modal-box {
  z-index: 19051 !important;
}

.redactor-dropdown {
  z-index: 19051 !important;
}

.re-button-tooltip {
  z-index: 20000 !important;
}

.re-button .material-icons {
  font-size: 15px;
}

.emojis-dropdown__item {
  width: 32px;
  height: 32px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.editor--light {
  border: none !important;
}

.redactor-styles address,
.redactor-styles blockquote,
.redactor-styles dl,
.redactor-styles figure,
.redactor-styles hr,
.redactor-styles p,
.redactor-styles pre,
.redactor-styles table {
  padding: 0 !important;
  margin: 0 !important;
}

.redactor-component[data-redactor-type=variable].error {
  background-color: #e46c55;
}

.redactor-component-active[data-redactor-type=variable] {
  background: #ee698a !important;
}

.position-picker {
  background: #d0d7dd;
  border: 1px solid #d0d7dd;
  border-bottom: 0;
  width: 199px;
  line-height: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 4px;
}
.position-picker .position-picker__opt {
  background: #FFF;
  height: 29px;
  width: 65px;
  margin-bottom: 1px;
  cursor: pointer;
}
.position-picker .position-picker__opt:hover {
  background-color: #46abde;
}
.position-picker .position-picker__opt--active {
  background-color: #d0d7dd;
}

.roboto-slab {
  font-family: "Roboto Slab", serif;
  font-weight: bold;
}

.cookie {
  font-family: "Cookie", cursive;
}

.amiri {
  font-family: "Amiri", serif;
  font-weight: bold;
}

.alegreya-sans-sc {
  font-family: "Alegreya Sans SC", sans-serif;
}

.lobster {
  font-family: "Lobster", cursive;
}

.arvo {
  font-family: "Arvo", serif;
  font-weight: bold;
}

.norican {
  font-family: "Norican", cursive;
}

.lusitana {
  font-family: "Lusitana", cursive;
  font-weight: bold;
}

.nunito {
  font-family: "Nunito", cursive;
  font-weight: bold;
}

.berkshire-swash {
  font-family: "Berkshire Swash", cursive;
}

.luckiest-guy {
  font-family: "Luckiest Guy", cursive;
}

.paytone-one {
  font-family: "Paytone One", cursive;
}

.poppins {
  font-family: "Poppins", cursive;
  font-weight: bold;
}

.montserrat {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

.oleo-script {
  font-family: "Oleo Script", cursive;
}

.cinzel {
  font-family: "Cinzel", serif;
  font-weight: bold;
}

.pt-serif {
  font-family: "PT Serif", serif;
}

.baloo-tammudu {
  font-family: "Baloo Tammudu", cursive;
}

/*
   <div class="pagination">
        <a class="item arrow prev">Anterior</a>
        <a class="active item">1</a>
        <a class="item">2</a>
        <a class="item">3</a>
        <a class="item">4</a>
        <a class="item">5</a>
        <a class="item arrow next">Anterior</a>
    </div>
 */
.pagination,
.navigation {
  display: flex;
  justify-content: center;
}
.pagination .item,
.pagination .page-item,
.navigation .item,
.navigation .page-item {
  height: 37px;
  min-width: 37px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d0d7de;
  color: #363646;
  font-size: 15px;
  border-right: none;
}
.pagination .item:hover:not(.active),
.pagination .page-item:hover:not(.active),
.navigation .item:hover:not(.active),
.navigation .page-item:hover:not(.active) {
  background: #f1f4f6;
}
.pagination .page-link,
.navigation .page-link {
  padding-right: 13px;
  padding-left: 13px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .active,
.navigation .active {
  color: #bac4cd;
  cursor: default;
}
.pagination .item:first-child,
.navigation .item:first-child {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination .item:last-child,
.navigation .item:last-child {
  border-right: 1px solid #d0d7de;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination .arrow,
.navigation .arrow {
  width: 119px;
}
.pagination .arrow i,
.navigation .arrow i {
  font-size: 18px;
}
.pagination .next i,
.navigation .next i {
  margin-left: 8px;
}
.pagination .prev i,
.navigation .prev i {
  margin-right: 9px;
}

.full-modal .v--modal {
  border-radius: 0 !important;
}

.v--modal-overlay {
  z-index: 18100 !important;
  background: rgba(54, 54, 70, 0.55) !important;
}

.modal {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.modal .modal__title {
  height: 60px;
  color: #FFF;
  background: #363646;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-left: 40px;
  font-size: 18px;
  width: 100%;
  flex-shrink: 0;
  flex-direction: column;
  position: relative;
}
.modal .modal__close-button {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
}
.modal .modal__close-button--titleless {
  cursor: pointer;
  z-index: 1;
  right: 16px !important;
  top: 16px !important;
  transform: none !important;
}
.modal .modal__close-button--titleless .material-icons {
  color: #8496AA;
}
.modal .modal__close-button--titleless .material-icons:hover {
  color: #363646;
  transition: all 0.3s ease;
}
.modal .modal__sub-title {
  font-size: 14px;
  color: #a8b4bf;
  margin-top: 5px;
}
.modal .modal__content {
  flex: 1;
  position: relative;
}
.modal .modal__content--split {
  display: flex;
}
.modal .modal__side {
  background: #f1f4f6;
}
.modal .modal__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  border-top: 1px solid #f1f4f6;
  flex-shrink: 0;
  padding-right: 40px;
  padding-left: 40px;
  width: 100%;
}
.modal .modal__complement {
  justify-content: flex-start;
}
.modal .modal__buttons .button {
  margin-left: 20px;
}
.modal .modal__buttons button.button {
  margin-top: 1px;
}
.modal .modal__question {
  height: 91px;
  display: flex;
  padding-left: 40px;
  padding-right: 40px;
  align-items: center;
  font-size: 15px;
  line-height: 20px;
}
.modal .vf.form {
  padding: 36px 40px;
  width: 100%;
}
.modal .vf.form .row:last-child {
  margin-bottom: 0;
}

.profile__icon {
  display: flex;
  height: 36px;
  cursor: pointer;
}
.profile__icon i {
  font-size: 17px;
  color: #bdc7cf;
  align-self: center;
  margin-right: 8px;
  transition: all 300ms;
}

.profile.tippy-active a i {
  transform: rotate(180deg);
}

.profile-menu {
  font-weight: 400;
  width: 300px;
}
.profile-menu .header-profile {
  box-shadow: inset 0 15px 9px -7px #e4e9ed;
  padding-left: 20px;
  background: #f1f4f6;
  height: 96px;
  display: flex;
  align-items: center;
}
.profile-menu .header-profile .avatar {
  margin-right: 20px;
}
.profile-menu .header-profile .profile-name {
  color: #353642;
  font-size: 18px;
}
.profile-menu .header-profile .profile-email {
  color: #7d8c9b;
  font-size: 11px;
  width: 180px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.profile-menu .profile-nav {
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 23px;
  margin-top: 17px;
}
.profile-menu .profile-nav__item {
  margin-bottom: 6px;
}
.profile-menu .profile-nav__link {
  color: #363646;
  font-size: 15px;
}
.profile-menu .profile-nav__link:hover, .profile-menu .profile-nav__link:hover i {
  transition: color 200ms ease-in-out;
  color: #46abde !important;
}

.apps-icon__menu {
  font-weight: 400;
  width: 186px;
  height: 109px;
  display: flex;
  padding: 15px;
}
.apps-icon__menu .app-item {
  display: flex;
  flex-direction: column;
  width: 78px;
  height: 78px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
.apps-icon__menu .app-item__nome {
  color: #363646;
  font-size: 12px;
  margin-top: 5px;
}
.apps-icon__menu .app-item:hover {
  background: #f1f4f6;
}

.payment-methods {
  justify-content: center;
  align-items: center;
  display: flex;
}
.payment-methods img:not(:last-child) {
  margin-right: 10px;
}
.payment-methods .pay-with {
  margin-right: 15px;
}

.code-container {
  height: 50px;
  background: #f9f7ce;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e3db63;
  position: relative;
  padding-right: 37px;
  width: 581px;
}
.code-container__code {
  font-weight: bold;
}
.code-container__copy {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  cursor: pointer;
}
.code-container__copy:hover .code-container__copy-icon {
  opacity: 1;
}
.code-container__copy:hover .code-container__tooltip {
  opacity: 1;
  visibility: visible;
}
.code-container__copy-icon {
  transition: all 0.3s ease;
  opacity: 0.4;
  transform: rotate(180deg);
}
.code-container__tooltip {
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: -46px;
  top: -41px;
  width: 118px;
  height: 30px;
  background: #272733;
  font-size: 14px;
  color: #FFF;
  border-radius: 4px;
}
.code-container__tooltip .copy,
.code-container__tooltip .copied {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.code-container__tooltip .copied {
  display: none;
}
.code-container__tooltip:after {
  content: "";
  width: 10px;
  height: 5px;
  background: inherit;
  bottom: -5px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.code-container .code-container__tooltip--done {
  background: #97c872;
  opacity: 1;
  visibility: visible;
}
.code-container .code-container__tooltip--done .copied {
  display: flex;
}
.code-container .code-container__tooltip--done .copy {
  display: none;
}
.code-container .code-container__tooltip--done .material-icons {
  margin-right: 3px;
}

.not-verified-email-alert .material-icons {
  margin-right: 10px;
  color: #363646;
}

.top-alert {
  position: fixed;
  width: 100%;
  height: 48px;
  background: #F9F7CE;
  z-index: 1000;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #363646;
  font-size: 12px;
  border-bottom: 1px solid #FED1A2;
}

.has-top-alert {
  padding-bottom: 48px;
}
.has-top-alert .header {
  top: 48px;
}
.has-top-alert .sidebar {
  top: 48px;
}

.banner {
  background: #363646;
  height: 172px;
  color: #FFF;
  border-radius: 0 50px 50px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 220px;
  position: relative;
  overflow: hidden;
}
.banner::after {
  content: "";
  width: 290px;
  height: 290px;
  position: absolute;
  border: 83px solid #272733;
  border-radius: 50%;
  right: -134px;
  top: -170px;
}
.banner__title {
  padding-left: 47px;
  margin-bottom: 11px;
  font-size: 26px;
  font-weight: bold;
  height: 40px;
  border-left: 3px solid #46abde;
  display: flex;
  align-items: center;
}
.banner__body {
  padding-left: 47px;
  line-height: 25px;
}
.banner__image {
  position: absolute;
  right: 58px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.challenges-list__item {
  height: 72px;
  margin-bottom: 13px;
  background: #FFFFFF;
  border: 1px solid #dfe4e8;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 0 30px 0 20px;
  overflow: hidden;
}
.challenges-list__number {
  font-size: 18px;
  font-weight: bold;
  background: #46abde;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #FFF;
}
.challenges-list__description {
  margin-left: 15px;
  margin-right: auto;
  font-size: 18px;
  font-weight: bold;
  color: #363640;
}
.challenges-list__hotspot {
  margin-right: 6px;
}
.challenges-list__button {
  width: 169px !important;
}
.challenges-list__success-phrase {
  font-size: 18px;
  font-weight: bold;
  margin-right: 20px;
}
.challenges-list__done-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #97c872;
  color: #FFF;
  height: 100%;
  width: 40px;
  margin-right: -30px;
}
.challenges-list__success-phrase, .challenges-list__done-icon {
  display: none;
}
.challenges-list__item--completed .challenges-list__success-phrase,
.challenges-list__item--completed .challenges-list__done-icon {
  display: flex !important;
}
.challenges-list__item--inactive .challenges-list__number,
.challenges-list__item--inactive .challenges-list__description, .challenges-list__item--completed .challenges-list__number,
.challenges-list__item--completed .challenges-list__description {
  opacity: 0.5;
}
.challenges-list__item--inactive .challenges-list__button,
.challenges-list__item--inactive .challenges-list__hotspot, .challenges-list__item--completed .challenges-list__button,
.challenges-list__item--completed .challenges-list__hotspot {
  display: none;
}
.challenges-list__item--completed .challenges-list__description {
  text-decoration: line-through;
}

.hotspot {
  position: relative;
  width: 38px;
  height: 38px;
}
.hotspot__container {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition-property: opacity;
  transition-duration: 200ms;
  transition: opacity 0.2s ease-out 0.5s;
  z-index: 1;
}
.hotspot__container > span {
  background-color: #fd9848;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  transform: scale(1);
}
.hotspot__container > span > span {
  display: inline-block;
  vertical-align: 20px;
  background-color: #fd9848;
  width: 14px;
  height: 14px;
  transform: scale(0);
  border-radius: 50%;
  -webkit-animation: scaleGrow 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
          animation: scaleGrow 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes scaleGrow {
  from {
    transform: scale(0);
    background-color: #fd9848;
  }
  to {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes scaleGrow {
  from {
    transform: scale(0);
    background-color: #fd9848;
  }
  to {
    transform: scale(3);
    opacity: 0;
  }
}
.hotspot.tiny {
  width: 21.71px;
  height: 21.71px;
}
.hotspot.tiny .hotspot__container > span,
.hotspot.tiny .hotspot__container > span > span {
  width: 8px;
  height: 8px;
}
.hotspot.small {
  width: 32.57px;
  height: 32.57px;
}
.hotspot.small .hotspot__container > span,
.hotspot.small .hotspot__container > span > span {
  width: 12px;
  height: 12px;
}

.challenges-widget {
  position: relative;
  width: 169px;
  height: 36px;
  border-radius: 20px;
  background: #363646;
  display: flex;
  align-items: center;
  color: #FFF;
  padding: 2px;
}
.challenges-widget__hotspot {
  position: absolute !important;
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
}
.challenges-widget__icon img {
  display: block;
}
.challenges-widget__label {
  font-size: 14px;
  margin-left: 19px;
}

.tags-widget {
  display: flex;
}
.tags-widget__tag {
  width: 24px;
  height: 4px;
  border-radius: 50px;
  background: darkgrey;
  margin-left: 8px;
  cursor: pointer;
  position: relative;
  transition: all 0.1s ease;
}
.tags-widget__tag::before {
  content: "";
  display: block;
  width: 100%;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.tags-widget__tag:hover {
  margin-top: -1px;
  height: 6px;
}
.tags-widget__tag:hover::after {
  border-radius: 50px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: rgba(0, 0, 0, 0.1);
}

.filter-modal .filter {
  padding: 24px;
  height: 424px;
  overflow-y: scroll;
}
.filter-modal .filter__group {
  max-height: 71px;
  overflow: hidden;
  border: 1px solid #EDEFF2;
  border-right: none;
  border-left: none;
  transition: all 0.3s ease;
}
.filter-modal .filter__group:not(:last-child) {
  border-bottom: none;
}
.filter-modal .filter__group-title {
  height: 71px;
  display: flex;
  align-items: center;
  padding-left: 12px;
  cursor: pointer;
  position: relative;
}
.filter-modal .filter__group-title:hover {
  background: #EDEFF2;
}
.filter-modal .filter__group-title-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.filter-modal .filter__group.filter__group--active {
  max-height: 1000px;
}
.filter-modal .filter__group.filter__group--active .filter__group-title-arrow {
  transform: translateY(-50%) rotate(180deg);
}
.filter-modal .filter__group-content {
  padding: 3px 0 38px 0;
}
.filter-modal .filter__item {
  height: 40px;
  display: flex;
  align-items: center;
  margin-bottom: 1px;
  margin-top: 1px;
  border-radius: 4px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
}
.filter-modal .filter__item:hover {
  background: #EDEFF2;
}
.filter-modal .filter__item .vf.checkbox {
  width: 100%;
}
.filter-modal .filter__item label {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.filter-modal .filter__item .filter__item-icon,
.filter-modal .filter__item .filter__item-name {
  transform: translateY(-3px);
}
.filter-modal .filter__item .filter__item-icon {
  margin-left: 7px;
  margin-right: 6px;
}
.filter-modal .filter-modal__clear-button {
  display: flex;
  align-items: center;
  color: #363646;
  font-size: 14px;
}
.filter-modal .filter-modal__clear-button .material-icons {
  margin-right: 5px;
}

@media (max-width: 767px) {
  .desktop-only {
    display: none !important;
  }
}
[v-cloak] {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s 5s, opacity 5s linear;
}

.wrap {
  width: 1400px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
@media (max-width: 767px) {
  .wrap {
    width: auto;
  }
}

.blue-text {
  color: #46abde;
}

.generic-response {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.generic-response .content-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.generic-response p {
  text-align: center;
  color: #363646;
}
@media (max-width: 767px) {
  .generic-response p {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .generic-response .button {
    margin: auto 30px 30px 30px;
    display: flex;
  }
}

/**
  SNOWFLAKES
 */
.snowflake {
  color: #EDEFF2;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 2px #FFF;
}

@-webkit-keyframes snowflakes-fall {
  0% {
    top: -10%;
  }
  100% {
    top: 100%;
  }
}
@-webkit-keyframes snowflakes-shake {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(80px);
  }
}
@keyframes snowflakes-fall {
  0% {
    top: -10%;
  }
  100% {
    top: 100%;
  }
}
@keyframes snowflakes-shake {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(80px);
  }
}
.snowflake {
  position: fixed;
  top: -10%;
  z-index: 9999999999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  -webkit-animation-name: snowflakes-fall, snowflakes-shake;
  -webkit-animation-duration: 10s, 3s;
  -webkit-animation-timing-function: linear, ease-in-out;
  -webkit-animation-iteration-count: infinite, infinite;
  -webkit-animation-play-state: running, running;
  animation-name: snowflakes-fall, snowflakes-shake;
  animation-duration: 10s, 3s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
}

.snowflake:nth-of-type(0) {
  left: 1%;
  -webkit-animation-delay: 0s, 0s;
  animation-delay: 0s, 0s;
}

.snowflake:nth-of-type(1) {
  left: 10%;
  -webkit-animation-delay: 1s, 1s;
  animation-delay: 1s, 1s;
}

.snowflake:nth-of-type(2) {
  left: 20%;
  -webkit-animation-delay: 6s, 0.5s;
  animation-delay: 6s, 0.5s;
}

.snowflake:nth-of-type(3) {
  left: 30%;
  -webkit-animation-delay: 4s, 2s;
  animation-delay: 4s, 2s;
}

.snowflake:nth-of-type(4) {
  left: 40%;
  -webkit-animation-delay: 2s, 2s;
  animation-delay: 2s, 2s;
}

.snowflake:nth-of-type(5) {
  left: 50%;
  -webkit-animation-delay: 8s, 3s;
  animation-delay: 8s, 3s;
}

.snowflake:nth-of-type(6) {
  left: 60%;
  -webkit-animation-delay: 6s, 2s;
  animation-delay: 6s, 2s;
}

.snowflake:nth-of-type(7) {
  left: 70%;
  -webkit-animation-delay: 2.5s, 1s;
  animation-delay: 2.5s, 1s;
}

.snowflake:nth-of-type(8) {
  left: 80%;
  -webkit-animation-delay: 1s, 0s;
  animation-delay: 1s, 0s;
}

.snowflake:nth-of-type(9) {
  left: 90%;
  -webkit-animation-delay: 3s, 1.5s;
  animation-delay: 3s, 1.5s;
}

.snowflake:nth-of-type(10) {
  left: 25%;
  -webkit-animation-delay: 2s, 0s;
  animation-delay: 2s, 0s;
}

.snowflake:nth-of-type(11) {
  left: 65%;
  -webkit-animation-delay: 4s, 2.5s;
  animation-delay: 4s, 2.5s;
}

.snow_switch {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-radius: 4px 0 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
}
.snow_switch.inactive {
  opacity: 0.5;
}

.snow_switch.blue {
  background: #49AFEE;
}

.snow_switch.red {
  background: #FF3942;
}

.snow_switch.gold {
  background: #E5AD6C;
}

.christmas-decoration {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  height: 642px;
  width: 100%;
}
.christmas-decoration__left, .christmas-decoration__right {
  height: 100%;
  width: 290px;
  position: absolute;
}
.christmas-decoration__left {
  left: 2%;
}
.christmas-decoration__left .christmas-decoration__snowflake-large {
  position: absolute;
  right: 0;
  top: 43px;
}
.christmas-decoration__left .christmas-decoration__star {
  position: absolute;
  left: 30px;
  top: 315px;
}
.christmas-decoration__left .christmas-decoration__snowflake-medium {
  position: absolute;
  top: 515px;
  left: 147px;
}
.christmas-decoration__left .christmas-decoration__ball-1 {
  position: absolute;
  top: 0;
  left: 202px;
}
.christmas-decoration__left .christmas-decoration__ball-2 {
  position: absolute;
  top: 219px;
  left: 0;
}
.christmas-decoration__left .christmas-decoration__ball-3 {
  position: absolute;
  top: 617px;
  left: 120px;
}
.christmas-decoration__right {
  right: 2%;
}
.christmas-decoration__right .christmas-decoration__snowflake-large {
  position: absolute;
  left: 0;
  top: 43px;
}
.christmas-decoration__right .christmas-decoration__star {
  position: absolute;
  right: 30px;
  top: 315px;
}
.christmas-decoration__right .christmas-decoration__snowflake-medium {
  position: absolute;
  top: 515px;
  right: 147px;
}
.christmas-decoration__right .christmas-decoration__ball-1 {
  position: absolute;
  top: 0;
  right: 202px;
}
.christmas-decoration__right .christmas-decoration__ball-2 {
  position: absolute;
  top: 219px;
  right: 0;
}
.christmas-decoration__right .christmas-decoration__ball-3 {
  position: absolute;
  top: 617px;
  right: 120px;
}

.christmas-decoration.blue .snow_switch {
  background: #49AFEE;
}
.christmas-decoration.blue .christmas-decoration__snowflake-large {
  fill: #BAE1F9;
}
.christmas-decoration.blue .christmas-decoration__star {
  fill: #A4D7F7;
}
.christmas-decoration.blue .christmas-decoration__snowflake-medium {
  fill: #BAE1F9;
}
.christmas-decoration.blue .christmas-decoration__ball-1 {
  fill: #76C3F2;
}
.christmas-decoration.blue .christmas-decoration__ball-2 {
  fill: #FFFFFF;
}
.christmas-decoration.blue .christmas-decoration__ball-3 {
  fill: #76C3F2;
}

.christmas-decoration.red .snow_switch {
  background: #FF3942;
}
.christmas-decoration.red .christmas-decoration__snowflake-large {
  fill: #FF9BA0;
}
.christmas-decoration.red .christmas-decoration__star {
  fill: #FF888D;
}
.christmas-decoration.red .christmas-decoration__snowflake-medium {
  fill: #FF9BA0;
}
.christmas-decoration.red .christmas-decoration__ball-1 {
  fill: #FF6067;
}
.christmas-decoration.red .christmas-decoration__ball-2 {
  fill: #FFFFFF;
}
.christmas-decoration.red .christmas-decoration__ball-3 {
  fill: #FF6067;
}

.christmas-decoration.gold .snow_switch {
  background: #E5AD6C;
}
.christmas-decoration.gold .christmas-decoration__snowflake-large {
  fill: #FFDAAE;
}
.christmas-decoration.gold .christmas-decoration__star {
  fill: #FFCD93;
}
.christmas-decoration.gold .christmas-decoration__snowflake-medium {
  fill: #FFDAAE;
}
.christmas-decoration.gold .christmas-decoration__ball-1 {
  fill: #FFC178;
}
.christmas-decoration.gold .christmas-decoration__ball-2 {
  fill: #FFFFFF;
}
.christmas-decoration.gold .christmas-decoration__ball-3 {
  fill: #FFC178;
}

.topo {
  height: 120px;
  transition: all 0.3s ease;
  background: #FFF;
  position: relative;
  z-index: 4500;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04);
  padding-left: 17px;
  padding-right: 17px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.topo .logo {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.topo .logo img {
  max-height: 100px;
  max-width: 200px;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .topo .logo img {
    max-height: 80px;
  }
}
.topo .topo-info {
  margin-left: auto;
}

.topo.hide {
  transform: translateY(-100%);
}

.topo.small,
.topo-placeholder.small {
  height: 60px;
}
.topo.small .logo img,
.topo-placeholder.small .logo img {
  max-height: 45px;
}

.topo.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

.topo-placeholder {
  display: none;
}

.topo-placeholder.showPlaceholder {
  display: block;
}

.topinho {
  background: #f1f4f6;
  height: 30px;
  line-height: 30px;
  color: #7d8c9b;
  text-align: center;
  font-size: 12px;
  z-index: 3550;
  position: relative;
}
@media (min-width: 769px) {
  .topinho {
    display: none;
  }
}

.page-title {
  font-size: 20px;
  text-align: center;
  margin-top: 59px;
  color: #7d8c9b;
  letter-spacing: 0.12em;
  font-weight: 800;
  margin-bottom: 46px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .page-title {
    font-size: 15px;
    margin-bottom: 30px;
  }
}

.page-subtitle {
  text-align: center;
  color: #7d8c9b;
  margin-bottom: 46px;
  font-size: 12px;
}

.foto-grid {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .foto-grid {
    padding: 5px;
  }
}
.foto-grid .foto-grid__item {
  cursor: pointer;
}
.foto-grid .foto-grid__item img {
  width: 100%;
  display: block;
}
.foto-grid .foto-grid__item img[data-loaded=true],
.foto-grid .foto-grid__item [data-loaded=true] img {
  -webkit-animation-name: showLazyImg;
          animation-name: showLazyImg;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes showLazyImg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes showLazyImg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.foto-grid .foto-grid__item.selected {
  outline: 2px solid #363646;
  outline-offset: -2px;
}

.pastas-list .grid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.pastas-list .item {
  display: block;
  position: absolute;
  z-index: 1;
  width: 344px;
}
.pastas-list .item-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.pastas-list .item-content.selected img {
  outline: 2px solid #363646;
  outline-offset: -2px;
}
.pastas-list .item-content > img {
  display: block;
  width: 100%;
}
.pastas-list .item-content img[data-loaded=true],
.pastas-list .item-content [data-loaded=true] img {
  -webkit-animation-name: showLazyImg;
          animation-name: showLazyImg;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@keyframes showLazyImg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.pasta {
  margin-bottom: 150px;
}
.pasta .pasta__title {
  margin-bottom: 8px;
}

.pasta {
  margin-bottom: 150px;
}
.pasta .pasta__title {
  margin-bottom: 8px;
}

.selpics-button {
  width: 140px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #FFF;
  z-index: 20;
  bottom: 7px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  border-radius: 4px;
}
.selpics-button i {
  font-size: 16px;
  margin-right: 7px;
}
.selpics-button.selecionar {
  background: #46abde;
}
.selpics-button.selecionar:hover {
  background: #0c6396;
}
.selpics-button.desmarcar {
  background: #363646;
}
.selpics-button.desmarcar:hover {
  background: #242424;
}

.foto {
  position: relative;
}
.foto .foto-overlay {
  background: RGBA(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.foto .foto__suggested {
  position: absolute;
  left: 8px;
  top: 0;
  z-index: 1;
  width: 10px;
  height: 14px;
  background: #de856a;
  background: linear-gradient(180deg, #de856a 0%, #d2432f 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);
}
.foto .selected-options {
  position: absolute;
  right: 7px;
  top: 7px;
}
.foto .selected-options .selected-options__item {
  margin-left: 3px;
  cursor: pointer;
}
.foto .selected-options .selected-options__item .hover {
  opacity: 0;
}
.foto .selected-options .selected-options__item:hover .hover {
  opacity: 1;
}
.foto .selected-options .selected-options__item:hover .active {
  opacity: 0;
}
.foto .selected-options .selected-icon {
  background: #363646;
}
.foto .selected-options .favorite:hover {
  background: #363646;
}
.foto .selected-options .favorite.favorite-active {
  background: #bfd730;
}
.foto .selpics-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}
@media (max-width: 767px) {
  .foto .selpics-button {
    display: none;
  }
}
.foto:hover .selpics-button {
  opacity: 1;
}

.circle-icon {
  width: 30px;
  height: 30px;
  background: #bac4cd;
  position: relative;
  display: inline-block;
  transition: all 0.3s ease;
  border-radius: 50%;
}
.circle-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: #FFF;
}

.barra-fixa {
  height: 80px;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 3500;
  background: #272733;
  display: flex;
  align-items: center;
  padding-right: 5px;
  padding-left: 5px;
}
@media (max-width: 767px) {
  .barra-fixa {
    height: 50px;
  }
}
.barra-fixa .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.info-bar {
  display: flex;
}
.info-bar .info-bar__icon {
  width: 40px;
  height: 40px;
  background: #363646;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}
.info-bar .info-bar__icon i {
  color: #FFF;
  font-size: 20px;
}
@media (max-width: 767px) {
  .info-bar .info-bar__icon {
    display: none;
  }
}
.info-bar .info-bar__texts {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 767px) {
  .info-bar .info-bar__texts {
    display: none;
  }
}
@media (min-width: 769px) {
  .info-bar .info-bar__texts-mobile {
    display: none;
  }
}
.info-bar .info-bar__title {
  font-size: 14px;
  color: #FFF;
}
.info-bar .info-bar__subtitle {
  margin-top: 5px;
  font-size: 12px;
  color: #a8b4bf;
}

.nav-bar {
  display: flex;
}
.nav-bar .nav-bar__button {
  margin-left: 20px;
  height: 40px;
  font-size: 14px;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  white-space: nowrap;
}
.nav-bar .nav-bar__button i {
  font-size: 18px;
}
@media (max-width: 767px) {
  .nav-bar .continuar-depois__button {
    display: none;
  }
}

.menu {
  position: relative;
}
.menu .menu__clicable-area {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.menu .menu__icon {
  background: #ffc908;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu .menu__icon i {
  color: #FFF;
  font-size: 20px;
}
.menu .menu__label {
  color: #7d8c9b;
  font-size: 12px;
  margin-left: 7px;
}
.menu .menu__list {
  display: flex;
  flex-direction: column;
}
.menu .menu__list .menu__list-item {
  color: #FFF;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  position: relative;
}
.menu .menu__content {
  background: #ffc908;
  border-radius: 5px;
  width: 230px;
  padding: 35px;
  position: absolute;
  top: 35px;
  left: 0;
  transition: opacity 0.3s ease;
}
.menu .menu__content .menu__list-item:after {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  left: -10px;
  top: 0;
  background: #FFF;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.menu .menu__content .menu__list-item:hover:after, .menu .menu__content .menu__list-item.menu__list-item--active:after {
  opacity: 1;
}
.menu .menu__content .menu__list-item:not(:last-child) {
  margin-bottom: 25px;
}
.menu .menu__content--mobile {
  background: #ffc908;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.menu .menu__content--mobile .menu__list {
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.menu .menu__content--mobile .menu__list .menu__list-item {
  font-size: 18px;
}
.menu .menu__content--mobile .menu__list .menu__list-item:not(:last-child) {
  margin-bottom: 60px;
}
.menu .menu__content--mobile .menu__content--mobile__close-button {
  color: #FFF;
  position: relative;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
}
.menu .menu__content--mobile .menu__content--mobile__close-button i {
  font-size: 30px;
}

.topo-info {
  text-align: right;
}
.topo-info__titulo, .topo-info__conteudo {
  color: #7d8c9b;
  font-size: 12px;
}
.topo-info__titulo {
  margin-bottom: 4px;
}

.icon-menu {
  display: flex;
}
.icon-menu .icon-menu__item {
  text-decoration: none;
  margin-left: 30px;
  width: 30px;
  height: 30px;
  background: #bac4cd;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: 50%;
}
.icon-menu .icon-menu__item .material-icons {
  font-size: 18px;
  color: #FFF;
}
.icon-menu .icon-menu__item:hover {
  background: #363646;
}

.roboto-slab {
  font-family: "Roboto Slab", serif;
  font-weight: bold;
}

.cookie {
  font-family: "Cookie", cursive;
}

.amiri {
  font-family: "Amiri", serif;
  font-weight: bold;
}

.alegreya-sans-sc {
  font-family: "Alegreya Sans SC", sans-serif;
}

.lobster {
  font-family: "Lobster", cursive;
}

.arvo {
  font-family: "Arvo", serif;
  font-weight: bold;
}

.norican {
  font-family: "Norican", cursive;
}

.lusitana {
  font-family: "Lusitana", cursive;
  font-weight: bold;
}

.nunito {
  font-family: "Nunito", cursive;
  font-weight: bold;
}

.berkshire-swash {
  font-family: "Berkshire Swash", cursive;
}

.luckiest-guy {
  font-family: "Luckiest Guy", cursive;
}

.paytone-one {
  font-family: "Paytone One", cursive;
}

.poppins {
  font-family: "Poppins", cursive;
  font-weight: bold;
}

.montserrat {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

.oleo-script {
  font-family: "Oleo Script", cursive;
}

.cinzel {
  font-family: "Cinzel", serif;
  font-weight: bold;
}

.pt-serif {
  font-family: "PT Serif", serif;
}

.baloo-tammudu {
  font-family: "Baloo Tammudu", cursive;
}

.cover {
  position: relative;
  height: 100vh;
  z-index: 3550;
}
.cover .show {
  opacity: 1 !important;
}
.cover .cover__img {
  opacity: 0;
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  image-rendering: -webkit-optimize-contrast;
  transition: all 2.5s ease;
}
.cover .cover__img .cover__title {
  opacity: 0;
  word-wrap: break-word;
  text-align: center;
  width: 100%;
  color: #FFF;
  font-size: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.cover .cover__img .cover__title.NorthWest, .cover .cover__img .cover__title.North, .cover .cover__img .cover__title.NorthEast, .cover .cover__img .cover__title.West, .cover .cover__img .cover__title.East, .cover .cover__img .cover__title.SouthWest, .cover .cover__img .cover__title.South, .cover .cover__img .cover__title.SouthEast {
  transform: none;
  padding: 1%;
}
.cover .cover__img .cover__title.NorthWest {
  text-align: left;
  top: 0;
}
.cover .cover__img .cover__title.North {
  top: 0;
}
.cover .cover__img .cover__title.NorthEast {
  top: 0;
  text-align: right;
}
.cover .cover__img .cover__title.West {
  text-align: left;
  transform: translateY(-50%);
}
.cover .cover__img .cover__title.East {
  text-align: right;
  transform: translateY(-50%);
}
.cover .cover__img .cover__title.SouthWest {
  text-align: left;
  bottom: 0;
  top: unset;
  margin-bottom: 90px;
}
.cover .cover__img .cover__title.South {
  bottom: 0;
  top: unset;
  margin-bottom: 90px;
}
.cover .cover__img .cover__title.SouthEast {
  text-align: right;
  bottom: 0;
  top: unset;
  margin-bottom: 90px;
}
.cover .cover__img .cover__scroll-button {
  cursor: pointer;
  z-index: 9;
  position: absolute;
  left: 50%;
  margin-left: -24px;
  bottom: 10px;
  width: 48px;
  height: 70px;
  opacity: 0;
  transition: all 1s ease;
}
.cover .cover__img .cover__scroll-button .cover__arrow {
  position: absolute;
  animation: seta 0.8s linear 0s infinite alternate;
  -webkit-animation: seta 0.8s linear 0s infinite alternate;
}
@-webkit-keyframes seta {
  0% {
    bottom: 40px;
  }
  100% {
    bottom: 0px;
  }
}
@keyframes seta {
  0% {
    bottom: 40px;
  }
  100% {
    bottom: 0px;
  }
}
.cover .cover__img .cover__overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.15);
  opacity: 0;
  transition: all 1s ease;
}
.cover .roboto-slab {
  font-size: 50px;
}
.cover .cookie {
  font-size: 50px;
}
.cover .amiri {
  font-size: 50px;
}
.cover .alegreya-sans-sc {
  font-size: 50px;
}
.cover .lobster {
  font-size: 60px;
}
.cover .arvo {
  font-size: 50px;
}
.cover .norican {
  font-size: 50px;
}
.cover .lusitana {
  font-size: 50px;
}
.cover .nunito {
  font-size: 50px;
}
.cover .berkshire-swash {
  font-size: 50px;
}
.cover .luckiest-guy {
  font-size: 48px;
}
.cover .paytone-one {
  font-size: 50px;
}
.cover .poppins {
  font-size: 50px;
}
.cover .montserrat {
  font-size: 44px;
}
.cover .oleo-script {
  font-size: 62px;
}
.cover .cinzel {
  font-size: 46px;
}
.cover .pt-serif {
  font-size: 50px;
}
.cover .baloo-tammudu {
  font-size: 52px;
}

.preview *:not(.cover__scroll-button) {
  opacity: 1 !important;
}

.info-box {
  background: #f1f4f6;
  border-left: 3px solid #bac4cd;
  padding: 30px;
  border-radius: 4px;
}

.v--modal-overlay {
  z-index: 18100 !important;
  background: rgba(54, 54, 70, 0.55) !important;
}

.v--modal {
  border-radius: 10px !important;
}

.modal {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.modal .modal__title {
  height: 50px;
  color: #7d8c9b;
  background: #f1f4f6;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-left: 40px;
  font-size: 15px;
  text-transform: uppercase;
  width: 100%;
  flex-shrink: 0;
  flex-direction: column;
  font-weight: 600;
  position: relative;
}
.modal .modal__title .centered {
  text-align: center;
  width: 100%;
  margin-left: -20px;
}
.modal .modal__close-button {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
}
.modal .modal__sub-title {
  font-size: 14px;
  color: #7d8c9b;
  margin-top: 5px;
}
.modal .modal__content {
  flex: 1;
  position: relative;
}
.modal .modal__content--split {
  display: flex;
}
.modal .modal__inner-content {
  padding: 40px;
}
.modal .modal__side {
  background: #FFF;
}
.modal .modal__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  flex-shrink: 0;
  padding-right: 40px;
  padding-left: 40px;
  width: 100%;
}
.modal .modal__complement {
  justify-content: flex-start;
}
.modal .modal__buttons .button,
.modal .modal__buttons .modal-icon-button {
  margin-left: 20px;
}
.modal .modal__buttons button.button {
  margin-top: 1px;
}
.modal .modal__question {
  height: 91px;
  display: flex;
  padding-left: 40px;
  padding-right: 40px;
  align-items: center;
  font-size: 15px;
  line-height: 20px;
}
.modal .vf.form {
  padding: 36px 40px;
}
.modal .vf.form .row:last-child {
  margin-bottom: 0;
}

.visual-gallery {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  overflow: hidden;
}

.visual-gallery .foto__suggested {
  width: 20px;
  height: 28px;
  left: 16px;
}

.visual-gallery__carousel {
  width: 100%;
  height: 100%;
}

.visual-gallery * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.visual-gallery__animation-element {
  position: absolute;
  z-index: 10001;
}
.visual-gallery__animation-element img {
  width: 100%;
  height: 100%;
}

.foto-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2 !important;
}

.visual-gallery__blank {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  max-height: none !important;
}

.visual-gallery__overlay-animation {
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  background: #FFF;
  position: absolute;
}

.visual-gallery--show {
  opacity: 1 !important;
}

.visual-gallery {
  transition: all 1s ease;
}
.visual-gallery .visual-gallery__back {
  cursor: pointer;
  background: #bac4cd;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 15px !important;
  top: 33px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  z-index: 30;
}
.visual-gallery .visual-gallery__back:hover {
  background: #363646;
}
.visual-gallery .visual-gallery__back i {
  font-size: 20px;
}
.visual-gallery .visual-gallery__close {
  cursor: pointer;
  height: 30px;
  width: 30px;
  color: #bac4cd;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 15px !important;
  top: 33px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  z-index: 30;
}
.visual-gallery .visual-gallery__close:hover {
  color: #363646;
}
.visual-gallery .visual-gallery__close i {
  font-size: 20px;
}
.visual-gallery .visual-gallery__nav-bar {
  height: 69px;
  width: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #f1f4f6;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 10;
}
@media (max-width: 767px) {
  .visual-gallery .visual-gallery__nav-bar {
    top: auto;
    bottom: 0;
  }
}
.visual-gallery .visual-gallery__nav-bar .visual-gallery__photo-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
.visual-gallery .visual-gallery__nav-bar .visual-gallery__photo-nav .visual-gallery__photo-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7d8c9b;
  font-size: 14px;
  margin-right: 10px;
  margin-left: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}
@media (max-width: 767px) {
  .visual-gallery .visual-gallery__nav-bar .visual-gallery__photo-nav .visual-gallery__photo-nav-item {
    margin-right: 23px;
    margin-left: 23px;
  }
}
.visual-gallery .visual-gallery__nav-bar .visual-gallery__photo-nav .visual-gallery__photo-nav-item i {
  margin-right: 7px;
  font-size: 20px;
  color: #bac4cd;
  transition: all 0.3s ease;
  text-decoration: none;
}
.visual-gallery .visual-gallery__nav-bar .visual-gallery__photo-nav .visual-gallery__photo-nav-item:hover {
  color: #363646;
}
.visual-gallery .visual-gallery__nav-bar .visual-gallery__photo-nav .visual-gallery__photo-nav-item:hover i {
  color: #363646;
}
.visual-gallery .visual-gallery__nav-bar .visual-gallery__photo-nav .visual-gallery__photo-nav-item.visual-gallery__photo-nav-item--active i {
  color: #46abde;
}
@media (max-width: 767px) {
  .visual-gallery .visual-gallery__nav-bar .visual-gallery__photo-nav .visual-gallery__photo-nav-item .visual-gallery__photo-nav-label {
    display: none;
  }
}
@media (max-width: 767px) {
  .visual-gallery .visual-gallery__nav-bar .visual-gallery__photo-nav .visual-gallery__select-button {
    display: none;
  }
}
.visual-gallery .visual-gallery__cell {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.visual-gallery .visual-gallery__cell img {
  display: block;
}
.visual-gallery .swipe__image-wrapper {
  position: relative;
}
.visual-gallery .visual-gallery__bottom-nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  bottom: 11px;
  z-index: 11;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}
@media (min-width: 769px) {
  .visual-gallery .visual-gallery__bottom-nav {
    display: none;
  }
}
.visual-gallery .mobile-download-button {
  background: #363646;
  margin-right: 8px;
}
.visual-gallery .mobile-select-button {
  background: #46abde;
  flex: 1;
}
.visual-gallery .visual-gallery__photo-grayscale {
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */
}
.visual-gallery .visual-gallery__grayscale-button {
  border-radius: 50%;
  background: #FFF;
  width: 46px;
  height: 46px;
  cursor: pointer;
  position: absolute;
  bottom: -23px;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: all;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .visual-gallery .visual-gallery__grayscale-button {
    bottom: 5px;
    right: 5px;
    left: auto;
    transform: none;
  }
}
.visual-gallery .visual-gallery__grayscale-button i {
  color: #bac4cd;
  font-size: 22px;
  transition: all 0.3s ease;
}
.visual-gallery .visual-gallery__grayscale-button:hover i {
  color: #363646;
}
.visual-gallery .visual-gallery__photo-desc {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  color: #a8b4bf;
  font-size: 14px;
  z-index: 3;
}
@media (max-width: 767px) {
  .visual-gallery .visual-gallery__photo-desc {
    top: 20px;
    bottom: auto;
  }
}
.visual-gallery .round-button-shadow, .visual-gallery .flickity-button, .visual-gallery .visual-gallery__grayscale-button {
  box-shadow: 6px 6px 73px 6px rgba(0, 0, 0, 0.11);
}
.visual-gallery .flickity-button {
  border-radius: 50%;
  background: #FFF;
  width: 45px;
  height: 45px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.visual-gallery .flickity-button .flickity-button-icon {
  width: 40%;
  height: 40%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #bac4cd;
  font-size: 30px;
  transition: all 0.3s ease;
}
.visual-gallery .flickity-button:hover i {
  color: #363646;
}
.visual-gallery .visual-gallery__nav-left {
  left: 15px;
}
.visual-gallery .visual-gallery__nav-right {
  right: 15px;
}
.visual-gallery .visual-gallery__arrows {
  position: absolute;
  width: 100%;
}
.visual-gallery .visual-gallery__arrow {
  box-shadow: 6px 6px 73px 6px rgba(0, 0, 0, 0.11);
  border-radius: 50%;
  background: #FFF;
  width: 45px;
  height: 45px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}
.visual-gallery .visual-gallery__arrow svg {
  width: 40%;
  height: 40%;
  fill: #bac4cd;
}
.visual-gallery .visual-gallery__arrow-prev {
  left: 15px;
}
.visual-gallery .visual-gallery__arrow-next {
  right: 15px;
}

.chat-mobile__top {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  position: relative;
}
.chat-mobile .back-button {
  position: absolute;
  left: 15px !important;
  top: 50%;
}
.chat-mobile .chat__title {
  justify-content: center;
  padding-left: 0;
}
.chat-mobile .chat__container {
  height: 66vh;
}
.chat-mobile .chat-message-box .chat-message-box__editor {
  margin-right: 0;
}
.chat-mobile .chat-message-box .box-emojis {
  right: auto;
  left: 0;
}
.chat-mobile .chat-message-box .chat-message-box__icon {
  right: auto;
  left: -28px;
}
.chat-mobile .chat-message-box {
  padding-right: 7px;
  padding-left: 33px;
}

.back-button {
  cursor: pointer;
  background: #bac4cd;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  z-index: 1;
}
.back-button:hover {
  background: #363646;
}
.back-button i {
  font-size: 20px;
}

.comment {
  transform: translate(-50%, -50%);
}
.comment__number {
  color: #FFF;
  font-size: 12px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #FFF;
  background: #46abde;
  border-radius: 50%;
  font-weight: bold;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.comment:hover .comment__content-preview {
  display: block !important;
}
.comment__content-preview {
  display: none;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: -9.5px;
  width: 288px;
  padding: 25px;
  border-radius: 5px;
  border: 1px solid #d0d7de;
  font-size: 14px;
  color: #363646;
}
.comment__content-preview:after {
  content: "";
  width: 20px;
  height: 11px;
  border: 1px solid #d0d7de;
  border-top: none;
  background: #ffffff;
  position: absolute;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: 1;
}
.comment__content-preview.top-left {
  transform: translateX(calc(-100% + 49px)) translateY(calc(-100% - 16px));
}
.comment__content-preview.top-left::after {
  right: 13px;
  bottom: -10px;
}
.comment__content-preview.top-right {
  transform: translateY(calc(-100% - 16px));
}
.comment__content-preview.top-right::after {
  bottom: -10px;
  left: 13px;
}
.comment__content-preview.bottom-right {
  transform: translateY(46px);
}
.comment__content-preview.bottom-right::after {
  transform: rotate(180deg);
  top: -10px;
  left: 13px;
}
.comment__content-preview.bottom-left {
  transform: translateX(calc(-100% + 49px)) translateY(46px);
}
.comment__content-preview.bottom-left::after {
  transform: rotate(180deg);
  top: -10px;
  right: 13px;
}
.comment__content-box {
  position: absolute;
  width: 320px;
  height: 180px;
  background: #363646;
  border-radius: 4px;
  top: 15px;
  left: 15px;
  z-index: -1;
  padding: 30px;
  padding-bottom: 0;
}
.comment__content-box.top-left {
  transform: translateX(-100%) translateY(-100%);
}
.comment__content-box.top-right {
  transform: translateY(-100%);
}
.comment__content-box.bottom-right {
  transform: none;
}
.comment__content-box.bottom-left {
  transform: translateX(-100%);
}
.comment__textarea {
  width: 260px;
  height: 100px;
  border: none;
  border-radius: 4px;
  outline: none;
  padding: 14px;
  font-size: 14px;
  color: #363646;
}
.comment__textarea::-moz-placeholder {
  color: #a8b4bf;
}
.comment__textarea:-ms-input-placeholder {
  color: #a8b4bf;
}
.comment__textarea::placeholder {
  color: #a8b4bf;
}
.comment .comment__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.comment .comment__button {
  color: #FFF;
  cursor: pointer;
  margin-left: 13px;
}

@media (max-width: 767px) {
  .cadastro .page-title {
    margin-top: 50px;
  }
}
.cadastro .box-cadastro {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.cadastro .row-button {
  justify-content: center;
  display: flex;
}
@media (max-width: 767px) {
  .cadastro .row-button {
    margin-top: 20px;
  }
  .cadastro .row-button .vf.button {
    width: 100%;
  }
}
.cadastro .ja-esta-cadastrado {
  color: #363646;
  text-align: center;
}
@media (max-width: 767px) {
  .cadastro .ja-esta-cadastrado {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f4f6;
    padding-right: 50px;
    padding-left: 50px;
    height: 80px;
    margin-top: auto;
  }
}

.fotos .barra-fixa {
  transition: all 0.5s ease;
  opacity: 0;
}

.pastas .page-title {
  margin-bottom: 8px;
}
.pastas .list-pastas {
  max-width: 870px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: 195px 195px 195px 195px;
  justify-items: center;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media (max-width: 767px) {
  .pastas .list-pastas {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}
.pastas .list-pastas .list-pastas__item {
  width: 195px;
  height: 195px;
  float: left;
  margin-right: 0.7153075823%;
  margin-bottom: 70px;
  position: relative;
}
.pastas .list-pastas .list-pastas__item .list-pastas__img-box {
  position: relative;
  height: 100%;
}
.pastas .list-pastas .list-pastas__item .list-pastas__img-box .overlay {
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 100%;
  display: none;
  text-decoration: none !important;
}
.pastas .list-pastas .list-pastas__item .list-pastas__img-box:hover .overlay {
  display: block;
}
.pastas .list-pastas .list-pastas__item .list-pastas__img-box .list-pastas__foto {
  background-position-y: center;
  background-position-x: center;
  width: 100%;
  height: 100%;
}
.pastas .list-pastas .list-pastas__item .list-pastas__img-box .list-pastas__total-fotos {
  position: absolute;
  font-size: 12px;
  color: #FFFFFF;
  bottom: 8px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 2;
}
.pastas .list-pastas .list-pastas__item .list-pastas__nome {
  display: block;
  text-align: center;
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 12px;
  color: #7d8c9b;
  font-weight: bold;
}

@media (min-width: 769px) {
  .escolhidas .page-title {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .escolhidas .page-title {
    margin-bottom: 8px;
  }
}
@media (min-width: 769px) {
  .escolhidas .page-subtitle {
    display: none;
  }
}
.escolhidas .wrap-escolhidas {
  display: flex;
  max-width: 1022px;
  width: auto;
  padding-bottom: 200px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.escolhidas .escolhidas-list {
  width: 572px;
  margin-right: 28px;
}
@media (max-width: 767px) {
  .escolhidas .escolhidas-list {
    margin-right: 0;
    width: auto;
  }
}
.escolhidas .escolhidas-list .escolhidas-list__item {
  width: 100%;
  border: 1px solid #f1f4f6;
  background: #FFF;
  display: flex;
  margin-bottom: 15px;
}
.escolhidas .escolhidas-list .escolhidas-list__item .escolhidas-list__box-foto {
  width: 196px;
}
.escolhidas .escolhidas-list .escolhidas-list__item .escolhidas-list__box-foto .foto-overlay {
  cursor: pointer;
}
@media (max-width: 767px) {
  .escolhidas .escolhidas-list .escolhidas-list__item .escolhidas-list__box-foto {
    width: 168px;
  }
}
.escolhidas .escolhidas-list .escolhidas-list__item .escolhidas-list__box-foto img {
  display: block;
  width: 100%;
}
.escolhidas .escolhidas-list .escolhidas-list__item .escolhidas-list__info {
  margin-left: 31px;
  margin-top: 31px;
  padding-right: 20px;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .escolhidas .escolhidas-list .escolhidas-list__item .escolhidas-list__info {
    margin-left: 15px;
    margin-top: 15px;
  }
}
.escolhidas .escolhidas-list .escolhidas-list__item .escolhidas-list__info .escolhidas-list__filename {
  color: #a8b4bf;
  font-size: 14px;
  margin-bottom: 20px;
  word-break: break-all;
  line-height: 20px;
}
.escolhidas .escolhidas-list .escolhidas-list__item .escolhidas-list__info .escolhidas-list__nav {
  display: flex;
}
.escolhidas .escolhidas-list .escolhidas-list__item .escolhidas-list__info .escolhidas-list__nav .escolhidas-list__nav-item {
  margin-right: 20px;
}
.escolhidas .escolhidas-list .escolhidas-list__item .escolhidas-list__info .escolhidas-list__nav .escolhidas-list__nav-item .active i {
  color: #46abde !important;
}
.escolhidas .escolhidas-list .escolhidas-list__item .escolhidas-list__info .escolhidas-list__nav .escolhidas-list__nav-item i {
  font-size: 20px;
}
.escolhidas .confirmacao {
  width: 422px;
}
.escolhidas .confirmacao .resumo {
  margin-top: 28px;
}
.escolhidas .confirmacao .resumo strong {
  font-weight: 600;
}
.escolhidas .confirmacao .resumo .resumo__texto-fotos {
  color: #363646;
  line-height: 20px;
}
.escolhidas .confirmacao .resumo .bt-confirmacao-selecao {
  margin-top: 25px;
  margin-bottom: 19px;
}
@media (min-width: 769px) {
  .escolhidas .barra-fixa {
    display: none;
  }
}

@media (max-width: 767px) {
  .escolhidas .wrap-escolhidas {
    flex-direction: column-reverse;
  }
  .escolhidas .confirmacao {
    width: 100%;
  }
  .escolhidas .confirmacao__buttons {
    text-align: center;
  }
  .escolhidas .confirmacao__buttons a {
    font-size: 14px;
  }
}
@media (min-width: 769px) {
  .checkout .page-title {
    text-align: left;
  }
}
.checkout .wrap {
  display: flex;
  max-width: 1022px;
  padding-bottom: 200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media (min-width: 769px) {
  .checkout .wrap {
    padding-bottom: 0;
  }
}
@media (min-width: 769px) {
  .checkout .detalhes-compra {
    max-width: 572px;
    margin-right: 28px;
  }
}
.checkout .detalhes-compra p {
  color: #363646;
  width: 500px;
}
@media (max-width: 767px) {
  .checkout .detalhes-compra p {
    width: auto;
    padding: 30px;
    padding-top: 0;
  }
}
.checkout .confirmacao-mobile {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 141px;
  background: #f1f4f6;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 25px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 769px) {
  .checkout .confirmacao-mobile {
    display: none;
  }
}
.checkout .confirmacao-mobile__total {
  font-size: 14px;
  font-weight: bold;
}
.checkout .confirmacao-mobile__description {
  font-size: 12px;
  margin-top: 8px;
  margin-bottom: 14px;
  text-transform: uppercase;
}
.checkout .confirmacao {
  width: 422px;
}
@media (max-width: 767px) {
  .checkout .confirmacao {
    display: none;
  }
}
.checkout .confirmacao .resumo {
  margin-top: 28px;
}
.checkout .confirmacao .resumo strong {
  font-weight: 600;
}
.checkout .confirmacao .resumo .resumo__texto-fotos {
  color: #292929;
  line-height: 20px;
}
.checkout .confirmacao .resumo .resumo__pagamento {
  font-size: 12px;
  color: #7d8c9b;
}
.checkout .confirmacao .resumo .resumo__valor-total {
  font-size: 24px;
  color: #292929;
}
.checkout .confirmacao .resumo .bt-confirmacao-selecao {
  margin-top: 25px;
  margin-bottom: 5px;
}
.checkout .confirmacao .resumo .resumo__ambiente-seguro {
  display: block;
  font-size: 12px;
  color: #7d8c9b;
  font-weight: 600;
  margin-top: 5px;
}

.checkout-pix {
  color: #363646;
}
.checkout-pix .page-title {
  text-align: left;
}
.checkout-pix .wrap {
  display: flex;
  max-width: 1022px;
  padding-bottom: 200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  justify-content: space-between;
}
@media (min-width: 769px) {
  .checkout-pix .wrap {
    padding-bottom: 0;
  }
}
.checkout-pix .content-container {
  background: #f1f4f6;
  border-radius: 5px;
  padding: 30px;
}
.checkout-pix .content-container.bordered {
  border-left: 3px solid #bac4cd;
}
.checkout-pix .step-number {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #46abde;
  border-radius: 50%;
  color: #FFF;
  font-size: 15px;
  font-weight: bold;
}
.checkout-pix .instructions__item {
  font-size: 15px;
  color: #363646;
  display: flex;
  align-items: center;
}
.checkout-pix .instructions__item:not(:last-child) {
  margin-bottom: 8px;
}
.checkout-pix .instructions__item-number {
  margin-right: 6px;
}
.checkout-pix .instructions__item-text {
  line-height: 20px;
}
.checkout-pix__left {
  width: 572px;
  margin-right: 29px;
}
.checkout-pix .fallback {
  margin-top: 51px;
  margin-bottom: 52px;
}
.checkout-pix .fallback__label {
  font-size: 14px;
  margin-bottom: 3px;
}
.checkout-pix .fallback__value {
  margin-bottom: 30px;
  font-size: 18px;
  color: #363646;
  font-weight: bold;
}
.checkout-pix .fallback .key_type {
  text-transform: uppercase;
}
.checkout-pix .pix-codes {
  display: flex;
  margin-top: 31px;
  margin-bottom: 32px;
}
.checkout-pix .pix-codes__qrcode {
  width: 250px;
  height: 250px;
  background: #FFF;
}
.checkout-pix .pix-codes__copy_and_paste {
  margin-top: 70px;
  margin-left: 34px;
}
.checkout-pix .pix-codes__label {
  display: block;
  font-size: 15px;
  color: #363646;
  margin-bottom: 16px;
  text-align: center;
}
.checkout-pix .checkout-pix__warning {
  display: flex;
  align-items: center;
  width: 365px;
}
.checkout-pix .checkout-pix__warning .checkout-pix__warning-icon {
  color: #fd8d18;
  font-size: 30px;
  margin-right: 8px;
}
.checkout-pix .checkout-pix__warning .checkout-pix__warning-text {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
}
.checkout-pix__right {
  flex: 1;
}
.checkout-pix .payment-overview {
  margin-top: 30px;
}
.checkout-pix .payment-overview__infos {
  margin-bottom: 30px;
  line-height: 22px;
}
.checkout-pix .payment-overview__total-label {
  font-size: 12px;
  color: #7d8c9b;
}
.checkout-pix .payment-overview__total {
  font-size: 24px;
  color: #292929;
  font-weight: bold;
  margin-top: 7px;
}
.checkout-pix .payment-overview__button {
  margin-top: 29px;
}

@media (max-width: 767px) {
  .checkout-pix .wrap {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }
  .checkout-pix .content-container {
    padding: 25px;
  }
  .checkout-pix__left {
    width: auto;
    margin-right: 0;
  }
  .checkout-pix .pix-codes {
    flex-direction: column;
    align-items: center;
  }
  .checkout-pix .pix-codes .pix-codes__copy_and_paste {
    margin-left: 0;
    margin-bottom: 30px;
  }
  .checkout-pix .checkout-pix__warning {
    width: auto;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .checkout-pix .checkout-pix__warning .checkout-pix__warning-icon {
    margin-bottom: 10px;
  }
  .checkout-pix .payment-overview__button {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
.password .box-login {
  width: 422px;
  margin-left: auto;
  margin-right: auto;
  background: #FFF;
  text-align: center;
}
.password .box-login .warning {
  margin-bottom: 25px;
}
.password .box-login .button {
  margin-top: 5px;
}
.password .footer-text {
  margin-top: 45px;
  text-align: center;
}

.confirmacao-cadastro .content-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-right: 20px;
  padding-left: 20px;
}
.confirmacao-cadastro .text {
  text-align: center;
  color: #363646;
  max-width: 480px;
}
@media (max-width: 767px) {
  .confirmacao-cadastro .text .desktop-only {
    display: none;
  }
}
.confirmacao-cadastro .bt-iniciar-selecao {
  text-transform: uppercase;
  margin-top: 65px;
}
@media (max-width: 767px) {
  .confirmacao-cadastro .bt-iniciar-selecao {
    width: 90%;
    margin-top: 45px;
  }
}
.confirmacao-cadastro .animated-icon {
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .confirmacao-cadastro .animated-icon {
    margin-bottom: 28px;
  }
}
.confirmacao-cadastro svg {
  width: 86px;
  display: block;
}
.confirmacao-cadastro .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.confirmacao-cadastro .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.confirmacao-cadastro .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.confirmacao-cadastro .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

.album {
  background: #fff5d0;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.album .cursor-tip {
  width: 153px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #FFF;
  background: #363646;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.album .fade-enter-active, .album .fade-leave-active {
  transition: opacity 0.3s;
}
.album .fade-enter, .album .fade-leave-to {
  opacity: 0;
}
.album .grid-view {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 15200;
  background: rgba(54, 54, 70, 0.9);
  overflow: auto;
}
.album .grid-view__top {
  background: #272733;
  height: 70px;
}
.album .grid-view .grid-view__top-wrapper {
  width: 1170px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.album .grid-view .grid-view__top-title {
  color: #FFF;
  font-size: 15px;
  font-weight: 600;
}
.album .grid-view .grid-view__top-close {
  cursor: pointer;
}
.album .grid-view .grid-view__top-close .material-icons {
  font-size: 22px;
  color: #bac4cd;
  transition: all 0.3s ease;
}
.album .grid-view .grid-view__top-close:hover .material-icons {
  color: #FFF;
}
.album .grid-view__items {
  width: 1170px;
  position: absolute;
  left: 50%;
  top: 22%;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.album .grid-view__item {
  cursor: pointer;
  position: relative;
}
.album .grid-view__item img {
  width: 100%;
  display: block;
}
.album .grid-view__item-name {
  color: #FFF;
  font-size: 10px;
  text-align: center;
  margin-top: 5px;
}
.album .grid-view__item-comments {
  position: absolute;
  right: -10px;
  bottom: 5px;
  width: 20px;
  height: 20px;
  background: #46abde;
  border-radius: 50%;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
}
.album .album__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
}
.album .album__loader .spinner-container {
  animation: rotate 2s linear infinite;
  -webkit-animation: rotate 2s linear infinite;
}
.album .album__loader .spinner-container .path {
  stroke-dasharray: 1, 150;
  /* 1%, 101% circumference */
  stroke-dashoffset: 0;
  stroke: rgba(27, 154, 89, 0.7);
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
  -webkit-animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    /* 1%, 101% circumference */
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    /* 70%, 101% circumference */
    stroke-dashoffset: -35;
    /* 25% circumference */
  }
  100% {
    stroke-dasharray: 90, 150;
    /* 70%, 101% circumference */
    stroke-dashoffset: -124;
    /* -99% circumference */
  }
}
@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    /* 1%, 101% circumference */
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    /* 70%, 101% circumference */
    stroke-dashoffset: -35;
    /* 25% circumference */
  }
  100% {
    stroke-dasharray: 90, 150;
    /* 70%, 101% circumference */
    stroke-dashoffset: -124;
    /* -99% circumference */
  }
}
.album .album-view {
  height: calc( 100% - 200px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.album .album-view__gridview-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -38px;
  cursor: pointer;
  z-index: 50;
}
.album .album-view__gridview-button .material-icons {
  color: #7d8c9b;
  transition: all 0.3s ease;
}
.album .album-view__gridview-button:hover .material-icons {
  color: #363646;
}
.album .flipbook-container {
  position: relative;
}
.album .flipbook-container .album-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 50;
}
.album .flipbook-container .album-nav.prev {
  left: -60px;
}
.album .flipbook-container .album-nav.next {
  right: -60px;
}
.album .flipbook-container .page-number {
  position: absolute;
  left: 50%;
  top: -25px;
  transform: translateX(-50%);
  color: #7d8c9b;
  font-size: 12px;
}
.album .flipbook-container .page-number__spacer {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
}

.page {
  background-size: cover;
  background-repeat: no-repeat;
  cursor: crosshair;
}

.page-wrapper {
  -ms-perspective: 4000px;
  perspective: 4000px;
  overflow: visible !important;
}

.odd {
  background-position: right;
}

.page img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
}

.shadow {
  transition: box-shadow 0.5s;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.embed .album-view {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.response .content-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.response p {
  text-align: center;
  color: #363646;
}
.response .selpics-button {
  display: inline-flex;
  text-decoration: none;
  font-size: 15px !important;
  width: 85px;
}