/*g80 css*/
.g80-iliferobot-sections-width{
    font-family:Muli;
    width:100%;
    position:relative;
    margin:0 auto;
    overflow:hidden;
}
.g80-iliferobot-common-width{
    width:1204px;
    text-align:center;
    position:absolute;
    left:50%;
    margin-left:-602px;
}
.g80-sections-title{
    font-family:Muli-Bold;
    font-size:42px;
    line-height: 52px;
}
.g80-sections-title span{
    font-family:Muli-semiBold,"ProximaNova-Semibold", "Arial", "Microsoft YaHei", sans-serif;
}
.g80-sections-subtitle{
    font-family:Muli;
    font-size:20px;
    line-height: 30px;
    margin-top:30px;
}
.g80-clear-both{
    zoom: 1;
}
.g80-clear-both:before,.g80-clear-both:after{
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
    height:0;
}
.g80-font48{
    font-family:Muli-semiBold;
    font-weight: bold;
    font-size:42px;
    line-height: 52px;
}
.g80-font24{
    font-family:Muli;
    font-size:20px;
    line-height: 30px;
    margin-top:30px;
}
.g80-fl{
    float:left;
}
.g80-rt{
    float:right;
}
.g80-ff4d00{
    color:#ff4d00;
}
.fff{
    color:#fff;
}

/*第一部分*/
.g80-section01{
    height:1000px;
    background:url("/u_file/photo/products_detail/g80/g80_01.jpg") no-repeat center;
}

.g80-section01 .g80-sections-title{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 80px;
    font-size: 60px;
    color: #ff4d00;
    font-family:Muli-semiBold;
}
.g80-section01 .g80-sections-subtitle{
    width: 100%;
    font-size: 24px;
    line-height: 36px;
    position: absolute;
    top: 150px;
    text-align: center;
    font-family:Muli;
}
/*第二部分*/
.g80-section02{
    height:900px;
    background:url("/u_file/photo/products_detail/g80/g80_02.jpg") no-repeat center;
}
.g80-section02 .section02-text{
    top:90px;
    text-align: center;
}

/*第三部分*/
.g80-section03{
    height:950px;
    background:url("/u_file/photo/products_detail/g80/g80_03.jpg") no-repeat center;
}
.g80-section03 .section03-text{
    text-align: center;
    top:90px;
}
/*第四部分*/
.g80-section04{
    height:850px;
    background:url("/u_file/photo/products_detail/g80/g80_04.jpg") no-repeat center;
}
.g80-section04 .section04-text{
    top:240px;
    text-align: left;
}
.s4-txt{
    font-size: 16px;
    position: absolute;
    left: 50%;
    font-family:muli,"ProximaNova-Regular", "Arial", "Microsoft YaHei", sans-serif;
    color: #fff;
    margin-left: 388px;
}
.s4-1{
    top: 140px;
}
.s4-2{
    top: 230px;
}
.s4-3{
    top: 330px;
}
.s4-4{
    top: 458px;
}
.s4-5{
    top: 695px;
}


/*第五部分*/
.g80-section05{
    height:900px;
    background:url("/u_file/photo/products_detail/g80/g80_05.gif") no-repeat center;
}
.g80-section05 .section05-text{
    top:310px;
    text-align: left;
}

/*第六部分*/
.g80-section06{
    height:900px;
    background:url("/u_file/photo/products_detail/g80/g80_06.jpg") no-repeat center;
}
.g80-section06 .section06-text{
    top: 285px;
    text-align: left;
    left: 50%;
    margin-left: 80px;
}
.s6-txt{
    font-size: 16px;
    position: absolute;
    left: 50%;
    font-family:Muli-semiBold;
    color: #fff;
    margin-left: -344px;
    width: 300px;
    text-align: center;
}
.s6-1{
    top: 205px;
}
.s6-2{
    top: 406px;
}
.s6-3{
    top: 605px;
}
.s6-4{
    top: 800px;
}

