@import url(https://fonts.googleapis.com/css?family=Nunito);@media (max-width: 768px) {
  .desktop-only {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .desktop-only {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}

.wow.form .row {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
}

.wow.form .content-bottom {
  align-items: flex-end;
}

.wow.form .row:last-child {
  margin-bottom: 0;
}

.wow.form .columns {
  display: flex;
  flex-direction: row;
}

.wow.form .columns .column {
  flex: 1;
}

.wow.form .columns .column + .column {
  margin-left: 24px;
}

.wow.button {
  height: 40px;
  border-radius: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #374957;
  border: 1px solid #374957;
  padding-left: 50px;
  padding-right: 50px;
  color: #FFF;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.wow.button span {
  color: #FFF;
}

.wow.button > span + span {
  margin-left: 6px;
}

.wow.button.fluid {
  width: 100%;
  padding: 0;
}

.wow.button.secondary {
  border: 1px solid #C9CEDA;
  background: #FFF;
  color: #374957;
}

.wow.button.secondary span {
  color: #374957;
}

.wow.button.secondary:hover {
  background: #EEEFF3;
}

.wow.button.secondary .spinner .path {
  stroke: #374957;
}

.wow.button.action {
  background: #88B04B;
  border-color: #88B04B;
}

.wow.button.action:hover {
  background: #7A9E43;
}

.wow.button.danger {
  background: #F4655C;
  border-color: #F4655C;
}

.wow.button.danger:hover {
  background: #DB5B53;
}

.wow.button.large {
  height: 48px;
  font-size: 16px;
}

.wow.button.large .material-icons {
  font-size: 30px;
}

.wow.button.fixed-size {
  padding-left: 0;
  padding-right: 0;
}

.wow.button:not(.loading) .spinner {
  display: none;
}

.wow.button.loading .button__label {
  display: none !important;
}

.wow.button.loading .spinner {
  display: block !important;
}

.wow.button.icon .button__label {
  display: inline-flex;
  align-items: center;
}

.wow.button.icon .button__label :last-child {
  margin-left: 10px;
}

.wow.button.icon .button__label .material-icons {
  font-size: 20px;
}

.wow.collapse {
  border-top: 1px solid #E5E8EE;
}

.wow.collapse .collapse__title {
  height: 56px;
  font-size: 16px;
}

.wow.collapse.show {
  background: #FFF;
  padding: 0 32px 32px 32px;
}

.wow.collapse.show .collapse__body {
  max-height: 500px;
}

.wow.collapse.show .collapse__icon {
  transform: rotate(180deg);
}

@media (max-width: 768px) {
  .wow.collapse .collapse__title {
    height: 76px;
    line-height: 24px;
    padding-right: 25px;
  }

  .wow.collapse .collapse__body {
    width: 100%;
  }

  .wow.collapse {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}

.wow.label {
  font-size: 14px;
  color: #374957;
  display: flex;
  width: 100%;
  margin-bottom: 3px;
}

.wow.textarea,
.wow.input {
  border: 1px solid #C9CEDA;
  border-radius: 8px;
  padding-left: 16px;
  padding-right: 16px;
  outline: none;
}

.wow.input {
  height: 40px;
}

.wow.input.fluid,
.wow.textarea.fluid {
  width: 100%;
}

.wow.input.large {
  height: 48px;
  font-size: 16px;
}

.wow.textarea.large {
  font-size: 16px;
}

.wow.textarea {
  height: 82px;
  padding-top: 10px;
  padding-bottom: 10px;
  resize: none;
}

.wow.textarea.x-large {
  height: 190px;
}

.wow.error {
  background: #FEF0EE;
  border-color: #F3705A;
}

.wow.error-message {
  display: flex;
  font-size: 12px;
  color: #374957;
  align-items: center;
}

.wow.error-message .material-icons {
  font-size: 18px;
  color: #F3705A;
  margin-right: 4px;
}

.wow.error + .wow.error-message {
  margin-top: 3px;
}

.wow.switch {
  width: 64px;
  height: 32px;
}

.wow.switch .switch__input {
  visibility: hidden;
  position: absolute;
  margin-left: -9999px;
}

.wow.switch .switch__label {
  background: #F3705A;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  display: block;
  position: relative;
  cursor: pointer;
}

.wow.switch .switch__label::after {
  content: "";
  height: 24px;
  width: 24px;
  background: #FFF;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 4px;
  transition: all 0.3s ease;
}

.wow.switch .switch__input:checked + .switch__label {
  background: #4AD295;
}

.wow.switch .switch__input:checked + .switch__label::after {
  transform: translateX(32px);
}

.wow.select {
  position: relative;
}

.wow.select * {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #374957;
}

.wow.select .select__current {
  height: 48px;
  background: #FFF;
  border: 1px solid #C9CEDA;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  position: relative;
  font-size: 15px;
  transition: all 0.3s ease;
  z-index: 6;
}

.wow.select .select__current:hover {
  border-color: #bac4cd;
}

.wow.select .select__current .select__label {
  white-space: nowrap;
}

.wow.select .select__arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  color: #bac4cd;
}

.wow.select .select__arrow--up {
  transform: translateY(-50%) rotate(180deg);
}

.wow.select .select__list {
  position: absolute;
  background: #FFF;
  border: 1px solid #bac4cd;
  border-radius: 5px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  right: 0;
  top: 53px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  z-index: 5;
  font-size: 15px;
}

.wow.select .select__option {
  height: 38px;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 13px;
}

.wow.select .select__option:hover {
  background: #f1f4f6;
}

.wow.select .select__options--active {
  background: #f1f4f6;
}

.wow.select .select__image {
  max-height: 25px;
  margin-right: 12px;
  margin-left: -6px;
  min-width: 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
}

.wow.select .select__action {
  margin-left: auto;
  margin-right: 15px;
  color: #46abde;
  font-size: 12px;
}

.wow.select .select__list--image-grid {
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%;
}

.wow.select .select__list--image-grid .select__option {
  padding-left: 0;
  justify-content: center;
  align-items: center;
  height: 40px;
  border-radius: 5px;
}

.wow.select .select__list--image-grid .select__option .select__image {
  margin: 0;
  max-height: none;
}

.wow.select .select__list--image-grid .select__option .select__image i {
  font-size: 30px;
}

.wow.select .select__list--image-grid .select__label {
  display: none;
}

.wow.spinner {
  animation: rotate 2s linear infinite;
  -webkit-animation: rotate 2s linear infinite;
}

.wow.spinner .path {
  stroke-dasharray: 1, 150;
  /* 1%, 101% circumference */
  stroke-dashoffset: 0;
  stroke: #FFFFFF;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
  -webkit-animation: dash 1.5s ease-in-out infinite;
}

.wow.spinner.dark .path {
  stroke: #363646;
}

@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 */
  }
}

.wow.warning {
  background: #FCD4CD;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  height: 48px;
  padding: 0 10px;
}

.wow.warning .warning__icon {
  margin-right: 12px;
  color: #F3705A;
}

.wow.warning.fluid {
  width: 100%;
}

