.header-hero-action {
    font-family: 'ari',Arial,Helvetica,sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 50px;
    border: 1px solid #607648;
    display: inline-block;
    margin-top: 25px;
    transition: ease .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    line-height: 100%
}

.header-hero-action:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 135%;
    height: 100%;
    background: #607648;
    z-index: -1;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform: translateX(-100%) skewX(-45deg);
    -webkit-transform: translateX(-100%) skewX(-45deg);
    -ms-transform: translateX(-100%) skewX(-45deg);
    transition: transform .2s
}

.header-hero-action:hover:before,.header-hero-action:focus:before,.header-hero-action:active:before {
    transform: translateX(0) skewX(-45deg);
    -webkit-transform: translateX(0) skewX(-45deg);
    -ms-transform: translateX(0) skewX(-45deg)
}

.header-hero-action:hover,.header-hero-action:focus,.header-hero-action:active {
    background-color: #395575
}

.header-hero-home {
    height: 450px;
    padding-top: 140px;
    display: block;
    background: #2a3b4d url(../img/hero_home.jpg) no-repeat top center
}

@media (max-width:960px) {
    .header-hero-home {
        background-position: bottom center
    }
}

@media (max-width:480px) {
    .header-hero-home {
        background: #2a3b4d url(../img/hero_home_480.jpg) no-repeat bottom center
    }
}

.header-hero-container {
    // overflow: hidden;
    display: block;
    width: 100%;
    position: relative;
    z-index: 3
}

.header-hero-video-container {
    width: 100%;
    position: absolute;
    top: 0;
    height: 450px;
    overflow: hidden;
    float: left;
    z-index: 1;
    display: block
}

.header-hero-video-overlay {
    background: url(../img/page_hero_overlay_blue.png) repeat;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 1
}

.header-hero-video-overlay-sub {
    display: none;
    height: 100%;
    width: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    background-color: #395575;
    opacity: .8
}

video {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1920px;
    height: auto;
    z-index: -1;
    margin: 0 0 0 -960px!important;
    opacity: 0
}

@media (max-width: 1240px) {
    .header-hero-video-container {
        width: 100%;
        margin: 0;
        left: 0
    }

    video {
        width: 1920px
    }
}

@media (max-width: 768px) {
    .header-hero-video-container {
        top: 0;
        right: 0
    }

    video {
        height: 450px;
        width: auto;
        margin: 0 auto;
        left: 0
    }
}

@media (max-width: 480px) {
    video {
        margin-left: -275px
    }
}

@media (max-width: 360px) {
    video {
        margin-left: -375px
    }
}

.IIV::-webkit-media-controls-play-button,.IIV::-webkit-media-controls-start-playback-button {
    opacity: 0;
    pointer-events: none;
    width: 5px
}

.home-content-container {
    display: block;
    background-color: #fff;
    overflow: hidden
}

.header-hero-home .header-hero-content {
    z-index: 10;
    position: relative;
    text-align: center
}

.header-hero-home .header-hero-title,.header-hero-home .header-hero-subtitle {
    width: 100%
}

@media (max-width: 960px) {
    .header-hero-home {
        padding: 120px 0 0
    }

    .header-hero-home .header-hero-title {
        font-size: 50px;
        padding: 0
    }
}

@media (max-width: 800px) {
    .header-hero-home {
        padding: 115px 0 0
    }

    .header-hero-home .header-hero-title {
        font-size: 48px
    }
}

@media (max-width: 680px) {
    .header-hero-home {
        padding: 90px 0 0
    }
}

@media (max-width: 410px) {
    .header-hero-home {
        padding: 100px 0 0
    }

    .header-hero-home .header-hero-title {
        font-size: 40px
    }
}

@media (max-width: 380px) {
    .header-hero-home .header-hero-title {
        font-size: 36px
    }
}

.home-content-row-primary-container {
    width: 100%;
    display: block;
    background-color: #fff;
    float: left;
    padding: 0 0 75px
}

