/*
body .slant{
    top: 0 !important;
    background: none !important;
    -webkit-transform: skewY(0);
        -ms-transform: skewY(0);
            transform: skewY(0);
}

body .slant:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: skewY(-13deg);
        -ms-transform: skewY(-13deg);
            transform: skewY(-13deg);
    background: #abcae9;
}
*/

.slant {
    top: 0;
    -webkit-transform: skewY(0);
        -ms-transform: skewY(0);
            transform: skewY(0);
}

.slant-banner{
    -webkit-transform: skewY(0);
        -ms-transform: skewY(0);
            transform: skewY(0);
/*    background-position: center top !important;*/
}

body .slant-banner:after{
    background: #F5F5F5 none repeat scroll 0 0;
    bottom: -23%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform-origin: right bottom 0;
    -ms-transform-origin: right bottom 0;
        transform-origin: right bottom 0;
    
    -webkit-transform: skewY(-13deg);
        -ms-transform: skewY(-13deg);
            transform: skewY(-13deg);
}

.slider-content.xs-banner-text {
    margin-top: -250px;
}

.ray_front .slant{
    background: none !important;
}

.ray_front .slant:before{
    bottom: auto;
    content: "";
    top: -60%;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    background: #ABCAE9;
    -webkit-transform-origin: right bottom 0;
    -ms-transform-origin: right bottom 0;
        transform-origin: right bottom 0;
    
    -webkit-transform: skewY(-13deg);
        -ms-transform: skewY(-13deg);
            transform: skewY(-13deg);
}

.slantStraight {
     -webkit-transform: skewY(-13deg) translate3d(0,0,0) !important;
        -ms-transform: skewY(-13deg) translate3d(0,0,0) !important;
            transform: skewY(-13deg) translate3d(0,0,0) !important;
    height: 65%;
    overflow: hidden;
    -webkit-perspective: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.slantStraight article{
    -webkit-transform: skewY(13deg) translate3d(0px, -50px, 0px) !important;
        -ms-transform: skewY(13deg) translate3d(0px, -50px, 0px) !important;
            transform: skewY(13deg) translate3d(0px, -50px, 0px) !important;
    -webkit-perspective: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    backface-visibility: hidden;
    transform: translateZ(0);
    filter: blur(0.1px);
}


.ray_front .slantStraight {
     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
}

/*
.ray_inner .allContent {
     -webkit-transform: skewY(-13deg) translate3d(0,0,0) !important;
        -ms-transform: skewY(-13deg) translate3d(0,0,0) !important;
            transform: skewY(-13deg) translate3d(0,0,0) !important;
    height: 65%;
    overflow: hidden;
}

.ray_inner .allcontentBgBain {
     -webkit-transform: skewY(13deg) translate3d(0,0,0) !important;
        -ms-transform: skewY(13deg) translate3d(0,0,0) !important;
            transform: skewY(13deg) translate3d(0,0,0) !important;
    height: 65%;
    overflow: hidden;
}
*/


.ray_front .slantStraight .captionFixed {
     position: relative;
    
}

/*
.ray_front .allContent{
    position: relative;
}

.ray_front .allContent:before{
    
    bottom: auto;
    content: "";
    top: -75%;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    background: red;
    -webkit-transform-origin: right bottom 0;
    -ms-transform-origin: right bottom 0;
        transform-origin: right bottom 0;
    
    -webkit-transform: skewY(-13deg);
        -ms-transform: skewY(-13deg);
            transform: skewY(-13deg);
}

.ray_front .allcontentBgBain {
    margin-top:0;
    padding-top: 650px;
}
*/

.ray-wrap{
    margin-bottom: -80px;
}

.searchResWrap{
    margin-top: 0 !important;
}

@media (min-width:768px) and (max-width:991px){
/*
    .slantStraight {
        height: 60%;
    }
*/
}

@media (min-width:992px) and (max-width:1024px){
    .slantStraight {
        height: 62%;
    }
}

@media (min-width:1025px) and (max-width:1199px){
    .slantStraight {
        height: 62%;
    }
}

@media (min-width:1200px) and (max-width:1399px){
    .slantStraight {
        height: 63%;
    }
}

@media (min-width:1400px) and (max-width:1600px){
    .slantStraight {
        height: 64.5%;
    }
}

@media (max-width:991px){
    .searchResWrap {
        margin-top: 50px !important;
    }
}

@media (max-width:767px){
    .slider-content.xs-banner-text {
        margin-top: 45px !important;
    }
    
    .searchResWrap {
        margin-top: -30px !important;
    }
}
@media (max-width:600px){
    .slider-content.xs-banner-text {
        margin-top: 70px !important;
    }
}
@media (max-width:480px){
    .slider-content.xs-banner-text {
        margin-top: 100px !important;
    }
}