/*      light colors         */
/*           Font Smoothing      */
.card23 h1, .card23 .h1, .card23 h2, .card23 .h2, .card23 h3, .card23 .h3, .card23 h4, .card23 .h4, .card23 h5, .card23 .h5, .card23 h6, .card23 .h6, .card23 p, .card23 .navbar, .card23 .brand, .card23 .btn, .card23 a, .card23 .td-name, .card23 td {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "Playfair Display","Raleway","Helvetica Neue",Arial,sans-serif;
  }
  .card23 h1, .card23 .h1, .card23 h2, .card23 .h2, .card23 h3, .card23 .h3, .card23 h4, .card23 .h4 {
    font-weight: 400;
    margin: 30px 0 15px;
  }
  .card23 h1, .card23 .h1 {
    font-size: 52px;
  }
  .card23 h2, .card23 .h2 {
    font-size: 36px;
  }
  .card23 h3, .card23 .h3 {
    font-size: 28px;
    margin: 20px 0 10px;
  }
  .card23 h4, .card23 .h4 {
    font-size: 24px;
    line-height: 30px;
  }
  .card23 h5, .card23 .h5 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .card23 h6, .card23 .h6 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
  }
  .card23 p {
    font-size: 16px;
    line-height: 1.3;
    font-family: "Raleway","Helvetica","Arial", sans-serif;
  }
  .card23 .category,
  .card23 .label,
  .card23 .title-modern,
  .card23 .btn-modern,
  .card23 .price h4 {
    font-family: "Raleway","Helvetica","Arial", sans-serif;
  }
  .card23 h1 small, .card23 h2 small, .card23 h3 small, .card23 h4 small, .card23 h5 small, .card23 h6 small, .card23 .h1 small, .card23 .h2 small, .card23 .h3 small, .card23 .h4 small, .card23 .h5 small, .card23 .h6 small, .card23 h1 .small, .card23 h2 .small, .card23 h3 .small, .card23 h4 .small, .card23 h5 .small, .card23 h6 .small, .card23 .h1 .small, .card23 .h2 .small, .card23 .h3 .small, .card23 .h4 .small, .card23 .h5 .small, .card23 .h6 .small {
    color: #9A9A9A;
    font-weight: 300;
    line-height: 1.3;
  }
  .card23 h1 small, .card23 h2 small, .card23 h3 small, .card23 h1 .small, .card23 h2 .small, .card23 h3 .small {
    font-size: 60%;
  }
  .card23 .text-primary, .card23 .text-primary:hover {
    color: #1D62F0 !important;
  }
  .card23 .text-info, .card23 .text-info:hover {
    color: #109CFF !important;
  }
  .card23 .text-success, .card23 .text-success:hover {
    color: #0C9C14 !important;
  }
  .card23 .text-warning, .card23 .text-warning:hover {
    color: #ED8D00 !important;
  }
  .card23 .text-danger, .card23 .text-danger:hover {
    color: #EE2D20 !important;
  }
  
  .card23 {
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.23);
    background-color: #FFFFFF;
    margin-bottom: 20px;
    position: relative;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  .card23 .title,
  .card23 .stats,
  .card23 .category,
  .card23 .description,
  .card23 .social-line,
  .card23 .actions,
  .card23 .content,
  .card23 .footer,
  .card23 small,
  .card23 a {
    position: relative;
    z-index: 3;
  }
  .card23 a {
    color: #444444;
  }
  .card23 a:hover, .card23 a:focus {
    color: #333333;
  }
  .card23[data-radius="none"] {
    border-radius: 0px;
  }
  .card23[data-radius="none"] .header {
    border-radius: 0px 0px 0 0;
  }
  .card23[data-radius="none"] .header img {
    border-radius: 0px 0px 0 0;
  }
  .card23.card23-plain {
    box-shadow: none;
  }
  .card23 .btn {
    text-shadow: none;
    font-weight: bold;
  }
  .card23 .title-uppercase {
    text-transform: uppercase;
  }
  .card23 .header {
    position: relative;
    border-radius: 6px 6px 0 0;
    height: 200px;
    z-index: 3;
  }
  .card23 .header img {
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
  }
  .card23 .header .category {
    padding: 15px;
  }
  .card23 .header .social-line {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    display: block;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
  }
  .card23 .header .social-line .btn,
  .card23 .header .social-line a {
    font-family: "Roboto","Helvetica","Arial", sans-serif;
    font-weight: 400;
  }
  .card23 .header .social-line.social-line-visible {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .card23 .content .price {
    border: 2px solid rgba(255, 255, 255, 0.7);
    color: white;
    border-radius: 50%;
    width: 152px;
    height: 152px;
    margin: 50px auto;
    text-align: center;
    vertical-align: middle;
    line-height: 200px;
  }
  .card23 .content .price h4 {
    margin: 5px 0 0;
    font-size: 36px;
  }
  .card23 .content .price h6 {
    margin-top: 45px;
    font-size: 16px;
  }
  .card23 .content .price .currency {
    font-size: 22px;
    font-weight: normal;
  }
  .card23 .actions {
    padding: 10px 15px;
  }
  .card23 .social-line .btn {
    float: left;
    display: block;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
  }
  .card23 .social-line .btn-social {
    border: 1px solid #EEEEEE;
    border-radius: 0;
    border-left: 0;
    background-color: #FFFFFF;
    padding: 12px 4px;
  }
  .card23 .social-line .btn-social:last-child {
    border-right: 0;
  }
  .card23 .social-line[data-buttons="5"] .btn {
    width: 20%;
  }
  .card23 .social-line[data-buttons="4"] .btn {
    width: 25%;
  }
  .card23 .social-line[data-buttons="3"] .btn {
    width: 33.3333333%;
  }
  .card23 .social-line[data-buttons="2"] .btn {
    width: 50%;
  }
  .card23 .social-line:after {
    clear: both;
    display: table;
    content: " ";
  }
  .card23 .filter,
  .card23 .header .actions {
    position: absolute;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.76);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .card23 .header .actions {
    background-color: transparent;
    z-index: 3;
  }
  .card23 .header .actions .btn {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .card23:hover .filter {
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  .card23:hover .header .social-line,
  .card23:hover .header .actions {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .card23 .category,
  .card23 .label {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .card23 .category i,
  .card23 .label i {
    font-size: 16px;
  }
  .card23 .category {
    color: #9A9A9A;
  }
  .card23 .label {
    text-shadow: none;
  }
  .card23 .title {
    color: #333333;
  }
  .card23 > .title {
    margin: 0;
    padding: 30px 0 0;
  }
  .card23 .content {
    padding: 15px 15px 5px 15px;
  }
  .card23 .content .title {
    margin: 10px 0 20px 0;
  }
  .card23 .content .category ~ .title {
    margin-top: 0px;
  }
  .card23 .content .description ~ .title {
    margin-top: -10px;
  }
  .card23 .description {
    font-size: 16px;
    color: #9A9A9A;
  }
  .card23 h6 {
    font-size: 12px;
    margin: 0;
  }
  .card23 .footer {
    padding: 0 15px 15px;
  }
  .card23 .footer .social-line .btn:first-child {
    border-radius: 0 0 0 6px;
  }
  .card23 .footer .social-line .btn:last-child {
    border-radius: 0 0 6px 0;
  }
  .card23.card23-separator:after {
    height: 100%;
    right: -15px;
    top: 0;
    width: 1px;
    background-color: #DDDDDD;
    content: "";
    position: absolute;
  }
  .card23 .icon {
    display: block;
    margin: 0 auto;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
  }
  .card23 .icon i {
    font-size: 60px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    padding: 18px;
    border-radius: 50%;
  }
  .col-lg-4 .card23 .icon i {
    font-size: 80px;
    padding: 22px;
  }
  .card23.card23-with-border .content {
    padding: 15px 15px 25px 15px;
  }
  .card23.card23-with-border .footer {
    padding-bottom: 25px;
  }
  .card23.card23-with-border:after {
    position: absolute;
    display: block;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    content: "";
    top: 5px;
    left: 5px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    z-index: 1;
    border-radius: 5px;
  }
  .card23.card23-just-text .content {
    padding: 50px 65px;
    text-align: center;
  }
  .card23[data-background="image"] .image, .card23[data-background="color"] .image {
    border-radius: 6px;
  }
  .card23[data-background="image"] .title, .card23[data-background="color"] .title {
    font-weight: bold;
  }
  .card23[data-background="image"] .filter, .card23[data-background="color"] .filter {
    border-radius: 6px;
  }
  .card23[data-background="image"] .title,
  .card23[data-background="image"] .stats,
  .card23[data-background="image"] .category,
  .card23[data-background="image"] .description,
  .card23[data-background="image"] .content,
  .card23[data-background="image"] .footer,
  .card23[data-background="image"] small,
  .card23[data-background="image"] a, .card23[data-background="color"] .title,
  .card23[data-background="color"] .stats,
  .card23[data-background="color"] .category,
  .card23[data-background="color"] .description,
  .card23[data-background="color"] .content,
  .card23[data-background="color"] .footer,
  .card23[data-background="color"] small,
  .card23[data-background="color"] a {
    color: #FFFFFF;
  }
  .card23[data-background="image"] a:hover,
  .card23[data-background="image"] a:focus, .card23[data-background="color"] a:hover,
  .card23[data-background="color"] a:focus {
    color: #FFFFFF;
  }
  .card23[data-background="image"] .icon i, .card23[data-background="color"] .icon i {
    color: #FFFFFF;
    border: 2px solid rgba(255, 255, 255, 0.6);
  }
  .card23[data-background="image"].card23-with-border:after, .card23[data-background="color"].card23-with-border:after {
    border: 1px solid rgba(255, 255, 255, 0.45);
  }
  .card23[data-background="image"] {
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  }
  .card23[data-background="image"] .filter {
    opacity: 0.55;
    filter: alpha(opacity=55.0);
  }
  .card23[data-background="image"]:hover .filter {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  .card23[data-color="blue"] {
    background: #4087ea;
    background: -moz-radial-gradient(center, ellipse cover, #533ce1 0%, #4087ea 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #533ce1), color-stop(100%, #4087ea));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #533ce1 0%, #4087ea 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #533ce1 0%, #4087ea 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #533ce1 0%, #4087ea 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #533ce1 0%, #4087ea 100%);
    /* W3C */
    background-size: 250% 250%;
  }
  .card23[data-color="azure"] {
    background: #45c0fd;
    background: -moz-radial-gradient(center, ellipse cover, #4091ff 0%, #45c0fd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #4091ff), color-stop(100%, #45c0fd));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #4091ff 0%, #45c0fd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #4091ff 0%, #45c0fd 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #4091ff 0%, #45c0fd 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #4091ff 0%, #45c0fd 100%);
    /* W3C */
    background-size: 250% 250%;
  }
  .card23[data-color="green"] {
    background: #a1eb3a;
    background: -moz-radial-gradient(center, ellipse cover, #53A319 0%, #a1eb3a 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #53A319), color-stop(100%, #a1eb3a));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #53A319 0%, #a1eb3a 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #53A319 0%, #a1eb3a 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #53A319 0%, #a1eb3a 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #53A319 0%, #a1eb3a 100%);
    /* W3C */
    background-size: 250% 250%;
  }
  .card23[data-color="orange"] {
    background: #ffb33b;
    background: -moz-radial-gradient(center, ellipse cover, #ff5221 0%, #ffb33b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ff5221), color-stop(100%, #ffb33b));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #ff5221 0%, #ffb33b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #ff5221 0%, #ffb33b 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #ff5221 0%, #ffb33b 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #ff5221 0%, #ffb33b 100%);
    /* W3C */
    background-size: 250% 250%;
  }
  .card23[data-color="red"] {
    background: #ff3b30;
    background: -moz-radial-gradient(center, ellipse cover, #bb0502 0%, #ff3b30 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #bb0502), color-stop(100%, #ff3b30));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #bb0502 0%, #ff3b30 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #bb0502 0%, #ff3b30 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #bb0502 0%, #ff3b30 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #bb0502 0%, #ff3b30 100%);
    /* W3C */
    background-size: 250% 250%;
  }
  .card23[data-color="black"] {
    background: #787878;
    background: -moz-radial-gradient(center, ellipse cover, #343434 0%, #787878 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #343434), color-stop(100%, #787878));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #343434 0%, #787878 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #343434 0%, #787878 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #343434 0%, #787878 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #343434 0%, #787878 100%);
    /* W3C */
    background-size: 250% 250%;
  }
  
  .filter.filter-white {
    background-color: rgba(255, 255, 255, 0.91);
  }
  
  .filter.filter-blue {
    background: #4087ea;
    background: -moz-radial-gradient(center, ellipse cover, #533ce1 0%, #4087ea 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #533ce1), color-stop(100%, #4087ea));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #533ce1 0%, #4087ea 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #533ce1 0%, #4087ea 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #533ce1 0%, #4087ea 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #533ce1 0%, #4087ea 100%);
    /* W3C */
    background-size: 250% 250%;
  }
  
  .filter.filter-azure {
    background: #45c0fd;
    background: -moz-radial-gradient(center, ellipse cover, #4091ff 0%, #45c0fd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #4091ff), color-stop(100%, #45c0fd));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #4091ff 0%, #45c0fd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #4091ff 0%, #45c0fd 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #4091ff 0%, #45c0fd 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #4091ff 0%, #45c0fd 100%);
    /* W3C */
    background-size: 250% 250%;
  }
  
  .filter.filter-green {
    background: #a1eb3a;
    background: -moz-radial-gradient(center, ellipse cover, #53A319 0%, #a1eb3a 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #53A319), color-stop(100%, #a1eb3a));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #53A319 0%, #a1eb3a 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #53A319 0%, #a1eb3a 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #53A319 0%, #a1eb3a 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #53A319 0%, #a1eb3a 100%);
    /* W3C */
    background-size: 250% 250%;
  }
  
  .filter.filter-orange {
    background: #ffb33b;
    background: -moz-radial-gradient(center, ellipse cover, #ff5221 0%, #ffb33b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ff5221), color-stop(100%, #ffb33b));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #ff5221 0%, #ffb33b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #ff5221 0%, #ffb33b 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #ff5221 0%, #ffb33b 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #ff5221 0%, #ffb33b 100%);
    /* W3C */
    background-size: 250% 250%;
  }
  
  .filter.filter-red {
    background: #ff3b30;
    background: -moz-radial-gradient(center, ellipse cover, #bb0502 0%, #ff3b30 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #bb0502), color-stop(100%, #ff3b30));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #bb0502 0%, #ff3b30 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #bb0502 0%, #ff3b30 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #bb0502 0%, #ff3b30 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #bb0502 0%, #ff3b30 100%);
    /* W3C */
    background-size: 250% 250%;
  }
  
  @media (min-width: 1200px) {
    .card23 .header {
      height: 265px;
    }
    .card23[data-background="color"] .header {
      height: 230px;
    }
  
    .col-md-3 .card23 .header,
    .col-sm-3 .card23 .header,
    .col-xs-3 .card23 .header,
    .col-lg-3 .card23 .header {
      height: 185px;
    }
  }
  /*          Changes for small display      */
  @media (max-width: 767px) {
    .navbar-transparent {
      padding-top: 15px;
      background-color: rgba(0, 0, 0, 0.45);
    }
  
    body {
      position: relative;
    }
  
    .social-line .btn {
      margin: 0 0 10px 0;
    }
  
    .card23 .header .social-line .btn {
      margin: 0;
    }
  }