/*
Trix 1.3.1
Copyright © 2020 Basecamp, LLC
http://trix-editor.org/*/
trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none; }
trix-toolbar * {
  box-sizing: border-box; }
trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto; }
trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px; }
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw; }
    @media (max-device-width: 768px) {
      trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 0; } }
trix-toolbar .trix-button-group-spacer {
  flex-grow: 1; }
  @media (max-device-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
      display: none; } }
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent; }
  trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: black; }
  trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer; }
  trix-toolbar .trix-button:disabled {
    color: rgba(0, 0, 0, 0.125); }
  @media (max-device-width: 768px) {
    trix-toolbar .trix-button {
      letter-spacing: -0.01em;
      padding: 0 0.3em; } }
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px; }
  @media (max-device-width: 768px) {
    trix-toolbar .trix-button--icon {
      height: 2em;
      max-width: calc(0.8em + 3.5vw); } }
  trix-toolbar .trix-button--icon::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    @media (max-device-width: 768px) {
      trix-toolbar .trix-button--icon::before {
        right: 6%;
        left: 6%; } }
  trix-toolbar .trix-button--icon.trix-active::before {
    opacity: 1; }
  trix-toolbar .trix-button--icon:disabled::before {
    opacity: 0.125; }
trix-toolbar .trix-button--icon-attach::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
  top: 8%;
  bottom: 4%; }
trix-toolbar .trix-button--icon-bold::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-italic::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-link::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-strike::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-quote::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-code::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-number-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-undo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-redo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-dialogs {
  position: relative; }
trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5; }
trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
  trix-toolbar .trix-input--dialog.validate:invalid {
    box-shadow: #F00 0px 0px 1.5px 1px; }
trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none; }
trix-toolbar .trix-dialog--link {
  max-width: 600px; }
trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline; }
  trix-toolbar .trix-dialog__link-fields .trix-input {
    flex: 1; }
  trix-toolbar .trix-dialog__link-fields .trix-button-group {
    flex: 0 0 content;
    margin: 0; }
trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none; }
trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none; }

trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
  background: highlight; }
trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
  background: highlight; }

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent; }
trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight; }
trix-editor .attachment {
  position: relative; }
  trix-editor .attachment:hover {
    cursor: default; }
trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text; }
trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in; }
  trix-editor .attachment__progress[value="100"] {
    opacity: 0; }
trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center; }
trix-editor .trix-button-group {
  display: inline-flex; }
trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent; }
  trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-editor .trix-button.trix-active {
    background: #cbeefa; }
  trix-editor .trix-button:not(:disabled) {
    cursor: pointer; }
trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); }
  trix-editor .trix-button--remove::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    content: "";
    background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%; }
  trix-editor .trix-button--remove:hover {
    border-color: #333; }
    trix-editor .trix-button--remove:hover::before {
      opacity: 1; }
trix-editor .attachment__metadata-container {
  position: relative; }
trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px; }
  trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  trix-editor .attachment__metadata .attachment__size {
    margin-left: 0.2em;
    white-space: nowrap; }
@charset "UTF-8";
.trix-content {
  line-height: 1.5; }
  .trix-content * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2; }
  .trix-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em; }
  .trix-content [dir=rtl] blockquote,
  .trix-content blockquote[dir=rtl] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em; }
  .trix-content li {
    margin-left: 1em; }
  .trix-content [dir=rtl] li {
    margin-right: 1em; }
  .trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto; }
  .trix-content img {
    max-width: 100%;
    height: auto; }
  .trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%; }
    .trix-content .attachment a {
      color: inherit;
      text-decoration: none; }
      .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
        color: inherit; }
  .trix-content .attachment__caption {
    text-align: center; }
    .trix-content .attachment__caption .attachment__name + .attachment__size::before {
      content: ' · '; }
  .trix-content .attachment--preview {
    width: 100%;
    text-align: center; }
    .trix-content .attachment--preview .attachment__caption {
      color: #666;
      font-size: 0.9em;
      line-height: 1.2; }
  .trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px; }
  .trix-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .trix-content .attachment-gallery .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%; }
    .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
      flex-basis: 50%;
      max-width: 50%; }
/*
 * Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
 * the trix-editor content (whether displayed or under editing). Feel free to incorporate this
 * inclusion directly in any other asset bundle and remove this file.
 *

*/

/*
 * We need to override trix.css’s image gallery styles to accommodate the
 * <action-text-attachment> element we wrap around attachments. Otherwise,
 * images in galleries will be squished by the max-width: 33%; rule.
*/
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}
@tailwind base;
@tailwind components;
@tailwind utilities;

.white-button{
    @apply border border-symplifica-gray-50 px-6 py-2 m-2 rounded-full shadow-md text-symplifica-gray-700 font-medium hover:bg-symplifica-gray-100 focus:outline-none focus:ring-2 focus:ring-symplifica-blue-400
}

.green-button{
    @apply flex justify-center bg-symplifica-green-300 rounded-full text-white focus:outline-none focus:ring-2 focus:ring-symplifica-green-400 focus:ring-offset-2 w-4/12
}

.green-button-modal{
    @apply justify-center bg-symplifica-green-300 rounded-full text-white focus:outline-none focus:ring-2 focus:ring-symplifica-green-400 focus:ring-offset-2
}

.white-button-modal{
    @apply justify-center bg-white rounded-full text-symplifica-gray-700 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2
}

.yellow-button{
    @apply flex justify-center bg-symplifica-yellow-400 rounded-full text-white focus:outline-none focus:ring-2 focus:ring-symplifica-yellow-500 focus:ring-offset-2 w-4/12
}

.white-turquoise-button{
    @apply white-button py-3 hover:border-symplifica-blue-350 hover:text-symplifica-turquoise-100 hover:bg-symplifica-blue-350 px-0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}@import 'actiontext.css';

/* Components */

.btn-small {
    @apply font-bold rounded-3xl shadow-lg py-2 px-5 md:px-10;
}


.btn {
    @apply font-bold rounded-3xl shadow-lg py-3 px-10 sm:px-20;
}


/* Curriculum Vitae Components */

.btn-purple {
    @apply bg-benefits_d_purple text-white text-[14px] md:text-[16px] lg:text-[18px];
}
.btn-purple:hover {
    @apply bg-benefits_h_purple text-sy-dark;
}


.btn-gray-disabled {
    @apply bg-benefits_d_gray text-sy-dark text-center text-[14px] xl:text-[18px] border-2 border-symplifica-grayIntermediate;
}
.btn-gray-disabled:disabled {
    @apply cursor-not-allowed text-sy-dark;
}


.btn-job {
    @apply border-sy-bluegray;
}
.btn-job:hover {
    @apply border-sy-aqua bg-benefits_h_aqua; 
}


.btn-lighter-small {
    @apply bg-white border border-symplifica-lighter text-sy-dark text-[12px] md:text-[16px] shadow-lg;
}
.btn-lighter-small:hover {
    @apply bg-sy-aqua;
}


.btn-lighter {
    @apply bg-white border-2 border-symplifica-lighter text-sy-dark text-[14px] xl:text-[18px] shadow-lg;
}
.btn-lighter:hover {
    @apply bg-sy-aqua;
}

.btn-lighter-purple-border {
    @apply bg-white border-2 border-benefits_d_purple text-sy-dark text-[14px] xl:text-[16px] shadow-lg;
}
.btn-lighter-purple-border:hover {
    @apply bg-benefits_h_purple text-sy-dark;
}


.btn-left-icon-lighter {
    @apply bg-white font-bold border-2 border-symplifica-lighter rounded-2xl sm:rounded-3xl text-sy-dark text-[12px] sm:text-[14px] xl:text-[16px] shadow-lg py-3 pl-10 sm:pl-20 pr-6 sm:pr-12;
}
.btn-left-icon-lighter:hover {
    @apply bg-sy-aqua;
}


.btn-favorite {
    @apply bg-white border-2 border-sy-red_light text-sy-dark text-[12px] sm:text-[14px] xl:text-[16px] shadow-lg;
}
.btn-favorite:hover {
    @apply bg-benefits_h_my_favorite;
}


.btn-left-icon-favorite {
    @apply bg-white font-bold border-2 border-sy-red_light rounded-2xl sm:rounded-3xl text-sy-dark text-[12px] sm:text-[14px] xl:text-[16px] shadow-lg py-3 pl-10 sm:pl-20 pr-6 sm:pr-12;
}
.btn-left-icon-favorite:hover {
    @apply bg-benefits_h_my_favorite;
}


.btn-right-icon-purple {
    @apply bg-benefits_d_purple font-bold text-white border-2 rounded-3xl shadow-lg py-3 pl-12 pr-20;
}
.btn-right-icon-purple:hover {
    @apply bg-benefits_h_purple text-sy-dark;
}

/* End Curriculum Vitae Components */


/* Bonus Components */

.btn-referrals {
    @apply bg-sy-light rounded-xl text-white md:text-lg lg:text-xl;
}
.btn-referrals:hover {
    @apply underline;
}

/* End Bonus Components */


/* Liquidations Components */

.custom-border-1-5 {
    border-width: 1.5px;
}


.btn-medium {
    @apply font-bold py-3 px-10 lg:px-20 rounded-3xl shadow-lg;
}


.btn-large {
    @apply font-bold py-3 px-12 lg:px-24 rounded-3xl shadow-lg;
}


.btn-lighter-liquidation {
    @apply bg-symplifica-light border-symplifica-light text-sy-dark text-[14px] xl:text-[18px] cursor-pointer;
}
.btn-lighter-liquidation:hover {
    @apply bg-liqui_light_aqua border-liqui_light_aqua;
}


.btn-gray-right-icon-disabled {
    @apply bg-benefits_d_gray font-bold text-sy-dark text-[14px] md:text-[18px] custom-border-1-5 border-symplifica-line-gray-price rounded-3xl shadow-lg py-3 pl-6 pr-12;
}
.btn-gray-right-icon-disabled:disabled {
    @apply cursor-not-allowed text-sy-dark;
}


.btn-gray-icon-disabled {
    @apply bg-benefits_d_gray font-bold text-sy-dark text-[14px] md:text-[18px] border-2 border-symplifica-grayIntermediate;
}
.btn-gray-icon-disabled:disabled {
    @apply cursor-not-allowed text-sy-dark;
}


.btn-gray-icon-disabled {
    @apply bg-benefits_d_gray font-bold text-sy-dark text-[14px] md:text-[18px] border-2 border-symplifica-grayIntermediate;
}
.btn-gray-icon-disabled:disabled {
    @apply cursor-not-allowed text-sy-dark;
}


.btn-survey-liquidation {
    @apply border rounded border-sy-light shadow-liqui_light_25 shadow w-[68px] h-[44px] md:w-[60px] md:h-[50] font-bold text-[20px] md:text-[22px];
}
.btn-survey-liquidation:hover {
    @apply bg-liqui_light_aqua border-sy-light;
}

.btn-survey-liquidation-modal {
    @apply border rounded border-sy-light shadow-liqui_light_25 shadow w-[68px] h-[44px] md:w-[60px] md:h-[50]  text-[20px] md:text-[22px] border-sy-light;
}
/*.btn-survey-liquidation:hover {*/
/*    @apply bg-liqui_light_aqua border-sy-light;*/
/*}*/



.calendar {
    @apply relative md:flex ml-2 mr-4 mt-4 md:my-auto;
}
.calendar-main-span {
    @apply relative flex items-center border-2 border-sy-bluegray font-bold text-symplifica-title-prices rounded-xl pl-4 md:pl-8 pr-2 py-4 cursor-pointer;
}
/* When clicked */
.calendar-clicked {
    @apply flex justify-start items-center;
}
.calendar-real-value {
    @apply ml-1 text-[18px];
}
/* End when clicked */
.calendar-img {
    @apply absolute hidden md:block transform -translate-y-1/2 top-[50%] left-4 min-h-[18px] max-h-[18px] min-w-[18px] max-w-[18px];
}
.calendar-pipe {
    @apply hidden md:block text-symplifica-lighter px-2;
}
.calendar-asterisk {
    @apply text-symplifica-lighter pr-4;
}
.calendar-input {
    @apply absolute invisible top-0 right-[30%];
}
.calendar-liq {
    @apply items-center border-2 border-sy-bluegray font-bold text-symplifica-title-prices text-[14px] md:text-[18px] rounded-xl py-4 cursor-pointer;
}
.timer-input {
    @apply absolute invisible top-0 right-[5%];
}


.errase-watermark {
    background-image: url('https://sfo2.digitaloceanspaces.com/cdn.symplifica/admin/assets/img/liquidaciones/borrador.png');
    background-size: 150px;
    @media (min-width: 768px) {
        background-size: 300px;
    }
}


.checkbox-liquidation {
    @apply h-6 w-6 border-gray-300 rounded-md;
}
.checkbox-liquidation:checked {
    @apply bg-[#FFFFFF] text-symplifica-lighter border-gray-300;
}


.btn-small-low-rounded {
    @apply font-bold rounded-lg shadow-lg py-2 px-5 sm:px-10;
}

/* End Liquidations Components */


/* New Dashboard */
.card-hover {
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.new-dashboard-light-card {
    @apply w-full md:max-h-[159px] md:max-w-[326px] md:min-h-[159px] md:min-w-[326px] p-1 md:mx-2 my-2 bg-sy-newDashboardLightBgCard border-2 border-sy-light rounded-3xl text-sy-dark cursor-pointer;
}
.new-dashboard-light-card-img-size {
    @apply md:min-w-[90px] md:max-w-[90px];
    width: 170px;
}

.new-dashboard-yellow-card {
    @apply w-full md:max-h-[159px] md:max-w-[326px] md:min-h-[159px] md:min-w-[326px] p-1 md:mx-2 my-2 bg-sy-newDashboardYellowBgCard border-2 border-sy-yellowBannerSemmianual rounded-3xl text-sy-dark cursor-pointer;
}
.new-dashboard-yellow-card-img-size {
    @apply md:min-w-[77px] md:max-w-[77px];
    width: 120px;
}

.new-dashboard-purple-card {
    @apply w-full md:max-h-[159px] md:max-w-[326px] md:min-h-[159px] md:min-w-[326px] p-1 md:mx-2 my-2 bg-sy-newDashboardPurpleBgCard border-2 border-sy-purpleBannerSemmianual rounded-3xl text-sy-dark cursor-pointer;
}
.new-dashboard-purple-card-img-size {
    @apply md:min-w-[77px] md:max-w-[77px];
    width: 120px;
}

.new-dashboard-red-card {
    @apply w-full md:max-h-[159px] md:max-w-[326px] md:min-h-[159px] md:min-w-[326px] p-1 md:mx-2 my-2 bg-sy-newDashboardRedBgCard border-2 border-sy-red_light rounded-3xl text-sy-dark cursor-pointer;
}
.new-dashboard-red-card-img-size {
    @apply md:min-w-[80px] md:max-w-[80px];
}

.new-dashboard-blue-card {
    @apply w-full md:max-h-[159px] md:max-w-[326px] md:min-h-[159px] md:min-w-[326px] p-1 md:mx-2 my-2 bg-sy-newDashboardBlueBgCard border-2 border-sy-newDashboardBlueBorderCard rounded-3xl text-sy-dark cursor-pointer;
}
.new-dashboard-blue-card-img-size {
    @apply md:min-w-[80px] md:max-w-[80px];
}

.new-dashboard-orange-card {
    @apply w-full md:max-h-[159px] md:max-w-[326px] md:min-h-[159px] md:min-w-[326px] p-1 md:mx-2 my-2 bg-sy-newDashboardOrangeBgCard border-2 border-sy-newDashboardOrangeBorderCard rounded-3xl text-sy-dark cursor-pointer;
}
.new-dashboard-orange-card-img-size {
    @apply md:min-w-[72px] md:min-h-[77px] md:max-w-[72px] md:max-h-[77px];
}

.new-dashboard-bluegray-card {
    @apply w-full md:max-h-[159px] md:max-w-[326px] md:min-h-[159px] md:min-w-[326px] p-1 md:mx-2 my-2 bg-sy-newDashboardBluegrayBgCard border-2 border-sy-bluegray rounded-3xl text-sy-dark cursor-pointer;
}
.new-dashboard-bluegray-card-img-size {
    @apply md:min-w-[65px] md:max-w-[65px];
    width: 110px;
}

.new-dashboard-dark-blue-card {
    @apply w-full md:max-h-[159px] md:max-w-[326px] md:min-h-[159px] md:min-w-[326px] p-1 md:mx-2 my-2 bg-sy-newDashboardDarkBlueBgCard border-2 border-sy-darkBlue rounded-3xl text-sy-dark cursor-pointer;
}
.new-dashboard-dark-blue-card-img-size {
    @apply md:min-w-[70px] md:max-w-[70px];
    width: 70px;
}

.new-dashboard-dark-green-card {
    @apply w-full md:max-h-[159px] md:max-w-[326px] md:min-h-[159px] md:min-w-[326px] p-1 md:mx-2 my-2 bg-sy-newDashboardDarkGreenBgCard border-2 border-sy-darkGreen rounded-3xl text-sy-dark cursor-pointer;
}
.new-dashboard-dark-green-card-img-size {
    @apply md:min-w-[70px] md:max-w-[70px];
    width: 60px;
}
/* End New Dashboard */
.button-neon-purple{
    filter: drop-shadow(0 0 2px #6161D4);
}

/*Spinner in admin view*/
.loader-overlay {
    background-color: rgba(255, 255, 255, 0.8);
}
.loader {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 8px solid #0000;
    border-right-color: rgba(8, 187, 57, 0.59);
    position: relative;
    animation: l24 1s infinite linear;
}
.loader:before,
.loader:after {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    border: inherit;
    animation: inherit;
    animation-duration: 2s;
}
.loader:after {
    animation-duration: 4s;
}
@keyframes l24 {
    100% {transform: rotate(1turn)}
}
/* line 1, app/assets/stylesheets/components/app/about_us/about_us.scss */
.symplifica-home {
  width: 100%;
  background: 0 bottom no-repeat;
  background-color: #f7f7f7;
}

@media (max-width: 480px) {
  /* line 6, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .symplifica-home {
    margin: 30px 0 0 0;
  }
}

/* line 10, app/assets/stylesheets/components/app/about_us/about_us.scss */
.advisory {
  width: 100%;
  background: #acfcf4;
  padding: 40px 20px;
  position: relative;
  padding-right: 8rem;
  padding-left: 10rem;
}

@media (max-width: 990px) {
  /* line 20, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .advisory {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media (max-width: 576px) {
  /* line 27, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .advisory {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 33, app/assets/stylesheets/components/app/about_us/about_us.scss */
.advisory:before {
  width: 100%;
  height: 20px;
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  background: url(/assets/bg-borde-line-7a0b58e0c3a969065132063681b81e663defd6915785b4f2d4da953b5530658a.png) 0 0 repeat;
}

/* line 42, app/assets/stylesheets/components/app/about_us/about_us.scss */
.advisory .cont {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 49, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .advisory .cont {
    text-align: center;
  }
}

/* line 53, app/assets/stylesheets/components/app/about_us/about_us.scss */
.advisory .tit {
  width: 100%;
  color: #424c5a;
  font-size: 26px;
}

@media (max-width: 768px) {
  /* line 59, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .advisory .tit {
    font-size: 22px;
    text-align: center;
  }
}

/* line 64, app/assets/stylesheets/components/app/about_us/about_us.scss */
.advisory .img {
  width: 100%;
  text-align: center;
}

/* line 68, app/assets/stylesheets/components/app/about_us/about_us.scss */
.advisory .img .bg {
  width: 140px;
  height: 140px;
  background: center center no-repeat;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 77, app/assets/stylesheets/components/app/about_us/about_us.scss */
.advisory .img .bg img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

@media (max-width: 576px) {
  /* line 83, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .advisory .img .bg {
    width: 100px;
    height: 100px;
  }
}

/* line 88, app/assets/stylesheets/components/app/about_us/about_us.scss */
.advisory p {
  width: 100%;
  font-size: 18px;
}

@media (max-width: 768px) {
  /* line 93, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .advisory p {
    font-size: 14px;
    text-align: center;
  }
}

/* line 98, app/assets/stylesheets/components/app/about_us/about_us.scss */
.advisory .advisory-btn {
  width: 100%;
  text-align: center;
  margin: 10px 0;
}

/* line 103, app/assets/stylesheets/components/app/about_us/about_us.scss */
.advisory .advisory-btn a {
  min-width: 300px;
}

/* line 107, app/assets/stylesheets/components/app/about_us/about_us.scss */
.sy-btn-white {
  text-decoration: none;
  display: inline-block;
  border-radius: 100px;
  background: #FFFFFF;
  padding: 10px 20px;
  margin: 5px;
  color: #048780;
  font-weight: 300;
  font-size: 14px;
}

/* line 117, app/assets/stylesheets/components/app/about_us/about_us.scss */
.sy-btn-white:hover {
  opacity: 0.8;
  text-decoration: none;
  color: #048780;
}

/* line 123, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us {
  width: 100%;
  height: 100%;
  min-height: 450px;
  margin: 30px 0 10px 0;
  position: relative;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (max-width: 480px) {
  /* line 136, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .banner-about-us {
    margin: 50px 0 10px 0;
  }
}

/* line 140, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us:before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  background: url(/assets/banner-top-366daa65725b5482219106681c229525cc0c2293deffcc8de84e615297c83bab.svg) 0 top no-repeat;
  top: 0;
  left: 0;
  z-index: 2;
  background-size: 100%;
  transform: scale(1.01);
}

/* line 152, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us:after {
  width: 100%;
  height: 150px;
  position: absolute;
  content: "";
  background: url(/assets/banner-bottom-bad521f833a830f566ad2be0e733a0bc1b4f02bed8584c9afe9e7c2bec7bb231.svg) 0 bottom no-repeat;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-size: 100%;
  transform: scale(1.01);
}

/* line 164, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-bg {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
}

/* line 170, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-bg:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, rgba(0, 54, 95, 0.5), rgba(0, 54, 95, 0));
}

/* line 183, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  /* line 189, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .banner-about-us .banner-about-us-bg {
    height: 50%;
    top: 0;
  }
}

/* line 194, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-card {
  width: 100%;
  height: 100%;
  z-index: 3;
  padding: 20px 0;
}

/* line 200, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-card .cont {
  width: 100%;
  max-width: 400px;
  min-height: 370px;
  background: #ffffff;
  padding: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
  float: right;
  margin: 0 13% 0 0;
}

@media (max-width: 768px) {
  /* line 213, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .banner-about-us .banner-about-us-card .cont {
    width: 80%;
    min-height: auto;
    max-width: none;
    margin: 130px auto 0 auto;
    float: none;
  }
}

/* line 221, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-card .box {
  width: 100%;
}

/* line 224, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-card .tit {
  width: 100%;
}

/* line 227, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-card .tit h1,
.banner-about-us .banner-about-us-card .tit h2 {
  font-size: 19px;
  font-weight: 300;
  color: #424c5a !important;
  text-align: center;
}

/* line 234, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-card .tit h1 span,
.banner-about-us .banner-about-us-card .tit h2 span {
  color: #1beae4;
}

@media (max-width: 768px) {
  /* line 239, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .banner-about-us .banner-about-us-card .tit h1,
.banner-about-us .banner-about-us-card .tit h2 {
    font-size: 18px;
  }
}

/* line 244, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-card .img {
  width: 100%;
  text-align: center;
}

/* line 248, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-card .img .bg {
  width: 140px;
  height: 140px;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 256, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-card .img .bg img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

@media (max-width: 768px) {
  /* line 262, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .banner-about-us .banner-about-us-card .img .bg {
    width: 100px;
    height: 100px;
  }
}

/* line 267, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-card .txt {
  width: 100%;
  text-align: center;
  margin: 5px 0;
}

/* line 272, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-card .txt span {
  color: #1beae4;
}

/* line 275, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-card .txt p {
  margin: 4px 0;
}

/* line 278, app/assets/stylesheets/components/app/about_us/about_us.scss */
.banner-about-us .banner-about-us-card .btn {
  width: 100%;
  text-align: center;
}

/* line 284, app/assets/stylesheets/components/app/about_us/about_us.scss */
.news {
  width: 100%;
  padding: 60px 20px;
  background: #f7f7f7;
  padding-left: 8rem;
  padding-right: 8rem;
}

@media (max-width: 990px) {
  /* line 293, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .news {
    padding-left: 6rem;
  }
}

@media (max-width: 576px) {
  /* line 299, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .news {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 304, app/assets/stylesheets/components/app/about_us/about_us.scss */
.news .news-card {
  width: 100%;
  height: 100%;
}

/* line 308, app/assets/stylesheets/components/app/about_us/about_us.scss */
.news .news-card a {
  width: 100%;
  height: 100%;
  border-radius: 25px;
  display: table;
  background: #ffffff;
  transition: 0.2s ease-in-out;
  position: relative;
  text-decoration: none;
}

/* line 318, app/assets/stylesheets/components/app/about_us/about_us.scss */
.news .news-card a:hover {
  transform: scale(1.1);
}

/* line 321, app/assets/stylesheets/components/app/about_us/about_us.scss */
.news .news-card a:hover:before {
  color: #1beae4;
}

/* line 324, app/assets/stylesheets/components/app/about_us/about_us.scss */
.news .news-card a:before {
  font-family: "Font Awesome 5 Pro";
  width: 17px;
  height: 17px;
  position: absolute;
  content: "\f062";
  right: 10px;
  top: 10px;
  transition: 0.5s;
  color: #f7f7f7;
  transform: rotate(45deg);
}

/* line 336, app/assets/stylesheets/components/app/about_us/about_us.scss */
.news .news-card .img {
  width: 30%;
  height: 100%;
  display: table-cell;
  overflow: hidden;
  border-radius: 25px 0 0 25px;
}

/* line 343, app/assets/stylesheets/components/app/about_us/about_us.scss */
.news .news-card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  /* line 349, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .news .news-card .img {
    width: 100%;
    height: 100px;
    display: inline-block;
    border-radius: 25px 25px 0 0;
  }
}

/* line 356, app/assets/stylesheets/components/app/about_us/about_us.scss */
.news .news-card .txt {
  width: 70%;
  display: table-cell;
  vertical-align: top;
  padding: 30px;
  color: #565656;
}

/* line 363, app/assets/stylesheets/components/app/about_us/about_us.scss */
.news .news-card .txt .tit {
  color: #1beae4;
}

@media (max-width: 768px) {
  /* line 367, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .news .news-card .txt {
    width: 100%;
    display: inline-block;
    padding: 15px 30px;
  }
}

/* line 373, app/assets/stylesheets/components/app/about_us/about_us.scss */
.news .news-card .brand img {
  height: 35px;
}

/* line 378, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic {
  width: 100%;
}

/* line 381, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .question {
  width: 100%;
  text-align: center;
  padding: 40px 20px 0 20px;
  padding-left: 8rem;
  padding-right: 8rem;
}

@media (max-width: 990px) {
  /* line 391, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .statistic .question {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (max-width: 768px) {
  /* line 398, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .statistic .question {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media (max-width: 576px) {
  /* line 405, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .statistic .question {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 410, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .question .cont {
  width: 100%;
  height: 100%;
  align-items: center;
  display: inline-flex;
}

/* line 416, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .question h2 {
  color: #424c5a;
  font-size: 22px;
  font-weight: 300;
  position: relative;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
}

/* line 424, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .question h2:before {
  width: 100px;
  height: 1px;
  background: #1beae4;
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 50px);
  margin: 0 auto;
}

/* line 434, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .question .img {
  width: 100%;
  height: 350px;
  overflow: hidden;
}

/* line 440, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .question .img img {
  width: 100%;
  display: initial;
}

@media (max-width: 768px) {
  /* line 446, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .statistic .question .img img {
    max-width: 270px;
  }
}

@media (max-width: 768px) {
  /* line 451, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .statistic .question .img {
    height: auto;
  }
}

/* line 455, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .number {
  width: 100%;
  background: 10% 0 no-repeat #acfcf4;
  padding: 5% 20px;
  padding-left: 8rem;
  padding-right: 8rem;
}

@media (max-width: 990px) {
  /* line 464, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .statistic .number {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (max-width: 768px) {
  /* line 471, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .statistic .number {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media (max-width: 576px) {
  /* line 478, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .statistic .number {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 483, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .number h3 {
  color: #424c5a;
  font-size: 22px;
  font-weight: 300;
  margin: 0 0 30px 0;
  text-align: center;
}

/* line 490, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .number .cont {
  width: 100%;
  text-align: center;
}

/* line 494, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .number .title {
  width: 100%;
  font-size: 50px;
  color: #424c5a;
  font-weight: 400;
}

/* line 500, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .number .title span {
  font-size: 16px;
  display: block;
  font-weight: 300;
  color: #048780;
}

@media (max-width: 576px) {
  /* line 507, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .statistic .number .title span {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  /* line 512, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .statistic .number .title {
    font-size: 40px;
  }
}

/* line 516, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .number .txt {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}

/* line 521, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .number .ico {
  width: 100%;
}

/* line 524, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .number .ico img {
  width: 60px;
  display: initial;
}

@media (max-width: 768px) {
  /* line 529, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .statistic .number {
    margin: 20px 0 0 0;
  }
}

@media (max-width: 576px) {
  /* line 534, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .statistic .number {
    background-size: cover;
  }
}

/* line 538, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .awards {
  width: 100%;
}

/* line 541, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .awards .cont {
  width: 100%;
  display: table;
}

/* line 545, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .awards .title {
  width: 30%;
  background: center 0 no-repeat;
  background-size: cover;
  display: table-cell;
  position: relative;
  border-radius: 0 10% 40% 0/0 40% 60% 0;
}

/* line 553, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .awards .title:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, rgba(0, 54, 95, 0.5), rgba(0, 54, 95, 0));
}

/* line 566, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .awards .title span {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 3;
  color: #ffffff;
  font-size: 22px;
}

@media (max-width: 576px) {
  /* line 578, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .statistic .awards .title {
    width: 100%;
    height: 150px;
    display: inline-block;
    border-radius: 0;
  }
}

/* line 585, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .awards .txt {
  display: table-cell;
  padding: 40px;
}

/* line 589, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .awards .txt p {
  width: 100%;
  display: block;
}

@media (max-width: 576px) {
  /* line 594, app/assets/stylesheets/components/app/about_us/about_us.scss */
  .statistic .awards .txt {
    display: inline-block;
  }
}

/* line 598, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .awards ul {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 604, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .awards ul li {
  width: 100%;
  border-bottom: 1px solid #eef1f3;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}

/* line 610, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .awards ul li:last-child {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 615, app/assets/stylesheets/components/app/about_us/about_us.scss */
.statistic .awards ul li img {
  width: 100%;
  max-width: 170px;
}
/* line 1, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.main-calculator {
  height: 100vh;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 9999;
}

/* line 10, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.container-bonus-info {
  padding-left: 50px;
  padding-right: 15px;
}

/* line 14, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.title-bonus {
  color: #3c4b5a;
  font-weight: 600;
  margin-top: 0;
  text-align: left;
  font-family: "Roboto", sans-serif !important;
  font-size: 45px;
  margin-bottom: 0;
}

/* line 24, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.banner-top {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  padding: 85px 0 100px 0;
  z-index: 1;
}

/* line 33, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.banner-top .cont {
  width: 90%;
}

/* line 37, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.subtitle-bonus {
  font-family: "Barlow", sans-serif;
  font-size: 26px;
  text-align: left;
}

@media (max-width: 768px) {
  /* line 44, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
  .title-bonus {
    text-align: center;
    font-size: 24px;
  }
  /* line 48, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
  .subtitle-bonus {
    text-align: center;
    font-size: 18px;
  }
}

/* line 54, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.container-bonus-info .white {
  width: 100%;
  max-width: 300px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fd5c5c;
  border-radius: 50px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  -webkit-transition: 0.5s all linear;
  -moz-transition: 0.5s all linear;
  -ms-transition: 0.5s all linear;
  -o-transition: 0.5s all linear;
  transition: 0.5s all linear;
  box-shadow: 3px 10px 15px rgba(255, 93, 95, 0.24);
}

/* line 73, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.container-bonus-info .white:hover {
  color: #fff;
  background: #ff8d90;
  text-decoration: none;
}

/* line 78, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.container-bonus-info a.white i {
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  transition: 0.3s all linear;
  padding-right: 10px;
}

/* line 86, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.container-bonus-info a.white:hover i {
  font-size: 30px;
  color: #fff;
}

@media (max-width: 768px) {
  /* line 91, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
  .container-bonus-info .white {
    height: 50px;
    font-size: 14px;
    text-align: center;
  }
  /* line 97, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
  .container-bonus-info a.white:hover i {
    font-size: 20px;
    color: #fff;
  }
}

/* line 103, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora {
  width: 100vw;
  height: 85vh;
  background: no-repeat;
  background-position: right;
}

@media (max-width: 767px) {
  /* line 111, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
  .bg-calculadora {
    background-size: 700px 450px;
    background-origin: content-box;
    background-position: bottom right;
    height: 95vh;
  }
}

@media (max-width: 670px) {
  /* line 120, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
  .bg-calculadora {
    background-size: 600px 450px;
    background-origin: content-box;
  }
}

@media (max-width: 589px) {
  /* line 127, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
  .bg-calculadora {
    background-size: 450px 450px;
    background-origin: content-box;
  }
}

@media (max-width: 414px) {
  /* line 134, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
  .bg-calculadora {
    background-size: 400px 400px;
    background-origin: content-box;
  }
}

@media (max-width: 375px) {
  /* line 141, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
  .bg-calculadora {
    background-size: 400px 450px;
    background-origin: content-box;
  }
}

/* line 147, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .step {
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid #21CDCB;
  padding: 35px;
  max-width: 900px;
}

/* line 153, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .cont {
  width: 90%;
}

/* line 157, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora h4 {
  font-size: 21px;
  color: #555;
  width: 100%;
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: 'Barlow', sans-serif;
  font-weight: 400;
}

@media (max-width: 650px) {
  /* line 169, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
  .bg-calculadora h4 {
    font-size: 16px;
    margin-bottom: 6px;
  }
}

/* line 177, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .salario {
  display: -webkit-flex;
}

/* line 181, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .salario input[type="number"] {
  border-radius: 10px 0px 0px 10px;
  border: none;
  color: #777;
  width: 90%;
  padding: 0 10px;
  outline: none;
}

/* line 194, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .salario input[type="button"] {
  background: #00cccb;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: flex-start;
  padding: 0 12px;
  border-radius: 0 10px 10px 0;
  color: #fff;
  max-width: 115px;
  white-space: normal;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  border: none;
  outline: none;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
}

/* line 222, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .salario input[type="button"]:hover {
  background: #00838c;
  border-color: #00838c;
}

/* line 228, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .calculate {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fd5c5c;
  border-radius: 50px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
  transition: 0.3s all linear;
  box-shadow: 3px 10px 15px rgba(255, 93, 95, 0.24);
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 249, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .calculate:hover {
  color: #fff;
  background: #00838c;
  text-decoration: none;
}

@media (max-width: 768px) {
  /* line 256, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
  .bg-calculadora .calculate {
    font-size: 14px;
  }
}

/* line 263, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .days-inline {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 650px) and (min-width: 531px) {
  /* line 272, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
  .bg-calculadora .days-inline {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  /* line 284, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
  .bg-calculadora .days-inline {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

/* line 294, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .checkbox-inline {
  position: relative;
  height: 37px;
  line-height: 37px;
  padding: 0;
  margin: 0;
  width: auto;
  cursor: pointer;
}

/* line 304, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .checkbox-inline input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
  margin: 0;
}

/* line 315, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .checkbox-inline span {
  width: 100%;
  height: 37px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  display: block;
  padding: 7px;
  line-height: 23px;
  background: rgba(255, 255, 255, 0.4);
  font-size: 15px;
  -webkit-transition: 0.5 background ease;
  -moz-transition: 0.5 background ease;
  -ms-transition: 0.5 background ease;
  -o-transition: 0.5 background ease;
  transition: 0.5 background ease;
}

/* line 332, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .checkbox-inline:hover span {
  background: #FFF;
}

/* line 336, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .checkbox-inline:first-child span {
  border-radius: 6px 0 0 6px;
}

/* line 340, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .checkbox-inline:last-child span {
  border-radius: 0 6px 6px 0;
}

/* line 344, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.bg-calculadora .checkbox-inline input:checked + span {
  background: #00cccb;
  color: #FFF;
}

/* line 349, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.footer-bonus {
  width: 100%;
  padding: 1rem 0 1rem 0;
  bottom: 0;
  left: 0;
  background: white !important;
  color: #3c4b5a !important;
  border: none !important;
  box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.06);
  z-index: 10;
  position: sticky;
}

/* line 362, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.container-footer {
  padding-left: 4rem;
  padding-right: 4rem;
}

/* line 368, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.footer-title-first {
  font-family: "Kanit", sans-serif;
  color: #3c4b5a !important;
  font-weight: 300;
  font-size: 24px;
}

@media (max-width: 1024px) {
  /* line 376, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
  .footer-title-first {
    font-size: 20px;
    text-align: center;
  }
}

/* line 381, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.button-footer {
  width: 100%;
  max-width: 220px;
  height: 45px;
  color: #fff;
  background: #fd5c5c;
  display: block;
  line-height: 45px;
  margin: 0 auto;
  border-radius: 50px;
  text-align: center;
  font-size: 16px;
}

/* line 394, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
.button-footer:hover {
  background: #00838c;
  color: #fff;
  text-decoration: none;
}

@media (max-width: 1024px) {
  /* line 401, app/assets/stylesheets/components/app/bonus_calculator/bonus_calculator.scss */
  .button-footer {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
  }
}
/* line 1, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans {
  width: 100%;
  height: 100%;
  min-height: 450px;
  margin: 30px 0 10px 0;
  position: relative;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (max-width: 480px) {
  /* line 14, app/assets/stylesheets/components/app/contact/section_banner.scss */
  .banner-plans {
    margin: 50px 0 10px 0;
  }
}

/* line 18, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans:before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  background: url(/assets/banner-top-366daa65725b5482219106681c229525cc0c2293deffcc8de84e615297c83bab.svg) 0 top no-repeat;
  top: 0;
  left: 0;
  z-index: 2;
  background-size: 100%;
  transform: scale(1.01);
}

/* line 30, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans:after {
  width: 100%;
  height: 150px;
  position: absolute;
  content: "";
  background: url(/assets/banner-bottom-bad521f833a830f566ad2be0e733a0bc1b4f02bed8584c9afe9e7c2bec7bb231.svg) 0 bottom no-repeat;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-size: 100%;
  transform: scale(1.01);
}

/* line 42, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-bg {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
}

/* line 48, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-bg:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, rgba(0, 54, 95, 0.5), rgba(0, 54, 95, 0));
}

/* line 61, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  /* line 67, app/assets/stylesheets/components/app/contact/section_banner.scss */
  .banner-plans .banner-plans-bg {
    height: 50%;
    top: 0;
  }
}

/* line 72, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-card {
  width: 100%;
  height: 100%;
  z-index: 3;
  padding: 20px 0;
}

/* line 78, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-card .cont {
  width: 100%;
  max-width: 400px;
  min-height: 370px;
  background: #ffffff;
  padding: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
  float: right;
  margin: 0 13% 0 0;
}

@media (max-width: 768px) {
  /* line 91, app/assets/stylesheets/components/app/contact/section_banner.scss */
  .banner-plans .banner-plans-card .cont {
    width: 80%;
    min-height: auto;
    max-width: none;
    margin: 130px auto 0 auto;
    float: none;
  }
}

/* line 99, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-card .box {
  width: 100%;
}

/* line 102, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-card .title {
  width: 100%;
}

/* line 105, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-card .title h1,
.banner-plans .banner-plans-card .title h2 {
  font-size: 20px;
  font-weight: 300;
  color: #424c5a !important;
  text-align: center;
}

/* line 112, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-card .title h1 span,
.banner-plans .banner-plans-card .title h2 span {
  color: #1beae4;
}

@media (max-width: 768px) {
  /* line 117, app/assets/stylesheets/components/app/contact/section_banner.scss */
  .banner-plans .banner-plans-card .title h1,
.banner-plans .banner-plans-card .title h2 {
    font-size: 18px;
  }
}

/* line 122, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-card .img {
  width: 100%;
  text-align: center;
}

/* line 126, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-card .img .bg {
  width: 140px;
  height: 140px;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 134, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-card .img .bg img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

@media (max-width: 768px) {
  /* line 140, app/assets/stylesheets/components/app/contact/section_banner.scss */
  .banner-plans .banner-plans-card .img .bg {
    width: 100px;
    height: 100px;
  }
}

/* line 145, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-card .text {
  width: 100%;
  text-align: center;
  margin: 5px 0;
}

/* line 150, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-card .text span {
  color: #1beae4;
}

/* line 153, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-card .text p {
  margin: 4px 0;
}

/* line 156, app/assets/stylesheets/components/app/contact/section_banner.scss */
.banner-plans .banner-plans-card .btn {
  width: 100%;
  text-align: center;
}
/* line 1, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact {
  width: 100%;
  padding: 40px 20px;
  position: relative;
  padding-left: 6rem;
  padding-right: 6rem;
}

@media (max-width: 1024px) {
  /* line 10, app/assets/stylesheets/components/app/contact/section_contact.scss */
  .contact {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (max-width: 576px) {
  /* line 17, app/assets/stylesheets/components/app/contact/section_contact.scss */
  .contact {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 22, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact h2 {
  width: 100%;
  max-width: 300px;
  font-size: 26px;
  font-weight: 300;
  color: #424c5a;
  margin: 0 0 20px 0;
}

@media (max-width: 768px) {
  /* line 31, app/assets/stylesheets/components/app/contact/section_contact.scss */
  .contact h2 {
    width: 100%;
    max-width: none;
    text-align: center;
  }
}

/* line 37, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact h3 {
  width: 100%;
  font-size: 22px;
  font-weight: 300;
  color: #424c5a;
  margin: 0 0 20px 0;
}

/* line 44, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .schedule {
  width: 100%;
  text-align: right;
}

/* line 48, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .schedule p {
  width: 100%;
  margin: 5px 0;
}

/* line 52, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .schedule p span {
  color: #1beae4;
}

@media (max-width: 768px) {
  /* line 56, app/assets/stylesheets/components/app/contact/section_contact.scss */
  .contact .schedule {
    text-align: center;
  }
}

/* line 60, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .cont {
  width: 100%;
  margin: 40px 0;
  position: relative;
}

/* line 65, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .cont:before {
  width: 40px;
  height: 40px;
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 40px);
  background: url(/assets/ico-arrow-7ef248e81c5bc6268d9af8cf9a315e5ce795465d9342811bbe1a61918a4edca9.svg) 0 0 no-repeat;
}

@media (max-width: 990px) {
  /* line 75, app/assets/stylesheets/components/app/contact/section_contact.scss */
  .contact .cont:before {
    right: -30px;
  }
}

@media (max-width: 768px) {
  /* line 80, app/assets/stylesheets/components/app/contact/section_contact.scss */
  .contact .cont:before {
    display: none;
  }
}

/* line 84, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .cont .img {
  width: 100%;
  text-align: center;
}

/* line 88, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .cont .img .bg {
  width: 170px;
  height: 170px;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 96, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .cont .img .bg img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

/* line 101, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .cont .img .txt {
  width: 100%;
  text-align: center;
  margin: 20px 0;
  font-size: 16px;
}

/* line 107, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .cont.hide-arrow:before {
  display: none;
}

@media (max-width: 768px) {
  /* line 111, app/assets/stylesheets/components/app/contact/section_contact.scss */
  .contact .cont {
    margin: 0;
  }
}

/* line 115, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .contact-btn {
  width: 100%;
  margin: 40px 20px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

/* line 123, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .contact-btn a {
  width: 100%;
  max-width: 300px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 131, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .contact-btn .img {
  width: 30px;
  display: inline-flex;
}

/* line 135, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .contact-btn .img i {
  font-size: 26px;
}

/* line 138, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .contact-btn .txt {
  display: inline-block;
  padding: 0 10px;
}

@media (max-width: 768px) {
  /* line 143, app/assets/stylesheets/components/app/contact/section_contact.scss */
  .contact .contact-btn {
    margin: 20px 0;
  }
}

@media (max-width: 480px) {
  /* line 148, app/assets/stylesheets/components/app/contact/section_contact.scss */
  .contact .contact-btn {
    display: inline-block;
  }
}

/* line 152, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .contact-btn-mod {
  width: 100%;
}

/* line 155, app/assets/stylesheets/components/app/contact/section_contact.scss */
.contact .contact-btn-mod a {
  width: 100%;
  text-align: center;
}
/* line 1, app/assets/stylesheets/components/app/employee/employee.scss */
.symplifica-home {
  width: 100%;
  background: 0 bottom no-repeat;
  background-color: #f7f7f7;
}

@media (max-width: 480px) {
  /* line 6, app/assets/stylesheets/components/app/employee/employee.scss */
  .symplifica-home {
    margin: 30px 0 0 0;
  }
}
/* line 1, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee {
  width: 100%;
  height: 100%;
  min-height: 450px;
  margin: 30px 0 10px 0;
  position: relative;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (max-width: 480px) {
  /* line 14, app/assets/stylesheets/components/app/employee/section_banner.scss */
  .banner-employee {
    margin: 50px 0 10px 0;
  }
}

/* line 18, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee:before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  background: url(/assets/banner-top-366daa65725b5482219106681c229525cc0c2293deffcc8de84e615297c83bab.svg) 0 top no-repeat;
  top: 0;
  left: 0;
  z-index: 2;
  background-size: 100%;
  transform: scale(1.01);
}

/* line 30, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee:after {
  width: 100%;
  height: 150px;
  position: absolute;
  content: "";
  background: url(/assets/banner-bottom-bad521f833a830f566ad2be0e733a0bc1b4f02bed8584c9afe9e7c2bec7bb231.svg) 0 bottom no-repeat;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-size: 100%;
  transform: scale(1.01);
}

/* line 42, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-bg {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
}

/* line 48, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-bg:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, rgba(0, 54, 95, 0.5), rgba(0, 54, 95, 0));
}

/* line 61, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  /* line 67, app/assets/stylesheets/components/app/employee/section_banner.scss */
  .banner-employee .banner-employee-bg {
    height: 50%;
    top: 0;
  }
}

/* line 72, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-card {
  width: 100%;
  height: 100%;
  z-index: 3;
  padding: 20px 0;
}

/* line 78, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-card .cont {
  width: 100%;
  max-width: 400px;
  min-height: 370px;
  background: #ffffff;
  padding: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
  float: right;
  margin: 0 13% 0 0;
}

@media (max-width: 768px) {
  /* line 91, app/assets/stylesheets/components/app/employee/section_banner.scss */
  .banner-employee .banner-employee-card .cont {
    width: 80%;
    min-height: auto;
    max-width: none;
    margin: 130px auto 0 auto;
    float: none;
  }
}

