/* BASIC css start */
/*--- reset ---*/

img:focus{outline:0}
#contentWrap{width:100% !important;}



/*--- stylelog ---*/
.stylelog{width:100%;min-width:1330px;margin:0 auto;text-align:center;overflow:hidden;background:#fffdf8;}
.stylelog img{vertical-align:top;width:100%;/*min-width:1330px;max-width:1920px;*/border:0;display:block}
.stylelog img:focus{outline:none !important;}
.stylelog .rel{position: relative;}
.stylelog .abs{position: absolute;z-index:2}


.stylelog a.prdLink{display:block;width: 10%;height: 6%;z-index:5;position:absolute;}
.stylelog a.prdLink01{bottom:27%;right:16%;}
.stylelog a.prdLink02{bottom:25%;left:7%;}
.stylelog a.prdLink03{bottom:10%;left:36%;}
.stylelog a.prdLink04{bottom:16%;right:23%;}
.stylelog a.prdLink05{bottom:12%;left:36%;}
.stylelog a.prdLink06{bottom:29%;right:16.5%;}
.stylelog a.cateLink{width:100%;display:block;vertical-align:top;}

.stylelog .sect{position:relative;width:100%;}
.stylelog .sect .imglist{position:absolute;top:0;left:0;z-index: 3}
.stylelog .sect .imglist01{height:100%;left: 0px;top:0%;background: url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/winterouter/winterouter_05_03.png) no-repeat left center;background-size: cover;}
.stylelog .sect .imglist02{height:100%;left: 0px;top:0%;background: url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/winterouter/winterouter_07_04.png) no-repeat left center;background-size: cover;}
.stylelog .sect .fleft{width:50%;float:left;position:relative;}
.stylelog .sect.BGcolor{background-color: #f4f1ec;}
.stylelog .sect.BGcolor01{background-color: #c2a18e;}
.stylelog .sect.BGcolor02{background-color: #e3c9b0;}

                    
.wipewipe{background:#fffdf8;width:100%;height:100%;}
.abs_dv,.abs{position:absolute}
.ev_title_1abs {position: absolute;top: 0;left: 0;width: 100%;z-index: 8;}
.repimg{width:calc(552/1920*100%);top:7.5%;left:5%;position:absolute;z-index:3;}
              

.main_wrap {position: relative;width: 100%}
.main_top {position: relative;}
.main_cover {position: absolute;top: 0;left: 0;width: 100%;}
.main_cover_slide {position: absolute;width: 100%;top: 50%;left: 0;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); -o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.stylelog .main_cover > div > img,.stylelog .main_cover > div{cursor: crosshair;}


.main_tit {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 54.259%;}

.sub_cover {
    position: absolute;top: 0;left: 0;width: 100%;}

.sub_abs {position: absolute;}

/* 페이드인 페이드아웃 효과 */
div#cycler{padding-bottom: 49.479%;}
.cycler,.cycler2{position: relative;width:100%;/*height:1044px;*/}/* 이미지 가로사이즈 높이 꼭 변경해야함 */
.cycler img,.cycler2 img{position: absolute;z-index: 1;/*background-color: white;*/}
#cycler img.active,.cycler2 img.active{z-index: 3}



/*--- animation ---*/         
@-webkit-keyframes moveitmoveit {
	0% {opacity: 0;top:20%;left:15%;}
	100% {opacity: 1;top:0;left:0;}
}
@keyframes moveitmoveit {
	0% {opacity: 0;top:20%;left:15%;}
	100% {opacity: 1;top:0;left:0;}
}
.moveitmoveit {
  -webkit-animation-name:moveitmoveit;
  animation-name: moveitmoveit;
    animation-iteration-count: 1;
}  
    
@-webkit-keyframes moveitmoveit02 {
	0% {opacity: 0;top:-13%;left:-1.8%;}
	100% {opacity: 1;top:0;left:0;}
}
@keyframes moveitmoveit02 {
	0% {opacity: 0;top:-13%;left:-1.8%;}
	100% {opacity: 1;top:0;left:0;}
}
.moveitmoveit02 {
  -webkit-animation-name:moveitmoveit02;
  animation-name: moveitmoveit02;
}  

@-webkit-keyframes blurFadeInOut {
	0% {opacity: 0;text-shadow: 0px 0px 40px #fff;-webkit-transform: scale(1.5); filter: blur(5px);-webkit-filter: blur(5px);}
	100% {opacity: 1;text-shadow: 0px 0px 1px #fff;-webkit-transform: scale(1);filter: blur(0px);-webkit-filter: blur(0px);}
}
@keyframes blurFadeInOut {
	0% {opacity: 0;text-shadow: 0px 0px 40px #fff;-webkit-transform: scale(1.5); filter: blur(5px);-webkit-filter: blur(5px);}
	100% {opacity: 1;text-shadow: 0px 0px 1px #fff;-webkit-transform: scale(1); filter: blur(0px);-webkit-filter: blur(0px);}
}
.blurFadeInOut {
  -webkit-animation-name:blurFadeInOut;
  animation-name: blurFadeInOut;
}


@-webkit-keyframes blurFadeInOut2 {
	0% {opacity: 0;text-shadow: 0px 0px 40px #fff;-webkit-transform: scale(1.1); filter: blur(5px);-webkit-filter: blur(5px);}
	100% {opacity: 1;text-shadow: 0px 0px 1px #fff;-webkit-transform: scale(1);filter: blur(0px);-webkit-filter: blur(0px);}
}
@keyframes blurFadeInOut2 {
	0% {opacity: 0;text-shadow: 0px 0px 40px #fff;-webkit-transform: scale(1.1); filter: blur(5px);-webkit-filter: blur(5px);}
	100% {opacity: 1;text-shadow: 0px 0px 1px #fff;-webkit-transform: scale(1); filter: blur(0px);-webkit-filter: blur(0px);}
}
.blurFadeInOut2 {
  -webkit-animation-name:blurFadeInOut2;
  animation-name: blurFadeInOut2;
}

@-webkit-keyframes hideshowbin02 {
  0% {width:0px; }
  100% {width:100%;}
}

@keyframes hideshowbin02 {
  0% {width:0px; }
  100% {width:100%;}
}
.hideshowbin02 {
  -webkit-animation-name: hideshowbin02;
  animation-name: hideshowbin02;
}
                    
                    
    @keyframes left-wc-anim {
          0% {left: 0;width: 100%;}
          100% {left: 0;width: 0%;}
    }
    .left-wc-anim {-webkit-animation-name: left-wc-anim;-moz-animation-name: left-wc-anim;-o-animation-name: left-wc-anim;animation-name: left-wc-anim;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;}

    @keyframes right-wc-anim {
          0% {right: 0;width: 100%;}
          100% {right: 0;width: 0%;}
    }
    .right-wc-anim {-webkit-animation-name: right-wc-anim;-moz-animation-name: right-wc-anim;-o-animation-name: right-wc-anim;animation-name: right-wc-anim;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;}

    @keyframes down-wc-anim{
        0%{height:100%;bottom:0}
        100%{height:0;bottom:0}
    }

    .down-wc-anim{-webkit-animation-name:down-wc-anim;-moz-animation-name:down-wc-anim;-o-animation-name:down-wc-anim;animation-name:down-wc-anim;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s}
    
    @keyframes up-wc-anim{
        0%{height:100%;top:0}
        100%{height:0;top:0}
    }
    .up-wc-anim{-webkit-animation-name:up-wc-anim;-moz-animation-name:up-wc-anim;-o-animation-name:up-wc-anim;animation-name:up-wc-anim;animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s}
    


@-webkit-keyframes animSlideIn {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 500, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 500, 0, 0, 1)
    }

    1.3% {
        -webkit-transform: matrix3d(1.207, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 395.034, 0, 0, 1);
        transform: matrix3d(1.207, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 395.034, 0, 0, 1)
    }

    2.55% {
        -webkit-transform: matrix3d(1.254, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 304.663, 0, 0, 1);
        transform: matrix3d(1.254, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 304.663, 0, 0, 1)
    }

    4.1% {
        -webkit-transform: matrix3d(1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 209.854, 0, 0, 1);
        transform: matrix3d(1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 209.854, 0, 0, 1)
    }

    5.71% {
        -webkit-transform: matrix3d(1.146, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 132.66, 0, 0, 1);
        transform: matrix3d(1.146, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 132.66, 0, 0, 1)
    }

    8.11% {
        -webkit-transform: matrix3d(1.059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 52.745, 0, 0, 1);
        transform: matrix3d(1.059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 52.745, 0, 0, 1)
    }

    8.81% {
        -webkit-transform: matrix3d(1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 36.4, 0, 0, 1);
        transform: matrix3d(1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 36.4, 0, 0, 1)
    }

    11.96% {
        -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.042, 0, 0, 1);
        transform: matrix3d(1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.042, 0, 0, 1)
    }

    12.11% {
        -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.217, 0, 0, 1);
        transform: matrix3d(1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.217, 0, 0, 1)
    }

    15.07% {
        -webkit-transform: matrix3d(.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.103, 0, 0, 1);
        transform: matrix3d(.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.103, 0, 0, 1)
    }

    16.12% {
        -webkit-transform: matrix3d(.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.678, 0, 0, 1);
        transform: matrix3d(.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.678, 0, 0, 1)
    }

    27.23% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.919, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.919, 0, 0, 1)
    }

    27.58% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.534, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.534, 0, 0, 1)
    }

    38.34% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .518, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .518, 0, 0, 1)
    }

    40.09% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .485, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .485, 0, 0, 1)
    }

    50% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .08, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .08, 0, 0, 1)
    }

    60.56% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.012, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.012, 0, 0, 1)
    }

    82.78% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

