@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Oswald:wght@200;300;400;500;600;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

:root {
  --blue: #2929CE;
  --purple: #9999FF;
  --lightPurple: #C3C3FC;
  --green: #04E047;
  --darkGreen: #00ca53;
  --black: #000000;
  --darkGray: #707070;
  --gray: #DBDBDB;
  --gray50: #DBDBDB50;
  --pearlWhite: #F7F7F7;
  --coconutWhite: #FAFAFA;
  --trueWhite: #FFFFFF;
  --transparent: #FFFFFF00;
}

@font-face {
  font-family: "Poppins";
  src: url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap") format("truetype");
  font-weight: normal;
  font-style: normal;
}
span, h1, h2, h3, h4, h5, h6, p, a, div, section {
  font-family: "Poppins";
}

html {
  font-family: "Poppins", sans-serif;
  color: #000000;
  background-color: initial;
  font-weight: 400;
  line-height: 1.4;
  font-size: 13.3333333333px;
}
@media (min-width: 767px) {
  html {
    font-size: 14.3333333333px;
  }
}
@media (min-width: 1900px) {
  html {
    font-size: 15.3333333333px;
  }
}

/* ======================== */
/* ======= HEADINGS ======= */
/* ======================== */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
}
h1.light, h1.small, .h1.light, .h1.small, h2.light, h2.small, .h2.light, .h2.small, h3.light, h3.small, .h3.light, .h3.small, h4.light, h4.small, .h4.light, .h4.small, h5.light, h5.small, .h5.light, .h5.small, h6.light, h6.small, .h6.light, .h6.small {
  font-weight: 400;
}

p {
  margin: 0 0 10px 0;
}

/* ==================== */
/* ======= TEXT ======= */
/* ==================== */
.textleft {
  text-align: left;
}

.textcenter {
  text-align: center;
}

.textright {
  text-align: right;
}

.strong, strong {
  font-weight: 700;
}

small, .small {
  font-size: 0.8rem;
}

.uppercase {
  text-transform: uppercase;
}

/* ================================== */
/* ======= MARGINS / PADDINGS ======= */
/* ================================== */
.marginnone {
  margin: 0 !important;
}