/* line 99, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-card .box {
  width: 100%;
}

/* line 102, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-card .title {
  width: 100%;
}

/* line 105, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-card .title h1,
.banner-employee .banner-employee-card .title h2 {
  font-size: 21px;
  font-weight: 300;
  color: #424c5a !important;
  text-align: center;
}

/* line 112, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-card .title h1 span,
.banner-employee .banner-employee-card .title h2 span {
  color: #1beae4;
}

@media (max-width: 768px) {
  /* line 117, app/assets/stylesheets/components/app/employee/section_banner.scss */
  .banner-employee .banner-employee-card .title h1,
.banner-employee .banner-employee-card .title h2 {
    font-size: 18px;
  }
}

/* line 122, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-card .img {
  width: 100%;
  text-align: center;
}

/* line 126, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-card .img .bg {
  width: 140px;
  height: 140px;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 134, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-card .img .bg img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

@media (max-width: 768px) {
  /* line 140, app/assets/stylesheets/components/app/employee/section_banner.scss */
  .banner-employee .banner-employee-card .img .bg {
    width: 100px;
    height: 100px;
  }
}

/* line 145, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-card .text {
  width: 100%;
  text-align: center;
  margin: 5px 0;
}

/* line 150, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-card .text span {
  color: #1beae4;
}

/* line 153, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-card .text p {
  margin: 4px 0;
}

/* line 156, app/assets/stylesheets/components/app/employee/section_banner.scss */
.banner-employee .banner-employee-card .btn {
  width: 100%;
  text-align: center;
}
/* line 1, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee {
  width: 100%;
  padding: 40px 0;
}

/* line 6, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .cont {
  width: 100%;
  padding: 0 20px;
  padding-left: 6rem;
  padding-right: 6rem;
}

@media (max-width: 990px) {
  /* line 14, app/assets/stylesheets/components/app/employee/section_employee.scss */
  .employee .cont {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 576px) {
  /* line 22, app/assets/stylesheets/components/app/employee/section_employee.scss */
  .employee .cont {
    padding-left: 0rem;
    padding-right: 1rem;
  }
}

/* line 29, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .tit {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 20px 0;
}

@media (max-width: 768px) {
  /* line 38, app/assets/stylesheets/components/app/employee/section_employee.scss */
  .employee .tit {
    text-align: center;
  }
}

/* line 42, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee h2 {
  color: #424c5a;
  font-size: 26px;
  font-weight: 300;
  margin: 0 0 10px 0;
}

/* line 48, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .img {
  width: 100%;
  height: 100%;
  text-align: center;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  padding: 0 20px;
}

/* line 58, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .img .bg {
  width: 250px;
  height: 250px;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 66, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .img .bg img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

@media (max-width: 768px) {
  /* line 72, app/assets/stylesheets/components/app/employee/section_employee.scss */
  .employee .img .bg {
    width: 200px;
    height: 200px;
  }
}

/* line 77, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee h3 {
  color: #424c5a;
  font-size: 24px;
  font-weight: 300;
  margin: 20px 0;
  text-align: center;
}

/* line 84, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .benefit {
  width: 100%;
  margin: 20px 0;
}

/* line 88, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .benefit .img {
  width: 100%;
  margin: 0 0 10px 0;
}

/* line 92, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .benefit .img img {
  width: 100%;
  max-width: 200px;
  max-height: 120px;
}

/* line 97, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .benefit .txt {
  width: 80%;
  text-align: center;
  margin: 0 auto;
}

/* line 102, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .bar {
  width: 100%;
  background: #acfcf4;
  padding: 40px 20px;
  margin: 30px 0;
  color: #048780;
  font-size: 22px;
  text-align: center;
}

/* line 111, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .ex {
  width: 100%;
}

/* line 114, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .ex .ex-tit {
  width: 100%;
}

@media (max-width: 768px) {
  /* line 118, app/assets/stylesheets/components/app/employee/section_employee.scss */
  .employee .ex .ex-tit {
    text-align: center;
  }
}

/* line 122, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .ex .ex-tit h4 {
  width: 100%;
  color: #424c5a;
  font-size: 22px;
  font-weight: 300;
  margin: 10px 0;
}

@media (max-width: 768px) {
  /* line 130, app/assets/stylesheets/components/app/employee/section_employee.scss */
  .employee .ex .ex-tit h4 {
    text-align: center;
  }
}

/* line 134, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .benefit-slide {
  width: 100%;
  margin: 20px 0 0 0;
}

/* line 138, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .benefit-slide .img {
  width: 100%;
  height: 100%;
  text-align: center;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  padding: 0 20px;
}

/* line 147, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .benefit-slide .img .bg {
  width: 180px;
  height: 180px;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 155, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .benefit-slide .img .bg img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

/* line 160, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .benefit-slide .txt {
  width: 100%;
  padding: 0 40px !important;
}

/* line 164, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .benefit-slide .txt small {
  color: #777777;
}

/* line 167, app/assets/stylesheets/components/app/employee/section_employee.scss */
.employee .benefit-slide .subtit {
  font-weight: 400;
  margin: 0 0 10px 0;
  font-size: 16px;
}
/* line 1, app/assets/stylesheets/components/app/employee/section_news.scss */
.news {
  width: 100%;
  padding: 60px 20px;
  background: #f7f7f7;
  padding-left: 8rem;
  padding-right: 8rem;
}

@media (max-width: 990px) {
  /* line 10, app/assets/stylesheets/components/app/employee/section_news.scss */
  .news {
    padding-left: 6rem;
  }
}

@media (max-width: 576px) {
  /* line 16, app/assets/stylesheets/components/app/employee/section_news.scss */
  .news {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 21, app/assets/stylesheets/components/app/employee/section_news.scss */
.news .news-card {
  width: 100%;
  height: 100%;
}

/* line 25, app/assets/stylesheets/components/app/employee/section_news.scss */
.news .news-card a {
  width: 100%;
  height: 100%;
  border-radius: 25px;
  display: table;
  background: #ffffff;
  transition: 0.2s ease-in-out;
  position: relative;
  text-decoration: none;
}

/* line 35, app/assets/stylesheets/components/app/employee/section_news.scss */
.news .news-card a:hover {
  transform: scale(1.1);
}

/* line 38, app/assets/stylesheets/components/app/employee/section_news.scss */
.news .news-card a:hover:before {
  color: #1beae4;
}

/* line 41, app/assets/stylesheets/components/app/employee/section_news.scss */
.news .news-card a:before {
  font-family: "Font Awesome 5 Pro";
  width: 17px;
  height: 17px;
  position: absolute;
  content: "\f062";
  right: 10px;
  top: 10px;
  transition: 0.5s;
  color: #f7f7f7;
  transform: rotate(45deg);
}

/* line 53, app/assets/stylesheets/components/app/employee/section_news.scss */
.news .news-card .img {
  width: 30%;
  height: 100%;
  display: table-cell;
  overflow: hidden;
  border-radius: 25px 0 0 25px;
}

/* line 60, app/assets/stylesheets/components/app/employee/section_news.scss */
.news .news-card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  /* line 66, app/assets/stylesheets/components/app/employee/section_news.scss */
  .news .news-card .img {
    width: 100%;
    height: 100px;
    display: inline-block;
    border-radius: 25px 25px 0 0;
  }
}

/* line 73, app/assets/stylesheets/components/app/employee/section_news.scss */
.news .news-card .txt {
  width: 70%;
  display: table-cell;
  vertical-align: top;
  padding: 30px;
  color: #565656;
}

/* line 80, app/assets/stylesheets/components/app/employee/section_news.scss */
.news .news-card .txt .tit {
  color: #1beae4;
}

@media (max-width: 768px) {
  /* line 84, app/assets/stylesheets/components/app/employee/section_news.scss */
  .news .news-card .txt {
    width: 100%;
    display: inline-block;
    padding: 15px 30px;
  }
}

/* line 90, app/assets/stylesheets/components/app/employee/section_news.scss */
.news .news-card .brand img {
  height: 35px;
}
/* line 1, app/assets/stylesheets/components/app/home/header.scss */
.select_country_desk {
  background-position: 85% 57% !important;
  background-size: 25px;
  padding-top: 4px !important;
}

@media only screen and (max-width: 1024px) {
  /* line 8, app/assets/stylesheets/components/app/home/header.scss */
  .select_country_desk {
    height: 30px;
    background-size: 20px;
    padding-top: 2px !important;
    background-position: 85% 80% !important;
  }
}

@media only screen and (max-width: 768px) {
  /* line 21, app/assets/stylesheets/components/app/home/header.scss */
  .select_country {
    background-position: 85% 57% !important;
    background-size: 25px;
    padding-top: 6px !important;
  }
}

@media only screen and (max-width: 447px) {
  /* line 29, app/assets/stylesheets/components/app/home/header.scss */
  .home_sy_logo {
    width: 140px;
  }
  /* line 32, app/assets/stylesheets/components/app/home/header.scss */
  .select_country {
    width: 90px !important;
    font-size: 12px !important;
    background-position: 85% 80% !important;
  }
  /* line 39, app/assets/stylesheets/components/app/home/header.scss */
  .mobil_btn_home svg {
    width: 26px;
  }
}
.has-custom-focus{
    display: none !important;
}
/* line 1, app/assets/stylesheets/components/app/layout/footer.scss */
footer {
  background: #1e2323;
  padding: 50px 40px 40px 40px;
}

@media (max-width: 480px) {
  /* line 7, app/assets/stylesheets/components/app/layout/footer.scss */
  footer {
    padding: 30px 20px;
  }
}

/* line 12, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-logo {
  width: 100%;
}

/* line 15, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-logo img {
  width: 170px;
}

@media (max-width: 576px) {
  /* line 19, app/assets/stylesheets/components/app/layout/footer.scss */
  footer .footer-logo {
    text-align: center;
    margin: 0 0 10px 0;
  }
}

/* line 24, app/assets/stylesheets/components/app/layout/footer.scss */
footer hr {
  border-top: 1px solid #323a3a;
  margin: 30px 0;
}

/* line 28, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-container-text {
  width: 100%;
}

/* line 31, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-line {
  width: 100%;
  display: table;
}

/* line 35, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-line .footer-line-img {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  padding: 0 20px 0 0;
}

/* line 41, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-line .footer-line-img:before {
  width: 1px;
  height: 100%;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: #323a3a;
  transform: rotate(20deg);
}

/* line 51, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-line .footer-line-img img {
  width: 55px;
  max-width: none;
}

/* line 55, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-line .footer-line-txt {
  display: table-cell;
  padding: 0 30px;
  color: #9cb2b5;
  font-size: 13px;
}

/* line 61, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-line .footer-line-txt p {
  margin: 5px 0;
}

/* line 64, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-line .footer-line-txt b {
  font-size: 14px;
}

@media (max-width: 576px) {
  /* line 68, app/assets/stylesheets/components/app/layout/footer.scss */
  footer .footer-line {
    display: none;
  }
}

/* line 72, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-menu {
  width: 100%;
  display: table;
}

/* line 76, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-menu ul {
  display: table-cell;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 82, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-menu ul li {
  margin: 5px 10px 5px 0;
  font-size: 13px;
  color: #9cb2b5;
}

/* line 87, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-menu a {
  font-size: 13px;
  color: #9cb2b5;
}

/* line 91, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-menu a.line {
  display: inline-block;
  border-top: 1px solid #323a3a;
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
}

/* line 97, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-container-button {
  text-align: right;
  font-size: 14px;
  color: #ffffff;
}

/* line 102, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-container-button img {
  width: 30px;
  height: 30px;
}

/* line 106, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-container-button a {
  width: 30px;
  height: 30px;
  display: inline-flex;
  background: #ffffff;
  margin: 0 5px;
  border-radius: 50px;
  color: #1e2323;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

/* line 118, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-container-button a:hover {
  background: #1beae4;
  color: #ffffff;
}

/* line 122, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-container-button a i {
  font-size: 20px;
}

/* line 125, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-container-button .footer-container-apps {
  padding: 0 20px 0 0;
  margin: 0 20px 0 0;
  display: inline-block;
  position: relative;
}

/* line 131, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-container-button .footer-container-apps:before {
  width: 1px;
  height: 125%;
  background: #323a3a;
  content: "";
  position: absolute;
  right: 0;
  top: -3px;
  transform: rotate(20deg);
}

/* line 141, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-container-button .footer-container-apps a {
  background: none;
  color: #ffffff;
  text-decoration: none;
}

/* line 146, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-container-button .footer-container-apps a:hover {
  color: #1beae4;
}

/* line 149, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-container-button .footer-container-apps i {
  font-size: 30px;
}

@media (max-width: 480px) {
  /* line 153, app/assets/stylesheets/components/app/layout/footer.scss */
  footer .footer-container-button .footer-container-apps {
    padding: 0 15px 0 0;
    margin: 0 15px 0 0;
  }
}

@media (max-width: 576px) {
  /* line 159, app/assets/stylesheets/components/app/layout/footer.scss */
  footer .footer-container-button {
    text-align: center;
  }
}

/* line 163, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-copyright {
  margin: 40px 0 0 0;
  text-align: center;
  color: #9cb2b5;
}

/* line 168, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-copyright p {
  font-size: 13px;
  margin: 5px 0;
}

/* line 172, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-copyright a {
  color: #9cb2b5;
  text-decoration: underline;
}

/* line 176, app/assets/stylesheets/components/app/layout/footer.scss */
footer .footer-copyright a:hover {
  color: #1beae4;
}
/* line 1, app/assets/stylesheets/components/app/layout/header.scss */
.group-button {
  border-radius: 0 0 0 200px;
}

@media (max-width: 768px) {
  /* line 5, app/assets/stylesheets/components/app/layout/header.scss */
  .group-button {
    border-radius: 0;
  }
}

/* line 8, app/assets/stylesheets/components/app/layout/header.scss */
.shadow-nav {
  box-shadow: 0 1px 5px #aeb8b6;
}
.footer-thermometer {
  box-shadow: 0px 1px 10px -1px rgba(0, 0, 0, 0.2);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/*.height-custome-body{
  height: calc(100vh - 20vh);
}*/

.radio-custom-question input:checked+label {
  border-color: #7cfcf4;
  border-width: 3px;
  background-color: #7cfcf4;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.radio-custom-question input[type="radio"]:checked {
  background-color: #424c5a !important;
}

.dark-shadow {
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, .5));
}

.image-custom-size {
  max-width: none !important;

}

.position-curve-top {
  top: 0px
}

@media (min-width:720px) {
  .position-curve-top {
    top: -25px
  }
}

@media (min-width:1024px) {
  .position-curve-top {
    top: -40px
  }
}

@media (min-width:1112px) {
  .position-curve-top {
    top: -35px
  }
}

@media (min-width:1113px) {
  .position-curve-top {
    top: -10px
  }
}

@media (min-width:1384px) {
  .position-curve-top {
    top: 0
  }
}

.height-custome-body {
  height: auto
}

@media (min-width:640px) {
  .height-custome-body {
    height: calc(100vh - 20px);
  }
}

.h-custom-image-thermometer {
  height: 23rem;
}

@media (min-height:720px) {
  .h-custom-image-thermometer {
    height: 35rem;
  }
}

@media (min-height:820px) {
  .h-custom-image-thermometer {
    height: auto;
  }
}
/* line 1, app/assets/stylesheets/components/app/modal/advisory.scss */
.modFull {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.93);
  position: absolute;
  bottom: 0;
  position: fixed;
  z-index: 1033;
  left: 0;
  padding: 30px;
  display: none;
  border-top: 1px solid #1beae4;
  animation: animatebottom 0.5s;
}

@keyframes animatebottom {
  from {
    bottom: -1800px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}

/* line 28, app/assets/stylesheets/components/app/modal/advisory.scss */
.modFull .modCont {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
}

/* line 36, app/assets/stylesheets/components/app/modal/advisory.scss */
.modFull .close {
  width: 30px;
  height: 30px;
  background: #1beae4;
  border: 0;
  position: absolute;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  right: 30px;
  top: 20px;
  z-index: 2;
  border-radius: 100px;
}

/* line 51, app/assets/stylesheets/components/app/modal/advisory.scss */
.modFull .close:hover {
  color: #fd5c5c;
}

/* line 54, app/assets/stylesheets/components/app/modal/advisory.scss */
.modFull iframe {
  width: 100%;
  height: 100%;
}

/* line 59, app/assets/stylesheets/components/app/modal/advisory.scss */
.floating-input-modal > input::placeholder {
  color: transparent;
}

/* line 63, app/assets/stylesheets/components/app/modal/advisory.scss */
.floating-input-modal > input:focus,
.floating-input-modal > input:not(:placeholder-shown) {
  padding-top: 1.5rem;
}

/* line 68, app/assets/stylesheets/components/app/modal/advisory.scss */
.floating-input-modal > input:focus ~ label,
.floating-input-modal > input:not(:placeholder-shown) ~ label {
  opacity: 0.75;
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
  --tw-translate-y: -0.75rem;
  --tw-translate-x: 0.25rem;
}

/* line 77, app/assets/stylesheets/components/app/modal/advisory.scss */
.sy-btn-disabled {
  background-color: #1BEAE4;
  border-radius: 100px;
  padding: 10px 20px;
  margin: 5px;
  color: #424C5A;
  font-weight: 600;
  font-size: 14px;
}

/* line 87, app/assets/stylesheets/components/app/modal/advisory.scss */
.sy-btn-full:hover {
  opacity: 0.8;
  text-decoration: none;
  color: #424C5A;
  font-weight: 700;
  font-size: 16px;
}
/* line 1, app/assets/stylesheets/components/app/modal/campaign.scss */
.modFullCampaign {
  width: 100%;
  height: 100vh;
  background: white;
  position: absolute;
  bottom: 0;
  position: fixed;
  z-index: 1033;
  left: 0;
  padding: 30px;
  display: none;
  border-top: 1px solid #1beae4;
  animation: animatebottom 0.5s;
}

@keyframes animatebottom {
  from {
    bottom: -1800px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}

/* line 30, app/assets/stylesheets/components/app/modal/campaign.scss */
.modFullCampaign .modCont {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

/* line 35, app/assets/stylesheets/components/app/modal/campaign.scss */
.modFullCampaign .close {
  width: 30px;
  height: 30px;
  background: #1beae4;
  border: 0;
  position: absolute;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  right: 30px;
  top: 20px;
  z-index: 2;
  border-radius: 100px;
}

/* line 50, app/assets/stylesheets/components/app/modal/campaign.scss */
.modFullCampaign .close:hover {
  color: #fd5c5c;
}

/* line 55, app/assets/stylesheets/components/app/modal/campaign.scss */
.floating-input-modal > input::placeholder {
  color: transparent;
}

/* line 59, app/assets/stylesheets/components/app/modal/campaign.scss */
.floating-input-modal > input:focus,
.floating-input-modal > input:not(:placeholder-shown) {
  padding-top: 1.5rem;
}

/* line 64, app/assets/stylesheets/components/app/modal/campaign.scss */
.floating-input-modal > input:focus ~ label,
.floating-input-modal > input:not(:placeholder-shown) ~ label {
  opacity: 0.75;
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
  --tw-translate-y: -0.75rem;
  --tw-translate-x: 0.25rem;
}
/* line 1, app/assets/stylesheets/components/app/modal/campaign_finish.scss */
.modFullCampaignFinish {
  width: 100%;
  height: 100vh;
  background: white;
  position: absolute;
  bottom: 0;
  position: fixed;
  z-index: 1033;
  left: 0;
  padding: 30px;
  display: none;
  border-top: 1px solid #1beae4;
  animation: animatebottom 0.5s;
}

@keyframes animatebottom {
  from {
    bottom: -1800px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}

/* line 30, app/assets/stylesheets/components/app/modal/campaign_finish.scss */
.modFullCampaignFinish .modContFinish {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

/* line 35, app/assets/stylesheets/components/app/modal/campaign_finish.scss */
.modFullCampaignFinish .closeModalFinish {
  width: 30px;
  height: 30px;
  background: #1beae4;
  border: 0;
  position: absolute;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  right: 30px;
  top: 20px;
  z-index: 2;
  border-radius: 100px;
}

/* line 50, app/assets/stylesheets/components/app/modal/campaign_finish.scss */
.modFullCampaignFinish .closeModalFinish:hover {
  color: #fd5c5c;
}

/* line 55, app/assets/stylesheets/components/app/modal/campaign_finish.scss */
.floating-input-modal > input::placeholder {
  color: transparent;
}

/* line 59, app/assets/stylesheets/components/app/modal/campaign_finish.scss */
.floating-input-modal > input:focus,
.floating-input-modal > input:not(:placeholder-shown) {
  padding-top: 1.5rem;
}

/* line 64, app/assets/stylesheets/components/app/modal/campaign_finish.scss */
.floating-input-modal > input:focus ~ label,
.floating-input-modal > input:not(:placeholder-shown) ~ label {
  opacity: 0.75;
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
  --tw-translate-y: -0.75rem;
  --tw-translate-x: 0.25rem;
}
/* line 1, app/assets/stylesheets/components/app/modal/contact.scss */
.modFull {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.93);
  position: absolute;
  bottom: 0;
  position: fixed;
  z-index: 1033;
  left: 0;
  padding: 30px;
  display: none;
  border-top: 1px solid #1beae4;
  animation: animatebottom 0.5s;
}

@keyframes animatebottom {
  from {
    bottom: -1800px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}

/* line 28, app/assets/stylesheets/components/app/modal/contact.scss */
.modFull .modCont {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
}

/* line 36, app/assets/stylesheets/components/app/modal/contact.scss */
.modFull .close {
  width: 30px;
  height: 30px;
  background: #1beae4;
  border: 0;
  position: absolute;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  right: 30px;
  top: 20px;
  z-index: 2;
  border-radius: 100px;
}

/* line 51, app/assets/stylesheets/components/app/modal/contact.scss */
.modFull .close:hover {
  color: #fd5c5c;
}

/* line 54, app/assets/stylesheets/components/app/modal/contact.scss */
.modFull iframe {
  width: 100%;
  height: 100%;
}

/* line 59, app/assets/stylesheets/components/app/modal/contact.scss */
.floating-input-modal > input::placeholder {
  color: transparent;
}

/* line 63, app/assets/stylesheets/components/app/modal/contact.scss */
.floating-input-modal > input:focus,
.floating-input-modal > input:not(:placeholder-shown) {
  padding-top: 1.5rem;
}

/* line 68, app/assets/stylesheets/components/app/modal/contact.scss */
.floating-input-modal > input:focus ~ label,
.floating-input-modal > input:not(:placeholder-shown) ~ label {
  opacity: 0.75;
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
  --tw-translate-y: -0.75rem;
  --tw-translate-x: 0.25rem;
}
/* line 1, app/assets/stylesheets/components/app/modal/register_landing.scss */
.modal-register-landing {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 9999;
  transition: 300ms visibility ease-out;
}

/* line 20, app/assets/stylesheets/components/app/modal/register_landing.scss */
.modal-register-landing .modal-body {
  background: #fff;
  border-radius: 10px !important;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
  width: 95%;
  max-width: 500px;
  padding: 5px 40px;
}

/* line 29, app/assets/stylesheets/components/app/modal/register_landing.scss */
.modal-register-landing .modal-body .close {
  position: absolute;
  right: 0;
  top: 0;
  background: white;
  font-size: 14px;
  padding: 0 10px;
  opacity: 1;
  color: #fd5c5c;
  text-shadow: none;
  height: 40px;
  margin-top: 10px;
  margin-right: 10px;
  outline: none !important;
}
/* line 1, app/assets/stylesheets/components/app/modal/report.scss */
.modal-report {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 10;
  transition: 300ms visibility ease-out;
}

/* line 20, app/assets/stylesheets/components/app/modal/report.scss */
.modal-report .modal-body {
  background: #fff;
  border-radius: 10px !important;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
  width: 95%;
  max-width: 500px;
  padding: 5px 20px;
}

/* line 29, app/assets/stylesheets/components/app/modal/report.scss */
.modal-report .modal-body .close {
  position: absolute;
  right: 0;
  top: 0;
  background: #fd5c5c;
  font-size: 14px;
  padding: 0 10px;
  opacity: 1;
  color: #fff;
  text-shadow: none;
  height: 40px;
  outline: none !important;
}
/* line 1, app/assets/stylesheets/components/app/modal/video.scss */
.modFull {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.93);
  position: absolute;
  bottom: 0;
  position: fixed;
  z-index: 1033;
  left: 0;
  padding: 30px;
  display: none;
  border-top: 1px solid #1beae4;
  animation: animatebottom 0.5s;
}

@keyframes animatebottom {
  from {
    bottom: -1800px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}

/* line 28, app/assets/stylesheets/components/app/modal/video.scss */
.modFull .modCont {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
}

/* line 36, app/assets/stylesheets/components/app/modal/video.scss */
.modFull .close {
  width: 30px;
  height: 30px;
  background: #1beae4;
  border: 0;
  position: absolute;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  right: 30px;
  top: 20px;
  z-index: 2;
  border-radius: 100px;
}

/* line 51, app/assets/stylesheets/components/app/modal/video.scss */
.modFull .close:hover {
  color: #fd5c5c;
}

/* line 54, app/assets/stylesheets/components/app/modal/video.scss */
.modFull iframe {
  width: 100%;
  height: 100%;
}

/* line 59, app/assets/stylesheets/components/app/modal/video.scss */
.floating-input-modal > input::placeholder {
  color: transparent;
}

/* line 63, app/assets/stylesheets/components/app/modal/video.scss */
.floating-input-modal > input:focus,
.floating-input-modal > input:not(:placeholder-shown) {
  padding-top: 1.5rem;
}

/* line 68, app/assets/stylesheets/components/app/modal/video.scss */
.floating-input-modal > input:focus ~ label,
.floating-input-modal > input:not(:placeholder-shown) ~ label {
  opacity: 0.75;
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
  --tw-translate-y: -0.75rem;
  --tw-translate-x: 0.25rem;
}
/* line 1, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views {
  width: 100%;
  height: 100%;
  min-height: 450px;
  margin: 30px 0 10px 0;
  position: relative;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (max-width: 480px) {
  /* line 14, app/assets/stylesheets/components/app/new/section_banner.scss */
  .banner-views {
    margin: 50px 0 10px 0;
  }
}

/* line 18, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views:before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  background: url(/assets/banner-top-366daa65725b5482219106681c229525cc0c2293deffcc8de84e615297c83bab.svg) 0 top no-repeat;
  top: 0;
  left: 0;
  z-index: 2;
  background-size: 100%;
  transform: scale(1.01);
}

/* line 30, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views:after {
  width: 100%;
  height: 150px;
  position: absolute;
  content: "";
  background: url(/assets/banner-bottom-bad521f833a830f566ad2be0e733a0bc1b4f02bed8584c9afe9e7c2bec7bb231.svg) 0 bottom no-repeat;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-size: 100%;
  transform: scale(1.01);
}

/* line 42, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-bg {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
}

/* line 48, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-bg:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, rgba(0, 54, 95, 0.5), rgba(0, 54, 95, 0));
}

/* line 61, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  /* line 67, app/assets/stylesheets/components/app/new/section_banner.scss */
  .banner-views .banner-views-bg {
    height: 50%;
    top: 0;
  }
}

/* line 72, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-card {
  width: 100%;
  height: 100%;
  z-index: 3;
  padding: 20px 0;
}

/* line 78, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-card .cont {
  width: 100%;
  max-width: 400px;
  min-height: 370px;
  background: #ffffff;
  padding: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
  float: right;
  margin: 0 13% 0 0;
}

@media (max-width: 768px) {
  /* line 91, app/assets/stylesheets/components/app/new/section_banner.scss */
  .banner-views .banner-views-card .cont {
    width: 80%;
    min-height: auto;
    max-width: none;
    margin: 130px auto 0 auto;
    float: none;
  }
}

/* line 99, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-card .box {
  width: 100%;
}

/* line 102, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-card .title {
  width: 100%;
}

/* line 105, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-card .title h1,
.banner-views .banner-views-card .title h2 {
  font-size: 20px;
  font-weight: 300;
  color: #424c5a !important;
  text-align: center;
}

/* line 112, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-card .title h1 span,
.banner-views .banner-views-card .title h2 span {
  color: #1beae4;
}

@media (max-width: 768px) {
  /* line 117, app/assets/stylesheets/components/app/new/section_banner.scss */
  .banner-views .banner-views-card .title h1,
.banner-views .banner-views-card .title h2 {
    font-size: 18px;
  }
}

/* line 122, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-card .img {
  width: 100%;
  text-align: center;
}

/* line 126, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-card .img .bg {
  width: 140px;
  height: 140px;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 134, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-card .img .bg img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

@media (max-width: 768px) {
  /* line 140, app/assets/stylesheets/components/app/new/section_banner.scss */
  .banner-views .banner-views-card .img .bg {
    width: 100px;
    height: 100px;
  }
}

/* line 145, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-card .text {
  width: 100%;
  text-align: center;
  margin: 5px 0;
}

/* line 150, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-card .text span {
  color: #1beae4;
}

/* line 153, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-card .text p {
  margin: 4px 0;
}

/* line 156, app/assets/stylesheets/components/app/new/section_banner.scss */
.banner-views .banner-views-card .btn {
  width: 100%;
  text-align: center;
}
/* line 1, app/assets/stylesheets/components/app/new/section_news.scss */
.more-news {
  width: 100%;
  padding: 40px 20px;
  padding-left: 10rem;
  padding-right: 10rem;
}

