html{font-size:10px}body,html{min-width:1050px;min-height:100%}body{padding:0;margin:0;background:#000d15 url(/games/sysadmin-day-quiz/img/bg.jpg) no-repeat;background-size:cover;color:#fff;font-family:Arial;font-size:1.6rem}.no-wrap{white-space:nowrap}div{box-sizing:border-box}[v-cloak]{display:none}header .header-cont{width:1040px;min-height:110px;margin:0 auto;position:relative;z-index:100}header .header-cont .logo{float:left;padding-top:64px}header .header-cont .logo img{height:30px}header .header-cont .social{float:right;margin-top:64px;width:260px;text-align:right;margin-right:-8px}header .header-cont .social a{display:inline-block;vertical-align:middle}header .header-cont .social svg{width:40px;height:40px}header .header-cont .social .instagram{margin-left:5px}header .header-cont .social .instagram svg{width:23px}header .header-cont .social .facebook svg:hover .facebook,header .header-cont .social .instagram svg:hover .instagram,header .header-cont .social .linkedin svg:hover .linkedin,header .header-cont .social .spiceworks svg:hover .sp,header .header-cont .social .twitter svg:hover .twitter{fill:#204bc4}header .header-cont .social .facebook svg .facebook,header .header-cont .social .instagram svg .instagram,header .header-cont .social .linkedin svg .linkedin,header .header-cont .social .spiceworks svg .sp,header .header-cont .social .twitter svg .twitter{transition:.2s}.game-wrapper{padding-top:121px}.game-wrapper .title-h1{padding-top:110px;font-size:50px;font-weight:900;line-height:1}.game-wrapper .title-h1,.game-wrapper .title-warn{margin-bottom:40px;font-family:politica,sans-serif;text-align:center;color:#2da2fc}.game-wrapper .title-warn{font-size:35px;font-weight:700;line-height:40px}.game-wrapper .game-screen{margin:0 auto}.game-wrapper .screen-body{width:1260px;margin:0 auto;position:relative;z-index:50}.game-wrapper .start-screen .start-box{width:1258px;height:651px;background:url(/games/sysadmin-day-quiz/img/start-box.png) no-repeat;position:relative}.game-wrapper .start-screen .start-box .nick{width:483px;height:796px;background:url(/games/sysadmin-day-quiz/img/nick.png) no-repeat;position:absolute;top:-80px;left:-153px}.game-wrapper .start-screen .start-box .panther{width:691px;height:764px;background:url(/games/sysadmin-day-quiz/img/pantera.png) no-repeat;position:absolute;top:-70px;right:-163px}.game-wrapper .start-screen .start-box .heading{width:750px;margin:0 auto 25px;padding-top:138px}.game-wrapper .start-screen .start-box .heading img{position:relative;height:77px}.game-wrapper .start-screen .start-box .text{width:680px;text-align:center;line-height:30px;font-size:18px;margin:0 auto 20px}.game-wrapper .start-screen .start-box .text a{color:#2da2fc;text-decoration:none;border-bottom:1px solid #2da2fc;padding-bottom:2px}.game-wrapper .start-screen .start-box .button{width:175px;height:55px;background:url(/games/sysadmin-day-quiz/img/btn_start.png) no-repeat 0 0;padding:12px 10px;margin:40px auto 128px;text-align:center;font-family:politica,sans-serif;font-size:22px;font-weight:700;cursor:pointer}.game-wrapper .start-screen .start-box .button:hover{background-position:-175px 0}.game-wrapper .start-screen .start-box .gift{text-align:center;line-height:28px}.game-wrapper .play-screen #game .slider .slide{padding:118px 260px 130px;height:620px;background:url(/games/sysadmin-day-quiz/img/medium-box.png) no-repeat 0 0}.game-wrapper .play-screen #game .slider .slide.big{background:url(/games/sysadmin-day-quiz/img/large-box.png) no-repeat 0 0;height:670px}.game-wrapper .play-screen #game .slider .slide.slide-6 .answers{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;flex-wrap:wrap;height:300px}.game-wrapper .play-screen #game .slider .slide.slide-6 .answers .ans{margin-bottom:18px}.game-wrapper .play-screen #game .slider .slide.slide-6 .answers .ans:nth-child(10) .ans-middle:before{transform:rotate(1deg)}.game-wrapper .play-screen #game .slider .slide.slide-6 .answers .ans:nth-child(10) .ans-middle:after{transform:rotate(-1deg)}.game-wrapper .play-screen #game .slider .slide .question{font-family:politica,sans-serif;margin-bottom:40px;text-align:center;color:#2da2fc;font-size:35px;font-weight:700;line-height:40px}.game-wrapper .play-screen #game .slider .slide .answers{line-height:24px}.game-wrapper .play-screen #game .slider .slide .answers .ans{margin-bottom:10px;cursor:pointer}.game-wrapper .play-screen #game .slider .slide .answers .ans.inline{width:225px;display:inline-block;vertical-align:top;margin-right:24px}.game-wrapper .play-screen #game .slider .slide .answers .ans.inline:nth-child(3n){margin-right:0}.game-wrapper .play-screen #game .slider .slide .answers .ans.active .ans-bottom,.game-wrapper .play-screen #game .slider .slide .answers .ans.active .ans-bottom:after,.game-wrapper .play-screen #game .slider .slide .answers .ans.active .ans-bottom:before,.game-wrapper .play-screen #game .slider .slide .answers .ans.active .ans-middle:after,.game-wrapper .play-screen #game .slider .slide .answers .ans.active .ans-middle:before,.game-wrapper .play-screen #game .slider .slide .answers .ans.active .ans-top,.game-wrapper .play-screen #game .slider .slide .answers .ans.active .ans-top:after,.game-wrapper .play-screen #game .slider .slide .answers .ans.active .ans-top:before,.game-wrapper .play-screen #game .slider .slide .answers .ans:hover .ans-bottom,.game-wrapper .play-screen #game .slider .slide .answers .ans:hover .ans-bottom:after,.game-wrapper .play-screen #game .slider .slide .answers .ans:hover .ans-bottom:before,.game-wrapper .play-screen #game .slider .slide .answers .ans:hover .ans-middle:after,.game-wrapper .play-screen #game .slider .slide .answers .ans:hover .ans-middle:before,.game-wrapper .play-screen #game .slider .slide .answers .ans:hover .ans-top,.game-wrapper .play-screen #game .slider .slide .answers .ans:hover .ans-top:after,.game-wrapper .play-screen #game .slider .slide .answers .ans:hover .ans-top:before{border-color:#256d9e;box-shadow:0 0 5px 1px rgba(67,172,252,.45)}.game-wrapper .play-screen #game .slider .slide .answers .ans .ans-top{position:relative;border-top:1px solid #fff;margin:0 11px}.game-wrapper .play-screen #game .slider .slide .answers .ans .ans-top:before{content:"";display:inline-block;border-bottom:1px solid #fff;width:15px;transform:rotate(-45deg);position:absolute;top:4px;left:-12px}.game-wrapper .play-screen #game .slider .slide .answers .ans .ans-top:after{content:"";display:inline-block;border-bottom:1px solid #fff;width:15px;transform:rotate(45deg);position:absolute;top:4px;right:-12px}.game-wrapper .play-screen #game .slider .slide .answers .ans .ans-middle{position:relative;padding:14px 20px 14px 50px}.game-wrapper .play-screen #game .slider .slide .answers .ans .ans-middle .l{text-transform:uppercase;position:absolute;left:25px}.game-wrapper .play-screen #game .slider .slide .answers .ans .ans-middle:before{content:"";display:inline-block;border-left:1px solid #fff;transform:rotate(3deg);position:absolute;top:10px;bottom:10px;left:0}.game-wrapper .play-screen #game .slider .slide .answers .ans .ans-middle:after{content:"";display:inline-block;border-right:1px solid #fff;transform:rotate(-3deg);position:absolute;top:10px;bottom:10px;right:0}.game-wrapper .play-screen #game .slider .slide .answers .ans .ans-bottom{position:relative;border-bottom:1px solid #fff;margin:0 11px}.game-wrapper .play-screen #game .slider .slide .answers .ans .ans-bottom:before{content:"";display:inline-block;border-top:1px solid #fff;width:15px;transform:rotate(45deg);position:absolute;bottom:4px;left:-13px;z-index:100}.game-wrapper .play-screen #game .slider .slide .answers .ans .ans-bottom:after{content:"";display:inline-block;border-bottom:1px solid #fff;width:15px;transform:rotate(-45deg);position:absolute;bottom:4px;right:-13px}.game-wrapper .play-screen #game .slider .slide .answers .answer{border:1px solid #fff;margin-bottom:10px;padding:15px 20px}.game-wrapper .play-screen #game .slider .slide .answers .answer.active,.game-wrapper .play-screen #game .slider .slide .answers .answer:hover{border:1px solid #256d9e;box-shadow:0 0 5px 1px rgba(67,172,252,.45)}.game-wrapper .submit-screen .form-submit{background:url(/games/sysadmin-day-quiz/img/medium-box.png) no-repeat 0 0;text-align:center;padding:114px 150px;min-height:620px}.game-wrapper .submit-screen .form-submit h2{font-family:politica,sans-serif;font-size:35px;letter-spacing:.7px;color:#2da2fc;margin-top:0;margin-bottom:45px}.game-wrapper .submit-screen .form-submit .description{font-size:18px;width:550px;margin:0 auto 26px;line-height:30px}.game-wrapper .submit-screen .form-submit .email-box{position:relative;width:520px;margin:0 auto}.game-wrapper .submit-screen .form-submit .email-box .custom-input{width:380px;display:inline-block;margin-right:7px}.game-wrapper .submit-screen .form-submit .email-box .custom-input .top{position:relative;border-bottom:1px solid #fff;margin:0 4px 0 7px}.game-wrapper .submit-screen .form-submit .email-box .custom-input .top:before{content:"";display:inline-block;border-top:1px solid #fff;width:7px;transform:rotate(-45deg);position:absolute;top:3px;left:-6px;z-index:100}.game-wrapper .submit-screen .form-submit .email-box .custom-input .top:after{content:"";display:inline-block;border-bottom:1px solid #fff;width:7px;transform:rotate(45deg);position:absolute;top:3px;right:-6px}.game-wrapper .submit-screen .form-submit .email-box .custom-input .middle{position:relative;padding:0 5px}.game-wrapper .submit-screen .form-submit .email-box .custom-input .middle .l{text-transform:uppercase;position:absolute;left:25px}.game-wrapper .submit-screen .form-submit .email-box .custom-input .middle:before{content:"";display:inline-block;border-left:1px solid #fff;transform:rotate(5deg);position:absolute;top:5px;bottom:5px;left:0}.game-wrapper .submit-screen .form-submit .email-box .custom-input .middle:after{content:"";display:inline-block;border-right:1px solid #fff;transform:rotate(5deg);position:absolute;top:5px;bottom:5px;right:0}.game-wrapper .submit-screen .form-submit .email-box .custom-input .bottom{position:relative;border-bottom:1px solid #fff;margin:0 7px 0 4px}.game-wrapper .submit-screen .form-submit .email-box .custom-input .bottom:before{content:"";display:inline-block;border-top:1px solid #fff;width:7px;transform:rotate(45deg);position:absolute;bottom:2px;left:-6px;z-index:100}.game-wrapper .submit-screen .form-submit .email-box .custom-input .bottom:after{content:"";display:inline-block;border-bottom:1px solid #fff;width:7px;transform:rotate(-45deg);position:absolute;bottom:2px;right:-6px}.game-wrapper .submit-screen .form-submit .email-box .email-error{position:absolute;color:#db2020;left:50px;bottom:-20px;font-size:14px}.game-wrapper .submit-screen .form-submit .email-box input::-moz-placeholder{color:#fff}.game-wrapper .submit-screen .form-submit .email-box input:-ms-input-placeholder{color:#fff}.game-wrapper .submit-screen .form-submit .email-box input::placeholder{color:#fff}.game-wrapper .submit-screen .form-submit .email-box input:-webkit-autofill,.game-wrapper .submit-screen .form-submit .email-box input:-webkit-autofill:focus,.game-wrapper .submit-screen .form-submit .email-box input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #051124 inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.game-wrapper .submit-screen .form-submit .email-box input[name=email]{display:inline-block;vertical-align:middle;outline:none;width:340px;background:transparent;padding:13px 10px;color:#fff;margin-right:10px;border:none;font-family:Arial;font-size:15px}.game-wrapper .submit-screen .form-submit .email-box button{display:inline-block;vertical-align:middle;border:0;outline:none;width:123px;height:47px;background:transparent url(/games/sysadmin-day-quiz/img/btn_email.png) no-repeat 0 0;color:#fff;font-size:18px;font-family:politica,sans-serif;cursor:pointer}.game-wrapper .submit-screen .form-submit .email-box button:hover{background-position:-123px 0}.game-wrapper .submit-screen .gift{padding-top:15px}.game-wrapper .submit-screen .gift img{display:inline-block;vertical-align:top}.game-wrapper .submit-screen .gift .descr-gift{color:#2da2fc;font-size:15px;line-height:20px;display:inline-block;vertical-align:top;text-align:left;padding-top:35px}.game-wrapper .result-screen .hero-box{background:url(/games/sysadmin-day-quiz/img/medium-box.png) no-repeat 0 0;width:1258px;height:590px;position:relative}.game-wrapper .result-screen .hero-box .hero-image{position:absolute}.game-wrapper .result-screen .hero-box .hero-image.spider-man{background:url(/games/sysadmin-day-quiz/img/heroes/spider_man.png) no-repeat 0 0;width:796px;height:741px;position:absolute;top:-10px;left:-290px}.game-wrapper .result-screen .hero-box .hero-image.hulk{background:url(/games/sysadmin-day-quiz/img/heroes/hulk.png) no-repeat 0 0;width:696px;height:792px;position:absolute;top:-60px;left:-230px}.game-wrapper .result-screen .hero-box .hero-image.black-panther{background:url(/games/sysadmin-day-quiz/img/heroes/black_panther.png) no-repeat 0 0;width:691px;height:764px;position:absolute;top:-80px;left:-240px}.game-wrapper .result-screen .hero-box .hero-image.captain-america{background:url(/games/sysadmin-day-quiz/img/heroes/captain_america.png) no-repeat 0 0;width:621px;height:757px;position:absolute;top:-50px;left:-180px}.game-wrapper .result-screen .hero-box .hero-image.nick-fury{background:url(/games/sysadmin-day-quiz/img/heroes/nick.png) no-repeat 0 0;width:483px;height:796px;position:absolute;top:-90px;left:-20px}.game-wrapper .result-screen .hero-box .hero-info{padding:118px 220px 110px 490px}.game-wrapper .result-screen .hero-box .hero-info .you{font-family:politica,sans-serif;font-size:30px;letter-spacing:.6px}.game-wrapper .result-screen .hero-box .hero-info .name{font-family:politica,sans-serif;font-size:45px;color:#2da2fc;letter-spacing:.7px;font-weight:700;margin-bottom:28px}.game-wrapper .result-screen .hero-box .hero-info .description{line-height:28px;margin-bottom:30px;min-height:150px}.game-wrapper .result-screen .hero-box .hero-info .share-hero{margin-bottom:100px}.game-wrapper .result-screen .hero-box .hero-info .share-hero .result{display:inline-block;vertical-align:middle;font-size:15px;margin-right:10px}.game-wrapper .result-screen .hero-box .hero-info .share-hero .share-button{display:inline-block;vertical-align:middle;border-right:1px solid #1d2734;padding-right:25px;margin-right:25px}.game-wrapper .result-screen .hero-box .hero-info .share-hero .replay{display:inline-block;vertical-align:middle}.game-wrapper .result-screen .hero-box .hero-info .share-hero .replay .btn-replay{display:inline-block;width:76px;height:36px;background:url(/games/sysadmin-day-quiz/img/btn_replay.png) no-repeat 0 0;text-align:center;padding-top:6px;font-family:politica,sans-serif}.game-wrapper .result-screen .hero-box .hero-info .share-hero .replay .btn-replay:hover{background-position:-76px 0;cursor:pointer}.game-wrapper .result-screen .hero-box .recomendation{color:#2da2fc;font-size:14px;line-height:20px}.game-wrapper .result-screen .hero-box .recomendation a{color:#2da2fc;text-decoration:none;border-bottom:1px solid rgba(45,162,252,.4);font-weight:700}.game-wrapper .result-screen .hero-box .recomendation a:hover{border-bottom:1px solid #2da2fc}.game-wrapper .points{text-align:center;padding-top:0;margin-top:-65px;position:relative;z-index:50}.game-wrapper .points .point{display:inline-block;width:26px;height:8px;margin-right:6px;transform:skewX(-10deg);border:1px solid #5f6164}.game-wrapper .points .point.active{border:1px solid #fff!important}.game-wrapper .points .point.completed{border:1px solid #2da2fc;background:#299de7;background:-webkit-gradient(linear, left top, left bottom, from(#299de7), color-stop(5%, #2787db), to(#071d2f));background:linear-gradient(180deg,#299de7 0,#2787db 5%,#071d2f);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#299de7",endColorstr="#071d2f",GradientType=0);cursor:pointer;box-shadow:0 0 10px #2da2fc}