.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 0.25rem; 
}
.card > hr {
  margin-right: 0;
  margin-left: 0; }
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; 
}

.card-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1.25rem; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
  .card-header + .list-group .list-group-item:first-child {
    border-top: 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.12); }
  .card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px); }

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px); }

.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .card-deck .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-deck {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .card-deck .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
                flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px; } }

.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .card-group > .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-group {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      .card-group > .card {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
                flex: 1 0 0%;
        margin-bottom: 0; }
        .card-group > .card + .card {
          margin-left: 0;
          border-left: 0; }
        .card-group > .card:first-child {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          .card-group > .card:first-child .card-img-top,
          .card-group > .card:first-child .card-header {
            border-top-right-radius: 0; }
          .card-group > .card:first-child .card-img-bottom,
          .card-group > .card:first-child .card-footer {
            border-bottom-right-radius: 0; }
        .card-group > .card:last-child {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          .card-group > .card:last-child .card-img-top,
          .card-group > .card:last-child .card-header {
            border-top-left-radius: 0; }
          .card-group > .card:last-child .card-img-bottom,
          .card-group > .card:last-child .card-footer {
            border-bottom-left-radius: 0; }
        .card-group > .card:only-child {
          border-radius: 0.25rem; }
          .card-group > .card:only-child .card-img-top,
          .card-group > .card:only-child .card-header {
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem; }
          .card-group > .card:only-child .card-img-bottom,
          .card-group > .card:only-child .card-footer {
            border-bottom-right-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem; }
        .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
          border-radius: 0; }
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
            border-radius: 0; } }

.card-columns .card {
  margin-bottom: 0.75rem; }