@media (max-width: 990px) {
  /* line 9, app/assets/stylesheets/components/app/new/section_news.scss */
  .more-news {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media (max-width: 576px) {
  /* line 16, app/assets/stylesheets/components/app/new/section_news.scss */
  .more-news {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 21, app/assets/stylesheets/components/app/new/section_news.scss */
.more-news h2 {
  font-size: 28px;
  text-align: center;
  font-weight: 300;
  color: #424c5a;
  margin: 0 0 20px 0;
}

/* line 28, app/assets/stylesheets/components/app/new/section_news.scss */
.more-news .more-news-card {
  width: 100%;
}

/* line 31, app/assets/stylesheets/components/app/new/section_news.scss */
.more-news .more-news-card a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 10px;
}

/* line 37, app/assets/stylesheets/components/app/new/section_news.scss */
.more-news .more-news-card a:hover {
  box-shadow: 1px 1px 17px 1px #aeb8b6;
}

/* line 40, app/assets/stylesheets/components/app/new/section_news.scss */
.more-news .img {
  width: 100%;
  text-align: center;
  margin: 15px 0;
}

/* line 46, app/assets/stylesheets/components/app/new/section_news.scss */
.more-news .img img {
  max-width: 200px;
  display: initial !important;
}

/* line 52, app/assets/stylesheets/components/app/new/section_news.scss */
.more-news .news-height {
  height: 11rem;
}

/* line 56, app/assets/stylesheets/components/app/new/section_news.scss */
.more-news .news-height-w {
  height: 8rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 576px) {
  /* line 62, app/assets/stylesheets/components/app/new/section_news.scss */
  .more-news .img img {
    max-width: 100px;
  }
  /* line 66, app/assets/stylesheets/components/app/new/section_news.scss */
  .more-news .news-height {
    height: 5rem;
  }
  /* line 70, app/assets/stylesheets/components/app/new/section_news.scss */
  .more-news .news-height-w {
    height: 3rem;
  }
}

@media (max-width: 576px) {
  /* line 75, app/assets/stylesheets/components/app/new/section_news.scss */
  .more-news .img {
    margin: 5px 0;
  }
}
/* line 1, app/assets/stylesheets/components/app/plans/plans.scss */
.symplifica-home {
  width: 100%;
  background: 0 bottom no-repeat;
  background-color: #f7f7f7;
}

/* line 5, app/assets/stylesheets/components/app/plans/plans.scss */
.type-text {
  font-family: 'Nunito', sans-serif;
  font-display: swap;
  src: url("https://fonts.googleapis.com/css2?family=Nunito:wght@300&display=swap") format("truetype");
}

@media (max-width: 480px) {
  /* line 11, app/assets/stylesheets/components/app/plans/plans.scss */
  .symplifica-home {
    margin: 30px 0 0 0;
  }
}
/* line 1, app/assets/stylesheets/components/app/plans/section_advisory.scss */
.advisory {
  width: 100%;
  background: #acfcf4;
  padding: 40px 20px;
  position: relative;
  padding-right: 8rem;
  padding-left: 10rem;
}

@media (max-width: 990px) {
  /* line 11, app/assets/stylesheets/components/app/plans/section_advisory.scss */
  .advisory {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media (max-width: 576px) {
  /* line 18, app/assets/stylesheets/components/app/plans/section_advisory.scss */
  .advisory {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 24, app/assets/stylesheets/components/app/plans/section_advisory.scss */
.advisory:before {
  width: 100%;
  height: 20px;
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  background: url(/assets/bg-borde-line-7a0b58e0c3a969065132063681b81e663defd6915785b4f2d4da953b5530658a.png) 0 0 repeat;
}

/* line 33, app/assets/stylesheets/components/app/plans/section_advisory.scss */
.advisory .cont {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 40, app/assets/stylesheets/components/app/plans/section_advisory.scss */
  .advisory .cont {
    text-align: center;
  }
}

/* line 44, app/assets/stylesheets/components/app/plans/section_advisory.scss */
.advisory .tit {
  width: 100%;
  color: #424c5a;
  font-size: 26px;
}

@media (max-width: 768px) {
  /* line 50, app/assets/stylesheets/components/app/plans/section_advisory.scss */
  .advisory .tit {
    font-size: 22px;
    text-align: center;
  }
}

/* line 55, app/assets/stylesheets/components/app/plans/section_advisory.scss */
.advisory .img {
  width: 100%;
  text-align: center;
}

/* line 59, app/assets/stylesheets/components/app/plans/section_advisory.scss */
.advisory .img .bg {
  width: 140px;
  height: 140px;
  background: center center no-repeat;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 68, app/assets/stylesheets/components/app/plans/section_advisory.scss */
.advisory .img .bg img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

@media (max-width: 576px) {
  /* line 74, app/assets/stylesheets/components/app/plans/section_advisory.scss */
  .advisory .img .bg {
    width: 100px;
    height: 100px;
  }
}

/* line 79, app/assets/stylesheets/components/app/plans/section_advisory.scss */
.advisory p {
  width: 100%;
  font-size: 18px;
}

@media (max-width: 768px) {
  /* line 84, app/assets/stylesheets/components/app/plans/section_advisory.scss */
  .advisory p {
    font-size: 14px;
    text-align: center;
  }
}

/* line 89, app/assets/stylesheets/components/app/plans/section_advisory.scss */
.advisory .advisory-btn {
  width: 100%;
  text-align: center;
  margin: 10px 0;
}

/* line 94, app/assets/stylesheets/components/app/plans/section_advisory.scss */
.advisory .advisory-btn a {
  min-width: 300px;
}

/* line 98, app/assets/stylesheets/components/app/plans/section_advisory.scss */
.sy-btn-white {
  text-decoration: none;
  display: inline-block;
  border-radius: 100px;
  background: #FFFFFF;
  padding: 10px 20px;
  margin: 5px;
  color: #048780;
  font-weight: 300;
  font-size: 14px;
}

/* line 108, app/assets/stylesheets/components/app/plans/section_advisory.scss */
.sy-btn-white:hover {
  opacity: 0.8;
  text-decoration: none;
  color: #048780;
}
/* line 1, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans {
  width: 100%;
  height: 100%;
  min-height: 450px;
  margin: 30px 0 10px 0;
  position: relative;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (max-width: 480px) {
  /* line 14, app/assets/stylesheets/components/app/plans/section_banner.scss */
  .banner-plans {
    margin: 50px 0 10px 0;
  }
}

/* line 18, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans:before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  background: url(/assets/banner-top-366daa65725b5482219106681c229525cc0c2293deffcc8de84e615297c83bab.svg) 0 top no-repeat;
  top: 0;
  left: 0;
  z-index: 2;
  background-size: 100%;
  transform: scale(1.01);
}

/* line 30, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans:after {
  width: 100%;
  height: 150px;
  position: absolute;
  content: "";
  background: url(/assets/banner-bottom-bad521f833a830f566ad2be0e733a0bc1b4f02bed8584c9afe9e7c2bec7bb231.svg) 0 bottom no-repeat;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-size: 100%;
  transform: scale(1.01);
}

/* line 42, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-bg {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
}

/* line 48, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-bg:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, rgba(0, 54, 95, 0.5), rgba(0, 54, 95, 0));
}

/* line 61, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  /* line 67, app/assets/stylesheets/components/app/plans/section_banner.scss */
  .banner-plans .banner-plans-bg {
    height: 50%;
    top: 0;
  }
}

/* line 72, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-card {
  width: 100%;
  height: 100%;
  z-index: 3;
  padding: 20px 0;
}

/* line 78, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-card .cont {
  width: 100%;
  max-width: 400px;
  min-height: 370px;
  background: #ffffff;
  padding: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
  float: right;
  margin: 0 13% 0 0;
}

@media (max-width: 768px) {
  /* line 91, app/assets/stylesheets/components/app/plans/section_banner.scss */
  .banner-plans .banner-plans-card .cont {
    width: 80%;
    min-height: auto;
    max-width: none;
    margin: 130px auto 0 auto;
    float: none;
  }
}

/* line 99, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-card .box {
  width: 100%;
}

/* line 102, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-card .title {
  width: 100%;
}

/* line 105, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-card .title h1,
.banner-plans .banner-plans-card .title h2 {
  font-size: 20px;
  font-weight: 300;
  color: #424c5a !important;
  text-align: center;
}

/* line 112, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-card .title h1 span,
.banner-plans .banner-plans-card .title h2 span {
  color: #1beae4;
}

@media (max-width: 768px) {
  /* line 117, app/assets/stylesheets/components/app/plans/section_banner.scss */
  .banner-plans .banner-plans-card .title h1,
.banner-plans .banner-plans-card .title h2 {
    font-size: 18px;
  }
}

/* line 122, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-card .img {
  width: 100%;
  text-align: center;
}

/* line 126, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-card .img .bg {
  width: 140px;
  height: 140px;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 134, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-card .img .bg img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

@media (max-width: 768px) {
  /* line 140, app/assets/stylesheets/components/app/plans/section_banner.scss */
  .banner-plans .banner-plans-card .img .bg {
    width: 100px;
    height: 100px;
  }
}

/* line 145, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-card .text {
  width: 100%;
  text-align: center;
  margin: 5px 0;
}

/* line 150, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-card .text span {
  color: #1beae4;
}

/* line 153, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-card .text p {
  margin: 4px 0;
}

/* line 156, app/assets/stylesheets/components/app/plans/section_banner.scss */
.banner-plans .banner-plans-card .btn {
  width: 100%;
  text-align: center;
}
.plan {
  width: 100%;
  padding: 40px 20px;
  padding-left: 6rem;
  padding-right: 6rem;
}

@media (max-width: 990px) {
  .plan {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (max-width: 576px) {
  .plan {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.plan h2 {
  width: 100%;
  font-size: 26px;
  text-align: center;
  font-weight: 300;
  color: #424c5a;
  margin: 0 0 40px 0;
}

.plan h2 span {
  font-size: 20px;
  display: block;
}

.plan .plan-card {
  width: 100%;
  max-width: 350px;
  height: 100%;
  background: #ffffff;
  text-align: center;
  padding: 30px;
}

.plan .plan-card .ico {
  width: 100%;
}

.plan .plan-card .ico img {
  width: 100px;
  height: 100px;
}

.plan .plan-card .title {
  font-size: 24px;
  color: #1beae4;
}

.plan .plan-card .title span {
  color: #565656;
}

.plan .plan-card .subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #424c5a;
}

.plan .plan-card .txt {
  width: 100%;
}

.plan .plan-card .txt span {
  color: #1beae4;
}

.plan .plan-card .price {
  font-size: 40px;
  color: #424c5a;
}

.plan .plan-card .plans-btn {
  width: 100%;
}

.plan .plan-card .plans-btn a {
  width: 80%;
}

.plan .plan-card hr {
  border-bottom: 1px solid #eef1f3;
}

.plan .plan-card.card-words {
  text-align: left;
}

.plan .plan-card.card-words .title {
  font-size: 16px;
  margin: 0 0 10px 0;
}

.plan .plan-card.card-words .title span {
  width: 100%;
  display: block;
  font-size: 14px;
}

@media (max-width: 990px) {
  .plan .plan-card.card-words {
    width: 100%;
    max-width: none;
  }
}
@media (max-width: 990px) {
  .plan .plan-card {
    height: auto;
    margin: 15px 0;
  }
}
@media (max-width: 768px) {
  .plan .plan-card {
    max-width: none;
  }
}
.plan .include {
  width: 100%;
  background: #f7f7f7;
  margin: 40px 0;
  padding: 30px;
}

.plan .include .title {
  margin: 0 0 20px 0;
  color: #1beae4;
  font-size: 16px;
}

.plan .include .copy {
  width: 100%;
  text-align: center;
  color: #565656;
  font-size: 12px;
}

.plan .employee {
  width: 100%;
  display: table;
  padding: 40px 0;
}

.plan .employee h4 {
  font-size: 28px;
  font-weight: 300;
  color: #424c5a;
}

@media (max-width: 990px) {
  .plan .employee h4 {
    text-align: center;
    margin: 0 0 20px 0;
  }
}
.plan .employee .title {
  width: 100%;
}

.plan .employee .cont {
  width: 100%;
}

.plan .employee .employee-card {
  width: 100%;
  margin: 5px 0;
}

.plan .employee .img {
  width: 100%;
  text-align: center;
}

.plan .employee .img .bg {
  width: 90px;
  height: 90px;
  background: center center no-repeat;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.plan .employee .img .bg img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

@media (max-width: 480px) {
  .plan .employee .img .bg {
    width: 70px;
    height: 70px;
  }
}
.plan .employee .txt {
  text-align: center;
}

@media (max-width: 768px) {
  .plan .employee {
    padding: 10px 0;
  }
}
ul.list {
  list-style: none;
  position: relative;
  padding: 0 0 0 20px;
}

ul.list li {
  width: 100%;
  position: relative;
}

ul.list li:before {
  border: solid #1beae4;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(-45deg);
  content: "";
  left: -20px;
  top: 7px;
  position: absolute;
}

.color-icon {
  color: #424C5A;
}

@media (max-width: 1023px) {
  .background-price {
    background-size: 100% 31%;
  }
}
@media (max-width: 767px) {
  .background-price {
    background-position-y: 24%;
  }
}
@media (max-width: 763px) {
  .background-price {
    background-position-y: 26%;
  }
}
@media (max-width: 560px) {
  .background-price {
    background-position-y: 27%;
  }
}
@media (max-width: 485px) {
  .background-price {
    background-position-y: 29%;
  }
}
@media (max-width: 471px) {
  .background-price {
    background-position-y: 31%;
  }
}
@media (max-width: 380px) {
  .background-price {
    background-position-y: 33%;
  }
}
@media (max-width: 340px) {
  .background-price {
    background-position-y: 31%;
  }
}/*# sourceMappingURL=section_plan.css.map */
/* line 1, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan {
  width: 100%;
  padding: 40px 20px;
  padding-left: 6rem;
  padding-right: 6rem;
}

@media (max-width: 990px) {
  /* line 9, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .plan {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media (max-width: 576px) {
  /* line 16, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .plan {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 21, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan h2 {
  width: 100%;
  font-size: 26px;
  text-align: center;
  font-weight: 300;
  color: #424c5a;
  margin: 0 0 40px 0;
}

/* line 29, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan h2 span {
  font-size: 20px;
  display: block;
}

/* line 33, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .plan-card {
  width: 100%;
  max-width: 350px;
  height: 100%;
  background: #ffffff;
  text-align: center;
  padding: 30px;
}

/* line 41, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .plan-card .ico {
  width: 100%;
}

/* line 44, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .plan-card .ico img {
  width: 100px;
  height: 100px;
}

/* line 48, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .plan-card .title {
  font-size: 24px;
  color: #1beae4;
}

/* line 52, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .plan-card .title span {
  color: #565656;
}

/* line 55, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .plan-card .subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #424c5a;
}

/* line 60, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .plan-card .txt {
  width: 100%;
}

/* line 63, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .plan-card .txt span {
  color: #1beae4;
}

/* line 66, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .plan-card .price {
  font-size: 40px;
  color: #424c5a;
}

/* line 70, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .plan-card .plans-btn {
  width: 100%;
}

/* line 73, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .plan-card .plans-btn a {
  width: 80%;
}

/* line 76, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .plan-card hr {
  border-bottom: 1px solid #eef1f3;
}

/* line 79, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .plan-card.card-words {
  text-align: left;
}

/* line 82, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .plan-card.card-words .title {
  font-size: 16px;
  margin: 0 0 10px 0;
}

/* line 86, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .plan-card.card-words .title span {
  width: 100%;
  display: block;
  font-size: 14px;
}

@media (max-width: 990px) {
  /* line 92, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .plan .plan-card.card-words {
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 990px) {
  /* line 98, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .plan .plan-card {
    height: auto;
    margin: 15px 0;
  }
}

@media (max-width: 768px) {
  /* line 104, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .plan .plan-card {
    max-width: none;
  }
}

/* line 108, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .include {
  width: 100%;
  background: #f7f7f7;
  margin: 40px 0;
  padding: 30px;
}

/* line 114, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .include .title {
  margin: 0 0 20px 0;
  color: #1beae4;
  font-size: 16px;
}

/* line 119, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .include .copy {
  width: 100%;
  text-align: center;
  color: #565656;
  font-size: 12px;
}

/* line 125, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .employee {
  width: 100%;
  display: table;
  padding: 40px 0;
}

/* line 130, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .employee h4 {
  font-size: 28px;
  font-weight: 300;
  color: #424c5a;
}

@media (max-width: 990px) {
  /* line 136, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .plan .employee h4 {
    text-align: center;
    margin: 0 0 20px 0;
  }
}

/* line 141, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .employee .title {
  width: 100%;
}

/* line 144, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .employee .cont {
  width: 100%;
}

/* line 147, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .employee .employee-card {
  width: 100%;
  margin: 5px 0;
}

/* line 151, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .employee .img {
  width: 100%;
  text-align: center;
}

/* line 155, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .employee .img .bg {
  width: 90px;
  height: 90px;
  background: center center no-repeat;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 164, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .employee .img .bg img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

@media (max-width: 480px) {
  /* line 170, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .plan .employee .img .bg {
    width: 70px;
    height: 70px;
  }
}

/* line 175, app/assets/stylesheets/components/app/plans/section_plan.scss */
.plan .employee .txt {
  text-align: center;
}

@media (max-width: 768px) {
  /* line 179, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .plan .employee {
    padding: 10px 0;
  }
}

/* line 184, app/assets/stylesheets/components/app/plans/section_plan.scss */
ul.list {
  list-style: none;
  position: relative;
  padding: 0 0 0 20px;
}

/* line 188, app/assets/stylesheets/components/app/plans/section_plan.scss */
ul.list li {
  width: 100%;
  position: relative;
}

/* line 191, app/assets/stylesheets/components/app/plans/section_plan.scss */
ul.list li:before {
  border: solid #1beae4;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(-45deg);
  content: "";
  left: -20px;
  top: 7px;
  position: absolute;
}

/* line 202, app/assets/stylesheets/components/app/plans/section_plan.scss */
.color-icon {
  color: #424C5A;
}

/* line 205, app/assets/stylesheets/components/app/plans/section_plan.scss */
.background-price-top {
  background: url("https://sfo2.digitaloceanspaces.com/cdn.symplifica/admin/assets/img/mancha_1.webp");
  background-repeat: no-repeat;
  background-size: 100% 15%;
  background-position-y: top;
}

/* line 211, app/assets/stylesheets/components/app/plans/section_plan.scss */
.background-price-center {
  background: url("https://sfo2.digitaloceanspaces.com/cdn.symplifica/admin/assets/img/mancha_1.webp");
  background-repeat: no-repeat;
  background-size: 100% 31%;
  background-position-y: center;
}

/* line 218, app/assets/stylesheets/components/app/plans/section_plan.scss */
.background-price-bottom {
  background: url("https://sfo2.digitaloceanspaces.com/cdn.symplifica/admin/assets/img/mancha_2.webp ");
  background-repeat: no-repeat;
  background-size: 100% 50%;
  background-position-y: center;
}

@media (max-width: 1023px) {
  /* line 226, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .background-price {
    background-size: 100% 31%;
  }
}

@media (max-width: 767px) {
  /* line 232, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .background-price {
    background-position-y: 24%;
  }
}

@media (max-width: 763px) {
  /* line 237, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .background-price {
    background-position-y: 26%;
  }
}

@media (max-width: 560px) {
  /* line 242, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .background-price {
    background-position-y: 27%;
  }
}

@media (max-width: 485px) {
  /* line 247, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .background-price {
    background-position-y: 29%;
  }
}

@media (max-width: 471px) {
  /* line 252, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .background-price {
    background-position-y: 31%;
  }
}

@media (max-width: 380px) {
  /* line 257, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .background-price {
    background-position-y: 33%;
  }
}

@media (max-width: 340px) {
  /* line 262, app/assets/stylesheets/components/app/plans/section_plan.scss */
  .background-price {
    background-position-y: 31%;
  }
}
/* line 1, app/assets/stylesheets/components/app/principal/body.scss */
.symplifica-home {
  width: 100%;
  background: 0 bottom no-repeat;
  background-color: #f7f7f7;
}

@media (max-width: 480px) {
  /* line 6, app/assets/stylesheets/components/app/principal/body.scss */
  .symplifica-home {
    margin: 30px 0 0 0;
  }
}
/* line 1, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.tippy-box[data-theme~='home'] {
  background: #424c5a !important;
  -webkit-box-shadow: -1px 5px 5px 1px rgba(0, 0, 0, 0.37);
  box-shadow: -1px 5px 5px 1px rgba(0, 0, 0, 0.37);
  color: black;
  border-radius: 10px;
  border: none;
  border-radius: 0;
  width: 280px;
  position: absolute;
  right: -10px;
}

/* line 14, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.tippy-box[data-theme~='home'][data-placement^='bottom'] > .tippy-arrow::before {
  content: '' !important;
  border: 10px solid transparent !important;
  border-bottom-color: #424c5a !important;
  position: fixed !important;
  top: -20px !important;
  left: auto !important;
  right: -132px;
}

@media only screen and (max-width: 351px) {
  /* line 26, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .tippy-box[data-theme~='home'] {
    width: 250px;
  }
  /* line 29, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .tippy-box[data-theme~='home'][data-placement^='bottom'] > .tippy-arrow::before {
    right: -117px;
  }
}

/* line 39, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement {
  width: 100%;
  padding: 40px 20px;
}

@media (max-width: 576px) {
  /* line 50, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .arrangement {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 55, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont {
  width: 100%;
  max-width: 1000px;
  display: table;
  position: relative;
}

/* line 61, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont h3 {
  font-weight: 300;
  font-size: 24px;
  color: #424c5a;
}

/* line 66, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .first-card {
  display: table-cell;
  vertical-align: middle;
}

/* line 70, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .first-card .cont {
  width: 100%;
  max-width: 350px;
  height: 100%;
  background: #ffffff;
  text-align: center;
  padding: 30px;
  border-radius: 25px 0 0 25px;
}

@media (max-width: 768px) {
  /* line 80, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .arrangement .arrangement-cont .first-card .cont {
    max-width: none;
    margin: 20px 0 0 0;
    border-radius: 25px;
  }
}

/* line 86, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .first-card .ico {
  width: 100%;
}

/* line 89, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .first-card .ico img {
  width: 100px;
  height: 100px;
}

@media (max-width: 768px) {
  /* line 94, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .arrangement .arrangement-cont .first-card .ico {
    display: nfirst-card;
  }
}

/* line 98, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .first-card .tit {
  font-size: 24px;
  color: #1beae4;
}

@media (max-width: 768px) {
  /* line 103, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .arrangement .arrangement-cont .first-card .tit {
    font-size: 20px;
  }
}

/* line 107, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .first-card .txt {
  width: 100%;
}

/* line 110, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .first-card .price {
  font-size: 40px;
  color: #424c5a;
}

@media (max-width: 768px) {
  /* line 115, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .arrangement .arrangement-cont .first-card .price {
    font-size: 30px;
  }
}

/* line 119, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .first-card .arrangement-btn {
  width: 100%;
}

/* line 122, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .first-card .arrangement-btn a {
  width: 80%;
}

/* line 125, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .second-card {
  display: table-cell;
  vertical-align: middle;
  z-index: 2;
  position: relative;
}

/* line 131, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .second-card .cont {
  width: 100%;
  max-width: 350px;
  height: 100%;
  background: #ffffff;
  text-align: center;
  padding: 30px;
}

@media (max-width: 768px) {
  /* line 140, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .arrangement .arrangement-cont .second-card .cont {
    max-width: none;
  }
}

/* line 144, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .second-card .img {
  width: 100%;
}

/* line 147, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .second-card .bg {
  width: 150px;
  height: 150px;
  background: center center no-repeat;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 156, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .second-card .bg img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

@media (max-width: 768px) {
  /* line 162, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .arrangement .arrangement-cont .second-card .bg {
    width: 130px;
    height: 130px;
  }
}

@media (max-width: 576px) {
  /* line 168, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .arrangement .arrangement-cont .second-card .bg {
    width: 100px;
    height: 100px;
  }
}

/* line 173, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .second-card .txt {
  width: 100%;
  max-width: 150px;
  color: #1beae4;
  margin: 10px auto;
}

/* line 179, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .second-card .small {
  font-size: 11px;
}

/* line 182, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .second-card .small p {
  margin: 3px 0;
}

@media (max-width: 768px) {
  /* line 186, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .arrangement .arrangement-cont .second-card {
    display: table-caption;
  }
}

/* line 190, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .third-card {
  display: table-cell;
  vertical-align: middle;
}

/* line 194, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .third-card .cont {
  width: 100%;
  max-width: 350px;
  height: 100%;
  background: #ffffff;
  text-align: center;
  padding: 30px;
  border-radius: 0 25px 25px 0;
}

@media (max-width: 768px) {
  /* line 204, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .arrangement .arrangement-cont .third-card .cont {
    max-width: none;
    margin: 20px 0 0 0;
    border-radius: 25px;
  }
}

/* line 210, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .third-card .ico {
  width: 100%;
}

/* line 213, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .third-card .ico img {
  width: 100px;
  height: 100px;
}

@media (max-width: 768px) {
  /* line 218, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .arrangement .arrangement-cont .third-card .ico {
    display: nfirst-card;
  }
}

/* line 222, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .third-card .tit {
  font-size: 24px;
  color: #1beae4;
}

@media (max-width: 768px) {
  /* line 227, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .arrangement .arrangement-cont .third-card .tit {
    font-size: 20px;
  }
}

/* line 231, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .third-card .txt {
  width: 100%;
}

/* line 234, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .third-card .price {
  font-size: 40px;
  color: #424c5a;
}

@media (max-width: 768px) {
  /* line 239, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .arrangement .arrangement-cont .third-card .price {
    font-size: 30px;
  }
}

/* line 243, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .third-card .arrangement-btn {
  width: 100%;
}

/* line 246, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
.arrangement .arrangement-cont .third-card .arrangement-btn a {
  width: 80%;
}

@media (max-width: 768px) {
  /* line 250, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .arrangement .arrangement-cont {
    display: inline-table;
  }
}

@media (max-width: 768px) {
  /* line 255, app/assets/stylesheets/components/app/principal/section_arrangement.scss */
  .arrangement {
    padding: 20px;
  }
}
/* line 1, app/assets/stylesheets/components/app/principal/section_our.scss */
.background-size-green {
  background-size: 800px  400px;
}

@media (max-width: 1623px) {
  /* line 6, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 750px  400px;
  }
}

@media (max-width: 1523px) {
  /* line 12, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 700px  400px;
  }
}

@media (max-width: 1423px) {
  /* line 18, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 650px  400px;
  }
}

@media (max-width: 1323px) {
  /* line 24, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 600px  400px;
  }
}

@media (max-width: 1223px) {
  /* line 29, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 550px  400px;
  }
}

@media (max-width: 1123px) {
  /* line 35, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 500px  400px;
  }
}

@media (max-width: 1023px) {
  /* line 41, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 900px  300px;
  }
}

@media (max-width: 900px) {
  /* line 47, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 800px  300px;
  }
}

@media (max-width: 800px) {
  /* line 53, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 700px  300px;
  }
}

@media (max-width: 700px) {
  /* line 58, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 650px  300px;
  }
}

@media (max-width: 650px) {
  /* line 63, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 600px  300px;
  }
}

@media (max-width: 600px) {
  /* line 69, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 550px  300px;
  }
}

@media (max-width: 550px) {
  /* line 75, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 500px  300px;
  }
}

@media (max-width: 500px) {
  /* line 81, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 450px  300px;
  }
}

@media (max-width: 450px) {
  /* line 87, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 400px  300px;
  }
}

@media (max-width: 400px) {
  /* line 93, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 370px  300px;
  }
}

@media (max-width: 300px) {
  /* line 99, app/assets/stylesheets/components/app/principal/section_our.scss */
  .background-size-green {
    background-size: 500px  300px;
  }
}
/* line 1, app/assets/stylesheets/components/app/principal/section_register.scss */
.register {
  width: 100%;
  padding: 0 20px 40px 20px;
  padding-left: 6rem;
  padding-right: 6rem;
}

@media (max-width: 990px) {
  /* line 9, app/assets/stylesheets/components/app/principal/section_register.scss */
  .register {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media (max-width: 576px) {
  /* line 16, app/assets/stylesheets/components/app/principal/section_register.scss */
  .register {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 22, app/assets/stylesheets/components/app/principal/section_register.scss */
.register .panel {
  width: 100%;
  height: 90px;
  background: #ffffff;
  display: table;
  border-radius: 17px;
  margin: 0 0 20px 0;
  position: relative;
  z-index: 20;
}

/* line 33, app/assets/stylesheets/components/app/principal/section_register.scss */
.register .panel .panel-card {
  width: 33.3%;
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 576px) {
  /* line 40, app/assets/stylesheets/components/app/principal/section_register.scss */
  .register .panel .panel-card:nth-child(3) {
    display: none;
  }
  /* line 43, app/assets/stylesheets/components/app/principal/section_register.scss */
  .register .panel .panel-card.sytra-card {
    width: 100%;
    display: table-cell;
    position: absolute;
    top: 110px;
    left: 0;
    background-color: white;
    height: 88px;
    border-radius: 17px;
    box-shadow: 1px 1px 17px 1px #aeb8b6;
  }
  /* line 54, app/assets/stylesheets/components/app/principal/section_register.scss */
  .register.sytra-space .panel {
    margin: 30px 0 110px 0;
  }
}

@media only screen and (min-device-width: 576px) and (max-device-width: 750px) {
  /* line 60, app/assets/stylesheets/components/app/principal/section_register.scss */
  .register .panel .panel-card.sytra-card {
    display: table-cell;
  }
}

/* line 65, app/assets/stylesheets/components/app/principal/section_register.scss */
.register .panel .panel-card a {
  width: 100%;
  height: 100%;
  padding: 5%;
  display: table;
  text-decoration: none;
  transition: 0.3s;
  border-radius: 17px;
}

/* line 75, app/assets/stylesheets/components/app/principal/section_register.scss */
.register .panel .panel-card a:hover {
  background: #f9f9f9;
  transform: scale(1.1);
}

/* line 80, app/assets/stylesheets/components/app/principal/section_register.scss */
.panel-card-new a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  transition: 0.3s;
  border-radius: 17px;
  padding: 3%;
}

/* line 89, app/assets/stylesheets/components/app/principal/section_register.scss */
.panel-card-new-special a {
  background-image: url(https://sfo2.digitaloceanspaces.com/cdn.symplifica/admin/assets/svg/triangle-background-workers.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
  transition: 0.3s;
}

/* line 96, app/assets/stylesheets/components/app/principal/section_register.scss */
.panel-card-new-special a:hover {
  background-image: url(https://sfo2.digitaloceanspaces.com/cdn.symplifica/admin/assets/svg/triangle-background-workers.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: #f9f9f9;
  transform: scale(1.1);
}

/* line 104, app/assets/stylesheets/components/app/principal/section_register.scss */
.panel-card-new a:hover {
  background: #f9f9f9;
  transform: scale(1.1);
}

/* line 109, app/assets/stylesheets/components/app/principal/section_register.scss */
.register .panel .panel-card.sytra-card a {
  background-image: url(https://sfo2.digitaloceanspaces.com/cdn.symplifica/admin/assets/svg/triangle-background-workers.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
}

/* line 115, app/assets/stylesheets/components/app/principal/section_register.scss */
.register .panel .panel-card.sytra-card a:hover {
  background-image: url(https://sfo2.digitaloceanspaces.com/cdn.symplifica/admin/assets/svg/triangle-background-workers.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
}

/* line 121, app/assets/stylesheets/components/app/principal/section_register.scss */
.register .panel .panel-card .img {
  width: 50px;
  display: table-cell;
  vertical-align: middle;
}

/* line 127, app/assets/stylesheets/components/app/principal/section_register.scss */
.register .panel .panel-card.sytra-card .img img {
  width: 57px;
}

@media (max-width: 480px) {
  /* line 132, app/assets/stylesheets/components/app/principal/section_register.scss */
  .register .panel .panel-card .img {
    display: none;
  }
  /* line 135, app/assets/stylesheets/components/app/principal/section_register.scss */
  .register .panel .panel-card.sytra-card .img {
    display: block;
  }
}

/* line 140, app/assets/stylesheets/components/app/principal/section_register.scss */
.register .panel .panel-card .title {
  display: table-cell;
  vertical-align: middle;
  font-size: 11px;
  padding: 0 10px;
  color: #424c5a;
}

/* line 148, app/assets/stylesheets/components/app/principal/section_register.scss */
.register .panel .panel-card.sytra-card .title span {
  color: #fea4a6;
}

/* line 152, app/assets/stylesheets/components/app/principal/section_register.scss */
.register .panel .panel-card .title span {
  color: #1beae4;
}

@media (max-width: 480px) {
  /* line 159, app/assets/stylesheets/components/app/principal/section_register.scss */
  .register .panel .panel-card .title {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  /* line 165, app/assets/stylesheets/components/app/principal/section_register.scss */
  .container-cards-mobile {
    display: block !important;
  }
  /* line 168, app/assets/stylesheets/components/app/principal/section_register.scss */
  .container-cards {
    display: none !important;
  }
}

/* line 173, app/assets/stylesheets/components/app/principal/section_register.scss */
.container-cards-mobile {
  display: none;
}

/* line 177, app/assets/stylesheets/components/app/principal/section_register.scss */
.register .panel .panel-card p {
  margin: 3px 0;
}

/* line 181, app/assets/stylesheets/components/app/principal/section_register.scss */
.register .panel .panel-card p b {
  font-weight: 300;
  font-size: 16px;
}

@media (max-width: 576px) {
  /* line 187, app/assets/stylesheets/components/app/principal/section_register.scss */
  .register .panel .panel-card {
    width: 50%;
  }
}

@media (max-width: 990px) {
  /* line 193, app/assets/stylesheets/components/app/principal/section_register.scss */
  .register .panel {
    margin: 30px 0 0 0;
  }
}

/* line 198, app/assets/stylesheets/components/app/principal/section_register.scss */
.register .form {
  width: 80%;
  background: #ffffff;
  padding: 30px 27px;
  position: relative;
  top: -510px;
  left: 15px;
  z-index: 30;
}

@media (max-width: 990px) {
  /* line 209, app/assets/stylesheets/components/app/principal/section_register.scss */
  .register .form {
    width: 100%;
    position: static;
    margin: 0 0 0 0;
  }
}

@media (max-width: 1023px) {
  /* line 217, app/assets/stylesheets/components/app/principal/section_register.scss */
  .register .form {
    top: 0;
  }
}

/* line 222, app/assets/stylesheets/components/app/principal/section_register.scss */
.shadow-landing {
  box-shadow: 1px 1px 17px 1px #aeb8b6;
}

/* line 226, app/assets/stylesheets/components/app/principal/section_register.scss */
label.required::after {
  content: " *";
  color: #1beae4;
}
/* line 1, app/assets/stylesheets/components/app/principal/section_service.scss */
.service {
  width: 100%;
  padding: 40px 20px;
  padding-left: 6rem;
  padding-right: 6rem;
}

@media (max-width: 990px) {
  /* line 8, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media (max-width: 576px) {
  /* line 15, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 21, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .service-cont {
  width: 100%;
  display: inline-flex;
}

/* line 25, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .service-cont .tit {
  width: 40%;
  max-width: 200px;
  display: inline-block;
  padding: 50px 10px 0 70px;
  background: center center no-repeat;
  background-size: 70%;
  background-position: 0 0;
}

/* line 34, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .service-cont .tit h2 {
  font-size: 26px;
  color: #424c5a;
  font-weight: 400;
}

@media (max-width: 990px) {
  /* line 40, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .service-cont .tit h2 {
    font-size: 22px;
  }
}

@media (max-width: 576px) {
  /* line 45, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .service-cont .tit h2 {
    text-align: center;
  }
}

@media (max-width: 990px) {
  /* line 50, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .service-cont .tit {
    width: 80%;
    max-width: none;
    background-size: contain;
    padding: 30px 10px 0 20px;
  }
}

@media (max-width: 576px) {
  /* line 58, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .service-cont .tit {
    width: 100%;
    background-position: center;
    padding: 20px 0 10px 0;
  }
}

/* line 64, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .service-cont .items {
  width: 60%;
  padding: 10px;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 990px) {
  /* line 72, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .service-cont .items {
    width: 100%;
  }
}

/* line 76, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .service-cont .item {
  padding: 10px;
}

@media (max-width: 480px) {
  /* line 80, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .service-cont .item {
    display: table;
  }
}

/* line 84, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .service-cont .ico {
  width: 100%;
  margin: 5px 0;
}

/* line 88, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .service-cont .ico span {
  width: 45px;
  height: 45px;
  display: block;
  border-radius: 50px;
  background: #ffffff;
}

/* line 95, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .service-cont .ico img {
  width: 45px;
}

@media (max-width: 480px) {
  /* line 99, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .service-cont .ico {
    width: 50px;
    display: table-cell;
  }
}

/* line 104, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .service-cont .txt {
  width: 100%;
  font-size: 12px;
}

@media (max-width: 480px) {
  /* line 109, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .service-cont .txt {
    width: auto;
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    padding: 0 0 0 10px;
  }
}

@media (max-width: 990px) {
  /* line 118, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .service-cont {
    display: inline-block;
  }
}

/* line 122, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .service-btn {
  width: 100%;
  text-align: right;
  margin: 20px 0 0 0;
}

@media (max-width: 576px) {
  /* line 128, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .service-btn {
    text-align: center;
    margin: 10px 0;
  }
}

/* line 133, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store {
  width: 100%;
}

/* line 136, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store .tit {
  width: 100%;
  font-size: 16px;
  color: #424c5a;
  margin: 10px 0 10px 0;
}

/* line 142, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store .tit a {
  background: #1beae4;
  color: #ffffff;
  text-decoration: none;
  font-size: 11px;
  text-align: center;
  padding: 3px 10px;
  border-radius: 100px;
  float: right;
}

/* line 152, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store .tit a:hover {
  opacity: 0.7;
}

@media (max-width: 990px) {
  /* line 156, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .store .tit a {
    float: left;
    margin: 10px 0 0 0;
  }
}

@media (max-width: 768px) {
  /* line 162, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .store .tit a {
    float: right;
    margin: 0;
  }
}

/* line 167, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store .store-cont {
  width: 80%;
}

@media (max-width: 1024px) {
  /* line 172, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .store .store-cont {
    width: 100%;
  }
}

/* line 176, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store .store-cont .bg-circle {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  text-align: center;
  padding: 20px 30px;
  background: #ffffff;
  overflow: hidden;
}

/* line 185, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store .store-cont .bg-circle .cont {
  width: 100%;
}

@media (max-width: 576px) {
  /* line 189, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .store .store-cont .bg-circle .cont {
    display: table;
    padding: 0 30px;
  }
}

/* line 194, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store .store-cont .bg-circle .img {
  width: 100%;
}

/* line 197, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store .store-cont .bg-circle .img img {
  width: 100%;
  max-width: 200px;
}

@media (max-width: 576px) {
  /* line 202, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .store .store-cont .bg-circle .img img {
    max-width: 130px;
  }
}

@media (max-width: 576px) {
  /* line 207, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .store .store-cont .bg-circle .img {
    width: 40%;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
  }
}

/* line 214, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store .store-cont .bg-circle .txt {
  width: 100%;
}

@media (max-width: 576px) {
  /* line 218, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .store .store-cont .bg-circle .txt {
    width: 60%;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }
}

/* line 225, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store .store-cont .bg-circle .tit {
  width: 100%;
  color: #424c5a;
}

/* line 229, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store .store-cont .bg-circle .price {
  width: 100%;
  color: #424c5a;
  font-size: 20px;
}

/* line 234, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store .store-cont .bg-circle .store-btn {
  width: 100%;
  margin: 10px 0;
}

/* line 238, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store .store-cont .bg-circle .store-btn a {
  display: inline-flex;
  border-radius: 100px;
  padding: 10px 30px;
  font-size: 12px;
  color: #424c5a;
  background: #f7f7f7;
  text-decoration: none;
}

/* line 247, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store .store-cont .bg-circle .store-btn a:hover {
  background: #1beae4;
  color: #ffffff;
}

/* line 251, app/assets/stylesheets/components/app/principal/section_service.scss */
.service .store .store-cont .bg-circle .store-btn a i {
  font-size: 18px;
  margin: 0 5px 0 0;
}

@media (max-width: 1024px) {
  /* line 256, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service .store .store-cont .bg-circle {
    border-radius: 25px;
    margin: 10px 0 0 0;
    padding: 10px;
    display: inline-block;
  }
}

@media (max-width: 768px) {
  /* line 264, app/assets/stylesheets/components/app/principal/section_service.scss */
  .service {
    padding: 20px;
  }
}

/* line 269, app/assets/stylesheets/components/app/principal/section_service.scss */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
/* line 1, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner {
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
}

/* line 7, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner:before {
  width: 100%;
  height: 6vw;
  background: url(/assets/slide-borde-08529c10aedd29f49c20bb5caca278f872b73df82a21dfe72a64e84a5d6483d8.svg) 0 bottom no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 2;
  transform: scale(1.01);
  fill: white;
}

/* line 21, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner .slide {
  width: 100%;
  height: 100%;
}

/* line 25, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner .slide .slide-cont {
  width: 100%;
  height: 100%;
  position: relative;
}

/* line 30, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner .slide .slide-cont .img {
  width: 100%;
  height: 100%;
}

/* line 34, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner .slide .slide-cont .img_without {
  width: 100%;
  height: 100%;
}

/* line 38, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner .slide .slide-cont .img:before {
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(to right, rgba(0, 54, 95, 0.5), rgba(0, 54, 95, 0));
  top: 0;
  left: 0;
  content: "";
}

/* line 51, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner .slide .slide-cont .img_without:before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}

/* line 60, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner .slide .slide-cont .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 990px) {
  /* line 66, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner .slide .slide-cont .img img {
    object-position: left;
  }
}

@media (max-width: 576px) {
  /* line 71, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner .slide .slide-cont .img img {
    object-position: center;
  }
}

/* line 78, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner .slide .slide-cont .img_without img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 990px) {
  /* line 84, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner .slide .slide-cont .img_without img {
    object-position: left;
  }
}

@media (max-width: 576px) {
  /* line 89, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner .slide .slide-cont .img_without img {
    object-position: center;
  }
}

/* line 96, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner .slide .slide-cont .cont {
  width: 100%;
  height: calc(100% - 5vw);
  position: absolute;
  left: 0;
  top: 0;
  align-items: center;
  display: flex;
}

/* line 107, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner .slide .slide-cont .cont .title {
  width: 100%;
  max-width: 600px;
}

/* line 112, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner .slide .slide-cont .cont .title .title_slide,
.banner .slide .slide-cont .cont .title h2 {
  font-size: 30px;
  font-weight: 300;
  color: #ffffff;
  padding-left: 6rem;
  text-transform: uppercase;
}

@media (max-width: 990px) {
  /* line 121, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner .slide .slide-cont .cont .title .title_slide,
.banner .slide .slide-cont .cont .title h2 {
    font-size: 26px;
    padding-left: 6rem;
  }
}

@media (max-width: 768px) {
  /* line 128, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner .slide .slide-cont .cont .title .title_slide,
.banner .slide .slide-cont .cont .title h2 {
    font-size: 24px;
    padding-left: 6rem;
  }
}

@media (max-width: 576px) {
  /* line 135, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner .slide .slide-cont .cont .title .title_slide,
.banner .slide .slide-cont .cont .title h2 {
    padding-left: 0rem;
    font-size: 18px;
  }
}

/* line 141, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner .slide .slide-cont .cont .title .subtitle p {
  color: #ffffff;
  padding-left: 6rem;
}

@media (max-width: 990px) {
  /* line 147, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner .slide .slide-cont .cont .title .subtitle p {
    padding-left: 6rem;
  }
}

@media (max-width: 576px) {
  /* line 153, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner .slide .slide-cont .cont .title .subtitle p {
    padding-left: 0rem;
  }
}

/* line 158, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner .slide .slide-cont .cont .title .slide-btn {
  width: 100%;
  padding-left: 6rem;
  padding-top: 1rem;
}

@media (max-width: 990px) {
  /* line 164, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner .slide .slide-cont .cont .title .slide-btn {
    padding-left: 6rem;
  }
}

@media (max-width: 576px) {
  /* line 170, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner .slide .slide-cont .cont .title .slide-btn {
    padding-left: 0rem;
  }
}

@media (max-width: 576px) {
  /* line 182, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner .slide .slide-cont .cont .title {
    margin: 0 auto;
    text-align: center;
  }
}

@media (max-width: 480px) {
  /* line 188, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner .slide .slide-cont .cont {
    height: calc(100% + 5vw);
  }
}

/* line 192, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner .swiper-pagination {
  z-index: 3;
  bottom: 13px;
  padding-left: 6rem;
}

/* line 197, app/assets/stylesheets/components/app/principal/section_slide.scss */
.banner .swiper-pagination .swiper-pagination-bullet {
  width: 25px;
  height: 3px;
  background: #424c5a;
  border-radius: 4px;
  margin: 0 3px;
}

@media (max-width: 768px) {
  /* line 205, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner .swiper-pagination {
    display: none;
  }
}

@media (max-width: 990px) {
  /* line 210, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner {
    height: 350px;
  }
}

@media (max-width: 768px) {
  /* line 215, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner {
    height: 300px;
  }
}

@media (max-width: 480px) {
  /* line 220, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .banner {
    height: 200px;
  }
}

/* line 225, app/assets/stylesheets/components/app/principal/section_slide.scss */
.swiper-container {
  width: 100%;
  height: 100%;
}

/* line 230, app/assets/stylesheets/components/app/principal/section_slide.scss */
.swiper-button-next,
.swiper-button-prev {
  color: #808080 !important;
  font-size: 35px !important;
}

/* line 235, app/assets/stylesheets/components/app/principal/section_slide.scss */
.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: #1beae4 !important;
}

@media (max-width: 576px) {
  /* line 240, app/assets/stylesheets/components/app/principal/section_slide.scss */
  .swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 26px !important;
  }
}

/* line 246, app/assets/stylesheets/components/app/principal/section_slide.scss */
.swiper-pagination-bullet:hover {
  color: blue !important;
}

/* line 250, app/assets/stylesheets/components/app/principal/section_slide.scss */
.sy-btn-full {
  text-decoration: none;
  display: inline-block;
  border-radius: 100px;
  background: #acfcf4;
  padding: 10px 20px;
  margin: 5px;
  color: #048780;
  font-weight: 600;
  font-size: 14px;
}

/* line 260, app/assets/stylesheets/components/app/principal/section_slide.scss */
.sy-btn-full:hover {
  opacity: 0.8;
  text-decoration: none;
  color: #048780;
}

/* line 266, app/assets/stylesheets/components/app/principal/section_slide.scss */
.swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  width: auto !important;
}
/* line 1, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact {
  width: 100%;
  background: 0 200px no-repeat #ffffff;
  background-size: 47%;
  padding: 40px 20px;
  padding-left: 6rem;
  padding-right: 6rem;
}

@media (max-width: 990px) {
  /* line 11, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact {
    padding-left: 6rem;
  }
}

@media (max-width: 576px) {
  /* line 17, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 22, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont {
  padding: 20px 0;
}

/* line 25, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont h4 {
  color: #424c5a;
  font-size: 16px;
  font-weight: 300;
}

/* line 30, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont h4 span {
  font-size: 37px;
  display: block;
  font-weight: 400;
}

/* line 35, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .bar-cont {
  width: 100%;
  display: table;
}

/* line 39, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .bar-cont .tit {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px 0 0;
}

/* line 44, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .bar-cont .tit span {
  width: 100%;
  display: block;
  padding: 10px 50px 10px 20px;
  background: #acfcf4;
  color: #048780;
  font-size: 24px;
  border-radius: 50px;
  position: relative;
}

@media (max-width: 480px) {
  /* line 55, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .social-impact-cont .bar-cont .tit span {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  /* line 60, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .social-impact-cont .bar-cont .tit {
    padding: 0 10px 0 0;
  }
}

/* line 64, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .bar-cont .img {
  position: absolute;
  right: -10px;
  top: calc(50% - 35px);
}

/* line 69, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .bar-cont .img .bg {
  width: 70px;
  height: 70px;
  background: center center no-repeat;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 78, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .bar-cont .img .bg img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
}

/* line 83, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .bar-cont .num {
  width: 100px;
  text-align: center;
  font-size: 48px;
  display: table-cell;
  vertical-align: middle;
  color: #424c5a;
}

/* line 91, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .bar-cont .num span {
  color: #ff4d4d;
}

/* line 94, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .bar-cont .num p {
  font-size: 14px;
  color: #424c5a;
  line-height: 0;
}

/* line 99, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .bar-txt {
  width: 100%;
  max-width: 230px;
  font-size: 18px;
  margin: 0 0 0 20px;
}

@media (max-width: 990px) {
  /* line 106, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .social-impact-cont .bar-txt {
    margin: 10px 0 10px 20px;
  }
}

@media (max-width: 768px) {
  /* line 111, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .social-impact-cont .bar-txt {
    margin: 0 0 10px 20px;
  }
}

@media (max-width: 480px) {
  /* line 116, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .social-impact-cont .bar-txt {
    margin: 0 0 10px 20px;
  }
}

/* line 120, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .social-impact-card {
  position: relative;
  padding: 0 0 0 70px;
}

/* line 124, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .social-impact-card .img {
  width: 100%;
  height: 350px;
  overflow: hidden;
  padding: 20px;
}

/* line 130, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .social-impact-card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 576px) {
  /* line 136, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .social-impact-cont .social-impact-card .img {
    display: none;
  }
}

/* line 140, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .social-impact-card .tit {
  max-width: 300px;
  color: #1beae4;
  font-size: 24px;
  background: #f7f7f7;
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 10px;
  text-align: center;
}

@media (max-width: 576px) {
  /* line 152, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .social-impact-cont .social-impact-card .tit {
    max-width: none;
    position: static;
  }
}

/* line 157, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .social-impact-card .phrase {
  max-width: 220px;
  color: #048780;
  font-size: 18px;
  background: #acfcf4;
  position: absolute;
  left: 0;
  bottom: 35%;
  padding: 10px;
  text-align: center;
}

@media (max-width: 576px) {
  /* line 169, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .social-impact-cont .social-impact-card .phrase {
    max-width: none;
    position: static;
  }
}

/* line 174, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .social-impact-cont .social-impact-card .phrase-two {
  max-width: 250px;
  color: #048780;
  font-size: 18px;
  background: #acfcf4;
  position: absolute;
  left: 8%;
  bottom: 8%;
  padding: 10px;
  text-align: center;
}

@media (max-width: 576px) {
  /* line 186, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .social-impact-cont .social-impact-card .phrase-two {
    max-width: none;
    position: static;
  }
}

@media (max-width: 576px) {
  /* line 192, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .social-impact-cont .social-impact-card .phrase-two {
    padding: 10px 20px;
  }
}

@media (max-width: 990px) {
  /* line 197, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .social-impact-cont .social-impact-card {
    padding: 0;
  }
}

@media (max-width: 576px) {
  /* line 202, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .social-impact-cont .social-impact-card {
    background: #64fff9;
    margin: 10px 0 0;
  }
}

/* line 207, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .client {
  padding: 20px 0;
}

/* line 210, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .client .tit {
  width: 80%;
  color: #424c5a;
  font-size: 18px;
}

@media (max-width: 768px) {
  /* line 216, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .client .tit {
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  /* line 221, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .client .tit {
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0;
  }
}

/* line 227, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .client .client-btn {
  margin: 10px 0 0 0;
}

@media (max-width: 768px) {
  /* line 231, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .client .client-btn {
    margin: 0;
    text-align: right;
  }
}

@media (max-width: 576px) {
  /* line 237, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact .client .client-btn {
    text-align: center;
    margin: 0 0 10px 0;
  }
}

/* line 242, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .client .client-card {
  display: table;
}

/* line 245, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .client .client-card .img {
  display: table-cell;
  vertical-align: top;
}

/* line 249, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .client .client-card .bg {
  width: 90px;
  height: 90px;
  background: center center no-repeat;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* line 258, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .client .client-card .bg img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

/* line 263, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .client .client-card .txt {
  display: table-cell;
  vertical-align: top;
  padding: 0 10px;
  color: #565656;
  font-size: 12px;
}

/* line 270, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .client .client-card .txt p {
  position: relative;
  padding: 0 0 0 23px;
}

/* line 275, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.social-impact .client .client-card .txt .name {
  font-size: 16px;
  margin: 0 0 10px 0;
}

@media (max-width: 768px) {
  /* line 280, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
  .social-impact {
    background-image: none !important;
  }
}

/* line 285, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.sy-btn-red-line {
  text-decoration: none;
  display: inline-block;
  border-radius: 100px;
  border: 1px solid #ff4d4d;
  padding: 10px 20px;
  margin: 5px;
  color: #ff4d4d;
  font-weight: 300;
  font-size: 14px;
}

/* line 296, app/assets/stylesheets/components/app/principal/section_social_impact.scss */
.sy-btn-red-line:hover {
  background: #ff4d4d;
  color: #ffffff;
  text-decoration: none;
}
/* line 1, app/assets/stylesheets/components/app/principal/section_supported.scss */
.supported {
  width: 100%;
  background: #f7f7f7;
  padding: 30px 20px;
  padding-left: 6rem;
  padding-right: 6rem;
}

/* line 8, app/assets/stylesheets/components/app/principal/section_supported.scss */
.supported .supported-cont {
  width: 100%;
  display: table;
}

/* line 12, app/assets/stylesheets/components/app/principal/section_supported.scss */
.supported .supported-left {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 30px 0 0;
}

/* line 18, app/assets/stylesheets/components/app/principal/section_supported.scss */
.supported .supported-left:before {
  width: 1px;
  height: 100%;
  content: "";
  background: #323a3a;
  position: relative;
  right: 0;
  top: 0;
  transform: rotate(20deg);
}

@media (max-width: 768px) {
  /* line 29, app/assets/stylesheets/components/app/principal/section_supported.scss */
  .supported .supported-left:before {
    display: none;
  }
}

@media (max-width: 768px) {
  /* line 34, app/assets/stylesheets/components/app/principal/section_supported.scss */
  .supported .supported-left {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 768px) {
  /* line 41, app/assets/stylesheets/components/app/principal/section_supported.scss */
  .supported .supported-left {
    display: none;
  }
}
@charset "UTF-8";
/* line 1, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking {
  width: 100%;
  background: #f7f7f7;
  padding: 50px 20px;
  padding-left: 6rem;
  padding-right: 6rem;
}

@media (max-width: 990px) {
  /* line 10, app/assets/stylesheets/components/app/principal/section_talking.scss */
  .talking {
    padding-left: 6rem;
  }
}

@media (max-width: 576px) {
  /* line 16, app/assets/stylesheets/components/app/principal/section_talking.scss */
  .talking {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 21, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking h5 {
  width: 100%;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  color: #424c5a;
  margin: 0 0 10px 0;
}

/* line 29, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking h5 span {
  margin: 10px 20px 0 0;
  display: inline-block;
}

@media (max-width: 768px) {
  /* line 34, app/assets/stylesheets/components/app/principal/section_talking.scss */
  .talking h5 {
    text-align: center;
  }
}

/* line 38, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-btn {
  float: right;
  margin: 0 0 20px 0;
}

@media (max-width: 768px) {
  /* line 43, app/assets/stylesheets/components/app/principal/section_talking.scss */
  .talking .talking-btn {
    text-align: center;
    float: none;
    margin: 0 0 20px 0;
  }
}

/* line 50, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card {
  width: 100%;
  height: 100%;
}

/* line 54, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card a {
  height: 100%;
  padding: 30px;
  display: table;
  background: #ffffff;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  position: relative;
}

/* line 63, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card a:hover {
  transform: scale(1.05);
}

/* line 66, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card a:hover:before {
  color: #1beae4;
}

/* line 69, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card a:before {
  font-family: “Font Awesome 5 Pro”;
  width: 17px;
  height: 17px;
  position: absolute;
  content: "\f062";
  right: 10px;
  top: 10px;
  transition: 0.5s;
  color: #f7f7f7;
  transform: rotate(45deg);
}

/* line 81, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card .img {
  height: 100%;
  max-width: 180px;
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
}

/* line 88, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card .img img {
  height: 100%;
  object-fit: cover;
  max-width: none !important;
}

@media (max-width: 640px) {
  /* line 94, app/assets/stylesheets/components/app/principal/section_talking.scss */
  .talking .talking-card .img img {
    width: 100%;
    max-height: 120px;
    object-position: top;
  }
}

@media (max-width: 640px) {
  /* line 101, app/assets/stylesheets/components/app/principal/section_talking.scss */
  .talking .talking-card .img {
    width: 100%;
    max-width: none;
    height: auto;
    display: inline-block;
    margin: 0 0 10px 0;
  }
}

/* line 109, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card .txt {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 20px;
}

/* line 114, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card .txt .tit {
  color: #424c5a;
  font-size: 18px;
  margin: 0 0 10px 0;
  line-height: 22px;
}

/* line 120, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card .txt p {
  font-size: 16px;
  color: #565656;
}

/* line 124, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card .txt .logo img {
  height: 50px;
}

@media (max-width: 640px) {
  /* line 128, app/assets/stylesheets/components/app/principal/section_talking.scss */
  .talking .talking-card .txt {
    display: inline-block;
    padding: 0;
  }
}

@media (max-width: 990px) {
  /* line 134, app/assets/stylesheets/components/app/principal/section_talking.scss */
  .talking .talking-card {
    height: auto;
    margin: 0 0 30px 0;
  }
}

/* line 139, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card-two {
  width: 100%;
  height: 100%;
}

/* line 143, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card-two a {
  height: 100%;
  padding: 30px;
  border-radius: 25px;
  display: table;
  background: #ffffff;
  transition: 0.2s ease-in-out;
  position: relative;
}

/* line 152, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card-two a:hover {
  transform: scale(1.05);
}

/* line 155, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card-two a:hover:before {
  color: #1beae4;
}

/* line 158, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card-two a:before {
  font-family: "Font Awesome 5 Pro";
  width: 17px;
  height: 17px;
  position: absolute;
  content: "\f062";
  right: 10px;
  top: 10px;
  transition: 0.5s;
  color: #f7f7f7;
  transform: rotate(45deg);
}

/* line 170, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card-two .img {
  width: 100%;
  max-height: 140px;
  display: inline-block;
  margin: 0 0 10px 0;
  overflow: hidden;
}

/* line 177, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card-two .img img {
  width: 100%;
  object-fit: cover;
}

/* line 181, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card-two .txt {
  width: 100%;
  display: inline-block;
}

/* line 185, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card-two .txt .tit {
  color: #424c5a;
  font-size: 16px;
  line-height: 21px;
}

/* line 190, app/assets/stylesheets/components/app/principal/section_talking.scss */
.talking .talking-card-two .txt .logo img {
  height: 70px;
}

@media (max-width: 768px) {
  /* line 194, app/assets/stylesheets/components/app/principal/section_talking.scss */
  .talking .talking-card-two {
    height: auto;
    margin: 0 0 30px 0;
  }
}

@media (max-width: 768px) {
  /* line 200, app/assets/stylesheets/components/app/principal/section_talking.scss */
  .talking {
    padding: 20px;
  }
}

/* line 204, app/assets/stylesheets/components/app/principal/section_talking.scss */
.shadow-button-news {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
/* line 1, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator {
  width: 100%;
  padding-left: 6rem;
  padding-right: 6rem;
}

@media (max-width: 1172px) {
  /* line 7, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
  .calculator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (max-width: 768px) {
  /* line 14, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
  .calculator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 19, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .container {
  max-width: 1150px;
  margin: 0 auto;
}

/* line 23, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .title {
  color: #3c4b5a;
  font-size: 30px;
  font-weight: 600;
}

@media (max-width: 768px) {
  /* line 29, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
  .calculator .title {
    text-align: center;
  }
}

/* line 33, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .subtitle-first {
  color: #4b4469;
  font-size: 20px;
}

@media (max-width: 768px) {
  /* line 38, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
  .calculator .subtitle-first {
    text-align: center;
    font-size: 24px;
  }
}

/* line 43, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .subtitle-second {
  color: #00cccb;
  font-size: 26px;
  line-height: normal;
  font-weight: 500;
}

@media (max-width: 768px) {
  /* line 50, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
  .calculator .subtitle-second {
    text-align: center;
  }
}

/* line 55, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator img {
  width: 100%;
  max-width: 310px;
  display: flex;
  justify-content: center;
}

/* line 62, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .text-red {
  color: #fd5c5c;
  font-size: 20px;
  font-weight: 400;
}

/* line 68, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.radio-inline {
  max-width: 170px;
  height: 37px;
  position: relative;
  padding: 0;
  min-width: 50px;
  display: inline-block;
  margin: 0 10px 10px 0;
}

/* line 78, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.radio-inline label {
  width: 100%;
  height: 37px;
  background: #fff;
  border: 1px solid #e4e4e4;
  color: #555;
  border-radius: 12px;
  position: relative;
  z-index: 2;
  padding: 0 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

/* line 109, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.radio-inline input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  margin: 0;
}

/* line 119, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.radio-inline input[type="radio"]:checked + label {
  background: #fafafa;
  border-color: rgba(0, 204, 203, 0.2);
  box-shadow: 0px 0px 8px 0px rgba(0, 204, 203, 0.4);
  color: #00cccb;
}

/* line 126, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.radio-inline:hover label {
  background: #fafafa;
  border-color: rgba(0, 204, 203, 0.2);
  box-shadow: 0px 0px 8px 0px rgba(0, 204, 203, 0.4);
  color: #00cccb;
}

@media (max-width: 768px) {
  /* line 134, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
  .radio-inline {
    width: 47%;
    float: left;
    max-width: 50%;
  }
  /* line 140, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
  .radio-inline label {
    font-size: 12px;
  }
}

@media (max-width: 414px) {
  /* line 146, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
  .radio-inline {
    width: 45%;
  }
}

/* line 151, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .resultados {
  width: 100%;
  margin: 0 0 30px 0;
}

/* line 156, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .container-resultados {
  width: 100%;
  text-align: center;
  margin: 20px 0;
  border-radius: 10px;
  padding: 20px;
}

/* line 164, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .container-resultados .title-resultado {
  display: inline-block;
  padding: 0 20px 0 0;
}

/* line 168, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .container-resultados .resultado-square {
  display: inline-block;
  padding: 0 20px;
}

/* line 173, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .container-resultados .resultado-square p {
  margin: 0 0 5px 0;
  text-align: left;
  font-size: 14px;
  color: #4b4469;
}

/* line 179, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .container-resultados .resultado-value {
  width: 100%;
  min-width: 120px;
  padding: 10px 30px;
  border: 1px solid #4b4469;
  border-radius: 7px;
  color: #4b4469;
}

/* line 187, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .container-resultados h4 {
  margin-top: 0;
  color: #fd5c5c;
  font-size: 28px;
}

/* line 192, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .infoForm {
  width: 100%;
  padding: 15px 30px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e4e4e4;
  box-shadow: 3px 3px 9px 0px rgba(0, 0, 0, 0.25);
  margin: 20px 0;
  display: inline-block;
}

/* line 202, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator h5 {
  color: #00cccb;
  font-size: 18px;
  margin: 20px 0 0 0;
}

@media (max-width: 768px) {
  /* line 209, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
  .calculator {
    width: 100%;
    margin: 0;
  }
  /* line 213, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
  .calculator .container-resultados {
    background: #f4f4f4;
  }
  /* line 216, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
  .calculator .container-resultados .title-resultado {
    width: 100%;
  }
  /* line 219, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
  .calculator .container-resultados .resultado-square {
    width: 80%;
    padding: 0;
    margin: 0 0 5px 0;
  }
}

/* line 226, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.button-result {
  height: 37px;
  padding: 0 10px;
  background: #00cccb;
  color: #fff;
  border-radius: 10px;
  border: none;
  box-shadow: none;
  min-width: 200px;
  text-transform: uppercase;
  outline: none;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

/* line 244, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.button-result:hover {
  background: #00838c;
}

/* line 248, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .salario {
  display: -webkit-flex;
}

/* line 252, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .salario input[type="number"] {
  border-radius: 10px 0px 0px 10px;
  border: none;
  color: #777;
  width: 70%;
  padding: 0 10px;
  outline: none;
}

/* line 265, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .salario input[type="button"] {
  background: #00cccb;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: flex-start;
  padding: 0 10px;
  border-radius: 0 10px 10px 0;
  color: #fff;
  max-width: 150px;
  white-space: normal;
  line-height: 1.1;
  text-align: left;
  text-transform: uppercase;
  font-size: 14px;
  border: none;
  outline: none;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  cursor: pointer;
}

/* line 293, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.calculator .salario input[type="button"]:hover {
  background: #00838c;
  border-color: #00838c;
}

/*minimun salary styles*/
/* line 299, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.nunito {
  font-family: "Nunito", sans-serif;
}

/* line 302, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.try-btn-spt {
  background: #4E7D96;
  width: 100%;
  position: relative;
}

/* line 306, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.try-btn-spt:after {
  position: absolute;
  bottom: 100%;
  left: -15px;
  content: '';
  height: 0;
  width: 0;
  border-right: 100vw solid #4E7D96;
  border-top: 2vw solid transparent;
  border-bottom: 0px solid transparent;
  overflow: hidden;
}

@media (max-width: 840px) {
  /* line 321, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
  .try-btn-spt:after {
    left: -0px;
  }
}

/* line 325, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.transport-assistance {
  background: #dcfce7;
  width: 100%;
  position: relative;
}

/* line 330, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.transport-assistance:before {
  position: absolute;
  bottom: 100%;
  left: -15px;
  content: '';
  height: 0;
  width: 0;
  border-left: 100vw solid #dcfce7;
  border-top: 2vw solid transparent;
  border-bottom: 0px solid transparent;
  overflow: hidden;
}

/* line 342, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.transport-assistance:after {
  position: absolute;
  top: 100%;
  left: -15px;
  content: '';
  height: 0;
  width: 0;
  border-left: 100vw solid #dcfce7;
  border-bottom: 2vw solid transparent;
  border-top: 0px solid transparent;
  overflow: hidden;
}

/* line 355, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.social-security-pay {
  background: #fef2e1;
  height: auto;
  width: 100%;
  position: relative;
}

/* line 360, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.social-security-pay:before {
  position: absolute;
  bottom: 100%;
  left: -15px;
  content: '';
  height: 0;
  width: 0;
  border-right: 100vw solid #fef2e1;
  border-top: 2vw solid transparent;
  border-bottom: 0px solid transparent;
  overflow: hidden;
}

/* line 372, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.social-security-pay:after {
  position: absolute;
  top: 100%;
  left: -15px;
  content: '';
  height: 0;
  width: 0;
  border-right: 100vw solid #fef2e1;
  border-bottom: 2vw solid transparent;
  border-top: 0px solid transparent;
  overflow: hidden;
}

@media (max-width: 840px) {
  /* line 387, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
  .social-security-pay:before {
    left: -0px;
  }
  /* line 390, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
  .social-security-pay:after {
    left: -0px;
  }
}

/* line 395, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.arrow-left {
  display: inline-block;
  transform: scaleX(1.2);
  color: white;
  text-shadow: -1px 0px 2px #e5e7eb;
  font-size: 18px;
  left: -13px;
}

/* line 403, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.arrow-right {
  display: inline-block;
  transform: scaleX(1.2);
  color: white;
  text-shadow: 2px 0px 2px #e5e7eb;
  font-size: 18px;
  right: -13px;
}

/* line 412, app/assets/stylesheets/components/app/salary_calculator/section_calculator.scss */
.shadow-nav-salary {
  -webkit-box-shadow: 0px -5px 10px 0px #e1e1e1;
  -moz-box-shadow: 0px -5px 10px 0px #e1e1e1;
  box-shadow: 0px -5px 10px 0px #e1e1e1;
}
/* line 1, app/assets/stylesheets/components/app/tems.scss */
.terms {
  width: 100%;
  padding: 40px 20px;
  padding-left: 6rem;
  padding-right: 6rem;
}

@media (max-width: 990px) {
  /* line 9, app/assets/stylesheets/components/app/tems.scss */
  .terms {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 576px) {
  /* line 16, app/assets/stylesheets/components/app/tems.scss */
  .terms {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* line 21, app/assets/stylesheets/components/app/tems.scss */
.terms h2 {
  color: #424c5a;
  font-size: 30px;
  font-weight: 300;
  margin: 10px 0 20px 0;
}
/* line 1, app/assets/stylesheets/components/sy_app_admin/controllers/client_ticket/client_tikect.scss */
.gray-selected {
  background-color: #424C5A !important;
}

/* line 6, app/assets/stylesheets/components/sy_app_admin/controllers/client_ticket/client_tikect.scss */
.hide-arrow-card {
  display: none;
}
/* line 1, app/assets/stylesheets/components/sy_app_admin/controllers/comercial/comercial.scss */
.bg-height {
  height: calc(100vh - 4rem);
  overflow: auto;
}
.selectedcustom .tomselected .ts-control{
    border-radius: 5px !important;
    font-size: .75rem;
    height: 3rem;
    margin-right: 1.25rem;
}

.rc-active-section {
    background-color: #7CFCF4;
    color: #424C5A;
    border-color: #424C5A;
}

.rc-active-link {
    border-bottom-width: 4px;
    border-color: #7CFCF4
}
/* line 1, app/assets/stylesheets/components/sy_app_admin/controllers/payments/payment_module/payment.scss */
.tab-content {
  display: none;
}

/* line 5, app/assets/stylesheets/components/sy_app_admin/controllers/payments/payment_module/payment.scss */
.tab-content.active {
  display: block;
}
/* line 2, app/assets/stylesheets/components/sy_app_admin/controllers/payments/process/pilas.scss */
.stripe-table-pyaroll tr:nth-child(even) {
  background-color: #f2f2f2;
}

/* line 7, app/assets/stylesheets/components/sy_app_admin/controllers/payments/process/pilas.scss */
.tippy-box[data-theme~='te'] {
  background-color: white;
  -webkit-box-shadow: -1px 5px 5px 1px rgba(0, 0, 0, 0.37);
  box-shadow: -1px 5px 5px 1px rgba(0, 0, 0, 0.37);
  color: black;
  border-radius: 10px;
  border: none;
}

/* line 18, app/assets/stylesheets/components/sy_app_admin/controllers/payments/process/pilas.scss */
.tippy-box[data-theme~='te'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: white;
}

/* line 22, app/assets/stylesheets/components/sy_app_admin/controllers/payments/process/pilas.scss */
.tippy-box[data-theme~='te'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: white;
}

/* line 25, app/assets/stylesheets/components/sy_app_admin/controllers/payments/process/pilas.scss */
.tippy-box[data-theme~='te'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: white;
}

/* line 28, app/assets/stylesheets/components/sy_app_admin/controllers/payments/process/pilas.scss */
.tippy-box[data-theme~='te'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: white;
}
/*Switch*/
/* line 2, app/assets/stylesheets/components/sy_app_admin/controllers/pilas/pilas.scss */
.onoffswitch-bo {
  position: relative;
  width: 90px;
}

/* line 9, app/assets/stylesheets/components/sy_app_admin/controllers/pilas/pilas.scss */
.onoffswitch-bo .onoffswitch-bo-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 14, app/assets/stylesheets/components/sy_app_admin/controllers/pilas/pilas.scss */
.onoffswitch-bo .onoffswitch-bo-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #FFFFFF;
  border-radius: 30px;
}

/* line 21, app/assets/stylesheets/components/sy_app_admin/controllers/pilas/pilas.scss */
.onoffswitch-bo .onoffswitch-bo-inner {
  display: block;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

/* line 26, app/assets/stylesheets/components/sy_app_admin/controllers/pilas/pilas.scss */
.onoffswitch-bo .onoffswitch-bo-inner:before, .onoffswitch-bo .onoffswitch-bo-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 40px;
  padding: 0;
  line-height: 40px;
  font-size: 10px;
  color: #FFF;
  box-sizing: border-box;
}

/* line 37, app/assets/stylesheets/components/sy_app_admin/controllers/pilas/pilas.scss */
.onoffswitch-bo .onoffswitch-bo-inner:before {
  content: "SI";
  padding-left: 15px;
  background-color: #FFF;
  color: #565656;
}

/* line 43, app/assets/stylesheets/components/sy_app_admin/controllers/pilas/pilas.scss */
.onoffswitch-bo .onoffswitch-bo-inner:after {
  content: "NO";
  padding-right: 15px;
  background-color: #FFF;
  color: #565656;
  text-align: right;
}

/* line 50, app/assets/stylesheets/components/sy_app_admin/controllers/pilas/pilas.scss */
.onoffswitch-bo .onoffswitch-bo-switch {
  display: block;
  width: 30px;
  height: 30px;
  margin: 5px;
  background: #A1A1A1;
  position: absolute;
  top: 3px;
  bottom: 0;
  right: 46px;
  border: 2px solid #FFF;
  border-radius: 30px;
  transition: all 0.3s ease-in 0s;
}

/* line 64, app/assets/stylesheets/components/sy_app_admin/controllers/pilas/pilas.scss */
.onoffswitch-bo .onoffswitch-bo-checkbox:checked + .onoffswitch-bo-label .onoffswitch-bo-inner {
  margin-left: 0;
}

/* line 67, app/assets/stylesheets/components/sy_app_admin/controllers/pilas/pilas.scss */
.onoffswitch-bo .onoffswitch-bo-checkbox:checked + .onoffswitch-bo-label .onoffswitch-bo-switch {
  right: 0px;
  background-color: #13B954;
}
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

/* line 15, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.navbar .navbar-brand {
  align-items: center;
  display: inline-flex;
  height: 100%;
  justify-content: flex-start;
  margin: 0 !important;
  padding: 0 20px;
  width: 100%;
}

/* line 23, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.navbar .navbar-brand img {
  height: auto;
  max-width: 140px;
  width: 100%;
}

@media (max-width: 768px) {
  /* line 31, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .navbar-brand {
    height: auto;
  }
}

/*------sy head------*/
/* line 34, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head {
  min-height: 6rem;
  background: #F8F9FB;
  padding: 0;
  box-shadow: 0 2px 5px #d6e6ed;
}

/* line 40, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .navbar-nav-scroll {
  /*width: calc(100% - 80px);*/
}

/* line 43, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .navbar-nav-scroll h1 {
  font-weight: 300 !important;
  /*margin: 0 0 0 4%;*/
  color: #1beae4;
}

/* line 48, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .sy-logo {
  min-height: 6rem;
  z-index: 2;
  padding: 0;
}

/* line 53, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .sy-logo .sy-logoc {
  height: 100%;
  box-shadow: 0px 6px 0px #FFFFFF, 1px 0 8px #d6e6ed;
  padding: 0 0 0 10px;
  background: #FFFFFF;
}

/* line 59, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .sy-bar {
  background: #FFFFFF;
  /*display: inline-flex;*/
  padding-left: 50px;
  align-items: center;
}

/* line 65, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.center {
  padding-left: 0rem;
}

/* line 68, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .sy-bar .btn-back {
  font-size: 1rem;
  color: #1beae4;
  text-decoration: none !important;
  /*display: inline-flex;*/
  align-items: center;
}

/* line 75, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .sy-bar .btn-back:hover {
  color: #00838C;
}

/* line 78, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .navbar-nav {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

/* line 82, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .navbar-nav .dropdown-toggle i {
  width: 45px !important;
  height: 45px !important;
  background: #FFFFFF !important;
  font-size: 24px !important;
  padding: 10px !important;
  border-radius: 50px !important;
  color: #565656;
}

/* line 91, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .navbar-nav .dropdown-toggle i:hover {
  box-shadow: 0 2px 5px #d6e6ed;
  color: #1beae4;
}

/* line 95, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem;
}

/* line 99, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .navbar-nav .nav-link:hover {
  color: #1beae4;
}

/* line 102, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .navbar-nav .nav-link:hover img {
  transform: scale(1.1);
}

/* line 105, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .navbar-nav .nav-link.active {
  color: #1beae4;
}

/* line 108, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .navbar-nav .nav-link.active img {
  transform: scale(1.1);
}

/* line 111, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .navbar-nav .nav-link img {
  transition: 0.5s;
}

/* line 114, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .navbar-nav .dropdown-toggle:after {
  display: none;
}

/* line 117, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .dropdown-menu {
  font-size: .875rem;
  background: #FBFBFB;
  padding: 0;
  border: none;
  border-radius: 0.6rem;
  box-shadow: 0 2px 5px #d6e6ed;
  position: absolute;
}

/* line 126, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .dropdown-menu .drop-cont-list {
  padding: 15px;
}

/* line 129, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .dropdown-menu a {
  color: #565656;
  font-weight: 300;
}

/* line 133, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .dropdown-menu a:hover {
  color: #1beae4;
}

/* line 136, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .dropdown-menu a img {
  margin: 0 5px 0 0;
}

/* line 139, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .dropdown-menu .dropdown-close {
  background: #FFFFFF;
  border-top: 1px solid #e9ecef;
  padding: 15px;
  border-radius: 0 0 0.6rem 0.6rem;
}

/* line 145, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.sy-head .dropdown-menu .dropdown-close a {
  border: 1px solid #e9ecef;
  border-radius: 100px;
  text-align: center;
  color: #565656;
  font-weight: 300;
}

/*------responsive------*/
@media (max-width: 991.98px) {
  /* line 156, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .sy-head .navbar-nav-scroll h1 {
    max-width: 96%;
    overflow: hidden;
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  /* line 163, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .sy-head {
    min-height: auto;
    background: none;
    box-shadow: 0 2px 5px #d6e6ed;
  }
  /* line 168, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .sy-head .navbar-nav-scroll {
    /*width: calc(100% - 60px);*/
    height: auto;
  }
  /* line 172, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .sy-head .navbar-nav-scroll h1 {
    height: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  /* line 178, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .sy-head .sy-logo {
    background: white;
    min-height: auto;
    z-index: 2;
    padding: 20px 0 10px 0;
    align-items: center;
  }
  /* line 185, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .sy-head .sy-logo .sy-logoc {
    height: auto;
    padding: 0;
  }
  /* line 189, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .sy-head .sy-logo .sy-logoc {
    box-shadow: none;
    background: none;
  }
  /* line 193, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .sy-head .sy-bar {
    background: #FFFFFF;
    /*display: none;*/
    padding: 20px 10px;
  }
  /* line 198, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .sy-bar-show {
    /*display: block !important;*/
  }
  /* line 201, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .center {
    padding-left: 2rem !important;
  }
  /* line 204, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .sy-head .navbar-nav .dropdown-toggle i {
    background: #F8F9FB;
  }
}

@media (max-width: 600px) {
  /* line 209, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .sy-head .navbar-nav-scroll h1 {
    font-size: 1.125rem;
  }
}

@media (max-width: 480px) {
  /* line 214, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .sy-head .navbar-nav-scroll h1 {
    font-size: 1rem;
  }
}

@media (min-width: 768px) {
  @supports (position: -webkit-sticky) or (position: sticky) {
    /* line 221, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
    .sy-head {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 1071;
      padding: 0;
    }
  }
}

@keyframes come-in {
  0% {
    -webkit-transform: translatey(10px);
    transform: translatey(10px);
    opacity: 0;
  }
  30% {
    -webkit-transform: translateX(-50px) scale(0.4);
    transform: translateX(-50px) scale(0.4);
  }
  70% {
    -webkit-transform: translateX(0px) scale(1.2);
    transform: translateX(0px) scale(1.2);
  }
  100% {
    -webkit-transform: translatey(0px) scale(1);
    transform: translatey(0px) scale(1);
    opacity: 1;
  }
}

/* line 253, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.floating-container {
  position: fixed;
  width: 70px;
  height: 50px;
  bottom: 100px;
  right: 4px;
  z-index: 1001;
}

/* line 262, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.floating-container:hover {
  height: 300px;
}

@media (min-width: 768px) {
  /* line 267, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .floating-container {
    bottom: 20px;
    right: 0px;
  }
  /* line 271, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
  .floating-container:hover {
    height: 300px;
  }
}

/* line 282, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.floating-container:hover .floating-button, .floating-container:active .floating-button {
  -webkit-transform: translatey(5px);
  transform: translatey(5px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* line 289, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.floating-container:hover .element-container .float-element:nth-child(1), .floating-container:active .element-container .float-element:nth-child(1) {
  -webkit-animation: come-in 0.4s forwards 0.2s;
  animation: come-in 0.4s forwards 0.2s;
}

/* line 293, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.floating-container:hover .element-container .float-element:nth-child(2), .floating-container:active .element-container .float-element:nth-child(2) {
  -webkit-animation: come-in 0.4s forwards 0.4s;
  animation: come-in 0.4s forwards 0.4s;
}

/* line 297, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.floating-container:hover .element-container .float-element:nth-child(3), .floating-container:active .element-container .float-element:nth-child(3) {
  -webkit-animation: come-in 0.4s forwards 0.6s;
  animation: come-in 0.4s forwards 0.6s;
}

/* line 303, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.floating-container .floating-button {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* line 313, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.floating-container .float-element {
  position: relative;
  display: block;
  margin: 15px auto;
  color: white;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 65px;
  z-index: 0;
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}

/* line 329, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.floating-container .float-element .img-icon {
  vertical-align: middle;
}

/* line 334, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.floating-container .float-element:nth-child(1) {
  background: white;
  border: 1px solid rgba(27, 234, 228, 0.2);
  box-shadow: 0px 8px 10px -3px rgba(27, 234, 228, 0.3);
}

/* line 340, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.floating-container .float-element:nth-child(1):hover {
  background: #7CFCF4;
}

/* line 344, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.floating-container .float-element:nth-child(2) {
  background: white;
  border: 1px solid rgba(27, 234, 228, 0.2);
  box-shadow: 0px 8px 10px -3px rgba(27, 234, 228, 0.3);
}

/* line 350, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.floating-container .float-element:nth-child(2):hover {
  background: #7CFCF4;
}

/* line 354, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.floating-container .float-element:nth-child(3) {
  background: white;
  border: 1px solid rgba(27, 234, 228, 0.2);
  box-shadow: 0px 8px 10px -3px rgba(27, 234, 228, 0.3);
}

/* line 360, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.floating-container .float-element:nth-child(3):hover {
  background: #7CFCF4;
}

/** TIPPY **/
/* line 367, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.tippy-box[data-theme~='white'] {
  background-color: white;
  color: black;
  border-radius: 10px;
  border: none;
}

/* line 374, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.tippy-box[data-theme~='white'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: white;
}

/* line 378, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.tippy-box[data-theme~='white'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: white;
}

/* line 381, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.tippy-box[data-theme~='white'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: white;
}

/* line 384, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.tippy-box[data-theme~='white'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: white;
}

/* line 388, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.shadows-purple {
  -webkit-box-shadow: 0px 7px 20px -1px currentColor !important;
  -moz-box-shadow: 0px 7px 20px -1px currentColor !important;
  -ms-box-shadow: 0px 7px 20px -1px currentColor !important;
  box-shadow: 0px 7px 20px -1px currentColor !important;
  -webkit-transition: ease all 0.6s !important;
  -moz-transition: ease all 0.6s !important;
  -ms-transition: ease all 0.6s !important;
  transition: ease all 0.6s !important;
  animation: color-mix 2s linear infinite alternate;
  box-shadow: 0 0 8px 0 currentColor;
}

/* line 402, app/assets/stylesheets/components/sy_app_core/layout/header/header.scss */
.shadows-purple:hover {
  -webkit-box-shadow: 0px 7px 20px -1px rgba(97, 97, 212, 0.2) !important;
  -moz-box-shadow: 0px 7px 20px -1px rgba(97, 97, 212, 0.2) !important;
  -ms-box-shadow: 0px 7px 20px -1px rgba(97, 97, 212, 0.2) !important;
  box-shadow: 0px 7px 20px -1px rgba(97, 97, 212, 0.2) !important;
}

@keyframes color-mix {
  0% {
    color: #E1E1FF;
  }
  100% {
    color: rgba(97, 97, 212, 0.8);
  }
}

@keyframes ping {
  75%, 100% {
    transform: scale(1.03);
    opacity: 1;
  }
}

/* purgecss end ignore */
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.navbar-nav {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

/* line 7, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.navbar-nav .dropdown-toggle img {
  width: 45px !important;
  height: 45px !important;
  background: #FFFFFF !important;
  font-size: 24px !important;
  padding: 10px !important;
  border-radius: 50px !important;
  color: #565656 !important;
}

/* line 15, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.navbar-nav .dropdown-toggle img:hover {
  box-shadow: 0 2px 5px !important;
  color: #1beae4 !important;
}

@media (max-width: 768px) {
  /* line 7, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
  .navbar-nav .dropdown-toggle img {
    background: #F8F9FB !important;
  }
}

/* line 25, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.navbar-nav .nav-link {
  padding-right: .5rem !important;
  padding-left: .5rem !important;
}

/* line 29, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.navbar-nav .nav-link:hover {
  color: #1beae4 !important;
}

/* line 31, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.navbar-nav .nav-link:hover img {
  transform: scale(1.1) !important;
}

/* line 35, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.navbar-nav .nav-link.active {
  color: #1beae4 !important;
}

/* line 37, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.navbar-nav .nav-link.active img {
  transform: scale(1.1) !important;
}

/* line 42, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.navbar-nav .nav-link img {
  transition: 0.5s !important;
}

/* line 46, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.navbar-nav .dropdown-toggle:after {
  display: none !important;
}

/* line 50, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.dropdown-menu {
  font-size: .875rem !important;
  background: #FBFBFB !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0.6rem !important;
  position: absolute !important;
  margin-right: 2rem;
  z-index: 1000;
  cursor: pointer;
}

/* line 61, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.dropdown-menu .drop-cont-list {
  padding: 15px !important;
}

/* line 64, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.dropdown-menu a {
  color: grey !important;
  font-weight: 300 !important;
  padding-bottom: 2rem;
}

/* line 69, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.dropdown-menu a:hover {
  color: #1beae4 !important;
}

/* line 73, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.dropdown-menu a img {
  margin: 0 5px 0 0 !important;
}

/* line 77, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.dropdown-menu .dropdown-close {
  background: #FFFFFF !important;
  border-top: 1px solid #e9ecef !important;
  padding: 20px !important;
  border-radius: 0 0 0.6rem 0.6rem !important;
}

/* line 83, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.dropdown-menu .dropdown-close a {
  border: 1px solid #e9ecef !important;
  border-radius: 100px !important;
  text-align: center !important;
  color: grey !important;
  font-weight: 300 !important;
  padding: 10px 10px;
}

/* line 90, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.dropdown-menu .dropdown-close a:hover {
  color: #1beae4 !important;
}

/* line 97, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.dropdown-menu .dropdown-item.active {
  background: none !important;
  color: #1beae4 !important;
}

/* line 101, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.dropdown-menu .dropdown-item i {
  font-size: 14px !important;
  margin: 0 5px 0 0 !important;
}

/* line 108, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  /* line 115, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  /* line 119, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  /* line 125, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  /* line 129, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  /* line 135, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  /* line 139, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  /* line 145, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  /* line 149, app/assets/stylesheets/components/sy_app_core/layout/header/profile.scss */
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

/* purgecss end ignore */
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_core/layout/layout.scss */
.sy-main {
  -ms-flex-order: 1;
  order: 1;
  padding: 50px;
}

@media (max-width: 768px) {
  /* line 8, app/assets/stylesheets/components/sy_app_core/layout/layout.scss */
  .sy-main {
    padding: 15px 30px 90px 30px;
  }
}

/* line 12, app/assets/stylesheets/components/sy_app_core/layout/layout.scss */
.container-dot {
  width: auto;
  background: #1beae4;
  border-top-left-radius: 30px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 0;
  line-height: normal;
  -webkit-box-shadow: 0px 0px 5px 0px #aab2bd;
  box-shadow: 0px 0px 5px 0px #aab2bd;
  margin-bottom: 1.5em;
  margin-top: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: fixed;
  right: 0;
}

/* purgecss end ignore */
@charset "UTF-8";
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-nav {
  -ms-flex-order: 0;
  order: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 6rem;
  z-index: 1000;
  height: calc(100vh - 6rem);
  padding: 0;
  border: 0;
  background: #ffffff;
}

/* line 14, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-nav:before {
  width: 100%;
  height: 30px;
  background: #fff;
  top: -20px;
  content: "";
  position: absolute;
  z-index: 1000;
  filter: blur(4px);
  -webkit-filter: blur(4px);
}

/* line 25, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-nav .sy-navc {
  width: 100%;
  height: 100%;
  box-shadow: 1px 0 8px #d6e6ed;
  position: relative;
  z-index: 1001;
}

/* line 32, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-nav nav {
  padding: 2.8rem 0 4rem 15px;
  margin-right: -15px;
  margin-left: -15px;
  z-index: 2;
  position: relative;
  max-height: calc(100vh - 8rem);
  overflow-y: auto;
  display: block;
}

@media (max-width: 768px) {
  /* line 43, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-nav nav {
    width: 100%;
    height: 100%;
    padding: 15px 0 0 0;
    margin: 0;
    margin-top: -15px;
    display: table;
  }
}

@media (max-width: 768px) {
  /* line 53, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-nav {
    width: 100%;
    height: auto;
    max-width: none;
    position: fixed;
    left: 0;
    top: auto;
    bottom: 0;
    z-index: 1010;
    padding: 15px 0 0 0;
  }
}

/* line 66, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item {
  position: relative;
  z-index: 3;
}

/* line 70, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item.active {
  position: relative;
  z-index: 3;
}

/* line 74, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item.active > .sy-link {
  color: #1beae4;
  cursor: pointer;
}

/* line 78, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item.active > .sy-link:after {
  right: 10px;
  transition: 0.5s;
}

/* line 82, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item.active > .sy-link::before {
  width: 2px;
  height: 20px;
  position: absolute;
  content: "";
  background: #1beae4;
  left: 0;
  top: calc(50% - 10px);
}

@media (max-width: 768px) {
  /* line 92, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active > .sy-link::before {
    display: none;
  }
}

/* line 96, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item.active > .sy-link .sy-nav-ico [class^="icon-"] {
  color: #1beae4;
}

/* line 99, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item:hover .sy-link .sy-nav-ico [class^="icon-"] {
  color: #1beae4;
}

/* line 102, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item .sy-link {
  display: block;
  padding: 10px 20px;
  color: #565656;
  font-size: 14px;
  cursor: pointer;
}

/* line 109, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item .sy-link:hover {
  color: #1beae4;
  text-decoration: none;
}

/* line 113, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item .sy-link .sy-nav-ico {
  margin: 0 15px 0 0;
  display: inline-block;
  font-size: 1.25rem;
}

/* line 118, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item .sy-link .sy-nav-ico [class^="icon-"] {
  padding: 0 0.3125rem;
  color: #b6b4b4;
}

/* line 122, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item .sy-link .sy-nav-ico img {
  width: 30px;
  height: auto;
}

/* line 126, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item .sy-link .sy-nav-ico i {
  font-size: 16px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  /* line 131, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item .sy-link .sy-nav-ico {
    width: 100%;
    margin: 0;
    display: inline-flex;
  }
}

@media (max-width: 768px) {
  /* line 138, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item .sy-link {
    padding: 15px 5px;
    text-align: center;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  /* line 145, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item .sy-link {
    font-size: 11px;
  }
}

@media (max-width: 768px) {
  /* line 150, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item {
    width: 16.66%;
    display: table-cell;
  }
}

/*=== Menu Movement ===*/
/* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item.active:nth-child(1) ~ .bg-navi,
.sy-item:nth-child(1):has(.active) ~ .bg-navi {
  opacity: 1;
  top: -9px;
}

@media (max-width: 768px) {
  /* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:nth-child(1) ~ .bg-navi,
.sy-item:nth-child(1):has(.active) ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item:nth-child(1):hover ~ .bg-navi {
  opacity: 1;
  top: -9px !important;
}

@media (max-width: 768px) {
  /* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:nth-child(1):hover ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item.active:nth-child(2) ~ .bg-navi,
.sy-item:nth-child(2):has(.active) ~ .bg-navi {
  opacity: 1;
  top: calc((2 - 2) * 50px + 40px);
}

@media (max-width: 768px) {
  /* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:nth-child(2) ~ .bg-navi,
.sy-item:nth-child(2):has(.active) ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item:nth-child(2):hover ~ .bg-navi {
  opacity: 1;
  top: calc((2 - 2) * 50px + 40px) !important;
}

@media (max-width: 768px) {
  /* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:nth-child(2):hover ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item.active:nth-child(3) ~ .bg-navi,
.sy-item:nth-child(3):has(.active) ~ .bg-navi {
  opacity: 1;
  top: calc((3 - 2) * 50px + 40px);
}

@media (max-width: 768px) {
  /* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:nth-child(3) ~ .bg-navi,
.sy-item:nth-child(3):has(.active) ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item:nth-child(3):hover ~ .bg-navi {
  opacity: 1;
  top: calc((3 - 2) * 50px + 40px) !important;
}

@media (max-width: 768px) {
  /* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:nth-child(3):hover ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item.active:nth-child(4) ~ .bg-navi,
.sy-item:nth-child(4):has(.active) ~ .bg-navi {
  opacity: 1;
  top: calc((4 - 2) * 50px + 40px);
}

@media (max-width: 768px) {
  /* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:nth-child(4) ~ .bg-navi,
.sy-item:nth-child(4):has(.active) ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item:nth-child(4):hover ~ .bg-navi {
  opacity: 1;
  top: calc((4 - 2) * 50px + 40px) !important;
}

@media (max-width: 768px) {
  /* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:nth-child(4):hover ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item.active:nth-child(5) ~ .bg-navi,
.sy-item:nth-child(5):has(.active) ~ .bg-navi {
  opacity: 1;
  top: calc((5 - 2) * 50px + 40px);
}

@media (max-width: 768px) {
  /* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:nth-child(5) ~ .bg-navi,
.sy-item:nth-child(5):has(.active) ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item:nth-child(5):hover ~ .bg-navi {
  opacity: 1;
  top: calc((5 - 2) * 50px + 40px) !important;
}

@media (max-width: 768px) {
  /* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:nth-child(5):hover ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item.active:nth-child(6) ~ .bg-navi,
.sy-item:nth-child(6):has(.active) ~ .bg-navi {
  opacity: 1;
  top: calc((6 - 2) * 50px + 40px);
}

@media (max-width: 768px) {
  /* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:nth-child(6) ~ .bg-navi,
.sy-item:nth-child(6):has(.active) ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item:nth-child(6):hover ~ .bg-navi {
  opacity: 1;
  top: calc((6 - 2) * 50px + 40px) !important;
}

@media (max-width: 768px) {
  /* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:nth-child(6):hover ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item.active:nth-child(7) ~ .bg-navi,
.sy-item:nth-child(7):has(.active) ~ .bg-navi {
  opacity: 1;
  top: calc((7 - 2) * 50px + 40px);
}

@media (max-width: 768px) {
  /* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:nth-child(7) ~ .bg-navi,
.sy-item:nth-child(7):has(.active) ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item:nth-child(7):hover ~ .bg-navi {
  opacity: 1;
  top: calc((7 - 2) * 50px + 40px) !important;
}

@media (max-width: 768px) {
  /* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:nth-child(7):hover ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item.active:nth-child(8) ~ .bg-navi,
.sy-item:nth-child(8):has(.active) ~ .bg-navi {
  opacity: 1;
  top: calc((8 - 2) * 50px + 40px);
}

@media (max-width: 768px) {
  /* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:nth-child(8) ~ .bg-navi,
.sy-item:nth-child(8):has(.active) ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item:nth-child(8):hover ~ .bg-navi {
  opacity: 1;
  top: calc((8 - 2) * 50px + 40px) !important;
}

@media (max-width: 768px) {
  /* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:nth-child(8):hover ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item.active:nth-child(9) ~ .bg-navi,
.sy-item:nth-child(9):has(.active) ~ .bg-navi {
  opacity: 1;
  top: calc((9 - 2) * 50px + 40px);
}

@media (max-width: 768px) {
  /* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:nth-child(9) ~ .bg-navi,
.sy-item:nth-child(9):has(.active) ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item:nth-child(9):hover ~ .bg-navi {
  opacity: 1;
  top: calc((9 - 2) * 50px + 40px) !important;
}

@media (max-width: 768px) {
  /* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:nth-child(9):hover ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item.active:nth-child(10) ~ .bg-navi,
.sy-item:nth-child(10):has(.active) ~ .bg-navi {
  opacity: 1;
  top: calc((10 - 2) * 50px + 40px);
}

@media (max-width: 768px) {
  /* line 171, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:nth-child(10) ~ .bg-navi,
.sy-item:nth-child(10):has(.active) ~ .bg-navi {
    top: -9px !important;
  }
}

/* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.sy-item:nth-child(10):hover ~ .bg-navi {
  opacity: 1;
  top: calc((10 - 2) * 50px + 40px) !important;
}

@media (max-width: 768px) {
  /* line 177, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:nth-child(10):hover ~ .bg-navi {
    top: -9px !important;
  }
}

@media (max-width: 768px) {
  /* line 185, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:has(a[href*="dashboard"]) ~ .bg-navi,
.sy-item:has(a.active[href*="dashboard"]) ~ .bg-navi {
    left: 0% !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 185, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:has(a[href*="empleados"]) ~ .bg-navi,
.sy-item:has(a.active[href*="empleados"]) ~ .bg-navi {
    left: 17% !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 185, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:has(a[href*="severances"]) ~ .bg-navi,
.sy-item:has(a.active[href*="severances"]) ~ .bg-navi {
    opacity: 0 !important;
  }
}

@media (max-width: 768px) {
  /* line 185, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:has(a[href*="seguridad-social"]) ~ .bg-navi,
.sy-item:has(a.active[href*="seguridad-social"]) ~ .bg-navi {
    left: 33.32% !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 185, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:has(a[href*="pagos"]) ~ .bg-navi,
.sy-item:has(a.active[href*="pagos"]) ~ .bg-navi {
    left: 49.98% !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 185, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:has(a[href*="pay"]) ~ .bg-navi,
.sy-item:has(a.active[href*="pay"]) ~ .bg-navi {
    left: 49.98% !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 185, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:has(a[href*="novedades_nomina"]) ~ .bg-navi,
.sy-item:has(a.active[href*="novedades_nomina"]) ~ .bg-navi {
    left: 66.64% !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 185, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:has(a[href*="documentos"]) ~ .bg-navi,
.sy-item:has(a.active[href*="documentos"]) ~ .bg-navi {
    left: 83.3% !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 198, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:has(a[href*="dashboard"]):hover ~ .bg-navi {
    left: 0% !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 198, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:has(a[href*="empleados"]):hover ~ .bg-navi {
    left: 17% !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 198, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:has(a[href*="severances"]):hover ~ .bg-navi {
    opacity: 0 !important;
  }
}

@media (max-width: 768px) {
  /* line 198, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:has(a[href*="seguridad-social"]):hover ~ .bg-navi {
    left: 33.32% !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 198, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:has(a[href*="pagos"]):hover ~ .bg-navi {
    left: 49.98% !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 198, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:has(a[href*="pay"]):hover ~ .bg-navi {
    left: 49.98% !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 198, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:has(a[href*="novedades_nomina"]):hover ~ .bg-navi {
    left: 66.64% !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 198, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:has(a[href*="documentos"]):hover ~ .bg-navi {
    left: 83.3% !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 210, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item.active:first-child ~ .bg-navi,
.sy-item:first-child:has(.active) ~ .bg-navi {
    left: 0% !important;
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 218, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .sy-item:first-child:hover ~ .bg-navi {
    left: 0% !important;
    opacity: 1 !important;
  }
}

/*Curvatura del menú*/
/* line 226, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.bg-navi {
  width: 65px;
  height: 150px;
  right: 0;
  top: 0;
  position: absolute;
  transition: 0.5s;
  overflow: hidden;
  background: #ffffff;
  z-index: 2;
}

/* line 237, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.bg-navi:before {
  width: 0.45em;
  height: 0.45em;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #1beae4;
  content: "";
  display: inline-block;
  position: absolute;
  top: calc(50% - 1px);
  right: 15px;
  transform: rotate(-135deg);
  transition: 0.5s;
}

@media (max-width: 768px) {
  /* line 252, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .bg-navi:before {
    top: 10px;
    right: calc(50% - 3px);
    transform: rotate(-225deg);
  }
}

@media (max-width: 480px) {
  /* line 259, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .bg-navi:before {
    top: 7px;
    width: 0.35em;
    height: 0.35em;
    right: calc(50% - 5px);
    transform: rotate(-225deg);
  }
}

/* line 267, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.bg-navi .bg-navc {
  width: 50px;
}

/* line 270, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.bg-navi .bg-navc.web {
  display: block;
}

@media (max-width: 768px) {
  /* line 274, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .bg-navi .bg-navc.web {
    display: none;
  }
}

/* line 278, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.bg-navi .bg-navc.mobile {
  width: 100%;
  display: none;
}

@media (max-width: 768px) {
  /* line 283, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .bg-navi .bg-navc.mobile {
    display: block;
    margin: 9px 0 0 0;
  }
}

/* line 288, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
.bg-navi img {
  filter: drop-shadow(1px 0 5px #d6e6ed);
}

@media (max-width: 768px) {
  /* line 292, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .bg-navi img {
    transform: scaleX(1.08);
  }
}

@media (max-width: 768px) {
  /* line 297, app/assets/stylesheets/components/sy_app_core/layout/menu/menu.scss */
  .bg-navi {
    width: 16.66%;
    height: 50px;
  }
}

/* purgecss end ignore */
/* line 1, app/assets/stylesheets/components/sy_app_core/ui/banner/marketing.scss */
.banner-marketing-left,
.banner-marketing-left-ds {
  position: fixed;
  left: 2px;
  bottom: 80px;
  z-index: 1000;
  width: 300px;
}

@media (max-width: 768px) {
  /* line 11, app/assets/stylesheets/components/sy_app_core/ui/banner/marketing.scss */
  .banner-marketing-left {
    position: relative;
    left: unset;
    bottom: unset;
    z-index: unset;
    width: auto;
  }
}
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_core/ui/banner/referral.scss */
.banner-dsboard {
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  border-radius: 0.625rem;
  background-size: cover;
  width: 100%;
  font-size: 2.875rem;
  text-align: center;
  text-decoration: none !important;
  font-weight: 500;
  color: #A8A8A8;
  line-height: 100%;
  position: relative;
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  -ms-transition: ease all 0.3s;
  transition: ease all 0.3s;
}

/* line 20, app/assets/stylesheets/components/sy_app_core/ui/banner/referral.scss */
.banner-dsboard:hover {
  color: #00838C;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
  -moz-box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
  -ms-box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
  box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
}

@media (max-width: 960px) {
  /* line 27, app/assets/stylesheets/components/sy_app_core/ui/banner/referral.scss */
  .banner-dsboard {
    font-size: 2.1875rem;
  }
}

@media (max-width: 600px) {
  /* line 30, app/assets/stylesheets/components/sy_app_core/ui/banner/referral.scss */
  .banner-dsboard {
    font-size: 1.3125rem;
  }
}

/* line 32, app/assets/stylesheets/components/sy_app_core/ui/banner/referral.scss */
.banner-dsboard p {
  font-size: 1.75rem;
}

@media (max-width: 960px) {
  /* line 35, app/assets/stylesheets/components/sy_app_core/ui/banner/referral.scss */
  .banner-dsboard p {
    font-size: 1.25rem;
  }
}

@media (max-width: 600px) {
  /* line 38, app/assets/stylesheets/components/sy_app_core/ui/banner/referral.scss */
  .banner-dsboard p {
    font-size: 0.8125rem;
  }
}

/* line 40, app/assets/stylesheets/components/sy_app_core/ui/banner/referral.scss */
.banner-dsboard .icon-share {
  position: absolute;
  top: calc(50% - 30px);
  font-size: 1.75rem;
  padding: 1.0625rem;
  right: calc(50% - 260px);
  border: 1px solid #A8A8A8;
}

@media (max-width: 960px) {
  /* line 48, app/assets/stylesheets/components/sy_app_core/ui/banner/referral.scss */
  .banner-dsboard .icon-share {
    padding: 0.625rem;
    right: calc(50% - 200px);
  }
}

@media (max-width: 600px) {
  /* line 52, app/assets/stylesheets/components/sy_app_core/ui/banner/referral.scss */
  .banner-dsboard .icon-share {
    top: calc(50% - 20px);
    padding: 0.625rem;
    right: calc(50% - 130px);
    font-size: 0.8125rem;
  }
}

/* line 59, app/assets/stylesheets/components/sy_app_core/ui/banner/referral.scss */
.shadows {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
  -moz-box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
  -ms-box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
  box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
  -webkit-transition: ease all 0.6s !important;
  -moz-transition: ease all 0.6s !important;
  -ms-transition: ease all 0.6s !important;
  transition: ease all 0.6s !important;
}

/* line 68, app/assets/stylesheets/components/sy_app_core/ui/banner/referral.scss */
.shadows:hover {
  -webkit-box-shadow: 0 0.9rem 1.4rem rgba(110, 146, 146, 0.45) !important;
  -moz-box-shadow: 0 0.9rem 1.4rem rgba(110, 146, 146, 0.45) !important;
  -ms-box-shadow: 0 0.9rem 1.4rem rgba(110, 146, 146, 0.45) !important;
  box-shadow: 0 0.9rem 1.4rem rgba(110, 146, 146, 0.45) !important;
}

/* purgecss end ignore */
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_core/ui/button/icon.scss */
.nav-dsboard {
  max-width: 31.25rem;
}

/* line 4, app/assets/stylesheets/components/sy_app_core/ui/button/icon.scss */
.nav-dsboard .link-dsboard {
  text-decoration: none;
  font-size: 1rem;
  color: #565656;
}

/* line 8, app/assets/stylesheets/components/sy_app_core/ui/button/icon.scss */
.nav-dsboard .link-dsboard:hover {
  color: #1beae4;
}

/* line 11, app/assets/stylesheets/components/sy_app_core/ui/button/icon.scss */
.nav-dsboard .link-dsboard span {
  display: block;
  line-height: 120%;
}

/* line 15, app/assets/stylesheets/components/sy_app_core/ui/button/icon.scss */
.shadows {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
  -moz-box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
  -ms-box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
  box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
  -webkit-transition: ease all 0.6s !important;
  -moz-transition: ease all 0.6s !important;
  -ms-transition: ease all 0.6s !important;
  transition: ease all 0.6s !important;
}

/* line 25, app/assets/stylesheets/components/sy_app_core/ui/button/icon.scss */
.shadows:hover {
  -webkit-box-shadow: 0 0.9rem 1.4rem rgba(110, 146, 146, 0.45) !important;
  -moz-box-shadow: 0 0.9rem 1.4rem rgba(110, 146, 146, 0.45) !important;
  -ms-box-shadow: 0 0.9rem 1.4rem rgba(110, 146, 146, 0.45) !important;
  box-shadow: 0 0.9rem 1.4rem rgba(110, 146, 146, 0.45) !important;
}

/* purgecss end ignore */
/* purgecss start ignore */
/*Dashboard*/
/* line 3, app/assets/stylesheets/components/sy_app_core/ui/card/content_left_icon_top_right.scss */
.card-dsboard {
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -ms-border-radius: 15px !important;
  border-radius: 15px !important;
  position: relative;
  font-size: 1rem;
  text-decoration: none !important;
  height: 100%;
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  -ms-transition: ease all 0.3s;
  transition: ease all 0.3s;
}

/* line 18, app/assets/stylesheets/components/sy_app_core/ui/card/content_left_icon_top_right.scss */
.card-dsboard:hover .i-dsboard {
  font-size: 1.5rem;
}

/* line 21, app/assets/stylesheets/components/sy_app_core/ui/card/content_left_icon_top_right.scss */
.card-dsboard:hover .i-novedad {
  color: #1beae4;
}

@media (max-width: 544px) {
  /* line 25, app/assets/stylesheets/components/sy_app_core/ui/card/content_left_icon_top_right.scss */
  .card-dsboard {
    font-size: 0.75rem;
  }
}

/* line 29, app/assets/stylesheets/components/sy_app_core/ui/card/content_left_icon_top_right.scss */
.card-dsboard .txt-dsboard {
  font-size: 1.125rem;
  font-weight: 500;
}

@media (max-width: 1200px) {
  /* line 34, app/assets/stylesheets/components/sy_app_core/ui/card/content_left_icon_top_right.scss */
  .card-dsboard .txt-dsboard {
    font-size: 1.125rem;
  }
}

@media (max-width: 960px) {
  /* line 39, app/assets/stylesheets/components/sy_app_core/ui/card/content_left_icon_top_right.scss */
  .card-dsboard .txt-dsboard {
    font-size: 1rem;
  }
}

@media (max-width: 544px) {
  /* line 44, app/assets/stylesheets/components/sy_app_core/ui/card/content_left_icon_top_right.scss */
  .card-dsboard .txt-dsboard {
    font-size: 0.875rem;
  }
}

/* line 49, app/assets/stylesheets/components/sy_app_core/ui/card/content_left_icon_top_right.scss */
.shadows {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
  -moz-box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
  -ms-box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
  box-shadow: 0 0.5rem 1rem rgba(190, 209, 209, 0.45) !important;
  -webkit-transition: ease all 0.6s !important;
  -moz-transition: ease all 0.6s !important;
  -ms-transition: ease all 0.6s !important;
  transition: ease all 0.6s !important;
}

/* line 59, app/assets/stylesheets/components/sy_app_core/ui/card/content_left_icon_top_right.scss */
.shadows:hover {
  -webkit-box-shadow: 0 0.9rem 1.4rem rgba(110, 146, 146, 0.45) !important;
  -moz-box-shadow: 0 0.9rem 1.4rem rgba(110, 146, 146, 0.45) !important;
  -ms-box-shadow: 0 0.9rem 1.4rem rgba(110, 146, 146, 0.45) !important;
  box-shadow: 0 0.9rem 1.4rem rgba(110, 146, 146, 0.45) !important;
}

/* line 66, app/assets/stylesheets/components/sy_app_core/ui/card/content_left_icon_top_right.scss */
.i-dsboard {
  color: #1beae4;
  font-size: 1.875rem;
  position: absolute;
  top: 18px;
  right: 18px;
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  -ms-transition: ease all 0.3s;
  transition: ease all 0.3s;
}

@media (max-width: 544px) {
  /* line 78, app/assets/stylesheets/components/sy_app_core/ui/card/content_left_icon_top_right.scss */
  .i-dsboard {
    font-size: 1rem;
  }
}

@media (max-width: 414px) {
  /* line 83, app/assets/stylesheets/components/sy_app_core/ui/card/content_left_icon_top_right.scss */
  .i-dsboard {
    top: 8px;
    right: 8px;
  }
}

/* line 89, app/assets/stylesheets/components/sy_app_core/ui/card/content_left_icon_top_right.scss */
.card-tooltip-position {
  left: 0;
}

@media (max-width: 1024px) {
  /* line 93, app/assets/stylesheets/components/sy_app_core/ui/card/content_left_icon_top_right.scss */
  .card-tooltip-position {
    left: -12rem;
    margin-top: 2rem;
  }
}

/* purgecss end ignore */
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-open {
  overflow: hidden;
}

/* line 5, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 9, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 1050;
  width: calc(100% - 14rem);
  height: 100%;
  overflow: hidden;
  outline: 0;
}

@media (max-width: 768px) {
  /* line 22, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
  .modal {
    width: 100%;
  }
}

/* line 27, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
}

/* line 35, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 5rem);
}

/* line 40, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: auto;
}

/* line 44, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* line 49, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

/* line 56, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  content: "";
}

/* line 64, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

/* line 71, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

/* line 74, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

/* line 79, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}

/* line 91, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

/* line 97, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: .75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius: calc(.3rem - 1px);
}

/* line 111, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-footer > * {
  margin: .25rem;
}

/* line 114, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  /* line 122, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  /* line 126, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  /* line 129, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  /* line 132, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  /* line 135, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  /* line 141, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  /* line 146, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
  .modal-lg, .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  /* line 151, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
  .modal-xl {
    max-width: 1140px;
  }
}

/* line 156, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-sy {
  left: auto !important;
  right: 0;
  background: #FFF;
  z-index: 9999;
}

/* line 161, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-sy .modal-dialog {
  max-width: 1200px;
}

/* line 164, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-sy .modal-dialog.w-100 {
  max-width: 90% !important;
}

@media (max-width: 600px) {
  /* line 167, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
  .modal-sy .modal-dialog.w-100 {
    max-width: 100% !important;
  }
}

/* line 169, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-sy .modal-content {
  border: none;
  padding-bottom: 1.875rem;
  background: transparent;
  width: 100%;
}

/* line 174, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-sy .modal-header {
  border: none;
}

/* line 176, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-sy .modal-header .close {
  width: 110px;
  height: 67px;
  text-indent: -999999999px;
}

/* line 180, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-sy .modal-footer {
  border: none;
}

/* line 182, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-sy .tit-modal-sy {
  font-size: 1.25rem;
  font-weight: 300;
  text-align: center;
}

/* line 186, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-sy p {
  font-size: 1rem;
}

@media (max-width: 544px) {
  /* line 189, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
  .modal-sy p {
    font-size: 0.875rem;
  }
}

/* line 191, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-sy .text-accept {
  font-size: 0.75rem;
  font-weight: 600;
}

@media (max-width: 600px) {
  /* line 195, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
  .modal-sy .text-accept {
    font-size: 0.625rem;
    font-weight: 300;
  }
}

/* line 198, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-sy .btn {
  max-width: 330px;
}

/* line 200, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-sy .badge-date {
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  -ms-border-radius: 2.5rem;
  border-radius: 2.5rem;
  padding: 0.625rem 1.25rem;
}

/* line 206, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-sy .b-check-m {
  font-size: 1rem;
}

@media (max-width: 768px) {
  /* line 209, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
  .modal-sy .b-check-m {
    font-size: 0.875rem;
  }
}

@media (max-width: 544px) {
  /* line 212, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
  .modal-sy .b-check-m {
    font-size: 0.75rem;
  }
}

/* line 214, app/assets/stylesheets/components/sy_app_core/ui/modal/base.scss */
.modal-sy .m-sy-text {
  max-width: 680px;
}

/* purgecss end ignore */
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_core/ui/modal/modal_temp.scss */
.modal-temp {
  z-index: 1072;
}

/* purgecss end ignore */
/* line 2, app/assets/stylesheets/components/sy_app_core/ui/sy_app_document/load_more.scss */
.list-hide {
  display: none;
}

/* line 6, app/assets/stylesheets/components/sy_app_core/ui/sy_app_document/load_more.scss */
.list-hide:nth-child(1) {
  display: flex;
  justify-content: space-between;
}

/* line 10, app/assets/stylesheets/components/sy_app_core/ui/sy_app_document/load_more.scss */
.list-hide:nth-child(2) {
  display: flex;
  justify-content: space-between;
}

/* line 14, app/assets/stylesheets/components/sy_app_core/ui/sy_app_document/load_more.scss */
.list-hide:nth-child(3) {
  display: flex;
  justify-content: space-between;
}

/* line 18, app/assets/stylesheets/components/sy_app_core/ui/sy_app_document/load_more.scss */
.list-hide:nth-child(4) {
  display: flex;
  justify-content: space-between;
}

/* line 22, app/assets/stylesheets/components/sy_app_core/ui/sy_app_document/load_more.scss */
.list-hide:nth-child(5) {
  display: flex;
  justify-content: space-between;
}
/* line 1, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
.list-hide-benefits-hogares {
  display: block;
}

/* line 5, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
.list-hide-benefits-employees {
  display: block;
}

/* line 9, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
.benefits-body-card-tab {
  -webkit-box-shadow: 0px 3px 2px 1px #cbd5e1;
  box-shadow: 0px 3px 2px 1px #cbd5e1;
}

/* line 14, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
.benefits-card-tab {
  border: 1px solid #e9e9ea;
  -webkit-box-shadow: 0px 0px 0px 0px #cbd5e1;
  box-shadow: 0px 0px 0px 0px #cbd5e1;
}

/* line 20, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
.benefits-circle-card {
  border: 1px solid #e9e9ea;
}

@media (max-width: 639px) {
  /* line 25, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
  .list-hide-benefits-hogares {
    display: none;
  }
  /* line 28, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
  .list-hide-benefits-hogares:nth-child(1) {
    display: flex;
    justify-content: space-between;
  }
  /* line 32, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
  .list-hide-benefits-hogares:nth-child(2) {
    display: flex;
    justify-content: space-between;
  }
  /* line 36, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
  .list-hide-benefits-hogares:nth-child(3) {
    display: flex;
    justify-content: space-between;
  }
  /* line 40, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
  .list-hide-benefits-hogares:nth-child(4) {
    display: flex;
    justify-content: space-between;
  }
  /* line 44, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
  .list-hide-benefits-hogares:nth-child(5) {
    display: flex;
    justify-content: space-between;
  }
  /* line 48, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
  .list-hide-benefits-employees {
    display: none;
  }
  /* line 51, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
  .list-hide-benefits-employees:nth-child(1) {
    display: flex;
    justify-content: space-between;
  }
  /* line 55, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
  .list-hide-benefits-employees:nth-child(2) {
    display: flex;
    justify-content: space-between;
  }
  /* line 59, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
  .list-hide-benefits-employees:nth-child(3) {
    display: flex;
    justify-content: space-between;
  }
  /* line 63, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
  .list-hide-benefits-employees:nth-child(4) {
    display: flex;
    justify-content: space-between;
  }
  /* line 67, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
  .list-hide-benefits-employees:nth-child(5) {
    display: flex;
    justify-content: space-between;
  }
  /* line 71, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
  .benefits-card-tab {
    -webkit-box-shadow: 0px 3px 2px 1px #cbd5e1;
    box-shadow: 0px 3px 2px 1px #cbd5e1;
  }
  /* line 75, app/assets/stylesheets/components/sy_app_dashboard/controllers/benefits/benefits.scss */
  .benefits-body-card-tab {
    -webkit-box-shadow: 0px 0px 0px 0px #cbd5e1;
    box-shadow: 0px 0px 0px 0px #cbd5e1;
  }
}
@media (min-width: 1024px) and (max-width: 1242px) {
  /* line 4, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .bonusClock {
    width: 95px;
  }
  /* line 7, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .countDownContainer {
    width: 85px;
    height: 74px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* line 13, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .daysRemaining {
    font-size: 14px;
  }
  /* line 16, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .countDownTitle {
    font-size: 10px;
  }
  /* line 19, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .countDownFigure {
    font-size: 28px;
  }
  /* line 22, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .timeAdvise {
    font-size: 15px;
  }
  /* line 25, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .calculate_and_pay_btn {
    font-size: 12px !important;
  }
  /* line 28, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .bonusDescription {
    font-size: 14px;
  }
}

@media (min-width: 1024px) and (max-width: 1034px) {
  /* line 34, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .bonusClock {
    width: 80px;
  }
  /* line 37, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .countDownContainer {
    width: 80px;
    height: 67px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* line 43, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .daysRemaining {
    font-size: 14px;
  }
  /* line 46, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .countDownTitle {
    font-size: 10px;
  }
  /* line 49, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .countDownFigure {
    font-size: 24px;
  }
}

@media (min-width: 458px) and (max-width: 1024px) {
  /* line 55, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .bonus_br {
    display: block !important;
  }
}

@media (max-width: 392px) {
  /* line 61, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .timeAdvise {
    font-size: 15px;
  }
  /* line 64, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .bonusDescription {
    font-size: 13px;
  }
  /* line 68, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .countDownContainer {
    width: 85px;
    height: 74px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
  }
  /* line 75, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .daysRemaining {
    font-size: 14px;
  }
  /* line 78, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .countDownTitle {
    font-size: 10px;
  }
  /* line 81, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .countDownFigure {
    font-size: 28px;
  }
}

/* line 86, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
.bonus_violet_line {
  left: -42px;
  transform: rotate(-10deg);
}

@media (max-width: 1024px) {
  /* line 92, app/assets/stylesheets/components/sy_app_dashboard/controllers/bonus/bonus.scss */
  .bonus_violet_line {
    left: auto;
    right: -25px !important;
    transform: rotate(-20deg);
    bottom: -15px;
  }
}

@media only screen and (max-width: 440px){
    .calculator_payment_option > h2, .calculator_payment_option > div > h2  {
        font-size: 12px;
    }

    .calculator_worker_discount div p {
        font-size: 12px;
        
    }
}


/* line 1, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
.modal-prime {
  z-index: 1072;
}

/* line 5, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
.modal-bg-prime {
  background: #2ff9f3;
  background: linear-gradient(90deg, #2ff9f3 0%, #e5fffc 100%);
}

/* line 9, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
.modal-prime-sizes {
  width: 47rem;
  max-width: 1024px;
}

@media (max-width: 1279px) {
  /* line 18, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
  .modal-prime-sizes {
    width: 60%;
  }
}

@media (max-width: 1024px) {
  /* line 23, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
  .modal-prime-welcome-sizes {
    width: 60%;
  }
}

@media (max-width: 1023px) {
  /* line 28, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
  .modal-prime-sizes {
    width: 41%;
  }
  /* line 31, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
  .modal-prime-welcome-sizes {
    width: 60%;
  }
}

@media (max-width: 846px) {
  /* line 36, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
  .modal-prime-welcome-sizes {
    width: 54%;
  }
  /* line 39, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
  .modal-prime-sizes {
    width: 41%;
  }
}

@media (max-width: 846px) {
  /* line 44, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
  .modal-prime-welcome-sizes {
    width: 54%;
  }
  /* line 47, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
  .modal-prime-sizes {
    width: 41%;
  }
}

@media (max-width: 767px) {
  /* line 52, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
  .modal-prime-sizes {
    width: 42%;
  }
  /* line 55, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
  .modal-prime-welcome-sizes {
    width: 52%;
  }
}

@media (max-width: 639px) {
  /* line 60, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
  .modal-prime-sizes {
    width: 55%;
  }
  /* line 64, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
  .modal-prime-welcome-sizes {
    width: 80%;
  }
}

@media (max-width: 474px) {
  /* line 69, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
  .modal-prime-sizes {
    width: 72%;
  }
}

@media (max-width: 375px) {
  /* line 74, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_prime/modal_prime.scss */
  .modal-prime-sizes, .modal-prime-welcome-sizes {
    width: 100%;
  }
}
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_dashboard/controllers/home/modal_welcome/modal_welcome.scss */
.modal-welcome {
  z-index: 1072;
}

/* purgecss end ignore */
/* line 2, app/assets/stylesheets/components/sy_app_document/controllers/incapacities_documents/index.scss */
.list-hide-incapacities_documents {
  display: none;
}

/* line 6, app/assets/stylesheets/components/sy_app_document/controllers/incapacities_documents/index.scss */
.list-hide-incapacities_documents:nth-child(1) {
  display: flex;
  justify-content: space-between;
}

/* line 10, app/assets/stylesheets/components/sy_app_document/controllers/incapacities_documents/index.scss */
.list-hide-incapacities_documents:nth-child(2) {
  display: flex;
  justify-content: space-between;
}

/* line 14, app/assets/stylesheets/components/sy_app_document/controllers/incapacities_documents/index.scss */
.list-hide-incapacities_documents:nth-child(3) {
  display: flex;
  justify-content: space-between;
}

/* line 18, app/assets/stylesheets/components/sy_app_document/controllers/incapacities_documents/index.scss */
.list-hide-incapacities_documents:nth-child(4) {
  display: flex;
  justify-content: space-between;
}

/* line 22, app/assets/stylesheets/components/sy_app_document/controllers/incapacities_documents/index.scss */
.list-hide-incapacities_documents:nth-child(5) {
  display: flex;
  justify-content: space-between;
}

/* line 26, app/assets/stylesheets/components/sy_app_document/controllers/incapacities_documents/index.scss */
.list-hide-incapacities_documents:nth-child(6) {
  display: flex;
  justify-content: space-between;
}

/* line 30, app/assets/stylesheets/components/sy_app_document/controllers/incapacities_documents/index.scss */
.list-hide-incapacities_documents:nth-child(7) {
  display: flex;
  justify-content: space-between;
}

/* line 34, app/assets/stylesheets/components/sy_app_document/controllers/incapacities_documents/index.scss */
.list-hide-incapacities_documents:nth-child(8) {
  display: flex;
  justify-content: space-between;
}

/* line 38, app/assets/stylesheets/components/sy_app_document/controllers/incapacities_documents/index.scss */
.list-hide-incapacities_documents:nth-child(9) {
  display: flex;
  justify-content: space-between;
}
/* line 2, app/assets/stylesheets/components/sy_app_document/controllers/load_more.scss */
.list-hide-document {
  display: none;
}

/* line 6, app/assets/stylesheets/components/sy_app_document/controllers/load_more.scss */
.list-hide-document:nth-child(1) {
  display: flex;
  justify-content: space-between;
}

/* line 10, app/assets/stylesheets/components/sy_app_document/controllers/load_more.scss */
.list-hide-document:nth-child(2) {
  display: flex;
  justify-content: space-between;
}

/* line 14, app/assets/stylesheets/components/sy_app_document/controllers/load_more.scss */
.list-hide-document:nth-child(3) {
  display: flex;
  justify-content: space-between;
}

/* line 18, app/assets/stylesheets/components/sy_app_document/controllers/load_more.scss */
.list-hide-document:nth-child(4) {
  display: flex;
  justify-content: space-between;
}

/* line 22, app/assets/stylesheets/components/sy_app_document/controllers/load_more.scss */
.list-hide-document:nth-child(5) {
  display: flex;
  justify-content: space-between;
}
/* line 1, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-benefits {
  display: none;
}

/* line 4, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-benefits:nth-child(1) {
  display: flex;
  justify-content: space-between;
}

/* line 8, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-benefits:nth-child(3) {
  display: flex;
  justify-content: space-between;
}

/* line 12, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-benefits:nth-child(5) {
  display: flex;
  justify-content: space-between;
}

/* line 16, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-benefits:nth-child(7) {
  display: flex;
  justify-content: space-between;
}

/* line 20, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-benefits:nth-child(9) {
  display: flex;
  justify-content: space-between;
}

/* line 26, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-endowment {
  display: none;
}

/* line 29, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-endowment:nth-child(1) {
  display: flex;
  justify-content: space-between;
}

/* line 33, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-endowment:nth-child(3) {
  display: flex;
  justify-content: space-between;
}

/* line 37, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-endowment:nth-child(5) {
  display: flex;
  justify-content: space-between;
}

/* line 41, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-endowment:nth-child(7) {
  display: flex;
  justify-content: space-between;
}

/* line 45, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-endowment:nth-child(9) {
  display: flex;
  justify-content: space-between;
}

/* line 50, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-severance {
  display: none;
}

/* line 53, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-severance:nth-child(1) {
  display: flex;
  justify-content: space-between;
}

/* line 57, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-severance:nth-child(2) {
  display: flex;
  justify-content: space-between;
}

/* line 61, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-severance:nth-child(3) {
  display: flex;
  justify-content: space-between;
}

/* line 65, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-severance:nth-child(4) {
  display: flex;
  justify-content: space-between;
}

/* line 69, app/assets/stylesheets/components/sy_app_document/controllers/proof_benefits.scss */
.list-hide-severance:nth-child(5) {
  display: flex;
  justify-content: space-between;
}
/*Tolltip solo para desk*/

.tippy-box[data-theme~='tez'] {
    background-color: white;
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.38); 
    box-shadow: 0px 0px 15px rgba(0,0,0,0.38);
    color: black;
    border-radius: 10px;
  }
  
  @media only screen and (max-width: 768px){
    .tippy-box[data-theme~='tez'] {
      display: none;
    } 
  }
  
  
  .tippy-box[data-theme~='tez'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: white;
  
    
  }
  .tippy-box[data-theme~='tez'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: white;
  }
  
  .tippy-box[data-theme~='tez'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: white;
  }
  .tippy-box[data-theme~='tez'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: white;
  }
  
  .hide_peace_and_clearance {
    display: none
  }


  @media only screen and (max-width: 768px){
    .show_message{
      display: block;
    }
  }


 
  
 
  
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card-dsboard {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  position: relative;
  font-size: 1rem;
  text-decoration: none !important;
  color: #565656 !important;
  height: 100%;
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  -ms-transition: ease all 0.3s;
  transition: ease all 0.3s;
}
.card-dsboard:hover {
  color: #1beae4 !important;
}
.card-dsboard:hover .i-dsboard {
  font-size: 2.5rem;
}
.card-dsboard:hover .i-novedad {
  color: #1beae4;
}
@media (max-width: 544px) {
  .card-dsboard {
    font-size: 0.75rem;
  }
}
.card-dsboard .txt-dsboard {
  font-size: 1.375rem;
  font-weight: 500;
}
@media (max-width: 1200px) {
  .card-dsboard .txt-dsboard {
    font-size: 1.125rem;
  }
}
@media (max-width: 960px) {
  .card-dsboard .txt-dsboard {
    font-size: 1rem;
  }
}
@media (max-width: 544px) {
  .card-dsboard .txt-dsboard {
    font-size: 0.875rem;
  }
}

.i-novedad {
  color: #1beae4;
  font-size: 3rem;
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  -ms-transition: ease all 0.3s;
  transition: ease all 0.3s;
}
@media (max-width: 544px) {
  .i-novedad {
    font-size: 1.5rem;
  }
}

.color-tab{
  color: #1BEAE4 !important
}


.sortable-handler {
  touch-action: none;
}



.stripe-table-pyaroll tr:nth-child(even) {
  background-color: #f2f2f2;
}


/* line 1, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.btn-create {
  font-size: 1.375rem;
  border-radius: 50%;
  width: 2.8125rem;
  height: 2.8125rem;
  line-height: 2.8125rem;
}

@media (max-width: 600px) {
  /* line 9, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
  .btn-create {
    position: fixed;
    bottom: 90px;
    right: 30px;
    z-index: 1011;
  }
}

/* line 17, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.card-dsboard {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  position: relative;
  font-size: 1rem;
  text-decoration: none !important;
  color: #565656 !important;
  height: 100%;
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  -ms-transition: ease all 0.3s;
  transition: ease all 0.3s;
}

/* line 32, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.card-dsboard:hover {
  color: #1beae4 !important;
}

/* line 35, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.card-dsboard:hover .i-dsboard {
  font-size: 2.5rem;
}

/* line 38, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.card-dsboard:hover .i-novedad {
  color: #1beae4;
}

@media (max-width: 544px) {
  /* line 42, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
  .card-dsboard {
    font-size: 0.75rem;
  }
}

/* line 46, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.card-dsboard .txt-dsboard {
  font-size: 1.375rem;
  font-weight: 500;
}

@media (max-width: 1200px) {
  /* line 51, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
  .card-dsboard .txt-dsboard {
    font-size: 1.125rem;
  }
}

@media (max-width: 960px) {
  /* line 56, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
  .card-dsboard .txt-dsboard {
    font-size: 1rem;
  }
}

@media (max-width: 544px) {
  /* line 61, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
  .card-dsboard .txt-dsboard {
    font-size: 0.875rem;
  }
}

/* line 66, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.i-novedad {
  color: #1beae4;
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  -ms-transition: ease all 0.3s;
  transition: ease all 0.3s;
}

@media (max-width: 544px) {
  /* line 75, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
  .i-novedad {
    font-size: 1.5rem;
  }
}

/*Switch*/
/* line 81, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.onoffswitch {
  position: relative;
  width: 90px;
}

/* line 88, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.onoffswitch .onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 94, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.onoffswitch .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #ffffff;
  border-radius: 30px;
}

/* line 101, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.onoffswitch .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

/* line 107, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.onoffswitch .onoffswitch-inner:before,
.onoffswitch .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 40px;
  padding: 0;
  line-height: 40px;
  font-size: 10px;
  color: #fff;
  box-sizing: border-box;
}

/* line 119, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.onoffswitch .onoffswitch-inner:before {
  content: "SI";
  padding-left: 15px;
  background-color: #fff;
  color: #565656;
}

/* line 125, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.onoffswitch .onoffswitch-inner:after {
  content: "NO";
  padding-right: 15px;
  background-color: #fff;
  color: #565656;
  text-align: right;
}

/* line 132, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.onoffswitch .onoffswitch-switch {
  display: block;
  width: 30px;
  height: 30px;
  margin: 5px;
  background: #a1a1a1;
  position: absolute;
  top: 3px;
  bottom: 0;
  right: 46px;
  border: 2px solid #fff;
  border-radius: 30px;
  transition: all 0.3s ease-in 0s;
}

/* line 146, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.onoffswitch
.onoffswitch-checkbox:checked
+ .onoffswitch-label
.onoffswitch-inner {
  margin-left: 0;
}

/* line 152, app/assets/stylesheets/components/sy_app_employee/controllers/employee/index.scss */
.onoffswitch
.onoffswitch-checkbox:checked
+ .onoffswitch-label
.onoffswitch-switch {
  right: 0px;
  background-color: #1beae4;
}
/* line 1, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.input-salary-center ::-webkit-input-placeholder {
  text-align: center;
  font-size: 14px;
}

/* line 6, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.input-salary-center :-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
}

/* line 10, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.input-salary-center ::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
}

/* line 14, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.input-salary-center :-ms-input-placeholder {
  text-align: center;
}

/* line 18, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.input-salary-center input[type='number']::-webkit-inner-spin-button,
.input-salary-center input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*Switch*/
/* line 26, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.shwitch-benefits {
  position: relative;
  width: 50px;
}

/* line 33, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.shwitch-benefits .shwitch-benefits-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 39, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.shwitch-benefits .shwitch-benefits-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #ffffff;
  border-radius: 30px;
}

/* line 46, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.shwitch-benefits .shwitch-benefits-inner {
  display: block;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

/* line 51, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.shwitch-benefits .shwitch-benefits-inner:before,
.shwitch-benefits .shwitch-benefits-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 20px;
  padding: 0;
  line-height: 20px;
  font-size: 10px;
  color: #fff;
  box-sizing: border-box;
}

/* line 63, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.shwitch-benefits .shwitch-benefits-inner:before {
  content: "SI";
  padding-left: 5px;
  background-color: #fff;
  color: #565656;
}

/* line 69, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.shwitch-benefits .shwitch-benefits-inner:after {
  content: "NO";
  padding-right: 5px;
  background-color: #fff;
  color: #565656;
  text-align: right;
}

/* line 76, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.shwitch-benefits .shwitch-benefits-switch {
  display: block;
  width: 18px;
  height: 18px;
  margin: 5px;
  background: #a1a1a1;
  position: absolute;
  top: -2px;
  bottom: 0;
  right: 26px;
  border: 2px solid #fff;
  border-radius: 30px;
  transition: all 0.3s ease-in 0s;
}

/* line 90, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.shwitch-benefits
.shwitch-benefits-checkbox:checked
+ .shwitch-benefits-label
.shwitch-benefits-inner {
  margin-left: 0;
}

/* line 96, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.shwitch-benefits
.shwitch-benefits-checkbox:checked
+ .shwitch-benefits-label
.shwitch-benefits-switch {
  right: 0px;
  background-color: #ACFCF4;
}

/* line 105, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.radio-benefits input[type="radio"] {
  visibility: hidden;
  height: 0;
  width: 0;
}

/* line 111, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/employees_benefits/index.scss */
.radio-benefits input[type="radio"]:checked + label {
  background-color: #ACFCF4;
}
/* line 1, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/upload_documents_benefits/index.scss */
.tab-benefits-hover {
  background-color: #1BEAE4 !important;
}

/* line 5, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/upload_documents_benefits/index.scss */
.container-benefits .swiper-container {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  width: 82% !important;
}

/* line 11, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/upload_documents_benefits/index.scss */
.container-benefits .swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: -7px !important;
}

/* line 15, app/assets/stylesheets/components/sy_app_employee/controllers/employee_benefits/upload_documents_benefits/index.scss */
.container-benefits .swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: -7px !important;
}
/* line 1, app/assets/stylesheets/components/sy_app_employee/controllers/salary_increase/index.scss */
.dropdown:focus-within .dropdown-menu {
  opacity: 1;
  transform: translate(0) scale(1);
  visibility: visible;
}
/* purgecss start ignore */
/*Switch*/
/* line 3, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/absences/new.scss */
.onoffswitch {
  position: relative;
  width: 90px;
}

/* line 10, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/absences/new.scss */
.onoffswitch .onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 14, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/absences/new.scss */
.onoffswitch .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #FFFFFF;
  border-radius: 30px;
}

/* line 20, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/absences/new.scss */
.onoffswitch .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

/* line 25, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/absences/new.scss */
.onoffswitch .onoffswitch-inner:before, .onoffswitch .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 40px;
  padding: 0;
  line-height: 40px;
  font-size: 10px;
  color: #FFF;
  box-sizing: border-box;
}

/* line 35, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/absences/new.scss */
.onoffswitch .onoffswitch-inner:before {
  content: "SI";
  padding-left: 15px;
  background-color: #FFF;
  color: #565656;
}

/* line 40, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/absences/new.scss */
.onoffswitch .onoffswitch-inner:after {
  content: "NO";
  padding-right: 15px;
  background-color: #FFF;
  color: #565656;
  text-align: right;
}

/* line 46, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/absences/new.scss */
.onoffswitch .onoffswitch-switch {
  display: block;
  width: 30px;
  height: 30px;
  margin: 5px;
  background: #A1A1A1;
  position: absolute;
  top: 3px;
  bottom: 0;
  right: 46px;
  border: 2px solid #FFF;
  border-radius: 30px;
  transition: all 0.3s ease-in 0s;
}

/* line 59, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/absences/new.scss */
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

/* line 61, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/absences/new.scss */
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
  background-color: #1beae4;
}

/* purgecss end ignore */
/* purgecss start ignore
input{
  &::-webkit-inner-spin-button{
    opacity:0; // magic!

  }
}
purgecss end ignore */
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/incapacities/new.scss */
.container-info-general, .container-info-labor {
  display: grid;
}

/* line 6, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/incapacities/new.scss */
.container-general, .container-labor {
  display: none;
}

/* purgecss end ignore */
/* purgecss start ignore */
/* line 3, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.card-header {
  border: 0;
  padding: 1.0625rem 1.25rem;
  font-size: 1rem;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  border-radius: 5px !important;
}

@media (max-width: 768px) {
  /* line 13, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
  .card-header {
    font-size: 0.875rem;
  }
}

@media (max-width: 544px) {
  /* line 16, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
  .card-header {
    font-size: 0.75rem;
  }
}

/* line 19, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.list-group-item {
  border-bottom: 2px solid #F5F5F5;
  padding-bottom: 1rem;
}

/* line 22, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.list-group-item.active {
  border: 1px solid #F5F5F5;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  border-radius: 0.625rem;
  background: white;
  color: #565656;
}

/* line 31, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.l-cards {
  font-size: 1rem;
}

@media (max-width: 768px) {
  /* line 34, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
  .l-cards {
    font-size: 0.875rem;
  }
}

@media (max-width: 600px) {
  /* line 37, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
  .l-cards {
    font-size: 0.75rem;
  }
}

/* line 39, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.l-cards .badge {
  font-size: 0.75rem;
}

@media (max-width: 544px) {
  /* line 42, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
  .l-cards .badge {
    font-size: 0.625rem;
  }
}

/* line 44, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.l-cards .btn-link {
  font-weight: 300;
  text-decoration: underline;
}

@media (max-width: 544px) {
  /* line 48, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
  .l-cards .btn-link {
    font-size: 0.75rem;
  }
}

/* line 50, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.l-cards .d-cards span {
  font-size: 0.75rem;
  display: block;
}

@media (max-width: 544px) {
  /* line 54, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
  .l-cards .d-cards span {
    font-size: 0.625rem;
  }
}

/* line 58, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.d-novedad {
  font-size: 0.9375rem;
}

@media (max-width: 768px) {
  /* line 61, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
  .d-novedad {
    font-size: 0.75rem;
  }
}

@media (max-width: 480px) {
  /* line 64, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
  .d-novedad {
    font-size: 0.625rem;
  }
}

/* line 66, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.d-novedad h4 {
  color: #1beae4;
  font-size: 1.0625rem;
  font-weight: 400;
  margin: 0;
}

@media (max-width: 768px) {
  /* line 72, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
  .d-novedad h4 {
    font-size: 0.9375rem;
  }
}

@media (max-width: 480px) {
  /* line 75, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
  .d-novedad h4 {
    font-size: 0.55rem;
  }
}

/* line 77, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.d-novedad span {
  display: block;
  font-size: 0.75rem;
}

@media (max-width: 544px) {
  /* line 81, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
  .d-novedad span {
    font-size: 0.625rem;
  }
}

/* line 84, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.badge-date {
  font-size: 0.875rem;
  font-weight: 300;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  padding: 0.25rem 1.25rem;
  background: #F5F5F5;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  border-radius: 0.625rem;
  text-align: center;
}

@media (max-width: 768px) {
  /* line 99, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
  .badge-date {
    font-size: 0.75rem;
    padding: 0.25rem 0.625rem;
  }
}

@media (max-width: 544px) {
  /* line 103, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
  .badge-date {
    font-size: 0.625rem;
  }
}

/* line 107, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.list-hide-current-incidences,
.list-hide-previous-incidences,
.list-hide-current-incidences-responsive,
.list-hide-previous-incidences-responsive {
  display: none;
}

/* line 114, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.list-hide-current-incidences:nth-child(1),
.list-hide-previous-incidences:nth-child(1) {
  display: table-row;
}

/* line 118, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.list-hide-current-incidences:nth-child(2),
.list-hide-previous-incidences:nth-child(2) {
  display: table-row;
}

/* line 122, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.list-hide-current-incidences:nth-child(3),
.list-hide-previous-incidences:nth-child(3) {
  display: table-row;
}

/* line 126, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.list-hide-current-incidences:nth-child(4),
.list-hide-previous-incidences:nth-child(4) {
  display: table-row;
}

/* line 130, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.list-hide-current-incidences:nth-child(5),
.list-hide-previous-incidences:nth-child(5) {
  display: table-row;
}

/* line 135, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.list-hide-current-incidences-responsive:nth-child(1),
.list-hide-previous-incidences-responsive:nth-child(1) {
  display: block;
}

/* line 139, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.list-hide-current-incidences-responsive:nth-child(2),
.list-hide-previous-incidences-responsive:nth-child(2) {
  display: block;
}

/* line 143, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.list-hide-current-incidences-responsive:nth-child(3),
.list-hide-previous-incidences-responsive:nth-child(3) {
  display: block;
}

/* line 147, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.list-hide-current-incidences-responsive:nth-child(4),
.list-hide-previous-incidences-responsive:nth-child(4) {
  display: block;
}

/* line 151, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index.scss */
.list-hide-current-incidences-responsive:nth-child(5),
.list-hide-previous-incidences-responsive:nth-child(5) {
  display: block;
}

/* purgecss end ignore */
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index/data/table_responsive.scss */
.incidences-frame::-webkit-scrollbar {
  -webkit-appearance: none;
}

/* line 5, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index/data/table_responsive.scss */
.incidences-frame::-webkit-scrollbar:horizontal {
  height: 11px;
}

/* line 8, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index/data/table_responsive.scss */
.incidences-frame::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: #a0a0a0;
}