/*第七部分*/
.g80-section07{
    height:900px;
    overflow: hidden;
    background:url("/u_file/photo/products_detail/g80/g80_07.jpg") no-repeat center;
}
.section07-text{
    top:90px;
}


/*第八部分*/
.g80-section08{
    height:1100px;
    background:url("/u_file/photo/products_detail/g80/g80_08.gif") no-repeat center;
}
.g80-section08 .section08-text{
    top:90px;
    text-align: center;
}
.s8-txt{
    font-size: 18px;
    position: absolute;
    left: 50%;
    font-family:Muli;
    width: 300px;
    text-align: center;
    bottom: 220px;
    color: #fff;
}
.s8-txt span{
    display: block;
    width: 100%;
    font-size: 36px;
    color: #ff4d00;
    margin-bottom:8px;
}
.s8-1{
    margin-left: -640px;
}
.s8-2{
    margin-left: 345px;
}
/*第九部分*/
.g80-section09{
    height:900px;
    background:url("/u_file/photo/products_detail/g80/g80_09.jpg") no-repeat center;
}
.g80-section09 .section09-text{
    top:90px;
}
.s9-1{
    font-size: 18px;
    position: absolute;
    font-family:Muli-semiBold,"ProximaNova-Semibold", "Arial", "Microsoft YaHei", sans-serif;
    text-align: center;
    width: 100%;
    bottom: 20px;
}

/*第十部分*/
.g80-section10{
    height:1600px;
    background:url("/u_file/photo/products_detail/g80/g80_10.jpg") no-repeat center;
}
.s10-txt{
    font-size: 20px;
    position: absolute;
    font-family:Muli-semiBold,"ProximaNova-Semibold", "Arial", "Microsoft YaHei", sans-serif;
    text-align: center;
    width: 600px;
    left: 50%;
}
.s10-1{
    margin-left: -600px;
    top: 495px;
}
.s10-2{
    margin-left: 0px;
    top: 495px;
}
.s10-3{
    margin-left: -600px;
    top: 1008px;
}
.s10-4{
    margin-left: 0px;
    top: 1008px;
}
.s10-5{
    margin-left: -600px;
    top: 1520px;
}
.s10-6{
    margin-left: 0px;
    top: 1520px;
}

/*第十一部分*/
.g80-section11{
    height:1000px;
    background:url("/u_file/photo/products_detail/g80/g80_11.jpg") no-repeat center;
}
.g80-section11 .section11-text{
    top:90px;
}
.s11-1{
    font-size: 16px;
    position: absolute;
    font-family:"ProximaNova",Muli, "Arial", "Microsoft YaHei", sans-serif;
    text-align: left;
    width: 600px;
    left: 50%;
    color: #fff;
    bottom: 20px;
    margin-left: 40px;
}

/*第十一部分*/
.g80-section12{
    height:950px;
    background:url("/u_file/photo/products_detail/g80/g80_12.jpg") no-repeat center;
}
.g80-section12 .section12-text{
    top:90px;
}

/*第十一部分*/
.g80-section13{
    height:1000px;
    background:url("/u_file/photo/products_detail/g80/g80_13.jpg") no-repeat center;
}
.g80-section13 .section13-text{
    top:90px;
}
.s13-box{
    position: absolute;
    width: 40px;
    height: 40px;
    left: 50%;
    cursor: pointer;
    z-index: 33;
}
.s13-box .s1-img{
    display: none;
}
.s13-box p{
    font-size: 20px;
    position: absolute;
    font-family:Muli;
    bottom: 50px;
    width: 500px;
    text-align: left;
    padding-left: 30px;
}
.s13-box:hover .s1-img{
    display: block;
}
.s1{
    top: 735px;
    margin-left: 568px;  
}
.s2{
    top: 735px;
    margin-left: 478px;  
}
.s3{
    top: 674px;
    margin-left: 370px;  
}
.s4{
    top: 754px;
    margin-left: 370px;  
}
.s5{
    top: 844px;
    margin-left: -610px;  
}
.s6{
    top: 664px;
    margin-left: -545px;  
}
.s7{
    top: 735px;
    margin-left: 215px;  
}
.s8{
    top: 735px;
    margin-left: -395px;  
}
.s9{
    top: 735px;
    margin-left: -105px;  
}
.s1-img{
    position: absolute;
    bottom: 40px;
    left: -220px;
}

