@font-face {
  font-family: "workbuzz";
  src: url("/assets/themes/backend/icollectivo/fonts/workbuzz/icomoon.eot?v=4");
  src: url("/assets/themes/backend/icollectivo/fonts/workbuzz/icomoon.eot?v=4") format("eot"), url("/assets/themes/backend/icollectivo/fonts/workbuzz/icomoon.woff?v=4") format("woff"), url("/assets/themes/backend/icollectivo/fonts/workbuzz/icomoon.ttf?v=4") format("truetype"), url("/assets/themes/backend/icollectivo/fonts/workbuzz/icomoon.svg?v=4") format("svg"); }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'workbuzz' !important;
  speak: none;
  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; }

.icon-checkmark-circle:before {
  content: "\e900"; }

.icon-cv:before {
  content: "\e959"; }

.icon-equalizer:before {
  content: "\e95a"; }

.icon-magnifier:before {
  content: "\e95b"; }

.icon-website-design:before {
  content: "\e95c"; }

.icon-long-arrow-left-regular:before {
  content: "\e95d"; }

.icon-long-arrow-right-regular:before {
  content: "\e95e"; }

.icon-map-marker-alt-solid:before {
  content: "\e95f"; }

.icon-arrow-alt-left-solid:before {
  content: "\e960"; }

.icon-arrow-alt-right-solid:before {
  content: "\e961"; }

.icon-eye-regular:before {
  content: "\e962"; }

.icon-eye-slash-regular:before {
  content: "\e963"; }

.icon-log-out-light:before {
  content: "\e964"; }

.icon-file-text-light:before {
  content: "\e965"; }

.icon-radio-checked:before {
  content: "\e966"; }

.icon-radio-unchecked:before {
  content: "\e967"; }

.icon-address-card-regular:before {
  content: "\e968"; }

.icon-loop:before {
  content: "\e969"; }

.icon-loop4:before {
  content: "\e96a"; }

.icon-address-card-light:before {
  content: "\e96b"; }

.icon-globe-light:before {
  content: "\e96c"; }

.icon-file-contract-light:before {
  content: "\e96d"; }

.icon-times-light:before {
  content: "\e96e"; }

.icon-code:before {
  content: "\e96f"; }

.icon-copy:before {
  content: "\e970"; }

.icon-award:before {
  content: "\e971"; }

.icon-mail:before {
  content: "\e972"; }

.icon-change-up:before {
  content: "\e973"; }

.icon-change-down:before {
  content: "\e974"; }

.icon-users:before {
  content: "\e975"; }

.icon-check-regular:before {
  content: "\e976"; }

.icon-check-light:before {
  content: "\e977"; }

.icon-plus-circle-light:before {
  content: "\e978"; }

.icon-add:before {
  content: "\e979"; }

.icon-chevron-down-light:before {
  content: "\e97a"; }

.icon-check-circle-regular:before {
  content: "\e97b"; }

.icon-check-circle-solid:before {
  content: "\e97c"; }

.icon-exit:before {
  content: "\e97d"; }

.icon-check-circle:before {
  content: "\e97e"; }

.icon-arrow-down:before {
  content: "\e97f"; }

.icon-arrow-up:before {
  content: "\e980"; }

.icon-back:before {
  content: "\e981"; }

.icon-bell:before {
  content: "\e982"; }

.icon-cpu:before {
  content: "\e983"; }

.icon-credit-card:before {
  content: "\e984"; }

.icon-disc:before {
  content: "\e985"; }

.icon-download:before {
  content: "\e986"; }

.icon-edit:before {
  content: "\e987"; }

.icon-error:before {
  content: "\e988"; }

.icon-eye:before {
  content: "\e989"; }

.icon-fb:before {
  content: "\e98a"; }

.icon-file:before {
  content: "\e98b"; }

.icon-file-text:before {
  content: "\e98c"; }

.icon-folder:before {
  content: "\e98d"; }

.icon-grid:before {
  content: "\e98e"; }

.icon-home:before {
  content: "\e98f"; }

.icon-key:before {
  content: "\e990"; }

.icon-link:before {
  content: "\e991"; }