@media (max-width:768px) {
    .home-content-row-primary-container {
        padding: 0 0 50px
    }
}

.home-content-row-primary {
    width: 1220px;
    margin: 0 auto;
    padding: 75px 0
}

@media (max-width:1240px) {
    .home-content-row-primary {
        padding: 75px 40px;
        width: 100%
    }
}

@media (max-width:768px) {
    .home-content-row-primary {
        padding: 65px 40px
    }
}

@media (max-width:480px) {
    .home-content-row-primary {
        padding: 65px 20px
    }
}

@media (max-width:1240px) {
    .home-content-row-primary .home-content-product-category {
        position: relative;
        min-height: 215px
    }
}

@media (max-width:960px) {
    .home-content-row-primary .home-content-product-category {
        text-align: center
    }
}

.home-content-row-primary .home-content-product-category:first-child {
    padding: 0 20px 0 0
}

.home-content-row-primary .home-content-product-category:nth-child(2) {
    border-left: 1px solid #ccc;
    padding: 0 0 0 40px
}

@media (max-width:1240px) {
    .home-content-row-primary .home-content-product-category {
        min-height: 235px
    }
}

@media (max-width:768px) {
    .home-content-row-primary .home-content-product-category {
        width: 100%
    }
}

@media (max-width:1024px) {
    .home-content-row-primary .home-content-product-category:first-child {
        padding: 0 40px 0 0
    }
}

@media (max-width:768px) {
    .home-content-row-primary .home-content-product-category:first-child {
        padding: 0 0 40px
    }
}

@media (max-width:768px) {
    .home-content-row-primary .home-content-product-category:nth-child(2) {
        padding: 0;
        border-left: none;
        border-top: 1px solid #ccc
    }
}

.home-content-product-category img {
    float: right;
    margin: -30px 0 0
}

@media (max-width:1240px) {
    .home-content-product-category img {
        width: 55%;
        height: 55%
    }
}

@media (max-width:960px) {
    .home-content-product-category figure {
        text-align: center
    }
}

@media (max-width:960px) {
    .home-content-product-category img {
        width: 60%;
        height: auto;
        float: none
    }
}

@media (max-width:768px) {
    .home-content-product-category img {
        width: 33%;
        height: auto%
    }
}

@media (max-width:640px) {
    .home-content-product-category img {
        width: 45%;
        height: auto%
    }
}

@media (max-width:480px) {
    .home-content-product-category img {
        width: 55%;
        height: auto%
    }
}

@media (max-width:768px) {
    .home-content-row-primary .home-content-product-category:first-child img {
        margin: -30px 0 0
    }
}

@media (max-width:768px) {
    .home-content-row-primary .home-content-product-category:nth-child(2) img {
        margin: 20px 0 0
    }
}

.home-content-category-title,.home-content-category-title a {
    font-family: 'tex',Arial,Helvetica,sans-serif;
    font-size: 38px;
    width: 160px;
    line-height: 1;
    text-decoration: none;
    color: #777
}

@media (max-width:768px) {
    .home-content-category-title,.home-content-category-title a {
        font-size: 30px
    }
}

.home-content-row-primary .home-content-category-title {
    color: #395575
}

@media (max-width:960px) {
    .home-content-row-primary .home-content-category-title {
        width: 100%
    }
}

.home-content-row-primary p,.home-content-row-tertiary .home-content-blog p {
    font-family: 'tex',Arial,Helvetica,sans-serif;
    color: #333;
    font-size: 18px;
    padding: 20px 0 0;
    line-height: 1.3;
    text-align: inherit
}

@media (max-width:960px) {
    .home-content-row-primary p {
        width: 80%;
        display: inline-block
    }
}

.home-content-link {
    font-family: 'ari',Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 50px;
    display: inline-block;
    margin-top: 25px;
    transition: ease .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    line-height: 100%
}

.home-content-row-primary .home-content-link {
    background-color: #395575;
    color: #fff;
    border: 1px solid #395575;
    line-height: 100%
}