/* line 13, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index/data/table_responsive.scss */
.incidences-frame::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 8px;
}

/* line 18, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/index/data/table_responsive.scss */
.rotate-90 {
  transform: rotate(90deg);
}

/* purgecss end ignore */
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/licences/new.scss */
.container-info-relation, .container-info-mourning, .container-info-calamity {
  display: grid;
}

/* line 6, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/licences/new.scss */
.container-relation, .container-mourning, .container-calamity {
  display: none;
}

/* purgecss end ignore */
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/loans/new.scss */
.container-info-loans, .container-info-advances {
  display: grid;
}

/* line 6, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/loans/new.scss */
.container-loans, .container-advances {
  display: none;
}

/* purgecss start ignore */
/* purgecss start ignore */
/* line 3, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/permissions/new.scss */
.container-paid, .container-nopaid {
  display: none;
}

/* line 7, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/permissions/new.scss */
.container-info-paid, .container-info-nopaid {
  display: grid;
}

/* purgecss end ignore */
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: .25rem;
}

/* line 16, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
.card-novedad {
  -webkit-border-radius: 0.9375rem;
  -moz-border-radius: 0.9375rem;
  -ms-border-radius: 0.9375rem;
  border-radius: 0.9375rem;
  padding: 1.25rem;
  display: block;
  max-width: 480px;
}

@media (max-width: 1024px) {
  /* line 25, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
  .card-novedad {
    margin: 0 auto;
  }
}

/* line 27, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
.card-novedad .d-nomina-icon {
  border-radius: 50% !important;
  width: 1.75rem;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 1rem;
}

/* line 33, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
.card-novedad .box-text {
  width: calc(100% - 45px);
  font-size: 1rem;
}

@media (max-width: 768px) {
  /* line 37, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
  .card-novedad .box-text {
    font-size: 0.875rem;
  }
}

@media (max-width: 544px) {
  /* line 40, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
  .card-novedad .box-text {
    font-size: 0.75rem;
  }
}

/* line 42, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
.card-novedad .box-text h3 {
  font-size: 1rem;
}

/* line 45, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
.card-dsboard {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  position: relative;
  font-size: 1rem;
  text-decoration: none !important;
  color: #565656 !important;
  height: 100%;
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  -ms-transition: ease all 0.3s;
  transition: ease all 0.3s;
}

/* line 59, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
.card-dsboard:hover {
  color: #1beae4 !important;
}

/* line 61, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
.card-dsboard:hover .i-dsboard {
  font-size: 2.5rem;
}

/* line 63, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
.card-dsboard:hover .i-novedad {
  color: #1beae4;
}

@media (max-width: 544px) {
  /* line 66, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
  .card-dsboard {
    font-size: 0.75rem;
  }
}

/* line 68, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
.card-dsboard .txt-dsboard {
  font-size: 1.375rem;
  font-weight: 500;
}

@media (max-width: 1200px) {
  /* line 72, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
  .card-dsboard .txt-dsboard {
    font-size: 1.125rem;
  }
}

@media (max-width: 960px) {
  /* line 75, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
  .card-dsboard .txt-dsboard {
    font-size: 1rem;
  }
}

@media (max-width: 544px) {
  /* line 78, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
  .card-dsboard .txt-dsboard {
    font-size: 0.875rem;
  }
}

/* line 82, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
.i-novedad {
  color: #B6B4B4;
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  -ms-transition: ease all 0.3s;
  transition: ease all 0.3s;
}

@media (max-width: 544px) {
  /* line 90, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/select_kind_new.scss */
  .i-novedad {
    font-size: 1.5rem;
  }
}

