.overlay{align-items:center;background-color:rgba(0,0,0,.8);display:none;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.popup-wrap{background-color:#fff;background-size:cover;border-radius:5px;box-shadow:0 0 15px 5px #714026;display:none;max-width:1280px;padding:10px 25px;position:relative;z-index:1100}.popup-wrap,.popup-wrap .close{background-image:url(/img/core/light-bg.jpg);background-position:50px}.popup-wrap .close{border:2px solid #714026;border-radius:50%;cursor:pointer;font-size:24px;height:36px;position:absolute;right:-15px;top:-15px;width:36px;z-index:1221}.popup-wrap .close:hover{box-shadow:inset 0 0 6px 0 #714026}.popup-wrap .popup-content{color:#714026;padding:15px 20px}.popup-wrap .popup-title{border-bottom:1px solid #714026;font-size:24px;font-weight:700;line-height:32px;margin:0 auto;max-width:360px;min-width:260px;padding:10px 0;text-align:center}.popup-wrap .popup-text{line-height:20px;max-height:580px;overflow-y:auto;padding:15px 0}.popup-wrap .popup-text p{padding:5px 0;text-indent:15px}.popup-wrap .popup-buttons-wrap{padding:10px 0}.popup-wrap .popup-buttons-wrap .button-container{margin:0 10px;position:relative}.popup-wrap .popup-buttons-wrap .button-container:first-child:before,.popup-wrap .popup-buttons-wrap .button-container:last-child:after{background-color:#714026;content:"";height:1px;position:absolute;top:50%;vertical-align:middle;width:51px}.popup-wrap .popup-buttons-wrap .button-container:first-child:before{right:100%}.popup-wrap .popup-buttons-wrap .button-container:last-child:after{left:100%}.popup-wrap .popup-button{background-color:transparent;border:2px solid #714026;border-radius:5px;color:#714026;cursor:pointer;display:inline-block;height:33px;line-height:31px;margin:0 auto;padding:0 10px;position:relative;transition:all .3s}.popup-wrap .popup-button span{display:inline-block;font-size:16px;font-weight:700;margin-top:0;text-shadow:none;transition:all .3s}.popup-wrap .popup-button:hover{background-color:#714026;color:#f4ecce}.error-wrap{z-index:2000}.error-wrap,.error-wrap .close{border:2px solid #a00c07}.error-wrap .popup-text{font-size:20px}.buy-card .input-wrap,.buy-card .result-wrap,.buy-magic .input-wrap,.buy-magic .result-wrap,.buy-silver-popup .input-wrap,.buy-silver-popup .result-wrap{display:inline;position:relative}.buy-card .popup-text,.buy-magic .popup-text,.buy-silver-popup .popup-text{font-size:16px}.buy-card .popup-input,.buy-magic .popup-input,.buy-silver-popup .popup-input{background:none;border:1px solid #e5ab59;font-size:16px;padding:4px 24px 4px 10px;text-align:center;width:64px}.buy-card .input-controls,.buy-magic .input-controls,.buy-silver-popup .input-controls{font-size:10px;position:absolute;right:4px;top:-7px}.buy-card .input-controls .less,.buy-card .input-controls .more,.buy-magic .input-controls .less,.buy-magic .input-controls .more,.buy-silver-popup .input-controls .less,.buy-silver-popup .input-controls .more{cursor:pointer;height:12px;margin-top:3px;position:relative;text-align:center;width:14px}.buy-card .input-controls .less .arrow-down,.buy-card .input-controls .less .arrow-up,.buy-card .input-controls .more .arrow-down,.buy-card .input-controls .more .arrow-up,.buy-magic .input-controls .less .arrow-down,.buy-magic .input-controls .less .arrow-up,.buy-magic .input-controls .more .arrow-down,.buy-magic .input-controls .more .arrow-up,.buy-silver-popup .input-controls .less .arrow-down,.buy-silver-popup .input-controls .less .arrow-up,.buy-silver-popup .input-controls .more .arrow-down,.buy-silver-popup .input-controls .more .arrow-up{border-left:5px solid transparent;border-right:5px solid transparent}.buy-card .input-controls .less .arrow-up,.buy-card .input-controls .more .arrow-up,.buy-magic .input-controls .less .arrow-up,.buy-magic .input-controls .more .arrow-up,.buy-silver-popup .input-controls .less .arrow-up,.buy-silver-popup .input-controls .more .arrow-up{border-bottom:6px solid #e5ab59}.buy-card .input-controls .less .arrow-down,.buy-card .input-controls .more .arrow-down,.buy-magic .input-controls .less .arrow-down,.buy-magic .input-controls .more .arrow-down,.buy-silver-popup .input-controls .less .arrow-down,.buy-silver-popup .input-controls .more .arrow-down{border-top:6px solid #e5ab59}.buy-card .input-controls .less:active .arrow-up,.buy-card .input-controls .more:active .arrow-up,.buy-magic .input-controls .less:active .arrow-up,.buy-magic .input-controls .more:active .arrow-up,.buy-silver-popup .input-controls .less:active .arrow-up,.buy-silver-popup .input-controls .more:active .arrow-up{border-bottom:6px solid #571f02}.buy-card .input-controls .less:active .arrow-down,.buy-card .input-controls .more:active .arrow-down,.buy-magic .input-controls .less:active .arrow-down,.buy-magic .input-controls .more:active .arrow-down,.buy-silver-popup .input-controls .less:active .arrow-down,.buy-silver-popup .input-controls .more:active .arrow-down{border-top:6px solid #571f02}.buy-card .result-wrap,.buy-magic .result-wrap,.buy-silver-popup .result-wrap{padding:0 10px}.buy-card .result-wrap .result,.buy-magic .result-wrap .result,.buy-silver-popup .result-wrap .result{font-weight:700;padding:0 5px}.buy-card .popup-resources-wrap,.buy-magic .popup-resources-wrap,.buy-silver-popup .popup-resources-wrap{align-items:center;display:flex;justify-content:flex-end;left:45%;padding-top:10px;position:relative;width:100px}.buy-card .popup-resources-wrap .popup-resource,.buy-card .result-wrap .popup-resource,.buy-magic .popup-resources-wrap .popup-resource,.buy-magic .result-wrap .popup-resource,.buy-silver-popup .popup-resources-wrap .popup-resource,.buy-silver-popup .result-wrap .popup-resource{font-size:16px;padding:2px 10px 0 30px}.buy-card .popup-resources-wrap .popup-resource.gold,.buy-card .result-wrap .popup-resource.gold,.buy-magic .popup-resources-wrap .popup-resource.gold,.buy-magic .result-wrap .popup-resource.gold,.buy-silver-popup .popup-resources-wrap .popup-resource.gold,.buy-silver-popup .result-wrap .popup-resource.gold{background:url(/img/core/gold.png) 10% no-repeat}.buy-card .popup-resources-wrap .popup-resource.silver,.buy-card .result-wrap .popup-resource.silver,.buy-magic .popup-resources-wrap .popup-resource.silver,.buy-magic .result-wrap .popup-resource.silver,.buy-silver-popup .popup-resources-wrap .popup-resource.silver,.buy-silver-popup .result-wrap .popup-resource.silver{background:url(/img/core/silver.png) 10% no-repeat}.buy-silver-popup .result-wrap{font-size:17px;font-weight:700;padding:0 5px}.fraction-popup{max-width:720px}.fraction-popup .popup-text{font-size:20px;text-align:justify}.fraction-popup .popup-text p{line-height:24px}.card-info{max-width:720px;position:relative}.card-info .popup-title{font-size:32px;font-weight:700;padding:10px;text-align:center}.card-info .card-info-img{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:5px;border-top:10px solid transparent;overflow:hidden;position:relative;width:45%}.card-info .card-info-text{color:#571f02;font-size:16px;line-height:20px;min-height:300px;padding:30px 20px 20px 0;text-indent:20px;width:55%}.card-info .card-info-text h4,.card-info .card-info-text p{padding:5px 0}.buy-energy-popup,.buy-premium-popup,.buy-silver-popup{max-width:720px;min-width:270px;position:relative}.buy-energy-popup .price-table,.buy-premium-popup .price-table,.buy-silver-popup .price-table{padding-left:15px;width:100%}.buy-energy-popup .price-table .price-value,.buy-premium-popup .price-table .price-value,.buy-silver-popup .price-table .price-value{color:#714026;display:inline-block;font-size:24px;min-width:80px;padding:10px 15px 10px 25px;position:relative;text-align:left}.buy-energy-popup .price-table .price-value.gold:before,.buy-energy-popup .price-table .price-value.silver:before,.buy-premium-popup .price-table .price-value.gold:before,.buy-premium-popup .price-table .price-value.silver:before,.buy-silver-popup .price-table .price-value.gold:before,.buy-silver-popup .price-table .price-value.silver:before{content:"";height:20px;left:0;position:absolute;top:7px;width:20px}.buy-energy-popup .price-table .price-value.gold:before,.buy-premium-popup .price-table .price-value.gold:before,.buy-silver-popup .price-table .price-value.gold:before{background-image:url(/img/core/gold.png)}.buy-energy-popup .price-table .price-value.silver:before,.buy-premium-popup .price-table .price-value.silver:before,.buy-silver-popup .price-table .price-value.silver:before{background-image:url(/img/core/silver.png)}.buy-energy-popup .price-table .price-text,.buy-premium-popup .price-table .price-text,.buy-silver-popup .price-table .price-text{color:#714026;display:inline-block;font-size:24px;padding:10px 15px}.play-popup{max-width:630px}.play-popup .popup-text{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-around;overflow:visible}.play-popup .popup-text>*{flex:0 0 33%}.play-popup .fraction-wrap{position:relative;text-align:center;text-decoration:none}.play-popup .fraction-wrap .fraction-image{margin:20px 0 10px}.play-popup .fraction-wrap .fraction-image img{width:120px}.play-popup .fraction-wrap .fraction-title{background-color:transparent;border:2px solid #714026;border-radius:5px;color:#714026;cursor:pointer;font-size:18px;font-weight:700;line-height:30px;margin:0 auto;padding:6px 10px 4px;position:relative;text-align:center;transition:all .3s}.play-popup .fraction-wrap:hover .fraction-title{background-color:#714026;color:#f4ecce}.play-popup .fraction-wrap:hover .fraction-description{opacity:1;transform:scale(1)}.play-popup .fraction-wrap .fraction-description{background-image:url(/img/core/light-bg.jpg);background-position:50%;background-size:cover;border-radius:5px;bottom:70%;box-shadow:0 0 15px 5px #714026;color:#714026;font-size:18px;left:calc(50% - 175px);opacity:0;padding:15px;pointer-events:none;position:absolute;transform:scale(0) translateZ(0);transition:all .2s;width:350px;z-index:1300}.play-popup .fraction-wrap .fraction-description p{line-height:20px}.play-popup .fraction-wrap .fraction-description:before{background-image:url(/img/core/light-bg.jpg);background-position:50%;background-size:cover;border-bottom:1px solid #714026;border-right:1px solid #714026;bottom:-15px;content:"";display:block;height:30px;left:calc(50% - 15px);position:absolute;transform:translateZ(0) rotate(45deg);width:30px;z-index:0}.registration-wrap{background:url(/img/core/main-bg.jpg) 50% no-repeat;min-height:100vh;position:relative;width:100%}.registration-wrap .registration-bg{background:url(/img/core/registration-img.png) 25% top no-repeat;background-size:cover;height:calc(100vh - 56px);position:relative}.registration-wrap .registration-form{-o-border-image:url(/img/core/gem-border.png) 37 55 37 55 repeat;border-image:url(/img/core/gem-border.png) 37 55 37 55 fill repeat;border-style:solid;border-width:37px 55px;position:relative;width:470px}.registration-wrap .registration-form .registration-form-caption{color:#e5ab59;font-size:32px;font-weight:200;line-height:64px;text-align:center;text-transform:uppercase}.registration-wrap .registration-form .registration-form-wrap{background:url(/img/core/main-bg.jpg) 50% no-repeat;margin:0 -20px;padding:30px 40px 20px}.registration-wrap .registration-form .registration-form-wrap .block-label{display:block;margin-bottom:10px;text-align:center;width:100%}.registration-wrap .registration-form .registration-form-wrap .form-input{width:100%}.registration-wrap .error-message{color:red;padding:2px 5px;text-align:left}.registration-wrap .registration-fractions-wrap .registration-fractions-field{position:relative}.registration-wrap .registration-fractions-wrap .registration-fractions-field .form-input{cursor:pointer}.registration-wrap .registration-fractions-wrap .registration-fractions-field .registration-fraction-selector{color:#e5ab59;cursor:pointer;font-size:24px;font-weight:200;padding:11px;position:absolute;right:0;top:0}.registration-wrap .registration-fractions-wrap .registration-fractions-list{background:url(/img/core/black-bg.jpg) 50%;border:1px solid transparent;border-radius:5px;bottom:39px;display:none;left:0;padding:5px 0;position:absolute;width:100%}.registration-wrap .registration-fractions-wrap .registration-fractions-list li{color:#fff;cursor:pointer;font-size:16px;line-height:32px;min-height:0;padding:3px 2px 3px 0;text-align:left}.registration-wrap .registration-fractions-wrap .registration-fractions-list li span{display:block;padding:5px 20px 5px 15px}.registration-wrap .registration-fractions-wrap .registration-fractions-list li .fraction-image{border:1px solid transparent;border-radius:50%;display:none;height:100px;opacity:.7;position:absolute;right:20px;top:50px;width:100px}.registration-wrap .registration-fractions-wrap .registration-fractions-list li .fraction-image img{width:100%}.registration-wrap .registration-fractions-wrap .registration-fractions-list li:hover .fraction-image{display:block}.registration-wrap .registration-fractions-wrap .registration-fractions-list li[data-slug=knights]:hover span{box-shadow:2px 0 2px 2px rgba(128,128,255,.5),inset 4px 0 8px 3px rgba(128,128,255,.5)}.registration-wrap .registration-fractions-wrap .registration-fractions-list li[data-slug=forest]:hover span{box-shadow:2px 0 2px 2px rgba(128,255,128,.5),inset 4px 0 8px 3px rgba(128,255,128,.5)}.registration-wrap .registration-fractions-wrap .registration-fractions-list li[data-slug=highlander]:hover span{box-shadow:2px 0 2px 2px rgba(255,255,128,.5),inset 4px 0 8px 3px rgba(255,255,128,.5)}.registration-wrap .registration-fractions-wrap .registration-fractions-list li[data-slug=cursed]:hover span{box-shadow:2px 0 2px 2px hsla(0,100%,75%,.5),inset 4px 0 8px 3px hsla(0,100%,75%,.5)}.registration-wrap .registration-fractions-wrap .registration-fractions-list li[data-slug=undead]:hover span{box-shadow:2px 0 2px 2px rgba(255,128,255,.5),inset 4px 0 8px 3px rgba(255,128,255,.5)}.registration-wrap .registration-fractions-wrap .registration-fractions-list li[data-slug=monsters]:hover span{box-shadow:2px 0 2px 2px rgba(255,165,0,.5),inset 4px 0 8px 3px rgba(255,165,0,.5)}.registration-wrap .registration-agreement{padding:15px 0}.registration-wrap .registration-agreement label{line-height:32px;padding-top:1px}.registration-wrap .registration-agreement .label-text{color:#e5ab59;margin-left:5px}.registration-wrap .registration-agreement .agreement-link{color:#9c7146}.registration-wrap .registration-button-wrap{margin-bottom:10px;padding:5px 0;position:relative}.registration-wrap .registration-button-wrap .form-button{width:100%}@media screen and (max-width:480px){.registration-wrap .registration-form{width:320px}.registration-wrap .registration-agreement label{display:inline-block;line-height:14px}}