#social-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:264px}#social-container a{display:block;position:relative;-webkit-transition:1s;transition:1s;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;background-color:#262626;margin:0 2px;font-size:18px;border-radius:100%}#social-container:before{content:"\efbf";font-family:'icomoon' !important;position:absolute;width:100%;height:100%;background:linear-gradient(45deg,#f0f,#8a2be2);z-index:2;border-radius:20px;text-align:center;font-size:18px;line-height:40px;color:#fff;margin:0 2px;-webkit-transition:.5s;transition:.5s;left:0}#social-container:hover:before{width:40px}#social-container:hover a i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#social-container:hover a:nth-child(6){-webkit-transform:translateX(44px) rotate(360deg);transform:translateX(44px) rotate(360deg);-webkit-transition-delay:1.2s;transition-delay:1.2s}#social-container:hover a:nth-child(5){-webkit-transform:translateX(44px) rotate(360deg);transform:translateX(44px) rotate(360deg);-webkit-transition-delay:1s;transition-delay:1s}#social-container:hover a:nth-child(4){-webkit-transform:translateX(44px) rotate(360deg);transform:translateX(44px) rotate(360deg);-webkit-transition-delay:.8s;transition-delay:.8s}#social-container:hover a:nth-child(3){-webkit-transform:translateX(44px) rotate(360deg);transform:translateX(44px) rotate(360deg);-webkit-transition-delay:.6s;transition-delay:.6s}#social-container:hover a:nth-child(2){-webkit-transform:translateX(44px) rotate(360deg);transform:translateX(44px) rotate(360deg);-webkit-transition-delay:.4s;transition-delay:.4s}#social-container:hover a:nth-child(1){-webkit-transform:translateX(44px) rotate(360deg);transform:translateX(44px) rotate(360deg);-webkit-transition-delay:.2s;transition-delay:.2s}#social-container-2{margin:0;padding:0;width:200px}#social-container-2 li{list-style:none;display:block;border-top:1px solid #262626;border-bottom:1px solid #262626;margin:-1px 0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}#social-container-2 li a{display:block;border-right:1px solid #262626;color:#262626;height:29px}#social-container-2 li a span{position:relative;display:inline-block;padding:0 10px;height:20px}#social-container-2 li a span:nth-child(1){width:40px;text-align:center;border-left:1px solid #262626;border-right:1px solid #262626;padding:4.5px 0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}#social-container-2 li a span:nth-child(1) i{color:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;display:block}#social-container-2 li:hover{-webkit-transform:translateX(25px);-ms-transform:translateX(25px);transform:translateX(25px)}#social-container-2 li:hover a span:nth-child(1){background-color:#f44336}#social-container-2 li:hover a span:nth-child(1) i{color:#fff;-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}#social-container-3{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:initial}#social-container-3 *{margin:initial}#social-container-3 a{display:block;position:relative;width:40px;height:40px;line-height:40px;overflow:hidden;white-space:nowrap;-webkit-transition:width .5s;transition:width .5s;-webkit-box-sizing:border-box;box-sizing:border-box}#social-container-3 a:hover{width:130px}#social-container-3 a i{display:inline-block;width:40px;height:40px;line-height:40px;font-size:16px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;border-right:2px solid #fff}#social-container-3 a span{padding-left:10px;padding-right:10px;color:#fff;line-height:40px}#social-container-4{width:50px;height:50px;border-radius:100%;-webkit-transition:.5s;transition:.5s;background:#fff;position:relative}#social-container-4 *{margin:initial}#social-container-4 .toggle{position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50px;height:50px;background:#ff0057;border-radius:100%;-webkit-transition:.5s;transition:.5s}#social-container-4 .toggle:before{content:"\efbf";font-family:'icomoon' !important;position:absolute;width:100%;height:100%;text-align:center;line-height:50px;font-size:24px;color:#fff}#social-container-4 ul{margin:0;padding:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0)}#social-container-4 ul li{list-style:none}#social-container-4 ul li a{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 20px;border-bottom:1px solid rgba(0,0,0,0.1);text-transform:uppercase;color:#262626;-webkit-transition:.5s;transition:.5s}#social-container-4 ul li a i{display:inline-block;border-radius:4px;width:24px;height:24px;background:#000;color:#fff;text-align:center;line-height:24px;margin-right:10px}#social-container-4 ul li:hover a{color:#fff;background:#262626;-webkit-transform:scale(1.05) translateY(-5px);transform:scale(1.05) translateY(-5px);-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);box-shadow:0 5px 5px rgba(0,0,0,0.5)}#social-container-4:hover{width:300px;height:324px;background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.5);box-shadow:0 2px 5px rgba(0,0,0,0.5);border-radius:0}#social-container-4:hover .toggle{bottom:-25px}#social-container-4:hover .toggle:before{content:"\f0b1"}#social-container-4:hover ul{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.5s;transition:.5s}#loading-page{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:50vh;width:100%;background-color:#252525}#loading-page svg{position:relative;width:150px;height:150px;-webkit-animation:loading 2s linear infinite;animation:loading 2s linear infinite}#loading-page svg circle{width:100%;height:100%;fill:none;stroke-width:10;stroke:#03a9f4;store-linecap:round;-webkit-transform:translate(5px,5px);-ms-transform:translate(5px,5px);transform:translate(5px,5px);stroke-dashoffset:440;stroke-dasharray:440;-webkit-animation:loading1 4s linear infinite;animation:loading1 4s linear infinite}@-webkit-keyframes loading1{0,100%{stroke-dashoffset:440}50%{stroke-dashoffset:0}50.1%{stroke-dashoffset:880}}@keyframes loading1{0,100%{stroke-dashoffset:440}50%{stroke-dashoffset:0}50.1%{stroke-dashoffset:880}}@-webkit-keyframes loading{0{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}