/* purgecss end ignore */
/* line 1, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/in_money.scss */
.input-day-center input[type='number']::-webkit-inner-spin-button,
.input-day-center input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/in_time.scss */
.form-vacaciones {
  font-size: 1rem;
  font-weight: bold;
}

@media (max-width: 768px) {
  /* line 7, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/in_time.scss */
  .form-vacaciones {
    font-size: 0.875rem;
  }
}

@media (max-width: 480px) {
  /* line 12, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/in_time.scss */
  .form-vacaciones {
    font-size: 0.75rem;
  }
}

/* line 16, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/in_time.scss */
.form-vacaciones .border-bottom,
.form-vacaciones .border-top {
  border-width: 3px !important;
}

@media (max-width: 600px) {
  /* line 22, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/in_time.scss */
  .form-vacaciones .form-inline .label {
    font-size: 0.625rem;
  }
}

/* line 28, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/in_time.scss */
.form-vacaciones .form-inline input[type="text"] {
  border-radius: 50%;
  width: 45px;
  height: 45px;
  text-align: center;
  background-color: #acfcf4;
  font-weight: bold;
}

@media (max-width: 600px) {
  /* line 37, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/in_time.scss */
  .form-vacaciones .form-inline input[type="text"] {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }
}

/* line 44, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/in_time.scss */
.form-vacaciones .form-inline input.active[type="text"] {
  background: #1beae4;
  color: black;
  font-weight: bold;
}

