li[data-v-5f722db3],ul[data-v-5f722db3]{margin:0 auto;padding:0;list-style:none}.contant[data-v-5f722db3]{margin:40px 0}body[data-v-5f722db3]{font-family:Open Sans,arial,sans-serif;background:#7b9e9e}.Mediatecontant[data-v-5f722db3]{width:1100px;margin:40px auto;position:relative;text-align:center}[data-v-5f722db3]{margin:0 auto;padding:0}#categories[data-v-5f722db3]{overflow:hidden;width:90%;margin:0 auto}.clr[data-v-5f722db3]:after{content:"";display:block;clear:both}#categories li[data-v-5f722db3]{position:relative;list-style-type:none;width:17.7277272727272%;padding-bottom:20.4702918328784%;float:left;overflow:hidden;visibility:hidden;-webkit-transform:rotate(-60deg) skewY(30deg);transform:rotate(-60deg) skewY(30deg)}#categories li[data-v-5f722db3]:nth-child(3n+2){margin:0 1%}#categories li[data-v-5f722db3]:nth-child(6n+4){margin-left:.5%}#categories li[data-v-5f722db3]:nth-child(6n+4),#categories li[data-v-5f722db3]:nth-child(6n+5),#categories li[data-v-5f722db3]:nth-child(6n+6){margin-top:-6.9285714285%;margin-bottom:-6.9285714285%;-webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg);transform:translateX(50%) rotate(-60deg) skewY(30deg)}#categories li[data-v-5f722db3]:nth-child(6n+4):last-child,#categories li[data-v-5f722db3]:nth-child(6n+5):last-child,#categories li[data-v-5f722db3]:nth-child(6n+6):last-child{margin-bottom:0}#categories li [data-v-5f722db3]{position:absolute;visibility:visible}#categories li>div[data-v-5f722db3]{width:100%;height:100%;text-align:center;color:#fff;overflow:hidden;-webkit-transform:skewY(-30deg) rotate(60deg);transform:skewY(-30deg) rotate(60deg);-webkit-backface-visibility:hidden}#categories li img[data-v-5f722db3]{left:-100%;right:-100%;width:auto;height:100%;margin:0 auto}#categories div h1[data-v-5f722db3],#categories div p[data-v-5f722db3]{width:90%;padding:0 5%;background-color:teal;background-color:rgba(0,128,128,.8);font-family:Raleway,sans-serif;transition:top .2s ease-out,bottom .2s ease-out,padding .2s ease-out .2s}#categories li h1[data-v-5f722db3]{bottom:110%;font-style:italic;font-weight:400;font-size:1.5em;padding-top:100%;padding-bottom:100%}#categories li h1[data-v-5f722db3]:after{content:"";display:block;position:absolute;bottom:-1px;left:45%;width:10%;text-align:center;z-index:1;border-bottom:2px solid #fff}#categories li p[data-v-5f722db3]{padding-top:50%;top:110%;padding-bottom:50%}#categories li div:hover h1[data-v-5f722db3]{bottom:50%;padding-bottom:10%}#categories li div:hover p[data-v-5f722db3]{top:50%;padding-top:10%}#fork[data-v-5f722db3]{position:fixed;top:0;left:0;color:#000;text-decoration:none;border:1px solid #000;padding:.5em .7em;margin:1%;transition:color .5s;overflow:hidden}#fork[data-v-5f722db3]:before{content:"";position:absolute;top:0;left:0;width:130%;height:100%;background:#000;z-index:-1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%) skewX(-45deg);transform:translateX(-100%) skewX(-45deg);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}#fork[data-v-5f722db3]:hover{color:#fff}#fork[data-v-5f722db3]:hover:before{-webkit-transform:translateX(0) skewX(-45deg);transform:translateX(0) skewX(-45deg)}