/*@import "_bootstrap.min";*/
@import url("https://fonts.googleapis.com/css?family=Lora:400i,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,500,600&display=swap");
html {
  font-size: 10px;
  height: 100%;
  /* @media(min-height:992px){
        font-size: 9px;
    }
    @media(min-width:1200px){
        font-size: 10px;
    } */ }
  html body {
    height: 100%;
    color: black;
    font-size: 1.3rem;
    overflow-x: hidden;
    background: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    text-rendering: optimizeLegibility;
    margin: 0;
    padding: 0;
    font-weight: 300;
    /* .modal{
            .modal-dialog{
                margin: 0;
                .modal-content{
                    border-radius: 0;
                    background: none;
                    border: 0 none;
                    .modal-body{
                        min-height: 100vh;
                        display: flex;
                        justify-content: center;
                        flex-direction: column;
                        padding: 5rem 1.5rem 1.5rem 1.5rem;
                        text-align: center;
                        .title{
                            img{
                                display: block;
                                margin: 0 auto 1rem auto;
                            }
                        }
                    }
                }
                .c-hamburger--htx{
                    span {
                        background: none !important;
                        transition: background 0s 0.3s;
                        &::before{
                            top: 0;
                            transform: rotate(45deg);
                            transition: background 0.3s 0s, top 0.3s 0s, transform 0.3s 0.3s;
                            background-color: rgba(0, 0, 0, 1);
                        }
                        &::after{
                            bottom: 0;
                            transform: rotate(-45deg);
                            transition: background 0.3s 0s, bottom 0.3s 0s, transform 0.3s 0.3s;
                            background-color: rgba(0, 0, 0, 1);
                        }
                    }
                }
            }
        }

        .modal-backdrop{
            background: #fff;
            &.show{
                opacity: 1;
            }
        } */ }
    html body b {
      font-weight: 600; }
    html body strong {
      font-weight: 700; }
    html body i,
    html body em,
    html body .font-italic {
      font-family: 'lora', serif;
      font-style: italic; }
    html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
      margin-bottom: 0;
      font-weight: 600; }
      html body h1.font-italic, html body h2.font-italic, html body h3.font-italic, html body h4.font-italic, html body h5.font-italic, html body h6.font-italic {
        font-weight: 400; }
    html body h2 {
      font-size: 2.5rem;
      margin-bottom: 1.5rem; }
      html body h2 small {
        display: block;
        font-size: 1.5rem;
        margin-bottom: .5rem; }
      html body h2.title {
        text-transform: uppercase;
        color: #ff0064 !important;
        font-weight: 500;
        margin-bottom: 2rem; }
        html body h2.title img {
          margin-right: 1rem; }
        html body h2.title + hr {
          margin-bottom: 2rem; }
    html body h3 {
      font-size: 1.9rem;
      margin-bottom: 1.5rem; }
      html body h3.title {
        text-transform: uppercase;
        margin-bottom: 2rem; }
    html body h4 {
      font-size: 1.7rem; }
    html body h5 {
      font-size: 1.5rem; }
    html body h6 {
      font-size: 1.3rem; }
    html body ul.list {
      list-style: none;
      padding-left: 1rem; }
      html body ul.list li {
        padding-left: 1.8rem;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjg4NSAyLjExNWw0LjU4IDQuNTktNC41OCA0LjU5IDEuNDEgMS40MSA2LTYtNi02eiIgZmlsbD0iI0ZGMDA2NCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+) no-repeat 0 0.3rem; }
    html body hr {
      border-color: #ff0064;
      margin-top: 1.5rem;
      margin-bottom: 1.5rem; }
    html body .container-fluid {
      max-width: 1140px;
      margin-right: auto;
      margin-left: auto; }
    html body .pink {
      color: #ff0064 !important; }
    html body .need-help {
      text-align: left;
      font-weight: 300;
      font-size: 1.2rem;
      color: black; }
      @media (min-width: 768px) {
        html body .need-help {
          text-align: center; }
          html body .need-help .alert a {
            flex-direction: column; }
            html body .need-help .alert a span {
              padding: 1.5rem 0 0 0;
              margin: 0; } }
      html body .need-help .alert.alert-primary {
        background: #000; }
      html body .need-help span {
        font-size: 2rem;
        display: block;
        margin-bottom: .5rem; }
      html body .need-help p {
        margin-bottom: .5rem; }
        html body .need-help p small {
          font-weight: 300;
          font-size: 1.2rem;
          display: block; }
      html body .need-help .alert-primary {
        background: #1c1c1c;
        border-radius: 0;
        border: 0 none;
        padding: 1rem 1.5rem;
        margin-bottom: 0; }
        html body .need-help .alert-primary a,
        html body .need-help .alert-primary a:focus,
        html body .need-help .alert-primary a:visited,
        html body .need-help .alert-primary a:active {
          color: white;
          font-size: 1.6rem;
          display: flex;
          width: 100%;
          text-decoration: none; }
          html body .need-help .alert-primary a span,
          html body .need-help .alert-primary a:focus span,
          html body .need-help .alert-primary a:visited span,
          html body .need-help .alert-primary a:active span {
            flex-grow: 1;
            padding-left: 2rem; }
        /* html body .need-help .alert-primary a::before {
          content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjE1MSAyNS41NjRsMy45MTEtMy45MWMuNDgtLjQ4IDEuMTkxLS42NCAxLjgxNC0uNDI3YTIwLjI4IDIwLjI4IDAgMCAwIDYuMzQ2IDEuMDEzYy45NzggMCAxLjc3OC44IDEuNzc4IDEuNzc4djYuMjA0QzMyIDMxLjIgMzEuMiAzMiAzMC4yMjIgMzIgMTMuNTMgMzIgMCAxOC40NzEgMCAxLjc3OCAwIC44LjggMCAxLjc3OCAwSDhjLjk3OCAwIDEuNzc4LjggMS43NzggMS43NzggMCAyLjIyMi4zNTUgNC4zNTUgMS4wMTMgNi4zNDZhMS43ODQgMS43ODQgMCAwIDEtLjQ0NCAxLjgxNGwtMy45MTEgMy45MWMyLjU2IDUuMDMyIDYuNjg0IDkuMTM5IDExLjcxNSAxMS43MTZ6IiBmaWxsPSIjRkYwMDY0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
          height: 32px;
          width: 32px;
          align-self: center; } */
    html body .logos img {
      margin: 0 1rem; }
    html body main {
      z-index: 1;
      padding-top: 6.5rem; }
    html body main h1.logo-xl {
      text-align: center;
      margin: 8vh 0; }
      html body main h1.logo-xl img {
        height: 80px; }
        @media (min-height: 700px) {
          html body main h1.logo-xl img {
            height: auto; } }
    html body main .content {
      padding-bottom: 1rem; }
      html body main .content > section {
        margin: 1rem 0; }
      html body main .content.min-vh-100 {
        min-height: calc(100vh - 12rem) !important; }
    html body main .account h2 {
      margin: .5rem 0; }
    html body main .account button.btn.btn-secondary.btn-sm {
      background: #ff0064;
      width: auto;
      padding: .5rem;
      border-radius: 3rem;
      color: #fff;
      font-size: 1rem;
      transform: translateY(-100%); }
    @media (min-width: 768px) {
      html body main .account .col {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center; }
        html body main .account .col .rounded-circle {
          max-width: 25rem;
          margin-bottom: 2rem; } }
    html body main .add-tooltip {
      display: none;
      justify-content: center;
      background: #1C1C1C;
      padding: 1rem;
      position: fixed;
      bottom: calc(1rem + 14px);
      left: 50%;
      transform: translateX(-50%);
      z-index: 10;
      width: calc(100% - 2rem);
      border: solid 1px #ff0064; }
      html body main .add-tooltip span {
        font-size: 1.2rem;
        font-weight: 500;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: white;
        margin: 0 .8rem; }
      html body main .add-tooltip::after {
        content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxpdmVsbG9fMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE5IDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOSAxNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMxQzFDMUM7fQoJLnN0MXtmaWxsOiNFQTA0NjE7fQo8L3N0eWxlPgo8dGl0bGU+UGF0aDwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgo8Zz4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTcuNzYzNjU4NSwwLjAwNzI2MzIgMS4yNDEyNTIyLDAuMDA3MjYzMiA5LjUwMjQ1NTcsMTIuMTIxNTIxIAkiLz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xOC4zODE5NTYxLDAuMDA3MjYzMkw5LjUwMjQ1NTcsMTMuMDI3ODMyTDAuNjIyOTU2LDAuMDA3MjYzMkgwLjE1Mjc2MzcKCQlDMC4xMDAxODQzLDAuMDA3MjYzMiwwLjA1MTc2MDgsMC4wMDEyMjA3LDAsMGw5LjUwMjQ1NTcsMTMuOTM0MDIxTDE5LDAuMDA3MjYzMkgxOC4zODE5NTYxeiIvPgoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIxOC4zODE5NTYxLDAuMDA3MjYzMiAxNy43NjM2NTg1LDAuMDA3MjYzMiA5LjUwMjQ1NTcsMTIuMTIxNTIxIDEuMjQxMjUyMiwwLjAwNzI2MzIgCgkJMC42MjI5NTYsMC4wMDcyNjMyIDkuNTAyNDU1NywxMy4wMjc4MzIgCSIvPgo8L2c+Cjwvc3ZnPgo=");
        position: absolute;
        height: 14px;
        bottom: -14px;
        left: 50%;
        transform: translateX(-50%); }
    html body main .card {
      border-radius: 0;
      text-transform: uppercase;
      font-weight: 500;
      background: none; }
      html body main .card.card-horizontal {
        border: solid 1px #c7c7c7;
        margin-bottom: 1rem; }
        html body main .card.card-horizontal .card-body {
          padding: 1rem;
          display: flex; }
          html body main .card.card-horizontal .card-body .flex-grow-1 {
            color: black; }
            html body main .card.card-horizontal .card-body .flex-grow-1 img {
              margin-right: 1rem; }
          html body main .card.card-horizontal .card-body::after {
            content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI0NCI+PHBhdGggZD0iTTEuNzcgNDRhMS43NSAxLjc1IDAgMCAxLTEuMjM4LS41MTIgMS44MTUgMS44MTUgMCAwIDEtLjAyOC0yLjU0TDE4Ljc1NyAyMiAuNTA0IDMuMDUyQTEuODE2IDEuODE2IDAgMCAxIC41MzIuNTEyIDEuNzUxIDEuNzUxIDAgMCAxIDMuMDM0LjU0bDE5LjQ1OCAyMC4yMDJjLjE0My4xNDYuMjU2LjMxMy4zMzkuNDl2LjAwMWwuMDAxLjAwM2ExLjgyIDEuODIgMCAwIDEgMCAxLjUyOXYuMDAxbC0uMDAxLjAwMmExLjc5IDEuNzkgMCAwIDEtLjMzOS40OTFMMy4wMzQgNDMuNDZjLS4zNDYuMzYtLjgwNi41NDEtMS4yNjUuNTQxeiIgZmlsbD0iI2M3YzdjNyIvPjwvc3ZnPg==");
            height: 44px;
            width: 23px; }
        html body main .card.card-horizontal:last-of-type {
          margin-bottom: 0; }
    html body main .profile-set .col-12.d-flex {
      padding-bottom: 1rem;
      padding-top: 1rem; }
    html body main .profile-set .btn {
      padding: 0 !important; }
    html body header::after {
      content: "";
      height: 8rem;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background: linear-gradient(to bottom, #f3f3f3 0%, #f3f3f3 60%, rgba(243, 243, 243, 0) 100%);
      z-index: 10; }
    html body header .navbar {
      padding: 1.5rem; }
      html body header .navbar .navbar-brand {
        margin: 0;
        padding: 0;
        background: rgba(255, 255, 255, 0); }
        html body header .navbar .navbar-brand img {
          height: 40px;
          transition: filter 0.3s; }
      html body header .navbar .back {
        line-height: 3.2rem;
        font-size: 1.3rem;
        text-transform: uppercase;
        color: black;
        text-decoration: none;
        font-weight: 500;
        transition: all .0s .0s; }
        html body header .navbar .back::before {
          content: url(../img/ico-back.svg);
          display: inline-block;
          width: 16px;
          height: 16px;
          margin-right: 1rem;
          position: relative;
          top: .4rem; }
    html body footer {
      background: #D8D8D8;
      color: #000;
      font-size: 1.1rem;
      position: relative;
      z-index: 1;
      text-align: center; }
      html body footer .d-flex {
        height: 6rem; }
      html body footer a,
      html body footer a:focus,
      html body footer a:active,
      html body footer a:active:focus,
      html body footer a:hover {
        color: #000;
        font-weight: bold; }
    html body .c-hamburger {
      position: absolute;
      display: block;
      border-radius: 0;
      top: 1.5rem;
      right: 0;
      overflow: hidden;
      margin: 0;
      padding: 0;
      width: 55px;
      height: 32px;
      background: none;
      font-size: 0;
      text-indent: -9999px;
      appearance: none;
      box-shadow: none;
      border-radius: none;
      border: none;
      cursor: pointer;
      transition: background .3s, top .3s; }
      html body .c-hamburger:focus {
        outline: none; }
      html body .c-hamburger span {
        display: block;
        position: absolute;
        top: 50%;
        left: 15px;
        height: 2px;
        width: 25px;
        background: black;
        transition: background 0.3s; }
        html body .c-hamburger span::before, html body .c-hamburger span::after {
          content: "";
          position: absolute;
          display: block;
          left: 0;
          width: 100%;
          height: 2px;
          background-color: black; }
        html body .c-hamburger span::before {
          top: -7px; }
        html body .c-hamburger span::after {
          bottom: -7px; }
      html body .c-hamburger.c-hamburger--htx span {
        transition: background 0s 0.3s; }
        html body .c-hamburger.c-hamburger--htx span::before {
          transform: rotate(0);
          transition: top 0.3s 0.3s, transform 0.3s 0s; }
        html body .c-hamburger.c-hamburger--htx span::after {
          transform: rotate(0);
          transition: bottom 0.3s 0.3s, transform 0.3s 0s; }
    html body nav {
      background: #ff0064;
      text-align: center;
      width: 100%;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      transform: translateX(100%);
      padding-top: 7rem;
      padding-bottom: 1rem;
      z-index: 1029;
      transition: transform ease-in-out .3s;
      overflow-x: hidden;
      overflow-y: auto; }
      html body nav .container-fluid ul {
        list-style: none;
        margin: 0;
        padding: 1.2rem 0;
        border-top: solid 1px white;
        font-size: 1.6rem; }
        html body nav .container-fluid ul lh.font-italic {
          font-size: 1.9rem;
          font-weight: 700;
          display: block;
          margin-bottom: 1.5rem;
          color: rgba(0, 0, 0, 0.4); }
        html body nav .container-fluid ul li {
          text-transform: uppercase;
          font-weight: 700;
          margin-bottom: 1.5rem; }
          html body nav .container-fluid ul li:last-of-type {
            margin-bottom: 0; }
          html body nav .container-fluid ul li a,
          html body nav .container-fluid ul li a:active,
          html body nav .container-fluid ul li a:focus,
          html body nav .container-fluid ul li a:visited {
            color: white; }
          html body nav .container-fluid ul li a:hover {
            color: rgba(255, 255, 255, 0.7); }
          html body nav .container-fluid ul li.active {
            font-weight: 600; }
          html body nav .container-fluid ul li ul {
            border-top: 0 none;
            border-bottom: 0 none; }
            html body nav .container-fluid ul li ul li {
              font-weight: 300;
              font-size: 1.4rem; }
        html body nav .container-fluid ul:last-of-type {
          border-bottom: solid 1px white; }
      html body nav .container-fluid:last-of-type ul {
        border: 0 !important;
        font-size: 1.3rem; }
        html body nav .container-fluid:last-of-type ul li {
          font-weight: 400; }
    html body .accordion {
      margin-top: 2rem;
      border-bottom: solid 1px #ff0064; }
      html body .accordion > .card {
        background: none;
        border: 0 none;
        border-top: solid 1px #ff0064;
        text-transform: none;
        font-weight: 300; }
        html body .accordion > .card .card-header {
          background: none;
          border: 0 none;
          border-radius: 0 !important;
          padding: 1.5rem 0; }
          html body .accordion > .card .card-header .btn-link {
            padding: 0;
            /*  color: #fff !important; */
            width: 100%;
            position: relative;
            text-align: left;
            padding-right: 3rem; }
            html body .accordion > .card .card-header .btn-link:after {
              content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PHBhdGggZD0iTTEwLjU5IDIuMjk1TDYgNi44NzVsLTQuNTktNC41OEwwIDMuNzA1bDYgNiA2LTYtMS40MS0xLjQxeiIgZmlsbD0iI2ZmMDA2NCIvPjwvc3ZnPg==");
              width: 12px;
              height: 12px;
              position: absolute;
              right: .5rem;
              top: 50%;
              transform: translateY(-50%) rotate(180deg);
              transition: all .2s; }
            html body .accordion > .card .card-header .btn-link.collapsed:after {
              transform: translateY(-50%) rotate(0); }
        html body .accordion > .card .card-body {
          padding-top: 0;
          padding-left: 0;
          padding-right: 0; }
    html body .modal .c-hamburger--htx {
      top: .75rem; }
      html body .modal .c-hamburger--htx span {
        background: none !important;
        transition: background 0s 0.3s; }
        html body .modal .c-hamburger--htx span::before {
          top: 0;
          transform: rotate(45deg);
          transition: background 0.3s 0s, top 0.3s 0s, transform 0.3s 0.3s;
          background-color: black; }
        html body .modal .c-hamburger--htx span::after {
          bottom: 0;
          transform: rotate(-45deg);
          transition: background 0.3s 0s, bottom 0.3s 0s, transform 0.3s 0.3s;
          background-color: black; }
    html body .modal .modal-header::after {
      display: none; }
    html body .spinner {
      display: flex;
      justify-content: center;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index: 9999;
      background: rgba(255, 255, 255, 0.7); }
      html body .spinner .spinner-border {
        border-color: #ff0064;
        width: 3.5rem;
        height: 3.5rem;
        border-width: .35rem;
        border-right-color: transparent;
        align-self: center; }
    html body .alert a {
      font-weight: bold;
      text-decoration: underline; }
    html body .alert.alert-primary {
      background-color: #FF0064;
      border-color: #FF0064;
      color: #fff; }
      html body .alert.alert-primary a {
        color: #fff !important; }
    html body .alert.alert-success {
      background-color: #16741A;
      border-color: #16741A;
      color: #fff; }
      html body .alert.alert-success a {
        color: #fff !important; }
    html body .alert.alert-danger {
      background-color: #EF1A00;
      border-color: #EF1A00;
      color: #fff; }
      html body .alert.alert-danger a {
        color: #fff !important; }
    html body .alert.alert-warning {
      background-color: #EDB900;
      border-color: #EDB900;
      color: rgba(0, 0, 0, 0.8); }
      html body .alert.alert-warning a {
        color: rgba(0, 0, 0, 0.8); }
    html body .alert.alert-dismissible .close {
      padding: 0 .75rem;
      font-size: 3rem; }
    html body .fixed-bottom {
      background: #f3f3f3;
      border-top: solid 1px #ff0064;
      margin: 0 !important;
      padding: .5rem 0; }
      html body .fixed-bottom p {
        font-size: 1.6rem;
        margin-bottom: .5rem; }
    html body ul.pdf {
      list-style: none;
      padding-left: 0;
      border-bottom: solid 1px #ff0064; }
      html body ul.pdf li {
        border-top: solid 1px #ff0064;
        padding: 1.2rem 0;
        text-transform: uppercase; }
        html body ul.pdf li a {
          color: white !important;
          text-decoration: none; }
    html body .news,
    html body .network {
      border-top: solid 1px #ff0064;
      padding-top: 1.5rem;
      margin-top: 1.5rem; }
      html body .news time.font-italic,
      html body .network time.font-italic {
        font-size: 1.9rem;
        color: #9d9d9d;
        margin-bottom: 1rem;
        display: block; }
      html body .news h3,
      html body .network h3 {
        font-size: 1.6rem;
        margin-bottom: 1rem; }
      html body .news p:last-of-type,
      html body .network p:last-of-type {
        margin-bottom: 0; }
    html body.mins {
      /* color: rgba(255, 255, 255, 1);
            background: rgba(50,50,50,1);
            hr{
                border-color: #ACACAC;
            }
            .bg{
                background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(47,47,47,1) 70%,rgba(50,50,50,1) 100%);
                &::before{
                    display: none;
                }
            }
            header{
                &::after{
                    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 60%,rgba(0,0,0,0) 100%);
                }
            }
            .c-hamburger{
                span{
                    background: rgba(255, 255, 255, 1);
                    &::before,
                    &::after{
                        background-color: rgba(255, 255, 255, 1);
                    }
                }
            }
            nav{
                background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(47,47,47,1) 70%,rgba(50,50,50,1) 100%);
                .container-fluid{
                    ul{
                        border-color: rgba(255, 0, 100, 1);
                        lh.font-italic{
                           color: rgba(243, 243, 243, .3);
                        }
                    }
                }
            }
            .account{
                img{
                    max-width: 13rem;
                }
            }
            h2.title{
                color: rgba(255, 255, 255, 1);
            }
            .need-help{
                color: rgba(255,255,255,1);
            } */ }
      html body.mins .btn-secondary,
      html body.mins .btn-secondary:focus,
      html body.mins .btn-secondary:active,
      html body.mins .btn-secondary:active:focus,
      html body.mins .btn-secondary.active,
      html body.mins .btn-secondary:not(:disabled):not(.disabled):active {
        color: white; }
      html body.mins .modal-backdrop {
        background: #000; }
      html body.mins .modal .modal-dialog {
        margin: 0; }
        html body.mins .modal .modal-dialog .modal-content {
          border-radius: 0;
          background: none;
          border: 0 none; }
          html body.mins .modal .modal-dialog .modal-content .modal-body .title img {
            display: block;
            margin: 0 auto 1rem auto; }
        html body.mins .modal .modal-dialog .c-hamburger--htx span::before, html body.mins .modal .modal-dialog .c-hamburger--htx span::after {
          background-color: white; }
      html body.mins .spinner {
        background: rgba(0, 0, 0, 0.7); }
    html body.menuopenuser {
      overflow: hidden; }
      html body.menuopenuser header {
        /*  &::after{
                    background: linear-gradient(to bottom, rgba(255,0,100,1) 0%,rgba(255,0,100,1) 60%,rgba(255,0,100,0) 100%);
                    z-index: 1029;

                } */ }
        html body.menuopenuser header .navbar .navbar-brand img {
          filter: brightness(0) saturate(0); }
        html body.menuopenuser header .navbar .back {
          color: white;
          filter: brightness(100) saturate(0);
          transition: all .0s .2s; }
      html body.menuopenuser.mins header {
        /* &::after{
                        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 60%,rgba(0,0,0,0) 100%);
                    } */ }
        html body.menuopenuser.mins header .navbar .navbar-brand img {
          filter: brightness(1) saturate(1); }
      html body.menuopenuser .c-hamburger--htx span {
        background: none !important;
        transition: background 0s 0.3s; }
        html body.menuopenuser .c-hamburger--htx span::before {
          top: 0;
          transform: rotate(45deg);
          transition: background 0.3s 0s, top 0.3s 0s, transform 0.3s 0.3s;
          background-color: white; }
        html body.menuopenuser .c-hamburger--htx span::after {
          bottom: 0;
          transform: rotate(-45deg);
          transition: background 0.3s 0s, bottom 0.3s 0s, transform 0.3s 0.3s;
          background-color: white; }
      html body.menuopenuser nav {
        transform: translateX(0); }
    html body .bg {
      background-color: #f3f3f3;
      background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      background-position: center center;
      height: 100%; }
      html body .bg::before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0.9) 100%); }
      html body .bg.bg-img {
        background-image: url(../img/bg-img.jpg); }
        @media (min-width: 768px) {
          html body .bg.bg-img {
            background-image: url(../img/bg-img-desk.jpg); } }
    html body .flex-grid {
      display: flex;
      flex-wrap: wrap; }
      html body .flex-grid .item {
        padding: 0;
        flex: 0 0 50%;
        border-bottom: solid 1px rgba(158, 158, 158, 0.4);
        border-right: solid 1px rgba(158, 158, 158, 0.4); }
        html body .flex-grid .item:nth-child(even) {
          border-right: 0 none; }
        html body .flex-grid .item:nth-child(5), html body .flex-grid .item:nth-child(6) {
          border-bottom: 0 none; }
    html body .flex-grid .card {
      background: none;
      border: 0 none; }
      html body .flex-grid .card .card-body {
        text-align: center;
        color: #000; }
        html body .flex-grid .card .card-body .btn-secondary {
          padding: .5rem;
          margin: .5rem 0; }
      html body .flex-grid .card img {
        display: block;
        margin: 0 auto 1.5rem auto; }
    @media (min-width: 768px) {
      html body .flex-grid-desk {
        margin-right: -5px;
        margin-left: -5px;
        display: flex;
        flex-wrap: wrap; }
        html body .flex-grid-desk .card-horizontal {
          flex: 0 0 50%;
          padding: 5px;
          border: 0 none !important; }
          html body .flex-grid-desk .card-horizontal a {
            border: solid 1px #c7c7c7; } }
    html body .font-l {
      font-size: 2.2rem; }
    html body .font-xl {
      font-size: 3.3rem; }
    html body .font-xxl {
      font-size: 8rem; }
    html body .text-primary {
      color: #ff0064 !important; }
    html body .form-group {
      margin: .75rem 0; }
      html body .form-group label.font-italic {
        color: #9D9D9D;
        font-size: 1.9rem;
        margin: 0; }
        html body .form-group label.font-italic.font-small {
          font-size: 1.4rem; }
      html body .form-group .form-control {
        border-radius: 0;
        border-color: #ff0064;
        font-size: 1.6rem;
        padding: 2rem 1.5rem;
        color: black; }
        html body .form-group .form-control::placeholder {
          color: #333;
          font-weight: 300; }
        html body .form-group .form-control:focus {
          border-color: #ff0064;
          box-shadow: inset 0px 0px 0px 3px #ff0064;
          color: black; }
        html body .form-group .form-control:disabled {
          border-color: #adb5bd;
          background: #e9ecef; }
          html body .form-group .form-control:disabled.font-small {
            font-size: 1.6rem; }
        html body .form-group .form-control.form-control-lg {
          font-size: 2.1rem;
          padding: 0;
          margin-top: -.5rem; }
          html body .form-group .form-control.form-control-lg:disabled {
            border: 0 none;
            background: none; }
      html body .form-group select.form-control {
        height: calc(4rem + 2px);
        padding-top: 0;
        padding-bottom: 0; }
      html body .form-group .custom-control {
        min-height: 2rem;
        padding-left: 2rem;
        margin-bottom: 1rem; }
        html body .form-group .custom-control:last-of-type {
          margin-bottom: 0; }
      html body .form-group .custom-control-label {
        padding-left: 1rem; }
        html body .form-group .custom-control-label::before {
          width: 2rem;
          height: 2rem;
          left: -2rem;
          top: 0; }
        html body .form-group .custom-control-label::after {
          width: 2rem;
          height: 2rem;
          left: -2rem;
          top: 0; }
      html body .form-group .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: none; }
      html body .form-group .custom-control-input:checked ~ .custom-control-label::before {
        background: #ff0064;
        border-color: #ff0064; }
    html body .editing .btn-close {
      display: none;
      margin-top: 2rem; }
    html body .editing .btn-edit {
      display: block; }
    html body .editing.active .btn-close {
      display: block; }
    html body .editing.active .btn-edit {
      display: none; }
    html body .row-btn {
      text-align: center;
      margin: 2rem 0; }
    html body .link-download {
      color: #ff0064;
      font-weight: bold;
      position: relative;
      padding-right: 15px; }
      html body .link-download::after {
        content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuOTk0IDBhLjQyOS40MjkgMCAwMC0uNDIyLjQyOHY3LjUzOUwyLjg3NyA1LjI3MmEuNDI4LjQyOCAwIDAwLS42MDUuNjA2bDMuNDI2IDMuNDI3LjAwNC4wMDRoLjAwMWwuMDEzLjAxMy4wMTguMDE2aC4wMDFsLjAxMS4wMDloLjAwMWwuMDIuMDE1LjAwMy4wMDEuMDE1LjAxaC4wMDJsLjAxNy4wMS4wMDMuMDAxLjAxNS4wMDhoLjAwM2MuMDAzLjAwMy4wMS4wMDYuMDE3LjAwOWguMDAzYy4wMDQuMDAzLjAxMS4wMDUuMDE5LjAwN2wuMDAzLjAwMS4wMTUuMDA1LjAwMy4wMDFjLjAwNC4wMDEuMDExLjAwNC4wMTkuMDA1aC4wMDJhLjE3LjE3IDAgMDAuMDE4LjAwNGguMDAzbC4wMTguMDAzaC4wMDJsLjAyLjAwMmguMDAybC4wMjIuMDAxSDYuMDEyYS40MTcuNDE3IDAgMDAuMDM4LS4wMDJoLS4wMDIuMDA1LS4wMDJhLjM5NS4zOTUgMCAwMC4wMy0uMDA1aC0uMDA0bC4wMjQtLjAwNS0uMDAzLjAwMWEuMzQuMzQgMCAwMC4wMTktLjAwNWgtLjAwM2wuMDI4LS4wMDhINi4xNGwuMDE5LS4wMDYtLjAwMy4wMDFhLjI0OS4yNDkgMCAwMC4wMjUtLjAxaC0uMDAyYS42MS42MSAwIDAwLjAzNC0uMDE3bC0uMDAyLjAwMWEuMDExLjAxMSAwIDAwLjAwMy0uMDAxSDYuMjFhLjM1NS4zNTUgMCAwMC4wMjYtLjAxNWgtLjAwMWwuMDE4LS4wMTItLjAwMS4wMDFhLjQ5Mi40OTIgMCAwMC4wMjgtLjAyMmwuMDAyLS4wMDMuMDItLjAxNyAzLjQyNS0zLjQyN2EuNDI4LjQyOCAwIDAwLS4yOTgtLjczNmgtLjAxNGEuNDI3LjQyNyAwIDAwLS4yOTMuMTNMNi40MjggNy45NjlWLjQzNi40M0EuNDI4LjQyOCAwIDAwNiAuMDAyaC0uMDA3VjB6TS40MzQgMTEuMTQzSC40MjhhLjQyOC40MjggMCAxMDAgLjg1N2gxMS4xNDRhLjQyOC40MjggMCAxMDAtLjg1N0guNDM1eiIgZmlsbD0iI0ZGMDA2NCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+);
        position: absolute;
        right: 0;
        top: 0; }
      html body .link-download:hover {
        text-decoration: none; }
    html body .btn,
    html body .btn:focus,
    html body .btn:active,
    html body .btn:active:focus,
    html body .btn.active {
      font-size: 1.3rem;
      text-transform: uppercase;
      border-radius: 0;
      border: solid 1px;
      padding: .5rem 3rem; }
    html body .btn-primary,
    html body .btn-primary:focus,
    html body .btn-primary:active,
    html body .btn-primary:active:focus,
    html body .btn-primary.active {
      background: #ff0064;
      border-color: #ff0064; }
      html body .btn-primary:hover,
      html body .btn-primary:focus:hover,
      html body .btn-primary:active:hover,
      html body .btn-primary:active:focus:hover,
      html body .btn-primary.active:hover {
        background: #ff0064;
        border-color: #ff0064; }
    html body .btn-secondary,
    html body .btn-secondary:focus,
    html body .btn-secondary:active,
    html body .btn-secondary:active:focus,
    html body .btn-secondary.active,
    html body .btn-secondary:not(:disabled):not(.disabled):active {
      background: rgba(255, 255, 255, 0);
      border-color: #ff0064;
      color: black;
      box-shadow: none !important; }
      html body .btn-secondary:hover,
      html body .btn-secondary:focus:hover,
      html body .btn-secondary:active:hover,
      html body .btn-secondary:active:focus:hover,
      html body .btn-secondary.active:hover,
      html body .btn-secondary:not(:disabled):not(.disabled):active:hover {
        background: #ff0064;
        border-color: #ff0064;
        color: white; }
    html body .btn-link,
    html body .btn-link:focus,
    html body .btn-link:active,
    html body .btn-link:active:focus,
    html body .btn-link.active {
      color: black;
      border: 0; }
      html body .btn-link:hover,
      html body .btn-link:focus:hover,
      html body .btn-link:active:hover,
      html body .btn-link:active:focus:hover,
      html body .btn-link.active:hover {
        color: rgba(0, 0, 0, 0.7);
        text-decoration: none; }
      html body .btn-link.white,
      html body .btn-link:focus.white,
      html body .btn-link:active.white,
      html body .btn-link:active:focus.white,
      html body .btn-link.active.white {
        color: #fff !important; }
    html body .btn-edit,
    html body .btn-edit:focus,
    html body .btn-edit:active,
    html body .btn-edit:active:focus,
    html body .btn-edit.active {
      padding: 1rem 0 1rem 1rem; }
    html body .btn-close,
    html body .btn-close:focus,
    html body .btn-close:active,
    html body .btn-close:active:focus,
    html body .btn-close.active {
      padding: 1rem 0 1rem 1rem; }
    html body .upload-btn-wrapper {
      position: absolute;
      width: calc(100% - 15px);
      height: 100%;
      overflow: hidden;
      display: flex; }
      html body .upload-btn-wrapper button {
        background: none !important;
        border: 0 !important;
        margin: 0;
        padding: 0;
        width: 100%; }
      html body .upload-btn-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0; }

div.croppa-container {
  border-radius: 50% !important; }

/*.upload-btn-wrapper{
    z-index:999;
}*/