/* line 49, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/in_time.scss */
.form-vacaciones .form-inline input.active[type="text"]::placeholder {
  color: black;
  font-weight: bold;
}

/* line 54, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/in_time.scss */
.flatpickr-day.selected {
  background-color: #1beae4 !important;
}

/* purgecss end ignore */
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/info_new.scss */
.list-bullet {
  padding: 0 0 0 1.4375rem;
  margin: 0;
  list-style: none;
}

@media (max-width: 544px) {
  /* line 7, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/info_new.scss */
  .list-bullet {
    padding: 0 0 0 0.9375rem;
  }
}

/* line 9, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/info_new.scss */
.list-bullet li {
  font-size: 1rem;
}

@media (max-width: 768px) {
  /* line 12, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/info_new.scss */
  .list-bullet li {
    font-size: 0.875rem;
  }
}

@media (max-width: 544px) {
  /* line 15, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/info_new.scss */
  .list-bullet li {
    font-size: 0.75rem;
  }
}

/* line 17, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/info_new.scss */
.list-bullet li:before {
  color: #1beae4;
  content: '\2022';
  font-weight: 800;
  display: inline-block;
  margin-left: -1em;
  width: 1em;
  font-size: 1.5rem;
}

@media (max-width: 544px) {
  /* line 26, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/info_new.scss */
  .list-bullet li:before {
    font-size: 1rem;
  }
}

/* purgecss end ignore */
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/new.scss */
.form-vacaciones {
  font-size: 1rem;
}

@media (max-width: 768px) {
  /* line 5, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/new.scss */
  .form-vacaciones {
    font-size: 0.875rem;
  }
}

@media (max-width: 480px) {
  /* line 8, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/new.scss */
  .form-vacaciones {
    font-size: 0.75rem;
  }
}

/* line 10, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/new.scss */
.form-vacaciones .border-bottom, .form-vacaciones .border-top {
  border-width: 3px !important;
}

@media (max-width: 600px) {
  /* line 14, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/new.scss */
  .form-vacaciones .form-inline .label {
    font-size: 0.625rem;
  }
}

/* line 18, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/new.scss */
.form-vacaciones .form-inline input[type="text"] {
  border-radius: 50%;
  width: 47px;
  height: 47px;
  text-align: center;
}

@media (max-width: 600px) {
  /* line 24, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/new.scss */
  .form-vacaciones .form-inline input[type="text"] {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    font-size: 0.75rem;
  }
}

/* line 29, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/new.scss */
.form-vacaciones .form-inline input.active[type="text"] {
  background: #1beae4;
  color: #FFF;
}

/* line 32, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/new.scss */
.form-vacaciones .form-inline input.active[type="text"]::placeholder {
  color: #FFF;
}

/* line 36, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/vacations/new.scss */
.flatpickr-day.selected {
  background-color: #1beae4 !important;
}

/* purgecss end ignore */
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/worked_days/new.scss */
.container-count {
  max-width: 450px;
}

/* line 4, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/worked_days/new.scss */
.container-count .box-count {
  width: 250px;
  height: 80px;
  font-size: 2.5rem;
  line-height: 5rem;
  font-weight: 300;
  position: relative;
}

@media (max-width: 600px) {
  /* line 13, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/worked_days/new.scss */
  .container-count .box-count {
    width: 200px;
    height: 70px;
    font-size: 1.875rem;
    line-height: 4rem;
  }
}

/* line 20, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/worked_days/new.scss */
.container-count .button-action {
  width: 60px;
  height: 49px;
  padding: 0;
  position: absolute;
  top: calc(50% - 25px);
  left: -40px;
  font-size: 2rem;
  line-height: 0rem;
}

@media (max-width: 600px) {
  /* line 31, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/worked_days/new.scss */
  .container-count .button-action {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    top: calc(50% - 18px);
    font-size: 2.25rem;
    left: -18px;
    line-height: 0rem;
  }
}

/* line 39, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/worked_days/new.scss */
.container-count .button-action:nth-child(3n) {
  left: auto;
  right: -40px;
}

@media (max-width: 600px) {
  /* line 44, app/assets/stylesheets/components/sy_app_incidence/controllers/incidences/worked_days/new.scss */
  .container-count .button-action:nth-child(3n) {
    right: -18px;
  }
}

/* purgecss end ignore */
.flatpickr-day.selected{
    background-color: #1beae4 !important;
}

.liquidation  input[type="radio"]:checked  {
    background-color: #1beae4 !important; 
    box-shadow: 0px 0px 0px 4px white inset !important;
    background-image: none !important;
}
/* line 1, app/assets/stylesheets/components/sy_app_liquidation/liquidation_modal.scss */
.tippy-box[data-theme~='liquidation'] {
  background-color: white;
  -webkit-box-shadow: 0px 1px 7px 0px rgba(196, 196, 196, 0.4);
  -moz-box-shadow: 0px 1px 7px 0px rgba(196, 196, 196, 0.4);
  box-shadow: 0px 1px 7px 0px rgba(196, 196, 196, 0.4);
  color: #424C5A;
  border-radius: 25px;
  font-size: 15px;
  border: none;
  padding: 13px;
  text-align: center;
}

/* line 14, app/assets/stylesheets/components/sy_app_liquidation/liquidation_modal.scss */
.tippy-box[data-theme~='liquidation'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: white;
}

/* line 18, app/assets/stylesheets/components/sy_app_liquidation/liquidation_modal.scss */
.tippy-box[data-theme~='liquidation'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: white;
}

/* line 21, app/assets/stylesheets/components/sy_app_liquidation/liquidation_modal.scss */
.tippy-box[data-theme~='liquidation'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: white;
}

/* line 24, app/assets/stylesheets/components/sy_app_liquidation/liquidation_modal.scss */
.tippy-box[data-theme~='liquidation'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: white;
}
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.modal-nps-survey {
  z-index: 1072;
}

