@charset "utf-8";
@media screen and (max-width:812px){
.needhide{display:none}
}
.needhide{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/resources/images/1.png);background-color:#fff;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;z-index:-1}
@-webkit-keyframes fade-in{
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fade-in{
0%{opacity:0}
100%{opacity:1}
}
@-o-keyframes fade-in{
0%{opacity:0}
100%{opacity:1}
}
@keyframes fade-in{
0%{opacity:0}
100%{opacity:1}
}
.showon{-webkit-animation:fade-in 1s linear;-moz-animation:fade-in 1s linear;-o-animation:fade-in 1s linear;animation:fade-in 1s linear}
.footer-form{float:right;margin-right:20px;margin-top:50px}
.container{border-radius:20px;background-color:#fff;width:10%;max-width:500px;min-width:220px;margin:0 auto;margin-top:10%;padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%}
.container *{box-sizing:border-box}
.heading{display:block;font-size:30px;font-weight:700;border-bottom:1px solid #f0f0f0;margin-bottom:30px;text-align:center}
.flex-outer{list-style-type:none;padding:0}
.flex-outer{max-width:800px;margin:0 auto;margin-top:10px}
.flex-outer li{display:flex;flex-wrap:wrap;align-items:center}
.flex-outer>li:not(:last-child){margin-bottom:20px}
.flex-outer li label,.flex-outer li p{padding:8px;font-weight:300;letter-spacing:.09em;text-transform:uppercase}
.flex-outer li p,.flex-outer>li>label{flex:1 0 120px;max-width:220px}
.flex-outer>li>label+*{flex:1 0 220px}
.flex-outer li p{margin:0}
.flex-outer li input:not([type=checkbox]),.flex-outer li textarea{padding:15px;border:none;background:#f0f0f0;border-radius:20px;box-shadow:none}
.flex-outer li button{margin-left:auto;padding:8px 16px;border:none;background:#11a3fc;color:#fff;text-transform:uppercase;letter-spacing:.09em;border-radius:10px}
.inputstyle{margin:auto}
.inputstyle-btn{margin-top:20px}