.icon-linkedin:before {
  content: "\e992"; }

.icon-list:before {
  content: "\e993"; }

.icon-menu:before {
  content: "\e994"; }

.icon-minus:before {
  content: "\e995"; }

.icon-more:before {
  content: "\e996"; }

.icon-pie-chart:before {
  content: "\e997"; }

.icon-plus:before {
  content: "\e998"; }

.icon-plus-circle:before {
  content: "\e999"; }

.icon-search:before {
  content: "\e99a"; }

.icon-settings:before {
  content: "\e99b"; }

.icon-sidebar:before {
  content: "\e99c"; }

.icon-spinner9:before {
  content: "\e99d"; }

.icon-star:before {
  content: "\e99e"; }

.icon-star-o:before {
  content: "\e99f"; }

.icon-times:before {
  content: "\e9a0"; }

.icon-trash:before {
  content: "\e9a1"; }

.icon-twitter:before {
  content: "\e9a2"; }

.icon-upload-cloud:before {
  content: "\e9a3"; }

.icon-arrow-left12:before {
  content: "\e94e"; }

.icon-chevron-circle-left-regular:before {
  content: "\e935"; }

.icon-chevron-circle-right-regular:before {
  content: "\e947"; }

.icon-heart-regular:before {
  content: "\e905"; }

.icon-plus-circle-regular:before {
  content: "\e90b"; }

.icon-share-alt-regular:before {
  content: "\e920"; }

.icon-book:before {
  content: "\e94f"; }

.icon-briefcase:before {
  content: "\e950"; }

.icon-competences:before {
  content: "\e951"; }

.icon-user:before {
  content: "\e952"; }

.icon-filter-solid:before {
  content: "\e953"; }

.icon-link-light:before {
  content: "\e94c"; }

.icon-link-regular:before {
  content: "\e94d"; }

.icon-arrows-light:before {
  content: "\e94b"; }

.icon-chevron-left-regular:before {
  content: "\e949"; }

.icon-chevron-right-regular:before {
  content: "\e94a"; }

.icon-file-import-regular:before {
  content: "\e948"; }

.icon-mail-icon:before {
  content: "\e954"; }