.s13-txt{
    font-size: 20px;
    position: absolute;
    font-family:Muli;
    text-align: left;
    width: 600px;
    left: 50%;
    height: 60px;
    line-height: 60px;
    padding-left: 70px;
    box-sizing: border-box;
}
.s13-1{
    margin-left: -600px;
    top: 205px;
}
.s13-2{
    margin-left: 0px;
    top: 205px;
}
.s13-3{
    margin-left: -600px;
    top: 275px;
}
.s13-4{
    margin-left: 0px;
    top: 275px;
}
.s13-5{
    margin-left: -600px;
    top: 345px;
}
.s13-6{
    margin-left: 0px;
    top: 345px;
}
/*第十一部分*/
.g80-section14{
    height:701px;
    background:url("/u_file/photo/products_detail/g80/g80_14.jpg") no-repeat center;
}

.border-0 {
    border: 0!important;
}
    .display-4 {
        font-size:36px;
        font-family:Muli;
    }
/*

    .skewed-tiles-section:hover .tile:hover .figure:before {
        background-color:transparent
    }

    .skewed-tiles-section:hover .tile:hover .figure .figcaption {
        text-align: left
    }

    .skewed-tiles-section:hover .tile:hover .figure .figcaption .tile-graph {
        display: block;
        margin-top: 30px
    }

    .skewed-tiles-section:hover .tile:hover .figure .figcaption .tile-view-more {
        display: none
    }
.skewed-tiles-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 31.25%;
    outline: 1px solid #fff;
    background-color: #000
}

.skewed-tiles-section .tile {
    width: 20%;
    padding-bottom: 31.25%;
    height: 0;
    transition: .3s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-right: 1px solid #717171;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.skewed-tiles-section .tile .figure {
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    height: 100%
}

.skewed-tiles-section .tile .figure:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.8);
    transition: .3s
}

.skewed-tiles-section .tile .figure .figcaption {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 64%;
    transform: translate(-50%);
    color: #fff
}

.skewed-tiles-section .tile .figure .figcaption .tile-headline {
    font-weight: 400
}

.skewed-tiles-section .tile .figure .figcaption .tile-graph {
    display: none
}

.skewed-tiles-section .tile .figure .figcaption .tile-view-more {
    display: none;
    font-size: 16px;
    margin-top: 60px
}

.skewed-tiles-section .tile.first .figure {
    background: url(//cdn.shopifycdn.net/s/files/1/0082/3666/2902/t/7/assets/heros-H6-unfold1-pc.jpg?v=7184037873511450079) no-repeat;
    background-position: 42% 0;
    background-size: auto 100%
}

.skewed-tiles-section .tile.second .figure {
    background: url(//cdn.shopifycdn.net/s/files/1/0082/3666/2902/t/7/assets/heros-H6-unfold2-pc.jpg?v=7128716219054350706) no-repeat;
    background-position: 37% 0;
    background-size: auto 100%
}
.skewed-tiles-section .tile.third .figure {
    background: url(//cdn.shopifycdn.net/s/files/1/0082/3666/2902/t/7/assets/heros-H6-unfold3-pc.jpg?v=4854260790119803332) no-repeat;
    background-position: 40% 0;
    background-size: auto 100%
}
.skewed-tiles-section .tile.fourth .figure {
    background: url(//cdn.shopifycdn.net/s/files/1/0082/3666/2902/t/7/assets/heros-H6-unfold4-pc.jpg?v=3920231071477317640) no-repeat;
    background-position: 50% 0;
    background-size: auto 100%
}
.skewed-tiles-section .tile.fifth .figure {
    background: url(//cdn.shopifycdn.net/s/files/1/0082/3666/2902/t/7/assets/heros-H6-unfold5-pc.jpg?v=4553927517403363769) no-repeat;
    background-position: 50% 0;
    background-size: auto 100%
}
.skewed-tiles-section .tile.sixth .figure {
    background: url(//cdn.shopifycdn.net/s/files/1/0082/3666/2902/t/7/assets/heros-H6-unfold6-pc.jpg?v=11061928462913428596) no-repeat;
    background-position: 40% 0;
    background-size: auto 100%
}

.figure-pic {
    position: absolute;
    z-index: 2;
    max-width: 32%;
    top: 20%;
    left: 50%;
    transform: translateX(-50%)
}*/