@keyframes animSlideIn {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 500, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 500, 0, 0, 1)
    }

    1.3% {
        -webkit-transform: matrix3d(1.207, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 395.034, 0, 0, 1);
        transform: matrix3d(1.207, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 395.034, 0, 0, 1)
    }

    2.55% {
        -webkit-transform: matrix3d(1.254, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 304.663, 0, 0, 1);
        transform: matrix3d(1.254, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 304.663, 0, 0, 1)
    }

    4.1% {
        -webkit-transform: matrix3d(1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 209.854, 0, 0, 1);
        transform: matrix3d(1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 209.854, 0, 0, 1)
    }

    5.71% {
        -webkit-transform: matrix3d(1.146, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 132.66, 0, 0, 1);
        transform: matrix3d(1.146, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 132.66, 0, 0, 1)
    }

    8.11% {
        -webkit-transform: matrix3d(1.059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 52.745, 0, 0, 1);
        transform: matrix3d(1.059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 52.745, 0, 0, 1)
    }

    8.81% {
        -webkit-transform: matrix3d(1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 36.4, 0, 0, 1);
        transform: matrix3d(1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 36.4, 0, 0, 1)
    }

    11.96% {
        -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.042, 0, 0, 1);
        transform: matrix3d(1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.042, 0, 0, 1)
    }

    12.11% {
        -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.217, 0, 0, 1);
        transform: matrix3d(1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.217, 0, 0, 1)
    }

    15.07% {
        -webkit-transform: matrix3d(.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.103, 0, 0, 1);
        transform: matrix3d(.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.103, 0, 0, 1)
    }

    16.12% {
        -webkit-transform: matrix3d(.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.678, 0, 0, 1);
        transform: matrix3d(.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.678, 0, 0, 1)
    }

    27.23% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.919, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.919, 0, 0, 1)
    }

    27.58% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.534, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.534, 0, 0, 1)
    }

    38.34% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .518, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .518, 0, 0, 1)
    }

    40.09% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .485, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .485, 0, 0, 1)
    }

    50% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .08, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .08, 0, 0, 1)
    }

    60.56% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.012, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.012, 0, 0, 1)
    }

    82.78% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

