/* 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:#f9e9dc;}
.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 .mgtop12{margin-top:12%;}
.stylelog .mgtop6{margin-top:6%;}
.stylelog .mgtop3{margin-top:3%;}


.stylelog a.prdLink{display:block;width: 22%;height:5%;z-index:5;position:absolute;}

.stylelog a.prdLink01{top:21%;right:15%;}
.stylelog a.prdLink02{top:27.5%;right:15%;}
.stylelog a.prdLink03{top:34%;right:15%;}
.stylelog a.prdLink04{top:27%;left:36%;}
.stylelog a.prdLink05{top:33%;left:36%;}
.stylelog a.prdLink06{top:39%;left:36%;}
.stylelog a.prdLink07{top:45%;left:36%;}
.stylelog a.prdLink08{bottom:9%;right:7%;}
.stylelog a.prdLink09{bottom:3.5%;right:7%;}
.stylelog a.prdLink10{bottom:-2%;right:7%;}
.stylelog a.prdLink11{bottom:32%;left:4%;}
.stylelog a.prdLink12{bottom:25%;left:4%;}
.stylelog a.prdLink13{bottom:19%;left:4%;}
.stylelog a.prdLink14{bottom:12%;left:4%;}
.stylelog a.prdLink15{bottom:32%;left:27.5%;}
.stylelog a.prdLink16{bottom:32%;left:50.5%;}
.stylelog a.prdLink17{top:-1%;left:39%;}
.stylelog a.prdLink18{top:4.5%;left:39%;}
.stylelog a.prdLink19{top:10%;left:39%;}
.stylelog a.prdLink20{top:15.5%;left:39%;}
.stylelog a.prdLink21{bottom:19%;left:39%;}
.stylelog a.prdLink22{bottom:13%;left:39%;}
.stylelog a.prdLink23{top:4%;left:37%;}
.stylelog a.prdLink24{top:9.5%;left:37%;}
.stylelog a.prdLink25{top:15%;left:37%;}
.stylelog a.prdLink26{top:20.5%;left:37%;}
.stylelog a.prdLink27{bottom:13.5%;left:41.5%;}
.stylelog a.prdLink28{bottom:8%;left:41.5%;}
.stylelog a.prdLink29{bottom:20%;right:26%;}
.stylelog a.prdLink30{bottom:21%;left:26%;}

.stylelog a.prdLink31{top:15%;right:23%;}
.stylelog a.prdLink32{top:20%;right:23%;}
.stylelog a.prdLink33{top:25%;right:23%;}
.stylelog a.prdLink34{top:30%;right:23%;}
.stylelog a.prdLink35{top:35%;right:23%;}
.stylelog a.prdLink36{bottom:8%;left:12%;}
.stylelog a.prdLink37{bottom:3%;left:12%;}


.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/holiday/holiday_02_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/holiday/holiday_03_01.png) no-repeat left center;background-size: cover;}
.stylelog .sect .imglist03{height:100%;left: 0px;top:0%;background: url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/holiday/holiday_03_txt01.png) no-repeat left center;background-size: cover;}
.stylelog .sect .imglist04{height:100%;left: 0px;top:0%;background: url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/holiday/holiday_06_txt01.png) no-repeat left center;background-size: cover;}
.stylelog .sect .imglist05{height:100%;left: 0px;top:0%;background: url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/holiday/holiday_18_03.png) no-repeat left center;background-size: cover;}
.stylelog .sect .imglist06{height:100%;left: 0px;top:0%;background: url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/holiday/holiday_18_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;}



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



/* 이벤트 */
.event_wrapper,.event_inner{width:100%;}
.event_inner > img{width:50%;float:left;display:block;}




/* slide */
.stylelog .slick-dots{bottom:-50px !important;}
.stylelog .slide_wrapper{padding: 100px 0;}
.stylelog .slick-initialized .slick-slide > div{width:32%;float:left;margin-right:2%}
.stylelog .slick-initialized .slick-slide > div:last-child{margin-right:0%}
.stylelog .slick-dots li.slick-active {background: #e9d8c6 !important;}

.stylelog .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;margin:0;height:100%}
.stylelog .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;height:100%}
.stylelog .slick-list:focus{outline:0}
;transform:translate3d(0,0,0)}
.stylelog .slick-track{position:relative;top:0;left:0;display:block;width:100%;height:100%}
.stylelog .slick-track:before,.slick-track:after{display:table;content:''}
.stylelog .slick-track:after{clear:both}
.stylelog .slick-loading .slick-track{visibility:hidden}
.stylelog .slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.stylelog .slick-slide img{display:block;width:100%;}
.stylelog .slick-slide.slick-loading img{display:none}
.stylelog .slick-slide.dragging img{pointer-events:none}
.stylelog .slick-initialized .slick-slide{display:block}
.stylelog .slick-loading .slick-slide{visibility:hidden}
.stylelog .slick-vertical .slick-slide{display:block;height:auto}
.stylelog .slick-arrow.slick-hidden{display:none}
/*--- slide-wrap ---*/
.stylelog .slide-wrap{min-width:75%;max-width:1440px;margin:0 auto;/*height:799px;*/}
.stylelog .slide-wrap .slide{width:100%;}
.stylelog .slide-wrap .slide .catalog-container{width:100%;/*height:799px;*//*슬라이드높넓*/position:relative;}
.stylelog .slide-wrap .slide .img-responsive{width:100%;height:auto;/*아인 auto로 100%*/vertical-align:top;}
.stylelog .slide-wrap .slide .fixed-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5}
.slide-wrap .slide .info-text{position:absolute;left:50%;top:5.15789473684%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);z-index:6}
.slide-wrap .slide .slide-wrap-inner .slide-thumb,.slide-wrap .slide .rawrow-edge-slide .slide-thumb{position:relative}
.slide-wrap .slide .slide-wrap-inner .slick-arrow,.slide-wrap .slide .rawrow-edge-slide .slick-arrow{position:absolute;z-index:8;top:35%;width:50px;height:50px;text-indent:-99999px;border:0}
.slide-wrap .slide .slide-wrap-inner .slick-prev,.slide-wrap .slide .rawrow-edge-slide .slick-prev{left:-7%;background:url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/careerFW/ms_prev.png) center top no-repeat;background-size:contain;opacity:1}
.slide-wrap .slide .slide-wrap-inner .slick-next,.slide-wrap .slide .rawrow-edge-slide .slick-next{right:-7%;background:url(http://jstyle07.jpg3.kr/SITE_2018/EVENT/2020/careerFW/ms_prev.png) center top no-repeat;background-size:contain;opacity:1;transform:rotate(180deg)}@media (max-width:1230px){.slide-wrap .slide .shop-button{padding:0}}@media (min-width:1920px){.slide-wrap .slide .shop-button{padding:0}}


/*--- animation ---*/         


@-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;opacity:0; }
  100% {width:100%;opacity:1}
}

@keyframes hideshowbin02 {
  0% {width:0px;opacity:0; }
  100% {width:100%;opacity:1}
}
.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 */