.skewed-tiles-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    overflow: hidden;
    height: 700px;
    /*padding-bottom: 31.25%;*/
    outline: 1px solid #fff;
    background-color: #000
}

@media (max-width: 751.98px) {
    .skewed-tiles-section {
        -ms-flex-direction:column;
        flex-direction: column;
        height: auto;
        padding-bottom: 0
    }
}

.skewed-tiles-section .tile {
    width: 20%;
    /*padding-bottom: 31.25%;*/
    height: 700px;
    transition: .3s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-right: 1px solid #717171;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 751.98px) {
    .skewed-tiles-section .tile {
        border-right:0;
        border-bottom: 1px solid #717171;
        width: 100%;
        padding-bottom: 18.6666%
    }
}

.skewed-tiles-section .tile .figure {
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
    height: 100%;
    margin: 0;
}

.skewed-tiles-section .tile .figure:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.8);
    transition: .3s
}

.skewed-tiles-section .tile .figure .figcaption {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 64%;
    transform: translate(-50%);
    color: #fff;
    width: 100%;
    flex-wrap: wrap;
}

@media (max-width: 751.98px) {
    .skewed-tiles-section .tile .figure .figcaption {
        max-width:auto;
        top: auto;
        left: auto;
        z-index: 2;
        position: relative;
        transform: none
    }
}

.skewed-tiles-section .tile .figure .figcaption .tile-headline {
    font-weight: 400
}

@media (max-width: 1127.98px) {
    .skewed-tiles-section .tile .figure .figcaption .tile-headline {
        max-width:132px
    }
}

@media (max-width: 751.98px) {
    .skewed-tiles-section .tile .figure .figcaption .tile-headline {
        max-width:300px
    }
}

.skewed-tiles-section .tile .figure .figcaption .tile-graph {
    display: none
}

.skewed-tiles-section .tile .figure .figcaption .tile-view-more {
    display: none;
    font-size: 16px;
    margin-top: 60px
}

@media (max-width: 751.98px) {
    .skewed-tiles-section .tile .figure .figcaption .tile-view-more {
        display:block;
        font-size: 14px;
        margin-top: 10px
    }
}

.skewed-tiles-section .tile.first .figure {
    background: url(/u_file/photo/products_detail/g80/16-1.jpg) no-repeat;
    background-position: 42% 0;
    background-size: auto 100%
}

