/* New Variables */
@font-face {
  font-family: "Messina Sans SemiBold";
  src: url("../fonts/MessinaSansWeb-SemiBold.eot") format("eot"), url("../fonts/MessinaSansWeb-SemiBold.woff2") format("woff2"), url("../fonts/MessinaSansWeb-SemiBold.woff") format("woff"), url("../fonts/MessinaSans-SemiBold.otf") format("opentype"); }
@font-face {
  font-family: "Messina Sans Regular";
  src: url("../fonts/MessinaSansWeb-Regular.eot") format("eot"), url("../fonts/MessinaSansWeb-Regular.woff2") format("woff2"), url("../fonts/MessinaSansWeb-Regular.woff") format("woff"), url("../fonts/MessinaSans-Regular.otf") format("opentype"); }
@font-face {
  font-family: "Messina Sans Bold";
  src: url("../fonts/MessinaSansWeb-Bold.eot") format("eot"), url("../fonts/MessinaSansWeb-Bold.woff2") format("woff2"), url("../fonts/MessinaSansWeb-Bold.woff") format("woff"), url("../fonts/MessinaSans-Bold.otf") format("opentype"); }
@font-face {
  font-family: "Messina Modern Regular";
  src: url("../fonts/MessinaModernWeb-Regular.eot") format("eot"), url("../fonts/MessinaModernWeb-Regular.woff2") format("woff2"), url("../fonts/MessinaModernWeb-Regular.woff") format("woff"), url("../fonts/MessinaModern-Regular.otf") format("opentype"); }
@font-face {
  font-family: "Messina Modern Bold";
  src: url("../fonts/MessinaModernWeb-Bold.eot") format("eot"), url("../fonts/MessinaModernWeb-Bold.woff2") format("woff2"), url("../fonts/MessinaModernWeb-Bold.woff") format("woff"), url("../fonts/MessinaModern-Bold.otf") format("opentype"); }
.center-icon {
  display: block;
  text-align: center;
  margin: 1rem auto; }

.red {
  color: #ED1C24; }

.ico-lrg {
  font-size: 4rem; }

.ico-med {
  font-size: 2rem; }

.ico-sm {
  font-size: 1rem; }

header.main-header {
  padding: 0 !important;
  margin: 0 !important;
  color: #333333;
  width: 100%;
  background-color: #F2F2F2;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 13;
  height: 110px; }
  header.main-header .navbar-brand {
    width: 90px;
    padding: 0px;
    padding-left: 5px;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    header.main-header .navbar-brand img {
      max-width: 100%; }
    header.main-header .navbar-brand span {
      color: #00AEEF;
      font-size: 10px;
      position: absolute;
      bottom: -14px;
      right: 5px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
  header.main-header .color-text {
    color: #00AEEF !important; }
  header.main-header .login-block {
    margin-bottom: 0;
    margin-top: 3px; }
    header.main-header .login-block li {
      display: inline-block; }
      header.main-header .login-block li .btn {
        padding: 0 10px; }
      header.main-header .login-block li img {
        width: 30px;
        height: 30px; }
      header.main-header .login-block li.search-icon {
        width: 20px;
        margin-left: 15px; }
      header.main-header .login-block li.hamburger-menu {
        margin-left: 15px; }
        header.main-header .login-block li.hamburger-menu a img {
          width: 40px; }
        header.main-header .login-block li.hamburger-menu .nav-link {
          padding: 0; }
        header.main-header .login-block li.hamburger-menu .dropdown-item {
          padding: 5px 35px 5px 3px;
          text-align: left; }
        header.main-header .login-block li.hamburger-menu .add-project {
          color: #00AEEF; }
        header.main-header .login-block li.hamburger-menu .close-hamburger {
          display: block;
          text-align: right;
          margin: 20px 11px; }
          header.main-header .login-block li.hamburger-menu .close-hamburger img {
            width: 30px;
            height: auto; }
        header.main-header .login-block li.hamburger-menu hr {
          margin: 3px 0px 3px 0px;
          width: 85%;
          background-color: #BDBDBD; }
        header.main-header .login-block li.hamburger-menu .beta-feedback {
          color: #00AEEF; }
      header.main-header .login-block li a.nav-linkdropdown-toggle.navbar-left {
        padding-left: 0;
        padding-right: 0; }
      header.main-header .login-block li .notification-icon {
        position: relative;
        margin-right: 10px; }
        header.main-header .login-block li .notification-icon img {
          width: 32px;
          height: auto; }
        header.main-header .login-block li .notification-icon::after {
          content: '';
          text-align: center;
          font-size: 8px;
          line-height: 27px;
          font-weight: bold;
          color: #fff;
          width: 25px;
          height: 25px;
          border-radius: 50%;
          background-color: #333333;
          position: absolute;
          right: -6px;
          bottom: -12px; }
  header.main-header .logged-in {
    margin-bottom: 0;
    margin-top: 5px; }
    header.main-header .logged-in li {
      min-width: 36px;
      text-align: center;
      display: inline-block;
      vertical-align: middle; }
      header.main-header .logged-in li a.btn {
        font-size: 10px;
        padding: 5px 10px; }
      header.main-header .logged-in li.mail-icon img {
        width: 30px; }
      header.main-header .logged-in li.search-icon img {
        width: 23px; }
      header.main-header .logged-in li.min-user-img {
        margin-left: 10px; }
        header.main-header .logged-in li.min-user-img img {
          width: 27px; }
  header.main-header.shrink {
    height: 80px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    header.main-header.shrink .navbar-brand {
      width: 75px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      header.main-header.shrink .navbar-brand span {
        right: 3px;
        font-size: 8px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
    header.main-header.shrink nav.navbar {
      padding: 10px 15px 0px;
      height: 80px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      header.main-header.shrink nav.navbar #MainNav .nav-item a {
        font-size: 1.2rem; }
      header.main-header.shrink nav.navbar #MainNav .nav-item .btn {
        font-size: 1rem;
        height: 50px; }
header nav {
  font-size: 14px;
  color: #333333; }
  header nav.navbar {
    background-color: #F2F2F2;
    z-index: 13;
    height: 110px;
    padding: 20px 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  header nav .collapse.navbar-collapse {
    width: auto; }
  header nav #MainNav .nav-item {
    margin-left: 15px; }
    header nav #MainNav .nav-item a {
      font-size: 1.3rem; }
    header nav #MainNav .nav-item .btn {
      font-size: 1rem;
      padding: 16px 9px; }
    header nav #MainNav .nav-item.button-container-main-1 {
      height: 53px;
      margin-left: 20px; }
  header nav .navbar-toggler {
    border: none;
    top: 5px;
    position: relative;
    right: 0;
    order: 10;
    outline: none;
    display: none; }
  header nav .dropdown-toggle::after {
    display: none; }
  header nav .dropdown-menu {
    font-size: 14px;
    color: #333333;
    font-weight: normal;
    margin-top: 9px;
    border-radius: 0;
    background-color: #fff;
    border: none;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD;
    right: 0;
    left: auto;
    z-index: 10000; }
  header nav .hamburger-menu .dropdown-menu {
    top: -10px;
    position: fixed;
    padding: 0px 0px 25px 30px; }
  header nav .project-button {
    margin-left: 37px; }
header .main-header .intel-sites, header .main-header .maker-sites {
  float: left !important;
  width: 50%; }
  header .main-header .intel-sites a, header .main-header .maker-sites a {
    color: #1a1a1a; }
  header .main-header .intel-sites a.greyed, header .main-header .maker-sites a.greyed {
    color: #333333; }
header .main-header .intel-sites li:nth-child(2) {
  margin-bottom: 80px; }
header .main-header .maker-sites li:nth-child(-n+4) {
  border-left: 1px solid #333333; }
header .main-header .maker-sites li {
  padding: 0 0 0 15px; }
header .notification-count {
  position: absolute !important;
  width: 80%;
  color: white;
  font-size: 12px;
  bottom: 2px;
  font-weight: bold;
  z-index: 1; }

header.with-404 {
  position: relative;
  z-index: 101;
  margin-top: -113px !important; }
  header.with-404 nav.navbar {
    background-color: transparent; }
  header.with-404 nav .collapse.navbar-collapse {
    display: none !important; }
  header.with-404.main-header {
    background-color: transparent; }
    header.with-404.main-header .login-block li {
      color: #fff; }
      header.with-404.main-header .login-block li img {
        filter: brightness(0) invert(1); }
        header.with-404.main-header .login-block li img:hover {
          filter: brightness(2) invert(1); }
      header.with-404.main-header .login-block li.min-user-img img, header.with-404.main-header .login-block li.min-user-img img:hover {
        filter: none; }

#page-404 {
  margin-top: -113px; }

.page-create-profile {
  background-color: #F2F2F2;
  margin: 0px; }
  .page-create-profile .top-content-wrapper {
    background-color: #333333;
    color: #fff;
    padding-bottom: 10px; }
    .page-create-profile .top-content-wrapper h3, .page-create-profile .top-content-wrapper h5 {
      color: #fff; }
  .page-create-profile .create-nav {
    background-color: #F2F2F2;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 0;
    vertical-align: bottom; }
    .page-create-profile .create-nav ul {
      float: left;
      margin-bottom: 0; }
      .page-create-profile .create-nav ul li {
        float: left; }
        .page-create-profile .create-nav ul li .active {
          background-color: #fff;
          border-bottom: #fff; }
    .page-create-profile .create-nav .save-next, .page-create-profile .create-nav .skip {
      float: right;
      position: relative;
      bottom: 10px; }
    .page-create-profile .create-nav .skip {
      padding: 7px 35px;
      display: none; }
  .page-create-profile .save-next, .page-create-profile .skip {
    background-color: #fff; }
  .page-create-profile .basic-info, .page-create-profile .optional-info {
    width: 60%;
    margin: auto;
    margin-top: 20px;
    color: #333333; }
    .page-create-profile .basic-info input, .page-create-profile .optional-info input {
      margin-top: 10px;
      margin-bottom: 10px; }
    .page-create-profile .basic-info #profile-photo-upload, .page-create-profile .optional-info #profile-photo-upload {
      display: none; }
    .page-create-profile .basic-info .custom-control.custom-checkbox, .page-create-profile .optional-info .custom-control.custom-checkbox {
      margin-right: 0; }
    .page-create-profile .basic-info #userName, .page-create-profile .optional-info #userName {
      width: 40%; }
    .page-create-profile .basic-info .ng2-tags-container, .page-create-profile .optional-info .ng2-tags-container {
      align-items: center; }
  .page-create-profile .optional-info i {
    font-size: 30px; }
  .page-create-profile .optional-info span {
    padding-left: 8px;
    font-size: 1.2rem;
    position: relative;
    top: -2px; }
  .page-create-profile .optional-info .social-links li:first-of-type h4 {
    margin-left: 82%;
    font-size: 14px; }
  .page-create-profile .optional-info .social-links label {
    width: 30%;
    font-size: 15px; }
  .page-create-profile .optional-info .social-links input[type="checkbox"] {
    margin-left: 30px;
    font-size: 15px; }
  .page-create-profile .optional-info .social-links input[type="text"] {
    width: 50%;
    margin: 0;
    padding: 3px;
    font-size: 15px; }
  .page-create-profile .optional-info .social-links i {
    width: 25px; }
  .page-create-profile .optional-info .social-links p {
    margin-top: 5px;
    font-size: 15px; }
  .page-create-profile .guide {
    background-color: #BDBDBD;
    padding: 15px;
    margin: 15px 0; }
  .page-create-profile .create-cover {
    padding: 14px;
    overflow: hidden; }

.page-create-profile .basic-info .form-group .image-preview, .page-create-profile .optional-info .form-group .image-preview {
  width: 160px;
  height: auto; }

.displace, .button-container-main-1 .btn,
.button-container-main-2 .btn,
.button-container-sec-2 .btn,
.button-container-sec-3 .btn {
  position: relative;
  left: -4px;
  top: -4px; }
  .displace:active, .button-container-main-1 .btn:active,
  .button-container-main-2 .btn:active,
  .button-container-sec-2 .btn:active,
  .button-container-sec-3 .btn:active, .displace:hover, .button-container-main-1 .btn:hover,
  .button-container-main-2 .btn:hover,
  .button-container-sec-2 .btn:hover,
  .button-container-sec-3 .btn:hover {
    left: 0;
    top: 0;
    cursor: pointer; }

.btn, a:not([href]):not([tabindex]).btn {
  padding: 5px 15px;
  border: none;
  border-radius: 0; }

.btn.active, .btn:active, a:not([href]):not([tabindex]).btn.active, a:not([href]):not([tabindex]).btn:active {
  box-shadow: none !important; }

.btn-grey-inverse, a:not([href]):not([tabindex]).btn-grey-inverse {
  color: #333333;
  background-color: #aaaaaa;
  border-radius: 0; }
  .btn-grey-inverse:focus, a:not([href]):not([tabindex]).btn-grey-inverse:focus {
    color: #fff;
    background-color: #1f1f1f;
    border-color: #1f1f1f; }
  .btn-grey-inverse:active, .btn-grey-inverse:hover, .btn-grey-inverse.active, a:not([href]):not([tabindex]).btn-grey-inverse:active, a:not([href]):not([tabindex]).btn-grey-inverse:hover, a:not([href]):not([tabindex]).btn-grey-inverse.active {
    color: #fff !important;
    background-color: #2e2e2e;
    border-color: #292929; }

.btn-grey-follow, a:not([href]):not([tabindex]).btn-grey-follow {
  color: #fff !important;
  background-color: #BEBEBE;
  border-radius: 0;
  position: static !important;
  top: 0px !important;
  left: 0px !important; }

.btn-light-grey, a:not([href]):not([tabindex]).btn-light-grey {
  color: #333333;
  background-color: #BDBDBD;
  border: 1px solid #2e2e2e;
  border-radius: 0; }
  .btn-light-grey:focus, a:not([href]):not([tabindex]).btn-light-grey:focus {
    color: #333333;
    background-color: #717171;
    border-color: #1f1f1f; }
  .btn-light-grey:active, .btn-light-grey:hover, a:not([href]):not([tabindex]).btn-light-grey:active, a:not([href]):not([tabindex]).btn-light-grey:hover {
    color: #333333;
    background-color: #aaaaaa;
    border-color: #292929; }

.btn-fit,
a:not([href]):not([tabindex]).btn-fit {
  padding: 5px 10px; }

.btn-main,
a:not([href]):not([tabindex]).btn-main {
  color: #fff;
  background-color: #00AEEF;
  border-color: #009dd7;
  font-size: 1rem; }
  .btn-main i,
  a:not([href]):not([tabindex]).btn-main i {
    font-size: 1rem; }
  .btn-main:focus,
  a:not([href]):not([tabindex]).btn-main:focus {
    color: #fff;
    background-color: #008bbf;
    border-color: #008bbf;
    box-shadow: none !important; }
  .btn-main:active, .btn-main:hover,
  a:not([href]):not([tabindex]).btn-main:active,
  a:not([href]):not([tabindex]).btn-main:hover {
    color: #fff;
    background-color: #008bbf;
    border-color: #008bbf; }
  .btn-main:active .button-container-main-1, .btn-main:hover .button-container-main-1,
  a:not([href]):not([tabindex]).btn-main:active .button-container-main-1,
  a:not([href]):not([tabindex]).btn-main:hover .button-container-main-1 {
    border-color: #008bbf !important; }

.btn-main-2,
a:not([href]):not([tabindex]).btn-main-2 {
  color: #fff !important;
  background-color: #828282;
  border-color: #757575; }
  .btn-main-2:focus,
  a:not([href]):not([tabindex]).btn-main-2:focus {
    color: #fff;
    background-color: #686868;
    border-color: #686868; }
  .btn-main-2:active, .btn-main-2:hover,
  a:not([href]):not([tabindex]).btn-main-2:active,
  a:not([href]):not([tabindex]).btn-main-2:hover {
    color: #fff;
    background-color: #686868;
    border-color: #686868; }

.btn-border,
a:not([href]):not([tabindex]).btn-border {
  background: transparent;
  border-radius: 0;
  color: #333333;
  border: 1px solid #333333;
  font-family: "Messina Sans Regular";
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 130%;
  color: #828282; }
  .btn-border:focus, .btn-border:active, .btn-border:hover,
  a:not([href]):not([tabindex]).btn-border:focus,
  a:not([href]):not([tabindex]).btn-border:active,
  a:not([href]):not([tabindex]).btn-border:hover {
    border: 1px solid #ED1C24; }

.btn-border-tag,
a:not([href]):not([tabindex]).btn-border-tag {
  border-radius: 0;
  color: #333333;
  border: 1px solid #333333; }

.btn-border-projects,
a:not([href]):not([tabindex]).btn-border {
  color: #BDBDBD;
  background: transparent;
  border: 1px solid #333333; }
  .btn-border-projects:focus, .btn-border-projects:active, .btn-border-projects:hover,
  a:not([href]):not([tabindex]).btn-border:focus,
  a:not([href]):not([tabindex]).btn-border:active,
  a:not([href]):not([tabindex]).btn-border:hover {
    border: 1px solid #333333;
    color: #333333; }

.btn-transparent,
a:not([href]):not([tabindex]).btn-transparent {
  color: #292929;
  background: transparent; }
  .btn-transparent:focus, .btn-transparent:active, .btn-transparent:hover,
  a:not([href]):not([tabindex]).btn-transparent:focus,
  a:not([href]):not([tabindex]).btn-transparent:active,
  a:not([href]):not([tabindex]).btn-transparent:hover {
    color: #333333;
    box-shadow: none; }

.btn-white,
a:not([href]):not([tabindex]).btn-white {
  background-color: #fff;
  border: 1px solid #00AEEF;
  font-size: 20px; }
  .btn-white:hover, .btn-white:focus, .btn-white:active,
  a:not([href]):not([tabindex]).btn-white:hover,
  a:not([href]):not([tabindex]).btn-white:focus,
  a:not([href]):not([tabindex]).btn-white:active {
    color: #00AEEF;
    border: 1px solid #00e2ff; }

.btn-sharp,
a:not([href]):not([tabindex]).btn-sharp {
  border-radius: 0; }

.load-more {
  margin-top: 50px;
  margin-bottom: 50px; }
  .load-more .btn {
    margin: 0 auto;
    width: auto;
    display: block;
    width: 150px;
    margin: 0 auto; }

.message-btn,
a:not([href]):not([tabindex]).message-btn {
  color: #fff;
  font-size: 1rem;
  margin: auto;
  border: none;
  background-color: #00AEEF;
  text-align: left;
  padding: 5px 15px 10px;
  width: 100%;
  display: block; }
  .message-btn:hover, .message-btn:focus, .message-btn:active,
  a:not([href]):not([tabindex]).message-btn:hover,
  a:not([href]):not([tabindex]).message-btn:focus,
  a:not([href]):not([tabindex]).message-btn:active {
    background-color: #008bbf;
    cursor: pointer;
    border: none;
    outline: none;
    text-align: left; }
  .message-btn .message-icon,
  a:not([href]):not([tabindex]).message-btn .message-icon {
    font-size: 1.3rem;
    position: relative;
    bottom: -2px;
    text-align: left; }
  .message-btn .message-text,
  a:not([href]):not([tabindex]).message-btn .message-text {
    font-size: 1rem; }

.btn-dark-grey,
a:not([href]):not([tabindex]).btn-dark-grey {
  background-color: #333333;
  color: #fff;
  border: 1px solid #4F4F4F; }
  .btn-dark-grey:hover, .btn-dark-grey:focus, .btn-dark-grey:active,
  a:not([href]):not([tabindex]).btn-dark-grey:hover,
  a:not([href]):not([tabindex]).btn-dark-grey:focus,
  a:not([href]):not([tabindex]).btn-dark-grey:active {
    color: #fff; }

.btn-soft-grey,
a:not([href]):not([tabindex]).btn-soft-grey {
  color: #757575 !important;
  border-radius: 0;
  font-size: 13px; }
  .btn-soft-grey:hover,
  a:not([href]):not([tabindex]).btn-soft-grey:hover {
    color: #757575 !important; }

.button-container-main-1,
.button-container-main-2,
.button-container-sec-2,
.button-container-sec-3 {
  margin-left: 3px;
  display: inline-block;
  width: 143px; }
  .button-container-main-1 .btn,
  .button-container-main-2 .btn,
  .button-container-sec-2 .btn,
  .button-container-sec-3 .btn {
    padding: 15px 0px;
    width: 140px; }

.button-container-main-1 {
  border: 2px solid #00AEEF; }
  .button-container-main-1:hover {
    border: 2px solid #008bbf !important; }

.button-container-main-2 {
  border: 2px solid #828282;
  margin-bottom: 30px;
  margin-top: 20px; }

.button-container-sec-2 {
  border: 2px solid #828282; }
  .button-container-sec-2:hover {
    border: 2px solid #686868 !important; }

.button-container-sec-3 {
  border: 2px solid #BDBDBD; }

.btn-tabs,
a:not([href]):not([tabindex]).btn-tabs {
  background-color: white;
  border: 1px solid #f2f2f2; }
  .btn-tabs:active,
  a:not([href]):not([tabindex]).btn-tabs:active {
    background-color: #f2f2f2; }
  .btn-tabs:hover,
  a:not([href]):not([tabindex]).btn-tabs:hover {
    cursor: pointer; }

.btn-tabs.active,
a:not([href]):not([tabindex]).btn-tabs.active {
  background-color: #f2f2f2; }

a:not([href]):not([tabindex]) {
  cursor: pointer; }

.btn-soft-tag {
  color: #757575 !important;
  background-color: #ecf0f1;
  border: 1px solid rgba(105, 105, 105, 0.44);
  border-radius: 0;
  font-size: 13px; }

#dropdownMenu1:hover {
  cursor: pointer; }

.dropdown-item:hover {
  cursor: pointer; }

.btn-white-2, a:not([href]):not([tabindex]).btn-white-2 {
  color: #333333;
  background: linear-gradient(to bottom, #999 0, #ffffff 7px, #ffffff 100%);
  border-radius: 0;
  font-size: 16px;
  border: 1px solid #999; }
  .btn-white-2:focus, a:not([href]):not([tabindex]).btn-white-2:focus {
    color: #fff;
    background: #ff242f;
    border-color: transparent; }
  .btn-white-2:active, .btn-white-2:hover, .btn-white-2.active, a:not([href]):not([tabindex]).btn-white-2:active, a:not([href]):not([tabindex]).btn-white-2:hover, a:not([href]):not([tabindex]).btn-white-2.active {
    color: #fff;
    background: #ED1C24;
    border-color: transparent; }

.btn-load-more,
a:not([href]):not([tabindex]).btn-load-more {
  background-color: #F2F2F2;
  border: 1px solid #828282;
  color: #4F4F4F;
  margin-bottom: 30px; }

.form-textarea {
  position: relative; }
  .form-textarea textarea {
    resize: none; }

.send-comment {
  display: inline-table;
  color: #333333;
  border: none;
  margin: 0;
  position: absolute;
  bottom: 10px;
  right: 15px;
  background: none;
  font-size: 1.2rem;
  cursor: pointer; }
  .send-comment:hover {
    color: #ED1C24; }
  .send-comment:focus {
    border: none; }

.btn-vote,
a:not([href]):not([tabindex]).btn-vote {
  font-family: "Messina Modern Regular";
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 120%;
  color: #828282;
  color: #4F4F4F;
  background: #fff;
  border: 0.5px solid #4F4F4F;
  padding: 15px 0px;
  width: 180px;
  margin: 0 auto;
  text-align: center;
  transition: background-color 0.5s ease; }
  .btn-vote:focus, .btn-vote:active, .btn-vote:hover, .btn-vote.active,
  a:not([href]):not([tabindex]).btn-vote:focus,
  a:not([href]):not([tabindex]).btn-vote:active,
  a:not([href]):not([tabindex]).btn-vote:hover,
  a:not([href]):not([tabindex]).btn-vote.active {
    color: #FFF;
    background-color: #ED1C24;
    box-shadow: none;
    border: 1px solid; }

.btn-tab, a:not([href]):not([tabindex]).btn-tab {
  border-radius: 0;
  font-size: 1.2rem;
  padding: 9px 30px 25px 30px;
  height: 35px;
  color: #BDBDBD;
  background-color: inherit; }
  .btn-tab:focus, a:not([href]):not([tabindex]).btn-tab:focus {
    color: #4f4f4f; }
  .btn-tab:active, .btn-tab:hover, .btn-tab.active, a:not([href]):not([tabindex]).btn-tab:active, a:not([href]):not([tabindex]).btn-tab:hover, a:not([href]):not([tabindex]).btn-tab.active {
    cursor: pointer;
    color: #4f4f4f;
    border-bottom: 5px solid #00AEEF; }

.btn-advance, a:not([href]):not([tabindex]).btn-advance {
  color: #4F4F4F;
  background-color: none;
  border-color: #c6c6c6;
  border-radius: 0;
  font-size: 2.4rem;
  border: 0.5px solid #4F4F4F;
  width: 50px;
  height: 50px;
  margin-left: 5px; }
  .btn-advance:hover, a:not([href]):not([tabindex]).btn-advance:hover {
    background-color: #fff;
    border-color: #3f3f3f; }
  .btn-advance.disabled, a:not([href]):not([tabindex]).btn-advance.disabled {
    opacity: 0.5; }
  .btn-advance i, a:not([href]):not([tabindex]).btn-advance i {
    text-align: center;
    margin-left: -7px; }

.btn-grey, a:not([href]):not([tabindex]).btn-grey {
  color: #4F4F4F;
  background-color: #DCDCDC;
  border-color: #c6c6c6;
  border-radius: 0;
  font-size: 1.2rem;
  padding: 10px 15px;
  margin-left: 5px; }
  .btn-grey:focus, .btn-grey:active, .btn-grey:hover, a:not([href]):not([tabindex]).btn-grey:focus, a:not([href]):not([tabindex]).btn-grey:active, a:not([href]):not([tabindex]).btn-grey:hover {
    color: #fff;
    background-color: #474747;
    border-color: #3f3f3f; }
  .btn-grey.disabled, a:not([href]):not([tabindex]).btn-grey.disabled {
    color: #DCDCDC;
    border: 0.5px solid #DCDCDC;
    background-color: #fff; }

.btn-simple-small, a:not([href]):not([tabindex]).btn-simple-small {
  height: 35px;
  min-width: 100px;
  font-size: 1rem;
  color: #4F4F4F;
  text-align: center;
  border: 0.2px solid #4F4F4F;
  background-color: #fff; }
  .btn-simple-small:hover, .btn-simple-small.active, .btn-simple-small:active, .btn-simple-small:focus, a:not([href]):not([tabindex]).btn-simple-small:hover, a:not([href]):not([tabindex]).btn-simple-small.active, a:not([href]):not([tabindex]).btn-simple-small:active, a:not([href]):not([tabindex]).btn-simple-small:focus {
    color: #fff;
    background-color: #4F4F4F;
    border: none; }

.btn-simple-large, a:not([href]):not([tabindex]).btn-simple-large {
  height: 35px;
  min-width: 180px;
  font-size: 1.3rem;
  color: #4F4F4F;
  text-align: center;
  border: 0.2px solid #4F4F4F;
  background-color: #fff; }
  .btn-simple-large:hover, .btn-simple-large.active, .btn-simple-large:active, .btn-simple-large:focus, a:not([href]):not([tabindex]).btn-simple-large:hover, a:not([href]):not([tabindex]).btn-simple-large.active, a:not([href]):not([tabindex]).btn-simple-large:active, a:not([href]):not([tabindex]).btn-simple-large:focus {
    color: #fff;
    background-color: #4F4F4F;
    border: none; }

.btn-save,
a:not([href]):not([tabindex]).btn-save {
  font-family: "Messina Modern Regular";
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 120%;
  color: #828282;
  color: #fff;
  background-color: #ED1C24;
  padding: 15px 0px;
  min-width: 180px;
  margin: 0 auto;
  text-align: center;
  transition: background-color 0.5s ease; }
  .btn-save:focus, .btn-save:active, .btn-save:hover, .btn-save.active,
  a:not([href]):not([tabindex]).btn-save:focus,
  a:not([href]):not([tabindex]).btn-save:active,
  a:not([href]):not([tabindex]).btn-save:hover,
  a:not([href]):not([tabindex]).btn-save.active {
    background-color: #be161d; }

.btn-category,
a:not([href]):not([tabindex]).btn-category {
  color: #fff;
  background-color: #00AEEF;
  padding: 15px;
  margin: 0 auto;
  text-align: center;
  transition: background-color 0.5s ease;
  border: 1px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  margin: 10px;
  position: relative; }
  .btn-category:hover,
  a:not([href]):not([tabindex]).btn-category:hover {
    background-color: #008bbf; }
  .btn-category:focus, .btn-category:active, .btn-category.active,
  a:not([href]):not([tabindex]).btn-category:focus,
  a:not([href]):not([tabindex]).btn-category:active,
  a:not([href]):not([tabindex]).btn-category.active {
    background-color: #F2F2F2;
    color: #00AEEF;
    border-color: #00AEEF; }

.project {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  border: none;
  -webkit-transition: background-color 1.25s linear;
  -moz-transition: background-color 1.25s linear;
  -ms-transition: background-color 1.25s linear;
  -o-transition: background-color 1.25s linear;
  transition: background-color 1.25s linear; }
  .project .showcase-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10000; }
  .project .project-image {
    background-color: #BDBDBD;
    height: auto;
    position: relative;
    overflow: hidden; }
    .project .project-image .overlay {
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgba(0, 100, 200, 0.8);
      display: none; }
    .project .project-image img {
      width: 100%; }
    .project .project-image i {
      position: absolute;
      font-size: 30px;
      color: #fff; }
      .project .project-image i.video-icon {
        top: 5px;
        left: 5px; }
      .project .project-image i.badge-icon {
        bottom: 5px;
        right: 5px; }
  .project.col-lg-4 .description, .project.col-lg-4 .role {
    display: none; }
  .project.col-md-12 a {
    position: absolute;
    bottom: 0;
    right: 20px;
    text-decoration: none; }
  .project.col-md-12 .description, .project.col-md-12 .role {
    display: block;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #333333;
    background-color: #fff;
    color: #333333; }
  .project .project-stats {
    display: none;
    position: absolute;
    width: 263px;
    bottom: 0;
    color: #fff; }
    .project .project-stats ul {
      padding: 0px;
      margin: 0;
      margin-left: 5px;
      display: flex;
      justify-content: space-between; }
      .project .project-stats ul li {
        margin-right: 10px;
        vertical-align: bottom; }
        .project .project-stats ul li i {
          width: 25px; }
  .project .profiel-pic-container {
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 5px; }
    .project .profiel-pic-container img {
      width: 100%; }

.profile-container {
  padding: 0;
  float: left;
  font-size: 12px;
  width: 100%; }
  .profile-container .profile-card {
    background-color: #fff;
    padding: 10px 5px;
    overflow: hidden;
    border: 1px solid #979797;
    max-height: 320px;
    position: relative; }
    .profile-container .profile-card .profile-name {
      background-color: transparent;
      height: auto;
      padding: 0; }
    .profile-container .profile-card .left {
      display: inline-block;
      vertical-align: top; }
      .profile-container .profile-card .left img, .profile-container .profile-card .left a {
        display: block; }
      .profile-container .profile-card .left a {
        margin: 5px 0 0;
        padding: 8px 0;
        max-width: 140px;
        border-radius: 0;
        font-size: 10px; }
      .profile-container .profile-card .left img {
        max-width: 100%; }
    .profile-container .profile-card .right {
      display: inline-block;
      vertical-align: top;
      padding: 0;
      margin: 0; }
      .profile-container .profile-card .right h4.profile-name {
        margin-top: 0;
        font-size: 14px;
        font-weight: normal; }
      .profile-container .profile-card .right .count {
        margin-top: 5px;
        margin-bottom: 5px; }
  .profile-container .user-role {
    font-size: 16px;
    margin-top: 15px;
    margin-left: -15px; }
  .profile-container i.fa-star-o {
    color: #00AEEF;
    position: absolute;
    bottom: 14px;
    right: 20px;
    font-size: 24px; }
  .profile-container.medium-card {
    width: auto;
    float: none; }
    .profile-container.medium-card .right {
      width: auto; }
    .profile-container.medium-card .left {
      width: 100px; }

#joinus-modal .modal-dialog {
  width: 440px;
  margin-top: 150px; }
  #joinus-modal .modal-dialog .modal-content {
    height: 230px;
    padding: 5px 10px;
    border-radius: 0; }
    #joinus-modal .modal-dialog .modal-content .modal-header {
      border-bottom: none; }
    #joinus-modal .modal-dialog .modal-content .modal-body {
      padding: 0; }
      #joinus-modal .modal-dialog .modal-content .modal-body h4 {
        padding: 0;
        margin: 0;
        font-size: 25px; }
    #joinus-modal .modal-dialog .modal-content .btn-blue {
      width: 100%;
      border-radius: 0;
      margin: 20px 0;
      font-size: 18px; }
    #joinus-modal .modal-dialog .modal-content p {
      text-align: center;
      color: #333333; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Messina Modern Regular';
  color: #333333; }

b, strong {
  font-family: "Messina Sans Bold"; }

h1 {
  font-family: "Messina Modern Regular";
  font-size: 4rem;
  line-height: 120%;
  color: #4F4F4F; }

h1.large {
  font-family: "Messina Modern Regular";
  font-size: 5.35rem;
  line-height: 130%;
  color: #4F4F4F; }

h2 {
  font-family: "Messina Modern Regular";
  font-size: 2.6em;
  font-weight: 500;
  line-height: 110%;
  color: #4F4F4F; }
  h2.sub-header.red {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    color: #ed1c24;
    font-weight: 500;
    margin-bottom: 1.75rem; }

h3 {
  font-family: "Messina Modern Regular";
  font-size: 2rem;
  font-weight: 500;
  line-height: 110%;
  color: #4F4F4F; }

h4 {
  font-family: "Messina Modern Regular";
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 110%;
  color: #4F4F4F; }

h5 {
  font-family: "Messina Modern Regular";
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 110%;
  color: #4F4F4F; }

h6 {
  font-family: "Messina Sans Regular";
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 100%;
  color: #4F4F4F; }

span.link {
  cursor: pointer;
  position: relative;
  z-index: 5;
  color: #0275d8;
  text-decoration: none; }
  span.link:hover {
    color: #014c8c !important;
    text-decoration: underline !important; }

notification-bar {
  z-index: 99999; }

.paragraph-style-sheesh div, .started_making div div {
  font-family: "Messina Sans Regular";
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 100%;
  color: #828282;
  line-height: 150% !important;
  font-size: 0.9rem;
  color: #4F4F4F; }
.paragraph-style-sheesh .read-less, .started_making div .read-less {
  display: block;
  font-size: 1rem;
  text-align: right;
  cursor: pointer;
  color: #00AEEF; }
.paragraph-style-sheesh .read-more, .started_making div .read-more {
  color: #00AEEF;
  font-family: "Messina Sans regular";
  cursor: pointer;
  font-size: 0.9rem; }

body {
  padding-top: 113px;
  background-color: #F2F2F2;
  padding-right: 0 !important;
  font-family: 'Messina Sans Regular';
  color: #333333;
  font-size: 0.9rem;
  word-wrap: break-word;
  font-weight: 500;
  line-height: 1.5rem;
  -webkit-transition: all 1.25s ease-in-out;
  -moz-transition: all 1.25s ease-in-out;
  -ms-transition: all 1.25s ease-in-out;
  -o-transition: all 1.25s ease-in-out;
  transition: all 1.25s ease-in-out; }

.main-container {
  min-height: 400px; }

.default-header {
  background-color: #BDBDBD;
  color: #4F4F4F;
  text-align: left;
  overflow: hidden;
  vertical-align: middle;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #333;
  border-top: 1px solid #333;
  margin: 5px 0; }
  .default-header p, .default-header h3 {
    margin: 0; }
  .default-header p {
    padding: 0 0 0 95px; }

.msg {
  background-color: #BDBDBD;
  min-height: 30px;
  padding: 10px;
  text-align: center; }
  .msg p {
    font-size: 17px; }
  .msg h3, .msg p {
    margin: 0;
    color: #333333; }

.error-msg {
  margin-top: 10px; }

.dnd-sortable-drag {
  opacity: 0.3; }

#message-modal .modal-content {
  padding: 5px 10px;
  overflow: hidden; }
  #message-modal .modal-content .recieve label {
    width: 10%;
    display: inline-block; }
  #message-modal .modal-content .recieve div {
    width: 80%;
    display: inline-block; }
  #message-modal .modal-content .subject label {
    padding-bottom: 5px; }
  #message-modal .modal-content .message-text label {
    padding-bottom: 5px; }
  #message-modal .modal-content .message-text textarea {
    resize: none;
    width: 100%; }
  #message-modal .modal-content .actions {
    overflow: hidden;
    float: right; }
    #message-modal .modal-content .actions li {
      float: left; }

.card-type {
  font-family: "Messina Sans Regular";
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 100%;
  color: #828282;
  position: absolute;
  top: 45px;
  right: -26px;
  padding: 0;
  transform: rotate(-90deg);
  text-transform: uppercase !important;
  color: #BDBDBD;
  margin: 0; }

.dropdown-menu {
  padding: 0; }
  .dropdown-menu button {
    padding: 0.5em 1rem; }

.auth0-lock-widget-container input[name=birthdate] {
  display: none;
  /* Does not work */ }

/* Auth0 Forms */
.auth0-lock-widget-container .auth0-lock-input-lastName:after {
  content: "Birthdate";
  color: #aba9a9;
  font-size: 14px;
  padding: 0 5px;
  font-family: inherit;
  display: block;
  margin-top: 10px; }

.auth0-lock-widget-container .auth0-lock-input-lastName {
  margin-bottom: 5px !important; }

.auth0-lock-widget-container .auth0-lock-input-year,
.auth0-lock-widget-container .auth0-lock-input-month,
.auth0-lock-widget-container .auth0-lock-input-day {
  display: block;
  float: left;
  width: 33.3%; }

.page-node {
  margin-top: 25px; }

.horizontal-type-badge-challenge {
  font-family: "Messina Sans Regular";
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 100%;
  color: #828282;
  position: absolute;
  top: 14px;
  left: 0px;
  background-color: #333333; }
  .horizontal-type-badge-challenge p {
    margin: 0px; }
  .horizontal-type-badge-challenge::after {
    content: ' ';
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 10px solid #333333;
    border-bottom: 14px solid transparent;
    left: 100%;
    position: absolute;
    top: 0px; }
  .horizontal-type-badge-challenge .type-layer-2 {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 7px 11px 7px 11px;
    color: #fff; }

.horizontal-type-badge-learn {
  font-family: "Messina Sans Regular";
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 100%;
  color: #828282;
  position: absolute;
  top: 14px;
  left: 0px;
  background-color: #4F4F4F; }
  .horizontal-type-badge-learn p {
    margin: 0px; }
  .horizontal-type-badge-learn::after {
    content: ' ';
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 10px solid #4F4F4F;
    border-bottom: 14px solid transparent;
    left: 100%;
    position: absolute;
    top: 0px; }
  .horizontal-type-badge-learn .type-layer-2 {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 7px 11px 7px 11px;
    color: #fff; }

.vertical-type-badge {
  font-family: "Messina Sans Regular";
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 100%;
  color: #828282;
  position: absolute;
  top: 6px;
  left: 0px;
  background-color: #333333;
  transform: rotate(-90deg); }
  .vertical-type-badge span {
    margin: 0px; }
  .vertical-type-badge::before {
    content: ' ';
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 10px solid #333333;
    border-bottom: 14px solid transparent;
    right: 100%;
    position: absolute;
    top: 0px; }
  .vertical-type-badge .type-layer-2 {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 7px 11px 7px 11px; }

.card-type-grey-2,
.card-type-blue,
.card-type-grey {
  font-family: "Messina Sans Regular";
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 100%;
  color: #828282;
  position: absolute;
  z-index: 1000;
  top: 14px;
  left: 0;
  font-size: 0.79rem !important; }
  .card-type-grey-2 p,
  .card-type-blue p,
  .card-type-grey p {
    margin: 0px; }
  .card-type-grey-2::after,
  .card-type-blue::after,
  .card-type-grey::after {
    content: ' ';
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 13px solid transparent;
    left: 100%;
    position: absolute;
    top: 0px; }
  .card-type-grey-2 .type-layer-2,
  .card-type-blue .type-layer-2,
  .card-type-grey .type-layer-2 {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 7px 11px 7px 11px;
    color: #fff; }

.card-type-grey {
  background-color: #333333;
  z-index: 9; }
  .card-type-grey::after {
    border-left: 10px solid #333333; }

.card-type-blue {
  background-color: #00AEEF;
  z-index: 11; }
  .card-type-blue::after {
    border-left: 10px solid #00AEEF; }

.card-type-grey-2 {
  background-color: #4F4F4F;
  z-index: 9; }
  .card-type-grey-2::after {
    border-left: 10px solid #4F4F4F; }

.card-type-user-small {
  font-family: "Messina Sans Regular";
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 100%;
  color: #828282;
  position: absolute;
  z-index: 10000;
  top: 14px;
  left: 0; }
  .card-type-user-small p {
    margin: 0px; }
  .card-type-user-small::after {
    content: ' ';
    width: 0;
    height: 0;
    border-top: 12.5px solid transparent;
    border-bottom: 13px solid transparent;
    left: 100%;
    position: absolute;
    top: 0px; }
  .card-type-user-small .type-layer-2 {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 7px 11px 7px 11px;
    color: #fff; }

.card-type-user-small {
  background-color: #4F4F4F;
  z-index: 9; }
  .card-type-user-small::after {
    border-left: 10px solid #4F4F4F; }

/* modal-share style */
.modal-share {
  background-color: #F2F2F2; }
  .modal-share .modal-header {
    border-bottom: none !important; }
  .modal-share .modal-footer {
    border-top: none !important; }
    .modal-share .modal-footer ul {
      margin: 0px; }

.modal-report {
  background-color: #F2F2F2; }
  .modal-report .modal-header {
    border-bottom: none !important; }
  .modal-report .modal-body .modal-title {
    color: #ED1C24; }
  .modal-report .modal-body textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    text-align: center;
    color: #DCDCDC;
    padding-top: 50px; }
  .modal-report .modal-body textarea::-moz-placeholder {
    /* Firefox 19+ */
    text-align: center;
    color: #DCDCDC; }
  .modal-report .modal-body textarea:-ms-input-placeholder {
    /* IE 10+ */
    text-align: center;
    color: #DCDCDC; }
  .modal-report .modal-body textarea:-moz-placeholder {
    /* Firefox 18- */
    text-align: center;
    color: #DCDCDC; }
  .modal-report .modal-footer {
    border-top: none !important; }
    .modal-report .modal-footer ul {
      margin: 0px; }
    .modal-report .modal-footer .btn {
      padding: 12px;
      width: 140px;
      background-color: #fff; }
      .modal-report .modal-footer .btn:hover {
        cursor: pointer; }

/* feedback form */
.modal-feedback {
  background-color: #F2F2F2; }
  .modal-feedback .modal-header {
    border-bottom: none !important; }
  .modal-feedback .modal-body .modal-title {
    color: #ED1C24; }
  .modal-feedback .modal-body textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    text-align: center;
    color: #DCDCDC;
    padding-top: 50px; }
  .modal-feedback .modal-body textarea::-moz-placeholder {
    /* Firefox 19+ */
    text-align: center;
    color: #DCDCDC; }
  .modal-feedback .modal-body textarea:-ms-input-placeholder {
    /* IE 10+ */
    text-align: center;
    color: #DCDCDC; }
  .modal-feedback .modal-body textarea:-moz-placeholder {
    /* Firefox 18- */
    text-align: center;
    color: #DCDCDC; }
  .modal-feedback .modal-footer {
    border-top: none !important; }
    .modal-feedback .modal-footer ul {
      margin: 0px; }
    .modal-feedback .modal-footer .btn {
      padding: 12px;
      width: 140px;
      background-color: #fff; }
      .modal-feedback .modal-footer .btn:hover {
        cursor: pointer; }

#search-box-layer .close-search-layer,
#search-box-layer .go-search,
#search-box-layer .clear-search {
  position: absolute;
  color: #fff;
  font-size: 2rem;
  cursor: pointer; }
#search-box-layer .close-search-layer {
  right: 15px;
  top: 15px; }
#search-box-layer .go-search {
  top: 7px;
  right: -40px; }
#search-box-layer .clear-search {
  top: 13px;
  right: 5px;
  font-size: 1rem; }

/* forms valid-errors */
.valError {
  border: 1px solid #ED1C24 !important;
  color: #ED1C24 !important; }

.valErrorString {
  color: #ED1C24 !important; }

.notifications-container .notification .message {
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff; }
.notifications-container .notification.warning .message {
  color: #333333; }

ngb-typeahead-window.dropdown-menu {
  width: 100%; }
  ngb-typeahead-window.dropdown-menu .dropdown-item {
    font-size: .9rem; }

.typeahead-image-container {
  width: 50px;
  margin-right: 5px; }

.typeahead-data-container .fullname, .typeahead-data-container .nickname {
  margin-bottom: 0; }
.typeahead-data-container .fullname {
  height: 30px;
  font-size: 1.2rem;
  font-weight: bold; }
.typeahead-data-container .nickname {
  height: 20px;
  font-size: 0.8rem; }

.access-denied {
  background-color: #fff;
  padding: 60px 0;
  margin: 0; }

/* notification Bar */
.notifications-container .success {
  background-color: #00AEEF !important;
  border-bottom: 1px solid #00AEEF !important;
  height: 45px !important;
  text-align: center !important;
  font-size: 1em !important;
  padding-top: 10px !important; }
  .notifications-container .success .message {
    margin-top: 10px;
    color: #fff !important; }
  .notifications-container .success .close-click {
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 2em !important;
    color: #cccccc !important; }
    .notifications-container .success .close-click:hover {
      color: #fff !important; }
.notifications-container .error, .notifications-container .warning {
  height: 45px !important;
  text-align: center !important;
  font-size: 1em !important;
  padding-top: 10px !important; }
.notifications-container .warning {
  background-color: #4F4F4F !important;
  border-bottom: 1px solid #4F4F4F !important; }
.notifications-container .error {
  background-color: #ED1C24 !important;
  border-bottom: 1px solid #ED1C24 !important; }
.notifications-container .message {
  margin-top: 10px;
  color: #fff !important; }
.notifications-container .close-click {
  position: absolute;
  right: 10px;
  top: 0px;
  font-size: 2em !important;
  color: #cccccc; }
  .notifications-container .close-click:hover {
    color: #fff !important; }

.project-bookmakr .fa-bookmark-o:hover {
  color: #00AEEF; }

.fa-share:hover {
  color: #00AEEF; }

/* notification dropdown-menu */
.menutool-notification {
  position: relative; }
  .menutool-notification li {
    padding: 8px 12px;
    position: absolute;
    display: block;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11; }
    .menutool-notification li .view-all {
      padding: .4rem 0rem;
      color: #00AEEF; }
      .menutool-notification li .view-all:hover {
        text-decoration: none !important; }
    .menutool-notification li .notf-gear i {
      font-size: 19px; }
    .menutool-notification li .notf-Cancel i {
      font-size: 20px; }

.dropdown-notification ul {
  position: relative;
  padding-top: 52px; }
  .dropdown-notification ul li {
    padding: 8px 12px;
    position: absolute;
    display: block;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0; }
    .dropdown-notification ul li .view-all {
      padding: .4rem 0rem;
      color: #00AEEF; }
    .dropdown-notification ul li .notf-gear i {
      font-size: 19px; }
    .dropdown-notification ul li .notf-Cancel i {
      font-size: 20px; }
  .dropdown-notification ul .notification-container {
    padding: 0px 12px; }
    .dropdown-notification ul .notification-container .notification-item {
      border-bottom: 0.5px solid #828282;
      font-family: "Messina Sans Regular";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      padding: 5px 0px;
      font-size: 0.96em !important; }
      .dropdown-notification ul .notification-container .notification-item .media-left {
        width: 40px;
        height: auto;
        margin-right: 6px; }
        .dropdown-notification ul .notification-container .notification-item .media-left img {
          width: 100%;
          height: auto;
          max-width: 100%; }
      .dropdown-notification ul .notification-container .notification-item .media-body {
        padding: 0px 2px; }
        .dropdown-notification ul .notification-container .notification-item .media-body span {
          margin-bottom: 1px; }
        .dropdown-notification ul .notification-container .notification-item .media-body p {
          margin: 2px 0px 0px 0px; }
      .dropdown-notification ul .notification-container .notification-item .delete {
        padding-top: 14px;
        display: none; }
      .dropdown-notification ul .notification-container .notification-item .link {
        color: #00AEEF; }
        .dropdown-notification ul .notification-container .notification-item .link:hover {
          text-decoration: none !important;
          color: #00AEEF !important; }
      .dropdown-notification ul .notification-container .notification-item .notf-date {
        color: #828282;
        font-family: "Messina Sans Regular";
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        font-size: 0.83em !important; }
    .dropdown-notification ul .notification-container .inner-text {
      color: #4F4F4F;
      padding: 2px 0px;
      line-height: 17px; }
  .dropdown-notification ul .not-seen .notification-container {
    background-color: rgba(241, 241, 241, 0.53); }
    .dropdown-notification ul .not-seen .notification-container:hover {
      cursor: pointer; }

.disabled {
  color: rgba(0, 0, 0, 0.3); }

.coming-soon {
  position: relative; }
  .coming-soon .coming-soon-text {
    position: absolute;
    font-size: 0.5rem;
    color: #ED1C24;
    right: 0;
    bottom: -8px;
    text-transform: uppercase; }

_::-webkit-full-page-media, _:future, :root .custom-safari {
  text-align: left !important; }

_::-webkit-full-page-media, _:future, :root .check-label {
  margin-left: 5px; }

::-webkit-input-placeholder {
  font-family: 'Arial'; }

:-moz-placeholder {
  font-family: 'Arial'; }

::-moz-placeholder {
  font-family: 'Arial'; }

:-ms-input-placeholder {
  font-family: 'Arial'; }

select.shadowed,
.shadowed button {
  width: 100% !important;
  margin-bottom: 5px;
  padding: 5px 10px;
  border: none;
  border-radius: 0;
  font-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }

i.dropdownIcon {
  position: absolute;
  right: 26px;
  top: 14px;
  z-index: 1;
  pointer-events: none; }

.registration-page .name-section {
  font-weight: bold;
  color: red;
  font-size: 16px; }
.registration-page .search-form-group .header-title {
  text-align: center;
  max-width: 700px;
  margin: 90px auto 0; }
  .registration-page .search-form-group .header-title h2 {
    font-family: "Messina Modern Regular";
    font-size: 3.4rem;
    font-weight: 400;
    line-height: 100%;
    color: #4F4F4F;
    color: white; }
  .registration-page .search-form-group .header-title p {
    font-family: "Messina Sans Regular";
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 110%;
    color: #828282;
    color: #fff; }
.registration-page .search-form-group form {
  max-width: 650px;
  margin: auto; }
  .registration-page .search-form-group form input {
    font-style: italic; }
  .registration-page .search-form-group form .save-btn-container {
    margin-right: -15px;
    text-align: right; }
  .registration-page .search-form-group form #reg-save {
    width: 180px;
    height: 40px;
    margin-top: auto;
    background: transparent;
    color: #fff;
    border: 0.5px solid #fff;
    font-style: normal; }
    .registration-page .search-form-group form #reg-save:hover, .registration-page .search-form-group form #reg-save:active, .registration-page .search-form-group form #reg-save:focus {
      background-color: #ED1C24;
      border-color: #ED1C24; }
.registration-page .form-design {
  display: block;
  padding: .5rem .75rem;
  font-size: 1rem;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  text-align: center; }
.registration-page #search-box-layer {
  position: fixed;
  z-index: 1000;
  background: rgba(25, 25, 25, 0.9);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow-y: scroll;
  overflow-x: hidden; }

#page-404 {
  position: fixed;
  overflow: hidden;
  text-align: center;
  width: 100%;
  height: 100%; }

#page-404 .image-container img {
  width: 100%;
  display: block;
  height: 100%;
  background-size: cover; }

#page-404 .image-container::before {
  content: '';
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.65;
  background: url(./static-assets/images/background/background-pattern.png) 90%; }

#page-404 .text-block {
  position: absolute;
  bottom: 20px;
  right: 90px;
  background-color: rgba(50, 50, 50, 0.7); }

#page-404 .text-block h4, #page-404 .text-block p {
  color: #fff;
  font-family: "Messina Sans Regular";
  font-weight: 500; }

#page-404 .text-block h4 {
  font-size: 2rem; }

#page-404 .text-block p {
  margin-bottom: 0;
  font-size: 1.2rem; }

#page-404 .text-block ul {
  margin-top: 15px; }

#page-404 .text-block ul li {
  display: inline-block; }

#page-404 .text-block ul li:not(:first-of-type) a {
  padding-left: 10px;
  border-left: 3px solid #fff; }

#page-404 .text-block ul li a {
  color: #00AEEF;
  padding-right: 10px;
  font-size: 1.4rem; }

#page-404 .text-block ul li a:hover {
  text-decoration: none; }

#page-404 .text-block input::-webkit-input-placeholder {
  color: #fff;
  font-size: 1.5rem;
  font-family: "Messina Sans Modern"; }

#page-404 .text-block input:-moz-placeholder {
  color: #fff;
  font-size: 1.5rem;
  font-family: "Messina Sans Modern"; }

#page-404 .text-block input::-moz-placeholder {
  color: #fff;
  font-size: 1.5rem;
  font-family: "Messina Sans Modern"; }

#page-404 .text-block input:-ms-input-placeholder {
  color: #fff;
  font-size: 1.5rem;
  font-family: "Messina Sans Modern"; }

#page-404 .search-form-group {
  position: relative; }

#page-404 .search-form-group h3 {
  color: white;
  font-size: 1.8rem;
  padding: 15px; }

#page-404 .search-form-group #search-box-input-404 {
  width: 100%;
  color: white;
  background: transparent;
  border: 0 none;
  border-bottom: 1px solid white;
  padding: 10px; }

#page-404 .search-form-group .search-form-group {
  position: relative;
  max-width: 100%;
  margin-top: 20px;
  width: 400px;
  display: block;
  margin-right: auto;
  margin-left: auto; }

#page-404 .search-form-group .go-search {
  color: #fff;
  font-size: 1.3rem;
  position: absolute;
  bottom: 10px;
  right: 0px;
  cursor: pointer; }

#page-404 .search-form-group .clear-search {
  color: #fff;
  bottom: 13px;
  position: absolute;
  right: 25px;
  font-size: 1rem; }

@media (max-width: 992px) {
  #page-404 .text-block {
    left: 0;
    right: 0;
    width: 320px;
    margin: auto;
    bottom: 10%; } }
#site-down {
  position: fixed;
  overflow: hidden;
  text-align: center;
  width: 100%;
  height: 100%; }

#site-down .image-container img {
  width: 100%;
  display: block; }

#site-down .image-container::before {
  content: '';
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.65;
  background: url(./static-assets/images/background/background-pattern.png) 90%; }

#site-down .text-block {
  max-width: 500px;
  margin: auto;
  text-align: center;
  bottom: 30px;
  position: absolute;
  color: #fff;
  right: 0;
  left: 0;
  background-color: rgba(50, 50, 50, 0.7); }

#site-down .text-block h4, #site-down .text-block p {
  color: #fff;
  font-family: "Messina Sans Regular";
  font-weight: 500; }

#site-down .text-block h4 {
  font-size: 1.6rem; }

#site-down .text-block p {
  margin-bottom: 5px;
  font-size: 1.2rem; }

#splash {
  position: fixed;
  overflow: hidden;
  text-align: center;
  width: 100%;
  height: 100%; }

#splash .image-container img {
  width: 100%;
  display: block; }

#splash .image-container::before {
  content: '';
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.65;
  background: url(./static-assets/images/background/background-pattern.png) 90%; }

#splash .text-block {
  max-width: 350px;
  margin: auto;
  text-align: center;
  bottom: 30px;
  position: absolute;
  color: #fff;
  right: 0;
  left: 0;
  background-color: rgba(50, 50, 50, 0.7); }

#splash .signup-form-group {
  position: relative; }

#splash .signup-form-group h3 {
  color: white;
  font-size: 1.8rem; }

#splash .signup-form-group #search-box-input-404 {
  width: 100%;
  color: white;
  background: transparent;
  border: 0 none;
  border-bottom: 1px solid white;
  padding: 10px; }

#splash .signup-form-group .search-form-group {
  position: relative;
  max-width: 100%;
  margin-top: 20px;
  width: 400px;
  display: block;
  margin-right: auto;
  margin-left: auto; }

#splash .signup-form-group .go-search {
  color: #fff;
  font-size: 1.7rem;
  position: absolute;
  bottom: 10px;
  right: 0px;
  cursor: pointer; }

#splash .signup-form-group input::-webkit-input-placeholder {
  color: #fff;
  font-size: 1.5rem;
  font-family: "Messina Sans Modern"; }

#splash .signup-form-group input:-moz-placeholder {
  color: #fff;
  font-size: 1.5rem;
  font-family: "Messina Sans Modern"; }

#splash .signup-form-group input::-moz-placeholder {
  color: #fff;
  font-size: 1.5rem;
  font-family: "Messina Sans Modern"; }

#splash .signup-form-group input:-ms-input-placeholder {
  color: #fff;
  font-size: 1.5rem;
  font-family: "Messina Sans Modern"; }

@media (max-width: 992px) {
  #splash .text-block {
    max-width: 320px; }

  #splash .signup-form-group input::-webkit-input-placeholder {
    font-size: 1.3rem; }

  #splash .signup-form-group input:-moz-placeholder {
    font-size: 1.3rem; }

  #splash .signup-form-group input::-moz-placeholder {
    font-size: 1.3rem; }

  #splash .signup-form-group input:-ms-input-placeholder {
    font-size: 1.3rem; } }
/* Custom tooltip */
.new-tooltip {
  position: relative;
  display: inline-block; }
  .new-tooltip .new-tooltiptext {
    width: auto;
    background-color: #000;
    color: #fff !important;
    text-align: center;
    border-radius: 6px;
    padding: 7px;
    position: absolute;
    z-index: 9999999;
    bottom: 125%;
    left: 50%;
    margin-left: -50px;
    display: none;
    transition: opacity 1s;
    line-height: 23px; }
    .new-tooltip .new-tooltiptext::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #555 transparent transparent transparent; }
    .new-tooltip .new-tooltiptext .text-tooltip-name {
      color: #fff !important; }

.like-photo {
  padding: 10px;
  width: 120px;
  height: 120px;
  cursor: pointer; }

.like-name {
  font-size: 1.3rem;
  color: #00AEEF;
  cursor: pointer; }

.modal-sm {
  margin: auto; }

/* Access Restricted Page */
.access-restricted {
  padding-top: 90px;
  margin-bottom: 90px; }
  .access-restricted section {
    margin-bottom: 12px;
    padding: 12px; }
  .access-restricted .page-header-area p {
    color: #ED1C24;
    text-transform: uppercase;
    font-size: 1rem; }
  .access-restricted .page-content-area h2 {
    width: 100%;
    text-align: center; }
  .access-restricted .page-content-area span {
    font-family: "Messina Modern Regular";
    font-size: 1rem;
    line-height: 110%;
    color: #4F4F4F;
    text-align: center;
    width: 100%; }
  .access-restricted .page-content-area i {
    color: #ED1C24;
    font-size: 62px;
    padding-top: 26px;
    display: block;
    margin: 0 auto; }
  .access-restricted .page-footer-area p {
    text-transform: uppercase;
    color: #4F4F4F;
    font-size: 1rem;
    width: 100%; }
  .access-restricted .page-footer-area .link-cool-stuff {
    font-size: 1rem;
    line-height: 110%;
    color: #00AEEF;
    margin: 0 auto;
    padding: 7px 10px; }
    .access-restricted .page-footer-area .link-cool-stuff .stuff-bold {
      font-family: "Messina Modern bold"; }
    .access-restricted .page-footer-area .link-cool-stuff .stuff-normal {
      font-family: "Messina Modern regular"; }
    .access-restricted .page-footer-area .link-cool-stuff:hover {
      color: #008bbf;
      text-decoration: none; }

.page-explore .vertical-line {
  width: 3px;
  height: 60px;
  display: inline-block;
  background-color: #828282;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 8px; }

.claim-profile {
  margin-top: 30px;
  text-align: center; }
  .claim-profile p {
    font-size: 1.3em; }
  .claim-profile .claim-success,
  .claim-profile .claim-fail {
    font-size: 4.5rem;
    margin-bottom: 30px;
    display: block; }
  .claim-profile .claim-success {
    font-weight: bold;
    color: #00AEEF; }
  .claim-profile .claim-fail {
    color: #ED1C24; }

.front {
  background-color: #F2F2F2; }
  .front .banner {
    position: relative;
    /* Carousel base class */
    /* Since positioning the image, we need to help out the caption */ }
    .front .banner .carousel {
      height: 500px;
      overflow: hidden;
      /* Declare heights because of positioning of img element */ }
      .front .banner .carousel .carousel-item {
        height: 500px;
        width: 100%;
        background-color: #777; }
        .front .banner .carousel .carousel-item img {
          width: 100%; }
      .front .banner .carousel .card-container {
        position: absolute;
        top: 0;
        bottom: 80px;
        left: 0;
        right: 0; }
    .front .banner .carousel-caption {
      background-color: rgba(0, 0, 0, 0.4);
      border-radius: 5px; }
      .front .banner .carousel-caption h2 {
        font-size: 31px;
        font-weight: 100;
        color: #fff; }
      .front .banner .carousel-caption h4 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 30px;
        margin-bottom: 20px;
        color: #fff; }
      .front .banner .carousel-caption p {
        font-size: 23px; }
  .front .browse-projects {
    padding-bottom: 15px;
    padding-top: 25px; }
    .front .browse-projects .default-header {
      margin-bottom: 35px; }
      .front .browse-projects .default-header p {
        font-size: 17px; }
        .front .browse-projects .default-header p span {
          font-size: 20px;
          font-weight: bold;
          text-transform: uppercase; }
      .front .browse-projects .default-header .button-group {
        float: right; }
    .front .browse-projects .challenges-container {
      padding: 0; }
      .front .browse-projects .challenges-container .challenge-card {
        border: none; }
        .front .browse-projects .challenges-container .challenge-card .card-buttons a.btn.btn-grey {
          margin: 0; }
        .front .browse-projects .challenges-container .challenge-card .image-container img {
          height: 100%;
          width: 100%; }

.maker-spotlight {
  overflow: hidden;
  background-color: #DCDCDC;
  padding-top: 30px;
  padding-bottom: 50px; }
  .maker-spotlight header h3 {
    font-family: "Messina Modern Regular";
    font-size: 3.4rem;
    font-weight: 400;
    line-height: 100%;
    color: #4F4F4F;
    text-transform: capitalize;
    text-align: center;
    margin: 25px 0; }
  .maker-spotlight .spotlight-item {
    margin-top: 15px;
    padding: 4px;
    border: none; }
    .maker-spotlight .spotlight-item .card-block {
      padding: 10px; }
    .maker-spotlight .spotlight-item .image-container {
      width: 100%;
      height: 200px;
      overflow: hidden;
      position: relative; }
      .maker-spotlight .spotlight-item .image-container img {
        height: 200px;
        width: 100%; }

.col-fixed-300 {
  width: 306px;
  position: absolute;
  z-index: 1;
  height: 100%; }

.col-offset-300 {
  margin-left: 325px;
  overflow: hidden; }

.fffa {
  overflow: hidden;
  float: none; }

.slick-dots li button:before {
  font-size: 15px; }

footer {
  padding-top: 25px;
  padding-bottom: 25px;
  min-height: 35px;
  font-size: 14px;
  background: white;
  border-top: 5px solid #00AEEF; }
  footer .newsletter p {
    font-size: 0.65rem;
    color: #828282;
    line-height: 25px;
    margin-bottom: 0; }
  footer .footer-copyright {
    color: #828282; }
  footer .copy .first-logo-link {
    margin-right: 10px;
    position: relative; }
    footer .copy .first-logo-link span {
      color: #00AEEF;
      font-size: 10px;
      position: absolute;
      bottom: 0px;
      right: 4px; }
  footer .copy .second-logo-link {
    padding-left: 10px; }
  footer .copy .first-logo {
    width: 100px;
    max-width: 100px; }
  footer .copy .second-logo {
    width: 70px;
    max-width: 70px;
    height: 40px; }
  footer .copy .vertical-line {
    height: 17px;
    width: 1px;
    background-color: #828282;
    margin: 12px 5px 10px 7px; }
  footer .copy p {
    margin: 0;
    font-size: 12px;
    color: #4f4f4f; }
  footer .copy .copyright {
    padding-top: 8px; }
  footer .copy .logo-title {
    padding: 12px 0px 0px 4px;
    text-align: left;
    font-weight: bold;
    color: #818181; }
  footer a.nav-link {
    color: #4F4F4F;
    padding: 0; }
  footer .fa-stack-2x {
    font-size: 1.7em; }
  footer .fa-stack {
    position: relative;
    display: inline-block;
    width: 1.7em;
    height: 1.7em;
    line-height: 1.7em;
    vertical-align: middle; }
  footer .socials-newsletter div {
    padding-bottom: 4px; }
  footer .socials-newsletter .newsletter .input-group-addon {
    background: none;
    background-color: #00AEEF;
    color: white; }
  footer .footer-subtitle {
    color: #009ad4;
    font-size: 1.3em;
    width: 100%;
    padding-bottom: 4px;
    margin: 0px; }
  footer .sitemap-1 a, footer .sitemap-2 a {
    font-size: 1.1em;
    padding: 3px 0;
    color: #828282;
    line-height: 25px; }
  footer .footer-social-links a {
    position: relative;
    text-align: center;
    width: 0px;
    height: 0px;
    padding: 15px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -khtml-border-radius: 20px 20px 20px 20px;
    color: #FFFFFF; }
    footer .footer-social-links a i {
      font-size: 1.1em;
      position: absolute;
      left: 0px;
      right: 0px;
      top: 11px; }
  footer .footer-social-links a.social {
    float: left;
    margin: 0 5px 0 0;
    cursor: pointer;
    background: #DCDCDC;
    color: #fff; }
  footer .footer-social-links a.social:hover.fb {
    background-color: #014c8c; }
  footer .footer-social-links a.social:hover.tw {
    background-color: #33ccff; }
  footer .footer-social-links a.social:hover.pin {
    background-color: #cc2127; }
  footer .footer-social-links a.social:hover.in {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); }

.width-fix {
  padding: 0; }

.user-card .profile-pic-container .maker-photo {
  display: block;
  width: 80px;
  height: 80px;
  margin-bottom: 4px; }
.user-card .profile-pic-container a {
  width: 100%; }
.user-card .profile-pic-container .icons-side-user {
  width: 80px;
  overflow: hidden; }
  .user-card .profile-pic-container .icons-side-user .user-icon {
    float: left; }
    .user-card .profile-pic-container .icons-side-user .user-icon img {
      width: 26px; }
.user-card .profile-pic-container .message-btn {
  padding: 0px; }
.user-card .user-name {
  font-family: "Messina Modern Regular";
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 120%;
  color: #828282;
  margin-bottom: 2px; }
  .user-card .user-name a {
    text-decoration: none;
    color: #333333; }
.user-card .user-nickname {
  font-size: 12px;
  margin-bottom: 2px;
  min-height: 18px; }
  .user-card .user-nickname a {
    text-decoration: none;
    color: #BDBDBD; }
.user-card .profile-tag {
  font-family: "Messina Modern Regular";
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 120%;
  color: #828282;
  margin-bottom: 5px;
  line-height: 17px;
  display: inline-block;
  word-break: break-word; }
.user-card .profile-tag, .user-card .user-city, .user-card .count {
  font-size: 14px; }
.user-card .user-city {
  color: #00AEEF;
  min-height: 21px;
  margin-bottom: 0px; }
  .user-card .user-city div {
    float: left;
    margin-right: 6px; }
.user-card .count {
  margin-bottom: 0;
  color: #BDBDBD;
  clear: both; }

.user-card-small.card-block {
  padding: 0px 8px 0px 0px;
  -moz-box-shadow: 3px 3px 5px rgba(136, 136, 136, 0.5);
  -webkit-box-shadow: 3px 3px 5px rgba(136, 136, 136, 0.5);
  box-shadow: 3px 3px 5px rgba(136, 136, 136, 0.5); }
.user-card-small .icons-side-user {
  overflow: hidden; }
  .user-card-small .icons-side-user .user-icon {
    float: left; }
    .user-card-small .icons-side-user .user-icon img {
      width: 26px !important; }
.user-card-small .card-type {
  top: 35px;
  right: -18px;
  font-size: 16px !important; }
.user-card-small .count-list {
  margin: 6px 0px; }
.user-card-small .card-stats {
  padding: 2px;
  color: #BDBDBD; }
  .user-card-small .card-stats ul li {
    font-family: "Messina Sans Regular";
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 100%;
    color: #828282;
    font-weight: normal !important;
    font-size: 13px !important;
    color: #BDBDBD; }
    .user-card-small .card-stats ul li img {
      margin-right: 6px; }
      .user-card-small .card-stats ul li img.project-likes {
        width: 10px; }
      .user-card-small .card-stats ul li img.project-views {
        width: 18px; }
    .user-card-small .card-stats ul li span {
      margin: 0px; }
.user-card-small .profile-pic-container {
  position: relative; }
  .user-card-small .profile-pic-container .maker-photo {
    display: block;
    width: 136px;
    height: 160px; }
  .user-card-small .profile-pic-container .maker-photo-msg {
    display: block;
    width: 50px;
    height: 50px; }
  .user-card-small .profile-pic-container a {
    width: 100%; }
  .user-card-small .profile-pic-container .message-btn {
    padding: 0px; }
.user-card-small .user-name {
  font-family: "Messina Modern Regular";
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 120%;
  color: #828282;
  margin-bottom: 2px; }
  .user-card-small .user-name a {
    text-decoration: none;
    color: #333333; }
.user-card-small .user-nickname {
  font-size: 12px;
  margin-bottom: 2px;
  min-height: 18px; }
  .user-card-small .user-nickname a {
    text-decoration: none;
    color: #BDBDBD; }
.user-card-small .profile-tag {
  font-family: "Messina Modern Regular";
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 120%;
  color: #828282;
  margin-bottom: 5px;
  height: 38px;
  line-height: 17px;
  overflow: hidden;
  display: inline-block;
  min-height: 50px; }
.user-card-small .profile-tag, .user-card-small .user-city, .user-card-small .count {
  font-size: 14px; }
.user-card-small .user-city {
  color: #00AEEF;
  min-height: 21px;
  margin-bottom: 4px; }
  .user-card-small .user-city div {
    float: left;
    margin-right: 6px; }
.user-card-small .count {
  margin-bottom: 0;
  color: #BDBDBD;
  clear: both; }

/* User card msg on inbox msg component */
.user-card-msg .profile-pic-container {
  position: relative; }
  .user-card-msg .profile-pic-container .maker-photo {
    display: block;
    width: 136px;
    height: 160px; }
  .user-card-msg .profile-pic-container .maker-photo-msg {
    display: block;
    width: 50px;
    height: 50px; }
  .user-card-msg .profile-pic-container a {
    width: 100%; }
  .user-card-msg .profile-pic-container .message-btn {
    padding: 0px; }
.user-card-msg .media-body p {
  margin-bottom: 0px; }

/* Notification menue in header */
.dropdown-notification {
  width: 330px;
  height: 408px;
  overflow-y: auto;
  max-width: 350px;
  max-height: 408px; }
  .dropdown-notification .no-notfy {
    padding-top: 70px; }

.deleted-user {
  color: gray !important; }

.delete-account {
  display: block;
  background-color: #ED1C24;
  padding: 10px;
  text-align: center;
  color: #FFF;
  font-size: 1em;
  border: none; }

.delete-account-popup {
  background-color: #ED1C24;
  border: 1px solid #828282;
  color: #FFF;
  margin-bottom: 30px;
  font-size: 1em;
  height: 31px; }

/* Bookmark */
.bookmark-page .bookmark-menu ul li .btn-tab:focus, .bookmark-page .bookmark-menu ul li a:not([href]):not([tabindex]).btn-tab:focus {
  border: none !important;
  outline: none !important; }
.bookmark-page .content-wrapper {
  min-height: 530px;
  padding: 15px;
  margin-bottom: 20px; }
  .bookmark-page .content-wrapper td {
    border-top: none !important;
    width: 50%;
    font-family: "Messina Modern Regular";
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 120%;
    color: #828282; }
    .bookmark-page .content-wrapper td img:hover, .bookmark-page .content-wrapper td span:hover {
      cursor: pointer; }
  .bookmark-page .content-wrapper th {
    border-top: none !important;
    border-bottom: none !important;
    width: 50%;
    font-family: "Messina Modern Regular";
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 120%;
    color: #828282;
    color: #333333 !important; }
  .bookmark-page .content-wrapper tr {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    padding: 10px;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD;
    background-color: white;
    margin: 10px 0; }
    .bookmark-page .content-wrapper tr:hover {
      -moz-box-shadow: 2px 2px 8px #aaaaaa;
      -webkit-box-shadow: 2px 2px 8px #aaaaaa;
      box-shadow: 2px 2px 8px #aaaaaa; }
  .bookmark-page .content-wrapper .msgs-bookamrk {
    margin-top: 20px;
    padding-left: 20px; }
  .bookmark-page .content-wrapper .bookmark-item {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    padding: 10px;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD;
    background-color: white;
    margin: 10px 0; }
    .bookmark-page .content-wrapper .bookmark-item:hover {
      -moz-box-shadow: 2px 2px 8px #aaaaaa;
      -webkit-box-shadow: 2px 2px 8px #aaaaaa;
      box-shadow: 2px 2px 8px #aaaaaa; }
    .bookmark-page .content-wrapper .bookmark-item .media-left {
      width: 80px;
      height: 80px;
      margin-right: 10px; }
      .bookmark-page .content-wrapper .bookmark-item .media-left img {
        width: 100%;
        height: auto; }
        .bookmark-page .content-wrapper .bookmark-item .media-left img:hover {
          cursor: pointer; }
    .bookmark-page .content-wrapper .bookmark-item .media-body {
      padding: 6px; }
      .bookmark-page .content-wrapper .bookmark-item .media-body .title {
        font-family: "Messina Modern Regular";
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 120%;
        color: #828282; }
        .bookmark-page .content-wrapper .bookmark-item .media-body .title:hover {
          cursor: pointer; }
    .bookmark-page .content-wrapper .bookmark-item .media-right .delete {
      padding: 10px; }
      .bookmark-page .content-wrapper .bookmark-item .media-right .delete a {
        overflow: hidden;
        color: #333333;
        position: relative;
        font-size: 1.5rem; }

/*  Start Styling Homepage   */
/* End of Showcase */
.banner {
  padding: 40px 0; }
  .banner #homeBanner {
    padding: 0 15px;
    max-width: 1100px;
    text-transform: uppercase; }
    .banner #homeBanner h2 {
      font-family: 'Open Sans', sans-serif;
      text-transform: uppercase;
      font-size: 18px;
      color: #ed1c24;
      font-weight: 500;
      margin-bottom: 20px; }
    .banner #homeBanner h1 {
      font-size: 2rem;
      font-weight: 500;
      line-height: 1.3;
      text-transform: none;
      color: #4f4f4f; }
      .banner #homeBanner h1 a {
        transition: color 0.3s ease;
        color: #00AEEF; }
        .banner #homeBanner h1 a:hover {
          transition: color 0.3s ease;
          text-decoration: none;
          color: #008bbf; }
    .banner #homeBanner img {
      padding: 30px 0px;
      width: 100%; }
    .banner #homeBanner .button-container-main-1 {
      width: 170px; }
      .banner #homeBanner .button-container-main-1 .btn-main {
        padding: 15px 0px;
        width: 167px;
        font-family: "Messina Sans Regular";
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 110%;
        color: #828282;
        font-size: 1rem;
        color: #fff !important; }
        .banner #homeBanner .button-container-main-1 .btn-main::before {
          content: "+";
          font-size: 1rem;
          position: relative;
          top: -1px;
          right: 6px; }

.carousel-slider .slick-prev {
  left: 0;
  z-index: 20;
  width: 50px;
  height: 50px; }
.carousel-slider .slick-next {
  right: 0;
  z-index: 20;
  width: 50px;
  height: 50px; }
.carousel-slider .slick-prev.slick-disabled:before,
.carousel-slider .slick-next.slick-disabled:before,
.carousel-slider .slick-prev:before,
.carousel-slider .slick-next:before {
  opacity: 0.5;
  font-size: 40px; }

.what-is-ms {
  padding: 40px 0;
  text-align: center; }
  .what-is-ms h1 {
    font-size: 4rem;
    color: #4f4f4f;
    font-family: 'Messina Modern Regular';
    padding-bottom: 30px; }
  .what-is-ms h2 {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    color: #ed1c24;
    font-weight: 500;
    margin-bottom: 20px; }
  .what-is-ms h3 {
    font-size: 1.2rem;
    font-weight: 500;
    color: #4F4F4F; }
  .what-is-ms p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5rem;
    text-align: center;
    width: 650px;
    margin: auto;
    color: #4F4F4F; }
  .what-is-ms h5 {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Messina Modern Regular'; }
  .what-is-ms .home-body-logos {
    margin-top: 10px !important;
    margin-bottom: 20px; }
    .what-is-ms .home-body-logos .intel {
      width: 140px; }
    .what-is-ms .home-body-logos .maker {
      width: 160px; }
  .what-is-ms .border {
    width: 3px;
    height: 60px;
    display: inline-block;
    background-color: #828282;
    margin-left: 20px;
    margin-right: 20px; }

.info-w-parallax {
  height: 910px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .info-w-parallax {
      height: auto; } }
  .info-w-parallax .container {
    padding-top: 15px;
    padding-bottom: 15px; }
  .info-w-parallax .info-card {
    background-color: #fff;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
    padding: 17px 20px 17px;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    max-width: 600px;
    height: 190px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .info-w-parallax .info-card {
        padding: 15px 15px 40px; } }
    .info-w-parallax .info-card h2 {
      text-align: center;
      font-family: 'Open Sans', sans-serif;
      text-transform: uppercase;
      font-size: 18px;
      color: #ed1c24;
      font-weight: 500;
      margin-bottom: 12px; }
    .info-w-parallax .info-card h3 {
      text-align: center;
      font-size: 36px;
      font-weight: 500;
      font-size: 2.1rem;
      line-height: 110%;
      color: #4F4F4F;
      font-family: 'Messina Modern Regular'; }
    .info-w-parallax .info-card p {
      color: #4F4F4F;
      font-weight: 300; }
    .info-w-parallax .info-card .button-container-onboarding {
      text-align: center;
      margin-top: 24px; }
      .info-w-parallax .info-card .button-container-onboarding .project-add {
        width: 170px !important; }
      .info-w-parallax .info-card .button-container-onboarding .btn-main {
        width: 167px !important;
        padding: 15px 0px;
        font-family: "Messina Sans Regular";
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 110%;
        color: #828282;
        font-size: 1rem;
        color: #fff !important; }
        .info-w-parallax .info-card .button-container-onboarding .btn-main::before {
          content: "+";
          font-size: 1rem;
          position: relative;
          top: -1px;
          right: 6px; }

.parallax-bg {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative; }
  .parallax-bg > img {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .parallax-bg > img {
        position: absolute; } }
  .parallax-bg .parallax-container {
    z-index: 3;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0; }
    @media screen and (max-width: 767px) {
      .parallax-bg .parallax-container {
        position: relative; } }

.parallax-red-line {
  position: relative; }
  .parallax-red-line .parallax-red-line-left {
    position: absolute;
    z-index: 3;
    height: 360px;
    width: 25px;
    background-color: transparent;
    background: transparent;
    border-top: 3px solid #EC1F30;
    border-bottom: 3px solid #EC1F30;
    border-left: 3px solid #EC1F30;
    left: 60px;
    top: -180px; }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .parallax-red-line .parallax-red-line-left {
        left: 40px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .parallax-red-line .parallax-red-line-left {
        left: -30px; } }
    @media screen and (min-width: 576px) and (max-width: 767px) {
      .parallax-red-line .parallax-red-line-left {
        left: -15px; } }
    @media screen and (max-width: 575px) {
      .parallax-red-line .parallax-red-line-left {
        display: none; } }
  .parallax-red-line .parallax-red-line-right {
    position: absolute;
    z-index: 3;
    height: 290px;
    width: 25px;
    background-color: transparent;
    background: transparent;
    border-top: 3px solid #EC1F30;
    border-bottom: 3px solid #EC1F30;
    border-right: 3px solid #EC1F30;
    top: -130px;
    right: 60px; }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .parallax-red-line .parallax-red-line-right {
        right: 40px;
        left: initial; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .parallax-red-line .parallax-red-line-right {
        right: -30px;
        left: initial; } }
    @media screen and (min-width: 576px) and (max-width: 767px) {
      .parallax-red-line .parallax-red-line-right {
        right: -30px;
        left: initial; } }
    @media screen and (max-width: 575px) {
      .parallax-red-line .parallax-red-line-right {
        display: none; } }

.profile-page {
  position: relative;
  margin-top: 14px; }
  .profile-page .edit-profile-btn {
    position: relative;
    margin-bottom: 20px;
    left: 40%; }
  .profile-page .profile-share a {
    font-size: 20px;
    background-color: transparent; }

.profile-cover {
  overflow: hidden;
  max-height: 220px;
  position: relative; }
  .profile-cover .cover-image {
    height: 100%;
    width: 100%; }
  .profile-cover .user-group {
    position: relative;
    margin: auto;
    top: -120px;
    max-width: 150px;
    overflow: hidden;
    display: none; }
    .profile-cover .user-group .profile-pic {
      border: 1px solid #000;
      width: 150px;
      height: 150px;
      position: relative; }
      .profile-cover .user-group .profile-pic img {
        height: auto;
        width: 100%; }
    .profile-cover .user-group .btn {
      width: 100%;
      max-width: 220px;
      margin: 0; }

.ng2-dropdown-menu {
  z-index: 9999999999999 !important; }

.profile-name {
  color: #00AEEF; }
  .profile-name h4 {
    font-weight: normal;
    display: inline;
    font-size: 25px;
    margin-bottom: 5px;
    color: #fff; }
  .profile-name .bookmark li {
    height: auto;
    display: block;
    float: left; }
    .profile-name .bookmark li #profile-msg {
      display: none; }
    .profile-name .bookmark li a {
      color: #fff;
      text-decoration: none; }
      .profile-name .bookmark li a i {
        color: #333333;
        font-size: 30px;
        margin-left: 20px;
        width: 35px; }
      .profile-name .bookmark li a .message {
        color: #00AEEF; }

.profile-sidebar {
  color: #242424; }
  .profile-sidebar hr {
    border-color: #BDBDBD;
    margin: 15px 0 10px; }
  .profile-sidebar .progress {
    margin-bottom: 10px; }
  .profile-sidebar a:not([href]):not([tabindex]).edit-your-profile {
    display: block;
    background-color: #ED1C24;
    padding: 10px;
    text-align: center;
    color: #FFF;
    font-size: 1.1rem; }
    .profile-sidebar a:not([href]):not([tabindex]).edit-your-profile i {
      margin-right: 10px; }
  .profile-sidebar .single-icon {
    width: 100%; }
    .profile-sidebar .single-icon img {
      width: 34px;
      height: 40px;
      padding: 3px; }
    .profile-sidebar .single-icon p {
      margin-bottom: 1px;
      line-height: normal;
      padding: 10px 0px; }
  .profile-sidebar .interests {
    margin: 0px; }
  .profile-sidebar a.add {
    padding: 5px;
    font-size: 15px !important;
    width: 100%;
    text-align: right;
    margin: 5px 0;
    white-space: normal;
    border: 1px solid #4F4F4F;
    color: #4F4F4F; }
    .profile-sidebar a.add i {
      font-size: 22px;
      padding-top: 4px;
      text-align: left;
      float: left;
      color: #4F4F4F; }
  .profile-sidebar .profile-container {
    background-color: #ffffff;
    padding: 0 15px 15px;
    width: 100%;
    font-size: 12px;
    margin-bottom: 20px;
    position: relative;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD; }
    .profile-sidebar .profile-container.indexProfile {
      z-index: 9999;
      -moz-box-shadow: 0 0 0 #BDBDBD;
      -webkit-box-shadow: 0 0 0 #BDBDBD;
      box-shadow: 0 0 0 #BDBDBD; }
    .profile-sidebar .profile-container .container-override {
      margin-left: -15px;
      margin-right: -15px; }
      .profile-sidebar .profile-container .container-override .profile-message {
        display: block;
        width: 100%;
        font-size: 1.2rem; }
    .profile-sidebar .profile-container li,
    .profile-sidebar .profile-container p {
      font-size: 0.9rem;
      line-height: 1.5rem; }
      .profile-sidebar .profile-container li a,
      .profile-sidebar .profile-container p a {
        color: #00AEEF; }
    .profile-sidebar .profile-container i {
      width: 25px; }
    .profile-sidebar .profile-container .global-title {
      font-family: "Messina Modern Regular";
      font-size: 1.3rem;
      font-weight: 500;
      line-height: 120%;
      color: #828282;
      margin-bottom: 10px;
      margin-top: 10px;
      font-size: 1.4rem;
      color: #4F4F4F;
      text-transform: capitalize; }
    .profile-sidebar .profile-container .placeholder-text {
      color: #BDBDBD; }
      .profile-sidebar .profile-container .placeholder-text.motto-placeholder {
        font-family: "Messina Modern Regular";
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 120%;
        color: #828282;
        color: #BDBDBD;
        font-size: 1rem; }
    .profile-sidebar .profile-container .image-container {
      position: relative;
      overflow: hidden; }
      .profile-sidebar .profile-container .image-container img {
        width: 100%;
        height: auto; }
    .profile-sidebar .profile-container .profile-group {
      position: relative; }
      .profile-sidebar .profile-container .profile-group .card-type {
        font-size: 1.35em !important;
        right: -32px;
        top: -130px; }
      .profile-sidebar .profile-container .profile-group .profile-pic {
        position: relative; }
        .profile-sidebar .profile-container .profile-group .profile-pic img {
          height: 100%;
          width: 100%;
          background-color: rgba(25, 25, 25, 0.6); }
        .profile-sidebar .profile-container .profile-group .profile-pic a {
          z-index: 1;
          position: absolute;
          text-align: center;
          font-size: 15px;
          right: 0;
          bottom: 0; }
        .profile-sidebar .profile-container .profile-group .profile-pic .first-photo-upload a {
          left: 0;
          bottom: 165px;
          background: #fff;
          width: 170px;
          margin: auto;
          padding: 15px;
          border: 1px solid #4f4f4f; }
        .profile-sidebar .profile-container .profile-group .profile-pic .profile-type {
          position: absolute;
          bottom: 10px;
          right: 10px;
          background-color: rgba(255, 255, 255, 0.58);
          padding: 0px 8px 0px 8px;
          font-size: 13px;
          font-weight: bold;
          font-family: serif; }
      .profile-sidebar .profile-container .profile-group .btn {
        width: 100%;
        max-width: 220px;
        margin: 0; }
    .profile-sidebar .profile-container .profile-info {
      margin-top: 16px;
      font-size: 16px; }
      .profile-sidebar .profile-container .profile-info .userInfo {
        position: relative;
        min-height: 70px; }
        .profile-sidebar .profile-container .profile-info .userInfo .placeholder-text {
          margin-bottom: 0; }
      .profile-sidebar .profile-container .profile-info .profile-share {
        position: absolute;
        right: 0;
        top: 5px; }
        .profile-sidebar .profile-container .profile-info .profile-share i {
          color: #00AEEF; }
          .profile-sidebar .profile-container .profile-info .profile-share i:hover {
            color: #008bbf; }
        .profile-sidebar .profile-container .profile-info .profile-share .btn-soft-grey, .profile-sidebar .profile-container .profile-info .profile-share a:not([href]):not([tabindex]).btn-soft-grey {
          border: 1px solid #00AEEF;
          color: #00AEEF;
          padding: 8px 10px; }
          .profile-sidebar .profile-container .profile-info .profile-share .btn-soft-grey:hover, .profile-sidebar .profile-container .profile-info .profile-share a:not([href]):not([tabindex]).btn-soft-grey:hover {
            border-color: #008bbf;
            color: #008bbf; }
      .profile-sidebar .profile-container .profile-info .profile-fullname {
        font-family: "Messina Modern Regular";
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 120%;
        color: #828282;
        font-size: 1.5rem;
        color: #4F4F4F; }
      .profile-sidebar .profile-container .profile-info .profile-nickname {
        font-family: "Messina Sans Regular";
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        color: #BDBDBD;
        margin-top: 5px;
        margin-bottom: 0px; }
      .profile-sidebar .profile-container .profile-info .location {
        font-family: "Messina Sans Regular";
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        color: #4F4F4F;
        margin-top: 5px;
        margin-bottom: 5px; }
      .profile-sidebar .profile-container .profile-info .profile-describe-yourself {
        font-family: "Messina Modern Regular";
        font-size: 0.95rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        color: #BDBDBD;
        font-size: 1.2rem;
        line-height: 1.8rem;
        font-weight: normal; }
      .profile-sidebar .profile-container .profile-info .badges {
        font-family: "Messina Sans Regular";
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        color: #4F4F4F;
        line-height: 130%;
        margin-left: 5px; }
      .profile-sidebar .profile-container .profile-info .bio {
        font-family: "Messina Sans Regular";
        font-size: 0.95rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        line-height: 150% !important;
        font-size: 0.9rem;
        color: #4F4F4F; }
        .profile-sidebar .profile-container .profile-info .bio .read-less {
          display: block;
          font-size: 1rem;
          text-align: right;
          cursor: pointer;
          color: #00AEEF; }
        .profile-sidebar .profile-container .profile-info .bio .read-more {
          color: #00AEEF;
          font-family: "Messina Sans regular";
          cursor: pointer;
          font-size: 0.9rem; }
      .profile-sidebar .profile-container .profile-info .makerspaces a,
      .profile-sidebar .profile-container .profile-info .websites a {
        color: #00AEEF;
        font-size: 1rem;
        margin-bottom: 5px;
        cursor: pointer;
        text-decoration: none; }
      .profile-sidebar .profile-container .profile-info .makerspaces div,
      .profile-sidebar .profile-container .profile-info .websites div {
        font-size: 1.2rem; }
      .profile-sidebar .profile-container .profile-info .awards {
        margin-top: 20px;
        margin-bottom: 12px; }
        .profile-sidebar .profile-container .profile-info .awards li {
          padding-bottom: 15px; }
          .profile-sidebar .profile-container .profile-info .awards li img {
            width: 26px;
            height: 26px;
            margin-right: 5px; }
      .profile-sidebar .profile-container .profile-info .interests li {
        display: inline-block;
        margin-bottom: 5px;
        max-width: 100px;
        vertical-align: bottom; }
        .profile-sidebar .profile-container .profile-info .interests li.btn {
          padding: 5px 8px;
          white-space: normal;
          font-weight: bold;
          font-size: 10px;
          background-color: white;
          color: #292929;
          border: 1px solid #333333;
          display: initial; }
      .profile-sidebar .profile-container .profile-info .makerspaces li {
        margin-top: 15px;
        color: #00AEEF; }
      .profile-sidebar .profile-container .profile-info .my-web li {
        background-color: #979797;
        font-weight: bold;
        display: inline;
        padding: 5px;
        border-radius: 4px; }
        .profile-sidebar .profile-container .profile-info .my-web li i {
          width: 18px;
          font-size: 17px; }
      .profile-sidebar .profile-container .profile-info .profile-social-links {
        margin-top: 15px; }
        .profile-sidebar .profile-container .profile-info .profile-social-links .social-container {
          width: 20%; }
        .profile-sidebar .profile-container .profile-info .profile-social-links li {
          display: inline-block;
          text-align: center;
          vertical-align: top; }
        .profile-sidebar .profile-container .profile-info .profile-social-links i.fa-star {
          font-size: 12px;
          color: #00AEEF;
          display: none;
          margin-top: 5px; }
      .profile-sidebar .profile-container .profile-info .how p {
        margin-top: 20px; }
      .profile-sidebar .profile-container .profile-info .topic-tags {
        color: #828282;
        font-size: 1rem;
        position: relative;
        font-style: normal; }
    .profile-sidebar .profile-container .report-div {
      position: relative; }
      .profile-sidebar .profile-container .report-div .report {
        line-height: 40px;
        font-size: 0.9rem; }
  .profile-sidebar .report {
    font-size: 12px;
    text-decoration: none;
    color: #00AEEF !important; }
    .profile-sidebar .report:hover {
      color: #00AEEF !important; }

/* End profile-sidebar */
.profile-content .empty-content {
  text-align: center;
  color: #4F4F4F;
  font-size: 18px;
  padding: 14px;
  margin-top: 20px;
  margin: 20px 0px 20px 0px; }
  .profile-content .empty-content p {
    padding: 10px 0;
    color: #4F4F4F; }
  .profile-content .empty-content .empty-profile {
    margin-top: 50px; }
  .profile-content .empty-content .text-red {
    color: #ED1C24;
    font-size: 1rem; }
  .profile-content .empty-content a {
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    padding: 7px;
    background-color: #333333;
    color: white;
    border: 1px solid #4F4F4F;
    margin: 0px 6px 0px 6px;
    min-width: 144px; }
    .profile-content .empty-content a i {
      float: left;
      margin: 4px 6px 0px 0px;
      font-size: 18px; }
    .profile-content .empty-content a.btn-white {
      text-align: center;
      font-size: 14px; }
  .profile-content .empty-content input {
    margin-bottom: 26px; }
  .profile-content .empty-content .import-page {
    font-size: 16px; }

.profile-stats .bookmark ul {
  padding-right: 0;
  margin-bottom: 0px; }
  .profile-stats .bookmark ul li {
    display: inline-block;
    margin: 0px;
    color: #333333;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px; }
    .profile-stats .bookmark ul li .number {
      font-size: 20px;
      font-weight: normal;
      margin-right: 4px; }
    .profile-stats .bookmark ul li p {
      display: inline-block;
      white-space: normal;
      width: 70px;
      margin-left: 10px;
      font-size: 9px;
      margin: 0 auto; }

.profile-header .stats li {
  padding: 0 10px;
  height: 24px;
  font-size: 0.8rem;
  color: #4F4F4F; }
  .profile-header .stats li:not(:first-of-type) {
    border-left: 2px solid #222; }
  .profile-header .stats li:first-of-type {
    padding-left: 0; }

.profile-empty-edit .cover-region .bookmark .message {
  margin-top: 4px; }
.profile-empty-edit .cover-region .bookmark .number {
  margin-top: 0px;
  width: auto;
  color: white; }
.profile-empty-edit .cover-region .bookmark p {
  margin-top: 13px;
  text-align: left;
  color: white; }

.switch {
  text-align: right;
  margin: 5px 0; }
  .switch p {
    margin-bottom: 0px;
    color: #333333;
    margin-left: 10px; }

.add-bio-modal h4,
.add-interests-modal h4,
.add-makerspace-modal h4,
.add-social-modal h4,
.add-description-modal h4,
.add-maker-starting-modal h4 {
  font-weight: normal;
  color: #000;
  font-size: 18px; }
.add-bio-modal .modal-header,
.add-bio-modal .modal-footer,
.add-interests-modal .modal-header,
.add-interests-modal .modal-footer,
.add-makerspace-modal .modal-header,
.add-makerspace-modal .modal-footer,
.add-social-modal .modal-header,
.add-social-modal .modal-footer,
.add-description-modal .modal-header,
.add-description-modal .modal-footer,
.add-maker-starting-modal .modal-header,
.add-maker-starting-modal .modal-footer {
  border-color: #979797;
  border-width: 3px; }
.add-bio-modal .modal-content,
.add-interests-modal .modal-content,
.add-makerspace-modal .modal-content,
.add-social-modal .modal-content,
.add-description-modal .modal-content,
.add-maker-starting-modal .modal-content {
  border: 3px solid #979797; }
  .add-bio-modal .modal-content li:first-of-type h4,
  .add-interests-modal .modal-content li:first-of-type h4,
  .add-makerspace-modal .modal-content li:first-of-type h4,
  .add-social-modal .modal-content li:first-of-type h4,
  .add-description-modal .modal-content li:first-of-type h4,
  .add-maker-starting-modal .modal-content li:first-of-type h4 {
    margin-left: 82%;
    font-size: 14px; }
  .add-bio-modal .modal-content label,
  .add-interests-modal .modal-content label,
  .add-makerspace-modal .modal-content label,
  .add-social-modal .modal-content label,
  .add-description-modal .modal-content label,
  .add-maker-starting-modal .modal-content label {
    width: 30%;
    font-size: 15px; }
  .add-bio-modal .modal-content input[type="checkbox"],
  .add-interests-modal .modal-content input[type="checkbox"],
  .add-makerspace-modal .modal-content input[type="checkbox"],
  .add-social-modal .modal-content input[type="checkbox"],
  .add-description-modal .modal-content input[type="checkbox"],
  .add-maker-starting-modal .modal-content input[type="checkbox"] {
    margin-left: 30px; }
  .add-bio-modal .modal-content input[type="text"],
  .add-interests-modal .modal-content input[type="text"],
  .add-makerspace-modal .modal-content input[type="text"],
  .add-social-modal .modal-content input[type="text"],
  .add-description-modal .modal-content input[type="text"],
  .add-maker-starting-modal .modal-content input[type="text"] {
    width: 50%;
    margin: 0;
    padding: 3px;
    font-size: 15px; }
  .add-bio-modal .modal-content i,
  .add-interests-modal .modal-content i,
  .add-makerspace-modal .modal-content i,
  .add-social-modal .modal-content i,
  .add-description-modal .modal-content i,
  .add-maker-starting-modal .modal-content i {
    width: 25px; }
  .add-bio-modal .modal-content p,
  .add-interests-modal .modal-content p,
  .add-makerspace-modal .modal-content p,
  .add-social-modal .modal-content p,
  .add-description-modal .modal-content p,
  .add-maker-starting-modal .modal-content p {
    margin-top: 5px;
    font-size: 15px; }
.add-bio-modal .modal-footer,
.add-interests-modal .modal-footer,
.add-makerspace-modal .modal-footer,
.add-social-modal .modal-footer,
.add-description-modal .modal-footer,
.add-maker-starting-modal .modal-footer {
  text-align: center; }
  .add-bio-modal .modal-footer .btn-light-grey,
  .add-interests-modal .modal-footer .btn-light-grey,
  .add-makerspace-modal .modal-footer .btn-light-grey,
  .add-social-modal .modal-footer .btn-light-grey,
  .add-description-modal .modal-footer .btn-light-grey,
  .add-maker-starting-modal .modal-footer .btn-light-grey {
    border-radius: 4px; }
.add-bio-modal .modal-footer .close-btn,
.add-interests-modal .modal-footer .close-btn,
.add-makerspace-modal .modal-footer .close-btn,
.add-social-modal .modal-footer .close-btn,
.add-description-modal .modal-footer .close-btn,
.add-maker-starting-modal .modal-footer .close-btn {
  border: 1px solid #444; }
  .add-bio-modal .modal-footer .close-btn:hover,
  .add-interests-modal .modal-footer .close-btn:hover,
  .add-makerspace-modal .modal-footer .close-btn:hover,
  .add-social-modal .modal-footer .close-btn:hover,
  .add-description-modal .modal-footer .close-btn:hover,
  .add-maker-starting-modal .modal-footer .close-btn:hover {
    cursor: pointer; }
.add-bio-modal .modal-footer .done-btn,
.add-interests-modal .modal-footer .done-btn,
.add-makerspace-modal .modal-footer .done-btn,
.add-social-modal .modal-footer .done-btn,
.add-description-modal .modal-footer .done-btn,
.add-maker-starting-modal .modal-footer .done-btn {
  border: 1px solid #444; }
  .add-bio-modal .modal-footer .done-btn:hover,
  .add-interests-modal .modal-footer .done-btn:hover,
  .add-makerspace-modal .modal-footer .done-btn:hover,
  .add-social-modal .modal-footer .done-btn:hover,
  .add-description-modal .modal-footer .done-btn:hover,
  .add-maker-starting-modal .modal-footer .done-btn:hover {
    cursor: pointer; }

.add-interests-modal .modal-content input[type="text"] {
  width: 100% !important;
  margin-top: 17px;
  font-size: 15px; }

.add-makerspace-modal .modal-content .makerspace {
  width: 60%;
  margin: auto; }
  .add-makerspace-modal .modal-content .makerspace label {
    width: 100%; }
  .add-makerspace-modal .modal-content .makerspace a.btn-white {
    padding: 5px;
    margin-top: 10px;
    font-size: 12px;
    border-radius: 4px; }
  .add-makerspace-modal .modal-content .makerspace label {
    margin-top: 5px;
    width: 100%; }
  .add-makerspace-modal .modal-content .makerspace input[type="text"] {
    width: 100%;
    font-size: 15px; }
  .add-makerspace-modal .modal-content .makerspace .maker-group {
    margin-bottom: 20px; }
  .add-makerspace-modal .modal-content .makerspace i {
    font-size: 15px; }

.add-bio-modal {
  resize: none; }
  .add-bio-modal textarea {
    width: 100%;
    min-height: 170px;
    overflow: visible;
    font-size: 15px; }

.edit-info-modal label {
  display: block; }
.edit-info-modal #edit-nickname {
  width: 50%; }
.edit-info-modal #edit-city {
  width: 30%;
  float: left; }
.edit-info-modal #edit-state {
  width: 10%;
  margin-left: 5%;
  float: left; }

.edit-cover-modal .modal-content {
  background-color: #F2F2F2; }
.edit-cover-modal .modal-dialog {
  width: 60%; }
.edit-cover-modal .modal-header {
  border-bottom: none !important;
  padding: 8px; }
  .edit-cover-modal .modal-header .close-form {
    padding: 0px; }
.edit-cover-modal .modal-body {
  min-height: 460px; }
.edit-cover-modal .modal-footer {
  border-top: none !important;
  padding: 32px; }
  .edit-cover-modal .modal-footer button {
    width: 120px; }
.edit-cover-modal .info {
  float: right;
  background-color: #BDBDBD;
  font-size: 10px;
  width: 50%;
  padding: 10px;
  margin-bottom: 5px; }
.edit-cover-modal ul li {
  display: inline-block; }
.edit-cover-modal .upload,
.edit-cover-modal .your-photos {
  bottom: 0; }
  .edit-cover-modal .upload a,
  .edit-cover-modal .your-photos a {
    font-size: 18px;
    color: #333333;
    border-radius: 0;
    padding: 5px 10px 5px 4px !important;
    color: #ED1C24 !important; }
    .edit-cover-modal .upload a.active,
    .edit-cover-modal .your-photos a.active {
      border-bottom: 1px solid #00AEEF; }
.edit-cover-modal .your-photo-tab {
  display: none; }
  .edit-cover-modal .your-photo-tab .progress {
    width: 30%; }
  .edit-cover-modal .your-photo-tab .image-container {
    position: relative;
    height: 150px;
    overflow: hidden;
    margin-bottom: 10px; }
    .edit-cover-modal .your-photo-tab .image-container i {
      position: absolute;
      top: 10px;
      right: 25px;
      color: #333333; }
.edit-cover-modal .modal-footer {
  text-align: center; }
  .edit-cover-modal .modal-footer .buttons-section {
    display: block;
    margin: 0 auto; }
    .edit-cover-modal .modal-footer .buttons-section button {
      width: 160px;
      padding: 12px;
      background-color: #fff !important; }
.edit-cover-modal .upload-tab {
  margin: auto;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  padding: 14px;
  background-color: #F2F2F2 !important; }
  .edit-cover-modal .upload-tab canvas {
    background-color: #F2F2F2;
    cursor: pointer; }
  .edit-cover-modal .upload-tab .btn {
    padding: 12px !important;
    width: 140px;
    background-color: #fff !important;
    color: #4F4F4F !important; }
    .edit-cover-modal .upload-tab .btn.big {
      width: 220px; }
  .edit-cover-modal .upload-tab .drag-photo {
    color: #4F4F4F; }
  .edit-cover-modal .upload-tab .drag-or {
    color: #4F4F4F; }
  .edit-cover-modal .upload-tab .drag-text {
    color: #BDBDBD;
    text-align: left;
    padding-top: 100px; }
  .edit-cover-modal .upload-tab .image-background {
    width: 300px;
    height: auto; }
.edit-cover-modal .upload-pic-container .image-container {
  position: relative;
  -moz-box-shadow: 2px 2px 5px rgba(136, 136, 136, 0.5);
  -webkit-box-shadow: 2px 2px 5px rgba(136, 136, 136, 0.5);
  box-shadow: 2px 2px 5px rgba(136, 136, 136, 0.5); }
  .edit-cover-modal .upload-pic-container .image-container img {
    width: 200px;
    margin: auto; }
  .edit-cover-modal .upload-pic-container .image-container .upload-select {
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
    background-color: #fff;
    color: #828282;
    padding: 5px;
    border: none; }
.edit-cover-modal .upload-pic-container .upload-pic-footer {
  text-align: center; }
  .edit-cover-modal .upload-pic-container .upload-pic-footer a {
    color: #828282; }
    .edit-cover-modal .upload-pic-container .upload-pic-footer a:hover {
      color: #828282; }

.profile-cover p,
.profile-sidebar p {
  color: #4F4F4F; }
.profile-cover a.edit,
.profile-sidebar a.edit {
  position: absolute;
  width: auto !important;
  padding: 3px;
  border: none;
  border-radius: 4px;
  right: 10px;
  top: 10px; }

.project {
  height: 460px; }
  .project.card {
    border-radius: 0;
    padding: 0;
    margin: 0 auto 30px;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD; }
  .project .maker-name {
    color: #00AEEF;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .project .image-top {
    height: 275px;
    background-color: #bbb;
    overflow: hidden;
    position: relative; }
    .project .image-top .card-img-top {
      border-radius: 0; }
    .project .image-top img {
      height: auto;
      width: 100%; }
  .project .card-block {
    padding: 0 15px;
    position: relative; }
    .project .card-block .content-side {
      width: 100%;
      padding: 0; }
      .project .card-block .content-side .card-stats .btn-fit {
        padding: 0px !important; }
    .project .card-block .profiel-pic-container {
      width: 82px;
      height: 82px;
      min-width: 82px;
      cursor: pointer; }
      .project .card-block .profiel-pic-container img {
        width: 100%; }
    .project .card-block .maker-data-container,
    .project .card-block .title-name {
      width: 230px; }
  .project .icons-side-project {
    position: relative;
    top: -13px;
    height: 40px;
    z-index: 9; }
    .project .icons-side-project .project-icon img {
      height: 36px;
      width: 30px;
      margin-right: 5px; }
  .project .icons {
    position: absolute;
    color: white;
    top: -12px;
    right: -10px;
    font-size: 13px;
    padding: 20px; }
    .project .icons span {
      margin: 2px;
      font-size: 13px; }
      .project .icons span i {
        margin-right: 4px;
        font-size: 17px; }
  .project .card-title {
    font-family: "Messina Modern Regular";
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 120%;
    color: #828282;
    color: #4F4F4F;
    padding: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    width: 100%;
    margin: 0;
    max-width: 230px;
    cursor: pointer;
    margin-bottom: 5px;
    font-size: 1.6rem; }
  .project .card-title-showcase {
    font-family: "Messina Modern Regular";
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 120%;
    color: #828282;
    color: #4F4F4F;
    height: 25px;
    padding: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    width: 100%;
    margin: 0; }
  .project .card-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 5px;
    color: #333333;
    height: 50px; }
    .project .card-text.project-text-grid {
      display: none; }
  .project .categories {
    display: none; }
    .project .categories span {
      margin-left: 3px;
      color: #BDBDBD; }
  .project .card-role p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 15px;
    color: #BDBDBD; }
  .project .card-stats {
    padding: 2px;
    color: #BDBDBD; }
    .project .card-stats ul li {
      display: inline;
      margin-right: 25px;
      font-family: "Messina Sans Regular";
      font-size: 0.9rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282; }
      .project .card-stats ul li img {
        margin-right: 6px;
        width: 12px; }
        .project .card-stats ul li img.project-likes {
          width: 12px; }
        .project .card-stats ul li img.project-views {
          width: 20px;
          padding-bottom: 3px; }
      .project .card-stats ul li span {
        color: #BDBDBD; }

.lg-card .icons-side-project {
  position: absolute;
  z-index: 11;
  top: 14px;
  right: 8px; }
.lg-card .content-side {
  padding: auto; }
  .lg-card .content-side .card-stats ul {
    width: 100%;
    margin-bottom: 6px; }
.lg-card .project-maker-lg {
  position: absolute;
  z-index: 11;
  bottom: 6px;
  left: 14px;
  width: auto;
  max-width: 35%; }
.lg-card .members-name-lg {
  font-size: 1rem;
  color: #D50000; }
.lg-card .card-categories {
  position: absolute;
  z-index: 11;
  bottom: 6px;
  right: 14px;
  color: #fff;
  max-width: 65%;
  width: auto; }
  .lg-card .card-categories .project-categories {
    color: #fff;
    font-size: 14px; }
    .lg-card .card-categories .project-categories .tags-comma {
      padding-right: 2px; }
    .lg-card .card-categories .project-categories:last-child .tags-comma {
      display: none; }
.lg-card .card-title-project {
  font-family: "Messina Modern Regular";
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 115%;
  color: #828282;
  color: #4F4F4F;
  margin: 0;
  padding-top: 2px;
  word-wrap: break-word; }
.lg-card .card-block {
  padding: 8px 15px; }
.lg-card .image-top-lg {
  background-color: #bbb;
  overflow: hidden;
  position: relative;
  height: 405px; }
  .lg-card .image-top-lg .card-img-top {
    border-radius: 0; }
  .lg-card .image-top-lg img {
    height: 100%;
    width: 100%; }

.project-mobile-card {
  position: relative;
  margin: 15px 0;
  border: none;
  max-width: 345px;
  height: 180px;
  padding: 55px 15px 15px;
  background-color: #fff;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .project-mobile-card .icons-side-project {
    position: absolute;
    top: -2px;
    right: -1px; }
    .project-mobile-card .icons-side-project .project-icon img {
      width: 30px;
      height: 36px;
      margin-left: 5px; }
  .project-mobile-card .profile-pic-container {
    width: 85px;
    height: 85px; }
    .project-mobile-card .profile-pic-container img {
      width: 100%;
      height: auto; }
  .project-mobile-card .data-container {
    width: calc(100% - 83px); }
    .project-mobile-card .data-container .card-title {
      font-family: "Messina Modern Regular";
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 115%;
      color: #828282;
      color: #4F4F4F;
      height: 63px;
      padding: 0px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      line-height: 30px;
      text-align: left;
      width: 100%;
      margin: 0; }
    .project-mobile-card .data-container .maker-name {
      color: #00AEEF;
      margin-bottom: 0; }
  .project-mobile-card .card-stats {
    padding: 0px;
    color: #BDBDBD;
    font-size: 0.9rem; }
    .project-mobile-card .card-stats .btn-fit {
      padding: 0px; }
    .project-mobile-card .card-stats ul li {
      font-family: "Messina Sans Regular";
      font-size: 0.9rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      width: 65px; }
      .project-mobile-card .card-stats ul li img {
        margin-right: 6px; }
        .project-mobile-card .card-stats ul li img.project-likes {
          width: 10px; }
        .project-mobile-card .card-stats ul li img.project-views {
          width: 22px;
          padding-bottom: 3px; }
      .project-mobile-card .card-stats ul li span {
        margin: 0px; }

.profile-page {
  background-color: #F2F2F2;
  margin: 0px; }
  .profile-page .main-header {
    background-color: white; }
  .profile-page .card-block {
    background-color: white; }
    .profile-page .card-block .icons-side img {
      width: 24px;
      height: 30px; }
  .profile-page .load-more {
    width: 100%; }
    .profile-page .load-more a {
      margin: 0 auto;
      display: block; }
  .profile-page .profile-message {
    padding: 0px;
    background-color: #00AEEF !important;
    color: #fff !important;
    text-transform: uppercase; }
    .profile-page .profile-message img {
      width: 40px;
      margin-right: 5px; }
  .profile-page .cover-region .profile-name .row {
    margin: 0 auto;
    width: 100%; }
    .profile-page .cover-region .profile-name .row .bookmark {
      background: -webkit-linear-gradient(black, transparent);
      background: -o-linear-gradient(black, transparent);
      background: linear-gradient(black, transparent);
      padding: 10px 6px 6px 6px;
      margin: 0; }
      .profile-page .cover-region .profile-name .row .bookmark li a i {
        color: white; }
      .profile-page .cover-region .profile-name .row .bookmark .message {
        color: #EC1F30 !important; }

.card .icons-side-user .user-icon img {
  width: 30px; }

.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #00AEEF;
  opacity: 0.6;
  display: none;
  z-index: 8; }

.overlay-portfolio {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(200, 200, 200, 0.6);
  display: none;
  z-index: 9; }

.page-portfolio .empty-profile {
  margin-top: 50px; }
  .page-portfolio .empty-profile .text-red {
    color: #ED1C24;
    font-size: 1.3rem; }
  .page-portfolio .empty-profile .empty-text {
    color: #4F4F4F;
    margin-bottom: 0; }
  .page-portfolio .empty-profile .project-button {
    margin-top: 40px; }

.profile-edit-buttons {
  display: none;
  position: absolute;
  top: 25%;
  left: 0;
  z-index: 11;
  right: 0;
  width: 240px;
  margin: 0 auto; }
  .profile-edit-buttons p {
    font-size: 12px;
    color: #4F4F4F;
    text-align: center; }
    .profile-edit-buttons p i {
      display: block; }
    .profile-edit-buttons p.btn {
      background-color: #F2F2F2;
      border: 1px solid #333333; }
      .profile-edit-buttons p.btn:hover, .profile-edit-buttons p.btn:active, .profile-edit-buttons p.btn.active {
        background-color: #ED1C24;
        border-color: #ED1C24;
        color: #fff; }
    .profile-edit-buttons p.project-drag i {
      display: inline-block; }
  .profile-edit-buttons span {
    text-align: center;
    font-size: 11px;
    height: 25px;
    line-height: 28px; }

.teaser {
  display: none;
  position: absolute;
  top: 70px;
  left: 0px;
  color: #fff;
  bottom: 0;
  right: 0px;
  margin: auto;
  z-index: 11;
  cursor: pointer; }
  .teaser p {
    line-height: 20px; }
  .teaser .overlay-text {
    width: 85%;
    margin: 0 auto; }

/* modal edit profile forms */
.modal-content .profile-modal {
  background-color: #F2F2F2;
  text-align: left !important; }
  .modal-content .profile-modal label {
    color: #ED1C24;
    margin: 0px 0px 2px 0px; }
    .modal-content .profile-modal label .custom-control-indicator {
      top: .15rem; }
  .modal-content .profile-modal textarea {
    border: 1px solid #DCDCDC;
    color: #4F4F4F;
    resize: inherit; }
  .modal-content .profile-modal input {
    border: 1px solid #DCDCDC;
    padding: 12px;
    font-family: "Messina Sans Regular";
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 100%;
    color: #828282;
    color: #4F4F4F; }
    .modal-content .profile-modal input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      text-align: center;
      font-family: "Messina Sans Regular";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      color: #DCDCDC; }
    .modal-content .profile-modal input::-moz-placeholder {
      /* Firefox 19+ */
      text-align: center;
      font-family: "Messina Sans Regular";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      color: #DCDCDC; }
    .modal-content .profile-modal input:-ms-input-placeholder {
      /* IE 10+ */
      color: #DCDCDC;
      font-family: "Messina Sans Regular";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282; }
    .modal-content .profile-modal input:-moz-placeholder {
      /* Firefox 18- */
      text-align: center;
      font-family: "Messina Sans Regular";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      color: #DCDCDC; }
  .modal-content .profile-modal .modal-header {
    border-bottom: none !important;
    padding: 14px; }
    .modal-content .profile-modal .modal-header .close:focus, .modal-content .profile-modal .modal-header .close:hover {
      outline: none !important; }
  .modal-content .profile-modal .modal-body {
    padding-top: 0px; }
    .modal-content .profile-modal .modal-body .scroll-container {
      overflow-y: auto;
      width: 100%;
      height: 480px;
      max-width: 100%;
      max-height: 100%;
      padding: 14px 0px;
      background-color: #f3f3f3;
      -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); }
      .modal-content .profile-modal .modal-body .scroll-container .file-browser-btn {
        background-color: #fff; }
    .modal-content .profile-modal .modal-body input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      text-align: center;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body input::-moz-placeholder {
      /* Firefox 19+ */
      text-align: center;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body input:-ms-input-placeholder {
      /* IE 10+ */
      text-align: center;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body input:-moz-placeholder {
      /* Firefox 18- */
      text-align: center;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body #description-textarea-info::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      text-align: center;
      padding-top: 22px;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body #description-textarea-info::-moz-placeholder {
      /* Firefox 19+ */
      text-align: center;
      padding-top: 22px;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body #description-textarea-info:-ms-input-placeholder {
      /* IE 10+ */
      text-align: center;
      padding-top: 22px;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body #description-textarea-info:-moz-placeholder {
      /* Firefox 18- */
      text-align: center;
      padding-top: 22px;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body #description-textarea-bio::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      text-align: center;
      padding-top: 80px;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body #description-textarea-bio::-moz-placeholder {
      /* Firefox 19+ */
      text-align: center;
      padding-top: 80px;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body #description-textarea-bio:-ms-input-placeholder {
      /* IE 10+ */
      text-align: center;
      padding-top: 80px;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body #description-textarea-bio:-moz-placeholder {
      /* Firefox 18- */
      text-align: center;
      padding-top: 80px;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body #start-making-textarea::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      text-align: center;
      padding-top: 80px;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body #start-making-textarea::-moz-placeholder {
      /* Firefox 19+ */
      text-align: center;
      padding-top: 80px;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body #start-making-textarea:-ms-input-placeholder {
      /* IE 10+ */
      text-align: center;
      padding-top: 80px;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body #start-making-textarea:-moz-placeholder {
      /* Firefox 18- */
      text-align: center;
      padding-top: 80px;
      color: #DCDCDC !important;
      font-family: "Messina Modern Bold";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 120%;
      color: #828282; }
    .modal-content .profile-modal .modal-body .modal-menu a {
      color: #00AEEF; }
      .modal-content .profile-modal .modal-body .modal-menu a.active {
        color: #BDBDBD; }
    .modal-content .profile-modal .modal-body .modal-contents {
      min-height: 370px;
      max-height: 650px;
      overflow-y: auto; }
    .modal-content .profile-modal .modal-body #social .form-group {
      position: relative; }
    .modal-content .profile-modal .modal-body #social .radio-breferred {
      position: absolute;
      top: 13px;
      right: 8px; }
    .modal-content .profile-modal .modal-body #maker-spaces .maker-space-remove {
      margin-top: 10px; }
      .modal-content .profile-modal .modal-body #maker-spaces .maker-space-remove:hover {
        cursor: pointer; }
    .modal-content .profile-modal .modal-body #maker-spaces .add-other {
      padding: 0px; }
      .modal-content .profile-modal .modal-body #maker-spaces .add-other i {
        font-size: 20px; }
      .modal-content .profile-modal .modal-body #maker-spaces .add-other span {
        padding-left: 8px;
        font-size: 1.2rem;
        position: relative;
        top: -2px; }
    .modal-content .profile-modal .modal-body #links .form-group {
      position: relative; }
    .modal-content .profile-modal .modal-body #links .radio-breferred {
      position: absolute;
      top: 13px;
      right: 21px; }
    .modal-content .profile-modal .modal-body #links .form-item {
      padding: 0px; }
    .modal-content .profile-modal .modal-body .char-left {
      color: #BDBDBD; }
    .modal-content .profile-modal .modal-body #administrative_areas {
      background: #fff;
      border: 1px solid #DCDCDC;
      color: #4F4F4F;
      height: 38px; }
  .modal-content .profile-modal .modal-footer {
    border-top: none !important;
    padding: 0px 32px; }
    .modal-content .profile-modal .modal-footer button {
      width: 120px;
      padding: 12px;
      background-color: #fff !important; }
.modal-content #maker-moment .char-left {
  color: #4F4F4F; }

/* message  modal */
.message-modal {
  background-color: #F2F2F2; }
  .message-modal label {
    color: #ED1C24;
    margin: 0px; }
  .message-modal textarea {
    border: 1px solid #DCDCDC;
    color: #4F4F4F; }
  .message-modal .modal-header {
    border-bottom: none !important;
    padding: 8px; }
    .message-modal .modal-header .close:focus, .message-modal .modal-header .close:hover {
      outline: none !important; }
  .message-modal .modal-footer {
    border-top: none !important;
    padding: 32px; }
    .message-modal .modal-footer button {
      width: 120px;
      padding: 12px;
      background-color: #fff !important; }
      .message-modal .modal-footer button:hover {
        cursor: pointer; }

#edit-cover-modal .modal-dialog {
  width: 60%; }
#edit-cover-modal .modal-header {
  position: relative;
  padding-bottom: 0; }
#edit-cover-modal .info {
  float: right;
  background-color: #BDBDBD;
  font-size: 10px;
  width: 50%;
  padding: 10px;
  margin-bottom: 5px; }
#edit-cover-modal ul {
  margin-bottom: 0;
  position: absolute;
  bottom: 0; }
  #edit-cover-modal ul li {
    display: inline-block; }
#edit-cover-modal .upload,
#edit-cover-modal .your-photos {
  bottom: 0; }
  #edit-cover-modal .upload a,
  #edit-cover-modal .your-photos a {
    font-size: 18px;
    color: #333333;
    border-radius: 0; }
    #edit-cover-modal .upload a.active,
    #edit-cover-modal .your-photos a.active {
      border-bottom: 1px solid #00AEEF; }
#edit-cover-modal .your-photo-tab {
  display: none; }
  #edit-cover-modal .your-photo-tab .progress {
    width: 30%; }
  #edit-cover-modal .your-photo-tab .image-container {
    position: relative;
    height: 150px;
    overflow: hidden;
    margin-bottom: 10px; }
    #edit-cover-modal .your-photo-tab .image-container i {
      position: absolute;
      top: 10px;
      right: 25px;
      color: #333333; }
#edit-cover-modal .upload-tab {
  width: 300px;
  margin: auto;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #333333; }
  #edit-cover-modal .upload-tab img {
    width: 200px;
    margin: auto; }
#edit-cover-modal .modal-footer {
  text-align: center; }

.profile-social-links a.social {
  position: relative;
  text-align: center;
  padding: 15px;
  width: 35px;
  height: 35px;
  color: #FFFFFF;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  -khtml-border-radius: 20px 20px 20px 20px; }
  .profile-social-links a.social i {
    font-size: 1.1rem;
    position: absolute;
    left: 5px;
    top: 11px; }
.profile-social-links a.social {
  margin: 5px 0;
  cursor: pointer;
  background: #4F4F4F;
  color: #fff; }
  .profile-social-links a.social.hackster, .profile-social-links a.social.instruct, .profile-social-links a.social.hackday {
    padding: 5px; }
  .profile-social-links a.social.github, .profile-social-links a.social.gitlab, .profile-social-links a.social.twitch, .profile-social-links a.social.stack {
    padding: 5px; }
    .profile-social-links a.social.github img, .profile-social-links a.social.gitlab img, .profile-social-links a.social.twitch img, .profile-social-links a.social.stack img {
      -webkit-filter: invert(1);
      filter: invert(1); }
  .profile-social-links a.social.twitch img {
    width: 80%;
    padding-top: 3px; }
  .profile-social-links a.social.thingy {
    padding: 5px; }
.profile-social-links a.social:hover.fb {
  background-color: #014c8c; }
.profile-social-links a.social:hover.tw {
  background-color: #33ccff; }
.profile-social-links a.social:hover.pin {
  background-color: #cc2127; }
.profile-social-links a.social:hover.ut {
  background-color: #cc2127; }
.profile-social-links a.social:hover.ln {
  background-color: #014c8c; }
.profile-social-links a.social:hover.in {
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); }
.profile-social-links a.social:hover.ext {
  background-color: #fff;
  border: 0.5px solid #4F4F4F; }
.profile-social-links a.social:hover.github, .profile-social-links a.social:hover.gitlab, .profile-social-links a.social:hover.twitch, .profile-social-links a.social:hover.stack {
  background-color: #fff;
  border: 0.5px solid #4F4F4F; }
  .profile-social-links a.social:hover.github img, .profile-social-links a.social:hover.gitlab img, .profile-social-links a.social:hover.twitch img, .profile-social-links a.social:hover.stack img {
    -webkit-filter: invert(0);
    filter: invert(0); }
.profile-social-links a.social:hover.hackster, .profile-social-links a.social:hover.instruct, .profile-social-links a.social:hover.hackday, .profile-social-links a.social:hover.thingy {
  background-color: #fff;
  border: 0.5px solid #4F4F4F; }
  .profile-social-links a.social:hover.hackster img, .profile-social-links a.social:hover.instruct img, .profile-social-links a.social:hover.hackday img, .profile-social-links a.social:hover.thingy img {
    -webkit-filter: invert(1);
    filter: invert(1); }

.mywebsite {
  color: #00AEEF;
  text-decoration: none !important;
  display: block; }

.edit-icon {
  float: right;
  color: #00AEEF; }

.started_making {
  font-family: "Messina Sans Regular";
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 110%;
  color: #828282;
  font-size: 1.2rem;
  color: #bdbdbd; }

.global-title {
  font-family: "Messina Modern Bold";
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 120%;
  color: #828282;
  color: #4F4F4F; }

.links-site {
  padding-bottom: -2px; }

/* maker card on search page */
.page-search-content {
  margin: 0px;
  border: none; }
  .page-search-content #search-input::-ms-clear {
    display: none; }
  .page-search-content .user-card-search {
    background-color: white;
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 0;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD;
    min-height: 210px; }
    .page-search-content .user-card-search:hover {
      cursor: pointer; }
    .page-search-content .user-card-search .media {
      margin-bottom: -8px; }
      .page-search-content .user-card-search .media .profile-pic-container {
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 0;
        margin-bottom: -20px;
        width: 172px;
        height: 215px; }
        .page-search-content .user-card-search .media .profile-pic-container .maker-photo {
          display: block;
          width: 172px;
          height: 215px; }
      .page-search-content .user-card-search .media .media-body .card-title {
        margin-left: -8px; }
      .page-search-content .user-card-search .media .media-body .card-type {
        top: 32px;
        right: -2px;
        font-size: 16px !important; }
    .page-search-content .user-card-search .profile-pic-container img {
      width: 70px;
      height: 70px; }
    .page-search-content .user-card-search .user-name {
      font-family: "Messina Modern Regular";
      font-size: 1.3rem;
      font-weight: 500;
      line-height: 120%;
      color: #828282;
      min-height: 24px;
      margin-bottom: 2px; }
      .page-search-content .user-card-search .user-name a {
        text-decoration: none;
        color: #333333; }
    .page-search-content .user-card-search .user-nickname {
      font-size: 12px;
      margin-bottom: 2px;
      min-height: 18px; }
      .page-search-content .user-card-search .user-nickname a {
        text-decoration: none;
        color: #BDBDBD; }
    .page-search-content .user-card-search .profile-tag {
      font-family: "Messina Modern Regular";
      font-size: 1.3rem;
      font-weight: 500;
      line-height: 120%;
      color: #828282;
      margin-bottom: 5px;
      height: 38px;
      line-height: 17px;
      display: inline-block;
      min-height: 50px; }
    .page-search-content .user-card-search .profile-tag,
    .page-search-content .user-card-search .user-city,
    .page-search-content .user-card-search .count {
      font-size: 14px; }
    .page-search-content .user-card-search .user-city {
      color: #00AEEF;
      min-height: 21px;
      margin-bottom: 4px; }
      .page-search-content .user-card-search .user-city div {
        float: left;
        margin-right: 6px; }
    .page-search-content .user-card-search .count {
      margin-bottom: 0;
      color: #BDBDBD;
      clear: both; }
    .page-search-content .user-card-search .card-stats {
      padding: 2px;
      color: #BDBDBD; }
      .page-search-content .user-card-search .card-stats ul {
        margin-bottom: 6px; }
        .page-search-content .user-card-search .card-stats ul li {
          font-family: "Messina Sans Regular";
          font-size: 0.9rem;
          font-weight: 400;
          line-height: 100%;
          color: #828282;
          font-weight: normal !important;
          font-size: 13px !important;
          color: #BDBDBD;
          min-width: 60px;
          margin: 0px 4px; }
          .page-search-content .user-card-search .card-stats ul li img {
            margin-right: 6px; }
            .page-search-content .user-card-search .card-stats ul li img.project-likes {
              width: 12px; }
            .page-search-content .user-card-search .card-stats ul li img.project-views {
              width: 20px;
              padding-bottom: 3px; }
          .page-search-content .user-card-search .card-stats ul li span {
            margin: 0px; }
      .page-search-content .user-card-search .card-stats .icons-side-user {
        width: 80px;
        overflow: hidden; }
        .page-search-content .user-card-search .card-stats .icons-side-user .user-icon {
          float: left; }
          .page-search-content .user-card-search .card-stats .icons-side-user .user-icon img {
            width: 30px; }

.mobile-profile-container {
  margin: 10px -15px; }
  .mobile-profile-container .maker-mobile-card.card {
    width: 95%;
    border-radius: 0;
    padding: 0;
    margin: 0 auto 30px;
    top: 15px;
    border: none; }
  .mobile-profile-container .maker-mobile-card .card-type {
    right: -15px; }
  .mobile-profile-container .maker-mobile-card .image-top {
    width: 100%;
    height: 275px;
    overflow: hidden; }
    .mobile-profile-container .maker-mobile-card .image-top .card-img-top {
      border-radius: 0; }
    .mobile-profile-container .maker-mobile-card .image-top img {
      height: auto;
      width: 100%; }
  .mobile-profile-container .maker-mobile-card .card-block {
    padding: 15px 10px;
    position: relative; }
    .mobile-profile-container .maker-mobile-card .card-block .content-side {
      padding-left: 5px;
      width: 80%; }
    .mobile-profile-container .maker-mobile-card .card-block p {
      margin-bottom: 0; }
    .mobile-profile-container .maker-mobile-card .card-block .maker-name {
      font-family: "Messina Modern Regular";
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 115%;
      color: #828282; }
    .mobile-profile-container .maker-mobile-card .card-block .maker-nickname {
      font-family: "Messina Sans Regular";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      margin-bottom: 2px;
      font-weight: normal;
      color: #4F4F4F; }
    .mobile-profile-container .maker-mobile-card .card-block .maker-city {
      font-family: "Messina Sans Regular";
      font-size: 0.8rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      margin-bottom: 5px;
      color: #BDBDBD !important;
      font-size: 1rem !important; }
    .mobile-profile-container .maker-mobile-card .card-block .maker-descripe {
      font-family: "Messina Modern Regular";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      margin-top: 5px;
      font-weight: bold; }
    .mobile-profile-container .maker-mobile-card .card-block .card-stats ul {
      margin-bottom: 0; }
  .mobile-profile-container .maker-mobile-card .icons-side-project .project-icon {
    height: 45px; }
    .mobile-profile-container .maker-mobile-card .icons-side-project .project-icon img {
      width: auto;
      height: 40px; }
  .mobile-profile-container .maker-mobile-card .icons {
    position: absolute;
    color: white;
    top: -12px;
    left: -10px;
    font-size: 13px;
    padding: 20px; }
    .mobile-profile-container .maker-mobile-card .icons span {
      margin: 2px;
      font-size: 13px; }
      .mobile-profile-container .maker-mobile-card .icons span i {
        margin-right: 4px;
        font-size: 17px; }
  .mobile-profile-container .maker-mobile-card .card-title {
    font-family: "Messina Modern Regular";
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 115%;
    color: #828282;
    color: #4F4F4F;
    height: auto;
    padding: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 30px;
    text-align: left;
    width: 100%;
    margin: 0; }
  .mobile-profile-container .maker-mobile-card .card-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 5px;
    color: #333333; }
    .mobile-profile-container .maker-mobile-card .card-text.project-text-grid {
      display: none; }
  .mobile-profile-container .maker-mobile-card .categories {
    display: none; }
    .mobile-profile-container .maker-mobile-card .categories span {
      margin-left: 3px;
      color: #BDBDBD; }
  .mobile-profile-container .maker-mobile-card .card-role p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 15px;
    color: #BDBDBD; }
  .mobile-profile-container .maker-mobile-card .card-stats {
    padding: 2px;
    color: #BDBDBD;
    width: 230px; }
    .mobile-profile-container .maker-mobile-card .card-stats ul li {
      font-family: "Messina Sans Regular";
      font-size: 0.9rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      width: 70px; }
      .mobile-profile-container .maker-mobile-card .card-stats ul li img {
        margin-right: 6px; }
        .mobile-profile-container .maker-mobile-card .card-stats ul li img.project-likes {
          width: 12px; }
        .mobile-profile-container .maker-mobile-card .card-stats ul li img.project-views {
          width: 20px;
          padding-bottom: 3px; }
      .mobile-profile-container .maker-mobile-card .card-stats ul li span {
        margin: 0px; }
  .mobile-profile-container .maker-mobile-card .profile-pic-container {
    width: 150px;
    height: 120px;
    margin-bottom: -20px;
    margin-right: -15px; }

.edit-buttons {
  width: 25px !important;
  height: 25px !important;
  float: right; }
  .edit-buttons path {
    fill: red; }

.empty-projects-page {
  text-align: center; }
  .empty-projects-page h4 {
    color: #4F4F4F; }

/* file manager style */
.file-manager .file-manager-header .upload-file {
  color: #828282; }
.file-manager .file-manager-header .storge-progressbar {
  color: #828282; }
  .file-manager .file-manager-header .storge-progressbar .progress {
    background: #fff;
    border-radius: 0px;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD; }
    .file-manager .file-manager-header .storge-progressbar .progress .progress-bar {
      background-color: #BDBDBD;
      color: #4F4F4F; }
.file-manager .file-manager-contnet .file-manager-title {
  color: #4F4F4F;
  padding: 8px 10px; }
.file-manager .file-manager-contnet .file-item {
  position: relative;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .file-manager .file-manager-contnet .file-item .btn {
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
    background-color: #fff;
    color: #828282;
    padding: 5px; }
    .file-manager .file-manager-contnet .file-item .btn:hover {
      cursor: pointer; }
.file-manager .file-manager-footer {
  text-align: center; }
  .file-manager .file-manager-footer a {
    color: #828282; }
    .file-manager .file-manager-footer a:hover {
      color: #828282; }

button:hover {
  cursor: pointer; }

/* file-manager-modal */
.file-manager-modal {
  background-color: #F2F2F2; }
  .file-manager-modal .modal-footer {
    border-top: none !important;
    padding: 32px; }
    .file-manager-modal .modal-footer button {
      width: 120px;
      padding: 12px;
      background-color: #fff !important; }

.profile-overlay {
  position: fixed;
  z-index: 1000;
  background: rgba(25, 25, 25, 0.9);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none; }

.hideData {
  display: block; }
  .hideData span {
    font-size: 0.8rem; }
  .hideData.topic-tags span {
    color: #828282;
    font-size: 1rem;
    position: relative;
    font-style: normal; }

.showData {
  display: block !important; }

.toggleProfile {
  position: absolute;
  right: 15px;
  bottom: 0;
  width: 35px;
  height: 35px;
  border: 1px solid #00AEEF;
  display: none; }
  .toggleProfile i {
    padding: 7px;
    color: #00AEEF;
    font-size: 1.2rem;
    width: auto !important; }
    .toggleProfile i.close {
      display: none; }
    .toggleProfile i.open {
      display: block; }

/* create new item on prokect creation */
.create-item-modal {
  background-color: #F2F2F2; }
  .create-item-modal label {
    color: #ED1C24;
    margin: 0px; }
  .create-item-modal textarea {
    border: 1px solid #DCDCDC;
    color: #4F4F4F;
    resize: inherit; }
  .create-item-modal input {
    border: 1px solid #DCDCDC;
    color: #4F4F4F;
    padding: 12px;
    background-color: #fff; }
    .create-item-modal input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      text-align: center;
      color: #DCDCDC; }
    .create-item-modal input::-moz-placeholder {
      /* Firefox 19+ */
      text-align: center;
      color: #DCDCDC; }
    .create-item-modal input:-ms-input-placeholder {
      /* IE 10+ */
      text-align: center;
      color: #DCDCDC; }
    .create-item-modal input:-moz-placeholder {
      /* Firefox 18- */
      text-align: center;
      color: #DCDCDC; }
  .create-item-modal .modal-header {
    border-bottom: none !important;
    padding: 14px; }
    .create-item-modal .modal-header .close:focus, .create-item-modal .modal-header .close:hover {
      outline: none !important; }
  .create-item-modal .modal-footer {
    border-top: none !important;
    padding: 32px; }
    .create-item-modal .modal-footer button {
      width: 120px;
      padding: 12px;
      background-color: #fff !important;
      margin-bottom: 0px !important; }
  .create-item-modal .field-label {
    font-size: 1em !important; }

#personal-info label.custom-control {
  color: #4F4F4F; }

#interests select {
  height: 40px; }
#interests button {
  height: 40px;
  padding: 0 15px;
  min-width: auto;
  margin-left: 0; }
#interests .selected-topic {
  font-family: "Messina Modern Regular";
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 115%;
  color: #828282;
  color: #4F4F4F;
  font-size: 1.1rem;
  margin-top: 15px;
  margin-bottom: 5px; }
#interests .cate-list {
  padding: 0 30px; }
  #interests .cate-list .remove-cate {
    font-size: 1.5rem; }
  #interests .cate-list p.cate-name {
    margin: 3px 0;
    border-radius: 0;
    font-size: 0.9rem;
    padding: 8px 1rrem;
    width: 60%;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD; }

.page-explore .card-type-grey {
  display: none; }
.page-explore .maker-descripe {
  line-height: 1.8rem !important; }

.page-explore {
  background-color: #F2F2F2; }
  .page-explore .width-fix {
    padding: 0; }
  .page-explore .explore-header {
    padding-bottom: 25px;
    background-color: #F2F2F2;
    text-align: center; }
    .page-explore .explore-header h3 {
      font-family: "Messina Modern Regular";
      font-size: 3.4rem;
      font-weight: 400;
      line-height: 100%;
      color: #4F4F4F;
      text-transform: capitalize;
      margin: auto;
      text-align: center;
      padding-top: 40px;
      color: #4F4F4F;
      padding-bottom: 30px; }
    .page-explore .explore-header h6 {
      font-family: "Messina Sans Regular";
      font-size: 1.3rem;
      font-weight: 400;
      line-height: 110%;
      color: #828282;
      text-transform: uppercase;
      color: #ED1C24;
      font-size: 1.125rem; }
    .page-explore .explore-header .explore-tags {
      margin-bottom: 5px;
      width: 224px !important; }
      .page-explore .explore-header .explore-tags li {
        display: inline-block;
        margin: 10px 15px; }
        .page-explore .explore-header .explore-tags li a.btn {
          border-radius: 0px;
          text-transform: uppercase !important;
          min-width: 150px;
          padding: 13px 10px;
          font-family: "Messina Modern Regular";
          font-size: 1.3rem;
          font-weight: 500;
          line-height: 120%;
          color: #828282;
          color: #6f6f6f;
          font-size: 1.1em !important;
          text-align: center;
          border: 0.5px solid #6f6f6f; }
          .page-explore .explore-header .explore-tags li a.btn:first-letter {
            text-transform: uppercase !important; }
          .page-explore .explore-header .explore-tags li a.btn:hover, .page-explore .explore-header .explore-tags li a.btn:active {
            color: #4F4F4F;
            border: 0.5px solid #4F4F4F !important;
            background-color: transparent !important;
            border: 1px solid #ED1C24 !important; }
        .page-explore .explore-header .explore-tags li a.active {
          color: #4F4F4F;
          background-color: #fff !important;
          border: 1px solid #ED1C24 !important; }
  .page-explore .submenus li {
    display: inline-block; }
  .page-explore .submenus .arts-sub,
  .page-explore .submenus .technology-sub,
  .page-explore .submenus .workshop-sub,
  .page-explore .submenus .things-sub,
  .page-explore .submenus .world-sub {
    display: none; }
  .page-explore .submenus .parent_378,
  .page-explore .submenus .parent_390,
  .page-explore .submenus .parent_402,
  .page-explore .submenus .parent_410,
  .page-explore .submenus .parent_416 {
    display: none; }
    .page-explore .submenus .parent_378 li,
    .page-explore .submenus .parent_390 li,
    .page-explore .submenus .parent_402 li,
    .page-explore .submenus .parent_410 li,
    .page-explore .submenus .parent_416 li {
      margin: 3px 0; }

.dropdown-group {
  position: relative;
  display: inline-block; }
  .dropdown-group i.dropdownIcon {
    right: 10px;
    top: 15px;
    font-size: 1rem; }
  .dropdown-group select.shadowed {
    background: #ffffff;
    padding: 10px;
    -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
    font-family: "Messina Sans Regular";
    font-size: 1.125rem;
    color: #4f4f4f; }

.filters-group {
  margin-bottom: 10px; }

.filters {
  min-height: 35px;
  color: #333333;
  display: inline-block; }
  .filters.projects-counter {
    position: absolute;
    right: 0; }
  .filters .dropdown-group {
    margin-left: 30px; }
  .filters .entries-count {
    padding: 15px 0;
    font-size: 0.9rem; }
    .filters .entries-count p {
      margin: 0; }
  .filters .all-project {
    border-left: 2px solid #333333;
    padding: 5px 15px; }
  .filters .btn {
    color: #333333; }
  .filters .dropdown-toggle {
    cursor: pointer;
    z-index: 12; }
  .filters .sorting-filter button::after, .filters .projects-filter button::after {
    display: none; }
  .filters .sorting-filter .dropdown-menu, .filters .projects-filter .dropdown-menu {
    -moz-box-shadow: 2px 2px 8px rgba(25, 25, 25, 0.34);
    -webkit-box-shadow: 2px 2px 8px rgba(25, 25, 25, 0.34);
    box-shadow: 2px 2px 8px rgba(25, 25, 25, 0.34);
    background-color: white;
    color: #676767;
    border-radius: 0;
    z-index: 10;
    right: 0;
    left: auto; }
    .filters .sorting-filter .dropdown-menu a, .filters .projects-filter .dropdown-menu a {
      width: 100%;
      text-align: left;
      font-size: 0.9rem; }
      .filters .sorting-filter .dropdown-menu a:hover, .filters .projects-filter .dropdown-menu a:hover {
        color: #4F4F4F;
        background-color: #F2F2F2; }

/* filter mobile menu  */
.filter-mobile-menu .container .filter-mainmenu .list-unstyled .parent-item {
  width: 100%;
  max-width: 100%;
  display: block;
  position: relative; }
  .filter-mobile-menu .container .filter-mainmenu .list-unstyled .parent-item::after {
    position: absolute;
    right: 0;
    top: 8px; }
.filter-mobile-menu .container .filter-mainmenu .filter-submenu {
  width: 101%;
  left: -2px !important;
  border: none;
  background-color: #f2f2f2;
  text-align: center;
  border-radius: 0px;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }

.page-challenge {
  background-color: #F2F2F2;
  padding-bottom: 40px; }

.challenge-card {
  margin-bottom: 10px; }
  .challenge-card .card {
    background-color: transparent;
    border: none;
    height: 100%; }
  .challenge-card .single-challenge {
    padding: 10px; }
    .challenge-card .single-challenge img {
      width: 250px; }
    .challenge-card .single-challenge .card-partership {
      color: #00AEEF; }
  .challenge-card .image-container {
    overflow: hidden;
    position: relative;
    padding: 0;
    width: 100%;
    height: auto; }
    .challenge-card .image-container .sponsor_bar {
      position: absolute;
      width: 60px !important;
      height: 60px !important;
      max-width: 60px !important;
      display: block;
      top: 10px;
      right: 10px; }
  .challenge-card .card-container .card-partership {
    font-family: "Messina Sans Regular";
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 100%;
    color: #828282;
    text-transform: none;
    display: inline-block;
    min-height: 16px;
    margin-bottom: 10px;
    text-align: right; }
    .challenge-card .card-container .card-partership p {
      margin-bottom: 0px; }
  .challenge-card .card-container .card-description h4 {
    font-weight: bold; }
  .challenge-card .card-container .challene-card-footer {
    margin-top: auto; }
    .challenge-card .card-container .challene-card-footer .challene-card-footer-1 {
      bottom: 5px;
      align-self: end; }
      .challenge-card .card-container .challene-card-footer .challene-card-footer-1 a.btn.btn-grey {
        background-color: #BDBDBD; }
    .challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-count .follow-count {
      padding-left: 10px; }
    .challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-count .entries-count {
      padding-right: 10px;
      border-right: 1px solid white; }
    .challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status .open-status, .challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status .closed-status {
      font-weight: bold;
      padding-right: 5px; }
    .challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status .open-status {
      color: white; }
    .challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status .closed-status {
      color: #00AEEF; }

.challenge-header {
  margin-bottom: 25px;
  text-align: center; }
  .challenge-header h3 {
    font-family: "Messina Modern Regular";
    font-size: 3.4rem;
    font-weight: 400;
    line-height: 100%;
    color: #4F4F4F;
    text-transform: capitalize;
    margin: auto;
    padding-top: 45px;
    padding-bottom: 10px;
    font-weight: normal; }
  .challenge-header p {
    font-family: "Messina Sans Regular";
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 100%;
    color: #828282; }

.page-challenge .challenge-card {
  position: relative;
  padding: 16px;
  overflow: hidden;
  cursor: pointer;
  background-color: #333333;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .page-challenge .challenge-card .single-challenge {
    padding: 10px; }
    .page-challenge .challenge-card .single-challenge img {
      width: 250px; }
    .page-challenge .challenge-card .single-challenge .card-partership {
      color: #00AEEF; }
  .page-challenge .challenge-card .image-container {
    overflow: hidden;
    position: relative;
    padding: 0;
    width: 100%;
    height: auto;
    -moz-box-shadow: 2px 2px 8px #191919;
    -webkit-box-shadow: 2px 2px 8px #191919;
    box-shadow: 2px 2px 8px #191919; }
    .page-challenge .challenge-card .image-container img {
      width: 100%;
      height: 100%;
      max-width: 100%; }
    .page-challenge .challenge-card .image-container .challenge-type-badge {
      font-family: "Messina Sans Regular";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      position: absolute;
      top: 6px;
      left: 0px;
      background-color: #333333; }
      .page-challenge .challenge-card .image-container .challenge-type-badge p {
        margin: 0px; }
      .page-challenge .challenge-card .image-container .challenge-type-badge::after {
        content: ' ';
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-left: 10px solid #333333;
        border-bottom: 14px solid transparent;
        right: -10px;
        position: absolute;
        top: 0px; }
      .page-challenge .challenge-card .image-container .challenge-type-badge .type-layer-2 {
        position: relative;
        height: 100%;
        width: 100%;
        padding: 7px 11px 7px 11px; }
  .page-challenge .challenge-card .card-container {
    color: #fff;
    position: relative;
    height: 100%; }
    .page-challenge .challenge-card .card-container .card {
      height: 287px; }
    .page-challenge .challenge-card .card-container .card-title {
      font-family: "Messina Modern Regular";
      font-size: 2.6rem;
      font-weight: 500;
      line-height: 120%;
      color: #828282;
      color: white; }
    .page-challenge .challenge-card .card-container .card-status {
      font-family: "Messina Sans Regular";
      font-size: 1.3rem;
      font-weight: 400;
      line-height: 110%;
      color: #828282;
      display: inline-block;
      text-transform: none; }
    .page-challenge .challenge-card .card-container .card-description h4 {
      font-weight: bold; }
    .page-challenge .challenge-card .card-container .card-description p {
      font-family: "Messina Sans Regular";
      font-size: 0.9rem;
      font-weight: 400;
      line-height: 130%;
      color: #828282;
      color: white;
      line-height: 1.5rem; }
    .page-challenge .challenge-card .card-container .card-buttons a.btn.btn-grey {
      background-color: #BDBDBD; }
    .page-challenge .challenge-card .card-container .card-buttons .follow-number {
      background-color: #aaaaaa;
      padding: 3px 15px;
      border-radius: 20px;
      margin-left: 10px; }

.page-challenge-summary {
  background-color: #F2F2F2; }
  .page-challenge-summary .challenge-award img {
    width: 100px;
    height: 100px;
    max-width: 100%; }

/* challenge card on search page */
.page-search-content .challenge-card {
  position: relative;
  padding: 8px 8px 0px 8px;
  cursor: pointer;
  background-color: #333333;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .page-search-content .challenge-card .single-challenge {
    padding: 10px; }
    .page-search-content .challenge-card .single-challenge img {
      width: 250px; }
    .page-search-content .challenge-card .single-challenge .card-partership {
      color: #00AEEF; }
  .page-search-content .challenge-card .challenge-type-badge {
    font-family: "Messina Sans Regular";
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 100%;
    color: #828282;
    position: absolute;
    top: 26px;
    right: -38px;
    transform: rotate(-90deg); }
    .page-search-content .challenge-card .challenge-type-badge p {
      margin: 0px; }
  .page-search-content .challenge-card .image-container {
    overflow: hidden;
    position: relative;
    padding: 0;
    height: 215px;
    width: 170px;
    top: -22px;
    left: -22px;
    -moz-box-shadow: 2px 2px 8px #191919;
    -webkit-box-shadow: 2px 2px 8px #191919;
    box-shadow: 2px 2px 8px #191919; }
    .page-search-content .challenge-card .image-container img {
      width: 100%;
      max-width: 100%;
      height: 100%; }
  .page-search-content .challenge-card .content-container {
    padding-left: 0px; }
  .page-search-content .challenge-card .card-container {
    color: #fff;
    position: relative;
    height: 100%; }
    .page-search-content .challenge-card .card-container .card .card-title {
      font-family: "Messina Modern Regular";
      font-size: 2.6rem;
      font-weight: 500;
      line-height: 120%;
      color: #828282;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      height: 92px;
      color: white;
      margin-bottom: 30px; }
    .page-search-content .challenge-card .card-container .card .card-status {
      font-family: "Messina Sans Regular";
      font-size: 1.3rem;
      font-weight: 400;
      line-height: 110%;
      color: #828282;
      display: inline-block;
      text-transform: none; }
    .page-search-content .challenge-card .card-container .card .card-partership {
      font-family: "Messina Sans Regular";
      font-size: 0.9rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      text-transform: none;
      display: inline-block;
      min-height: 16px;
      margin-bottom: 10px; }
      .page-search-content .challenge-card .card-container .card .card-partership h4 {
        font-weight: bold; }
      .page-search-content .challenge-card .card-container .card .card-partership p {
        font-family: "Messina Sans Regular";
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282; }
    .page-search-content .challenge-card .card-container .card .card-description p {
      font-family: "Messina Sans Regular";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      height: 85px;
      color: white; }
    .page-search-content .challenge-card .card-container .challenge-card-footer-2 span {
      color: #828282; }
    .page-search-content .challenge-card .card-container .challene-card-footer {
      margin-top: inherit; }
    .page-search-content .challenge-card .card-container .card-buttons a.btn.btn-grey {
      background-color: #BDBDBD; }
    .page-search-content .challenge-card .card-container .card-buttons .follow-number {
      background-color: #aaaaaa;
      padding: 3px 15px;
      border-radius: 20px;
      margin-left: 10px; }

.front .front-challenge-card {
  position: relative;
  padding: 0px;
  cursor: pointer;
  background-color: #333;
  height: 460px;
  margin-bottom: 30px;
  overflow: hidden;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .front .front-challenge-card a {
    color: white; }
  .front .front-challenge-card .card {
    background-color: transparent;
    border: none; }
    .front .front-challenge-card .card .card-title {
      font-family: "Messina Modern Regular";
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 115%;
      color: #828282;
      color: #fff;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .front .front-challenge-card .card .card-type {
      top: 25px;
      right: -45px; }
      .front .front-challenge-card .card .card-type p {
        margin-bottom: 0; }
  .front .front-challenge-card .single-challenge {
    padding: 10px; }
    .front .front-challenge-card .single-challenge img {
      width: 250px; }
    .front .front-challenge-card .single-challenge .card-partership {
      color: #00AEEF; }
  .front .front-challenge-card .card-partnership-mobile {
    position: absolute;
    top: 15px;
    right: 24px; }
    .front .front-challenge-card .card-partnership-mobile p {
      color: #fff !important; }
  .front .front-challenge-card .image-container {
    padding: 0;
    max-width: 350px;
    height: 430px;
    margin-left: -15px;
    -moz-box-shadow: 2px 2px 8px #191919;
    -webkit-box-shadow: 2px 2px 8px #191919;
    box-shadow: 2px 2px 8px #191919; }
    .front .front-challenge-card .image-container img {
      width: 100%;
      height: 100%; }
  .front .front-challenge-card .content-container {
    padding-top: 30px;
    padding-bottom: 30px; }
  .front .front-challenge-card .card-container .card-partership {
    font-family: "Messina Sans Regular";
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 100%;
    color: #828282;
    text-transform: none;
    min-height: 16px;
    margin: 0px 0px 16px 0px;
    text-align: right; }
    .front .front-challenge-card .card-container .card-partership p {
      color: #BDBDBD;
      margin-bottom: 0px; }
  .front .front-challenge-card .card-container .card-description h4 {
    font-weight: bold; }
  .front .front-challenge-card .card-container .card-description p {
    font-family: "Messina Sans Regular";
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 130%;
    color: #828282;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;
    line-height: 1.5rem; }
  .front .front-challenge-card .card-container .challene-card-footer {
    margin-top: auto; }
    .front .front-challenge-card .card-container .challene-card-footer .challene-card-footer-1 {
      bottom: 5px;
      align-self: end; }
      .front .front-challenge-card .card-container .challene-card-footer .challene-card-footer-1 a.btn.btn-grey {
        background-color: #BDBDBD; }
      .front .front-challenge-card .card-container .challene-card-footer .challene-card-footer-1 .button-container-main-1 .btn {
        width: 140px;
        padding: 15px 0px; }
    .front .front-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 {
      font-family: "Messina Sans Regular";
      font-size: 0.8rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282; }
      .front .front-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-count {
        color: #828282; }
        .front .front-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-count .follow-count {
          padding-left: 10px; }
        .front .front-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-count .entries-count {
          color: #BDBDBD;
          line-height: 1.25rem; }
      .front .front-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status {
        line-height: 1.25rem;
        color: #BDBDBD; }
        .front .front-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status .open-status, .front .front-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status .closed-status {
          padding-right: 5px; }
        .front .front-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status .closed-status {
          color: #00AEEF; }
.front .challenge-card-full.front-challenge-card {
  padding: 0;
  margin: 30px 0px 30px 0px;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .front .challenge-card-full.front-challenge-card .card-type {
    z-index: 1000; }
  .front .challenge-card-full.front-challenge-card .card-container {
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 100%;
    padding-left: 26px;
    z-index: 10; }
    .front .challenge-card-full.front-challenge-card .card-container .card {
      width: 65%; }
  .front .challenge-card-full.front-challenge-card .card-partership p {
    color: #fff !important; }
  .front .challenge-card-full.front-challenge-card .image-container {
    padding: 0;
    width: 100%;
    height: 460px;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD; }
  .front .challenge-card-full.front-challenge-card .challenge-card-count span {
    color: #fff;
    padding-right: 10px;
    border-right: 1px solid #fff; }
  .front .challenge-card-full.front-challenge-card .challenge-card-count .entries-count {
    border: none; }
  .front .challenge-card-full.front-challenge-card .challenge-card-status {
    color: #fff; }
  .front .challenge-card-full.front-challenge-card .button-container-main-1 {
    margin-right: 18px; }
    .front .challenge-card-full.front-challenge-card .button-container-main-1 .btn {
      padding: 15px 23.5px; }

.tablet-challenge-card {
  position: relative;
  padding: 0px;
  cursor: pointer;
  background-color: #333;
  height: 460px;
  margin-bottom: 30px;
  overflow: hidden;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .tablet-challenge-card a {
    color: white; }
  .tablet-challenge-card .card {
    background-color: transparent;
    border: none; }
    .tablet-challenge-card .card .card-title {
      font-family: "Messina Modern Regular";
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 115%;
      color: #828282;
      color: #fff;
      overflow: hidden; }
    .tablet-challenge-card .card .card-type {
      top: 25px;
      right: -45px; }
      .tablet-challenge-card .card .card-type p {
        margin-bottom: 0; }
  .tablet-challenge-card .single-challenge {
    padding: 10px; }
    .tablet-challenge-card .single-challenge img {
      width: 250px; }
    .tablet-challenge-card .single-challenge .card-partership {
      color: #00AEEF; }
  .tablet-challenge-card .card-partnership-mobile {
    position: absolute;
    top: 15px;
    right: 15px; }
    .tablet-challenge-card .card-partnership-mobile p {
      color: #fff !important; }
  .tablet-challenge-card .image-container {
    padding: 0;
    max-width: 350px;
    height: 430px;
    margin-left: -15px;
    -moz-box-shadow: 2px 2px 8px #191919;
    -webkit-box-shadow: 2px 2px 8px #191919;
    box-shadow: 2px 2px 8px #191919; }
    .tablet-challenge-card .image-container img {
      width: 100%;
      height: 100%; }
  .tablet-challenge-card .content-container {
    padding-top: 30px;
    padding-bottom: 30px; }
  .tablet-challenge-card .card-container .card-partership {
    font-family: "Messina Sans Regular";
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 100%;
    color: #828282;
    text-transform: none;
    min-height: 16px;
    margin: 0px 0px 16px 0px;
    text-align: right; }
    .tablet-challenge-card .card-container .card-partership p {
      color: #BDBDBD;
      margin-bottom: 0px; }
  .tablet-challenge-card .card-container .card-description h4 {
    font-weight: bold; }
  .tablet-challenge-card .card-container .card-description p {
    font-family: "Messina Sans Regular";
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 130%;
    color: #828282;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;
    font-weight: 900;
    line-height: 1.5rem; }
  .tablet-challenge-card .card-container .challene-card-footer {
    margin-top: auto; }
    .tablet-challenge-card .card-container .challene-card-footer .challene-card-footer-1 {
      bottom: 5px;
      align-self: end; }
      .tablet-challenge-card .card-container .challene-card-footer .challene-card-footer-1 a.btn.btn-grey {
        background-color: #BDBDBD; }
      .tablet-challenge-card .card-container .challene-card-footer .challene-card-footer-1 .button-container-main-1 .btn {
        width: 140px;
        padding: 15px 0px; }
    .tablet-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 {
      font-family: "Messina Sans Regular";
      font-size: 0.8rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282; }
      .tablet-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-count .follow-count {
        padding-left: 10px;
        color: #fff; }
      .tablet-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-count .entries-count {
        padding-right: 10px;
        color: #fff;
        border-right: 1px solid white; }
      .tablet-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status {
        line-height: 1.25rem;
        color: #fff; }
        .tablet-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status .open-status, .tablet-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status .closed-status {
          padding-right: 5px; }
        .tablet-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status .closed-status {
          color: #00AEEF; }

.challenge-card-full.front-challenge-card {
  padding: 0;
  margin: 30px 0px 30px 0px;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .challenge-card-full.front-challenge-card .card-type {
    z-index: 1000; }
  .challenge-card-full.front-challenge-card .card-container {
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 100%;
    padding-left: 26px;
    z-index: 10; }
    .challenge-card-full.front-challenge-card .card-container .card {
      width: 65%; }
  .challenge-card-full.front-challenge-card .card-partership p {
    color: #fff !important; }
  .challenge-card-full.front-challenge-card .image-container {
    padding: 0;
    width: 100%;
    height: 460px;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD; }
  .challenge-card-full.front-challenge-card .challenge-card-count span {
    color: #fff;
    padding-right: 10px;
    border-right: 1px solid #fff; }
  .challenge-card-full.front-challenge-card .challenge-card-count .entries-count {
    border: none; }
  .challenge-card-full.front-challenge-card .challenge-card-status {
    color: #fff; }
  .challenge-card-full.front-challenge-card .button-container-main-1 {
    margin-right: 18px; }
    .challenge-card-full.front-challenge-card .button-container-main-1 .btn {
      padding: 15px 23.5px; }

.page-search-content .search-challenge-card {
  position: relative;
  padding: 0px;
  cursor: pointer;
  margin-bottom: 30px;
  background-color: #333;
  height: 480px;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .page-search-content .search-challenge-card span {
    color: white; }
  .page-search-content .search-challenge-card a {
    color: white; }
  .page-search-content .search-challenge-card p,
  .page-search-content .search-challenge-card h3 {
    color: white; }
  .page-search-content .search-challenge-card .card {
    background-color: transparent;
    border: none;
    padding: 0px 12px; }
    .page-search-content .search-challenge-card .card .tablet-type-sponser .card-type-grey {
      background-color: #828282 !important; }
      .page-search-content .search-challenge-card .card .tablet-type-sponser .card-type-grey::after {
        border-left: 10px solid #828282; }
    .page-search-content .search-challenge-card .card .card-title {
      font-family: "Messina Modern Regular";
      font-size: 2.6rem;
      font-weight: 500;
      line-height: 120%;
      color: #828282;
      color: #fff; }
    .page-search-content .search-challenge-card .card .card-type {
      top: 25px;
      right: -45px; }
      .page-search-content .search-challenge-card .card .card-type p {
        margin-bottom: 0; }
  .page-search-content .search-challenge-card .single-challenge {
    padding: 10px; }
    .page-search-content .search-challenge-card .single-challenge img {
      width: 250px; }
    .page-search-content .search-challenge-card .single-challenge .card-partership {
      color: #00AEEF; }
  .page-search-content .search-challenge-card .image-container {
    padding: 0;
    width: 100%;
    height: 195px;
    -moz-box-shadow: 2px 2px 8px #191919;
    -webkit-box-shadow: 2px 2px 8px #191919;
    box-shadow: 2px 2px 8px #191919; }
    .page-search-content .search-challenge-card .image-container img {
      width: 100%;
      height: 100%; }
  .page-search-content .search-challenge-card .content-container {
    padding-bottom: 10px;
    height: 265px; }
  .page-search-content .search-challenge-card .card-container .card-partership {
    font-family: "Messina Sans Regular";
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 100%;
    color: #828282;
    text-transform: none;
    display: inline-block;
    min-height: 16px;
    margin: 12px 0px 12px 0px; }
    .page-search-content .search-challenge-card .card-container .card-partership p {
      margin-bottom: 0px;
      color: #828282; }
  .page-search-content .search-challenge-card .card-container .card-description h4 {
    font-weight: bold; }
  .page-search-content .search-challenge-card .card-container .card-description p {
    font-family: "Messina Sans Regular";
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 130%;
    color: #828282;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff; }
  .page-search-content .search-challenge-card .card-container .challene-card-footer {
    margin-top: auto; }
    .page-search-content .search-challenge-card .card-container .challene-card-footer .challene-card-footer-1 {
      bottom: 5px;
      align-self: end; }
      .page-search-content .search-challenge-card .card-container .challene-card-footer .challene-card-footer-1 a.btn.btn-grey {
        background-color: #BDBDBD; }
      .page-search-content .search-challenge-card .card-container .challene-card-footer .challene-card-footer-1 .button-container-main-1 .btn {
        padding: 15px 20px; }
    .page-search-content .search-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-count {
      color: #828282; }
      .page-search-content .search-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-count .follow-count {
        padding-left: 10px; }
    .page-search-content .search-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status {
      line-height: 1.25rem;
      color: #828282; }
      .page-search-content .search-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status .open-status, .page-search-content .search-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status .closed-status {
        padding-right: 5px; }
      .page-search-content .search-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status .open-status {
        color: white; }
      .page-search-content .search-challenge-card .card-container .challene-card-footer .challenge-card-footer-2 .challenge-card-status .closed-status {
        color: #00AEEF; }
.page-search-content .challenge-card-full.front-challenge-card {
  padding: 0;
  margin: 30px 0px 30px 0px;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .page-search-content .challenge-card-full.front-challenge-card .card-type {
    z-index: 1000; }
  .page-search-content .challenge-card-full.front-challenge-card .card-container {
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 100%;
    padding-left: 26px;
    z-index: 10; }
    .page-search-content .challenge-card-full.front-challenge-card .card-container .card {
      width: 65%; }
  .page-search-content .challenge-card-full.front-challenge-card .card-partership p {
    color: #fff !important; }
  .page-search-content .challenge-card-full.front-challenge-card .image-container {
    padding: 0;
    width: 100%;
    height: 460px;
    max-width: 100%;
    max-height: 100%;
    -moz-box-shadow: 2px 2px 8px #191919;
    -webkit-box-shadow: 2px 2px 8px #191919;
    box-shadow: 2px 2px 8px #191919; }
  .page-search-content .challenge-card-full.front-challenge-card .challenge-card-count span {
    padding-right: 10px;
    border-right: 1px solid #fff; }
  .page-search-content .challenge-card-full.front-challenge-card .challenge-card-count .entries-count {
    border: none; }
  .page-search-content .challenge-card-full.front-challenge-card .button-container-main-1 {
    margin-right: 18px; }
    .page-search-content .challenge-card-full.front-challenge-card .button-container-main-1 .btn {
      padding: 15px 20px; }

.check-entered {
  color: #00AEEF; }

/*challenge enter modal popup */
.challenge-enter-modal {
  background-color: #F2F2F2; }
  .challenge-enter-modal .modal-header {
    border-bottom: none !important; }
  .challenge-enter-modal .modal-body button {
    width: 120px;
    padding: 12px;
    background-color: #fff !important; }
  .challenge-enter-modal .modal-body .btn-load-more:hover {
    cursor: pointer; }
  .challenge-enter-modal .modal-footer {
    border-top: none !important; }

.text-red {
  color: #ED1C24; }

.close-submit {
  position: absolute;
  font-size: 1.8rem;
  top: 10px;
  right: 10px;
  cursor: pointer; }

.page-project {
  color: #333333;
  background-color: #F2F2F2; }
  .page-project .top-content-wrapper {
    margin-bottom: 10px; }
    .page-project .top-content-wrapper h2 {
      font-size: 35px;
      font-weight: bold;
      color: #333333; }
    .page-project .top-content-wrapper ul li {
      display: inline-block; }
      .page-project .top-content-wrapper ul li.project-like a.active i, .page-project .top-content-wrapper ul li.project-bookmakr a.active i {
        color: #ED1C24; }
    .page-project .top-content-wrapper ul.project-tags {
      -webkit-justify-content: flex-start;
      /* Safari */
      justify-content: flex-start; }
      .page-project .top-content-wrapper ul.project-tags .btn {
        padding: 5px;
        font-size: 11px;
        float: left;
        margin-right: 5px;
        background-color: #BDBDBD;
        color: #333333;
        font-weight: normal;
        border-radius: 3px; }
        .page-project .top-content-wrapper ul.project-tags .btn:hover {
          background-color: #333333; }
      .page-project .top-content-wrapper ul.project-tags .btn:hover {
        cursor: default; }
    .page-project .top-content-wrapper .project-like img {
      width: 11px;
      height: auto; }
    .page-project .top-content-wrapper .project-like span {
      font-size: 14px;
      color: #828282;
      padding: 0px 4px; }
    .page-project .top-content-wrapper .project-likes {
      min-width: 60px;
      text-align: right;
      padding: 0px 12px; }
      .page-project .top-content-wrapper .project-likes img {
        width: 10px;
        height: auto; }
      .page-project .top-content-wrapper .project-likes span {
        font-size: 14px;
        color: #828282; }
    .page-project .top-content-wrapper .project-views {
      padding-top: .1rem; }
      .page-project .top-content-wrapper .project-views img {
        width: 18px;
        height: auto; }
      .page-project .top-content-wrapper .project-views span {
        font-size: 14px;
        color: #828282; }
    .page-project .top-content-wrapper .project-actions li {
      display: block;
      float: left; }
      .page-project .top-content-wrapper .project-actions li .active {
        background-color: #333333;
        color: #fff; }
    .page-project .top-content-wrapper .project-aside {
      margin-bottom: -1px; }
      .page-project .top-content-wrapper .project-aside li {
        float: left; }
        .page-project .top-content-wrapper .project-aside li:not(:last-child) a {
          border-right-color: transparent; }
        .page-project .top-content-wrapper .project-aside li .btn {
          padding: 14px 34px;
          -moz-box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.26);
          -webkit-box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.26);
          box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.26); }
        .page-project .top-content-wrapper .project-aside li.active a.btn.btn-light-grey {
          background-color: #fff !important;
          border-bottom-color: #fff; }
  .page-project .project-story-tab {
    margin-bottom: 30px; }
    .page-project .project-story-tab .project-body-content {
      padding: 16px;
      background-color: white;
      -moz-box-shadow: 2px 2px 8px #BDBDBD;
      -webkit-box-shadow: 2px 2px 8px #BDBDBD;
      box-shadow: 2px 2px 8px #BDBDBD; }
      .page-project .project-story-tab .project-body-content .story-video {
        margin-top: -15px; }
      .page-project .project-story-tab .project-body-content p {
        font-family: "Messina Sans Regular";
        font-size: 0.95rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        line-height: inherit !important;
        padding-top: 4px;
        color: #4F4F4F; }
  .page-project .feedback-group {
    background-color: white;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD; }
    .page-project .feedback-group .feedback-label {
      width: 100%;
      font-weight: bold;
      font-family: "Messina Modern Regular";
      font-size: 1.3rem;
      font-weight: 500;
      line-height: 120%;
      color: #828282;
      color: #4F4F4F; }
    .page-project .feedback-group .login-link {
      padding: 10px; }
      .page-project .feedback-group .login-link a {
        text-decoration: none;
        color: #fff; }
  .page-project .actions-button {
    -webkit-justify-content: flex-end;
    /* Safari */
    justify-content: flex-end;
    padding-top: 2px;
    margin: 0px; }
  .page-project .project-image img {
    width: 100%; }
  .page-project .project-stats ul {
    padding: 10px; }
    .page-project .project-stats ul li {
      display: inline-block;
      margin-right: 10px;
      vertical-align: bottom; }
      .page-project .project-stats ul li i {
        width: 25px;
        color: #333333; }
  .page-project .project-body {
    padding-bottom: 20px;
    padding-top: 30px; }
    .page-project .project-body > p:first-of-type {
      font-weight: bold; }
    .page-project .project-body .how-to-tab img {
      width: 100%;
      height: auto; }
    .page-project .project-body .how-to-tab .project-body-content {
      padding: 16px;
      background-color: white;
      -moz-box-shadow: 2px 2px 8px #BDBDBD;
      -webkit-box-shadow: 2px 2px 8px #BDBDBD;
      box-shadow: 2px 2px 8px #BDBDBD; }
      .page-project .project-body .how-to-tab .project-body-content p {
        font-family: "Messina Sans Regular";
        font-size: 0.95rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        line-height: inherit !important;
        color: #4F4F4F; }
    .page-project .project-body .how-to-sidebar .difficulty-duration {
      background-color: white;
      padding: 18px 10px 34px 10px;
      text-align: center;
      margin-bottom: 25px;
      -moz-box-shadow: 2px 2px 8px #BDBDBD;
      -webkit-box-shadow: 2px 2px 8px #BDBDBD;
      box-shadow: 2px 2px 8px #BDBDBD; }
      .page-project .project-body .how-to-sidebar .difficulty-duration p {
        color: #ED1C24 !important;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 0.8rem;
        font-weight: bold;
        font-family: "Messina Sans Regular";
        font-size: 0.95rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        line-height: inherit !important; }
      .page-project .project-body .how-to-sidebar .difficulty-duration span {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #4F4F4F; }
    .page-project .project-body .how-to-sidebar .tools-kits {
      background-color: white;
      padding: 10px 10px 26px 10px;
      -moz-box-shadow: 2px 2px 8px #BDBDBD;
      -webkit-box-shadow: 2px 2px 8px #BDBDBD;
      box-shadow: 2px 2px 8px #BDBDBD; }
      .page-project .project-body .how-to-sidebar .tools-kits .tools, .page-project .project-body .how-to-sidebar .tools-kits .materials, .page-project .project-body .how-to-sidebar .tools-kits .boards-kits {
        margin-bottom: 30px; }
        .page-project .project-body .how-to-sidebar .tools-kits .tools p, .page-project .project-body .how-to-sidebar .tools-kits .materials p, .page-project .project-body .how-to-sidebar .tools-kits .boards-kits p {
          color: #ED1C24 !important;
          text-align: center;
          margin-top: 10px;
          text-transform: uppercase;
          letter-spacing: 1px;
          font-size: 0.8rem;
          font-family: "Messina Sans Regular";
          font-size: 0.95rem;
          font-weight: 400;
          line-height: 100%;
          color: #828282;
          line-height: inherit !important; }
        .page-project .project-body .how-to-sidebar .tools-kits .tools li, .page-project .project-body .how-to-sidebar .tools-kits .materials li, .page-project .project-body .how-to-sidebar .tools-kits .boards-kits li {
          border: none;
          padding: 0px 6px;
          font-family: "Messina Sans Regular";
          font-size: 0.95rem;
          font-weight: 400;
          line-height: 100%;
          color: #828282;
          line-height: inherit !important; }
        .page-project .project-body .how-to-sidebar .tools-kits .tools .count, .page-project .project-body .how-to-sidebar .tools-kits .materials .count, .page-project .project-body .how-to-sidebar .tools-kits .boards-kits .count {
          min-width: 38px;
          color: #4F4F4F;
          font-family: "Messina Sans Regular";
          font-size: 0.95rem;
          font-weight: 400;
          line-height: 100%;
          color: #828282;
          line-height: inherit !important; }
        .page-project .project-body .how-to-sidebar .tools-kits .tools .item, .page-project .project-body .how-to-sidebar .tools-kits .materials .item, .page-project .project-body .how-to-sidebar .tools-kits .boards-kits .item {
          color: #4F4F4F;
          font-family: "Messina Sans Regular";
          font-size: 0.95rem;
          font-weight: 400;
          line-height: 100%;
          color: #828282;
          line-height: inherit !important; }
      .page-project .project-body .how-to-sidebar .tools-kits hr {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 90%; }
      .page-project .project-body .how-to-sidebar .tools-kits .resources p {
        color: #ED1C24 !important;
        text-align: center;
        margin-top: 10px;
        font-size: 18px;
        font-family: "Messina Sans Regular";
        font-size: 0.95rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        line-height: inherit !important; }
      .page-project .project-body .how-to-sidebar .tools-kits .resources li {
        border: none;
        padding: 6px; }
        .page-project .project-body .how-to-sidebar .tools-kits .resources li a {
          text-decoration: none;
          color: #00AEEF !important;
          font-family: "Messina Sans Regular";
          font-size: 0.95rem;
          font-weight: 400;
          line-height: 100%;
          color: #828282;
          line-height: inherit !important; }
        .page-project .project-body .how-to-sidebar .tools-kits .resources li i, .page-project .project-body .how-to-sidebar .tools-kits .resources li .file-size {
          color: #4F4F4F; }
        .page-project .project-body .how-to-sidebar .tools-kits .resources li i {
          padding-right: 10px; }
  .page-project .region-content .how-to-tab h3 {
    font-weight: normal; }
  .page-project .feedback-group .feedback {
    background-color: #F2F2F2;
    overflow: hidden;
    padding: 10px 0px 0;
    margin: 10px 0; }
    .page-project .feedback-group .feedback .feed-user, .page-project .feedback-group .feedback .feed-body {
      display: inline-block;
      vertical-align: top; }
    .page-project .feedback-group .feedback .feed-user {
      width: 35%;
      padding-left: 10px;
      margin-right: 10px; }
      .page-project .feedback-group .feedback .feed-user img {
        width: 60px;
        background-color: #fff;
        border: 1px solid #333333;
        margin-right: 10px;
        margin-bottom: 5px; }
      .page-project .feedback-group .feedback .feed-user .name {
        font-size: 14px; }
        .page-project .feedback-group .feedback .feed-user .name h5 {
          margin-top: 0; }
    .page-project .feedback-group .feedback .feed-body {
      width: 35%;
      font-size: 12px; }
    .page-project .feedback-group .feedback .feed-timestamp {
      padding-left: 10px;
      width: 25%;
      font-size: 12px; }
    .page-project .feedback-group .feedback .user-nickname {
      font-weight: bold; }
  .page-project .feedback-group form {
    overflow: hidden; }
    .page-project .feedback-group form .feedback {
      width: 100%;
      padding-bottom: 10px; }
      .page-project .feedback-group form .feedback .feedback-image {
        width: 12%;
        display: block;
        overflow: hidden;
        float: left; }
        .page-project .feedback-group form .feedback .feedback-image img {
          width: 40px;
          margin-left: 15px;
          float: left; }
      .page-project .feedback-group form .feedback .feedback-area {
        width: 88%;
        overflow: hidden;
        display: block; }
        .page-project .feedback-group form .feedback .feedback-area textarea {
          margin-left: 10px;
          float: left;
          resize: none;
          width: 95%; }
  .page-project .timestamp {
    font-size: 10px;
    text-align: right;
    margin: 5px 0 10px; }
  .page-project .project-collaborates .collaborate {
    margin-bottom: 26px; }
    .page-project .project-collaborates .collaborate .profile-container {
      margin: 10px 0; }
    .page-project .project-collaborates .collaborate .collaborate-role {
      clear: both;
      font-size: 13px; }
      .page-project .project-collaborates .collaborate .collaborate-role p {
        margin: 0px; }
  .page-project .project-collaborates .card {
    border: none; }
    .page-project .project-collaborates .card:hover {
      cursor: pointer; }
    .page-project .project-collaborates .card .user-card {
      padding: 8px; }
  .page-project .project-awards {
    font-size: 16px;
    padding: 15px 10px;
    background-color: #eee;
    border: 1px solid #ddd; }
    .page-project .project-awards i {
      width: 30px; }
    .page-project .project-awards a {
      color: #00AEEF;
      font-weight: bold;
      text-decoration: none; }
  .page-project .aha {
    margin-bottom: 20px;
    border: none;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD; }
    .page-project .aha .card-heading {
      padding: 6px 8px 0px 8px; }
      .page-project .aha .card-heading p {
        text-align: center;
        color: #ED1C24 !important;
        font-family: "Messina Sans Regular";
        font-size: 0.95rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        line-height: inherit !important; }
    .page-project .aha .card-block {
      padding: 0px 14px; }
      .page-project .aha .card-block p {
        font-family: "Messina Sans Regular";
        font-size: 0.95rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        line-height: inherit !important; }
  .page-project .uh-oh {
    margin-bottom: 20px;
    border: none;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD; }
    .page-project .uh-oh .card-heading {
      padding: 6px 8px 0px 8px; }
      .page-project .uh-oh .card-heading p {
        text-align: center;
        color: #ED1C24 !important;
        font-family: "Messina Sans Regular";
        font-size: 0.95rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        line-height: inherit !important; }
    .page-project .uh-oh .card-block {
      padding: 0px 14px; }
      .page-project .uh-oh .card-block p {
        font-family: "Messina Sans Regular";
        font-size: 0.95rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        line-height: inherit !important; }
  .page-project .license-report .license {
    font-size: 14px;
    color: #828282; }
  .page-project .license-report .report {
    font-size: 0.8rem;
    color: #00AEEF; }
  .page-project .panel {
    border-width: 3px;
    border-radius: 15px;
    padding: 6px; }
    .page-project .panel .panel-heading {
      background-color: transparent;
      border-bottom-width: 3px; }
      .page-project .panel .panel-heading h3 {
        font-weight: bold;
        color: #333333;
        margin: 0;
        font-size: 20px; }
        .page-project .panel .panel-heading h3 i {
          width: 55px;
          font-size: 25px;
          text-align: center; }
  .page-project .block-style {
    padding: 10px;
    background-color: #eee;
    border: 1px solid #ccc;
    font-size: 13px; }
  .page-project .avg-time {
    border: 1px solid #ccc; }
    .page-project .avg-time p {
      margin: 0; }

header.showcase-project {
  border-bottom: 1px solid #000;
  margin-bottom: 15px; }
  header.showcase-project ul {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    justify-content: space-between;
    align-items: center; }
  header.showcase-project .btn {
    width: 150px; }
  header.showcase-project h3 {
    text-decoration: underline;
    display: inline-block;
    text-align: center; }
    header.showcase-project h3 a {
      color: #000; }

header.showcase-project .previous {
  text-align: center; }
header.showcase-project .title {
  text-align: center; }
header.showcase-project .next {
  text-align: center; }

.page-project .clearfix {
  clear: both; }

.projects-grid .project:hover {
  cursor: pointer; }

.feedback-group {
  margin-bottom: 10px; }
  .feedback-group .feedback-card {
    padding: 10px;
    background: white;
    word-wrap: break-word;
    margin-bottom: 4px; }
    .feedback-group .feedback-card .user-info {
      padding: 4px 0px 0px 0px; }
      .feedback-group .feedback-card .user-info p {
        margin-bottom: 0px; }
      .feedback-group .feedback-card .user-info .user-details {
        padding-left: 1px; }
        .feedback-group .feedback-card .user-info .user-details .user-fullname {
          font-size: 16px;
          margin-right: 10px;
          color: #00AEEF;
          cursor: pointer; }
        .feedback-group .feedback-card .user-info .user-details .feed-timestamp p {
          color: #bebebe; }
        .feedback-group .feedback-card .user-info .user-details .feed-timestamp i {
          margin-left: 4px;
          font-size: 4px;
          color: #bebebe; }
        .feedback-group .feedback-card .user-info .user-details .user-nickname {
          font-family: "Messina Sans Regular";
          font-size: 0.9rem;
          font-weight: 400;
          line-height: 130%;
          color: #828282;
          color: #4F4F4F;
          cursor: pointer; }
        .feedback-group .feedback-card .user-info .user-details p {
          font-size: 14px;
          padding-top: 2px;
          color: #4F4F4F; }
    .feedback-group .feedback-card .feed-timestamp {
      margin: 0px;
      color: #bebebe;
      font-size: 13px; }
    .feedback-group .feedback-card .content-section .user-pic img {
      width: 50px;
      height: 50px;
      margin: 0 auto;
      cursor: pointer; }
    .feedback-group .feedback-card .content-section .media-body {
      padding: 0px 4px 0px 4px; }
      .feedback-group .feedback-card .content-section .media-body p {
        color: #4F4F4F;
        margin: 0px; }
  .feedback-group .comment-body p {
    margin: 0px;
    font-family: "Messina Sans Regular";
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 100%;
    color: #828282;
    color: #4F4F4F;
    line-height: inherit !important; }
  .feedback-group .new-comment {
    padding: 10px;
    background-color: white; }
    .feedback-group .new-comment .comment-image {
      padding-top: 4px; }
      .feedback-group .new-comment .comment-image img {
        width: 48px;
        height: 48px; }
    .feedback-group .new-comment .comment-body {
      position: relative; }
      .feedback-group .new-comment .comment-body textarea {
        font-family: "Messina Sans Regular";
        font-size: 0.95rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        border: 1px solid #ccc;
        color: #4F4F4F;
        margin-top: 2px;
        position: relative;
        padding: 8px 10px;
        resize: none; }
        .feedback-group .new-comment .comment-body textarea .feedback-label {
          width: 100%;
          font-weight: bold; }
        .feedback-group .new-comment .comment-body textarea::-webkit-input-placeholder {
          font-size: 14px;
          font-weight: bold;
          padding-top: 4px; }
        .feedback-group .new-comment .comment-body textarea:-moz-placeholder {
          /* older Firefox*/
          font-size: 14px;
          font-weight: bold;
          padding-top: 4px; }
        .feedback-group .new-comment .comment-body textarea::-moz-placeholder {
          /* Firefox 19+ */
          font-size: 14px;
          font-weight: bold;
          padding-top: 4px; }
        .feedback-group .new-comment .comment-body textarea:-ms-input-placeholder {
          font-size: 14px;
          font-weight: bold;
          padding-top: 4px; }
      .feedback-group .new-comment .comment-body button {
        display: inline-table;
        color: #BDBDBD;
        border: none;
        margin: 0;
        position: absolute;
        bottom: 8px;
        right: 12px;
        background: none; }
        .feedback-group .new-comment .comment-body button:hover {
          cursor: pointer; }
        .feedback-group .new-comment .comment-body button span {
          width: auto;
          height: auto;
          line-height: normal; }
          .feedback-group .new-comment .comment-body button span i {
            font-size: 28px;
            font-weight: bold; }
        .feedback-group .new-comment .comment-body button:hover {
          color: #00AEEF;
          border: none; }
        .feedback-group .new-comment .comment-body button:focus {
          border: none;
          outline: none;
          outline: none; }

.page-project .projectsingle-card {
  position: relative;
  background-color: white;
  padding: 0px;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .page-project .projectsingle-card .left-side {
    padding-left: 0px; }
    .page-project .projectsingle-card .left-side .image-container {
      -moz-box-shadow: 2px 2px 8px #BDBDBD;
      -webkit-box-shadow: 2px 2px 8px #BDBDBD;
      box-shadow: 2px 2px 8px #BDBDBD;
      position: relative; }
      .page-project .projectsingle-card .left-side .image-container img {
        width: 100%;
        height: auto;
        max-width: 100%; }
    .page-project .projectsingle-card .left-side .project-card-badges {
      margin: 0px;
      position: absolute;
      bottom: -20px;
      padding-left: 14px;
      z-index: 10; }
      .page-project .projectsingle-card .left-side .project-card-badges .project-badge {
        width: auto; }
        .page-project .projectsingle-card .left-side .project-card-badges .project-badge img {
          height: 36px;
          width: 30px;
          margin-right: 5px; }
    .page-project .projectsingle-card .left-side .actions-button {
      padding: 4px 10px; }
  .page-project .projectsingle-card .right-side {
    padding: 0px; }
    .page-project .projectsingle-card .right-side .card-container {
      position: relative;
      height: 100%; }
      .page-project .projectsingle-card .right-side .card-container .card {
        border: none;
        min-height: 400px;
        padding: 0px 8px;
        height: 100%; }
      .page-project .projectsingle-card .right-side .card-container .projects-circle {
        color: #00AEEF;
        min-height: 38px; }
        .page-project .projectsingle-card .right-side .card-container .projects-circle .go-previous {
          margin-right: 10px; }
        .page-project .projectsingle-card .right-side .card-container .projects-circle .go-next {
          margin-left: 10px; }
        .page-project .projectsingle-card .right-side .card-container .projects-circle i {
          font-size: 25px; }
        .page-project .projectsingle-card .right-side .card-container .projects-circle .showcase-nav a {
          font-family: "Messina Sans Regular";
          font-size: 0.95rem;
          font-weight: 400;
          line-height: 100%;
          color: #828282;
          color: #00AEEF;
          font-size: 15px !important;
          text-decoration: none;
          cursor: auto; }
      .page-project .projectsingle-card .right-side .card-container .card-title {
        font-family: "Messina Modern Regular";
        font-size: 2.6rem;
        font-weight: 500;
        line-height: 120%;
        color: #828282;
        word-wrap: break-word;
        color: #4F4F4F; }
      .page-project .projectsingle-card .right-side .card-container .card-description h4 {
        font-weight: bold; }
      .page-project .projectsingle-card .right-side .card-container .card-description p {
        font-family: "Messina Sans Regular";
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 130%;
        color: #828282;
        margin-bottom: 10px;
        word-wrap: break-word;
        color: #4F4F4F; }
      .page-project .projectsingle-card .right-side .card-container .card-date {
        color: #828282;
        font-size: 13px;
        margin-bottom: 2px; }
      .page-project .projectsingle-card .right-side .card-container .topics {
        height: auto;
        padding-bottom: 18px; }
      .page-project .projectsingle-card .right-side .card-container .card-tags {
        color: #ED1C24;
        font-size: 14px;
        font-weight: bold; }
        .page-project .projectsingle-card .right-side .card-container .card-tags .project-tag {
          color: #828282;
          font-weight: normal; }
          .page-project .projectsingle-card .right-side .card-container .card-tags .project-tag .tags-comma {
            padding-right: 2px; }
          .page-project .projectsingle-card .right-side .card-container .card-tags .project-tag:last-child .tags-comma {
            display: none; }
      .page-project .projectsingle-card .right-side .card-container .project-card-footer {
        margin: 14px 0px;
        overflow: hidden;
        height: 73px; }
        .page-project .projectsingle-card .right-side .card-container .project-card-footer ul {
          margin: 0 auto; }
          .page-project .projectsingle-card .right-side .card-container .project-card-footer ul li.active a {
            background-color: #00AEEF;
            border: 1px solid rgba(130, 130, 130, 0.2);
            color: white; }
          .page-project .projectsingle-card .right-side .card-container .project-card-footer ul li a {
            border: 1px solid rgba(130, 130, 130, 0.2);
            padding: 14px 21px;
            width: 140px; }

/* project card on search page */
.project-search-card {
  margin: 0px;
  border: none; }
  .project-search-card .project-card-small {
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 0;
    border: 1px solid #4ab0d8;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD; }
    .project-search-card .project-card-small:hover {
      cursor: pointer; }
    .project-search-card .project-card-small .media {
      margin-bottom: -8px; }
      .project-search-card .project-card-small .media .project-pic-container {
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 0;
        position: relative;
        left: -20px;
        top: -40px;
        margin-bottom: -20px;
        width: 180px;
        height: 145px; }
        .project-search-card .project-card-small .media .project-pic-container .maker-photo {
          display: block;
          width: 136px;
          height: 160px;
          margin-bottom: 4px; }
      .project-search-card .project-card-small .media .media-body .card-title {
        margin-left: -8px; }
      .project-search-card .project-card-small .media .media-body .card-type {
        top: 40px;
        right: -24px;
        font-size: 16px !important; }
    .project-search-card .project-card-small .maker-project-info {
      padding: 2px 5px 5px 5px; }
      .project-search-card .project-card-small .maker-project-info .profile-pic-container img {
        width: 70px;
        height: 70px; }
      .project-search-card .project-card-small .maker-project-info .card-stats {
        padding: 2px;
        color: #BDBDBD; }
        .project-search-card .project-card-small .maker-project-info .card-stats ul {
          margin-bottom: 6px; }
          .project-search-card .project-card-small .maker-project-info .card-stats ul li {
            font-family: "Messina Sans Regular";
            font-size: 0.9rem;
            font-weight: 400;
            line-height: 100%;
            color: #828282;
            font-weight: normal !important;
            font-size: 13px !important;
            color: #BDBDBD;
            min-width: 60px;
            margin: 0px 4px; }
            .project-search-card .project-card-small .maker-project-info .card-stats ul li img {
              margin-right: 6px; }
              .project-search-card .project-card-small .maker-project-info .card-stats ul li img.project-likes {
                width: 12px; }
              .project-search-card .project-card-small .maker-project-info .card-stats ul li img.project-views {
                width: 20px; }
            .project-search-card .project-card-small .maker-project-info .card-stats ul li span {
              margin: 0px; }
        .project-search-card .project-card-small .maker-project-info .card-stats .icons-side-user {
          width: 80px;
          overflow: hidden; }
          .project-search-card .project-card-small .maker-project-info .card-stats .icons-side-user .user-icon {
            float: left; }
            .project-search-card .project-card-small .maker-project-info .card-stats .icons-side-user .user-icon img {
              width: 30px; }

.report {
  color: #00AEEF;
  font-size: 0.9rem; }

textarea {
  border: 1px solid #DCDCDC;
  color: #BDBDBD;
  padding: 12px; }
  textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    text-align: left;
    color: #BDBDBD; }
  textarea::-moz-placeholder {
    /* Firefox 19+ */
    text-align: left;
    color: #BDBDBD; }
  textarea:-ms-input-placeholder {
    /* IE 10+ */
    text-align: center;
    color: #BDBDBD; }
  textarea:-moz-placeholder {
    /* Firefox 18- */
    text-align: center;
    color: #BDBDBD; }

.license-report {
  font-size: 0.8rem;
  text-align: center; }

.page-explore .card-type-blue {
  display: none; }

.capitalize {
  text-transform: capitalize; }

.upload-cover-modal .modal-title {
  padding: 5px 10px 5px 4px !important;
  color: #ED1C24 !important; }

.project-body iframe {
  margin-bottom: 30px; }

.page-learn {
  background-color: white;
  padding-bottom: 40px; }

.learn-card {
  margin-bottom: 10px; }
  .learn-card .card {
    background-color: transparent;
    border: none; }
  .learn-card .single-learn {
    padding: 10px; }
    .learn-card .single-learn img {
      width: 250px; }
    .learn-card .single-learn .card-partership {
      color: #00AEEF; }
  .learn-card .image-container {
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD; }
  .learn-card .container-content {
    position: relative; }
  .learn-card .card-container .card-partership {
    font-family: "Messina Sans Regular";
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 130%;
    color: #828282;
    text-align: right;
    min-height: 16px;
    margin-bottom: 10px; }
    .learn-card .card-container .card-partership p {
      margin-bottom: 0px; }
  .learn-card .card-container .card-description h4 {
    font-weight: bold; }
  .learn-card .card-container .workshop-tags ul {
    padding: 0px; }
  .learn-card .card-container .learn-card-footer .learn-card-footer-1 {
    bottom: 5px;
    align-self: end; }
    .learn-card .card-container .learn-card-footer .learn-card-footer-1 a.btn.btn-grey {
      background-color: #BDBDBD; }
  .learn-card .card-container .learn-card-footer .learn-card-footer-2 .learn-card-count {
    font-size: 14px;
    color: #4F4F4F; }
    .learn-card .card-container .learn-card-footer .learn-card-footer-2 .learn-card-count .follow-count {
      padding-left: 10px; }
    .learn-card .card-container .learn-card-footer .learn-card-footer-2 .learn-card-count .entries-count {
      padding-right: 10px;
      border-right: 1px solid white; }
  .learn-card .card-container .learn-card-footer .learn-card-footer-2 .learn-card-status .open-status,
  .learn-card .card-container .learn-card-footer .learn-card-footer-2 .learn-card-status .closed-status {
    font-weight: bold;
    font-size: 16px;
    padding-right: 5px; }
  .learn-card .card-container .learn-card-footer .learn-card-footer-2 .learn-card-status .open-status {
    color: white; }
  .learn-card .card-container .learn-card-footer .learn-card-footer-2 .learn-card-status .closed-status {
    color: #00AEEF; }
  .learn-card .card-container .learn-card-footer .learn-card-footer-2 .learn-card-status .learn-end-date {
    font-size: 14px; }

.learn-header {
  margin-bottom: 25px;
  text-align: center; }
  .learn-header h3 {
    font-family: "Messina Modern Regular";
    font-size: 3.4rem;
    font-weight: 400;
    line-height: 100%;
    color: #4F4F4F;
    text-transform: capitalize;
    margin: auto;
    padding-top: 45px;
    padding-bottom: 10px;
    font-weight: normal; }
  .learn-header p {
    font-family: "Messina Sans Regular";
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 130%;
    color: #828282;
    width: 100%;
    margin: auto; }

.page-learn .learn-card {
  position: relative;
  padding: 16px;
  overflow: hidden;
  cursor: pointer;
  background-color: #DCDCDC;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .page-learn .learn-card .learn-type-bagde {
    position: absolute;
    top: 38px;
    right: -40px;
    transform: rotate(-90deg);
    color: #4F4F4F;
    padding: 0px 10px 0px 0px; }
    .page-learn .learn-card .learn-type-bagde p {
      margin: 0px; }
  .page-learn .learn-card .learn-item {
    padding: 10px; }
    .page-learn .learn-card .learn-item img {
      width: 250px; }
    .page-learn .learn-card .learn-item .card-partership {
      color: #00AEEF; }
  .page-learn .learn-card .image-container {
    position: relative;
    padding: 0px;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD; }
    .page-learn .learn-card .image-container img {
      width: 100%;
      height: 100%; }
  .page-learn .learn-card .card-container {
    color: #fff;
    position: relative; }
    .page-learn .learn-card .card-container .card-title {
      font-family: "Messina Modern Regular";
      font-size: 2.6rem;
      font-weight: 500;
      line-height: 120%;
      color: #828282;
      font-size: 38px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      min-height: 67px;
      color: #4F4F4F;
      padding: 0px 10px 0px 0px; }
    .page-learn .learn-card .card-container .card-status {
      font-family: "Messina Sans Regular";
      font-size: 1.3rem;
      font-weight: 400;
      line-height: 110%;
      color: #828282;
      display: inline-block;
      text-transform: none; }
    .page-learn .learn-card .card-container .card-description h4 {
      font-weight: bold; }
    .page-learn .learn-card .card-container .card-description p {
      font-family: "Messina Sans Regular";
      font-size: 0.9rem;
      font-weight: 400;
      line-height: 130%;
      color: #828282;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #4F4F4F; }
    .page-learn .learn-card .card-container .card-buttons a.btn.btn-grey {
      background-color: #BDBDBD; }
    .page-learn .learn-card .card-container .card-buttons .follow-number {
      background-color: #aaaaaa;
      padding: 3px 15px;
      border-radius: 20px;
      font-size: 13px;
      margin-left: 10px; }

.page-learn-summary {
  background-color: #F2F2F2; }

/* learn card on search page */
/* challenge card on search page */
.front .learn-card {
  position: relative;
  padding: 0px;
  cursor: pointer;
  background-color: #DCDCDC;
  height: 460px;
  margin-bottom: 30px;
  overflow: hidden;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .front .learn-card .card-type {
    top: 60px;
    right: -30px;
    color: #828282;
    margin-right: 15px; }
  .front .learn-card .card-partnership-mobile {
    position: absolute;
    top: 15px;
    right: 24px;
    color: #fff;
    text-shadow: 1px 1px 5px #333333;
    z-index: 1; }
  .front .learn-card .learn-item {
    padding: 10px; }
    .front .learn-card .learn-item img {
      width: 250px; }
    .front .learn-card .learn-item .card-partership {
      color: #00AEEF; }
  .front .learn-card .image-container {
    position: relative;
    padding: 0;
    height: 430px;
    max-width: 350px;
    margin-left: -15px;
    -moz-box-shadow: 2px 2px 8px #474747;
    -webkit-box-shadow: 2px 2px 8px #474747;
    box-shadow: 2px 2px 8px #474747; }
    .front .learn-card .image-container img {
      width: 100%;
      height: 100%; }
  .front .learn-card .container-content {
    padding-top: 30px;
    padding-bottom: 30px; }
  .front .learn-card .card-container {
    color: #fff;
    position: relative; }
    .front .learn-card .card-container .learn-type-bagde {
      position: absolute;
      top: 38px;
      right: -50px;
      transform: rotate(-90deg);
      color: #4F4F4F; }
      .front .learn-card .card-container .learn-type-bagde p {
        margin: 0px; }
    .front .learn-card .card-container .card-partership {
      margin: 0px 0px 16px 0px; }
    .front .learn-card .card-container .card-title {
      font-family: "Messina Modern Regular";
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 115%;
      color: #828282;
      color: #4F4F4F;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .front .learn-card .card-container .card-status {
      font-family: "Messina Sans Regular";
      font-size: 1.3rem;
      font-weight: 400;
      line-height: 110%;
      color: #828282;
      display: inline-block;
      text-transform: none; }
    .front .learn-card .card-container .card-description h4 {
      font-weight: bold; }
    .front .learn-card .card-container .card-description p {
      font-family: "Messina Sans Regular";
      font-size: 0.9rem;
      font-weight: 400;
      line-height: 130%;
      color: #828282;
      display: -webkit-box;
      -webkit-line-clamp: 8;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #4F4F4F; }
    .front .learn-card .card-container .card-buttons a.btn.btn-grey {
      background-color: #BDBDBD; }
    .front .learn-card .card-container .card-buttons .follow-number {
      background-color: #aaaaaa;
      padding: 3px 15px;
      border-radius: 20px;
      font-size: 13px;
      margin-left: 10px; }
    .front .learn-card .card-container .learn-card-footer-1 .button-container-main-1 .btn {
      width: 140px;
      padding: 15px 0px; }

.search-learn-card .learn-card {
  position: relative;
  padding: 0px;
  cursor: pointer;
  background-color: #DCDCDC;
  height: 460px;
  margin-bottom: 30px;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .search-learn-card .learn-card .card-type {
    top: 60px;
    right: -30px;
    color: #828282;
    margin-right: 15px; }
  .search-learn-card .learn-card .learn-item {
    padding: 10px; }
    .search-learn-card .learn-card .learn-item img {
      width: 250px; }
  .search-learn-card .learn-card .image-container {
    padding: 0;
    width: 100%;
    height: 195px; }
    .search-learn-card .learn-card .image-container img {
      width: 100%;
      height: 100%; }
  .search-learn-card .learn-card .container-content {
    padding-bottom: 10px;
    height: 265px; }
  .search-learn-card .learn-card .card-container {
    color: #fff;
    position: relative; }
    .search-learn-card .learn-card .card-container .card {
      padding: 0px 12px; }
    .search-learn-card .learn-card .card-container .card-partership {
      font-family: "Messina Sans Regular";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      text-transform: none;
      font-size: 14px;
      display: inline-block;
      min-height: 16px;
      margin: 12px 0px 12px 0px; }
      .search-learn-card .learn-card .card-container .card-partership p {
        margin-bottom: 0px; }
    .search-learn-card .learn-card .card-container .card-title {
      font-family: "Messina Modern Regular";
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 115%;
      color: #828282;
      color: #4F4F4F; }
    .search-learn-card .learn-card .card-container .card-status {
      font-family: "Messina Sans Regular";
      font-size: 1.3rem;
      font-weight: 400;
      line-height: 110%;
      color: #828282;
      display: inline-block;
      text-transform: none; }
    .search-learn-card .learn-card .card-container .card-description h4 {
      font-weight: bold; }
    .search-learn-card .learn-card .card-container .card-description p {
      font-family: "Messina Sans Regular";
      font-size: 0.9rem;
      font-weight: 400;
      line-height: 130%;
      color: #828282;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: #4F4F4F; }
    .search-learn-card .learn-card .card-container .card-buttons a.btn.btn-grey {
      background-color: #BDBDBD; }
    .search-learn-card .learn-card .card-container .card-buttons .follow-number {
      background-color: #aaaaaa;
      padding: 3px 15px;
      border-radius: 20px;
      font-size: 13px;
      margin-left: 10px; }
    .search-learn-card .learn-card .card-container .learn-card-footer-1 .button-container-main-1 .btn {
      padding: 15px 20px; }
    .search-learn-card .learn-card .card-container .learn-card-footer-2 .learn-card-count {
      color: #4F4F4F; }

.page-showcase,
.page-single-showcase {
  background-color: #F2F2F2;
  padding-bottom: 40px; }
  .page-showcase .showcase-header,
  .page-single-showcase .showcase-header {
    margin-bottom: 25px;
    text-align: center; }
    .page-showcase .showcase-header h3,
    .page-single-showcase .showcase-header h3 {
      font-family: "Messina Modern Regular";
      font-size: 3.4rem;
      font-weight: 400;
      line-height: 100%;
      color: #4F4F4F;
      text-transform: capitalize;
      margin: auto;
      padding-top: 45px;
      padding-bottom: 10px;
      font-weight: normal; }
    .page-showcase .showcase-header p,
    .page-single-showcase .showcase-header p {
      font-family: "Messina Sans Regular";
      font-size: 0.9rem;
      font-weight: 400;
      line-height: 130%;
      color: #828282;
      width: 85%;
      margin: auto; }

.aha {
  border-radius: 0; }

.uh-oh {
  border-radius: 0; }

.go-back,
.go-previous,
.go-next {
  display: inline-block;
  font-size: 36px;
  color: #4F4F4F; }

.showcase-card-backlayer {
  background-color: #D4EFFC;
  transition: background-color 0.8s ease;
  padding-right: 23px;
  padding-bottom: 9px;
  margin-bottom: 10px;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .showcase-card-backlayer:hover {
    background-color: #00AEEF;
    transition: background-color 0.8s ease; }
  .showcase-card-backlayer .showcase-card {
    position: relative;
    padding: 16px;
    background-color: white;
    cursor: pointer;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD; }
    .showcase-card-backlayer .showcase-card .card {
      background-color: transparent;
      border: none; }
      .showcase-card-backlayer .showcase-card .card .user-card {
        padding: 10px 0px; }
        .showcase-card-backlayer .showcase-card .card .user-card .count {
          display: none; }
        .showcase-card-backlayer .showcase-card .card .user-card .profile-tag {
          display: none; }
        .showcase-card-backlayer .showcase-card .card .user-card .user-nickname a {
          color: #4F4F4F; }
        .showcase-card-backlayer .showcase-card .card .user-card .user-city {
          color: #828282; }
    .showcase-card-backlayer .showcase-card .single-showcase {
      padding: 10px; }
      .showcase-card-backlayer .showcase-card .single-showcase img {
        width: 250px; }
      .showcase-card-backlayer .showcase-card .single-showcase .card-partership {
        color: #00AEEF; }
    .showcase-card-backlayer .showcase-card .left-side {
      padding: 0px; }
    .showcase-card-backlayer .showcase-card .image-container {
      position: relative;
      padding: 0;
      height: auto;
      cursor: pointer; }
      .showcase-card-backlayer .showcase-card .image-container img {
        width: 100%;
        height: auto; }
    .showcase-card-backlayer .showcase-card .card-container {
      color: #fff;
      height: 100%;
      position: relative; }
      .showcase-card-backlayer .showcase-card .card-container .card {
        height: 100%; }
      .showcase-card-backlayer .showcase-card .card-container .showcase-type-badge {
        position: absolute;
        top: 24px;
        right: -55px;
        transform: rotate(-90deg); }
        .showcase-card-backlayer .showcase-card .card-container .showcase-type-badge p {
          margin: 0px;
          color: #BDBDBD; }
      .showcase-card-backlayer .showcase-card .card-container .card-title {
        font-family: "Messina Modern Regular";
        font-size: 2.6rem;
        font-weight: 500;
        line-height: 120%;
        color: #828282;
        color: #4F4F4F;
        cursor: pointer; }
      .showcase-card-backlayer .showcase-card .card-container .card-status {
        font-family: "Messina Sans Regular";
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 110%;
        color: #828282;
        display: inline-block;
        text-transform: none; }
      .showcase-card-backlayer .showcase-card .card-container .card-description h4 {
        font-weight: bold; }
      .showcase-card-backlayer .showcase-card .card-container .card-description p {
        font-family: "Messina Sans Regular";
        font-size: 0.95rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        color: #4F4F4F;
        font-weight: normal;
        line-height: 1.5rem; }
      .showcase-card-backlayer .showcase-card .card-container .card-buttons a.btn.btn-grey {
        background-color: #BDBDBD; }
      .showcase-card-backlayer .showcase-card .card-container .card-buttons .follow-number {
        background-color: #aaaaaa;
        padding: 3px 15px;
        border-radius: 20px;
        font-size: 13px;
        margin-left: 10px; }
    .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-1 {
      bottom: 5px;
      align-self: end; }
      .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-1 a.btn.btn-grey {
        background-color: #BDBDBD; }
    .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 {
      padding-top: 16px; }
      .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count {
        font-size: 14px; }
        .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count div {
          min-width: 60px;
          text-align: center; }
        .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .showcase-likes img {
          width: 12px; }
        .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .projects-count-div {
          margin-left: 20px; }
        .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .project-like img {
          width: 13px;
          height: auto; }
        .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .project-like span {
          font-size: 14px;
          color: #828282;
          padding: 0px 4px; }
        .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .project-like a {
          padding: 0px; }
        .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .views-count {
          color: #BDBDBD; }
        .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .showcase-views {
          width: 22px;
          height: auto;
          padding-bottom: 3px; }
        .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .projects-count {
          color: #BDBDBD; }
      .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .update-date {
        padding-right: 10px;
        color: #BDBDBD; }
      .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-date {
        height: auto; }
      .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-status .open-status,
      .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-status .closed-status {
        font-weight: bold;
        font-size: 16px;
        padding-right: 5px; }
    .showcase-card-backlayer .showcase-card .showcase-likes {
      color: #BDBDBD; }

.page-single-showcase .showcase-card-backlayer .showcase-card {
  cursor: auto; }
  .page-single-showcase .showcase-card-backlayer .showcase-card .image-container {
    cursor: auto; }
  .page-single-showcase .showcase-card-backlayer .showcase-card .card-container .card-title {
    cursor: auto; }
.page-single-showcase .showcase-card-backlayer {
  background-color: #D4EFFC;
  transition: inherit;
  padding-right: 23px;
  padding-bottom: 9px;
  margin-bottom: 10px;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .page-single-showcase .showcase-card-backlayer:hover {
    background-color: #D4EFFC;
    transition: inherit; }
.page-single-showcase .projects-grid .showcase-wrapper {
  display: block;
  width: 92%;
  height: 100%;
  position: absolute;
  z-index: 8;
  top: 0px; }
.page-single-showcase .projects-grid .project.card {
  border: 1px solid #4ab0d8;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
.page-single-showcase .card-description p {
  display: block !important;
  -webkit-box-orient: inherit !important;
  overflow: inherit !important;
  height: auto !important;
  -webkit-line-clamp: inherit !important;
  font-weight: normal;
  line-height: 1.5rem; }
.page-single-showcase .entries-count {
  color: #4F4F4F;
  padding: 0; }
.page-single-showcase .profile-container .spotlight-item .user-card {
  padding: 30px 11px 8px 0px; }
  .page-single-showcase .profile-container .spotlight-item .user-card .media .profile-pic-container {
    width: 80px; }
    .page-single-showcase .profile-container .spotlight-item .user-card .media .profile-pic-container .icons-side-user {
      width: auto;
      overflow: initial;
      position: absolute;
      top: -13px;
      left: 10px; }
      .page-single-showcase .profile-container .spotlight-item .user-card .media .profile-pic-container .icons-side-user .user-icon {
        width: auto; }
        .page-single-showcase .profile-container .spotlight-item .user-card .media .profile-pic-container .icons-side-user .user-icon img {
          height: 35px;
          width: 30px;
          margin-right: 5px; }
  .page-single-showcase .profile-container .spotlight-item .user-card .media .media-body {
    width: calc(100% - 80px); }
    .page-single-showcase .profile-container .spotlight-item .user-card .media .media-body .user-icon {
      margin: 0 10px; }

img {
  max-width: 100%;
  height: auto; }

/* front page */
.front .showcase .col-lg-4 {
  margin-bottom: 10px; }
  .front .showcase .col-lg-4 .showcase-item .image-container {
    width: 340px;
    height: 265px; }
    .front .showcase .col-lg-4 .showcase-item .image-container img {
      width: 100%;
      height: 100%; }
  .front .showcase .col-lg-4 .showcase-item .content .description {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 88px;
    color: #4F4F4F;
    line-height: 140%; }

.showcase-card-backlayer-home {
  background-color: #D4EFFC;
  transition: background-color 0.8s ease;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD;
  height: 460px;
  margin-bottom: 20px; }
  .showcase-card-backlayer-home:hover {
    background-color: #D4EFFC;
    transition: background-color 0.8s ease; }
  .showcase-card-backlayer-home:hover .showcase-card-backlayer-home-2 {
    transition: background-color 0.8s ease;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD;
    background-color: #00AEEF; }
  .showcase-card-backlayer-home .showcase-card-backlayer-home-2 {
    margin-bottom: 10px;
    position: relative;
    margin-bottom: 10px;
    margin-right: 10px;
    background-color: transparent;
    transition: background-color 0.8s ease;
    height: 450px; }
  .showcase-card-backlayer-home .showcase-card {
    position: relative;
    padding: 16px;
    margin-bottom: 10px;
    margin-right: 10px;
    cursor: pointer;
    background-color: white;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD;
    height: 440px; }
    .showcase-card-backlayer-home .showcase-card .card {
      background-color: transparent;
      border: none; }
      .showcase-card-backlayer-home .showcase-card .card .showcase-type p {
        font-size: 1rem;
        color: #00AEEF;
        margin-bottom: 0.5rem; }
    .showcase-card-backlayer-home .showcase-card .single-showcase {
      padding: 10px; }
      .showcase-card-backlayer-home .showcase-card .single-showcase img {
        width: 250px; }
      .showcase-card-backlayer-home .showcase-card .single-showcase .card-partership {
        color: #00AEEF; }
    .showcase-card-backlayer-home .showcase-card .left-side {
      padding: 0px; }
    .showcase-card-backlayer-home .showcase-card .image-container {
      position: relative;
      padding: 0;
      height: auto; }
      .showcase-card-backlayer-home .showcase-card .image-container img {
        width: 100%;
        height: auto; }
    .showcase-card-backlayer-home .showcase-card .card-container {
      color: #fff;
      height: 100%;
      position: relative; }
      .showcase-card-backlayer-home .showcase-card .card-container .card {
        height: 100%; }
      .showcase-card-backlayer-home .showcase-card .card-container .showcase-type-badge {
        position: absolute;
        top: 24px;
        right: -40px;
        transform: rotate(-90deg); }
        .showcase-card-backlayer-home .showcase-card .card-container .showcase-type-badge p {
          margin: 0px;
          color: #BDBDBD; }
      .showcase-card-backlayer-home .showcase-card .card-container .card-title {
        font-family: "Messina Modern Regular";
        font-size: 2.6rem;
        font-weight: 500;
        line-height: 120%;
        color: #828282;
        color: #4F4F4F;
        margin-bottom: 10px;
        line-height: 120% !important;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden; }
      .showcase-card-backlayer-home .showcase-card .card-container .card-status {
        font-family: "Messina Sans Regular";
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 110%;
        color: #828282;
        display: inline-block;
        text-transform: none; }
      .showcase-card-backlayer-home .showcase-card .card-container .card-description h4 {
        font-weight: bold; }
      .showcase-card-backlayer-home .showcase-card .card-container .card-description p {
        font-family: "Messina Sans Regular";
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 130%;
        color: #828282;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #4F4F4F;
        max-height: 117px;
        font-weight: normal;
        line-height: 1.5rem; }
      .showcase-card-backlayer-home .showcase-card .card-container .card-buttons a.btn.btn-grey {
        background-color: #BDBDBD; }
      .showcase-card-backlayer-home .showcase-card .card-container .card-buttons .follow-number {
        background-color: #aaaaaa;
        padding: 3px 15px;
        border-radius: 20px;
        font-size: 13px;
        margin-left: 10px; }
    .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-1 {
      bottom: 5px;
      align-self: end; }
      .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-1 a.btn.btn-grey {
        background-color: #BDBDBD; }
    .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 {
      padding-top: 4px; }
      .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count {
        font-size: 14px; }
        .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count div {
          float: left;
          margin-right: 8px;
          min-width: 50px; }
        .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .likes-count-div .showcase-likes {
          width: 12px;
          height: auto; }
        .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .likes-count-div .likes-count {
          color: #BDBDBD; }
        .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .views-count-div .showcase-views {
          width: 20px;
          height: auto;
          padding-bottom: 3px; }
        .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .views-count-div .views-count {
          color: #BDBDBD; }
        .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .projects-count-div {
          margin-left: 20px; }
        .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .update-date {
          padding-right: 10px;
          color: #BDBDBD; }
        .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .showcase-date {
          padding-left: 16px;
          height: auto; }
        .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .projects-count {
          color: #BDBDBD; }
        .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .project-like {
          color: #828282; }
          .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .project-like .btn {
            padding: 0; }
          .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .project-like img {
            width: 12px;
            margin-bottom: 3px; }
      .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-status .open-status,
      .showcase-card-backlayer-home .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-status .closed-status {
        font-weight: bold;
        font-size: 16px;
        padding-right: 5px; }

/* showcase for mobile */
.showcase-card-backlayer-mobile {
  background-color: #D4EFFC;
  transition: background-color 0.8s ease;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD;
  height: 460px;
  margin-bottom: 20px; }
  .showcase-card-backlayer-mobile:hover {
    background-color: #D4EFFC;
    transition: background-color 0.8s ease; }
  .showcase-card-backlayer-mobile:hover .showcase-card-backlayer-mobile-2 {
    transition: background-color 0.8s ease;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD;
    background-color: #00AEEF; }
  .showcase-card-backlayer-mobile .showcase-card-backlayer-mobile-2 {
    margin-bottom: 10px;
    position: relative;
    margin-bottom: 10px;
    margin-right: 10px;
    background-color: transparent;
    transition: background-color 0.8s ease;
    height: 450px; }
  .showcase-card-backlayer-mobile .showcase-card {
    position: relative;
    padding: 16px;
    margin-bottom: 10px;
    margin-right: 10px;
    cursor: pointer;
    background-color: white;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD;
    height: 440px; }
    .showcase-card-backlayer-mobile .showcase-card .card {
      background-color: transparent;
      border: none; }
      .showcase-card-backlayer-mobile .showcase-card .card .showcase-type p {
        font-size: 1rem;
        color: #00AEEF; }
    .showcase-card-backlayer-mobile .showcase-card .single-showcase {
      padding: 10px; }
      .showcase-card-backlayer-mobile .showcase-card .single-showcase img {
        width: 250px; }
      .showcase-card-backlayer-mobile .showcase-card .single-showcase .card-partership {
        color: #00AEEF; }
    .showcase-card-backlayer-mobile .showcase-card .left-side {
      padding: 0px; }
    .showcase-card-backlayer-mobile .showcase-card .image-container {
      position: relative;
      padding: 0;
      height: auto; }
      .showcase-card-backlayer-mobile .showcase-card .image-container img {
        width: 100%;
        height: auto; }
    .showcase-card-backlayer-mobile .showcase-card .card-container {
      color: #fff;
      height: 100%;
      position: relative; }
      .showcase-card-backlayer-mobile .showcase-card .card-container .card {
        height: 100%; }
      .showcase-card-backlayer-mobile .showcase-card .card-container .showcase-type-badge {
        position: absolute;
        top: 24px;
        right: -40px;
        transform: rotate(-90deg); }
        .showcase-card-backlayer-mobile .showcase-card .card-container .showcase-type-badge p {
          margin: 0px;
          color: #BDBDBD; }
      .showcase-card-backlayer-mobile .showcase-card .card-container .card-title {
        font-family: "Messina Modern Regular";
        font-size: 2.6rem;
        font-weight: 500;
        line-height: 120%;
        color: #828282;
        color: #4F4F4F;
        margin-bottom: 10px;
        line-height: 120% !important; }
      .showcase-card-backlayer-mobile .showcase-card .card-container .card-status {
        font-family: "Messina Sans Regular";
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 110%;
        color: #828282;
        display: inline-block;
        text-transform: none; }
      .showcase-card-backlayer-mobile .showcase-card .card-container .card-description h4 {
        font-weight: bold; }
      .showcase-card-backlayer-mobile .showcase-card .card-container .card-description p {
        font-family: "Messina Sans Regular";
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 130%;
        color: #828282;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #4F4F4F;
        max-height: 117px;
        font-weight: normal;
        line-height: 1.5rem; }
      .showcase-card-backlayer-mobile .showcase-card .card-container .card-buttons a.btn.btn-grey {
        background-color: #BDBDBD; }
      .showcase-card-backlayer-mobile .showcase-card .card-container .card-buttons .follow-number {
        background-color: #aaaaaa;
        padding: 3px 15px;
        border-radius: 20px;
        font-size: 13px;
        margin-left: 10px; }
    .showcase-card-backlayer-mobile .showcase-card .showcase-card-footer .showcase-card-footer-1 {
      bottom: 5px;
      align-self: end; }
      .showcase-card-backlayer-mobile .showcase-card .showcase-card-footer .showcase-card-footer-1 a.btn.btn-grey {
        background-color: #BDBDBD; }
    .showcase-card-backlayer-mobile .showcase-card .showcase-card-footer .showcase-card-footer-2 {
      padding-top: 4px; }
      .showcase-card-backlayer-mobile .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count {
        font-size: 14px; }
        .showcase-card-backlayer-mobile .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count div {
          float: left;
          margin-right: 8px;
          min-width: 50px; }
        .showcase-card-backlayer-mobile .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .likes-count-div .showcase-likes {
          width: 12px;
          height: auto; }
        .showcase-card-backlayer-mobile .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .likes-count-div .likes-count {
          color: #BDBDBD; }
        .showcase-card-backlayer-mobile .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .views-count-div .showcase-views {
          width: 20px;
          height: auto;
          padding-bottom: 3px; }
        .showcase-card-backlayer-mobile .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .views-count-div .views-count {
          color: #BDBDBD; }
        .showcase-card-backlayer-mobile .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .projects-count-div {
          margin-left: 20px; }
        .showcase-card-backlayer-mobile .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .update-date {
          padding-right: 10px;
          color: #BDBDBD; }
        .showcase-card-backlayer-mobile .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .showcase-date {
          padding-left: 16px;
          height: auto; }
        .showcase-card-backlayer-mobile .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .projects-count {
          color: #BDBDBD; }
      .showcase-card-backlayer-mobile .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-status .open-status,
      .showcase-card-backlayer-mobile .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-status .closed-status {
        font-weight: bold;
        font-size: 16px;
        padding-right: 5px; }

/* showcase card on search page */
.page-search-content .showcase-card-backlayer-search {
  padding: 0px 10px 14px 0px;
  background-color: #D4EFFC;
  transition: background-color 0.8s ease;
  -moz-box-shadow: 3px 3px 5px #BDBDBD;
  -webkit-box-shadow: 3px 3px 5px #BDBDBD;
  box-shadow: 3px 3px 5px #BDBDBD;
  height: 460px;
  margin-bottom: 30px; }
  .page-search-content .showcase-card-backlayer-search:hover {
    background-color: #D4EFFC;
    transition: background-color 0.8s ease; }
  .page-search-content .showcase-card-backlayer-search:hover .showcase-card-backlayer-search-2 {
    transition: background-color 0.8s ease;
    background-color: #00AEEF;
    -moz-box-shadow: 3px 3px 5px #BDBDBD;
    -webkit-box-shadow: 3px 3px 5px #BDBDBD;
    box-shadow: 3px 3px 5px #BDBDBD; }
  .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 {
    transition: inherit;
    background-color: transparent;
    transition: background-color 0.8s ease;
    height: 100%;
    padding: 0px 10px 12px 0px;
    margin-bottom: 0px; }
    .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card {
      padding: 16px;
      cursor: pointer;
      height: 100%;
      background-color: white;
      -moz-box-shadow: 2px 2px 8px #BDBDBD;
      -webkit-box-shadow: 2px 2px 8px #BDBDBD;
      box-shadow: 2px 2px 8px #BDBDBD; }
      .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .card {
        background-color: transparent;
        border: none; }
        .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .card .showcase-type p {
          color: #00AEEF; }
      .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .card-container {
        color: #fff;
        height: 100%;
        position: relative; }
        .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .card-container .card {
          height: 100%; }
        .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .card-container .card-title {
          font-family: "Messina Modern Regular";
          font-size: 2.6rem;
          font-weight: 500;
          line-height: 120%;
          color: #828282;
          display: -webkit-box;
          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical;
          overflow: hidden;
          max-height: 200px;
          color: #4F4F4F;
          margin-bottom: 10px;
          line-height: 120% !important; }
        .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .card-container .card-status {
          font-family: "Messina Sans Regular";
          font-size: 1.3rem;
          font-weight: 400;
          line-height: 110%;
          color: #828282;
          display: inline-block;
          text-transform: none; }
        .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .card-container .card-description h4 {
          font-weight: bold; }
        .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .card-container .card-description p {
          font-family: "Messina Sans Regular";
          font-size: 0.9rem;
          font-weight: 400;
          line-height: 130%;
          color: #828282;
          display: -webkit-box;
          -webkit-line-clamp: 5;
          -webkit-box-orient: vertical;
          overflow: hidden;
          color: #4F4F4F;
          max-height: 117px;
          font-weight: normal;
          line-height: 1.5rem; }
        .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .card-container .card-buttons a.btn.btn-grey {
          background-color: #BDBDBD; }
        .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .card-container .card-buttons .follow-number {
          background-color: #aaaaaa;
          padding: 3px 15px;
          border-radius: 20px;
          font-size: 13px;
          margin-left: 10px; }
      .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-1 {
        bottom: 5px;
        align-self: end; }
        .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-1 a.btn.btn-grey {
          background-color: #BDBDBD; }
      .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 {
        padding-top: 4px; }
        .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count {
          font-size: 14px; }
          .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count div {
            float: left;
            margin-right: 8px;
            min-width: 50px; }
          .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .project-like {
            color: #828282; }
            .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .project-like .btn {
              padding: 0; }
            .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .project-like img {
              width: 12px;
              margin-bottom: 3px; }
          .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .projects-count-div {
            margin-left: 20px; }
          .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .views-count {
            color: #BDBDBD; }
          .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .showcase-views {
            width: 22px;
            height: auto;
            padding-bottom: 3px; }
          .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .update-date {
            padding-right: 10px;
            color: #BDBDBD; }
          .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .showcase-date {
            padding-left: 16px;
            height: auto; }
          .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .projects-count {
            color: #BDBDBD; }
          .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .showcase-likes-div .showcase-likes {
            width: 12px; }
          .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-count .showcase-likes-div span {
            color: #BDBDBD; }
        .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-status .open-status,
        .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-card-status .closed-status {
          font-weight: bold;
          font-size: 16px;
          padding-right: 5px; }

.page-create-project-why {
  color: #4F4F4F;
  background-color: #F2F2F2; }
  .page-create-project-why label {
    color: #4f4f4f; }
  .page-create-project-why .form-control::-webkit-input-placeholder {
    color: #BDBDBD; }
  .page-create-project-why .form-control::-moz-input-placeholder {
    color: #BDBDBD; }
  .page-create-project-why .form-control::-ms-input-placeholder {
    color: #BDBDBD; }
  .page-create-project-why .form-control::-moz-input-placeholder {
    color: #BDBDBD; }
  .page-create-project-why .words-count {
    font-size: 12px;
    font-weight: bold;
    color: #bdbdbd; }
  .page-create-project-why .ng2-imgcrop {
    display: block; }
  .page-create-project-why h1,
  .page-create-project-why h2,
  .page-create-project-why h3,
  .page-create-project-why h4,
  .page-create-project-why h5,
  .page-create-project-why h6 {
    color: #4f4f4f; }
  .page-create-project-why .form-group > input,
  .page-create-project-why textarea,
  .page-create-project-why #cke_how-to-make {
    max-width: 100%; }
  .page-create-project-why .add-controls {
    padding: 10px 0 5px; }
    .page-create-project-why .add-controls h1 {
      font-family: "Messina Modern Regular";
      font-size: 3.4rem;
      font-weight: 400;
      line-height: 100%;
      color: #4F4F4F;
      text-transform: capitalize; }
    .page-create-project-why .add-controls .project-create-buttons .contorls .create-project-buttons:hover {
      cursor: pointer; }
    .page-create-project-why .add-controls .project-create-buttons .contorls button:hover {
      cursor: pointer; }
    .page-create-project-why .add-controls .project-create-buttons .contorls .project-private .btn {
      background: -webkit-linear-gradient(rgba(153, 153, 153, 0.51) 0%, #ffffff 5px, #ffffff 100%);
      background: -moz-linear-gradient(rgba(153, 153, 153, 0.51) 0%, #ffffff 5px, #ffffff 100%);
      background: -o-linear-gradient(rgba(153, 153, 153, 0.51) 0%, #ffffff 5px, #ffffff 100%);
      background: linear-gradient(rgba(153, 153, 153, 0.51) 0%, #ffffff 5px, #ffffff 100%);
      padding: 4px 6px 4px 6px; }
    .page-create-project-why .add-controls .project-create-buttons .contorls .project-private .btn-main {
      background: #ED1C24 !important;
      background-color: #ED1C24;
      border-color: #d51920; }
    .page-create-project-why .add-controls .project-create-buttons .contorls .project-public .btn {
      background: -webkit-linear-gradient(rgba(153, 153, 153, 0.51) 0%, #ffffff 5px, #ffffff 100%);
      background: -moz-linear-gradient(rgba(153, 153, 153, 0.51) 0%, #ffffff 5px, #ffffff 100%);
      background: -o-linear-gradient(rgba(153, 153, 153, 0.51) 0%, #ffffff 5px, #ffffff 100%);
      background: linear-gradient(rgba(153, 153, 153, 0.51) 0%, #ffffff 5px, #ffffff 100%);
      padding: 4px 6px 4px 6px; }
    .page-create-project-why .add-controls .project-create-buttons .contorls .project-public .btn-main {
      background: #ED1C24 !important;
      background-color: #ED1C24;
      border-color: #d51920; }
    .page-create-project-why .add-controls .project-create-buttons .contorls .project-delete .btn {
      padding: 4px 6px 4px 6px; }
    .page-create-project-why .add-controls .project-create-buttons .contorls .project-publish .btn {
      padding: 10px 40px 10px 40px;
      font-size: 16px; }
  .page-create-project-why .form-group {
    margin-top: 20px; }
    .page-create-project-why .form-group br {
      display: none; }
  .page-create-project-why input {
    border-radius: 0px; }
  .page-create-project-why #projectCategory {
    height: auto;
    padding: 0; }
    .page-create-project-why #projectCategory select {
      width: 75%; }
  .page-create-project-why .nav-create ul {
    overflow: hidden;
    margin-bottom: 0;
    border-bottom: 1px solid #BDBDBD; }
    .page-create-project-why .nav-create ul li {
      float: left; }
      .page-create-project-why .nav-create ul li .btn-grey-inverse {
        padding: 7px 55px; }
  .page-create-project-why .guideline {
    color: #333333;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 10px 10px 10px 15px; }
    .page-create-project-why .guideline .question-mark {
      padding-right: 20px; }
      .page-create-project-why .guideline .question-mark i {
        font-size: 22px;
        font-weight: 200; }
    .page-create-project-why .guideline .content {
      width: 80%; }
      .page-create-project-why .guideline .content p {
        font-family: "Messina Sans Regular";
        font-size: 0.8rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        line-height: 1.4em;
        color: #4f4f4f; }
  .page-create-project-why .small-text {
    font-size: 0.75em;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 5px; }
  .page-create-project-why .your-story .add-button,
  .page-create-project-why .how-to .add-button,
  .page-create-project-why .team .add-button {
    margin-left: 15px;
    margin-bottom: 10px; }
  .page-create-project-why .your-story .cover label {
    display: inline-block; }
  .page-create-project-why .your-story .projectName {
    width: 100%; }
  .page-create-project-why .your-story .red-text {
    font-size: 0.9em;
    color: #ED1C24; }
  .page-create-project-why .your-story .projectCategory {
    width: 100%;
    align-items: flex-start; }
    .page-create-project-why .your-story .projectCategory label {
      margin-top: 5px; }
    .page-create-project-why .your-story .projectCategory .add-cate {
      margin-bottom: 5px;
      margin-left: 5px;
      width: auto;
      padding-top: 9px; }
      .page-create-project-why .your-story .projectCategory .add-cate:hover {
        cursor: pointer; }
    .page-create-project-why .your-story .projectCategory .categories-group {
      width: 100%; }
      .page-create-project-why .your-story .projectCategory .categories-group .dropdownIcon {
        position: absolute;
        right: 26px;
        top: 14px;
        pointer-events: none; }
    .page-create-project-why .your-story .projectCategory .list-group-item {
      width: 50%; }
  .page-create-project-why .your-story .cate-list {
    padding: 0 30px; }
    .page-create-project-why .your-story .cate-list .remove-cate {
      font-size: 1.5em; }
    .page-create-project-why .your-story .cate-list .category-container {
      position: relative;
      z-index: 1; }
    .page-create-project-why .your-story .cate-list p.cate-name {
      margin: 3px 0;
      border-radius: 0;
      font-size: 0.9em;
      padding: 8px 1rem;
      -moz-box-shadow: 2px 2px 8px #BDBDBD;
      -webkit-box-shadow: 2px 2px 8px #BDBDBD;
      box-shadow: 2px 2px 8px #BDBDBD; }
  .page-create-project-why .your-story .cover .image-preview {
    width: 50%; }
    .page-create-project-why .your-story .cover .image-preview p {
      width: 100%;
      color: #bdbdbd;
      padding: 10px 0px;
      font-size: 14px; }
    .page-create-project-why .your-story .cover .image-preview img {
      max-width: 100%; }
  .page-create-project-why .your-story .cover input {
    display: inline-block; }
  .page-create-project-why .your-story .cover #cover-upload {
    display: none; }
  .page-create-project-why .your-story .cover .file-upload {
    font-size: 16px; }
  .page-create-project-why .your-story .projectTags input {
    height: auto;
    padding: 0; }
  .page-create-project-why .how-to form {
    padding-bottom: 130px; }
  .page-create-project-why .how-to .sort {
    width: 40px;
    margin: 0 10px; }
  .page-create-project-why .how-to .quantity {
    width: 50px; }
  .page-create-project-why .how-to .carets {
    display: inline-block;
    width: 30px;
    position: relative;
    margin-left: 5px;
    height: 30px; }
    .page-create-project-why .how-to .carets i {
      line-height: 10px; }
  .page-create-project-why .how-to .tools thead th:first-child {
    width: 45%; }
  .page-create-project-why .how-to .tools thead th:nth-child(2) {
    width: 35%; }
  .page-create-project-why .how-to .tools input,
  .page-create-project-why .how-to .materials input,
  .page-create-project-why .how-to .parts input,
  .page-create-project-why .how-to .resources-row input {
    max-width: 100%; }
  .page-create-project-why .how-to .tools .panel-body,
  .page-create-project-why .how-to .materials .panel-body,
  .page-create-project-why .how-to .parts .panel-body,
  .page-create-project-why .how-to .resources-row .panel-body {
    padding: 0; }
  .page-create-project-why .how-to .tools .tool-list,
  .page-create-project-why .how-to .materials .tool-list,
  .page-create-project-why .how-to .parts .tool-list,
  .page-create-project-why .how-to .resources-row .tool-list {
    font-family: "Messina Sans Regular";
    font-size: 1rem;
    font-weight: 400;
    line-height: 100%;
    color: #828282;
    font-size: 1.2em;
    margin-bottom: 5px;
    text-transform: uppercase; }
  .page-create-project-why .how-to .tools .result,
  .page-create-project-why .how-to .tools .how-to-select,
  .page-create-project-why .how-to .materials .result,
  .page-create-project-why .how-to .materials .how-to-select,
  .page-create-project-why .how-to .parts .result,
  .page-create-project-why .how-to .parts .how-to-select,
  .page-create-project-why .how-to .resources-row .result,
  .page-create-project-why .how-to .resources-row .how-to-select {
    font-family: "Messina Sans Regular";
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 100%;
    color: #828282;
    font-size: 1.1em;
    margin-top: 10px;
    padding-left: 0; }
  .page-create-project-why .how-to .tools .btn-load-more,
  .page-create-project-why .how-to .materials .btn-load-more,
  .page-create-project-why .how-to .parts .btn-load-more,
  .page-create-project-why .how-to .resources-row .btn-load-more {
    font-size: 14px;
    padding: 4px;
    display: block;
    width: 100px;
    text-align: center;
    margin: 0px;
    background-color: #fff;
    border-color: #BDBDBD;
    color: #4F4F4F; }
  .page-create-project-why .how-to .tools .panel-heading,
  .page-create-project-why .how-to .materials .panel-heading,
  .page-create-project-why .how-to .parts .panel-heading,
  .page-create-project-why .how-to .resources-row .panel-heading {
    cursor: move; }
  .page-create-project-why .how-to .tools .inputs-container .resources-button .btn,
  .page-create-project-why .how-to .materials .inputs-container .resources-button .btn,
  .page-create-project-why .how-to .parts .inputs-container .resources-button .btn,
  .page-create-project-why .how-to .resources-row .inputs-container .resources-button .btn {
    margin: 20px 5px 1rem;
    height: 35px; }
  .page-create-project-why .how-to .tools .inputs-container .resources-button .fake-btn,
  .page-create-project-why .how-to .materials .inputs-container .resources-button .fake-btn,
  .page-create-project-why .how-to .parts .inputs-container .resources-button .fake-btn,
  .page-create-project-why .how-to .resources-row .inputs-container .resources-button .fake-btn {
    width: 40%;
    text-align: left;
    color: #BDBDBD;
    border: none; }
  .page-create-project-why .how-to .tools .inputs-container .resources-button .add-lnr,
  .page-create-project-why .how-to .materials .inputs-container .resources-button .add-lnr,
  .page-create-project-why .how-to .parts .inputs-container .resources-button .add-lnr,
  .page-create-project-why .how-to .resources-row .inputs-container .resources-button .add-lnr {
    font-size: 15px;
    color: #4F4F4F;
    margin: auto; }
  .page-create-project-why .how-to .tools .inputs-container .resources-button span,
  .page-create-project-why .how-to .materials .inputs-container .resources-button span,
  .page-create-project-why .how-to .parts .inputs-container .resources-button span,
  .page-create-project-why .how-to .resources-row .inputs-container .resources-button span {
    margin: auto 10px; }
  .page-create-project-why .how-to .tools .inputs-container .resources-button .selected,
  .page-create-project-why .how-to .materials .inputs-container .resources-button .selected,
  .page-create-project-why .how-to .parts .inputs-container .resources-button .selected,
  .page-create-project-why .how-to .resources-row .inputs-container .resources-button .selected {
    margin: 20px 5px 1rem;
    line-height: 35px; }
  .page-create-project-why .how-to .tools .inputs-container .resources-button a.selected,
  .page-create-project-why .how-to .materials .inputs-container .resources-button a.selected,
  .page-create-project-why .how-to .parts .inputs-container .resources-button a.selected,
  .page-create-project-why .how-to .resources-row .inputs-container .resources-button a.selected {
    margin-left: auto; }
  .page-create-project-why .how-to .tools .inputs-container .resources-button .resource-float-text,
  .page-create-project-why .how-to .materials .inputs-container .resources-button .resource-float-text,
  .page-create-project-why .how-to .parts .inputs-container .resources-button .resource-float-text,
  .page-create-project-why .how-to .resources-row .inputs-container .resources-button .resource-float-text {
    position: absolute;
    right: 20px;
    color: #828282;
    font-size: 0.9em; }
  .page-create-project-why .how-to .difficulty {
    width: 45%;
    margin-right: 5%;
    display: inline-block; }
  .page-create-project-why .how-to .duration {
    width: 45%;
    display: inline-block; }
  .page-create-project-why .how-to .difficulties i.dropdownIcon,
  .page-create-project-why .how-to .durations i.dropdownIcon {
    position: absolute;
    top: 50px;
    z-index: 6;
    right: 40%;
    pointer-events: none; }
  .page-create-project-why .how-to #difficulty,
  .page-create-project-why .how-to #duration {
    position: relative; }
  .page-create-project-why .how-to .resources input[type="file"] {
    display: none; }
  .page-create-project-why .how-to .resources select {
    width: 40%; }
  .page-create-project-why .how-to .resources label {
    margin-top: 10px; }
  .page-create-project-why .how-to .resources a.btn-white {
    font-size: 14px; }
  .page-create-project-why .how-to .resources a.another-resource {
    margin-top: 15px; }
  .page-create-project-why .team {
    padding-top: 20px; }
    .page-create-project-why .team .add-teammember {
      font-size: 1.3em;
      display: block; }
      .page-create-project-why .team .add-teammember:hover {
        cursor: pointer; }
    .page-create-project-why .team .maker-mobile-card {
      padding: 15px 15px 5px;
      height: 145px;
      width: 370px; }
      .page-create-project-why .team .maker-mobile-card .card-type-grey {
        display: none; }
    .page-create-project-why .team form {
      padding-bottom: 30px; }
    .page-create-project-why .team input {
      max-width: 100%; }
    .page-create-project-why .team .form-group {
      margin-top: 0px; }
    .page-create-project-why .team .add-collaborate {
      border-radius: 0; }
    .page-create-project-why .team .sort label {
      display: block; }
    .page-create-project-why .team .sort input {
      width: 45px;
      text-align: center;
      display: inline-block;
      margin-right: 5px; }
    .page-create-project-why .team .carets {
      width: 10px;
      display: inline-block;
      vertical-align: middle; }
      .page-create-project-why .team .carets i {
        font-size: 20px; }
    .page-create-project-why .team .add-collaborate {
      position: relative;
      background-color: #DCDCDC;
      margin: 20px 0;
      padding: 0 15px; }
    .page-create-project-why .team .remove {
      position: absolute;
      left: 80%;
      bottom: 10%; }
    .page-create-project-why .team .collaborate {
      position: relative;
      background-color: #BDBDBD;
      overflow: hidden;
      margin: 20px 0; }
      .page-create-project-why .team .collaborate .form-group {
        margin-top: 7px; }
    .page-create-project-why .team .profile-container {
      width: 100%; }
      .page-create-project-why .team .profile-container .profile-card .left {
        width: 110px; }
      .page-create-project-why .team .profile-container .profile-card .right {
        width: 60%; }
      .page-create-project-why .team .profile-container .profile-card .user-city {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 10px; }
    .page-create-project-why .team .admin {
      text-align: center; }
      .page-create-project-why .team .admin i {
        color: #00AEEF;
        font-size: 20px; }
    .page-create-project-why .team a.new-collab {
      font-size: 14px;
      padding: 5px; }
      .page-create-project-why .team a.new-collab i {
        width: 30px; }
    .page-create-project-why .team .result {
      background-color: #fff;
      width: 100%;
      padding: 5px;
      overflow: hidden;
      border-bottom: 1px solid #BDBDBD; }
      .page-create-project-why .team .result .user-image-container {
        width: 15%;
        float: left;
        margin-right: 3%; }
        .page-create-project-why .team .result .user-image-container img {
          max-width: 100%; }
      .page-create-project-why .team .result .data-container {
        float: left;
        width: 75%;
        font-weight: bold;
        margin-top: 10px; }
      .page-create-project-why .team .result:hover {
        background-color: #BDBDBD; }

.borderedless td,
.borderedless th {
  border: none !important;
  padding-left: 0 !important; }

.modal-body .file-upload a {
  margin-bottom: 10px; }

.tooltip-inner {
  max-width: 400px !important; }

.project-create-buttons p {
  display: block;
  font-size: 1em;
  font-weight: bold;
  color: #828282;
  margin-bottom: 0;
  margin-right: 5px;
  padding: 10px 0; }
  .project-create-buttons p.btn {
    background-color: #F2F2F2;
    border: 1px solid #333333; }
    .project-create-buttons p.btn:hover, .project-create-buttons p.btn:active, .project-create-buttons p.btn.active {
      background-color: #ED1C24;
      border-color: #ED1C24;
      color: #fff; }
.project-create-buttons span {
  display: block;
  text-align: center;
  font-size: 11px;
  line-height: 16px !important; }
.project-create-buttons .btn-shadow {
  min-width: 110px;
  font-size: 13px; }
.project-create-buttons .btn-shadow,
.project-create-buttons a:not([href]):not([tabindex]).btn-shadow {
  color: #333333;
  background: linear-gradient(to bottom, #999 0, #ffffff 7px, #ffffff 100%);
  border-radius: 0;
  font-size: 16px;
  border: 1px solid #999; }
  .project-create-buttons .btn-shadow:focus,
  .project-create-buttons a:not([href]):not([tabindex]).btn-shadow:focus {
    color: #fff;
    background: #ff242f;
    border-color: transparent; }
  .project-create-buttons .btn-shadow:active, .project-create-buttons .btn-shadow:hover, .project-create-buttons .btn-shadow.active,
  .project-create-buttons a:not([href]):not([tabindex]).btn-shadow:active,
  .project-create-buttons a:not([href]):not([tabindex]).btn-shadow:hover,
  .project-create-buttons a:not([href]):not([tabindex]).btn-shadow.active {
    color: #fff;
    background: #ED1C24;
    border-color: transparent;
    cursor: pointer; }

.form-group.required label::after {
  content: " *";
  color: red; }

.cke_button.cke_button__maximize.cke_button_off {
  position: absolute;
  right: 20px; }
  .cke_button.cke_button__maximize.cke_button_off::after {
    display: none; }

.your-story label,
.how-to label {
  font-family: "Messina Modern Regular";
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 115%;
  color: #828282;
  color: #4F4F4F; }
  .your-story label.selected-topic,
  .how-to label.selected-topic {
    font-size: 1.1em; }

.show-tell-as-default label {
  font-size: 1em; }
.show-tell-as-default input {
  margin-right: 10px; }
.show-tell-as-default .custom-control-description {
  line-height: 25px; }

/* upload photo create project */
.upload-cover-modal {
  background-color: #F2F2F2; }
  .upload-cover-modal .modal-dialog {
    width: 60%; }
  .upload-cover-modal .modal-header {
    border-bottom: none !important;
    padding: 8px; }
    .upload-cover-modal .modal-header .close-form {
      padding: 0px; }
  .upload-cover-modal .modal-body {
    min-height: 440px;
    max-height: 540px;
    overflow-y: auto;
    padding: 0 15px; }
  .upload-cover-modal .modal-footer {
    border-top: none !important;
    padding: 0  32px; }
    .upload-cover-modal .modal-footer button {
      width: 120px; }
  .upload-cover-modal .info {
    float: right;
    background-color: #BDBDBD;
    font-size: 10px;
    width: 50%;
    padding: 10px;
    margin-bottom: 5px; }
  .upload-cover-modal ul li {
    display: inline-block; }
  .upload-cover-modal .modal-tabs {
    padding: 0px 8px; }
  .upload-cover-modal .upload,
  .upload-cover-modal .your-photos {
    bottom: 0; }
    .upload-cover-modal .upload a,
    .upload-cover-modal .your-photos a {
      font-size: 18px;
      color: #333333;
      border-radius: 0;
      padding: 5px 10px 5px 4px !important;
      color: #ED1C24 !important; }
      .upload-cover-modal .upload a.active,
      .upload-cover-modal .your-photos a.active {
        border-bottom: 1px solid #00AEEF; }
  .upload-cover-modal .your-photo-tab {
    display: none; }
    .upload-cover-modal .your-photo-tab .progress {
      width: 30%; }
    .upload-cover-modal .your-photo-tab .image-container {
      position: relative;
      height: 150px;
      overflow: hidden;
      margin-bottom: 10px; }
      .upload-cover-modal .your-photo-tab .image-container i {
        position: absolute;
        top: 10px;
        right: 25px;
        color: #333333; }
  .upload-cover-modal .modal-footer {
    text-align: center; }
    .upload-cover-modal .modal-footer .buttons-section {
      display: block;
      margin: 0 auto; }
      .upload-cover-modal .modal-footer .buttons-section button {
        width: 160px;
        padding: 12px;
        background-color: #fff !important; }
  .upload-cover-modal .upload-tab {
    margin: auto;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 14px;
    background-color: #F2F2F2 !important; }
    .upload-cover-modal .upload-tab canvas {
      background-color: #F2F2F2;
      cursor: pointer; }
    .upload-cover-modal .upload-tab .btn {
      padding: 12px !important;
      width: 140px;
      background-color: #fff !important;
      color: #4F4F4F !important; }
      .upload-cover-modal .upload-tab .btn.big {
        width: 220px !important; }
      .upload-cover-modal .upload-tab .btn.btn-load-more {
        margin-bottom: 0; }
    .upload-cover-modal .upload-tab .drag-photo {
      color: #4F4F4F; }
    .upload-cover-modal .upload-tab .drag-or {
      color: #4F4F4F; }
    .upload-cover-modal .upload-tab .drag-text {
      color: #BDBDBD;
      text-align: left;
      padding-top: 100px; }
    .upload-cover-modal .upload-tab .image-background {
      width: 300px;
      height: auto; }
  .upload-cover-modal .upload-pic-container .image-container {
    position: relative;
    -moz-box-shadow: 2px 2px 5px rgba(136, 136, 136, 0.5);
    -webkit-box-shadow: 2px 2px 5px rgba(136, 136, 136, 0.5);
    box-shadow: 2px 2px 5px rgba(136, 136, 136, 0.5); }
    .upload-cover-modal .upload-pic-container .image-container img {
      width: 100%;
      margin: auto; }
    .upload-cover-modal .upload-pic-container .image-container .upload-select {
      position: absolute;
      bottom: 0px;
      right: 0px;
      display: block;
      background-color: #fff;
      color: #828282;
      padding: 5px;
      border: none; }
  .upload-cover-modal .upload-pic-container .upload-pic-footer {
    text-align: center; }
    .upload-cover-modal .upload-pic-container .upload-pic-footer a {
      color: #828282; }
      .upload-cover-modal .upload-pic-container .upload-pic-footer a:hover {
        color: #828282; }
  .upload-cover-modal .modal-footer {
    border-top: none !important;
    padding: 18px 32px 0px 32px; }
    .upload-cover-modal .modal-footer button {
      width: 120px;
      padding: 12px;
      background-color: #fff !important; }
  .upload-cover-modal .scroll-container {
    overflow-y: auto;
    width: 100%;
    height: 480px;
    max-width: 100%;
    max-height: 100%;
    padding: 14px 0px;
    background-color: #f3f3f3;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); }
    .upload-cover-modal .scroll-container .file-browser-btn {
      background-color: #fff; }

.account-settings .form-check,
.account-settings .check-label {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }
.account-settings .custom-control {
  margin: auto;
  position: absolute;
  left: 40%; }
.account-settings .add-controls {
  overflow: hidden; }

.commuinty-manager-page small {
  font-size: 90%; }

.page-challenge-summary .top-content-wrapper, .page-challenge-summary-closed .top-content-wrapper, .page-enter-challenge .top-content-wrapper {
  overflow: hidden; }
  .page-challenge-summary .top-content-wrapper .challenge-cover .sponsor, .page-challenge-summary-closed .top-content-wrapper .challenge-cover .sponsor, .page-enter-challenge .top-content-wrapper .challenge-cover .sponsor {
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 2; }
    .page-challenge-summary .top-content-wrapper .challenge-cover .sponsor h4, .page-challenge-summary-closed .top-content-wrapper .challenge-cover .sponsor h4, .page-enter-challenge .top-content-wrapper .challenge-cover .sponsor h4 {
      background-color: #333333;
      line-height: 30px;
      margin: 0;
      color: #fff; }
  .page-challenge-summary .top-content-wrapper .challenge-cover .challenge-status, .page-challenge-summary-closed .top-content-wrapper .challenge-cover .challenge-status, .page-enter-challenge .top-content-wrapper .challenge-cover .challenge-status {
    position: absolute;
    top: 40px;
    left: 10px;
    background-color: #BDBDBD;
    opacity: 0.8;
    filter: alpha(opacity=80);
    /* For IE8 and earlier */
    display: inline-block;
    padding: 5px 15px; }
    .page-challenge-summary .top-content-wrapper .challenge-cover .challenge-status p, .page-challenge-summary-closed .top-content-wrapper .challenge-cover .challenge-status p, .page-enter-challenge .top-content-wrapper .challenge-cover .challenge-status p {
      margin: 0; }
  .page-challenge-summary .top-content-wrapper .challenge-cover .challenge-title, .page-challenge-summary-closed .top-content-wrapper .challenge-cover .challenge-title, .page-enter-challenge .top-content-wrapper .challenge-cover .challenge-title {
    background-color: rgba(0, 0, 0, 0.5);
    display: inline-block;
    position: absolute;
    left: 10px;
    bottom: 10px; }
    .page-challenge-summary .top-content-wrapper .challenge-cover .challenge-title h1, .page-challenge-summary-closed .top-content-wrapper .challenge-cover .challenge-title h1, .page-enter-challenge .top-content-wrapper .challenge-cover .challenge-title h1 {
      color: #fff;
      font-weight: normal;
      margin: 0;
      font-size: 25px;
      padding: 10px 15px 15px; }
  .page-challenge-summary .top-content-wrapper .challenge-cover .challenge-countdown, .page-challenge-summary-closed .top-content-wrapper .challenge-cover .challenge-countdown, .page-enter-challenge .top-content-wrapper .challenge-cover .challenge-countdown {
    position: absolute;
    right: 10px;
    top: 40px;
    background-color: #BDBDBD;
    opacity: 0.8;
    filter: alpha(opacity=80);
    /* For IE8 and earlier */
    display: inline-block;
    text-align: center;
    padding: 5px; }
    .page-challenge-summary .top-content-wrapper .challenge-cover .challenge-countdown p, .page-challenge-summary-closed .top-content-wrapper .challenge-cover .challenge-countdown p, .page-enter-challenge .top-content-wrapper .challenge-cover .challenge-countdown p {
      color: #000;
      margin: 0;
      padding: 0;
      text-transform: uppercase; }
      .page-challenge-summary .top-content-wrapper .challenge-cover .challenge-countdown p.number, .page-challenge-summary-closed .top-content-wrapper .challenge-cover .challenge-countdown p.number, .page-enter-challenge .top-content-wrapper .challenge-cover .challenge-countdown p.number {
        font-size: 30px;
        font-weight: bold; }
  .page-challenge-summary .top-content-wrapper .challenge-cover .challenge-sponser-image, .page-challenge-summary-closed .top-content-wrapper .challenge-cover .challenge-sponser-image, .page-enter-challenge .top-content-wrapper .challenge-cover .challenge-sponser-image {
    position: absolute;
    display: block;
    top: 40px;
    right: 120px;
    width: 50px;
    height: auto; }
    .page-challenge-summary .top-content-wrapper .challenge-cover .challenge-sponser-image img, .page-challenge-summary-closed .top-content-wrapper .challenge-cover .challenge-sponser-image img, .page-enter-challenge .top-content-wrapper .challenge-cover .challenge-sponser-image img {
      width: 100%;
      height: auto; }
  .page-challenge-summary .top-content-wrapper .challenge-cover .challenge-actions li, .page-challenge-summary-closed .top-content-wrapper .challenge-cover .challenge-actions li, .page-enter-challenge .top-content-wrapper .challenge-cover .challenge-actions li {
    float: left; }
    .page-challenge-summary .top-content-wrapper .challenge-cover .challenge-actions li a.active i, .page-challenge-summary-closed .top-content-wrapper .challenge-cover .challenge-actions li a.active i, .page-enter-challenge .top-content-wrapper .challenge-cover .challenge-actions li a.active i {
      color: #009ad4; }
.page-challenge-summary .region-content, .page-challenge-summary-closed .region-content, .page-enter-challenge .region-content {
  padding-right: 0px;
  padding-left: 0px;
  background-color: white;
  margin: 0px;
  padding: 10px;
  min-height: 360px;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .page-challenge-summary .region-content .tabs-buttons, .page-challenge-summary-closed .region-content .tabs-buttons, .page-enter-challenge .region-content .tabs-buttons {
    width: 100%;
    overflow: hidden; }
    .page-challenge-summary .region-content .tabs-buttons .challenge-submenu, .page-challenge-summary-closed .region-content .tabs-buttons .challenge-submenu, .page-enter-challenge .region-content .tabs-buttons .challenge-submenu {
      overflow: hidden;
      width: 77%;
      float: left; }
      .page-challenge-summary .region-content .tabs-buttons .challenge-submenu .button-item, .page-challenge-summary-closed .region-content .tabs-buttons .challenge-submenu .button-item, .page-enter-challenge .region-content .tabs-buttons .challenge-submenu .button-item {
        clear: both; }
      .page-challenge-summary .region-content .tabs-buttons .challenge-submenu a, .page-challenge-summary-closed .region-content .tabs-buttons .challenge-submenu a, .page-enter-challenge .region-content .tabs-buttons .challenge-submenu a {
        color: #00AEEF; }
      .page-challenge-summary .region-content .tabs-buttons .challenge-submenu span, .page-challenge-summary-closed .region-content .tabs-buttons .challenge-submenu span, .page-enter-challenge .region-content .tabs-buttons .challenge-submenu span {
        color: #00AEEF; }
      .page-challenge-summary .region-content .tabs-buttons .challenge-submenu li .btn, .page-challenge-summary-closed .region-content .tabs-buttons .challenge-submenu li .btn, .page-enter-challenge .region-content .tabs-buttons .challenge-submenu li .btn {
        padding: 8px 15px;
        border: none;
        margin-right: 2px;
        margin-top: 2px; }
      .page-challenge-summary .region-content .tabs-buttons .challenge-submenu li .active, .page-challenge-summary-closed .region-content .tabs-buttons .challenge-submenu li .active, .page-enter-challenge .region-content .tabs-buttons .challenge-submenu li .active {
        color: #BDBDBD; }
        .page-challenge-summary .region-content .tabs-buttons .challenge-submenu li .active .badge, .page-challenge-summary-closed .region-content .tabs-buttons .challenge-submenu li .active .badge, .page-enter-challenge .region-content .tabs-buttons .challenge-submenu li .active .badge {
          background-color: #fff;
          color: #333333; }
    .page-challenge-summary .region-content .tabs-buttons .challenge-follow, .page-challenge-summary-closed .region-content .tabs-buttons .challenge-follow, .page-enter-challenge .region-content .tabs-buttons .challenge-follow {
      overflow: hidden;
      width: 23%;
      float: right; }
      .page-challenge-summary .region-content .tabs-buttons .challenge-follow li, .page-challenge-summary-closed .region-content .tabs-buttons .challenge-follow li, .page-enter-challenge .region-content .tabs-buttons .challenge-follow li {
        float: left;
        width: 50%; }
        .page-challenge-summary .region-content .tabs-buttons .challenge-follow li .btn, .page-challenge-summary-closed .region-content .tabs-buttons .challenge-follow li .btn, .page-enter-challenge .region-content .tabs-buttons .challenge-follow li .btn {
          padding: 8px 34px;
          border: 1px solid #333333;
          width: 100%;
          color: #fff; }
        .page-challenge-summary .region-content .tabs-buttons .challenge-follow li i, .page-challenge-summary-closed .region-content .tabs-buttons .challenge-follow li i, .page-enter-challenge .region-content .tabs-buttons .challenge-follow li i {
          font-weight: normal;
          width: 25px;
          margin-left: -15px; }
  .page-challenge-summary .region-content .content-wrapper .vote, .page-challenge-summary-closed .region-content .content-wrapper .vote, .page-enter-challenge .region-content .content-wrapper .vote {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #00AEEF;
    color: #fff; }
    .page-challenge-summary .region-content .content-wrapper .vote a, .page-challenge-summary-closed .region-content .content-wrapper .vote a, .page-enter-challenge .region-content .content-wrapper .vote a {
      display: block;
      padding-top: 5px;
      padding-bottom: 5px;
      margin-bottom: 0;
      color: #fff;
      text-decoration: none; }
  .page-challenge-summary .region-content .content-wrapper .filters p, .page-challenge-summary-closed .region-content .content-wrapper .filters p, .page-enter-challenge .region-content .content-wrapper .filters p {
    padding-left: 30px; }
  .page-challenge-summary .region-content .content-wrapper .entries .entry-container, .page-challenge-summary-closed .region-content .content-wrapper .entries .entry-container, .page-enter-challenge .region-content .content-wrapper .entries .entry-container {
    position: relative;
    overflow: hidden;
    height: 260px;
    margin-top: 10px;
    color: #333333; }
    .page-challenge-summary .region-content .content-wrapper .entries .entry-container h4, .page-challenge-summary-closed .region-content .content-wrapper .entries .entry-container h4, .page-enter-challenge .region-content .content-wrapper .entries .entry-container h4 {
      font-size: 13px;
      height: 28px; }
    .page-challenge-summary .region-content .content-wrapper .entries .entry-container .image-container, .page-challenge-summary-closed .region-content .content-wrapper .entries .entry-container .image-container, .page-enter-challenge .region-content .content-wrapper .entries .entry-container .image-container {
      position: relative;
      overflow: hidden;
      height: 180px;
      -moz-box-shadow: 2px 2px 8px #191919;
      -webkit-box-shadow: 2px 2px 8px #191919;
      box-shadow: 2px 2px 8px #191919; }
      .page-challenge-summary .region-content .content-wrapper .entries .entry-container .image-container img, .page-challenge-summary-closed .region-content .content-wrapper .entries .entry-container .image-container img, .page-enter-challenge .region-content .content-wrapper .entries .entry-container .image-container img {
        position: absolute;
        z-index: -2; }
      .page-challenge-summary .region-content .content-wrapper .entries .entry-container .image-container .entry-description, .page-challenge-summary-closed .region-content .content-wrapper .entries .entry-container .image-container .entry-description, .page-enter-challenge .region-content .content-wrapper .entries .entry-container .image-container .entry-description {
        position: absolute;
        top: 0px;
        margin: 10px 10px 5px 12px;
        color: #fff;
        display: none; }
      .page-challenge-summary .region-content .content-wrapper .entries .entry-container .image-container .vote, .page-challenge-summary-closed .region-content .content-wrapper .entries .entry-container .image-container .vote, .page-enter-challenge .region-content .content-wrapper .entries .entry-container .image-container .vote {
        display: none; }
      .page-challenge-summary .region-content .content-wrapper .entries .entry-container .image-container .submitter, .page-challenge-summary-closed .region-content .content-wrapper .entries .entry-container .image-container .submitter, .page-enter-challenge .region-content .content-wrapper .entries .entry-container .image-container .submitter {
        float: left; }
      .page-challenge-summary .region-content .content-wrapper .entries .entry-container .image-container .entry-date, .page-challenge-summary-closed .region-content .content-wrapper .entries .entry-container .image-container .entry-date, .page-enter-challenge .region-content .content-wrapper .entries .entry-container .image-container .entry-date {
        float: right; }
      .page-challenge-summary .region-content .content-wrapper .entries .entry-container .image-container:before, .page-challenge-summary-closed .region-content .content-wrapper .entries .entry-container .image-container:before, .page-enter-challenge .region-content .content-wrapper .entries .entry-container .image-container:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.5); }
    .page-challenge-summary .region-content .content-wrapper .entries .entry-container:hover .entry-description, .page-challenge-summary .region-content .content-wrapper .entries .entry-container:hover .vote, .page-challenge-summary-closed .region-content .content-wrapper .entries .entry-container:hover .entry-description, .page-challenge-summary-closed .region-content .content-wrapper .entries .entry-container:hover .vote, .page-enter-challenge .region-content .content-wrapper .entries .entry-container:hover .entry-description, .page-enter-challenge .region-content .content-wrapper .entries .entry-container:hover .vote {
      display: block; }
  .page-challenge-summary .region-content .content-wrapper .summary-content .description, .page-challenge-summary-closed .region-content .content-wrapper .summary-content .description, .page-enter-challenge .region-content .content-wrapper .summary-content .description {
    padding: 10px 15px; }
  .page-challenge-summary .region-content .content-wrapper .challenge-summary .entries .row, .page-challenge-summary-closed .region-content .content-wrapper .challenge-summary .entries .row, .page-enter-challenge .region-content .content-wrapper .challenge-summary .entries .row {
    clear: both; }
  .page-challenge-summary .region-content .content-wrapper .challenge-summary .entries-count, .page-challenge-summary-closed .region-content .content-wrapper .challenge-summary .entries-count, .page-enter-challenge .region-content .content-wrapper .challenge-summary .entries-count {
    float: none;
    line-height: inherit; }
  .page-challenge-summary .region-content .content-wrapper .summary-aside-content, .page-challenge-summary-closed .region-content .content-wrapper .summary-aside-content, .page-enter-challenge .region-content .content-wrapper .summary-aside-content {
    background-color: white;
    color: #333333;
    border: 1px solid #f2f2f2;
    padding-top: 14px;
    padding-bottom: 14px; }
    .page-challenge-summary .region-content .content-wrapper .summary-aside-content ul, .page-challenge-summary-closed .region-content .content-wrapper .summary-aside-content ul, .page-enter-challenge .region-content .content-wrapper .summary-aside-content ul {
      margin-top: 30px; }
      .page-challenge-summary .region-content .content-wrapper .summary-aside-content ul li, .page-challenge-summary-closed .region-content .content-wrapper .summary-aside-content ul li, .page-enter-challenge .region-content .content-wrapper .summary-aside-content ul li {
        font-size: 12px;
        margin: 15px 0; }
  .page-challenge-summary .region-content .content-wrapper .award-container, .page-challenge-summary-closed .region-content .content-wrapper .award-container, .page-enter-challenge .region-content .content-wrapper .award-container {
    background-color: #fff;
    border: 1px solid #333333;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px; }
    .page-challenge-summary .region-content .content-wrapper .award-container p, .page-challenge-summary-closed .region-content .content-wrapper .award-container p, .page-enter-challenge .region-content .content-wrapper .award-container p {
      font-size: 12px; }
    .page-challenge-summary .region-content .content-wrapper .award-container .name, .page-challenge-summary-closed .region-content .content-wrapper .award-container .name, .page-enter-challenge .region-content .content-wrapper .award-container .name {
      margin-top: 10px;
      font-weight: bold; }
    .page-challenge-summary .region-content .content-wrapper .award-container img, .page-challenge-summary-closed .region-content .content-wrapper .award-container img, .page-enter-challenge .region-content .content-wrapper .award-container img {
      float: left;
      width: 40%;
      margin-right: 5px; }
    .page-challenge-summary .region-content .content-wrapper .award-container .description, .page-challenge-summary-closed .region-content .content-wrapper .award-container .description, .page-enter-challenge .region-content .content-wrapper .award-container .description {
      float: left;
      width: 50%; }
    .page-challenge-summary .region-content .content-wrapper .award-container .value, .page-challenge-summary-closed .region-content .content-wrapper .award-container .value, .page-enter-challenge .region-content .content-wrapper .award-container .value {
      font-size: 11px;
      padding-top: 10px; }
  .page-challenge-summary .region-content .content-wrapper .followers, .page-challenge-summary-closed .region-content .content-wrapper .followers, .page-enter-challenge .region-content .content-wrapper .followers {
    width: 100%;
    overflow: hidden;
    margin: auto; }
    .page-challenge-summary .region-content .content-wrapper .followers .follower-card, .page-challenge-summary-closed .region-content .content-wrapper .followers .follower-card, .page-enter-challenge .region-content .content-wrapper .followers .follower-card {
      position: relative;
      margin-top: 25px;
      margin-bottom: 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .page-challenge-summary .region-content .content-wrapper .followers .row, .page-challenge-summary-closed .region-content .content-wrapper .followers .row, .page-enter-challenge .region-content .content-wrapper .followers .row {
      clear: both; }
  .page-challenge-summary .region-content .content-wrapper .profile-container, .page-challenge-summary-closed .region-content .content-wrapper .profile-container, .page-enter-challenge .region-content .content-wrapper .profile-container {
    padding: 0;
    float: none; }
    .page-challenge-summary .region-content .content-wrapper .profile-container .profile-card, .page-challenge-summary-closed .region-content .content-wrapper .profile-container .profile-card, .page-enter-challenge .region-content .content-wrapper .profile-container .profile-card {
      border: none;
      display: flex; }
      .page-challenge-summary .region-content .content-wrapper .profile-container .profile-card .left, .page-challenge-summary-closed .region-content .content-wrapper .profile-container .profile-card .left, .page-enter-challenge .region-content .content-wrapper .profile-container .profile-card .left {
        max-width: 140px;
        padding: 0 5px; }
      .page-challenge-summary .region-content .content-wrapper .profile-container .profile-card .right, .page-challenge-summary-closed .region-content .content-wrapper .profile-container .profile-card .right, .page-enter-challenge .region-content .content-wrapper .profile-container .profile-card .right {
        padding: 0;
        margin: 0; }
  .page-challenge-summary .region-content .content-wrapper .challenge-award, .page-challenge-summary-closed .region-content .content-wrapper .challenge-award, .page-enter-challenge .region-content .content-wrapper .challenge-award {
    margin-bottom: 10px; }
    .page-challenge-summary .region-content .content-wrapper .challenge-award .image-container, .page-challenge-summary-closed .region-content .content-wrapper .challenge-award .image-container, .page-enter-challenge .region-content .content-wrapper .challenge-award .image-container {
      width: 220px;
      height: 180px;
      overflow: hidden;
      -moz-box-shadow: 2px 2px 8px #BDBDBD;
      -webkit-box-shadow: 2px 2px 8px #BDBDBD;
      box-shadow: 2px 2px 8px #BDBDBD; }
      .page-challenge-summary .region-content .content-wrapper .challenge-award .image-container img, .page-challenge-summary-closed .region-content .content-wrapper .challenge-award .image-container img, .page-enter-challenge .region-content .content-wrapper .challenge-award .image-container img {
        max-width: 100%;
        height: auto; }
.page-challenge-summary .challenge-card, .page-challenge-summary-closed .challenge-card, .page-enter-challenge .challenge-card {
  position: relative;
  padding: 16px;
  overflow: hidden;
  cursor: pointer;
  background-color: #333333;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .page-challenge-summary .challenge-card .left-side, .page-challenge-summary-closed .challenge-card .left-side, .page-enter-challenge .challenge-card .left-side {
    padding: 0px; }
  .page-challenge-summary .challenge-card .single-challenge, .page-challenge-summary-closed .challenge-card .single-challenge, .page-enter-challenge .challenge-card .single-challenge {
    padding: 10px; }
    .page-challenge-summary .challenge-card .single-challenge img, .page-challenge-summary-closed .challenge-card .single-challenge img, .page-enter-challenge .challenge-card .single-challenge img {
      width: 250px; }
    .page-challenge-summary .challenge-card .single-challenge .card-partership, .page-challenge-summary-closed .challenge-card .single-challenge .card-partership, .page-enter-challenge .challenge-card .single-challenge .card-partership {
      color: #00AEEF; }
  .page-challenge-summary .challenge-card .image-container, .page-challenge-summary-closed .challenge-card .image-container, .page-enter-challenge .challenge-card .image-container {
    -moz-box-shadow: 2px 2px 8px #191919;
    -webkit-box-shadow: 2px 2px 8px #191919;
    box-shadow: 2px 2px 8px #191919; }
    .page-challenge-summary .challenge-card .image-container img, .page-challenge-summary-closed .challenge-card .image-container img, .page-enter-challenge .challenge-card .image-container img {
      height: auto; }
    .page-challenge-summary .challenge-card .image-container .sponsor_bar, .page-challenge-summary-closed .challenge-card .image-container .sponsor_bar, .page-enter-challenge .challenge-card .image-container .sponsor_bar {
      position: absolute;
      width: 60px;
      height: 60px;
      display: block;
      top: 10px;
      right: 10px; }
  .page-challenge-summary .challenge-card .challene-card-footer-3, .page-challenge-summary-closed .challenge-card .challene-card-footer-3, .page-enter-challenge .challenge-card .challene-card-footer-3 {
    margin-top: 10px;
    margin-bottom: 10px; }
    .page-challenge-summary .challenge-card .challene-card-footer-3 .button-container-sec-2, .page-challenge-summary-closed .challenge-card .challene-card-footer-3 .button-container-sec-2, .page-enter-challenge .challenge-card .challene-card-footer-3 .button-container-sec-2 {
      margin-left: 10px; }
    .page-challenge-summary .challenge-card .challene-card-footer-3 .button-container-main-1 .btn,
    .page-challenge-summary .challenge-card .challene-card-footer-3 .button-container-sec-2 .btn, .page-challenge-summary-closed .challenge-card .challene-card-footer-3 .button-container-main-1 .btn,
    .page-challenge-summary-closed .challenge-card .challene-card-footer-3 .button-container-sec-2 .btn, .page-enter-challenge .challenge-card .challene-card-footer-3 .button-container-main-1 .btn,
    .page-enter-challenge .challenge-card .challene-card-footer-3 .button-container-sec-2 .btn {
      position: static; }
  .page-challenge-summary .challenge-card .card-container, .page-challenge-summary-closed .challenge-card .card-container, .page-enter-challenge .challenge-card .card-container {
    color: #fff;
    height: 100%;
    position: relative; }
    .page-challenge-summary .challenge-card .card-container .challenge-type-bagde, .page-challenge-summary-closed .challenge-card .card-container .challenge-type-bagde, .page-enter-challenge .challenge-card .card-container .challenge-type-bagde {
      position: absolute;
      top: 10px;
      right: -49px;
      transform: rotate(-90deg); }
    .page-challenge-summary .challenge-card .card-container .card-title, .page-challenge-summary-closed .challenge-card .card-container .card-title, .page-enter-challenge .challenge-card .card-container .card-title {
      font-family: "Messina Modern Regular";
      font-size: 2.6rem;
      font-weight: 500;
      line-height: 120%;
      color: #828282;
      font-size: 38px;
      color: white; }
    .page-challenge-summary .challenge-card .card-container .card-status, .page-challenge-summary-closed .challenge-card .card-container .card-status, .page-enter-challenge .challenge-card .card-container .card-status {
      font-family: "Messina Sans Regular";
      font-size: 1.3rem;
      font-weight: 400;
      line-height: 110%;
      color: #828282;
      display: inline-block;
      text-transform: none; }
    .page-challenge-summary .challenge-card .card-container .card-description h4, .page-challenge-summary-closed .challenge-card .card-container .card-description h4, .page-enter-challenge .challenge-card .card-container .card-description h4 {
      font-weight: bold; }
    .page-challenge-summary .challenge-card .card-container .card-description p, .page-challenge-summary-closed .challenge-card .card-container .card-description p, .page-enter-challenge .challenge-card .card-container .card-description p {
      font-family: "Messina Sans Regular";
      font-size: 0.9rem;
      font-weight: 400;
      line-height: 130%;
      color: #828282;
      color: white; }
    .page-challenge-summary .challenge-card .card-container .card-buttons a.btn.btn-grey, .page-challenge-summary-closed .challenge-card .card-container .card-buttons a.btn.btn-grey, .page-enter-challenge .challenge-card .card-container .card-buttons a.btn.btn-grey {
      background-color: #BDBDBD; }
    .page-challenge-summary .challenge-card .card-container .card-buttons .follow-number, .page-challenge-summary-closed .challenge-card .card-container .card-buttons .follow-number, .page-enter-challenge .challenge-card .card-container .card-buttons .follow-number {
      background-color: #aaaaaa;
      padding: 3px 15px;
      border-radius: 20px;
      font-size: 13px;
      margin-left: 10px; }

.page-challenge-summary-closed .region-content .content-wrapper .summary-aside-content {
  height: auto;
  padding: 30px 10px; }
.page-challenge-summary-closed .region-content .content-wrapper .description ul {
  color: #333333; }
  .page-challenge-summary-closed .region-content .content-wrapper .description ul li {
    width: 49%;
    display: inline-block;
    margin: 5px 0; }

.page-enter-challenge {
  background-color: #F2F2F2; }
  .page-enter-challenge .region-content {
    background-color: inherit;
    margin-top: 20px; }
  .page-enter-challenge .create {
    width: 100%; }
  .page-enter-challenge .cancel, .page-enter-challenge .submit {
    font-size: 15px;
    width: 47%; }
  .page-enter-challenge .submit {
    color: #fff !important; }
  .page-enter-challenge .challenge-enter {
    margin: 0 auto;
    margin-bottom: 50px; }
    .page-enter-challenge .challenge-enter .text-center {
      margin-top: 20px; }
  .page-enter-challenge .card-container .card-description p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical; }

.page-challenge-summary .tabs-buttons .challenge-actions {
  display: none; }
.page-challenge-summary .content-wrapper {
  padding: 10px;
  margin-top: 20px; }
.page-challenge-summary .challenge-card-footer-2 {
  margin-left: 0px !important; }
.page-challenge-summary .filters {
  margin-bottom: 16px; }
.page-challenge-summary .entries {
  clear: both; }
.page-challenge-summary .challenge-card-status {
  line-height: 1rem; }

.title-tab {
  color: #ED1C24; }

.element-invisible {
  display: none; }

.content {
  padding-bottom: 20px; }
  .content img {
    width: 100%;
    height: auto;
    max-width: 100%; }

iframe {
  width: 100%;
  max-width: 100%;
  height: 300px; }

.page-workshop-single {
  background-color: #F2F2F2; }
  .page-workshop-single .modal-body .div iframe {
    width: 100%; }
  .page-workshop-single .page-workshop-individual .related-books {
    background-color: white;
    padding: 10px 0px; }
    .page-workshop-single .page-workshop-individual .related-books h5 {
      padding-top: 10px; }
    .page-workshop-single .page-workshop-individual .related-books ul {
      padding: 0px; }
  .page-workshop-single .page-workshop-individual .top-content-wrapper {
    border-bottom: 1px solid #333333;
    margin-bottom: 10px;
    height: 200px;
    overflow: hidden;
    position: relative; }
    .page-workshop-single .page-workshop-individual .top-content-wrapper .workshop-coverphoto {
      position: absolute;
      width: 100%; }
    .page-workshop-single .page-workshop-individual .top-content-wrapper > .container {
      padding-top: 20px; }
    .page-workshop-single .page-workshop-individual .top-content-wrapper h2 {
      font-size: 35px;
      font-weight: bold;
      color: #fff;
      text-align: center; }
    .page-workshop-single .page-workshop-individual .top-content-wrapper ul li {
      display: inline-block; }
    .page-workshop-single .page-workshop-individual .top-content-wrapper ul.workshop-tags .btn {
      padding: 5px;
      font-size: 9px;
      float: left;
      margin-right: 5px;
      font-weight: bold;
      border-radius: 3px; }
      .page-workshop-single .page-workshop-individual .top-content-wrapper ul.workshop-tags .btn:hover {
        background-color: #525252;
        cursor: inherit; }
    .page-workshop-single .page-workshop-individual .top-content-wrapper .workshop-actions li {
      display: block;
      float: left; }
      .page-workshop-single .page-workshop-individual .top-content-wrapper .workshop-actions li .btn {
        border-right-width: 0; }
      .page-workshop-single .page-workshop-individual .top-content-wrapper .workshop-actions li:last-of-type .btn {
        border-right-width: 1px; }
    .page-workshop-single .page-workshop-individual .top-content-wrapper .workshop-aside {
      overflow: hidden;
      margin-bottom: -1px; }
      .page-workshop-single .page-workshop-individual .top-content-wrapper .workshop-aside li {
        float: left; }
        .page-workshop-single .page-workshop-individual .top-content-wrapper .workshop-aside li:not(:last-child) a {
          border-right-color: transparent; }
        .page-workshop-single .page-workshop-individual .top-content-wrapper .workshop-aside li .btn {
          padding: 8px 20px; }
        .page-workshop-single .page-workshop-individual .top-content-wrapper .workshop-aside li.active a.btn.btn-light-grey {
          background-color: #fff !important;
          border-bottom-color: #fff; }
  .page-workshop-single .page-workshop-individual .workshop-content h4 {
    font-weight: normal;
    color: #333333; }
  .page-workshop-single .page-workshop-individual .workshop-content .border-style {
    border: none;
    margin-bottom: 10px; }
  .page-workshop-single .page-workshop-individual .workshop-content .learning-card {
    background-color: #fff;
    padding: 24px 12px;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD;
    width: 100%;
    margin-bottom: 40px; }
    .page-workshop-single .page-workshop-individual .workshop-content .learning-card .new-comment {
      padding: 0px; }
    .page-workshop-single .page-workshop-individual .workshop-content .learning-card .lesson-style {
      text-align: center;
      color: red; }
    .page-workshop-single .page-workshop-individual .workshop-content .learning-card .object-title-style {
      text-align: center; }
      .page-workshop-single .page-workshop-individual .workshop-content .learning-card .object-title-style h2 {
        color: deepskyblue !important; }
    .page-workshop-single .page-workshop-individual .workshop-content .learning-card .feedback-label {
      font-weight: 700; }
    .page-workshop-single .page-workshop-individual .workshop-content .learning-card .join-link {
      color: #00AEEF !important; }
    .page-workshop-single .page-workshop-individual .workshop-content .learning-card .pl-3 {
      padding-left: 0rem !important; }
    .page-workshop-single .page-workshop-individual .workshop-content .learning-card .header-section img {
      cursor: pointer; }
  .page-workshop-single .page-workshop-individual .workshop-content .object-type {
    color: #828282; }
    .page-workshop-single .page-workshop-individual .workshop-content .object-type p {
      color: #828282; }
  .page-workshop-single .page-workshop-individual .workshop-content .html-block {
    width: 74%; }
  .page-workshop-single .page-workshop-individual .workshop-content .card-img-top {
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD; }
  .page-workshop-single .page-workshop-individual .workshop-content .lesson, .page-workshop-single .page-workshop-individual .workshop-content .fun-fact, .page-workshop-single .page-workshop-individual .workshop-content .other-lesson {
    background-color: white;
    padding: 10px;
    padding: 5px 10px; }
    .page-workshop-single .page-workshop-individual .workshop-content .lesson .recommended, .page-workshop-single .page-workshop-individual .workshop-content .fun-fact .recommended, .page-workshop-single .page-workshop-individual .workshop-content .other-lesson .recommended {
      margin-top: 15px;
      border-top: 1px solid #333333;
      padding-top: 15px; }
      .page-workshop-single .page-workshop-individual .workshop-content .lesson .recommended li, .page-workshop-single .page-workshop-individual .workshop-content .fun-fact .recommended li, .page-workshop-single .page-workshop-individual .workshop-content .other-lesson .recommended li {
        margin: 5px 0 5px 35px; }
        .page-workshop-single .page-workshop-individual .workshop-content .lesson .recommended li i, .page-workshop-single .page-workshop-individual .workshop-content .fun-fact .recommended li i, .page-workshop-single .page-workshop-individual .workshop-content .other-lesson .recommended li i {
          color: #BDBDBD;
          width: 24px;
          font-size: 12px; }
  .page-workshop-single .page-workshop-individual .workshop-content .lessons-count {
    font-size: 14px;
    color: #4F4F4F;
    margin-left: -1rem !important; }
  .page-workshop-single .page-workshop-individual .workshop-content .image-container {
    width: 220px;
    height: 180px;
    overflow: hidden; }
    .page-workshop-single .page-workshop-individual .workshop-content .image-container img {
      max-width: 100%;
      height: auto; }
  .page-workshop-single .page-workshop-individual .workshop-instructor .profile-container {
    width: 100%;
    position: relative;
    top: -50px; }
    .page-workshop-single .page-workshop-individual .workshop-instructor .profile-container .profile-card {
      background-color: #BDBDBD; }
    .page-workshop-single .page-workshop-individual .workshop-instructor .profile-container .left {
      width: 100px; }
    .page-workshop-single .page-workshop-individual .workshop-instructor .profile-container .right {
      width: 180px; }
    .page-workshop-single .page-workshop-individual .workshop-instructor .profile-container p {
      font-size: 10px; }
    .page-workshop-single .page-workshop-individual .workshop-instructor .profile-container i.fa-star-o {
      bottom: 10px; }
  .page-workshop-single .page-workshop-individual .list-position {
    padding-top: 32px; }
    .page-workshop-single .page-workshop-individual .list-position a {
      word-wrap: break-word; }
  .page-workshop-single .page-workshop-individual .content-list {
    padding: 10px 20px;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD;
    overflow: hidden;
    color: #333333;
    background-color: white; }
    .page-workshop-single .page-workshop-individual .content-list li {
      margin: 15px 0; }
      .page-workshop-single .page-workshop-individual .content-list li a {
        color: #00AEEF;
        text-decoration: none; }
  .page-workshop-single .page-workshop-individual .suggested {
    margin-top: 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .page-workshop-single .page-workshop-individual .suggested .image-container {
      width: 160px;
      height: 160px;
      overflow: hidden; }
      .page-workshop-single .page-workshop-individual .suggested .image-container img {
        height: auto; }
    .page-workshop-single .page-workshop-individual .suggested h4 {
      font-weight: normal; }
    .page-workshop-single .page-workshop-individual .suggested li {
      padding: 8px; }
  .page-workshop-single .page-workshop-individual .suggest-card {
    border: 2px solid red;
    box-sizing: border-box; }
    .page-workshop-single .page-workshop-individual .suggest-card img {
      padding: 10px;
      width: 100%; }
    .page-workshop-single .page-workshop-individual .suggest-card .card-block a {
      width: 100%;
      word-wrap: break-word; }
    .page-workshop-single .page-workshop-individual .suggest-card .links-body {
      margin-left: 6px;
      padding-top: 10px; }

.page-workshop-individual .learn-card {
  position: relative;
  padding: 16px;
  background-color: #DCDCDC;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
  .page-workshop-individual .learn-card .partership p {
    color: #828282; }
  .page-workshop-individual .learn-card .learn-item {
    padding: 10px; }
    .page-workshop-individual .learn-card .learn-item img {
      width: 250px; }
    .page-workshop-individual .learn-card .learn-item .partership {
      color: #00AEEF; }
  .page-workshop-individual .learn-card .individual-card-img {
    padding: 0px; }
    .page-workshop-individual .learn-card .individual-card-img .play-image:hover {
      cursor: pointer; }
  .page-workshop-individual .learn-card .image-container {
    position: relative;
    padding: 0px; }
    .page-workshop-individual .learn-card .image-container iframe {
      width: 100%; }
    .page-workshop-individual .learn-card .image-container img {
      width: 100%;
      height: auto; }
  .page-workshop-individual .learn-card .workshop-actions {
    position: absolute;
    right: 20px; }
    .page-workshop-individual .learn-card .workshop-actions li {
      float: left; }
      .page-workshop-individual .learn-card .workshop-actions li a.active {
        background-color: #333333;
        color: #fff; }
    .page-workshop-individual .learn-card .workshop-actions .btn {
      background-color: #DCDCDC; }
  .page-workshop-individual .learn-card .default img {
    width: 70px;
    height: 70px; }
  .page-workshop-individual .learn-card .container-content {
    position: relative;
    padding-right: 0px; }
  .page-workshop-individual .learn-card .card-container {
    color: #fff;
    position: relative; }
    .page-workshop-individual .learn-card .card-container .learn-type-bagde {
      position: absolute;
      top: 38px;
      right: -50px;
      transform: rotate(-90deg);
      color: #4F4F4F; }
      .page-workshop-individual .learn-card .card-container .learn-type-bagde p {
        margin: 0px; }
    .page-workshop-individual .learn-card .card-container .card-title {
      font-family: "Messina Modern Regular";
      font-size: 2.6rem;
      font-weight: 500;
      line-height: 120%;
      color: #828282;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      min-height: 67px;
      color: #4F4F4F; }
    .page-workshop-individual .learn-card .card-container .card-status {
      font-family: "Messina Sans Regular";
      font-size: 1.3rem;
      font-weight: 400;
      line-height: 110%;
      color: #828282;
      display: inline-block;
      text-transform: none; }
    .page-workshop-individual .learn-card .card-container .card-description h4 {
      font-weight: bold; }
    .page-workshop-individual .learn-card .card-container .card-description p {
      font-family: "Messina Sans Regular";
      font-size: 0.9rem;
      font-weight: 400;
      line-height: 130%;
      color: #828282;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      min-height: 116px;
      font-size: 1em !important;
      color: #4F4F4F;
      line-height: 100% !important; }
    .page-workshop-individual .learn-card .card-container .learning-objective {
      color: black; }
    .page-workshop-individual .learn-card .card-container .learn-card-footer-2 {
      font-size: 14px;
      color: #4F4F4F; }
      .page-workshop-individual .learn-card .card-container .learn-card-footer-2 .workshop-count p {
        color: #4F4F4F; }
    .page-workshop-individual .learn-card .card-container .card-buttons a.btn.btn-grey {
      background-color: #BDBDBD; }
  .page-workshop-individual .learn-card .workshop-creator {
    overflow: hidden;
    margin-top: 10px; }
.page-workshop-individual .learn-card-footer .learn-card-footer-1 {
  bottom: 5px;
  align-self: end;
  color: black; }
.page-workshop-individual .workshop-tags ul .btn-border-tag:hover {
  cursor: inherit !important; }
.page-workshop-individual .workshop-tags ul .btn-border-tag a:not([href]):not([tabindex]):hover {
  cursor: inherit !important; }
.page-workshop-individual .workshop-tags ul .btn-border-tag a:not([href]):not([tabindex]).btn-border-tag:hover {
  cursor: inherit !important; }

.single-object-page .object-view-container {
  min-height: 700px; }
.single-object-page #bookReader {
  padding: 8px; }
.single-object-page .navigation {
  padding: 4px;
  background-color: #fff;
  margin-bottom: 24px;
  min-height: 72px;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD; }
.single-object-page .object-title-list {
  padding-top: 25px; }
  .single-object-page .object-title-list a {
    color: deepskyblue; }
  .single-object-page .object-title-list a.highlight {
    background-color: #F2F2F2; }
.single-object-page .hamburger-menu {
  padding: 0px;
  margin-bottom: 0px; }
  .single-object-page .hamburger-menu img {
    width: 50px; }
  .single-object-page .hamburger-menu a.dropdown-toggle::after {
    content: none; }
  .single-object-page .hamburger-menu a {
    color: #00AEEF; }
    .single-object-page .hamburger-menu a:hover {
      color: #00AEEF !important; }
  .single-object-page .hamburger-menu a.highlight {
    color: #4F4F4F; }
  .single-object-page .hamburger-menu li {
    padding: 12px 22px; }
  .single-object-page .hamburger-menu .dropdown-menu {
    margin-top: 12px;
    border-radius: 0px;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD; }
.single-object-page .nav-item a {
  padding: 0px; }
.single-object-page .close-hamburger {
  float: right; }
.single-object-page .nav-title {
  padding: 20px;
  font-family: "Messina Modern Regular";
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 120%;
  color: #828282;
  text-align: center;
  color: #4F4F4F; }
.single-object-page .button {
  display: inline-block;
  border-radius: 4px;
  border: none;
  color: black;
  text-align: center;
  font-size: 18px;
  padding: 10px;
  width: 140px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px; }
  .single-object-page .button:hover, .single-object-page .button .active, .single-object-page .button :focus {
    border: none !important;
    outline: inherit !important; }
  .single-object-page .button:focus {
    outline: 0px auto #ED1C24 !important; }
.single-object-page #sidebar #prev, .single-object-page #sidebar #next {
  color: #4F4F4F; }
.single-object-page .button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s; }
.single-object-page .button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  border: none !important;
  outline: inherit !important; }
.single-object-page .button:hover span {
  padding-right: 25px; }
.single-object-page .button:hover span:after {
  opacity: 1;
  right: 0;
  border: none !important;
  outline: inherit !important; }
.single-object-page .button span:after:hover, .single-object-page .button span:after .active, .single-object-page .button span:after :focus {
  border: none !important;
  outline: inherit !important; }
.single-object-page .button-pre {
  display: inline-block;
  border-radius: 4px;
  border: none;
  color: black;
  text-align: center;
  font-size: 18px;
  padding: 10px;
  width: 140px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px; }
  .single-object-page .button-pre:hover, .single-object-page .button-pre .active, .single-object-page .button-pre :focus {
    border: none !important;
    outline: inherit !important; }
  .single-object-page .button-pre:focus {
    outline: 0px auto #ED1C24 !important; }
.single-object-page .button-pre span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s; }
.single-object-page .button-pre span:before {
  content: '\00ab';
  position: absolute;
  opacity: 0;
  top: 0;
  left: -20px;
  transition: 0.5s;
  border: none !important;
  outline: inherit !important; }
.single-object-page .button-pre:hover span {
  padding-left: 25px; }
.single-object-page .button-pre:hover span:before {
  opacity: 1;
  left: 0;
  border: none !important;
  outline: inherit !important; }
.single-object-page .button-pre span:before:hover, .single-object-page .button-pre span:before .active, .single-object-page .button-pre span:before :focus {
  border: none !important;
  outline: inherit !important; }

.page-portfolio .download-btn {
  right: auto !important;
  left: 0; }
.page-portfolio .portfolio-controls {
  background-color: cyan;
  padding: 10px 0 5px;
  border: 1px solid #333333;
  border-top: transparent; }
  .page-portfolio .portfolio-controls h3 {
    font-weight: normal;
    margin-top: 5px;
    font-size: 18px; }
  .page-portfolio .portfolio-controls .contorls li {
    display: inline-block; }
    .page-portfolio .portfolio-controls .contorls li.active {
      background-color: #333333; }
    .page-portfolio .portfolio-controls .contorls li a.btn {
      padding: 4px 35px; }
.page-portfolio .nav-portfolio .titles {
  color: #333333; }
.page-portfolio .nav-portfolio .nav .btn-white-2 {
  padding: 10px 10px;
  min-width: 110px;
  font-size: 13px;
  height: 39px;
  line-height: 23px; }
.page-portfolio .nav-portfolio .nav p {
  margin: 0px; }
.page-portfolio .nav-portfolio .display-style {
  cursor: pointer;
  padding-right: 10px; }
  .page-portfolio .nav-portfolio .display-style p {
    opacity: 1;
    color: #4F4F4F;
    font-size: 0.8rem;
    margin-right: 38px; }
    .page-portfolio .nav-portfolio .display-style p.not_active {
      opacity: 0.3; }
  .page-portfolio .nav-portfolio .display-style img {
    width: 20px;
    margin-right: 10px; }
.page-portfolio .portfolio-header {
  overflow: hidden;
  padding: 15px 0 0;
  font-weight: bold;
  color: #333333; }
  .page-portfolio .portfolio-header .square {
    display: none; }
.page-portfolio .project .project-image .overlay {
  top: 0;
  display: none;
  padding-top: 35px;
  background-color: rgba(0, 0, 0, 0.8); }
  .page-portfolio .project .project-image .overlay a {
    font-size: 12px;
    padding: 5px;
    display: block;
    width: 60%;
    margin: 5px auto;
    text-align: center;
    border-radius: 0;
    border-width: 2px; }
    .page-portfolio .project .project-image .overlay a i {
      position: static;
      width: 20px;
      color: #00AEEF;
      font-size: 15px;
      width: 25px; }
.page-portfolio .project .project-image:hover .overlay {
  display: block; }
.page-portfolio .portfolio-photos .photos-header {
  padding-top: 35px; }
  .page-portfolio .portfolio-photos .photos-header h3 {
    margin-top: 0; }
  .page-portfolio .portfolio-photos .photos-header .btn-white {
    position: relative;
    font-size: 12px;
    width: 160px;
    text-align: right;
    padding: 8px; }
    .page-portfolio .portfolio-photos .photos-header .btn-white i {
      float: left;
      margin-top: 4px; }
.page-portfolio .portfolio-photos .photos-grid .image-container {
  height: 150px; }
  .page-portfolio .portfolio-photos .photos-grid .image-container img {
    position: relative;
    max-height: 100%;
    width: 100%;
    text-align: right; }
  .page-portfolio .portfolio-photos .photos-grid .image-container i {
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 25px;
    color: #333333; }
.page-portfolio .portfolio-photos .photos-grid p {
  text-align: right; }
.page-portfolio .custom-footer .portfolio-controls {
  border: 1px solid #333333;
  margin-top: 30px; }
.page-portfolio .portfolio-photos, .page-portfolio .portfolio-private {
  display: none; }

.page-inbox .inbox-header {
  position: relative;
  display: flex;
  align-content: center;
  margin-top: 10px; }
  .page-inbox .inbox-header > ul {
    margin: auto;
    position: relative;
    bottom: 0; }
    .page-inbox .inbox-header > ul li {
      margin: 0;
      vertical-align: bottom; }
      .page-inbox .inbox-header > ul li .btn {
        border-bottom: 0; }
      .page-inbox .inbox-header > ul li .active {
        color: #333333; }
  .page-inbox .inbox-header span {
    line-height: 1rem;
    color: #333333; }
.page-inbox .inbox-title {
  padding-top: 20px;
  padding-bottom: 40px; }
.page-inbox .inbox-container {
  padding: 10px 0; }
  .page-inbox .inbox-container .inbox-controls {
    padding: 5px 10px;
    margin: 0; }
    .page-inbox .inbox-container .inbox-controls .dropdown-toggle::after {
      display: none; }
    .page-inbox .inbox-container .inbox-controls .dropdown-toggle i {
      font-size: 1.5rem; }
    .page-inbox .inbox-container .inbox-controls .selectall {
      display: inline-block; }
    .page-inbox .inbox-container .inbox-controls .delete {
      display: inline-block; }
    .page-inbox .inbox-container .inbox-controls .blocked-users {
      font-size: 1rem;
      height: 35px;
      color: #4F4F4F; }
    .page-inbox .inbox-container .inbox-controls .new-message {
      margin-right: 23px;
      color: #00AEEF;
      font-size: 1.3rem;
      padding-bottom: 7px; }
      .page-inbox .inbox-container .inbox-controls .new-message:hover {
        cursor: pointer; }
      .page-inbox .inbox-container .inbox-controls .new-message i {
        padding-right: 10px;
        font-size: 1.6rem;
        padding-bottom: 3px; }
      .page-inbox .inbox-container .inbox-controls .new-message p {
        display: inline-block;
        margin-bottom: 0; }
    .page-inbox .inbox-container .inbox-controls .blocked-user {
      margin-bottom: 0px !important; }
  .page-inbox .inbox-container .load-more {
    width: 150px;
    margin: 20px auto;
    font-size: 10px; }
.page-inbox .inbox-container .dropdown .dropdown-menu {
  left: inherit !important;
  right: 0 !important; }
.page-inbox .inbox-container .messages-list {
  padding: 0;
  margin: 0 0 15px;
  clear: both;
  padding-top: 20px; }
  .page-inbox .inbox-container .messages-list .message-item {
    display: flex;
    align-items: center;
    margin: 0 5px;
    padding: 0 5px; }
    .page-inbox .inbox-container .messages-list .message-item .select {
      width: 3%; }
    .page-inbox .inbox-container .messages-list .message-item .wrapper {
      display: flex;
      align-items: center;
      width: 100%;
      padding: 10px;
      position: relative;
      z-index: 1;
      -moz-box-shadow: 2px 2px 8px #BDBDBD;
      -webkit-box-shadow: 2px 2px 8px #BDBDBD;
      box-shadow: 2px 2px 8px #BDBDBD;
      background-color: white;
      margin: 5px 0; }
      .page-inbox .inbox-container .messages-list .message-item .wrapper .unblock-button {
        position: absolute;
        right: 25px;
        z-index: 10;
        top: 36px; }
      .page-inbox .inbox-container .messages-list .message-item .wrapper .media-left {
        width: 80px;
        height: 80px;
        margin-right: 10px; }
        .page-inbox .inbox-container .messages-list .message-item .wrapper .media-left img {
          width: 100%;
          height: auto; }
      .page-inbox .inbox-container .messages-list .message-item .wrapper .sender {
        margin-bottom: 0; }
        .page-inbox .inbox-container .messages-list .message-item .wrapper .sender a {
          color: #00AEEF; }
          .page-inbox .inbox-container .messages-list .message-item .wrapper .sender a:hover {
            text-decoration: none !important; }
        .page-inbox .inbox-container .messages-list .message-item .wrapper .sender .blocked-user {
          color: gray !important; }
      .page-inbox .inbox-container .messages-list .message-item .wrapper .message-info {
        width: 92%; }
        .page-inbox .inbox-container .messages-list .message-item .wrapper .message-info img {
          width: 80px;
          height: auto; }
        .page-inbox .inbox-container .messages-list .message-item .wrapper .message-info a {
          text-decoration: none;
          color: #00AEEF; }
          .page-inbox .inbox-container .messages-list .message-item .wrapper .message-info a:hover {
            text-decoration: none !important; }
      .page-inbox .inbox-container .messages-list .message-item .wrapper .message-subject {
        cursor: pointer;
        font-family: "Messina Modern Regular";
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 120%;
        color: #828282; }
      .page-inbox .inbox-container .messages-list .message-item .wrapper .message-arrow {
        width: 20%; }
      .page-inbox .inbox-container .messages-list .message-item .wrapper p {
        margin: 0px; }
      .page-inbox .inbox-container .messages-list .message-item .wrapper .delete {
        margin-left: auto;
        padding-top: 5px;
        margin-right: 25px; }
      .page-inbox .inbox-container .messages-list .message-item .wrapper .delete-message {
        overflow: hidden;
        color: #333333;
        position: relative;
        font-size: 1.5rem; }
        .page-inbox .inbox-container .messages-list .message-item .wrapper .delete-message i {
          float: right; }
      .page-inbox .inbox-container .messages-list .message-item .wrapper ngb-tooltip-window {
        width: 150px;
        left: 938px; }
    .page-inbox .inbox-container .messages-list .message-item:not(:first-of-type) .wrapper {
      border-top: 0; }
    .page-inbox .inbox-container .messages-list .message-item.read .wrapper {
      background-color: #aaaaaa; }
    .page-inbox .inbox-container .messages-list .message-item:hover {
      cursor: pointer; }

.conversation-container {
  background-color: #fff;
  padding: 20px 50px;
  margin-bottom: 15px; }
  .conversation-container .delete-actions {
    float: right;
    color: #00AEEF;
    margin-top: 15px; }
  .conversation-container .paricipent-img {
    width: 60px;
    height: 60px; }
  .conversation-container .conversation {
    margin-bottom: 20px;
    padding-bottom: 20px; }
    .conversation-container .conversation .single-message {
      border-bottom: 1px solid #333333; }
      .conversation-container .conversation .single-message .message-info {
        margin: 30px 0; }
        .conversation-container .conversation .single-message .message-info a {
          color: #00AEEF;
          text-decoration: none; }
        .conversation-container .conversation .single-message .message-info img {
          width: 50px;
          height: 50px; }
        .conversation-container .conversation .single-message .message-info .blocked-user {
          color: gray !important; }
      .conversation-container .conversation .single-message .message-body {
        margin-bottom: 20px; }
  .conversation-container .reply-area .reply {
    color: #333333;
    display: block;
    margin-bottom: 15px; }
  .conversation-container .reply-area textarea {
    width: 100%;
    resize: none;
    color: black; }
  .conversation-container .reply-area .send-actions {
    text-align: right;
    margin-top: 15px; }
    .conversation-container .reply-area .send-actions li {
      display: inline-block; }

/* notification page */
.notifications-list-page {
  padding: 0;
  margin: 0 0 15px;
  clear: both;
  padding-top: 20px; }
  .notifications-list-page .notification-container .notification-item {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    padding: 10px;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD;
    background-color: white;
    margin: 10px 0; }
    .notifications-list-page .notification-container .notification-item:hover {
      cursor: pointer; }
    .notifications-list-page .notification-container .notification-item .media-left {
      width: 80px;
      height: 80px;
      margin-right: 10px; }
    .notifications-list-page .notification-container .notification-item .media-body {
      padding-top: 22px; }
      .notifications-list-page .notification-container .notification-item .media-body .link {
        margin-bottom: 0;
        color: #00AEEF; }
        .notifications-list-page .notification-container .notification-item .media-body .link:hover {
          text-decoration: none !important;
          color: #00AEEF !important; }
      .notifications-list-page .notification-container .notification-item .media-body .notf-date {
        margin: 0px; }
    .notifications-list-page .notification-container .notification-item .delete {
      margin-left: auto;
      margin-right: 25px;
      padding-top: 30px;
      position: absolute;
      right: 1px;
      z-index: 1; }
      .notifications-list-page .notification-container .notification-item .delete .delete-message {
        overflow: hidden;
        color: #333333;
        position: relative;
        font-size: 1.5rem; }

/* create new message */
.create-newmsg {
  background-color: #F2F2F2; }
  .create-newmsg label {
    color: #ED1C24;
    margin: 0px; }
  .create-newmsg textarea {
    border: 1px solid #DCDCDC;
    color: #4F4F4F;
    resize: inherit;
    width: 100%; }
  .create-newmsg input {
    border: 1px solid #DCDCDC;
    color: #4F4F4F;
    padding: 12px; }
    .create-newmsg input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      text-align: center;
      color: #DCDCDC; }
    .create-newmsg input::-moz-placeholder {
      /* Firefox 19+ */
      text-align: center;
      color: #DCDCDC; }
    .create-newmsg input:-ms-input-placeholder {
      /* IE 10+ */
      text-align: center;
      color: #DCDCDC; }
    .create-newmsg input:-moz-placeholder {
      /* Firefox 18- */
      text-align: center;
      color: #DCDCDC; }
  .create-newmsg .modal-header {
    border-bottom: none !important;
    padding: 14px; }
    .create-newmsg .modal-header .close:focus, .create-newmsg .modal-header .close:hover {
      outline: none !important; }
  .create-newmsg .modal-footer {
    border-top: none !important;
    padding: 32px; }
    .create-newmsg .modal-footer button {
      width: 120px;
      padding: 12px;
      background-color: #fff !important; }

/* blocked users main page */
.blocked-users-page .block-user {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  padding: 10px;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD;
  background-color: white;
  margin: 5px 0; }
  .blocked-users-page .block-user .media .media-left {
    width: 60px;
    height: 60px;
    margin-right: 10px; }
    .blocked-users-page .block-user .media .media-left img {
      width: 100%;
      height: auto;
      max-width: 100%; }
  .blocked-users-page .block-user .media .media-body {
    padding-top: 14px; }
    .blocked-users-page .block-user .media .media-body button {
      margin-bottom: 0px; }

.back-inbox {
  margin-right: 9.3%;
  margin-bottom: 8px;
  height: 35px;
  min-width: 100px;
  font-size: 1rem;
  color: #4F4F4F;
  text-align: center;
  border: 0.2px solid #4F4F4F;
  background-color: #fff; }
  .back-inbox:hover, .back-inbox.active, .back-inbox:active, .back-inbox:focus {
    color: #fff;
    background-color: #4F4F4F;
    border: none; }

.send_to_user {
  font-size: 1.9rem; }

.challenge-entered {
  margin: 10px;
  border: 1px solid;
  padding: 10px; }

.page-search-result {
  background-color: #F2F2F2; }
  .page-search-result .page-title {
    font-family: "Messina Modern Regular";
    font-size: 3.4rem;
    font-weight: 400;
    line-height: 100%;
    color: #4F4F4F;
    text-transform: capitalize; }
  .page-search-result .top-content-wrapper {
    padding: 10px; }
    .page-search-result .top-content-wrapper .search-input {
      padding-right: 0; }
      .page-search-result .top-content-wrapper .search-input input {
        width: 75%;
        padding: 3px; }
      .page-search-result .top-content-wrapper .search-input a.btn {
        font-size: 12px;
        height: 30px;
        margin-top: -2px; }
    .page-search-result .top-content-wrapper .sort {
      margin-top: 5px;
      text-align: left;
      padding-right: 0;
      font-size: 12px; }
      .page-search-result .top-content-wrapper .sort p, .page-search-result .top-content-wrapper .sort div {
        display: inline-block; }
      .page-search-result .top-content-wrapper .sort .btn-default {
        background-color: #BDBDBD; }
  .page-search-result .search-filters {
    margin-top: 25px; }
    .page-search-result .search-filters li {
      display: inline-block; }
      .page-search-result .search-filters li a.btn {
        color: #333333; }
      .page-search-result .search-filters li .active, .page-search-result .search-filters li a:hover {
        background-color: #BDBDBD;
        box-shadow: none; }
  .page-search-result .load-more-section {
    text-align: center;
    margin-top: 40px; }
    .page-search-result .load-more-section a.load-more {
      margin-top: 20px;
      font-size: 14px;
      display: inline-block;
      margin: 0 auto; }
  .page-search-result .card {
    background-color: inherit;
    border: none;
    margin-bottom: 10px;
    margin-top: 10px; }
  .page-search-result .search-term {
    margin: 40px 0; }
    .page-search-result .search-term h3 {
      font-family: "Messina Modern Regular";
      font-size: 3.4rem;
      font-weight: 400;
      line-height: 100%;
      color: #4F4F4F;
      text-transform: capitalize;
      text-align: center; }
    .page-search-result .search-term p {
      font-family: "Messina Sans Regular";
      font-size: 0.9rem;
      font-weight: 400;
      line-height: 130%;
      color: #828282;
      text-align: center; }

.total-result {
  padding: 8px; }
  .total-result .project-result {
    margin-bottom: 10px;
    margin-top: 10px; }
    .total-result .project-result .projects-item {
      background-color: white;
      padding: 4px; }
      .total-result .project-result .projects-item .image-top {
        width: 140px;
        height: 130px;
        padding: 0px;
        overflow: hidden; }
        .total-result .project-result .projects-item .image-top img {
          height: 130px;
          width: 140px; }
      .total-result .project-result .projects-item .content-bottom {
        padding-top: 8px; }
      .total-result .project-result .projects-item .card-block {
        padding: 2px; }
      .total-result .project-result .projects-item .card-title {
        font-family: "Messina Modern Regular";
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 120%;
        color: #828282;
        color: #4F4F4F;
        margin-bottom: 5px; }
      .total-result .project-result .projects-item .card-text {
        font-family: "Messina Sans Regular";
        font-size: 0.95rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282; }
      .total-result .project-result .projects-item .card-title, .total-result .project-result .projects-item .card-text {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: initial;
        overflow: hidden; }
      .total-result .project-result .projects-item .card-stats {
        margin-top: 14px; }
        .total-result .project-result .projects-item .card-stats ul {
          margin: 0px; }
          .total-result .project-result .projects-item .card-stats ul li {
            font-size: 14px; }
            .total-result .project-result .projects-item .card-stats ul li i {
              margin-right: 4px; }
  .total-result .challenge-item {
    padding: 4px;
    background-color: #333333; }
    .total-result .challenge-item .image-top {
      width: 170px;
      height: 150px; }
      .total-result .challenge-item .image-top img {
        width: 170px;
        height: 150px; }
    .total-result .challenge-item .content-bottom {
      padding-top: 24px; }
      .total-result .challenge-item .content-bottom .content-side .challenge-close, .total-result .challenge-item .content-bottom .content-side .challenge-open {
        font-family: "Messina Sans Regular";
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 110%;
        color: #828282; }
      .total-result .challenge-item .content-bottom .content-side .challenge-open {
        color: #00AEEF; }
      .total-result .challenge-item .content-bottom .content-side .challenge-close {
        color: white; }
      .total-result .challenge-item .content-bottom .content-side .sponser-name {
        font-family: "Messina Sans Regular";
        font-size: 0.9rem;
        font-weight: 400;
        line-height: 130%;
        color: #828282;
        color: #BDBDBD !important; }
        .total-result .challenge-item .content-bottom .content-side .sponser-name p {
          float: left; }
        .total-result .challenge-item .content-bottom .content-side .sponser-name .sponser-text {
          padding-right: 10px; }
        .total-result .challenge-item .content-bottom .content-side .sponser-name .entries-count {
          padding-left: 10px;
          position: relative; }
          .total-result .challenge-item .content-bottom .content-side .sponser-name .entries-count:after {
            content: "";
            background: #BDBDBD;
            position: absolute;
            bottom: 5%;
            left: 0;
            height: 80%;
            width: 1px; }
      .total-result .challenge-item .content-bottom .content-side .card-title {
        font-family: "Messina Modern Regular";
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 120%;
        color: #828282;
        clear: both;
        color: white; }
  .total-result .learning-item {
    background-color: #DCDCDC;
    padding: 4px; }
    .total-result .learning-item .content-bottom {
      padding-top: 24px; }
    .total-result .learning-item .image-top {
      width: 170px;
      height: 150px; }
      .total-result .learning-item .image-top img {
        width: 170px;
        height: 150px; }
  .total-result .makers-item {
    background-color: white;
    padding: 4px; }
    .total-result .makers-item .image-top {
      width: 130px;
      height: 130px; }
      .total-result .makers-item .image-top img {
        width: 130px;
        height: 130px; }
    .total-result .makers-item .content-bottom .content-side span {
      display: block;
      clear: both;
      margin-bottom: 0px; }
    .total-result .makers-item .content-bottom .content-side .card-title {
      font-family: "Messina Modern Regular";
      font-size: 1.3rem;
      font-weight: 500;
      line-height: 120%;
      color: #828282;
      color: #4F4F4F;
      font-size: 19px;
      margin-bottom: 5px; }
    .total-result .makers-item .content-bottom .content-side .user-city, .total-result .makers-item .content-bottom .content-side .count {
      font-family: "Messina Sans Regular";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      margin-bottom: 5px; }
    .total-result .makers-item .content-bottom .content-side .user-city {
      color: #00AEEF; }
    .total-result .makers-item .content-bottom .icons {
      margin-top: 5px; }
      .total-result .makers-item .content-bottom .icons img {
        margin: 0px;
        width: 26px;
        height: 26px; }
    .total-result .makers-item .content-bottom .like-view {
      margin-bottom: 0px; }
  .total-result .results-header .result-title span {
    font-family: "Messina Modern Regular";
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 115%;
    color: #828282;
    color: #4F4F4F;
    font-size: 30px;
    font-weight: normal; }
  .total-result .results-header .view-all-result span {
    color: #4F4F4F;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold; }
  .total-result .results-header .view-all-result a {
    color: #4F4F4F;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold; }
  .total-result .showcase-item {
    background-color: white;
    padding: 4px; }
    .total-result .showcase-item .card-text {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .total-result .showcase-item .like-view {
      margin-bottom: 0px; }
  .total-result .result-section {
    margin-bottom: 40px; }
  .total-result .learning-item {
    background-color: white;
    padding: 4px; }

.search-overlay {
  display: none;
  box-shadow: 1px 2px 25px #888888;
  overflow: hidden;
  width: 40%;
  margin: auto; }
  .search-overlay a {
    font-size: 14px;
    margin: 10px auto;
    width: 160px;
    display: block; }
  .search-overlay .search-results {
    margin: 0; }
    .search-overlay .search-results li {
      margin: 0; }
    .search-overlay .search-results .list-title {
      text-align: center;
      color: #222;
      background-color: #5c5c5c;
      margin: 0;
      padding: 10px 0; }

.stylish-input-group .input-group-addon {
  background: #00aeef;
  color: #fff;
  font-size: 1.125rem; }
  .stylish-input-group .input-group-addon button {
    color: #fff; }

.stylish-input-group .form-control {
  border-right: 0;
  box-shadow: 0 0 0;
  border-color: #ccc; }

.stylish-input-group button {
  border: 0;
  background: transparent; }
  .stylish-input-group button:active, .stylish-input-group button:focus {
    border: none !important;
    outline: none !important; }

/* new style */
.page-search-content {
  background-color: #F2F2F2; }
  .page-search-content .page-title {
    font-family: "Messina Modern Regular";
    font-size: 3.4rem;
    font-weight: 400;
    line-height: 100%;
    color: #4F4F4F;
    text-transform: capitalize;
    text-align: center; }
  .page-search-content .clear-search {
    position: absolute;
    top: 7px;
    z-index: 3;
    right: 40px;
    font-size: 1rem;
    color: #4F4F4F; }
  .page-search-content .searsh-field .dropdown-menu {
    overflow: hidden;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
    z-index: 12 !important; }
    .page-search-content .searsh-field .dropdown-menu .dropdown-item {
      padding: 0.4em .4em !important;
      font-family: "Messina sans Regular";
      font-size: 1.125rem;
      color: #BDBDBD; }
      .page-search-content .searsh-field .dropdown-menu .dropdown-item.active {
        background-color: #00AEEF !important;
        color: #fff !important; }
  .page-search-content #imaginary_container {
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2); }
    .page-search-content #imaginary_container .input-group input {
      height: 35px;
      padding: 10px;
      border-radius: 0px;
      font-family: "Messina sans Regular";
      font-size: 1rem;
      color: #4F4F4F;
      position: relative; }
      .page-search-content #imaginary_container .input-group input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #BDBDBD; }
      .page-search-content #imaginary_container .input-group input::-moz-placeholder {
        /* Firefox 19+ */
        color: #BDBDBD; }
      .page-search-content #imaginary_container .input-group input:-ms-input-placeholder {
        /* IE 10+ */
        color: #BDBDBD; }
      .page-search-content #imaginary_container .input-group input:-moz-placeholder {
        /* Firefox 18- */
        color: #BDBDBD; }
    .page-search-content #imaginary_container .input-group .input-group-addon {
      height: 35px;
      width: 35px;
      padding: 4px 0px 0px 0px;
      border-radius: 0px; }
      .page-search-content #imaginary_container .input-group .input-group-addon:hover {
        background: #008bbf; }
      .page-search-content #imaginary_container .input-group .input-group-addon:focus {
        background: #008bbf;
        border: none !important;
        outline: none !important; }
  .page-search-content .custom-control-input:checked ~ .custom-control-indicator {
    background-color: #00AEEF !important; }
    .page-search-content .custom-control-input:checked ~ .custom-control-indicator:focus {
      outline: #00AEEF auto 5px !important; }
  .page-search-content .custom-control:focus {
    outline: none !important; }

#search-input::-ms-expand {
  display: none; }

.spinning-preloader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%) #f2f2f2;
  background: linear-gradient(to bottom, #fff 0, #f2f2f2 100%) #f2f2f2;
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.spinning-preloader-container > .spinning-preloader-elements,
.spinning-preloader-container > .spinning-preloader-elements:after,
.spinning-preloader-container > .spinning-preloader-elements:before {
  border: 3px solid transparent;
  border-radius: 50%; }

.spinning-preloader-container > .spinning-preloader-elements {
  display: block;
  width: 150px;
  height: 150px;
  border-top-color: #00AEEF;
  z-index: 1500;
  opacity: 1;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; }

.spinning-preloader-container > .spinning-preloader-elements:after,
.spinning-preloader-container > .spinning-preloader-elements:before {
  content: '';
  position: absolute; }

.spinning-preloader-container > .spinning-preloader-elements:before {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-top-color: #ED1C24;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite; }

.spinning-preloader-container > .spinning-preloader-elements:after {
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-top-color: #4F4F4F;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite; }

.spinning-preloader-container.complete {
  opacity: 0;
  display: none; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0); }
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }
@keyframes spin {
  from {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0); }
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }
.test {
  position: fixed;
  top: calc(50% - 27px);
  left: calc(50% - 37px); }

.test img {
  width: 75px;
  height: auto;
  animation-name: cf3FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 1s;
  animation-direction: alternate; }

@keyframes cf3FadeInOut {
  0% {
    opacity: 0.1; }
  /*10% {
      opacity: 0.1;
  }*/
  20% {
    opacity: 0.2; }
  /*30% {
      opacity: 0.3;
  }            */
  40% {
    opacity: 0.4; }
  /*50% {
      opacity: 0.5;
  }*/
  60% {
    opacity: 0.6; }
  /*70% {
      opacity: 0.7;
  }*/
  80% {
    opacity: 0.8; }
  /*90% {
      opacity: 0.9;
  }                */
  100% {
    opacity: 1; } }
.tootlbar-icon {
  padding: 0 14px; }

.tootlbar-spacer {
  flex: 1 1 auto; }

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.loading-component {
  position: absolute;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); }

.loading-component:before {
  display: none; }

/* :not(:required) hides these rules from IE9 and below */
.loading-component:not(:required),
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.loading-component:not(:required):after,
.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(213, 25, 32, 0.75) 1.5em 0 0 0, rgba(213, 25, 32, 0.75) 1.1em 1.1em 0 0, rgba(213, 25, 32, 0.75) 0 1.5em 0 0, rgba(213, 25, 32, 0.75) -1.1em 1.1em 0 0, rgba(213, 25, 32, 0.75) -1.5em 0 0 0, rgba(213, 25, 32, 0.75) -1.1em -1.1em 0 0, rgba(213, 25, 32, 0.75) 0 -1.5em 0 0, rgba(213, 25, 32, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(213, 25, 32, 0.75) 1.5em 0 0 0, rgba(213, 25, 32, 0.75) 1.1em 1.1em 0 0, rgba(213, 25, 32, 0.75) 0 1.5em 0 0, rgba(213, 25, 32, 0.75) -1.1em 1.1em 0 0, rgba(213, 25, 32, 0.75) -1.5em 0 0 0, rgba(213, 25, 32, 0.75) -1.1em -1.1em 0 0, rgba(213, 25, 32, 0.75) 0 -1.5em 0 0, rgba(213, 25, 32, 0.75) 1.1em -1.1em 0 0; }

/* Animation */
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
.about-badges .page-title {
  font-size: 3.4rem;
  line-height: 100%;
  color: #4F4F4F; }
.about-badges .page-description {
  font-size: 0.95rem;
  line-height: 1.5rem;
  color: #828282;
  width: 720px;
  padding-bottom: 50px;
  margin: auto; }
.about-badges .badges-group-title {
  text-align: center;
  text-transform: uppercase;
  color: #ED1C24;
  font-size: 1.125rem;
  padding-bottom: 30px; }
.about-badges .badge-group .image-container {
  width: 20%; }
  .about-badges .badge-group .image-container img {
    width: 220px;
    height: auto;
    margin-top: -5px;
    padding: 3px 7px 10px 0px; }
.about-badges .badge-group .badge-data {
  width: 75%;
  margin-left: 2%;
  padding: 10px;
  margin-bottom: 6%; }
  .about-badges .badge-group .badge-data h3 {
    font-size: 1.6rem;
    line-height: 1.75rem; }
  .about-badges .badge-group .badge-data p {
    font-size: 0.85rem;
    line-height: 1.3rem;
    text-align: left; }

.why-portfolio-page img {
  width: 100%;
  max-width: 100%;
  height: auto; }
.why-portfolio-page .header-info-card h2 {
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-size: 1.125rem;
  color: #ed1c24;
  font-weight: 500;
  margin-bottom: 12px; }
.why-portfolio-page .header-info-card h3 {
  text-align: left;
  font-size: 36px;
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 110%;
  color: #4F4F4F;
  font-family: 'Messina Modern Regular';
  margin-bottom: 14px; }
.why-portfolio-page .header-info-card p {
  font-family: 'Messina Sans Regular';
  font-size: 0.95rem;
  line-height: 1.5rem;
  color: #828282;
  text-align: left; }
.why-portfolio-page .info-w-parallax {
  height: auto;
  position: relative; }
  @media screen and (max-width: 767px) {
    .why-portfolio-page .info-w-parallax {
      height: auto; } }
  .why-portfolio-page .info-w-parallax .container {
    padding-top: 15px;
    padding-bottom: 15px; }
  .why-portfolio-page .info-w-parallax .info-card {
    background-color: #fff;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
    padding: 17px 20px 17px;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .why-portfolio-page .info-w-parallax .info-card {
        padding: 15px 15px 40px; } }
    .why-portfolio-page .info-w-parallax .info-card h2 {
      text-align: center;
      font-family: 'Open Sans', sans-serif;
      text-transform: uppercase;
      font-size: 1.125rem;
      color: #ed1c24;
      font-weight: 500;
      margin-bottom: 12px; }
    .why-portfolio-page .info-w-parallax .info-card h3 {
      text-align: center;
      font-size: 36px;
      font-weight: 500;
      font-size: 2.1rem;
      line-height: 110%;
      color: #4F4F4F;
      font-family: 'Messina Modern Regular'; }
    .why-portfolio-page .info-w-parallax .info-card p {
      font-family: 'Messina Sans Regular';
      font-size: 0.95rem;
      line-height: 1.5rem;
      text-align: left;
      color: #4f4f4f; }
    .why-portfolio-page .info-w-parallax .info-card strong {
      color: #ED1C24; }
    .why-portfolio-page .info-w-parallax .info-card .button-container-onboarding {
      text-align: center;
      margin-top: 24px; }
      .why-portfolio-page .info-w-parallax .info-card .button-container-onboarding .project-add {
        width: 170px !important; }
      .why-portfolio-page .info-w-parallax .info-card .button-container-onboarding .btn-main {
        width: 167px !important;
        padding: 15px 0px;
        font-family: "Messina Sans Regular";
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 110%;
        color: #828282;
        font-size: 1rem;
        color: #fff !important; }
        .why-portfolio-page .info-w-parallax .info-card .button-container-onboarding .btn-main::before {
          content: "+";
          font-size: 1rem;
          position: relative;
          top: -1px;
          right: 6px;
          display: none; }
    .why-portfolio-page .info-w-parallax .info-card .vedio-caption {
      font-style: italic;
      font-family: 'Messina Sans Regular';
      font-size: 0.8rem;
      color: #828282;
      text-align: center; }
.why-portfolio-page .parallax-bg {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative; }
  .why-portfolio-page .parallax-bg > img {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .why-portfolio-page .parallax-bg > img {
        position: absolute; } }
  .why-portfolio-page .parallax-bg .parallax-container {
    z-index: 3;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0; }
    @media screen and (max-width: 767px) {
      .why-portfolio-page .parallax-bg .parallax-container {
        position: relative; } }
.why-portfolio-page .parallax-red-line {
  position: relative; }
  .why-portfolio-page .parallax-red-line .parallax-red-line-left {
    position: absolute;
    z-index: 3;
    height: 360px;
    width: 25px;
    background-color: transparent;
    background: transparent;
    border-top: 3px solid #EC1F30;
    border-bottom: 3px solid #EC1F30;
    border-left: 3px solid #EC1F30;
    left: 60px;
    top: -180px; }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .why-portfolio-page .parallax-red-line .parallax-red-line-left {
        left: 40px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .why-portfolio-page .parallax-red-line .parallax-red-line-left {
        left: -30px; } }
    @media screen and (min-width: 576px) and (max-width: 767px) {
      .why-portfolio-page .parallax-red-line .parallax-red-line-left {
        left: -15px; } }
    @media screen and (max-width: 575px) {
      .why-portfolio-page .parallax-red-line .parallax-red-line-left {
        display: none; } }
  .why-portfolio-page .parallax-red-line .parallax-red-line-right {
    position: absolute;
    z-index: 3;
    height: 290px;
    width: 25px;
    background-color: transparent;
    background: transparent;
    border-top: 3px solid #EC1F30;
    border-bottom: 3px solid #EC1F30;
    border-right: 3px solid #EC1F30;
    top: -130px;
    right: 60px; }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .why-portfolio-page .parallax-red-line .parallax-red-line-right {
        right: 40px;
        left: initial; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .why-portfolio-page .parallax-red-line .parallax-red-line-right {
        right: -30px;
        left: initial; } }
    @media screen and (min-width: 576px) and (max-width: 767px) {
      .why-portfolio-page .parallax-red-line .parallax-red-line-right {
        right: -30px;
        left: initial; } }
    @media screen and (max-width: 575px) {
      .why-portfolio-page .parallax-red-line .parallax-red-line-right {
        display: none; } }

.community-guidelines-page img {
  width: 100%;
  max-width: 100%;
  height: auto; }
.community-guidelines-page .header-info-card h2 {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-size: 1.125rem;
  color: #ed1c24;
  font-weight: 500;
  margin-bottom: 12px; }
.community-guidelines-page .header-info-card h3 {
  text-align: center;
  font-weight: 500;
  font-size: 3.4rem;
  line-height: 100%;
  color: #4F4F4F;
  font-family: 'Messina Modern Regular';
  margin-bottom: 14px; }
.community-guidelines-page .header-info-card p {
  font-family: 'Messina Sans Regular';
  font-size: 0.95rem;
  line-height: 1.5rem;
  color: #828282;
  text-align: center; }
.community-guidelines-page .icons-section .icons-container {
  background-color: #fff;
  padding: 0px 18px; }
  .community-guidelines-page .icons-section .icons-container .icon-item {
    width: 50px;
    height: 60px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-bottom: 14px; }
  .community-guidelines-page .icons-section .icons-container h4 {
    font-family: "Messina Modern Bold";
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #4f4f4f;
    text-align: center; }
  .community-guidelines-page .icons-section .icons-container p {
    font-family: "Messina Sans Regular";
    font-size: 0.95rem;
    line-height: 1.5rem;
    text-align: left;
    color: #4f4f4f;
    text-align: left; }
  .community-guidelines-page .icons-section .icons-container .left-side {
    position: relative;
    padding: 36px 70px; }
    .community-guidelines-page .icons-section .icons-container .left-side::after {
      content: '';
      position: absolute;
      right: 0;
      border-right: 1px solid #BDBDBD;
      top: 40px;
      bottom: 40px; }
    .community-guidelines-page .icons-section .icons-container .left-side .left-item {
      margin-bottom: 40px; }
  .community-guidelines-page .icons-section .icons-container .right-side {
    padding: 36px 70px; }
    .community-guidelines-page .icons-section .icons-container .right-side .right-item {
      margin-bottom: 40px; }
.community-guidelines-page .info-w-parallax {
  height: auto;
  position: relative; }
  @media screen and (max-width: 767px) {
    .community-guidelines-page .info-w-parallax {
      height: auto; } }
  .community-guidelines-page .info-w-parallax .container {
    padding-top: 15px;
    padding-bottom: 15px; }
  .community-guidelines-page .info-w-parallax .info-card {
    background-color: #fff;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
    padding: 17px 20px 17px;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    max-width: 600px;
    height: auto;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .community-guidelines-page .info-w-parallax .info-card {
        padding: 15px 15px 40px; } }
    .community-guidelines-page .info-w-parallax .info-card h2 {
      text-align: center;
      font-family: 'Open Sans', sans-serif;
      text-transform: uppercase;
      font-size: 1.125rem;
      color: #ed1c24;
      font-weight: 500;
      margin-bottom: 12px; }
    .community-guidelines-page .info-w-parallax .info-card h3 {
      text-align: center;
      font-size: 36px;
      font-weight: 500;
      font-size: 2.1rem;
      line-height: 110%;
      color: #4F4F4F;
      font-family: 'Messina Modern Regular'; }
    .community-guidelines-page .info-w-parallax .info-card p {
      font-family: 'Messina Sans Regular';
      font-size: 0.95rem;
      line-height: 1.5rem;
      text-align: left;
      color: #4f4f4f; }
    .community-guidelines-page .info-w-parallax .info-card button {
      background-color: #fff !important;
      padding: 10px 20px; }
    .community-guidelines-page .info-w-parallax .info-card .button-container-onboarding {
      text-align: center;
      margin-top: 24px; }
      .community-guidelines-page .info-w-parallax .info-card .button-container-onboarding .project-add {
        width: 170px !important; }
      .community-guidelines-page .info-w-parallax .info-card .button-container-onboarding .btn-main {
        width: 167px !important;
        padding: 15px 0px;
        font-family: "Messina Sans Regular";
        font-size: 1.3rem;
        font-weight: 400;
        line-height: 110%;
        color: #828282;
        font-size: 1rem;
        color: #fff !important; }
        .community-guidelines-page .info-w-parallax .info-card .button-container-onboarding .btn-main::before {
          content: "+";
          font-size: 1rem;
          position: relative;
          top: -1px;
          right: 6px; }
.community-guidelines-page .parallax-bg {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative; }
  .community-guidelines-page .parallax-bg > img {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .community-guidelines-page .parallax-bg > img {
        position: absolute; } }
  .community-guidelines-page .parallax-bg .parallax-container {
    z-index: 3;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0; }
    @media screen and (max-width: 767px) {
      .community-guidelines-page .parallax-bg .parallax-container {
        position: relative; } }
.community-guidelines-page .parallax-red-line {
  position: relative; }
  .community-guidelines-page .parallax-red-line .parallax-red-line-left {
    position: absolute;
    z-index: 3;
    height: 360px;
    width: 25px;
    background-color: transparent;
    background: transparent;
    border-top: 3px solid #EC1F30;
    border-bottom: 3px solid #EC1F30;
    border-left: 3px solid #EC1F30;
    left: 60px;
    top: -180px; }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .community-guidelines-page .parallax-red-line .parallax-red-line-left {
        left: 40px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .community-guidelines-page .parallax-red-line .parallax-red-line-left {
        left: -30px; } }
    @media screen and (min-width: 576px) and (max-width: 767px) {
      .community-guidelines-page .parallax-red-line .parallax-red-line-left {
        left: -15px; } }
    @media screen and (max-width: 575px) {
      .community-guidelines-page .parallax-red-line .parallax-red-line-left {
        display: none; } }
  .community-guidelines-page .parallax-red-line .parallax-red-line-right {
    position: absolute;
    z-index: 3;
    height: 290px;
    width: 25px;
    background-color: transparent;
    background: transparent;
    border-top: 3px solid #EC1F30;
    border-bottom: 3px solid #EC1F30;
    border-right: 3px solid #EC1F30;
    top: -130px;
    right: 60px; }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .community-guidelines-page .parallax-red-line .parallax-red-line-right {
        right: 40px;
        left: initial; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .community-guidelines-page .parallax-red-line .parallax-red-line-right {
        right: -30px;
        left: initial; } }
    @media screen and (min-width: 576px) and (max-width: 767px) {
      .community-guidelines-page .parallax-red-line .parallax-red-line-right {
        right: -30px;
        left: initial; } }
    @media screen and (max-width: 575px) {
      .community-guidelines-page .parallax-red-line .parallax-red-line-right {
        display: none; } }

@media only screen and (max-width: 992px) {
  .page-inbox .inbox-header {
    order: 2;
    text-align: center; }

  /* Footer */
  footer {
    padding-top: 30px; }
    footer .container .copy {
      margin: 0; }
      footer .container .copy nav {
        padding: 0px; }

  .page-workshop-single .page-workshop-individual .workshop-content .learning-card {
    height: auto; }

  .page-search-content .showcase-card-backlayer-search {
    height: 320px; }
    .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 {
      padding: 0px !important; }

  .page-search-content .search-challenge-card {
    height: auto; }

  .search-learn-card .learn-card {
    height: auto; }

  .main-header .navbar-brand {
    padding-left: 0px; }

  .page-project .projectsingle-card .left-side {
    padding-left: 0px;
    padding-right: 0px; }

  .search-learn-card .learn-card {
    height: 175px;
    max-width: 345px; }
    .search-learn-card .learn-card .container-content {
      height: 175px; }
    .search-learn-card .learn-card .card-container .card-title {
      font-size: 1.6rem; }
    .search-learn-card .learn-card .learn-card-footer-1 {
      position: absolute;
      right: 15px; }

  .page-search-content .showcase-card-backlayer-search {
    height: 175px; }
    .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .card-container .card-title {
      font-size: 1.8rem;
      margin-bottom: 0px;
      max-height: 70px; }
    .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .card .showcase-type p {
      margin-bottom: 5px; }

  .page-create-project-why .how-to .difficulties i.dropdownIcon,
  .page-create-project-why .how-to .durations i.dropdownIcon {
    right: 30px; }
  .page-create-project-why .add-controls .btn-tab, .page-create-project-why .add-controls a:not([href]):not([tabindex]).btn-tab {
    padding: 9px 10px 25px;
    font-size: 1.1rem; }
  .page-create-project-why .project-create-buttons p {
    padding: 10px; }
  .page-create-project-why .project-create-buttons .controls {
    padding: 0 10px; }

  /* home page reorder items */
  .front .container .row .item-0 {
    order: 2; }
  .front .container .row .item-1 {
    order: 1; }
  .front .container .row .item-2 {
    order: 3; }
  .front .container .row .item-3 {
    order: 4; }
  .front .container .row .item-4 {
    order: 5; }
  .front .container .row .item-5 {
    order: 6; }
  .front .container .row .item-6 {
    order: 7; }
  .front .container .row .item-7 {
    order: 8; }
  .front .container .row .item-8 {
    order: 9; }
  .front .container .row .item-9 {
    order: 10; }
  .front .container .row .item-10 {
    order: 12; }
  .front .container .row .item-11 {
    order: 11; }
  .front .container .row .item-12 {
    order: 13; }
  .front .container .row .item-13 {
    order: 14; }
  .front .container .row .item-14 {
    order: 15; }
  .front .container .row .item-15 {
    order: 16; }
  .front .container .row .item-16 {
    order: 17; }
  .front .container .row .item-17 {
    order: 18; }

  .page-challenge-summary .challenge-cover .challenge-card .left-side .button-container-sec-2 {
    margin-left: 0px; } }
@media only screen and (max-width: 767px) {
  .showcase-card-backlayer .showcase-card .content-container {
    padding: 12px 0px 0px 0px; }
    .showcase-card-backlayer .showcase-card .content-container .showcase-type-badge {
      display: none; }

  .page-portfolio .nav-portfolio .nav .btn-white-2 {
    width: 100%; }

  .profile-container .maker-card.project {
    margin-top: 20px; }
    .profile-container .maker-card.project .card-block {
      height: auto; }
      .profile-container .maker-card.project .card-block .maker-name {
        margin-top: 10px; }
      .profile-container .maker-card.project .card-block .card-type {
        right: -10px; }
      .profile-container .maker-card.project .card-block .icons-side-user {
        margin-top: auto !important; }

  footer .footer-copyright {
    width: 90%;
    margin: auto; }

  .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .showcase-date {
    padding-left: 0px; }
  .showcase-card-backlayer .showcase-card .showcase-card-footer .showcase-card-footer-2 .update-date {
    padding-right: 0px; }

  .page-challenge-summary .challenge-card .challene-card-footer-3 .button-container-sec-2 {
    width: 100%;
    margin-left: 0px; }
    .page-challenge-summary .challenge-card .challene-card-footer-3 .button-container-sec-2 .btn-main-2 {
      width: 100%; }
  .page-challenge-summary .challenge-card .right-side {
    padding: 0px; }

  .page-explore .explore-header {
    padding-bottom: 0px; }

  .tablet-challenge-card {
    height: auto; }
    .tablet-challenge-card .image-container {
      max-height: 195px;
      max-width: 576px;
      margin: 0 -15px; }
    .tablet-challenge-card .card-container .card-description p {
      font-family: "Messina Sans Regular";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      line-height: 125% !important;
      -webkit-line-clamp: 3;
      height: 55px;
      color: #fff;
      overflow: hidden;
      font-weight: 900; }
    .tablet-challenge-card .challene-card-footer-1 {
      margin-right: 20px; }
    .tablet-challenge-card .challenge-card-footer-2 {
      margin-bottom: 5px;
      font-family: "Messina Sans Regular";
      font-size: 0.8rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      color: #828282; }

  .front .front-challenge-card {
    min-height: 460px; }
    .front .front-challenge-card .image-container {
      max-height: 195px;
      max-width: 576px;
      margin: 0 -15px; }
    .front .front-challenge-card .card-container {
      padding: 0px 16px !important; }
      .front .front-challenge-card .card-container .card {
        width: 100% !important; }
      .front .front-challenge-card .card-container .card-description p {
        font-family: "Messina Sans Regular";
        font-size: 0.95rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        line-height: 125% !important;
        -webkit-line-clamp: 3;
        height: 52px;
        color: #fff;
        overflow: hidden; }
    .front .front-challenge-card .challene-card-footer-1 {
      margin-right: 20px; }
    .front .front-challenge-card .challenge-card-footer-2 {
      margin-bottom: 5px;
      font-family: "Messina Sans Regular";
      font-size: 0.8rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      color: #828282; }

  .front .learn-card .image-container {
    max-height: 195px;
    max-width: 576px;
    margin: 0 -15px; }
  .front .learn-card .card-container .card-title {
    font-family: "Messina Modern Regular";
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 115%;
    color: #828282;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 55px;
    color: #4F4F4F; }
  .front .learn-card .card-container .card-description p {
    font-family: "Messina Sans Regular";
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 100%;
    color: #828282;
    line-height: 125% !important;
    -webkit-line-clamp: 3;
    height: 52px;
    color: #4F4F4F; }
  .front .showcase-card-backlayer-home .showcase-card .card-container .card-description p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }

  .community-guidelines-page .icons-section .icons-container .left-side::after {
    display: none; }
  .community-guidelines-page .icons-section .icons-container .right-side,
  .community-guidelines-page .icons-section .icons-container .left-side {
    padding: 27px 0px; }

  .filters .dropdown-group {
    margin-left: 0; }

  .filters.projects-counter {
    position: static; } }
@media only screen and (max-width: 575px) {
  /* project card */
  .project.card {
    width: 100%; }
    .project.card .image-top {
      position: inherit;
      top: 0;
      left: 0;
      min-height: 265px;
      height: auto; }
    .project.card .card-block {
      padding: 8px;
      margin-top: 0px;
      min-height: 175px; }

  /* showcase card */
  .page-showcase .showcases-container {
    padding: 0px 15px 0px 15px; }

  .showcase-card-backlayer .showcase-card .image-container {
    width: auto; }
    .showcase-card-backlayer .showcase-card .image-container img {
      width: 100%;
      width: auto; }

  footer {
    text-align: center; }
    footer .container .sitemap-1,
    footer .container .sitemap-2,
    footer .container .socials {
      padding-top: 8px; }
    footer .container .copy nav {
      padding: 0px;
      margin: 0 auto 20px;
      text-align: left; }
    footer .container .social-footer {
      overflow: hidden;
      width: 140px;
      margin: auto; }

  .page-showcase .showcase-card-backlayer .showcase-card .showcase-card-footer-2 {
    margin-left: 0px !important; }

  .page-create-project-why .nav-create ul li {
    float: none; }

  .about-badges .badge-group .badge-data {
    min-height: 155px;
    height: auto; } }
@media only screen and (max-width: 414px) {
  .showcase-card-backlayer .showcase-card .content-container .showcase-card-footer {
    display: block !important; }
    .showcase-card-backlayer .showcase-card .content-container .showcase-card-footer .showcase-card-footer-1 {
      width: 100%; }
      .showcase-card-backlayer .showcase-card .content-container .showcase-card-footer .showcase-card-footer-1 div {
        width: 100%; }
      .showcase-card-backlayer .showcase-card .content-container .showcase-card-footer .showcase-card-footer-1 span {
        width: 100%; }
    .showcase-card-backlayer .showcase-card .content-container .showcase-card-footer .showcase-card-footer-2 {
      margin-left: 0px;
      width: 100%; }
      .showcase-card-backlayer .showcase-card .content-container .showcase-card-footer .showcase-card-footer-2 span {
        width: 100%; }

  .page-single-showcase .profile-container .spotlight-item .user-card {
    padding: 30px 0px 6px 0px !important; }

  .user-card .profile-pic-container .maker-photo {
    height: auto !important; }

  .notifications-container .notification .message {
    font-size: 0.8em !important; }

  .page-project .projectsingle-card .right-side .card-container .project-card-footer ul li a {
    padding: 13px 2px;
    width: 115px; }

  .front .front-challenge-card .content-container {
    padding: 10px 0px !important; }
  .front .front-challenge-card .card-partnership-mobile {
    right: 10px;
    max-width: 190px; }
  .front .learn-card .container-content {
    padding-top: 0px !important;
    padding-bottom: 0px !important; }
  .front .learn-card .card-container {
    padding: 10px 0px !important; }
  .front .learn-card .card-partnership-mobile {
    right: 10px;
    width: 190px; }

  header.main-header.shrink nav.navbar {
    padding: 6px 3px 6px !important; }

  .filters {
    margin-bottom: 8px; }

  .page-explore .filters div {
    border-left: none !important; }

  .p-414 {
    padding: 0px !important; }

  .challenge-header h3 {
    padding-top: 10px; } }
@media only screen and (max-width: 768px) and (min-width: 768px) {
  .why-portfolio-page .page-header .part-3 {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 50% !important;
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
  .why-portfolio-page .page-header .part-3 {
    margin-top: 20px; } }
@media only screen and (max-width: 991px) and (min-width: 767px) {
  header nav #MainNav .nav-item {
    margin-left: 4px; }
    header nav #MainNav .nav-item a {
      font-size: 14px; }
  header nav.navbar {
    padding: 20px 0px; }

  .main-header .navbar-brand {
    width: 100px; }

  .main-header .login-block li .btn {
    padding: 0px; }

  .project .image-top {
    height: 260px; }

  header nav.navbar {
    padding: 10px 0px 20px !important; }
    header nav.navbar .project-button {
      margin-left: 20px; } }
@media only screen and (min-width: 1200px) {
  #page-404 .text-block {
    bottom: 50px;
    right: 160px; } }
@media only screen and (max-width: 768px) {
  .navbar-toggleable-sm #main-nav {
    display: none !important; }

  header nav.navbar .project-button {
    display: none !important; }

  header.main-header .login-block li.hamburger-menu .line-mobile {
    display: block !important; } }
@media only screen and (min-width: 575px) and (max-width: 768px) {
  .project .card-title {
    max-width: 370px; } }
@media only screen and (max-width: 525px) {
  body {
    padding-top: 78px; }
    body .what-is-ms h1 {
      font-size: 3rem; }
    body h3.page-header {
      padding-top: 10px !important; }
    body .page-explore .explore-header h3 {
      padding-top: 10px !important; }

  .info-w-parallax .info-card {
    height: auto !important; }

  .page-create-project-why .team {
    padding-top: 0px; }
  .page-create-project-why .region-content {
    padding: 0px; }
  .page-create-project-why .add-collaborate .inputs-container {
    padding: 8px; }
    .page-create-project-why .add-collaborate .inputs-container .col-md-9 {
      padding: 6px; }
      .page-create-project-why .add-collaborate .inputs-container .col-md-9 .maker-mobile-card {
        max-width: 100%;
        height: auto; }

  .upload-cover-modal .upload-tab .drag-text {
    padding-top: 0px !important; }

  header.main-header {
    height: 74px; }
    header.main-header .navbar-brand {
      width: 75px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      header.main-header .navbar-brand span {
        right: 3px;
        font-size: 8px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
    header.main-header nav.navbar {
      padding: 6px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      header.main-header nav.navbar #MainNav .nav-item a {
        font-size: 1.2rem; }
      header.main-header nav.navbar #MainNav .nav-item .btn {
        font-size: 1rem;
        height: 50px; }
    header.main-header app-notification-panel .dropdown-menu {
      right: -250%;
      width: 300px; }

  .page-inbox h1 {
    font-size: 2.4rem; }
  .page-inbox .inbox-header ul li {
    width: 100%; }
  .page-inbox .inbox-container .inbox-controls .new-message p {
    display: none; }
  .page-inbox .inbox-container .inbox-controls .new-message i {
    font-size: 2rem; }

  header.main-header .navbar-brand {
    margin-right: 1px; }

  header.main-header nav.navbar {
    height: auto !important; } }
@media only screen and (max-width: 767px) {
  header .project-button {
    display: none; }

  .project-mobile-card .project-card-small .media {
    margin-bottom: -15px; }
    .project-mobile-card .project-card-small .media .media-body .card-title {
      height: 80px;
      overflow: hidden;
      line-height: 27px; }

  .showcase-card-backlayer-home,
  .showcase-card-backlayer-mobile {
    min-height: 350px;
    margin-bottom: 26px; }
    .showcase-card-backlayer-home .showcase-card-backlayer-home-2,
    .showcase-card-backlayer-home .showcase-card-backlayer-mobile-2,
    .showcase-card-backlayer-mobile .showcase-card-backlayer-home-2,
    .showcase-card-backlayer-mobile .showcase-card-backlayer-mobile-2 {
      min-height: 350px; }
    .showcase-card-backlayer-home .showcase-card,
    .showcase-card-backlayer-mobile .showcase-card {
      min-height: 350px; }

  .why-portfolio-page .page-header .part-3 {
    margin-top: 20px; } }
@media only screen and (max-width: 768px) {
  .project .icons-side-project {
    top: -20px; }

  .toggleProfile {
    display: block; }

  .hideData {
    display: none; }

  .showcase-card .card-title, .challenge-card .card-title {
    font-size: 2em !important; }

  .challenge-card .card-container .card-partership {
    padding-top: 10px; }

  .profile-sidebar .profile-container .profile-info {
    padding-bottom: 30px; }
    .profile-sidebar .profile-container .profile-info .hideData .toggleProfile, .profile-sidebar .profile-container .profile-info .hideData.toggleProfile {
      bottom: 15px; }
    .profile-sidebar .profile-container .profile-info .userInfo {
      min-height: 70px; }

  .registration-page .search-form-group .header-title {
    margin-top: 20px; }
  .registration-page .search-form-group form input {
    margin-top: 5px; }
  .registration-page .search-form-group form .save-btn-container {
    text-align: center;
    margin-top: 15px; }

  .page-create-project-why h2 {
    padding: 0px; }
  .page-create-project-why p {
    padding: 0px; }
  .page-create-project-why .your-story-guide .content {
    width: 100% !important; }
  .page-create-project-why .guideline {
    padding: 6px; }
    .page-create-project-why .guideline .content {
      width: 100% !important; }
  .page-create-project-why .content {
    width: 100% !important; }
  .page-create-project-why .question-mark i {
    display: none; }

  .why-portfolio-page .page-header .part-1 {
    display: none; }

  .community-guidelines-page .page-header {
    padding: 0px !important; }
  .community-guidelines-page .icons-section .icons-container .right-side,
  .community-guidelines-page .icons-section .icons-container .left-side {
    padding: 27px 20px; } }
@media only screen and (min-width: 769px) {
  header.main-header .login-block li.hamburger-menu .mobile-menu-item {
    display: none !important; }
  header.main-header .login-block li.hamburger-menu .line-mobile {
    display: none !important; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .front .lone-card {
    order: 5; }

  .project .card .maker-data-container {
    width: 180px; }

  .project-home .image-top {
    width: 325px; }

  header.main-header .login-block li.search-icon, header.main-header .login-block li.hamburger-menu {
    margin-left: 10px; }
  header.main-header .login-block li .btn {
    padding: 0 5px; }
  header.main-header.shrink nav.navbar #MainNav .nav-item
  a {
    font-size: 1.1rem; }

  header.main-header.shrink
  .navbar-toggleable-sm .navbar-nav .nav-link {
    padding-right: 0.2rem;
    padding-left: 0.2rem; }

  .page-portfolio .nav-portfolio .nav .btn-white-2 {
    width: 50%; } }
@media only screen and (min-width: 992px) {
  .modal-lg, .modal-dialog {
    max-width: 1110px; }

  .modal-sm {
    width: 29%; }

  .delete-promodal .modal-dialog {
    max-width: 700px !important; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header nav {
    padding: 20px 5px !important; }
    header nav #MainNav .nav-item {
      margin-left: 5px !important; }

  .project .image-top {
    height: 228px; }
  .project .maker-name {
    margin-top: 5px; }
  .project .card-title {
    width: 190px; }

  .profile-sidebar .profile-container .profile-info .profile-share {
    top: 35px; }

  .showcase-card-backlayer-home .showcase-card .card-container .card-description p {
    -webkit-line-clamp: 4;
    max-height: 92px; }

  .page-search-content .showcase-card-backlayer-search .showcase-card-backlayer-search-2 .showcase-card .card-container .card-description p {
    -webkit-line-clamp: 4;
    max-height: 92px; } }
/* acount setting component */
_::-webkit-full-page-media, _:future, :root .custom-safari {
  text-align: left !important; }

ckeditor #cke_23 {
  float: right; }
  ckeditor #cke_23 #cke_24_description::after {
    display: none; }

.cat-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 80%;
  margin: auto; }
  .cat-filters .cat-filter-item {
    display: flex;
    align-self: center; }

.maker-card {
  height: 460px; }
  .maker-card.card {
    border-radius: 0;
    padding: 0;
    margin: 0 auto 30px;
    border: none;
    -moz-box-shadow: 2px 2px 8px #BDBDBD;
    -webkit-box-shadow: 2px 2px 8px #BDBDBD;
    box-shadow: 2px 2px 8px #BDBDBD;
    cursor: pointer; }
  .maker-card .card-type {
    right: -22px; }
  .maker-card .image-top {
    width: 100%;
    height: 275px;
    overflow: hidden;
    position: relative; }
    .maker-card .image-top .card-img-top {
      border-radius: 0; }
    .maker-card .image-top img {
      height: 100%;
      width: 100%; }
    .maker-card .image-top .step {
      opacity: 0;
      position: absolute;
      transition: .5s ease-in-out all; }
    .maker-card .image-top .show {
      opacity: 1 !important; }
  .maker-card .card-block {
    padding: 0 15px;
    height: 175px;
    position: relative; }
    .maker-card .card-block .content-side {
      padding-left: 0;
      width: 100%; }
    .maker-card .card-block p {
      margin-bottom: 0; }
    .maker-card .card-block .maker-name {
      font-size: 1.4em;
      color: #00AEEF;
      margin-bottom: 0.2em; }
    .maker-card .card-block .maker-nickname {
      font-size: .8em;
      line-height: 0.9em;
      letter-spacing: 0.05em;
      margin-bottom: 2px;
      font-weight: normal;
      color: #BDBDBD;
      display: inline; }
    .maker-card .card-block .maker-city {
      font-family: "Messina Sans Regular";
      font-size: 0.8rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      margin-bottom: 5px;
      margin-top: 5px;
      font-size: 0.8rem;
      color: #4F4F4F;
      display: inline; }
    .maker-card .card-block .maker-card-ico {
      font-size: 0.7em;
      position: relative; }
      .maker-card .card-block .maker-card-ico.lnr-map-marker {
        left: -1px; }
    .maker-card .card-block .maker-descripe {
      font-weight: bold;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 1em;
      font-weight: 500;
      color: #474747;
      line-height: 1.2em !important; }
    .maker-card .card-block .descripe-container {
      margin-top: .2em; }
    .maker-card .card-block .card-maker-meta-row {
      overflow: hidden; }
      .maker-card .card-block .card-maker-meta-row-icon, .maker-card .card-block .card-maker-meta-row p {
        float: left;
        margin-bottom: 5px;
        margin-top: 5px; }
      .maker-card .card-block .card-maker-meta-row-icon {
        width: 10px;
        margin-right: 7px; }
        .maker-card .card-block .card-maker-meta-row-icon.lnr-bullhorn {
          margin-top: 0.9em; }
      .maker-card .card-block .card-maker-meta-row p {
        width: calc(100% - 17px); }
    .maker-card .card-block .card-stats ul li span {
      font-size: .8em; }
  .maker-card .icons-side-project {
    position: relative;
    top: -13px;
    height: 40px;
    margin-bottom: -10px;
    z-index: 9; }
    .maker-card .icons-side-project .project-icon img {
      width: 30px;
      height: 36px;
      margin-right: 5px; }
  .maker-card .icons {
    position: absolute;
    color: white;
    top: -12px;
    left: -10px;
    font-size: 13px;
    padding: 20px; }
    .maker-card .icons span {
      margin: 2px;
      font-size: 13px; }
      .maker-card .icons span i {
        margin-right: 4px;
        font-size: 17px; }
  .maker-card .card-title {
    font-family: "Messina Modern Regular";
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 115%;
    color: #828282;
    color: #4F4F4F;
    height: auto;
    padding: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 30px;
    text-align: left;
    width: 100%;
    margin: 0; }
  .maker-card .card-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 5px;
    color: #333333; }
    .maker-card .card-text.project-text-grid {
      display: none; }
  .maker-card .categories {
    display: none; }
    .maker-card .categories span {
      margin-left: 3px;
      color: #BDBDBD; }
  .maker-card .card-role p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 15px;
    color: #BDBDBD; }
  .maker-card .card-stats {
    padding: 2px;
    color: #BDBDBD; }
    .maker-card .card-stats ul li {
      font-family: "Messina Sans Regular";
      font-size: 0.9rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      display: inline-block;
      margin-right: 25px; }
      .maker-card .card-stats ul li img {
        margin-right: 6px; }
        .maker-card .card-stats ul li img.project-likes {
          width: 12px; }
        .maker-card .card-stats ul li img.project-views {
          width: 20px;
          padding-bottom: 3px; }
      .maker-card .card-stats ul li span {
        margin: 0px;
        color: #BDBDBD; }

.maker-mobile-card {
  position: relative;
  margin: 0 0 15px 0;
  border: none;
  padding: 15px 15px;
  background-color: #fff;
  -moz-box-shadow: 2px 2px 8px #BDBDBD;
  -webkit-box-shadow: 2px 2px 8px #BDBDBD;
  box-shadow: 2px 2px 8px #BDBDBD;
  min-height: 140px;
  border-radius: 0rem; }
  .maker-mobile-card .icons-side-project {
    position: absolute;
    top: -2px;
    right: 0; }
    .maker-mobile-card .icons-side-project .project-icon img {
      width: auto;
      height: 35px;
      margin-right: 5px; }
  .maker-mobile-card .content-container {
    height: 100%; }
  .maker-mobile-card .maker-pic-container {
    width: 85px;
    height: 85px;
    min-width: 85px;
    border-radius: 0px !important; }
    .maker-mobile-card .maker-pic-container img {
      width: 100%;
      height: 100%;
      border-radius: 0px !important; }
  .maker-mobile-card .maker-data {
    max-width: 230px;
    word-wrap: break-word; }
    .maker-mobile-card .maker-data .maker-name {
      line-height: 150%;
      font-family: "Messina Modern Regular";
      font-size: 1.3rem;
      font-weight: 500;
      line-height: 120%;
      color: #828282;
      color: #00AEEF; }
    .maker-mobile-card .maker-data .maker-nickname {
      font-family: "Messina Modern Regular";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      margin-bottom: 2px;
      font-weight: normal;
      color: #4F4F4F; }
    .maker-mobile-card .maker-data .maker-city {
      font-family: "Messina Sans Regular";
      font-size: 0.8rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      margin-bottom: 5px;
      margin-top: 5px;
      font-size: 1em !important;
      color: #BDBDBD; }
    .maker-mobile-card .maker-data .maker-descripe {
      font-family: "Messina Modern Regular";
      font-size: 0.95rem;
      font-weight: 400;
      line-height: 100%;
      color: #828282;
      margin-top: 5px;
      font-weight: bold; }
  .maker-mobile-card .card-stats {
    padding: 2px;
    color: #BDBDBD; }
    .maker-mobile-card .card-stats ul {
      margin-bottom: 0; }
      .maker-mobile-card .card-stats ul li {
        font-family: "Messina Sans Regular";
        font-size: 0.8rem;
        font-weight: 400;
        line-height: 100%;
        color: #828282;
        display: inline;
        margin-right: 25px; }
        .maker-mobile-card .card-stats ul li img {
          margin-right: 6px; }
          .maker-mobile-card .card-stats ul li img.project-likes {
            width: 10px; }
          .maker-mobile-card .card-stats ul li img.project-views {
            width: 20px;
            padding-bottom: 3px; }
        .maker-mobile-card .card-stats ul li span {
          margin: 0px; }

.quote-area {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  padding-top: 2rem;
  margin-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 2rem; }
  .quote-area blockquote, .quote-area .attribute {
    color: #00AEEF; }
  .quote-area blockquote {
    font-family: "Messina Sans Regular";
    font-size: 2em;
    line-height: 1.3em; }
  .quote-area .attribute {
    text-align: right;
    width: 100%;
    display: block;
    font-family: "Messina Sans bold"; }

/*# sourceMappingURL=style.css.map */