.home-content-row-primary .home-content-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 135%;
    height: 100%;
    background: #fff;
    z-index: -99;
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform: translateX(-100%) skewX(-45deg);
    -ms-transform: translateX(-100%) skewX(-45deg);
    -webkit-transform: translateX(-100%) skewX(-45deg);
    transition: transform .2s
}

@media (max-width:1240px) {
    .home-content-row-primary .home-content-link {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media (max-width:1240px) {
    .home-content-row-primary .home-content-product-category:nth-child(2) .home-content-link {
        left: 40px
    }
}

@media (max-width:960px) {
    .home-content-row-primary .home-content-link,.home-content-row-primary .home-content-product-category:nth-child(2) .home-content-link {
        position: inherit;
        left: 0
    }
}

.home-content-row-primary .home-content-link:hover:before,.home-content-row-primary .home-content-link:focus:before,.home-content-row-primary .home-content-link:active:before {
    transform: translateX(0) skewX(-45deg);
    -ms-transform: translateX(0) skewX(-45deg);
    -webkit-transform: translateX(0) skewX(-45deg)
}

.home-content-row-primary .home-content-link:hover,.home-content-row-primary .home-content-link:focus,.home-content-row-primary .home-content-link:active {
    color: #395575;
    background-color: #fff
}

.home-content-row-secondary {
    width: 100%;
    background-color: #eee;
    overflow: hidden;
    display: block;
    background: #eee url(../img/home_custom_solutions.jpg) no-repeat bottom center;
    height: auto;
    position: relative;
    z-index: 0
}

.home-content-row-secondary-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #395575 url(../img/page_hero_overlay_blue.png) repeat top center;
    z-index: -1;
    opacity: .9
}

.home-content-row-secondary.content-careers {
    background: #eee url(../img/home_careers_new.jpg) no-repeat center bottom
}

.home-content-row-secondary-overlay.overlay-careers {
    background: transparent url(../img/page_content_overlay_green_dark.png) repeat center top;
    opacity: .6
}

.content-careers {
    position: relative
}

.content-careers figure {
    height: 140px;
    display: block;
    position: absolute;
    top: 50%;
    left: 42%;
    margin: -70px 0 0
}

.home-content-row-secondary .home-content-product-category {
    display: block;
    width: 1220px;
    margin: 0 auto;
    padding: 75px 0;
    z-index: 1
}

@media (max-width: 1240px) {
    .home-content-row-secondary .home-content-product-category {
        width: 100%;
        padding: 75px 40px
    }
}

@media (max-width: 960px) {
    .home-content-row-secondary .home-content-product-category {
        text-align: center
    }
}

@media (max-width: 768px) {
    .home-content-row-secondary .home-content-product-category {
        padding: 50px 40px
    }
}

@media (max-width: 480px) {
    .home-content-row-secondary .home-content-product-category {
        padding: 50px 20px
    }
}

.home-content-row-secondary .home-content-category-title {
    color: #fff;
    width: 100%
}

@media (max-width: 960px) {
    .home-content-row-secondary .home-content-category-title {
        text-align: center
    }
}

.home-content-row-secondary .home-content-product-category img {
    margin: -40px 0 0
}

@media (max-width: 1240px) {
    .home-content-row-secondary .home-content-product-category img {
        margin: -1.5% 0 0
    }
}

@media (max-width: 960px) {
    .home-content-row-secondary .home-content-product-category img {
        margin: -20px 0 0;
        width: 50%
    }
}

@media (max-width: 800px) {
    .home-content-row-secondary .home-content-product-category img {
        width: 60%
    }
}

@media (max-width: 640px) {
    .home-content-row-secondary .home-content-product-category img {
        width: 70%
    }
}

@media (max-width: 480px) {
    .home-content-row-secondary .home-content-product-category img {
        width: 80%
    }
}

@media (max-width: 380px) {
    .home-content-row-secondary .home-content-product-category img {
        width: 90%
    }
}

.home-content-row-secondary .home-content-product-category p {
    font-family: 'tex',Arial,Helvetica,sans-serif;
    color: #fff;
    font-size: 18px;
    padding: 20px 0 0;
    line-height: 1.3;
    width: 40%
}

@media (max-width: 1240px) {
    .home-content-row-secondary .home-content-product-category p {
        width: 33%
    }
}

@media (max-width: 960px) {
    .home-content-row-secondary .home-content-product-category p {
        width: 100%;
        padding: 20px 25% 0;
        text-align: center
    }
}

@media (max-width: 768px) {
    .home-content-row-secondary .home-content-product-category p {
        padding: 20px 15% 0
    }
}

@media (max-width: 480px) {
    .home-content-row-secondary .home-content-product-category p {
        padding: 20px 5% 0
    }
}

@media (max-width: 380px) {
    .home-content-row-secondary .home-content-product-category p {
        padding: 20px 0 0
    }
}

.home-content-row-secondary .home-content-link {
    color: #fff;
    border: 1px solid #fff
}

@media (max-width: 960px) {
    .home-content-row-secondary .home-content-link {
        display: inline-block
    }
}

.home-content-row-secondary.content-careers .home-content-product-category figure img {
    width: auto;
    height: 100%;
    margin: 0
}

@media (max-width: 1080px) {
    .home-content-row-secondary.content-careers {
        background: #eee url(../img/home_careers_new.jpg) no-repeat -500px bottom
    }
}

@media (max-width: 960px) {
    .content-careers figure {
        position: relative;
        display: inline-block;
        margin: 0 0 20px;
        top: initial;
        left: initial;
        height: 100px
    }

    .home-content-row-secondary-overlay.overlay-careers {
        opacity: .9
    }

    .home-content-row-secondary.content-careers {
        background: #eee url(../img/home_careers_new.jpg) no-repeat -850px bottom
    }
}

@media (max-width: 640px) {
    .home-content-row-secondary.content-careers {
        background: #eee url(../img/home_careers_new.jpg) no-repeat -1000px bottom
    }
}

@media (max-width: 480px) {
    .home-content-row-secondary.content-careers {
        background: #eee url(../img/home_careers_new.jpg) no-repeat -1100px bottom
    }
}

@media (max-width: 400px) {
    .home-content-row-secondary.content-careers {
        background: #eee url(../img/home_careers_new.jpg) no-repeat -1150px bottom
    }
}

.home-content-row-secondary .home-content-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 135%;
    height: 100%;
    background: #fff;
    z-index: -1;
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform: translateX(-100%) skewX(-45deg);
    -ms-transform: translateX(-100%) skewX(-45deg);
    -webkit-transform: translateX(-100%) skewX(-45deg);
    transition: transform .2s
}

