.pf-banner-social{display:inline-block;position:relative;overflow:hidden;width:100%;background:#15003b;background:-moz-linear-gradient(-45deg, #15003b 0%, #5d0031 100%);background:-webkit-linear-gradient(-45deg, #15003b 0%, #5d0031 100%);background:linear-gradient(150deg, #15003b 0%, #5d0031 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='{$from-color}', endColorstr='{$to-color}',GradientType=1 )}.pf-banner-social:before{content:'';display:inline-block;width:100%;padding-top:141.191%}.pf-banner-social .responsive-rect{position:absolute;top:0;left:0;width:100%;height:100%}.pf-banner-social,.pf-banner-social *{box-sizing:border-box}.pf-banner-social .pf-social-banner-bg{position:absolute;top:0;left:0;bottom:0;right:0}.pf-banner-social .pf-social-banner-bg>div{position:absolute;top:0;left:0;bottom:0;right:0;background-repeat:no-repeat;background-position:left top;background-size:300% 100%;box-shadow:inset 0 1px 10px 6px #00000060}.pf-banner-social .pf-social-banner-bg>div:nth-child(2){background-position:center top;animation-duration:6s;animation-name:social-bg-opacity;animation-iteration-count:infinite;animation-direction:alternate-reverse}.pf-banner-social .pf-social-banner-bg>div:nth-child(3){background-position:right top;animation-duration:4s;animation-name:social-bg-opacity-dark;animation-iteration-count:infinite;animation-direction:alternate-reverse}.pf-banner-social .social-icons-vk,.pf-banner-social .social-icons-insta{position:absolute;top:55%;background-size:100%;display:inline-block;width:24%;padding-top:24%;border-radius:30%;overflow:hidden;box-shadow:0 5px 20px 5px #00000030;transition:transform .6s ease;animation-duration:4s;animation-name:social-icon;animation-iteration-count:infinite;animation-direction:alternate-reverse}.pf-banner-social .social-icons-vk:hover,.pf-banner-social .social-icons-insta:hover{transform:scale(1.1)}.pf-banner-social .social-icons-vk:hover div,.pf-banner-social .social-icons-insta:hover div{background-position:center 200%}.pf-banner-social .social-icons-vk div,.pf-banner-social .social-icons-insta div{position:absolute;top:0;left:0;display:inline-block;width:100%;height:200%;background-position:center top;background-size:100% 50%;transition:background .6s ease}.pf-banner-social .social-icons-vk{background-color:#4c75a3;left:24%;animation-delay:-1s}.pf-banner-social .social-icons-vk:hover ~ .social-text .social-text-insta{transform:scale(0.9);opacity:.3}.pf-banner-social .social-icons-vk:hover ~ .social-text .social-text-vk{transform:scale(1.1)}.pf-banner-social .social-icons-insta{right:24%}.pf-banner-social .social-icons-insta:hover ~ .social-text .social-text-vk{transform:scale(0.9);opacity:.3}.pf-banner-social .social-icons-insta:hover ~ .social-text .social-text-insta{transform:scale(1.1)}.pf-banner-social .social-text{position:absolute;bottom:10%;left:10%;right:10%;height:10%}.pf-banner-social .social-text a{background-size:contain;background-repeat:no-repeat;display:inline-block;height:50%;width:100%;transition:all .6s ease}.pf-banner-social .social-text a:hover{opacity:.8;transform:scale(1.1)}@keyframes social-icon{0%{transform:translateY(0) scale(0.9, 1) rotate(10deg)}5%{transform:translateY(-10%) scale(1, 0.9) rotate(-7deg)}10%{transform:translateY(10%) scale(0.9) rotate(-5deg)}10%{transform:translateY(5%) scale(0.9) rotate(0deg)}80%{transform:translateY(15%) scale(0.9) rotate(0deg)}95%{transform:translateY(0) scale(1.1) rotate(14deg)}95%{transform:translateY(0) scale(1.1) rotate(-14deg)}98%{transform:translateY(0) scale(1.1) rotate(6deg)}100%{transform:translateY(0) scale(1.1) rotate(-3deg)}}@keyframes social-bg-opacity{0%{opacity:0}45%{opacity:0}55%{opacity:1}80%{opacity:0}85%{opacity:1}90%{opacity:0}100%{opacity:1}}@keyframes social-bg-opacity-dark{0%{opacity:0}90%{opacity:0}96%{opacity:.4}96.5%{opacity:0}100%{opacity:0}}
/*# sourceMappingURL=social.css.map */