.delete-modal {
  padding: 0 0 31px 0 !important;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.delete-modal__top {
  height: 80px;
  background: #FEF5D0;
  width: 100%;
}

.delete-modal__icon {
  font-size: 76px;
  color: #FCDD63;
  margin-top: -32px;
  background: #FFF;
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}

.delete-modal__question {
  margin-top: 27px;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 34px;
}

.delete-modal .button {
  width: 168px;
}

.modal__info {
  padding-right: 60px;
  padding-left: 60px;
  margin-bottom: 60px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
}

.modal.success .delete-modal__top {
  background: #C8F1DF;
}

.modal.success .delete-modal__icon {
  color: #4AD295;
}

.modal.alert .delete-modal__top {
  background: #FEF5D0;
}

.modal.alert .delete-modal__icon {
  background: #FCDD63;
  color: #FCDD63;
}

/* Eric Meyer's CSS Reset
   http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
   This is a Sass partial
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

img {
  box-sizing: content-box;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.flex-1 {
  flex: 1 !important;
}

.flex-2 {
  flex: 2 !important;
}

.flex-3 {
  flex: 3 !important;
}

.flex-4 {
  flex: 4 !important;
}

.flex-5 {
  flex: 5 !important;
}

.flex-6 {
  flex: 6 !important;
}

.flex-7 {
  flex: 7 !important;
}

.flex-8 {
  flex: 8 !important;
}

.flex-9 {
  flex: 9 !important;
}

.flex-10 {
  flex: 10 !important;
}

body {
  font-family: "Mulish", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: #374957;
}

html,
body {
  height: 100%;
  background: #FAFAFC;
}

a {
  text-decoration: none;
}

strong {
  font-weight: 600;
}

strong.stronger {
  font-weight: 800;
}

.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

.underline {
  text-decoration: underline;
}

.simple-link {
  color: #0097FF;
  text-decoration: none;
}

.simple-link:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .app {
    padding-top: 134px;
  }
}

.wrap {
  width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .wrap {
    width: 100%;
    padding: 0 16px;
  }
}

.top {
  background: #FFF;
  height: 87px;
  color: #FFF;
  border-bottom: 1px solid #E5E8EE;
  position: fixed;
  z-index: 998;
  left: 0;
  top: 0;
  width: 100%;
}

.top .wrap {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top .search {
  margin-right: auto;
  margin-left: 36px;
}

.top .nav-icons {
  display: flex;
  margin-left: auto;
}

.top .nav-icons__item {
  margin-left: 34px;
  display: inline-flex;
}

.top .login-button {
  font-size: 16px;
  color: #99A3BA;
  font-weight: bolder;
  margin-left: 25px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .top {
    height: 57px;
    position: relative;
  }

  .sandwich-menu-icon {
    color: #99A3BA;
    margin-top: 1px;
  }

  .logo {
    margin-left: 19px;
  }

  .logo img {
    height: 24px;
  }

  .nav-icons {
    margin-left: auto;
  }

  .nav-icons__item {
    margin-left: 0 !important;
  }
}

.main-menu {
  background: #FFF;
  height: 47px;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 87px;
  width: 100%;
}

.main-menu__container {
  height: 100%;
  position: relative;
  z-index: 4;
  background: #FFF;
  border-bottom: 1px solid #E5E8EE;
}

.main-menu__wrap {
  display: flex;
  align-items: center;
  height: 100%;
}

.main-menu__category {
  font-weight: bolder;
  display: inline-flex;
  margin-right: 37px;
  color: #374957;
}

.main-menu__sub-menu {
  height: 150px;
  width: 100%;
  background: #FFF;
  top: 47px;
  left: 0;
  z-index: 2;
}

.main-menu__item {
  height: 100%;
  display: flex;
  align-items: center;
}

.main-menu .main-menu__item--with-submenu:hover .main-menu__sub-menu__overlay {
  display: block;
}

.main-menu .main-menu__sub-menu__overlay {
  height: 100vh;
  width: 100%;
  background: #374957BF;
  position: fixed;
  left: 0;
  top: 134px;
  z-index: 1;
  display: none;
}

.main-menu .sub-menu__wrap {
  height: 100%;
  display: flex;
  align-items: center;
}

.main-menu .sub-menu__item {
  display: inline-flex;
  align-items: center;
  border: 1px solid #C9CEDA;
  height: 40px;
  border-radius: 100px;
  padding: 0 24px;
  font-size: 14px;
  font-weight: 600;
  margin-right: 16px;
  color: #374957;
}

.footer {
  background: #374957;
  height: 128px;
}

.footer .footer__wrap {
  height: 100%;
  display: flex;
  align-items: center;
}

.footer .footer__menu {
  margin-left: auto;
  margin-right: 81px;
}

.footer .footer__menu .footer__menu-item {
  font-weight: 800;
  color: #99A3BA;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
}

.footer .footer__menu .footer__menu-item:hover {
  color: #FFF;
}

.footer .footer__menu .footer__menu-item:not(:last-child) {
  margin-right: 25px;
}

.footer .footer__menu .footer__menu-item:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 4px;
  right: -17px;
  width: 3px;
  height: 3px;
  background: #99A3BA;
}

.footer .footer__social .footer__social-item {
  margin-left: 10px;
}

.footer-themes {
  background: #26333D;
  max-height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  transition: max-height 1s ease;
}

.footer-themes .footer-themes__button {
  cursor: pointer;
  width: 320px;
  height: 48px;
  flex-shrink: 0;
  background: #374957;
  color: #FFF;
  margin-top: 16px;
  margin-bottom: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  border-radius: 100px;
}

.footer-themes .footer-themes__button .material-icons {
  margin-left: 19px;
  transition: all 1s ease;
}

.footer-themes .footer-themes__list {
  display: grid;
  grid-template-columns: 256px 256px 256px 256px;
  -moz-column-gap: 32px;
       column-gap: 32px;
  row-gap: 39px;
  margin-bottom: 54px;
}

.footer-themes .footer-themes__theme-card {
  font-size: 12px;
}

.footer-themes .footer-themes__theme-card__name {
  color: #FFF;
  font-weight: 800;
  margin-bottom: 12px;
}

.footer-themes .footer-themes__theme-card__list {
  display: inline-flex;
  flex-direction: column;
}

.footer-themes .footer-themes__theme-card__list-item {
  color: #FFF;
  text-decoration: none;
  margin-bottom: 12px;
}

.footer-themes--open {
  max-height: 800px !important;
}

.footer-themes--open .footer-themes__button .material-icons {
  transform: rotate(180deg);
}

.content {
  min-height: 100vh;
}

.content .bread-crumbs {
  margin-top: 26px;
}

.content .content-title {
  color: #374957;
  font-size: 32px;
  margin-top: 36px;
  font-weight: 800;
}

@media (max-width: 768px) {
  .content .content-title {
    font-size: 18px;
    margin-top: 21px;
    position: relative;
    padding-left: 40px;
    line-height: 23px;
  }

  .content .content-title__back {
    position: absolute;
    top: -4px;
    left: 0;
    color: #99A3BA;
    font-size: 28px;
  }
}

.content .panel-container {
  display: flex;
  margin-top: 36px;
}

.content .panel-container .side-menu {
  width: 256px;
  margin-right: 32px;
}

.content .panel-container .content-title {
  margin-top: 0;
}

@media (max-width: 768px) {
  .content .panel-container {
    display: flex;
    flex-direction: column;
    margin-top: 0;
  }

  .content .side-menu {
    margin-right: auto !important;
    margin-top: 7px;
    margin-bottom: 25px;
  }
}

.page .bread-crumbs {
  margin-top: 26px;
}

.advantages__title {
  font-weight: 800;
}

.advantages__list {
  margin-top: 18px;
}

.advantages__item {
  border-top: 1px solid #E5E8EE;
  height: 56px;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.advantages__item-icon {
  background: #0097FF;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}

@media (max-width: 768px) {
  .advantages__list {
    border-bottom: 1px solid #E5E8EE;
  }
}

.bread-crumbs {
  font-size: 14px;
  display: flex;
}

.bread-crumbs__item {
  position: relative;
  margin-right: 24px;
  color: #99A3BA;
  text-decoration: none;
}

.bread-crumbs__item:after {
  content: "|";
  position: relative;
  right: -12px;
}

.bread-crumbs__item:last-child:after {
  content: "";
  margin-right: 0;
}

@media (max-width: 768px) {
  .bread-crumbs {
    margin-top: 0 !important;
    border-bottom: 1px solid #E5E8EE;
    width: 100vw;
    padding: 0;
    padding-left: 17px;
    height: 32px;
    display: flex;
    align-items: center;
    font-size: 11px;
    background: #F5F6F8;
  }
}

.cart {
  position: relative;
}

.cart.cart--badge::after {
  content: "1";
  color: #FFFFFF;
  background: #374957;
  font-size: 11px;
  position: absolute;
  top: -18px;
  right: -17px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.context-menu {
  position: relative;
}

.context-menu__handler {
  cursor: pointer;
}

.context-menu__body {
  background: #FFF;
  opacity: 0;
  visibility: hidden;
  flex-direction: column;
  position: absolute;
  right: 10px;
  top: 45px;
  width: 198px;
  padding: 7px 0;
  border-radius: 8px;
  border: 1px solid #C9CEDA;
  transition: all 0.3s ease;
}

.context-menu__body::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  height: 10px;
  width: 100%;
}

.context-menu__body > * {
  font-size: 14px;
  font-weight: 800;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  text-decoration: none;
  cursor: pointer;
}

.context-menu__body > *:hover {
  background: #F6F7F9;
}

.context-menu__body a {
  color: #374957;
}

.context-menu:hover .context-menu__body {
  opacity: 1;
  visibility: visible;
}

.menu-mobile {
  color: #374957;
  font-weight: bolder;
}

.menu-mobile__overlay {
  background: rgba(55, 73, 87, 0.75);
  height: 100vh;
  width: 100vw;
  position: fixed;
  left: 0;
  top: 0;
}

.menu-mobile__body {
  height: 100%;
  width: 80%;
  background: #fff;
  position: relative;
  padding-top: 80px;
  padding-left: 16px;
  padding-right: 16px;
}

.menu-mobile__top-button {
  position: absolute;
  top: 16px;
  left: 16px;
}

.menu-mobile__title {
  font-size: 12px;
  color: #99a3ba;
  text-transform: uppercase;
}

.menu-mobile__main-menu-container {
  padding-bottom: 34px;
  border-bottom: 2px solid #e5e8ee;
}

.menu-mobile__main-menu {
  margin-top: 27px;
  padding-left: 23px;
}

.menu-mobile__main-menu-item:not(:last-child) {
  margin-bottom: 36px;
}

.menu-mobile__sub-menu {
  margin-top: 25px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
}

.menu-mobile__sub-menu-item {
  margin-bottom: 32px;
  font-weight: 600;
  padding: 0 23px;
  font-size: 14px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c9ceda;
  border-radius: 40px;
  margin-right: auto;
  align-self: flex-start;
  color: inherit;
}

.menu-mobile__footer {
  margin-top: 32px;
}

.menu-mobile__footer-item {
  display: flex;
  color: #99a3ba;
  margin-bottom: 32px;
  align-items: center;
  font-weight: bolder;
}

.menu-mobile__footer-item-icon {
  margin-right: 8px;
  width: 25px;
}

.vm--overlay {
  background: rgba(55, 73, 87, 0.75) !important;
}

.vm--modal {
  border-radius: 8px !important;
}

.related-search__label {
  color: #B7BECE;
}

.related-search__link {
  font-size: 16px;
  text-decoration: none;
  color: #0097FF;
  display: inline-block;
  margin-left: 10px;
}

.gender-picker {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.gender-picker .gender-option {
  background: #FFF;
  border-radius: 8px;
  height: 40px;
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
  font-size: 16px;
  color: #374957;
  align-items: center;
  cursor: pointer;
}

.gender-picker.large .gender-option {
  height: 48px;
}

.gender-picker :first-child {
  margin-right: 24px;
}

.gender-picker .gender-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
}

@media (max-width: 768px) {
  .gender-picker .gender-option span {
    margin-left: 21px;
  }
}

.invitation-editor {
  background: #374957;
  display: flex;
}

.invitation-editor__preview-container {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.invitation-editor__preview {
  width: 530px;
  height: 793px;
  position: relative;
}

.invitation-editor__sidebar {
  background: #99A3BA;
  height: 100vh;
  flex: 0 0 576px;
  position: relative;
}

.invitation-editor__top {
  margin-bottom: 40px;
}

.invitation-editor__body {
  background: #A2ACC4;
  border-radius: 8px;
  margin: 0 40px;
  position: relative;
}

.search {
  width: 448px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
}

.search__input {
  height: 100%;
  margin-left: 5px;
  padding-left: 12px;
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: #B7BECE;
  font-size: 18px;
  font-weight: bolder;
}

.search__input::-moz-placeholder {
  color: #B7BECE;
}

.search__input:-ms-input-placeholder {
  color: #B7BECE;
}

.search__input::placeholder {
  color: #B7BECE;
}

.search__button {
  margin-right: 15px;
}

.search__button .material-icons {
  color: #99A3BA;
}

.search-mobile {
  background: #F3705A;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 8px 16px;
  height: 60px;
}

.search-mobile__input {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
  box-shadow: -1px 2px 12px 1px rgba(153, 163, 186, 0.39);
  -webkit-box-shadow: -1px 2px 12px 1px rgba(153, 163, 186, 0.39);
  -moz-box-shadow: -1px 2px 12px 1px rgba(153, 163, 186, 0.39);
  font-size: 14px;
  font-weight: bolder;
  padding-left: 16px;
}

.search-mobile__input::-moz-placeholder {
  color: #B7BECE;
}

.search-mobile__input:-ms-input-placeholder {
  color: #B7BECE;
}

.search-mobile__input::placeholder {
  color: #B7BECE;
}

.search-mobile__button {
  position: absolute;
  right: 32px;
  color: #99A3BA;
}

.side-menu {
  background: #EFF0F4;
  border-radius: 8px;
  padding: 36px 0 21px 0;
  font-size: 14px;
}

.side-menu__title {
  padding-left: 40px;
  margin-bottom: 25px;
  color: #B7BECE;
  font-weight: 600;
}

.side-menu__list {
  display: flex;
  flex-direction: column;
}

.side-menu__item {
  padding-left: 40px;
  height: 32px;
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-bottom: 16px;
  color: #374957;
}

.side-menu__item:hover,
.side-menu__item--active {
  font-weight: 800;
}

.side-menu__item:hover:after,
.side-menu__item--active:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background: #374957;
  border-radius: 20px;
}

@media (max-width: 768px) {
  .side-menu {
    width: auto !important;
    background: none;
    padding: 0;
  }

  .side-menu__list {
    flex-direction: row;
    border-bottom: 1px solid #E5E8EE;
  }

  .side-menu__item {
    height: 50px;
    padding: 0;
    flex: 1;
    justify-content: center;
    margin-bottom: 0;
  }

  .side-menu__item:hover:after,
  .side-menu__item--active:after {
    top: unset;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1px;
    height: 2px;
    width: 32px;
    border-radius: 0;
  }
}

.steps {
  width: 612px;
  display: flex;
  justify-content: space-between;
  background: #4AD295;
  height: 2px;
}

.steps__step {
  text-align: center;
  margin-top: -12px;
  position: relative;
}

.steps__step--done .steps__icon {
  background: #4AD295;
}

.steps__step--done .steps__icon .material-icons {
  color: #FFF;
}

.steps__icon {
  width: 24px;
  height: 24px;
  border: 2px solid #4AD295;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #FFF;
}

.steps__icon .material-icons {
  color: #4AD295;
  font-size: 18px;
}

.steps__label {
  margin-top: 10px;
  font-size: 12px;
  color: #374957;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.filter {
  display: flex;
}

.filter__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 19px;
  position: relative;
}

.filter__column:last-child {
  margin-right: 0;
}

.filter__mobile-icon {
  background: #ffffff;
  height: 40px;
  width: 40px;
  border: 1px solid #C9CEDA;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.filter__mobile-icon span {
  color: #99A3BA;
}

.filter__search-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.filter__search-icon span {
  color: #99A3BA;
}

.title-bar {
  height: 56px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 34px;
  border-bottom: 1px solid #E5E8EE;
  flex-shrink: 0;
}

.title-bar__title {
  font-weight: 800;
}

.title-bar__close {
  width: 24px;
  height: 24px;
  display: inline-flex;
  border: 1px solid #99A3BA;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 50%;
}

.title-bar__close .material-icons {
  color: #99A3BA;
  font-size: 16px;
}

@media (max-width: 768px) {
  .title-bar {
    width: 100%;
    z-index: 1;
    padding: 0 16px;
  }
}

.account .form {
  width: 352px;
  margin-top: 29px;
  margin-bottom: 32px;
}

.account .form-subtitle {
  font-weight: 800;
  margin-top: 42px;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .account {
    margin-bottom: 50px;
  }

  .account .form {
    width: 100%;
  }
}

.auth-option {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.auth-option .auth-option__image {
  margin-right: 32px;
  width: 352px;
  position: relative;
}

.auth-option .auth-option__image img {
  width: 100%;
}

.auth-option .auth-option__content {
  flex-grow: 0;
  width: 320px;
}

.auth-option .auth-details {
  display: flex;
  flex-direction: column;
  margin-bottom: 22px;
}

.auth-option .auth-details__title {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 20px;
}

.auth-option .auth-details__instruction {
  font-size: 14px;
  margin-bottom: 9px;
  font-weight: bold;
  line-height: 20px;
}

.auth-option .main-button {
  margin-bottom: 16px;
}

@media (max-width: 768px) {
  .auth-option {
    flex-direction: column;
    padding-bottom: 120px;
    margin-top: 18px;
  }

  .auth-option .auth-option__image {
    margin: 22px 44px 32px 44px;
    width: 121px;
    margin-left: auto;
    margin-right: auto;
  }

  .auth-option .auth-option__image img {
    width: 100%;
  }

  .auth-option__action-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    flex-direction: column;
  }

  .auth-option__action-container .button {
    margin-left: auto;
    margin-right: auto;
    width: 320px !important;
    margin-bottom: 16px;
  }

  .auth-option .auth-details__instruction {
    text-align: center;
  }
}

.cart .cart__empty {
  margin-top: 50px;
  font-size: 18px;
  color: #99A3BA;
}

.cart .cart__container {
  display: flex;
  margin-top: 26px;
}

.cart .cart__product {
  width: 736px;
}

.cart .product {
  border-top: 1px solid #E5E8EE;
  border-bottom: 1px solid #E5E8EE;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.cart .product__img {
  width: 216px;
  margin-right: 30px;
}

.cart .product__img img {
  width: 100%;
  display: flex;
}

.cart .product__title {
  font-size: 20px;
  margin-bottom: 27px;
  margin-top: 29px;
  font-weight: 800;
}

.cart .product__details {
  margin-bottom: 34px;
  font-size: 14px;
}

.cart .product__details-item {
  display: block;
  margin-bottom: 12px;
}

.cart .product__nav {
  display: flex;
}

.cart .product__nav > :first-child {
  margin-right: 16px;
}

.cart .product__edit {
  padding: 0 39px;
}

.cart .product__remove {
  height: 40px;
  width: 40px;
  border: 1px solid #99A3BA;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 0;
  text-decoration: none;
}

.cart .product__remove .material-icons {
  font-size: 20px;
  color: #99A3BA;
}

.cart .cart__overview {
  background: #EFF0F4;
  flex: 1;
  margin-left: 32px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 305px;
  position: relative;
}

.cart .cart__overview-title {
  border-bottom: 1px solid #FAFAFC;
  height: 74px;
  font-size: 20px;
  padding-left: 32px;
  padding-top: 34px;
  width: 100%;
  font-weight: 800;
}

.cart .cart__overview-body {
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}

.cart .cart__overview-details {
  width: 100%;
  margin-top: 34px;
  margin-bottom: 35px;
}

.cart .cart__overview-details-item {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 11px;
}

.cart .cart__overview-details-item:last-child {
  margin-bottom: 0;
}

.cart .cart__overview-details-value {
  font-weight: 800;
}

.cart .cart__overview .button .material-icons {
  font-size: 30px;
}

.cart .cart__overview .cart__action svg {
  margin-right: 15px;
}

.cart .cart__overview-cupom-link {
  margin-top: auto;
  font-size: 14px;
  margin-bottom: 33px;
  text-decoration: underline;
  color: #374957;
}

.cart .cart__overview .cart__payment-with {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: -100px;
  font-size: 14px;
}

.cart .cart__overview .cart__payment-with > :first-child {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .cart {
    width: 100%;
  }

  .cart .content-title {
    padding-left: 0;
  }

  .cart .cart__product {
    width: 100%;
    margin-bottom: 25px;
  }

  .cart .cart__container {
    display: flex;
    flex-direction: column;
  }

  .cart .product {
    padding: 0;
    border-bottom: none;
  }

  .cart .product__img {
    width: 64px;
    margin-right: 24px;
  }

  .cart .product__title {
    font-size: 16px;
    margin-top: 18px;
  }

  .cart .product__details {
    margin-bottom: 50px;
  }

  .cart .product__edit .material-icons,
  .cart .product__remove-mobile .material-icons {
    font-size: 20px;
  }

  .cart .product__edit {
    margin-left: -88px;
  }

  .cart .product__remove {
    margin-left: 12px;
    padding: 0 9px;
  }

  .cart .cart__overview {
    border-radius: 0;
    width: 100vw;
    margin-left: -16px;
    position: relative;
  }

  .cart .cart__overview-title {
    padding-left: 15px;
    padding-top: 18px;
    border-bottom: none;
    height: auto;
    font-size: 18px;
  }

  .cart .cart__overview-body {
    padding: 0 16px;
  }

  .cart .cart__overview-details {
    margin-top: 23px;
    margin-bottom: 18px;
  }

  .cart .cart__overview-cupom-link {
    position: absolute;
    bottom: -73px;
    left: 16px;
  }

  .cart__action-container {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: #FAFAFC;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #E5E8EE;
    margin-bottom: 0;
  }

  .cart__action {
    margin-right: 16px;
    margin-left: 16px;
  }
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 1s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.checkout {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.checkout__top {
  margin-top: 40px;
  margin-bottom: 53px;
}

.checkout__body {
  width: 864px;
  height: 468px;
  border-radius: 8px;
  background: #EFF0F4;
  margin-top: 61px;
  transition: all 0.3s ease;
  position: relative;
}

.checkout__title {
  font-size: 20px;
  text-align: center;
  font-weight: 800;
  margin-top: 35px;
}

.checkout .label {
  color: #374957;
}

.checkout .form-identification,
.checkout .form-payment-method,
.checkout .credit-card-form,
.checkout .confirmation-credit-card,
.checkout .confirmation-bank-slip {
  width: 100%;
  position: absolute;
}

.checkout .identification {
  width: 480px;
  height: 468px;
}

.checkout .form-identification {
  padding-left: 71px;
  padding-right: 71px;
}

.checkout .form-identification .checkout__title {
  margin-bottom: 28px;
}

.checkout .form-identification .button {
  margin-top: 16px;
}

.checkout .form-payment-method .checkout__title {
  margin-bottom: 130px;
}

.checkout .form-payment-method .method-options {
  display: flex;
  justify-content: center;
}

.checkout .form-payment-method .method-option {
  width: 336px;
  background: #FFF;
  height: 104px;
  border-radius: 8px;
  border: 1px solid #C9CEDA;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.checkout .form-payment-method .method-option__icon {
  margin-left: 35px;
  margin-right: 25px;
}

.checkout .form-payment-method .method-option__name {
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 8px;
}

.checkout .form-payment-method .method-option__release-time {
  font-size: 12px;
}

.checkout .form-payment-method .method-option:first-child {
  margin-right: 24px;
}

.checkout .credit-card-form .checkout__title {
  margin-bottom: 29px;
}

.checkout .credit-card-form .card-container {
  display: flex;
  justify-content: center;
}

.checkout .credit-card-form .card-preview {
  width: 352px;
  height: 201px;
  background: #99A3BA;
  border-radius: 8px;
  margin-right: 32px;
}

.checkout .credit-card-form .form {
  width: 336px;
}

.checkout .credit-card-form .form .button {
  margin-top: 16px;
}

.checkout .credit-card-form .form .button .material-icons {
  font-size: 24px;
}

.checkout .confirmation-credit-card {
  text-align: center;
}

.checkout .confirmation-credit-card .checkout__title {
  margin-bottom: 17px;
}

.checkout .confirmation-credit-card p {
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin-top: 13px;
}

.checkout .confirmation-credit-card .button {
  margin-top: 94px;
  width: 168px;
  padding: 0;
}

.checkout .confirmation-bank-slip {
  text-align: center;
}

.checkout .confirmation-bank-slip .checkout__title {
  margin-bottom: 17px;
}

.checkout .confirmation-bank-slip p {
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin-top: 13px;
}

.checkout .confirmation-bank-slip .copy-number {
  display: flex;
  width: 583px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.checkout .confirmation-bank-slip .copy-number__button {
  flex-shrink: 0;
  margin-left: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  background: #374957;
  cursor: pointer;
}

.checkout .confirmation-bank-slip .copy-number__button .material-icons {
  color: #FFF;
}

.checkout .confirmation-bank-slip .buttons {
  margin-top: 20px;
}

.checkout .confirmation-bank-slip .buttons .button {
  width: 168px;
  padding: 0;
}

.checkout .confirmation-bank-slip .buttons :first-child {
  margin-right: 20px;
}

.editor .invitation-editor__sidebar {
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  overflow: auto;
}

.editor__body-title {
  color: #FFF;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 20px;
}

.editor .invitation-editor__body {
  padding: 26px 71px 63px 71px;
  margin-bottom: 8px;
}

.editor .invitation-editor__body:nth-child(4) {
  margin-bottom: 40px !important;
}

.editor .row {
  margin-bottom: 10px !important;
}

.editor .row:last-child {
  margin-bottom: 0 !important;
}

.editor .label {
  color: #FFF;
  font-size: 12px;
  margin-bottom: 2px;
}

.editor .input {
  border: 1px solid #99A3BA;
}

.editor .textarea {
  text-align: center;
  font-size: 14px;
}

.editor__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  background: #FFF;
  margin-top: auto;
  flex-shrink: 0;
}

.editor__nav .button {
  padding: 0;
  width: 164px;
}

.editor__nav .button + .button {
  margin-left: 24px;
}

@media (max-width: 768px) {
  .editor .invitation-editor__sidebar {
    flex: 1;
  }

  .editor .invitation-editor__body {
    margin: 8px !important;
    padding: 26px 16px 16px 16px;
  }
}

.home .glider::-webkit-scrollbar {
  opacity: 0 !important;
  height: 0;
}

.home .glider {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.home .hero {
  height: 351px;
  background: #F5F6F8;
  padding-top: 43px;
}

.home .hero__wrap {
  position: relative;
  overflow: hidden;
}

.home .hero__title {
  font-weight: bolder;
  font-size: 24px;
}

.home .hero__nav {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}

.home .hero__nav-button {
  background: #FFF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  border: 1px solid #C9CEDA;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #99A3BA;
  position: static;
}

.home .hero__nav-prev {
  transform: rotate(180deg);
  margin-right: 12px;
}

.home .hero__list {
  margin-top: 43px;
  display: flex;
  justify-content: space-between;
  width: 1180px;
}

.home .hero__list-item-image {
  width: 136px;
  height: 136px;
  background: #B7BECE;
  border-radius: 50%;
  display: block;
}

.home .hero__list-item-name {
  font-weight: bolder;
  margin-top: 18px;
  display: inline-block;
  line-height: 21px;
  color: #374957;
  width: 136px;
  text-align: center;
}

.home .category-list {
  padding-top: 68px;
  padding-bottom: 53px;
}

.home .category-item {
  margin-bottom: 82px;
  position: relative;
}

.home .category-item__title {
  font-size: 24px;
  font-weight: bolder;
  margin-bottom: 19px;
  font-family: "Mulish", sans-serif;
}

.home .category-item__link {
  position: absolute;
  right: 0;
  top: 7px;
  color: #0097FF;
  font-weight: bolder;
}

.home .category-item .category-item__list {
  display: flex;
  text-align: center;
}

.home .category-item .category-item__list-item:not(:last-child) {
  margin-right: 86px;
}

.home .category-item__list-image {
  width: 216px;
  height: 314px;
  background: #B7BECE;
  display: block;
}

.home .category-item__list-image img {
  width: 100%;
  height: 100%;
}

.home .category-item__list-name {
  display: inline-block;
  font-weight: bolder;
  text-align: center;
  color: #374957;
  margin-top: 5px;
}

.home .glider-slide {
  min-width: 196px;
}

@media (max-width: 768px) {
  .home .hero {
    height: 216px;
    padding-top: 35px;
  }

  .home .hero__title {
    font-size: 18px;
  }

  .home .hero__list {
    margin-top: 26px;
  }

  .home .hero__list-item-image {
    width: 64px !important;
    height: 64px !important;
  }

  .home .hero__list-item-name {
    width: 64px;
    font-size: 12px;
    overflow: hidden;
    line-height: 16px;
    margin-top: 10px;
  }

  .home .glider::-webkit-scrollbar {
    opacity: 0 !important;
    height: 0;
  }

  .home .glider-slide {
    min-width: 80px;
  }

  .home .category-list {
    padding-top: 43px;
    padding-bottom: 13px;
  }

  .home .category-list .category-item {
    margin-bottom: 19px;
  }

  .home .category-list .category-item__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    -moz-column-gap: 24px;
         column-gap: 24px;
  }

  .home .category-list .category-item__list-item {
    margin-bottom: 26px;
  }

  .home .category-list .category-item__title {
    font-size: 18px;
    margin-bottom: 26px;
    line-height: 22px;
    max-width: 75%;
  }

  .home .category-list .category-item__link {
    top: 5px;
    font-size: 12px;
  }

  .home .category-list .category-item__list-item {
    margin-right: 0 !important;
  }

  .home .category-list .category-item__list-image {
    width: 100%;
    height: auto;
  }

  .home .category-list .category-item__list-image img {
    width: 100%;
  }

  .home .category-list .category-item__list-name {
    font-size: 14px;
    margin-top: 10px;
    line-height: 17px;
  }
}

.order-view {
  display: flex;
}

.order-view .order-view__image {
  margin-right: 32px;
  width: 352px;
  position: relative;
}

.order-view .order-view__image img {
  width: 100%;
}

.order-view .order-view__image .invitation-preview-konva {
  transform-origin: 0 0;
  transform: scale(0.5955);
  pointer-events: none;
}

.order-view .mobile-nav {
  position: absolute;
  display: flex;
  flex-direction: column;
  float: left;
  right: -50px;
  top: 0;
}

.order-view .mobile-nav__item {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #C9CEDA;
  background: #FFFFFF;
  margin-bottom: 16px;
}

.order-view .mobile-nav__item :first-child {
  font-size: 22px;
  color: #374957;
}

.order-view .mobile-nav__item--dark {
  background: #374957;
}

.order-view .mobile-nav__item--dark :first-child {
  color: #FFFFFF;
}

.order-view .order-view__content {
  flex-grow: 0;
  width: 334px;
}

.order-view .order-details {
  display: flex;
  flex-direction: column;
  margin-bottom: 22px;
}

.order-view .order-details__title {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 20px;
}

.order-view .order-details__item {
  font-size: 14px;
  margin-bottom: 12px;
}

.order-view .main-button {
  margin-bottom: 16px;
}

.order-view .main-button svg {
  margin-right: 17px;
}

.order-view .edit-button {
  width: 148px;
}

.order-view .order-details__buttons {
  display: flex;
  margin-top: 16px;
}

.order-view .order-details__buttons .button {
  padding: 0;
  width: 148px;
}

.order-view .order-details__buttons .button + .button {
  margin-left: 24px;
}

.order-view .order-details__buttons svg {
  margin-right: 20px;
}

.order-view .payment-instruction {
  margin-top: 33px;
  padding: 28px;
  background: #FEF5D0;
  border-radius: 8px;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

.order-view .payment-instruction__link {
  color: #0097FF;
}

.order-view .instructions {
  margin-top: 44px;
}

.order-view .instructions__title {
  font-weight: 800;
  margin-bottom: 20px;
}

.order-view .instructions__body {
  font-size: 14px;
  line-height: 21px;
}

@media (max-width: 768px) {
  .order-view {
    flex-direction: column;
    padding-bottom: 120px;
  }

  .order-view .order-view__image {
    margin: 22px 44px 32px 44px;
    height: 362px;
    width: auto;
  }

  .order-view .order-view__image img {
    width: 100%;
  }

  .order-view .order-view__image .invitation-preview-konva {
    transform-origin: 0 0;
    transform: scale(0.4);
  }

  .order-view__action-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 146px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #E5E8EE;
    margin-bottom: 0;
  }

  .order-view__action-container .button {
    margin-right: 16px;
    margin-left: 16px;
    width: 320px !important;
  }

  .order-view__action-container .edit-button {
    height: 48px;
  }

  .order-view .order-view__action-container--paid {
    height: 80px;
  }

  .order-view .order-view__action-container--paid .button {
    margin-bottom: 0 !important;
  }

  .order-view .advantages {
    margin-top: 23px;
  }

  .order-view .order-details__buttons {
    justify-content: center;
    margin-top: 32px;
  }

  .order-view .instructions {
    margin-top: 0;
  }

  .order-view .payment-instruction {
    margin-bottom: 58px;
  }
}

.orders .orders-list {
  margin-top: 28px;
  display: grid;
  grid-column-gap: 92px;
  grid-row-gap: 50px;
  grid-template-columns: 214px 214px 214px;
}

.orders .order-card {
  text-align: center;
}

.orders .order-card__image-container {
  position: relative;
}

.orders .order-card__image-container img {
  width: 100%;
  display: block;
}

.orders .order-card .context-menu {
  z-index: 1;
  pointer-events: none;
  opacity: 0;
}

.orders .order-card__overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(55, 73, 87, 0.6);
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
}

.orders .order-card__options {
  background: #FFF;
  width: 32px;
  height: 32px;
  border: 1px solid #C9CEDA;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  cursor: pointer;
  right: 8px;
  top: 8px;
  position: absolute;
}

.orders .order-card__options .material-icons {
  color: #374957;
  font-size: 30px;
}

.orders .order-card:hover .context-menu {
  opacity: 1;
  pointer-events: all;
}

.orders .order-card:hover .order-card__overlay {
  opacity: 1;
}

.orders .order-card__status {
  margin-top: 2px;
  margin-bottom: 10px;
  height: 24px;
  background: #EFF0F4;
  border-radius: 50px;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}

.orders .order-card__status span {
  color: #99A3BA;
}

.orders .order-card__status .material-icons {
  display: none;
}

.orders .order-card__status--active {
  background: #4AD295;
}

.orders .order-card__status--active span {
  color: #FFF !important;
}

.orders .order-card__status--active .material-icons {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
}

.orders .order-card__number {
  font-weight: 800;
}

@media (max-width: 768px) {
  .orders .orders-list {
    grid-template-columns: 152px 152px;
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 24px;
  }

  .orders .order-card__status {
    font-size: 9px;
  }

  .orders .order-card__number {
    font-size: 14px;
  }

  .orders .order-card__overlay {
    opacity: 1;
    background: none;
  }

  .orders .context-menu .context-menu__body {
    right: -28px;
    z-index: 1;
  }
}

.overview-page {
  padding-bottom: 100px;
}

.overview-page .preview-mobile {
  background: #374957;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
}

.overview-page .preview-mobile__body {
  padding: 16px;
  width: 100%;
  height: 530px;
}

.overview-page .preview-mobile__action {
  height: 80px;
  width: 100%;
  background: #FFFFFF;
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}

.overview-page .invitation-overview {
  display: flex;
  width: 736px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 34px;
}

.overview-page .invitation-overview__example {
  width: 352px;
  height: 526px;
  flex-shrink: 0;
  position: relative;
}

.overview-page .invitation-overview__example .invitation-overview__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-115%);
}

.overview-page .invitation-overview__infos {
  margin-left: 32px;
}

.overview-page .invitation-overview__title {
  font-size: 24px;
  margin-bottom: 22px;
  font-weight: bolder;
}

.overview-page .invitation-overview__description {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 34px;
}

.overview-page .invitation-overview__price-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 50px;
}

.overview-page .invitation-overview__price {
  font-weight: 800;
  font-size: 20px;
  position: relative;
}

.overview-page .invitation-overview__old-price {
  font-weight: normal;
  color: #F4655C;
  text-decoration: line-through;
  font-size: 14px;
  position: absolute;
  left: 0;
  bottom: -26px;
}

.overview-page .invitation-overview__pix {
  display: flex;
  align-items: center;
}

.overview-page .invitation-overview__pix svg {
  margin-right: 5px;
}

.overview-page .invitation-overview__action-container {
  margin-bottom: 42px;
  z-index: 10;
}

.overview-page .invitation-overview__action-container .button .icon-button {
  margin-right: 10px;
}

.overview-page .related {
  margin-top: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #E5E8EE;
  margin-bottom: 40px;
}

.overview-page .related__title {
  font-size: 24px;
  font-weight: bolder;
  margin-bottom: 20px;
}

.overview-page .related__list {
  display: flex;
  gap: 87px;
}

.overview-page .related__item {
  text-align: center;
}

.overview-page .related__name {
  display: inline-block;
  margin-top: 14px;
  font-weight: bold;
  font-size: 16px;
  color: #374957;
  width: 100%;
}

.overview-page .how-it-works {
  margin-top: 84px;
  display: flex;
  padding-bottom: 80px;
  border-bottom: 1px solid #E5E8EE;
  margin-bottom: 40px;
}

.overview-page .how-it-works__card {
  flex: 1;
}

.overview-page .how-it-works__card:first-child {
  margin-right: 32px;
}

.overview-page .how-it-works__card-title {
  font-size: 24px;
  font-weight: bolder;
  margin-bottom: 20px;
}

.overview-page .how-it-works__card-body {
  line-height: 26px;
  font-size: 18px;
}

.overview-page .ratings {
  margin-top: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #E5E8EE;
  margin-bottom: 40px;
}

.overview-page .ratings__title {
  font-size: 24px;
  font-weight: bolder;
  margin-bottom: 20px;
}

.overview-page .ratings__list {
  display: flex;
  gap: 32px;
}

.overview-page .rating {
  align-items: center;
  text-align: center;
  width: 256px;
  height: 324px;
  background: #FFF;
  border: 1px solid #E5E8EE;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding-top: 24px;
}

.overview-page .rating__text {
  margin-top: 16px;
  width: 184px;
  font-size: 16px;
  line-height: 20px;
}

.overview-page .rating__name {
  display: inline-block;
  margin-top: auto;
  margin-bottom: 32px;
  font-weight: bold;
  font-size: 16px;
  color: #374957;
  width: 100%;
}

@media (max-width: 768px) {
  .overview-page {
    padding-bottom: 120px;
  }

  .overview-page .invitation-overview {
    flex-direction: column;
    align-items: center;
    width: auto;
  }

  .overview-page .invitation-overview__title {
    display: flex;
    align-items: center;
    font-size: 18px;
    align-self: flex-start;
  }

  .overview-page .invitation-overview__title-back {
    color: #99A3BA;
    margin-right: 17px;
    font-weight: 100;
    font-size: 30px;
  }

  .overview-page .invitation-overview__example {
    width: 66.66%;
    height: auto;
    flex-shrink: 0;
    position: relative;
  }

  .overview-page .invitation-overview__example img {
    width: 100%;
    height: 100%;
  }

  .overview-page .invitation-overview__example .invitation-overview__arrow {
    position: absolute;
    top: 50%;
    transform: scale(0.7) translateY(-50%) translateX(-115%);
  }

  .overview-page .invitation-overview__zoom {
    position: absolute;
    right: -50px;
    top: 0;
    background: #374957;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .overview-page .invitation-overview__zoom :first-child {
    color: #FFF;
  }

  .overview-page .invitation-overview__infos {
    margin-left: 0;
    margin-top: 29px;
  }

  .overview-page .invitation-overview__action-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #FAFAFC;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #E5E8EE;
    margin-bottom: 0;
  }

  .overview-page .invitation-overview__action {
    margin-right: 16px;
    margin-left: 16px;
  }

  .overview-page .related__title {
    font-size: 24px;
  }

  .overview-page .related__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
  }

  .overview-page .related__item {
    width: 45%;
  }

  .overview-page .related__img img {
    width: 100%;
  }

  .overview-page .related__name {
    font-size: 14px;
    margin-top: 5px;
  }

  .overview-page .how-it-works {
    flex-direction: column;
  }

  .overview-page .how-it-works__card:first-child {
    margin-bottom: 50px;
  }

  .overview-page .ratings {
    width: 100%;
  }

  .overview-page .ratings__title {
    text-align: center;
  }

  .overview-page .ratings__list {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .overview-page .rating {
    align-items: center;
    text-align: center;
    width: 256px;
    height: 324px;
    background: #FFF;
    border: 1px solid #E5E8EE;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    padding-top: 24px;
  }

  .overview-page .rating__text {
    margin-top: 16px;
    width: 184px;
    font-size: 16px;
    line-height: 20px;
  }

  .overview-page .rating__name {
    display: inline-block;
    margin-top: auto;
    margin-bottom: 32px;
    font-weight: bold;
    font-size: 16px;
    color: #374957;
    width: 100%;
  }
}

.register-verify {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.register-verify__title {
  margin-top: 37px;
  font-size: 30px;
  margin-bottom: 19px;
  font-weight: 800;
}

.register-verify__instructions {
  margin-bottom: 38px;
  font-size: 19px;
  line-height: 27px;
}

.register-verify__instructions strong {
  font-weight: 800;
}

.register-verify__form {
  width: 316px;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(8, auto);
  margin-bottom: 40px;
}

.register-verify__input {
  width: 46px;
  height: 64px;
  border: 1px solid #C9CEDA;
  border-radius: 8px;
  text-align: center;
  font-size: 22px;
}

.register-verify__send-button {
  width: 316px;
  margin-bottom: 18px;
}

.register-verify__resend-code {
  font-size: 14px;
  color: #374957;
  text-decoration: underline;
}

.terminate-account__text {
  margin-top: 29px;
  font-size: 14px;
  line-height: 21px;
  max-width: 448px;
  margin-bottom: 30px;
}

.terminate-account .button {
  padding: 0 24px;
}

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

.theme .filter {
  margin-top: 34px;
}

.theme__subtitle {
  margin-top: 50px;
  color: #99A3BA;
  font-weight: 800;
  text-transform: uppercase;
}

.theme .invitation-list {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 216px 216px 216px 216px;
  -moz-column-gap: 86px;
       column-gap: 86px;
  row-gap: 40px;
  margin-bottom: 100px;
}

.theme .invitation-list__img {
  position: relative;
  transition: all 0.3s ease;
  display: block;
}

.theme .invitation-list__img img {
  width: 100%;
}

.theme .invitation-list__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(55, 73, 87, 0.6);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 32px;
  opacity: 0;
  transition: all 0.3s ease;
}

.theme .invitation-list .button {
  transform: scale(0.8);
}

.theme .invitation-list__name {
  margin-top: 7px;
  text-align: center;
  transition: all 0.3s ease;
}

.theme .invitation-list__item:hover .invitation-list__img {
  transform: scale(1.1);
}

.theme .invitation-list__item:hover .invitation-list__overlay {
  opacity: 1;
}

.theme .invitation-list__item:hover .invitation-list__name {
  transform: translateY(19px);
}

.theme .theme__faq {
  font-size: 18px;
  line-height: 23px;
}

.theme .theme__faq .theme__faq-topic {
  font-weight: bold;
}

.theme .related-search {
  margin-top: 49px;
  margin-bottom: 100px;
}

.theme .related-search__link {
  display: inline-block;
}

@media (max-width: 768px) {
  .theme__description {
    line-height: 18px;
    margin-top: 10px;
    font-size: 12px;
  }

  .theme .filter {
    margin-top: 14px;
  }

  .theme__subtitle {
    font-size: 12px;
    margin-top: 42px !important;
  }

  .theme .invitation-list {
    margin-top: 25px;
    grid-template-columns: 152px 152px;
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 24px;
    margin-bottom: 50px;
  }
}

.themes__description {
  margin-top: 10px;
  font-size: 16px;
}

.themes .filter {
  margin-top: 34px;
}

.themes .invitations-available {
  color: #99A3BA;
  font-weight: bolder;
  margin-top: 50px;
}

.themes .themes__subtitle {
  margin-top: 50px;
  color: #99A3BA;
  font-weight: 800;
  text-transform: uppercase;
}

.themes .themes-list {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 86px;
  grid-row-gap: 48px;
  margin-top: 50px;
  margin-bottom: 240px;
}

.themes .themes-list__item {
  background: #FFF;
  border: 1px solid #E5E8EE;
  height: 324px;
  display: flex;
}

.themes .themes-list__item-cover {
  height: 100%;
  width: 216px;
  margin-right: 16px;
  flex-shrink: 0;
}

.themes .themes-list__item-cover img {
  height: 100%;
  width: 100%;
}

.themes .themes-list__item-info {
  padding-left: 32px;
  display: flex;
  flex-direction: column;
}

.themes .themes-list__item-name {
  font-size: 20px;
  color: #374957;
  font-weight: bolder;
  line-height: 28px;
  margin-top: 26px;
}

.themes .themes-list__item-button {
  margin-top: auto;
  margin-bottom: 18px;
}

.themes .themes-list__item-details {
  margin-bottom: 33px;
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .themes {
    min-height: auto;
  }

  .themes__description {
    line-height: 18px;
    margin-top: 10px;
    font-size: 12px;
  }

  .themes .filter {
    margin-top: 14px;
  }

  .themes__subtitle {
    font-size: 12px;
    margin-top: 42px !important;
  }

  .themes .themes-list {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
  }

  .themes .themes-list__item {
    height: 228px;
    width: 100%;
  }

  .themes .themes-list__item-cover {
    width: 152px;
  }

  .themes .themes-list__item-info {
    padding-left: 0;
  }

  .themes .themes-list__item-name {
    font-size: 16px;
  }

  .themes .themes-list__item-button {
    padding: 0;
  }
}

.wizard-page .preview-mobile {
  background: #374957;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
}

.wizard-page .preview-mobile__body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 16px;
}

.wizard-page .preview-mobile__back {
  height: 57px;
  width: 100%;
  background: #0097FF;
  color: #FFF;
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wizard-page .preview-mobile__back :first-child {
  margin-right: 7px;
}

.wizard-page .wizard .invitation-editor__body {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 50px;
  min-height: 459px;
}

.wizard-page .wizard__dots {
  display: flex;
  margin-bottom: 24px;
  position: absolute;
  top: 119px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.wizard-page .wizard__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FFF;
  margin: 0 4px;
  opacity: 0.25;
  transition: all 0.2s ease;
}

.wizard-page .wizard__dot--active {
  opacity: 1;
}

.wizard-page .wizard__nav {
  margin-top: auto;
  display: flex;
  padding: 24px;
  justify-content: space-between;
  width: 100%;
}

.wizard-page .wizard__question-container {
  margin-right: 72px;
  margin-left: 72px;
}

.wizard-page .wizard__button-prev,
.wizard-page .wizard__button-next {
  height: 48px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.wizard-page .wizard__button-prev {
  width: 48px;
  border-radius: 50%;
  color: #99A3BA;
  background: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.wizard-page .wizard__button-prev .material-icons {
  margin-left: 8px;
}

.wizard-page .wizard__button-next {
  width: 143px;
  border-radius: 100px;
  background: #374957;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  color: #FFF;
  padding-left: 24px;
  padding-right: 10px;
  margin-left: auto;
}

.wizard-page .wizard__button-next span {
  color: #FFF;
}

.wizard-page .show-preview {
  background: #0097FF;
  color: #FFF;
  width: 100%;
  display: flex;
  height: 48px;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
}

.wizard-page .show-preview :first-child {
  margin-right: 16px;
}

.wizard-page .wizard--overview {
  background: #FFF;
}

.wizard-page .wizard--overview .wizard__dot {
  background: #99A3BA;
}

.wizard-page .wizard--overview .wizard__body {
  display: none;
}

.wizard-page .overview {
  padding: 90px 74px 0 74px;
  text-align: center;
}

.wizard-page .overview__title {
  color: #374957;
  font-size: 26px;
  margin-bottom: 17px;
  font-weight: bolder;
}

.wizard-page .overview__thumbnail {
  width: 121px;
  height: 181px;
  border: 1px solid #FFF;
}

.wizard-page .overview .button {
  width: 320px;
}

.wizard-page .overview__description,
.wizard-page .overview__secondary-text {
  width: 352px;
  font-size: 14px;
  line-height: 21px;
  margin-left: auto;
  margin-right: auto;
}

.wizard-page .overview__description {
  margin-top: 12px;
  margin-bottom: 33px;
}

.wizard-page .overview__secondary-text {
  margin-top: 50px;
  margin-bottom: 22px;
}

.wizard-page .overview .overview__buy-button {
  margin-bottom: 16px;
}

.wizard-page .question {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 356px;
}

.wizard-page .question__title {
  font-weight: 600;
  color: #FFF;
  font-size: 24px;
  text-align: center;
  line-height: 29px;
}

.wizard-page .question__label {
  color: #FFF;
  font-size: 14px;
  margin-bottom: 7px;
}

.wizard-page .question__input,
.wizard-page .question__textarea {
  width: 100%;
  text-align: center;
  border-radius: 8px;
  border: none;
  font-size: 16px;
  outline: none;
}

.wizard-page .question__input {
  height: 48px;
}

.wizard-page .question__textarea {
  height: 65px;
  padding: 5px 20px;
  font-size: 14px;
  color: #2F3545;
  resize: none;
}

.wizard-page .question__info {
  color: #FFF;
  font-size: 14px;
  text-align: center;
  margin-top: 27px;
  line-height: 21px;
}

.wizard-page .question__link {
  color: #FFF;
}

.wizard-page .question-name .question__title,
.wizard-page .question--venue-name .question__title {
  margin-bottom: 107px;
}

.wizard-page .question-gender .question__title,
.wizard-page .question--know-zipcode .question__title {
  margin-bottom: 128px;
}

.wizard-page .question-age .question__title,
.wizard-page .question--zipcode .question__title {
  margin-bottom: 38px;
}

.wizard-page .question-date .question__title {
  margin-bottom: 78px;
}

.wizard-page .question--venue-name-select .question__title {
  margin-bottom: 49px;
}

.wizard-page .question--venue-name-select .venue-name-select__item {
  background: #FFF;
  width: 100%;
  margin-bottom: 23px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  border: 1px solid #99A3BA;
  cursor: pointer;
}

.wizard-page .question--venue-name-select .venue-name-select__item svg {
  margin-left: 20px;
  margin-right: 20px;
}

.wizard-page .question--address .question__title {
  margin-bottom: 37px;
}

.wizard-page .question--address .row {
  width: 100%;
  margin-bottom: 26px;
  display: flex;
}

.wizard-page .question--address .row:last-child {
  margin-bottom: 0;
}

.wizard-page .question--address .question__input {
  height: 38px;
}

.wizard-page .question--address .question__input::-moz-placeholder {
  color: #B7BECE;
  font-size: 16px;
}

.wizard-page .question--address .question__input:-ms-input-placeholder {
  color: #B7BECE;
  font-size: 16px;
}

.wizard-page .question--address .question__input::placeholder {
  color: #B7BECE;
  font-size: 16px;
}

.wizard-page .question--address .row .question__input + .question__input {
  margin-left: 24px;
}

@media (max-width: 768px) {
  .wizard-page .wizard {
    flex: 1;
  }

  .wizard-page .wizard .invitation-editor__top {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .wizard-page .wizard .invitation-editor__body {
    margin: 0;
    border-radius: 0;
    height: 100%;
  }

  .wizard-page .wizard .wizard__question-container {
    margin: 0;
    padding: 56px 16px 0 16px;
    width: 100%;
  }

  .wizard-page .wizard .wizard__nav {
    background: #FFFFFF;
    padding: 16px;
    position: fixed;
    bottom: 48px;
  }

  .wizard-page .wizard .wizard__button-prev {
    border: 1px solid #C9CEDA;
  }

  .wizard-page .wizard .question {
    width: 100%;
  }

  .wizard-page .wizard__button-next {
    width: 168px;
    padding-left: 33px;
    padding-right: 27px;
  }
}

@media (max-height: 550px) {
  .wizard-page .wizard .wizard__question-container {
    padding-top: 27px;
  }

  .wizard-page .question__title {
    margin-bottom: 50px !important;
    font-size: 20px !important;
    line-height: 22px !important;
  }

  .wizard-page .question__info {
    margin-top: 10px;
  }
}

@media (max-width: 768px) {
  .wizard-page .wizard--overview {
    height: 100%;
  }

  .wizard-page .overview {
    padding: 83px 0 170px 0;
    background: #FFF;
  }

  .wizard-page .overview__title {
    margin-bottom: 42px;
    font-size: 22px;
  }

  .wizard-page .overview__description {
    margin-top: 37px;
  }

  .wizard-page .overview .buy-button-container {
    background: #FFFFFF;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 10px;
  }
}

.help-center {
  padding-bottom: 50px;
}

.help-center__top {
  width: 100%;
  height: 88px;
  background: #FFF;
  border-bottom: 1px solid #E5E8EE;
}

.help-center__top .wrap {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}

.help-center__top .create-ticket {
  font-size: 16px;
  font-family: Mulish, sans-serif;
  letter-spacing: 0.5px;
  padding-right: 23px;
  padding-left: 23px;
}

.help-center__top .create-ticket .material-icons {
  color: #F3705A;
}

.help-center__hero {
  height: 280px;
  background: #B7BECE;
  display: flex;
  justify-content: center;
  align-items: center;
}

.help-center__hero-title {
  font-size: 40px;
  font-weight: bold;
  font-family: Mulish, Arial, sans-serif;
  color: #FFF;
}

.help-center__title {
  font-size: 32px;
  font-weight: bold;
  font-family: Mulish, Arial, sans-serif;
  color: #374957;
  text-align: center;
  margin-top: 52px;
  margin-bottom: 36px;
}

@media (max-width: 768px) {
  .help-center__top {
    height: 57px;
  }

  .help-center .logo {
    margin-left: 0;
  }

  .help-center__hero-title {
    font-size: 32px;
  }

  .help-center__title {
    margin-top: 42px;
    margin-bottom: 34px;
    font-size: 20px;
  }
}

.register__body {
  padding-left: 31px;
  padding-right: 31px;
}

.register__title {
  text-align: center;
  font-size: 24px;
  margin-top: 33px;
  margin-bottom: 34px;
  font-weight: bolder;
}

.register .gmail-button {
  border-radius: 8px;
  font-size: 16px;
}

.register .gmail-button span {
  color: #0097FF !important;
}

.register .or {
  height: 1px;
  background: #E5E8EE;
  position: relative;
  width: 100%;
  margin-top: 33px;
  margin-bottom: 32px;
}

.register .or::after {
  content: "ou";
  position: absolute;
  left: 50%;
  top: -8px;
  transform: translateX(-50%);
  font-size: 14px;
  background: #FFF;
  color: #E5E8EE;
  width: 48px;
  text-align: center;
}

.register .warning {
  margin-bottom: 35px;
}

.register .form {
  width: 100%;
}

.register .submit {
  margin-top: 32px;
  margin-bottom: 15px;
}

.register__legal-info {
  text-align: center;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 16px;
}

.register .legal-link {
  color: #374957;
}

.register__bottom {
  margin-top: 30px;
  background: #FAFAFC;
  border-top: 1px solid #E5E8EE;
  min-height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 14px;
}

.register__bottom span {
  margin-bottom: 7px;
}

@media (max-width: 768px) {
  .register {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
  }

  .register__title {
    font-size: 20px;
  }

  .register__body {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 34px;
  }

  .register__bottom {
    margin-top: auto;
    border-top: none;
  }
}

.download-invitation {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 31px;
}

.download-invitation__title {
  font-size: 24px;
  font-weight: 800;
  margin-top: 34px;
  margin-bottom: 34px;
}

.download-invitation__version {
  display: flex;
  height: 80px;
  border-radius: 8px;
  border: 1px solid #C9CEDA;
  margin: 0 0 8px 0;
  align-items: center;
  width: 100%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.download-invitation__version * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #374957;
}

.download-invitation__version:hover {
  background: #F6F7F9;
}

.download-invitation__version:last-child {
  margin-bottom: 31px;
}

.download-invitation__version-icon {
  margin-left: 37px;
  margin-right: 27px;
}

.download-invitation__version-title {
  font-weight: 800;
  margin-bottom: 8px;
}

.download-invitation__version-description {
  font-size: 12px;
}

@media (max-width: 768px) {
  .download-invitation__version {
    margin-bottom: 24px;
  }
}

.account-success-updated {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 31px;
}

.account-success-updated__title {
  font-size: 24px;
  font-weight: 800;
  margin-top: 34px;
  margin-bottom: 34px;
}

.free-download {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.free-download .icon-container {
  width: 100%;
  background: #FEF5D0;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
}

.free-download .icon-container__image {
  height: 64px;
  width: 64px;
  background: #FCDD63;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: -32px;
}

.free-download .icon-container__image .material-icons {
  color: #FFF;
  font-size: 30px;
}

.free-download__title {
  margin-top: 59px;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 800;
}

.free-download__description {
  margin-left: 48px;
  margin-right: 48px;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
}

.free-download__buttons {
  width: 350px;
  margin-top: 55px;
}

.free-download__buttons > :first-child {
  margin-bottom: 16px;
}

@media (max-width: 768px) {
  .free-download .icon-container {
    height: 184px;
  }

  .free-download .icon-container__back-button {
    position: absolute;
    left: 16px;
    top: 20px;
    color: #99A3BA;
  }

  .free-download__buttons {
    width: 100%;
    padding: 0 16px;
  }
}

.unexpected-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 31px;
}

.unexpected-error__title {
  font-size: 24px;
  font-weight: 800;
  margin-top: 34px;
  margin-bottom: 34px;
}

.terminate-account-modal .delete-modal__description {
  margin-bottom: 150px;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
}

.terminate-account-modal .delete-modal__top {
  background: #FCD4CD;
}

.terminate-account-modal .delete-modal__icon {
  background: #F3705A;
}

@media (max-width: 768px) {
  .terminate-account-modal .row-buttons {
    flex-direction: column !important;
  }

  .terminate-account-modal .column {
    margin-left: 0 !important;
    margin-bottom: 20px;
  }
}

.help-message__body {
  padding-left: 31px;
  padding-right: 31px;
}

.help-message__title {
  text-align: center;
  font-size: 24px;
  margin-top: 33px;
  margin-bottom: 34px;
  font-weight: bolder;
}

.help-message .warning {
  margin-bottom: 35px;
}

.help-message .form {
  width: 100%;
}

.help-message .form textarea {
  height: 200px;
}

.help-message__buttons {
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
  justify-content: space-between;
}

.help-message__buttons > :first-child {
  margin-right: 24px;
}

.help-message__buttons .wow.button.icon .button__label :first-child {
  margin-right: 15px;
}

@media (max-width: 768px) {
  .help-message {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
  }

  .help-message__title {
    font-size: 20px;
  }

  .help-message__body {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 34px;
  }
}

.pix__title {
  height: 93px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
}

.pix__invitation-preview-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.pix__invitation-preview-container .pix__confetti {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pix__invitation-preview-container .pix__invitation-preview {
  width: 121px;
  height: 181.5px;
}

.pix__qrcode-container {
  height: 288px;
  background: #EFF0F4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pix__copy-instruction {
  margin: 32px 54px 16px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
}

.pix__code-container {
  margin-left: 31px;
  margin-right: 31px;
  margin-bottom: 32px;
  height: 48px;
  background: #EFF0F4;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 0 24px;
  position: relative;
  overflow: hidden;
}

.pix__code-copied {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #4AD295;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
}

.pix__code-copied svg {
  margin-right: 16px;
}

.pix__code {
  font-weight: 600;
  background: transparent;
  font-size: 16px;
  border: none;
  outline: none;
  width: 100%;
  display: block;
  font-family: "Mulish", sans-serif;
}

.pix__copy-button {
  margin-left: 31px;
  margin-right: 31px;
  margin-bottom: 32px;
  width: auto !important;
  display: flex !important;
}

@media (max-width: 768px) {
  .pix {
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
  }

  .pix .pix__copy-instruction {
    margin-bottom: 40px;
  }
}