html:not(.bx-touch) .content-style .solution:hover,.bx-touch .content-style .solution:active {
    text-decoration: none
}

.solution {
    display: block;
    width: 100%;
    white-space: normal
}

html:not(.bx-touch) .solution:hover .img-responsive,.bx-touch .solution:active .img-responsive {
    opacity: 1
}

.solution__title {
    display: table;
    width: 100%;
    height: 100px;
}

@media only screen and (max-width: 1279px) {
    .solution__title {
        height:90px
    }
}

@media only screen and (max-width: 1023px) {
    .solution__title {
        height:70px
    }
}

@media only screen and (max-width: 1023px) {
    .solution__title {
        height:65px
    }
}

.solution__title-center {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 20px 0;
    font-size: 23px;
    line-height: 27px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center
}

@media only screen and (max-width: 1279px) {
    .solution__title-center {
        font-size:19px;
        line-height: 23px
    }
}

@media only screen and (max-width: 1023px) {
    .solution__title-center {
        padding:4px 15px 0;
        font-size: 13px;
        line-height: 17px
    }
}

@media only screen and (max-width: 749px) {
    .solution__title-center {
        font-size:16px;
        line-height: 21px
    }
}

.solution__title-center .dashed {
    top: 4px
}

@media only screen and (max-width: 1023px) {
    .solution__title-center .dashed {
        top:3px
    }
}

.solution__pic-bg {
    position: relative;
    display: block
}

.solution__gradient {
    position: absolute;
    top: 0;
    left: 0
}

.solution .solution-anons-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px 5%;
}

.solution-anons-text {
    color: white;
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    vertical-align: top
}

@media only screen and (max-width: 1023px) {
    .solution-anons-text {
        font-size:13px;
        line-height: 15px
    }
}

@media only screen and (max-width: 749px) {
    .solution-anons-text {
        font-size:16px;
        line-height: 20px
    }
}

.solutions {
    position: relative;
    font-size: 0;
    line-height: 0;
    margin: -9px 8px 0 -8px;
    text-align: center
}

@media only screen and (max-width: 1279px) {
    .solutions {
        margin:-9px 0px 0 -8px
    }
}

.solutions__controls {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    padding-left: 9px
}

@media only screen and (max-width: 1023px) {
    .solutions__controls {
        padding-left:8px
    }
}

.solutions__controls-center {
    position: relative;
    margin: 0 -20px
}

@media only screen and (max-width: 1279px) {
    .solutions__controls-center {
        margin:0 -15px
    }
}

@media only screen and (max-width: 1023px) {
    .solutions__controls-center {
        margin:0 -10px
    }
}

@media only screen and (max-width: 749px) {
    .solutions__controls-center {
        margin:0
    }
}

.solutions__item {
    display: inline-block;
    vertical-align: top;
    padding: 9px 0 0 9px;
    margin-bottom: 20px;
}

.solutions__item--restrict {
    width: 25%
}

@media only screen and (max-width: 749px) {
    .solutions__item--restrict {
        width:100%
    }
}

.solutions__item--wide {
    width: 50%
}

@media only screen and (max-width: 749px) {
    .solutions__item--wide {
        width:100%
    }
}

.solutions__item--wide .solution-anons-text {
    padding: 20px 15%
}

.solutions--line {
    white-space: nowrap;
    overflow: hidden
}

.solutions--line .solutions__item {
    width: 394px !important
}

@media only screen and (max-width: 1279px) {
    .solutions--line .solutions__item {
        width:314px !important
    }
}

@media only screen and (max-width: 1023px) {
    .solutions--line .solutions__item {
        width:228px !important;
        margin: 8px 0 0 8px
    }
}

@media only screen and (max-width: 749px) {
    .solutions--line .solutions__item {
        width:200px !important
    }
}

@media only screen and (max-width: 749px) {
    .solutions--tile {
        width:292px;
        margin: 0 auto;
        overflow: hidden
    }

    .solutions--tile .solutions__item--wide .img-responsive {
        margin: 0 -155px;
        max-width: none
    }

    .solutions--tile .solutions__item {
        padding: 9px 0 0 0
    }
}

.solutions--tile .solution__pic-bg {
    position: relative;
    overflow: hidden
}

.solutions--tile .solution__gradient {
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6), transparent);
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6), transparent);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.6), transparent);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(0,0,0,0.6)', EndColorStr='transparent, GradientType=0')"
}

.content-style .desc-section {
    margin-bottom: 20px
}

.content-style .banner-solution {
    margin-bottom: 10px;
    padding: 18px 50px
}