.home-content-row-secondary .home-content-link:hover:before,.home-content-row-secondary .home-content-link:focus:before,.home-content-row-secondary .home-content-link:active:before {
    transform: translateX(0) skewX(-45deg);
    -ms-transform: translateX(0) skewX(-45deg);
    -webkit-transform: translateX(0) skewX(-45deg)
}

.home-content-row-secondary .home-content-link:hover,.home-content-row-secondary .home-content-link:focus,.home-content-row-secondary .home-content-link:active {
    color: #395575;
    background-color: #fff
}

.home-content-row-tertiary {
    padding: 75px 0;
    width: 1220px;
    margin: 0 auto;
    overflow: hidden
}

@media (max-width: 1240px) {
    .home-content-row-tertiary {
        width: 100%;
        padding: 75px 40px
    }
}

.home-content-row-tertiary .home-content-blog,.home-content-row-tertiary .home-content-news {
    position: relative;
    display: block;
    float: left
}

.home-content-row-tertiary .home-content-blog {
    width: 45%
}

.home-content-row-tertiary .home-content-news {
    padding: 0 0 0 70px;
    width: 100%;
}

@media (max-width: 1240px) {
    .home-content-row-tertiary .home-content-blog {
        width: 42%
    }

    .home-content-row-tertiary .home-content-news {
        width: 58%
    }
}