@-webkit-keyframes animSlideOut {
    0% {
        -webkit-transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(300px, 0, 0) translate3d(100%, 0, 0)
    }
}

@keyframes animSlideOut {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(300px, 0, 0) translate3d(100%, 0, 0);
        transform: translate3d(300px, 0, 0) translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes animSlideLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-300px, 0, 0) translate3d(-100%, 0, 0)
    }
}

@keyframes animSlideLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-300px, 0, 0) translate3d(-100%, 0, 0);
        transform: translate3d(-300px, 0, 0) translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3000, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3000, 0, 1)
    }

    2.1% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2097.078, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2097.078, 0, 1)
    }

    4.2% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1451.432, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1451.432, 0, 1)
    }

    8.41% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 673.918, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 673.918, 0, 1)
    }

    12.61% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 298.665, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 298.665, 0, 1)
    }

    16.72% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 127.615, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 127.615, 0, 1)
    }

    25.03% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.095, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.095, 0, 1)
    }

    33.33% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    39.14% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.13, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.13, 0, 1)
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3000, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3000, 0, 1)
    }

    2.1% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2097.078, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2097.078, 0, 1)
    }

    4.2% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1451.432, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1451.432, 0, 1)
    }

    8.41% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 673.918, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 673.918, 0, 1)
    }

    12.61% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 298.665, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 298.665, 0, 1)
    }

    16.72% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 127.615, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 127.615, 0, 1)
    }

    25.03% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.095, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17.095, 0, 1)
    }

    33.33% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    39.14% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.13, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.13, 0, 1)
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}


@-webkit-keyframes wfadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes wfadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}



.swiper-slide-active .wfadeInUp {
    -webkit-animation-name: wfadeInUp;
    animation-name: wfadeInUp;
}


@-webkit-keyframes wscaleDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes wscaleDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}



.wscaleDown {
    -webkit-animation-name: wscaleDown;
    animation-name: wscaleDown;
}
/* BASIC css end */