.marginhorizontalnone {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.marginverticalnone {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.margintopnone {
  margin-top: 0 !important;
}

.marginrightnone {
  margin-right: 0 !important;
}

.marginbottomnone {
  margin-bottom: 0 !important;
}

.marginleftnone {
  margin-left: 0 !important;
}

.paddingnone {
  padding: 0 !important;
}

.paddinghorizontalnone {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.paddingverticalnone {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.paddingtopnone {
  padding-top: 0 !important;
}

.paddingrightnone {
  padding-right: 0 !important;
}

.paddingbottomnone {
  padding-bottom: 0 !important;
}

.paddingleftnone {
  padding-left: 0 !important;
}

.marginfull {
  margin: 20px !important;
}

.marginhorizontalfull {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.marginverticalfull {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.margintopfull {
  margin-top: 20px !important;
}

.marginrightfull {
  margin-right: 20px !important;
}

.marginbottomfull {
  margin-bottom: 20px !important;
}

.marginleftfull {
  margin-left: 20px !important;
}

.paddingfull {
  padding: 20px !important;
}

.paddinghorizontalfull {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.paddingverticalfull {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.paddingtopfull {
  padding-top: 20px !important;
}

.paddingrightfull {
  padding-right: 20px !important;
}

.paddingbottomfull {
  padding-bottom: 20px !important;
}

.paddingleftfull {
  padding-left: 20px !important;
}

.margindouble {
  margin: 40px !important;
}

.marginhorizontaldouble {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.marginverticaldouble {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.margintopdouble {
  margin-top: 40px !important;
}

.marginrightdouble {
  margin-right: 40px !important;
}

.marginbottomdouble {
  margin-bottom: 40px !important;
}

.marginleftdouble {
  margin-left: 40px !important;
}

.paddingdouble {
  padding: 40px !important;
}

.paddinghorizontaldouble {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.paddingverticaldouble {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.paddingtopdouble {
  padding-top: 40px !important;
}

.paddingrightdouble {
  padding-right: 40px !important;
}

.paddingbottomdouble {
  padding-bottom: 40px !important;
}

.paddingleftdouble {
  padding-left: 40px !important;
}

.gridrow {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .gridrow {
    width: 100%;
  }
}
@media (min-width: 1150px) {
  .gridrow {
    width: 100%;
  }
}
@media (min-width: 1900px) {
  .gridrow {
    width: 100%;
  }
}
@media (min-width: 1800px) {
  .gridrow {
    width: 100%;
  }
}

.gridrow {
  display: flex;
  flex-wrap: wrap;
}
.gridrow .col {
  flex: 1;
  box-sizing: border-box;
}
.gridrow .col-1 {
  box-sizing: border-box;
  width: 8.3333333333%;
}
.gridrow .offset-1 {
  margin-left: 8.3333333333%;
}
.gridrow .col-2 {
  box-sizing: border-box;
  width: 16.6666666667%;
}
.gridrow .offset-2 {
  margin-left: 16.6666666667%;
}
.gridrow .col-3 {
  box-sizing: border-box;
  width: 25%;
}
.gridrow .offset-3 {
  margin-left: 25%;
}
.gridrow .col-4 {
  box-sizing: border-box;
  width: 33.3333333333%;
}
.gridrow .offset-4 {
  margin-left: 33.3333333333%;
}
.gridrow .col-5 {
  box-sizing: border-box;
  width: 41.6666666667%;
}
.gridrow .offset-5 {
  margin-left: 41.6666666667%;
}
.gridrow .col-6 {
  box-sizing: border-box;
  width: 50%;
}
.gridrow .offset-6 {
  margin-left: 50%;
}
.gridrow .col-7 {
  box-sizing: border-box;
  width: 58.3333333333%;
}
.gridrow .offset-7 {
  margin-left: 58.3333333333%;
}
.gridrow .col-8 {
  box-sizing: border-box;
  width: 66.6666666667%;
}
.gridrow .offset-8 {
  margin-left: 66.6666666667%;
}
.gridrow .col-9 {
  box-sizing: border-box;
  width: 75%;
}
.gridrow .offset-9 {
  margin-left: 75%;
}
.gridrow .col-10 {
  box-sizing: border-box;
  width: 83.3333333333%;
}
.gridrow .offset-10 {
  margin-left: 83.3333333333%;
}
.gridrow .col-11 {
  box-sizing: border-box;
  width: 91.6666666667%;
}
.gridrow .offset-11 {
  margin-left: 91.6666666667%;
}
.gridrow .col-12 {
  box-sizing: border-box;
  width: 100%;
}
.gridrow .offset-12 {
  margin-left: 100%;
}
@media (min-width: 767px) {
  .gridrow .col-t {
    flex: 1;
    box-sizing: border-box;
  }
  .gridrow .offset-t {
    margin-left: 0;
  }
  .gridrow .col-t-1 {
    box-sizing: border-box;
    width: 8.3333333333%;
  }
  .gridrow .offset-t-1 {
    margin-left: 8.3333333333%;
  }
  .gridrow .col-t-2 {
    box-sizing: border-box;
    width: 16.6666666667%;
  }
  .gridrow .offset-t-2 {
    margin-left: 16.6666666667%;
  }
  .gridrow .col-t-3 {
    box-sizing: border-box;
    width: 25%;
  }
  .gridrow .offset-t-3 {
    margin-left: 25%;
  }
  .gridrow .col-t-4 {
    box-sizing: border-box;
    width: 33.3333333333%;
  }
  .gridrow .offset-t-4 {
    margin-left: 33.3333333333%;
  }
  .gridrow .col-t-5 {
    box-sizing: border-box;
    width: 41.6666666667%;
  }
  .gridrow .offset-t-5 {
    margin-left: 41.6666666667%;
  }
  .gridrow .col-t-6 {
    box-sizing: border-box;
    width: 50%;
  }
  .gridrow .offset-t-6 {
    margin-left: 50%;
  }
  .gridrow .col-t-7 {
    box-sizing: border-box;
    width: 58.3333333333%;
  }
  .gridrow .offset-t-7 {
    margin-left: 58.3333333333%;
  }
  .gridrow .col-t-8 {
    box-sizing: border-box;
    width: 66.6666666667%;
  }
  .gridrow .offset-t-8 {
    margin-left: 66.6666666667%;
  }
  .gridrow .col-t-9 {
    box-sizing: border-box;
    width: 75%;
  }
  .gridrow .offset-t-9 {
    margin-left: 75%;
  }
  .gridrow .col-t-10 {
    box-sizing: border-box;
    width: 83.3333333333%;
  }
  .gridrow .offset-t-10 {
    margin-left: 83.3333333333%;
  }
  .gridrow .col-t-11 {
    box-sizing: border-box;
    width: 91.6666666667%;
  }
  .gridrow .offset-t-11 {
    margin-left: 91.6666666667%;
  }
  .gridrow .col-t-12 {
    box-sizing: border-box;
    width: 100%;
  }
  .gridrow .offset-t-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1150px) {
  .gridrow .col-l {
    flex: 1;
    box-sizing: border-box;
  }
  .gridrow .offset-l {
    margin-left: 0;
  }
  .gridrow .col-l-1 {
    box-sizing: border-box;
    width: 8.3333333333%;
  }
  .gridrow .offset-l-1 {
    margin-left: 8.3333333333%;
  }
  .gridrow .col-l-2 {
    box-sizing: border-box;
    width: 16.6666666667%;
  }
  .gridrow .offset-l-2 {
    margin-left: 16.6666666667%;
  }
  .gridrow .col-l-3 {
    box-sizing: border-box;
    width: 25%;
  }
  .gridrow .offset-l-3 {
    margin-left: 25%;
  }
  .gridrow .col-l-4 {
    box-sizing: border-box;
    width: 33.3333333333%;
  }
  .gridrow .offset-l-4 {
    margin-left: 33.3333333333%;
  }
  .gridrow .col-l-5 {
    box-sizing: border-box;
    width: 41.6666666667%;
  }
  .gridrow .offset-l-5 {
    margin-left: 41.6666666667%;
  }
  .gridrow .col-l-6 {
    box-sizing: border-box;
    width: 50%;
  }
  .gridrow .offset-l-6 {
    margin-left: 50%;
  }
  .gridrow .col-l-7 {
    box-sizing: border-box;
    width: 58.3333333333%;
  }
  .gridrow .offset-l-7 {
    margin-left: 58.3333333333%;
  }
  .gridrow .col-l-8 {
    box-sizing: border-box;
    width: 66.6666666667%;
  }
  .gridrow .offset-l-8 {
    margin-left: 66.6666666667%;
  }
  .gridrow .col-l-9 {
    box-sizing: border-box;
    width: 75%;
  }
  .gridrow .offset-l-9 {
    margin-left: 75%;
  }
  .gridrow .col-l-10 {
    box-sizing: border-box;
    width: 83.3333333333%;
  }
  .gridrow .offset-l-10 {
    margin-left: 83.3333333333%;
  }
  .gridrow .col-l-11 {
    box-sizing: border-box;
    width: 91.6666666667%;
  }
  .gridrow .offset-l-11 {
    margin-left: 91.6666666667%;
  }
  .gridrow .col-l-12 {
    box-sizing: border-box;
    width: 100%;
  }
  .gridrow .offset-l-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1900px) {
  .gridrow .col-d {
    flex: 1;
    box-sizing: border-box;
  }
  .gridrow .offset-d {
    margin-left: 0;
  }
  .gridrow .col-d-1 {
    box-sizing: border-box;
    width: 8.3333333333%;
  }
  .gridrow .offset-d-1 {
    margin-left: 8.3333333333%;
  }
  .gridrow .col-d-2 {
    box-sizing: border-box;
    width: 16.6666666667%;
  }
  .gridrow .offset-d-2 {
    margin-left: 16.6666666667%;
  }
  .gridrow .col-d-3 {
    box-sizing: border-box;
    width: 25%;
  }
  .gridrow .offset-d-3 {
    margin-left: 25%;
  }
  .gridrow .col-d-4 {
    box-sizing: border-box;
    width: 33.3333333333%;
  }
  .gridrow .offset-d-4 {
    margin-left: 33.3333333333%;
  }
  .gridrow .col-d-5 {
    box-sizing: border-box;
    width: 41.6666666667%;
  }
  .gridrow .offset-d-5 {
    margin-left: 41.6666666667%;
  }
  .gridrow .col-d-6 {
    box-sizing: border-box;
    width: 50%;
  }
  .gridrow .offset-d-6 {
    margin-left: 50%;
  }
  .gridrow .col-d-7 {
    box-sizing: border-box;
    width: 58.3333333333%;
  }
  .gridrow .offset-d-7 {
    margin-left: 58.3333333333%;
  }
  .gridrow .col-d-8 {
    box-sizing: border-box;
    width: 66.6666666667%;
  }
  .gridrow .offset-d-8 {
    margin-left: 66.6666666667%;
  }
  .gridrow .col-d-9 {
    box-sizing: border-box;
    width: 75%;
  }
  .gridrow .offset-d-9 {
    margin-left: 75%;
  }
  .gridrow .col-d-10 {
    box-sizing: border-box;
    width: 83.3333333333%;
  }
  .gridrow .offset-d-10 {
    margin-left: 83.3333333333%;
  }
  .gridrow .col-d-11 {
    box-sizing: border-box;
    width: 91.6666666667%;
  }
  .gridrow .offset-d-11 {
    margin-left: 91.6666666667%;
  }
  .gridrow .col-d-12 {
    box-sizing: border-box;
    width: 100%;
  }
  .gridrow .offset-d-12 {
    margin-left: 100%;
  }
}
.gridrow.nogutter .col, .gridrow.nogutter .col-t, .gridrow.nogutter .col-l, .gridrow.nogutter .col-d {
  padding: 0;
}
.gridrow.nogutter .col-1, .gridrow.nogutter .col-t-1, .gridrow.nogutter .col-l-1, .gridrow.nogutter .col-d-1 {
  padding: 0;
}
.gridrow.nogutter .col-2, .gridrow.nogutter .col-t-2, .gridrow.nogutter .col-l-2, .gridrow.nogutter .col-d-2 {
  padding: 0;
}
.gridrow.nogutter .col-3, .gridrow.nogutter .col-t-3, .gridrow.nogutter .col-l-3, .gridrow.nogutter .col-d-3 {
  padding: 0;
}
.gridrow.nogutter .col-4, .gridrow.nogutter .col-t-4, .gridrow.nogutter .col-l-4, .gridrow.nogutter .col-d-4 {
  padding: 0;
}
.gridrow.nogutter .col-5, .gridrow.nogutter .col-t-5, .gridrow.nogutter .col-l-5, .gridrow.nogutter .col-d-5 {
  padding: 0;
}
.gridrow.nogutter .col-6, .gridrow.nogutter .col-t-6, .gridrow.nogutter .col-l-6, .gridrow.nogutter .col-d-6 {
  padding: 0;
}
.gridrow.nogutter .col-7, .gridrow.nogutter .col-t-7, .gridrow.nogutter .col-l-7, .gridrow.nogutter .col-d-7 {
  padding: 0;
}
.gridrow.nogutter .col-8, .gridrow.nogutter .col-t-8, .gridrow.nogutter .col-l-8, .gridrow.nogutter .col-d-8 {
  padding: 0;
}
.gridrow.nogutter .col-9, .gridrow.nogutter .col-t-9, .gridrow.nogutter .col-l-9, .gridrow.nogutter .col-d-9 {
  padding: 0;
}
.gridrow.nogutter .col-10, .gridrow.nogutter .col-t-10, .gridrow.nogutter .col-l-10, .gridrow.nogutter .col-d-10 {
  padding: 0;
}
.gridrow.nogutter .col-11, .gridrow.nogutter .col-t-11, .gridrow.nogutter .col-l-11, .gridrow.nogutter .col-d-11 {
  padding: 0;
}
.gridrow.nogutter .col-12, .gridrow.nogutter .col-t-12, .gridrow.nogutter .col-l-12, .gridrow.nogutter .col-d-12 {
  padding: 0;
}

.flexCenter {
  display: flex;
  justify-content: center;
}

* {
  transition-duration: 0.3s;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
*::-webkit-scrollbar {
  display: none;
}

div.woocommerce {
  width: 100%;
  display: flex;
}

.menuAccountUl a {
  color: var(--black);
  text-decoration: none;
}

.buttonEditCard {
  text-decoration: none;
}

.logoBannerSection {
  display: none;
}

.cargoSection {
  display: none;
}

.sloganSection {
  display: none;
}

.buttonSection {
  display: none;
}

.saveContactsSection {
  display: none;
}

.productSection {
  display: none;
}

.videoSection {
  display: none;
}

.bottomBannerSection {
  display: none;
}

.transactionsAccountSection {
  display: none;
}

.myModelsSection {
  display: none;
}

.cartSection {
  display: none;
}

.supportSection {
  display: none;
}

.tutorialSection {
  display: none;
}

.creditSection {
  display: none;
}

.leftNavEditor {
  display: block;
}

.leftNavAccount {
  display: none;
}

.editAreaCard {
  display: block;
}

.editAreaAccount {
  display: none;
}
.editAreaAccount .woocommerce {
  width: 100%;
  display: block;
}
.editAreaAccount .displayNameBox span {
  display: none;
}

.displayNewCardLink {
  display: none;
}

.displayFlex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.displayFlexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.semiBold {
  font-weight: 600;
}

.gray {
  color: var(--darkGray);
}

.underline {
  text-decoration: underline;
}

.fullContainer .rightContent .paddingRight {
  padding-right: 50px;
}

.displayFlexAlignBottom {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
}

input[type=text],
input[type=email] {
  width: 80%;
  background-color: var(--gray50);
  border-radius: 15px;
  border-color: rgba(255, 255, 255, 0);
  color: var(--darkGray);
  margin-top: 10px;
  padding: 5px;
}

textarea {
  width: 80%;
  background-color: var(--gray50);
  border-radius: 15px;
  border-color: rgba(255, 255, 255, 0);
  color: var(--darkGray);
  margin-top: 10px;
  padding: 5px;
}

input[type=password] {
  width: 80%;
  background-color: var(--gray50);
  border-radius: 15px;
  border-color: rgba(255, 255, 255, 0);
  color: var(--darkGray);
  margin-top: 10px;
  padding: 5px;
}

input[type=range] {
  -webkit-appearance: none;
  height: 10px;
  background: var(--gray);
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

input[type=range]:hover {
  opacity: 1;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: var(--purple);
  cursor: pointer;
}

input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: var(--purple);
  cursor: pointer;
}

select {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 15px;
  background-color: var(--purple);
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  box-sizing: border-box;
  padding: 7px 20px 7px 10px;
  -webkit-appearance: none; /* Disable default styling on webkit browsers */
  -moz-appearance: none; /* Disable default styling on Firefox */
  appearance: none; /* Disable default styling on modern browsers */
  background-image: url(../../images/arrow-down-2.svg);
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: calc(100% - 7px) center;
}

label {
  color: var(--darkGray);
}

.newBody.fullContainer .leftNav {
  height: 100vh;
  box-sizing: border-box;
  padding: 40px;
  padding-left: 40px;
  padding-right: 40px;
  box-shadow: 9px 2px 20px rgba(0, 0, 0, 0.0509803922);
  background-color: var(--trueWhite);
}
.newBody.fullContainer .leftNav .navegationMenuLeft {
  list-style-type: none;
  padding-top: 40px;
  padding: 0;
}
.newBody.fullContainer .leftNav .navegationMenuLeft .navItemLeft {
  display: flex;
  flex-wrap: nowrap;
  padding: 10px 0;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.newBody.fullContainer .leftNav .navegationMenuLeft .navItemLeft a {
  width: 100%;
  display: flex;
  color: var(--darkGray);
  text-decoration: none;
}
.newBody.fullContainer .leftNav .navegationMenuLeft .navItemLeft.active::after {
  content: "";
  width: 5px;
  height: 60%;
  position: absolute;
  left: -20px;
  border-radius: 20px;
  background-color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .navItemLeft .imgIconsNavLeft {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.newBody.fullContainer .leftNav .navegationMenuLeft .navItemLeft .imgIconsNavLeft img {
  opacity: 0;
}
.newBody.fullContainer .leftNav .navegationMenuLeft .navItemLeft .nameNavLeft {
  color: var(--darkGray);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .fundoCartaoNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/fundo-cartao.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .fundoCartaoNavLeft:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .fundoCartaoNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/fundo-cartao.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .fundoCartaoNavLeft:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .fundoCartaoNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .logotipoNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/logotipo-banner.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .logotipoNavLeft:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .logotipoNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/logotipo-banner.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .logotipoNavLeft:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .logotipoNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .cargoNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/cargo.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .cargoNavLeft:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .cargoNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/cargo.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .cargoNavLeft:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .cargoNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .sloganNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/slogan.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .sloganNavLeft:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .sloganNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/slogan.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .sloganNavLeft:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .sloganNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .botoesNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/botoes.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .botoesNavLeft:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .botoesNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/botoes.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .botoesNavLeft:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .botoesNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .contactosNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/guardar-contactos.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .contactosNavLeft:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .contactosNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/guardar-contactos.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .contactosNavLeft:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .contactosNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .produtosNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/produtos.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .produtosNavLeft:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .produtosNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/produtos.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .produtosNavLeft:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .produtosNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .videosNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/videos.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .videosNavLeft:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .videosNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/videos.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .videosNavLeft:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .videosNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .bannerInferiorNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/logotipo-banner.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .bannerInferiorNavLeft:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .bannerInferiorNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/logotipo-banner.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .bannerInferiorNavLeft:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .bannerInferiorNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .creditosNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/creditos-downloads.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .creditosNavLeft:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .creditosNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/creditos.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .creditosNavLeft:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .creditosNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .woocommerce-MyAccount-navigation-link--edit-account .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/cargo.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .woocommerce-MyAccount-navigation-link--edit-account:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .woocommerce-MyAccount-navigation-link--edit-account.is-active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/cargo.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .woocommerce-MyAccount-navigation-link--edit-account:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .woocommerce-MyAccount-navigation-link--edit-account.is-active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .woocommerce-MyAccount-navigation-link--orders .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/logotipo-banner.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .woocommerce-MyAccount-navigation-link--orders:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .woocommerce-MyAccount-navigation-link--orders.is-active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/cargo.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .woocommerce-MyAccount-navigation-link--orders:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .woocommerce-MyAccount-navigation-link--orders.is-active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .myModelsMenuNav .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/logotipo-banner.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .myModelsMenuNav:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .myModelsMenuNav.is-active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/logotipo-banner.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .myModelsMenuNav:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .myModelsMenuNav.is-active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .cartMenuNav .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/produtos.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .cartMenuNav:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .cartMenuNav.is-active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/produtos.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .cartMenuNav:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .cartMenuNav.is-active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .supportMenuNav .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/slogan.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .supportMenuNav:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .supportMenuNav.is-active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/slogan.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .supportMenuNav:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .supportMenuNav.is-active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .supportMenuNav .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/slogan.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .supportMenuNav:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .supportMenuNav.is-active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/slogan.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .supportMenuNav:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .supportMenuNav.is-active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .tutorialMenuNav .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/videos.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .tutorialMenuNav:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .tutorialMenuNav.is-active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/videos.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .tutorialMenuNav:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .tutorialMenuNav.is-active .nameNavLeft {
  color: var(--blue);
}
.newBody.fullContainer .leftNav .navegationMenuLeft .woocommerce-MyAccount-navigation-link--customer-logout .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/creditos-downloads.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .woocommerce-MyAccount-navigation-link--customer-logout:hover .imgIconsNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .woocommerce-MyAccount-navigation-link--customer-logout.is-active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/creditos.svg");
}
.newBody.fullContainer .leftNav .navegationMenuLeft .woocommerce-MyAccount-navigation-link--customer-logout:hover .nameNavLeft, .newBody.fullContainer .leftNav .navegationMenuLeft .woocommerce-MyAccount-navigation-link--customer-logout.is-active .nameNavLeft {
  color: var(--blue);
}

body {
  overflow: hidden;
}

.newBody {
  background-color: var(--pearlWhite);
  position: relative;
  overflow: hidden;
  height: 100vh;
}

#backgroundImageMockupID {
  display: block;
  opacity: 0;
  margin-top: -40px;
  z-index: 111;
  height: 40px;
  cursor: pointer;
}

.creditValues span {
  color: var(--black);
}

.newBody.fullContainer.gridrow .rightContent {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  box-sizing: border-box;
  overflow-y: hidden;
  overflow-x: hidden;
  padding: 0 40px 0 40px;
  height: 100%;
}
.newBody.fullContainer.gridrow .rightContent .mockupArea {
  height: 100%;
  padding: 40px 0 200px 50px;
  overflow-y: scroll;
  padding-right: 30px;
}
.newBody.fullContainer.gridrow .rightContent .mockupArea .titleEditArea {
  padding: 0;
}
.newBody.fullContainer.gridrow .rightContent .mockupArea .titleEditArea h2 {
  color: var(--blue);
  font-weight: 600;
  font-size: 25px;
}
.newBody.fullContainer.gridrow .rightContent .topNav {
  height: 100px;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid var(--green);
}
.newBody.fullContainer.gridrow .rightContent .nightModeDiv {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box;
  padding-right: 40px;
  border-right: 1px solid var(--green);
}
.newBody.fullContainer.gridrow .rightContent .switchNightMode {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
  margin: 0;
  padding: 0;
  box-shadow: 2px 5px 10px var(--darkGreen);
  border-radius: 50px;
}
.newBody.fullContainer.gridrow .rightContent .switchNightMode input {
  opacity: 0;
  width: 100%;
  height: 100%;
}
.newBody.fullContainer.gridrow .rightContent .switchNightMode input:checked + .sliderNightModeTwo {
  background-color: var(--green);
}
.newBody.fullContainer.gridrow .rightContent .switchNightMode input:checked + .sliderNightModeTwo:before {
  -webkit-transform: translateX(32px);
  -ms-transform: translateX(32px);
  transform: translateX(32px);
  background-color: var(--trueWhite);
  background-image: url("../../images/moon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
}
.newBody.fullContainer.gridrow .rightContent .switchNightMode input:focus .sliderNightModeTwo {
  box-shadow: 2px 5px 10px var(--darkGreen);
}
.newBody.fullContainer.gridrow .rightContent .switchNightMode .sliderNightModeTwo {
  border-radius: 34px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0px;
  right: 0;
  bottom: 0;
  background-color: var(--coconutWhite);
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.newBody.fullContainer.gridrow .rightContent .switchNightMode .sliderNightModeTwo:before {
  content: "";
  border-radius: 50%;
  position: absolute;
  height: 21px;
  width: 21px;
  left: 4px;
  bottom: 4.5px;
  background-color: var(--darkGreen);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background-image: url("../../images/sun.svg");
  background-position: center;
  background-size: 80%;
  background-repeat: no-repeat;
}
.newBody.fullContainer.gridrow .rightContent .creditValues {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  box-sizing: border-box;
  border-right: 1px solid #04E047;
}
.newBody.fullContainer.gridrow .rightContent .creditValues .creditImg {
  margin-right: 5px;
}
.newBody.fullContainer.gridrow .rightContent .creditValues #getCredits {
  color: var(--blue);
  font-weight: 600;
  margin-left: 3px;
}

.buttonsNav {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.buttonsNav .buttonMenuTop {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 10px;
  margin-left: 10px;
  box-sizing: border-box;
  background-color: var(--coconutWhite);
  padding: 7px 15px;
  box-shadow: 2px 5px 10px rgba(41, 41, 206, 0.1803921569);
  border-radius: 50px;
  cursor: pointer;
  transition-duration: 0.3s;
}
.buttonsNav .buttonMenuTop:hover {
  background-color: var(--blue);
}
.buttonsNav .buttonMenuTop:hover .textButtonMenuTop {
  color: var(--trueWhite);
}
.buttonsNav .buttonMenuTop:hover .iconButtonMenuTop {
  background-color: var(--trueWhite);
}
.buttonsNav .buttonMenuTop:hover .iconButtonEditCard {
  background-image: url("../../images/header/hover/editar-cartao.svg");
}
.buttonsNav .buttonMenuTop:hover .iconButtonAccount {
  background-image: url("../../images/header/hover/conta.svg");
}
.buttonsNav .buttonMenuTop .iconButtonMenuTop {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: var(--purple);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
}
.buttonsNav .buttonMenuTop .iconButtonMenuTop img {
  opacity: 0;
}
.buttonsNav .buttonMenuTop .iconButtonEditCard {
  background-image: url("../../images/header/default/editar-cartao.svg");
}
.buttonsNav .buttonMenuTop .iconButtonAccount {
  background-image: url("../../images/header/default/conta.svg");
  background-color: var(--darkGreen);
}
.buttonsNav .buttonMenuTop .textButtonMenuTop {
  color: var(--darkGray);
}
.buttonsNav .buttonEditCard {
  box-shadow: 2px 5px 10px var(--purple);
}
.buttonsNav .buttonAccount {
  box-shadow: 2px 5px 10px var(--darkGreen);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2222111;
}
.buttonsNav .buttonAccount .menuAccount {
  position: absolute;
  top: 0;
  bottom: initial;
  list-style-type: none;
  background-color: var(--trueWhite);
  border-radius: 25px;
  z-index: 222;
  width: 100%;
  box-sizing: border-box;
  display: none;
  box-shadow: 2px 5px 10px var(--gray);
}
.buttonsNav .buttonAccount .menuAccount .buttonActive {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 44px;
  background-color: var(--green);
  padding: 14px;
  box-sizing: border-box;
  border-radius: 25px;
  box-shadow: 2px 5px 10px var(--darkGreen);
}
.buttonsNav .buttonAccount .menuAccount .buttonActive span {
  color: white;
}
.buttonsNav .buttonAccount .menuAccount .buttonActive .iconButtonAccount {
  background-color: var(--pearlWhite);
  background-image: url(../../images/header/hover/conta.svg);
}
.buttonsNav .buttonAccount .menuAccount .menuAccountUl {
  list-style-type: none;
  padding-left: 15px;
  z-index: 123;
}
.buttonsNav .buttonAccount .menuAccount .menuAccountUl li {
  font-size: 14px;
  padding: 4px 0;
  color: var(--black);
}
.buttonsNav .buttonAccount .menuAccount .menuAccountUl li:hover {
  color: var(--darkGreen);
}
.buttonsNav .buttonAccount:hover {
  background-color: var(--green);
}

.newBody.fullContainer.gridrow .rightContent .editArea {
  height: 100%;
  padding: 40px 0 200px 0;
  overflow-y: scroll;
  padding-right: 60px;
  overflow-x: hidden;
}
.newBody.fullContainer.gridrow .rightContent .editArea .titleEditArea {
  padding: 0;
}
.newBody.fullContainer.gridrow .rightContent .editArea .titleEditArea h1 {
  color: var(--blue);
  font-weight: 600;
  font-size: 25px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit {
  border-radius: 25px;
  box-shadow: 9px 2px 20px rgba(0, 0, 0, 0.0509803922);
  padding: 30px;
  margin-top: 50px;
  background-color: var(--trueWhite);
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .titleCardEdit {
  padding-bottom: 10px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--green);
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .titleCardEdit h2 {
  color: var(--black);
  font-size: 20px;
  font-weight: 400;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit {
  padding-top: 10px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseBackgroundTemplate {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseBackgroundTemplate .selectBackgroundTemplate {
  background-clip: content-box;
  height: 150px;
  width: 90px;
  margin-right: 10px;
  margin-top: 10px;
  border-radius: 15px;
  box-sizing: border-box;
  padding: 3px;
  cursor: pointer;
  position: relative;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseBackgroundTemplate .selectBackgroundTemplate .removeBackground {
  position: absolute;
  top: 7px;
  right: 7px;
  display: none;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseBackgroundTemplate .selectBackgroundTemplate .removeBackground:hover {
  transform: scale(1.2);
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseBackgroundTemplate .selectBackgroundTemplate:hover {
  border: 1px solid var(--darkGray);
  border-spacing: 20px;
  border-collapse: separate;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseBackgroundTemplate .active {
  border: 1px solid var(--darkGray);
  border-spacing: 20px;
  border-collapse: separate;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseBackgroundTemplate .active .removeBackground {
  display: block;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseBackgroundTemplate .backgroundTemplate01 {
  background: hsl(192, 80%, 51%);
  background: linear-gradient(90deg, hsl(192, 80%, 51%) 0%, hsl(355, 85%, 63%) 100%);
  background: -moz-linear-gradient(90deg, hsl(192, 80%, 51%) 0%, hsl(355, 85%, 63%) 100%);
  background: -webkit-linear-gradient(90deg, hsl(192, 80%, 51%) 0%, hsl(355, 85%, 63%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1dbde6", endColorstr="#f1515e", GradientType=1);
  background-clip: content-box;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .titleInsideContent {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .titleInsideContent .inputsCheckboxFirst {
  margin-top: 20px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .titleInsideContent .inputsCheckbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .titleInsideContent .inputsCheckbox label {
  font-size: 14px;
  color: var(--darkGray);
  margin-left: 5px;
  margin-top: 1px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .titleInsideContent .chooseFileImagePersonalized {
  background-color: var(--purple);
  color: var(--trueWhite);
  padding: 10px 15px;
  border-radius: 15px;
  margin-top: 10px;
  text-align: center;
  width: 70%;
  cursor: pointer;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .titleInsideContent .chooseFileImagePersonalized:hover {
  background-color: var(--blue);
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .titleInsideContent .selectFileImagePersonalized {
  display: none;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit span {
  font-size: 14px;
  color: var(--darkGray);
  width: 100%;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseColorEdit {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding-top: 10px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseColorEdit .rectangleShowColorEdit {
  width: 45px;
  height: 45px;
  border-radius: 11px;
  border: 0px solid var(--transparent);
  margin-right: 20px;
  background-color: var(--transparent);
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseColorEdit .inputSolidColor {
  display: flex;
  flex-wrap: wrap;
  margin-left: 10px;
  margin-right: 10px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseColorEdit .inputSolidColor label {
  width: 100%;
  color: var(--darkGray);
  font-size: 10px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseColorEdit .inputSolidColor input {
  width: 100%;
  background-color: var(--gray50);
  border-radius: 15px;
  border-color: var(--transparent);
  color: var(--darkGray);
  margin-top: 5px;
  padding: 5px;
}

.maskSliderimagePersonalized::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

.maskSliderimagePersonalized {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  background: var(--gray);
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  width: 30%;
  margin-top: 20px;
}

.maskSliderimagePersonalized:hover {
  opacity: 1;
}

.maskSliderimagePersonalized::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: var(--purple);
  cursor: pointer;
}

.maskSliderimagePersonalized::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: var(--purple);
  cursor: pointer;
}

.drawMockup {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}
.drawMockup .telMockup {
  height: 700px;
  width: 345px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  position: relative;
  margin: 0 auto 0 auto;
  background-position: center;
  background-repeat: no-repeat;
}
.drawMockup .telMockup .screenMockup {
  width: 270px;
  position: absolute;
  top: 40px;
  left: 38px;
  padding: 7px 8px;
  height: 560px;
  overflow-y: scroll;
  box-sizing: border-box;
  z-index: 111;
}
.drawMockup .telMockup .screenMockup .structureMockup {
  width: 100%;
  height: 100%;
  border-radius: 32px;
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 30px 20px;
  background-position: center;
  position: relative;
  z-index: 1111111;
}
.drawMockup .telMockup .screenMockup .structureMockup::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: var(--mask-opacity);
}
.drawMockup .telMockup .screenMockup .structureMockup div {
  z-index: 2;
}
.drawMockup #structureMockupID::after {
  content: "";
  /* other styles for the pseudo-element */
}
.drawMockup :root {
  --mask-opacity: 0.5;
}
.drawMockup .white-mask::after {
  background-color: #ffffff;
  opacity: var(--mask-opacity);
}
.drawMockup .black-mask::after {
  background-color: #000000;
  opacity: var(--mask-opacity);
}
.drawMockup .buttonSaveConfig {
  background-color: var(--darkGreen);
  padding: 10px 15px;
  cursor: pointer;
  border-radius: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 0;
  margin-left: 50px;
}
.drawMockup .buttonSaveConfig span {
  color: var(--trueWhite);
  font-size: 14px;
  font-weight: 400;
}
.drawMockup .buttonSaveConfig:hover {
  background-color: var(--green);
}
.drawMockup .buttonSaveConfig .iconSaveConfig {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}

.logoBanner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.logoBanner .chooseFileLogoBanner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 20px;
}
.logoBanner .chooseFileLogoBanner span {
  margin-bottom: 20px;
}
.logoBanner .chooseFileLogoBanner .sizeLogo {
  width: 100%;
}
.logoBanner .chooseFileLogoBanner:first-child {
  padding-left: 0;
}
.logoBanner .chooseFileLogoBanner:last-child {
  padding-right: 0;
}
.logoBanner .chooseFileLogoBanner .chooseFileLogoBannerLabel {
  background-color: var(--purple);
  color: var(--trueWhite);
  padding: 10px 15px;
  border-radius: 15px;
  margin-top: 10px;
  text-align: center;
  width: 100%;
  cursor: pointer;
}
.logoBanner .chooseFileLogoBanner .chooseFileLogoBannerLabel:hover {
  background-color: var(--blue);
}
.logoBanner .chooseFileLogoBanner .selectFileLogoBanner {
  display: block;
  opacity: 0;
  margin-top: -40px;
  z-index: 111;
  height: 40px;
  cursor: pointer;
}

.alignLogoDiv {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.alignLogoDiv .alignLogo {
  background-color: var(--purple);
  width: 40px;
  height: 40px;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 10px;
  margin: 5px;
  cursor: pointer;
}
.alignLogoDiv .alignLogo:hover {
  background-color: var(--blue);
}
.alignLogoDiv .alignLogo:first-child {
  margin-left: 0;
}
.alignLogoDiv .alignLogo:last-child {
  margin-right: 0;
}

.paddingLogo {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.paddingLogo .selectPaddingLogo {
  margin-top: 5px;
}
.paddingLogo .selectPaddingLogo select {
  border-radius: 15px;
  background-color: var(--purple);
  color: var(--trueWhite);
  border-color: var(--transparent);
  font-size: 12px;
  box-sizing: border-box;
  padding: 7px 15px 7px 10px;
}

.defineCargo {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.defineCargo .subTitleCard {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 20px;
  padding-top: 0;
}
.defineCargo .subTitleCard .contentInsideCargo {
  margin-top: 5px;
}
.defineCargo .subTitleCard .contentInsideCargo .rectangleShowColorCargo {
  margin-top: 15px;
}
.defineCargo .subTitleCard .contentInsideCargo span {
  margin: 0;
}
.defineCargo .subTitleCard .inputHEXSolidColor {
  width: 35%;
}
.defineCargo .subTitleCard:first-child {
  padding-left: 0;
}
.defineCargo .subTitleCard:last-child {
  padding-right: 0;
}

.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseColorTextCargo {
  padding-top: 10px;
  align-items: flex-end;
}

.insertNameDefineSlogan {
  padding-top: 10px;
}

.defineSlogan {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.alignElement {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.alignElement .iconsAlign {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.contentInsideSlogan {
  margin-top: 10px;
}

.selectColorSlogan {
  margin-top: 20px;
}

.newBody.fullContainer.gridrow .rightContent .buttonSection .cardEdit .contentCardEdit .addButtons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.newBody.fullContainer.gridrow .rightContent .buttonSection .cardEdit .contentCardEdit .addButtons .buttonsAddButton {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.newBody.fullContainer.gridrow .rightContent .buttonSection .cardEdit .contentCardEdit .addButtons .buttonsAddButton .button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  padding: 10px 30px;
  background-color: var(--darkGreen);
  border-radius: 12px;
  cursor: pointer;
}
.newBody.fullContainer.gridrow .rightContent .buttonSection .cardEdit .contentCardEdit .addButtons .buttonsAddButton .button span {
  color: var(--trueWhite);
  font-size: 14px;
}
.newBody.fullContainer.gridrow .rightContent .buttonSection .cardEdit .contentCardEdit .addButtons .buttonsAddButton .button .imgAddButtonButton {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.newBody.fullContainer.gridrow .rightContent .buttonSection .cardEdit .contentCardEdit .addButtons .buttonsAddButton .button .imgAddButtonButton img {
  width: 100%;
  height: 100%;
}
.newBody.fullContainer.gridrow .rightContent .buttonSection .cardEdit .contentCardEdit .addButtons .buttonsAddButton .button:hover {
  background-color: var(--green);
}

.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .buttonsSelect {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 10px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .buttonsSelect .buttonRounded {
  width: 33px;
  height: 33px;
  margin-right: 20px;
  box-sizing: border-box;
  padding: 5px;
  background-color: var(--purple);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .buttonsSelect .buttonRounded.active {
  background-color: var(--blue);
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .buttonsSelect .buttonRounded span {
  text-align: center;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .buttonsSelect .buttonRounded:hover {
  background-color: var(--blue);
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .buttonsSelect .buttonRectangle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  background-color: var(--purple);
  cursor: pointer;
  box-sizing: border-box;
  padding: 5px 15px;
  border-radius: 25px;
  margin-right: 20px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .buttonsSelect .buttonRectangle.active {
  background-color: var(--blue);
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .buttonsSelect .buttonRectangle span {
  color: var(--trueWhite);
  margin-left: 5px;
  text-align: center;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .buttonsSelect .buttonRectangle:hover {
  background-color: var(--blue);
}

.tittleArrows {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: nowrap;
}
.tittleArrows .buttonsRightCard {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
}
.tittleArrows .arrowsAdjust {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: var(--purple);
  box-sizing: border-box;
  padding: 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px 0 5px;
}
.tittleArrows .arrowsAdjust:last-child {
  margin: 0 0 0 20px;
}
.tittleArrows .arrowsAdjust:hover {
  background-color: var(--blue);
}
.tittleArrows .arrowsAdjust img {
  width: 100%;
  height: 100%;
}

.cardStyleButtons {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.cardStyleButtons .contentCardEdit {
  padding-right: 20px;
}

.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit.paddingTop {
  padding-top: 30px;
}

.subTextTitle {
  font-size: 10px;
}

.selectFontElement {
  margin-top: 5px;
}

.subItemsSelect {
  margin-top: 10px;
}

.inputsCreateContact {
  align-items: flex-end;
}

.inputDivCreateContact {
  padding: 10px 30px 10px 0;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
}

.chooseFileContact {
  background-color: var(--purple);
  color: var(--trueWhite);
  padding: 10px 15px;
  border-radius: 15px;
  margin-top: 10px;
  text-align: center;
  width: 70%;
  cursor: pointer;
}
.chooseFileContact:hover {
  background-color: var(--blue);
}

.chooseFileContactInput {
  display: none;
}

.woocommerce, .woocommerce-MyAccount-content, form.edit-account {
  height: 100%;
}

button.button {
  border: 0px none;
  color: white;
  width: auto;
}

.newBody.fullContainer.gridrow .rightContent .editArea .buttonsAddButton {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.newBody.fullContainer.gridrow .rightContent .editArea .buttonsAddButton .button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  padding: 10px 30px;
  background-color: var(--darkGreen);
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
}
.newBody.fullContainer.gridrow .rightContent .editArea .buttonsAddButton .button:hover {
  background-color: var(--green);
}
.newBody.fullContainer.gridrow .rightContent .editArea .buttonsAddButton .button span {
  color: var(--trueWhite);
  font-size: 14px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .buttonsAddButton .button .imgAddButtonButton {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .buttonsAddButton .button .imgAddButtonButton img {
  width: 100%;
  height: 100%;
}

.customizeProductStyle .selectColor {
  padding-right: 40px;
}

.maskSliderVideo {
  margin-top: 20px;
  width: 80%;
}

.displayFlexAlignBottom.logoBanner {
  align-items: flex-end;
}

/* ----------------------- */
/* ----------------------- */
/* -------- Login -------- */
/* ----------------------- */
/* ----------------------- */
.buttonsAddButton {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.buttonsAddButton .button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  padding: 10px 30px;
  background-color: var(--darkGreen);
  border-radius: 12px;
  cursor: pointer;
}
.buttonsAddButton .button:hover {
  background-color: var(--green);
}
.buttonsAddButton .button .imgAddButtonButton {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.buttonsAddButton .button .imgAddButtonButton img {
  width: 100%;
  height: 100%;
}
.buttonsAddButton .button span {
  color: var(--trueWhite);
  font-size: 14px;
}

.mainBodyLogin {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.mainBodyLogin .divLogin {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.mainBodyLogin .divContentLogin.divRegister {
  display: flex;
  left: initial;
  right: 0;
}
.mainBodyLogin .divColorLogin.divRegister {
  display: flex;
  left: 0;
  right: initial;
}
.mainBodyLogin .divContentLogin {
  padding: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--trueWhite);
}
.mainBodyLogin .divContentLogin .loginForm {
  height: 80%;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: wrap;
}
.mainBodyLogin .divContentLogin .loginForm .titleLogin h1 {
  font-size: 70px;
  font-weight: 600;
}
.mainBodyLogin .divContentLogin .loginForm .titleLogin p {
  margin-top: 10px;
}
.mainBodyLogin .divContentLogin .loginForm .formLoginFill {
  margin-top: 25px;
}
.mainBodyLogin .divContentLogin .loginForm .formLoginFill input {
  margin-bottom: 20px;
}
.mainBodyLogin .divContentLogin .loginForm .formLoginFill .infoLoginForm {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: nowrap;
}
.mainBodyLogin .divContentLogin .loginForm .formLoginFill .infoLoginForm .lostPasswordLogin {
  display: flex;
  justify-content: flex-end;
  align-content: center;
}
.mainBodyLogin .divContentLogin .loginForm .formLoginFill .infoLoginForm .lostPasswordLogin p {
  text-decoration: underline;
  cursor: pointer;
}
.mainBodyLogin .divContentLogin .footerLogin {
  margin-top: 40px;
}
.mainBodyLogin .divContentLogin .footerLogin p {
  color: var(--darkGray);
  font-weight: 500;
  font-size: 15px;
}
.mainBodyLogin .divColorLogin {
  background-color: var(--blue);
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  z-index: 11;
  display: none;
}
.mainBodyLogin .divColorLogin h2 {
  color: var(--trueWhite);
  font-weight: 300;
  font-size: 70px;
  padding-top: 100px;
}
.mainBodyLogin .buttonToRegister {
  margin-top: 40px;
  text-align: center;
}
.mainBodyLogin .buttonToRegister span {
  text-align: center;
}
.mainBodyLogin .buttonToRegister .toRegister {
  cursor: pointer;
}
.mainBodyLogin .buttonToRegister .toLogin {
  cursor: pointer;
}
.mainBodyLogin .privacyPolicyRegisterDiv label {
  cursor: pointer;
}
.mainBodyLogin .privacyPolicyRegisterDiv input {
  cursor: pointer;
}
.mainBodyLogin .divRegister .headerLogin {
  display: flex;
  justify-content: flex-end;
}
.mainBodyLogin .divRegister .footerLogin {
  display: flex;
  justify-content: flex-end;
}

.mainBodyLogin .divLogin.divRegister.contentChanging {
  position: absolute;
  top: 0;
  transition: left 0.8s ease-in-out;
}

.mainBodyLogin .divLogin.divRegister.contentChanging.left {
  left: 50%;
}

.mainBodyLogin .divLogin.divRegister.contentChanging.right {
  left: 0;
  background-color: var(--purple);
}

/* ----------------------- */
/* ----------------------- */
/* ------ Fim Login ------ */
/* ----------------------- */
/* ----------------------- */
.button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  padding: 10px 30px;
  background-color: var(--darkGreen);
  border-radius: 12px;
  cursor: pointer;
}
.button:hover {
  background-color: var(--green);
}
.button .imgAddButtonButton {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.button .imgAddButtonButton img {
  width: 100%;
  height: 100%;
}
.button span {
  color: var(--trueWhite);
  font-size: 14px;
}

.editArea .saveDataAccount {
  width: 240px;
  margin-top: 40px;
}
.editArea .saveDataAccount button img {
  margin-right: 10px;
}
.editArea .saveDataAccount .buttonSaveData {
  width: 100%;
}

.eachDownloadDiv {
  display: flex;
  margin: 15px 0;
}

.displaySavedCards {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
}
.displaySavedCards .modelDisplay {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-top: 50px;
}
.displaySavedCards .modelDisplay .closeButtonModel {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.displaySavedCards .modelDisplay .closeButtonModel .closeBtn {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: var(--purple);
  box-sizing: border-box;
  padding: 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px 0 5px;
}
.displaySavedCards .modelDisplay .closeButtonModel .closeBtn:hover {
  background-color: var(--blue);
}
.displaySavedCards .modelDisplay .mockupModel {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
  margin: 10px 0 30px 0;
}
.displaySavedCards .modelDisplay .mockupModel .mockupImage {
  display: flex;
  justify-content: center;
}
.displaySavedCards .modelDisplay .mockupModel .getModelNameSpan {
  margin-top: 20px;
}
.displaySavedCards .modelDisplay .mockupModel .getModelNameSpan span {
  color: var(--darkGray);
  font-size: 14px;
}
.displaySavedCards .modelDisplay .editCardModel {
  max-width: 190px;
}

.closeBtn {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: var(--purple);
  box-sizing: border-box;
  padding: 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px 0 5px;
}
.closeBtn:hover {
  background-color: var(--blue);
}

.eachProductAdd {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  box-sizing: border-box;
  padding: 20px 0;
  border-bottom: 1px solid var(--green);
}
.eachProductAdd:first-child {
  border-top: 1px solid var(--green);
}
.eachProductAdd .productImageCart {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
  background-color: var(--purple);
  border-radius: 11px;
  box-shadow: 2px 5px 10px rgba(41, 41, 206, 0.1803921569);
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  padding: 25px;
}
.eachProductAdd .productImageCart .numberOfItems {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: var(--pearlWhite);
  color: var(--blue);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 5px;
  right: 5px;
  border-radius: 100%;
}
.eachProductAdd .productImageCart .numberOfItems span {
  font-size: 10px;
  font-weight: 600;
}
.eachProductAdd .productImageCart img {
  width: 100%;
  height: 100%;
}

.numberOfCardsCart {
  display: flex;
  align-items: center;
  justify-content: center;
}
.numberOfCardsCart span {
  color: var(--darkGray);
}

.quantityAddCart {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
}
.quantityAddCart .addMoreItems {
  max-width: 150px;
  border: 1px solid var(--darkGray);
  border-radius: 14px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 60px;
}
.quantityAddCart .addMoreItems span {
  color: var(--darkGray);
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
}
.quantityAddCart .addMoreItems span:hover {
  color: var(--darkGreen);
}
.quantityAddCart .addMoreItems .quantityItemsCart span {
  color: var(--black);
  font-size: 20px;
  font-weight: 500;
}

.valueCart {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
.valueCart span {
  font-size: 20px;
  font-weight: 500;
  color: var(--black);
}

.totalCart {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 60px;
  box-sizing: border-box;
  padding: 50px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--green);
}
.totalCart h2 {
  font-size: 25px;
  font-weight: 600;
  color: var(--blue);
}
.totalCart .totalCartDivs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.totalCart .totalCartDivs .subTotalCartInfo, .totalCart .totalCartDivs .totalCartInfo {
  font-size: 20px;
  color: var(--black);
}
.totalCart .totalCartDivs .valueSubTotalCart {
  font-size: 20px;
  color: var(--black);
}
.totalCart .totalCartDivs .valueTotalCart {
  color: var(--blue);
  font-size: 25px;
  font-weight: 600;
}

.buttonsEndCart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 20px;
}
.buttonsEndCart .backStoreCart {
  font-size: 13px;
  color: var(--darkGray);
  text-decoration: underline;
  cursor: pointer;
}
.buttonsEndCart .backStoreCart:hover {
  color: var(--darkGreen);
}

.checkBoxForm {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.checkBoxForm input {
  margin-right: 5px;
}

.submitButtonSupportForm {
  margin-top: 40px;
}
.submitButtonSupportForm span {
  color: var(--trueWhite);
}

.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .submitButtonSupportForm span {
  color: var(--trueWhite);
}

.howToDo {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  flex-wrap: wrap;
}
.howToDo .textHowToDo {
  padding: 0 10% 0 0;
}
.howToDo .textHowToDo p {
  color: var(--black);
}

.stepBystepTutorial {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 30px;
}
.stepBystepTutorial .stepTutorial {
  padding-right: 10%;
  padding-bottom: 50px;
}
.stepBystepTutorial .stepTutorial span {
  color: var(--blue);
  font-weight: 600;
  margin-bottom: 10px;
}
.stepBystepTutorial .stepTutorial p {
  color: var(--black);
}

.topSectionMockup {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  text-align: center;
  position: relative;
}
.topSectionMockup .imageInvitIDMockup {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  text-align: center;
  padding-top: 20px;
}
.topSectionMockup .imageInvitIDMockup img {
  width: 50%;
  height: 100%;
}

.displayPhoneOnMockup {
  height: 640px;
  width: 345px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto 0 auto;
  background-image: url("../../images/cartao-visita-digital-visualizacao-2.png");
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1111;
}

.nameSectionMockup {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 30px;
}
.nameSectionMockup span {
  text-align: center;
  font-size: 18px;
  width: 100%;
}
.nameSectionMockup #getTitleMockupID {
  font-size: 14px;
}

.sloganSectionMockup {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.sloganSectionMockup span {
  text-align: center;
}

.menuFooterMobile {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  z-index: 2222111;
  display: none;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  padding: 20px;
  box-shadow: 9px -5px 20px rgba(0, 0, 0, 0.1607843137);
  background-color: var(--trueWhite);
  box-sizing: border-box;
}
.menuFooterMobile .divItemFooterMobileCircle, .menuFooterMobile .divItemFooterMobile {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.menuFooterMobile .divItemFooterMobileCircle img, .menuFooterMobile .divItemFooterMobile img {
  width: 40%;
  height: 40%;
}
.menuFooterMobile .divItemFooterMobileCircle span, .menuFooterMobile .divItemFooterMobile span {
  text-align: center;
  color: var(--black);
}
.menuFooterMobile .divItemFooterMobileCircle .iconDivMenuFooter, .menuFooterMobile .divItemFooterMobile .iconDivMenuFooter {
  background-color: var(--purple);
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 50px;
  height: 50px;
  border-radius: 100%;
}
.menuFooterMobile .divItemFooterMobileCircle .textDivMenuFooter, .menuFooterMobile .divItemFooterMobile .textDivMenuFooter {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  margin-top: 10px;
}
.menuFooterMobile .divItemFooterMobile .iconDivMenuFooter {
  background-color: var(--transparent);
}
.menuFooterMobile .divItemFooterMobile .iconDivMenuFooter img {
  width: 70%;
  height: 70%;
}

#backgroundTemplate02ID {
  background: hsl(0, 100%, 65%);
  background: linear-gradient(180deg, hsl(0, 100%, 65%) 0%, hsl(0, 100%, 67%) 14%, hsl(0, 100%, 89%) 100%);
  background: -moz-linear-gradient(180deg, hsl(0, 100%, 65%) 0%, hsl(0, 100%, 67%) 14%, hsl(0, 100%, 89%) 100%);
  background: -webkit-linear-gradient(180deg, hsl(0, 100%, 65%) 0%, hsl(0, 100%, 67%) 14%, hsl(0, 100%, 89%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff4f4f", endColorstr="#ff5858", GradientType=1);
  background-clip: content-box;
}

#backgroundTemplate03ID {
  background: hsl(239, 100%, 67%);
  background: linear-gradient(270deg, hsl(239, 100%, 67%) 0%, hsl(187, 100%, 89%) 100%);
  background: -moz-linear-gradient(270deg, hsl(239, 100%, 67%) 0%, hsl(187, 100%, 89%) 100%);
  background: -webkit-linear-gradient(270deg, hsl(239, 100%, 67%) 0%, hsl(187, 100%, 89%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595cff", endColorstr="#c6f8ff", GradientType=1);
  background-clip: content-box;
}

#backgroundTemplate04ID {
  background: hsl(252, 40%, 29%);
  background: linear-gradient(135deg, hsl(252, 40%, 29%) 0%, hsl(270, 77%, 71%) 70%);
  background: -moz-linear-gradient(135deg, hsl(252, 40%, 29%) 0%, hsl(270, 77%, 71%) 70%);
  background: -webkit-linear-gradient(135deg, hsl(252, 40%, 29%) 0%, hsl(270, 77%, 71%) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#392d69", endColorstr="#b57bee", GradientType=1);
  background-clip: content-box;
}

#backgroundTemplate05ID {
  background: hsl(164, 52%, 14%);
  background: linear-gradient(240deg, hsl(164, 52%, 14%) 0%, hsl(158, 100%, 65%) 100%);
  background: -moz-linear-gradient(240deg, hsl(164, 52%, 14%) 0%, hsl(158, 100%, 65%) 100%);
  background: -webkit-linear-gradient(240deg, hsl(164, 52%, 14%) 0%, hsl(158, 100%, 65%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#11362c", endColorstr="#4effbe", GradientType=1);
  background-clip: content-box;
}

#backgroundTemplate06ID {
  background: hsl(180, 33%, 88%);
  background: linear-gradient(-90deg, hsl(180, 33%, 88%) 0%, hsl(310, 76%, 82%) 50%, hsl(256, 83%, 72%) 100%);
  background: -moz-linear-gradient(-90deg, hsl(180, 33%, 88%) 0%, hsl(310, 76%, 82%) 50%, hsl(256, 83%, 72%) 100%);
  background: -webkit-linear-gradient(-90deg, hsl(180, 33%, 88%) 0%, hsl(310, 76%, 82%) 50%, hsl(256, 83%, 72%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d7ebeb", endColorstr="#f4afe9", GradientType=1);
  background-clip: content-box;
}

#backgroundTemplate07ID {
  background: hsl(213, 77%, 14%);
  background: linear-gradient(240deg, hsl(213, 77%, 14%) 0%, hsl(202, 27%, 45%) 100%);
  background: -moz-linear-gradient(240deg, hsl(213, 77%, 14%) 0%, hsl(202, 27%, 45%) 100%);
  background: -webkit-linear-gradient(240deg, hsl(213, 77%, 14%) 0%, hsl(202, 27%, 45%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08203e", endColorstr="#557c93", GradientType=1);
  background-clip: content-box;
}

#backgroundTemplate08ID {
  background: hsl(43, 84%, 85%);
  background: linear-gradient(270deg, hsl(43, 84%, 85%) 0%, hsl(325, 71%, 70%) 46%, hsl(236, 67%, 55%) 100%);
  background: -moz-linear-gradient(270deg, hsl(43, 84%, 85%) 0%, hsl(325, 71%, 70%) 46%, hsl(236, 67%, 55%) 100%);
  background: -webkit-linear-gradient(270deg, hsl(43, 84%, 85%) 0%, hsl(325, 71%, 70%) 46%, hsl(236, 67%, 55%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9e7bb", endColorstr="#e97cbb", GradientType=1);
  background-clip: content-box;
}

.espacamentoNome {
  margin-top: 20px;
}

.hideButtonsCard {
  display: none;
}

.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .buttonsSelect .buttonRectangleWithout span {
  margin-left: 0;
}

.midSectionMockup {
  display: flex;
  justify-content: center;
}
.midSectionMockup .buttonAdded {
  box-sizing: border-box;
  padding: 5px;
  background-color: var(--purple);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  aspect-ratio: 1/1; /* Width will be equal to the height */
}
.midSectionMockup .buttonInserted {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  background-color: var(--purple);
  cursor: pointer;
  box-sizing: border-box;
  padding: 5px 15px;
  width: 100%;
  border-radius: 25px;
  border: 1px solid var(--purple);
  text-decoration: none;
}
.midSectionMockup .buttonInserted span {
  color: var(--trueWhite);
  margin-left: 5px;
  text-decoration: none;
}

.productNameDiv {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.productNameDiv img {
  max-height: 100px;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.productNameDiv span {
  width: 100%;
  text-align: center;
}
.productNameDiv .productNameText {
  font-size: 1.2em;
  margin-top: 10px;
}
.productNameDiv .productDescriptionText {
  font-size: 0.9em;
  font-weight: 300;
}
.productNameDiv .productButtonLink {
  background-color: #9999FF;
  padding: 5px 15px;
  border: 1px solid #9999FF;
  border-radius: 10px;
  margin-top: 10px;
}
.productNameDiv .productButtonLink span {
  color: #FFFFFF;
}
.productNameDiv .productPriceText {
  font-size: 1.2em;
  margin-top: 10px;
}
.productNameDiv a {
  text-align: center;
  width: 80%;
  text-decoration: none;
}
.productNameDiv a span {
  text-align: center;
  width: 100%;
  text-decoration: none;
}

.midSectionMockup {
  display: flex;
  flex-wrap: wrap;
  z-index: 12345;
  position: relative;
}

.chooseFileContactInput {
  display: block;
  opacity: 0;
  margin-top: -50px;
  z-index: 111111;
  height: 50px;
  cursor: pointer;
}

.topNavMobile {
  display: none;
}

.topNavMobile .navItemLeft div {
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}
.topNavMobile .navItemLeft div img {
  opacity: 0;
}
.topNavMobile .fundoCartaoNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/fundo-cartao.svg");
}
.topNavMobile .fundoCartaoNavLeft:hover .imgIconsNavLeft, .topNavMobile .fundoCartaoNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/fundo-cartao.svg");
}
.topNavMobile .fundoCartaoNavLeft:hover .nameNavLeft, .topNavMobile .fundoCartaoNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .logotipoNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/logotipo-banner.svg");
}
.topNavMobile .logotipoNavLeft:hover .imgIconsNavLeft, .topNavMobile .logotipoNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/logotipo-banner.svg");
}
.topNavMobile .logotipoNavLeft:hover .nameNavLeft, .topNavMobile .logotipoNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .cargoNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/cargo.svg");
}
.topNavMobile .cargoNavLeft:hover .imgIconsNavLeft, .topNavMobile .cargoNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/cargo.svg");
}
.topNavMobile .cargoNavLeft:hover .nameNavLeft, .topNavMobile .cargoNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .sloganNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/slogan.svg");
}
.topNavMobile .sloganNavLeft:hover .imgIconsNavLeft, .topNavMobile .sloganNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/slogan.svg");
}
.topNavMobile .sloganNavLeft:hover .nameNavLeft, .topNavMobile .sloganNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .botoesNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/botoes.svg");
}
.topNavMobile .botoesNavLeft:hover .imgIconsNavLeft, .topNavMobile .botoesNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/botoes.svg");
}
.topNavMobile .botoesNavLeft:hover .nameNavLeft, .topNavMobile .botoesNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .contactosNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/guardar-contactos.svg");
}
.topNavMobile .contactosNavLeft:hover .imgIconsNavLeft, .topNavMobile .contactosNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/guardar-contactos.svg");
}
.topNavMobile .contactosNavLeft:hover .nameNavLeft, .topNavMobile .contactosNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .produtosNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/produtos.svg");
}
.topNavMobile .produtosNavLeft:hover .imgIconsNavLeft, .topNavMobile .produtosNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/produtos.svg");
}
.topNavMobile .produtosNavLeft:hover .nameNavLeft, .topNavMobile .produtosNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .videosNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/videos.svg");
}
.topNavMobile .videosNavLeft:hover .imgIconsNavLeft, .topNavMobile .videosNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/videos.svg");
}
.topNavMobile .videosNavLeft:hover .nameNavLeft, .topNavMobile .videosNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .bannerInferiorNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/logotipo-banner.svg");
}
.topNavMobile .bannerInferiorNavLeft:hover .imgIconsNavLeft, .topNavMobile .bannerInferiorNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/logotipo-banner.svg");
}
.topNavMobile .bannerInferiorNavLeft:hover .nameNavLeft, .topNavMobile .bannerInferiorNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .creditosNavLeft .imgIconsNavLeft {
  background-image: url("../../images/sidebar/default/creditos-downloads.svg");
}
.topNavMobile .creditosNavLeft:hover .imgIconsNavLeft, .topNavMobile .creditosNavLeft.active .imgIconsNavLeft {
  background-image: url("../../images/sidebar/hover/creditos.svg");
}
.topNavMobile .creditosNavLeft:hover .nameNavLeft, .topNavMobile .creditosNavLeft.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .accountDetailsMenuNav .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/cargo.svg");
}
.topNavMobile .accountDetailsMenuNav:hover .imgIconsNavLeft, .topNavMobile .accountDetailsMenuNav.active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/cargo.svg");
}
.topNavMobile .accountDetailsMenuNav:hover .nameNavLeft, .topNavMobile .accountDetailsMenuNav.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .transactionsMenuNav .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/logotipo-banner.svg");
}
.topNavMobile .transactionsMenuNav:hover .imgIconsNavLeft, .topNavMobile .transactionsMenuNav.active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/cargo.svg");
}
.topNavMobile .transactionsMenuNav:hover .nameNavLeft, .topNavMobile .transactionsMenuNav.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .myModelsMenuNav .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/logotipo-banner.svg");
}
.topNavMobile .myModelsMenuNav:hover .imgIconsNavLeft, .topNavMobile .myModelsMenuNav.active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/logotipo-banner.svg");
}
.topNavMobile .myModelsMenuNav:hover .nameNavLeft, .topNavMobile .myModelsMenuNav.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .cartMenuNav .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/produtos.svg");
}
.topNavMobile .cartMenuNav:hover .imgIconsNavLeft, .topNavMobile .cartMenuNav.active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/produtos.svg");
}
.topNavMobile .cartMenuNav:hover .nameNavLeft, .topNavMobile .cartMenuNav.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .supportMenuNav .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/slogan.svg");
}
.topNavMobile .supportMenuNav:hover .imgIconsNavLeft, .topNavMobile .supportMenuNav.active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/slogan.svg");
}
.topNavMobile .supportMenuNav:hover .nameNavLeft, .topNavMobile .supportMenuNav.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .supportMenuNav .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/slogan.svg");
}
.topNavMobile .supportMenuNav:hover .imgIconsNavLeft, .topNavMobile .supportMenuNav.active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/slogan.svg");
}
.topNavMobile .supportMenuNav:hover .nameNavLeft, .topNavMobile .supportMenuNav.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .tutorialMenuNav .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/videos.svg");
}
.topNavMobile .tutorialMenuNav:hover .imgIconsNavLeft, .topNavMobile .tutorialMenuNav.active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/videos.svg");
}
.topNavMobile .tutorialMenuNav:hover .nameNavLeft, .topNavMobile .tutorialMenuNav.active .nameNavLeft {
  color: var(--blue);
}
.topNavMobile .logoutMenuNav .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/default/creditos-downloads.svg");
}
.topNavMobile .logoutMenuNav:hover .imgIconsNavLeft, .topNavMobile .logoutMenuNav.active .imgIconsNavLeft {
  background-image: url("../../images/siderbarAccount/houver/creditos.svg");
}
.topNavMobile .logoutMenuNav:hover .nameNavLeft, .topNavMobile .logoutMenuNav.active .nameNavLeft {
  color: var(--blue);
}

.topNavMobile {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  position: relative;
}
.topNavMobile .menuDefault {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid var(--darkGreen);
}
.topNavMobile .menuDefault .logoMobile {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.topNavMobile .menuDefault .logoMobile img {
  width: 50%;
}
.topNavMobile .menuDefault .hamburgerMenu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.topNavMobile .menuDefault .hamburgerMenu img {
  width: 30px;
  height: 30px;
}
.topNavMobile .openMenuHamburger {
  display: none;
}
.topNavMobile .openMenuHamburger .navegationMenuLeft {
  padding: 20px;
  list-style-type: none;
  margin: 0;
}
.topNavMobile .openMenuHamburger .navegationMenuLeft .navItemLeft {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 15px 0;
}
.topNavMobile .openMenuHamburger .navegationMenuLeft .navItemLeft .nameNavLeft {
  margin-left: 10px;
}

.openMenuHamburger.active {
  display: block;
}

.rightContent .topNavMobile {
  display: none;
}

#downloadVCardFromCard {
  cursor: pointer;
}

.closeOpenFooterMenu {
  position: absolute;
  top: -34px;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.closeOpenFooterMenu span {
  text-align: center;
  color: var(--trueWhite);
  background-color: var(--purple);
  padding: 5px 15px;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#downloadVCardFromCard {
  background-color: var(--purple);
  border-radius: 15px;
  padding: 5px 15px;
}
#downloadVCardFromCard span {
  color: var(--trueWhite);
}

.selectFontButton {
  padding-right: 20px;
}

#topNavMobileAccount {
  display: none;
}

.infoButtons {
  display: none;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 10px;
}
.infoButtons .infoButtonsInputsClass {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 5px;
}

.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .refreshButton {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .refreshButton span {
  background-color: var(--purple);
  padding: 5px 15px;
  color: var(--trueWhite);
  border-radius: 25px;
  cursor: pointer;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .refreshButton span:hover {
  background-color: var(--blue);
}

.midSectionMockup .buttonAdded.hideButton {
  display: none;
  margin: 5px 10%;
}

.midSectionMockup .hideButton.buttonInserted {
  display: none;
}

.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit.infoButtons {
  display: none;
}

.videoSectionMockup {
  margin-top: 10px;
  position: relative;
  display: none;
  text-decoration: none;
}
.videoSectionMockup .videoSectionDiv {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.videoSectionMockup .videoSectionDiv .imageVideoDisplay {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.videoSectionMockup .videoSectionDiv .imageVideoDisplay img {
  width: 100%;
  height: 100%;
}
.videoSectionMockup .videoSectionDiv .imageVideoDisplay img :root {
  --mask-opacity: 0.5;
}
.videoSectionMockup .videoSectionDiv .imageVideoDisplay img .white-mask::after {
  background-color: #ffffff;
  opacity: var(--mask-opacity);
}
.videoSectionMockup .videoSectionDiv .imageVideoDisplay img .black-mask::after {
  background-color: #000000;
  opacity: var(--mask-opacity);
}
.videoSectionMockup .videoSectionDiv .textVideoDisplay {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 10px;
}
.videoSectionMockup .videoSectionDiv .textVideoDisplay span {
  text-align: center;
  text-decoration: none;
  color: var(--black);
}

.spanDescriptionDownload {
  margin-top: -15px;
  font-size: 10px !important;
}

.newBody.fullContainer.gridrow .rightContent .editArea .buttonsAddButton.downloadCardButtonClass .button {
  background-color: var(--purple);
}
.newBody.fullContainer.gridrow .rightContent .editArea .buttonsAddButton.downloadCardButtonClass .button:hover {
  background-color: var(--blue);
}
.newBody.fullContainer.gridrow .rightContent .editArea .buttonsAddButton.downloadCardButtonClass .button span {
  margin: 0;
}

.newBody.fullContainer.gridrow .rightContent .editArea .buttonsAddButton.saveCardButtonClass .button {
  background-color: var(--darkGreen);
}
.newBody.fullContainer.gridrow .rightContent .editArea .buttonsAddButton.saveCardButtonClass .button:hover {
  background-color: var(--green);
}

.infoCardCredit {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 5px 10px;
  border-radius: 12px;
  cursor: pointer;
}
.infoCardCredit:hover {
  background-color: var(--purple);
}
.infoCardCredit:hover span {
  color: var(--trueWhite) !important;
}

.buttonsCardCredit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.buttonsCardCredit .buttonCardCredit {
  border-radius: 100%;
  padding: 10px;
  background-color: var(--purple);
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-right: 10px;
}
.buttonsCardCredit .buttonCardCredit:hover {
  background-color: var(--blue);
}

.logoBanner .editContentCreditSection.chooseFileLogoBanner {
  padding: 10px 0;
}

.bannerMockupDisplay {
  display: none;
  min-height: 100px;
  max-height: 300px;
  width: 100%;
  position: relative;
}
.bannerMockupDisplay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bannerTopMockup {
  display: none;
}

.buttonCart {
  width: 40px;
  height: 40px;
  background-color: var(--trueWhite);
  border-radius: 100%;
  box-shadow: 2px 5px 8px rgba(54, 197, 97, 0.3803921569);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-left: 20px;
}
.buttonCart .quantityCartDiv {
  background-color: var(--green);
  border-radius: 100%;
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -10px;
  top: -10px;
}
.buttonCart .quantityCartDiv span {
  color: var(--trueWhite);
  font-size: 9px;
  text-align: center;
}
.buttonCart .cartIcon {
  background-image: url("../../images/header/default/carrinho.svg");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
}
.buttonCart:hover {
  background-color: var(--green);
}
.buttonCart:hover .cartIcon {
  background-image: url("../../images/header/hover/carrinho.svg");
}

.prevNextButtonsDiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 20px;
}
.prevNextButtonsDiv span {
  font-size: 20px;
  color: var(--blue);
  cursor: pointer;
}
.prevNextButtonsDiv span:hover {
  color: var(--green);
}

#bannerTopMockupDisplayID .bannerTopMockupDisplay {
  min-height: 100px;
  max-height: 300px;
  width: 100%;
  position: relative;
}
#bannerTopMockupDisplayID .bannerTopMockupDisplay img {
  max-height: 500px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.buttonsArray {
  width: 100%;
  margin: 5px 10%;
}

#titleMockup {
  text-align: center;
}

input[type=range] {
  border-radius: 10px;
}

.alignLogoDiv > .alignLogo.active {
  background-color: var(--blue);
}

select::-ms-expand {
  background-color: red;
  padding-right: 10px;
}

input[type=color]::-webkit-color-swatch-wrapper {
  border-radius: 0;
}

input[type=color]::-webkit-color-swatch {
  border: none;
}

.selectFont {
  margin-left: 50px;
}
.selectFont .espacamentoNome {
  justify-content: flex-start;
}
.selectFont .espacamentoNome .paddingLogoDiv {
  margin-right: 30px;
}

.selectFontButtons {
  margin-left: 0;
}

.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit.styleProductsSection {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit.styleProductsSection .customizeProductStyle {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit.styleProductsSection .customizeProductStyle .contentCardEdit {
  margin-top: 20px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit.styleProductsSection .customizeProductStyle .contentCardEdit .paddingCustomizeProducts {
  margin-top: 30px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit.styleProductsSection .customizeProductStyle .contentCardEdit .selectFont {
  margin-left: 0;
  margin-top: 30px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit.styleProductsSection .customizeProductStyle .contentCardEdit .selectFont:first-child {
  margin-top: 0;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit.styleProductsSection .customizeProductStyle .contentCardEdit .selectFont .espacamentoNome {
  margin-top: 0px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit.styleProductsSection .customizeProductStyle .contentCardEdit .selectFont .espacamentoNome .paddingLogoDiv {
  margin-top: 10px;
  margin-right: 10px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit.styleProductsSection .customizeProductStyle .contentCardEdit .selectFont .espacamentoNome .paddingLogoDiv span {
  font-size: 10px;
}
.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit.styleProductsSection .customizeProductStyle .contentCardEdit .selectFont .espacamentoNome .paddingLogoDiv select {
  font-size: 10px;
}

.newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .paddingLogoDiv span {
  font-size: 10px;
}

.alignProducts {
  margin-top: 20px;
}

.cartContainer {
  max-width: 1460px;
  margin: auto;
  padding: 0px 50px 0px;
}
.cartContainer .woocommerce {
  width: 100%;
  display: block;
}

.cartSection h1 {
  color: var(--blue);
  font-weight: 600;
  font-size: 25px;
}
.cartSection .boxShadow {
  border-radius: 25px;
  box-shadow: 9px 2px 20px rgba(0, 0, 0, 0.0509803922);
  padding: 30px;
  margin-top: 50px;
  padding-bottom: 50px;
  background-color: var(--trueWhite);
}
.cartSection .boxShadow table {
  font-size: 16px;
}
.cartSection .boxShadow table tbody > tr:nth-child(odd) > td, .cartSection .boxShadow table tbody > tr:nth-child(odd) > th {
  background-color: transparent;
}
.cartSection .boxShadow table td, .cartSection .boxShadow table th {
  border: 0px none;
  vertical-align: middle;
}
.cartSection .boxShadow table td {
  border-top: 1px solid var(--green);
}
.cartSection .boxShadow table td a.remove {
  background: rgb(153, 153, 255);
  color: white;
  border-radius: 100px;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  padding-top: 4px;
}
.cartSection .boxShadow table td:last-child {
  font-size: 20px;
  font-weight: bold;
  text-align: right;
}
.cartSection .boxShadow table input {
  border-radius: 20px;
  border: 1px solid rgb(122, 122, 122);
  padding: 20px;
  max-width: 150px;
}
.cartSection .boxShadow table img {
  width: 100px;
  height: 100px;
}
.cartSection .boxShadow .cart-collaterals {
  padding: 20px;
}
.cartSection .boxShadow .cart-collaterals h2 {
  font-size: 25px;
  font-weight: 600;
  color: var(--blue);
}
.cartSection .boxShadow .cart-collaterals table {
  font-size: 20px;
}
.cartSection .boxShadow .cart-collaterals table td {
  border-top: 0px none;
  text-align: right;
}
.cartSection .boxShadow .cart-collaterals table th {
  text-align: left;
}
.cartSection .boxShadow .cart-collaterals table tr:last-child {
  border-bottom: 1px solid var(--green);
}
.cartSection .boxShadow .cart-collaterals .button {
  color: white;
  float: right;
}

.myAccountSection table {
  width: 100%;
}
.myAccountSection table td:first-child a {
  color: var(--blue);
  text-decoration: none;
}
.myAccountSection table .button {
  color: white;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  display: block;
  margin: 5px 0px;
}

.checkoutLogged .woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.checkoutLogged .woocommerce-billing-fields__field-wrapper .form-row {
  flex: 0 0 50%;
  flex-grow: 1;
  padding: 15px;
  max-width: 50%;
}
.checkoutLogged .woocommerce-billing-fields__field-wrapper .form-row label {
  width: 100%;
  color: #2929CE;
  font-size: 13px;
  font-weight: 600;
}
.checkoutLogged .woocommerce-billing-fields__field-wrapper .form-row input {
  background: transparent;
  border-radius: 0px;
  width: 100%;
  border: 0px none;
  padding: 10px;
  margin-top: 10px;
  border-bottom: 1px solid #2929CE;
}
.checkoutLogged .woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single {
  padding: 10px;
  margin-top: 10px;
  border: 0px none;
  border-radius: 0px;
  height: 39px;
  border-bottom: 1px solid #2929CE;
}
.checkoutLogged .woocommerce-terms-and-conditions-wrapper {
  font-size: 12px;
  border-bottom: 1px solid #04E047;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.checkoutLogged #place_order {
  float: right;
}
.checkoutLogged .wc_payment_methods {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #04E047;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.checkoutLogged .wc_payment_methods > li {
  padding: 15px 0px;
}
.checkoutLogged .wc_payment_methods > li .payment_box {
  font-size: 12px;
  padding: 10px 10px 0px 10px;
}
.checkoutLogged .wc_payment_methods > li .payment_box p {
  margin-bottom: 0px;
}
.checkoutLogged .shop_table td, .checkoutLogged .shop_table th {
  padding: 10px 0px;
}
.checkoutLogged .shop_table thead th {
  text-align: left;
  color: #2929CE;
  font-size: 14px;
  border-top: 0px none !important;
}
.checkoutLogged .shop_table thead th:last-child {
  text-align: right;
}
.checkoutLogged .shop_table tfoot td, .checkoutLogged .shop_table tfoot th {
  border-bottom: 1px solid #04E047;
  text-align: left;
  font-size: 20px;
  font-weight: 300;
  padding: 20px 0px;
}
.checkoutLogged .shop_table tfoot .cart-subtotal .amount {
  font-size: 14px;
  font-weight: normal;
}
.checkoutLogged .shop_table tbody {
  border-bottom: 1px solid #04E047;
}
.checkoutLogged .shop_table tbody tr:last-child td {
  padding-bottom: 30px;
}
.checkoutLogged .shop_table tbody tr, .checkoutLogged .shop_table tbody td {
  border: 0px none;
  font-size: 14px;
  font-weight: normal;
  color: #707070;
}
.checkoutLogged .shop_table tbody tr .amount, .checkoutLogged .shop_table tbody td .amount {
  font-size: 14px;
  font-weight: 600;
}

/* Styles for mobile devices */
@media (max-width: 767px) {
  body .eachDownloadDiv {
    flex-wrap: wrap;
  }
  body .displaySavedCards .modelDisplay .mockupModel {
    margin-bottom: 10px;
  }
  body .displaySavedCards .modelDisplay {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  body .eachProductAdd {
    flex-wrap: wrap;
    justify-content: center;
  }
  body .eachProductAdd .numberOfCardsCart {
    margin-top: 15px;
  }
  body .eachProductAdd .quantityAddCart {
    justify-content: center;
    margin-top: 15px;
  }
  body .eachProductAdd .quantityAddCart .addMoreItems {
    max-width: auto;
    width: 50%;
  }
  body .eachProductAdd .deleteFromCart {
    display: flex;
    justify-content: flex-end;
  }
  body .eachProductAdd .valueCart {
    justify-content: center;
    margin-top: 15px;
  }
  body .eachProductAdd .valueCart span {
    text-align: center;
  }
  body .imageHowToDo img {
    width: 100%;
  }
  body .howToDo .textHowToDo {
    padding: 0;
    margin-top: 20px;
  }
  body .stepBystepTutorial .stepTutorial {
    padding-right: 0;
    padding-bottom: 40px;
  }
  body .stepBystepTutorial .stepTutorial span {
    font-size: 1.4em;
  }
  body .stepBystepTutorial .stepTutorial p {
    margin-top: 10px;
  }
  body .totalCart {
    margin-top: 40px;
    padding: 0;
    padding-bottom: 40px;
  }
  body {
    overflow-x: hidden;
  }
  body .menuFooterMobile {
    display: flex;
  }
  .newBody.fullContainer .leftNav {
    display: none;
  }
  .newBody.fullContainer .leftNav.leftNavAccount {
    display: none;
  }
  .newBody.fullContainer.gridrow .rightContent .mockupArea {
    display: none;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea {
    padding-right: 0px;
  }
  body .newBody.fullContainer.gridrow .rightContent {
    padding: 0 20px;
  }
  body .chooseMask {
    margin-top: 20px;
  }
  body .newBody.fullContainer.gridrow .rightContent {
    padding-bottom: 100px;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit {
    margin-top: 20px;
  }
  body .newBody.fullContainer.gridrow .rightContent .creditValues {
    display: none;
  }
  body .topNavMobile {
    display: flex;
  }
  body .newBody.fullContainer.gridrow .rightContent .topNav {
    display: none;
  }
  body .rightContent .topNavMobile {
    display: flex;
  }
  body .logoBanner .chooseFileLogoBanner {
    padding-left: 0;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseColorEdit .rectangleShowColorEdit {
    margin-right: 0;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit span {
    font-size: 10px;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .titleInsideContent .chooseFileImagePersonalized {
    font-size: 10px;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseColorEdit .inputSolidColor label {
    font-size: 10px;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .titleCardEdit h2 {
    font-size: 15px;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseBackgroundTemplate .selectBackgroundTemplate {
    margin-right: 0;
  }
  body .logoBanner .chooseFileLogoBanner .selectFileLogoBanner {
    font-size: 10px;
  }
  body .logoBanner .chooseFileLogoBanner .chooseFileLogoBannerLabel {
    font-size: 10px;
  }
  body .logoBanner .chooseFileLogoBanner span {
    margin-bottom: 0;
  }
  body .alignLogoDiv {
    margin-top: 10px;
  }
  body .paddingLogo {
    margin-top: 10px;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseColorEdit .inputSolidColor input {
    font-size: 10px;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit {
    flex-wrap: wrap;
  }
  body .defineCargo .subTitleCard {
    padding: 0;
    margin-top: 20px;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .chooseColorTextCargo {
    padding-top: 0;
    margin-top: 0;
  }
  body .defineCargo .subTitleCard .contentInsideCargo .rectangleShowColorCargo {
    margin-top: 20px;
  }
  body .paddingCargo {
    margin-top: 10px;
  }
  body .insertNameDefineSlogan input {
    margin-top: 0;
  }
  body .insertNameDefineSlogan {
    margin-top: 20px;
    padding-top: 0;
  }
  body .newBody.fullContainer.gridrow .rightContent .buttonSection .cardEdit .contentCardEdit .addButtons .buttonsAddButton .button {
    padding: 10px;
  }
  body .newBody.fullContainer.gridrow .rightContent .buttonSection .cardEdit .contentCardEdit .addButtons {
    margin-top: 10px;
  }
  body .newBody.fullContainer.gridrow .rightContent .buttonSection .cardEdit .contentCardEdit .addButtons .buttonsSelect {
    margin-top: 0;
  }
  body .tittleArrows {
    justify-content: space-between;
  }
  body .drawMockup .buttonSaveConfig {
    display: none;
  }
  body .newBody.fullContainer.gridrow .rightContent .mockupArea.activeMobile {
    position: absolute;
    display: flex;
    width: 100%;
    height: 85%;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: white;
    left: 0;
    top: 0;
  }
  body .newBody.fullContainer.gridrow .rightContent .mockupArea.activeMobile .titleEditArea {
    display: none;
  }
  body .newBody.fullContainer.gridrow .rightContent .mockupArea.activeMobile .drawMockup .telMockup {
    width: 100%;
    height: 100%;
  }
  body .newBody.fullContainer.gridrow .rightContent .mockupArea.activeMobile .drawMockup .telMockup .displayPhoneOnMockup {
    width: 100%;
  }
  body .newBody.fullContainer.gridrow .rightContent .mockupArea.activeMobile .drawMockup .telMockup .screenMockup {
    width: 81%;
    height: 89%;
    top: 33px;
  }
  body .menuFooterMobile .divItemFooterMobileCircle span, .menuFooterMobile .divItemFooterMobile span {
    font-size: 10px;
  }
  body .menuFooterMobile {
    padding: 20px 0;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .buttonsSelect .buttonRectangle span {
    text-align: center;
  }
  body .newBody.fullContainer.gridrow .rightContent .buttonSection .cardEdit .contentCardEdit .addButtons .buttonsAddButton .button span {
    text-align: center;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit .buttonsSelect .buttonRectangle {
    padding: 7px 15px;
  }
  body .selectFontButtonButtonSize, .selectFontButtonButtonBorder {
    margin-top: 20px;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit.buttonStyle {
    margin-top: 10px;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit.buttonStyle .chooseColorEdit {
    margin-top: 10px;
  }
  body .buttonAddButtonContact {
    display: flex;
    justify-content: center;
  }
  body .buttonAddButtonContact span {
    text-align: center;
  }
  body label {
    font-size: 10px;
  }
  body .inputDivCreateContact {
    padding: 10px 0;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit.editProductMobile {
    margin-top: 10px;
    padding-right: 0;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit.editProductMobile .chooseColorEdit {
    margin-top: 10px;
  }
  body .selectFont {
    margin-left: 0;
    margin-top: 20px;
  }
  body .selectFont .paddingLogoDiv:nth-child(3) {
    margin-top: 10px;
  }
}
/* Styles for tablets */
@media (min-width: 768px) and (max-width: 1023px) {
  body .menuFooterMobile {
    display: flex;
  }
  body .newBody.fullContainer .leftNav {
    display: none;
  }
  body .newBody.fullContainer .leftNav.leftNavAccount {
    display: none;
  }
  body .newBody.fullContainer.gridrow .rightContent .mockupArea {
    display: none;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea {
    padding-right: 0px;
  }
  body .chooseMask {
    margin-top: 20px;
  }
  body .newBody.fullContainer.gridrow .rightContent {
    padding-bottom: 100px;
  }
  body .topNavMobile {
    display: flex;
  }
}
/* Styles for landscape-oriented tablets */
@media (min-width: 768px) and (max-width: 1023px) {
  body .newBody.fullContainer.gridrow .rightContent {
    padding-bottom: 100px;
  }
  body .newBody.fullContainer .leftNav {
    display: none;
  }
  body .newBody.fullContainer .leftNav.leftNavAccount {
    display: none;
  }
  body .newBody.fullContainer.gridrow .rightContent .mockupArea {
    display: none;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea {
    padding-right: 40px;
  }
  body .menuFooterMobile {
    display: flex;
  }
  body .chooseMask {
    margin-top: 20px;
  }
}
/* Styles for laptops */
@media (min-width: 1024px) and (max-width: 1465px) {
  body .newBody.fullContainer .leftNav {
    padding: 20px;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea {
    padding-right: 40px;
  }
  body .maskSliderimagePersonalized {
    width: 80%;
  }
  body .logoBanner .chooseFileLogoBanner:nth-child(3) {
    padding-left: 0;
  }
  body .paddingLogo .paddingLogoDiv {
    margin-top: 10px;
  }
  body .defineCargo {
    flex-wrap: wrap;
  }
  body .defineCargo .subTitleCard:last-child {
    padding-left: 0;
  }
  body .insertNameDefineSlogan {
    padding: 20px;
    padding-left: 0;
  }
  body .paddingLogo {
    justify-content: flex-start;
  }
  body .newBody.fullContainer.gridrow .rightContent .editArea .cardEdit .contentCardEdit {
    padding-top: 20px;
  }
  body .logoBanner .chooseFileLogoBanner {
    padding-top: 0;
  }
  body .logoBanner .chooseFileLogoBanner span {
    margin-bottom: 10px;
  }
  body .espacamentoNome {
    margin-top: 0;
  }
  body .drawMockup .telMockup {
    height: 535px;
    margin-bottom: 0;
  }
  body .drawMockup .telMockup .displayPhoneOnMockup {
    height: 100%;
    margin-bottom: 0;
  }
  body .drawMockup .telMockup .screenMockup {
    height: 100%;
    padding: 30px 25px;
    top: 0;
  }
  body .drawMockup .telMockup .screenMockup .structureMockup {
    padding: 10px;
  }
  body .drawMockup .buttonSaveConfig {
    margin-top: 0;
    margin-left: 0;
  }
  body .drawMockup {
    align-content: flex-start;
  }
}
/* Styles for desktop screens */
@media (min-width: 1466px) and (max-width: 1919px) {
  /* CSS rules here */
  body .paddingLogo .paddingLogoDiv {
    margin-top: 10px;
  }
}
/* Styles for large desktop screens */
@media (min-width: 1920px) {
  /* CSS rules here */
}
.productsList ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.productsList ul.columns-4 li {
  box-sizing: border-box;
  flex: 0 0 25%;
  flex-grow: 1;
  padding: 15px;
  max-width: 25%;
}
.productsList ul.columns-4 li h2, .productsList ul.columns-4 li .onsale {
  display: none;
}
.productsList ul.columns-4 li .box {
  background: #C3C3FC 0% 0% no-repeat padding-box;
  box-shadow: 2px 5px 10px rgba(41, 41, 206, 0.1803921569);
  border-radius: 11px;
  position: relative;
  padding: 30px;
  text-align: center;
}
.productsList ul.columns-4 li .box span.creditos {
  background-color: white;
  border-radius: 50px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 35px;
  height: 35px;
  font-size: 14px;
  color: #2929CE;
  padding-top: 8px;
}
.productsList ul.columns-4 li .box span.price {
  width: 100%;
  margin: 15px 0px;
  display: inline-block;
  color: #2929CE;
  font-weight: bold;
}
.productsList ul.columns-4 li .box span.price ins {
  text-decoration: none;
}
.productsList ul.columns-4 li .box .button {
  color: white;
  background: var(---9999ff-iris) 0% 0% no-repeat padding-box;
  background: #9999FF 0% 0% no-repeat padding-box;
  border-radius: 12px;
  text-align: center;
  display: inline-block;
}
.productsList ul.columns-4 li .box .button i {
  margin-right: 5px;
}

.editorWp h3 {
  font-size: 22px;
  border-bottom: 1px solid #04E047;
  font-weight: normal;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.editorWp p {
  color: #707070;
  font-size: 14px;
}

.woocommerce-message {
  border-top: 0px none;
  margin: 10px 0px 30px 0px;
}
.woocommerce-message .button {
  margin-bottom: 10px;
}

.btnCreateCard {
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  margin-top: 20px;
}
.btnCreateCard span {
  text-decoration: none;
}

.tableRascunhos {
  width: 100%;
  border: 0px;
  margin-top: 40px;
}
.tableRascunhos th {
  padding: 10px;
  text-align: left;
}
.tableRascunhos th:last-child {
  text-align: right;
}
.tableRascunhos td:last-child {
  text-align: right;
}
.tableRascunhos td, .tableRascunhos th {
  border-bottom: 1px solid #2929CE;
  padding: 10px 0px;
}
.tableRascunhos .button {
  text-decoration: none;
  color: white;
  display: inline-block;
}

/*# sourceMappingURL=style.css.map */