@media (max-width: 1024px) {
    .home-content-row-tertiary {
        text-align: center
    }

    .home-content-row-tertiary .home-content-blog,.home-content-row-tertiary .home-content-news {
        width: 600px;
        padding: 0;
        display: inline-block;
        float: none
    }

    .home-content-row-tertiary .home-content-news {
        margin: 75px 0 0
    }
}

@media (max-width: 768px) {
    .home-content-row-tertiary {
        padding: 50px 40px
    }

    .home-content-row-tertiary .home-content-blog,.home-content-row-tertiary .home-content-news {
        width: 100%;
        padding: 0 10%
    }

    .home-content-row-tertiary .home-content-news {
        margin: 50px 0 0
    }
}

@media (max-width: 600px) {
    .home-content-row-tertiary .home-content-blog,.home-content-row-tertiary .home-content-news {
        padding: 0 5%
    }
}

@media (max-width: 480px) {
    .home-content-row-tertiary {
        padding: 50px 20px
    }

    .home-content-row-tertiary .home-content-blog,.home-content-row-tertiary .home-content-news {
        padding: 0
    }
}

.home-content-blog-container {
    display: block;
    background-color: #eee;
    width: 100%;
    height: auto;
    min-height: 255px;
    padding: 20px;
    margin: 55px 0 0;
    border-bottom: 2px solid #ddd
}

@media (max-width: 1024px) {
    .home-content-blog-container {
        min-height: inherit;
        padding: 20px 20px 25px
    }
}

@media (max-width: 768px) {
    .home-content-blog-container {
        margin: 20px 0 0;
        padding: 40px 20px 25px
    }
}

.home-content-blog-container a {
    text-decoration: none
}

.home-content-blog-container figure {
    display: block;
    margin: -40px 0 0;
    overflow: hidden;
    height: 150px;
    max-height: 150px;
    width: auto;
    position: relative
}

.home-content-blog-container figure img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

