.card{margin:0 auto 25px!important;width:100%;max-width:460px;padding:25px;border-radius:20px;border:3px solid #5b2361;background-color:#c066ff;background:repeating-linear-gradient(45deg,#CE0071,#9B2766 10px,#860049 10px,#E73A98 20px)}.card__instructions{color:#fff;font-size:32px;max-width:433px;text-align:center;margin:0 auto 40px}.card__instructions h1{font-size:30px}.card__instructions p{color:#fff}.card__instructions span{width:40px;height:40px;display:inline-block}.card__instructions svg{width:100%;height:100%}.card__container{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;border-radius:20px;border:3px solid #5b2361;overflow:hidden;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzQnIHZpZXdCb3g9JzAgMCA0IDQnPjxwYXRoIGZpbGw9JyNhM2EzYTMnIGZpbGwtb3BhY2l0eT0nMC40JyBkPSdNMSAzaDF2MUgxVjN6bTItMmgxdjFIM1Yxeic+PC9wYXRoPjwvc3ZnPg==)}.card__item{cursor:pointer;width:25%;height:112.5px;padding:10px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:.3s ease-in}.card__item span{position:absolute}.card__item svg{width:72px;height:72px}.card__item .card__item__reload,.card__item .card__item__sale{opacity:0;z-index:1}.card__item__sale{position:relative;line-height:0}.card__item__sale p{font-family:saira condensed,sans-serif;font-style:normal;font-weight:700;font-size:25px;line-height:39px;text-align:center;color:#fff;position:absolute;top:17px;left:15px}.card__item.reload .card__item__reload{opacity:1}.card__item.reload .card__item__cover{opacity:0}.card__item.sale .card__item__sale{opacity:1}.card__item.sale .card__item__cover{opacity:0}.card__item.glow::after{content:'';position:absolute;display:block;width:72px;height:72px;top:20px;z-index:-1;background:rgba(173,250,76,.72);filter:blur(10px)}.card__item:hover{transform:scale(1.2)}.card__item__sale-100,.card__item__sale-50,.card__item__sale-30{display:none}.card__item.sale-100 .card__item__sale-100{display:block}.card__item.sale-50 .card__item__sale-50{display:block}.card__item.sale-30 .card__item__sale-30{display:block}.card__item__sale .card__item__sale-100,.card__item__sale .card__item__sale-50,.card__item__sale .card__item__sale-30{top:70%;left:51%;font-size:21px;transform:translate(-50%,-50%)}.pop-up-window{top:13%}.pop-up-window .pop-up-text{margin-bottom:20px!important}.order_block{padding:10px}.input-roulette{-webkit-appearance:none}@media only screen and (max-width:370px){.card__item svg{width:40px;height:40px}.card__item.glow::after{width:40px;height:40px;top:20px}.card__instructions h1{font-size:20px}.card__item__sale p{font-size:17px;line-height:17px;top:13px;left:5px}}@media only screen and (max-width:425px){.pop-up-heading{font-size:34px}.pop-up-window .pop-up-text{font-size:18px}.close-popup{right:0;top:-70px}}@media only screen and (max-width:425px){.card__item svg{width:52px;height:52px}.card__item{height:90px}.card__instructions{margin:0 auto 10px}.card__instructions h1{font-size:24px;margin-top:0!important}.card__instructions span{width:25px;height:25px}.card__instructions p{color:#fff!important}.card__item.glow::after{width:52px;height:52px}.card__item__sale p{font-size:17px;top:16px;left:8px}.card__item__sale-30{left:50%!important}.card__item__sale .card__item__sale-100,.card__item__sale .card__item__sale-50,.card__item__sale .card__item__sale-30{top:77%;left:50%;transform:translate(-50%,-50%)}}.input-roulette{border:1px solid lightgrey}body,html{margin:0}.demon_popup{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;font-family:sans-serif;display:none;z-index:9999}.demon_popup.active{display:block}.demon_overflow{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.7)}.demon_popup_body{position:absolute;top:10%;left:50%;transform:translateX(-50%);width:100%;max-width:850px;padding:20px 20px 90px;background:linear-gradient(135deg,#3c72b5 0,#7b9fcc 100%) 0 0;box-sizing:border-box;border:5px solid #ddd;min-height:415px}.demon_popup_title{width:100%;text-align:center;font-size:28px;color:#fff;margin:0}.demon_popup_body img{position:absolute;left:35px;top:100px;width:100%;max-width:210px;height:220px;object-fit:contain}.demon_popup_body p{padding-left:266px;font-size:23px;line-height:1.3;margin:0;padding-top:30px;color:#fff}.demon_popup_body p span{color:#de455c;white-space:nowrap;font-size:34px;font-weight:700}.demon_popup_body p:first-of-type{padding-top:58px}.demon_popup_body a:last-of-type{position:absolute;left:50%;margin-left:-200px;bottom:20px;height:60px;background:transparent linear-gradient(to bottom,#de455c 0,#de455c 13%,#c01f37 76%,#c01f37 100%) repeat scroll 0 0;color:#e0e2e6;text-transform:uppercase;display:flex;justify-content:center;align-items:center;width:400px;font-size:26px;font-weight:900;border-radius:10px;text-decoration:none;box-shadow:0 0 25px rgba(0,0,0,.8)}.demon_popup_body a:last-of-type:hover{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:pulse;animation-name:pulse}.demon_close{position:absolute;top:20px;right:20px;width:30px;height:30px;display:block;cursor:pointer}.demon_close:after{content:"";width:40px;height:4px;background-color:#de455c;transform:rotate(45deg);position:absolute;top:13px;left:-5px}.demon_close:before{content:"";width:40px;height:4px;background-color:#de455c;transform:rotate(-45deg);position:absolute;top:13px;left:-5px}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.demon_popup.active .demon_popup_body{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.demon_close{z-index:999999999} .submit-roulette { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; }
@font-face {font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local(''), url('../fonts/roboto-v27-cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/roboto-v27-cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face {font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local(''), url('../fonts/roboto-v27-cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/roboto-v27-cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } body *, *{font-family:"Roboto",sans-serif; }