@-webkit-keyframes stateVisible{0%{opacity:0}30%{opacity:.5}70%{opacity:.7}to{opacity:1}}@keyframes stateVisible{0%{opacity:0}30%{opacity:.5}70%{opacity:.7}to{opacity:1}}@-webkit-keyframes toggleBlock{0%{right:-300px}30%,70%,to{right:5px}}@keyframes toggleBlock{0%{right:-300px}30%,70%,to{right:5px}}@-webkit-keyframes outBlock{0%{right:5px}30%{right:-300px}70%{right:-350px}to{right:-450px}}@keyframes outBlock{0%{right:5px}30%{right:-300px}70%{right:-350px}to{right:-450px}}*,::after,::before{-webkit-transition:.2s;-o-transition:.2s;transition:.2s;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-size:16px;color:#222}hr,img{width:100%}img{display:block;max-width:100%;height:auto}button,input{border:1px solid #eee;outline:0;font-size:1em}button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:5px;background:0 0}a,button,input{cursor:pointer}input{display:block;background:#fff}a{text-decoration:none;color:inherit}footer,header,main{position:relative;display:block}aside,div,hr,label,section{display:block}li,ol,ul{list-style:none}b,strong{font-weight:700}hr{height:1px;margin:10px 0;background:#eee;border:0}.bg{border:1px solid #6c2300;background:rgba(0,0,0,.9)}body,html{height:100%;margin:0;padding:0;font-family:'Yanone Kaffeesatz',sans-serif}a,aside,div,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,section,textarea,ul{position:relative;margin:0;padding:0}.body{background:#222;background-image:url(../img/bg.png);-webkit-background-size:cover;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;font-size:24px;color:#fff}.body--reg{background-image:url(../img/reg_bg.jpg)}.btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;max-width:300px;height:40px;background:#6c2300;border:0;color:#da9803;font-family:'Yanone Kaffeesatz',sans-serif;cursor:pointer;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;outline:0}.btn--min{width:100%;max-width:140px;height:25px;font-size:18px}.btn--inv,.btn:active,.btn:hover{background:#da9803;color:#6c2300}.btn--inv:active,.btn--inv:hover{background:#0070de;color:#fff}.btn:disabled{background:#9b9b9b;color:#222;cursor:not-allowed}.input{width:100%;max-width:300px;height:40px;padding:0 5px;background:rgba(255,255,255,.3);border:1px solid #fff;font-family:'Yanone Kaffeesatz',sans-serif;font-size:18px}.input::-webkit-input-placeholder{color:#fff}.input:-moz-placeholder,.input::-moz-placeholder{color:#fff}.input:-ms-input-placeholder{color:#fff}.input:active,.input:focus,.input:hover{border:2px solid #da9803}.textarea{width:100%;max-width:300px;height:80px;padding:5px;background:rgba(255,255,255,.3);border:1px solid #fff;font-family:'Yanone Kaffeesatz',sans-serif;font-size:18px;resize:none}.textarea::-webkit-input-placeholder{color:#fff}.textarea:-moz-placeholder,.textarea::-moz-placeholder{color:#fff}.textarea:-ms-input-placeholder{color:#fff}.fail,.success{display:block;width:100%;padding:10px;color:#29d932;border:1px solid #29d932}.fail{color:#ce2929;border:1px solid #ce2929}.orange{color:#da9803}.green{color:#29d932}.red{color:#ce2929}.blue{color:#00b4ff}.warrior{color:#c79c6e}.paladin{color:#f58cba}.rogue{color:#fff569}.priest{color:#fff}.dk{color:#c41f3b}.shaman{color:#0070de}.mage{color:#69ccf0}.warlock{color:#9482c9}.druid{color:#ff7d0a}.hunter{color:#abd473}.none{display:none}.oveflow{overflow:hidden}@media (max-width:700px){.btn{width:100%}.btn,.input,.textarea{max-width:100%}}@font-face{font-family:'Yanone Kaffeesatz';font-style:normal;font-weight:400;src:local('Yanone Kaffeesatz Regular'),local('YanoneKaffeesatz-Regular'),url(https://fonts.gstatic.com/s/yanonekaffeesatz/v10/3y976aknfjLm_3lMKjiMgmUUYBs04Y8fH-8.ttf) format('truetype')}.main,.main__wrap{position:relative;height:100%}.main{display:block;padding:50px 0 0;margin:0}.main__wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;max-width:1220px;margin:0 auto}@media (max-width:700px){.main__wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 10px}}.aside{width:100%;max-width:300px;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.aside__wrap{margin:0;padding:0}.aside__title{margin:0 0 30px;font-size:48px}.aside__list,.aside__nav{margin:0;padding:0}.aside__item{margin:0 0 15px}.aside__btn{margin:0;padding:0}.aside__btn--back{background:#9b9b9b;color:#fff;font-size:18px}.aside__btn--back:hover{background:#fff;color:#222}.aside__img{display:block;max-width:300px}@media (max-width:700px){.aside{max-width:100%;margin:0 0 40px}.aside__title{font-size:28px}.aside__img{display:none}}.section,.section.load:after{-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.section{width:100%}.section.load{position:relative;z-index:-10}.section.load:after{font-size:48px;z-index:2}.section__wrap{padding:0 20px}.section__title{margin:0 0 30px;font-size:48px}.section__block{margin:0;padding:0}@media (max-width:700px){.section__title{font-size:28px}.section__wrap{padding:0}}.account{margin:0;padding:0;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.account,.account__list{width:100%}.account__item{width:100%;margin:0 0 15px}.account__p{margin:0}.account__btn{margin:0 0 15px}.account__pass-block{display:none;width:100%;max-width:300px;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.account__pass-block.active{display:block}.account__form{display:block;width:100%;margin:0}.account__form.load,.feedback__form.load{position:relative;z-index:-10}.account__form.load:after,.feedback__form.load:after,.section.load:after{content:'Загрузка...';position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background:rgba(0,0,0,.9);border:1px solid #6c2300}.account__form-wrap{width:100%}.account__form-btn,.account__form-input{margin:0 0 15px}.account__form-result{text-align:center}.account__form-result span{display:block;width:100%;padding:10px;text-align:center}.char{width:100%;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.char__list{margin:0;padding:0}.char__col,.char__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.char__item{width:100%;margin:0 0 30px;padding:0 20px;background:rgba(0,0,0,.3);border:1px solid #6c2300;height:90px}.char__col{height:100%}.char__col--lvl{max-width:60px;width:100%;font-size:48px;color:#da9803}.char__col--icon{max-width:68px;width:100%;margin:0 20px 0 0}.char__col--honor,.char__col--name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:140px;width:100%;padding:5px 0}.char__col--honor{max-width:200px}.char__col--service{width:100%;max-width:300px}.char__name{width:100%}.char__guild{width:100%;color:#29d932}.char__honor-p{width:100%}.char__service-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.char__service-item{width:50%}.char__service-btn{margin:0 auto}@media (max-width:1190px){.char__item{padding:0 10px;font-size:22px}.char__col--honor,.char__col--name{max-width:130px}}@media (max-width:1014px){.char__item,.char__list{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.char__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.char__item{width:100%;height:auto;margin:0 0 20px;padding:10px;font-size:26px}.char__col{height:auto;max-width:100%}.char__col--icon{width:50%;margin:0}.char__col--icon img{display:block;width:72px;height:72px;margin:0 0 0 auto}.char__col--lvl{width:50%}.char__honor-p{margin:0 0 5px}.char__col--honor{margin:0 0 20px}.char__service-list{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.char__service-item{width:100%}.char__service-btn{width:100%;max-width:100%;height:35px;margin:0 0 10px;font-size:22px}}.confirm.active,.feedback{width:100%;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.feedback__wrap{width:100%}.feedback__form{position:relative}.feedback__row{width:100%;margin:0 0 30px}.feedback__label{display:block;width:100%;margin:0 0 10px}.feedback__input{width:100%}.confirm{display:none}.confirm.active{position:fixed;top:0;left:0;right:0;bottom:0;display:block;height:100%;background:rgba(0,0,0,.8);border:1px solid #000;z-index:2}.confirm__form{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:90%;background:rgba(0,0,0,.9);border:1px solid #6c2300;padding:20px;text-align:center}.confirm__form-btn-block,.confirm__form.load:after{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%}.confirm__form.load:after{content:'Загрузка...';position:absolute;top:0;left:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;background:rgba(0,0,0,.9);border:1px solid #6c2300;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.confirm__form-p{margin:0 0 15px}.confirm__form-btn-block{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.confirm__form-btn{margin:0 15px}.authorization{position:relative;width:100%;height:100%;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.authorization__form,.authorization__form:after{width:100%;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.authorization__form{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;max-width:350px;margin:0;padding:20px;border:1px solid #6c2300;background:rgba(0,0,0,.9);position:relative;top:50%;left:50%}.authorization__form:after{content:'Загрузка...';position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:0;background:rgba(0,0,0,.8);text-align:center;opacity:0}.authorization__form--load:after{height:100%;opacity:1}.authorization__title{margin:0 0 20px;font-size:48px;text-align:center}.authorization__label{display:block;margin:0 0 5px;font-size:24px}.authorization__input{max-width:100%;margin:0 0 15px;font-size:18px;color:#fff}.authorization__input--hidden{position:absolute;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);z-index:-1}.authorization__input--last{margin:0 0 20px}.authorization__btn{max-width:100%;position:relative;margin:0 0 15px;font-size:24px}.authorization__btn--aut{margin:0 0 20px}.authorization__btn--aut:after{content:'';position:absolute;display:block;top:-webkit-calc(100% + 10px);top:calc(100% + 10px);left:0;width:100%;height:1px;background:#5d5d5d}.authorization__btn--back{background:#9b9b9b;color:#fff}.authorization__result{text-align:center}.authorization__result,.authorization__result span{-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.alert,.alert__close{background:rgba(0,0,0,.9);border:1px solid #6c2300}.alert,.alert.out{-webkit-animation-fill-mode:forwards!important;animation-fill-mode:forwards!important}.alert{bottom:105px;right:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;max-width:300px;padding:20px 10px;color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:fixed;width:100%;z-index:5;-webkit-animation:toggleBlock 4s;animation:toggleBlock 4s}.alert.out{-webkit-animation:outBlock 2s;animation:outBlock 2s}.alert__close{position:absolute;top:-10px;left:-10px;display:block;width:30px;height:30px;-webkit-border-radius:50%;border-radius:50%;cursor:pointer;z-index:10}.alert__close:after{content:'x';position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:#fff}.vote{width:100%;-webkit-animation:stateVisible .15s;animation:stateVisible .15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.vote,.vote__list{margin:0;padding:0}.vote__item{width:100%;margin:0 0 30px;padding:0 20px;background:rgba(0,0,0,.3);border:1px solid #6c2300;height:90px}.vote__item-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:100%;width:100%}.vote__count,.vote__name{margin:0 25px 0 0}.vote__btn-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;max-width:300px}.vote__btn{margin:0 15px 0 0}@media (max-width:700px){.vote__item{width:100%;height:auto;margin:0 0 20px;padding:10px;font-size:26px}.vote__count{display:none}}