/* line 6, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.container-nps {
  text-align: center;
}

/* line 10, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.stepper-wrapper-nps-survey {
  margin: 50px auto;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

/* line 19, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.stepper-wrapper-nps-survey::before {
  content: "";
  width: 100%;
  height: 3px;
  background-color: lightgray;
  position: absolute;
  z-index: -2;
}

/* line 28, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.progress-nps-survey {
  content: "";
  width: 0%;
  height: 3px;
  background-color: #7cfcf4;
  position: absolute;
  z-index: -1;
  transition: width 2s;
}

/* line 38, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.screen-indicator {
  border-radius: 50%;
  border: 3px solid lightgrey;
  background-color: white;
  padding: 0.5rem 1rem;
  color: gray;
  transition: border-color color;
  transition-duration: 0.1s;
}

/* line 48, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.completed {
  border-color: #7cfcf4;
  background-color: #7cfcf4;
  color: black;
}

@media (max-width: 576px) {
  /* line 55, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
  .screen-indicator {
    padding: 0.4rem 0.8rem;
  }
  /* line 59, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
  .stepper-wrapper-nps-survey {
    font-size: 12px;
  }
}

/* line 64, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.question-nps-survey {
  transition: border-color color;
  transition-duration: 5s;
}

/* line 69, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
fieldset,
label {
  margin: 0;
  padding: 0;
}

/* line 74, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.rating {
  border: none;
}

/* line 77, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.rating > input {
  display: none;
}

/*.rating > label:before {
  margin: 25px 25px 0px 25px;
  font-size: 2.2em;
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  content: "\f004";
  font-weight: solid;
}*/
/* line 89, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.rating > label i {
  position: relative;
  font-size: 35px;
}

@media (max-width: 576px) {
  /* line 94, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
  .rating > label i {
    font-size: 25px;
  }
}

/* line 99, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.rating > label span {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  justify-content: center;
  font-size: 14px;
  padding: 6px 0 0 0;
}

@media (max-width: 576px) {
  /* line 111, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
  .rating > label span {
    font-size: 10px;
    padding: 3px 0 0 0;
  }
}

/* line 117, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.rating > label {
  color: #ddd;
}

/* line 121, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: #7cfcf4;
}

/* line 127, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
  color: #bbf9f7;
}

/* line 133, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.rating > label:last-child {
  color: #7cfcf4;
}

/* line 137, app/assets/stylesheets/components/sy_app_liquidation/nps_survey.scss */
.fade-in-nps {
  animation-name: FadeInNPS;
  animation-duration: 4.5s;
  transition-timing-function: linear;
}

