@keyframes scalein{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}}@-webkit-keyframes scalein{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}}@-moz-keyframes scalein{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}}@-ms-keyframes scalein{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}}@-o-keyframes scalein{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}}
@-webkit-keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg);}}@-moz-keyframes rotator{0%{-moz-transform:rotate(0deg);transform:rotate(0deg);}100%{-moz-transform:rotate(270deg);transform:rotate(270deg);}}@-ms-keyframes rotator{0%{-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-ms-transform:rotate(270deg);transform:rotate(270deg);}}@-o-keyframes rotator{0%{-o-transform:rotate(0deg);transform:rotate(0deg);}100%{-o-transform:rotate(270deg);transform:rotate(270deg);}}@keyframes rotator{0%{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);}}
@-webkit-keyframes dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg);}}@-moz-keyframes dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-moz-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-moz-transform:rotate(450deg);transform:rotate(450deg);}}@-ms-keyframes dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-ms-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-ms-transform:rotate(450deg);transform:rotate(450deg);}}@-o-keyframes dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-o-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-o-transform:rotate(450deg);transform:rotate(450deg);}}@keyframes dash{0%{stroke-dashoffset:187;}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg);}100%{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg);}}
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{background-color:#f0f2f5;min-height:100vh;font-family:Helvetica,Arial,sans-serif;overflow:hidden;}
#login{width:100%;max-width:370px;margin:4% auto;text-align:center;}
#login img{max-width:100%;max-height:150px;}
#login h3{color:#1877f2;}
#login h1{margin-bottom:25px;font-size:30px;color:#1d2129;}
#login label{position:relative;display:block;width:100%;margin-bottom:15px;}
#login label.checkbox{color:#222;text-align:left;line-height:19px;cursor:pointer;}
::placeholder,::-webkit-input-placeholder{color:#8e99ab;}
::-ms-input-placeholder{color:#8e99ab;}
#login form{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);}
#login input[type="text"],#login input[type="password"],#login select{display:block;background-color:#fff;border:1px solid #dddfe2;border-radius:6px;width:100%;height:46px;margin-bottom:9px;padding:0 8px;color:#1d2129;font-size:16px;}
#login input[type="text"]:focus,#login select:focus,#login input[type="password"]:focus{outline:0;border-color:#3f88f7;box-shadow:0 0 0 1px #3f88f7;}
#login input[type="checkbox"]{appearance:none;-webkit-appearance:none;float:left;outline:0;border:1px solid #ccc;border-radius:2px;width:20px;height:20px;margin-right:5px;cursor:pointer;}
#login input[type="checkbox"]:checked{background:url("icon.svg#checkwhite") no-repeat center center #1877f2;background-size:16px 16px;border-color:#1877f2;}
#login input[type="submit"]{background-color:#1877f2;border:1px solid #3f88f7;border-radius:6px;margin-bottom:16px;width:100%;height:46px;color:#fff;font-size:18px;cursor:pointer;outline:0;}
#login input[type="submit"]:hover{background-color:#1765de;border-color:#2f78e9;}
#login input[type="submit"]:active{box-shadow:0 0 6px #1765de;}
#login form>a{color:#1877f2;font-size:15px;}
#login form>a:hover{color:#1765de;}


.flagLng{position:relative;margin-bottom:12px;z-index:9;}
#login .flagLng span{background:url("uk.png") no-repeat 8px center #fff;position:relative;display:block;width:100%;height:46px;padding:14px 38px;border:1px solid #dddfe2;border-radius:6px;font-size:16px;text-align:left;color:#1d2129;font-style:normal;cursor:pointer;}
#login .flagLng span i{font-style:normal;}
#login .flagLng a{display:block;width:100%;border-top:none;}
#login .flagLng span:after{content:'';background:url('arrow-bottom.png')no-repeat;background-size:13px;position:absolute;top:50%;right:12px;width:13px;height:13px;margin-top:-6.5px;}
#login .flagLng span.it{background-image:url("it.png");}
#login .flagLng div{background:#f7f7f7;position:absolute;top:40px;left:-1px;width:100.5%;height:0;border:1px solid #dddfe2;-webkit-transition:all 0.1s ease-in-out 0s;-moz-transition:all 0.1s ease-in-out 0s;-o-transition:all 0.1s ease-in-out 0s;transition:all 0.1s ease-in-out 0s;overflow:hidden;z-index:-1}
#login .flagLng span:hover div{height:37px;z-index:9;}
#login .flagLng a{display:block;margin-top:0;padding:9px 38px;text-decoration:none;color:#1d2129;}
#login .flagLng a:hover{background-color:rgba(56,139,216,0.1);}
#login .flagLng div a{background:url("uk.png") no-repeat 8px center;}
.flag_it{background-image:url("it.png");}


#msg:not(.msgok){background:#e35144;border-radius:4px;width:100%;margin:0 auto;color:#fff;font-size:15px;}
#msg.error,#msg .error{padding:8px 10px;-webkit-animation:scalein .1s linear 0s 1;-moz-animation:scalein .1s linear 0s 1;-ms-animation:scalein .1s linear 0s 1;-o-animation:scalein .1s linear 0s 1;}
#msg.error a,#msg .error a{color:#fff;}
@media(max-height:500px){#login{margin-top:2%;}#login h1{margin-bottom:15px;font-size:28px;}}
@media(max-height:400px){#login{margin-top:9px;}#login h1{margin-bottom:9px;font-size:24px;}}
@media(max-height:350px){#login{margin-top:9px;}#login h1{margin-bottom:9px;font-size:24px;}}
@media(max-width:410px){#login h1{font-size:24px;}#login{padding:0 9px;}}

#loading{clear:both;display:block;opacity:0;filter:alpha(opacity=0);width:0;height:0;margin:-7px auto 7px auto;-webkit-animation:rotator 1.4s linear infinite;-moz-animation:rotator 1.4s linear infinite;-ms-animation:rotator 1.4s linear infinite;-o-animation:rotator 1.4s linear infinite;-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite;}
#loading.on{opacity:1;filter:alpha(opacity=100);width:30px !important;height:30px !important;}
.path{stroke:#0070ba;stroke-dasharray:187;stroke-dashoffset:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:dash 1.4s ease-in-out infinite;-moz-animation:dash 1.4s ease-in-out infinite;-ms-animation:dash 1.4s ease-in-out infinite;-o-animation:dash 1.4s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite;}
.msgok{background-color:#00c292;border-radius:4px;width:100%;margin:9px auto;color:#fff;padding:5px 0;font-size:15px;line-height:1.5em;}