.media .avatar {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 15px;
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
  .media .avatar img {
    width: 100%; }

.media .media-heading small {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif; }

.media .media-body {
  padding-right: 10px; }
  .media .media-body textarea {
    margin-top: 15px; }
  .media .media-body .media .media-body {
    padding-right: 0px; }

.media .media-footer .btn {
  margin-bottom: 20px; }

.media .media-footer:after {
  display: table;
  content: " ";
  clear: both; }

.media p {
  color: #999999;
  font-size: 1rem;
  line-height: 1.6em; }

.media-left,
.media > .float-left {
  padding: 10px; }

.card {
  border: 0;
  margin-bottom: 30px;
  margin-top: 30px;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
  width: 100%;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
  .card .card-category:not([class*="text-"]) {
    color: #999999; }
  .card .card-category {
    margin-top: 10px; }
    .card .card-category .material-icons {
      position: relative;
      top: 8px;
      line-height: 0; }
  .card .form-check {
    margin-top: 15px; }
  .card .card-title {
    margin-top: 0.625rem; }
    .card .card-title:last-child {
      margin-bottom: 0; }
  .card.no-shadow .card-header-image,
  .card.no-shadow .card-header-image img {
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .card .card-body,
  .card .card-footer {
    padding: 0.9375rem 1.875rem; }
  .card .card-body + .card-footer {
    padding-top: 0rem;
    border: 0;
    border-radius: 6px; }
  .card .card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: transparent;
    border: 0; }
    .card .card-footer .author,
    .card .card-footer .stats {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    .card .card-footer .stats {
      color: #999999; }
      .card .card-footer .stats .material-icons {
        position: relative;
        top: 3px;
        margin-right: 3px;
        margin-left: 3px;
        font-size: 18px; }
  .card.bmd-card-raised {
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
  @media (min-width: 992px) {
    .card.bmd-card-flat {
      -webkit-box-shadow: none;
              box-shadow: none; } }
  .card .card-header {
    border-radius: 3px;
    padding: 1rem 15px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border: 0;
    background: linear-gradient(60deg, #eee, #bdbdbd); }
    .card .card-header .title {
      color: #fff; }
    .card .card-header:not([class*="header-"]) {
      -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
              box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
    .card .card-header .nav-tabs {
      padding: 0; }
    .card .card-header.card-header-image {
      position: relative;
      padding: 0;
      z-index: 1;
      margin-left: 15px;
      margin-right: 15px;
      margin-top: -30px;
      border-radius: 6px; }
      .card .card-header.card-header-image a {
        display: block; }
      .card .card-header.card-header-image img {
        width: 100%;
        border-radius: 6px;
        pointer-events: none;
        -webkit-box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
                box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
      .card .card-header.card-header-image .card-title {
        position: absolute;
        bottom: 15px;
        left: 15px;
        color: #fff;
        font-size: 1.125rem;
        text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5); }
      .card .card-header.card-header-image .colored-shadow {
        -webkit-transform: scale(0.94);
                transform: scale(0.94);
        top: 12px;
        -webkit-filter: blur(12px);
                filter: blur(12px);
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: cover;
        z-index: -1;
        -webkit-transition: opacity .45s;
        transition: opacity .45s;
        opacity: 0; }
      .card .card-header.card-header-image.no-shadow {
        -webkit-box-shadow: none;
                box-shadow: none; }
        .card .card-header.card-header-image.no-shadow.shadow-normal {
          -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
                  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
        .card .card-header.card-header-image.no-shadow .colored-shadow {
          display: none !important; }
  .card .card-header-primary, .card.bg-primary,
  .card.card-rotate.bg-primary .front,
  .card.card-rotate.bg-primary .back {
    background: linear-gradient(60deg, #ab47bc, #7b1fa2); }
  .card .card-header-info, .card.bg-info,
  .card.card-rotate.bg-info .front,
  .card.card-rotate.bg-info .back {
    background: linear-gradient(60deg, #26c6da, #0097a7); }
  .card .card-header-success, .card.bg-success,
  .card.card-rotate.bg-success .front,
  .card.card-rotate.bg-success .back {
    background: linear-gradient(60deg, #66bb6a, #388e3c); }
  .card .card-header-warning, .card.bg-warning,
  .card.card-rotate.bg-warning .front,
  .card.card-rotate.bg-warning .back {
    background: linear-gradient(60deg, #ffa726, #f57c00); }
  .card .card-header-danger, .card.bg-danger,
  .card.card-rotate.bg-danger .front,
  .card.card-rotate.bg-danger .back {
    background: linear-gradient(60deg, #ef5350, #d32f2f); }
  .card .card-header-rose, .card.bg-rose,
  .card.card-rotate.bg-rose .front,
  .card.card-rotate.bg-rose .back {
    background: linear-gradient(60deg, #ec407a, #c2185b); }
  .card .card-header-primary {
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(156, 39, 176, 0.6);
            box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(156, 39, 176, 0.6); }
  .card .card-header-danger {
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(244, 67, 54, 0.6);
            box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(244, 67, 54, 0.6); }
  .card .card-header-rose {
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6);
            box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); }
  .card .card-header-warning {
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 152, 0, 0.6);
            box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 152, 0, 0.6); }
  .card .card-header-info {
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(0, 188, 212, 0.6);
            box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(0, 188, 212, 0.6); }
  .card .card-header-success {
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(76, 175, 80, 0.6);
            box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(76, 175, 80, 0.6); }
  .card [class*="header-"], .card[class*="bg-"] {
    color: #fff; }
    .card [class*="header-"] .card-title a,
    .card [class*="header-"] .card-title,
    .card [class*="header-"] .icon i, .card[class*="bg-"] .card-title a,
    .card[class*="bg-"] .card-title,
    .card[class*="bg-"] .icon i {
      color: #fff; }
    .card [class*="header-"] .icon i, .card[class*="bg-"] .icon i {
      border-color: rgba(255, 255, 255, 0.25); }
    .card [class*="header-"] .author a,
    .card [class*="header-"] .stats,
    .card [class*="header-"] .card-category,
    .card [class*="header-"] .card-description, .card[class*="bg-"] .author a,
    .card[class*="bg-"] .stats,
    .card[class*="bg-"] .card-category,
    .card[class*="bg-"] .card-description {
      color: rgba(255, 255, 255, 0.8); }
    .card [class*="header-"] .author a:hover, .card [class*="header-"] .author a:focus, .card [class*="header-"] .author a:active, .card[class*="bg-"] .author a:hover, .card[class*="bg-"] .author a:focus, .card[class*="bg-"] .author a:active {
      color: #fff; }
  .card .author .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px; }
  .card .author a {
    color: #3C4858;
    text-decoration: none; }
    .card .author a .ripple-container {
      display: none; }
  .card .card-category-social .fa {
    font-size: 24px;
    position: relative;
    margin-top: -4px;
    top: 2px;
    margin-right: 5px; }
  .card .card-category-social .material-icons {
    position: relative;
    top: 5px; }
  .card[class*="bg-"],
  .card[class*="bg-"] .card-body {
    border-radius: 6px; }
    .card[class*="bg-"] h1 small,
    .card[class*="bg-"] h2 small,
    .card[class*="bg-"] h3 small,
    .card[class*="bg-"] .card-body h1 small,
    .card[class*="bg-"] .card-body h2 small,
    .card[class*="bg-"] .card-body h3 small {
      color: rgba(255, 255, 255, 0.8); }
  .card .card-stats {
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .card .card-stats .author,
    .card .card-stats .stats {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }

.card-carousel {
  overflow: hidden; }

.card-login .card-header {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: -40px;
  padding: 20px 0;
  margin-bottom: 15px; }

.card-login .text-divider {
  margin-top: 30px;
  margin-bottom: 0px;
  text-align: center; }

.card-login .card-body {
  padding: 0px 30px 0px 10px; }

.card-login .form-check {
  padding-top: 27px; }
  .card-login .form-check label {
    margin-left: 18px; }
  .card-login .form-check .form-check-sign {
    padding-right: 27px; }

.card-login .input-group {
  padding-bottom: 7px;
  margin: 27px 0 0 0; }

.card-login .form {
  min-height: 420px; }

.card-login .social-line {
  margin-top: 1rem;
  text-align: center;
  padding: 0; }
  .card-login .social-line .btn {
    color: #fff;
    margin-left: 5px;
    margin-right: 5px; }

.login-page .footer {
  position: absolute;
  width: 100%;
  background: transparent;
  bottom: 0;
  color: #fff;
  z-index: 1; }
  .login-page .footer .copyright a {
    color: #fff; }

.card-plain {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .card-plain .card-header:not(.card-avatar) {
    margin-left: 0;
    margin-right: 0; }
  .card-plain .card-body {
    padding-left: 5px;
    padding-right: 5px; }
  .card-plain .card-header-image {
    margin: 0 !important;
    border-radius: 6px; }
    .card-plain .card-header-image img {
      border-radius: 6px; }
  .card-plain .card-footer {
    padding-left: 5px;
    padding-right: 5px;
    background-color: transparent; }

.card-background, .back-background,
.front-background {
  background-position: center center;
  background-size: cover;
  text-align: center; }
  .card-background .card-body, .back-background .card-body, .front-background .card-body {
    position: relative;
    z-index: 2;
    min-height: 280px;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 440px;
    margin: 0 auto; }
  .card-background .card-category, .back-background .card-category, .front-background .card-category,
  .card-background .card-description,
  .back-background .card-description,
  .front-background .card-description,
  .card-background small,
  .back-background small,
  .front-background small {
    color: rgba(255, 255, 255, 0.7) !important; }
  .card-background .card-title, .back-background .card-title, .front-background .card-title {
    color: #fff;
    margin-top: 10px; }
  .card-background:not(.card-pricing) .btn, .back-background:not(.card-pricing) .btn, .front-background:not(.card-pricing) .btn {
    margin-bottom: 0; }
  .card-background:after, .back-background:after,
  .front-background:after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.56);
    border-radius: 6px; }

.card-blog {
  margin-top: 60px; }
  .card-blog [class*="col-"] .card-header-image img {
    width: 100%; }
  .card-blog .carf-footer .stats .material-icons {
    font-size: 18px;
    position: relative;
    top: 4px;
    width: 19px; }

.card-collapse,
.card-collapse .card-header {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  border-radius: 0; }

.card-collapse {
  margin: 0; }
  .card-collapse .card-header {
    border-bottom: 1px solid #ddd;
    padding: 25px 10px 5px 0px;
    margin: 0;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    background: #ffffff; }
    .card-collapse .card-header a {
      color: #3C4858;
      font-size: 0.9375rem;
      display: block; }
      .card-collapse .card-header a:hover, .card-collapse .card-header a:active, .card-collapse .card-header a[aria-expanded="true"] {
        color: #e91e63; }
      .card-collapse .card-header a i {
        float: right;
        top: 4px;
        position: relative; }
      .card-collapse .card-header a[aria-expanded="true"] i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
  .card-collapse .card-body {
    padding: 15px 0px 5px; }
    .card-collapse .card-body .form-check {
      margin-left: 5px; }

.card-form-horizontal .card-body {
  padding-left: 15px;
  padding-right: 15px; }

.card-form-horizontal .form-group .form-control,
.card-form-horizontal .input-group .form-control {
  margin-bottom: 0; }

.card-form-horizontal form {
  margin: 0; }

.card-form-horizontal .btn {
  margin: 0; }

.card-form-horizontal .input-group .input-group-addon {
  padding-left: 0; }

.card-form-horizontal .bmd-form-group {
  padding-bottom: 0px;
  padding-top: 0; }

.card-pricing {
  text-align: center; }
  .card-pricing:after {
    background-color: rgba(0, 0, 0, 0.7) !important; }
  .card-pricing .card-title {
    margin-top: 30px; }
  .card-pricing .card-body {
    padding: 15px !important;
    margin: 0 !important; }
  .card-pricing .icon {
    padding: 10px 0 0px; }
    .card-pricing .icon i {
      font-size: 55px;
      border: 1px solid #E5E5E5;
      border-radius: 50%;
      width: 130px;
      line-height: 130px;
      height: 130px; }
  .card-pricing h1 small {
    font-size: 18px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 0; }
    .card-pricing h1 small:first-child {
      position: relative;
      top: -17px;
      font-size: 26px; }
  .card-pricing ul {
    list-style: none;
    padding: 0;
    max-width: 240px;
    margin: 10px auto; }
    .card-pricing ul li {
      color: #999999;
      text-align: center;
      padding: 12px 0;
      border-bottom: 1px solid rgba(153, 153, 153, 0.3); }
      .card-pricing ul li:last-child {
        border: 0; }
      .card-pricing ul li b {
        color: #3C4858; }
      .card-pricing ul li i {
        top: 6px;
        position: relative; }
  .card-pricing.card-background ul li, .card-pricing[class*="bg-"] ul li {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.3); }
    .card-pricing.card-background ul li b, .card-pricing[class*="bg-"] ul li b {
      color: #fff;
      font-weight: 700; }
  .card-pricing.card-background [class*="text-"],
  .card-pricing.card-background .card-category, .card-pricing[class*="bg-"] [class*="text-"],
  .card-pricing[class*="bg-"] .card-category {
    color: #fff !important; }
  .card-pricing .card-footer {
    z-index: 2; }

.card-product {
  margin-top: 30px; }
  .card-product .btn-simple.btn-just-icon {
    padding: 0; }
  .card-product .card-footer .price h4 {
    margin-bottom: 0; }
  .card-product .card-footer .btn {
    margin: 0; }
  .card-product .card-title,
  .card-product .card-category,
  .card-product .card-description {
    text-align: center; }
  .card-product .category {
    margin-bottom: 0; }
  .card-product .category ~ .card-title {
    margin-top: 0; }
  .card-product .price {
    font-size: 18px;
    color: #9A9A9A; }
  .card-product .price-old {
    text-decoration: line-through;
    font-size: 16px;
    color: #9A9A9A; }
  .card-product .price-new {
    color: #f44336; }

.card-profile .card-header:not([class*="card-header-"]) {
  background: transparent; }

.card-profile .card-avatar {
  width: 130px;
  max-width: 130px;
  max-height: 130px; }

.card-profile [class*="col-"] .card-avatar {
  width: auto; }

.rotating-card-container {
  -webkit-perspective: 800px;
  -o-perspective: 800px;
  -ms-perspective: 800px;
  perspective: 800px; }
  .rotating-card-container .card-rotate {
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .rotating-card-container .card-rotate:after {
      display: none; }
  .rotating-card-container .card {
    -webkit-transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1);
    transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative; }
    .rotating-card-container .card .back, .rotating-card-container .card .front {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
              box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
      position: absolute;
      background-color: #fff;
      border-radius: 6px;
      top: 0;
      left: 0;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -o-flex;
      display: -webkit-box;
      display: flex;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column; }
      .rotating-card-container .card .back .card-body, .rotating-card-container .card .front .card-body {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: -webkit-box;
        display: flex;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column; }
    .rotating-card-container .card .front {
      z-index: 2;
      position: relative; }
    .rotating-card-container .card .back {
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg);
      z-index: 5;
      text-align: center;
      width: 100%;
      height: 100%; }
      .rotating-card-container .card .back.back-background:after {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        content: "";
        background-color: rgba(0, 0, 0, 0.56);
        border-radius: 6px; }
      .rotating-card-container .card .back.back-background .card-body {
        position: relative;
        z-index: 2; }
      .rotating-card-container .card .back .card-footer .btn {
        margin: 0; }
      .rotating-card-container .card .back .card-body {
        padding-left: 15px;
        padding-right: 15px; }
  .rotating-card-container:not(.manual-flip):hover .card {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .rotating-card-container.hover.manual-flip .card {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .card-profile .rotating-card-container .front {
    text-align: left; }

.back-background .card-body {
  min-height: auto;
  padding-top: 15px;
  padding-bottom: 15px; }

/*       Fix bug for IE      */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .rotating-card-container .card .front,
  .rotating-card-container .card .back {
    -webkit-backface-visibility: visible;
            backface-visibility: visible; }
  .rotating-card-container .card .back {
    visibility: hidden;
    -webkit-transition: visibility 0.3s cubic-bezier(0.34, 1.45, 0.7, 1);
    transition: visibility 0.3s cubic-bezier(0.34, 1.45, 0.7, 1); }
  .rotating-card-container .card .front {
    z-index: 4; }
  .rotating-card-container:not(.manual-flip):hover .card .back,
  .rotating-card-container.manual-flip.hover .card .back {
    z-index: 5;
    visibility: visible; } }

.card-profile, .card-testimonial {
  margin-top: 30px;
  text-align: center; }
  .card-profile .card-avatar, .card-testimonial .card-avatar {
    margin: -50px auto 0;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
    -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
            box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
    .card-profile .card-avatar + .card-body, .card-testimonial .card-avatar + .card-body {
      margin-top: 15px; }
    .card-profile .card-avatar img, .card-testimonial .card-avatar img {
      width: 100%;
      height: auto; }
  .card-profile .card-body + .card-footer, .card-testimonial .card-body + .card-footer {
    margin-top: -15px; }
  .card-profile .card-footer .btn.btn-just-icon, .card-testimonial .card-footer .btn.btn-just-icon {
    font-size: 20px;
    padding: 12px 12px;
    line-height: 1em; }
  .card-plain.card-profile .card-avatar, .card-plain.card-testimonial .card-avatar {
    margin-top: 0; }

.card-testimonial .card-avatar {
  max-width: 100px;
  max-height: 100px; }

.card-testimonial .card-footer {
  margin-top: 0;
  display: block; }
  .card-testimonial .card-footer .card-avatar {
    margin-top: 10px;
    margin-bottom: -60px; }

.card-testimonial .card-description {
  font-style: italic; }
  .card-testimonial .card-description + .card-title {
    margin-top: 30px; }

.card-testimonial .icon {
  margin-top: 30px; }
  .card-testimonial .icon .material-icons {
    font-size: 40px; }

/*!
 * Datetimepicker for Bootstrap 3
 * ! version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.bootstrap-datetimepicker-widget {
  list-style: none; }
  .bootstrap-datetimepicker-widget a:hover {
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .bootstrap-datetimepicker-widget a .btn:hover {
    background-color: transparent; }
  .bootstrap-datetimepicker-widget.dropdown-menu {
    padding: 4px;
    width: 19em; }
    @media (min-width: 768px) {
      .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em; } }
    @media (min-width: 991px) {
      .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em; } }
    @media (min-width: 1200px) {
      .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em; } }
    .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
      right: auto;
      left: 12px; }
    .bootstrap-datetimepicker-widget.dropdown-menu.top {
      margin-top: auto;
      margin-bottom: 27px; }
      .bootstrap-datetimepicker-widget.dropdown-menu.top.open {
        margin-top: auto;
        margin-bottom: 27px; }
    .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
      left: auto;
      right: 6px; }
    .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
      left: auto;
      right: 7px; }
  .bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0; }
  .bootstrap-datetimepicker-widget a[data-action] {
    padding: 0;
    margin: 0;
    border-width: 0;
    background-color: transparent;
    color: #9c27b0;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .bootstrap-datetimepicker-widget a[data-action]:hover {
      background-color: transparent; }
      .bootstrap-datetimepicker-widget a[data-action]:hover span {
        background-color: #eee;
        color: #9c27b0; }
  .bootstrap-datetimepicker-widget a[data-action]:active {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: 300;
    font-size: 1.125rem;
    margin: 0;
    border-radius: 50%; }
  .bootstrap-datetimepicker-widget button[data-action] {
    width: 38px;
    height: 38px;
    margin-right: 3px;
    padding: 0; }
  .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    content: "Increment Hours"; }
  .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    content: "Increment Minutes"; }
  .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    content: "Decrement Hours"; }
  .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    content: "Decrement Minutes"; }
  .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    content: "Show Hours"; }
  .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    content: "Show Minutes"; }
  .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    content: "Toggle AM/PM"; }
  .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    content: "Clear the picker"; }
  .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    content: "Set the date to today"; }
  .bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
    border-radius: 3px;
    font-size: 0.875rem; }
    .bootstrap-datetimepicker-widget .picker-switch::after {
      content: "Toggle Date and Time Screens"; }
    .bootstrap-datetimepicker-widget .picker-switch td {
      padding: 0;
      margin: 0;
      height: auto;
      width: auto;
      line-height: inherit; }
      .bootstrap-datetimepicker-widget .picker-switch td span {
        line-height: 2.5;
        height: 2.5em;
        width: 100%;
        border-radius: 3px;
        margin: 2px 0px !important; }
  .bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0; }
    .bootstrap-datetimepicker-widget table.table-condensed tr > td {
      text-align: center; }
    .bootstrap-datetimepicker-widget table td > div,
    .bootstrap-datetimepicker-widget table th > div {
      text-align: center; }
    .bootstrap-datetimepicker-widget table th {
      height: 20px;
      line-height: 20px;
      width: 20px;
      font-weight: 500; }
      .bootstrap-datetimepicker-widget table th.picker-switch {
        width: 145px; }
      .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
        background: none;
        color: rgba(0, 0, 0, 0.12);
        cursor: not-allowed; }
      .bootstrap-datetimepicker-widget table th.prev span,
      .bootstrap-datetimepicker-widget table th.next span {
        border-radius: 3px;
        height: 27px;
        width: 27px;
        line-height: 28px;
        font-size: 12px;
        border-radius: 50%;
        text-align: center; }
      .bootstrap-datetimepicker-widget table th.prev::after {
        content: "Previous Month"; }
      .bootstrap-datetimepicker-widget table th.next::after {
        content: "Next Month"; }
      .bootstrap-datetimepicker-widget table th.dow {
        text-align: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        font-size: 12px;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.87);
        font-weight: 400;
        padding-bottom: 5px;
        padding-top: 10px; }
    .bootstrap-datetimepicker-widget table thead tr:first-child th {
      cursor: pointer; }
      .bootstrap-datetimepicker-widget table thead tr:first-child th:hover span, .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover {
        background: #eee; }
    .bootstrap-datetimepicker-widget table td > div {
      border-radius: 3px;
      height: 54px;
      line-height: 54px;
      width: 54px;
      text-align: center; }
    .bootstrap-datetimepicker-widget table td.cw > div {
      font-size: .8em;
      height: 20px;
      line-height: 20px;
      color: #999; }
    .bootstrap-datetimepicker-widget table td.day > div {
      height: 30px;
      line-height: 30px;
      width: 30px;
      text-align: center;
      padding: 0px;
      border-radius: 50%;
      position: relative;
      z-index: -1;
      color: #3C4858;
      font-size: 0.875rem; }
    .bootstrap-datetimepicker-widget table td.minute > div,
    .bootstrap-datetimepicker-widget table td.hour > div {
      border-radius: 50%; }
    .bootstrap-datetimepicker-widget table td.day:hover > div,
    .bootstrap-datetimepicker-widget table td.hour:hover > div,
    .bootstrap-datetimepicker-widget table td.minute:hover > div,
    .bootstrap-datetimepicker-widget table td.second:hover > div {
      background: #eee;
      cursor: pointer; }
    .bootstrap-datetimepicker-widget table td.old > div,
    .bootstrap-datetimepicker-widget table td.new > div {
      color: #999; }
    .bootstrap-datetimepicker-widget table td.today > div {
      position: relative; }
      .bootstrap-datetimepicker-widget table td.today > div:before {
        content: '';
        display: inline-block;
        border: 0 0 7px 7px solid transparent;
        border-bottom-color: #9c27b0;
        border-top-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        bottom: 4px;
        right: 4px; }
    .bootstrap-datetimepicker-widget table td.active > div,
    .bootstrap-datetimepicker-widget table td.active:hover > div {
      background-color: #9c27b0;
      color: #fff;
      -webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
              box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); }
    .bootstrap-datetimepicker-widget table td.active.today:before > div {
      border-bottom-color: #fff; }
    .bootstrap-datetimepicker-widget table td.disabled > div,
    .bootstrap-datetimepicker-widget table td.disabled:hover > div {
      background: none;
      color: rgba(0, 0, 0, 0.12);
      cursor: not-allowed; }
    .bootstrap-datetimepicker-widget table td span {
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      margin: 3px 3px;
      cursor: pointer;
      border-radius: 50%;
      text-align: center; }
      .bootstrap-datetimepicker-widget table td span:hover {
        background: #eee; }
      .bootstrap-datetimepicker-widget table td span.active {
        background-color: #9c27b0;
        color: #fff; }
      .bootstrap-datetimepicker-widget table td span.old {
        color: #999; }
      .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
        background: none;
        color: rgba(0, 0, 0, 0.12);
        cursor: not-allowed; }
  .bootstrap-datetimepicker-widget .timepicker-picker span,
  .bootstrap-datetimepicker-widget .timepicker-hours span,
  .bootstrap-datetimepicker-widget .timepicker-minutes span {
    border-radius: 50% !important; }
  .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px; }

.input-group.date .input-group-addon {
  cursor: pointer; }

.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 1px;
  text-align: center;
  z-index: 1;
  cursor: pointer; }

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */ }

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0;
  margin: 0;
  border-radius: 0;
  height: 2px;
  background: #c8c8c8; }
  .noUi-origin[style^="left: 0"] .noUi-handle {
    background-color: #fff;
    border: 2px solid #c8c8c8; }
    .noUi-origin[style^="left: 0"] .noUi-handle.noUi-active {
      border-width: 1px; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 2px;
  margin: 15px 0; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

/* Styling;
 */
.noUi-target {
  background: #c8c8c8;
  border-radius: 4px; }

.noUi-connect {
  background: #3FB8AF;
  -webkit-transition: background 450ms;
  transition: background 450ms; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize; }

.noUi-vertical .noUi-draggable {
  cursor: n-resize; }

.noUi-handle {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  left: -10px;
  top: -6px;
  cursor: pointer;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border: 1px solid;
  background: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
  .noUi-handle.noUi-active {
    -webkit-transform: scale3d(1.5, 1.5, 1);
            transform: scale3d(1.5, 1.5, 1); }

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

.slider {
  background: #c8c8c8; }
  .slider .noUi-connect {
    background-color: #9c27b0;
    border-radius: 4px; }
  .slider .noUi-handle {
    border-color: #9c27b0; }
  .slider.slider-info .noUi-connect {
    background-color: #00bcd4; }
  .slider.slider-info .noUi-handle {
    border-color: #00bcd4; }
  .slider.slider-success .noUi-connect {
    background-color: #4caf50; }
  .slider.slider-success .noUi-handle {
    border-color: #4caf50; }
  .slider.slider-warning .noUi-connect {
    background-color: #ff9800; }
  .slider.slider-warning .noUi-handle {
    border-color: #ff9800; }
  .slider.slider-danger .noUi-connect {
    background-color: #f44336; }
  .slider.slider-danger .noUi-handle {
    border-color: #f44336; }
  .slider.slider-rose .noUi-connect {
    background-color: #e91e63; }
  .slider.slider-rose .noUi-handle {
    border-color: #e91e63; }

/*!
 * Bootstrap-select v1.12.4 (https://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2018 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
select.bs-select-hidden,
select.selectpicker {
  display: none !important; }

.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/ }

.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
  padding-left: 20px;
  z-index: 1; }
  .bootstrap-select > .dropdown-toggle.bs-placeholder.btn, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn:hover {
    color: #fff; }

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #999; }

.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none; }

.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2; }

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48; }

.bootstrap-select.fit-width {
  width: auto !important; }

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px; }

.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px; }

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none; }

.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%; }

.bootstrap-select.form-control.input-group-btn {
  z-index: auto; }

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0; }

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right; }

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0; }

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0; }

.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit; }

.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%; }

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed; }

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important; }

.bootstrap-select.btn-group.bs-container {
  position: absolute;
  height: 0 !important;
  padding: 0 !important; }

.bootstrap-select.btn-group.bs-container .dropdown-menu {
  z-index: 1060; }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left; }

.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle; }

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%; }

.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.bootstrap-select.btn-group .dropdown-menu li {
  position: relative; }

.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff; }

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  pointer-events: none;
  cursor: not-allowed; }

.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em; }

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none; }

.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block; }

.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em; }

.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 10px;
  font-size: 16px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block; }

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px; }

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.bs-actionsbox .btn-group button {
  width: 50%; }

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.bs-donebutton .btn-group button {
  width: 100%; }

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none; }

.bootstrap-select .select-with-transition {
  background: no-repeat center bottom, center calc(100% - 1px);
  -webkit-transition: background 0s ease-out !important;
  transition: background 0s ease-out !important;
  background-size: 0 100%, 100% 100%;
  background-color: transparent !important;
  color: inherit !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.bootstrap-select .select-with-transition,
.bootstrap-select .btn:active,
.bootstrap-select .btn.active {
  background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, rgba(0, 0, 0, 0.26) 1px, transparent 1px); }

.bootstrap-select.show .select-with-transition:focus {
  background-size: 100% 100%, 100% 100%;
  -webkit-transition-duration: 0.3s !important;
          transition-duration: 0.3s !important; }

.bootstrap-select .dropdown-toggle:focus {
  outline: none !important; }

.bootstrap-select.show > .dropdown-menu > .dropdown-menu {
  display: block; }

.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden {
  display: none; }

.nbs-flexisel-container {
  position: relative;
  max-width: 100%; }

.nbs-flexisel-ul {
  position: relative;
  width: 99999px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center; }

.nbs-flexisel-inner {
  overflow: hidden;
  width: 100%; }

.nbs-flexisel-item {
  float: left;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  position: relative;
  line-height: 0px; }

.nbs-flexisel-item img {
  max-width: 100%;
  cursor: pointer;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px; }

/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
  top: 40%; }

.nbs-flexisel-nav-left {
  left: -20px; }

.nbs-flexisel-nav-left.disabled {
  opacity: 0.4; }

.nbs-flexisel-nav-right {
  right: -20px; }

.nbs-flexisel-nav-right.disabled {
  opacity: 0.4; }

.nbs-flexisel-nav-right,
.nbs-flexisel-nav-left {
  position: absolute;
  cursor: pointer;
  z-index: 100;
  opacity: 0.5; }

/*
 * bootstrap-tagsinput v0.8.0
 *
 */
.bootstrap-tagsinput {
  display: inline-block;
  padding: 4px 6px;
  max-width: 100%;
  line-height: 22px; }
  .bootstrap-tagsinput input {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: none;
    background-color: transparent;
    margin: 0;
    width: 74px;
    max-width: inherit;
    background-image: none;
    display: inline-block; }
    .bootstrap-tagsinput input:focus {
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      background-image: none; }
  .bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777;
    opacity: 1; }
  .bootstrap-tagsinput.form-control input:-ms-input-placeholder,
  .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777; }
  .bootstrap-tagsinput .tag {
    cursor: pointer;
    margin: 5px 3px 5px 0;
    position: relative;
    padding: 3px 8px;
    border-radius: 12px;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 0.75em;
    text-transform: uppercase;
    display: inline-block;
    line-height: 1.5em;
    padding-left: 0.8em; }
    .bootstrap-tagsinput .tag:hover {
      padding-right: 18px; }
      .bootstrap-tagsinput .tag:hover [data-role="remove"] {
        opacity: 1;
        padding-right: 6px; }
    .bootstrap-tagsinput .tag [data-role="remove"] {
      cursor: pointer;
      position: absolute;
      top: 3px;
      right: 0;
      opacity: 0; }
    .bootstrap-tagsinput .tag [data-role="remove"]:after {
      content: "x";
      padding: 0px 2px; }
  .bootstrap-tagsinput.primary-badge .tag {
    background-color: #9c27b0;
    color: #fff; }
    .bootstrap-tagsinput.primary-badge .tag .tagsinput-remove-link {
      color: #fff; }
  .bootstrap-tagsinput.info-badge .tag {
    background-color: #00bcd4;
    color: #fff; }
    .bootstrap-tagsinput.info-badge .tag .tagsinput-remove-link {
      color: #fff; }
  .bootstrap-tagsinput.success-badge .tag {
    background-color: #4caf50;
    color: #fff; }
    .bootstrap-tagsinput.success-badge .tag .tagsinput-remove-link {
      color: #fff; }
  .bootstrap-tagsinput.warning-badge .tag {
    background-color: #ff9800;
    color: #fff; }
    .bootstrap-tagsinput.warning-badge .tag .tagsinput-remove-link {
      color: #fff; }
  .bootstrap-tagsinput.danger-badge .tag {
    background-color: #f44336;
    color: #fff; }
    .bootstrap-tagsinput.danger-badge .tag .tagsinput-remove-link {
      color: #fff; }
  .bootstrap-tagsinput.rose-badge .tag {
    background-color: #e91e63;
    color: #fff; }
    .bootstrap-tagsinput.rose-badge .tag .tagsinput-remove-link {
      color: #fff; }

.presentation-page .section-components h6.description,
.index-page .section-components h6.description {
  margin-top: 5px;
  margin-bottom: 30px; }

.presentation-page .page-header,
.index-page .page-header {
  height: 90vh;
  overflow: hidden; }

.presentation-page .brand,
.index-page .brand {
  color: #fff;
  text-align: center; }
  .presentation-page .brand h1,
  .index-page .brand h1 {
    font-size: 4.2rem;
    font-weight: 600;
    display: inline-block;
    position: relative; }
  .presentation-page .brand h3,
  .index-page .brand h3 {
    font-size: 1.313rem;
    max-width: 500px;
    margin: 10px auto 0; }

.presentation-page .pro-badge,
.index-page .pro-badge {
  position: relative;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  right: -10px;
  padding: 10px 18px;
  top: -30px;
  background: #fff;
  border-radius: 3px;
  color: #444444;
  line-height: 22px;
  -webkit-box-shadow: 0 5px 5px -2px rgba(31, 31, 31, 0.4);
          box-shadow: 0 5px 5px -2px rgba(31, 31, 31, 0.4); }

.presentation-page .header-filter:after,
.index-page .header-filter:after {
  background: rgba(132, 13, 121, 0.88);
  background: linear-gradient(45deg, rgba(132, 13, 121, 0.88) 0%, rgba(208, 44, 180, 0.31) 100%);
  background: -webkit-linear-gradient(135deg, rgba(132, 13, 121, 0.88) 0%, rgba(208, 44, 180, 0.31) 100%); }

.presentation-page h4.description,
.index-page h4.description {
  font-size: 1.5em; }

.presentation-page .features-1,
.index-page .features-1 {
  padding-top: 30px;
  padding-bottom: 0; }
  .presentation-page .features-1 .info .info-title,
  .index-page .features-1 .info .info-title {
    margin-top: 30px; }
  .presentation-page .features-1 h2,
  .index-page .features-1 h2 {
    margin-bottom: 0px; }
  .presentation-page .features-1 .info p,
  .index-page .features-1 .info p {
    font-size: 16px;
    line-height: 1.6em; }

.presentation-page .section-cards,
.index-page .section-cards {
  padding: 50px 0; }
  .presentation-page .section-cards .image-container,
  .index-page .section-cards .image-container {
    max-width: 1040px;
    margin-top: -140px;
    position: relative;
    height: 660px; }
    .presentation-page .section-cards .image-container img,
    .index-page .section-cards .image-container img {
      max-width: 1040px;
      width: auto;
      position: absolute;
      right: 0;
      top: 0px; }
  .presentation-page .section-cards .col-md-4,
  .index-page .section-cards .col-md-4 {
    -webkit-perspective: 800px;
            perspective: 800px; }
  .presentation-page .section-cards .card,
  .index-page .section-cards .card {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    max-width: 340px;
    margin: 0 auto; }
  .presentation-page .section-cards .section-description,
  .index-page .section-cards .section-description {
    margin-top: 130px; }

.presentation-page .section-sections,
.index-page .section-sections {
  padding-bottom: 0;
  margin-bottom: -35px; }
  .presentation-page .section-sections .section-description,
  .index-page .section-sections .section-description {
    text-align: center;
    margin-bottom: 60px; }
  .presentation-page .section-sections .col-md-3,
  .index-page .section-sections .col-md-3 {
    padding: 7.5px; }
  .presentation-page .section-sections img,
  .index-page .section-sections img {
    width: 100%;
    border-radius: 3px;
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
    .presentation-page .section-sections img:hover,
    .index-page .section-sections img:hover {
      -webkit-transform: scale(1.02);
      transform: scale(1.02); }

.presentation-page .section-examples .section-description,
.index-page .section-examples .section-description {
  text-align: center;
  margin-bottom: 90px; }

.presentation-page .section-examples .card,
.index-page .section-examples .card {
  margin-bottom: 30px;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
  .presentation-page .section-examples .card img,
  .index-page .section-examples .card img {
    border-radius: 4px;
    width: 100%; }
  .presentation-page .section-examples .card:hover,
  .index-page .section-examples .card:hover {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

.presentation-page .section-examples h4.title,
.index-page .section-examples h4.title {
  text-align: center;
  margin-bottom: 15px; }

.presentation-page .section-free-demo .icon-github,
.index-page .section-free-demo .icon-github {
  font-size: 82px;
  color: #777777; }

.presentation-page .section-free-demo h2.title,
.index-page .section-free-demo h2.title {
  margin-top: 15px; }

.presentation-page .section-free-demo .iframe-github,
.index-page .section-free-demo .iframe-github {
  top: 6px;
  display: inline-block;
  position: relative;
  margin-left: 10px; }

.presentation-page .section-free-demo .card-title,
.presentation-page .section-free-demo ul li,
.index-page .section-free-demo .card-title,
.index-page .section-free-demo ul li {
  text-align: left; }

.presentation-page .section-free-demo ul li b,
.index-page .section-free-demo ul li b {
  min-width: 24px;
  display: inline-block;
  text-align: center; }

.presentation-page .section-free-demo .github-section .git-button,
.index-page .section-free-demo .github-section .git-button {
  padding: 12px 30px 0 0; }

.presentation-page .section-overview .features-5 .info p,
.index-page .section-overview .features-5 .info p {
  font-size: 16px;
  line-height: 1.6em; }

.presentation-page .section-overview .features-5 .info .icon > i,
.index-page .section-overview .features-5 .info .icon > i {
  font-size: 3.5em; }

.presentation-page .section-overview .features-5:after,
.index-page .section-overview .features-5:after {
  background: rgba(0, 0, 0, 0.75); }

.presentation-page .section-testimonials,
.index-page .section-testimonials {
  padding-top: 50px;
  padding-bottom: 0; }
  .presentation-page .section-testimonials h3.title,
  .index-page .section-testimonials h3.title {
    margin-top: 10px;
    margin-bottom: 50px; }
  .presentation-page .section-testimonials .card-title,
  .index-page .section-testimonials .card-title {
    margin-top: 0px; }
  .presentation-page .section-testimonials .card .content,
  .index-page .section-testimonials .card .content {
    padding-top: 0px; }
  .presentation-page .section-testimonials .card-description,
  .index-page .section-testimonials .card-description {
    font-size: 16px;
    line-height: 1.6em; }
  .presentation-page .section-testimonials .our-clients,
  .index-page .section-testimonials .our-clients {
    text-align: center; }
    .presentation-page .section-testimonials .our-clients img,
    .index-page .section-testimonials .our-clients img {
      width: 100%;
      max-width: 140px;
      margin: 0 auto;
      display: inline-block; }

.presentation-page .section-pricing,
.index-page .section-pricing {
  z-index: 3;
  position: relative; }
  .presentation-page .section-pricing .nav-pills,
  .index-page .section-pricing .nav-pills {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 0px;
    margin-bottom: 10px; }
  .presentation-page .section-pricing .card-pricing,
  .index-page .section-pricing .card-pricing {
    margin-top: 45px; }
  .presentation-page .section-pricing .description,
  .index-page .section-pricing .description {
    text-align: center; }
  .presentation-page .section-pricing .card-margin,
  .index-page .section-pricing .card-margin {
    margin-top: 80px; }

.about-us .page-header {
  background-size: cover; }
  .about-us .page-header .container {
    color: #FFFFFF;
    text-align: center; }
  .about-us .page-header .title {
    color: #fff; }

.about-us .about-description {
  padding: 70px 0px 0px 0px; }

.about-us .about-services {
  padding-top: 10px; }

.about-us .about-office .description {
  margin-bottom: 70px; }

.about-us .about-office img {
  margin: 20px 0px; }

.about-us .about-contact {
  padding: 80px 0px; }
  .about-us .about-contact .description {
    margin-bottom: 70px; }
  .about-us .about-contact .contact-form .bootstrap-select .btn.dropdown-toggle {
    margin-top: 12px; }

.profile-page .page-header {
  height: 380px;
  background-position: top center; }

.profile-page .profile {
  text-align: center; }
  .profile-page .profile img {
    max-width: 160px;
    width: 100%;
    margin: 0 auto;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0); }
  .profile-page .profile .name {
    margin-top: -80px; }

.profile-page .follow {
  position: absolute;
  top: 0;
  right: 0; }

.profile-page .description {
  margin: 1.071rem auto 0;
  max-width: 600px; }

.profile-page .profile-tabs {
  margin-top: 4.284rem; }

.profile-page .gallery {
  margin-top: 3.213rem;
  padding-bottom: 50px; }
  .profile-page .gallery img {
    width: 100%;
    margin-bottom: 2.142rem; }

.profile-page .follow .btn-fab {
  margin-top: -28px; }

.profile-page .card-background .content {
  padding: 30% 0;
  min-width: 160px; }

.profile-page .work {
  padding: 40px 0px; }
  .profile-page .work .collections {
    margin-top: 20px; }
  .profile-page .work .stats ul > li {
    padding: 5px 0px;
    font-size: 1em; }
    .profile-page .work .stats ul > li b {
      font-size: 1.2em; }

.profile-page .connections {
  padding: 40px 0px; }
  .profile-page .connections .card-profile {
    text-align: left; }

.profile-page .tab-content .collections .card .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .profile-page .tab-content .collections .card .card-body .badge {
    display: inline-table;
    margin: 0 auto; }

.product-page {
  background-color: #eee; }
  .product-page .page-header {
    min-height: 60vh;
    height: auto;
    background-position: top center; }
  .product-page .main-raised {
    margin: -40vh 0px 0px;
    padding: 40px; }
  .product-page .title-row {
    margin-top: -8vh; }
  .product-page .tab-content {
    margin: 30px 0px;
    overflow: hidden;
    width: 100%;
    height: auto;
    text-align: center; }
    .product-page .tab-content img {
      border-radius: 3px;
      max-width: 300px;
      height: auto; }
  .product-page .main-price {
    margin: 10px 0 25px; }
  .product-page .pick-size {
    margin-top: 50px; }
    .product-page .pick-size .form-group {
      margin-top: 5px; }
  .product-page h2.title {
    margin-bottom: 0px; }
  .product-page .flexi-nav {
    margin: 20px 0 30px;
    text-align: center; }
    .product-page .flexi-nav > li a {
      width: 80%;
      max-width: 85px;
      margin: 0 auto;
      padding: 8px;
      display: block;
      border: 1px solid transparent;
      background: transparent;
      border-radius: 3px;
      opacity: .8; }
      .product-page .flexi-nav > li a:hover, .product-page .flexi-nav > li a:focus, .product-page .flexi-nav > li a:active {
        opacity: 1;
        border-color: #DDDDDD; }
      .product-page .flexi-nav > li a img {
        border-radius: 3px;
        width: 100%;
        height: auto;
        text-align: center; }
    .product-page .flexi-nav > li a.active {
      opacity: 1;
      border-color: #DDDDDD; }
  .product-page .related-products {
    margin-top: 50px; }
    .product-page .related-products .title {
      margin-bottom: 80px; }
  .product-page .features {
    padding-top: 30px; }

.signup-page .page-header {
  min-height: 100vh;
  height: auto;
  display: inherit; }
  .signup-page .page-header .container {
    padding-top: 20vh; }

.signup-page .card-signup {
  border-radius: 6px;
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  margin-bottom: 100px;
  padding: 40px 0px; }

.signup-page .info-horizontal {
  padding: 0px 0px 20px; }

.signup-page .social .btn {
  margin: 5px; }

.signup-page .social h4 {
  margin-top: 20px; }

.signup-page .footer .container {
  padding: 0; }

.signup-page .footer .copyright,
.signup-page .footer a {
  color: #FFFFFF; }

.landing-page .navbar-transparent,
.profile-page .navbar-transparent,
.login-page .navbar-transparent,
.index-page .navbar-transparent,
.signup-page .navbar-transparent,
.presentation-page .navbar-transparent {
  padding-top: 25px; }

.blog-post .page-header {
  min-height: 100vh; }

.blog-post .section-text {
  padding-bottom: 0; }
  .blog-post .section-text p {
    font-size: 1.188rem;
    line-height: 1.5em;
    color: #555;
    margin-bottom: 30px; }
  .blog-post .section-text .blockquote p {
    font-size: 1.5rem; }

.blog-post .section-blog-info {
  padding-top: 30px;
  padding-bottom: 0; }
  .blog-post .section-blog-info .btn {
    margin-top: 0;
    margin-bottom: 0; }
  .blog-post .section-blog-info .blog-tags {
    padding-top: 8px; }
  .blog-post .section-blog-info .card-profile {
    margin-top: 0;
    text-align: left; }
    .blog-post .section-blog-info .card-profile .description {
      font-size: 1rem; }
    .blog-post .section-blog-info .card-profile .btn {
      margin-top: 25px; }

.blog-post .section-comments .title {
  margin-bottom: 30px; }

.blog-post .media p {
  color: #555; }

.blog-posts .nav.nav-pills {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.blog-posts .card-form-horizontal form .form-group {
  width: 100%;
  margin: 0; }
  .blog-posts .card-form-horizontal form .form-group .form-control {
    width: 100%; }

.contact-page .contact-content {
  padding-bottom: 40px;
  padding-top: 40px; }

.contact-page .container {
  max-width: 970px; }

.contact-page .big-map {
  height: 55vh;
  width: 100%;
  display: block;
  position: relative; }

.contact-page .message {
  margin-top: 20px; }

.contact-page .info {
  padding-bottom: 10px;
  padding-top: 0px; }
  .contact-page .info .title {
    margin: 25px 0 10px; }

.login-page .card-signup .card-header {
  width: auto; }

.login-page .card-signup .input-group {
  padding-bottom: 7px;
  margin: 27px 0 0 0; }

.login-page .page-header {
  min-height: 100vh;
  height: auto;
  display: inherit; }
  .login-page .page-header .container {
    padding-top: 23vh; }

.login-page .footer .container {
  padding: 0; }

.login-page .footer .copyright,
.login-page .footer a {
  color: #FFFFFF; }

.ecommerce-page .container {
  position: relative;
  z-index: 2; }

.ecommerce-page .card-header .container {
  padding-top: 20vh;
  color: #FFFFFF;
  text-align: center; }

.ecommerce-page .card-refine.card-rose a:hover, .ecommerce-page .card-refine.card-rose a[aria-expanded="true"] {
  color: #e91e63; }

.ecommerce-page .card-refine .card-body {
  padding-left: 15px;
  padding-right: 15px; }
  .ecommerce-page .card-refine .card-body.card-refine {
    padding-left: 15px;
    padding-right: 15px; }
  .ecommerce-page .card-refine .card-body .card-collapse .card-body {
    max-height: 273px;
    overflow-y: scroll; }

.ecommerce-page .card-refine .card-heading i {
  float: none; }

.ecommerce-page .card-refine .price-right,
.ecommerce-page .card-refine .price-left {
  font-weight: 500; }

.ecommerce-page .card-refine .btn {
  margin: -3px 0; }

.ecommerce-page .card-refine .card {
  margin-bottom: 0; }

.ecommerce-page .card-refine .checkbox input[type=checkbox]:checked + .checkbox-material .check {
  background: #e91e63; }

.ecommerce-page .card-form-horizontal form .form-group {
  width: 100%; }
  .ecommerce-page .card-form-horizontal form .form-group .form-control {
    width: 100%; }

.ecommerce-page .card-product .price-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.ecommerce-page .card-product .image {
  overflow: hidden;
  border-radius: 6px; }

.ecommerce-page .card-product .card-footer .stats .btn i.material-icons {
  top: -10px !important; }

.header-filter[filter-color="purple"]:after, .header-filter[filter-color="primary"]:after {
  background: rgba(225, 190, 231, 0.56);
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(60deg, rgba(225, 190, 231, 0.56), rgba(186, 104, 200, 0.95));
  /* Standard syntax */ }

.header-filter[filter-color="blue"]:after, .header-filter[filter-color="info"]:after {
  background: rgba(178, 235, 242, 0.56);
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(60deg, rgba(178, 235, 242, 0.56), rgba(77, 208, 225, 0.95));
  /* Standard syntax */ }

.header-filter[filter-color="green"]:after, .header-filter[filter-color="success"]:after {
  background: rgba(165, 214, 167, 0.56);
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(60deg, rgba(165, 214, 167, 0.56), rgba(102, 187, 106, 0.95));
  /* Standard syntax */ }

.header-filter[filter-color="orange"]:after, .header-filter[filter-color="warning"]:after {
  background: rgba(255, 224, 178, 0.56);
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(60deg, rgba(255, 224, 178, 0.56), rgba(255, 183, 77, 0.95));
  /* Standard syntax */ }

.header-filter[filter-color="red"]:after, .header-filter[filter-color="danger"]:after {
  background: rgba(239, 154, 154, 0.56);
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(60deg, rgba(239, 154, 154, 0.56), rgba(239, 83, 80, 0.95));
  /* Standard syntax */ }

.header-filter[filter-color="rose"]:after {
  background: rgba(248, 187, 208, 0.56);
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(60deg, rgba(248, 187, 208, 0.56), rgba(240, 98, 146, 0.95));
  /* Standard syntax */ }

.clear-filter:before {
  display: none; }

.header-1 .wrapper,
.header-2 .wrapper,
.header-3 .wrapper {
  background: #CCCCCC; }

.header-2 .page-header .container {
  padding-top: 25vh; }

.header-2 .page-header .card {
  margin-top: 60px; }

.header-3 .btn {
  margin: 0; }

.header-3 h6 {
  margin-bottom: 0; }

.card-form-horizontal .form-group {
  margin-bottom: 0; }

.footer-big {
  padding: 1.875rem 0; }
  .footer-big .content {
    text-align: left; }
  .footer-big .social-feed i {
    font-size: 20px;
    display: table-cell;
    padding-right: 10px; }
  .footer-big .social-feed p {
    display: table-cell;
    vertical-align: top;
    overflow: hidden;
    padding-bottom: 10px;
    max-width: 300px; }
  .footer-big .gallery-feed img {
    width: 20%;
    margin-right: 5%;
    margin-bottom: 5%;
    float: left; }

.footer-white {
  background-color: #fff; }

.footer-gray {
  background-color: rgba(0, 0, 0, 0.12); }

.footer-black {
  background: #232323;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 12+ */
  /* IE10+ */
  background: radial-gradient(ellipse at center, #585858 0%, #232323 100%);
  /* W3C */
  background-size: 550% 450%; }
  .footer-black a {
    color: #fff;
    opacity: .86; }
    .footer-black a:hover, .footer-black a:focus {
      opacity: 1; }
  .footer-black .footer-brand {
    color: #fff; }
    .footer-black .footer-brand:hover, .footer-black .footer-brand:focus {
      color: #fff; }
  .footer-black h5,
  .footer-black h4,
  .footer-black i,
  .footer-black .copyright {
    color: #fff; }
  .footer-black hr {
    border-color: rgba(255, 255, 255, 0.2); }

.social-line {
  padding: 0.9375rem 0; }

.social-line-big-icons [class*="col-"] {
  border-right: 1px solid rgba(0, 0, 0, 0.12); }
  .social-line-big-icons [class*="col-"]:last-child {
    border: 0; }

.social-line-big-icons .btn {
  margin: 0;
  width: 100% !important;
  padding-top: 45px;
  padding-bottom: 45px; }
  .social-line-big-icons .btn .fa,
  .social-line-big-icons .btn .material-icons {
    font-size: 25px;
    line-height: 90px; }

.subscribe-line {
  padding: 1.875rem 0; }
  .subscribe-line .card {
    margin-top: 30px; }
  .subscribe-line.subscribe-line-image {
    position: relative;
    background-position: top center;
    background-size: cover; }
    .subscribe-line.subscribe-line-image .title {
      color: #fff; }
    .subscribe-line.subscribe-line-image:after {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      display: block;
      left: 0;
      top: 0;
      content: "";
      background-color: rgba(0, 0, 0, 0.66); }
    .subscribe-line.subscribe-line-image .container {
      z-index: 2;
      position: relative; }

.social-line-white,
.subscribe-line-white {
  background-color: #fff; }

.social-line-black,
.subscribe-line-black {
  background: #232323;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 12+ */
  /* IE10+ */
  background: radial-gradient(ellipse at center, #585858 0%, #232323 100%);
  /* W3C */
  background-size: 550% 450%; }
  .social-line-black [class*="col-"],
  .subscribe-line-black [class*="col-"] {
    border-color: rgba(255, 255, 255, 0.1); }

.features-1 {
  text-align: center; }

.features-3 .phone-container {
  max-width: 220px;
  margin: 0 auto; }
  .features-3 .phone-container img {
    width: 100%; }

.features-3 .info {
  max-width: none;
  margin: 0 auto;
  padding: 10px 0 0px; }

.features-4 .phone-container {
  max-width: 260px;
  margin: 60px auto 0; }
  .features-4 .phone-container img {
    width: 100%; }

.features-5 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative; }
  .features-5 .info {
    text-align: center;
    max-width: 310px;
    min-height: 320px; }
    .features-5 .info .icon,
    .features-5 .info .info-title,
    .features-5 .info p {
      color: #fff; }
  .features-5 .container [class*="col-"] {
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-top: 0;
    border-left: 0; }
  .features-5 .container [class*="col-"]:last-child {
    border-right: 0; }
  .features-5 .container .row:last-child [class*="col-"] {
    border-bottom: 0; }
  .features-5:after {
    background: rgba(0, 0, 0, 0.55);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 0;
    left: 0;
    top: 0; }
  .features-5 .container,
  .features-5 .title {
    position: relative;
    z-index: 2;
    color: #fff; }

.features-1 h2.title,
.features-2 h2.title,
.features-3 h2.title,
.features-4 h2.title,
.features-5 h2.title {
  margin-bottom: 30px; }

.team-1 .card .content {
  padding-left: 15px;
  padding-right: 15px; }

.team-1 .card .description {
  min-height: 90px; }

.team-1 .card .btn {
  margin-top: 0; }

.team-1 h5.description {
  margin-bottom: 80px; }

.team-2 .card .title {
  margin: 10px 0 0; }

.team-2 .card h6 {
  margin-top: 5px; }

.team-2 h5.description {
  margin-bottom: 80px; }

.team-3 .card,
.team-5 .card {
  text-align: left; }
  .team-3 .card .footer,
  .team-5 .card .footer {
    margin-top: 0; }

.team-3 h5.description,
.team-5 h5.description {
  margin-bottom: 70px; }

.team-4 h5.description {
  margin-bottom: 100px; }

.pricing-1 h2.title {
  margin-bottom: 10px; }

.pricing-1 .card-separator {
  width: 1px;
  display: block;
  height: 100%;
  background-color: rgba(153, 153, 153, 0.2);
  position: absolute;
  left: 0;
  top: 0; }

.pricing-1.section-image:after {
  background-color: rgba(0, 0, 0, 0.8); }

.pricing-2 .nav-pills {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 50px; }

.pricing-5 .nav-pills {
  margin-top: 50px;
  margin-bottom: 50px; }

.pricing-3 .title,
.pricing-4 .title {
  margin-bottom: 10px; }

[class*="blogs-"] {
  padding: 50px 0; }

.blogs-1 .card {
  margin-bottom: 80px; }

.blogs-4 .card {
  margin-bottom: 60px;
  text-align: center; }

.card-blog .row .card-category {
  margin-bottom: 0; }

.card-blog .row .card-description {
  line-height: 1.313rem; }

.projects-1 .title {
  margin-top: 10px; }

.projects-1 .nav-pills {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.projects-2 h2.title {
  margin-top: 5px;
  margin-bottom: 15px; }

.projects-2 .card-title {
  margin-bottom: 5px; }

.projects-2 .category {
  color: #999999;
  margin-top: 5px; }

.projects-2 .card-description {
  margin-top: 20px; }

.projects-2 .card {
  text-align: center; }

.projects-3 h2.title,
.projects-3 h3.title {
  margin-bottom: 80px;
  margin-top: 5px; }

.projects-3 .card {
  margin-bottom: 30px;
  text-align: center; }

.projects-3 .category {
  margin-bottom: 5px; }

.projects-3 .card-title {
  margin-top: 5px; }

.projects-4 h2.title {
  margin-top: 5px;
  margin-bottom: 15px; }

.projects-4 .info {
  padding: 0; }
  .projects-4 .info p {
    margin: 0; }

.projects-4 .card-background {
  margin-bottom: 0; }
  .projects-4 .card-background .card-body {
    padding-top: 140px;
    padding-bottom: 140px; }

.projects-4 hr {
  margin: 70px auto;
  max-width: 970px; }

.projects-4 .card {
  margin-top: 0; }

.testimonials-1 .card-description {
  margin-bottom: 50px; }

.testimonials-2 .carousel .carousel-inner .carousel-item .card {
  max-width: 650px;
  margin: 60px auto; }

.contactus-1 .info {
  padding: 0;
  margin: 0; }
  .contactus-1 .info:first-child {
    margin-top: 30px; }
  .contactus-1 .info .info-title {
    margin-top: 20px;
    color: #fff; }
  .contactus-1 .info .icon {
    margin-top: 14px;
    color: #fff; }

.contactus-1 .card-contact {
  margin-top: 30px; }

.contactus-2 {
  padding: 0; }
  .contactus-2 .card-contact {
    max-width: 560px;
    float: left; }
    .contactus-2 .card-contact .info {
      padding: 0;
      margin: 0; }
  .contactus-2 .map {
    width: 100%;
    height: 800px;
    position: absolute; }
  .contactus-2 .info-horizontal .icon {
    margin-top: 26px; }
    .contactus-2 .info-horizontal .icon > i {
      font-size: 2.2em;
      max-width: 45px; }

.contactus-1 .card-contact .card-header .card-title,
.contactus-2 .card-contact .card-header .card-title {
  margin-bottom: 0.75rem !important; }

@media all and (max-width: 991px) {
  [class*="navbar-expand-"] > .container,
  [class*="navbar-expand-"] > .container-fluid {
    padding-left: 15px;
    padding-right: 15px; }
  .dropdown-menu.show .dropdown-item.open + .dropdown-menu.show {
    right: 101% !important; }
    .dropdown-menu.show .dropdown-item.open + .dropdown-menu.show .dropdown-item.open + .dropdown-menu,
    .dropdown-menu.show .dropdown-item.open + .dropdown-menu.show .dropdown-item.open + .dropdown-menu.show {
      left: -165px !important; }
  .navbar .navbar-collapse .navbar-nav > li.button-container {
    padding: 15px; }
  .carousel .card .card-body {
    max-width: 340px;
    margin: 0 auto;
    min-height: 400px; }
  .navbar-collapse {
    position: fixed;
    display: block;
    top: 0px;
    height: 100vh;
    width: 230px;
    right: 0;
    margin-right: 0 !important;
    z-index: 1032;
    visibility: visible;
    background-color: #999;
    overflow-y: visible;
    border-top: none;
    text-align: left;
    padding-right: 0;
    padding-left: 0;
    max-height: none !important;
    -webkit-transform: translate3d(230px, 0, 0);
    transform: translate3d(230px, 0, 0);
    -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); }
    .navbar-collapse::after {
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      position: absolute;
      background-color: #fff;
      display: block;
      content: "";
      z-index: 1; }
    .navbar-collapse .dropdown-toggle:after {
      position: absolute;
      right: 16px;
      margin-top: 8px; }
    .navbar-collapse .navbar-nav {
      position: relative;
      z-index: 3; }
      .navbar-collapse .navbar-nav .nav-item .nav-link {
        color: #3C4858;
        margin: 5px 15px; }
      .navbar-collapse .navbar-nav .nav-item.button-container .nav-link {
        margin: 15px; }
      .navbar-collapse .navbar-nav .nav-item:after {
        width: calc(100% - 30px);
        content: "";
        display: block;
        height: 1px;
        margin-left: 15px;
        background-color: #e5e5e5; }
      .navbar-collapse .navbar-nav .nav-item:last-child:after {
        display: none; }
    .nav-open .navbar-collapse {
      -webkit-transform: translate3d(0px, 0, 0);
      transform: translate3d(0px, 0, 0); }
  .nav-open .navbar-translate {
    -webkit-transform: translate3d(-230px, 0, 0);
    transform: translate3d(-230px, 0, 0); }
  .navbar .navbar-translate {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify !important;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1), -webkit-transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); }
  .navbar .dropdown.show .dropdown-menu {
    display: block; }
  .navbar .dropdown .dropdown-menu {
    display: none; }
  .navbar .dropdown-menu .dropdown-item {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  .navbar .dropdown.show .dropdown-menu,
  .navbar .dropdown .dropdown-menu {
    background-color: transparent;
    border: 0;
    padding-bottom: 15px;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none !important;
            transform: none !important;
    width: auto;
    margin-bottom: 15px;
    padding-top: 0;
    height: 300px;
    -webkit-animation: none;
            animation: none;
    opacity: 1;
    overflow-y: scroll; }
  .navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon {
    background-color: #fff; }
  #bodyClick {
    height: 100%;
    width: 100%;
    position: fixed;
    opacity: 0;
    top: 0;
    left: auto;
    right: 230px;
    content: "";
    z-index: 1029;
    overflow-x: hidden; }
  #navbar .navbar-collapse,
  #navigation .navbar-collapse {
    display: none !important; } }

@media all and (min-width: 991px) {
  .navbar .navbar-nav {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .navbar .navbar-nav .button-container {
      margin-left: 0.1875px; }
  .contactus-2 .card-contact {
    margin: 80px 0 80px 150px; }
  .index-page .fileinput-new.thumbnail.img-circle {
    margin-top: 50px; } }

@media screen and (max-width: 991px) {
  .presentation-page .section-components .components-macbook {
    max-width: 850px !important;
    max-height: 480px !important;
    margin-top: 12vh;
    left: -12px; }
  .presentation-page .section-components .coloured-card-img,
  .presentation-page .section-components .table-img {
    display: none; }
  .presentation-page .section-components .social-img {
    left: 47%;
    top: 37%; }
  .presentation-page .section-components .pin-btn-img {
    top: 54%; }
  .presentation-page .section-components .share-btn-img {
    top: 12%; }
  .presentation-page .section-components .coloured-card-btn-img {
    top: -2%;
    left: 65%; }
  .presentation-page .section-content .area-img {
    max-width: 130px;
    max-height: 170px; }
  .presentation-page .section-content .info-img {
    max-width: 170px;
    max-height: 120px; }
  @keyframes topbar-x {
    0% {
      top: 0px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    45% {
      top: 6px;
      -webkit-transform: rotate(145deg);
              transform: rotate(145deg); }
    75% {
      -webkit-transform: rotate(130deg);
              transform: rotate(130deg); }
    100% {
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg); } }
  @-webkit-keyframes topbar-x {
    0% {
      top: 0px;
      -webkit-transform: rotate(0deg); }
    45% {
      top: 6px;
      -webkit-transform: rotate(145deg); }
    75% {
      -webkit-transform: rotate(130deg); }
    100% {
      -webkit-transform: rotate(135deg); } }
  @keyframes topbar-back {
    0% {
      top: 6px;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg); }
    45% {
      -webkit-transform: rotate(-10deg);
              transform: rotate(-10deg); }
    75% {
      -webkit-transform: rotate(5deg);
              transform: rotate(5deg); }
    100% {
      top: 0px;
      -webkit-transform: rotate(0);
              transform: rotate(0); } }
  @-webkit-keyframes topbar-back {
    0% {
      top: 6px;
      -webkit-transform: rotate(135deg); }
    45% {
      -webkit-transform: rotate(-10deg); }
    75% {
      -webkit-transform: rotate(5deg); }
    100% {
      top: 0px;
      -webkit-transform: rotate(0); } }
  @keyframes bottombar-x {
    0% {
      bottom: 0px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
    45% {
      bottom: 6px;
      -webkit-transform: rotate(-145deg);
              transform: rotate(-145deg); }
    75% {
      -webkit-transform: rotate(-130deg);
              transform: rotate(-130deg); }
    100% {
      -webkit-transform: rotate(-135deg);
              transform: rotate(-135deg); } }
  @-webkit-keyframes bottombar-x {
    0% {
      bottom: 0px;
      -webkit-transform: rotate(0deg); }
    45% {
      bottom: 6px;
      -webkit-transform: rotate(-145deg); }
    75% {
      -webkit-transform: rotate(-130deg); }
    100% {
      -webkit-transform: rotate(-135deg); } }
  @keyframes bottombar-back {
    0% {
      bottom: 6px;
      -webkit-transform: rotate(-135deg);
              transform: rotate(-135deg); }
    45% {
      -webkit-transform: rotate(10deg);
              transform: rotate(10deg); }
    75% {
      -webkit-transform: rotate(-5deg);
              transform: rotate(-5deg); }
    100% {
      bottom: 0px;
      -webkit-transform: rotate(0);
              transform: rotate(0); } }
  @-webkit-keyframes bottombar-back {
    0% {
      bottom: 6px;
      -webkit-transform: rotate(-135deg); }
    45% {
      -webkit-transform: rotate(10deg); }
    75% {
      -webkit-transform: rotate(-5deg); }
    100% {
      bottom: 0px;
      -webkit-transform: rotate(0); } }
  .navbar .navbar-toggler .navbar-toggler-icon:nth-child(2) {
    top: 0px;
    -webkit-animation: topbar-back 500ms linear 0s;
    animation: topbar-back 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .navbar .navbar-toggler .navbar-toggler-icon:nth-child(3) {
    opacity: 1; }
  .navbar .navbar-toggler .navbar-toggler-icon:nth-child(4) {
    bottom: 0px;
    -webkit-animation: bottombar-back 500ms linear 0s;
    animation: bottombar-back 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .navbar .navbar-toggler.toggled .navbar-toggler-icon:nth-child(2) {
    top: 6px;
    -webkit-animation: topbar-x 500ms linear 0s;
    animation: topbar-x 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .navbar .navbar-toggler.toggled .navbar-toggler-icon:nth-child(3) {
    opacity: 0; }
  .navbar .navbar-toggler.toggled .navbar-toggler-icon:nth-child(4) {
    bottom: 6px;
    -webkit-animation: bottombar-x 500ms linear 0s;
    animation: bottombar-x 500ms 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; } }

@media screen and (max-width: 767px) {
  .presentation-page .section-components .components-macbook {
    max-width: 350px !important;
    max-height: 250px !important;
    margin-top: 12vh;
    left: -12px; }
  .presentation-page .section-components .coloured-card-img,
  .presentation-page .section-components .table-img {
    display: none; }
  .presentation-page .section-components .social-img {
    left: -7%;
    top: 37%; }
  .presentation-page .section-components .pin-btn-img {
    top: 54%; }
  .presentation-page .section-components .share-btn-img {
    top: 7%; }
  .presentation-page .section-components .coloured-card-btn-img {
    top: -2%; }
  .card.card-form-horizontal .input-group {
    padding-bottom: 10px; }
  .presentation-page #cd-vertical-nav,
  .index-page #cd-vertical-nav,
  .section-page #cd-vertical-nav {
    display: none; }
  .index-page .cd-section .tim-typo .tim-note {
    width: 60px; } }

@media screen and (max-width: 400px) {
  .cd-vertical-nav {
    display: none !important; } }

@media screen and (min-width: 767px) {
  .bd-docs .bd-example .card.card-profile .card-header-image {
    max-height: 100% !important; }
  .card-profile .card-header-image {
    max-height: 215px; } }

/*# sourceMappingURL=material-kit.css.map */