.UIBlog,.UIBlog .svg{width:100%;text-align:center}.UIBlog{display:inline-block;float:left;background-color:#f1f3f7}.UIBlog .wrap{display:inline-block;float:none;position:relative;margin:180px 0 0}.UIBlog .svg,.UIBlog .svg svg{position:absolute;z-index:0;top:0}.UIBlog .svg{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:300px;overflow:hidden}.UIBlog .svg .wrap{float:none;margin:0;height:100%}.UIBlog .svg svg{right:-140px;width:750px;height:auto;opacity:.06;-webkit-transform:rotate(-21deg);transform:rotate(-21deg)}.UIBlog .main,.UIBlog .main .youtube{position:relative;float:left;display:inline-block;overflow:hidden}.UIBlog .main{z-index:2;background:#fff;height:540px;width:100%;box-shadow:0 20px 30px rgba(115,134,177,.3)}.UIBlog .main .youtube{width:960px;height:100%}.UIBlog .main .thumb,.UIBlog .main .thumb .play{top:0;left:0;width:100%;height:100%;position:absolute}.UIBlog .main .thumb{background-size:cover;background-position:center}.UIBlog .main .thumb .play{background-color:rgba(0,0,0,.2);transition:background-color 150ms cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}.no-touch .UIBlog .main .thumb .play:hover{background-color:rgba(0,0,0,0)}.UIBlog .main .thumb .play i{position:absolute;left:50%;top:50%;margin:0;width:46px;height:46px;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);background-image:url(../img/icon-play.svg);background-position:center;background-size:contain;transition:-webkit-transform 350ms cubic-bezier(.23,1,.32,1);transition:transform 350ms cubic-bezier(.23,1,.32,1);transition:transform 350ms cubic-bezier(.23,1,.32,1),-webkit-transform 350ms cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}.no-touch .UIBlog .main .thumb .play:hover i{-webkit-transform:translate(-50%,-50%) scale(1.4);transform:translate(-50%,-50%) scale(1.4)}.UIBlog .main iframe{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}.UIBlog .main .panel{display:inline-block;float:left;width:calc(100% - 1000px);height:calc(100% - 40px);padding:20px;overflow:hidden}.UIBlog .main .panel .info{display:inline-block;float:left;margin:0}.UIBlog .main .panel h1,.UIBlog .main .panel h3{display:inline-block;float:left;width:100%;font-family:'Roboto Slab';font-size:13px;font-weight:400;color:#323241;opacity:.7}.UIBlog .main .panel h1{margin-top:10px;font-size:24px;opacity:1;line-height:120%}.UIBlog .main .panel hr{display:inline-block;margin-top:10px;width:80px;height:4px;background:#e5573f;border:none}.UIBlog .main .next .info2,.UIBlog .main .next>h5{border-bottom:1px solid rgba(165,166,174,.5);float:left}.UIBlog .main .panel .CMS{display:inline-block;float:left;margin-top:10px;opacity:.8;font-family:'Roboto Slab';font-size:14px;font-weight:400;line-height:150%}.UIBlog .main .panel .CMS *{color:#282830;font-family:'Roboto Slab'}.UIBlog .main .panel .CMS p{margin-top:0}.UIBlog .main .panel .CMS a{color:#e5573f!important;font-weight:700!important}.UIBlog .main .panel .CMS a:hover{text-decoration:underline}.UIBlog .main .panel .CMS b,.UIBlog .main .panel .CMS strong{font-weight:700}.UIBlog .main .panel .CMS img{display:inline-block;margin:5px 0}.UIBlog .main .panel .CMS ol{list-style-type:decimal;margin-left:0}.UIBlog .main .panel .CMS ul{list-style-type:disc;margin-left:0;padding-left:20px}.UIBlog .main .next{position:absolute;bottom:20px;right:20px;width:calc(100% - 1000px);overflow:hidden;margin:0;background:#fff}.UIBlog .main .next>h5{display:inline-block;width:100%;text-transform:uppercase}.UIBlog .main .next>h5 span{display:inline-block;float:left;font-family:Roboto;font-size:13px;font-weight:700;color:#e5573f;background:#fff;padding-right:10px;-webkit-transform:translateY(4px);transform:translateY(4px);letter-spacing:2px}.UIBlog .main .next h4,.UIBlog .main .next h5,.UIBlog .main .next h6{display:inline-block;font-family:'Roboto Slab';font-weight:400;color:#323241}.UIBlog .main .next img{display:inline-block;float:left;margin:15px 0 0;width:100px;height:auto}.UIBlog .main .next .info2{display:inline-block;width:calc(100% - 115px);height:84px;margin:0 0 0 15px}.UIBlog .main .next h4,.UIBlog .main .next h6{float:left;width:100%;margin:12px 0 0;font-size:12px;opacity:.7}.UIBlog .main .next h4{width:auto;float:right}.UIBlog .main .next h5{float:left;width:100%;margin:2px 0 0;font-size:16px;transition:color 150ms cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}.UIBlog .playlist .clip .thumb .play span i b,.UIBlog .playlist h3 span{font-family:Roboto;font-weight:700;text-transform:uppercase}.no-touch .UIBlog .main .next:hover h5{color:#e5573f}@media only screen and (max-width :1550px){.UIBlog .main{margin-left:20px;float:left;width:calc(100% - 40px)}.UIBlog .main .panel h1{font-size:22px}.UIBlog .main .next h5{font-size:15px}.UIBlog .svg svg{right:-95px;width:650px;height:auto}}@media only screen and (max-width :1400px){.UIBlog .wrap{margin-top:150px}.UIBlog .main{height:550px}.UIBlog .main .youtube{width:900px}.UIBlog .main .next,.UIBlog .main .panel{width:calc(100% - 940px)}.UIBlog .main .panel .CMS *{font-size:14px;line-height:140%}.UIBlog .svg svg{top:10px;right:-73px;width:550px;height:auto}}@media only screen and (max-width :1280px){.UIBlog .main{height:520px}.UIBlog .main .youtube{width:780px}.UIBlog .main .next,.UIBlog .main .panel{width:calc(100% - 820px)}.UIBlog .main .panel .CMS{margin-top:4px}.UIBlog .main .panel .CMS *{font-size:13px;line-height:130%}.UIBlog .main .panel h1{font-size:19px;line-height:135%;margin-top:2px}.UIBlog .main .panel h3{font-size:12px}.UIBlog .main .next h5{margin-top:12px}.UIBlog .main .next h4,.UIBlog .main .next h6{display:none}.UIBlog .svg svg{top:12px;right:-53px;width:450px;height:auto}}@media only screen and (max-width :1200px){.UIBlog .main{height:500px}.UIBlog .main .youtube{width:700px}.UIBlog .main .next,.UIBlog .main .panel{width:calc(100% - 740px)}}@media only screen and (max-width :1100px){.UIBlog .main .next h4,.UIBlog .main .next h6,.UIBlog .main .panel hr{display:none}.UIBlog .main .panel h1{font-size:19px;line-height:135%}.UIBlog .main .next h5{margin-top:12px}}@media only screen and (max-width :1024px){.UIBlog .wrap{margin-top:120px}.UIBlog .main{height:auto}.UIBlog .main .youtube{width:100%;height:500px}.UIBlog .main .panel,.UIBlog .main .panel .info{width:calc(100% - 40px)}.UIBlog .main .panel{position:relative}.UIBlog .main .panel hr{display:inline-block;float:left;height:2px;margin-top:6px;margin-bottom:3px}.UIBlog .main .panel .next{display:none;top:0;bottom:auto;left:auto;right:20px;width:250px}.UIBlog .svg svg{top:20px;right:-33px;width:350px;height:auto}}@media only screen and (max-width :900px){.UIBlog .main .youtube{height:450px}}@media only screen and (max-width :768px){.UIBlog .wrap{margin-top:100px}.UIBlog .svg svg{display:none}.UIBlog .main{box-shadow:0 10px 20px rgba(115,134,177,.2)}.UIBlog .main .youtube{height:400px}}@media only screen and (max-width :650px){.UIBlog .main .youtube{height:300px}.UIBlog .main .panel h1{font-size:16px}.UIBlog .main .panel .info{width:100%}}@media only screen and (max-width :550px){.UIBlog .main .youtube{height:250px}}@media only screen and (max-width :460px){.UIBlog .main .youtube{height:200px}.UIBlog .main .panel h1{font-size:15px}}.UIBlog .playlist{display:inline-block;float:left;position:relative;z-index:2;width:100%;margin:50px 0 30px}.UIBlog .playlist .head{display:inline-block;float:left;width:100%;position:relative;margin:0 0 20px}.UIBlog .playlist h3{display:inline-block;float:left}.UIBlog .playlist h3 span{display:inline-block;float:left;margin:-2px 0 0;font-size:13px;color:#6e6f76}.UIBlog .playlist h3 svg{display:inline-block;float:left;margin:0 10px 0 0;width:17px;height:12px}.UIBlog .playlist .hline{display:inline-block;float:left;margin:0;width:100%}.UIBlog .playlist .hline svg{display:inline-block;float:left;width:232px;height:40px;margin:-13px 20px 0;opacity:.4}.UIBlog .playlist .hline svg path{fill:#323241}.UIBlog .playlist .hline hr{display:inline-block;float:left;border:none;background:#a5a6ae;width:calc(50% - 136px);height:1px}.UIBlog .playlist .grid{display:inline-block;float:left;position:relative;z-index:1;width:100%;margin:10px 0 0;text-align:center}.UIBlog .playlist .clip{display:inline-block;float:left;margin:20px 0 30px;padding:0 2% 35px 0;width:32%;overflow:hidden;border-bottom:1px solid #a5a6ae}.UIBlog .playlist .clip:nth-child(3n+3){padding-right:0}.UIBlog .playlist .clip .thumb{display:inline-block;float:left;position:relative;width:100%;height:247px;background-size:cover;background-position:center}.UIBlog .playlist .clip .thumb .play{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0)}.no-touch .UIBlog .playlist .clip:hover .thumb .play{background:rgba(0,0,0,.5)}.UIBlog .playlist .clip .thumb .play span{display:inline-block;float:left;position:relative;-webkit-transform:translateX(-45px);transform:translateX(-45px);width:45px;height:100%;background:#e5573f}.no-touch .UIBlog .playlist .clip:hover .thumb .play span{-webkit-transform:translateX(0);transform:translateX(0)}.UIBlog .playlist .clip .thumb .play span i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-70%,-50%);transform:translate(-70%,-50%);text-align:center}.no-touch .UIBlog .playlist .clip:hover .thumb .play span i{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.UIBlog .playlist .clip .thumb .play span i svg{display:inline-block;margin:0;width:14px;height:16px}.UIBlog .playlist .clip .thumb .play span i b{display:inline-block;margin:-2px 0 0;font-size:12px;color:#fff;font-style:normal}.UIBlog .playlist .clip h2,.UIBlog .playlist .clip h5 b,.UIBlog .playlist .clip h5 span{font-family:'Roboto Slab';font-weight:400;color:#323241;display:inline-block}.UIBlog .playlist .clip h5{display:inline-block;float:left;margin:10px 0 0;width:100%}.UIBlog .playlist .clip h5 b,.UIBlog .playlist .clip h5 span{float:left;font-size:12px;opacity:.7}.UIBlog .playlist .clip h5 b{float:right}.UIBlog .playlist .clip h2{float:left;margin:10px 0 0;width:100%;font-size:18px}.no-touch .UIBlog .playlist .clip:hover h2{color:#e5573f}.UIBlog .playlist .blend{display:inline-block;float:left;position:relative;z-index:2;margin:-45px 0 0;width:100%;height:20px;background:#f1f3f7}@media only screen and (max-width :1550px){.UIBlog .playlist .grid,.UIBlog .playlist .head{margin-left:20px;float:left;width:calc(100% - 40px)}}@media only screen and (max-width :1440px){.UIBlog .playlist .clip h2{font-size:16px}.UIBlog .playlist .clip .thumb{height:227px}}@media only screen and (max-width :1150px){.UIBlog .playlist .clip h2{font-size:15px}.UIBlog .playlist .clip .thumb{height:207px}}@media only screen and (max-width :1024px){.UIBlog .playlist .clip h2{font-size:15px}.UIBlog .playlist .clip .thumb{height:187px}}@media only screen and (max-width :900px){.UIBlog .playlist .clip{margin:20px 0 30px;padding:0 4% 35px 0;width:48%}.UIBlog .playlist .clip:nth-child(3n+3){padding-right:4%}.UIBlog .playlist .clip:nth-child(2n+2){padding-right:0}}@media only screen and (max-width :650px){.UIBlog .playlist .clip{float:none;margin:20px 0 30px;padding:0;width:60%}.UIBlog .playlist .clip:nth-child(1n+1),.UIBlog .playlist .clip:nth-child(2n+2),.UIBlog .playlist .clip:nth-child(3n+3){padding-right:0}.UIBlog .playlist{margin-top:100px;text-align:center;width:100%}.UIBlog .playlist .grid{margin:0;width:100%}.UIBlog .playlist .head{float:none;width:60%;margin:0}.UIBlog .playlist .hline hr{width:100%}.UIBlog .playlist .hline hr:last-child,.UIBlog .playlist .hline svg{display:none}}@media only screen and (max-width :550px){.UIBlog .playlist .clip,.UIBlog .playlist .head{width:90%}}@media only screen and (max-width :460px){.UIBlog .playlist .clip{padding-bottom:20px}.UIBlog .playlist .clip h2{font-size:14px}}