
.node.css1 > .wrapper1 { background-image: linear-gradient(to bottom, rgb(245, 239, 243) 0%, rgb(244, 213, 224) 100%) }
.node.css1  { color: #333 }
.node.css1  > .padding_top { padding-top: 18px }
.node.css1  > .padding_bottom { padding-bottom: 18px }
.node.css1 a { color: rgb(230, 25, 162) }
.node.css2  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css2 a { color: rgb(230, 25, 162) }
.node.css3  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 33px; padding-right: 58px }
.node.css3 a { color: rgb(230, 25, 162) }
.node.css4 img { width: calc(1 * var(--width)) }
.node.css4 .bgnormal { text-align: center }
.screen-xs .node.css4 img { width: calc(0.55 * var(--width))!important }
.node.css5  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css5 a { color: rgb(230, 25, 162) }
.node.css6  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 69px; padding-right: 58px }
.node.css6 a { color: rgb(230, 25, 162) }
.soc-icon.css7 .link .bg {border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;width: 25px;height: 25px;padding: 4px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;color: rgb(255, 255, 255);border-color: rgb(0, 0, 0);background: rgb(0, 0, 0);}.soc-icon.css7 .link:hover .bg {color: rgb(255, 255, 255);border-color: rgb(0, 0, 0);background: rgb(253, 81, 145);}.soc-icon.css7 .link:active .bg {color: rgb(255, 255, 255);border-color: rgb(0, 0, 0);background: rgb(0, 0, 0);}.soc-icon.css7 span { line-height: 25px }
.node.css8  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 140px; padding-right: 17px }
.node.css8 a { color: rgb(230, 25, 162) }
.btn.css9 { text-align: center } .btn.css9 { background-color: rgba(253, 37, 117, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(230, 2, 86);padding-top: 6px;padding-bottom: 6px;font-size: 15px;color: rgb(0, 0, 0)!important;font-family: Manrope; } .btn.css9:hover, .btn.css9.hover { background-color: rgba(253, 8, 99, 0);border-color: rgb(184, 2, 69);color: rgb(0, 0, 0)!important; } .btn.css9:active, .btn.css9.active { background-color: rgba(233, 2, 88, 0);border-color: rgb(207, 2, 78);color: rgb(0, 0, 0)!important; } .btn.css9:before {  } .btn.css9:active:before, .btn.css9.active:before { background-color: rgba(233, 2, 88, 0); }
.modal.css10 .modal-dialog { width: 1200px }
.screen-xs .modal.css10 .modal-dialog { width: 400px!important }
.metahtml.css11 .modal-dialog {
  background: rgba(247, 248, 252, 1);
  margin: 0px;
}

.metahtml.css11 .modal4-root {
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: scale(1.1);
  transition: 300ms all ease-out;
}

.metahtml.css11 .modal4-root.is-active {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css11 .modal4-root.is-hiding {
  opacity: 0;
  transform: scale(0.9);
}

.metahtml.css11 .modal4-panel1 {
  padding: 15px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.metahtml.css11 .modal4-panel2 {
  padding: 15px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.metahtml.css11 .modal4-close {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  top: 30px;
  right: 68px;
  transition: transform 200ms;
  z-index: 9999;
  border: #FFFFFFcc;
}

.metahtml.css11 .modal4-close-h,
.metahtml.css11 .modal4-close-v {
  background-color: black;
  display: block;
  width: 25px;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
}

.metahtml.css11 .modal4-close-h {
  transform: translate(-50%, -50%) rotate(135deg);
}

.metahtml.css11 .modal4-close-v {
  transform: translate(-50%, -50%) rotate(45deg);
}

.metahtml.css11 .modal4-close:hover {
  transform: scale(1.1);
}
.node.css12  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 0px }
.node.css12 a { color: rgb(230, 25, 162) }
.node.css13  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 24px; padding-right: 134px }
.node.css13 a { color: rgb(230, 25, 162) }
.node.css14 img { width: calc(1 * var(--width)) }
.node.css14 .bgnormal { text-align: center }
.soc-icon.css15 .link .bg {border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;width: 28px;height: 28px;padding: 4px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;color: rgb(255, 255, 255);border-color: rgb(0, 0, 0);background: rgb(0, 0, 0);}.soc-icon.css15 .link:hover .bg {color: rgb(255, 255, 255);border-color: rgb(0, 0, 0);background: rgb(253, 81, 145);}.soc-icon.css15 .link:active .bg {color: rgb(255, 255, 255);border-color: rgb(0, 0, 0);background: rgb(0, 0, 0);}.soc-icon.css15 span { line-height: 28px }
.node.css16  { color: #333; padding-top: 10px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px }
.node.css16 a { color: rgb(230, 25, 162) }
.btn.css17 { text-align: center } .btn.css17 { background-color: rgba(0, 0, 0, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(0, 0, 0);padding-top: 8px;padding-bottom: 8px;font-size: 16px;color: rgb(0, 0, 0)!important;font-family: Manrope; } .btn.css17:hover, .btn.css17.hover { background-color: rgba(253, 37, 117, 0);border-color: rgb(0, 0, 0);color: rgb(253, 37, 117)!important; } .btn.css17:active, .btn.css17.active { background-color: rgba(253, 37, 117, 0);border-color: rgb(230, 2, 86);color: rgb(253, 37, 117)!important; } .btn.css17:before {  } .btn.css17:active:before, .btn.css17.active:before { background-color: rgba(253, 37, 117, 0); }
.node.css18 > .max-width { max-width: 330px; margin-left: auto; margin-right: auto }
.btn.css19 { text-align: center } .btn.css19 { background-color: rgb(253, 37, 117);border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(230, 2, 86);padding-top: 10px;padding-bottom: 10px;font-size: 18px;color: rgb(255, 255, 255)!important;font-family: Manrope; } .btn.css19:hover, .btn.css19.hover { background-color: rgb(253, 8, 99);border-color: rgb(184, 2, 69);color: rgb(255, 255, 255)!important; } .btn.css19:active, .btn.css19.active { background-color: rgb(233, 2, 88);border-color: rgb(207, 2, 78);color: rgb(255, 255, 255)!important; } .btn.css19:before {  } .btn.css19:active:before, .btn.css19.active:before { background-color: rgb(233, 2, 88); }
.node.css20  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 35px }
.node.css20 a { color: rgb(230, 25, 162) }
.metahtml.css21 .btn.css11 {
  background-color: #FD2557;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-style: solid;
  padding-top: 16px;
  padding-bottom: 8px;
  font-size: 14px;
  color: rgb(255, 255, 255) !important;
  font-family: 'Manrope', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  height: 55px;
  width: 357px;
  text-align: center;
}
.modal.css22 .modal-dialog { width: 400px }
.metahtml.css23 .modal4-root {
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: scale(1.1);
  transition: 300ms all ease-out;
}

.metahtml.css23 .modal4-root.is-active {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css23 .modal4-root.is-hiding {
  opacity: 0;
  transform: scale(0.9);
}

.metahtml.css23 .modal4-panel1 {
  padding: 15px;
  background-color: rgb(253, 37, 117);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.metahtml.css23 .modal4-panel2 {
  padding: 15px;
  background-color: rgb(255, 255, 255);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.metahtml.css23 .modal4-close {
  cursor: pointer;
  background-color: white;
  border: 2px solid black;
  border-radius: 100px;
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  top: -10px;
  right: -10px;
  transition: transform 200ms;
}

.metahtml.css23 .modal4-close-h,
.metahtml.css23 .modal4-close-v {
  background-color: black;
  display: block;
  width: 16px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
}

.metahtml.css23 .modal4-close-h {
  transform: translate(-50%, -50%) rotate(135deg);
}

.metahtml.css23 .modal4-close-v {
  transform: translate(-50%, -50%) rotate(45deg);
}

.metahtml.css23 .modal4-close:hover {
  transform: scale(1.1);
}
.node.css24  { color: #FFF; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css24 a { color: rgb(230, 25, 162) }
.textable.css25  { text-align: center; font-family: Vetrino; font-size: 28px; font-weight: 400; line-height: 1.1; letter-spacing: 0.028571428571428574em; opacity: 1 }
.screen-xs .textable.css25  { text-align: center!important }
.textable.css26  { text-align: center; font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: 0em; opacity: 0.65 }
.screen-xs .textable.css26  { text-align: center!important }
.metahtml.css27 .form1-cover {
  padding: 10px 5px;
  background-color: transparent;
  border-color: rgb(253, 37, 117);
  border-style: none;
  border-width: 2px;
  border-radius: 5px;
  box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.node.css28  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px }
.node.css28 a { color: rgb(230, 25, 162) }
.metahtml.css29 [cr-field] {
  padding-bottom: 14px;
  font-size: 14px;
  font-family: Manrope;
}

.metahtml.css29 .name {
  font-weight: normal;
  font-family: Manrope;
  opacity: 0.8;
  margin-bottom: 6.5px;
  font-size: 13px;
  word-wrap: break-word;
  text-transform: uppercase;;
  letter-spacing: 0.1em;;
}

.metahtml.css29 .form-control {
  height: auto;
  line-height: 1.2;
  box-shadow: none;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  padding: 12px 9.6px;
  font-size: 14px;
  cursor: initial;
}

.metahtml.css29 .form-control:focus,
.metahtml.css29 .form-control:focus-within {
  border-color: rgb(253, 37, 117);
  background-color: rgb(252, 252, 252);
}

.metahtml.css29 .form-control + .form-control {
  margin-top: 10px;
}

.metahtml.css29 label {
  font-weight: normal;
  display: block;
  cursor: pointer;
}

.metahtml.css29 textarea {
  resize: vertical;
}

.metahtml.css29 .checkbox {
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0 5.5px 0 0;
  line-height: 0;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 2px;
}

.metahtml.css29 .checkbox svg {
  width: 100%;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css29 input:hover ~ .checkbox,
.metahtml.css29 input:focus ~ .checkbox {
  border-color: rgb(254, 146, 186);
}

.metahtml.css29 input:checked ~ .checkbox {
  border-color: rgb(253, 8, 99);
  background-color: rgb(253, 37, 117);
}

.metahtml.css29 input:active ~ .checkbox {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css29 input:checked ~ .checkbox svg {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css29 .radio {
  margin: 0;
  margin: 0 5.5px 0 0;
  padding: 0;
  line-height: 0;
  width: 22px;
  height: 22px;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 100px;
}

.metahtml.css29 .radio:before {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  content: '';
  display: block;
  background-color: white;
  border-radius: 100px;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css29 input:hover ~ .radio,
.metahtml.css29 input:focus ~ .radio {
  border-color: rgb(254, 146, 186);
}

.metahtml.css29 input:active ~ .radio {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css29 input:checked ~ .radio {
  border-color: rgb(253, 8, 99);
  background-color: rgb(253, 37, 117);
}

.metahtml.css29 input:checked ~ .radio:before {
  opacity: 1;
  transform: scale(0.5);
}

.metahtml.css29 [cr-field="checkbox-list"] span {
  vertical-align: middle;
}

.metahtml.css29 [cr-field="checkbox-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css29 [cr-field="checkbox-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css29 [cr-field="checkbox-visual"] {
  overflow: hidden;
}

.metahtml.css29 [cr-field="checkbox-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css29 [cr-field="checkbox-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css29 [cr-field="checkbox-visual"] label {
  position: relative;
}

.metahtml.css29 [cr-field="checkbox-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css29 [cr-field="checkbox-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css29 [cr-field="checkbox-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(253, 37, 117, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css29 [cr-field="checkbox-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css29 [cr-field="checkbox-visual"] .subname {
  margin: 7px 0;
  word-wrap: break-word;
}

.metahtml.css29 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick,
.metahtml.css29 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css29 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick,
.metahtml.css29 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css29 [cr-field="checkbox-input"] span {
  vertical-align: middle;
}

.metahtml.css29 [cr-field="checkbox-input"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css29 [cr-field="radio-list"] span {
  vertical-align: middle;
}

.metahtml.css29 [cr-field="radio-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css29 [cr-field="radio-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css29 [cr-field="radio-visual"] {
  overflow: hidden;
}

.metahtml.css29 [cr-field="radio-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css29 [cr-field="radio-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css29 [cr-field="radio-visual"] label {
  position: relative;
}

.metahtml.css29 [cr-field="radio-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css29 [cr-field="radio-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css29 [cr-field="radio-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(253, 37, 117, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css29 [cr-field="radio-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css29 [cr-field="radio-visual"] .subname {
  margin: 7px 0;
  word-wrap: break-word;
}

.metahtml.css29 [cr-field="radio-visual"] input:hover ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css29 [cr-field="radio-visual"] input:checked ~ .bgimage .tick,
.metahtml.css29 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css29 [cr-field="select-menu"] select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  color: black;
}

.metahtml.css29 [cr-field="select-menu"] .fa {
  font-size: 20px;
  line-height: 0;
  opacity: 0.5;
  vertical-align: middle;
}

.metahtml.css29 [cr-field="select-menu"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css29 [cr-field="select-menu"] .flexgrid .left {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css29 [cr-field="file"] svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-top: -5px;
  margin-bottom: -5px;
}

.metahtml.css29 [cr-field="file"] span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.metahtml.css29 [cr-field="file"] input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 0;
}

.metahtml.css29 [cr-field="file"] .clean {
  float: right;
  opacity: 0.5;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.metahtml.css29 [cr-field="file"] .clean:hover {
  opacity: 1;
}

.metahtml.css29 [cr-field="file"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css29 [cr-field="file"] .flexgrid .center {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css29 [cr-field="result"] .flexgrid.align-sides {
  display: flex;
  align-items: center;
}

.metahtml.css29 [cr-field="result"] .flexgrid.align-sides .left .name {
  margin-bottom: 0;
}

.metahtml.css29 [cr-field="result"] .flexgrid.align-center .left {
  text-align: center;
}

.metahtml.css29 [cr-field="result"] .flexgrid.align-right .left {
  text-align: right;
}

.metahtml.css29 [cr-field="result"] .flexgrid .right {
  flex-grow: 1;
  min-width: 25%;
  word-wrap: break-word;
  text-align: right;
  font-size: 120%;
}

.metahtml.css29 [cr-field="result"] .flexgrid.align-left .right {
  text-align: left;
}

.metahtml.css29 [cr-field="result"] .flexgrid.align-center .right {
  text-align: center;
}

.metahtml.css29 [cr-field="result"] .flexgrid.align-right .right {
  text-align: right;
}

.metahtml.css29 [cr-field="privacy-button"] .open {
  text-align: center;
  opacity: 0.5;
  font-size: 80%;
  cursor: pointer;
}

.metahtml.css29 [cr-field="privacy-button"] .open a {
  color: inherit;
  text-decoration: none;
}

.metahtml.css29 [cr-field="privacy-checkbox"] {
  font-size: 80%;
}

.metahtml.css29 [cr-field="privacy-checkbox"] span {
  vertical-align: middle;
}

.metahtml.css29 [cr-field="privacy-checkbox"] a {
  vertical-align: middle;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css29 [cr-field="privacy-checkbox"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css29 [cr-field="privacy-text"] {
  font-size: 80%;
  text-align: center;
}

.metahtml.css29 [cr-field="privacy-text"] a {
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css29 [cr-field="hidden"] {
  opacity: 0.25;
}
.btn.css30 { text-align: center } .btn.css30 { background-color: rgb(253, 37, 117);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(230, 2, 86);padding-top: 14px;padding-bottom: 14px;font-size: 16px;color: rgb(255, 255, 255)!important;font-family: Manrope; } .btn.css30:hover, .btn.css30.hover { background-color: rgb(253, 8, 99);border-color: rgb(184, 2, 69);color: rgb(255, 255, 255)!important; } .btn.css30:active, .btn.css30.active { background-color: rgb(233, 2, 88);border-color: rgb(207, 2, 78);color: rgb(255, 255, 255)!important; } .btn.css30:before {  } .btn.css30:active:before, .btn.css30.active:before { background-color: rgb(233, 2, 88); }
.node.css31  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.node.css31 a { color: rgb(230, 25, 162) }
.node.css32 .padding { height: 20px }
.node.css33  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px }
.node.css33 a { color: rgb(230, 25, 162) }
.node.css34  { color: #333; padding-top: 0px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css34 a { color: rgb(230, 25, 162) }
.node.css35  { color: #333; padding-top: 10px; padding-bottom: 0px; padding-left: 21px; padding-right: 5px }
.node.css35 a { color: rgb(230, 25, 162) }
.textable.css36  { text-align: left; font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 }
.node.css37  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 21px; padding-right: 5px }
.node.css37 a { color: rgb(230, 25, 162) }
.textable.css38  { text-align: left; font-family: Manrope; font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; color: rgb(253, 37, 119); opacity: 1 }
.node.css39  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 47px }
.node.css39 a { color: rgb(230, 25, 162) }
.textable.css40  { text-align: right; font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 }
.screen-xs .textable.css40  { text-align: right!important }
.node.css41  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 5px }
.node.css41 a { color: rgb(230, 25, 162) }
.btn.css42 { text-align: center } .btn.css42 { background-color: rgba(253, 37, 117, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(230, 2, 86);padding-top: 8px;padding-bottom: 8px;font-size: 14px;color: rgb(0, 0, 0)!important;font-family: Manrope; } .btn.css42:hover, .btn.css42.hover { background-color: rgba(253, 8, 99, 0);border-color: rgb(184, 2, 69);color: rgb(0, 0, 0)!important; } .btn.css42:active, .btn.css42.active { background-color: rgba(233, 2, 88, 0);border-color: rgb(207, 2, 78);color: rgb(0, 0, 0)!important; } .btn.css42:before {  } .btn.css42:active:before, .btn.css42.active:before { background-color: rgba(233, 2, 88, 0); }
.node.css43  { color: #333; padding-top: 10px; padding-bottom: 0px; padding-left: 5px; padding-right: 35px }
.node.css43 a { color: rgb(230, 25, 162) }
.textable.css44  { text-align: right; font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 }
.node.css45  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 49px }
.node.css45 a { color: rgb(230, 25, 162) }
.textable.css46  { text-align: right; font-family: Manrope; font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; color: rgb(253, 37, 119); opacity: 1 }
.node.css47 > .wrapper1 { background-image: linear-gradient(to bottom, rgb(245, 239, 243) 0%, rgb(244, 213, 224) 100%) }
.node.css47  { color: #333 }
.node.css47  > .padding_top { padding-top: 10px }
.node.css47  > .padding_bottom { padding-bottom: 10px }
.node.css47 a { color: rgb(230, 25, 162) }
.btn.css48 { text-align: center } .btn.css48 { background-color: rgba(253, 37, 119, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(230, 2, 89);padding-top: 8px;padding-bottom: 8px;font-size: 14px;color: rgb(0, 0, 0)!important;font-family: Manrope; } .btn.css48:hover, .btn.css48.hover { background-color: rgba(253, 8, 101, 0);border-color: rgb(184, 2, 71);color: rgb(0, 0, 0)!important; } .btn.css48:active, .btn.css48.active { background-color: rgba(233, 2, 90, 0);border-color: rgb(207, 2, 80);color: rgb(0, 0, 0)!important; } .btn.css48:before {  } .btn.css48:active:before, .btn.css48.active:before { background-color: rgba(233, 2, 90, 0); }
.modal.css49 .modal-dialog { width: 1200px }
.screen-xs .modal.css49 .modal-dialog { width: 360px!important }
.metahtml.css50 .modal-dialog {
  background: rgba(247, 248, 252, 1);
  margin: 0px;
}

.metahtml.css50 .modal4-root {
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: scale(1.1);
  transition: 300ms all ease-out;
}

.metahtml.css50 .modal4-root.is-active {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css50 .modal4-root.is-hiding {
  opacity: 0;
  transform: scale(0.9);
}

.metahtml.css50 .modal4-panel1 {
  padding: 15px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.metahtml.css50 .modal4-panel2 {
  padding: 15px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.metahtml.css50 .modal4-close {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  top: 30px;
  right: 30px;
  transition: transform 200ms;
  z-index: 9999;
  border: #FFFFFFcc;
}

.metahtml.css50 .modal4-close-h,
.metahtml.css50 .modal4-close-v {
  background-color: black;
  display: block;
  width: 25px;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
}

.metahtml.css50 .modal4-close-h {
  transform: translate(-50%, -50%) rotate(135deg);
}

.metahtml.css50 .modal4-close-v {
  transform: translate(-50%, -50%) rotate(45deg);
}

.metahtml.css50 .modal4-close:hover {
  transform: scale(1.1);
}
.soc-icon.css51 .link .bg {border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;width: 28px;height: 28px;padding: 4px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;color: rgb(255, 255, 255);border-color: rgb(0, 0, 0);background: rgb(0, 0, 0);}.soc-icon.css51 .link:hover .bg {color: rgb(255, 255, 255);border-color: rgb(0, 0, 0);background: rgb(253, 81, 146);}.soc-icon.css51 .link:active .bg {color: rgb(255, 255, 255);border-color: rgb(0, 0, 0);background: rgb(0, 0, 0);}.soc-icon.css51 span { line-height: 28px }
.btn.css52 { text-align: center } .btn.css52 { background-color: rgb(253, 37, 119);border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(230, 2, 89);padding-top: 10px;padding-bottom: 10px;font-size: 18px;color: rgb(255, 255, 255)!important;font-family: Manrope; } .btn.css52:hover, .btn.css52.hover { background-color: rgb(253, 8, 101);border-color: rgb(184, 2, 71);color: rgb(255, 255, 255)!important; } .btn.css52:active, .btn.css52.active { background-color: rgb(233, 2, 90);border-color: rgb(207, 2, 80);color: rgb(255, 255, 255)!important; } .btn.css52:before {  } .btn.css52:active:before, .btn.css52.active:before { background-color: rgb(233, 2, 90); }
.metahtml.css53 .modal4-root {
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: scale(1.1);
  transition: 300ms all ease-out;
}

.metahtml.css53 .modal4-root.is-active {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css53 .modal4-root.is-hiding {
  opacity: 0;
  transform: scale(0.9);
}

.metahtml.css53 .modal4-panel1 {
  padding: 15px;
  background-color: rgb(253, 37, 119);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.metahtml.css53 .modal4-panel2 {
  padding: 15px;
  background-color: rgb(255, 255, 255);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.metahtml.css53 .modal4-close {
  cursor: pointer;
  background-color: white;
  border: 2px solid black;
  border-radius: 100px;
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  top: -10px;
  right: -10px;
  transition: transform 200ms;
}

.metahtml.css53 .modal4-close-h,
.metahtml.css53 .modal4-close-v {
  background-color: black;
  display: block;
  width: 16px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
}

.metahtml.css53 .modal4-close-h {
  transform: translate(-50%, -50%) rotate(135deg);
}

.metahtml.css53 .modal4-close-v {
  transform: translate(-50%, -50%) rotate(45deg);
}

.metahtml.css53 .modal4-close:hover {
  transform: scale(1.1);
}
.metahtml.css54 .form1-cover {
  padding: 10px 5px;
  background-color: transparent;
  border-color: rgb(253, 37, 119);
  border-style: none;
  border-width: 2px;
  border-radius: 5px;
  box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.metahtml.css55 [cr-field] {
  padding-bottom: 14px;
  font-size: 14px;
  font-family: Manrope;
}

.metahtml.css55 .name {
  font-weight: normal;
  font-family: Manrope;
  opacity: 0.8;
  margin-bottom: 6.5px;
  font-size: 13px;
  word-wrap: break-word;
  text-transform: uppercase;;
  letter-spacing: 0.1em;;
}

.metahtml.css55 .form-control {
  height: auto;
  line-height: 1.2;
  box-shadow: none;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  padding: 12px 9.6px;
  font-size: 14px;
  cursor: initial;
}

.metahtml.css55 .form-control:focus,
.metahtml.css55 .form-control:focus-within {
  border-color: rgb(253, 37, 119);
  background-color: rgb(252, 252, 252);
}

.metahtml.css55 .form-control + .form-control {
  margin-top: 10px;
}

.metahtml.css55 label {
  font-weight: normal;
  display: block;
  cursor: pointer;
}

.metahtml.css55 textarea {
  resize: vertical;
}

.metahtml.css55 .checkbox {
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0 5.5px 0 0;
  line-height: 0;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 2px;
}

.metahtml.css55 .checkbox svg {
  width: 100%;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css55 input:hover ~ .checkbox,
.metahtml.css55 input:focus ~ .checkbox {
  border-color: rgb(254, 146, 187);
}

.metahtml.css55 input:checked ~ .checkbox {
  border-color: rgb(253, 8, 101);
  background-color: rgb(253, 37, 119);
}

.metahtml.css55 input:active ~ .checkbox {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css55 input:checked ~ .checkbox svg {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css55 .radio {
  margin: 0;
  margin: 0 5.5px 0 0;
  padding: 0;
  line-height: 0;
  width: 22px;
  height: 22px;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 100px;
}

.metahtml.css55 .radio:before {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  content: '';
  display: block;
  background-color: white;
  border-radius: 100px;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css55 input:hover ~ .radio,
.metahtml.css55 input:focus ~ .radio {
  border-color: rgb(254, 146, 187);
}

.metahtml.css55 input:active ~ .radio {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css55 input:checked ~ .radio {
  border-color: rgb(253, 8, 101);
  background-color: rgb(253, 37, 119);
}

.metahtml.css55 input:checked ~ .radio:before {
  opacity: 1;
  transform: scale(0.5);
}

.metahtml.css55 [cr-field="checkbox-list"] span {
  vertical-align: middle;
}

.metahtml.css55 [cr-field="checkbox-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css55 [cr-field="checkbox-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css55 [cr-field="checkbox-visual"] {
  overflow: hidden;
}

.metahtml.css55 [cr-field="checkbox-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css55 [cr-field="checkbox-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css55 [cr-field="checkbox-visual"] label {
  position: relative;
}

.metahtml.css55 [cr-field="checkbox-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css55 [cr-field="checkbox-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css55 [cr-field="checkbox-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(253, 37, 119, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css55 [cr-field="checkbox-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css55 [cr-field="checkbox-visual"] .subname {
  margin: 7px 0;
  word-wrap: break-word;
}

.metahtml.css55 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick,
.metahtml.css55 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css55 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick,
.metahtml.css55 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css55 [cr-field="checkbox-input"] span {
  vertical-align: middle;
}

.metahtml.css55 [cr-field="checkbox-input"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css55 [cr-field="radio-list"] span {
  vertical-align: middle;
}

.metahtml.css55 [cr-field="radio-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css55 [cr-field="radio-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css55 [cr-field="radio-visual"] {
  overflow: hidden;
}

.metahtml.css55 [cr-field="radio-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css55 [cr-field="radio-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css55 [cr-field="radio-visual"] label {
  position: relative;
}

.metahtml.css55 [cr-field="radio-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css55 [cr-field="radio-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css55 [cr-field="radio-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(253, 37, 119, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css55 [cr-field="radio-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css55 [cr-field="radio-visual"] .subname {
  margin: 7px 0;
  word-wrap: break-word;
}

.metahtml.css55 [cr-field="radio-visual"] input:hover ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css55 [cr-field="radio-visual"] input:checked ~ .bgimage .tick,
.metahtml.css55 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css55 [cr-field="select-menu"] select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  color: black;
}

.metahtml.css55 [cr-field="select-menu"] .fa {
  font-size: 20px;
  line-height: 0;
  opacity: 0.5;
  vertical-align: middle;
}

.metahtml.css55 [cr-field="select-menu"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css55 [cr-field="select-menu"] .flexgrid .left {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css55 [cr-field="file"] svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-top: -5px;
  margin-bottom: -5px;
}

.metahtml.css55 [cr-field="file"] span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.metahtml.css55 [cr-field="file"] input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 0;
}

.metahtml.css55 [cr-field="file"] .clean {
  float: right;
  opacity: 0.5;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.metahtml.css55 [cr-field="file"] .clean:hover {
  opacity: 1;
}

.metahtml.css55 [cr-field="file"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css55 [cr-field="file"] .flexgrid .center {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css55 [cr-field="result"] .flexgrid.align-sides {
  display: flex;
  align-items: center;
}

.metahtml.css55 [cr-field="result"] .flexgrid.align-sides .left .name {
  margin-bottom: 0;
}

.metahtml.css55 [cr-field="result"] .flexgrid.align-center .left {
  text-align: center;
}

.metahtml.css55 [cr-field="result"] .flexgrid.align-right .left {
  text-align: right;
}

.metahtml.css55 [cr-field="result"] .flexgrid .right {
  flex-grow: 1;
  min-width: 25%;
  word-wrap: break-word;
  text-align: right;
  font-size: 120%;
}

.metahtml.css55 [cr-field="result"] .flexgrid.align-left .right {
  text-align: left;
}

.metahtml.css55 [cr-field="result"] .flexgrid.align-center .right {
  text-align: center;
}

.metahtml.css55 [cr-field="result"] .flexgrid.align-right .right {
  text-align: right;
}

.metahtml.css55 [cr-field="privacy-button"] .open {
  text-align: center;
  opacity: 0.5;
  font-size: 80%;
  cursor: pointer;
}

.metahtml.css55 [cr-field="privacy-button"] .open a {
  color: inherit;
  text-decoration: none;
}

.metahtml.css55 [cr-field="privacy-checkbox"] {
  font-size: 80%;
}

.metahtml.css55 [cr-field="privacy-checkbox"] span {
  vertical-align: middle;
}

.metahtml.css55 [cr-field="privacy-checkbox"] a {
  vertical-align: middle;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css55 [cr-field="privacy-checkbox"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css55 [cr-field="privacy-text"] {
  font-size: 80%;
  text-align: center;
}

.metahtml.css55 [cr-field="privacy-text"] a {
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css55 [cr-field="hidden"] {
  opacity: 0.25;
}
.btn.css56 { text-align: center } .btn.css56 { background-color: rgb(253, 37, 119);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(230, 2, 89);padding-top: 14px;padding-bottom: 14px;font-size: 16px;color: rgb(255, 255, 255)!important;font-family: Manrope; } .btn.css56:hover, .btn.css56.hover { background-color: rgb(253, 8, 101);border-color: rgb(184, 2, 71);color: rgb(255, 255, 255)!important; } .btn.css56:active, .btn.css56.active { background-color: rgb(233, 2, 90);border-color: rgb(207, 2, 80);color: rgb(255, 255, 255)!important; } .btn.css56:before {  } .btn.css56:active:before, .btn.css56.active:before { background-color: rgb(233, 2, 90); }
.textable.css57  { text-align: right; font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 }
.screen-xs .textable.css57  { text-align: center!important }
.node.css58 > .wrapper1 { background-image: linear-gradient(to bottom, rgb(244, 213, 224) 0%, rgb(187, 187, 210) 100%) }
.node.css58  { color: #333 }
.node.css58 a { color: rgb(230, 25, 98) }
.node.css59 > .zero-grid { height: 585px }
.screen-xs .node.css59 > .zero-grid { height: 400px!important }
.zero-layer.css60  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 13; transform: scale(1, 1)  }
.zero-layer.css60  > .zero-layer-axis { height: 585px }
.zero-layer.css60  > .zero-layer-axis > .zero-layer-frame { left: 394.5px; top: 493px; width: 392px }
.screen-xs .zero-layer.css60  > .zero-layer-axis { height: 400px!important }
.screen-xs .zero-layer.css60  > .zero-layer-axis > .zero-layer-frame { left: 25px!important; top: 328.5px!important; width: 270px!important }
.node.css61  { color: #333; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px }
.node.css61 a { color: rgb(230, 25, 98) }
.btn.css62 { text-align: center } .btn.css62 { background-color: rgb(253, 37, 119);border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(230, 2, 89);padding-top: 10px;padding-bottom: 10px;font-size: 20px;color: rgb(255, 255, 255)!important;font-family: Manrope; } .btn.css62:hover, .btn.css62.hover { background-color: rgb(253, 8, 101);border-color: rgb(184, 2, 71);color: rgb(255, 255, 255)!important; } .btn.css62:active, .btn.css62.active { background-color: rgb(233, 2, 90);border-color: rgb(207, 2, 80);color: rgb(255, 255, 255)!important; } .btn.css62:before {  } .btn.css62:active:before, .btn.css62.active:before { background-color: rgb(233, 2, 90); }.area.screen-xs .btn.css62 { font-size: 14px; }
.modal.css63 .modal-dialog { width: 800px }
.metahtml.css64 .modal2-root {
  border-radius: 20px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: scale(1.1);
  transition: 300ms all ease-out;
}

.metahtml.css64 .modal2-root.is-active {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css64 .modal2-root.is-hiding {
  opacity: 0;
  transform: scale(0.9);
}

.metahtml.css64 .modal2-panel {
  padding: 15px;
  border-radius: 20px;
  background-image: linear-gradient(
    to right,
    #E6EBFF,
    #FFD8E1,
    #DDDDE9
  );
  opacity: 1;
}

.metahtml.css64 .modal2-divider {
  margin-top: 10px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
}

.metahtml.css64 .modal2-close {
  cursor: pointer;
  background-color: white;
  border: 2px solid black;
  border-radius: 100px;
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 0;
  top: -10px;
  right: -10px;
  transition: transform 200ms;
}

.metahtml.css64 .modal2-close-h,
.metahtml.css64 .modal2-close-v {
  background-color: black;
  display: block;
  width: 16px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
}

.metahtml.css64 .modal2-close-h {
  transform: translate(-50%, -50%) rotate(135deg);
}

.metahtml.css64 .modal2-close-v {
  transform: translate(-50%, -50%) rotate(45deg);
}

.metahtml.css64 .modal2-close:hover {
  transform: scale(1.1);
}
.node.css65  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css65 a { color: rgb(230, 25, 98) }
.textable.css66  { text-align: center; font-family: Vetrino; font-size: 48px; font-weight: 400; line-height: 1.1; letter-spacing: 0.028571428571428574em; color: rgb(0, 0, 0); opacity: 1 }
.screen-xs .textable.css66  { text-align: center!important }
.textable.css67  { text-align: center; font-family: Vetrino; font-size: 32px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; color: rgb(253, 37, 119); opacity: 1 }
.node.css68  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css68 a { color: rgb(230, 25, 98) }
.textable.css69  { text-align: center; font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 }
.node.css70  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px }
.node.css70 a { color: rgb(230, 25, 98) }
.metahtml.css71 [cr-field] {
  padding-bottom: 14px;
  font-size: 14px;
  font-family: Manrope;
}

.metahtml.css71 .name {
  font-weight: normal;
  font-family: Manrope;
  opacity: 0.8;
  margin-bottom: 6.5px;
  border-radius: 15px;
  font-size: 13px;
  word-wrap: break-word;
  text-transform: uppercase;;
  letter-spacing: 0.1em;;
}

.metahtml.css71 .form-control {
  height: auto;
  line-height: 1.2;
  box-shadow: none;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 12px 9.6px;
  font-size: 14px;
  cursor: initial;
}

.metahtml.css71 .form-control:focus,
.metahtml.css71 .form-control:focus-within {
  border-color: rgb(253, 37, 119);
  background-color: rgb(252, 252, 252);
}

.metahtml.css71 .form-control + .form-control {
  margin-top: 10px;
}

.metahtml.css71 label {
  font-weight: normal;
  display: block;
  cursor: pointer;
}

.metahtml.css71 textarea {
  resize: vertical;
}

.metahtml.css71 .checkbox {
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0 5.5px 0 0;
  line-height: 0;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 2px;
}

.metahtml.css71 .checkbox svg {
  width: 100%;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css71 input:hover ~ .checkbox,
.metahtml.css71 input:focus ~ .checkbox {
  border-color: rgb(254, 146, 187);
}

.metahtml.css71 input:checked ~ .checkbox {
  border-color: rgb(253, 8, 101);
  background-color: rgb(253, 37, 119);
}

.metahtml.css71 input:active ~ .checkbox {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css71 input:checked ~ .checkbox svg {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css71 .radio {
  margin: 0;
  margin: 0 5.5px 0 0;
  padding: 0;
  line-height: 0;
  width: 22px;
  height: 22px;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 100px;
}

.metahtml.css71 .radio:before {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  content: '';
  display: block;
  background-color: white;
  border-radius: 100px;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css71 input:hover ~ .radio,
.metahtml.css71 input:focus ~ .radio {
  border-color: rgb(254, 146, 187);
}

.metahtml.css71 input:active ~ .radio {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css71 input:checked ~ .radio {
  border-color: rgb(253, 8, 101);
  background-color: rgb(253, 37, 119);
}

.metahtml.css71 input:checked ~ .radio:before {
  opacity: 1;
  transform: scale(0.5);
}

.metahtml.css71 [cr-field="checkbox-list"] span {
  vertical-align: middle;
}

.metahtml.css71 [cr-field="checkbox-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css71 [cr-field="checkbox-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css71 [cr-field="checkbox-visual"] {
  overflow: hidden;
}

.metahtml.css71 [cr-field="checkbox-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css71 [cr-field="checkbox-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css71 [cr-field="checkbox-visual"] label {
  position: relative;
}

.metahtml.css71 [cr-field="checkbox-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css71 [cr-field="checkbox-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css71 [cr-field="checkbox-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(253, 37, 119, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css71 [cr-field="checkbox-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css71 [cr-field="checkbox-visual"] .subname {
  margin: 7px 0;
  word-wrap: break-word;
}

.metahtml.css71 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick,
.metahtml.css71 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css71 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick,
.metahtml.css71 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css71 [cr-field="checkbox-input"] span {
  vertical-align: middle;
}

.metahtml.css71 [cr-field="checkbox-input"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css71 [cr-field="radio-list"] span {
  vertical-align: middle;
}

.metahtml.css71 [cr-field="radio-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css71 [cr-field="radio-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css71 [cr-field="radio-visual"] {
  overflow: hidden;
}

.metahtml.css71 [cr-field="radio-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css71 [cr-field="radio-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css71 [cr-field="radio-visual"] label {
  position: relative;
}

.metahtml.css71 [cr-field="radio-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css71 [cr-field="radio-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css71 [cr-field="radio-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(253, 37, 119, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css71 [cr-field="radio-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css71 [cr-field="radio-visual"] .subname {
  margin: 7px 0;
  word-wrap: break-word;
}

.metahtml.css71 [cr-field="radio-visual"] input:hover ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css71 [cr-field="radio-visual"] input:checked ~ .bgimage .tick,
.metahtml.css71 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css71 [cr-field="select-menu"] select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  color: black;
}

.metahtml.css71 [cr-field="select-menu"] .fa {
  font-size: 20px;
  line-height: 0;
  opacity: 0.5;
  vertical-align: middle;
}

.metahtml.css71 [cr-field="select-menu"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css71 [cr-field="select-menu"] .flexgrid .left {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css71 [cr-field="file"] svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-top: -5px;
  margin-bottom: -5px;
}

.metahtml.css71 [cr-field="file"] span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.metahtml.css71 [cr-field="file"] input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 0;
}

.metahtml.css71 [cr-field="file"] .clean {
  float: right;
  opacity: 0.5;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.metahtml.css71 [cr-field="file"] .clean:hover {
  opacity: 1;
}

.metahtml.css71 [cr-field="file"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css71 [cr-field="file"] .flexgrid .center {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css71 [cr-field="result"] .flexgrid.align-sides {
  display: flex;
  align-items: center;
}

.metahtml.css71 [cr-field="result"] .flexgrid.align-sides .left .name {
  margin-bottom: 0;
}

.metahtml.css71 [cr-field="result"] .flexgrid.align-center .left {
  text-align: center;
}

.metahtml.css71 [cr-field="result"] .flexgrid.align-right .left {
  text-align: right;
}

.metahtml.css71 [cr-field="result"] .flexgrid .right {
  flex-grow: 1;
  min-width: 25%;
  word-wrap: break-word;
  text-align: right;
  font-size: 120%;
}

.metahtml.css71 [cr-field="result"] .flexgrid.align-left .right {
  text-align: left;
}

.metahtml.css71 [cr-field="result"] .flexgrid.align-center .right {
  text-align: center;
}

.metahtml.css71 [cr-field="result"] .flexgrid.align-right .right {
  text-align: right;
}

.metahtml.css71 [cr-field="privacy-button"] .open {
  text-align: center;
  opacity: 0.5;
  font-size: 80%;
  cursor: pointer;
}

.metahtml.css71 [cr-field="privacy-button"] .open a {
  color: inherit;
  text-decoration: none;
}

.metahtml.css71 [cr-field="privacy-checkbox"] {
  font-size: 80%;
}

.metahtml.css71 [cr-field="privacy-checkbox"] span {
  vertical-align: middle;
}

.metahtml.css71 [cr-field="privacy-checkbox"] a {
  vertical-align: middle;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css71 [cr-field="privacy-checkbox"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css71 [cr-field="privacy-text"] {
  font-size: 80%;
  text-align: center;
}

.metahtml.css71 [cr-field="privacy-text"] a {
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css71 [cr-field="hidden"] {
  opacity: 0.25;
}
.btn.css72 { text-align: center } .btn.css72 { background-color: rgb(253, 37, 119);border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(230, 2, 89);padding-top: 14px;padding-bottom: 14px;font-size: 16px;color: rgb(255, 255, 255)!important;font-family: Manrope; } .btn.css72:hover, .btn.css72.hover { background-color: rgb(253, 8, 101);border-color: rgb(184, 2, 71);color: rgb(255, 255, 255)!important; } .btn.css72:active, .btn.css72.active { background-color: rgb(233, 2, 90);border-color: rgb(207, 2, 80);color: rgb(255, 255, 255)!important; } .btn.css72:before {  } .btn.css72:active:before, .btn.css72.active:before { background-color: rgb(233, 2, 90); }
.node.css73 > .max-width { max-width: 385px; margin-left: auto; margin-right: auto }
.metahtml.css74 [cr-field] {
  padding-bottom: 14px;
  font-size: 14px;
  font-family: Manrope;
}

.metahtml.css74 .name {
  font-weight: normal;
  font-family: Manrope;
  opacity: 0.8;
  margin-bottom: 6.5px;
  border-radius: 15px;
  font-size: 13px;
  word-wrap: break-word;
  text-transform: uppercase;;
  letter-spacing: 0.1em;;
}

.metahtml.css74 .form-control {
  height: auto;
  line-height: 1.2;
  box-shadow: none;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 12px 9.6px;
  font-size: 14px;
  cursor: initial;
}

.metahtml.css74 .form-control:focus,
.metahtml.css74 .form-control:focus-within {
  border-color: rgb(253, 37, 119);
  background-color: rgb(252, 252, 252);
}

.metahtml.css74 .form-control + .form-control {
  margin-top: 10px;
}

.metahtml.css74 label {
  font-weight: normal;
  display: block;
  cursor: pointer;
}

.metahtml.css74 textarea {
  resize: vertical;
}

.metahtml.css74 .checkbox {
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0 5.5px 0 0;
  line-height: 0;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 2px;
}

.metahtml.css74 .checkbox svg {
  width: 100%;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css74 input:hover ~ .checkbox,
.metahtml.css74 input:focus ~ .checkbox {
  border-color: rgb(254, 146, 187);
}

.metahtml.css74 input:checked ~ .checkbox {
  border-color: rgb(253, 8, 101);
  background-color: rgb(253, 37, 119);
}

.metahtml.css74 input:active ~ .checkbox {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css74 input:checked ~ .checkbox svg {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css74 .radio {
  margin: 0;
  margin: 0 5.5px 0 0;
  padding: 0;
  line-height: 0;
  width: 22px;
  height: 22px;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 100px;
}

.metahtml.css74 .radio:before {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  content: '';
  display: block;
  background-color: white;
  border-radius: 100px;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css74 input:hover ~ .radio,
.metahtml.css74 input:focus ~ .radio {
  border-color: rgb(254, 146, 187);
}

.metahtml.css74 input:active ~ .radio {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css74 input:checked ~ .radio {
  border-color: rgb(253, 8, 101);
  background-color: rgb(253, 37, 119);
}

.metahtml.css74 input:checked ~ .radio:before {
  opacity: 1;
  transform: scale(0.5);
}

.metahtml.css74 [cr-field="checkbox-list"] span {
  vertical-align: middle;
}

.metahtml.css74 [cr-field="checkbox-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css74 [cr-field="checkbox-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css74 [cr-field="checkbox-visual"] {
  overflow: hidden;
}

.metahtml.css74 [cr-field="checkbox-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css74 [cr-field="checkbox-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css74 [cr-field="checkbox-visual"] label {
  position: relative;
}

.metahtml.css74 [cr-field="checkbox-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css74 [cr-field="checkbox-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css74 [cr-field="checkbox-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(253, 37, 119, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css74 [cr-field="checkbox-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css74 [cr-field="checkbox-visual"] .subname {
  margin: 7px 0;
  word-wrap: break-word;
}

.metahtml.css74 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick,
.metahtml.css74 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css74 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick,
.metahtml.css74 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css74 [cr-field="checkbox-input"] span {
  vertical-align: middle;
}

.metahtml.css74 [cr-field="checkbox-input"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css74 [cr-field="radio-list"] span {
  vertical-align: middle;
}

.metahtml.css74 [cr-field="radio-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css74 [cr-field="radio-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css74 [cr-field="radio-visual"] {
  overflow: hidden;
}

.metahtml.css74 [cr-field="radio-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css74 [cr-field="radio-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css74 [cr-field="radio-visual"] label {
  position: relative;
}

.metahtml.css74 [cr-field="radio-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css74 [cr-field="radio-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css74 [cr-field="radio-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(253, 37, 119, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css74 [cr-field="radio-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css74 [cr-field="radio-visual"] .subname {
  margin: 7px 0;
  word-wrap: break-word;
}

.metahtml.css74 [cr-field="radio-visual"] input:hover ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css74 [cr-field="radio-visual"] input:checked ~ .bgimage .tick,
.metahtml.css74 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css74 [cr-field="select-menu"] select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  color: black;
}

.metahtml.css74 [cr-field="select-menu"] .fa {
  font-size: 20px;
  line-height: 0;
  opacity: 0.5;
  vertical-align: middle;
}

.metahtml.css74 [cr-field="select-menu"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css74 [cr-field="select-menu"] .flexgrid .left {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css74 [cr-field="file"] svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-top: -5px;
  margin-bottom: -5px;
}

.metahtml.css74 [cr-field="file"] span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.metahtml.css74 [cr-field="file"] input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 0;
}

.metahtml.css74 [cr-field="file"] .clean {
  float: right;
  opacity: 0.5;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.metahtml.css74 [cr-field="file"] .clean:hover {
  opacity: 1;
}

.metahtml.css74 [cr-field="file"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css74 [cr-field="file"] .flexgrid .center {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css74 [cr-field="result"] .flexgrid.align-sides {
  display: flex;
  align-items: center;
}

.metahtml.css74 [cr-field="result"] .flexgrid.align-sides .left .name {
  margin-bottom: 0;
}

.metahtml.css74 [cr-field="result"] .flexgrid.align-center .left {
  text-align: center;
}

.metahtml.css74 [cr-field="result"] .flexgrid.align-right .left {
  text-align: right;
}

.metahtml.css74 [cr-field="result"] .flexgrid .right {
  flex-grow: 1;
  min-width: 25%;
  word-wrap: break-word;
  text-align: right;
  font-size: 100%;
}

.metahtml.css74 [cr-field="result"] .flexgrid.align-left .right {
  text-align: left;
}

.metahtml.css74 [cr-field="result"] .flexgrid.align-center .right {
  text-align: center;
}

.metahtml.css74 [cr-field="result"] .flexgrid.align-right .right {
  text-align: right;
}

.metahtml.css74 [cr-field="privacy-button"] .open {
  text-align: center;
  opacity: 0.5;
  font-size: 80%;
  cursor: pointer;
}

.metahtml.css74 [cr-field="privacy-button"] .open a {
  color: inherit;
  text-decoration: none;
}

.metahtml.css74 [cr-field="privacy-checkbox"] {
  font-size: 80%;
}

.metahtml.css74 [cr-field="privacy-checkbox"] span {
  vertical-align: middle;
}

.metahtml.css74 [cr-field="privacy-checkbox"] a {
  vertical-align: middle;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css74 [cr-field="privacy-checkbox"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css74 [cr-field="privacy-text"] {
  font-size: 80%;
  text-align: center;
}

.metahtml.css74 [cr-field="privacy-text"] a {
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css74 [cr-field="hidden"] {
  opacity: 0.25;
}
.zero-layer.css75  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 12; transform: scale(1, 1)  }
.zero-layer.css75  > .zero-layer-axis { height: 585px }
.zero-layer.css75  > .zero-layer-axis > .zero-layer-frame { left: -9.5px; top: 0px; width: 1024px }
.screen-xs .zero-layer.css75  > .zero-layer-axis { height: 400px!important }
.screen-xs .zero-layer.css75  > .zero-layer-axis > .zero-layer-frame { left: -18.25px!important; top: -10px!important; width: 535.25px!important }
.zero-layer.css76  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 10; transform: scale(1, 1)  }
.zero-layer.css76  > .zero-layer-axis { height: 585px }
.zero-layer.css76  > .zero-layer-axis > .zero-layer-frame { left: -51.5px; top: -35.5px; width: 1370px }
.screen-xs .zero-layer.css76  > .zero-layer-axis { height: 400px!important }
.screen-xs .zero-layer.css76  > .zero-layer-axis > .zero-layer-frame { left: -30.75px!important; top: 11px!important; width: 381.5px!important }
.textable.css77  { text-align: center; font-family: Vetrino; font-size: 162px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; color: rgb(32, 33, 54); opacity: 1 }
.screen-xs .textable.css77  { font-size: 40px!important }
.zero-layer.css78  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 9; transform: scale(1, 1)  }
.zero-layer.css78  > .zero-layer-axis { height: 585px }
.zero-layer.css78  > .zero-layer-axis > .zero-layer-frame { left: 533.5px; top: -5px; width: 590px }
.screen-xs .zero-layer.css78  > .zero-layer-axis { height: 400px!important }
.screen-xs .zero-layer.css78  > .zero-layer-axis > .zero-layer-frame { left: 123.5px!important; top: 30px!important; width: 170px!important }
.zero-layer.css79  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 14; transform: scale(1, 1)  }
.zero-layer.css79  > .zero-layer-axis { height: 585px }
.zero-layer.css79  > .zero-layer-axis > .zero-layer-frame { left: 153.5px; top: 62.5px; width: 230px }
.screen-xs .zero-layer.css79  > .zero-layer-axis { height: 400px!important }
.screen-xs .zero-layer.css79  > .zero-layer-axis > .zero-layer-frame { left: 23.5px!important; top: 30px!important; width: 109px!important }
.zero-layer.css80  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 11; transform: scale(1, 1)  }
.zero-layer.css80  > .zero-layer-axis { height: 585px }
.zero-layer.css80  > .zero-layer-axis > .zero-layer-frame { left: 375px; top: 94px; width: 450px }
.screen-xs .zero-layer.css80  > .zero-layer-axis { height: 400px!important }
.screen-xs .zero-layer.css80  > .zero-layer-axis > .zero-layer-frame { left: 3.5px!important; top: 51.5px!important; width: 276.5px!important }
.zero-layer.css81  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 8; transform: scale(1, 1) rotate(180deg) }
.zero-layer.css81  > .zero-layer-axis { height: 585px }
.zero-layer.css81  > .zero-layer-axis > .zero-layer-frame { left: -193.5px; top: 1717.5px; width: 220px }
.screen-md .zero-layer.css81  > .zero-layer-axis > .zero-layer-frame { left: 543.5px!important }
.screen-sm .zero-layer.css81  > .zero-layer-axis > .zero-layer-frame { left: 543.5px!important }
.screen-xs .zero-layer.css81  > .zero-layer-axis { height: 400px!important }
.screen-xs .zero-layer.css81  > .zero-layer-axis > .zero-layer-frame { left: 543.5px!important; top: 333.5px!important }
.node.css82 > .wrapper1 { background-image: linear-gradient(to bottom, rgb(187, 187, 210) 0%, rgb(212, 212, 227) 100%) }
.node.css82  { color: #FFF }
.node.css82 a { color: rgb(25, 25, 230) }
.node.css83 > .zero-grid { height: 1520px }
.screen-xs .node.css83 > .zero-grid { height: 3050px!important }
.zero-layer.css84  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 8; transform: scale(1, 1)  }
.zero-layer.css84  > .zero-layer-axis { height: 1520px }
.zero-layer.css84  > .zero-layer-axis > .zero-layer-frame { left: -16.5px; top: 0px; width: 1199.5px }
.screen-xs .zero-layer.css84  > .zero-layer-axis { height: 3050px!important }
.screen-xs .zero-layer.css84  > .zero-layer-axis > .zero-layer-frame { left: -15px!important; width: 350px!important }
.node.css85 > .wrapper1 { background-color: rgb(228, 228, 235); border-radius: 25px; box-shadow:  0px 2px 2px 2px rgba(0, 0, 0, 0.1) }
.node.css85  { color: #333; padding-top: 10px; padding-bottom: 0px; padding-left: 70px; padding-right: 5px }
.screen-xs .node.css85  { padding-left: 10px!important }
.node.css85 a { color: rgb(25, 25, 230) }
.node.css86  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px }
.node.css86 a { color: rgb(25, 25, 230) }
.textable.css87  { text-align: left; font-family: Vetrino; font-size: 31px; font-weight: 400; line-height: 1; letter-spacing: 0em; color: rgb(32, 33, 54); opacity: 1 }
.screen-xs .textable.css87  { font-size: 29px!important }
.node.css88  { color: #333; padding-top: 0px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css88 a { color: rgb(25, 25, 230) }
.textable.css89  { text-align: left; font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; color: rgb(0, 0, 0); opacity: 1 }
.node.css90  { color: #333; padding-top: 0px; padding-bottom: 15px; padding-left: 9px; padding-right: 0px }
.screen-xs .node.css90  { padding-left: 0px!important }
.node.css90 a { color: rgb(25, 25, 230) }
.node.css91 img { width: calc(1 * var(--width)) }
.node.css91 .bgnormal { text-align: center }
.screen-xs .node.css91 img { width: calc(1 * var(--width))!important }
.node.css92  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 10px }
.screen-xs .node.css92  { padding-left: 10px!important }
.node.css92 a { color: rgb(25, 25, 230) }
.textable.css93  { text-align: left; font-family: Manrope; font-size: 16px; font-weight: 800; line-height: 1.6; letter-spacing: 0em; color: rgb(135, 138, 153); opacity: 1 }
.screen-xs .textable.css93  { text-align: center!important }
.node.css94  { color: #333; padding-top: 10px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px }
.screen-xs .node.css94  { padding-left: 5px!important }
.node.css94 a { color: rgb(25, 25, 230) }
.node.css95  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 75px }
.screen-xs .node.css95  { padding-right: 0px!important }
.node.css95 a { color: rgb(25, 25, 230) }
.node.css96  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.node.css96 a { color: rgb(25, 25, 230) }
.node.css97  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 10px }
.node.css97 a { color: rgb(25, 25, 230) }
.node.css98  { color: #333; padding-top: 10px; padding-bottom: 22px; padding-left: 5px; padding-right: 77px }
.screen-xs .node.css98  { padding-left: 10px!important; padding-right: 10px!important }
.node.css98 a { color: rgb(25, 25, 230) }
.node.css99  { color: #333; padding-top: 14px; padding-bottom: 0px; padding-left: 5px; padding-right: 77px }
.screen-xs .node.css99  { padding-bottom: 10px!important; padding-right: 10px!important }
.node.css99 a { color: rgb(25, 25, 230) }
.node.css100 > .wrapper1 { background-color: rgb(212, 212, 227) }
.node.css100  { color: #333 }
.node.css100 a { color: rgb(25, 25, 230) }
.node.css101 > .zero-grid { height: 1400px }
.screen-xs .node.css101 > .zero-grid { height: 3300px!important }
.zero-layer.css102  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 8; transform: scale(1, 1)  }
.zero-layer.css102  > .zero-layer-axis { height: 1400px }
.zero-layer.css102  > .zero-layer-axis > .zero-layer-frame { left: 370px; top: 50px; width: 460px }
.screen-xs .zero-layer.css102  > .zero-layer-axis { height: 3300px!important }
.screen-xs .zero-layer.css102  > .zero-layer-axis > .zero-layer-frame { left: -6.75px!important; top: 10px!important; width: 333.5px!important }
.textable.css103  { text-align: center; font-family: Vetrino; font-size: 80px; font-weight: 400; line-height: 1.1; letter-spacing: 0em; color: rgb(32, 33, 54); opacity: 1 }
.screen-xs .textable.css103  { font-size: 48px!important }
.zero-layer.css104  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 9; transform: scale(1, 1)  }
.zero-layer.css104  > .zero-layer-axis { height: 1400px }
.zero-layer.css104  > .zero-layer-axis > .zero-layer-frame { left: 370px; top: 150px; width: 460px }
.screen-xs .zero-layer.css104  > .zero-layer-axis { height: 3300px!important }
.screen-xs .zero-layer.css104  > .zero-layer-axis > .zero-layer-frame { left: -5px!important; top: 63px!important; width: 330px!important }
.textable.css105  { text-align: center; font-family: Manrope; font-size: 40px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; color: rgb(253, 37, 119); opacity: 1 }
.screen-xs .textable.css105  { font-size: 30px!important }
.zero-layer.css106  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 11; transform: scale(1, 1)  }
.zero-layer.css106  > .zero-layer-axis { height: 1400px }
.zero-layer.css106  > .zero-layer-axis > .zero-layer-frame { left: -5px; top: 214px; width: 1210px }
.screen-xs .zero-layer.css106  > .zero-layer-axis { height: 3300px!important }
.screen-xs .zero-layer.css106  > .zero-layer-axis > .zero-layer-frame { left: -15px!important; top: 111px!important; width: 350px!important }
.node.css107  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css107 a { color: rgb(25, 25, 230) }
.metahtml.css108 .card {
  display: inline-block;
  position: relative;
  width: 320px;
  height: 320px;
  opacity: 0.9;
  perspective: 800px;
  /* чтобы было понятно, что по карточке можно тапать */
  cursor: pointer;
}

.metahtml.css108 .front,
.metahtml.css108 .back {
  width: 100%;
  height: 100%;
  position: absolute;
  backface-visibility: hidden;
  transition: transform 300ms linear;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.metahtml.css108 .front {
  transform: rotateY(0deg);
  background: linear-gradient(
    to bottom right,
    #DDDBE8 0%,
    #DCC4D6 50%,
    #CAC4D6 100%
  );
  color: rgb(0, 0, 0);
  font-size: 22px;
}

.metahtml.css108 .back {
  background: rgba(117, 117, 142, 0.90);
  transform: rotateY(180deg);
  color: #fff;
}

/* УБРАНО управление hover’ом */

/* .card:hover .front { transform: rotateY(-180deg); } */

/* .card:hover .back  { transform: rotateY(0deg); } */

/* Управление переворотом только классом */

.metahtml.css108 .card.is-flipped .front {
  transform: rotateY(-180deg);
}

.metahtml.css108 .card.is-flipped .back {
  transform: rotateY(0deg);
}

/* Контент */

.metahtml.css108 .question {
  font-size: 22px;
  font-family: 'Vetrino';
  margin: 0 0 10px;
}

.metahtml.css108 .answer {
  font-size: 14px;
  color: rgb(255, 255, 255);
  margin: 0;
  font-weight: normal;
}

/* Кнопка-иконка (действий по клику больше нет) */

.metahtml.css108 .icon-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: #fff;
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* курсор можно оставить pointer ради визуального намёка
     но отдельной логики у кнопки не будет */
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.metahtml.css108 .icon-btn:hover {
  background: #eee;
  border: 3px solid rgb(253,37,118);
}

.metahtml.css108 .icon {
  fill: #009970;
  width: 20px;
  height: 20px;
}

/* Если хотите гарантировать отсутствие собственного ховера на сенсорных:
   можно отключить ховер-эффекты целиком на устройствах без hover */

@media (hover: none) and (pointer: coarse) {
  .icon-btn:hover {
    border: none;
    background: #fff;
  }
}
.zero-layer.css109  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 10; transform: scale(1, 1) rotate(180deg) }
.zero-layer.css109  > .zero-layer-axis { height: 1400px }
.zero-layer.css109  > .zero-layer-axis > .zero-layer-frame { left: 1173.5px; top: 449px; width: 95px }
.screen-xs .zero-layer.css109  > .zero-layer-axis { height: 3300px!important }
.node.css110 > .zero-grid { height: 1500px }
.screen-xs .node.css110 > .zero-grid { height: 3300px!important }
.zero-layer.css111  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 8; transform: scale(1, 1)  }
.zero-layer.css111  > .zero-layer-axis { height: 1500px }
.zero-layer.css111  > .zero-layer-axis > .zero-layer-frame { left: 370px; top: 50px; width: 460px }
.screen-xs .zero-layer.css111  > .zero-layer-axis { height: 3300px!important }
.screen-xs .zero-layer.css111  > .zero-layer-axis > .zero-layer-frame { left: -6.75px!important; top: 10px!important; width: 333.5px!important }
.zero-layer.css112  > .zero-layer-axis > .zero-layer-frame > .textable { z-index: 9; transform: scale(1, 1)  }
.zero-layer.css112  > .zero-layer-axis { height: 1500px }
.zero-layer.css112  > .zero-layer-axis > .zero-layer-frame { left: 370px; top: 150px; width: 460px }
.screen-xs .zero-layer.css112  > .zero-layer-axis { height: 3300px!important }
.screen-xs .zero-layer.css112  > .zero-layer-axis > .zero-layer-frame { left: -70px!important; top: 63px!important }
.zero-layer.css113  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 11; transform: scale(1, 1)  }
.zero-layer.css113  > .zero-layer-axis { height: 1500px }
.zero-layer.css113  > .zero-layer-axis > .zero-layer-frame { left: -5px; top: 214px; width: 1210px }
.screen-xs .zero-layer.css113  > .zero-layer-axis { height: 3300px!important }
.screen-xs .zero-layer.css113  > .zero-layer-axis > .zero-layer-frame { left: -15px!important; top: 111px!important; width: 350px!important }
.metahtml.css114 .card {
  display: inline-block;
  position: relative;
  width: 370px;
  height: 370px;
  opacity: 0.9;
  perspective: 800px;
}

.metahtml.css114 .front,
.metahtml.css114 .back {
  width: 100%;
  height: 100%;
  position: absolute;
  backface-visibility: hidden;
  transition: transform 300ms linear;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.metahtml.css114 .front {
  transform: rotateY(0deg);
  background: linear-gradient(
  to bottom right,
  #DDDBE8 0%,     
  #DCC4D6 50%,    
  #CAC4D6 100%    
);
  color: rgb(0, 0, 0);
  font-size: 22px;
}

.metahtml.css114 .back {
  background: rgba(117, 117, 142, 0.90);
  transform: rotateY(180deg);
  color: #fff;
}

.metahtml.css114 .card:hover .front {
  transform: rotateY(-180deg);
}

.metahtml.css114 .card:hover .back {
  transform: rotateY(0deg);
}

/* Контент */

.metahtml.css114 .question {
  font-size: 22px;
  font-family: 'Vetrino';
  margin: 0 0 10px;
}

.metahtml.css114 .answer {
  font-size: 14px;
  color: rgb(255, 255, 255);
  margin: 0;
  font-weight: normal;
}

/* Кнопка-иконка внизу справа */

.metahtml.css114 .icon-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: #fff;
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.metahtml.css114 .icon-btn:hover {
  background: #eee;
  border: 3px solid rgb(253,37,118);
  /* розовая обводка */
}

.metahtml.css114 .icon {
  fill: #009970;
  width: 20px;
  height: 20px;
}
.zero-layer.css115  > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 10; transform: scale(1, 1) rotate(180deg) }
.zero-layer.css115  > .zero-layer-axis { height: 1500px }
.zero-layer.css115  > .zero-layer-axis > .zero-layer-frame { left: 1173.5px; top: 449px; width: 95px }
.screen-xs .zero-layer.css115  > .zero-layer-axis { height: 3300px!important }
.node.css116 > .wrapper1 { background-color: rgb(212, 212, 227) }
.node.css116  { color: #333 }
.node.css116  > .padding_top { padding-top: 20px }
.node.css116  > .padding_bottom { padding-bottom: 20px }
.node.css116 a { color: rgb(25, 25, 230) }
.node.css117  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css117 a { color: rgb(25, 25, 230) }
.node.css118 > .wrapper1 { background-color: rgb(220, 223, 238) }
.node.css118  { color: #333 }
.node.css118  > .padding_top { padding-top: 29px }
.screen-xs .node.css118  > .padding_top { padding-top: 5px!important }
.node.css118  > .padding_bottom { padding-bottom: 97px }
.screen-xs .node.css118  > .padding_bottom { padding-bottom: 10px!important }
.node.css118 a { color: rgb(25, 60, 230) }
.node.css119 > .wrapper1 { background-color: rgb(230, 2, 89) }
.node.css119  { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.node.css119 a { color: rgb(230, 25, 103) }
.metahtml.css120 img,
.metahtml.css120 a,
.metahtml.css120 div {
  border-radius: 0px 0px 25px 25px !important;
}
.node.css121 > .wrapper1 { background-color: rgb(115, 1, 44); border-radius: 25px }
.node.css121  { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px }
.node.css121 a { color: rgb(230, 25, 103) }
.node.css122 > .wrapper1 { background-color: rgb(220, 223, 238) }
.node.css122  { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px }
.node.css122 a { color: rgb(25, 60, 230) }
.node.css123  { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css123 a { color: rgb(25, 60, 230) }
.node.css124  { color: #333; padding-top: 22px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css124 a { color: rgb(25, 60, 230) }
.node.css125 > .w-menu-grid > .cont > .node { margin: 0 5px }
.node.css126  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css126 a { color: rgb(25, 60, 230) }
.btn.css127 { text-align: center } .btn.css127 { background-color: rgb(220, 223, 238);border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;border-style: solid;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-width: 1px;border-color: rgb(220, 223, 238);padding-top: 6px;padding-bottom: 6px;font-size: 14px;color: rgb(0, 0, 0)!important;font-family: Manrope; } .btn.css127:hover, .btn.css127.hover { background-color: rgba(189, 195, 223, 0);border-color: rgb(220, 223, 238);color: rgb(253, 37, 119)!important; } .btn.css127:active, .btn.css127.active { background-color: rgb(189, 195, 223);border-color: rgb(220, 223, 238);color: rgb(0, 0, 0)!important; } .btn.css127:before {  } .btn.css127:active:before, .btn.css127.active:before { background-color: rgb(189, 195, 223); }
.btn.css128 { text-align: center } .btn.css128 { background-color: rgba(220, 223, 238, 0);border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;border-style: solid;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-width: 1px;border-color: rgb(220, 223, 238);padding-top: 6px;padding-bottom: 6px;font-size: 14px;color: rgb(57, 1, 22)!important;font-family: Manrope; } .btn.css128:hover, .btn.css128.hover { background-color: rgb(220, 223, 238);border-color: rgb(220, 223, 238);color: rgb(253, 37, 119)!important; } .btn.css128:active, .btn.css128.active { background-color: rgb(220, 223, 238);border-color: rgb(220, 223, 238);color: rgb(0, 0, 0)!important; } .btn.css128:before {  } .btn.css128:active:before, .btn.css128.active:before { background-color: rgb(220, 223, 238); }
.btn.css129 { text-align: center } .btn.css129 { background-color: rgba(220, 223, 238, 0);border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;border-style: solid;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-width: 1px;border-color: rgb(220, 223, 238);padding-top: 6px;padding-bottom: 6px;font-size: 14px;color: rgb(57, 1, 22)!important;font-family: Manrope; } .btn.css129:hover, .btn.css129.hover { background-color: rgb(220, 223, 238);border-color: rgb(220, 223, 238);color: rgb(253, 37, 119)!important; } .btn.css129:active, .btn.css129.active { background-color: rgb(220, 223, 238);border-color: rgb(158, 167, 208);color: rgb(0, 0, 0)!important; } .btn.css129:before {  } .btn.css129:active:before, .btn.css129.active:before { background-color: rgb(220, 223, 238); }
.node.css130 > .max-width { max-width: 910px; margin-left: auto; margin-right: auto }
.node.css131  { color: #333; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px }
.node.css131 a { color: rgb(25, 60, 230) }
.btn.css132 { text-align: center } .btn.css132 { background-color: rgb(253, 37, 119);border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(230, 2, 89);padding-top: 6px;padding-bottom: 6px;font-size: 16px;color: rgb(255, 255, 255)!important;font-family: Manrope; } .btn.css132:hover, .btn.css132.hover { background-color: rgb(253, 81, 146);border-color: rgb(184, 2, 71);color: rgb(255, 255, 255)!important; } .btn.css132:active, .btn.css132.active { background-color: rgb(253, 48, 126);border-color: rgb(253, 14, 105);color: rgb(255, 255, 255)!important; } .btn.css132:before {  } .btn.css132:active:before, .btn.css132.active:before { background-color: rgb(253, 48, 126); }.area.screen-xs .btn.css132 { font-size: 14px; }
.node.css133  { color: #FFF; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px }
.node.css133 a { color: rgb(25, 60, 230) }
.node.css134  { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px }
.node.css134 a { color: rgb(25, 60, 230) }
.textable.css135  { text-align: center; font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; color: rgb(0, 0, 0); opacity: 1 }
.node.css136  { color: #FFF; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px }
.node.css136 a { color: rgb(25, 60, 230) }
.metahtml.css137 [cr-field] {
  padding-bottom: 14px;
  font-size: 17px;
  font-family: Manrope;
}

.metahtml.css137 .name {
  font-weight: normal;
  font-family: Manrope;
  opacity: 0.8;
  margin-bottom: 6.5px;
  border-radius: 21px;
  font-size: 13px;
  word-wrap: break-word;
  text-transform: uppercase;;
  letter-spacing: 0.1em;;
}

.metahtml.css137 .form-control {
  height: auto;
  line-height: 1.2;
  box-shadow: none;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 21px;
  padding: 12px 9.6px;
  font-size: 17px;
  cursor: initial;
}

.metahtml.css137 .form-control:focus,
.metahtml.css137 .form-control:focus-within {
  border-color: rgb(253, 37, 119);
  background-color: rgb(252, 252, 252);
}

.metahtml.css137 .form-control + .form-control {
  margin-top: 10px;
}

.metahtml.css137 label {
  font-weight: normal;
  display: block;
  cursor: pointer;
}

.metahtml.css137 textarea {
  resize: vertical;
}

.metahtml.css137 .checkbox {
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0 5.5px 0 0;
  line-height: 0;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 2px;
}

.metahtml.css137 .checkbox svg {
  width: 100%;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css137 input:hover ~ .checkbox,
.metahtml.css137 input:focus ~ .checkbox {
  border-color: rgb(254, 146, 187);
}

.metahtml.css137 input:checked ~ .checkbox {
  border-color: rgb(253, 8, 101);
  background-color: rgb(253, 37, 119);
}

.metahtml.css137 input:active ~ .checkbox {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css137 input:checked ~ .checkbox svg {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css137 .radio {
  margin: 0;
  margin: 0 5.5px 0 0;
  padding: 0;
  line-height: 0;
  width: 22px;
  height: 22px;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 100px;
}

.metahtml.css137 .radio:before {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  content: '';
  display: block;
  background-color: white;
  border-radius: 100px;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css137 input:hover ~ .radio,
.metahtml.css137 input:focus ~ .radio {
  border-color: rgb(254, 146, 187);
}

.metahtml.css137 input:active ~ .radio {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css137 input:checked ~ .radio {
  border-color: rgb(253, 8, 101);
  background-color: rgb(253, 37, 119);
}

.metahtml.css137 input:checked ~ .radio:before {
  opacity: 1;
  transform: scale(0.5);
}

.metahtml.css137 [cr-field="checkbox-list"] span {
  vertical-align: middle;
}

.metahtml.css137 [cr-field="checkbox-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css137 [cr-field="checkbox-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css137 [cr-field="checkbox-visual"] {
  overflow: hidden;
}

.metahtml.css137 [cr-field="checkbox-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css137 [cr-field="checkbox-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css137 [cr-field="checkbox-visual"] label {
  position: relative;
}

.metahtml.css137 [cr-field="checkbox-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css137 [cr-field="checkbox-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css137 [cr-field="checkbox-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(253, 37, 119, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css137 [cr-field="checkbox-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css137 [cr-field="checkbox-visual"] .subname {
  margin: 8.5px 0;
  word-wrap: break-word;
}

.metahtml.css137 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick,
.metahtml.css137 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css137 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick,
.metahtml.css137 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css137 [cr-field="checkbox-input"] span {
  vertical-align: middle;
}

.metahtml.css137 [cr-field="checkbox-input"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css137 [cr-field="radio-list"] span {
  vertical-align: middle;
}

.metahtml.css137 [cr-field="radio-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css137 [cr-field="radio-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css137 [cr-field="radio-visual"] {
  overflow: hidden;
}

.metahtml.css137 [cr-field="radio-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css137 [cr-field="radio-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css137 [cr-field="radio-visual"] label {
  position: relative;
}

.metahtml.css137 [cr-field="radio-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css137 [cr-field="radio-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css137 [cr-field="radio-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(253, 37, 119, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css137 [cr-field="radio-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css137 [cr-field="radio-visual"] .subname {
  margin: 8.5px 0;
  word-wrap: break-word;
}

.metahtml.css137 [cr-field="radio-visual"] input:hover ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css137 [cr-field="radio-visual"] input:checked ~ .bgimage .tick,
.metahtml.css137 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css137 [cr-field="select-menu"] select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  color: black;
}

.metahtml.css137 [cr-field="select-menu"] .fa {
  font-size: 20px;
  line-height: 0;
  opacity: 0.5;
  vertical-align: middle;
}

.metahtml.css137 [cr-field="select-menu"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css137 [cr-field="select-menu"] .flexgrid .left {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css137 [cr-field="file"] svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-top: -5px;
  margin-bottom: -5px;
}

.metahtml.css137 [cr-field="file"] span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.metahtml.css137 [cr-field="file"] input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 0;
}

.metahtml.css137 [cr-field="file"] .clean {
  float: right;
  opacity: 0.5;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.metahtml.css137 [cr-field="file"] .clean:hover {
  opacity: 1;
}

.metahtml.css137 [cr-field="file"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css137 [cr-field="file"] .flexgrid .center {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css137 [cr-field="result"] .flexgrid.align-sides {
  display: flex;
  align-items: center;
}

.metahtml.css137 [cr-field="result"] .flexgrid.align-sides .left .name {
  margin-bottom: 0;
}

.metahtml.css137 [cr-field="result"] .flexgrid.align-center .left {
  text-align: center;
}

.metahtml.css137 [cr-field="result"] .flexgrid.align-right .left {
  text-align: right;
}

.metahtml.css137 [cr-field="result"] .flexgrid .right {
  flex-grow: 1;
  min-width: 25%;
  word-wrap: break-word;
  text-align: right;
  font-size: 120%;
}

.metahtml.css137 [cr-field="result"] .flexgrid.align-left .right {
  text-align: left;
}

.metahtml.css137 [cr-field="result"] .flexgrid.align-center .right {
  text-align: center;
}

.metahtml.css137 [cr-field="result"] .flexgrid.align-right .right {
  text-align: right;
}

.metahtml.css137 [cr-field="privacy-button"] .open {
  text-align: center;
  opacity: 0.5;
  font-size: 80%;
  cursor: pointer;
}

.metahtml.css137 [cr-field="privacy-button"] .open a {
  color: inherit;
  text-decoration: none;
}

.metahtml.css137 [cr-field="privacy-checkbox"] {
  font-size: 80%;
}

.metahtml.css137 [cr-field="privacy-checkbox"] span {
  vertical-align: middle;
  color: black;
}

.metahtml.css137 [cr-field="privacy-checkbox"] a {
  vertical-align: middle;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css137 [cr-field="privacy-checkbox"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css137 [cr-field="privacy-text"] {
  font-size: 80%;
  text-align: center;
}

.metahtml.css137 [cr-field="privacy-text"] a {
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css137 [cr-field="hidden"] {
  opacity: 0.25;
}
.btn.css138 { text-align: center } .btn.css138 { background-color: rgb(253, 37, 119);border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(230, 2, 89);padding-top: 14px;padding-bottom: 14px;font-size: 18px;color: rgb(255, 255, 255)!important;font-family: Manrope; } .btn.css138:hover, .btn.css138.hover { background-color: rgb(253, 8, 101);border-color: rgb(184, 2, 71);color: rgb(255, 255, 255)!important; } .btn.css138:active, .btn.css138.active { background-color: rgb(233, 2, 90);border-color: rgb(207, 2, 80);color: rgb(255, 255, 255)!important; } .btn.css138:before {  } .btn.css138:active:before, .btn.css138.active:before { background-color: rgb(233, 2, 90); }
.metahtml.css139 [cr-field] {
  padding-bottom: 14px;
  font-size: 17px;
  font-family: Manrope;
}

.metahtml.css139 .name {
  font-weight: normal;
  font-family: Manrope;
  opacity: 0.8;
  margin-bottom: 6.5px;
  border-radius: 21px;
  font-size: 13px;
  word-wrap: break-word;
  text-transform: uppercase;;
  letter-spacing: 0.1em;;
}

.metahtml.css139 .form-control {
  height: auto;
  line-height: 1.2;
  box-shadow: none;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 21px;
  padding: 12px 9.6px;
  font-size: 17px;
  cursor: initial;
}

.metahtml.css139 .form-control:focus,
.metahtml.css139 .form-control:focus-within {
  border-color: rgb(253, 37, 119);
  background-color: rgb(252, 252, 252);
}

.metahtml.css139 .form-control + .form-control {
  margin-top: 10px;
}

.metahtml.css139 label {
  font-weight: normal;
  display: block;
  cursor: pointer;
}

.metahtml.css139 textarea {
  resize: vertical;
}

.metahtml.css139 .checkbox {
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0 5.5px 0 0;
  line-height: 0;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 2px;
}

.metahtml.css139 .checkbox svg {
  width: 100%;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css139 input:hover ~ .checkbox,
.metahtml.css139 input:focus ~ .checkbox {
  border-color: rgb(254, 146, 187);
}

.metahtml.css139 input:checked ~ .checkbox {
  border-color: rgb(253, 8, 101);
  background-color: rgb(253, 37, 119);
}

.metahtml.css139 input:active ~ .checkbox {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css139 input:checked ~ .checkbox svg {
  opacity: 1;
  transform: scale(1);
}

.metahtml.css139 .radio {
  margin: 0;
  margin: 0 5.5px 0 0;
  padding: 0;
  line-height: 0;
  width: 22px;
  height: 22px;
  min-height: auto;
  display: inline-block;
  vertical-align: middle;
  background: white;
  border: 2px solid rgba(0, 0, 0, 0.25);
  position: relative;
  transition: 300ms all;
  border-radius: 100px;
}

.metahtml.css139 .radio:before {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  content: '';
  display: block;
  background-color: white;
  border-radius: 100px;
  opacity: 0;
  transform: scale(0);
  transition: 300ms all;
}

.metahtml.css139 input:hover ~ .radio,
.metahtml.css139 input:focus ~ .radio {
  border-color: rgb(254, 146, 187);
}

.metahtml.css139 input:active ~ .radio {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.metahtml.css139 input:checked ~ .radio {
  border-color: rgb(253, 8, 101);
  background-color: rgb(253, 37, 119);
}

.metahtml.css139 input:checked ~ .radio:before {
  opacity: 1;
  transform: scale(0.5);
}

.metahtml.css139 [cr-field="checkbox-list"] span {
  vertical-align: middle;
}

.metahtml.css139 [cr-field="checkbox-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css139 [cr-field="checkbox-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css139 [cr-field="checkbox-visual"] {
  overflow: hidden;
}

.metahtml.css139 [cr-field="checkbox-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css139 [cr-field="checkbox-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css139 [cr-field="checkbox-visual"] label {
  position: relative;
}

.metahtml.css139 [cr-field="checkbox-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css139 [cr-field="checkbox-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css139 [cr-field="checkbox-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(253, 37, 119, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css139 [cr-field="checkbox-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css139 [cr-field="checkbox-visual"] .subname {
  margin: 8.5px 0;
  word-wrap: break-word;
}

.metahtml.css139 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick,
.metahtml.css139 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css139 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick,
.metahtml.css139 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css139 [cr-field="checkbox-input"] span {
  vertical-align: middle;
}

.metahtml.css139 [cr-field="checkbox-input"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css139 [cr-field="radio-list"] span {
  vertical-align: middle;
}

.metahtml.css139 [cr-field="radio-list"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css139 [cr-field="radio-list"] label + label {
  margin-top: 7.333333333333333px;
}

.metahtml.css139 [cr-field="radio-visual"] {
  overflow: hidden;
}

.metahtml.css139 [cr-field="radio-visual"] .items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
  justify-content: space-between;
}

.metahtml.css139 [cr-field="radio-visual"] .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 20px;
  width: 30%;
}

.metahtml.css139 [cr-field="radio-visual"] label {
  position: relative;
}

.metahtml.css139 [cr-field="radio-visual"] .bgimage {
  background-size: cover;
  display: inline-block;
  background-position: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.metahtml.css139 [cr-field="radio-visual"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.metahtml.css139 [cr-field="radio-visual"] .tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(253, 37, 119, 0.75);
  transition: all 300ms;
  opacity: 0;
}

.metahtml.css139 [cr-field="radio-visual"] .tick svg {
  opacity: 0;
  transition: all 300ms;
  max-width: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.metahtml.css139 [cr-field="radio-visual"] .subname {
  margin: 8.5px 0;
  word-wrap: break-word;
}

.metahtml.css139 [cr-field="radio-visual"] input:hover ~ .bgimage .tick {
  opacity: 0.5;
}

.metahtml.css139 [cr-field="radio-visual"] input:checked ~ .bgimage .tick,
.metahtml.css139 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg {
  opacity: 1;
}

.metahtml.css139 [cr-field="select-menu"] select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
  color: black;
}

.metahtml.css139 [cr-field="select-menu"] .fa {
  font-size: 20px;
  line-height: 0;
  opacity: 0.5;
  vertical-align: middle;
}

.metahtml.css139 [cr-field="select-menu"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css139 [cr-field="select-menu"] .flexgrid .left {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css139 [cr-field="file"] svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-top: -5px;
  margin-bottom: -5px;
}

.metahtml.css139 [cr-field="file"] span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.metahtml.css139 [cr-field="file"] input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 0;
}

.metahtml.css139 [cr-field="file"] .clean {
  float: right;
  opacity: 0.5;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.metahtml.css139 [cr-field="file"] .clean:hover {
  opacity: 1;
}

.metahtml.css139 [cr-field="file"] .flexgrid {
  display: flex;
  align-items: center;
}

.metahtml.css139 [cr-field="file"] .flexgrid .center {
  flex-grow: 1;
  min-width: 50%;
  word-wrap: break-word;
}

.metahtml.css139 [cr-field="result"] .flexgrid.align-sides {
  display: flex;
  align-items: center;
}

.metahtml.css139 [cr-field="result"] .flexgrid.align-sides .left .name {
  margin-bottom: 0;
}

.metahtml.css139 [cr-field="result"] .flexgrid.align-center .left {
  text-align: center;
}

.metahtml.css139 [cr-field="result"] .flexgrid.align-right .left {
  text-align: right;
}

.metahtml.css139 [cr-field="result"] .flexgrid .right {
  flex-grow: 1;
  min-width: 25%;
  word-wrap: break-word;
  text-align: right;
  font-size: 100%;
}

.metahtml.css139 [cr-field="result"] .flexgrid.align-left .right {
  text-align: left;
}

.metahtml.css139 [cr-field="result"] .flexgrid.align-center .right {
  text-align: center;
}

.metahtml.css139 [cr-field="result"] .flexgrid.align-right .right {
  text-align: right;
}

.metahtml.css139 [cr-field="privacy-button"] .open {
  text-align: center;
  opacity: 0.5;
  font-size: 80%;
  cursor: pointer;
}

.metahtml.css139 [cr-field="privacy-button"] .open a {
  color: inherit;
  text-decoration: none;
}

.metahtml.css139 [cr-field="privacy-checkbox"] {
  font-size: 80%;
}

.metahtml.css139 [cr-field="privacy-checkbox"] span {
  vertical-align: middle;
  color: black;
}

.metahtml.css139 [cr-field="privacy-checkbox"] a {
  vertical-align: middle;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css139 [cr-field="privacy-checkbox"] input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.metahtml.css139 [cr-field="privacy-text"] {
  font-size: 80%;
  text-align: center;
}

.metahtml.css139 [cr-field="privacy-text"] a {
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  color: inherit;
  cursor: pointer;
}

.metahtml.css139 [cr-field="hidden"] {
  opacity: 0.25;
}
.node.css140 > .max-width { max-width: 644px; margin-left: auto; margin-right: auto }
.textable.css141  { text-align: left; font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; color: rgb(0, 0, 0); opacity: 1 }
.screen-xs .textable.css141  { text-align: center!important; font-size: 16px!important }
.node.css142  { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 69px; padding-right: 58px }
.node.css142 a { color: rgb(25, 60, 230) }
.textable.css143  { text-align: left; font-family: Manrope; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; color: rgb(0, 0, 0); opacity: 1 }
.screen-xs .textable.css143  { text-align: center!important; font-size: 13px!important }
.textable.css144  { text-align: center; font-family: Manrope; font-size: 10px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; color: rgb(0, 0, 0); opacity: 1 }





@font-face {
    font-family: 'Open Sans';
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans'), local('OpenSans'), url("https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UbO3LdcAZYWl9Si6vvxL-qU.woff") format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-display: swap;
    font-style: normal;
    font-weight: bold;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url("https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzAcuEIXEaFWBWXA4NoGd_Oo.woff") format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-display: swap;
    font-style: italic;
    font-weight: normal;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url("https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBkbeuvGrcRTTBH456c-a4yI.woff") format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-display: swap;
    font-style: italic;
    font-weight: bold;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url("https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxpoxY6pJ8tEQQdWYhQvtl8Q.woff") format('woff');
}
@font-face {
    font-family: 'Roboto Slab Light';
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url("https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJVxy1emkJdO89Ay69zsEcxM.woff") format('woff');
}
@font-face {
    font-family: 'Roboto Slab Light';
    font-display: swap;
    font-style: normal;
    font-weight: bold;
    src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url("https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJZoxY6pJ8tEQQdWYhQvtl8Q.woff") format('woff');
}
@font-face {
    font-family: 'Uni Sans';
    font-display: swap;
    src: local('Uni Sans Thin Caps'), local('UniSansThinCaps'), url("/assets/7583edf5d68836795a2c.woff2") format('woff2'), url("/assets/5f88feb5cb8cc16a9106.woff") format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Uni Sans';
    font-display: swap;
    src: local('Uni Sans Heavy Caps'), local('UniSansHeavyCaps'), url("/assets/edc2b5bed49272e62e04.woff2") format('woff2'), url("/assets/3e887a885774afd7a9a6.woff") format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Yeseva One';
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    src: local('Yeseva One'), local('YesevaOne'), url("//themes.googleusercontent.com/static/fonts/yesevaone/v7/AehIYCFomPDBe18pH83xwxsxEYwM7FgeyaSgU71cLG0.woff") format('woff');
}
@font-face {
    font-family: 'Sladkoeshka';
    font-display: swap;
    src: local('Sladkoeshka Regular'), url("/assets/625833f3b8805629ae74.woff") format('woff'),
    url("/assets/49191fa33ed2e23a8bfe.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    src: local('Roboto'), local('Roboto-Regular'), url("https://fonts.gstatic.com/s/roboto/v15/mUdRVCMHGKUBOACHGTH1g-vvDin1pK8aKteLpeZ5c0A.woff") format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-display: swap;
    font-style: normal;
    font-weight: bold;
    src: local('Roboto Bold'), local('Roboto-Bold'), url("https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHTrO3LdcAZYWl9Si6vvxL-qU.woff") format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-display: swap;
    font-style: italic;
    font-weight: normal;
    src: local('Roboto Italic'), local('Roboto-Italic'), url("https://fonts.gstatic.com/s/roboto/v15/m1uAalIytmLBFXF3PwhxpHYhjbSpvc47ee6xR_80Hnw.woff") format('woff');
}
@font-face {
    font-family: 'Roboto';
    font-display: swap;
    font-style: italic;
    font-weight: bold;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url("https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC0beuvGrcRTTBH456c-a4yI.woff") format('woff');
}
@font-face {
    font-family: 'TTNorms Medium';
    font-display: swap;
    src: url("/assets/4c81d40445cd281708ac.woff2") format('woff2'), url("/assets/118f7b60c4688b71803f.woff") format('woff'), url("/assets/896cb10b3f5f9b424b2c.ttf") format('truetype');
}
@font-face {
    font-family: 'TTNorms Bold';
    font-display: swap;
    src: url("/assets/ffdb4731aff6c0806db3.woff2") format('woff2'), url("/assets/aaa0798246a4e055a6c7.woff") format('woff'), url("/assets/ba9cad04b59acd08e578.ttf") format('truetype');
}
@font-face {
    font-family: 'TTNorms Regular';
    font-display: swap;
    src: url("/assets/8034e719669437e7b56b.woff2") format('woff2'),url("/assets/cef81705fc3edbddd471.woff") format('woff'),url("/assets/5763bec09c5004d43e3b.ttf") format('truetype');
}
@font-face {
    font-family: 'TTNorms Light';
    font-display: swap;
    src: url("/assets/2ae26025f4655c5f41e2.woff2") format('woff2'), url("/assets/b48557b37b1f1ae977dc.woff") format('woff'), url("/assets/7c2d4a74aa08da66ce4e.ttf") format('truetype');
}
@font-face {
    font-family: 'Bebas Neue Regular';
    font-display: swap;
    src: local('Bebas Neue Regular'), local('BebasNeueRegular'), url("/assets/b32169e84658ff027488.woff2") format('woff2'), url("/assets/90ead2014e11316e19a2.woff") format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas Neue Book';
    font-display: swap;
    src: local('Bebas Neue Book'), local('BebasNeueBook'), url("/assets/637f874f6511f48723fe.woff2") format('woff2'), url("/assets/29dc6621784ab1b424dd.woff") format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas Neue Light';
    font-display: swap;
    src: local('Bebas Neue Light'), local('BebasNeue-Light'), url("/assets/338b2d68515655045f69.woff2") format('woff2'), url("/assets/e57801b9630ad70163aa.woff") format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Fira Sans';
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    src: local('Fira Sans'), local('FiraSans-Regular'), url("https://fonts.gstatic.com/s/firasans/v6/T3abUOg4YgfjOby2l-QudrO3LdcAZYWl9Si6vvxL-qU.woff") format('woff');
}
@font-face {
    font-family: 'Fira Sans';
    font-display: swap;
    font-style: normal;
    font-weight: bold;
    src: local('Fira Sans Bold'), local('FiraSans-Bold'), url("https://fonts.gstatic.com/s/firasans/v6/DugPdSljmOTocZOR2CItOgcuEIXEaFWBWXA4NoGd_Oo.woff") format('woff');
}
@font-face {
    font-family: 'Fira Sans';
    font-display: swap;
    font-style: italic;
    font-weight: normal;
    src: local('Fira Sans Italic'), local('FiraSans-Italic'), url("https://fonts.gstatic.com/s/firasans/v6/QURAmFz4b80g324-oF-Uj0beuvGrcRTTBH456c-a4yI.woff") format('woff');
}
@font-face {
    font-family: 'Fira Sans';
    font-display: swap;
    font-style: italic;
    font-weight: bold;
    src: local('Fira Sans Bold Italic'), local('FiraSans-BoldItalic'), url("https://fonts.gstatic.com/s/firasans/v6/6s0YCA9oCTF6hM60YM-qTZoxY6pJ8tEQQdWYhQvtl8Q.woff") format('woff');
}
@font-face {
    font-family: 'Fira Sans Light';
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    src: local('Fira Sans Light'), local('FiraSans-Light'), url("https://fonts.gstatic.com/s/firasans/v6/VTBnrK42EiOBncVyQXZ7jwcuEIXEaFWBWXA4NoGd_Oo.woff") format('woff');
}
@font-face {
    font-family: 'Fira Sans Light';
    font-display: swap;
    font-style: normal;
    font-weight: bold;
    src: local('Fira Sans Medium'), local('FiraSans-Medium'), url("https://fonts.gstatic.com/s/firasans/v6/zM2u8V3CuPVwAAXFQcDi4AcuEIXEaFWBWXA4NoGd_Oo.woff") format('woff');
}
@font-face {
    font-family: 'Fira Sans Light';
    font-display: swap;
    font-style: italic;
    font-weight: normal;
    src: local('Fira Sans Light Italic'), local('FiraSans-LightItalic'), url("https://fonts.gstatic.com/s/firasans/v6/6s0YCA9oCTF6hM60YM-qTVxy1emkJdO89Ay69zsEcxM.woff") format('woff');
}
@font-face {
    font-family: 'Fira Sans Light';
    font-display: swap;
    font-style: italic;
    font-weight: bold;
    src: local('Fira Sans Medium Italic'), local('FiraSans-MediumItalic'), url("https://fonts.gstatic.com/s/firasans/v6/6s0YCA9oCTF6hM60YM-qTblVUKnzPXGXIswG3a_wb6M.woff") format('woff');
}
@font-face {
    font-family: 'Playfair Display';
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url("https://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1CSR_NRt-6h4BVegGNmhM5vQ.woff") format('woff');
}
@font-face {
    font-family: 'Playfair Display';
    font-display: swap;
    font-style: normal;
    font-weight: bold;
    src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'), url("https://fonts.gstatic.com/s/playfairdisplay/v10/UC3ZEjagJi85gF9qFaBgIF8yIYD2zMzszvjxjdPD-V4.woff") format('woff');
}
@font-face {
    font-family: 'Playfair Display';
    font-display: swap;
    font-style: italic;
    font-weight: normal;
    src: local('Playfair Display Italic'), local('PlayfairDisplay-Italic'), url("https://fonts.gstatic.com/s/playfairdisplay/v10/9MkijrV-dEJ0-_NWV7E6N2_Nq19Um4NkYP0ocFt9h1w.woff") format('woff');
}
@font-face {
    font-family: 'Playfair Display';
    font-display: swap;
    font-style: italic;
    font-weight: bold;
    src: local('Playfair Display Bold Italic'), local('PlayfairDisplay-BoldItalic'), url("https://fonts.gstatic.com/s/playfairdisplay/v10/n7G4PqJvFP2Kubl0VBLDEH-6IDjsgm0VNDw0A1D_9oOglnMp3_3A8V8Ai8YosRtX.woff") format('woff');
}
@font-face {
    font-family: 'Playfair Display SC';
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url("https://fonts.gstatic.com/s/playfairdisplaysc/v5/G0-tvBxd4eQRdwFKB8dRkds1QhRWAzeOT_lx2n3VU0A.woff") format('woff');
}
@font-face {
    font-family: 'Playfair Display SC';
    font-display: swap;
    font-style: normal;
    font-weight: bold;
    src: local('Playfair Display SC Bold'), local('PlayfairDisplaySC-Bold'), url("https://fonts.gstatic.com/s/playfairdisplaysc/v5/5ggqGkvWJU_TtW2W8cEubAH6NmgnvZwXW9l6Ia_7t0jr7w4p9aSvGirXi6XmeXNA.woff") format('woff');
}
@font-face {
    font-family: 'Playfair Display SC';
    font-display: swap;
    font-style: italic;
    font-weight: normal;
    src: local('Playfair Display SC Italic'), local('PlayfairDisplaySC-Italic'), url("https://fonts.gstatic.com/s/playfairdisplaysc/v5/myuYiFR-4NTrUT4w6TKls4L1bTQHoy7f86WPrOz4RlGglnMp3_3A8V8Ai8YosRtX.woff") format('woff');
}
@font-face {
    font-family: 'Playfair Display SC';
    font-display: swap;
    font-style: italic;
    font-weight: bold;
    src: local('Playfair Display SC Bold Italic'), local('PlayfairDisplaySC-BoldItalic'), url("https://fonts.gstatic.com/s/playfairdisplaysc/v5/6X0OQrQhEEnPo56RalREX3z0KlIYaAQFvQWAzSl_WYZ2IY20qb3OO3nusUf_NB58.woff") format('woff');
}

@font-face {

font-family: 'Vetrino';

src: url("/assets/34015358e2e66d14d60d.otf") format('opentype');

}


.area {
    font-family: Manrope}

.area .font-header {
    font-family: Manrope}.area.screen-lg { min-width: 1200px; }.area.screen-lg .container { width: 1140px; }.area.screen-lg .container.soft { max-width: 1140px; }.area.screen-md { min-width: 960px; }.area.screen-md .container { width: 940px; }.area.screen-md .container.soft { max-width: 940px; }.area.screen-sm { min-width: 720px; }.area.screen-sm .container { width: 720px; }.area.screen-sm .container.soft { max-width: 720px; }.area.screen-xs .container { max-width: 737px; padding: 0 15px; }
 


.videoplayer_media .video_box_wrap{
    position: relative; /* чтобы ::after привязался к блоку */
    border-radius: 16px!important; /* скругляем сам блок */
    overflow: hidden;    /* чтобы ::after не выходил за границы */
}

.videoplayer_media::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--black);
    opacity: 0;
    border-radius: 16px!important; /* скругляем псевдоэлемент */
}
  
  
a,
a:visited,
a:hover,
a:active,
a:focus  .suggestion{
  text-decoration: none!important;
}
  
  


html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}.ye-header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px max(24px,calc((100vw - 1200px)/2));background:#fff;color:#202136;box-sizing:border-box;position:relative;z-index:100}.ye-header>a img{width:150px;max-height:80px}.ye-social{display:flex;gap:24px;font:13px Manrope,sans-serif}.ye-social a{color:#202136;text-decoration:none}.ye-actions{display:flex;gap:17px}.ye-actions button{border:0;background:transparent;color:#202136;display:flex;align-items:center;flex-direction:column;gap:6px;cursor:pointer;min-width:40px;padding:4px}.ye-actions button:hover{color:#e61962}.ye-actions svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ye-actions small{font:10px Manrope,sans-serif;letter-spacing:1px}.ye-dialog{border:1px solid #ddd;border-radius:22px;padding:30px;width:min(440px,calc(100vw - 40px));color:#202136;background:linear-gradient(140deg,#fff,#f7e7ed,#e6e6f0);font:15px/1.65 Manrope,sans-serif;box-sizing:border-box}.ye-dialog::backdrop{background:#20213688;backdrop-filter:blur(5px)}.ye-dialog h2{font:32px Vetrino,serif;margin:5px 30px 18px 0}.ye-close{position:absolute;right:16px;top:10px;background:none;border:0;font-size:28px;cursor:pointer}.ye-dialog a{color:#d51559}.ye-links{display:grid;gap:10px}.ye-links a{text-decoration:none;padding:6px;border-bottom:1px solid #20213618}.ye-note{font-size:12px;opacity:.7}.ye-chip{display:block;padding:12px 15px;margin:8px 0;border-radius:12px;background:#ffffffaa;border:1px solid #ddd;color:#202136;text-align:left;width:100%;cursor:pointer}.ye-answer{margin-top:15px}.ye-mobile-content{display:none}
@media(max-width:767px){.ye-header{height:86px;padding:10px 18px;gap:12px}.ye-header>a img{width:110px}.ye-social{display:none}.ye-actions{gap:10px}.ye-actions svg{width:24px;height:24px}.ye-actions small{font-size:9px}.section-zero:not(.css58){display:none!important}.ye-mobile-content{display:block;padding:35px 24px;background:linear-gradient(#bbbbd2,#fff)}.ye-mobile-content h2{font:28px/1.2 Vetrino,serif}.ye-mobile-content p{font:15px/1.7 Manrope,sans-serif}.ye-mobile-content details{padding:14px 0;border-bottom:1px solid #ddd}.ye-mobile-content summary{cursor:pointer;font:16px Manrope,sans-serif}}


.ye-header{background:linear-gradient(to bottom,rgb(245,239,243) 0%,rgb(244,213,224) 100%);height:112px;border:0;box-shadow:none}
.ye-actions{gap:10px;align-items:center}.ye-actions button{width:48px;height:48px;min-width:48px;padding:0;justify-content:center;border:1px solid rgba(255,255,255,.85);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(231,217,235,.8));box-shadow:0 4px 12px #42334e12,inset 0 1px 0 #ffffffaa;color:#202136;transition:transform .18s,box-shadow .18s,color .18s}.ye-actions button:hover{color:#e61962;transform:translateY(-2px);box-shadow:0 6px 16px #42334e24}.ye-actions button:focus-visible{outline:2px solid #e61962;outline-offset:3px}.ye-actions svg{width:25px;height:25px}
.ye-social-restored .bg:after,.ye-social-restored .bg:before{display:none!important}.ye-social-restored .bg{display:flex!important;align-items:center;justify-content:center}.ye-social-restored svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ye-social-restored .soc-icon{display:flex;gap:12px;align-items:center}.ye-social-restored .soc-icon a{margin:0!important}
@media(max-width:767px){.ye-header{height:auto;min-height:90px;display:grid;grid-template-columns:1fr auto;padding:12px 18px;gap:12px}.ye-header>a{grid-column:1;grid-row:1}.ye-actions{grid-column:2;grid-row:1;gap:7px}.ye-actions button{width:42px;height:42px;min-width:42px;border-radius:11px}.ye-social-restored{grid-column:1/-1;grid-row:2;justify-self:center}.ye-social-restored .soc-icon{gap:18px}}


.ye-clean-social .soc-icon{display:flex;align-items:center;gap:12px}
.ye-clean-social .soc-icon a.link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0!important;border:0;border-radius:11px;background:#fd2577;color:#fff;font-size:initial;box-shadow:0 3px 9px #fd257723;transition:transform .18s,background .18s}
.ye-clean-social .soc-icon a.link::before,.ye-clean-social .soc-icon a.link::after{display:none!important}
.ye-clean-social .soc-icon a.link svg{width:21px;height:21px;fill:currentColor;stroke:none;display:block}
.ye-clean-social .soc-icon a.link:hover{background:#ed1268;transform:translateY(-2px)}
.ye-clean-social .soc-icon a.link:focus-visible{outline:2px solid #202136;outline-offset:3px}
.ye-actions button{color:#fd2577;background:linear-gradient(145deg,#fff8fc,#fce1ec);border-color:#fd257740;box-shadow:0 4px 12px #b6356515}.ye-actions button:hover{color:#ed1268;border-color:#fd25778a}
.ye-trial-shape{border-radius:7px!important}
.metahtml .ye-flip-card{cursor:pointer;outline-offset:6px}
.metahtml .ye-flip-card>.front{transform:rotateY(0deg)!important;pointer-events:auto}
.metahtml .ye-flip-card>.back{transform:rotateY(180deg)!important;pointer-events:none}
.metahtml .ye-flip-card.ye-show-back>.front{transform:rotateY(-180deg)!important;pointer-events:none}
.metahtml .ye-flip-card.ye-show-back>.back{transform:rotateY(0deg)!important;pointer-events:auto}
.metahtml .ye-flip-card>.front,.metahtml .ye-flip-card>.back{backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.metahtml .ye-flip-card:focus-visible{outline:2px solid #fd2577;border-radius:20px}
@media(prefers-reduced-motion:reduce){.metahtml .ye-flip-card>.front,.metahtml .ye-flip-card>.back{transition:none}}


/* Rotate a single rigid card around its vertical axis. */
.metahtml .ye-flip-card{perspective:1200px;opacity:1}
.ye-card-rotator{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(0deg);transition:transform .65s cubic-bezier(.4,0,.2,1)}
.ye-show-back>.ye-card-rotator{transform:rotateY(180deg)}
.metahtml .ye-flip-card .ye-card-rotator>.front,.metahtml .ye-flip-card .ye-card-rotator>.back{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:none!important;transform-style:preserve-3d}
.metahtml .ye-flip-card .ye-card-rotator>.front{transform:rotateY(0deg)!important}
.metahtml .ye-flip-card .ye-card-rotator>.back{transform:rotateY(180deg)!important}
.ye-chat[hidden]{display:none!important}.ye-chat{position:fixed;z-index:1000;right:24px;bottom:24px;width:440px;height:min(620px,calc(100dvh - 140px));display:flex;flex-direction:column;box-sizing:border-box;padding:20px 18px 12px;border:1px solid #ffffffd9;border-radius:25px;background:linear-gradient(145deg,#f4edf9 0%,#fae8f1 100%);box-shadow:0 15px 60px #3d244731;font:14px/1.6 Manrope,Arial,sans-serif;color:#2b2632;isolation:isolate}
.ye-chat-head{display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0;padding:0 2px 12px;background:none}.ye-chat-head h2{font:700 20px/1.3 Manrope,Arial,sans-serif;margin:0 0 2px}.ye-chat-head p{margin:0;font-size:12px;color:#77707b}.ye-chat-head button{border:0;background:none;width:30px;height:30px;padding:0;cursor:pointer;color:#47394c;font:26px/1 Arial}
.ye-chat-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 3px 12px;scrollbar-width:thin}.ye-chat-bubble{background:#ffffffbf;padding:13px 14px;margin:0 0 10px;border-radius:20px 20px 20px 5px;white-space:pre-wrap;overflow-wrap:anywhere}.ye-chat-bubble small{display:block;margin-bottom:4px;color:#736477;font-size:10px;font-weight:600}.ye-chat-bubble.user{background:#fbd3e3;margin-left:28px;border-radius:20px 20px 5px 20px}
.ye-chat-bottom{flex-shrink:0}.ye-chat-suggestions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:10px}.ye-chat-suggestions button{font:11px/1.4 Manrope,Arial,sans-serif;color:#9b4770;border:1px solid #f0cfe0;border-radius:18px;background:#ffffff99;padding:6px 10px;text-align:left;cursor:pointer}.ye-chat-suggestions button:hover{background:#fff;border-color:#fd2577}
#ye-chat-input{display:block;box-sizing:border-box;width:100%;resize:none;min-height:60px;max-height:100px;border:1.5px solid #fd2577;border-radius:13px;padding:10px 12px;background:#ffffffb8;font:13px/1.5 Manrope,Arial,sans-serif;color:#2b2632;outline:none}#ye-chat-input:focus{box-shadow:0 0 0 2px #fd25771a}.ye-chat-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.ye-chat-toolbar button{cursor:pointer}#ye-chat-reset{border:0;background:none;padding:4px 0;font:11px Manrope,Arial,sans-serif;text-decoration:underline;color:#766b7a}#ye-chat-send{border:0;border-radius:18px;padding:8px 19px;background:#fd2577;color:#fff;font:600 12px Manrope,Arial,sans-serif}.ye-chat-status{font:10px/1.4 Manrope,Arial,sans-serif;color:#857587;margin:9px 0 0}.ye-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:600px){.ye-chat{right:10px;bottom:10px;width:calc(100vw - 20px);height:min(580px,calc(100dvh - 110px));padding:16px 14px 10px;border-radius:22px}.ye-chat-suggestions button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ye-card-rotator{transition:none}}


.ye-header>a{transform:scale(.8);transform-origin:left center}
.ye-header>.ye-social-restored{transform:scale(.8);transform-origin:center center}
.ye-header>.ye-actions{transform:scale(.8);transform-origin:right center}
.btn.css62.ye-trial-shape{height:var(--ye-trial-height,32px);min-height:0;box-sizing:border-box;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center;justify-content:center}


/* Card animation: 800px perspective and 300ms linear rotation. */
.metahtml .ye-faq-card{display:inline-block;position:relative;width:370px;height:370px;opacity:.9;perspective:800px;cursor:pointer}
.metahtml .ye-faq-card.ye-faq-small{width:320px;height:320px}
.metahtml .ye-faq-front,.metahtml .ye-faq-back{width:100%;height:100%;position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform 300ms linear;border-radius:20px;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.metahtml .ye-faq-front{transform:rotateY(0deg);background:linear-gradient(to bottom right,#DDDBE8 0%,#DCC4D6 50%,#CAC4D6 100%);color:#000;font-size:22px}
.metahtml .ye-faq-back{background:rgba(117,117,142,.9);transform:rotateY(180deg);color:#fff}
.metahtml .ye-faq-card[data-pinned="true"]>.ye-faq-front{transform:rotateY(-180deg)}
.metahtml .ye-faq-card[data-pinned="true"]>.ye-faq-back{transform:rotateY(0deg)}
@media(hover:hover){
.metahtml .ye-faq-card[data-suppress-hover="false"]:hover>.ye-faq-front{transform:rotateY(-180deg)}
.metahtml .ye-faq-card[data-suppress-hover="false"]:hover>.ye-faq-back{transform:rotateY(0deg)}
}
.metahtml .ye-faq-card:focus-visible{outline:2px solid #fd2577;outline-offset:6px;border-radius:20px}

/* Baseline: approved version 6. Pink surface hues rotated 18 degrees toward lilac. HSL saturation/lightness and gradient geometry unchanged. */
.ye-header{background-image:linear-gradient(to bottom,hsl(302.00000 23.07692% 94.90196%) 0%,hsl(320.70968 58.49057% 89.60784%) 100%);}
.node.css58 > .wrapper1{background-image:linear-gradient(to bottom,hsl(320.70968 58.49057% 89.60784%) 0%,hsl(240.00000 20.35398% 77.84314%) 100%);}
.node.css82 > .wrapper1{background-image:linear-gradient(to bottom,hsl(240.00000 20.35398% 77.84314%) 0%,hsl(240.00000 21.12676% 86.07843%) 100%);}
.metahtml .ye-faq-front{background:linear-gradient(to bottom right,hsl(249.23077 22.03390% 88.43137%) 0%,hsl(297.00000 25.53191% 81.56863%) 50%,hsl(260.00000 18.00000% 80.39216%) 100%);}
.ye-chat{background:linear-gradient(145deg,hsl(275.00000 50.00000% 95.29412%) 0%,hsl(312.00000 64.28571% 94.50980%) 100%);}

/* Luminous lilac-grey panels. Outer intro background inherits approved v9 gradient. */
.ye-dialog[data-panel-kind="account"],.ye-chat{border-color:#ffffffed;box-shadow:inset 0 1px 1px #fff,0 15px 50px #38334522}


.ye-chat-suggestions button{border-color:#d9d6e2;color:#71647f}

.ye-actions button{border:1px solid #fd257740;box-shadow:inset 0 1px 2px #fff,0 3px 10px #40364d1c;color:#fd2577}
.ye-actions button:hover{border-color:#fd25778a;color:#ed1268;box-shadow:inset 0 1px 2px #fff,0 5px 13px #40364d26}
.node.css85>.wrapper1{background-color:#eee8f3;background-image:linear-gradient(135deg,#f7f2fb,#e6deed);box-shadow:inset 0 1px 0 #ffffffd9,0 2px 5px #40364d17}
.node.css118>.wrapper1{background-color:#e9e6ec;background-image:linear-gradient(to bottom,#f5f3f7 0%,#e4e1e8 100%)}
.node.css122>.wrapper1{background-color:#e9e6ec}
@media(max-width:767px){.ye-mobile-content{background:linear-gradient(#e6deed,#f3edf8)}}


/* Small continuous hue adjustment across header and hero; original lower endpoint retained. */
.ye-header{background-image:linear-gradient(to bottom,hsl(302 23.07692% 94.90196%),hsl(314.70968 58.49057% 89.60784%))}
.node.css58>.wrapper1{background-image:linear-gradient(to bottom,hsl(314.70968 58.49057% 89.60784%),hsl(240 20.35398% 77.84314%))}
.ye-dialog[data-panel-kind="menu"]{width:min(1200px,calc(100vw - 32px));max-width:1200px;max-height:calc(100dvh - 32px);padding:30px 36px 26px;border-radius:9px;background:linear-gradient(145deg,hsl(275 50% 95.29412%),hsl(312 64.28571% 94.50980%));box-shadow:0 6px 24px #28203633;border:1px solid #ffffffc9}
.ye-dialog[data-panel-kind="menu"] .ye-close{right:28px;top:22px;color:#202136;font-size:32px;z-index:1}
.ye-menu-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:64px;padding-right:30px}
.ye-menu-top>a{justify-self:start}.ye-menu-top>a img{width:140px;height:auto;display:block}
.ye-menu-top>.ye-social-restored{justify-self:center;grid-column:2;transform:scale(.8);transform-origin:center}
.ye-menu-nav{display:flex;flex-direction:column;align-items:center;gap:13px;margin:28px 0 34px}
.ye-menu-nav a{color:#202136;text-decoration:none;padding:3px 18px;font-size:16px;line-height:1.7}
.ye-menu-nav a:hover{color:#fd2577}
.ye-dialog a.ye-menu-contact{display:block;background:#fd2577;color:white;border-radius:7px;width:min(320px,100%);padding:10px 16px;margin:0 auto 30px;text-align:center;text-decoration:none;font-size:17px;box-sizing:border-box}
.ye-menu-bottom{border-top:1px solid #ffffffb3;padding-top:15px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:14px}
.ye-menu-bottom a:first-child{color:#333}.ye-menu-bottom a{text-decoration:none}
.ye-footer{background:#f7f2fb;border-top:1px solid #bdb3c8;box-shadow:none;color:#333;padding:24px 28px 20px;font:14px/1.6 Manrope,sans-serif}
.ye-footer-inner{max-width:1160px;margin:auto}
.ye-footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px}
.ye-footer-top>a img{width:139px;height:auto;display:block}
.ye-footer-top>.ye-social-restored{transform:scale(.8);transform-origin:right center}
.ye-footer-trial .btn.css132{height:32px;min-height:32px;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center;justify-content:center}
.ye-footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin:20px 0 15px}
.ye-footer-nav a{color:#333;text-decoration:none}.ye-footer-nav a:hover{color:#fd2577}
.ye-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #ffffffb3;padding-top:12px;font-size:13px}
.ye-footer-contacts{display:flex;flex-direction:column}.ye-footer-contacts a{color:#d51559;text-decoration:none}.ye-footer-contacts a:first-child{color:#333}
@media(max-width:767px){
.ye-dialog[data-panel-kind="menu"]{padding:24px 20px 20px}.ye-menu-top{grid-template-columns:1fr;padding-right:0;gap:18px}.ye-menu-top>a img{width:115px}.ye-menu-top>.ye-social-restored{grid-column:1;grid-row:2;justify-self:center}
.ye-menu-nav{margin:20px 0 24px;gap:8px}.ye-menu-bottom{align-items:center;font-size:12px}.ye-menu-contact{margin-bottom:22px}
.ye-footer{padding:24px 18px 18px}.ye-footer-top{flex-wrap:wrap;justify-content:center;gap:16px}.ye-footer-trial{order:3;width:100%;text-align:center}.ye-footer-top>.ye-social-restored{transform-origin:center}.ye-footer-nav{gap:7px 16px}.ye-footer-bottom{flex-direction:column;text-align:center}
}


.ye-dialog[data-panel-kind="account"]{width:min(570px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:30px 32px 24px;border:1px solid #ffffffb3;border-radius:24px;background:linear-gradient(112deg,#f1eefb 0%,#fce5ee 58%,#eae7f0 100%);box-shadow:0 18px 48px #30213f20,inset 0 1px 0 #ffffff96;color:#25212b;font:15px/1.55 Manrope,sans-serif}
.ye-account-brand{font-size:13px;color:#665d6d;margin-bottom:8px}
.ye-dialog[data-panel-kind="account"] h2{font:40px/1.15 Vetrino,Georgia,serif;margin:0 20px 16px 0}
.ye-account-intro{margin:0 0 17px}.ye-account-buttons{display:grid;gap:10px}
.ye-account-buttons button{font:inherit;min-height:49px;padding:10px 18px;background:#ffffffb8;border:1px solid #dcd6e1;border-radius:26px;color:#292331;cursor:pointer}
.ye-account-buttons button:hover{background:#fff}.ye-account-buttons button:focus-visible,.ye-account-ai button:focus-visible,.ye-account-links button:focus-visible{outline:2px solid #fd2577;outline-offset:3px}
.ye-account-ai{display:flex;align-items:center;gap:13px;background:#ffffff80;border:1px solid #ffffffd9;border-radius:17px;padding:14px 16px;margin:16px 0 13px;box-shadow:0 5px 14px #fd25770a;font-size:13px}.ye-account-ai strong{font-size:15px}.ye-account-ai-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:#fff5fb;border:1px solid white;color:#fd2577;font-weight:700;box-shadow:0 0 17px #fd25771a}
.ye-account-ai button,.ye-account-links button{padding:0;background:none;border:0;color:#aa376f;text-decoration:underline;font:inherit;cursor:pointer}.ye-account-ai button{color:#ec3290;font-weight:600}
.ye-account-primary button{background:#fd2577;border-color:#fd2577;color:white;font-weight:700;font-size:17px}.ye-account-primary button:hover{background:#ed1268}
.ye-account-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:17px;font-size:13px}.ye-account-status{font-size:12px;color:#736779;margin:17px 0 0;text-align:center}
@media(max-width:600px){.ye-dialog[data-panel-kind="account"]{padding:26px 22px 22px}.ye-dialog[data-panel-kind="account"] h2{font-size:32px}.ye-account-primary button{font-size:15px}}

/* Saturation only: +30% at title level; approved hue and lightness unchanged. */
.ye-header{background-image:linear-gradient(to bottom,hsl(302.00000 23.07692% 94.90196%) 0.0000%,hsl(305.96919 28.67039% 94.46078%) 8.3333%,hsl(308.09080 33.59635% 94.01961%) 16.6667%,hsl(309.22145 38.06132% 93.57843%) 25.0000%,hsl(309.72864 42.21092% 93.13725%) 33.3333%,hsl(309.80369 46.14577% 92.69608%) 41.6667%,hsl(309.56300 49.93226% 92.25490%) 50.0000%,hsl(309.08736 53.61030% 91.81372%) 58.3333%,hsl(308.43928 57.19907% 91.37255%) 66.6667%,hsl(307.67110 60.70150% 90.93137%) 75.0000%,hsl(306.82901 64.10797% 90.49019%) 83.3333%,hsl(305.95497 67.39959% 90.04902%) 91.6667%,hsl(305.08743 70.55080% 89.60784%) 100.0000%)}
.node.css58>.wrapper1{background-image:linear-gradient(to bottom,hsl(305.08743 70.55080% 89.60784%) 0.0000%,hsl(302.39222 68.02265% 89.20098%) 2.5000%,hsl(299.90754 65.28896% 88.79411%) 5.0000%,hsl(297.71167 62.30784% 88.38725%) 7.5000%,hsl(295.85945 59.07440% 87.98039%) 10.0000%,hsl(294.37822 55.61537% 87.57353%) 12.5000%,hsl(293.26567 51.98244% 87.16666%) 15.0000%,hsl(292.48935 48.24516% 86.75980%) 17.5000%,hsl(291.98824 44.48354% 86.35294%) 20.0000%,hsl(291.67594 40.78089% 85.94608%) 22.5000%,hsl(291.44576 37.32256% 85.54902%) 25.0000%,hsl(291.25150 35.47297% 85.29215%) 27.5000%,hsl(291.03279 33.70275% 85.03529%) 30.0000%,hsl(290.67598 32.08085% 84.77843%) 32.5000%,hsl(290.07625 30.66597% 84.52157%) 35.0000%,hsl(289.14443 29.50313% 84.26470%) 37.5000%,hsl(287.81274 28.62132% 84.00784%) 40.0000%,hsl(286.03962 28.03186% 83.75098%) 42.5000%,hsl(284.05686 27.58375% 83.49412%) 45.0000%,hsl(282.07240 27.14937% 83.23725%) 47.5000%,hsl(280.08622 26.72811% 82.98039%) 50.0000%,hsl(278.09833 26.31937% 82.72353%) 52.5000%,hsl(276.10873 25.92261% 82.46667%) 55.0000%,hsl(274.11741 25.53731% 82.20980%) 57.5000%,hsl(272.12436 25.16297% 81.95294%) 60.0000%,hsl(270.12960 24.79914% 81.69608%) 62.5000%,hsl(268.13311 24.44538% 81.43922%) 65.0000%,hsl(266.13490 24.10128% 81.18235%) 67.5000%,hsl(264.13496 23.76645% 80.92549%) 70.0000%,hsl(262.13329 23.44051% 80.66863%) 72.5000%,hsl(260.12988 23.12312% 80.41177%) 75.0000%,hsl(258.12474 22.81395% 80.15490%) 77.5000%,hsl(256.11786 22.51268% 79.89804%) 80.0000%,hsl(254.10924 22.21901% 79.64118%) 82.5000%,hsl(252.09888 21.93266% 79.38432%) 85.0000%,hsl(250.08677 21.65336% 79.12745%) 87.5000%,hsl(248.07292 21.38084% 78.87059%) 90.0000%,hsl(246.05732 21.11488% 78.61373%) 92.5000%,hsl(244.03997 20.85523% 78.35687%) 95.0000%,hsl(242.02086 20.60166% 78.10000%) 97.5000%,hsl(240.00000 20.35398% 77.84314%) 100.0000%)}


/* Typography only, on the approved version 16 palette. */
.ye-dialog,.ye-chat{color:#211d27;font-weight:500}
.ye-dialog h2,.ye-chat-head h2{color:#19151f}
.ye-dialog .ye-note{opacity:1;color:#4c4454;font-size:13px;line-height:1.55}
.ye-menu-nav a{color:#211d27;font-size:17px;font-weight:500}
.ye-menu-bottom{font-size:15px;font-weight:500}.ye-menu-bottom a:first-child{color:#211d27}
.ye-account-brand,.ye-account-status{color:#4c4454;font-size:14px}
.ye-account-intro{color:#211d27;font-size:16px}
.ye-account-buttons button{color:#211d27;font-size:16px;font-weight:500}
.ye-account-primary button{color:#fff;font-size:17px;font-weight:700}
.ye-account-ai{color:#211d27;font-size:14px}.ye-account-ai strong{font-size:16px;font-weight:700}
.ye-account-links{font-size:14px;font-weight:500}
.ye-chat{font-size:15px}.ye-chat-head p{font-size:14px;color:#4c4454}
.ye-chat-bubble small{font-size:12px;color:#4c4454}
.ye-chat-suggestions button{font-size:13px;font-weight:500;color:#302437}
#ye-chat-input{font-size:15px;color:#211d27;font-weight:500}
#ye-chat-input::placeholder{color:#62586a;opacity:1}
#ye-chat-reset{font-size:13px;color:#423649;font-weight:500}
#ye-chat-send{font-size:14px;font-weight:700}
.ye-chat-status{font-size:12px;color:#514657;line-height:1.5}
.ye-footer{color:#211d27;font-size:15px;font-weight:500}
.ye-footer-nav a{color:#211d27;font-size:15px;font-weight:600}
.ye-footer-bottom{font-size:14px;color:#302936}
.ye-footer-contacts a:first-child{color:#211d27}
.node.css85 .textable,.ye-mobile-content{color:#211d27;font-weight:500}
.node.css85 .textable strong,.node.css85 .textable b{color:#211d27}
.metahtml .ye-faq-front{color:#16121b;font-weight:500}
.metahtml .ye-faq-back{color:#fff;font-weight:500}
@media(max-width:767px){.ye-menu-nav a{font-size:16px}.ye-menu-bottom{font-size:14px}.ye-account-primary button{font-size:15px}.ye-chat-suggestions button{font-size:12px}}


.ye-owner-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}
.ye-owner-summary>div{border:1px solid #ffffffd9;background:#ffffff80;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.ye-owner-summary span{font-size:13px;font-weight:500;color:#4c4454;line-height:1.4}
.ye-owner-summary strong{font:600 22px/1.3 Manrope,sans-serif;color:#211d27}
.ye-owner-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ye-owner-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:57px;padding:13px 16px;text-align:left;border:1px solid #dcd6e1;border-radius:15px;background:#ffffffb8;color:#211d27;font:600 15px/1.4 Manrope,sans-serif;cursor:pointer}
.ye-owner-menu button span{font-size:22px;color:#fd2577;font-weight:500}.ye-owner-menu button:hover{background:#fff;border-color:#fd257740}
.ye-owner-menu button:focus-visible,.ye-owner-back:focus-visible{outline:2px solid #fd2577;outline-offset:3px}
.ye-owner-back{background:none;border:0;padding:0;margin:0 0 22px;font:500 14px Manrope,sans-serif;color:#aa376f;cursor:pointer}
.ye-owner-description{font-size:16px;line-height:1.65;color:#211d27;margin:20px 0 30px}
@media(max-width:480px){.ye-owner-menu{grid-template-columns:1fr}.ye-owner-menu button{min-height:49px}.ye-owner-summary>div{padding:10px}.ye-owner-summary span{font-size:12px}}


.ye-footer-trial .btn.css132{font-family:Manrope,sans-serif;font-size:20px;font-weight:500;line-height:1.3;color:#fff!important;opacity:1}
.ye-footer-trial .btn.css132 .btn-content,.ye-footer-trial .btn.css132 .text{color:#fff!important;opacity:1;font-weight:inherit}
@media(max-width:767px){.ye-footer-trial .btn.css132{font-size:14px}}


/* Render social glyphs at their final pixel dimensions instead of scaling the entire group. */
.ye-header>.ye-social-restored,.ye-footer-top>.ye-social-restored,.ye-menu-top>.ye-social-restored{transform:none}
.ye-clean-social .soc-icon{gap:10px}
.ye-clean-social .soc-icon a.link{width:29px;height:29px;border-radius:9px}
.ye-clean-social .soc-icon a.link svg{width:18px;height:18px;flex-shrink:0}


/* Solid black answers and opaque, readable text. Flip behavior is unchanged. */
.metahtml .ye-faq-card{opacity:1}
.metahtml .ye-faq-front{background:transparent;color:#111}
.metahtml .ye-faq-front::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(to bottom right,hsl(249.23077 22.03390% 88.43137%) 0%,hsl(297 25.53191% 81.56863%) 50%,hsl(260 18% 80.39216%) 100%);opacity:.9}
.metahtml .ye-faq-card .question{font-family:Manrope,Arial,sans-serif;font-size:20px;font-weight:650;line-height:1.35;color:#111;text-shadow:none}
.metahtml .ye-faq-card .ye-faq-back{background:#000;color:#fff;opacity:1}
.metahtml .ye-faq-card .answer{font-family:Manrope,Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.45;color:#fff;opacity:1;text-shadow:none}
.metahtml .ye-faq-card .answer ul{padding-left:20px;margin-top:0;margin-bottom:0}
.ye-dialog[data-panel-kind="account"]{color:#151219;font-weight:500}
.ye-dialog[data-panel-kind="account"] h2{font-family:Manrope,Arial,sans-serif;font-size:30px;font-weight:650;line-height:1.25;color:#111}
.ye-owner-menu button{color:#111;font-size:16px;font-weight:650}
.ye-owner-summary span,.ye-account-brand,.ye-account-status{color:#332d38;font-weight:500}
.ye-owner-summary strong{color:#111;font-weight:700}
.ye-owner-description{color:#19151f;font-weight:500}
@media(max-width:480px){.ye-dialog[data-panel-kind="account"] h2{font-size:26px}}


.metahtml .ye-faq-card .question{font-weight:500;font-size:20px;line-height:1.35;letter-spacing:0;text-transform:none}


/* Lighter, consistent UI lettering. Palette and component dimensions unchanged. */
.btn.css62.ye-trial-shape,.ye-footer-trial .btn.css132,.ye-dialog a.ye-menu-contact,#ye-chat-send{font-family:"Segoe UI",Manrope,Arial,sans-serif;font-weight:400;letter-spacing:.01em}
.btn.css62.ye-trial-shape .btn-content,.btn.css62.ye-trial-shape .text,.ye-footer-trial .btn.css132 .btn-content,.ye-footer-trial .btn.css132 .text{font-family:inherit;font-weight:400;letter-spacing:inherit}
.ye-footer,.ye-footer-nav a,.ye-footer-bottom,.ye-footer-contacts a{font-family:"Segoe UI",Manrope,Arial,sans-serif;font-weight:400;letter-spacing:.01em}
.ye-footer-nav a{font-size:16px;line-height:1.5}
.ye-footer-bottom{font-size:14px;line-height:1.6}
.ye-menu-nav a,.ye-menu-bottom{font-family:"Segoe UI",Manrope,Arial,sans-serif;font-weight:400;letter-spacing:.01em}


/* Match the approved question-card font throughout action labels and navigation. */
.btn.css62.ye-trial-shape,.ye-footer-trial .btn.css132,.ye-dialog a.ye-menu-contact,#ye-chat-send,
.ye-footer,.ye-footer-nav a,.ye-footer-bottom,.ye-footer-contacts a,.ye-menu-nav a,.ye-menu-bottom{
font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:0}
.btn.css62.ye-trial-shape .btn-content,.btn.css62.ye-trial-shape .text,.ye-footer-trial .btn.css132 .btn-content,.ye-footer-trial .btn.css132 .text{font-family:inherit;font-weight:500;letter-spacing:0}
.metahtml .ye-faq-card .answer{font-family:Manrope,Arial,sans-serif;font-size:17px;font-weight:400;line-height:1.45;letter-spacing:0;margin:0;text-align:left}
.metahtml .ye-faq-card .answer ul,.metahtml .ye-faq-card .answer li{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
.metahtml .ye-faq-card .answer li{margin-top:0!important;margin-bottom:8px!important}
.metahtml .ye-faq-card .answer li:last-child{margin-bottom:0!important}

/* v62: viewport geometry only; approved palette and component finishes retained. */
.ye-dialog{position:fixed;inset:auto;left:var(--ye-viewport-center-x,50%);top:var(--ye-viewport-center-y,50%);margin:0;transform:translate(-50%,-50%);max-width:calc(var(--ye-viewport-width,100vw) - 32px);max-height:calc(var(--ye-viewport-height,100dvh) - 32px);overflow-y:auto;overscroll-behavior:contain}
.ye-dialog[data-panel-kind="menu"],.ye-dialog[data-panel-kind="account"]{max-width:calc(var(--ye-viewport-width,100vw) - 32px);max-height:calc(var(--ye-viewport-height,100dvh) - 32px)}
.ye-chat{left:var(--ye-viewport-center-x,50%);right:auto;top:var(--ye-viewport-center-y,50%);bottom:auto;transform:translate(-50%,-50%);max-width:calc(var(--ye-viewport-width,100vw) - 24px);max-height:calc(var(--ye-viewport-height,100dvh) - 24px)}
.ye-chat-head>*{min-width:0}.ye-chat-head button{flex:none}.ye-chat-messages{min-height:36px}.ye-chat-bottom{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.ye-footer-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.ye-footer-top>a{justify-self:start}.ye-footer-top>.ye-social-restored{justify-self:end}
.ye-footer-trial{min-width:0}.ye-footer-trial .btn.css132{box-sizing:border-box;max-width:100%}
@media(max-width:767px){
 .ye-footer-top{display:flex;justify-content:center}
 .ye-footer-trial{display:flex;justify-content:center;min-width:0}
 .ye-footer-trial .btn.css132{height:auto;min-height:32px;padding-top:6px;padding-bottom:6px}
 .ye-footer-trial .btn-content{min-width:0;flex:1}
 .ye-footer-trial .text{white-space:normal;overflow-wrap:break-word}
 .ye-footer-trial .pad-left,.ye-footer-trial .pad-right{flex:none}
 .ye-mobile-content img{display:block;width:100%;height:auto;margin:24px auto}
}
@media(max-width:600px){.ye-chat{height:min(580px,calc(var(--ye-viewport-height,100dvh) - 24px))}}

/* Keep the mobile keyboard from zooming and panning the chat input on iOS. */
@media(max-width:600px){#ye-chat-input{font-size:16px}}

/* Stack the footer before the side groups can overlap its centered action. */
@media(min-width:768px) and (max-width:1000px){
 .ye-footer-top{display:flex;flex-wrap:wrap;justify-content:center}
 .ye-footer-trial{order:3;width:100%;display:flex;justify-content:center}
}
/* The legacy desktop blocks are also hidden at the tablet breakpoint. */
@media(min-width:768px) and (max-width:991px){
 .ye-mobile-content{display:block;padding:35px 24px}
 .ye-mobile-content h2{font:28px/1.2 Vetrino,serif}
 .ye-mobile-content p{font:15px/1.7 Manrope,sans-serif}
 .ye-mobile-content img{display:block;width:100%;max-width:751px;height:auto;margin:24px auto}
}
