.mw370 {
  max-width: 370px; }

input::-moz-placeholder {
  font-family: 'OpenSans-Regular', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #333333;
  opacity: 0.5;
  line-height: 30px; }

input:-ms-input-placeholder {
  font-family: 'OpenSans-Regular', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  opacity: 0.5; }

input::-webkit-input-placeholder {
  font-family: 'OpenSans-Regular', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  opacity: 0.5; }

html {
  height: 100%;
  overflow: auto; }
  html body {
    height: 100%;
    background-image: linear-gradient(to top, #e7e7e7, #fdfdfd) !important;
    overflow: auto; }
    html body .page-container {
      height: 100%; }
      html body .page-container .page-content {
        height: 100%; }
        html body .page-container .page-content .content-container {
          padding: 0;
          height: 100%;
          overflow: auto;
          background-image: url(/assets/themes/backend/icollectivo/images/landing/auth/login/auth-background-1440.svg);
          background-size: cover;
          background-color: transparent !important;
          background-position: left; }
          html body .page-container .page-content .content-container .alert {
            width: 80%; }
          html body .page-container .page-content .content-container .login-container {
            height: 100%;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-direction: column;
            padding: 0 72px;
            background-color: transparent !important; }
            html body .page-container .page-content .content-container .login-container h3 {
              margin: 25px 0 30px 0; }
            html body .page-container .page-content .content-container .login-container .logo-container {
              width: 100%;
              margin: 34px 0 30px 0; }
              html body .page-container .page-content .content-container .login-container .logo-container img {
                width: 100%;
                max-width: 175px; }
            html body .page-container .page-content .content-container .login-container form {
              width: 100%;
              max-width: 450px; }
              html body .page-container .page-content .content-container .login-container form .login-options a {
                font-size: 12px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: 1px;
                color: #333333;
                text-decoration: underline; }
              html body .page-container .page-content .content-container .login-container form .forgotten-pass-cont {
                margin-bottom: 30px; }
                html body .page-container .page-content .content-container .login-container form .forgotten-pass-cont a {
                  font-family: 'Poppins-Medium', sans-serif;
                  font-weight: bold !important;
                  font-style: normal;
                  font-stretch: normal;
                  line-height: normal;
                  letter-spacing: 1px;
                  text-decoration: underline !important;
                  color: #333333;
                  text-transform: uppercase; }
              html body .page-container .page-content .content-container .login-container form h2 {
                font-family: "Poppins-Medium", sans-serif;
                font-size: 50px;
                font-weight: 500;
                font-style: normal;
                font-stretch: normal;
                line-height: 1;
                letter-spacing: normal;
                color: #333333;
                margin-bottom: 30px; }
              html body .page-container .page-content .content-container .login-container form .back-to-login {
                font-size: 12px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: 1px;
                color: #333333;
                text-decoration: underline;
                text-transform: uppercase; }
              html body .page-container .page-content .content-container .login-container form p:not(.input-description) {
                font-size: 14px;
                font-weight: 600;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #333333; }
              html body .page-container .page-content .content-container .login-container form .form-control {
                height: 45px !important;
                border-radius: 22px;
                font-family: 'OpenSans-Regular', sans-serif;
                font-size: 14px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #333333;
                padding-left: 20px; }
              html body .page-container .page-content .content-container .login-container form .form-group.login-options {
                margin-bottom: 20px; }
              html body .page-container .page-content .content-container .login-container form button[type="submit"] {
                min-width: 175px !important;
                margin-bottom: 18px;
                cursor: pointer; }
              html body .page-container .page-content .content-container .login-container form .checkbox-inline {
                line-height: 23px;
                font-family: 'OpenSans-Regular', sans-serif;
                font-size: 14px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                letter-spacing: normal;
                color: #333333;
                padding-left: 30px !important; }
                html body .page-container .page-content .content-container .login-container form .checkbox-inline .checker span {
                  height: 20px;
                  width: 20px;
                  border-radius: 5px;
                  border-color: #ccc; }
                  html body .page-container .page-content .content-container .login-container form .checkbox-inline .checker span:after {
                    content: "\e976" !important;
                    top: 0;
                    left: 0;
                    color: #ff315d;
                    font-weight: bold;
                    font-size: 14px !important;
                    right: 0;
                    bottom: 0;
                    margin-top: 1px; }
                html body .page-container .page-content .content-container .login-container form .checkbox-inline a {
                  text-transform: capitalize;
                  color: #333;
                  font-family: 'OpenSans-Regular', sans-serif;
                  font-size: 14px;
                  text-decoration: underline; }
              html body .page-container .page-content .content-container .login-container form .validation-error-label {
                color: #d84315;
                margin: 5px 0; }
              html body .page-container .page-content .content-container .login-container form input[type="password"] {
                padding-right: 45px; }
              html body .page-container .page-content .content-container .login-container form .view-password {
                position: absolute;
                right: 20px;
                top: 5px;
                z-index: 900;
                font-size: 18px;
                color: #9b9b9b;
                padding: 5px 10px 5px 10px; }
              html body .page-container .page-content .content-container .login-container form .view-password:hover {
                cursor: pointer;
                color: #686868; }
            html body .page-container .page-content .content-container .login-container .social-cont {
              display: flex; }
              html body .page-container .page-content .content-container .login-container .social-cont .social-item {
                margin-right: 10px; }
            html body .page-container .page-content .content-container .login-container .register-cont {
              margin-top: 54px; }
              html body .page-container .page-content .content-container .login-container .register-cont span {
                font-family: 'OpenSans-Regular', sans-serif;
                font-size: 14px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #333333; }
              html body .page-container .page-content .content-container .login-container .register-cont a {
                font-family: 'Poppins-Medium', sans-serif;
                font-size: 12px;
                font-weight: bold !important;
                font-style: normal;
                font-stretch: normal;
                line-height: normal;
                letter-spacing: 1px;
                color: #333333;
                text-transform: uppercase;
                padding-bottom: 50px;
                text-decoration: underline; }
            html body .page-container .page-content .content-container .login-container .forgot-description {
              width: 387px;
              height: 45px;
              font-family: 'OpenSans-Regular', sans-serif;
              font-size: 14px;
              font-weight: normal;
              font-style: normal;
              font-stretch: normal;
              letter-spacing: normal;
              color: #333333;
              line-height: 22px;
              margin-bottom: 30px; }
          html body .page-container .page-content .content-container .benefit-container {
            position: absolute;
            top: 95px;
            right: 74px;
            bottom: 140px;
            display: flex;
            flex-direction: column;
            background-color: #fff;
            border-radius: 15px;
            max-width: 710px;
            justify-content: center;
            align-items: center;
            min-height: 600px; }
            html body .page-container .page-content .content-container .benefit-container h2 {
              font-family: 'Poppins-Regular', Arial, 'Helvetica Neue', Helvetica, sans-serif;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #333333;
              max-width: 75%;
              text-align: center;
              margin: 15px 0 60px; }
            html body .page-container .page-content .content-container .benefit-container > p {
              flex: 1;
              font-family: 'Poppins-SemiBold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #333333;
              min-height: 38px;
              margin-bottom: 0;
              display: flex;
              align-items: center;
              justify-content: center; }
              html body .page-container .page-content .content-container .benefit-container > p img {
                margin-right: 22px;
                max-width: 30px; }
            html body .page-container .page-content .content-container .benefit-container .benefit-items-container {
              display: flex;
              min-height: 65%;
              flex-direction: column; }
              html body .page-container .page-content .content-container .benefit-container .benefit-items-container .benefit-item {
                flex: 1;
                margin: 0 45px;
                display: flex;
                align-items: center; }
                html body .page-container .page-content .content-container .benefit-container .benefit-items-container .benefit-item img {
                  margin-right: 35px;
                  max-width: 100px; }
                html body .page-container .page-content .content-container .benefit-container .benefit-items-container .benefit-item p {
                  font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
                  font-size: 14px;
                  font-weight: 400;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: normal;
                  letter-spacing: normal;
                  color: #333333;
                  margin: 0; }
                html body .page-container .page-content .content-container .benefit-container .benefit-items-container .benefit-item h3 {
                  font-family: 'Poppins-SemiBold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
                  font-size: 17px;
                  font-weight: 600;
                  font-stretch: normal;
                  font-style: normal;
                  line-height: normal;
                  letter-spacing: normal;
                  color: #333333;
                  margin: 0 0 5px 0;
                  text-align: left; }
            html body .page-container .page-content .content-container .benefit-container.carousel {
              display: initial;
              background-color: transparent;
              bottom: initial;
              max-width: 400px; }
              html body .page-container .page-content .content-container .benefit-container.carousel > h2 {
                text-align: left;
                font-size: 20px;
                max-width: 100%; }
              html body .page-container .page-content .content-container .benefit-container.carousel .benefit-items-owl {
                display: block;
                min-height: initial;
                background-color: #fff;
                padding: 0;
                border-radius: 10px;
                margin-top: 30px; }
                html body .page-container .page-content .content-container .benefit-container.carousel .benefit-items-owl .owl-item:nth-child(4) {
                  margin-top: 25px; }
                html body .page-container .page-content .content-container .benefit-container.carousel .benefit-items-owl .owl-item:nth-child(5) {
                  margin-top: 30px; }
                html body .page-container .page-content .content-container .benefit-container.carousel .benefit-items-owl .benefit-item {
                  background-color: #fff;
                  flex: 1;
                  margin: 0 35px;
                  flex-direction: column; }
                  html body .page-container .page-content .content-container .benefit-container.carousel .benefit-items-owl .benefit-item > img {
                    max-width: 120px;
                    margin: 25px 0 25px 0; }
                  html body .page-container .page-content .content-container .benefit-container.carousel .benefit-items-owl .benefit-item .text-container {
                    text-align: center; }
                    html body .page-container .page-content .content-container .benefit-container.carousel .benefit-items-owl .benefit-item .text-container p {
                      margin: 0; }
                    html body .page-container .page-content .content-container .benefit-container.carousel .benefit-items-owl .benefit-item .text-container h3 {
                      text-align: center;
                      margin: 0 0 10px 0; }
        html body .page-container .page-content .auth-background {
          background: url("/assets/themes/backend/icollectivo/images/landing/auth/login/right.png");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: left;
          height: 100%;
          position: fixed;
          right: 0;
          top: 0;
          bottom: 0; }
        html body .page-container .page-content .registration-background {
          background: url("/assets/themes/backend/icollectivo/images/landing/auth/login/right.png");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: left;
          height: 100%;
          position: fixed;
          right: 0;
          top: 0;
          bottom: 0; }
        html body .page-container .page-content .forgotten-background {
          background: url("/assets/themes/backend/icollectivo/images/landing/auth/forgotten/right.png");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: left;
          height: 100%;
          position: fixed;
          right: 0;
          top: 0;
          bottom: 0; }

.forgotten-pass-container h2 {
  margin-bottom: 15px !important; }
.forgotten-pass-container .logo-container {
  margin: 60px 0 150px 0 !important; }

.back-to-login {
  margin-top: 80px; }
  .back-to-login a {
    font-family: 'Poppins-Medium', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #333333;
    display: flex; }
    .back-to-login a img {
      margin-right: 10px; }

.login-page .logo-container {
  margin: 39px 0 50px 0 !important; }

@media screen and (max-width: 991px) {
  body {
    background-image: none !important; }
    body .page-container {
      background-image: linear-gradient(to top, #e7e7e7, #fdfdfd) !important; }

  .left-column {
    width: 100% !important;
    height: 100% !important;
    display: flex;
    justify-content: center; }

  .login-container {
    background-image: none !important; }
    .login-container .alert {
      width: 100% !important; }
    .login-container .logo-container {
      margin: 20px 0 0 !important; }
    .login-container .mobile-banner {
      width: 100%; }
      .login-container .mobile-banner img {
        width: 100%; }
      .login-container .mobile-banner a {
        padding: 0; }
    .login-container h2 {
      font-size: 28px; }
    .login-container form {
      padding: 0 15px !important; }

  .forgotten-pass-container h2 {
    margin-bottom: 15px !important; }
  .forgotten-pass-container .logo-container {
    margin: 20px 0 0 !important; }
  .forgotten-pass-container .forgot-description {
    text-align: center;
    width: 100% !important; }
  .forgotten-pass-container .back-to-login {
    display: flex;
    justify-content: center;
    margin: 0 0 30px 0; }

  .content-container {
    background-image: none !important; } }
@media screen and (max-width: 991px) {
  h2, h3 {
    text-align: center; }

  button[type="submit"] {
    width: 100% !important; }

  .forgotten-pass-cont {
    text-align: center !important;
    margin-bottom: 40px; }

  .social-cont {
    justify-content: center; }

  .register-cont {
    text-align: center;
    margin-bottom: 25px; }

  .logo-container {
    margin: 35px 0 30px 0;
    text-align: center; }
    .logo-container img {
      max-width: 120px !important; }
    .logo-container .arrow {
      position: absolute;
      left: 20px;
      top: 18px;
      text-decoration: none !important;
      font-size: 18px; }
      .logo-container .arrow:focus, .logo-container .arrow:hover, .logo-container .arrow:active {
        text-decoration: none !important; }
      .logo-container .arrow i {
        color: #333; }

  .mw370 {
    max-width: 100% !important; }

  .login-container {
    width: 100%; }
    .login-container h3 {
      font-family: 'Poppins-SemiBold', sans-serif;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #333333;
      font-size: 14px; }
    .login-container .register-cont {
      max-width: 250px;
      margin: 54px auto 25px auto; }
      .login-container .register-cont a {
        text-decoration: underline !important; }
    .login-container form button[type="submit"] {
      max-width: 175px !important;
      margin: 25px auto;
      display: block; }

  .register-container button[type="submit"] {
    margin-top: 20px;
    margin-bottom: 40px !important; }

  .mobile-banner {
    margin-bottom: 30px; }
    .mobile-banner .benefit-container.carousel {
      top: initial !important;
      right: initial !important;
      bottom: initial !important;
      position: relative !important; }

  .login-container h2 {
    font-size: 20px !important; } }
@media screen and (max-width: 991px) and (min-width: 550px) {
  .login-container form {
    max-width: 500px;
    margin: 0 auto; } }
@media screen and (max-width: 550px) {
  .login-container {
    padding: 0 15px !important; }
    .login-container form {
      max-width: 100% !important;
      margin: 0 auto; }
    .login-container h2 {
      font-size: 18px !important; } }
@media screen and (max-width: 480px) {
  .login-container {
    width: 100%; } }
@media screen and (max-width: 1540px) {
  html body .page-container .page-content .content-container .login-container {
    background-position: initial !important; } }
@media screen and (min-width: 1280px) {
  html body .page-container .page-content .content-container {
    background-image: url(/assets/themes/backend/icollectivo/images/landing/auth/login/auth-background.svg); }
    html body .page-container .page-content .content-container .benefit-container.carousel {
      display: none; } }
@media screen and (max-width: 1279px) {
  html body .page-container .page-content .content-container .benefit-container:not(.carousel) {
    display: none; } }
@media screen and (max-width: 1279px) {
  html body .page-container .page-content .content-container {
    background-image: url(/assets/themes/backend/icollectivo/images/landing/auth/login/auth-background-1440.svg); }
    html body .page-container .page-content .content-container .benefit-container .benefit-items-container:not(.benefit-items-owl) {
      display: none; } }
@media screen and (min-width: 991px) and (max-width: 1279px) {
  html body .page-container .page-content .content-container {
    background-image: url(/assets/themes/backend/icollectivo/images/landing/auth/login/auth-background-1280.svg); } }
@media screen and (max-width: 676px) {
  .benefit-item img {
    display: none !important; }
  .benefit-item h3 {
    margin: 0 0 10px 0 !important; }

  html body .page-container .page-content .content-container .benefit-container.carousel .benefit-items-owl .owl-item {
    margin-top: 30px; }
    html body .page-container .page-content .content-container .benefit-container.carousel .benefit-items-owl .owl-item:nth-child(4) {
      margin-top: 40px; }
    html body .page-container .page-content .content-container .benefit-container.carousel .benefit-items-owl .owl-item:nth-child(5) {
      margin-top: 50px; } }