.winder .navigation li.selected > a {
  color: #00f1ff !important; }
.winder a:not(.btn, .step-back, .nav-anchor, .sidebar-main-toggle) {
  color: #4d78b6; }
  .winder a:not(.btn, .step-back, .nav-anchor, .sidebar-main-toggle):hover {
    color: #4d78b6; }
.winder .btn-buzz {
  background-color: #4d78b6; }
  .winder .btn-buzz:hover {
    color: #fff; }
.winder .btn-job-offer-modal {
  background-color: #4d78b6 !important;
  color: #fff; }
.winder .container-page-not-found a.btn {
  background-color: #00f1ff !important;
  color: #333 !important; }
  .winder .container-page-not-found a.btn:hover, .winder .container-page-not-found a.btn:active, .winder .container-page-not-found a.btn:focus {
    color: #333 !important; }
.winder .switch .slider-check:checked + .slider {
  background-color: #4d78b6 !important; }
.winder .switch .slider-check:checked + .slider {
  background-color: #4d78b6 !important; }
.winder .switch .slider-check + .slider {
  background-color: #999999 !important; }
.winder .list i:not(.list-type).selected {
  color: #4d78b6 !important; }
.winder .btn-bubble {
  background-color: #00f1ff !important;
  color: #000 !important; }
.winder .btn-green {
  background-color: #4d78b6 !important; }
.winder .btn-next {
  border: solid 2px #4d78b6 !important;
  background-color: #4d78b6 !important;
  color: #000; }
.winder .btn-icon:hover {
  color: #333;
  background-color: #00f1ff !important; }
.winder .progress-loader .percent {
  background-color: #00f1ff !important; }
.winder .card-body .icon-eye {
  background-color: #00f1ff !important; }
.winder .card-body .icon-edit {
  background-color: #00f1ff !important; }
.winder .card-body .icon-download {
  background-color: #4d78b6 !important; }
.winder .card-body i.activate.selected {
  color: #fff;
  background-color: #4d78b6 !important;
  border: 2px solid #4d78b6 !important; }
.winder .card-body .icons i:hover {
  color: #00f1ff !important; }
.winder .user-dashboard-container .dropdown-menu li .icons i:hover {
  color: #00f1ff !important; }
.winder .email-verify-alert .panel-container {
  background-color: #4d78b6 !important; }
.winder .cards-container > div > p, .winder .card-container > div > p {
  color: #111111 !important; }
.winder .cards-container > div > i, .winder .card-container > div > i {
  color: #00f1ff !important; }
.winder .action-input-container .icon-plus {
  background-color: #00f1ff !important; }
.winder .container-create-bar {
  background-image: none !important;
  background-color: #53cfd8 !important; }
.winder .container-create .inner-container .form-container .list-add-anchor {
  color: #4d78b6 !important; }
.winder .container-create .inner-container .form-container .button-container .btn-next {
  border: solid 2px #4d78b6 !important;
  background-color: #4d78b6 !important;
  color: #000; }
.winder .container-job-offer-view .inner-container .view-container .action-container .btn-buzz {
  border: solid 2px #00f1ff !important;
  background-color: #00f1ff !important;
  color: #000; }
.winder .container-job-offer-view .inner-container .view-container .action-container .btn-buzz {
  border: solid 2px #00f1ff !important;
  background-color: #00f1ff !important;
  color: #000; }
.winder .list .title-container a, .winder .list .title-container p {
  color: #111111 !important; }
.winder .list .icon-container i {
  background-color: #00f1ff !important; }
.winder .item-add .title-container p {
  color: #000 !important; }
.winder .item-add .icon-container i {
  background-color: #00f1ff !important; }
.winder .select2-container .select2-dropdown .select2-results__options .select2-results__option:hover {
  color: #00f1ff !important; }
.winder .select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #00f1ff !important; }
.winder .select2-results__option[aria-selected=true] {
  color: #00f1ff !important; }
.winder .progress-container .progress .percent {
  background-color: #00f1ff !important; }
.winder .progress-container .dot.active {
  background-color: #00f1ff !important; }
.winder .progress-container .dot.selected {
  background-color: #00f1ff !important; }
.winder .progress-container .dot .dot-content p:first-of-type {
  color: #111111 !important; }
.winder .inner-container .dropdown-menu li a:hover {
  color: #00f1ff !important; }
.winder .inner-container .dropdown-menu li .icons i:hover {
  color: #00f1ff !important; }
.winder .panel-heading-bar .menu-container ul.menu li.divider {
  background-color: #b9b9b9; }
.winder .panel-heading-bar .menu-container ul.menu li.hamburger-menu a {
  color: #00f1ff !important; }
  .winder .panel-heading-bar .menu-container ul.menu li.hamburger-menu a:hover, .winder .panel-heading-bar .menu-container ul.menu li.hamburger-menu a:focus, .winder .panel-heading-bar .menu-container ul.menu li.hamburger-menu a:active {
    color: #00f1ff !important; }
.winder .panel-heading-bar .menu-container ul.menu li.menu-button a {
  border: solid 2px #e8e8e8; }
  .winder .panel-heading-bar .menu-container ul.menu li.menu-button a:active, .winder .panel-heading-bar .menu-container ul.menu li.menu-button a:hover, .winder .panel-heading-bar .menu-container ul.menu li.menu-button a:focus {
    border-color: #00f1ff;
    color: #00f1ff; }
.winder .panel-heading-bar .menu-container ul.menu li.profile a {
  color: #000000; }
.winder .panel-heading-bar .menu-container ul.menu li.profile .dropdown-menu .profile-section .profile-info p {
  color: #000000; }
.winder .panel-heading-bar .menu-container ul.menu li.profile .dropdown-menu .profile-section .profile-info a.profile-link:hover {
  color: #00f1ff; }
.winder .panel-heading-bar .menu-container ul.menu li.profile .dropdown-menu li a:focus, .winder .panel-heading-bar .menu-container ul.menu li.profile .dropdown-menu li a:hover {
  color: #00f1ff; }
.winder .panel-heading-bar .menu-container ul.menu li.profile .dropdown-menu li a.btn-update-profile {
  color: #000;
  background-color: #00f1ff; }
.winder .panel-heading-bar .menu-container ul.menu li.notification-menu .counter {
  background: #00f1ff;
  color: #333; }
.winder .navigation > li.active > a, .winder .navigation > li.active > a:hover, .winder .navigation > li.active > a:focus {
  background-color: #252525;
  color: #00f1ff; }
.winder .action-input-container .action-input-popover-container .action-input-popover-buttons button.btn-input-action-ok {
  background-color: #4d78b6 !important; }
.winder .single-chart .circle {
  stroke: #00f1ff !important; }
.winder .container-create .cards-container .personal-card .card-body .personal-actions-container a:nth-of-type(2) i:hover, .winder .container-create .cards-container .personal-card .card-body .cv-actions-container a:nth-of-type(2) i:hover, .winder .container-create .cards-container .personal-card .card-body .card-actions-container a:nth-of-type(2) i:hover, .winder .container-create .cards-container .cv-card .card-body .personal-actions-container a:nth-of-type(2) i:hover, .winder .container-create .cards-container .cv-card .card-body .cv-actions-container a:nth-of-type(2) i:hover, .winder .container-create .cards-container .cv-card .card-body .card-actions-container a:nth-of-type(2) i:hover, .winder .container-create .cards-container .card-card .card-body .personal-actions-container a:nth-of-type(2) i:hover, .winder .container-create .cards-container .card-card .card-body .cv-actions-container a:nth-of-type(2) i:hover, .winder .container-create .cards-container .card-card .card-body .card-actions-container a:nth-of-type(2) i:hover {
  background-color: #4d78b6 !important;
  border: 2px solid #4d78b6 !important;
  color: #fff; }
.winder .container-create .cards-container .personal-card .card-body .personal-actions-container a:nth-of-type(2) i.checked, .winder .container-create .cards-container .personal-card .card-body .cv-actions-container a:nth-of-type(2) i.checked, .winder .container-create .cards-container .personal-card .card-body .card-actions-container a:nth-of-type(2) i.checked, .winder .container-create .cards-container .cv-card .card-body .personal-actions-container a:nth-of-type(2) i.checked, .winder .container-create .cards-container .cv-card .card-body .cv-actions-container a:nth-of-type(2) i.checked, .winder .container-create .cards-container .cv-card .card-body .card-actions-container a:nth-of-type(2) i.checked, .winder .container-create .cards-container .card-card .card-body .personal-actions-container a:nth-of-type(2) i.checked, .winder .container-create .cards-container .card-card .card-body .cv-actions-container a:nth-of-type(2) i.checked, .winder .container-create .cards-container .card-card .card-body .card-actions-container a:nth-of-type(2) i.checked {
  background-color: #4d78b6 !important;
  border: 2px solid #4d78b6 !important;
  color: #fff; }
.winder .check-container input:checked ~ .check-mark {
  background-color: #00f1ff !important;
  box-shadow: none; }
.winder .container-profile .panel.dotted a:hover, .winder .container-profile .panel.dotted a:focus, .winder .container-profile .panel.dotted a:active {
  color: #4d78b6 !important; }
.winder #modal-profile-picture-cropper .modal-body .btn-select-new-profile-picture {
  background-color: #00f1ff !important;
  color: #000 !important; }
.winder .profile-cropper-modal .modal-dialog .modal-body .file-input .file-preview .file-drop-zone-title p a {
  color: #4d78b6 !important; }
.winder .applicant-count-container {
  background-color: #4d78b6 !important; }
.winder .sidebar-mobile-profile-menu .buttons-container .btn-update-profile {
  background-color: #00f1ff !important;
  border-color: #00f1ff !important;
  color: #333; }
.winder .sidebar-mobile-profile-menu .buttons-container .btn-update-profile:focus, .winder .sidebar-mobile-profile-menu .buttons-container .btn-update-profile:active, .winder .sidebar-mobile-profile-menu .buttons-container .btn-update-profile:hover {
  background-color: #00f1ff !important;
  border-color: #00f1ff !important;
  color: #333; }
.winder .sidebar-mobile-profile-menu .profile-section .profile-info a.profile-link:hover {
  color: #00f1ff !important; }
.winder .graphics-container > img {
  right: -180px; }

.winder .company-page-container .landing-button {
  background-color: #0396ff !important; }
  .winder .company-page-container .landing-button:hover, .winder .company-page-container .landing-button:focus, .winder .company-page-container .landing-button:active {
    background-color: #0396ff !important; }

.auth-page-container .landing-button {
  background-color: #00f1ff !important;
  color: #000 !important; }
  .auth-page-container .landing-button:hover {
    background-color: #00f1ff !important;
    color: #000 !important; }

.auth-page-container .page-content .auth-background {
  background: url(/assets/themes/backend/icollectivo/images/landing/auth/login/winder/winder-auth-background.png) !important; }

.forgotten-pass-container .mobile-banner {
  text-align: center; }
  .forgotten-pass-container .mobile-banner img {
    max-width: 250px;
    margin: 50px auto; }

.forgotten-background {
  background: url("/assets/themes/backend/icollectivo/images/landing/auth/forgotten/forgotten.svg") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left !important; }

.auth-page-container .site_header__main {
  min-height: 100vh;
  height: initial !important; }
  .auth-page-container .site_header__main .site_header__main__left {
    display: flex;
    justify-content: flex-start;
    padding: 0 185px; }
    .auth-page-container .site_header__main .site_header__main__left:before {
      background: none !important; }
    .auth-page-container .site_header__main .site_header__main__left .login-container {
      height: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
      z-index: 1;
      max-width: 700px; }
      .auth-page-container .site_header__main .site_header__main__left .login-container h3 {
        margin: 25px 0 30px 0; }
      .auth-page-container .site_header__main .site_header__main__left .login-container .logo-container {
        width: 100%;
        margin: 25px 0 30px 0; }
        .auth-page-container .site_header__main .site_header__main__left .login-container .logo-container img {
          width: 100%;
          max-width: 175px; }
      .auth-page-container .site_header__main .site_header__main__left .login-container form {
        width: 100%; }
        .auth-page-container .site_header__main .site_header__main__left .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; }
        .auth-page-container .site_header__main .site_header__main__left .login-container form .forgotten-pass-cont {
          margin-bottom: 30px; }
          .auth-page-container .site_header__main .site_header__main__left .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; }
            .auth-page-container .site_header__main .site_header__main__left .login-container form .forgotten-pass-cont a:hover {
              color: #333 !important; }
        .auth-page-container .site_header__main .site_header__main__left .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; }
        .auth-page-container .site_header__main .site_header__main__left .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; }
          .auth-page-container .site_header__main .site_header__main__left .login-container form .back-to-login a:hover {
            color: #333 !important; }
        .auth-page-container .site_header__main .site_header__main__left .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; }
        .auth-page-container .site_header__main .site_header__main__left .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; }
        .auth-page-container .site_header__main .site_header__main__left .login-container form .form-group.login-options {
          margin-bottom: 20px; }
        .auth-page-container .site_header__main .site_header__main__left .login-container form button[type="submit"] {
          min-width: 175px !important;
          margin-bottom: 18px;
          cursor: pointer; }
        .auth-page-container .site_header__main .site_header__main__left .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; }
          .auth-page-container .site_header__main .site_header__main__left .login-container form .checkbox-inline .checker span {
            height: 20px;
            width: 20px;
            border-radius: 5px;
            border-color: #ccc; }
            .auth-page-container .site_header__main .site_header__main__left .login-container form .checkbox-inline .checker span:after {
              content: "\e976" !important;
              top: 0;
              left: 0;
              color: #4d78b6;
              font-weight: bold;
              font-size: 14px !important;
              right: 0;
              bottom: 0;
              margin-top: 1px; }
          .auth-page-container .site_header__main .site_header__main__left .login-container form .checkbox-inline a {
            text-transform: capitalize;
            color: #333;
            font-family: 'OpenSans-Regular', sans-serif;
            font-size: 14px;
            text-decoration: underline; }
        .auth-page-container .site_header__main .site_header__main__left .login-container form .validation-error-label {
          color: #d84315;
          margin: 5px 0; }
        .auth-page-container .site_header__main .site_header__main__left .login-container form input[type="password"] {
          padding-right: 45px; }
        .auth-page-container .site_header__main .site_header__main__left .login-container form .view-password {
          position: absolute;
          right: 20px;
          top: 5px;
          z-index: 900;
          font-size: 18px;
          color: #9b9b9b;
          padding: 5px 10px 5px 10px; }
        .auth-page-container .site_header__main .site_header__main__left .login-container form .view-password:hover {
          cursor: pointer;
          color: #686868; }
      .auth-page-container .site_header__main .site_header__main__left .login-container .social-cont {
        display: flex; }
        .auth-page-container .site_header__main .site_header__main__left .login-container .social-cont .social-item {
          margin-right: 10px; }
          .auth-page-container .site_header__main .site_header__main__left .login-container .social-cont .social-item .apple-login {
            width: 45px;
            height: 45px; }
      .auth-page-container .site_header__main .site_header__main__left .login-container .register-cont {
        margin-top: 40px;
        margin-bottom: 30px; }
        .auth-page-container .site_header__main .site_header__main__left .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; }
        .auth-page-container .site_header__main .site_header__main__left .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; }
          .auth-page-container .site_header__main .site_header__main__left .login-container .register-cont a:hover {
            color: #333 !important; }
      .auth-page-container .site_header__main .site_header__main__left .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; }
  .auth-page-container .site_header__main .site_header__main__right .content-right .ribbon {
    width: 531px;
    height: 76px;
    background-color: #00f1ff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 75px;
    position: relative; }
    .auth-page-container .site_header__main .site_header__main__right .content-right .ribbon img {
      position: absolute;
      left: 0;
      bottom: -28px; }
    .auth-page-container .site_header__main .site_header__main__right .content-right .ribbon p {
      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;
      text-transform: uppercase;
      margin: 0;
      width: 80%; }
  .auth-page-container .site_header__main .site_header__main__right .content-right .benefits-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 531px; }
    .auth-page-container .site_header__main .site_header__main__right .content-right .benefits-container .benefit {
      width: 265px;
      height: 164px;
      box-shadow: 4px 4px 8px 2px rgba(0, 0, 0, 0.2);
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .auth-page-container .site_header__main .site_header__main__right .content-right .benefits-container .benefit .icon-container {
        position: absolute;
        width: 62px;
        height: 62px;
        background: #333333;
        border-radius: 62px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: -32px; }
      .auth-page-container .site_header__main .site_header__main__right .content-right .benefits-container .benefit p {
        font-family: 'Poppins-Regular', Arial, 'Helvetica Neue', Helvetica, sans-serif;
        font-size: 17px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #333333;
        width: 80%;
        margin: 0;
        text-align: center; }
      .auth-page-container .site_header__main .site_header__main__right .content-right .benefits-container .benefit:nth-of-type(1) {
        border-top-left-radius: 15px; }
      .auth-page-container .site_header__main .site_header__main__right .content-right .benefits-container .benefit:nth-of-type(2) {
        border-top-right-radius: 15px; }
        .auth-page-container .site_header__main .site_header__main__right .content-right .benefits-container .benefit:nth-of-type(2) p {
          width: 75% !important; }
      .auth-page-container .site_header__main .site_header__main__right .content-right .benefits-container .benefit:nth-of-type(3) {
        border-bottom-left-radius: 15px; }
      .auth-page-container .site_header__main .site_header__main__right .content-right .benefits-container .benefit:nth-of-type(4) {
        border-bottom-right-radius: 15px; }

@media screen and (max-width: 1199px) {
  .site_header__main .site_header__main__right:hover {
    width: 75% !important; }
  .site_header__main .site_header__main__left {
    padding: 25px 125px; } }
@media screen and (max-width: 991px) {
  .site_header__main {
    flex-direction: column-reverse;
    display: flex !important;
    height: initial !important; }
    .site_header__main .site_header__main__left {
      width: 100%;
      padding: 100px 0 0 !important;
      justify-content: center !important; }
      .site_header__main .site_header__main__left .login-container form {
        padding: 0 30px !important; }
        .site_header__main .site_header__main__left .login-container form h2 {
          font-size: 36px !important; }
    .site_header__main .site_header__main__right {
      width: 100%;
      background: linear-gradient(rgba(5, 118, 255, 0.6), rgba(5, 118, 255, 0.6)), url(/assets/themes/frontend/winder/images/header-right.jpeg);
      min-height: 450px;
      clip-path: none;
      position: initial;
      overflow: visible;
      display: block !important; }
      .site_header__main .site_header__main__right:hover {
        width: 100% !important; }
      .site_header__main .site_header__main__right::before {
        content: none; }
      .site_header__main .site_header__main__right .benefits-container {
        margin-bottom: -600px;
        display: block;
        max-width: 100% !important; }
        .site_header__main .site_header__main__right .benefits-container .benefit {
          width: 100% !important;
          border-radius: 15px 15px 0 0 !important; }
          .site_header__main .site_header__main__right .benefits-container .benefit .icon-container {
            padding: 16px; }
      .site_header__main .site_header__main__right .placeholder-right {
        display: none !important; }
      .site_header__main .site_header__main__right .content-right {
        display: block !important; }
        .site_header__main .site_header__main__right .content-right .ribbon {
          margin: 0 auto 75px auto !important;
          width: 80% !important; }

  .owl-carousel .owl-stage-outer {
    overflow: visible !important; }

  .logo-container {
    margin: 25px 0 85px 0 !important; }
    .logo-container .arrow {
      top: 30px !important;
      font-size: 18px !important; }
      .logo-container .arrow i {
        color: #fff !important; } }
.mobile-app-modal .modal-dialog {
  width: 750px; }
  .mobile-app-modal .modal-dialog .modal-content {
    padding: 0 35px; }
    .mobile-app-modal .modal-dialog .modal-content .modal-header {
      border-bottom: 0 !important; }
      .mobile-app-modal .modal-dialog .modal-content .modal-header .modal-title {
        margin-top: 20px;
        margin-bottom: 25px; }
      .mobile-app-modal .modal-dialog .modal-content .modal-header .close {
        margin-right: -30px; }
    .mobile-app-modal .modal-dialog .modal-content .modal-body h1 {
      font-family: Ubuntu;
      font-size: 40px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #111111;
      margin-bottom: 12px; }
    .mobile-app-modal .modal-dialog .modal-content .modal-body p {
      font-family: Roboto;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #333;
      margin-bottom: 75px; }
    .mobile-app-modal .modal-dialog .modal-content .modal-body .gradiant {
      border-radius: 20px;
      background-image: linear-gradient(to bottom, #4d78b6, #00f1ff);
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      margin-bottom: 75px; }
      .mobile-app-modal .modal-dialog .modal-content .modal-body .gradiant .preview {
        margin: -40px 0;
        object-fit: contain; }
        .mobile-app-modal .modal-dialog .modal-content .modal-body .gradiant .preview img {
          max-height: 452px; }
      .mobile-app-modal .modal-dialog .modal-content .modal-body .gradiant .android, .mobile-app-modal .modal-dialog .modal-content .modal-body .gradiant .ios {
        display: flex;
        flex-direction: column;
        align-items: center; }
      .mobile-app-modal .modal-dialog .modal-content .modal-body .gradiant .play-store-logo,
      .mobile-app-modal .modal-dialog .modal-content .modal-body .gradiant .appstore-logo {
        margin-bottom: 10px; }
    .mobile-app-modal .modal-dialog .modal-content .modal-body .close-modal {
      position: absolute;
      top: 15px;
      left: 100%;
      cursor: pointer; }

@media (min-width: 769px) {
  .winder.sidebar-xs .sidebar-main .navigation > li.is-dropdown > a > span {
    color: #00f1ff !important; } }
@media screen and (max-width: 500px) {
  .auth-page-container .site_header__main .site_header__main__right .content-right .ribbon p {
    font-size: 14px !important; } }