body,html{margin:0;height:100%;width:100%;background:#32314b;box-sizing:border-box}body{position:relative;overflow-x:hidden}::-webkit-scrollbar{width:7px;background:0 0}::-webkit-scrollbar-track{border-radius:20px;background:0 0}::-webkit-scrollbar-thumb{width:5px;background:rgba(214,214,214,.71);border-radius:20px;transition:.3s cubic-bezier(1,-.02,1,.99)}::-webkit-scrollbar-thumb:active{background:#6c7c6c}:not(button){margin:0;box-sizing:border-box;width:100%;padding:0}.wrap{min-height:600px;width:100%;background:#a099d8 center 100% fixed/cover;box-shadow:inset 0 -5px 20px rgba(0,0,0,.6);position:relative}.main{display:flex;flex-flow:row wrap;justify-content:space-around;flex-wrap:wrap;transition:2.5s ease;width:90%;margin:0 auto}.wrap__arrow-left::before{content:'<';position:absolute;top:calc(50% - 20px);left:calc(50% - 10px)}.wrap__arrow-left{position:absolute;top:-80px;left:0;z-index:101;background:rgba(0,85,176,.71);height:80px;width:80px;border-radius:50%;color:#eee;cursor:pointer;transition:.4s ease;font-size:30px;font-family:'Open Sans',sans-serif;text-shadow:5px 5px 20px rgba(0,0,0,.8);text-align:center}.wrap__arrow-left:hover{background:rgba(238,238,238,.85);color:#333;box-shadow:0 2px 40px rgba(0,0,0,.5)}.main__elem{min-width:100px;width:18%;padding:10px;border-radius:15px;background:rgba(98,98,98,.2);transition:.4s ease;cursor:pointer;min-height:100px;max-height:320px;transition:.4s ease;margin:20px;overflow:hidden}.main__elem a{text-decoration:none}.main__elem a:hover{color:#333}.main__elem:hover{background:#eee;transform:scale(1.05) translateY(-10px);box-shadow:0 10px 30px rgba(179,179,179,.9)}.main__elem:hover>.main__elem__photo{box-shadow:0 0 30px 10px rgba(0,0,0,.2);filter:saturate(1.2)}.main__elem:hover .main__elem__txt,.main__elem:hover a{color:#333}.main__elem:active{transform:translateY(10px);box-shadow:inset 5px 5px 10px rgba(0,0,0,.4);outline:3px dashed #0071ff}.main__elem__icon{max-width:210px;margin:auto;display:block;transition:.4s ease;height:120px}.main__elem__icon--docx,.main__elem__icon--fold,.main__elem__icon--pdf,.main__elem__icon--pptx{background:url(../img/folder.png) center center;background-size:contain;background-repeat:no-repeat}.main__elem__icon--docx{background:url(../img/word.png) center center;background-size:contain;background-repeat:no-repeat}.main__elem__icon--pptx{background:url(../img/pptx.png) center center;background-size:contain;background-repeat:no-repeat}.main__elem__icon--pdf{background:url(../img/pdf.png) center center;background-size:contain;background-repeat:no-repeat}.main__elem__txt{width:100%;font-size:14px;font-family:"Open Sans",sans-serif;text-align:center;color:#eee;margin:auto;transition:.4s ease;text-shadow:0 1px 5px rgba(0,0,0,.5)}.no-display{display:none!important}.no-display--wh{transition:1.5s ease;opacity:0!important;z-index:-100!important}.absolute-wrap-to-left,.absolute-wrap-to-right{position:absolute;animation-name:toLeft;animation-timing-function:ease;animation-duration:2s;animation-fill-mode:forwards}.absolute-wrap-to-right{animation-name:toRight}.fscreen{top:0;left:0;z-index:9997;width:100%;height:100%;background:rgba(0,0,0,.7);position:fixed;overflow:hidden;display:flex;flex-flow:row nowrap;justify-content:center}.fscreen>.fscreen__photo{z-index:9999;border-radius:5px}.fscreen>.fscreen__x{top:1%;margin:0 93%;position:fixed}.fscreen__x:before{content:'X';border-radius:50%;background:rgba(238,238,238,.07);padding:0 23px;transition:.3s ease}.fscreen__x{color:#fff;z-index:9999;font-size:62px;font-family:'Open Sans',sans-serif;transition:.5s ease}.fscreen__x:hover:before{box-shadow:2px 2px 10px rgba(0,0,0,.5);color:#333;background:rgba(229,229,229,.9);cursor:pointer}.fscreen__x:active:before{box-shadow:inset 2px 5px 10px rgba(0,0,0,.6);background:#b70202}.fscreen__x:active{transform:scale(.99)}.heading-primary{color:#eee}@keyframes move{0%{left:100%}50%{left:0}100%{left:-100%}}@keyframes toLeft{0%{left:0}100%{left:-105%}}@keyframes toRight{0%{left:-105%}100%{left:0}}@media only screen and (max-width:768px){body,html{margin:0;height:100%;width:100%;background:#32314b;box-sizing:border-box}*{margin:0;box-sizing:border-box;width:100%;padding:0}.wrap{flex-direction:column;height:100%;flex-wrap:nowrap;width:100%}.main__elem{margin:30px auto;padding:10px 10px;width:95%;min-height:50px;background:linear-gradient(30deg,#050081,#620909)}.main__elem__photo{display:none}.main__elem__txt{width:100%;font-size:16px;color:#eee;height:100%;text-align:center}}