@keyframes FadeInNPS {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes FadeInNPS {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes FadeInNPS {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* purgecss end ignore */
.border-info-benefits{
    box-shadow: 0px 1px 7px -1px rgba(66, 76, 90, 0.3);
    border-radius: 20px;
}


.floating-input-benefits>input::placeholder {
    color: transparent;
  }
  .floating-input-benefits>input:focus,
  .floating-input-benefits>input:not(:placeholder-shown) {
    padding-top: 1.5rem;
  }
  .floating-input-benefits>input:focus~label,
  .floating-input-benefits>input:not(:placeholder-shown)~label {
    --tw-translate-y: -0.75rem;
    --tw-translate-x: 0.25rem;
    left: 12px;
    top:-2px;
    padding-left: 3px;
    padding-right: 3px;
    color:#4E7D96;
  }
  
  .floating-input-benefits>select::placeholder {
    color: transparent;
  }
  .floating-input-benefits>select:focus,
  .floating-input-benefits>select:not(:placeholder-shown) {
    padding-top: 1rem;
  }
  .floating-input-benefits>select:focus~label,
  .floating-input-benefits>select:not(:placeholder-shown)~label {
    --tw-translate-y: -0.75rem;
    --tw-translate-x: 0.25rem;
    left: 12px;
    top:-2px;
    padding-left: 3px;
    padding-right: 3px;
    color:#4E7D96;
  }
  
  .floating-input-benefits>textarea::placeholder {
    color: transparent;
  }
  .floating-input-benefits>textarea:focus,
  .floating-input-benefits>textarea:not(:placeholder-shown) {
    padding-top: 1rem;
  }
  .floating-input-benefits>textarea:focus~label,
  .floating-input-benefits>textarea:not(:placeholder-shown)~label {
    --tw-translate-y: -0.75rem;
    --tw-translate-x: 0.25rem;
    left: 12px;
    top:-2px;
    padding-left: 3px;
    padding-right: 3px;
    color:#4E7D96;
  }


  .check-benefits>input[type=checkbox] {
    accent-color: red !important;
    color: #1beae4 !important
  }
/* line 1, app/assets/stylesheets/components/sy_app_member_products/benefits_prime.scss */
.membership_benefits_section {
  max-width: 1532px;
}

/* line 8, app/assets/stylesheets/components/sy_app_member_products/benefits_prime.scss */
.swiper_benefits {
  height: 100%;
}

/* line 12, app/assets/stylesheets/components/sy_app_member_products/benefits_prime.scss */
.swiper_benefits .swiper-slide {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 19, app/assets/stylesheets/components/sy_app_member_products/benefits_prime.scss */
.swiper_benefits .swiper-slide:first-child {
  margin-left: 100px;
}

/* line 23, app/assets/stylesheets/components/sy_app_member_products/benefits_prime.scss */
.swiper-max-width-benefits {
  max-width: 1532px;
}

/* line 27, app/assets/stylesheets/components/sy_app_member_products/benefits_prime.scss */
.swiper_benefits {
  height: auto;
  margin: 20px auto;
}

/* line 33, app/assets/stylesheets/components/sy_app_member_products/benefits_prime.scss */
.swipper_button_custome_next_btn::after, .swipper_button_custome_prev_btn:after {
  font-size: 16px !important;
  color: gray;
  z-index: 50;
}

/* line 39, app/assets/stylesheets/components/sy_app_member_products/benefits_prime.scss */
.swipper_button_custome_next_btn, .swipper_button_custome_prev_btn {
  width: 32px !important;
  height: 32px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  z-index: 2000;
}

/* line 49, app/assets/stylesheets/components/sy_app_member_products/benefits_prime.scss */
.swipper_button_custome_next_btn::after {
  margin-right: -3px !important;
}

/* line 53, app/assets/stylesheets/components/sy_app_member_products/benefits_prime.scss */
.swipper_button_custome_prev_btn::after {
  margin-left: -3px;
}

/* line 56, app/assets/stylesheets/components/sy_app_member_products/benefits_prime.scss */
.blur-backgraund-swiper-right {
  background: white;
  position: absolute;
  right: -3rem;
  top: 0;
  bottom: 0;
  z-index: 2;
  filter: blur(12px);
  width: 170px;
  -webkit-filter: blur(35px);
}
/* line 1, app/assets/stylesheets/components/sy_app_member_products/modal.scss */
.modal-member {
  z-index: 1072 !important;
}
@media only screen and (max-width: 430px) {
  /* line 4, app/assets/stylesheets/components/sy_app_member_products/payment_methods.scss */
  .add_payment_card_epayco div .payment_card_item input, .add_payment_card_epayco div .payment_card_item select {
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 357px) {
  /* line 9, app/assets/stylesheets/components/sy_app_member_products/payment_methods.scss */
  .add_payment_card_epayco div .payment_card_item input, .add_payment_card_epayco div .payment_card_item select {
    font-size: 12px !important;
  }
}

@media only screen and (max-width: 357px) {
  /* line 20, app/assets/stylesheets/components/sy_app_member_products/payment_methods.scss */
  .new_payment_method_header div p {
    font-size: 14px !important;
  }
}

/* line 29, app/assets/stylesheets/components/sy_app_member_products/payment_methods.scss */
.onoffswitch_payment_method:before {
  font-size: 14px !important;
}

/* line 33, app/assets/stylesheets/components/sy_app_member_products/payment_methods.scss */
.onoffswitch_payment_method:after {
  font-size: 14px !important;
}

/* line 37, app/assets/stylesheets/components/sy_app_member_products/payment_methods.scss */
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch_payment_method2 {
  right: 0px;
  background-color: #6161d4 !important;
}

/* line 42, app/assets/stylesheets/components/sy_app_member_products/payment_methods.scss */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 48, app/assets/stylesheets/components/sy_app_member_products/payment_methods.scss */
input[type=number] {
  -moz-appearance: textfield;
}
.docokids>.header {
    padding: 20px 20px 0px 20px;
}
.docokids>.header>.banner-docokids {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: blue;
    height: 250px;
    border-radius: 20px 20px 0px 0px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
}
.docokids>.header>.banner-docokids>.flag {
    width: 210px;
    height: 60px;
    color: white;
    margin-top: 40px;
    background-repeat: no-repeat;
    margin-left: -12px;
}
.docokids>.header>.banner-docokids>.dimon {
    width: 400px;
    height: 200px;
    margin-top: 50px;
    margin-left: 50px;
    margin-right: 50px;
    background-repeat: no-repeat;
}
.docokids>.header>.banner-docokids>.title {
    width: 70%;
    height: 100%;
    color: white;
    font-weight: 600;
    font-size: 2rem;
    align-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.docokids>.header>.banner-docokids>.title>div {
    width: 100%;
}
.docokids>.header>.banner-docokids>.title>.text-color-green {
    color: #1BEAE4;
}
.docokids>.header>.banner-docokids>.star-1 {
    height: 20px;
    position: absolute;
    margin-top: 200px;
    margin-left: 190px;
}
.docokids>.header>.banner-docokids>.star-2 {
    height: 20px;
    position: absolute;
    margin-top: 70px;
    margin-left: 450px;
}
.docokids>.header>.banner-docokids>.star-3 {
    height: 20px;
    position: absolute;
    margin-top: 190px;
    right: 0;
    margin-right: 150px;
}
.docokids>.separator-green {
    height: 15px;
    width: 100%;
    background-color: #1BEAE4;
}
.docokids>.footer {
    padding: 0px 15px 15px 15px;
    display: flex;
}
.docokids>.footer>.container-prime {
    border: solid #6161D4;
    border-width: 0px 2px 2px 2px;
    height: 100px;
    border-radius: 0px 0px 0px 10px;
    width: 60%;
    display: flex;
    align-items: center;
}
.docokids>.footer>.container-no-prime {
    border: solid #1BEAE4;
    border-width: 0px 2px 2px 0px;
    height: 100px;
    border-radius: 0px 0px 10px 0px;
    width: 40%;
    display: flex;
    align-items: center;
}
.docokids>.footer>.container-prime>.separator-prime {
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    z-index: 2;
}
.docokids>.footer>.container-prime>.separator-prime::after {
    content: "";
    position: absolute;
    width: 200px;
    height: 100px;
    border: solid #6161D4;
    border-width: 0px 1px 0px 0px;
    transform: skew(20deg);
}
.docokids>.footer>.container-prime>.prime {
    width: 200px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.docokids>.footer>.container-prime>.prime>.texto {
    width: 100%;
    text-align: center;
    margin-top: 5px;
    font-size: .8rem;
    color: #6161D4;
    font-weight: 600;
    text-decoration: underline;
}
.docokids>.footer>.container-prime>.detail {
    margin-left: 30px;
    font-size: .8rem;
}
.docokids>.footer>.container-no-prime>.detail {
    margin-left: 30px;
    font-size: .8rem;
}
.docokids>.footer>.container-prime>.detail>.title {
    margin-bottom: 10px;
    margin-left: -5px;
    color: #6161D4;
    font-weight: 600;
}
.docokids>.footer>.container-prime>.detail>.text {
    color: #424C5A;
}
.docokids>.footer>.container-prime>.detail>.text>.over-line {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    z-index: 2;
}
.docokids>.footer>.container-prime>.detail>.text>.over-line::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 7px;
    border: solid #EC130E;
    border-width: 0px 10px 0px 0px;
    transform: skew(80deg);
    margin-top: -14px;
    margin-left: 110px;
}

.docokids>.footer>.container-no-prime>.detail>.title {
    margin-bottom: 10px;
    margin-left: -5px;
    color: #1BEAE4;
    font-weight: 600;
}

.docokids>.footer>.container-no-prime>.detail>.text {
    color: #424C5A;
}
.docokids>.footer>.container-no-prime>.detail>.text>.over-line {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    z-index: 2;
}


.docokids>.footer>.container-no-prime>.detail>.text>.over-line::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 7px;
    border: solid #EC130E;
    border-width: 0px 10px 0px 0px;
    transform: skew(80deg);
    margin-top: -14px;
    margin-left: 110px;
}
.docokids>.description-container {
    display: flex;
    padding: 20px;
}
.docokids>.description-container>.container {
    width: 100%;
    display: flex;
    border: 1px solid #92BBCF;
    border-radius: 10px;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
    display: flex;
    width: 100%;
    background-image: url("https://sfo2.digitaloceanspaces.com/cdn.symplifica/admin/assets/img/background-detail.png");;
    height: 100%;
    margin: auto;
    padding: 0px;
    background-height: 500px;
    background-size: 34%;
    background-position: right;
    background-repeat: no-repeat;
}
.docokids>.description-container>.container>.text {
    width: 70%;
}
.docokids>.description-container>.container>.imagen> {

}
.docokids>.description-container>.container>.text>.title {
    color: #295B75;
    font-size: 26px;
    padding: 55px;
    justify-content: left ;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;

}
.docokids>.description-container>.container>.text>.title>.text-description {
    color: #424C5A;
    font-size: 18px;
    padding: 40px;
    justify-content: left;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-left: -30px;



}
.docokids>.description-container>.container>.imagen>.logo {
    position: absolute;
    height: 250px;
    width: 250px;
    margin-left: -30px;
    margin-top: 150px;
    z-index: 999;
}

.docokids>.description-container>.container>.text>.imagen {
    display: flex;
}
.docokids>.description-container>.container>.imagen>.background-detail {

}
.docokids>.description-container>.container>.text>.title>hr {
    margin: unset;
    width: 100%;
    background-color: #1BEAE4;
    height: 5px;
    border: none;
    margin-top: 30px;
}
.docokids>.description-container>.container>.text>.title>.footer-text {
    display: flex;
    gap: 49px;
    margin-left: 40px;
    margin-top: 20px;


}
.docokids>.description-container>.container>.text>.title>button {
    background-color: #6161D4;
    color: white;
    padding: 0px 20px 8px 20px;
    font-size: 2rem;
    border: none;
    border-radius: 50px;
    width: 320px;
    height: 50px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin: auto;
}
.docokids>.description-container>.container>.text>.title>button:hover {
    background-color: #108E85;
}

@media (min-width: 200px) and (max-width: 820px) {
    .docokids > .header {
        padding: 0px;
    }

    .docokids > .footer > .container-no-prime > .detail {
        margin-left: 30px;
        font-size: .8rem;

    }

    .docokids > .footer {
        padding: 0px 15px 15px 15px;
        display: flex;
        flex-direction: column;

    }

    .docokids > .footer > .container-prime {
        border: solid #6161D4;
        border-width: 2px;
        height: 180px;
        border-radius: 10px;
        width: 100%;
        display: flex;
        align-items: center;
        border-bottom-left-radius: 0px;
        flex-direction: column-reverse;
        border-bottom-right-radius: 0px;
        align-items: flex-start;
    }

    .docokids > .footer > .container-no-prime {
        border: solid #1BEAE4;
        border-width: 0px 2px 2px 2px;
        height: 180px;
        border-radius: 10px;
        width: 100%;
        display: flex;
        align-items: center;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-width-top: 0px;

    }

    .docokids > .header > .banner-docokids {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        background-color: blue;
        height: 400px;
        border-radius: 0px;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
        align-items: center;
    }

    .docokids > .header > .banner-docokids > .flag {
        display: none;
    }

    .docokids > .header > .banner-docokids > .dimon {
        width: 265px;
        margin-right: 0px;
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 15px;
    }

    .docokids > .header > .banner-docokids > .title {
        width: 100%;
        color: white;
        font-weight: 600;
        font-size: 2rem;
        align-content: flex-start;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        height: 200px;
        text-align: center;
    }

    .docokids > .header > .banner-docokids > .title > div {
        width: 100%;
    }

    .docokids > .text-color-green {
        color: #1BEAE4;
    }

    .docokids > .separator-green {
        width: 100%;
        background-color: white;
        margin-top: -15px;
        z-index: 10;
        position: relative;
        border-radius: 15px 15px 0px 0px;
        height: 30px;
    }

    .docokids > .footer > .container-prime > .separator-prime {
        display: none;
    }

    .docokids > .footer > .container-prime > .separator-prime::after {
        display: none;
    }

    .docokids > .footer > .container-prime > .prime {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 15px;
        padding: 5px;
        background-color: #F8F8FF;
        cursor: pointer;

    }

    .docokids > .footer > .container-prime > .prime > .texto {
        width: 100px;
        margin-left: 15px;
        text-align: center;
        margin-top: 5px;
        color: #6161D4;
        font-weight: 600;
        text-decoration: underline;
    }

    .docokids > .footer > .container-prime > .detail {
        margin-left: 30px;
        font-size: 1rem;
    }

    .docokids > .footer > .container-no-prime > .detail {
        margin-left: 30px;
        font-size: 1rem;
    }

    .docokids > .footer > .container-prime > .detail > .title {
        margin-bottom: 10px;
        margin-left: -5px;
        color: #6161D4;
        font-weight: 600;
    }

    .docokids > .footer > .container-prime > .detail > .text {
        color: #424C5A;
    }

    .docokids > .footer > .container-prime > .detail > .text > .over-line {
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        z-index: 2;
    }

    .docokids > .footer > .container-prime > .detail > .text > .over-line::after {
        content: "";
        position: absolute;
        width: 30px;
        height: 10px;
        border: solid #EC130E;
        border-width: 0px 10px 0px 0px;
        transform: skew(80deg);
        margin-top: -16px;
        margin-left: 120px;
    }

    .docokids > .footer > .container-no-prime > .detail > .text > .over-line::after {
        content: "";
        position: absolute;
        width: 30px;
        height: 10px;
        border: solid #EC130E;
        border-width: 0px 10px 0px 0px;
        transform: skew(80deg);
        margin-top: -16px;
        margin-left: 120px;
    }

    .docokids > .description-container > .container {
        display: flex;
        flex-direction: column;
        width: 100%;
        background-image: url("https://sfo2.digitaloceanspaces.com/cdn.symplifica/admin/assets/img/Footer2.png");
        height: 100%;
        width: 100%;
        margin: auto;
        padding: 100px;
        background-height: 500px;
        background-size: 100%;
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .docokids > .description-container {
        display: flex;
        padding: 20px;
    }

    .docokids > .description-container > .container > .imagen > .background-detail {

    }

    .docokids > .description-container > .container > .imagen > .logo {
        display: none;
    }

    .docokids > .description-container > .container > .text {
        width: 89%;

    }

    .docokids > .description-container > .container > .text > .title {
        color: #295B75;
        font-size: 30px;
        justify-content: left;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin-bottom: 300px;
        margin-left: -95px;
        padding: 10px;
    }
    .docokids>.description-container>.container>.text>.title>.text-description {
        color: #424C5A;
        font-size: 22px;
        padding: 15px;
        justify-content: left;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin-left: -1px;


    }
    .docokids>.description-container>.container>.imagen>.background-detail {
      display: none;
    }
    .docokids>.header>.banner-docokids>.star-1 {
        height: 32px;
        position: absolute;
        margin-top: 200px;
        margin-left: -280px;
        margin-bottom: 45px;
    }
    .docokids>.header>.banner-docokids>.star-2 {
        height: 32px;
        position: absolute;
        margin-top: 200px;
        margin-left: 280px;
        margin-bottom: 45px;
    }
    .docokids>.header>.banner-docokids>.star-3 {
        height: 20px;
        position: absolute;
        margin-top: 185px;
        margin-right: 70px;
        margin-bottom: 90px;

    }

    .docokids>.description-container>.container>.text>.title>.footer-text {
        display: flex;
        gap: 12px;
        margin-left: 25px;
        margin-top: 20px;

        font-size: 24px;
        flex-direction: column;


    }
    .docokids>.description-container>.container>.text>.title>.footer_separator{
        margin: unset;
        width: 119%;
        background-color: #1BEAE4;
        height: 9px;
        border: none;
        margin-top: 30px;
    }
    .docokids>.description-container>.container>.text>.title>.footer-text>.footer_separator {

        width: 122%;
        background-color: gray;
        height: 3px;
        border: none;
        margin-top: 30px;
    }

}
/* line 1, app/assets/stylesheets/components/sy_app_pay/bonus/bonus.scss */
.bonus_ecuation_section_title {
  white-space: nowrap;
}

@media screen and (min-width: 768px) and (max-width: 777px) {
  /* line 7, app/assets/stylesheets/components/sy_app_pay/bonus/bonus.scss */
  .equationContainer {
    overflow-x: auto;
    justify-content: start;
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 1098px) {
  /* line 16, app/assets/stylesheets/components/sy_app_pay/bonus/bonus.scss */
  .bonus_ecuation_section {
    font-size: 13px;
    padding-right: 2px;
    padding-left: 2px;
  }
  /* line 21, app/assets/stylesheets/components/sy_app_pay/bonus/bonus.scss */
  .bonus_ecuation_symbol {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  /* line 26, app/assets/stylesheets/components/sy_app_pay/bonus/bonus.scss */
  .equationResult {
    margin-top: 12px;
  }
  /* line 30, app/assets/stylesheets/components/sy_app_pay/bonus/bonus.scss */
  .equationContainer {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 480px) {
  /* line 36, app/assets/stylesheets/components/sy_app_pay/bonus/bonus.scss */
  .equationContainer {
    overflow-x: auto;
    justify-content: start;
    padding-bottom: 15px;
  }
}
/* purgecss start ignore */
/* line 3, app/assets/stylesheets/components/sy_app_pay/payment_status/modal_severance/component.scss */
.modal-severance {
  z-index: 1072;
}

/* purgecss end ignore */
/* purgecss start ignore */
/* line 2, app/assets/stylesheets/components/sy_app_pay/salary_premium/modal_salary_premium/component.scss */
.modal-welcome {
  z-index: 1072;
}

/* purgecss end ignore */
/* purgecss start ignore */
/* line 3, app/assets/stylesheets/components/sy_app_pay/severance/modal_severance/component.scss */
.modal-severance {
  z-index: 1072;
}

/* purgecss end ignore */
/* line 2, app/assets/stylesheets/components/sy_app_profile/controllers/load_more.scss */
.list-hide {
  display: none;
}

/* line 7, app/assets/stylesheets/components/sy_app_profile/controllers/load_more.scss */
.list-hide:nth-child(4) {
  display: block;
}

/* line 10, app/assets/stylesheets/components/sy_app_profile/controllers/load_more.scss */
.list-hide:nth-child(5) {
  display: block;
}

/* line 13, app/assets/stylesheets/components/sy_app_profile/controllers/load_more.scss */
.list-hide:nth-child(6) {
  display: block;
}

/* line 16, app/assets/stylesheets/components/sy_app_profile/controllers/load_more.scss */
.list-hide:nth-child(7) {
  display: block;
}

/* line 19, app/assets/stylesheets/components/sy_app_profile/controllers/load_more.scss */
.list-hide:nth-child(8) {
  display: block;
}
@charset "UTF-8";
/*Switch*/
/* line 2, app/assets/stylesheets/components/sy_app_profile/controllers/payment_methods/new/forms/credit_cards.scss */
.onoffswitch {
  position: relative;
  width: 90px;
}

/* line 9, app/assets/stylesheets/components/sy_app_profile/controllers/payment_methods/new/forms/credit_cards.scss */
.onoffswitch .onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/components/sy_app_profile/controllers/payment_methods/new/forms/credit_cards.scss */
.onoffswitch .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #FFFFFF;
  border-radius: 30px;
}

/* line 19, app/assets/stylesheets/components/sy_app_profile/controllers/payment_methods/new/forms/credit_cards.scss */
.onoffswitch .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

/* line 24, app/assets/stylesheets/components/sy_app_profile/controllers/payment_methods/new/forms/credit_cards.scss */
.onoffswitch .onoffswitch-inner:before, .onoffswitch .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 40px;
  padding: 0;
  line-height: 40px;
  font-size: 10px;
  color: #FFF;
  box-sizing: border-box;
}

/* line 34, app/assets/stylesheets/components/sy_app_profile/controllers/payment_methods/new/forms/credit_cards.scss */
.onoffswitch .onoffswitch-inner:before {
  content: "Sí";
  padding-left: 15px;
  background-color: #FFF;
  color: #565656;
}

/* line 39, app/assets/stylesheets/components/sy_app_profile/controllers/payment_methods/new/forms/credit_cards.scss */
.onoffswitch .onoffswitch-inner:after {
  content: "No";
  padding-right: 15px;
  background-color: #FFF;
  color: #565656;
  text-align: right;
}

/* line 45, app/assets/stylesheets/components/sy_app_profile/controllers/payment_methods/new/forms/credit_cards.scss */
.onoffswitch .onoffswitch-switch {
  display: block;
  width: 30px;
  height: 30px;
  margin: 5px;
  background: #A1A1A1;
  position: absolute;
  top: 3px;
  bottom: 0;
  right: 46px;
  border: 2px solid #FFF;
  border-radius: 30px;
  transition: all 0.3s ease-in 0s;
}

/* line 58, app/assets/stylesheets/components/sy_app_profile/controllers/payment_methods/new/forms/credit_cards.scss */
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

/* line 60, app/assets/stylesheets/components/sy_app_profile/controllers/payment_methods/new/forms/credit_cards.scss */
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
  background-color: #1beae4;
}

/* line 65, app/assets/stylesheets/components/sy_app_profile/controllers/payment_methods/new/forms/credit_cards.scss */
.errspan {
  float: right;
  margin-top: 1rem;
  position: absolute;
  z-index: 2;
  color: red;
}

/* line 74, app/assets/stylesheets/components/sy_app_profile/controllers/payment_methods/new/forms/credit_cards.scss */
.flatpickr-monthSelect-month.selected {
  background-color: #1beae4 !important;
  color: #fff;
}
.box-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser’s default checkbox */
.box-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark-custom {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: white;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.box-check:hover input~.checkmark-custom {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.box-check input:checked~.checkmark-custom {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center
}

/* Create the checkmark-custom/indicator (hidden when not checked) */
.checkmark-custom:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark-custom when checked */
.box-check input:checked~.checkmark-custom:after {
    display: block;
}

/* Style the checkmark-custom/indicator */
.box-check .checkmark-custom:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    color: #7cfcf4
}
.card-registry-position{
    width: 700px;
}

@media (max-width: 1024px) {
    .card-registry-position {
        width: 600px;
    }
}

@media (max-width: 911px) {
    .card-registry-position {
        width: 500px;
    }
}

@media (max-width: 822px) {
    .card-registry-position {
        width: 450px;
    }
}

@media (max-width: 700px) {
    .card-registry-position {
        width: auto;
    }
}
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/

.white-button{
    @apply border border-symplifica-gray-50 bg-white px-6 py-2 m-2 rounded-full shadow-md text-symplifica-gray-700 text-xs font-medium hover:bg-symplifica-gray-100 focus:outline-none focus:ring-2 focus:ring-symplifica-blue-400
}

.green-button{
    @apply flex justify-center bg-symplifica-green-300 rounded-full text-white focus:outline-none focus:ring-2 focus:ring-symplifica-green-400 focus:ring-offset-2 w-4/12
}

.yellow-button{
    @apply flex justify-center bg-symplifica-yellow-400 rounded-full text-white focus:outline-none focus:ring-2 focus:ring-symplifica-yellow-500 focus:ring-offset-2 w-4/12
}

.white-turquoise-button{
    @apply white-button py-3 hover:border-symplifica-blue-350 hover:text-symplifica-turquoise-100 hover:bg-symplifica-blue-350 px-0
}
/* line 1, app/assets/stylesheets/components/sy_app_registry/typpy.scss */
.tippy-box[data-theme~='register'] {
  background-color: #6B757E;
}

/* line 5, app/assets/stylesheets/components/sy_app_registry/typpy.scss */
.tippy-box[data-theme~='register'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #6B757E;
}

/* line 9, app/assets/stylesheets/components/sy_app_registry/typpy.scss */
.tippy-box[data-theme~='register'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #6B757E;
}

/* line 12, app/assets/stylesheets/components/sy_app_registry/typpy.scss */
.tippy-box[data-theme~='register'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #6B757E;
}

/* line 15, app/assets/stylesheets/components/sy_app_registry/typpy.scss */
.tippy-box[data-theme~='register'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #6B757E;
}
/* line 1, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
:root {
  --duration: 1.5s;
  --container-size: 250px;
  --box-size: 33px;
  --box-border-radius: 15%;
}

/* line 7, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.sy-load {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 777;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(4deg, rgba(250, 250, 250, 0.5) 50%, rgba(240, 240, 240, 0.5) 50.2%);
}

/* line 18, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.sy-load .sy-load-cont {
  width: var(--container-size);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

/* line 25, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box {
  width: var(--box-size);
  height: var(--box-size);
  position: relative;
  display: block;
  transform-origin: -50% center;
  border-radius: var(--box-border-radius);
}

/* line 32, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: lightblue;
  border-radius: var(--box-border-radius);
  box-shadow: 0px 0px 10px 0px rgba(27, 234, 228, 0.3);
}

/* line 42, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box:nth-child(1) {
  animation: slide var(--duration) ease-in-out infinite alternate;
}

/* line 44, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box:nth-child(1):after {
  animation: color-change var(--duration) ease-in-out infinite alternate;
}

/* line 46, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box:nth-child(2) {
  animation: flip-1 var(--duration) ease-in-out infinite alternate;
}

/* line 48, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box:nth-child(2):after {
  animation: squidge-1 var(--duration) ease-in-out infinite alternate;
}

/* line 50, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box:nth-child(3) {
  animation: flip-2 var(--duration) ease-in-out infinite alternate;
}

/* line 52, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box:nth-child(3):after {
  animation: squidge-2 var(--duration) ease-in-out infinite alternate;
}

/* line 54, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box:nth-child(4) {
  animation: flip-3 var(--duration) ease-in-out infinite alternate;
}

/* line 56, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box:nth-child(4):after {
  animation: squidge-3 var(--duration) ease-in-out infinite alternate;
}

/* line 58, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box:nth-child(5) {
  animation: flip-4 var(--duration) ease-in-out infinite alternate;
}

/* line 60, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box:nth-child(5):after {
  animation: squidge-4 var(--duration) ease-in-out infinite alternate;
}

/* line 62, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box:nth-child(2):after {
  background-color: #ACFCF4;
}

/* line 64, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box:nth-child(3):after {
  background-color: #7CFCF4;
}

/* line 66, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box:nth-child(4):after {
  background-color: #1BEAE4;
}

/* line 68, app/assets/stylesheets/components/sy_app_registry/ui/loader.scss */
.loader-box:nth-child(5):after {
  background-color: #424C5A;
}

@keyframes slide {
  0% {
    background-color: #ACFCF4;
    transform: translatex(0vw);
  }
  100% {
    background-color: #424C5A;
    transform: translatex(calc(var(--container-size) - (var(--box-size) * 1.25)));
  }
}

@keyframes color-change {
  0% {
    background-color: #ACFCF4;
  }
  100% {
    background-color: #424C5A;
  }
}

@keyframes flip-1 {
  0%, 15% {
    transform: rotate(0);
  }
  35%, 100% {
    transform: rotate(-180deg);
  }
}

@keyframes squidge-1 {
  5% {
    transform-origin: center bottom;
    transform: scalex(1) scaley(1);
  }
  15% {
    transform-origin: center bottom;
    transform: scalex(1.3) scaley(0.7);
  }
  25%, 20% {
    transform-origin: center bottom;
    transform: scalex(0.8) scaley(1.4);
  }
  55%, 100% {
    transform-origin: center top;
    transform: scalex(1) scaley(1);
  }
  40% {
    transform-origin: center top;
    transform: scalex(1.3) scaley(0.7);
  }
}

@keyframes flip-2 {
  0%, 30% {
    transform: rotate(0);
  }
  50%, 100% {
    transform: rotate(-180deg);
  }
}

@keyframes squidge-2 {
  20% {
    transform-origin: center bottom;
    transform: scalex(1) scaley(1);
  }
  30% {
    transform-origin: center bottom;
    transform: scalex(1.3) scaley(0.7);
  }
  40%, 35% {
    transform-origin: center bottom;
    transform: scalex(0.8) scaley(1.4);
  }
  70%, 100% {
    transform-origin: center top;
    transform: scalex(1) scaley(1);
  }
  55% {
    transform-origin: center top;
    transform: scalex(1.3) scaley(0.7);
  }
}

@keyframes flip-3 {
  0%, 45% {
    transform: rotate(0);
  }
  65%, 100% {
    transform: rotate(-180deg);
  }
}

@keyframes squidge-3 {
  35% {
    transform-origin: center bottom;
    transform: scalex(1) scaley(1);
  }
  45% {
    transform-origin: center bottom;
    transform: scalex(1.3) scaley(0.7);
  }
  55%, 50% {
    transform-origin: center bottom;
    transform: scalex(0.8) scaley(1.4);
  }
  85%, 100% {
    transform-origin: center top;
    transform: scalex(1) scaley(1);
  }
  70% {
    transform-origin: center top;
    transform: scalex(1.3) scaley(0.7);
  }
}

@keyframes flip-4 {
  0%, 60% {
    transform: rotate(0);
  }
  80%, 100% {
    transform: rotate(-180deg);
  }
}

@keyframes squidge-4 {
  50% {
    transform-origin: center bottom;
    transform: scalex(1) scaley(1);
  }
  60% {
    transform-origin: center bottom;
    transform: scalex(1.3) scaley(0.7);
  }
  70%, 65% {
    transform-origin: center bottom;
    transform: scalex(0.8) scaley(1.4);
  }
  100%, 100% {
    transform-origin: center top;
    transform: scalex(1) scaley(1);
  }
  85% {
    transform-origin: center top;
    transform: scalex(1.3) scaley(0.7);
  }
}
.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible;
}
.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999;
}
.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
    animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px;
}
.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
    z-index: 999;
    display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
    left: auto;
    right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
    left: 50%;
    right: 50%;
}
.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px;
}
.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
    bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
    top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff;
}
.flatpickr-calendar:focus {
    outline: 0;
}
.flatpickr-wrapper {
    position: relative;
    display: inline-block;
}
.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flatpickr-months .flatpickr-month {
    background: transparent;
    color: rgba(0,0,0,0.9);
    fill: rgba(0,0,0,0.9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0,0,0,0.9);
    fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
    position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    /*
          /*rtl:begin:ignore*/
    /*
          */
    left: 0;
    /*
          /*rtl:end:ignore*/
    /*
          */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    /*
          /*rtl:begin:ignore*/
    /*
          */
    right: 0;
    /*
          /*rtl:end:ignore*/
    /*
          */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
    color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
    -webkit-transition: fill 0.1s;
    transition: fill 0.1s;
    fill: inherit;
}
.numInputWrapper {
    position: relative;
    height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
    display: inline-block;
}
.numInputWrapper input {
    width: 100%;
}
.numInputWrapper input::-ms-clear {
    display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57,57,57,0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.numInputWrapper span:hover {
    background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
    background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute;
}
.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57,57,57,0.6);
    top: 26%;
}
.numInputWrapper span.arrowDown {
    top: 50%;
}
.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57,57,57,0.6);
    top: 40%;
}
.numInputWrapper span svg {
    width: inherit;
    height: auto;
}
.numInputWrapper span svg path {
    fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
    background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
    opacity: 1;
}
.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: 0.5ch;
    padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
    background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\0;
    display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 0.5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
    outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0,0,0,0.5);
    background: transparent;
    pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0 0;
    outline: none;
    padding: 0 0 0 0.5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
    outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0;
}
.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0,0,0,0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0 0;
}
.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px;
}
.flatpickr-days:focus {
    outline: 0;
}
.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}
.dayContainer + .dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6;
}
.flatpickr-day.today {
    border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px;
}
.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(57,57,57,0.3);
    background: transparent;
    border-color: transparent;
    cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
    visibility: hidden;
}
.rangeMode .flatpickr-day {
    margin-top: 1px;
}
.flatpickr-weekwrapper {
    float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57,57,57,0.3);
    background: transparent;
    cursor: default;
    border: none;
}
.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flatpickr-time:after {
    content: "";
    display: table;
    clear: both;
}
.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
    width: 49%;
}
.flatpickr-time input {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
    font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400;
}
.flatpickr-time input:focus {
    outline: 0;
    border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: bold;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
    background: #eee;
}
.flatpickr-input[readonly] {
    cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.flatpickr-monthSelect-months {
    margin: 10px 1px 3px 1px;
    flex-wrap: wrap;
}

.flatpickr-monthSelect-month {
    background: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin: 0.5px;
    justify-content: center;
    padding: 10px;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    text-align: center;
    width: 33%;
}

.flatpickr-monthSelect-month.flatpickr-disabled {
    color: #eee;
}

.flatpickr-monthSelect-month.flatpickr-disabled:hover,
.flatpickr-monthSelect-month.flatpickr-disabled:focus {
    cursor: not-allowed;
    background: none !important;
}

.flatpickr-monthSelect-theme-dark {
    background: #3f4458;
}

.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year {
    color: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,
.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month {
    color: #fff;
    fill: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {
    color: rgba(255, 255, 255, 0.95);
}

.flatpickr-monthSelect-month.today {
    border-color: #959ea9;
}

.flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-month.inRange.today,
.flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-month:focus {
    background: #e6e6e6;
    cursor: pointer;
    outline: 0;
    border-color: #e6e6e6;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus {
    background: #646c8c;
    border-color: #646c8c;
}

.flatpickr-monthSelect-month.today:hover,
.flatpickr-monthSelect-month.today:focus {
    background: #959ea9;
    border-color: #959ea9;
    color: #fff;
}

.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-month.endRange {
    background-color: #569ff7;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7;
}

.flatpickr-monthSelect-month.startRange {
    border-radius: 50px 0 0 50px;
}

.flatpickr-monthSelect-month.endRange {
    border-radius: 0 50px 50px 0;
}

.flatpickr-monthSelect-month.startRange.endRange {
    border-radius: 50px;
}

.flatpickr-monthSelect-month.inRange {
    border-radius: 0;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange {
    background: #80cbc4;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #80cbc4;
}
@font-face {
    font-family: 'lg';
    src: url("https://cdn.jsdelivr.net/npm/lightgallery@2.4.0/fonts/lg.woff2?io9a6k") format("woff2"), url("https://cdn.jsdelivr.net/npm/lightgallery@2.4.0/fonts/lg.ttf?io9a6k") format("truetype"), url("https://cdn.jsdelivr.net/npm/lightgallery@2.4.0/fonts/lg.woff?io9a6k") format("woff"), url("https://cdn.jsdelivr.net/npm/lightgallery@2.4.0/fonts/lg.svg?io9a6k#lg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.lg-icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'lg' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lg-container {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.lg-next,
.lg-prev {
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    outline: none;
    border: none;
}

.lg-next.disabled,
.lg-prev.disabled {
    opacity: 0 !important;
    cursor: default;
}

.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
    color: #fff;
}

.lg-single-item .lg-next, .lg-single-item
.lg-prev {
    display: none;
}

.lg-next {
    right: 20px;
}

.lg-next:before {
    content: '\e095';
}

.lg-prev {
    left: 20px;
}

.lg-prev:after {
    content: '\e094';
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

@keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end 0.3s;
    -o-animation: lg-right-end 0.3s;
    animation: lg-right-end 0.3s;
    position: relative;
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end 0.3s;
    -o-animation: lg-left-end 0.3s;
    animation: lg-left-end 0.3s;
    position: relative;
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.lg-media-overlap .lg-toolbar {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    will-change: color;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
    background: none;
    border: none;
    box-shadow: none;
}

.lg-toolbar .lg-icon.lg-icon-18 {
    font-size: 18px;
}

.lg-toolbar .lg-icon:hover {
    color: #fff;
}

.lg-toolbar .lg-close:after {
    content: '\e070';
}

.lg-toolbar .lg-maximize {
    font-size: 22px;
}

.lg-toolbar .lg-maximize:after {
    content: '\e90a';
}

.lg-toolbar .lg-download:after {
    content: '\e0f2';
}

.lg-sub-html {
    color: #eee;
    font-size: 16px;
    padding: 10px 40px;
    text-align: center;
    z-index: 1080;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out 0s;
    -o-transition: opacity 0.2s ease-out 0s;
    transition: opacity 0.2s ease-out 0s;
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0;
}

.lg-sub-html a {
    color: inherit;
}

.lg-sub-html a:hover {
    text-decoration: underline;
}

.lg-media-overlap .lg-sub-html {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.lg-item .lg-sub-html {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.lg-error-msg {
    font-size: 14px;
    color: #999;
}

.lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    height: 47px;
    vertical-align: middle;
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
    opacity: 0;
    -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
    -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
    -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
    transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
    opacity: 0;
    -moz-transform: scale3d(0.5, 0.5, 0.5);
    -o-transform: scale3d(0.5, 0.5, 0.5);
    -ms-transform: scale3d(0.5, 0.5, 0.5);
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    will-change: transform, opacity;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    width: 100%;
    max-height: 350px;
    overflow: hidden;
    float: left;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
    text-align: center;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-left {
    text-align: left;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-right {
    text-align: right;
}

.lg-outer.lg-single-item .lg-thumb-outer {
    display: none;
}

.lg-outer .lg-thumb {
    padding: 5px 0;
    height: 100%;
    margin-bottom: -5px;
    display: inline-block;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .lg-outer .lg-thumb {
        padding: 10px 0;
    }
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border-radius: 2px;
    margin-bottom: 5px;
    will-change: border-color;
}

@media (min-width: 768px) {
    .lg-outer .lg-thumb-item {
        border-radius: 4px;
        border: 2px solid #fff;
        -webkit-transition: border-color 0.25s ease;
        -o-transition: border-color 0.25s ease;
        transition: border-color 0.25s ease;
    }
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0;
}

.lg-outer .lg-toggle-thumb:after {
    content: '\e1ff';
}

.lg-outer.lg-animate-thumb .lg-thumb {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.lg-outer .lg-video-cont {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.lg-outer .lg-video-cont .lg-object {
    width: 100% !important;
    height: 100% !important;
}

.lg-outer .lg-has-iframe .lg-video-cont {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.lg-outer .lg-video-object {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 3;
}

.lg-outer .lg-video-poster {
    z-index: 1;
}

.lg-outer .lg-has-video .lg-video-object {
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster,
.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button {
    opacity: 0 !important;
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
    opacity: 1;
}

@keyframes lg-play-stroke {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes lg-play-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.lg-video-play-button {
    width: 18%;
    max-width: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    cursor: pointer;
    transform: translate(-50%, -50%) scale(1);
    will-change: opacity, transform;
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
    -moz-transition: -moz-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
    -o-transition: -o-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
    transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
}

.lg-video-play-button:hover .lg-video-play-icon-bg,
.lg-video-play-button:hover .lg-video-play-icon {
    opacity: 1;
}

.lg-video-play-icon-bg {
    fill: none;
    stroke-width: 3%;
    stroke: #fcfcfc;
    opacity: 0.6;
    will-change: opacity;
    -webkit-transition: opacity 0.12s ease-in;
    -o-transition: opacity 0.12s ease-in;
    transition: opacity 0.12s ease-in;
}

.lg-video-play-icon-circle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    fill: none;
    stroke-width: 3%;
    stroke: rgba(30, 30, 30, 0.9);
    stroke-opacity: 1;
    stroke-linecap: round;
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
}

.lg-video-play-icon {
    position: absolute;
    width: 25%;
    max-width: 120px;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    opacity: 0.6;
    will-change: opacity;
    -webkit-transition: opacity 0.12s ease-in;
    -o-transition: opacity 0.12s ease-in;
    transition: opacity 0.12s ease-in;
}

.lg-video-play-icon .lg-video-play-icon-inner {
    fill: #fcfcfc;
}

.lg-video-loading .lg-video-play-icon-circle {
    animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
}

.lg-video-loaded .lg-video-play-button {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.7);
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity 0.08s ease 0s;
    -moz-transition: opacity 0.08s ease 0s;
    -o-transition: opacity 0.08s ease 0s;
    transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1;
}

.lg-autoplay-button:after {
    content: '\e01d';
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: '\e01a';
}

.lg-single-item .lg-autoplay-button {
    opacity: 0.75;
    pointer-events: none;
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transition-duration: 0ms !important;
    transition-duration: 0ms !important;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    will-change: transform;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
    -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
    transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
}

.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    will-change: transform;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    will-change: opacity, transform;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
    -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
    transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-icon.lg-zoom-in:after {
    content: '\e311';
}

.lg-icon.lg-actual-size {
    font-size: 20px;
}

.lg-icon.lg-actual-size:after {
    content: '\e033';
}

.lg-icon.lg-zoom-out {
    opacity: 0.5;
    pointer-events: none;
}

.lg-icon.lg-zoom-out:after {
    content: '\e312';
}

.lg-zoomed .lg-icon.lg-zoom-out {
    opacity: 1;
    pointer-events: auto;
}

.lg-outer[data-lg-slide-type='video'] .lg-zoom-in,
.lg-outer[data-lg-slide-type='video'] .lg-actual-size,
.lg-outer[data-lg-slide-type='video'] .lg-zoom-out, .lg-outer[data-lg-slide-type='iframe'] .lg-zoom-in,
.lg-outer[data-lg-slide-type='iframe'] .lg-actual-size,
.lg-outer[data-lg-slide-type='iframe'] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in,
.lg-outer.lg-first-slide-loading .lg-actual-size,
.lg-outer.lg-first-slide-loading .lg-zoom-out {
    opacity: 0.75;
    pointer-events: none;
}

.lg-outer .lg-pager-outer {
    text-align: center;
    z-index: 1080;
    height: 10px;
    margin-bottom: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible;
}

.lg-outer.lg-single-item .lg-pager-outer {
    display: none;
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    will-change: transform, opacity;
    -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
    -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
    transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%;
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s;
    transition: box-shadow 0.3s ease 0s;
    width: 12px;
}

.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
    box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0;
}

.lg-fullscreen:after {
    content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d";
}

.lg-outer .lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, 0.25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    will-change: visibility, opacity;
    -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active .lg-dropdown-overlay {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    visibility: visible;
}

.lg-outer.lg-dropdown-active .lg-share {
    color: #fff;
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    will-change: visibility, opacity, transform;
    -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    right: 16px;
    top: -16px;
}

.lg-outer .lg-dropdown > li:last-child {
    margin-bottom: 0px;
}

.lg-outer .lg-dropdown > li:hover a {
    color: #333;
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto;
}

.lg-outer .lg-share {
    position: relative;
}

.lg-outer .lg-share:after {
    content: '\e80d';
}

.lg-outer .lg-share-facebook .lg-icon {
    color: #3b5998;
}

.lg-outer .lg-share-facebook .lg-icon:after {
    content: '\e904';
}

.lg-outer .lg-share-twitter .lg-icon {
    color: #00aced;
}

.lg-outer .lg-share-twitter .lg-icon:after {
    content: '\e907';
}

.lg-outer .lg-share-pinterest .lg-icon {
    color: #cb2027;
}

.lg-outer .lg-share-pinterest .lg-icon:after {
    content: '\e906';
}

.lg-comment-box {
    width: 420px;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background-color: #fff;
    will-change: transform;
    -moz-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-comment-box .lg-comment-title {
    margin: 0;
    color: #fff;
    font-size: 18px;
}

.lg-comment-box .lg-comment-header {
    background-color: #000;
    padding: 12px 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.lg-comment-box .lg-comment-body {
    height: 100% !important;
    padding-top: 43px !important;
    width: 100% !important;
}

.lg-comment-box .fb-comments {
    height: 100%;
    width: 100%;
    background: url(/../images/loading.gif) no-repeat scroll center center #fff;
    overflow-y: auto;
    display: inline-block;
}

.lg-comment-box .fb-comments[fb-xfbml-state='rendered'] {
    background-image: none;
}

.lg-comment-box .fb-comments > span {
    max-width: 100%;
}

.lg-comment-box .lg-comment-close {
    position: absolute;
    right: 5px;
    top: 12px;
    cursor: pointer;
    font-size: 20px;
    color: #999;
    will-change: color;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.lg-comment-box .lg-comment-close:hover {
    color: #fff;
}

.lg-comment-box .lg-comment-close:after {
    content: '\e070';
}

.lg-comment-box iframe {
    max-width: 100% !important;
    width: 100% !important;
}

.lg-comment-box #disqus_thread {
    padding: 0 20px;
}

.lg-outer .lg-comment-overlay {
    background-color: rgba(0, 0, 0, 0.25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    will-change: visibility, opacity;
    -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer .lg-comment-toggle:after {
    content: '\e908';
}

.lg-outer.lg-comment-active .lg-comment-overlay {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    visibility: visible;
}

.lg-outer.lg-comment-active .lg-comment-toggle {
    color: #fff;
}

.lg-outer.lg-comment-active .lg-comment-box {
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.lg-outer .lg-img-rotate {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer[data-lg-slide-type='video'] .lg-rotate-left,
.lg-outer[data-lg-slide-type='video'] .lg-rotate-right,
.lg-outer[data-lg-slide-type='video'] .lg-flip-ver,
.lg-outer[data-lg-slide-type='video'] .lg-flip-hor, .lg-outer[data-lg-slide-type='iframe'] .lg-rotate-left,
.lg-outer[data-lg-slide-type='iframe'] .lg-rotate-right,
.lg-outer[data-lg-slide-type='iframe'] .lg-flip-ver,
.lg-outer[data-lg-slide-type='iframe'] .lg-flip-hor {
    opacity: 0.75;
    pointer-events: none;
}

.lg-rotate-left:after {
    content: '\e900';
}

.lg-rotate-right:after {
    content: '\e901';
}

.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
    font-size: 26px;
}

.lg-flip-ver:after {
    content: '\e903';
}

.lg-flip-hor:after {
    content: '\e902';
}

.lg-medium-zoom-item {
    cursor: zoom-in;
}

.lg-medium-zoom .lg-outer {
    cursor: zoom-out;
}

.lg-medium-zoom .lg-outer.lg-grab img.lg-object {
    cursor: zoom-out;
}

.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object {
    cursor: zoom-out;
}

.lg-relative-caption .lg-outer .lg-sub-html {
    white-space: normal;
    bottom: auto;
    padding: 0;
    background-image: none;
}

.lg-relative-caption .lg-outer .lg-relative-caption-item {
    opacity: 0;
    padding: 16px 0;
    transition: 0.5s opacity ease;
}

.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item {
    opacity: 1;
}

.lg-group:after {
    content: '';
    display: table;
    clear: both;
}

.lg-container {
    display: none;
    outline: none;
}

.lg-container.lg-show {
    display: block;
}

.lg-on {
    scroll-behavior: unset;
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
    opacity: 1;
}

.lg-show-in.lg-hide-sub-html .lg-sub-html {
    opacity: 1;
}

.lg-show-in .lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: 0.001;
    outline: none;
    will-change: auto;
    overflow: hidden;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lg-outer.lg-zoom-from-image {
    opacity: 1;
}

.lg-outer.lg-visible {
    opacity: 1;
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.lg-outer .lg-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.lg-outer .lg-inner {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: opacity 0s;
    -o-transition: opacity 0s;
    transition: opacity 0s;
    white-space: nowrap;
}

.lg-outer .lg-item {
    display: none !important;
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
    background: url(/../images/loading.gif) no-repeat scroll center center transparent;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
    display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
    display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.lg-outer .lg-img-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    white-space: nowrap;
    font-size: 0;
}

.lg-outer .lg-item.lg-complete {
    background-image: none;
}

.lg-outer .lg-item.lg-current {
    z-index: 1060;
}

.lg-outer .lg-object {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: relative;
}

.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
    display: none;
}

.lg-outer.lg-hide-download .lg-download {
    opacity: 0.75;
    pointer-events: none;
}

.lg-outer .lg-first-slide .lg-dummy-img {
    position: absolute;
    top: 50%;
    left: 50%;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
    opacity: 1;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
    opacity: 1;
    transition: opacity 0.2s ease-out 0.15s;
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    will-change: auto;
    -webkit-transition: opacity 333ms ease-in 0s;
    -o-transition: opacity 333ms ease-in 0s;
    transition: opacity 333ms ease-in 0s;
}

.lg-backdrop.in {
    opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
    opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
    -webkit-transition: opacity 0.1s ease 0s;
    -moz-transition: opacity 0.1s ease 0s;
    -o-transition: opacity 0.1s ease 0s;
    transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-container {
    display: none;
}

.lg-container.lg-show {
    display: block;
}

.lg-container.lg-dragging-vertical .lg-backdrop {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1;
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
    position: absolute;
}

.lg-inline .lg-backdrop {
    z-index: 1;
}

.lg-inline .lg-outer {
    z-index: 2;
}

.lg-inline .lg-maximize:after {
    content: '\e909';
}

.lg-components {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.35s ease-out 0s;
    -moz-transition: -moz-transform 0.35s ease-out 0s;
    -o-transition: -o-transform 0.35s ease-out 0s;
    transition: transform 0.35s ease-out 0s;
    z-index: 1080;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
/**
 * Swiper 8.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 4, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
.ts-wrapper.single .ts-control,.ts-wrapper.single .ts-control input{cursor:pointer}.ts-wrapper.plugin-drag_drop.multi>.ts-control>div.ui-sortable-placeholder{background:#f2f2f2!important;background:rgba(0,0,0,.06)!important;border:0!important;box-shadow:inset 0 0 12px 4px #fff;visibility:visible!important}.ts-wrapper.plugin-drag_drop .ui-sortable-placeholder:after{content:"!";visibility:hidden}.ts-wrapper.plugin-drag_drop .ui-sortable-helper{box-shadow:0 2px 5px rgba(0,0,0,.2)}.plugin-checkbox_options .option input{margin-right:.5rem}.plugin-clear_button .ts-control{padding-right:calc(1em + 15px)!important}.plugin-clear_button .clear-button{background:transparent!important;cursor:pointer;margin-right:0!important;opacity:0;position:absolute;right:calc(.75rem - 5px);top:.375rem;transition:opacity .5s}.plugin-clear_button.single .clear-button{right:calc(2.75rem - 5px)}.plugin-clear_button.focus.has-items .clear-button,.plugin-clear_button:not(.disabled):hover.has-items .clear-button{opacity:1}.ts-wrapper .dropdown-header{background:#f8f8f8;border-bottom:1px solid #d0d0d0;border-radius:.25rem .25rem 0 0;padding:6px .75rem;position:relative}.ts-wrapper .dropdown-header-close{color:#343a40;font-size:20px!important;line-height:20px;margin-top:-12px;opacity:.4;position:absolute;right:.75rem;top:50%}.ts-wrapper .dropdown-header-close:hover{color:#000}.plugin-dropdown_input.focus.dropdown-active .ts-control{border:1px solid #ced4da;box-shadow:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.plugin-dropdown_input .dropdown-input{background:transparent;border:solid #d0d0d0;border-width:0 0 1px;box-shadow:none;display:block;padding:.375rem .75rem;width:100%}.plugin-dropdown_input.focus~.ts-dropdown .dropdown-input{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:4px}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-webkit-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-ms-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder{color:transparent}.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content{display:flex}.ts-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0;flex-basis:0;flex-grow:1;min-width:0}.ts-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0}.ts-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.ts-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0}.ts-wrapper.plugin-remove_button .item{align-items:center;display:inline-flex;padding-right:0!important}.ts-wrapper.plugin-remove_button .item .remove{border-left:1px solid #dee2e6;border-radius:0 2px 2px 0;box-sizing:border-box;color:inherit;display:inline-block;margin-left:5px;padding:0 5px;text-decoration:none;vertical-align:middle}.ts-wrapper.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.ts-wrapper.plugin-remove_button .item.active .remove{border-left-color:transparent}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover{background:none}.ts-wrapper.plugin-remove_button.disabled .item .remove{border-left-color:#fff}.ts-wrapper.plugin-remove_button .remove-single{font-size:23px;position:absolute;right:0;top:0}.ts-wrapper{position:relative}.ts-control,.ts-control input,.ts-dropdown{font-smoothing:inherit;color:#343a40;font-family:inherit;font-size:inherit;line-height:1.5}.ts-control,.ts-wrapper.single.input-active .ts-control{background:#fff;cursor:text}.ts-control{border:1px solid #ced4da;border-radius:.25rem;box-shadow:none;box-sizing:border-box;flex-wrap:wrap;overflow:hidden;padding:.375rem .75rem;position:relative;width:100%;z-index:1}.ts-wrapper.multi.has-items .ts-control{padding:calc(.375rem - 1px) .75rem calc(.375rem - 4px)}.full .ts-control{background-color:#fff}.disabled .ts-control,.disabled .ts-control *{cursor:default!important}.focus .ts-control{box-shadow:none}.ts-control>*{display:inline-block;vertical-align:baseline}.ts-wrapper.multi .ts-control>div{background:#efefef;border:0 solid #dee2e6;color:#343a40;cursor:pointer;margin:0 3px 3px 0;padding:1px 5px}.ts-wrapper.multi .ts-control>div.active{background:#007bff;border:0 solid transparent;color:#fff}.ts-wrapper.multi.disabled .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div.active{background:#fff;border:0 solid #fff;color:#878787}.ts-control>input{background:none!important;border:0!important;box-shadow:none!important;display:inline-block!important;flex:1 1 auto;line-height:inherit!important;margin:0!important;max-height:none!important;max-width:100%!important;min-height:0!important;min-width:7rem;padding:0!important;text-indent:0!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.ts-control>input::-ms-clear{display:none}.ts-control>input:focus{outline:none!important}.has-items .ts-control>input{margin:0 4px!important}.ts-control.rtl{text-align:right}.ts-control.rtl.single .ts-control:after{left:calc(.75rem + 5px);right:auto}.ts-control.rtl .ts-control>input{margin:0 4px 0 -2px!important}.disabled .ts-control{background-color:#e9ecef;opacity:.5}.input-hidden .ts-control>input{left:-10000px;opacity:0;position:absolute}.ts-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:0 0 .25rem .25rem;border-top:0;box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;left:0;margin:.25rem 0 0;position:absolute;top:100%;width:100%;z-index:10}.ts-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.ts-dropdown [data-selectable] .highlight{background:rgba(255,237,40,.4);border-radius:1px}.ts-dropdown .create,.ts-dropdown .no-results,.ts-dropdown .optgroup-header,.ts-dropdown .option{padding:3px .75rem}.ts-dropdown .option,.ts-dropdown [data-disabled],.ts-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.ts-dropdown [data-selectable].option{cursor:pointer;opacity:1}.ts-dropdown .optgroup:first-child .optgroup-header{border-top:0}.ts-dropdown .optgroup-header{background:#fff;color:#6c757d;cursor:default}.ts-dropdown .active,.ts-dropdown .create:hover,.ts-dropdown .option:hover{background-color:#e9ecef;color:#16181b}.ts-dropdown .active.create,.ts-dropdown .create:hover.create,.ts-dropdown .option:hover.create{color:#16181b}.ts-dropdown .create{color:rgba(52,58,64,.5)}.ts-dropdown .spinner{display:inline-block;height:30px;margin:3px .75rem;width:30px}.ts-dropdown .spinner:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#d0d0d0 transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:24px;margin:3px;width:24px}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-dropdown-content{overflow-scrolling:touch;max-height:200px;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.ts-hidden-accessible{clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.ts-wrapper.single .ts-control{padding-right:2rem}.ts-wrapper.single .ts-control:after{border-color:#343a40 transparent transparent;border-style:solid;border-width:5px 5px 0;content:" ";display:block;height:0;margin-top:-3px;position:absolute;right:calc(.75rem + 5px);top:50%;width:0}.ts-wrapper.single.dropdown-active .ts-control:after{border-color:transparent transparent #343a40;border-width:0 5px 5px;margin-top:-4px}.ts-wrapper.single.input-active .ts-control,.ts-wrapper.single.input-active .ts-control input{cursor:text}.ts-wrapper.form-control,.ts-wrapper.form-select{padding:0!important}.ts-dropdown,.ts-dropdown.form-control{background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;box-shadow:0 6px 12px rgba(0,0,0,.175);height:auto;padding:0;z-index:1000}.ts-dropdown .optgroup-header{font-size:.875rem;line-height:1.5}.ts-dropdown .optgroup:first-child:before{display:none}.ts-dropdown .optgroup:before{border-top:1px solid #e9ecef;content:" ";display:block;height:0;margin:.5rem -.75rem;overflow:hidden}.ts-dropdown .create{padding-left:.75rem}.ts-dropdown-content{padding:5px 0}.ts-control{align-items:center;display:flex;min-height:calc(1.5em + .75rem + 2px);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.ts-control{transition:none}}.focus .ts-control{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}.is-invalid .ts-control,.was-validated .invalid .ts-control{border-color:#dc3545}.focus .is-invalid .ts-control,.focus .was-validated .invalid .ts-control{border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.is-valid .ts-control{border-color:#28a745}.focus .is-valid .ts-control{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.input-group-sm>.ts-wrapper .ts-control,.ts-wrapper.form-control-sm .ts-control{border-radius:.2rem;font-size:.875rem;min-height:calc(1.5em + .5rem + 2px);padding:0 .75rem}.input-group-sm>.ts-wrapper.has-items .ts-control,.ts-wrapper.form-control-sm.has-items .ts-control{font-size:.875rem;min-height:calc(1.5em + .5rem + 2px)!important;padding-bottom:0}.input-group-sm>.ts-wrapper.multi.has-items .ts-control,.ts-wrapper.form-control-sm.multi.has-items .ts-control{padding-top:calc(.75em - .40625rem - 1px)!important}.ts-wrapper.multi.has-items .ts-control{padding-left:calc(.75rem - 5px);padding-right:calc(.75rem - 5px)}.ts-wrapper.multi .ts-control>div{border-radius:calc(.25rem - 1px)}.input-group-lg>.ts-wrapper>.ts-control,.ts-wrapper.form-control-lg .ts-control{border-radius:.3rem;font-size:1.25rem;min-height:calc(1.5em + 1rem + 2px)}.form-control.ts-wrapper{background:none;border:none;border-radius:0;height:auto;padding:0}.input-group>.ts-wrapper{flex-grow:1}.input-group>.ts-wrapper:not(:nth-child(2))>.ts-control{border-bottom-left-radius:0;border-top-left-radius:0}.input-group>.ts-wrapper:not(:last-child)>.ts-control{border-bottom-right-radius:0;border-top-right-radius:0}
/*# sourceMappingURL=tom-select.bootstrap4.min.css.map */
/**
 * tom-select.css (v2.0.1)
 * Copyright (c) contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 */
.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}

.ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.ts-wrapper.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}
.ts-wrapper.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.plugin-checkbox_options .option input {
  margin-right: 0.5rem;
}

.plugin-clear_button .ts-control {
  padding-right: calc(1em + (3 * 6px)) !important;
}
.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  top: 8px;
  right: calc(8px - 6px);
  margin-right: 0 !important;
  background: transparent !important;
  transition: opacity 0.5s;
  cursor: pointer;
}
.plugin-clear_button.single .clear-button {
  right: calc(8px - 6px + 2rem);
}
.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}

.ts-wrapper .dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}
.ts-wrapper .dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.ts-wrapper .dropdown-header-close:hover {
  color: black;
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
  box-shadow: none;
  border: 1px solid #d0d0d0;
}
.plugin-dropdown_input .dropdown-input {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px 0;
  display: block;
  padding: 8px 8px;
  box-shadow: none;
  width: 100%;
  background: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-webkit-input-placeholder {
  color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
  color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.ts-wrapper.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
  padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 0 6px;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  margin-left: 6px;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.ts-wrapper.plugin-remove_button .item.active .remove {
  border-left-color: #cacaca;
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}
.ts-wrapper.plugin-remove_button.disabled .item .remove {
  border-left-color: white;
}
.ts-wrapper.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.ts-wrapper {
  position: relative;
}

.ts-dropdown,
.ts-control,
.ts-control input {
  color: #303030;
  font-family: inherit;
  font-size: inherit;
  line-height: 18px;
  font-smoothing: inherit;
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
  background: #fff;
  cursor: text;
}

.ts-control {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
}
.ts-wrapper.multi.has-items .ts-control {
  padding: calc( 8px - 2px - 0) 8px calc( 8px - 2px - 3px - 0);
}
.full .ts-control {
  background-color: #fff;
}
.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}
.focus .ts-control {
  box-shadow: none;
}
.ts-control > * {
  vertical-align: baseline;
  display: inline-block;
}
.ts-wrapper.multi .ts-control > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.ts-wrapper.multi .ts-control > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  color: #7d7d7d;
  background: white;
  border: 0 solid white;
}
.ts-control > input {
  flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
  box-shadow: none !important;
}
.ts-control > input::-ms-clear {
  display: none;
}
.ts-control > input:focus {
  outline: none !important;
}
.has-items .ts-control > input {
  margin: 0 4px !important;
}
.ts-control.rtl {
  text-align: right;
}
.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}
.ts-control.rtl .ts-control > input {
  margin: 0 4px 0 -2px !important;
}
.disabled .ts-control {
  opacity: 0.5;
  background-color: #fafafa;
}
.input-hidden .ts-control > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}

.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 60;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: 0.25rem 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.ts-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
  padding: 5px 8px;
}
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.ts-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.ts-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.ts-dropdown .create:hover,
.ts-dropdown .option:hover,
.ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.ts-dropdown .create:hover.create,
.ts-dropdown .option:hover.create,
.ts-dropdown .active.create {
  color: #495c68;
}
.ts-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}
.ts-dropdown .spinner:after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.ts-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  overflow-scrolling: touch;
  scroll-behavior: smooth;
}

.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.tomselected .ts-control{
  border-radius: 20px;
}

.ts-wrapper.update-profile .ts-control{
  border-radius: 20px;
  border: none;
  padding:0.75rem 1rem;
  color: #B8B9BC;
}

/*# sourceMappingURL=tom-select.css.map */
/*@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

* {
    font-family: 'Nunito', Arial, serif;
}*/

[type=text]:focus{
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

.v-field__input input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

.v-field__input input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* No border focus autocomplete */
.v-autocomplete input:focus, .field__input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* No border focus input date */
.v-text-field input[type="date"]:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Toast on all */
.swal2-container, .swal2-toast {
    z-index: 99999;
}

.responsive-btn {
    width: 300px;
}

.dashed-line {
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, transparent 15px, #92BBCF 0, #92BBCF 30px, transparent 0);
    background-size: 30px 100%;
}

#sheet-modal > div.v-overlay__content.v-bottom-sheet__content > div {
    border-radius: 20px 20px 0 0;
}
#sheet-modal div.v-overlay__content.v-bottom-sheet__content{
    border-radius: 20px 20px 0 0 !important;
}

#sheet-modal > div.v-overlay__content.v-bottom-sheet__content{
    box-shadow: none !important;
}

#bottom-sheet-modal{
    box-shadow: 0 7px 8px -4px var(--v-shadow-key-umbra-opacity,#0003),0 12px 17px 2px var(--v-shadow-key-penumbra-opacity,#00000024),0 5px 22px 4px var(--v-shadow-key-ambient-opacity,#0000001f);
}

@media (max-width: 600px) {
    .responsive-btn {
        width: 150px;
    }
}

.effect_3d:hover {
    box-shadow: 0px 0px 30px rgba(0,0,0, 0.6);
    cursor: pointer;
}
.effect_3d {
    display: block;
    margin: 0 auto;
    transition: box-shadow 0.1s, transform 0.1s;
}

.none-text-transformation{
    text-transform: none;
}

.t-12{
    font-size: 12px;
}

.t-14{
    font-size: 14px;
}

.t-16{
    font-size: 16px;
}

.t-18{
    font-size: 18px;
}

.t-20{
    font-size: 20px;
}

.t-24{
    font-size: 24px;
}

.t-40{
    font-size: 40px;
}

.box-shadow-purple{
    box-shadow: 0px 3px 8px 1px rgba(97, 97, 212, 0.50);
}

/* Informative Banners Dashboard*/

.days {
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.days-text{
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.banner-radius{
    border-radius: 10px;
}

.rounded-16 {
    border-radius: 16px;
}

.banner-bg-gray-to-blue{
    background: linear-gradient(90deg, #424C5A 0%, #41728C 100%);
}

.banner-bg-red-to-blue {
    background: linear-gradient(to right, #960D0A, #295B75);
}

.box-shadow-ultraCian{
    box-shadow: 0px 2.659px 7.089px 0.886px rgba(0, 205, 204, 0.30);
}

.box-shadow-secondary{
    box-shadow: 0px 2.659px 7.089px 0.886px rgba(97, 97, 212, 0.50);
}

.box-shadow-primary{
    box-shadow: 0px 3px 8px 1px rgba(0, 205, 204, 0.30);
}

.box-shadow-gray{
    box-shadow: 0px 6px 20px 0px rgba(146, 187, 207, 0.40) !important;
}

.bg-image-banner-base{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top
}

.bg-yellow-black {
    background-image: url('https://sfo2.digitaloceanspaces.com/cdn.symplifica/images/bg-yellow-black.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-cian-green {
    background-image: url('https://sfo2.digitaloceanspaces.com/cdn.symplifica/images/bg-cian-green.svg');
}

.bg-cian-orange{
    background-image: url('https://sfo2.digitaloceanspaces.com/cdn.symplifica/images/bg-cian-orange.svg');
}

.bg-cian-darkgreen{
    background-image: url('https://sfo2.digitaloceanspaces.com/cdn.symplifica/images/bg-cian-darkgreen.svg');
}

.bg-cian-purple-black{
    background-image: url('https://sfo2.digitaloceanspaces.com/cdn.symplifica/images/bg-cian-purple-black.svg');
}

.bg-cian-orange-black{
    background-image: url('https://sfo2.digitaloceanspaces.com/cdn.symplifica/images/bg-cian-orange-black.svg');
}

.bg-cian-green-black{
    background-image: url('https://sfo2.digitaloceanspaces.com/cdn.symplifica/images/bg-cian-green-black.svg');
}

.bg-cian-yellow-black{
    background-image: url('https://sfo2.digitaloceanspaces.com/cdn.symplifica/images/bg-cian-yellow-black.svg');
}

.bg-increase{
    background-image: url('https://sfo2.digitaloceanspaces.com/cdn.symplifica/images/fondo-contador.png');
}

/* End information banners */

.link-effect {
    transition: transform 0.3s ease, background-color 0.3s ease;
    background-color: #fff;
}

.link-effect:hover {
    transform: scale(1.1);
    background-color: #00D2B9;
    cursor: pointer;
    color: #fff;
}
/* Application of sy_app_employee */
/* line 3, app/assets/stylesheets/sy_app_employee/application.tailwind.scss */
.text_symplifica {
  color: #00cdcc;
}

/* line 6, app/assets/stylesheets/sy_app_employee/application.tailwind.scss */
.border_color_symplifica {
  border-color: #00cdcc;
}

/* line 9, app/assets/stylesheets/sy_app_employee/application.tailwind.scss */
.background_symplifica {
  background-color: #00cdcc;
}

/* line 12, app/assets/stylesheets/sy_app_employee/application.tailwind.scss */
.border_a {
  @apply border-solid border-0 border-b-2 border_color_symplifica;
}

/* line 15, app/assets/stylesheets/sy_app_employee/application.tailwind.scss */
.border_b {
  @apply border-solid border-0 border-b-2 border-gray-200;
}

/* line 18, app/assets/stylesheets/sy_app_employee/application.tailwind.scss */
.faw {
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

/* line 25, app/assets/stylesheets/sy_app_employee/application.tailwind.scss */
.bg_alert {
  background-color: #fd5c5c;
}

/* line 28, app/assets/stylesheets/sy_app_employee/application.tailwind.scss */
.bot_alert {
  @apply bg_alert w-1/6 rounded-full p-1 text-white;
}

/* line 31, app/assets/stylesheets/sy_app_employee/application.tailwind.scss */
.check_inactive {
  @apply pointer-events-none grid h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200 translate-x-0;
}

/* line 34, app/assets/stylesheets/sy_app_employee/application.tailwind.scss */
.check_active {
  @apply pointer-events-none grid h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200 translate-x-5;
}

/* line 37, app/assets/stylesheets/sy_app_employee/application.tailwind.scss */
.check_bg_inactive {
  @apply relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 bg-gray-500;
}

/* line 40, app/assets/stylesheets/sy_app_employee/application.tailwind.scss */
.check_bg_active {
  @apply relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 background_symplifica;
}

/* line 43, app/assets/stylesheets/sy_app_employee/application.tailwind.scss */
.i-novedad {
  color: #1beae4;
  transition: all .3s ease;
}

/* Application of sy_app_employee */


@media (min-width: 517px) and (max-width: 595px) {
  .docokids_mensual_anual_plan {
    margin-top: -52px;
  }
}

@media (min-width: 476px) and (max-width: 517px) {
  .docokids_mensual_anual_plan {
    margin-top: -70px;
  }
}

@media (min-width: 320px) and (max-width: 476px) {
  .docokids_mensual_anual_plan {
    margin-top: -90px;
  }
}

@media (min-width: 320px) and (max-width: 426px) {
  .docokids_mensual_anual_plan {
    margin-top: -120px;
  }
}

@media (max-width: 373px) {
  .docokids_mensual_anual_plan {
    margin-top: -147px;
  }
}


@media (min-width: 517px) and (max-width: 595px) {
    .docokids_mensual_anual_plan {
        margin-top: -52px;
    }
}

@media (min-width: 476px) and (max-width: 517px) {
    .docokids_mensual_anual_plan {
        margin-top: -70px;
    }
}

@media (min-width: 320px) and (max-width: 476px) {
    .docokids_mensual_anual_plan {
        margin-top: -90px;
    }
}

@media (min-width: 320px) and (max-width: 426px) {
    .docokids_mensual_anual_plan {
        margin-top: -120px;
    }
}

@media (max-width: 373px) {
    .docokids_mensual_anual_plan {
        margin-top: -147px;
    }
}


.bg-404 {
    background-image: url('https://sfo2.digitaloceanspaces.com/cdn.symplifica/admin/assets/img/mx/landing/shape-404.png');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 50%;
    overflow: hidden;
  }

  .not_found_img img {
    margin-top: 15px !important;
  }

   @media screen and (min-width: 1024px) {
    .not_found_img img{
        width: 620px !important;
    }
   }

   @media screen and (max-width: 1024px) {
    .bg-404{
       background-size: 100% 35%;
    }
   }

   @media screen and (min-width: 1842px) {
    .bg-404{
       background-size: 100% 50%;
    }
   }

   @media screen and (max-height: 641px) {
    .bg-404{
       background-size: 100% 30% !important;
    }
   }

   @media screen and (max-width: 641px) {
    .bg-404{
       background-size: 100% 25% !important;
    }
   }

   @media screen and (max-width: 510px){
    .not_found_description  h2 {
        font-size: 40px;
    }
    .not_found_description  p, .not_found_description a {
        font-size: 25px
    }
  }

  @media screen and (max-width: 407px){

    .go_back_btn {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .not_found_description  h2 {
        font-size: 35px;
    }
    .not_found_description  p, .not_found_description a{
        font-size: 20px
    }

    .not_found_description  a {
        width: 100%;
    }
  }


  @media screen and (min-width: 1024px){
    .not_found_img img{
        max-width: 500px !important;
    }
  }
 

  @media screen and (max-device-height: 790px) and (min-width: 1024px){
    .not_found_img img{
        width: 75% !important;
    }
  }



  @media screen and (max-device-height: 650px) and (min-width: 1024px){
    .not_found_img img{
        width: 400px !important;
    }
  }

  @media screen and (max-device-height: 548px) and (min-width: 1024px){
    .not_found_img img{
        width: 320px !important;
    }
  }

  @media screen and (max-device-height: 475px) and (min-width: 1024px){
    .not_found_img img{
        width: 320px !important;
    }
    .not-found-logo {
        position: static !important;
    }

     .not_found {
        position: relative !important;
    }
  }


  /*horizontal <= 1024*********************************/
  @media screen and (max-device-height: 735px) and (max-width: 1024px){
    .not_found_img img{
        width: 200px !important;
    }
    .not_found_description  h2 {
        font-size: 35px;
    }
    .not_found_description  p, .not_found_description  a {
        font-size: 11px !important
    }
    .not-found-logo {
        position: static !important;
    }
  }

  @media screen and (max-height: 600px) and (max-width: 1024px){
    .not_found {
        position: relative !important;
    }
    .bg-404{
        /*background-size: auto auto;*/
        background-size: 100% 40% !important;
    }

    .not_found_img img{
        width: 150px !important;
        margin-top: 50px;
    }
    .not_found {
        position: relative !important;
    }
}

@media (max-width: 768px) { 
    .not_found_description  p, .not_found_description  a {
        font-size: 13px !important
    }
}
@media (max-width: 640px) {
    .not_found_description  p, .not_found_description a {
        font-size: 14px !important
    }
}
@media (max-width: 490px) { 
    .not_found_description  p, .not_found_description a {
        font-size: 9.4px !important
    }
}

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *





 * Engines Front

 */

.admin-container-left{
    height: 100vh;
    display: flex;
    align-items: center;
    padding-left: 3rem;
    width: 100%;

}
.floating-input>input::placeholder {
    color: transparent;
}
.floating-input>input:focus,
.floating-input>input:not(:placeholder-shown) {
    padding-top: 2rem;
}
.floating-input>input:focus~label,
.floating-input>input:not(:placeholder-shown)~label {
    opacity: 0.75;
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    --tw-translate-y: -0.75rem;
    --tw-translate-x: 0.25rem;
}
.required:after {
    /*content:"*"; revisar, esta saliendo en los input*/
    color:#1BEAE4;
    text-decoration: none !important;
}
abbr {
    color: #1BEAE4;
    text-decoration: none !important;
}

button:disabled {
    background-color: #e5e5e5;
    color: #8d969f;
}

.white-button {
    padding: 0.5rem 1.5rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(66,76,90,var(--tw-text-opacity));
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);
    box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
}

.white-turquoise-button {
    padding: 0.75rem 0;
}

.title-success-alert{
    color: #2E7D32;
    font-size: 18px;
}
.title-warning-alert{
    color: #FF6F00;
    font-size: 18px;
}
.title-danger-alert{
    color: #B71C1C;
    font-size: 18px;
}