@media (max-width: 751.98px) {
    .skewed-tiles-section .tile.first .figure {
        background:url(/u_file/photo/products_detail/g80/16-1.jpg) no-repeat;
        background-position: 0 45%;
        background-size: cover;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.skewed-tiles-section .tile.second .figure {
    background: url(/u_file/photo/products_detail/g80/16-1.jpg) no-repeat;
    background-position: 37% 0;
    background-size: auto 100%
}

@media (max-width: 751.98px) {
    .skewed-tiles-section .tile.second .figure {
        background:url(/u_file/photo/products_detail/g80/16-1.jpg) no-repeat;
        background-position: 0 66%;
        background-size: cover;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.skewed-tiles-section .tile.third .figure {
    background: url(/u_file/photo/products_detail/g80/16-2.jpg) no-repeat;
    background-position: 40% 0;
    background-size: auto 100%
}

@media (max-width: 751.98px) {
    .skewed-tiles-section .tile.third .figure {
        background:url(/u_file/photo/products_detail/g80/16-2.jpg) no-repeat;
        background-position: 0 35%;
        background-size: cover;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.skewed-tiles-section .tile.fourth .figure {
    background: url(/u_file/photo/products_detail/g80/16-3.jpg) no-repeat;
    background-position: 50% 0;
    background-size: auto 100%
}

@media (max-width: 751.98px) {
    .skewed-tiles-section .tile.fourth .figure {
        background:url(/u_file/photo/products_detail/g80/16-3.jpg) no-repeat;
        background-position: 0 54%;
        background-size: cover;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.skewed-tiles-section .tile.fifth .figure {
    background: url(/u_file/photo/products_detail/g80/16-4.jpg) no-repeat;
    background-position: 50% 0;
    background-size: auto 100%
}

@media (max-width: 751.98px) {
    .skewed-tiles-section .tile.fifth .figure {
        background:url(/u_file/photo/products_detail/g80/16-4.jpg) no-repeat;
        background-position: 0 70%;
        background-size: cover;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.skewed-tiles-section .tile.sixth .figure {
    background: url(/u_file/photo/products_detail/g80/16-5.jpg) no-repeat;
    background-position: 40% 0;
    background-size: auto 100%
}

@media (max-width: 751.98px) {
    .skewed-tiles-section .tile.sixth .figure {
        background:url(/u_file/photo/products_detail/g80/16-5.jpg) no-repeat;
        background-position: 0 50%;
        background-size: cover;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width: 751.98px) {
    .skewed-tiles-section .tile {
        transition:.3s;
        width: 100%;
        position: relative;
        z-index: 0
    }

    .skewed-tiles-section .tile.first.is-active {
        padding-bottom: 53.33333%
    }

    .skewed-tiles-section .tile.first.is-active .figcaption {
        position: absolute;
        color: #000;
        text-align: left;
        width: 170px;
        left: 15%;
        top: 10%
    }

    .skewed-tiles-section .tile.second.is-active {
        padding-bottom: 53.33333%
    }

    .skewed-tiles-section .tile.second.is-active .figcaption {
        position: absolute;
        color: #000;
        width: 170px;
        text-align: left;
        left: 15%;
        top: 10%
    }

    .skewed-tiles-section .tile.third.is-active {
        padding-bottom: 53.33333%
    }

    .skewed-tiles-section .tile.third.is-active .figcaption {
        position: absolute;
        color: #000;
        width: 170px;
        text-align: left;
        left: 10%;
        top: 10%
    }

    .skewed-tiles-section .tile.fourth.is-active {
        padding-bottom: 53.33333%
    }

    .skewed-tiles-section .tile.fourth.is-active .figcaption {
        position: absolute;
        color: #000;
        width: 170px;
        text-align: left;
        left: 12%;
        top: 10%
    }

    .skewed-tiles-section .tile.fifth.is-active {
        padding-bottom: 53.33333%
    }

    .skewed-tiles-section .tile.fifth.is-active .figcaption {
        position: absolute;
        color: #000;
        width: 170px;
        text-align: left;
        left: 10%;
        top: 10%
    }

    .skewed-tiles-section .tile.sixth.is-active {
        padding-bottom: 53.33333%
    }

    .skewed-tiles-section .tile.sixth.is-active .figcaption {
        position: absolute;
        color: #000;
        width: 170px;
        text-align: left;
        left: 50%;
        top: 10%
    }

    .skewed-tiles-section .tile .figure-pic {
        display: block
    }

    .skewed-tiles-section .tile .figure.is-active:before {
        background-color: transparent
    }

    .skewed-tiles-section .tile .figure.is-active .figure-pic {
        display: none
    }

    .skewed-tiles-section .tile .figure.is-active .tile-graph {
        display: block;
        margin-top: 10px
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile {
        transition:.3s
    }

    .skewed-tiles-section:hover .tile:hover {
        width: 56.25%;
        position: relative;
        z-index: 0;
    }

    .skewed-tiles-section:hover .tile:hover .figure-pic {
        display: none
    }
    .skewed-tiles-section:hover .tile:hover .tile-desc{
        display: none;
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile:hover {
        width:100%
    }

    .skewed-tiles-section:hover .tile:hover .figure-pic {
        display: block
    }

    .skewed-tiles-section:hover .tile:hover.is-active {
        padding-bottom: 53.33333%
    }

    .skewed-tiles-section:hover .tile:hover.is-active .figure-pic {
        display: none
    }

}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile:hover .figure.is-active:before {
        background-color:transparent
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile:hover .figure:before {
        background-color:transparent
    }

    .skewed-tiles-section:hover .tile:hover .figure .figcaption {
        text-align: left
    }

    .skewed-tiles-section:hover .tile:hover .figure .figcaption .tile-graph {
        display: block;
        margin-top: 30px
    }

    .skewed-tiles-section:hover .tile:hover .figure .figcaption .tile-view-more {
        display: none
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile:hover .figure:not(.is-active):before {
        background-color:rgba(0,0,0,.7)
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile:hover .figure:not(.is-active) .figcaption {
        display:block;
        max-width: auto;
        width: auto;
        top: auto;
        left: auto;
        text-align: center;
        transform: none;
        color: #fff
    }

    .skewed-tiles-section:hover .tile:hover .figure:not(.is-active) .tile-graph {
        display: none
    }

    .skewed-tiles-section:hover .tile:hover .figure:not(.is-active) .tile-view-more {
        display: block
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile:not(:hover) {
        width:10.9375%
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile:not(:hover) {
        width:100%
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile:not(:hover) .figure:before {
        background-color:rgba(0,0,0,.7)
    }

    .skewed-tiles-section:hover .tile:not(:hover) .figure .figure-pic{
        top: 1%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .skewed-tiles-section:hover .tile:not(:hover) .figure .figure-pic img{
        transform: scale(0.8);
    }

    .skewed-tiles-section:hover .tile:not(:hover) .figure .figcaption {
        -ms-writing-mode: tb-rl;
        writing-mode: tb-rl;
        text-align: left;
        top: 40%;
        display: flex;
        padding: 20px 50px;
        box-sizing: border-box;
    }

    .skewed-tiles-section:hover .tile:not(:hover) .figure .figcaption>.tile-headline {
        /*margin: auto;*/
        display: flex;
        justify-content: center;
        align-items: center;

    }
    .tile:hover .figure .figcaption> .tile-headline{
        display: none;
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile:not(:hover) .figure .figcaption {
        transform:none
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile:last-child:not(:hover) {
        width:71.5%
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile:last-child:not(:hover) {
        width:100%
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile:hover~.tile:last-child {
        width:10.9375%
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile:hover~.tile:last-child {
        width:100%
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile.first:hover .figure {
        left:0;
        transform: translate(0)
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile.first:hover .figure {
        transform:translate(0)
    }

    .skewed-tiles-section:hover .tile.first:hover .figure.is-active {
        display: block
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile.first:hover .figcaption {
        left:50%;
        top: 20%;
        color: #000;
        transform: none;
        max-width: 360px
    }
}

@media (min-width: 752px) and (max-width:1487.98px) {
    .skewed-tiles-section:hover .tile.first:hover .figcaption {
        max-width:260px
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile.first:hover .figcaption.is-active {
        max-width:170px;
        left: 15%;
        top: 10%
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile.second:hover .figure {
        left:0;
        transform: translate(0)
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile.second:hover .figure {
        transform:translate(0)
    }

    .skewed-tiles-section:hover .tile.second:hover .figure.is-active {
        display: block
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile.second:hover .figcaption {
        left:50%;
        top: 20%;
        max-width: 360px;
        color: #000;
        transform: none
    }
}

@media (min-width: 752px) and (max-width:1487.98px) {
    .skewed-tiles-section:hover .tile.second:hover .figcaption {
        max-width:260px
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile.second:hover .figcaption.is-active {
        max-width:170px;
        left: 15%;
        top: 10%
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile.third:hover .figure {
        left:0;
        transform: translate(0)
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile.third:hover .figure {
        transform:translate(0)
    }

    .skewed-tiles-section:hover .tile.third:hover .figure.is-active {
        display: block
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile.third:hover .figcaption {
        left:58%;
        top: 12%;
        max-width: 360px;
        color: #000;
        transform: none
    }
}

@media (min-width: 752px) and (max-width:1487.98px) {
    .skewed-tiles-section:hover .tile.third:hover .figcaption {
        max-width:260px
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile.third:hover .figcaption.is-active {
        max-width:170px;
        left: 10%;
        top: 10%
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile.fourth:hover .figure {
        left:0;
        transform: translate(0)
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile.fourth:hover .figure {
        transform:translate(0)
    }

    .skewed-tiles-section:hover .tile.fourth:hover .figure.is-active {
        display: block
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile.fourth:hover .figcaption {
        left:10%;
        top: 10%;
        max-width: 360px;
        color: #000;
        transform: none
    }
}

@media (min-width: 752px) and (max-width:1487.98px) {
    .skewed-tiles-section:hover .tile.fourth:hover .figcaption {
        max-width:260px
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile.fourth:hover .figcaption.is-active {
        max-width:170px;
        left: 12%;
        top: 10%
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile.fifth:hover .figure {
        left:0;
        transform: translate(0)
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile.fifth:hover .figure {
        transform:translate(0)
    }

    .skewed-tiles-section:hover .tile.fifth:hover .figure.is-active {
        display: block
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile.fifth:hover .figcaption {
        left:10%;
        top: 10%;
        max-width: 360px;
        color: #000;
        transform: none
    }
}

@media (min-width: 752px) and (max-width:1487.98px) {
    .skewed-tiles-section:hover .tile.fifth:hover .figcaption {
        max-width:260px
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile.fifth:hover .figcaption.is-active {
        max-width:170px;
        left: 10%;
        top: 10%
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile.sixth:hover .figure {
        left:0;
        transform: translate(0)
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile.sixth:hover .figure {
        transform:translate(0)
    }

    .skewed-tiles-section:hover .tile.sixth:hover .figure.is-active {
        display: block
    }
}

@media (min-width: 752px) {
    .skewed-tiles-section:hover .tile.sixth:hover .figcaption {
        left:56%;
        top: 4%;
        max-width: 360px;
        transform: none;
        color: #000
    }
}

@media (min-width: 752px) and (max-width:1487.98px) {
    .skewed-tiles-section:hover .tile.sixth:hover .figcaption {
        max-width:260px
    }
}

@media (min-width: 752px) and (max-width:751.98px) {
    .skewed-tiles-section:hover .tile.sixth:hover .figcaption.is-active {
        max-width:170px;
        left: 50%;
        top: 10%
    }
}

.figure-pic {
    position: absolute;
    z-index: 2;
    max-width: 52%;
    top: 20%;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width: 751.98px) {
    .figure-pic {
        position:relative;
        transform: none;
        max-width: 26px;
        top: auto;
        left: auto;
        margin-right: 20px
    }
}
.tile-desc{
    font-size: 18px;
    margin-top:10px;
    color: #fff;
    font-family:Muli;
}