/*! CSS compiled by Switch - DO NOT EDIT THIS FILE ANY CHANGES WILL BE LOST */
/*! variables */
/*! mixins */
.card{
    margin-top:24px;
    margin-bottom:24px
}
@media screen and (min-width: 768px){
    .card{
        margin-top:24px;
        margin-bottom:24px
    }
}
.container-fluid>.component-content>.card{
    margin-right:12px;
    margin-left:12px
}
.card__list{
    margin:0
}
.card__list:after{
    display:table;
    clear:both;
    content:""
}
.card__item{
    width:100%;
    float:left;
    margin-left:0;
    margin-right:0;
    position:relative;
    margin-bottom:12px;
    overflow:hidden;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    border-radius:3px;
    background-color:#f3f3f3;
    text-align:center;
    opacity:0
}
.card__bg{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.card__link{
    display:block;
    position:relative;
    height:100%;
    text-decoration:none
}
.card__link:focus{
    outline:none
}
.card__link:active{
    -webkit-transform:translateY(1px);
    transform:translateY(1px)
}
.card__inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    height:100%;
    padding:36px;
    color:#6f6f6f
}
.card__icon{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:100%;
    margin-bottom:12px;
    color:#cf142b;
    font-size:4rem
}
.card__title{
    display:block;
    -webkit-box-flex:0;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    width:100%;
    margin-bottom:12px;
    color:#333;
    font-weight:bold;
    line-height:1.2
}
.card__description{
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    width:100%
}
.card__description p:last-child{
    margin-bottom:0
}
.card__btn{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    margin:.75rem 0 0
}
.card--large .card__icon{
    font-size:5rem
}
.card--large .card__title{
    font-size:1.25rem;
    line-height:1.2
}
@media screen and (min-width: 768px) and (max-width: 959px){
    .card__item{
        width:49.07339%;
        float:left;
        margin-right:1.85322%
    }
    .card__item:nth-child(even){
        float:right;
        margin-right:0
    }
    .card__item:last-child{
        margin-right:0
    }
}
@media screen and (min-width: 768px){
    .container-fluid>.component-content>.card{
        margin-right:1.85322%;
        margin-left:1.85322%
    }
    .card__list{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .card__item{
        margin-bottom:12px
    }
    .card--3-col .card__item{
        width:32.09785%;
        float:left;
        margin-right:1.85322%
    }
    .card--3-col .card__item:nth-child(3n){
        float:right;
        margin-right:0
    }
    .card--3-col .card__item:last-child{
        margin-right:0
    }
    .card--2-col .card__item{
        width:49.07339%;
        float:left;
        margin-right:1.85322%
    }
    .card--2-col .card__item:nth-child(even){
        float:right;
        margin-right:0
    }
    .card--2-col .card__item:last-child{
        margin-right:0
    }
}
@media screen and (min-width: 960px){
    .card__item{
        width:23.61008%;
        float:left;
        margin-right:1.85322%
    }
    .card__item:nth-child(4n){
        float:right;
        margin-right:0
    }
    .card__item:last-child{
        margin-right:0
    }
    .card--3-col .card__item{
        width:32.09785%;
        float:left;
        margin-right:1.85322%
    }
    .card--3-col .card__item:nth-child(3n){
        float:right;
        margin-right:0
    }
}
@media screen and (min-width: 1296px){
    .card__item{
        margin-bottom:24px
    }
}