@import url(https://fonts.googleapis.com/css?family=Muli&display=swap);@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,500&display=swap);a.social-icon,footer p{display:inline-block}body{font-family:'Open Sans',sans-serif}.error{color:red}.form-control.error{border:1px solid red}.form-control.valid{border:1px solid green}.footer_comma,br#none{display:none}a:link,a:visited{text-decoration:none;color:#212529}a:hover{text-decoration:underline}.social-panel p a,a:active{text-decoration:none}a.social-icon{margin-left:20px;width:30px;height:30px}svg.social-icon{width:30px;height:30px;background:#363636}.social-icon:hover{color:#363636;background:#fff}a.social-icon:hover #codepen,a.social-icon:hover #github,a.social-icon:hover #linkedin{fill:#363636}.social-panel-container{position:fixed;right:0;bottom:80px;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:transform .4s ease-in-out;-moz-transition:transform .4s ease-in-out;transition:transform .4s ease-in-out}.social-panel-container.visible{-webkit-transform:translate(-10%);-moz-transform:translate(-10%);-ms-transform:translate(-10%);-o-transform:translate(-10%);transform:translateX(-10px)}.social-panel{background-color:#fff;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;box-shadow:0 16px 31px -17px rgba(0,31,97,.6);border:5px solid #001f61;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Muli;position:relative;height:169px;width:370px;max-width:calc(100% - 10px)}.floating-btn,.social-panel p{background-color:#032b62;color:#fff}.social-panel button.close-btn{border:0;color:#ccc;background:#0b60d4;cursor:pointer;font-size:20px;position:absolute;top:5px;right:5px;outline:0}.social-panel button.close-btn:hover{background:#043981;color:#ddd}.social-panel button.close-btn:active{background:#032b62;color:#fff}.social-panel p{-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;font-size:14px;line-height:18px;padding:2px 17px 6px;position:absolute;top:0;left:50%;margin:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);text-align:center;width:235px}.social-panel p i{margin:0 5px;color:#e84e1b}.social-panel p a{color:#e84e1b}.social-panel h3{margin:40px 0 10px;color:#0b60d4;font-family:Muli;font-size:14px;line-height:18px;text-transform:uppercase}.social-panel ul{display:flex;list-style-type:none;padding:0;margin:0}.social-panel ul li{margin:0 10px}.social-panel ul li a{border:1px solid #0b60d4;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#0b60d4;font-size:20px;display:flex;justify-content:center;align-items:center;height:50px;width:50px;text-decoration:none}.social-panel ul li a:hover{border-color:#043981;color:#043981;box-shadow:0 9px 12px -9px #043981}.floating-btn{-webkit-border-radius:26.5px;-moz-border-radius:26.5px;border-radius:26.5px;border:1px solid #032b62;box-shadow:0 16px 22px -17px #03153b;cursor:pointer;font-size:16px;line-height:20px;padding:12px 20px;position:fixed;bottom:20px;right:20px;z-index:999}.floating-btn:hover{background-color:#fff;color:#001f61}.floating-btn:focus{outline:0}footer.text-center.mt-5{margin-bottom:3rem}@media screen and (max-width:815px){footer p{display:block}a.social-icon:first-of-type{margin-left:0}}@media screen and (max-width:649px){footer p{display:block}a.social-icon:first-of-type{margin-left:0}}@media screen and (max-width:480px){.social-panel-container.visible{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.floating-btn{right:10px}}@media screen and (max-width:400px){.footer_comma{display:inline}.footer_none{display:none}#cauthor,.copyright{display:block}}@media screen and (max-width:370px){.social-panel{width:90%}.social-panel p{width:95%}}