.sb{height:200px;padding:25px;position:fixed;opacity:0;top:50%;background:#fff;margin-left:-250px;left:50%;width:500px;margin-top:-150px;display:none;z-index:1999}.sb h2{margin-top:0}.sb p{font-size:20px}.sb form input[type=email],.sb form input[type=password],.sb form input[type=text],.sb form textarea{padding:18px 10px;font-size:16px;border:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;background:#f7f7f7;width:79%}.sb form input[type=submit]{padding:18px 10px;font-size:16px;border:none;color:#fff;text-transform:uppercase;margin:0;background:none;background:#000;width:20%}.sb .sb-close-btn{right:10px;color:#ccc;position:absolute;top:10px}.sb.sb-withoverlay{position:absolute;top:200px;margin-left:-250px;left:50%}.sb-open.sb-open-with-overlay{overflow:hidden}.sb-open .sb,.sb-open .sb-overlay{opacity:1}.sb-overlay{overflow:auto;right:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:fixed;opacity:0;background:rgba(0,0,0,.58);z-index:100}.sb-close-backdrop,.sb-overlay{height:100%;top:0;left:0;width:100%}.sb-close-backdrop{position:absolute;cursor:pointer}[class*=" sb-animation-"],[class^=sb-animation-]{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.sb-animation-flyInRight{-webkit-animation-name:flyInRight;-moz-animation-name:flyInRight;-o-animation-name:flyInRight;animation-name:flyInRight}.sb-animation-flyOutRight{-webkit-animation-name:flyOutRight;-moz-animation-name:flyOutRight;-o-animation-name:flyOutRight;animation-name:flyOutRight}.sb-animation-flyInLeft{-webkit-animation-name:flyInLeft;-moz-animation-name:flyInLeft;-o-animation-name:flyInLeft;animation-name:flyInLeft}.sb-animation-flyOutLeft{-webkit-animation-name:flyOutLeft;-moz-animation-name:flyOutLeft;-o-animation-name:flyOutLeft;animation-name:flyOutLeft}.sb-animation-flyInUp{-webkit-animation-name:flyInUp;-moz-animation-name:flyInUp;-o-animation-name:flyInUp;animation-name:flyInUp}.sb-animation-flyOutUp{-webkit-animation-name:flyOutUp;-moz-animation-name:flyOutUp;-o-animation-name:flyOutUp;animation-name:flyOutUp}.sb-animation-flyInDown{-webkit-animation-name:flyInDown;-moz-animation-name:flyInDown;-o-animation-name:flyInDown;animation-name:flyInDown}.sb-animation-flyOutDown{-webkit-animation-name:flyOutDown;-moz-animation-name:flyOutDown;-o-animation-name:flyOutDown;animation-name:flyOutDown}@-webkit-keyframes flyInRight{0%{-webkit-transform:translateX(3000px);opacity:0}to{-webkit-transform:translateX(0)}}@-moz-keyframes flyInRight{0%{-moz-transform:translateX(3000px);opacity:0}to{-moz-transform:translateX(0)}}@-o-keyframes flyInRight{0%{-o-transform:translateX(3000px);opacity:0}to{-o-transform:translateX(0)}}@keyframes flyInRight{0%{transform:translateX(3000px);opacity:0}to{transform:translateX(0)}}@-webkit-keyframes flyOutRight{0%{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3000px);opacity:0}}@-moz-keyframes flyOutRight{0%{-moz-transform:translateX(0)}to{-moz-transform:translateX(3000px);opacity:0}}@-o-keyframes flyOutRight{0%{-o-transform:translateX(0)}to{-o-transform:translateX(3000px);opacity:0}}@keyframes flyOutRight{0%{transform:translateX(0)}to{transform:translateX(3000px);opacity:0}}@-webkit-keyframes flyInLeft{0%{-webkit-transform:translateX(-3000px);opacity:0}to{-webkit-transform:translateX(0)}}@-moz-keyframes flyInLeft{0%{-moz-transform:translateX(-3000px);opacity:0}to{-moz-transform:translateX(0)}}@-o-keyframes flyInLeft{0%{-o-transform:translateX(-3000px);opacity:0}to{-o-transform:translateX(0)}}@keyframes flyInLeft{0%{transform:translateX(-3000px);opacity:0}to{transform:translateX(0)}}@-webkit-keyframes flyOutLeft{0%{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(-3000px);opacity:0}}@-moz-keyframes flyOutLeft{0%{-moz-transform:translateX(0)}to{-moz-transform:translateX(-3000px);opacity:0}}@-o-keyframes flyOutLeft{0%{-o-transform:translateX(0)}to{-o-transform:translateX(-3000px);opacity:0}}@keyframes flyOutLeft{0%{transform:translateX(0)}to{transform:translateX(-3000px);opacity:0}}@-webkit-keyframes flyInUp{0%{-webkit-transform:translateY(-2000px);opacity:0}to{-webkit-transform:translateY(0)}}@-moz-keyframes flyInUp{0%{-moz-transform:translateY(-2000px);opacity:0}to{-moz-transform:translateY(0)}}@-o-keyframes flyInUp{0%{-o-transform:translateY(-2000px);opacity:0}to{-o-transform:translateY(0)}}@keyframes flyInUp{0%{transform:translateY(-2000px);opacity:0}to{transform:translateY(0)}}@-webkit-keyframes flyOutUp{0%{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(-2000px);opacity:0}}@-moz-keyframes flyOutUp{0%{-moz-transform:translateY(0)}to{-moz-transform:translateY(-2000px);opacity:0}}@-o-keyframes flyOutUp{0%{-o-transform:translateY(0)}to{-o-transform:translateY(-2000px);opacity:0}}@keyframes flyOutUp{0%{transform:translateY(0)}to{transform:translateY(-2000px);opacity:0}}@-webkit-keyframes flyInDown{0%{-webkit-transform:translateY(2000px);opacity:0}to{-webkit-transform:translateY(0)}}@-moz-keyframes flyInDown{0%{-moz-transform:translateY(2000px);opacity:0}to{-moz-transform:translateY(0)}}@-o-keyframes flyInDown{0%{-o-transform:translateY(2000px);opacity:0}to{-o-transform:translateY(0)}}@keyframes flyInDown{0%{transform:translateY(2000px);opacity:0}to{transform:translateY(0)}}@-webkit-keyframes flyOutDown{0%{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(2000px);opacity:0}}@-moz-keyframes flyOutDown{0%{-moz-transform:translateY(0)}to{-moz-transform:translateY(2000px);opacity:0}}@-o-keyframes flyOutDown{0%{-o-transform:translateY(0)}to{-o-transform:translateY(2000px);opacity:0}}@keyframes flyOutDown{0%{transform:translateY(0)}to{transform:translateY(2000px);opacity:0}}