@media (max-width: 1240px) {
    .home-content-blog-container figure img {
        width: 110%;
        margin-left: -5%
    }

    .home-content-blog-container .posts-list-author figure img {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width: 1024px) {
    .home-content-blog-container figure img {
        width: 100%;
        margin-left: 0
    }

    .home-content-blog-container .posts-list-author figure img {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width: 640px) {
    .home-content-blog-container figure img {
        width: 115%;
        margin-left: -7.5%
    }

    .home-content-blog-container .posts-list-author figure img {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width: 500px) {
    .home-content-blog-container figure img {
        width: 120%;
        margin-left: -10%
    }

    .home-content-blog-container .posts-list-author figure img {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width: 400px) {
    .home-content-blog-container figure {
        max-height: 140px
    }

    .home-content-blog-container figure img {
        width: 125%;
        margin-left: -12.5%
    }

    .home-content-blog-container .posts-list-author figure img {
        width: 100%;
        margin-left: 0
    }
}

.posts-list-author {
    display: table;
    margin: -20px 0 0;
    padding: 0 0 0 10px;
    position: relative;
    z-index: 2
}

.posts-list-author figure {
    width: 60px;
    height: auto;
    border-radius: 50%;
    display: table-cell;
    border: 3px solid #eee;
    overflow: hidden
}

.posts-list-author figure img {
    width: 100%;
    height: auto;
    display: block;
    transform: scale(1.15)
}

.blog-page-posts-list .posts-list-author figure {
    border: 3px solid #fff
}

.posts-list-author span {
    font-family: ari,Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    color: #333;
    line-height: 1.1;
    padding: 30px 20px 0 5px;
    display: table-cell;
    vertical-align: top;
    font-size: 14px
}

.posts-list-date {
    font-family: ari,Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    text-align: right;
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 5px 10px 4px;
    position: absolute;
    right: 20px;
    bottom: 0;
    width: auto;
    z-index: 1;
    background-color: rgba(188,104,47,.8)
}

.posts-list-title {
    font-size: 22px;
    padding: 5px 15px 10px;
    font-family: tex,Arial,Helvetica,sans-serif;
    color: #395575;
    display: block;
    line-height: 1.1;
    text-align: left
}

.home-content-row-tertiary .home-content-category-title {
    color: #777
}

@media (max-width: 768px) {
    .home-content-row-tertiary .home-content-category-title {
        text-align: center;
        width: 100%;
        margin-bottom: 20px
    }
}

.home-content-news-list {
    margin: 55px 0 0;
    display: block;
    float: left;
    clear: both
}

@media (max-width: 768px) {
    .home-content-news-list {
        margin: -20px 0 0
    }
}

.home-content-news-list li {
    padding: 20px;
    width: 272px;
    float: left;
    background-color: #eee;
    position: relative;
    min-height: 255px;
    border-bottom: 2px solid #ddd
}
.home-content-news-list li img{width: 233px;}
.home-content-news-list li:nth-child(1), .home-content-news-list li:nth-child(2),.home-content-news-list li:nth-child(3){
    margin: 0 20px 0 0
}

@media (max-width: 1240px) {
    .home-content-news-list li {
        width: 47%
    }

    .home-content-news-list li:last-child {
        float: right
    }
}

@media (max-width: 1024px) {
    .home-content-news-list li {
        width: 290px
    }

    .home-content-news-list li:last-child {
        float: left
    }
}

@media (max-width: 768px) {
    .home-content-news-list li,.home-content-news-list li:last-child {
        float: none;
        display: inline-block;
        width: 100%;
        min-height: inherit;
        background-color: #fff;
        padding: 20px 0;
        border-bottom: none
    }

    .home-content-news-list li:first-child {
        margin: 0;
        padding: 20px 0 0
    }
}

.home-content-news-list li a {
    text-decoration: none;
    display: block;
    text-align: left
}

.home-content-news-list li a figure {
    margin: -40px 0 3px;
    transition: color .2s;
    position: relative;
    overflow: hidden;
    z-index: 0;
    display: block;
    height: 150px;
    float: left
}

.home-content-news-list li a figure img {
    transition: opacity .2s linear;
    opacity: 1;
    -webkit-backface-visibility: hidden
}

.home-content-news-list li a figure:after {
    content: '';
    background-color: #eee;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.home-content-news-list li a figure:before {
    content: '';
    position: absolute;
    top: -5%;
    left: 0;
    width: 200%;
    height: 105%;
    background: #395575;
    z-index: 1;
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform: translateX(-100%) skewX(-45deg);
    -ms-transform: translateX(-100%) skewX(-45deg);
    -webkit-transform: translateX(-100%) skewX(-45deg);
    transition: transform .3s;
    opacity: .9
}

.home-content-news-list .news-list-link {
    font-family: 'ari',Arial,Helvetica,sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 0;
    width: 175px;
    border: 1px solid #fff;
    margin: -92.5px 0 0 -87.5px;
    transition: color .2s;
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 1;
    opacity: 0;
    transition: opacity .5s linear;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%
}

.home-content-news-list li a:hover figure:before,.home-content-news-list li a:focus figure:before,.home-content-news-list li a:active figure:before {
    transform: translateX(0) skewX(-45deg);
    -ms-transform: translateX(0) skewX(-45deg);
    -webkit-transform: translateX(0) skewX(-45deg)
}

.home-content-news-list li a:hover figure img,.home-content-news-list li a:focus figure img,.home-content-news-list li a:active figure img {
    opacity: .8
}

.home-content-news-list li a:hover .news-list-link,.home-content-news-list li a:focus .news-list-link,.home-content-news-list li a:active .news-list-link {
    opacity: 1
}

@media (max-width: 1240px) {
    .home-content-news-list li a figure img {
        width: 100%;
        height: auto
    }

    .home-content-news-list li a figure {
        height: auto
    }

    .home-content-news-list li a:hover figure:before,.home-content-news-list li a:focus figure:before,.home-content-news-list li a:active figure:before,.home-content-news-list li a .news-list-link {
        display: none
    }
}

.home-content-news-list .news-list-date {
    font-family: 'ari',Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    color: #395575;
    display: block;
    font-size: 14px;
    padding: 10px 5px 0 0;
    clear: both
}

.home-content-news-list .news-list-headline {
    font-size: 18px;
    padding: 10px 0 0;
    display: block;
    font-family: 'tex',Arial,Helvetica,sans-serif;
    color: #333;
    display: block;
    transition: all .2s ease;
    line-height: 1.2
}

.home-content-news-list li a:hover .news-list-headline {
    color: #395575
}

@media (max-width:600px) {
    .home-content-row-primary p,.home-content-row-secondary .home-content-product-category p,.home-content-row-tertiary .home-content-blog p,.home-content-news-list .news-list-headline {
        font-size: 16px
    }
}

@media (max-width: 768px) {
    .home-content-news-list li,.home-content-news-list li:last-child,.home-content-news-list li:first-child {
        width: 100%;
        background-color: #eee;
        margin: 15px 0 0;
        overflow: hidden;
        padding: 0;
        border-bottom: 2px solid #ddd
    }

    .home-content-news-list li:first-child {
        margin: 20px 0 0
    }

    .home-content-news-list li a figure {
        width: 30%;
        height: 110px;
        padding: 0;
        margin: 0;
        display: block
    }

    .home-content-news-list li a figure img {
        height: 100%;
        margin: 0 0 0 -10%;
        width: auto
    }

    .home-content-news-list li a figure:after,.home-content-news-list li a figure:before {
        display: none
    }

    .home-content-news-list .news-list-date,.home-content-news-list .news-list-headline {
        text-align: left;
        display: inline-block;
        width: 70%
    }

    .home-content-news-list .news-list-date {
        padding: 10px 10px 0
    }

    .home-content-news-list .news-list-headline {
        padding: 5px 10px 10px
    }
}

@media (max-width: 480px) {
    .home-content-news-list li a figure {
        display: inline-block;
        width: 100px;
        height: 100px;
        overflow: hidden;
        float: left;
        margin: 0 12px 0 0
    }

    .home-content-news-list li a figure img {
        height: 100%;
        width: auto;
        margin: 0
    }

    .home-content-news-list .news-list-date {
        padding: 12px 12px 0 0;
        display: block;
        text-align: left;
        clear: none;
        width: 100%
    }

    .home-content-news-list .news-list-headline {
        display: block;
        text-align: left;
        padding: 6px 12px 12px;
        clear: none;
        width: 100%
    }
}

@media (max-width: 340px) {
    .home-content-news-list li a figure {
        margin-bottom: 12px
    }
}

.home-content-row-tertiary .home-content-link {
    color: #777;
    border: 1px solid #aaa;
    position: absolute;
    top: -30px;
    right: 0;
    line-height: 101%
}

@media (max-width: 768px) {
    .home-content-row-tertiary .home-content-link {
        display: none
    }
}

.home-content-row-tertiary .home-content-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 135%;
    height: 100%;
    background: #aaa;
    z-index: -1;
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform: translateX(-100%) skewX(-45deg);
    -ms-transform: translateX(-100%) skewX(-45deg);
    -webkit-transform: translateX(-100%) skewX(-45deg);
    transition: transform .2s
}

.home-content-row-tertiary .home-content-link:hover:before,.home-content-row-tertiary .home-content-link:focus:before,.home-content-row-tertiary .home-content-link:active:before {
    transform: translateX(0) skewX(-45deg);
    -ms-transform: translateX(0) skewX(-45deg);
    -webkit-transform: translateX(0) skewX(-45deg)
}

.home-content-row-tertiary .home-content-link:hover,.home-content-row-tertiary .home-content-link:focus,.home-content-row-tertiary .home-content-link:active {
    color: #fff;
    background-color: #777
}