.work-page.pro-list{width:94vw;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:none}@media (max-width:768px){.work-page.pro-list{width:90%}}.work-page.pro-list .cardWrap{-webkit-transition:0.2s;transition:0.2s;opacity:0;margin:0 1.6666666667vw;-webkit-transform:perspective(800px) translateY(30px);transform:perspective(800px) translateY(30px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;cursor:pointer}.work-page.pro-list .cardWrap:nth-child(11),.work-page.pro-list .cardWrap:nth-child(14),.work-page.pro-list .cardWrap:nth-child(17),.work-page.pro-list .cardWrap:nth-child(2),.work-page.pro-list .cardWrap:nth-child(20),.work-page.pro-list .cardWrap:nth-child(23),.work-page.pro-list .cardWrap:nth-child(26),.work-page.pro-list .cardWrap:nth-child(29),.work-page.pro-list .cardWrap:nth-child(32),.work-page.pro-list .cardWrap:nth-child(35),.work-page.pro-list .cardWrap:nth-child(38),.work-page.pro-list .cardWrap:nth-child(41),.work-page.pro-list .cardWrap:nth-child(5),.work-page.pro-list .cardWrap:nth-child(8){margin-top:5.2083333333vw}.work-page.pro-list .cardWrap.active .cardInfo{opacity:0}.work-page.pro-list .cardWrap.active .view{opacity:1;top:50%}@media (max-width:768px){.work-page.pro-list .cardWrap{width:100%;margin-top:0!important;margin-bottom:10vw}}.work-page.pro-list .cardWrap:first-child{-webkit-transition-delay:0.1s;transition-delay:0.1s}.work-page.pro-list .cardWrap:nth-child(2){-webkit-transition-delay:0.2s;transition-delay:0.2s}.work-page.pro-list .cardWrap:nth-child(3){-webkit-transition-delay:0.3s;transition-delay:0.3s}.work-page.pro-list .cardWrap:nth-child(4){-webkit-transition-delay:0.4s;transition-delay:0.4s}.work-page.pro-list .cardWrap:nth-child(5){-webkit-transition-delay:0.5s;transition-delay:0.5s}.work-page.pro-list .cardWrap:nth-child(6){-webkit-transition-delay:0.6s;transition-delay:0.6s}.work-page.pro-list .cardWrap:nth-child(7){-webkit-transition-delay:0.7s;transition-delay:0.7s}.work-page.pro-list .cardWrap:nth-child(8){-webkit-transition-delay:0.8s;transition-delay:0.8s}.work-page.pro-list .cardWrap:nth-child(9){-webkit-transition-delay:0.9s;transition-delay:0.9s}.work-page.pro-list .cardWrap:nth-child(10){-webkit-transition-delay:1s;transition-delay:1s}.work-page.pro-list .cardWrap:nth-child(11){-webkit-transition-delay:1.1s;transition-delay:1.1s}.work-page.pro-list .cardWrap:nth-child(12){-webkit-transition-delay:1.2s;transition-delay:1.2s}.work-page.pro-list .cardWrap:nth-child(13){-webkit-transition-delay:1.3s;transition-delay:1.3s}.work-page.pro-list .cardWrap:nth-child(14){-webkit-transition-delay:1.4s;transition-delay:1.4s}.work-page.pro-list .cardWrap:nth-child(15){-webkit-transition-delay:1.5s;transition-delay:1.5s}.work-page.pro-list .cardWrap:nth-child(16){-webkit-transition-delay:1.6s;transition-delay:1.6s}.work-page.pro-list .cardWrap:nth-child(17){-webkit-transition-delay:1.7s;transition-delay:1.7s}.work-page.pro-list .cardWrap:nth-child(18){-webkit-transition-delay:1.8s;transition-delay:1.8s}.work-page.pro-list .cardWrap:nth-child(19){-webkit-transition-delay:1.9s;transition-delay:1.9s}.work-page.pro-list .cardWrap:nth-child(20){-webkit-transition-delay:2s;transition-delay:2s}.work-page.pro-list .cardWrap:nth-child(21){-webkit-transition-delay:2.1s;transition-delay:2.1s}.work-page.pro-list .cardWrap:nth-child(22){-webkit-transition-delay:2.2s;transition-delay:2.2s}.work-page.pro-list .cardWrap:nth-child(23){-webkit-transition-delay:2.3s;transition-delay:2.3s}.work-page.pro-list .cardWrap:nth-child(24){-webkit-transition-delay:2.4s;transition-delay:2.4s}.work-page.pro-list .cardWrap:nth-child(25){-webkit-transition-delay:2.5s;transition-delay:2.5s}.work-page.pro-list .cardWrap:nth-child(26){-webkit-transition-delay:2.6s;transition-delay:2.6s}.work-page.pro-list .cardWrap:nth-child(27){-webkit-transition-delay:2.7s;transition-delay:2.7s}.work-page.pro-list .cardWrap:nth-child(28){-webkit-transition-delay:2.8s;transition-delay:2.8s}.work-page.pro-list .cardWrap:nth-child(29){-webkit-transition-delay:2.9s;transition-delay:2.9s}.work-page.pro-list .cardWrap:nth-child(30){-webkit-transition-delay:3s;transition-delay:3s}.work-page.pro-list .cardWrap:nth-child(31){-webkit-transition-delay:3.1s;transition-delay:3.1s}.work-page.pro-list .cardWrap:nth-child(32){-webkit-transition-delay:3.2s;transition-delay:3.2s}.work-page.pro-list .cardWrap:nth-child(33){-webkit-transition-delay:3.3s;transition-delay:3.3s}.work-page.pro-list .cardWrap:nth-child(34){-webkit-transition-delay:3.4s;transition-delay:3.4s}.work-page.pro-list .cardWrap:nth-child(35){-webkit-transition-delay:3.5s;transition-delay:3.5s}.work-page.pro-list .cardWrap:nth-child(36){-webkit-transition-delay:3.6s;transition-delay:3.6s}.work-page.pro-list .cardWrap:nth-child(37){-webkit-transition-delay:3.7s;transition-delay:3.7s}.work-page.pro-list .cardWrap:nth-child(38){-webkit-transition-delay:3.8s;transition-delay:3.8s}.work-page.pro-list .cardWrap:nth-child(39){-webkit-transition-delay:3.9s;transition-delay:3.9s}.work-page.pro-list .cardWrap:nth-child(40){-webkit-transition-delay:4s;transition-delay:4s}.work-page.pro-list .cardWrap:nth-child(41){-webkit-transition-delay:4.1s;transition-delay:4.1s}.work-page.pro-list .cardWrap:nth-child(42){-webkit-transition-delay:4.2s;transition-delay:4.2s}.work-page.pro-list .cardWrap:nth-child(43){-webkit-transition-delay:4.3s;transition-delay:4.3s}.work-page.pro-list .cardWrap:nth-child(44){-webkit-transition-delay:4.4s;transition-delay:4.4s}.work-page.pro-list .cardWrap:nth-child(45){-webkit-transition-delay:4.5s;transition-delay:4.5s}.work-page.pro-list .cardWrap:nth-child(46){-webkit-transition-delay:4.6s;transition-delay:4.6s}.work-page.pro-list .cardWrap:nth-child(47){-webkit-transition-delay:4.7s;transition-delay:4.7s}.work-page.pro-list .cardWrap:nth-child(48){-webkit-transition-delay:4.8s;transition-delay:4.8s}.work-page.pro-list .cardWrap:nth-child(49){-webkit-transition-delay:4.9s;transition-delay:4.9s}.work-page.pro-list .cardWrap:nth-child(50){-webkit-transition-delay:5s;transition-delay:5s}.work-page.pro-list .cardWrap:nth-child(51){-webkit-transition-delay:5.1s;transition-delay:5.1s}.work-page.pro-list .cardWrap:nth-child(52){-webkit-transition-delay:5.2s;transition-delay:5.2s}.work-page.pro-list .cardWrap:nth-child(53){-webkit-transition-delay:5.3s;transition-delay:5.3s}.work-page.pro-list .cardWrap:nth-child(54){-webkit-transition-delay:5.4s;transition-delay:5.4s}.work-page.pro-list .cardWrap:nth-child(55){-webkit-transition-delay:5.5s;transition-delay:5.5s}.work-page.pro-list .cardWrap:nth-child(56){-webkit-transition-delay:5.6s;transition-delay:5.6s}.work-page.pro-list .cardWrap:nth-child(57){-webkit-transition-delay:5.7s;transition-delay:5.7s}.work-page.pro-list .cardWrap:nth-child(58){-webkit-transition-delay:5.8s;transition-delay:5.8s}.work-page.pro-list .cardWrap:nth-child(59){-webkit-transition-delay:5.9s;transition-delay:5.9s}.work-page.pro-list .cardWrap:nth-child(60){-webkit-transition-delay:6s;transition-delay:6s}.work-page.pro-list .cardWrap:nth-child(61){-webkit-transition-delay:6.1s;transition-delay:6.1s}.work-page.pro-list .cardWrap:nth-child(62){-webkit-transition-delay:6.2s;transition-delay:6.2s}.work-page.pro-list .cardWrap:nth-child(63){-webkit-transition-delay:6.3s;transition-delay:6.3s}.work-page.pro-list .cardWrap:nth-child(64){-webkit-transition-delay:6.4s;transition-delay:6.4s}.work-page.pro-list .cardWrap:nth-child(65){-webkit-transition-delay:6.5s;transition-delay:6.5s}.work-page.pro-list .cardWrap:nth-child(66){-webkit-transition-delay:6.6s;transition-delay:6.6s}.work-page.pro-list .cardWrap:nth-child(67){-webkit-transition-delay:6.7s;transition-delay:6.7s}.work-page.pro-list .cardWrap:nth-child(68){-webkit-transition-delay:6.8s;transition-delay:6.8s}.work-page.pro-list .cardWrap:nth-child(69){-webkit-transition-delay:6.9s;transition-delay:6.9s}.work-page.pro-list .cardWrap:nth-child(70){-webkit-transition-delay:7s;transition-delay:7s}.work-page.pro-list .cardWrap:nth-child(71){-webkit-transition-delay:7.1s;transition-delay:7.1s}.work-page.pro-list .cardWrap:nth-child(72){-webkit-transition-delay:7.2s;transition-delay:7.2s}.work-page.pro-list .cardWrap:nth-child(73){-webkit-transition-delay:7.3s;transition-delay:7.3s}.work-page.pro-list .cardWrap:nth-child(74){-webkit-transition-delay:7.4s;transition-delay:7.4s}.work-page.pro-list .cardWrap:nth-child(75){-webkit-transition-delay:7.5s;transition-delay:7.5s}.work-page.pro-list .cardWrap:nth-child(76){-webkit-transition-delay:7.6s;transition-delay:7.6s}.work-page.pro-list .cardWrap:nth-child(77){-webkit-transition-delay:7.7s;transition-delay:7.7s}.work-page.pro-list .cardWrap:nth-child(78){-webkit-transition-delay:7.8s;transition-delay:7.8s}.work-page.pro-list .cardWrap:nth-child(79){-webkit-transition-delay:7.9s;transition-delay:7.9s}.work-page.pro-list .cardWrap:nth-child(80){-webkit-transition-delay:8s;transition-delay:8s}.work-page.pro-list .cardWrap:nth-child(81){-webkit-transition-delay:8.1s;transition-delay:8.1s}.work-page.pro-list .cardWrap:nth-child(82){-webkit-transition-delay:8.2s;transition-delay:8.2s}.work-page.pro-list .cardWrap:nth-child(83){-webkit-transition-delay:8.3s;transition-delay:8.3s}.work-page.pro-list .cardWrap:nth-child(84){-webkit-transition-delay:8.4s;transition-delay:8.4s}.work-page.pro-list .cardWrap:nth-child(85){-webkit-transition-delay:8.5s;transition-delay:8.5s}.work-page.pro-list .cardWrap:nth-child(86){-webkit-transition-delay:8.6s;transition-delay:8.6s}.work-page.pro-list .cardWrap:nth-child(87){-webkit-transition-delay:8.7s;transition-delay:8.7s}.work-page.pro-list .cardWrap:nth-child(88){-webkit-transition-delay:8.8s;transition-delay:8.8s}.work-page.pro-list .cardWrap:nth-child(89){-webkit-transition-delay:8.9s;transition-delay:8.9s}.work-page.pro-list .cardWrap:nth-child(90){-webkit-transition-delay:9s;transition-delay:9s}.work-page.pro-list .cardWrap:nth-child(91){-webkit-transition-delay:9.1s;transition-delay:9.1s}.work-page.pro-list .cardWrap:nth-child(92){-webkit-transition-delay:9.2s;transition-delay:9.2s}.work-page.pro-list .cardWrap:nth-child(93){-webkit-transition-delay:9.3s;transition-delay:9.3s}.work-page.pro-list .cardWrap:nth-child(94){-webkit-transition-delay:9.4s;transition-delay:9.4s}.work-page.pro-list .cardWrap:nth-child(95){-webkit-transition-delay:9.5s;transition-delay:9.5s}.work-page.pro-list .cardWrap:nth-child(96){-webkit-transition-delay:9.6s;transition-delay:9.6s}.work-page.pro-list .cardWrap:nth-child(97){-webkit-transition-delay:9.7s;transition-delay:9.7s}.work-page.pro-list .cardWrap:nth-child(98){-webkit-transition-delay:9.8s;transition-delay:9.8s}.work-page.pro-list .cardWrap:nth-child(99){-webkit-transition-delay:9.9s;transition-delay:9.9s}.work-page.pro-list .cardWrap:nth-child(100){-webkit-transition-delay:10s;transition-delay:10s}.work-page.pro-list.active .cardWrap{opacity:1;-webkit-transform:perspective(800px) translateY(0);transform:perspective(800px) translateY(0)}.work-page.pro-list .poruct-tag{margin:121px 0 100px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.work-page.pro-list .poruct-tag ul{display:-webkit-box;display:-ms-flexbox;display:flex}.work-page.pro-list .poruct-tag li:not(:last-child){margin-right:20px}.work-page.pro-list .poruct-tag li.active a{background:#FFF;color:#000}.work-page.pro-list .poruct-tag li a{display:block;width:190px;text-align:center;border-radius:99em;line-height:48px;border:1px solid #FFF}.work-page.pro-list .poruct-tag li a:hover{background:#FFF;color:#000}.work-page.pro-list .cardWrap:hover .cardBg{-webkit-transition:0.6s cubic-bezier(0.23,1,0.32,1),opacity 5s cubic-bezier(0.23,1,0.32,1);transition:0.6s cubic-bezier(0.23,1,0.32,1),opacity 5s cubic-bezier(0.23,1,0.32,1);opacity:0.6}.work-page.pro-list .cardWrap:hover .card{-webkit-transition:0.6s cubic-bezier(0.23,1,0.32,1);transition:0.6s cubic-bezier(0.23,1,0.32,1)}.work-page.pro-list .card{position:relative;width:28vw;max-width:480px;height:15.5vw;overflow:hidden;-webkit-transition:1s cubic-bezier(0.445,0.05,0.55,0.95);transition:1s cubic-bezier(0.445,0.05,0.55,0.95)}.work-page.pro-list .card .view{opacity:0;-webkit-transition:0.4s cubic-bezier(0.445,0.05,0.55,0.95);transition:0.4s cubic-bezier(0.445,0.05,0.55,0.95);position:absolute;top:60%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:99em;background:#FFF;width:7.2916666667vw;height:7.2916666667vw;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.4583333333vw;z-index:1}@media (max-width:768px){.work-page.pro-list .card{width:100%;height:54vw}}.work-page.pro-list .cardBg{opacity:1;position:absolute;width:100%;height:100%;padding:20px;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-transition:1s cubic-bezier(0.445,0.05,0.55,0.95),opacity 5s 1s cubic-bezier(0.445,0.05,0.55,0.95);transition:1s cubic-bezier(0.445,0.05,0.55,0.95),opacity 5s 1s cubic-bezier(0.445,0.05,0.55,0.95);pointer-events:none}.work-page.pro-list .cardTitle{font-size:28px}@media (max-width:768px){.work-page.pro-list .cardTitle{font-size:18px}}.work-page.pro-list .cardInfo{width:28vw;margin-top:30px;opacity:1;color:#fff;-webkit-transition:0.6s cubic-bezier(0.23,1,0.32,1);transition:0.6s cubic-bezier(0.23,1,0.32,1)}@media (max-width:768px){.work-page.pro-list .cardInfo{width:100%;margin-top:10px;font-size:14px}}.work-page.pro-list .cardInfo *{position:relative;z-index:1}.work-page.pro-list .cardInfo:after{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,0.6)));background-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.6) 100%);background-blend-mode:overlay;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:5s 1s cubic-bezier(0.445,0.05,0.55,0.95);transition:5s 1s cubic-bezier(0.445,0.05,0.55,0.95)}.work-page.pro-list .cardInfo h1{font-family:"Playfair Display";font-size:36px;font-weight:700;text-shadow:rgba(0,0,0,0.5) 0 10px 10px}