.card {
 border:0;
 margin-bottom:30px;
 margin-top:30px;
 border-radius:6px;
 color:rgba(0,0,0,.87);
 background:#fff;
 width:100%;
 box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.card .card-category:not([class*=text-]) {
 color:#999
}
.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:.625rem
}
.card .card-title:last-child {
 margin-bottom:0
}
.card.no-shadow .card-header-image,.card.no-shadow .card-header-image img {
 box-shadow:none!important
}
.card .card-body,.card .card-footer {
 padding:.9375rem 1.875rem
}
.card .card-body+.card-footer {
 padding-top:0;
 border:0;
 border-radius:6px
}
.card .card-footer {
 display:flex;
 align-items:center;
 background-color:transparent;
 border:0
}
.card .card-footer .author,.card .card-footer .stats {
 display:inline-flex
}
.card .card-footer .stats {
 color:#999
}
.card .card-footer .stats .material-icons {
 position:relative;
 top:3px;
 margin-right:3px;
 margin-left:3px;
 font-size:18px
}
.card.bmd-card-raised {
 box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)
}
@media (min-width:992px) {
 .card.bmd-card-flat {
  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-]) {
 box-shadow:0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(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;
 box-shadow:0 5px 15px -8px rgba(0,0,0,.24),0 8px 10px -5px rgba(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,.5)
}
.card .card-header.card-header-image .colored-shadow {
 transform:scale(.94);
 top:12px;
 filter:blur(12px);
 position:absolute;
 width:100%;
 height:100%;
 background-size:cover;
 z-index:-1;
 transition:opacity .45s;
 opacity:0
}
.card .card-header.card-header-image.no-shadow {
 box-shadow:none
}
.card .card-header.card-header-image.no-shadow.shadow-normal {
 box-shadow:0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)
}
.card .card-header.card-header-image.no-shadow .colored-shadow {
 display:none!important
}
.card.bg-primary,.card .card-header-primary,.card.card-rotate.bg-primary .back,.card.card-rotate.bg-primary .front {
 background:linear-gradient(60deg,#62A2CC,#3C8DBC)
}
.card.bg-info,.card .card-header-info,.card.card-rotate.bg-info .back,.card.card-rotate.bg-info .front {
 background:linear-gradient(60deg,#26c6da,#0097a7)
}
.card.bg-success,.card .card-header-success,.card.card-rotate.bg-success .back,.card.card-rotate.bg-success .front {
 background:linear-gradient(60deg,#66bb6a,#388e3c)
}
.card.bg-warning,.card .card-header-warning,.card.card-rotate.bg-warning .back,.card.card-rotate.bg-warning .front {
 background:linear-gradient(60deg,#ffa726,#f57c00)
}
.card.bg-danger,.card .card-header-danger,.card.card-rotate.bg-danger .back,.card.card-rotate.bg-danger .front {
 background:linear-gradient(60deg,#ef5350,#d32f2f)
}
.card.bg-rose,.card .card-header-rose,.card.card-rotate.bg-rose .back,.card.card-rotate.bg-rose .front {
 background:linear-gradient(60deg,#ec407a,#c2185b)
}
.card.bg-purple,.card .card-header-purple,.card.card-rotate.bg-purple .back,.card.card-rotate.bg-purple .front {
 background:linear-gradient(60deg,#ab47bc,#7b1fa2)
}
.card .card-header-primary {
 box-shadow:0 5px 20px 0 rgba(0,0,0,.2),0 13px 24px -11px rgba(60,141,188,.6)
}
.card .card-header-danger {
 box-shadow:0 5px 20px 0 rgba(0,0,0,.2),0 13px 24px -11px rgba(244,67,54,.6)
}
.card .card-header-rose {
 box-shadow:0 5px 20px 0 rgba(0,0,0,.2),0 13px 24px -11px rgba(233,30,99,.6)
}
.card .card-header-warning {
 box-shadow:0 5px 20px 0 rgba(0,0,0,.2),0 13px 24px -11px rgba(255,152,0,.6)
}
.card .card-header-info {
 box-shadow:0 5px 20px 0 rgba(0,0,0,.2),0 13px 24px -11px rgba(0,188,212,.6)
}
.card .card-header-success {
 box-shadow:0 5px 20px 0 rgba(0,0,0,.2),0 13px 24px -11px rgba(76,175,80,.6)
}
.card .card-header-purple {
 box-shadow:0 5px 20px 0 rgba(0,0,0,.2),0 13px 24px -11px rgba(156,39,176,.6)
}
.card[class*=bg-],.card[class*=bg-] .card-title,.card[class*=bg-] .card-title a,.card[class*=bg-] .icon i,.card [class*=header-],.card [class*=header-] .card-title,.card [class*=header-] .card-title a,.card [class*=header-] .icon i {
 color:#fff
}
.card[class*=bg-] .icon i,.card [class*=header-] .icon i {
 border-color:hsla(0,0%,100%,.25)
}
.card[class*=bg-] .author a,.card[class*=bg-] .card-category,.card[class*=bg-] .card-description,.card[class*=bg-] .stats,.card [class*=header-] .author a,.card [class*=header-] .card-category,.card [class*=header-] .card-description,.card [class*=header-] .stats {
 color:hsla(0,0%,100%,.8)
}
.card[class*=bg-] .author a:active,.card[class*=bg-] .author a:focus,.card[class*=bg-] .author a:hover,.card [class*=header-] .author a:active,.card [class*=header-] .author a:focus,.card [class*=header-] .author a:hover {
 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-] .card-body h1 small,.card[class*=bg-] .card-body h2 small,.card[class*=bg-] .card-body h3 small,.card[class*=bg-] h1 small,.card[class*=bg-] h2 small,.card[class*=bg-] h3 small {
 color:hsla(0,0%,100%,.8)
}
.card .card-stats {
 background:transparent;
 display:flex
}
.card .card-stats .author,.card .card-stats .stats {
 display:inline-flex
}
.card-carousel {
 overflow:hidden
}
.card-login .card-header {
 margin:-40px 20px 15px;
 padding:20px 0
}
.card-login .text-divider {
 margin-top:30px;
 margin-bottom:0;
 text-align:center
}
.card-login .card-body {
 padding:0 30px 0 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
}
.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;
 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
}
.back-background,.card-background,.front-background {
 background-position:50%;
 background-size:cover;
 text-align:center
}
.back-background .card-body,.card-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
}
.back-background .card-category,.back-background .card-description,.back-background small,.card-background .card-category,.card-background .card-description,.card-background small,.front-background .card-category,.front-background .card-description,.front-background small {
 color:hsla(0,0%,100%,.7)!important
}
.back-background .card-title,.card-background .card-title,.front-background .card-title {
 color:#fff;
 margin-top:10px
}
.back-background:not(.card-pricing) .btn,.card-background:not(.card-pricing) .btn,.front-background:not(.card-pricing) .btn {
 margin-bottom:0
}
.back-background:after,.card-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,.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 {
 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 0;
 margin:0;
 box-shadow:none!important;
 background:#fff
}
.card-collapse .card-header a {
 color:#3c4858;
 font-size:.9375rem;
 display:block
}
.card-collapse .card-header a:active,.card-collapse .card-header a:hover,.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 {
 transform:rotate(180deg)
}
.card-collapse .card-body {
 padding:15px 0 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 .btn,.card-form-horizontal form {
 margin:0
}
.card-form-horizontal .input-group .input-group-addon {
 padding-left:0
}
.card-form-horizontal .bmd-form-group {
 padding-bottom:0;
 padding-top:0
}
.card-pricing {
 text-align:center
}
.card-pricing:after {
 background-color:rgba(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 0
}
.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: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:#999;
 text-align:center;
 padding:12px 0;
 border-bottom:1px solid hsla(0,0%,60%,.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:hsla(0,0%,100%,.3)
}
.card-pricing.card-background ul li b,.card-pricing[class*=bg-] ul li b {
 color:#fff;
 font-weight:700
}
.card-pricing.card-background .card-category,.card-pricing.card-background [class*=text-],.card-pricing[class*=bg-] .card-category,.card-pricing[class*=bg-] [class*=text-] {
 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-category,.card-product .card-description,.card-product .card-title {
 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 {
 -o-perspective:800px;
 -ms-perspective:800px;
 perspective:800px
}
.rotating-card-container .card-rotate {
 background:transparent;
 box-shadow:none
}
.rotating-card-container .card-rotate:after {
 display:none
}
.rotating-card-container .card {
 transition:all .8s cubic-bezier(.34,1.45,.7,1);
 transform-style:preserve-3d;
 position:relative
}
.rotating-card-container .card .back,.rotating-card-container .card .front {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
 position:absolute;
 background-color:#fff;
 border-radius:6px;
 top:0;
 left:0
}
.rotating-card-container .card .back,.rotating-card-container .card .back .card-body,.rotating-card-container .card .front,.rotating-card-container .card .front .card-body {
 justify-content:center;
 align-content:center;
 display:-moz-flex;
 display:-ms-flexbox;
 display:-o-flex;
 display:flex;
 -moz-flex-direction:column;
 -ms-flex-direction:column;
 -o-flex-direction:column;
 flex-direction:column
}
.rotating-card-container .card .front {
 z-index:2;
 position:relative
}
.rotating-card-container .card .back {
 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,.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.hover.manual-flip .card,.rotating-card-container:not(.manual-flip):hover .card {
 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
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
 .rotating-card-container .card .back,.rotating-card-container .card .front {
  backface-visibility:visible
 }
 .rotating-card-container .card .back {
  visibility:hidden;
  transition:visibility .3s cubic-bezier(.34,1.45,.7,1)
 }
 .rotating-card-container .card .front {
  z-index:4
 }
 .rotating-card-container.manual-flip.hover .card .back,.rotating-card-container:not(.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;
 box-shadow:0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(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;
 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,.card-testimonial .icon {
 margin-top:30px
}
.card-testimonial .icon .material-icons {
 font-size:40px
}






/*
// Header navs
*/

.card-header-tabs {
  margin-right: -.625rem;
  margin-bottom: -.75rem;
  margin-left: -.625rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -.75rem;
  margin-left: -.75rem;
}

// Card image
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0px;
}
.card-img {
  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
  border-radius: calc(.25rem - 1px);
}

// Card image caps
.card-img-top {
  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
  border-top-radius: calc(.25rem - 1px);
}
.card-img-bottom {
  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
  border-bottom-radius: calc(.25rem - 1px);
}


/* 
// Card deck 
*/

.card-deck {
  display: flex;
  flex-direction: row;
}
@media (min-width:992px){
    .card-deck {
      display: flex;
      flex-direction: row;
    }
}
.card-deck .card {
  flex: 1 0 0%;
  margin-right: 15px;
  margin-bottom: 0;
  margin-left: 15px;
}
.card-deck .card:first-child {
 margin-left: 0;
}
.card-deck .card:last-child {
 margin-right: 0;
}


/*
// Card groups
*/

.card-group {
 display: flex;
 flex-direction: column;
    flex-flow: row wrap;
    flex: 1 0 0%;
    margin-bottom: 0;
}
.card-group > .card {
 margin-bottom: 0;
 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;
}
.card-group .card:only-child .card-img-top,
.card-group .card:only-child .card-header {
 border-top-left-radius: 0;
 border-top-right-radius: 0;
}
.card-group :only-child .card-img-bottom,
.card-group :only-child .card-footer {
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
}

.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;
}

/*
// Columns
*/

.card-columns .card {
 margin-bottom: $card-columns-margin;
}

@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}


/*
// Accordion
*/

.accordion .card:not(:first-of-type):not(:last-of-type) {
 border-bottom: 0px;
 border-radius: 0;
}
.accordion .card:not(:first-of-type) .card-header:first-child {
 border-radius: 0;
}
.accordion .card:first-of-type {
 border-bottom: 0px;
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0;
}
.accordion .card:last-of-type {
 border-top-left-radius: 0;
 border-top-right-radius: 0;
}