@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic");/*===============================
=            Choices            =
===============================*/.choices{position:relative;margin-bottom:24px;font-size:16px}.choices:focus{outline:none}.choices:last-child{margin-bottom:0}.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input{background-color:#EAEAEA;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices[data-type*="select-one"]{cursor:pointer}.choices[data-type*="select-one"] .choices__inner{padding-bottom:7.5px}.choices[data-type*="select-one"] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #DDDDDD;background-color:#FFFFFF;margin:0}.choices[data-type*="select-one"] .choices__button{background-image:url("../../icons/cross-inverse.svg");padding:0;background-size:8px;height:100%;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.5}.choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus{opacity:1}.choices[data-type*="select-one"] .choices__button:focus{box-shadow:0px 0px 0px 2px #00BCD4}.choices[data-type*="select-one"]:after{content:"";height:0;width:0;border-style:solid;border-color:#333333 transparent transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*="select-one"].is-open:after{border-color:transparent transparent #333333 transparent;margin-top:-7.5px}.choices[data-type*="select-one"][dir="rtl"]:after{left:11.5px;right:auto}.choices[data-type*="select-one"][dir="rtl"] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner{cursor:text}.choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button{position:relative;display:inline-block;margin-top:0;margin-right:-4px;margin-bottom:0;margin-left:8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url("../../icons/cross.svg");background-size:8px;width:8px;line-height:1;opacity:.75}.choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus, .choices[data-type*="text"] .choices__button:hover, .choices[data-type*="text"] .choices__button:focus{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #DDDDDD;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner, .is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir="rtl"] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00BCD4;border:1px solid #00a5bb;color:#FFFFFF;word-break:break-all}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir="rtl"] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaaaaa;border:1px solid #919191}.choices__list--dropdown{display:none;z-index:1;position:absolute;width:100%;background-color:#FFFFFF;border:1px solid #DDDDDD;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all}.choices__list--dropdown.is-active{display:block}.is-open .choices__list--dropdown{border-color:#b7b7b7}.is-flipped .choices__list--dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item{position:relative;padding:10px;font-size:14px}[dir="rtl"] .choices__list--dropdown .choices__item{text-align:right}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted:after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus{outline:none}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input:focus{outline:0}[dir="rtl"] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5}/*=====  End of Choices  ======*/.vnotify-container{position:fixed}.vnotify-container.vn-top-right{right:10px;top:10px}.vnotify-container.vn-top-left{top:10px;left:10px}.vnotify-container.vn-bottom-right{bottom:10px;right:10px}.vnotify-container.vn-bottom-left{bottom:10px;left:10px}.vnotify-container.vn-center{top:50%;left:50%;transform:translate(-50%, -50%)}.vnotify-container .vn-close{position:absolute;top:5px;right:10px;width:15px;height:15px;padding:2px;cursor:pointer}.vnotify-container .vn-close:before, .vnotify-container .vn-close:after{content:'';position:absolute;width:100%;top:50%;height:2px;background:#fff}.vnotify-container .vn-close:before{transform:rotate(45deg)}.vnotify-container .vn-close:after{transform:rotate(-45deg)}.vnotify-item{width:20em;padding:15px;position:relative;border-radius:5px;margin-bottom:15px;opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75)}.vnotify-item:hover{opacity:1}.vnotify-title{font-weight:bold}.vnotify-info{background:#3498db;color:#fff}.vnotify-success{background:#2ecc71;color:#fff}.vnotify-error{background:#e74c3c;color:#fff}.vnotify-warning{background:#f39c12;color:#fff}.vnotify-notify{background:#333;color:#fff}*{box-sizing:border-box;padding:0;margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}input, textarea, button{font-family:"Roboto","Helvetica Neue",Arial,sans-serif}table{border-collapse:collapse;border-spacing:0}html{background:#1D1B1E;background:#000}body{font-family:"Roboto","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:20px;color:#fff}a{transition:all .3s ease;text-decoration:underline;color:#FFD400}a:hover{text-decoration:none}.js-lazyload{transition:opacity 200ms ease-in-out;max-width:100%;opacity:0}.js-lazyload.loaded{opacity:1}.mobile-show{display:none}.mobile-s-hide{display:block}.choices[data-type*="select-one"]:after{border-top-color:rgba(255,255,255,0.5)}.choices[data-type*="select-one"].is-open:after{border-bottom-color:#FFD400}.choices__inner{border:1px solid rgba(255,255,255,0.5);font-weight:100;background-color:rgba(255,255,255,0.01)}.is-open .choices__inner{border-radius:3px 3px 0 0}.is-open .choices__inner, .is-focused .choices__inner{border-color:#FFD400}.choices__list--dropdown{background-color:#201e21}.is-open .choices__list--dropdown{border-color:#FFD400;border-top-color:rgba(255,255,255,0.1);box-shadow:0 20px 60px rgba(0,0,0,0.6)}.choices__item{font-size:16px;font-weight:100}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:rgba(255,255,255,0.01)}.vnotify-item{position:relative;opacity:1 !important;border-radius:3px;font-size:17px;font-weight:400;line-height:19px;padding:10px 15px 10px 12px;width:340px;z-index:999999}.vnotify-success{background-color:rgba(79, 149, 58, 0.2);border:1px solid #4F953A;color:#fff;background-color:#4F953A;color:#000}.vnotify-error{background-color:rgba(255, 0, 0, 0.2);border:1px solid red;color:#fff;border-color:#db324d;background-color:#db324d;color:#fff}.input-text{outline:none;background-color:transparent;border:none;border-bottom:1px solid rgba(255,255,255,0.5);background-image:linear-gradient(to top, rgba(0,145,255,0.2), rgba(0,145,255,0) 100%);padding:10px;transition:all .3s ease}.input-text--pay{font-size:20px;padding-bottom:5px;text-align:center;color:#fff}.input-text--pay:focus{font-size:30px;padding-bottom:15px}.input-text--code, .input-text--big{font-size:34px;font-weight:300;padding:15px;text-align:center;color:#fff;border:1px solid rgba(255,255,255,0.5);background-color:rgba(255,255,255,0.01);border-radius:3px;background-image:none;width:100%}.input-text--code:focus, .input-text--big:focus{border-color:#FFD400}.input-text--code{font-size:18px;padding:15px}.input-text--checkout{color:#fff;font-size:16px;font-weight:300;background-image:none;padding:12px 15px;border:1px solid rgba(255,255,255,0.5);background-color:rgba(255,255,255,0.01);display:block;width:100%;margin:18px 0 0;border-radius:3px}.input-text--checkout:focus{border-color:#FFD400}.input-text--checkout:disabled{color:#FFD400;border:none;background-color:transparent;padding:0;font-size:22px;margin-top:5px}.input-text-label-set .input-text{width:100%}.input-text-label{opacity:.5;font-weight:300;line-height:1;transition:all .3s ease}.input-text:focus+.input-text-label{opacity:1}.input-text-label-set .input-text-label{position:absolute;left:0;right:0;top:0px;display:block;width:100%;text-align:center}.input-text-label-set .input-text:focus+.input-text-label{top:-8px}.payments-layout .input-text-label{display:block;margin-bottom:15px;text-align:center}.input-text-label-set{position:relative;padding-top:10px}.input-select{-webkit-appearance:none;color:#fff;font-size:16px;background-image:none;padding:12px 15px;border:1px solid rgba(255,255,255,0.5);background-color:rgba(255,255,255,0.01);display:block;width:100%;margin:18px 0 25px;border-radius:3px;outline:none;cursor:pointer}.input-checkbox{display:none}.input-checkbox-label{display:block;position:relative;padding-top:1px;padding-left:32px;font-size:16px;font-weight:100;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-checkbox-label:after{content:'';position:absolute;left:5px;top:5px;display:block;border-radius:1px;width:12px;height:12px}.input-checkbox-label:before{content:'';position:absolute;left:0;top:0;display:block;border:1px solid rgba(255,255,255,0.5);background-color:rgba(255,255,255,0.01);border-radius:3px;width:20px;height:20px}.input-checkbox:checked+.input-checkbox-label:after{background-color:#FFD400}.button{-webkit-appearance:button;font-size:24px;font-weight:400;line-height:32px;color:#fffffe;padding:10px 0;background-color:transparent;border-radius:3px;cursor:pointer;border:none;transition:background-color .3s ease, transform .3s ease, background-image .3s ease, box-shadow .3s ease, color .1s ease;outline:none}.button:hover{transform:translateY(-2px)}.button--red{background-color:#ff325c;background-image:linear-gradient(to right, #FF3280, #FF3145)}.button--red:hover{box-shadow:0 5px 25px -5px rgba(255,50,92,0.5)}.button--green{background-color:#5dae22;background-image:linear-gradient(to right, #0E7E1D, #9BA82B)}.button--green:hover:not(:disabled){box-shadow:0 5px 25px -5px rgba(93,174,34,0.5)}.button--gray{background-color:#7c8e9d;background-image:linear-gradient(to right, #617482, #94A8B6)}.button--gray:hover{box-shadow:0 5px 25px -5px rgba(124,142,157,0.5)}.button--blue{background-color:rgba(255, 212, 0, 0.03);background-image: linear-gradient(to right, rgb(255 35 87), rgb(0 108 242)); color: #fff}.button--blue:hover{background-color:#FFD400;box-shadow:0 5px 25px -5px rgba(255, 212, 0, 0.5)}.button--blue.button--pay, .button--blue.button--trade{    background-image: linear-gradient(to right, #ff2359, #006ef6);color:#fff;border:none;padding-left:0;padding-right:0;width:100%;height:60px;line-height:30px}.button--blue.button--pay:disabled, .button--blue.button--trade:disabled{opacity:0.4}.button--blue.button--pay:disabled:hover, .button--blue.button--trade:disabled:hover{box-shadow:none}.button--blue.button--trade{border-radius:10px}.button--more{width:100%;height:60px}.button:active{transform:translateY(0px);box-shadow:none}.button:disabled{cursor:default;transform:none !important}.logo{display:inline-block;background-image:url(https://mydrop.skin/images/case/csdrop_lo2go12.png);background-position:center;background-repeat:no-repeat;width:272px;height:100px}.title{position:relative;display:block;font-weight:300;font-size:30px;line-height:29px;padding:15px 0;color:#fff;margin-bottom:60px}.title:before{content:'';display:block;position:absolute;left:0;right:0;bottom:0;width: 256px; height: 15px; background: url(https://mydrop.skin/images/title.e65e586122.svg) 50% no-repeat;}.title--center{text-align:center}.title--center:before{margin:0 auto}.page__bg{position:fixed;top:0;left:0;right:0;bottom:0;background-size:cover;background-repeat:no-repeat;background-image:url("https://mydrop.skin/images/bg-cs141.png");opacity:.3;z-index:-1}.page__bg--bullseye{background-color:#0e151b;background-image:background-attachment:fixed;background-size:cover;opacity:1}.page__header{margin-top:-9px;margin-bottom:80px}.page__info{margin:0 auto 80px;padding:0 10px;max-width:600px}.page__main{max-width:1440px;margin:0 auto 60px;overflow:hidden}.header{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:3px 0 0 30px;background-image:linear-gradient(to top, rgba(0,0,0,0.1), rgba(0,0,0,0.3));z-index:1}.header__logo{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-right:50px}.header__user{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-left:auto}.header-nav{display:-ms-flexbox;display:flex}.header-nav__item{font-weight:300;font-size:18px;line-height:1;margin-right:30px;list-style:none}.header-nav__item:last-child{margin-right:0}.header-nav__link{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:35px 0;text-decoration:none;color:#fff;white-space:nowrap}.header-nav__link:after{content:'';display:block;position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:#ff5400;opacity:0;transition:all .3s ease;box-shadow:0 0 10px #FFD400}.header-nav__link:hover{color:#FFD400}.header-nav__link:hover:after{opacity:1}.header-auth{display:inline-block;background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='34px' height='26px' viewBox='0 0 34 26' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EShape%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs/%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Desktop-Copy-3' transform='translate(-34.000000, -38.000000)' fill-rule='nonzero' fill='%23000000'%3E %3Cpath d='M52.869709,45.7306883 L47.9953239,52.8611455 C47.2057241,52.824987 46.4133886,52.9644555 45.6620891,53.2761074 C45.3308949,53.4121323 45.0205606,53.5791501 44.7293765,53.7719955 L34.0260078,49.3348303 C34.0260916,49.3348303 33.7783389,53.4379597 34.8104781,56.4959362 L42.3771625,59.6400043 C42.7570869,61.349785 43.9218235,62.849502 45.6402032,63.5709503 C48.4516777,64.7538499 51.6933455,63.4056543 52.8628697,60.5732381 C53.1672195,59.8328496 53.3091355,59.0563027 53.2886175,58.2814776 L60.2630165,53.2623327 C60.3194409,53.2640545 60.3775751,53.2657764 60.4339996,53.2657764 C64.6076961,53.2657764 68,49.8393276 68,45.6315107 C68,41.4233495 64.6076961,38 60.4339996,38 C56.2620129,38 52.8679991,41.4233495 52.8679991,45.6315107 C52.8679991,45.6652587 52.8679991,45.6990066 52.869709,45.7306883 Z M46.1251112,62.3966598 C45.1236634,61.9765324 44.3675763,61.2068728 43.9313985,60.2891355 L46.3944095,61.3170701 C47.9953239,61.9885853 49.8320239,61.2240911 50.49749,59.6124549 C51.1650079,57.9990969 50.4077239,56.1464039 48.8076644,55.4748889 L46.2615557,54.4125175 C47.2440243,54.0371579 48.3608857,54.0233831 49.4043953,54.4607289 C50.4564541,54.9015183 51.2727272,55.7314421 51.7053143,56.7920915 C52.1379015,57.852741 52.1361917,59.0235879 51.698475,60.0807937 C50.7932907,62.2692441 48.2959121,63.3075097 46.1251112,62.3966598 Z M55.3934189,45.6315107 C55.3934189,42.8292266 57.6555249,40.5471084 60.4339996,40.5471084 C63.2141841,40.5471084 65.47629,42.8292266 65.47629,45.6315107 C65.47629,48.4360333 63.2141841,50.7174627 60.4339996,50.7174627 C57.6555249,50.7174627 55.3934189,48.4360333 55.3934189,45.6315107 Z M60.4425487,41.8028416 C62.5336715,41.8028416 64.2298235,43.5139998 64.2298235,45.6237625 C64.2298235,47.7336973 62.5336715,49.4433059 60.4425487,49.4433059 C58.3531357,49.4433059 56.6569837,47.7336973 56.6569837,45.6237625 C56.6569837,43.5139998 58.3531357,41.8028416 60.4425487,41.8028416 Z' id='Shape'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E");background-repeat:no-repeat;background-position:20px center;padding-left:70px;padding-top:15px;padding-bottom:15px;padding-right:20px;font-weight:400;font-size:20px;line-height:26px;color:#000;text-decoration:none;background-color:#f79400;border-radius:3px;margin-right:20px;white-space:nowrap}.header-auth .mobile-s-hide{display:inline}.header-auth:hover{box-shadow:0 5px 25px -5px rgba(255, 212, 0, 0.5)}.header-online{position:relative;font-weight:300;font-size:20px;line-height:26px;opacity:0}.header-online__label{font-size:16px;line-height:1;opacity:.5}.header-online:before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;background:#FFD400;box-shadow:0 0 0 rgba(255, 212, 0, 0.6);animation:pulse-dot 2.5s infinite;margin-right:10px;position:relative;top:-2px}.header-online--show{opacity:1}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 rgba(255, 212, 0, 0.6)}70%{box-shadow:0 0 0 8px rgba(255, 212, 0, 0)}100%{box-shadow:0 0 0 0 rgba(255, 212, 0, 0)}}.header-user{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;top:-1px;padding-right:30px;padding-left:55px}.header-user__avatar{display:block;position:absolute;left:0;top:1px;width:42px;height:42px;width: 42px; height: 42px; background: linear-gradient(0,#2165e2  10%,transparent 79%,transparent),linear-gradient(-90deg,#e62a68  50%,transparent,transparent 0); /* width: 62px; */ /* height: 62px; */ border-radius: 100%; overflow: hidden; transition: opacity .3s ease; flex-shrink: 0; border-radius: 50%; padding: 2px;}.header-user__avatar-img{display:block;width:100%;height:auto;border-radius:50%}.header-user__link{font-size:16px;font-weight:300;line-height:19px;margin-bottom:5px;text-decoration:none;color:rgba(255,255,255,0.5)}.header-user__link:hover{color:#FFD400}.header-user__logout{position:absolute;top:-15px;right:5px;display:block;font-size:0;line-height:0;opacity:.5;width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='fal' data-icon='sign-out' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-sign-out fa-w-16 fa-2x' fill='%23fff'%3E%3Cpath d='M48 64h132c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12H48c-8.8 0-16 7.2-16 16v288c0 8.8 7.2 16 16 16h132c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48zm279 19.5l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l132 131.4H172c-6.6 0-12 5.4-12 12v10c0 6.6 5.4 12 12 12h279.9L320 404.4c-4.7 4.7-4.7 12.3 0 17l7.1 7.1c4.7 4.7 12.3 4.7 17 0l164.5-164c4.7-4.7 4.7-12.3 0-17L344 83.5c-4.7-4.7-12.3-4.7-17 0z' class=''/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px 12px}.header-user__logout:hover{opacity:1}.header-user__balance{margin-left:-7px; margin-top: -9px;}.user-balance{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;border:none;cursor:pointer;outline:none;background-color:transparent;overflow:visible}.user-balance__amount, .user-balance__pay{display:block;font-weight:300; color:#ffff; border-radius:3px}.user-balance__amount{padding:1px 7px;font-size:18px;line-height:21px;}.user-balance__pay{padding:1px 7px 3px;background-image: linear-gradient(to right, #ff2359, #006ef6);color:#fff;transition:all .3s ease;font-weight:400;font-size:16px;line-height:19px;margin-left:5px}.user-balance:hover .user-balance__amount{background-color:rgba(0,0,0,0.4)}.user-balance:active{transform:translateY(1px)}.drophistory{position:absolute;top:0px;left:-20px;right:0;display:-ms-flexbox;display:flex;height:calc(80px + 38px + 15px + 3px);overflow:hidden;-webkit-overflow-scrolling:touch}.drophistory__item{-ms-flex-negative:0;flex-shrink:0;position:relative;display:inline-block;margin-right:1px;width:calc(99px + 16px);height:80px;background-color:rgba(0,0,0,0.5)}.drophistory__grad{position:absolute;right:0;top:0;height:80px;width:100px;pointer-events:none;background-image:linear-gradient(to left, #1D1B1E, transparent)}.history-item{display:block;position:relative;width:100%;height:100%;min-height:100%}.history-item__img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:80px;height:auto;transition:all .3s ease}.history-item:hover .history-item__img{transform:translate(-50%, calc(-50% - 3px))}.history-item:after, .history-item:before{content:'';display:block;height:1px;left:0;right:0;bottom:0;position:absolute}.history-item:before{left:auto;top:0;height:auto;width:1px}.history-item.restricted{background:url(https://mydrop.skin/images/skins/live-restricted.png) no-repeat center; background-size: 115%;}.history-item.restricted:after, .history-item.restricted:before{background-color:#ae03d8}.history-item.milspec{background:url(https://mydrop.skin/images/skins/live-milspec.png) no-repeat center; background-size: 115%;}.history-item.milspec:after, .history-item.milspec:before{background-color:#006ae2}.history-item.classified{background:url(https://mydrop.skin/images/skins/live-classified.png) no-repeat center; background-size: 115%;}.history-item.classified:after, .history-item.classified:before{background-color:#dc2f71}.history-item.covert{background:url(https://mydrop.skin/images/skins/live-covert.png) no-repeat center; background-size: 115%;}.history-item.covert:after, .history-item.covert:before{background-color:#e23000}.history-item.other{background:url(https://mydrop.skin/images/skins/live-uncommon.png) no-repeat center; background-size: 115%;}.history-item.other:after, .history-item.other:before{background-color:#006ae2}.history-item.knife, .history-item.rare{background:url(https://mydrop.skin/images/skins/live-rare.png) no-repeat center;  background-size: 115%;}.history-item.knife:after, .history-item.knife:before, .history-item.rare:after, .history-item.rare:before{background-color:#ffc600}.history-item-desc{position:absolute;bottom:0;transform:translateY(calc(100% + 3px));padding:4px 8px;z-index:1;border-radius:0 0 3px 3px;max-width:199px;display:none;color:#fff;z-index:9}.history-item.restricted+.history-item-desc{background-color:#8000e2}.history-item.milspec+.history-item-desc{background-color:#006ae2}.history-item.classified+.history-item-desc{background-color:#e200a0}.history-item.covert+.history-item-desc{background-color:#e23000}.history-item.other+.history-item-desc{color:#000;background-color:#9cf}.history-item.knife+.history-item-desc, .history-item.rare+.history-item-desc{color:#000;background-color:rgb(230, 180, 0)}.history-item:hover+.history-item-desc{display:block}.history-item-desc__name, .history-item-desc__user{overflow:hidden;white-space:nowrap;font-weight:300;font-size:14px;line-height:19px;color:inherit;text-overflow:ellipsis}.history-item-desc__user{opacity:.5}.cases{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:60px}.cases__item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-bottom:50px;width:20%}.cases--marvel .cases__item, .cases--standart .cases__item, .cases--collection .cases__item{width:16.666%}.cases--big .cases__item{width:50%}.case{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;max-width:256px;text-decoration:none}.cases--big .case{max-width:350px}.case__shadow{position:absolute;top:50%;left:50%;display:block;width:100%;height:auto;transform:translate(-50%, -50%);opacity:0 !important;z-index:-1;transition:filter .3s ease, opacity .3s ease}.case__img{display:block;width:100%;height:auto;transition:opacity 200ms ease-in-out, transform 300ms ease-in-out}.case__title{display:block;font-weight:300;font-size:18px;line-height:24px;color:rgba(255,255,255,0.5);text-align:center;transition:all .3s ease}.case__price{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-bottom:17px;margin-top:10px}.case__label, .case__limit{position:absolute;left:0;right:0;top:-10px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;z-index:1}.case__label{top:0;-ms-flex-pack:end;justify-content:flex-end}.case:hover:before{display:block;position:absolute;top:-20px;left:-15px;right:-15px;bottom:-15px;background-color:rgba(0,0,0,0.25);z-index:-1;border-radius:3px}.case:hover .case__shadow{opacity:.3 !important;filter:blur(40px)}.case:hover:not(.case--not-available) .case__img{transform:translateY(-5px)}.case:hover:not(.case--not-available) .case__title{color:#fff}.case--not-available{filter:grayscale(100%);transform:none !important}.case--not-available:before{content:none !important}.case--not-available:after{content:'недоступен';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -150%);z-index:1;background-color:rgba(0,0,0,0.6);font-weight:300;text-transform:uppercase;font-size:24px;line-height:32px;color:#FFD400;padding:2px 6px 1px;white-space:nowrap;border-radius:3px;opacity:0}.case--not-available:hover:after{opacity:1}.case--not-available .case__title, .case--not-available .case__price, .case--not-available .case__limit, .case--not-available .case__img{opacity:.5}.cases--marvel .case__img, .cases--standart .case__img, .cases--collection .case__img{max-height:140px;width:auto;margin-bottom:10px}.cases--marvel .case__img{max-height:180px}.cases--standart .case__img{max-height:160px}.case-price{position:relative;font-weight:400;font-size:22px;line-height:1;color:#fff;z-index:1}.case-price:before{content:'';display:block;bottom: -6px;position:absolute;top:-8px;left:-9px;right:-10px;background-image: url(https://mydrop.skin/images/price-frame1.svg);box-shadow:0 5px 10px rgba(0,0,0,0.5);border-radius:3px;z-index:-1}.case-price--sale{color:#00ff2b}.case-price__old{display:inline-block;position:absolute;top:0;right:0;transform:translate(calc(100% + 7px), -12px);font-size:20px;line-height:1;color:#fff;font-size:16px;z-index:1;text-decoration:line-through}.case-price__old:before{content:'';position:absolute;top:-3px;left:-5px;right:-5px;bottom:-2px;background-color:#d12622;box-shadow:1px 1px 3px rgba(0,0,0,0.3);border-radius:3px;transform:skewX(-8deg);z-index:-1}.case-price__old:after{display:block;position:absolute;top:46%;left:52%;height:1px;width:calc(100% + 4px);transform:translateX(-52%) rotate(-20deg);background-color:#fff}.case-limit{display:inline-block;background-color:rgba(0,0,0,0.25);font-weight:300;font-size:18px;line-height:24px;color:#FFD400;padding:2px 6px 1px;white-space:nowrap;animation:pulse 8s linear infinite;border-radius:3px}.case-limit__opens{display:inline}.case-limit__limit{display:inline;color:#fff;margin-left:2px}.case--not-available .case-limit{animation:none}@keyframes pulse{0%{transform:scale(1)}40%{transform:scale(1)}42%{transform:scale(0.7)}44%{transform:scale(1.3)}48%{transform:scale(1)}100%{transform:scale(1)}}.case-label{position:relative;font-weight:normal;font-size:14px;text-transform:uppercase;letter-spacing:1px;line-height:1;color:#fff;z-index:1;animation:pulse 8s linear infinite}.case-label:before{content:'';display:block;position:absolute;top:-9px;left:-10px;right:-10px;bottom:-8px;background-color:#5dae22;background-image:linear-gradient(to top, #0E7E1D, #9BA82B);background-color:#ff325c;background-image:linear-gradient(to top, #FF3280, #FF3145);box-shadow:0 5px 30px 5px rgba(93,174,34,0.5);box-shadow:0 5px 30px 5px rgba(255,50,92,0.8);border-radius:3px;transform:skewX(-7deg);z-index:-1}.case-page{margin:0 auto 60px;max-width:800px}.case-page__label{color:#8193a8;font-size:14px;text-align:center;margin-bottom:5px}.case-page__limit{text-align:center;margin-bottom:10px}.case-page__title{display:block;color:#fff;font-size:36px;font-weight:300;line-height:48px;text-align:center;margin-bottom:10px}.case-page__image{display:block;max-width:256px;margin:20px auto 40px}.case-page__subtitle{display:block;color:#7c91a8;font-size:17px;text-align:center}.case-page__counter{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.case-page__text{line-height:1.3;opacity:.5;text-align:center;max-width:700px;margin:0 auto 60px}.case-page__section{margin-bottom:40px}.case-page__message{margin-top:25px;font-weight:300;text-align:center}.case-roll{position:relative;overflow:hidden;display:block;margin:30px auto;height:220px;border:1px solid rgb(248, 147, 29);background-color:rgba(0,0,0,0.1);background-position:center;background-repeat:no-repeat;border-radius:7px}.case-roll:before, .case-roll:after{content:'';display:block;position:absolute;left:50%;width:30px;height:17px;width:0;height:0;background-repeat:no-repeat;border-color: rgb(245, 0, 0) transparent transparent transparent;border-width:15px;border-style:solid}.case-roll:before{top:0;transform:translateX(-50%)}.case-roll:after{bottom:0;transform:translateX(-50%) rotate(180deg)}.case-roll__image{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:auto;height:auto;max-height:190px;transition:opacity .3s ease}.case-roll__list{position:absolute;left:10px;right:10px;bottom:10px;top:10px}.case-win{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column;margin:-50px auto 0;padding-top:60px;position:relative;min-height:488px}.case-win:after, .case-win:before{content:'';position:absolute;display:block;top:50%;left:50%}.case-win:after{width:438px;height:433px;background-size:438px 433px;background-image:url("../img/case-win-border.png");transform:translate(-50%, -50%)}.case-win:before{width:608px;height:608px;background-size:608px 608px;transform:translate(-50%, -50%);z-index:-1}.case-win__rar:after, .case-win__rar:before{content:'';position:absolute;display:block;top:50%;left:50%}.case-win__rar:before{width:152px;height:152px;background-position:center;background-size:152px 152px;transform:translate(-50%, -50%);animation:rotating 5s linear infinite;background-image:url("../img/case-win-small-shadow.png");z-index:1}.case-win__rar:after{width:310px;height:310px;background-position:center;background-size:310px 310px;transform:translate(-50%, -50%);animation:rotating 10s linear infinite}.restricted .case-win__rar:after{background-image:url("../img/case-win-rar-restricted.png")}.milspec .case-win__rar:after{background-image:url("../img/case-win-rar-milspec.png")}.classified .case-win__rar:after{background-image:url("../img/case-win-rar-classified.png")}.covert .case-win__rar:after{background-image:url("../img/case-win-rar-covert.png")}.other .case-win__rar:after{background-image:url("../img/case-win-rar-other.png")}.rare .case-win__rar:after, .knife .case-win__rar:after{background-image:url("../img/case-win-rar-rare.png")}.case-win__title, .case-win__img, .case-win__firstname, .case-win__secondname{position:relative;z-index:2}.case-win__title{font-size:23px;color:#fff;text-transform:uppercase;margin-bottom:40px;display:none}.case-win__img{max-width:260px;display:block;margin-bottom:20px;animation:pulse-img 3s ease infinite}.case-win__firstname, .case-win__secondname{font-size:24px;font-weight:300;line-height:32px;color:#fff}.case-win__secondname{opacity:.5}@keyframes rotating{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes pulse-img{from{transform:scale(1)}50%{transform:scale(0.95)}to{transform:scale(1)}}.farm-buttons{text-align:center;font-size:0;line-height:0}.farm-buttons__text{color:rgba(255,255,255,0.5);font-size:16px;line-height:16px;margin-bottom:20px}.farm-buttons__input{display:none}.farm-buttons__label{position:relative;display:inline-block;padding:8px 8px 7px;width:56px;text-align:center;font-size:16px;font-weight:300;line-height:30px;color:#fff;border:1px solid rgb(130, 130, 130);border-right-color:transparent;margin-left:-1px;cursor:pointer;letter-spacing:1px}.farm-buttons__label--first{border-radius:3px 0 0 3px}.farm-buttons__label--last{border-radius:0 3px 3px 0;border-right-color:rgb(130, 130, 130)}.farm-buttons__input:checked+.farm-buttons__label, .farm-buttons__label:hover{background-color:rgba(255, 212, 0, 0.03);border-color:#f62509;border-right-color:#0e4cf1;z-index:1}.open-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:30px 0;font-size:0;line-height:0}.open-buttons__button{width:100%;height:60px;max-width:300px}.open-buttons__label{-ms-flex-negative:0;flex-shrink:0;line-height:40px;text-align:center;display:block;margin:0 30px;padding:10px 30px 10px;font-size:24px;font-weight:300;background-color:rgba(0,0,0,0.2);border:none;border-radius:3px}.open-buttons__label--price{width:170px;white-space:nowrap}.drops{position:relative;margin-bottom:80px}.drops__title{font-size:24px;font-weight:300;line-height:32px;color:#fff;text-align:center;margin-bottom:40px}.drops__title:before, .drops__title:after{position:absolute;width:100%;border-top:1px solid rgba(255,255,255,0.5);margin-top:.5em}.drops__title:before{margin-left:-101.6%}.drops__title:after{margin-left:1.6%}.drops__subtitle{display:block;font-size:18px;font-weight:300;line-height:24px;color:rgba(255,255,255,0.5);text-align:center;margin:-40px 0 40px}.drops__more, .drops__button{max-width:300px;display:block;margin:40px auto 0}.drops__button{max-width:300px}.drops--contract{max-width:1100px;margin-left:auto;margin-right:auto}.drop-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.drop-list__item{-ms-flex-negative:0;flex-shrink:0;list-style:none;width:200px;margin:5px}.drop-list__item--placeholder{background-color:rgba(0,0,0,0.2)}.drop-list--roll{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;height:100%}.drop-list--roll .drop-list__item{margin:0 10px 0 0}.drop{position:relative;display:block;height:150px;width:100%;border-bottom:1px solid transparent;transition:all .3s ease}.drop:before, .drop:after{position:absolute;display:block;width:2px;top:0;bottom:0}.drop:after{left:0}.drop:before{right:0}.profile-top-item .drop:before, .profile-top-item .drop:after{content:none}.drop.restricted{background: url(https://mydrop.skin/images/skins/item-type6-small.png) no-repeat center;);border-bottom-color:#8000e2}.drop.restricted:before, .drop.restricted:after{background-image:linear-gradient(to top, rgb(128, 0, 226), rgba(128, 0, 226, 0) 50%)}.drop.milspec{background: url(https://mydrop.skin/images/skins/item-type1-small.png) no-repeat center;);border-bottom-color:#006ae2}.drop.milspec:before, .drop.milspec:after{background-image:linear-gradient(to top, rgb(0, 106, 226), rgba(0, 106, 226, 0) 50%)}.drop.classified{background: url(https://mydrop.skin/images/skins/item-type2-small.png) no-repeat center;);border-bottom-color:#e200a0}.drop.classified:before, .drop.classified:after{background-image:linear-gradient(to top, rgb(226, 0, 160), rgba(226, 0, 160, 0) 50%)}.drop.covert{background: url(https://mydrop.skin/images/skins/item-type5-small.png) no-repeat center;);border-bottom-color:#e23000}.drop.covert:before, .drop.covert:after{background-image:linear-gradient(to top, rgb(226, 48, 0), rgba(226, 48, 0, 0) 50%)}.drop.other{background: url(https://mydrop.skin/images/skins/item-type4-small.png) no-repeat center;);border-bottom-color:#9cf}.drop.other:before, .drop.other:after{background-image:linear-gradient(to top, rgb(153, 204, 255), rgba(153, 204, 255, 0) 50%)}.drop.knife, .drop.rare{background: url(https://mydrop.skin/images/skins/item-type3-small.png) no-repeat center;);border-bottom-color:#ffc600}.drop.knife:before, .drop.knife:after, .drop.rare:before, .drop.rare:after{background-image:linear-gradient(to top, rgb(255, 198, 0), rgba(255, 198, 0, 0) 50%)}.drop__controls{position:relative;z-index:1}.drop__labels{position:relative}.drop__placeholder{display:block;text-align:center;font-size:64px;font-weight:100;line-height:140px;opacity:.5}.drop__contract{position:absolute;top:0;bottom:0;left:0;right:0;cursor:pointer;font-size:14px;font-weight:300;line-height:18px;padding-left:10px;padding-top:12px;z-index:2;transition:all .3s ease}.drop__contract:hover{color:#FFD400}.drop--hide{opacity:0}.drop--shake{animation:shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}.drop-list--roll .drop{height:200px}@keyframes shake{10%, 90%{transform:translate3d(-1px, 0, -2px)}20%, 80%{transform:translate3d(2px, -2px, 0)}30%, 50%, 70%{transform:translate3d(-4px, 2px, 0)}40%, 60%{transform:translate3d(4px, 0, 2px)}}.drop-body{position:absolute;top:0;left:0;right:0;bottom:0}.drop-body__firstname, .drop-body__secondname{width:calc(100% - 20px);position:absolute;font-size:14px;font-weight:300;left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1}.drop-body__firstname{bottom:30px;color:#fff}.drop-body__secondname{bottom:10px;color:rgba(255,255,255,0.5)}.drop-body__img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .3s ease;max-width:calc(100% - 50px)}.drop-body__case-link{position:absolute;bottom:0;right:0;transform:translate(10px, 15px);display:block;opacity:0;width:80px;z-index:1}.drop-body__case-link:hover{transform:translate(10px, 7px)}.drop-body__case-img{display:block;width:100%;height:auto}.drop:hover .drop-body__case-link{opacity:1;transform:translate(10px, 10px)}.drop-list:not(.drop-list--roll) .drop:hover .drop-body__img{transform:translate(-50%, calc(-50% - 5px))}.error .drop-body__case-link, .trading .drop-body__case-link{display:none}.error .drop-body__img, .trading .drop-body__img{width:60px;top:auto;left:auto;right:2px;bottom:8px;transform:none !important}.error .drop-body__firstname, .trading .drop-body__firstname, .error .drop-body__secondname, .trading .drop-body__secondname{width:calc(100% - 80px)}.drop-controls{position:absolute;top:10px;left:10px;right:0;bottom:0}.drop-controls__trade{position:relative;-webkit-appearance:button;cursor:pointer;transition:all .3s ease;outline:none;background-color:transparent;border:none;color:#fff;font-size:16px;line-height:16px;font-weight:300}.drop-controls__trade:hover{color:#FFD400}.trading .drop-controls__trade{background-image:none;padding-left:0;color:#fff;cursor:default}.drop-controls__message{display:block;margin-top:20px}.drop-labels{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:relative;top:7px}.drop-labels__status{position:relative;left:0;top:0;height:26px;width:26px;border:1px solid transparent;border-radius:3px;background-position:center;background-repeat:no-repeat;display:none;cursor:help;margin-right:10px}.selled .drop-labels__status, .completed .drop-labels__status{display:block}.selled .drop-labels__status{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='ruble-sign' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' class='svg-inline--fa fa-ruble-sign fa-w-12 fa-2x'%3E%3Cpath fill='%234F953A' d='M239.36 320C324.48 320 384 260.542 384 175.071S324.48 32 239.36 32H76c-6.627 0-12 5.373-12 12v206.632H12c-6.627 0-12 5.373-12 12V308c0 6.627 5.373 12 12 12h52v32H12c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h52v52c0 6.627 5.373 12 12 12h58.56c6.627 0 12-5.373 12-12v-52H308c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12H146.56v-32h92.8zm-92.8-219.252h78.72c46.72 0 74.88 29.11 74.88 74.323 0 45.832-28.16 75.561-76.16 75.561h-77.44V100.748z' class=''/%3E%3C/svg%3E");background-size:10px}.completed .drop-labels__status{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='arrow-alt-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-arrow-alt-down fa-w-14 fa-2x' fill='%23FFD400'%3E%3Cpath d='M176 32h96c13.3 0 24 10.7 24 24v200h103.8c21.4 0 32.1 25.8 17 41L241 473c-9.4 9.4-24.6 9.4-34 0L31.3 297c-15.1-15.1-4.4-41 17-41H152V56c0-13.3 10.7-24 24-24z' class=''/%3E%3C/svg%3E");background-size:12px}.completed .drop-labels__status{border-color:rgba(255, 212, 0, 0.5);background-color:rgba(255, 212, 0, 0.07)}.selled .drop-labels__status{border-color:rgba(79, 149, 58, 0.5);background-color:rgba(79, 149, 58, 0.07)}.drop-labels__price{position:relative;display:inline-block;color:#fff;font-size:16px;line-height:16px;font-weight:300;background-color:rgba(0,0,0,0.2);border:none;border-radius:3px;padding:2px 6px 1px;height:26px;outline:none;z-index:1}.drop-labels__price--button:not(:disabled){display:block;position:relative;cursor:pointer;transition:all .3s ease;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,0.3) inset}.drop-labels__price--button:not(:disabled):after{content:attr(title);opacity:0;position:absolute;font-weight:300;color:#fff;line-height:20px;font-size:12px;padding-left:6px;padding-right:6px;left:0;bottom:30px;background-color:rgba(0,0,0,0.2);transition:all .3s ease;transform:translateY(-10px);pointer-events:none;border-radius:3px}.drop-labels__price--button:not(:disabled):hover{color:#FFD400;box-shadow:0 0 0 1px #FFD400 inset}.drop-labels__price--button:not(:disabled):hover:after{opacity:1;transform:translateY(0)}.drop-message{position:relative;display:none;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;background-repeat:no-repeat;background-position:left;background-size:20px;min-height:32px}.drop-message__text, .drop-message__link{color:#faf6ed;color:#fff;font-size:14px;line-height:16px;font-weight:300}.drop-message__link{position:relative;display:block;padding:8px 10px 7px;background-image:linear-gradient(to left, rgba(255, 212, 0, 0.3), rgba(255, 212, 0, 0) 80%);border-right:1px solid #FFD400;text-decoration:none}.drop-message__link:hover{color:#FFD400;transform:translateX(5px)}.drop-message__link:before, .drop-message__link:after{content:'';position:absolute;display:block;height:1px;background-image:linear-gradient(to left, rgb(255, 212, 0), rgba(255, 212, 0, 0) 80%);left:0;right:0}.drop-message__link:before{top:0}.drop-message__link:after{bottom:0}.error .drop-message, .trading .drop-message{display:-ms-flexbox;display:flex}.error .drop-message{background-image:none}.error .drop-message__text{margin-left:0}.footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;padding:0 35px;margin-bottom:40px;border-top:1px solid rgba(255,255,255,0.05);margin-top:-1px;padding-top:40px}.footer__links{margin-bottom:10px}.footer__copy{text-align:left;font-size:15px;font-weight:300;line-height:18px;color:rgba(255,255,255,0.5)}.footer__right, .footer__left{width:50%}.footer__right{margin-left:auto;max-width:400px;filter:grayscale(100%);opacity:.5}.footer-links{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:start;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer-links__item{font-size:15px;font-weight:300;line-height:18px;margin:0 20px 10px 0;list-style:none}.footer-links__item:last-child{margin-right:0}.footer-links__link{text-decoration:none;color:rgba(255,255,255,0.5)}.footer-links__link:hover{color:#FFD400}.statistics{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding-top:23px;border-top:1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.1);}.statistics__item{margin:0 20px 20px}.statistics-item{text-align:center}.statistics-item__value{display:block;color:#FFD400;font-size:36px;font-weight:300;line-height:48px;font-size:28px;line-height:32px}.statistics-item__key{display:block;font-size:18px;font-weight:300;line-height:24px;color:#fff;font-size:15px;line-height:18px}.top-page{max-width:1000px;margin:0 auto}.top-page__table{width:100%;font-weight:300}.top-page__th, .top-page__td{padding:15px 15px}.top-page__th{text-align:left;padding-bottom:20px;font-weight:300;opacity:.5}.top-page__th--place{width:100px;text-align:center}.top-page__th--user{text-align:left}.top-page__th--opens{width:200px}.top-page__th--profit{width:150px}.top-page__td{position:relative}.top-page__row:nth-child(2n){background-color:rgba(0,0,0,0.2)}.top-page__user{text-decoration:none}.top-page__pic{width:34px;height:34px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:10px}.top-page__name{font-size:18px;line-height:24px;display:inline-block;vertical-align:middle;color:#fff;transition:all .3s ease}.top-page__user:hover .top-page__name{color:#fff}.top-page__place{display:block;margin:0 auto;width:36px;border-radius:50%;background-color:transparent;text-align:center;line-height:36px}.top-page__row[data-place='1'] .top-page__place, .top-page__row[data-place='2'] .top-page__place, .top-page__row[data-place='3'] .top-page__place, .top-page__row[data-place='4'] .top-page__place{font-weight:900;position:relative;z-index:1;color:#000}.top-page__row[data-place='1'] .top-page__place:before, .top-page__row[data-place='2'] .top-page__place:before, .top-page__row[data-place='3'] .top-page__place:before, .top-page__row[data-place='4'] .top-page__place:before{content:'';position:absolute;display:block;top:50%;left:50%;bottom:1px;z-index:-1;transform:translate(-50%, -50%);width:34px;height:34px;border-radius:50%}.top-page__row[data-place='1'] .top-page__place:before{background-color:#ffd92c}.top-page__row[data-place='2'] .top-page__place:before{background-color:#fff}.top-page__row[data-place='3'] .top-page__place:before{background-color:#f3975b}.top-page__row[data-place='4'] .top-page__place:before{background-color:#ddd}.info-page{font-weight:300;padding:0 10px}.info-page h1{margin-top:40px;margin-bottom:30px;line-height:1.3}.info-page h1, .info-page h2, .info-page h3{margin-bottom:20px;margin-top:30px}.info-page p, .info-page ul, .info-page ol{margin:10px 0}.info-page li{margin-bottom:10px;padding-left:20px}.info-page a{color:#FFD400;text-decoration:none}.info-page--page-agreement{font-size:14px;line-height:18px;max-width:1000px;margin:0 auto}.info-page--page-agreement ol{counter-reset:item}.info-page--page-agreement li{list-style:none}.info-page--page-agreement ol>li:before{content:counters(item, ".") ". ";counter-increment:item;margin-right:4px;color:#FFD400}.info-page--page-agreement ul>li:before{content:'•';margin-right:10px;color:#FFD400}.info-page--contacts{line-height:1.2}.info-page--faq h1{text-align:center;margin-bottom:50px}.profile-page{margin:60px auto 90px;max-width:1024px}.profile-page__title{display:block;color:rgba(255,255,255,0.5);font-size:26px;font-weight:normal;text-align:center;margin-bottom:15px;display:none}.profile-page__subtitle{display:block;color:#fff;font-size:36px;font-weight:300;line-height:48px;text-align:center}.profile-page__top{margin-bottom:30px}.profile-page__info{font-size:21px;font-weight:300;color:rgba(255,255,255,0.5);text-align:center;margin-bottom:21px}.profile-page__info-value{color:#f39320}.profile-page__balance{text-align:center;margin-bottom:25px}.profile-page__buttons{text-align:center}.profile-page__trade-link{margin:0 10px 40px;border: 1px solid #00ffe3;text-align:center;text-align: center; /* width: 880px; */ margin-left: auto; margin-right: auto; /* background-color: rgba(38,38,45,.85); */ position: relative; padding: 30px 25px; border-radius: 5px; /* box-shadow: 0 5px 3px rgb(40, 40, 49); */ margin-bottom: 30px; /* background: url(https://ggdrop.com/static/media/topcase.429f003a.png) no-repeat; */ background: rgba(46,46,56,.5) url(https://mydrop.skin/images/topcase.webp) no-repeat 0 0;}.profile-page__notes{margin:0 10px 20px}.profile-page-notes{display:-ms-flexbox;display:flex}.profile-page-notes__item{width:50%;margin-right:20px}.profile-page-notes__item--large{width:72%}.profile-page-notes__item--wide{width:100%}.profile-page-notes__item:last-child{margin-right:0}.info-block{padding:20px 20px 15px;background-color: rgba(255, 212, 0, 0.04);border-radius:3px;border: 1px solid #2dff02;height:100%}.info-block__title{font-size:22px;line-height:28px;font-weight:300;margin-bottom:17px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:10px}.info-block__body{font-size:16px;line-height:22px;font-weight:300;color:#fff}.info-block__body p{margin-bottom:10px}.info-block__body a{text-decoration:none}.info-block--warning{border-color:#db324d;background-color:rgba(219,50,77,0.1)}.info-block--success{border-color:#5dae22;background-color:rgba(93,174,34,0.1)}.profile-layout-top{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.profile-layout-top__sep{display:block;width:100px;height:1px;background-color:rgba(255,255,255,0);margin:0 20px}.profile-top-item{width:200px}.profile-top-item__label{display:block;text-align:center;color:#FFD400;font-size:16px;font-weight:300;margin-bottom:10px}.profile-top-item__label.restricted{color:rgb(167, 89, 227)}.profile-top-item__label.milspec{color:rgb(89, 154, 227)}.profile-top-item__label.classified{color:rgb(227, 89, 186)}.profile-top-item__label.covert{color:rgb(227, 119, 89)}.profile-top-item__label.other{color:rgb(89, 172, 255)}.profile-top-item__label.knife, .profile-top-item__label.rare{color:rgb(255, 219, 89)}.profile-top-case{display:block;position:relative;height:150px;background-image:linear-gradient(to top, rgba(255, 212, 0, 0.3), rgba(255, 212, 0, 0) 100%);border-bottom:1px solid #FFD400}.profile-top-case__img{display:block;position:absolute;top:calc(50% - 10px);left:50%;transform:translate(-50%, -50%);transition:all .3s ease;width:70%;height:auto}.profile-top-case:hover .profile-top-case__img{transform:translate(-50%, calc(-50% - 5px))}.profile-top-case__title{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#fff;font-size:14px;font-weight:300}.profile-main{margin-top: 20px; width: 180px; background: linear-gradient(0,#0f6aed  10%,transparent 79%,transparent),linear-gradient(-90deg,#e22c6b  50%,transparent,transparent 0); /* width: 62px; */ /* height: 62px; */ border-radius: 100%; overflow: hidden; transition: opacity .3s ease; flex-shrink: 0; border-radius: 50%; padding: 2px;}.profile-main__link{border-radius:50%;overflow:hidden;position:relative;display:block}.profile-main__link:after{content:'';position:absolute;display:block;top:0;left:0;right:0;bottom:0;opacity:0;border-radius:50%;background-color:rgba(0,0,0,0.5);background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='34px' height='26px' viewBox='0 0 34 26' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23fff'%3E %3C!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EShape%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs/%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Desktop-Copy-3' transform='translate(-34.000000, -38.000000)' fill-rule='nonzero' fill='%23ffffff'%3E %3Cpath d='M52.869709,45.7306883 L47.9953239,52.8611455 C47.2057241,52.824987 46.4133886,52.9644555 45.6620891,53.2761074 C45.3308949,53.4121323 45.0205606,53.5791501 44.7293765,53.7719955 L34.0260078,49.3348303 C34.0260916,49.3348303 33.7783389,53.4379597 34.8104781,56.4959362 L42.3771625,59.6400043 C42.7570869,61.349785 43.9218235,62.849502 45.6402032,63.5709503 C48.4516777,64.7538499 51.6933455,63.4056543 52.8628697,60.5732381 C53.1672195,59.8328496 53.3091355,59.0563027 53.2886175,58.2814776 L60.2630165,53.2623327 C60.3194409,53.2640545 60.3775751,53.2657764 60.4339996,53.2657764 C64.6076961,53.2657764 68,49.8393276 68,45.6315107 C68,41.4233495 64.6076961,38 60.4339996,38 C56.2620129,38 52.8679991,41.4233495 52.8679991,45.6315107 C52.8679991,45.6652587 52.8679991,45.6990066 52.869709,45.7306883 Z M46.1251112,62.3966598 C45.1236634,61.9765324 44.3675763,61.2068728 43.9313985,60.2891355 L46.3944095,61.3170701 C47.9953239,61.9885853 49.8320239,61.2240911 50.49749,59.6124549 C51.1650079,57.9990969 50.4077239,56.1464039 48.8076644,55.4748889 L46.2615557,54.4125175 C47.2440243,54.0371579 48.3608857,54.0233831 49.4043953,54.4607289 C50.4564541,54.9015183 51.2727272,55.7314421 51.7053143,56.7920915 C52.1379015,57.852741 52.1361917,59.0235879 51.698475,60.0807937 C50.7932907,62.2692441 48.2959121,63.3075097 46.1251112,62.3966598 Z M55.3934189,45.6315107 C55.3934189,42.8292266 57.6555249,40.5471084 60.4339996,40.5471084 C63.2141841,40.5471084 65.47629,42.8292266 65.47629,45.6315107 C65.47629,48.4360333 63.2141841,50.7174627 60.4339996,50.7174627 C57.6555249,50.7174627 55.3934189,48.4360333 55.3934189,45.6315107 Z M60.4425487,41.8028416 C62.5336715,41.8028416 64.2298235,43.5139998 64.2298235,45.6237625 C64.2298235,47.7336973 62.5336715,49.4433059 60.4425487,49.4433059 C58.3531357,49.4433059 56.6569837,47.7336973 56.6569837,45.6237625 C56.6569837,43.5139998 58.3531357,41.8028416 60.4425487,41.8028416 Z' id='Shape'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E");background-size:64px;background-position:center;background-repeat:no-repeat;transition:all .3s ease}.profile-main__link:hover:after{opacity:1}.profile-main__img{display:block;width:100%;height:auto;border-radius:50%}.profile-buttons{display:inline-block;font-size:0;line-height:0}.profile-buttons__item{-webkit-appearance:button;background-color:transparent;font-size:16px;border:none;margin:10px 20px;background-position:left;background-repeat:no-repeat;cursor:pointer;outline:none;padding-bottom:5px}.profile-buttons__item--trade{padding-left:24px;background-image:svg-load("../img/profile-buttons-icon-trade.svg");background-size:16px;background-position:2px 3px}.profile-buttons__item--swindler{padding-left:27px;background-image:svg-load("../img/profile-buttons-icon-swindler.svg");background-size:16px;background-position:2px 2px}.profile-buttons__item-text{color:#91a2b6;border-bottom:1px dashed #91a2b6;transition:all .3s ease}.profile-buttons__item:hover .profile-buttons__item-text{color:#fff;border-bottom-color:#fff}.profile-tab{background-color:rgba(0,0,0,0.05);border:1px solid #FFD400;display:none;padding:20px;border-radius:3px;font-size:16px;line-height:22px}.profile-tab.show{display:block}.profile-trade-layout-link{display:inline-block;font-size:16px;line-height:18px;font-weight:300;text-decoration:none;text-align:center;background-size:16px;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='link' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-link fa-w-16 fa-3x'%3E%3Cpath fill='%23FFD400' d='M301.148 394.702l-79.2 79.19c-50.778 50.799-133.037 50.824-183.84 0-50.799-50.778-50.824-133.037 0-183.84l79.19-79.2a132.833 132.833 0 0 1 3.532-3.403c7.55-7.005 19.795-2.004 20.208 8.286.193 4.807.598 9.607 1.216 14.384.481 3.717-.746 7.447-3.397 10.096-16.48 16.469-75.142 75.128-75.3 75.286-36.738 36.759-36.731 96.188 0 132.94 36.759 36.738 96.188 36.731 132.94 0l79.2-79.2.36-.36c36.301-36.672 36.14-96.07-.37-132.58-8.214-8.214-17.577-14.58-27.585-19.109-4.566-2.066-7.426-6.667-7.134-11.67a62.197 62.197 0 0 1 2.826-15.259c2.103-6.601 9.531-9.961 15.919-7.28 15.073 6.324 29.187 15.62 41.435 27.868 50.688 50.689 50.679 133.17 0 183.851zm-90.296-93.554c12.248 12.248 26.362 21.544 41.435 27.868 6.388 2.68 13.816-.68 15.919-7.28a62.197 62.197 0 0 0 2.826-15.259c.292-5.003-2.569-9.604-7.134-11.67-10.008-4.528-19.371-10.894-27.585-19.109-36.51-36.51-36.671-95.908-.37-132.58l.36-.36 79.2-79.2c36.752-36.731 96.181-36.738 132.94 0 36.731 36.752 36.738 96.181 0 132.94-.157.157-58.819 58.817-75.3 75.286-2.651 2.65-3.878 6.379-3.397 10.096a163.156 163.156 0 0 1 1.216 14.384c.413 10.291 12.659 15.291 20.208 8.286a131.324 131.324 0 0 0 3.532-3.403l79.19-79.2c50.824-50.803 50.799-133.062 0-183.84-50.802-50.824-133.062-50.799-183.84 0l-79.2 79.19c-50.679 50.682-50.688 133.163 0 183.851z' class=''/%3E%3C/svg%3E");padding:0 2px 2px 26px}.profile-trade-layout__title{font-size:18px;line-height:24px;font-weight:300;margin-bottom:15px;text-align:left}.profile-trade-layout__title a{text-decoration:none}.profile-trade-layout__inputs{position:relative;display:-ms-flexbox;display:flex}.profile-trade-layout__input{margin:0 20px 0 0}.profile-trade-layout__button{width:200px;display:block;font-size:16px;line-height:1;padding-top:12px;padding-bottom:12px}.profile-trade-layout__message{margin:20px 0 10px;font-weight:300;display:none}.profile-trade-layout--hide{display:none}.profile-trades{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:rgba(0,0,0,0.05);margin:40px 0;padding:20px 20px 10px;border:1px solid #FFD400;border-radius:3px}.profile-trades__trade-link{width:100%;margin-bottom:20px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.1)}.profile-trades__body{margin-right:40px;width:calc(100% - 440px)}.profile-trades__buttons{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:400px}.profile-trades__title{font-size:24px;line-height:32px;font-weight:100;color:#FFD400;margin-bottom:10px}.profile-trades__text{font-size:16px;line-height:21px;font-weight:100;color:#fff}.profile-trades__text p{margin-bottom:10px}.profile-trades__text a{text-decoration:none}.profile-trades__checkout{display:block;width:100%;margin-bottom:20px}.profile-trades__rules{color:#91a2b6;border-bottom:1px dashed #91a2b6;transition:all .3s ease;margin-left:4px}.profile-trades__rules:hover{color:#fff;border-bottom-color:#fff}.profile-trades__history{display:block;-webkit-appearance:button;background-color:transparent;font-size:16px;font-weight:100;border:none;margin:0 auto;background-position:left;background-repeat:no-repeat;cursor:pointer;outline:none;padding-left:23px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='fal' data-icon='history' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-history fa-w-16 fa-2x' fill='%23FFD400'%3E%3Cpath d='M20 24h10c6.627 0 12 5.373 12 12v94.625C85.196 57.047 165.239 7.715 256.793 8.001 393.18 8.428 504.213 120.009 504 256.396 503.786 393.181 392.834 504 256 504c-63.926 0-122.202-24.187-166.178-63.908-5.113-4.618-5.354-12.561-.482-17.433l7.069-7.069c4.503-4.503 11.749-4.714 16.482-.454C150.782 449.238 200.935 470 256 470c117.744 0 214-95.331 214-214 0-117.744-95.331-214-214-214-82.862 0-154.737 47.077-190.289 116H164c6.627 0 12 5.373 12 12v10c0 6.627-5.373 12-12 12H20c-6.627 0-12-5.373-12-12V36c0-6.627 5.373-12 12-12zm321.647 315.235l4.706-6.47c3.898-5.36 2.713-12.865-2.647-16.763L272 263.853V116c0-6.627-5.373-12-12-12h-8c-6.627 0-12 5.373-12 12v164.147l84.884 61.734c5.36 3.899 12.865 2.714 16.763-2.646z' class=''/%3E%3C/svg%3E");background-size:14px;background-position:2px 3px}.profile-trades__history-text{color:#FFD400;transition:all .3s ease}.profile-trades__history-list{width:100%;padding-top:40px;display:none}.profile-trades__history-list--show{display:block}.profile-trades-history{width:100%;font-weight:100}.profile-trades-history__th, .profile-trades-history__td{padding-right:20px}.profile-trades-history__th{text-align:left;padding-bottom:10px;font-weight:100;opacity:.5}.profile-trades-history__td{padding-top:10px;padding-bottom:10px}.profile-trades-history__row .profile-trades-history__td{border-bottom:1px solid rgba(255,255,255,0.05)}.profile-trades-history__row:last-child .profile-trades-history__td{border-bottom:none}.popup{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;display:none;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:999;overflow:scroll}.popup__overlay{position:fixed;left:0;right:0;bottom:0;top:0}.popup__overlay{background-color:rgba(0,0,0,0.8);z-index:1}.popup__window{z-index:2;display:none;width:100%}.popup__window--show{display:block}.popup--show{display:-ms-flexbox;display:flex}.popup--show .popup__window{animation:popup-show 0.52s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}@keyframes popup-show{0%{transform:translateY(70px);opacity:0}40%{opacity:1}100%{transform:translateY(0)}}@keyframes popup-show-tablet{0%{transform:translateX(-70px);opacity:0}40%{opacity:1}100%{transform:translateX(0)}}.popup-window{position:relative;margin:40px 0;width:100%;max-width:980px;box-shadow:0 10px 60px rgba(0,0,0,0.2);background-color:#1D1B1E;border-radius:5px;overflow:hidden}.popup-window__header{position:relative;padding:16px;border-bottom:1px solid rgba(255,255,255,0.05)}.popup-window__body{padding:20px 20px}.popup-window__footer{margin-top:10px;border-top:1px solid #405361;padding:25px}.popup-window__title{font-weight:300;font-size:24px;line-height:32px;color:#fff}.popup-window__title--footer{color:#61a9fe;font-size:18px}.popup-window__list{margin:-10px 0}.popup-window__list-item{position:relative;padding-left:20px;margin-bottom:10px;list-style:none;font-weight:100}.popup-window__list-item:before{content:'—';position:absolute;left:0;top:0}.popup-window__close{-webkit-appearance:button;outline:none;position:absolute;right:0;top:0;display:block;width:64px;height:64px;background-image:url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='28px' height='28px' viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3EIcon-Close%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs/%3E %3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Desktop-Copy-4' transform='translate(-1535.000000, -137.000000)' fill-rule='nonzero' fill='%23FFFFFF'%3E %3Cg id='evil-Icons' transform='translate(1182.000000, -85.000000)'%3E %3Cg id='Icon-Close' transform='translate(353.000000, 222.000000)'%3E %3Cpolyline id='Fill-16' points='1.657 27.658 0.343 26.342 26.343 0.342 27.657 1.658 1.657 27.658'/%3E %3Cpolyline id='Fill-17' points='26.343 27.658 0.343 1.658 1.657 0.342 27.657 26.342 26.343 27.658'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:20px 20px;transition:0.3s ease-in-out;font-size:0;line-height:0;background-color:transparent;border:none;cursor:pointer;opacity:.5}.popup-window__close:hover{opacity:1}.popup-window--pay{max-width:400px}.popup-window--checkout{max-width:500px}.popup-window--checkout-rules{max-width:640px}.faq-list{max-width:800px;margin:0 auto}.faq-list__item{margin-bottom:40px}.faq-list__info{text-align:center;display:block;max-width:560px;font-size:16px;line-height:21px;font-weight:300;margin:60px auto 0;border:1px solid #fff;background-color:rgba(255,255,255,0.05);padding:15px;border-radius:3px}.faq__title{font-size:18px;line-height:24px;margin:0 0 10px !important;font-weight:300;color:#FFD400}.faq__body{margin:0;font-size:14px;line-height:22px;font-weight:300}.contract-page__info{margin:30px 20px 20px}.contract-page-info{text-align:center;font-weight:100;font-size:18px;line-height:24px}.contract-page-info__row{margin-bottom:5px}.contract-page-info__amount{color:#FFD400;white-space:nowrap}.highlight{display:block;padding:20px 20px 10px;border:1px solid #FFD400;border-radius:3px;background-color:rgba(0,0,0,0.05)}.highlight__title{font-size:24px;line-height:32px;font-weight:100;color:#FFD400;margin-bottom:10px}.highlight__text{font-size:16px;line-height:21px;font-weight:100;color:#fff}.highlight__text p{margin-bottom:10px}.highlight__text a{text-decoration:none}.highlight--center{text-align:center}.payments-layout{max-width:360px;margin:0 auto}.payments-layout__sum{margin-bottom:30px}.payments-layout__text{margin-bottom:20px;text-align:center}.payments-layout__promo-button{display:block;-webkit-appearance:button;background-color:transparent;outline:none;margin:0 auto 30px;border:none;font-weight:300;font-size:18px;transition:all .3s ease;cursor:pointer;color:#FFD400;border-bottom:1px dashed #FFD400}.payments-layout__promo{display:none}.payments-layout__promo--show{display:block}.payments-layout__send-button{margin:35px auto 0}.payments-layout__error{margin-top:30px;text-align:center;display:none}.payments-layout__pay-systems{margin-top:25px}.payments-layout__footer{margin-top:30px;font-size:12px;line-height:1.25;color:rgba(255,255,255,0.5)}.payments-layout__footer a{text-decoration:none}.checkout-layout__title{font-weight:100;font-size:18px;color:#fff;margin-bottom:20px}.checkout-layout__row{margin-bottom:30px}.checkout-layout__sum-area{display:-ms-flexbox;display:flex}.checkout-layout__sum-area-left{width:200px;margin-right:40px}.checkout-layout__send-button{margin:0 auto 0;max-width:300px}.checkout-layout__error{margin-top:30px;text-align:center;display:none}.checkout-buttons{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.checkout-buttons__text{color:#8193a8;font-size:16px;line-height:16px;margin-bottom:20px}.checkout-buttons__input{display:none}.checkout-buttons__label{display:inline-block;padding:10px;margin:0 20px 20px 0;width:166px;height:90px;text-align:center;font-size:17px;line-height:30px;color:#fffffe;transition:background-color .3s ease;border:1px solid #445363;border:1px solid rgba(68,83,99,0.2);background-color:rgba(68,83,99,0.2);cursor:pointer;border-radius:5px;position:relative;background-repeat:no-repeat;background-position:center}.checkout-buttons__label--ooopay{background-image:url("../img/ooopay-logo.png");background-size:130px;background-position:40% center}.checkout-buttons__label--yandex{background-image:url("../img/yandex-money-logo.png");background-size:55px;background-position:center 30%}.checkout-buttons__label--qiwi{background-image:url("../img/qiwi_logo_rgb_small.png");background-size:130px}.checkout-buttons__label--payeer{background-image:url("../img/payeer-logo.png");background-size:120px}.checkout-buttons__label--w1{background-image:url("../img/w1-logo.png");background-size:60px}.checkout-buttons__label--fkw{background-image:url("../img/fkw-logo.png");background-size:90px}.checkout-buttons__label--card{background-image:url("../img/mc-visa-logo.png");background-size:120px;background-position:center 45%}.checkout-buttons__label-text{position:absolute;display:block;text-align:center;bottom:5px;left:0;right:0;color:rgba(255,255,255,0.9);font-size:13px;line-height:18px}.checkout-buttons__label:hover{background-color:rgba(68,83,99,0.4)}.checkout-buttons__input:checked+.checkout-buttons__label{box-shadow:0 0 0 2px #2897EA inset;border-color:#2897EA}.pay-systems-list{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.pay-systems-list__item{list-style:none;margin-right:20px}.pay-systems-list__item:last-child{margin-right:0}.pay-systems-item{display:inline-block;width:100%;height:auto}.pay-systems-item--qiwi{transform:translateY(5%)}.pay-systems-item--yandex{transform:translateY(-3%)}.icon{display:inline-block;background-size:auto 100%;background-position:center;background-repeat:no-repeat;margin-right:10px}.icon--crown{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M16.75 15H3.25C3.1125 15 3 15.1125 3 15.25V15.75C3 15.8875 3.1125 16 3.25 16H16.75C16.8875 16 17 15.8875 17 15.75V15.25C17 15.1125 16.8875 15 16.75 15ZM18.25 5C17.2844 5 16.5 5.78438 16.5 6.75C16.5 6.9875 16.5469 7.2125 16.6344 7.41875L14.875 8.475C14.7125 8.57188 14.5375 8.61875 14.3625 8.61875C14.0156 8.61875 13.6781 8.4375 13.4937 8.11563L11.1687 4.04688C11.5219 3.725 11.75 3.26562 11.75 2.75C11.75 1.78438 10.9656 1 10 1C9.03438 1 8.25 1.78438 8.25 2.75C8.25 3.26562 8.47813 3.725 8.83125 4.04375L6.50625 8.1125C6.32187 8.4375 5.98437 8.61563 5.6375 8.61563C5.4625 8.61563 5.28437 8.56875 5.125 8.47188L3.36562 7.41563C3.45 7.20938 3.5 6.98437 3.5 6.74687C3.5 5.78125 2.71562 4.99687 1.75 4.99687C0.784375 4.99687 0 5.78438 0 6.75C0 7.71562 0.784375 8.5 1.75 8.5C1.8125 8.5 1.87187 8.4875 1.93125 8.48125L4 14H16L18.0688 8.48125C18.1281 8.4875 18.1875 8.5 18.25 8.5C19.2156 8.5 20 7.71562 20 6.75C20 5.78438 19.2156 5 18.25 5ZM10 2C10.4125 2 10.75 2.3375 10.75 2.75C10.75 3.1625 10.4125 3.5 10 3.5C9.5875 3.5 9.25 3.1625 9.25 2.75C9.25 2.3375 9.5875 2 10 2ZM1.75 7.5C1.3375 7.5 1 7.1625 1 6.75C1 6.3375 1.3375 6 1.75 6C2.1625 6 2.5 6.3375 2.5 6.75C2.5 7.1625 2.1625 7.5 1.75 7.5ZM15.3062 13H4.69375L2.94375 8.33125L4.6125 9.33125C4.925 9.51875 5.27812 9.61563 5.64062 9.61563C6.35625 9.61563 7.02188 9.22812 7.37813 8.60625L9.74063 4.47188C9.82813 4.48438 9.9125 4.49687 10.0031 4.49687C10.0938 4.49687 10.1781 4.48438 10.2656 4.47188L12.625 8.60938C12.9812 9.23125 13.6469 9.61563 14.3625 9.61563C14.725 9.61563 15.0781 9.51563 15.3906 9.33125L17.0594 8.33125L15.3062 13ZM18.25 7.5C17.8375 7.5 17.5 7.1625 17.5 6.75C17.5 6.3375 17.8375 6 18.25 6C18.6625 6 19 6.3375 19 6.75C19 7.1625 18.6625 7.5 18.25 7.5Z' fill='%23FFD400'/%3E %3C/svg%3E");width:20px;height:16px;margin-right:9px;margin-top:-2px}.icon--question{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8 10.625C7.51675 10.625 7.125 11.0168 7.125 11.5C7.125 11.9832 7.51675 12.375 8 12.375C8.48325 12.375 8.875 11.9832 8.875 11.5C8.875 11.0168 8.48325 10.625 8 10.625ZM8.23969 9.875H7.73969C7.53259 9.875 7.36469 9.70709 7.36469 9.5V9.48809C7.36469 7.28987 9.78469 7.5 9.78469 6.13159C9.78469 5.50609 9.22966 4.875 7.98969 4.875C7.07894 4.875 6.60641 5.17653 6.13934 5.77163C6.01722 5.92725 5.79391 5.95897 5.63159 5.84587L5.22116 5.55994C5.04537 5.43747 5.00678 5.19209 5.1385 5.02316C5.80181 4.17231 6.58881 3.625 7.98969 3.625C9.62469 3.625 11.0347 4.55472 11.0347 6.13159C11.0347 8.23828 8.61469 8.12687 8.61469 9.48809V9.5C8.61469 9.70709 8.44678 9.875 8.23969 9.875ZM8 1.25C11.7069 1.25 14.75 4.25234 14.75 8C14.75 11.7278 11.7309 14.75 8 14.75C4.27362 14.75 1.25 11.7324 1.25 8C1.25 4.27491 4.26881 1.25 8 1.25ZM8 0.25C3.72009 0.25 0.25 3.72134 0.25 8C0.25 12.2812 3.72009 15.75 8 15.75C12.2799 15.75 15.75 12.2812 15.75 8C15.75 3.72134 12.2799 0.25 8 0.25Z' fill='%23FFD400'/%3E %3C/svg%3E");width:16px;height:16px}.icon--vk{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M17.0313 3.67812C17.1469 3.2875 17.0313 3 16.475 3H14.6344C14.1657 3 13.95 3.24687 13.8344 3.52187C13.8344 3.52187 12.8969 5.80625 11.5719 7.2875C11.1438 7.71562 10.9469 7.85313 10.7125 7.85313C10.5969 7.85313 10.4188 7.71562 10.4188 7.325V3.67812C10.4188 3.20937 10.2875 3 9.90005 3H7.0063C6.71255 3 6.53755 3.21875 6.53755 3.42188C6.53755 3.86562 7.20005 3.96875 7.2688 5.21875V7.93125C7.2688 8.525 7.16255 8.63437 6.92817 8.63437C6.30317 8.63437 4.78442 6.34063 3.88442 3.71563C3.70317 3.20625 3.52505 3 3.05317 3H1.21255C0.687549 3 0.581299 3.24687 0.581299 3.52187C0.581299 4.00937 1.2063 6.43125 3.49067 9.63125C5.01255 11.8156 7.1563 13 9.1063 13C10.2782 13 10.4219 12.7375 10.4219 12.2844C10.4219 10.1969 10.3157 10 10.9032 10C11.175 10 11.6438 10.1375 12.7375 11.1906C13.9875 12.4406 14.1938 13 14.8938 13H16.7344C17.2594 13 17.5251 12.7375 17.3719 12.2188C17.0219 11.1281 14.6563 8.88438 14.55 8.73438C14.2782 8.38438 14.3563 8.22813 14.55 7.91563C14.5532 7.9125 16.8 4.75 17.0313 3.67812V3.67812Z' fill='%23FFD400'/%3E %3C/svg%3E");width:18px;height:16px}.icon--partner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='handshake' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' class='svg-inline--fa fa-handshake fa-w-20 fa-2x'%3E%3Cpath fill='%23FFD400' d='M16 319.8c8.8 0 16-7.2 16-16s-7.2-16-16-16-16 7.2-16 16c0 8.9 7.2 16 16 16zM632 128l-113.5.2-51.2-49.9c-9.1-9.1-21.1-14.1-33.9-14.1h-101c-10.4 0-20.1 3.9-28.3 10-8.4-6.5-18.7-10.3-29.3-10.3h-69.5c-12.7 0-24.9 5.1-33.9 14.1l-50 50H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h56v191.9H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h56c17.6 0 31.8-14.2 31.9-31.7h33.2l81.5 78c29.8 24.1 71.8 23.4 101-.2l7.2 6.2c9.6 7.8 21.3 11.9 33.5 11.9 16 0 31.1-7 41.4-19.6l21.9-26.9c16.4 8.9 42.9 9 60-12l9.5-11.7c6.2-7.6 9.6-16.6 10.5-25.7h48.6c.1 17.5 14.4 31.7 31.9 31.7h56c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8h-56V160.2l56-.2c4.4 0 8-3.6 8-8v-16c-.1-4.5-3.7-8-8.1-8zM460.2 357.6l-9.5 11.7c-5.4 6.6-15.4 8.1-22.5 2.3l-17.8-14.4-41.5 51c-7.5 9.3-21 10.2-29.4 3.4l-30.6-26.1-10.4 12.8c-16.7 20.5-47 23.7-66.6 7.9L142 320.1H96V159.9h38.6l59.3-59.3c3-3 7.1-4.7 11.3-4.7h69.5c.9 2.2.3.7 1.1 2.9l-59 54.2c-28.2 25.9-29.6 69.2-4.2 96.9 14.3 15.6 58.6 39.3 96.9 4.2l22.8-20.9 125.6 101.9c6.8 5.6 7.8 15.7 2.3 22.5zm83.8-37.5h-57.2c-2.5-3.5-5.3-6.9-8.8-9.8l-121.9-99 28.4-26.1c6.5-6 7-16.1 1-22.6s-16.1-6.9-22.6-1l-75.1 68.8c-14.4 13.1-38.6 12-51.7-2.2-13.6-14.8-12.7-38 2.2-51.7l83.1-76.2c3-2.7 6.8-4.2 10.8-4.2h101c4.3 0 8.3 1.7 11.4 4.8l60.7 59.1H544v160.1zm80-32.2c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16c0-8.9-7.2-16-16-16z' class=''/%3E%3C/svg%3E");width:22px;height:16px}.icon--cup{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='29' viewBox='0 0 32 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M20.5833 7.71667L17.7944 7.31111L16.5444 4.78333C16.3222 4.33333 15.6722 4.32778 15.45 4.78333L14.2 7.31111L11.4111 7.71667C10.9111 7.78889 10.7111 8.40556 11.0722 8.76111L13.0889 10.7278L12.6111 13.5056C12.5278 14 13.05 14.3833 13.5 14.15L15.9944 12.8389L18.4889 14.15C18.9333 14.3833 19.4611 14.0056 19.3778 13.5056L18.9 10.7278L20.9167 8.76111C21.2889 8.40556 21.0833 7.78889 20.5833 7.71667ZM17.2333 10.1833L17.5222 11.8833L16 11.0833L14.4722 11.8833L14.7611 10.1833L13.5278 8.98333L15.2333 8.73333L15.9944 7.18889L16.7556 8.73333L18.4611 8.98333L17.2333 10.1833ZM24.8889 3.55556V0.666667C24.8889 0.3 24.5889 0 24.2222 0H7.77778C7.41111 0 7.11111 0.3 7.11111 0.666667V3.55556H0.666667C0.3 3.55556 0 3.85556 0 4.22222V7.64444C0 11.0944 3.78333 15.1111 8.92778 15.8722C10.5611 19.2444 13.0222 20.8889 15.1111 21.2556V26.6667H10.3333C9.53333 26.6667 8.88889 27.3167 8.88889 28.1167C8.88889 28.3 9.03889 28.4444 9.22222 28.4444H22.7778C22.9611 28.4444 23.1111 28.3 23.1111 28.1167C23.1111 27.3167 22.4667 26.6667 21.6667 26.6667H16.8889V21.2556C18.9833 20.8889 21.4389 19.2444 23.0722 15.8722C28.2222 15.1111 32 11.0889 32 7.64444V4.22222C32 3.85556 31.7 3.55556 31.3333 3.55556H24.8889ZM1.77778 7.64444V5.33333H7.11111V6.66667C7.11111 9.54444 7.5 11.9389 8.13889 13.9C4.32778 12.9167 1.77778 9.88889 1.77778 7.64444ZM16 19.5556C12 19.5556 8.88889 13.7778 8.88889 6.66667V1.77778H23.1111V6.66667C23.1111 13.7778 20 19.5556 16 19.5556ZM30.2222 7.64444C30.2222 9.88889 27.6667 12.9167 23.8611 13.9C24.5 11.9389 24.8889 9.54444 24.8889 6.66667V5.33333H30.2222V7.64444Z' fill='%23FFD400'/%3E %3C/svg%3E");width:32px;height:29px;margin-right:15px}.counter{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#fff}.counter__numbers-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 4px;position:relative}.counter__numbers-group:after{content:":";margin-left:8px;font-size:18px}.counter__numbers-group:last-child:after{content:none}.counter__numbers-group:before{content:attr(data-label);position:absolute;left:0;right:0;top:-27px;font-size:14px;text-align:center;color:rgba(255,255,255,0.5);margin-left:-8px}.counter__numbers-group:last-child:before{margin-left:0}.counter__number{font-size:32px;line-height:64px;border:1px solid #00c2ff;background-color:rgba(93,174,34,0.1);display:-ms-flexbox;display:flex;height:64px;width:50px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.counter__number--first-child{border-radius:5px 0 0 5px}.counter__number--last-child{border-radius:0 5px 5px 0;border-left:none}.counter--small{margin-bottom:-5px}.counter--small .counter__numbers-group{margin:0 2px}.counter--small .counter__numbers-group:before{content:none}.counter--small .counter__numbers-group:after{margin-left:2px;font-size:10px}.counter--small .counter__number{font-size:18px;padding-top:1px;line-height:18px;height:30px;width:24px}.counter--small .counter__number--first-child{border-radius:2px 0 0 2px}.counter--small .counter__number--last-child{border-radius:0 2px 2px 0}.section-header{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:20px;font-weight:normal;padding-bottom:15px;margin-bottom:25px}.section-header:after{content:'';display:block;position:absolute;height:1px;width:100%;right:0;left:0;bottom:0;background-color:rgba(255,255,255,0.1)}.section-header--highlight:after{box-shadow: 0 0 10px #ff0000; background-image: linear-gradient(to right, rgb(255 36 90), rgb(0 107 238));}.section-header__right{margin-left:auto;font-size:15px;display:inline;color:rgba(255,255,255,0.5)}.section-header__accent{color:#FFD400}.section-title-h4{font-size:15px;font-weight:normal;color:rgba(255,255,255,0.5);margin-bottom:10px}.member-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% + 20px)}.member-list__item{padding-right:20px;margin-bottom:20px;width:calc(100% / 10);list-style:none}.member-item{display:block}.member-item__img{display:block;width:100%;height:auto;border-radius:50%}.member-item:hover{opacity:.6}.drop-member-list__item{list-style:none}.drop-member-item{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:12px 0 10px;font-size:15px;text-decoration:none;color:#fff;border-bottom:1px solid rgba(255,255,255,0.1)}.drop-member-item__user{width:100%}.drop-member-item__drop{width:100%}.drop-member-user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.drop-member-user__img{display:inline-block;border-radius:50%;width:24px;margin-right:12px}.drop-member-user__text{margin-top:2px}.drop-member-drop{height:24px;position:relative;margin-top:2px}.drop-member-drop__firstname{margin-right:5px}.drop-member-drop__secondname{opacity:.5}.drop-member-drop__img{position:absolute;right:0;top:50%;transform:translateY(-50%);width:50px;height:50px}.drop-member-drop:after{content:'';position:absolute;display:block;bottom:1px;left:0;right:0;bottom:-11px;height:1px}.drop-member-item.restricted .drop-member-drop:after{background-color:#8000e2;box-shadow:0 0 10px #8000e2}.drop-member-item.milspec .drop-member-drop:after{background-color:#006ae2;box-shadow:0 0 10px #006ae2}.drop-member-item.classified .drop-member-drop:after{background-color:#e200a0;box-shadow:0 0 10px #e200a0}.drop-member-item.covert .drop-member-drop:after{background-color:#e23000;box-shadow:0 0 10px #e23000}.drop-member-item.other .drop-member-drop:after{background-color:#9cf;box-shadow:0 0 10px #9cf}.drop-member-item.knife .drop-member-drop:after, .drop-member-item.rare .drop-member-drop:after{background-color:#ffc600;box-shadow:0 0 10px #ffc600}@media (min-width: 640px){.choices__list--dropdown .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable:after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir="rtl"] .choices__list--dropdown .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir="rtl"] .choices__list--dropdown .choices__item--selectable:after{right:auto;left:10px}}@media (max-width: 1200px){.qwerty{display:none}.logo{background-size:180px auto}.header{padding-top:1px;padding-left:0}.header__logo{margin-right:15px}.header-nav__item{font-size:16px;margin-right:20px}.header-nav__link{padding:25px 0}.header-auth{padding:10px 15px 10px 50px;background-position:15px center;background-size:26px;font-size:16px;line-height:19px;margin-right:10px}.header-user{top:0;padding-right:20px}.header-user__link{margin-bottom:3px}.header-user__logout{top:-5px;right:3px}.user-balance__amount{font-size:16px;line-height:19px}.cases--marvel .cases__item, .cases--standart .cases__item, .cases--collection .cases__item, .cases__item{width:25%}}@media (max-width: 1000px){.qwerty{display:none}.tablet-hide{display:none}.logo{width:190px;background-size:160px auto}.header-user{top:-1px;padding-left:60px}.header-user__link{display:none}.header-user__logout{top:-7px;right:2px}.header-user__logout{top:-4px}.user-balance{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.user-balance__amount{margin-left:-6px;margin-bottom:2px;font-size:14px}.user-balance__pay{margin-left:0;padding-top:0;padding-bottom:2px}.cases--marvel .cases__item, .cases--standart .cases__item, .cases--collection .cases__item, .cases__item{width:33.333%}.case:hover:before{content:none !important}.case__title{font-size:16px;line-height:20px}.popup__window{position:fixed;top:0;left:0;right:0;bottom:0;overflow:scroll}.popup--show .popup__window{animation:popup-show-tablet 0.52s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.popup-window{margin:0;border-radius:0}}@media (max-width: 800px){.qwerty{display:none}.tablet-s-show{display:block}.logo{height:60px}.header{-ms-flex-wrap:wrap;flex-wrap:wrap}.header__logo{-ms-flex-order:1;order:1;margin-right:0}.header__user{-ms-flex-order:2;order:2}.header__nav{-ms-flex-order:3;order:3;width:100%;margin-left:15px}.header-nav__link{padding:15px 0}.cases--marvel .cases__item, .cases--standart .cases__item, .cases--collection .cases__item, .cases__item{width:50%}.case-page__win{overflow:hidden}.case-roll{border-left:0;border-right:0;border-radius:0}.open-buttons{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 10px}.open-buttons__label{-ms-flex-order:1;order:1;width:100%;max-width:400px;margin:0 auto}.open-buttons__button{-ms-flex-order:2;order:2;width:100%;max-width:400px;margin-top:30px}.open-buttons+.open-buttons .open-buttons__button{margin-top:0}.footer{-ms-flex-direction:column;flex-direction:column}.footer__right{-ms-flex-order:1;order:1;width:100%;margin-right:auto;margin-bottom:30px}.footer__left{-ms-flex-order:2;order:2;width:100%;text-align:center}.footer-links{-ms-flex-pack:center;justify-content:center;margin-bottom:20px}.footer-links__item{margin:0 10px 10px}.footer-links__item:last-child{margin-right:10px}.profile-page-notes{-ms-flex-direction:column;flex-direction:column}.profile-page-notes__item{width:100%;margin-right:0;margin-bottom:20px}.profile-page-notes__item:last-child{margin-bottom:0}.profile-layout-top__sep{width:0}}@media (max-width: 600px){.qwerty{display:none}.mobile-hide{display:none}.mobile-show{display:block}.page__header{margin-top:1px;margin-bottom:50px}.page__bg{background-size:1500px;background-position:center -30px}.header-auth{padding:8px 10px 8px 40px;background-position:10px center;background-size:22px;font-size:14px;line-height:17px;margin-right:6px}.drophistory{overflow:scroll;height:calc(60px + 38px + 15px + 3px)}.drophistory::-webkit-scrollbar{display:none}.drophistory__item{width:calc(74px + 16px);height:60px}.history-item__img{max-width:64px}.history-item:hover+.history-item-desc{display:none}.cases--standart .case{padding-left:7px;padding-right:7px}.cases--marvel .case{padding-left:10px;padding-right:10px}.drop-list__item{width:170px}.footer{padding-left:10px;padding-right:10px}.statistics__item{margin-left:10px;margin-right:10px}.statistics-item__value{font-size:24px;line-height:28px}.statistics-item__key{font-size:12px}.info-block{padding:15px 15px 10px}.info-block__title{font-size:16px;line-height:18px;margin-bottom:13px}.info-block__body{font-size:14px;line-height:18px}.profile-top-item{width:170px}.profile-top-case{width:170px}.checkout-layout__sum-area-left{margin-right:20px}}@media (max-width: 400px){.qwerty{display:none}.mobile-s-hide{display:none}.logo{width:170px;background-size:150px auto;height:50px}.header__nav{margin-left:10px}.header-nav__link{padding:5px 0 10px}.header-auth .mobile-s-hide{display:none}.header-user{padding-left:52px;padding-right:10px}.header-user__avatar{top:5px;width:36px;height:36px}.header-user__logout{top:-2px}.user-balance__amount{font-size:12px;margin-bottom:0}.user-balance__pay{font-size:14px}.profile-trade-layout__inputs{display:block}.profile-trade-layout__button{margin-top:20px;width:100%;height:47px}}@media (max-width: 374px){.cases--marvel .cases__item, .cases--standart .cases__item, .cases--collection .cases__item, .cases__item{width:100%}}@media (max-width: 680px){.profile-layout-top{-ms-flex-wrap:wrap;flex-wrap:wrap}.profile-layout-top__item{-ms-flex-order:2;order:2;margin:40px 5px 0}.profile-layout-top__item--main{-ms-flex-order:1;order:1;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-bottom:20px;margin-top:0}.profile-layout-top__item:last-child{margin-bottom:0}.profile-layout-top__sep{display:none}}@media (max-width: 700px){.profile-trades__body{width:100%;margin-right:0}.profile-trades__buttons{margin:30px auto 10px;width:100%}}
* { margin: 0; padding: 0; box-sizing: border-box; }
.header__second {
    display: flex;
    height: 80px;
}
.header__promo {
    width: 350px;
    padding-left: 60px;
}
.header__promo {
    width: 421px;
    position: relative;
    color: #ffc000;
    display: flex;
    align-items: center;
    padding-left: 95px;
    transition: none;
    overflow: hidden;
    flex-shrink: 0;
    background: #2a2a32 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAABQCAYAAAD/RVx2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGU2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOC0wMi0wM1QxMjowNDozNSswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTgtMDItMDVUMTc6MjQ6MzUrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTgtMDItMDVUMTc6MjQ6MzUrMDI6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDMzNDM4OTktMjI0Mi1jYTRlLTljMmYtYWM3YWFlOTUzYjM1IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTY4MDliN2EtOTA1ZS1kYTRjLWI5YWEtYjIxMTNmZDZhNTNjIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MzY3OTJjOWMtNDMzNi05ZTQzLThhN2YtZjM3MzdjOWVlZTk1Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjc5MmM5Yy00MzM2LTllNDMtOGE3Zi1mMzczN2M5ZWVlOTUiIHN0RXZ0OndoZW49IjIwMTgtMDItMDNUMTI6MDQ6MzUrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NDMzNDM4OTktMjI0Mi1jYTRlLTljMmYtYWM3YWFlOTUzYjM1IiBzdEV2dDp3aGVuPSIyMDE4LTAyLTA1VDE3OjI0OjM1KzAyOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhSA7gkAABI9SURBVHic7Z19nFV1ncffd5hhRgRmAGHERzDFANkBFBAQDLXS1CzLkrJMzcylUnvQtKe1zaXd3LVcTdeH2l3LWtNVd1NLFx8KBGJExyUKQZIHLR4dYHR4GLj98TmHc+6953fO7zzcYR7u5/WaF9x7f/ecc8/5nu/j5/s9uTFjJlJBIlwD/Bk4E+jnvPcc8AhwJTDKeW8u8CLwJWCKxXafB24F9kWs+zTwnlhHHIw7gadjrL8ZOMr0YVXqw+mdGAtMQBfdFaYngMXAd/GECWAEOs/jLLb7G+yECaDJ8ljDsBJ4Jsb6dxAiTADVqQ6nd6IPcCnwS3RRc8DPkbb6svO5HzuAeuDgkG3mgf8C/tvZ3hjnbxCwE3gBWO5bXw0cmvJ3bAd+4OzbFmOd4zOiIlDx8V5gIPA/wGDgIef9awk+n2uQhjJdiI3AD4E/AGcAHwSGFa05D5nT25AADAzZng12Af/k7DsOhkfttzrdcfU6NACzgX9HmuNO4Bjg7wkWpm3AKiQEq4BjfZ9tR0L5OLpQc51tmXAq8Arwa6T1kmIHMssrEny3JmpBRUPFw8XAJjy/YwjwVaDOsP45PJNyI3Aa8rleBVqAvcA04HNArcX+z0QCtQdYCxwd8/hfBW5B5tlFX6ARGIC0y1ZgA8F+3BaiNFSuoqBsMRY4Bfg6OtnVKHIbYlifR9rHRTvwWNGaDwAXYW8mjkQCsBt4GLja8ns7kTZ8EAnxYKTxpiCtWOz3tQHNyE/8k+/9l4EPh+2ooqHs0Af4DPAUnqn4FPDOkO88A2wO+fx8JExxkEPO/W7gt0jAPoRZINuAZ5HwvYmc/I8Cp1MqRH4MAGYB70JpkJ+im2g5sBpFe4GoCJQdzkGm6j7n9RTgfSHrd6PIz4QziS9MLvz+0/3AImAm0jR1yDd7Hfg98JJzLCCH/xLgoBj7yqEgoR4vILgN+AfTdioCFY0hwIXI92h3Xs8h3Ew9hFk7TQQuj/i+CRuAjqL3Vjt/JtQgH21mgv25OB1YhrTdGuQPfgU4pHhhJbEZjUuBJcDvnNdz8ML2oL+1KJ8UhEOALyJzY/p+2N/LMY+9H/BN5C8l2Z//bzbeTfAKcBXwADKl+9dVNFQ4xgOjgS84r2ciDWNCB8p07w34rAqVa/qnOJ7fRS/Zj2oUgdpk6G3QiNIeK53XbwM/QwnZkcARQH1FoMzoC1yBfIY2JAifJtxU/QcKzYPwPuCEFMfzF1QTtMUVZFOe8eMYPIECYNmy5n3oN78KFR8qDB8Cljp/AJehxKYJz6MwOwj1wMdJl0V2Q34bTEcZ/awxIGpBxYcKxmHASUjjgDTLaSHrVyGn3VQXu5DwWl4UVgPzLNf2Az6bYl9heDtqQaX0EoxLkIDsRifoMsw330YURu8yfN6AaCZJT3QHMrs2DASQZm1IuK8ovBG1oKKhSjELWIiczBwwg8IanB9bUOY8LIF5NvLHkuI+pAFt0Jfw/Fga7AH+GLWo4kMVogE4DpUmpgAXUBgu+7EZ+AZeXWwQ0mhvFa07zfB9GzyLsty2mIaFn5MQC1EJJxQVgSrEWajyPwmR5U5C5Y1irEf5nZ2oYHw6EsJ9KHvtZsmPROF2ErwIfJ94fKVy0m//12ZRRaA8nIDC4snO618hc1WsXZoRDXYa8q38znYfVFKZj4TumIDv22AB8D1Ks+JROD7h/qLwGyzMHVTYBi4ORqH2dOf1GiQ41+FdoA6UyHsUZYlnGLaVQ8nQ9cDhxL/AjwJ3Y++E+zE4wf6isBW4w3ZxRUMJ4yjM29yHApYqZHKWIFJdKyKnmZx0F64T3h7jGN5CJm6B87oBmIqSkyNRLqsdCepi4Em8wq+LrK/nLkQe3G77hYpAeRlwt3q+DDmgeURZ6UCC1Aj8M8pRRcGN+pYTrTHyqOvkR0gbHIUoJjMoZUjWIy75SYiXNJdC5uUmgn2+JNhNAmZnJW0Af4tME0h4bsdzhDcjYToEnVwbYQIvzF+BOFRB2IsYnV9APlk7EuzbUWQYRbdtBG5C6Q0XL1keXxTaUDpkseHzGsS6OHTcuEkFtcnerqHOoTAD/hDwWtGaIYjQP9xym39C+SkXt6Ci7iSkBd9EgvYC4pyD2q6uj7EPF/0R++F65/Vj6DelURTLgX9EVBkX70DBymhEKhzo/8K4cZPeQgyE5t6cKR+JCqjuCVgJ/KRoTS3i/hyOPYr73PIo6ptvWD8LUVqSJj8nIi21HgUTP0J8q7jYhnzHx5H2rEakvA+gcxWG/s5xTOytGqoWuAHvIrptRf4wvQrd+cfF2O4u1ERgi3OJJuvZoAkJFKiI3IF4XDaND1tRjulhvCBiMup+tjXx+9FbBWoOhR0j9yJinB+Xo1xTHDyGZ8aicAHJNEkQik3lI4hzfg4SjhF4Plk7MssvI5/rJbwURS0SpMTlm94oUKciTreLJagjxI+ZqIkgDtoI55H78V7kgGeFIAd+C2JLuIyJOmR+TUXsoShFENYbGIneJlCNiDXpmphNyNT5yxtHIr50XMf2Huy00zjU/pRlhG2z37A63GEoM1/csRwbvSltUIX8JrdUsgv4FoUXoxr5TabGTRP+Hw3LiMIgFI5nfSOvj15iRD3KZ6UWJuhdpZeLULOmi1soorOiQu8o4qGNUi1nwjWYG0OTIk/85gUXVcDfES+Kjdxgb8BYCvvgfkEpA/I4lKGOgzwyFX+xWDud+E6+DV5BydckmE12TQxA72Bs9kOmzu2UbUbFVz+qUFt5WDdtEH6GV3sLQ1+UkS/HyX48ekkgDgc+QcbH1Buc8mvwwurVwLcpreSfS3xT91uURLTB2cTPgttgI/B/Cb97CemYpIHo6SbvDER+A0V011PKqDwI+GTM7b6AQmwbvylH/BSELe7FnAYIgzssI3P0ZA11KF6KoBUNBAN1oKzDM1UXoBNsi0UoOrQlv02msICbFV4kuXZ6D2W69j1VoKpQeN4PDZe4FtFBLkLZ4FYkUNXA+2Ns9xnU4RKHSVkOTbADhfpx6MF+nJzhsRSgpwrUJxGldzvyma6kkG/d5vw7i4CBDwHIA/+Jss6u/1WDEoL1qB5mygVNJFvHdw8yt5tSbOOdlCka64kCNQpFL1sQh2kOpdXyZc6/NhNJ2pBWeh5pvlNRjWw8hSWPtYhxudT33sGkH67qRx7lvJak2MZA4idurdHTBKoGOd6bEGntWoK7Tp5z/o26Uxc529mEeFOXYmZEHo0u9ufRAFYQjTcrTZBHAmsi7NmihjLmiqpzPStV7o4XnIvanIYGrFmHN8WkluCT+wbKVc1D4f73sBta3xe1gV/lvN5r2H5c7ERa8tkMtrUDCWdZIvyepqFApYSbCRYmECPA9YOeBD7i++z3KFH4K+SrnAJ8jXhzCZqQWdmONNtO0pmYV9FvWlP0/lEoyz0K/dY6NHtgM2p5WozYocXYjW6quANfrdDTBOpRxMk2NVeuobCIexsixB2MnGq3uaAKNSjEGajqog/KQm9HGup5vFxYHOxBZLl78LpbhiH/7SyifbMOZNrvonQmwULEkcocPUmgBqCCb1jO51ZKQ/7iAnEd0gjTSQ6/s34PCtNttVweZeHvwIscj0CZ7TOwN1XVSJCnA/9C4Y30EOqaiZw7Hhc9RaDqUIuTcTotyiFFTYAbgMzl2Ih1UWj1/X898qluJFzYtyFT+wgySaDrczHSlEkv/kGolrkXmXhQA8K9KJ2SFfYAd/UEgXIpGGNC1mxFghKGehRFxeGQB2EPpSZmBUplTEcPHWpEAtKK6osvIr/HX2M8AuXQ4tYYg5BD4xFX4s0dvx+Z5jiJXROage+3tCx6rScI1BWY28JBJuS7hLMa+yNzmcXFe4ngTPoeFKU9a7GNk5EwpRlSVoxalNL4ovPapd68hvzFOOOmQcK/AHiwpWVRs/tmd6evnI/u/DA8gBxjE+pQ/ihsiH0chO3LBmcjbRKXSmODk5FWet15nUfnZx7igr2b8Gkx+5C2XYDGP25saVm4/8OmpqlN3VlDzcC720xoQVGfCTmUrxqf0THtId7DDItxDkrMlvMun46EyI8t6IlYP0TpiGNQKqIWCdGbSAhXYpjX0NQ0dRowt7sK1FhkEsLuYncgWFgh93JUz8sKT1LYNRwHM5AwlZtSFKWJ11LaUhaKpqapU5BbUdMdOeXD0MGHJQt3IrMRNqrwXeh5LVkhjxzdJBiNbpDO4KfFoepEYvz4qUfncnwHJwrtbhqqLyqrmLLgIBX9TZT1NqERZcCzvIBPUPjkJlsMQL8prlOcFDbdxLaoQce+fwxjd2NsXkd0juhmlBg0oQoR5LKcRbkD+R9J8BWyZSREoTXDbX2KosbQ7qShZiOnNQy3Yn7Oin87J2ZyRIX7DTOvJkyiPAPqw/BaRtsZQkCTQ3dJG0zGe96KCXej57qF4TCUc8kST2M50LQI7rNfOhtJe/iK8QkCzGd30FDD0GCtsIjublQzi8JVZOurrEHHlgRnEj1aMWu0o1RKWvRFnUIl2qirC1QVorvWGz7Powy3zZCKJrJNEbyJ8mBtUQsN+Ej0kswxD4vHa1jgJAw+aFcXqMsxz97uQNrB9MCeYlxGdva9HTWGrotaaMAY0hegkyDKv7SFkSfflfNQkxDlNgjbUJ6pGWmxE9HE3OHI6byfwkepjiS7To+3ke+zLGphCMrSExeBhaQ7Zj+63TOHByNTF+Q3rUamZgPqsbuQUlrIeAqpGeeSTYpkKxrFszzldibRudHQbsSJygpDMGmoDHeSJa4jOHn5SzRQtAmxLU0NA5NRg0Cr83oW6S/gGlStfz1qoQXG0LkCdRfZpQtAcmMSqC5n86YiZqIfb6OM7DPAl4HziD7wBiRQDajgmQbzgO8QYwB8CAZRBqZkCBagnsIs0Wr6oCtqqCspFJb5qHZXi/JMIyy3s9X59zCS3zXtiDP0iO+9KtQcMB34G5TWGIpHmFuBBP8JgucODEpxPHGxCrE1kzzmIwwrMfikXU2ghuA9l3ctop48hUxWHMLZG3jaJOnJXIgE2Y3kBqOHG34Qc6lkmPM3AyVQb6R0eHzSNENcrEMmuhz7W4yBh9bVBGob0ghrUJNlHs1Vinp4dDEW+f6/GplMW2Fchfwztxl0AIo2ZxOvsDoc1fduoHDU9GYUgQ4M+lJGWIk6ptO0q4dhCQqKSm6sriZQ7hOfQNnYb5Os1uUfwrUbuBPljUzYh5iW9+MJcg7xra8m+SNXqxDzoQVvyt0+dEGStFbZ4CmkGYvHFoHmOExEvPYxSOgHohulHd3Q6xBTYwlq6jDRmX+M9wSH/ciNH1+OKX2pUY8y4EkeKLgCpRKKJ5PMRFpmFIX+zkLkuPofRTGU9K1UfjyMLrKLE1HXSZZwUwPFVYMGFMScTXzOfCtid/6UUk5+FRKqJv+buQkTupxADUc9aSMSfv9q0rVsT0Vt34NSbKMY7YjQ53fSb0IXOQssRsfs7y4ehioN7yc9B6oVuSKPFb0/DN0Y+9M3uQkTsroJM8FIZJ6S8oP+gLRQkrlJOdRM+XnKwxO7mMKnRdWhtq2pKba5DJ0vP/+rFvl8l5AtmQ7UyXwThYHOUPQ7ToCuRbA7Hs2sTCpMeUSuSyJM1SgzfxXlOycjil7vRI7z7cQba9iOTOjHgI9TKEzHIxP1WbIXJlC38Y34AqSlS+dvQjfLHcCuruKUj0bZXBOrwAa/QLW9uHA1Rbltf9Bv24t+9wNoTOEM1GjaiFd22oTnKDejoCGo8+TDqMJQDkHy4zwUOf/YfWPp0vkdwJ0TJ57yYFcQqOOBfyOdMG1AQhEXtcAPSGd2bFH8OFc/WpFQ+dubcthpW/cJEZ1Jh5mDqgcF3TFLl87ffKBN3rGIHOdmj5P85dE8zbgJvBoUSU5Lse84f0GjdcJgI0zVqCT10U76De5fLRKqEhxIgToa+Uxpo6l/xfwoUxOqUNQS1sKeNV7JeHtVaEBI4keRpcS7Cbh2B6o43IiEKW2P2NMky+dcTWkBupzYiPyOLHED5UuO2qAvSoU87H/zQBDs+qNQN6yH3gYr0UmNG9WdhULqzkRcDRqF81Hy9kCjiWKB6uQDqENRTdopJ39GoXFcv2k0oqF0tql/MnqJNY5FTapdgXdU8hSrzjyxOZTDaIpaGIGtKHG3IWphEeqQ31S2kcoGrMUrNKdFH3RDdPZvMKGh+I3O1FCfQVTcNNiB2Aexhjk4+BIpH3+aEA+QHR/pAsTB6ioooWj/FeCKlScNnNc8AAAAAElFTkSuQmCC) 100% 100% no-repeat;
}
.header__stats-wrapper {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #292931;
}
.header__promo-link {
    display: flex;
    align-items: center;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 0 0 16px rgba(255,72,0,.46);
    transition: color .3s ease,text-shadow .3s ease;
    line-height: 1;
    height: 100%;
}
.header__audio-btn {
    width: 165px;
    background-color: #25252d;
    display: flex;
    align-items: center;
    color: #7d7d86;
    font-size: 15px;
    flex-shrink: 0;
    padding-left: 60px;
    position: relative;
}
.header__promo-ico {
    line-height: 0;
    padding-right: 10px;
}
.header__audio-image {
    line-height: 0;
    position: absolute;
    top: 34px;
    left: 25px;
}
.header__audio-val {
    color: #ffc607;
    padding-left: 5px;
}
.header__audio-btn {
    width: 165px;
    background-color: #292931;
    display: flex;
    align-items: center;
    color: #7d7d86;
    font-size: 15px;
    flex-shrink: 0;
    padding-left: 60px;
    position: relative;
}
.header__stats-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    padding-left: 55px;
    position: relative;
	}
.header__stats-wrapper {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #292931;
}
.header__stats {
    display: flex;
	align-content: center;
    justify-content: center;
   
}
.header__stats-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    padding-left: 10px;
    position: relative;
}
.header__stats-item--opens:before {
    background: url("https://ggdrop.wtf/static/media/cases.39b7d62d.svg") no-repeat;
    width: 26px;
    height: 29px;
    top: 3px;
}
header__stats-item+.header__stats-item {
    margin-left: 20px;
}
.header__stats-item--contracts:before {
    background: url("https://ggdrop.wtf/static/media/contracts.55d7b2d2.svg") no-repeat;
    width: 22px;
    height: 25px;
    top: 7px;
}
.header__stats-count {
    color: #ffffff;
    text-shadow: 0 0 8px #003eff;
    font-size: 25px;
    font-weight: 700;
}
.header__stats-info {
    color: #9696a1;
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 2px;
	place-self: center;
    font-weight: 700;
	
}
.header__stats-item--upgrades:before {
    background: url(https://ggdrop.wtf/static/media/upgrades.e4050a9f.svg) no-repeat;
    width: 29px;
    height: 27px;
    top: 5px;
}
.header__stats-item--users:before {
    background: url(https://ggdrop.wtf/static/media/users.d7aa0b1d.svg) no-repeat;
    width: 26px;
    height: 18px;
    top: 9px;
}
.header__stats-item--online:before {
    background: url(https://ggdrop.wtf/static/media/online.4bbe2f47.svg) no-repeat;
    width: 21px;
    height: 26px;
    top: 7px;
	}
	
	.header__stats-item+.header__stats-item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    height: 30px;
    width: 1px;
    background-color: #37373f;
}
.header__stats-item+.header__stats-item {
    margin-left: 20px;
}
.footer__partner-link {
    display: flex;
   
    align-items: center;
    border-radius: 3px;
    padding-right: 25px;
    padding-left: 10px;
    color: #ffc607;
    text-shadow: 0 0 9px rgba(255,114,2,.6);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;	
	}

.footer__partner-image {
    display: block;
    font-size: 0;
}

@-webkit-keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}
@keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}

#blink7 {
   -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}

.scrollup{
width:40px;
height:40px;
opacity:0.5;
position:fixed;
bottom:100px;
right:0;
display:none;
text-indent:-9999px;
background: url(https://mydrop.skin/images/icon_top.png) no-repeat;
z-index: 1;
}
.alert__logo {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 2px solid #6e2537;
    padding: 3px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #ffbfcb;
	left: 81px;
    text-shadow: 0 0 8px #6e2537;
    margin-right: 25px;
    box-shadow: 0 0 20px #8f1a37;
}
.alert__logo:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 2px solid #ff3153;
    border-radius: 100%;
}
.alert__description {
    font-size: 14px;
}
.tabs__list {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #48484e;
}
.tabs__item {
    margin-bottom: -1px;
}
.tabs__item+.tabs__item {
    margin-left: 40px;
}
.tabs__item--active .tabs__btn {
    border-color: #ffc607;
}
.tabs__btn {
    font-size: 18px;
    color: #a1a1a6;
    transition: all .3s ease;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 35px;
    border-bottom: 1px solid transparent;
}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

.js-contract-cost-label {
    text-align: center;
    margin-top: 1em;
}

.js-contract-cost-label-min, .js-contract-cost-label-max,  .js-contract-cost-label-current{
    color: #ffc607;
}

.outside-buttons {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    transform: translateZ(0);
}
.outside-buttons__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow .3s ease,background-color .3s ease;
    width: 60px;
    height: 60px;
    background-color: #21379652;
    border-radius: 30px;
    box-shadow: 0 2px 30px rgb(255 0 123);
	animation: animItem 9s linear infinite;
	
}

.outside-buttons__icon {
    transition: transform .3s ease;
	animation: animItem 9s linear infinite;
}

.preloader-box { position: fixed; top: 0; left: 0; z-index: 999; background: url(https://mydrop.skin/images/md12.png) no-repeat calc(50% + 120px) 50%;  width: 100%; height: 100%; transition: all 0.7s ease; }

.preloader-box.hide {  opacity: 0; visibility: hidden; }

.preloader-box .preloader {
  /* size */
	z-index: 2000;
  width: 100px;
  height: 100px;
  position: absolute;
  left: calc(50% + 120px);
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  animation: rotatePreloader 2s infinite ease-in;
}

@keyframes rotatePreloader {
  0% {
    transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  }
  100% {
    transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
  }
}
.preloader-box .preloader div {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.preloader-box .preloader div:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  width:  5%;
  height: 5%;
  background-color: #6d6877;
  transform: translateX(-50%);
  border-radius: 50%;
}

.preloader-box .preloader div:nth-child(1) {
  transform: rotateZ(0deg);
  animation: rotateCircle1 2s infinite linear;
  z-index: 9;
}

@keyframes rotateCircle1 {
  0% {
    opacity: 0;
  }
  0% {
    opacity: 1;
    transform: rotateZ(36deg);
  }
  7% {
    transform: rotateZ(0deg);
  }
  57% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader-box .preloader div:nth-child(2) {
  transform: rotateZ(36deg);
  animation: rotateCircle2 2s infinite linear;
  z-index: 8;
}

@keyframes rotateCircle2 {
  5% {
    opacity: 0;
  }
  5.0001% {
    opacity: 1;
    transform: rotateZ(0deg);
  }
  12% {
    transform: rotateZ(-36deg);
  }
  62% {
    transform: rotateZ(-36deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(3) {
  transform: rotateZ(72deg);
  animation: rotateCircle3 2s infinite linear;
  z-index: 7;
}

@keyframes rotateCircle3 {
  10% {
    opacity: 0;
  }
  10.0002% {
    opacity: 1;
    transform: rotateZ(-36deg);
  }
  17% {
    transform: rotateZ(-72deg);
  }
  67% {
    transform: rotateZ(-72deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(4) {
  transform: rotateZ(108deg);
  animation: rotateCircle4 2s infinite linear;
  z-index: 6;
}

@keyframes rotateCircle4 {
  15% {
    opacity: 0;
  }
  15.0003% {
    opacity: 1;
    transform: rotateZ(-72deg);
  }
  22% {
    transform: rotateZ(-108deg);
  }
  72% {
    transform: rotateZ(-108deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(5) {
  transform: rotateZ(144deg);
  animation: rotateCircle5 2s infinite linear;
  z-index: 5;
}

@keyframes rotateCircle5 {
  20% {
    opacity: 0;
  }
  20.0004% {
    opacity: 1;
    transform: rotateZ(-108deg);
  }
  27% {
    transform: rotateZ(-144deg);
  }
  77% {
    transform: rotateZ(-144deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(6) {
  transform: rotateZ(180deg);
  animation: rotateCircle6 2s infinite linear;
  z-index: 4;
}

@keyframes rotateCircle6 {
  25% {
    opacity: 0;
  }
  25.0005% {
    opacity: 1;
    transform: rotateZ(-144deg);
  }
  32% {
    transform: rotateZ(-180deg);
  }
  82% {
    transform: rotateZ(-180deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(7) {
  transform: rotateZ(216deg);
  animation: rotateCircle7 2s infinite linear;
  z-index: 3;
}

@keyframes rotateCircle7 {
  30% {
    opacity: 0;
  }
  30.0006% {
    opacity: 1;
    transform: rotateZ(-180deg);
  }
  37% {
    transform: rotateZ(-216deg);
  }
  87% {
    transform: rotateZ(-216deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(8) {
  transform: rotateZ(252deg);
  animation: rotateCircle8 2s infinite linear;
  z-index: 2;
}

@keyframes rotateCircle8 {
  35% {
    opacity: 0;
  }
  35.0007% {
    opacity: 1;
    transform: rotateZ(-216deg);
  }
  42% {
    transform: rotateZ(-252deg);
  }
  92% {
    transform: rotateZ(-252deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(9) {
  transform: rotateZ(288deg);
  animation: rotateCircle9 2s infinite linear;
  z-index: 1;
}

@keyframes rotateCircle9 {
  40% {
    opacity: 0;
  }
  40.0008% {
    opacity: 1;
    transform: rotateZ(-252deg);
  }
  47% {
    transform: rotateZ(-288deg);
  }
  97% {
    transform: rotateZ(-288deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(10) {
  transform: rotateZ(324deg);
  animation: rotateCircle10 2s infinite linear;
  z-index: 0;
}

@keyframes rotateCircle10 {
  45% {
    opacity: 0;
  }
  45.0009% {
    opacity: 1;
    transform: rotateZ(-288deg);
  }
  52% {
    transform: rotateZ(-324deg);
  }
  102% {
    transform: rotateZ(-324deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}


.content { 
	width: 100%;
	padding: 1.25rem 80px 3.125rem;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-family: Muller Regular;
	color: #fff;
	font-size: 100%
}
.content, .content .block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.baraban__page, .contact__block {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.button-border-purple:hover, .button-purple {
    background: #4708ff;
    background-image: -webkit-gradient(linear,left top,right top,from(#561cff),to(#7f4fff));
    background-image: linear-gradient(90deg,#561cff 0,#7f4fff);
    background-size: 200% 100%;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0.1875rem 2.25rem 0 rgba(73,10,255,.28);
    box-shadow: 0 0.1875rem 2.25rem 0 rgba(73,10,255,.28);
    font-family: Muller Medium;
    position: relative;
    font-weight: 400;
    color: hsla(0,0%,100%,.92);
}
.baraban__page {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.baraban__page__superbonus {
	position: absolute;
	left: 3.125rem;
	z-index: 10;
	top: 3.125rem
}
.baraban__page__superbonus h1 {
	text-transform: uppercase;
	margin: 0;
	font-weight: 700;
	font-size: 140%
}
.baraban__page__superbonus span {
	font-family: Muller Light;
	color: #68687f;
	font-size: 1.2em
}
.baraban__page__superbonus div {
	font-family: Muller Light;
	color: #652dff;
	text-shadow: 0 .0625rem .5rem rgba(102, 10, 255, .72);
	font-size: 1.8em;
	font-weight: 700
}
.baraban__page__right {
	position: absolute;
	right: 3.125rem;
	font-size: .8em;
	z-index: 10;
	top: -6.875rem
}
.baraban__page__right .button span.icon {
	height: 1em;
	width: 1em
}
.baraban__page__right .button img {
	max-width: 100%;
	max-height: 100%
}
.baraban__page__prizes {
	margin-bottom: .625rem;
	display: -webkit-box;
	display: -ms-flexbox;
	flex-wrap: wrap;
	display: flex
	    
}
.baraban__page__prizes .baraban-prize {
	max-width: 14.625rem;
    min-width: 8.625rem;
	background-color: #2c5cd0;
	background-image: linear-gradient(-45deg, #ce2f72, rgba(0,0,0,0.5) 60%);
	border-radius: .625rem;
	padding: .9375rem 1.25rem 1.875rem;
	margin: 0 .3125rem 0 .3125rem
}
.baraban__page__prizes .baraban-prize h1 {
	color: #fff;
	line-height: 1;
	margin: -1.25rem 0 1.25rem;
	font-size: 130%
}
.baraban__page__prizes .baraban-prize .baraban-prize-text {
	color: #ffc600;
	font-size: 80%;
	line-height: 1.6
}
.baraban__page__prizes img {
	width: 100%;
	margin-top: -.9375rem
}
.baraban {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	min-width: 50rem;
	min-height: 50rem;
	width: 50rem;
	height: 50rem;
	margin-bottom: 3.125rem
}
.baraban .baraban__items {
	position: absolute;
	border-radius: 50%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}
.baraban__first-circle {
	border: .0625rem solid #171824;
	width: 100%;
	height: 100%
}
.baraban__second-circle {
	background-color: rgba(37, 46, 69, .141);
	width: 91%;
	height: 91%
}
.baraban__items {
	background-color: #1d2435;
	width: 75%;
	height: 75%;
	overflow: hidden
}
.baraban__center-data {
	width: 50%;
	height: 50%;
	z-index: 9;
	background: #0f121d;
	-webkit-box-shadow: inset 0 .125rem 1.25rem rgba(0, 0, 0, .68), inset 0 0 0 .5rem #323d5d, inset 0 0 0 1.875rem #171d33;
	box-shadow: inset 0 .125rem 1.25rem rgba(0, 0, 0, .68), inset 0 0 0 .5rem #323d5d, inset 0 0 0 1.875rem #171d33
}
.baraban__center-curcle, .baraban__center-data {
	position: absolute;
	border-radius: 50%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}
.baraban__center-curcle {
	width: 38%;
	height: 38%;
	background-color: #2c3754;
	-webkit-box-shadow: 0 0 0 .3125rem #16172d, 0 0 0 .625rem #1b1f33;
	box-shadow: 0 0 0 .3125rem #16172d, 0 0 0 .625rem #1b1f33;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#191c2b), to(#2c3754));
	background-image: linear-gradient(180deg, #191c2b, #2c3754)
}
.baraban__item {
	top: -.1875rem;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	width: 18%;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: Muller Regular;
	color: #7247ff;
	font-size: 200%;
	-webkit-transform-origin: center 261%;
	transform-origin: center 261%;
	z-index: 2;
	height: 18%;
	height: 0;
	width: 27%;
	border-top: 7.25rem solid #191e2b;
	border-left: 1.8125rem solid transparent;
	border-right: 1.75rem solid transparent
}
.baraban__item:nth-of-type(2n) {
	border-top: 7.25rem solid #242838
}
.baraban__item__content {
	width: 100%;
	height: 100%
}
.baraban__item__content:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 1em;
	height: 1em;
	z-index: 0
}
.baraban #baraban-item-1 {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
.baraban #baraban-item-2 {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg)
}
.baraban #baraban-item-3 {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg)
}
.baraban #baraban-item-4 {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.baraban #baraban-item-5 {
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg)
}
.baraban #baraban-item-6 {
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg)
}
.baraban #baraban-item-7 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.baraban #baraban-item-8 {
	-webkit-transform: rotate(210deg);
	transform: rotate(210deg)
}
.baraban #baraban-item-9 {
	-webkit-transform: rotate(240deg);
	transform: rotate(240deg)
}
.baraban #baraban-item-10 {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}
.baraban #baraban-item-11 {
	-webkit-transform: rotate(300deg);
	transform: rotate(300deg)
}
.baraban #baraban-item-12 {
	-webkit-transform: rotate(330deg);
	transform: rotate(330deg)
}
.baraban .baraban__center-curcle__job {
	position: absolute;
	border-radius: 50%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 85%;
	height: 80%
}
.baraban #baraban-create, .baraban .baraban__center-curcle__job .baraban-button-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: .85em;
	margin: auto
}
.baraban #baraban-create {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
	height: 3.75rem;
	font-family: Muller Bold;
	width: 90%
}
.baraban #baraban-create .contact-button-info {
	font-family: Muller Regular
}
.baraban #baraban-create .contact-button-info div#contact-count-object {
	color: #bfa8ff;
	text-transform: none
}
.baraban #baraban-create .contact-button-info div#contact-cost-object {
	color: #5aeaff
}
.baraban #baraban-create .contact-button-info span {
	color: #bfa8ff;
	padding: 0 .3125rem
}
.baraban .baraban-info {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	top: 67%;
	font-size: .78em;
	width: 100%;
	font-family: Muller Regular;
	font-weight: 100
}
.baraban .baraban-info, .baraban .baraban-info-cost {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center
}
.baraban .baraban-info-cost {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #bfa8ff;
	margin: .8125rem 0 0
}
.baraban .baraban-info-cost>div {
	margin: 0 .3125rem;
	color: #5aeaff
}
.baraban .baraban-item {
	position: absolute;
	font-size: medium;
	width: 84%;
	height: 84%;
	background: #171b27;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
	-webkit-box-shadow: 0 0 0 .125rem #a84547, 0 0 .9375rem 0 rgba(168, 72, 71, .55);
	box-shadow: 0 0 0 .125rem #a84547, 0 0 .9375rem 0 rgba(168, 72, 71, .55);
	z-index: 1
}
.baraban .baraban-item img {
	left: -50%;
	right: -50%;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	width: 140%;
	max-height: 80%;
	z-index: 2
}
.baraban .baraban-item-cost {
	position: absolute;
	color: #fff;
	padding: .375rem .4375rem .25rem;
	background: #10131d;
	border-radius: .625rem;
	font-size: .75em;
	bottom: .1875rem;
	left: -.625rem;
	z-index: 3
}
.baraban .baraban-item .button-close {
	background-color: #3a4359;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: -.4375rem;
	z-index: 3
}
.baraban .baraban-item .button-close:hover {
	background-color: #495677;
	-webkit-box-shadow: 0 0 .625rem rgba(73, 86, 119, .62);
	box-shadow: 0 0 .625rem rgba(73, 86, 119, .62)
}
.baraban__items-data {
	position: absolute;
	border-radius: 50%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 75%;
	height: 75%
}
.baraban__items-data img {
	position: absolute;
	left: -6.25rem;
	right: -6.25rem;
	top: 0;
	bottom: 0;
	margin: auto;
	max-width: 120%;
	-webkit-transition: all 1s;
	transition: all 1s
}
.baraban__items-data .baraban__item-data {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 18%;
	height: 20%;
	z-index: 10;
	-webkit-transform-origin: center 250%;
	transform-origin: center 250%
}
.baraban .baraban__item-data-content {
	width: 100%;
	height: 85%;
	position: relative;
	margin: auto
}
.baraban #baraban-data-1 {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
.baraban #baraban-data-2 {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg)
}
.baraban #baraban-data-3 {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg)
}
.baraban #baraban-data-4 {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.baraban #baraban-data-5 {
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg)
}
.baraban #baraban-data-6 {
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg)
}
.baraban #baraban-data-7 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.baraban #baraban-data-8 {
	-webkit-transform: rotate(210deg);
	transform: rotate(210deg)
}
.baraban #baraban-data-9 {
	-webkit-transform: rotate(240deg);
	transform: rotate(240deg)
}
.baraban #baraban-data-10 {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}
.baraban #baraban-data-11 {
	-webkit-transform: rotate(300deg);
	transform: rotate(300deg)
}
.baraban #baraban-data-12 {
	-webkit-transform: rotate(330deg);
	transform: rotate(330deg)
}
.baraban .baraban__decor {
	-webkit-box-shadow: 0 1.25rem 1.25rem 0 rgba(0, 0, 0, .33), 0 0 0 3em rgba(37, 46, 69, .26), 0 0 0 .3125rem #313a57;
	box-shadow: 0 1.25rem 1.25rem 0 rgba(0, 0, 0, .33), 0 0 0 3em rgba(37, 46, 69, .26), 0 0 0 .3125rem #313a57;
	position: absolute;
	border-radius: 50%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 80%;
	height: 80%
}
.baraban .baraban__data {
	-webkit-transition: -webkit-transform 10s;
	transition: -webkit-transform 10s;
	transition: transform 10s;
	transition: transform 10s, -webkit-transform 10s;
	width: 100%;
	height: 100%
}
.baraban .baraban__words {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	background: radial-gradient(circle at 0 , rgb(0 105 234), #ff2256 );
	height: 80%;
	width: 80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: .9375rem
}
.baraban .baraban__words>* {
	position: relative;
	z-index: 10;
	left: -.9375rem;
	width: 9%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .2
}
.baraban .baraban__words img {
	width: 100%
}
.baraban .baraban__words .active {
	-webkit-filter: none;
	filter: none;
	opacity: 1
}
.baraban .baraban__words-g {
	left: 5rem;
	top: .9375rem
}
.baraban .baraban__words-i {
	left: 2.5rem
}
.baraban .baraban__words-v {
	left: .625rem
}
.baraban .baraban__words-e {
	left: -.625rem
}
.baraban .baraban__words-d {
	left: -3.9375rem
}
.baraban .baraban__words-r {
	left: -70px
}
.baraban .baraban__words-o {
	left: -4.5125rem
}
.baraban .baraban__words-p {
	left: -4rem;
    top: 0.0625rem

}
.baraban .baraban__decor__arrow-top {
	background-image: url(/images/baraban-elements/win-arrow-top.svg);
	width: 4.6875rem;
	height: 4.6875rem;
	top: -1.875rem
}
.baraban .baraban__decor__arrow-bottom, .baraban .baraban__decor__arrow-top {
	background-size: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 10;
	background-repeat: no-repeat
}
.baraban .baraban__decor__arrow-bottom {
	background-image: url(https://mydrop.skin/images/baraban/win-arrow-bottom.svg);
	width: .9375rem;
	height: .9375rem;
	top: 7.375rem
}
.baraban .baraban__center-data {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	color: #06ff67;
	justify-content: center;
	-webkit-box-align: center;
	text-shadow: 0 1px 14px #06ff67;
	text-align: -webkit-center;
	padding-top: 9.375rem
}
.baraban .baraban__center-data .button {
	padding: 1.25rem 1.875rem 1rem
}
.baraban .baraban__center-data a {
	color: #fff;
	margin: 0 .1875rem
}
.baraban .baraban__center-data>* {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.baraban .baraban__center-data>*>h1 {
	margin: 0 0 .625rem
}
.baraban .baraban__center-data>*>span {
	font-family: Muller Regular;
	color: #848fb2;
	margin-bottom: .9375rem;
	font-size: 85%
}
.baraban .baraban__center-data__wow {
	width: 65%;
	position: absolute;
	left: 0;
	right: 0;
	top: 3.125rem;
	margin: auto
}
.baraban .baraban__center-data__wow img {
	width: 53%
}
.baraban .baraban__center-data .baraban__type-played .timer {
	font-size: 75%;
	font-family: FSElliot, monospace;
	text-transform: uppercase
}
.timer span {
    font-size: 250%!important;
    padding: 0!important;
    margin: .1em;
    color: #313748!important;
}
.timer>div {
    background-image: -webkit-gradient(linear,left bottom,left top,from(#282c3c),to(#565d66));
    /* background-image: linear-gradient(0deg,#282c3c,#565d66); */
    font-size: 100%;
    padding: .5em .3625em .3em;
    -webkit-box-sizing: content-box;
	color: white;
    box-sizing: border-box;
    margin: .0625rem;
    border-radius: .0625rem;
}
.timer span {
    font-size: 250%!important;
    padding: 0!important;
    margin: .1em;
    color: #313748!important;
}

.baraban .baraban__center-data .baraban__type-played__text {
	margin-top: 2.5rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.baraban .baraban__center-data .baraban__type-played__text .icon {
	height: 4em;
	width: 4em
}
.baraban .baraban__center-data .baraban__type-played__text span.check-green {
	position: relative;
	min-width: 1.75rem;
	min-height: 1.75rem;
	margin-left: .625rem
}
.baraban .baraban__center-data .baraban__type-played__text span.check-green:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 1.875rem rgba(9, 173, 126, .59);
	box-shadow: 0 0 1.875rem rgba(9, 173, 126, .59);
	border: .05rem solid #09ad7e;
	border-radius: 100%;
	min-width: 100%;
	min-height: 100%;
	content: " ";
	position: absolute
}
.baraban .baraban__center-data .baraban__type-played__text span.check-green:before {
	position: absolute;
	content: "\2714";
	color: #09ad7e;
	left: 0;
	right: -18px;
	margin: auto;
	left: .5rem;
	top: .4375rem
}
.baraban .baraban__center-data .baraban__type-notlogin .button {
	width: 60%;
	margin-bottom: .625rem
}
.baraban__open-baraban-task {
	width: 14.375rem
}
.baraban__open-baraban-task .button {
	padding: 1.1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: block;
	line-height: 1;
	font-size: .875rem;
	text-transform: none;
	text-decoration: none
}
.baraban__open-baraban-task .button span.icon {
	margin: 0 0 0 -0.75rem
}
.baraban__block__item .baraban-case {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.baraban__block__item .baraban-case-item {
	width: 15%;
	max-width: 11.25rem;
	height: 8.125rem
}
.baraban__win {
	position: absolute;
	top: 0;
	left: -1.5625rem;
	right: 0;
	bottom: 0;
	z-index: 99;
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: rgba(15, 17, 28, .92);
	border-radius: 50%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.baraban__win.show {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-animation: show 1s ease;
	animation: show 1s ease
}
.baraban__win img {
	width: 70%
}
.baraban__win span {
	font-size: 130%
}
.wheel-code__title {
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    padding: 15px 0;
}

element.style {
    display: none;
}
div.window {
    position: fixed;
    top: 10%;
    background: #1a1f2c;
    max-width: 37.5rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 101;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 18.875rem;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0,0,0,.4);
    box-shadow: 0 0 1.25rem 0 rgba(0,0,0,.4);
}
div.window>* {
    padding: 1.25rem 1.875rem;
}
div.window>* {
    padding: 1.25rem 1.875rem;
}
div.window .window-content .window-text {
    font-size: .9em;
    min-height: 1.875rem;
}
div.window .window-content input {
    border-radius: 0;
}
div.window .window-content .window-text-info {
    font-family: inherit;
    color: #848c9d;
    font-size: .75em;
    text-align: center;
    margin-top: 1.25rem;
}

.upgrade-block-center[data-win=no] .upgrade-dial-win {
  -webkit-transform: scale(.8);
  transform: scale(.8)
}

.upgrade-block-center[data-win=win] .upgrade-dial-win {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.upgrade-block-center[data-win=lose] .upgrade-dial-2 .block {
  display: none
}

.upgrade-block-center[data-win=lose] .upgrade-dial-2 .dial-lose {
  visibility: visible;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.upgrade-block-center[data-win=lose] .dial-arrow-wrap {
  display: none
}

.upgrade-block-center[data-win=lose] .updrade-dial {
  background: -webkit-gradient(linear, left top, right top, from(#d01d47), color-stop(#151925), color-stop(#151925), color-stop(#151925), to(#d01d47));
  background: linear-gradient(90deg, #d01d47, #151925, #151925, #151925, #d01d47);
  border-radius: 50%
}

.upgrade-block-center[data-win=lose] .updrade-dial svg {
  display: none
}

.upgrade-dial-win {
  z-index: 20;
  -webkit-transition: all .5s;
  transition: all .5s;
  visibility: hidden;
  opacity: 0
}

.upgrade-dial-win .case-background-win {
  height: 40rem;
  width: 40rem;
  margin: -12rem 0
}

.upgrade-dial-win h2 {
  top: 2.5rem;
  position: relative
}

input[type=range] {
  -webkit-appearance: none;
  margin: .625rem 0;
  width: 100%;
  border-radius: .625rem
}

input[type=range]:disabled:focus::-moz-range-track,
input[type=range]:disabled:focus::-webkit-slider-runnable-track {
  background: #191f2f;
  cursor: default
}

input[type=range]:disabled::-moz-range-track {
  cursor: default;
  background: #191f2f
}

input[type=range]:disabled::-webkit-slider-runnable-track {
  background: #191f2f;
  cursor: default
}

input[type=range]:disabled::-webkit-slider-thumb {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default
}

input[type=range]:disabled::-moz-range-thumb {
  box-shadow: none;
  cursor: default
}

input[type=range]:focus {
  outline: none
}

input[type=range]:focus:-moz-range-track,
input[type=range]:focus::-webkit-slider-runnable-track {
  background: -webkit-gradient(linear, left top, right top, from(#07dcff), color-stop(#294aff), color-stop(#7709c7), to(#c5195a));
  background: linear-gradient(90deg, #07dcff, #294aff, #7709c7, #c5195a)
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: .625rem;
  cursor: pointer;
  animate: .2s;
  box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
  background: linear-gradient(90deg, #07dcff, #294aff, #7709c7, #c5195a);
  border: 0 solid #000101;
  border-radius: .5rem
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: .625rem;
  cursor: pointer;
  animate: .2s;
  -webkit-box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
  box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
  background: -webkit-gradient(linear, left top, right top, from(#07dcff), color-stop(#294aff), color-stop(#7709c7), to(#c5195a));
  background: linear-gradient(90deg, #07dcff, #294aff, #7709c7, #c5195a);
  border: 0 solid #000101;
  border-radius: .5rem
}

input[type=range]::-webkit-slider-thumb {
  border: 0 solid #000;
  height: 1rem;
  width: .625rem;
  border-radius: .1875rem;
  background: #fff;
  -webkit-box-shadow: 0 .0625rem 0 .0625rem rgba(0, 0, 0, .295), 0 0 .9375rem rgba(70, 19, 255, .85);
  box-shadow: 0 .0625rem 0 .0625rem rgba(0, 0, 0, .295), 0 0 .9375rem rgba(70, 19, 255, .85);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -.225rem
}

input[type=range]::-moz-range-thumb {
  box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
  border: 0 solid #000;
  height: 1rem;
  width: .625rem;
  border-radius: .1875rem;
  background: #fff;
  box-shadow: 0 .0625rem 0 .0625rem rgba(0, 0, 0, .295), 0 0 .9375rem rgba(70, 19, 255, .85);
  cursor: pointer;
  margin-top: -.225rem
}

input[type=range]::-ms-track {
  width: 100%;
  height: .8rem;
  cursor: pointer;
  animate: .2s;
  background: transparent;
  border-color: transparent;
  border-width: 2.4375rem 0;
  color: transparent
}

input[type=range]::-ms-fill-lower {
  box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d
}

input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper {
  background: linear-gradient(90deg, #07dcff, #294aff, #7709c7, #c5195a);
  border: 0 solid #000101;
  border-radius: 3.125rem
}

input[type=range]::-ms-fill-upper,
input[type=range]::-ms-thumb {
  box-shadow: 0 .0625rem 0 .0625rem rgba(0, 0, 0, .295), 0 0 .9375rem rgba(70, 19, 255, .85)
}

input[type=range]::-ms-thumb {
  border: 0 solid #000;
  height: 1rem;
  width: .625rem;
  border-radius: .1875rem;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -.225rem
}

input[type=range]:focus::-ms-fill-lower,
input[type=range]:focus::-ms-fill-upper {
  background: linear-gradient(90deg, #07dcff, #294aff, #7709c7, #c5195a)
}

.upgrade__page {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5rem auto 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.upgrade__page .bevel-right[data-disabed="1"] {
  cursor: default !important
}

.upgrade__page .bevel-right[data-disabed="1"] span {
  color: #262b38 !important
}

.upgrade__page .bevel-right[data-disabed="1"] span.icon {
  opacity: .1
}

.upgrade__page .bevel-right[data-disabed="1"] .bevel-right-wrap {
  cursor: default
}

.upgrade__page .bevel-right[data-disabed="1"] .bevel-right-wrap,
.upgrade__page .bevel-right[data-disabed="1"] .bevel-right-wrap:hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: #111520 !important
}

.upgrade__page .window-row {
  display: -webkit-box;
  display: -ms-flexbox;
  height: 548px;
  display: flex;
  margin-top: 1.875rem
}

.upgrade__page .weapon-item {
  width: var(--size-weapon-item);
  height: calc(var(--size-weapon-item) - 10);
  background-position: 50% -250%;
  background-size: 500% 500%;
  border-right: .0625rem solid #111422;
  border-bottom: .0625rem solid #111422;
  -webkit-transition: none;
  transition: none
}

.upgrade__page .weapon-item .button-add,
.upgrade__page .weapon-item .button-ok {
  width: 2.8125rem;
  height: 2.8125rem;
  padding: .8125rem;
  border-radius: 50%
}

.upgrade__page .weapon-item .button-add span.icon img,
.upgrade__page .weapon-item .button-ok span.icon img {
  width: 100%
}

.upgrade__page .weapon-item .button-add {
  background-image: linear-gradient(-107deg, #4404ff 19%, #5316ff 64%, #6227ff);
  -webkit-box-shadow: 0 0 3.125rem rgba(68, 4, 255, .7);
  box-shadow: 0 0 3.125rem rgba(68, 4, 255, .7)
}

.upgrade__page .weapon-item .button-ok {
  background-image: linear-gradient(68deg, #11e8c2 19%, #16c1cc 64%, #1a9ad5);
  -webkit-box-shadow: 0 0 3.125rem rgba(17, 232, 193, .541);
  box-shadow: 0 0 3.125rem rgba(17, 232, 193, .541);
  padding-top: .9375rem
}

.upgrade__page .weapon-item.weapon-hide-data:hover .weapon-item-hide-data {
  opacity: 1;
  -webkit-transform: none;
  transform: none
}

.upgrade__page .weapon-item .weapon-item-hide-data {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  -webkit-transform: none;
  transform: none;
  opacity: 0;
  padding: 0
}

.upgrade__page .weapon-item .weapon-price {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #c0c075;
  font-size: .8125rem;
  right: .3125rem;
  top: 0
}

.upgrade__page .window-block {
  width: calc(var(--size-weapon-item)*var(--count-weapon-item));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: .625rem
}

.upgrade__page .window-block select {
  border-radius: .3125rem;
  color: #7b879c;
  text-transform: none;
  font-size: .8125rem;
  font-weight: 700
}

.upgrade__page .window-block .window-title-left,
.upgrade__page .window-block>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.upgrade__page .window-block .window-title-left-border {
  width: .0625rem;
  height: 5rem;
  background: #151924;
  margin: 0 1.25rem
}

.upgrade__page .window-block .window-weapon-items-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center !important;
  align-content: center !important
}

.upgrade__page .window-block .window-weapon-items-empty img {
  width: 13.75rem
}

.upgrade__page .window-block .window-weapon-items-empty span {
  color: #5d6377
}

.upgrade__page .window-block .window-title {
  background: #171c29;
  height: 5rem;
  border-bottom: .0625rem solid #0f121e;
  padding: 0 2.5rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-transform: uppercase;
  font-size: 1rem;
  overflow: hidden
}

.upgrade__page .window-block .window-title .search-box {
  position: relative;
  margin-right: -25px
}

.upgrade__page .window-block .window-title .search-box i {
  font-size: 21px;
  margin: auto;
  left: 8px;
  top: 8px;
  position: absolute;
  color: #2a3144
}

.upgrade__page .window-block .window-title .search-box input.search-weapon {
  width: 0;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  padding-left: 30px;
  background: transparent
}

.upgrade__page .window-block .window-title .search-box input.search-weapon:focus {
  width: 150px;
  background: #0f121e;
  padding: .4375rem .75rem .4375rem 32px
}

.upgrade__page .window-block .window-title .window-title-left {
  z-index: 1;
  position: relative
}

.upgrade__page .window-block .window-title input {
  width: 4.375rem;
  border-radius: .5rem
}

.upgrade__page .window-block .window-title .search {
  font-size: 1.5rem;
  margin-right: -.9375rem;
  margin-left: .3125rem;
  color: #2a3144;
  cursor: pointer;
  padding-top: .3125rem
}

.upgrade__page .window-block .window-title .search:hover {
  color: #d2d3d4
}

.upgrade__page .window-block .window-title .text {
  color: #485169;
  font-size: .875rem;
  text-transform: none;
  margin-right: .625rem
}

.upgrade__page .window-block .window-title span {
  margin-bottom: -.1875rem;
  position: relative
}

.upgrade__page .window-block .window-title span:before {
  background: url(/images/pattern-upgrade-title.png);
  width: 18.75rem;
  content: " ";
  height: 6.8125rem;
  display: block;
  background-size: 100%;
  position: absolute;
  left: -2.5rem;
  z-index: 0
}

.upgrade__page .window-block .window-data {
  background: #111422;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.upgrade__page .window-block .window-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #121622;
  border-top: .0625rem solid #0f121e;
  height: 5rem
}

.upgrade__page .window-block .window-bottom .window-page {
  background: #0f121e;
  padding: .5rem .75rem;
  border-radius: .625rem;
  color: #2b3140;
  margin: 0 .9375rem;
  cursor: pointer
}

.upgrade__page .window-block .window-bottom .window-page:hover {
  color: #384055;
  background: #161a2b
}

.upgrade__page .window-block .window-bottom span {
  color: #697487;
  font-size: .875rem
}

.upgrade__page>h1:before {
  left: auto
}

.upgrade__page .updrade-dial {
  position: absolute;
  z-index: 11;
  width: 18.75rem;
  height: 18.75rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto
}

.upgrade__page .upgrade-dial-1 {
  position: absolute;
  z-index: 12;
  width: 17.8125rem;
  height: 17.8125rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #181d2b;
  border-radius: 50%
}

.upgrade__page .upgrade-dial-1 .dial-dot {
  height: 1.5625rem;
  width: .125rem;
  background: #222a3e;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: .75rem;
  -webkit-transform-origin: 0 8.25rem;
  transform-origin: 0 8.25rem
}

.upgrade__page .upgrade-dial-1 .dial-dot-1 {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-2 {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-3 {
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-4 {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-5 {
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-6 {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-7 {
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-8 {
  -webkit-transform: rotate(84deg);
  transform: rotate(84deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-9 {
  -webkit-transform: rotate(96deg);
  transform: rotate(96deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-10 {
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-11 {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-12 {
  -webkit-transform: rotate(132deg);
  transform: rotate(132deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-13 {
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-14 {
  -webkit-transform: rotate(156deg);
  transform: rotate(156deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-15 {
  -webkit-transform: rotate(168deg);
  transform: rotate(168deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-16 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-17 {
  -webkit-transform: rotate(192deg);
  transform: rotate(192deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-18 {
  -webkit-transform: rotate(204deg);
  transform: rotate(204deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-19 {
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-20 {
  -webkit-transform: rotate(228deg);
  transform: rotate(228deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-21 {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-22 {
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-23 {
  -webkit-transform: rotate(264deg);
  transform: rotate(264deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-24 {
  -webkit-transform: rotate(276deg);
  transform: rotate(276deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-25 {
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-26 {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-27 {
  -webkit-transform: rotate(312deg);
  transform: rotate(312deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-28 {
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-29 {
  -webkit-transform: rotate(336deg);
  transform: rotate(336deg)
}

.upgrade__page .upgrade-dial-1 .dial-dot-30 {
  -webkit-transform: rotate(348deg);
  transform: rotate(348deg)
}

.upgrade__page .upgrade-dial-2 {
  position: absolute;
  z-index: 13;
  width: 9.375rem;
  height: 9.375rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #10121e;
  border-radius: 50%;
  -webkit-box-shadow: 0 -.3125rem 6.25rem #000, 0 0 0 1.125rem #232835, 0 0 0 1.375rem #121723;
  box-shadow: 0 -.3125rem 6.25rem #000, 0 0 0 1.125rem #232835, 0 0 0 1.375rem #121723;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.upgrade__page .upgrade-dial-2 .dial-lose {
  visibility: hidden;
  opacity: 0;
  display: none;
  bottom: -.625rem;
  position: relative
}

.upgrade__page .upgrade-dial-2 .dial-lose span {
  font-size: .75rem;
  margin-top: .3125rem;
  color: #68687f
}

.upgrade__page .upgrade-dial-2 .dial-lose .chance {
  color: #ffd0dc
}

.upgrade__page .upgrade-dial-2 .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.upgrade__page .upgrade-dial-2 .chance-text {
  color: #68687f;
  text-transform: uppercase;
  font-size: .75rem;
  padding: .25rem 0 0
}

.upgrade__page .upgrade-dial-2 .dial-arrow {
  width: 4.375rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto
}

.upgrade__page .upgrade-dial-2 .dial-arrow-wrap {
  position: absolute;
  width: 4.375rem;
  -webkit-transform: rotate(var(--dial));
  transform: rotate(var(--dial));
  -webkit-transform-origin: 50% 7.5rem;
  transform-origin: 50% 7.5rem;
  -webkit-transition: -webkit-transform var(--transform-delay);
  transition: -webkit-transform var(--transform-delay);
  transition: transform var(--transform-delay);
  transition: transform var(--transform-delay), -webkit-transform var(--transform-delay);
  top: -2.8125rem;
  height: 4.375rem
}

.upgrade__page .upgrade-dial-2 .chance {
  color: #fffe92;
  font-size: 1.625rem;
  font-weight: 700;
  text-shadow: 0 .0625rem .625rem rgba(255, 41, 72, .75)
}

.upgrade__page .upgrade-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 62.5rem;
  margin: 5rem auto 2.1875rem;
  position: relative
}

.upgrade__page .upgrade-block>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.upgrade__page .upgrade-block-center {
  position: absolute
}

.upgrade__page .center__border-1,
.upgrade__page .center__border-2,
.upgrade__page .center__border-3 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  border-radius: 50%
}

.upgrade__page .center__border-1 {
  width: 22.5rem;
  height: 22.5rem;
  background: #181c2b;
  -webkit-box-shadow: inset 0 -.125rem 2.5rem .375rem rgba(0, 0, 0, .58);
  box-shadow: inset 0 -.125rem 2.5rem .375rem rgba(0, 0, 0, .58)
}

.upgrade__page .center__border-2 {
  width: 20.125rem;
  height: 20.125rem;
  background-image: linear-gradient(to right, #ff2359, #006ef6);
  -webkit-box-shadow: inset 0 0 6.875rem 0 rgba(0, 0, 0, .48);
  box-shadow: inset 0 0 6.875rem 0 rgba(0, 0, 0, .48)
}

.upgrade__page .bottom-info {
  width: 43.75rem;
  margin-top: 3.125rem
}

.upgrade__page .bottom-info .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.upgrade__page .bottom-info .row span {
  font-size: .875rem;
  padding-top: .1875rem;
  color: #8c909d;
  margin-left: .9375rem
}

.upgrade__page .bottom-info .balance {
  color: #22e2ff;
  padding-top: .3125rem;
  width: 6.875rem;
  text-align: right
}

.upgrade__page .bottom-info .bevel-join {
  height: 5rem
}

.upgrade__page .bottom-info .bevel-join-data {
  height: 100%
}

.upgrade__page .bottom-info .bevel-join .button {
  border-radius: .3125rem
}

.upgrade__page .bottom-info .bevel-join .button span {
  color: #fff;
  padding-top: 0;
  font-size: .8125rem
}

.upgrade__page .bottom-info .bevel-join .button span.icon {
  font-size: .625rem
}

.upgrade__page .bottom-info .bevel-join .row-space {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 21.25rem;
  padding-left: .625rem;
  margin: 0 0 0 1.5625rem;
  height: 100%;
  border-left: .0625rem solid #0f121e
}

.upgrade__page .bottom-info .bevel-join .row-space .balance {
  color: #fff;
  font-size: 1.625rem;
  text-align: center
}

.upgrade__page .bottom-info .bevel-join .row-space .balance-text {
  margin: 0;
  text-transform: uppercase;
  font-size: .75rem
}

.upgrade__page .bottom-info .bevel-join .bevel-left-wrap {
  left: -.9375rem
}

.upgrade__page .bottom-info .bevel-join .bevel-right-wrap {
  right: -.9375rem
}

.upgrade__page .bevel-row {
  margin-bottom: .625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.upgrade__page .bevel-row .grey-text {
  color: #50576d
}

.upgrade__page .bevel-row>.bevel-left>.block {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 18.75rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.upgrade__page .bevel-row .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.upgrade__page .bevel-row .bevel-join,
.upgrade__page .bevel-row .bevel-left,
.upgrade__page .bevel-row .bevel-right,
.upgrade__page .bevel-row .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.upgrade__page .bevel-row .bevel-join,
.upgrade__page .bevel-row .bevel-left,
.upgrade__page .bevel-row .bevel-right {
  width: 100%;
  position: relative;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.upgrade__page .bevel-row .bevel-left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.upgrade__page .bevel-row .bevel-left[data-empty="0"] .bevel-empty,
.upgrade__page .bevel-row .bevel-right[data-empty="0"] .bevel-empty {
  display: none
}

.upgrade__page .bevel-row .bevel-left[data-empty="0"] .bevel-notempty,
.upgrade__page .bevel-row .bevel-left[data-empty="1"] .bevel-empty,
.upgrade__page .bevel-row .bevel-right[data-empty="0"] .bevel-notempty,
.upgrade__page .bevel-row .bevel-right[data-empty="1"] .bevel-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.upgrade__page .bevel-row .bevel-left[data-empty="1"] .bevel-notempty,
.upgrade__page .bevel-row .bevel-right[data-empty="1"] .bevel-notempty {
  display: none
}

.upgrade__page .bevel-row .bevel-right {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.upgrade__page .bevel-row .bevel-left-wrap,
.upgrade__page .bevel-row .bevel-right-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #12162147;
  border-radius: .625rem;
  z-index: -1
}

.upgrade__page .bevel-row .bevel-left-wrap {
  -webkit-transform: skew(10deg);
  transform: skew(10deg)
}

.upgrade__page .bevel-row .bevel-right-wrap {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg)
}

.upgrade__page .bevel--weapon {
  height: 12.5rem;
  width: 100%
}

.upgrade__page .bevel--weapon .bevel-left .row,
.upgrade__page .bevel--weapon .block {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.upgrade__page .bevel--weapon .bevel-left .row {
  width: 80%;
  z-index: 9;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: .625rem
}

.upgrade__page .bevel--weapon .bevel-left .row span.name {
  color: #959aa4;
  padding-bottom: .25rem
}

.upgrade__page .bevel--weapon .bevel-left .row .cost {
  background: #4809ff;
  -webkit-box-shadow: 0 0 .625rem 0 rgba(73, 10, 255, .39);
  box-shadow: 0 0 .625rem 0 rgba(73, 10, 255, .39);
  padding: .5625rem .6875rem .3125rem;
  font-size: .875rem
}

.upgrade__page .bevel--weapon .bevel-left .row span.type {
  color: #e8edf7
}

.upgrade__page .bevel--weapon .bevel-left .row .block {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: .875rem
}

.upgrade__page .bevel--weapon .bevel-left .bevel-remove {
  position: absolute;
  top: .9375rem;
  right: -.625rem;
  width: 1.5625rem;
  height: 1.5625rem;
  z-index: 9;
  opacity: .5;
  background: #2f3344;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer
}

.upgrade__page .bevel--weapon .bevel-left .bevel-remove:hover {
  background: #3c4157
}

.upgrade__page .bevel--weapon .bevel-left .bevel-remove img {
  width: 40%
}

.upgrade__page .bevel--weapon .bevel-right .bevel-empty {
  width: 20rem;
  margin: 0 !important
}

.upgrade__page .bevel--weapon .bevel-right>.block {
  margin: 0 2.1875rem 0 0
}

.upgrade__page .bevel--weapon .bevel-right .row {
  width: 90%;
  z-index: 9;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: .625rem
}

.upgrade__page .bevel--weapon .bevel-right .row span.name {
  color: #959aa4;
  padding-bottom: .25rem
}

.upgrade__page .bevel--weapon .bevel-right .row .cost {
  background: #4809ff;
  -webkit-box-shadow: 0 0 .625rem 0 rgba(73, 10, 255, .39);
  box-shadow: 0 0 .625rem 0 rgba(73, 10, 255, .39);
  padding: .5625rem .6875rem .3125rem;
  font-size: .875rem
}

.upgrade__page .bevel--weapon .bevel-right .row span.type {
  color: #e8edf7
}

.upgrade__page .bevel--weapon .bevel-right .row .block {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: .875rem
}

.upgrade__page .bevel--weapon .bevel-right .bevel-remove {
  position: absolute;
  top: .9375rem;
  left: -1.875rem;
  width: 1.5625rem;
  height: 1.5625rem;
  z-index: 9;
  opacity: .5;
  background: #2f3344;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer
}

.upgrade__page .bevel--weapon .bevel-right .bevel-remove:hover {
  background: #3c4157
}

.upgrade__page .bevel--weapon .bevel-right .bevel-remove img {
  width: 40%
}

.upgrade__page .bevel--info {
  height: 3.125rem;
  width: 95%
}

.upgrade__page .bevel--info[data-empty="0"] .bevel-empty {
  display: none
}

.upgrade__page .bevel--info[data-empty="0"] .bevel-notempty,
.upgrade__page .bevel--info[data-empty="1"] .bevel-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.upgrade__page .bevel--info[data-empty="1"] .bevel-notempty {
  display: none
}

.upgrade__page .bevel--info .bevel-left,
.upgrade__page .bevel--info .bevel-right {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.upgrade__page .bevel--info .row {
  width: 15.3125rem;
  margin: 0 1.25rem;
  z-index: 9;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.upgrade__page .bevel--info .row,
.upgrade__page .bevel--info .row .count-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.upgrade__page .bevel--info .row .count-item {
  background: #c81c46;
  color: #fff;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: .9375rem;
  border-radius: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: .1875rem
}

.upgrade__page .bevel--info .row .cost {
  color: #f9f88f
}

.upgrade__page .bevel--info .row .item {
  color: #747884
}

.upgrade__page .bevel--info .bevel-right .degrees span,
.upgrade__page .bevel--info .row .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.upgrade__page .bevel--info .bevel-right .degrees span {
  height: 2.1875rem;
  width: 2.5rem;
  border-radius: .3125rem;
  color: #888c94;
  padding-top: .1875rem;
  cursor: pointer
}

.upgrade__page .bevel--info .bevel-right .degrees span.select,
.upgrade__page .bevel--info .bevel-right .degrees span:hover {
  background: #1b1623;
  color: #f12b5a
}

.upgrade__page .bevel--buttons {
  height: 4.375rem;
  width: 92%
}

.upgrade__page .bevel--buttons .bevel-left,
.upgrade__page .bevel--buttons .bevel-right {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.upgrade__page .bevel--buttons .bevel-left .bevel-button,
.upgrade__page .bevel--buttons .bevel-right .bevel-button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .1875rem 3.75rem 0;
  text-transform: uppercase;
  font-size: 1.0625rem
}

.upgrade__page .bevel--buttons .bevel-left .bevel-button span.icon,
.upgrade__page .bevel--buttons .bevel-right .bevel-button span.icon {
  height: 1.25rem;
  width: 1.25rem;
  margin: 0 1.25rem;
  padding-bottom: .0625rem
}

.upgrade__page .bevel--buttons .bevel-left .bevel-left-wrap {
  -webkit-transition: all .5s;
  transition: all .5s;
  background-color: #d01d47
}

.upgrade__page .bevel--buttons .bevel-left:hover .bevel-left-wrap {
  background-color: #540cf9;
  -webkit-box-shadow: -.125rem 0 .4375rem #3600b3;
  box-shadow: -.125rem 0 .4375rem #3600b3
}

.upgrade__page .bevel--buttons .bevel-right .bevel-right-wrap {
  -webkit-transition: all .5s;
  transition: all .5s;
  background-color: #0b01ff
}

.upgrade__page .bevel--buttons .bevel-right:hover .bevel-right-wrap {
  -webkit-box-shadow: .125rem 0 .4375rem #d01d48;
  box-shadow: .125rem 0 .4375rem #d01d48;
  background-color: #ff3668
}

.upgrade__page .weapon {
  width: 15.625rem;
  height: 9.0625rem;
  padding: 1.5625rem 0 0;
  background-size: 135%;
  background-repeat: no-repeat;
  background-position: top
}

.upgrade__page .weapon .weapon-line {
  width: 80%;
  height: .125rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto
}

.upgrade__page .weapon-blue {
  background-image: url(/images/pattern/blue.png)
}

.upgrade__page .weapon-blue .weapon-line {
  -webkit-box-shadow: inset 0 .125rem #1908ff;
  box-shadow: inset 0 .125rem #1908ff
}

.upgrade__page .weapon-white {
  -webkit-box-shadow: inset 0 .125rem #fff;
  box-shadow: inset 0 .125rem #fff
}

.upgrade__page .weapon-bluepurple {
  -webkit-box-shadow: inset 0 .125rem #6025ff;
  box-shadow: inset 0 .125rem #6025ff
}

.upgrade__page .weapon-green {
  -webkit-box-shadow: inset 0 .125rem #2ceda6;
  box-shadow: inset 0 .125rem #2ceda6
}

.upgrade__page .weapon-purple {
  -webkit-box-shadow: inset 0 .125rem #b82493;
  box-shadow: inset 0 .125rem #b82493
}

.upgrade__page .weapon-yellow {
  -webkit-box-shadow: inset 0 .125rem #edb02c;
  box-shadow: inset 0 .125rem #edb02c
}

.upgrade__page .weapon-red {
  -webkit-box-shadow: inset 0 .125rem #bc171b;
  box-shadow: inset 0 .125rem #bc171b;
  background-image: url(/images/pattern/red.png)
}

.upgrade__page .weapon img {
  width: 80%;
  max-height: 100%
}

.upgrade__page .upgrade-block-center {
  top: -2.8125rem;
  width: 25rem;
  height: 25rem;
  background: #11131e;
  border-radius: 50%;
  margin: 0 auto;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 0 2.4375rem 1.375rem #121621;
  box-shadow: 0 0 2.4375rem 1.375rem #121621
}

input.switch {
  position: relative;
  -webkit-appearance: none;
  outline: none;
  width: 3.5rem;
  height: 1.625rem;
  background-color: #0f121c;
  border: .0625rem solid #0f121c;
  border-radius: 3.125rem;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s
}

input.switch:after {
  content: "";
  top: .25rem;
  left: 2rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #d21d48
}

input.switch:after,
input.switch:before {
  position: absolute;
  -webkit-transition: all .3s;
  transition: all .3s
}

input.switch:before {
  content: "off";
  font-size: .5625rem;
  text-transform: uppercase;
  color: #fff;
  top: .4375rem;
  left: .5625rem
}

input.switch:checked:before {
  content: "on";
  left: 1.875rem;
  top: .4375rem
}

input.switch:checked {
  background-color: #0f121c;
  border-color: #0f121c
}

input.switch:checked:after {
  left: .3125rem;
  background: #11e8c2
}

.window.window-faq-upgrade {
    width: 51.875rem;
    max-width: 51.875rem;
}
div.window .window-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #181d29;
}
div.window .window-title h1 {
    margin: 0;
    font-size: 140%;
}
div.window .window-close-button {
    background-image: url(../images/window-close.svg);
    height: 1rem;
    width: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: .6;
}
div.window .window-content {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.window.window-faq-upgrade h1 {
    margin: 0;
    line-height: 1.5;
    font-size: 120%;
    height: .875rem;
    min-height: 1.875rem;
}
.window.window-faq-upgrade .faqs__block {
    padding: 0 .625rem;
    margin: 0;
}
.window.window-faq-upgrade .faqs__block .block-column {
    width: 15.625rem;
}
.faq-arrow-right {
    background-image: url(/images/icon/icon-arrow-right.svg);
    width: 1.875rem;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: 3.75rem;
}
.window.window-faq-upgrade .faqs__block .block-column {
    width: 15.625rem;
}
.window.window-faq-upgrade .faqs__block .faq__icon {
    width: 70%;
}
.faq__icon {
    background-image: url(/images/faq-background.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: 12.5rem;
    margin: -1.875rem -1.25rem 0;
    position: relative;
}
.window.window-faq-upgrade .faqs__page__text {
    margin-top: -2.875rem;
}
.faqs__block .faqs__page__text {
    font-size: .85em;
    font-family: Muller Regular;
    color: #aaaabc;
    margin-top: -1.875rem;
}
.window.window-faq-upgrade .faqs__page__text {
    margin-top: -2.875rem;
}
.faqs__block .faqs__page__text {
    font-size: .85em;
    font-family: Muller Regular;
    color: #aaaabc;
    margin-top: -1.875rem;
}
.faq-arrow-right {
    background-image: url(/images/icon/icon-arrow-right.svg);
    width: 1.875rem;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: 3.75rem;
}
div.window {
    position: fixed;
    top: 10%;
    background: #1a1f2c;
    max-width: 37.5rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 101;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 21.875rem;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0,0,0,.4);
    box-shadow: 0 0 1.25rem 0 rgba(0,0,0,.4);
}
.contract-faqs__page {
    background-color: #12162254;
    padding: 3.125rem;
    margin-top: 3.125rem;
}

.block, .block-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.content, .content .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.contract-faqs__page .block-column {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.contract-faqs__page .contract-faq__icon {
    height: 6.25rem;
    width: 6.25rem;
    background-color: #3b01f3;
    
   background-image: linear-gradient(180deg,#d7357e,#006cf0);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 0 3.125rem rgba(113,38,255,.33);
    box-shadow: 0 0 3.125rem rgba(113,38,255,.33);
}
.contract-faqs__page .contract-faq__icon img {
    height: 2rem;
    width: 2rem;
}
img {
    border-style: none;
}
.contract-faqs__page .contract-faq__page__text {
    margin-top: .9375rem;
    color: #a8a7bd;
    font-size: 85%;
    text-align: center;
}
.contract-faqs__page .block-column {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.contract-faqs__page .faq-arrow-right {
    width: 3.875rem;
    top: 3rem;
	right: 15px;
}
.faq-arrow-right {
    background-image: url(https://givedrop.com/images/icon/icon-arrow-right.svg);
    width: 1.875rem;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: 3.75rem;
}

.background-color:{ #121622;
    padding: 3.125rem;
    margin-top: 3.125rem;
	}
.circle-banner.active, .circle-banner:hover {
    left: 0;
}
.circle-banner {
    width: 196px;
    height: 100px;
    position: fixed;
    top: 30%;
    left: -95px;
    z-index: 5;
    display: flex;
    align-items: center;
    transition: all .5s;
}
.circle-banner:before {
    content: "";
    position: absolute;
    top: -140px;
    left: -100px;
    background: url(https://mydrop.skin/images/bg-circle-btn-39.png) no-repeat 0 0;
    display: block;
    width: 310px;
    height: 384px;
    pointer-events: none;
}
.circle-banner .text {
    font-size: 14px;
    color: #ffc600;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    position: relative;
    left: 10px;
}
.circle-banner .icon-circle {
    background: url(https://mydrop.skin/images/bg-circle-btn-55.png) no-repeat 0 0;
    display: block;
    width: 112px;
    min-width: 112px;
    height: 110px;
    position: relative;
    margin-right: -5px;
    margin-top: 3px;
	left: -99px;
}
.circle-banner .icon-circle svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin: -26px 0 0 -25px;
    transform: rotate(180deg);


}
.circle-banner .icon-circle svg path {
    transition: all .5s;
    transform-origin: 50% 50%;
    transform: rotate(1turn);
    animation: rotating2 5s linear infinite;
}
.circle-banner .icon-circle:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 53px;
    height: 53px;
    transform: translateX(-50%);
    margin: -9px 0 0 -1px;
    background: url(https://cscase.top/images/bg-circle-btn-4.svg) no-repeat 0 0;
}


img.rot {
 
  -webkit-animation: 2s linear 0s normal none infinite running rot;
  width: 100px;
}
@keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

title--center:after {
    bottom: -34px;
    width: 144px;
    height: 36px;
    background-image: url(https://topskin.one/public/img/newyear/title-decor.png?v=2);
}

.site-nav__new {
    position: absolute;
    top: 21px;
    right: -25px;
    transition: .15s ease-in-out;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    color: #00ff08;
	animation: pulsate 1.2s linear infinite;
	}
.profile-counters__value_cases {
    min-width: 95px;
}
.profile-counters__value {
    display: flex;
    align-items: center;
    font-size: 17px;
	justify-content: center;
    line-height: 24px;
    color: #e9892b;
}
	
	

.profile-counters__value span:first-child {
    margin-right: 3px;
    color: #72ca2a;
}
	.profile-counters__value span:last-child {
    margin-left: 3px;
    color: #ff0000;
}
.wheel-code__social-wrapper a {
    padding: 13px 10px;
    margin: 1px 5px;
    cursor: pointer;
    background: #ffeb3b8c;
    border-radius: 4px;
    color: #fff;
    width: 50px;
    height: 50px;
    display: inline-block;
}
.fa-instagram:before {
    content: "\f16d";
}	
	.footer .digital {
    background: url(https://mydrop.skin/images/digital2.png);
    width: 126px;
    height: 51px;
    float: left;
    margin: 20px 0 0;
}
.ehSGwS {
    transition: all 0.2s ease-out 0s;
    content: "";
    width: calc(100% + 2px);
    height: 100%;
    background-image: url(https://mydrop.skin/img/e95be3e8d477c1e88a168f71d894cdc4.webp);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: -1;
}
.ehSARK {
    background-image: url(https://mydrop.skin/img/50561e9d4bd1157369d1cdf18ef8a39f.svg), -webkit-radial-gradient(50% 50%, circle closest-side, rgba(67, 75, 90, 0.3) 0%, rgba(67, 75, 90, 0) 100%);
    background-size: 32px 32px, contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.iAHsSP {
   
    height: 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: rgb(147, 40, 239);
    position: absolute;
    left: calc(24%);
        margin-top: -21px;
    z-index: 0;
    animation: 3s ease-out 0s infinite normal none running eNpsYI;

}
.iAHsSP::before {
    z-index: -1;
    content: "";
    width: 30px;
    height: 100%;
    position: absolute;
    left: -8px;
    background: inherit;
    transform: rotate(45deg);
    border-radius: 5px;
}
.ieicSw {
    height: 50px;
    width: 100%;
    border-bottom: 3px solid rgb(26, 34, 47);
}
.ieicSw h2 {
    padding-right: 10px;
    font-family: "Montserrat Bold";
    font-size: 18px;
    white-space: nowrap;
    color: rgb(217, 222, 229);
}
.ieCunv svg {
    display: inline-block;
    fill: currentcolor;
    width: 24px;
    height: 24px;
}





.info-for-today{display:table;width:100%;margin:0 0 20px;}
.info-for-today__item{display:table-cell;width:25%;padding:0px 0 19px;text-align:center;}
.info-for-today__item:last-child{border-right:none;}
.gamepad{display:inline-block;width:57px;height:42px;background:url('../img/icons.png') no-repeat;}
.lap-user{display:inline-block;width:57px;height:42px;background:url('../img/icons.png') no-repeat -57px 0;}
.lap-star{display:inline-block;width:57px;height:42px;background:url('../img/icons.png') no-repeat -116px 0;}
.cup{display:inline-block;width:57px;height:42px;background:url('../img/icons.png') no-repeat -173px 0;}
.info-for-today__item .text{margin:6px 0 10px;}
.info-for-today__item .number{font-size:24px;font-weight:700;color:#da63d4;}

.profile-stages {
    position: relative;
    padding: 40px 0;
    display: flex;
    justify-content: center;
    background-image: linear-gradient(-270deg,transparent,rgba(0,0,0,.7) 49%,transparent);
    border-radius: 4px;
    counter-reset: stage;
}
.profile-stages:before {
    top: 0;
}

}
.profile-stages__stage:first-child {
    width: 282px;
}
.profile-stage {
    display: flex;
    justify-content: center;
}
.profile-stage__section {
    position: relative;
    padding-left: 52px;
}
.profile-stage.done .profile-stage__section:before {
    content: "";
    width: 33px;
    height: 33px;
    border: none;
    background-image: url(https://topskin.org/public/img/icon_done.svg?v=2);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 0 15px 3px rgba(43,167,0,.4);
}

.profile-stage__title {
    margin-bottom: 10px;
    font-size: 20px;
}


.profile-stage__text {
    line-height: 20px;
    font-size: 15px;
    color: #b8b6bf;
}
.profile-stages__stage:nth-child(2) {
    margin: 0 50px;
}
.profile-stages__stage {
    width: 352px;
}
.profile-stage {
    display: flex;
    justify-content: center;
}
.profile-stage__section {
    position: relative;
    padding-left: 52px;
}


.profile-stage__section:before {
    content: counter(stage);
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #ec8d15;
    border-radius: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #e9892b;
    counter-increment: stage;
}



.profile-stages:after, .profile-stages:before {
    content: "";
    position: inherit;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
     
}







.sidebar__promocode {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 15px;
	    margin-top: 122px;
    flex: none;
}
.refill-code {
    position: relative;
    padding: 11px 10px 15px 18px;
    width: 92%;
    background-image: linear-gradient( 179deg ,rgba(255,70,100,0) 1%,#ff4664 99%);
    text-shadow: 0 1px 0 rgba(130,31,0,.32);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
    color: #fff;
    cursor: pointer;
}
.refill-code__value-bonus {
    margin-bottom: 4px;
}
.refill-code__code {
    font-weight: 700;
    font-size: 16px;
}
.refill-code__copy {
    position: absolute;
    z-index: -2;
    display: flex;
    justify-content: center;
    padding-top: 10px;
    left: 50%;
    bottom: -10px;
    width: 150px;
    height: 30px;
    border-radius: 3px;
    background-image: linear-gradient(-180deg,#f9ac2b,#dc6f2b);
    font-size: 12px;
    text-transform: uppercase;
    transform: translateX(-50%);
    transition: .3s ease-in-out;
    color: #fff;
    opacity: 0;
}






.site-counters {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 800px;
	}
	
.site-counters:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 72px;
    background-size: 100%;
    background-image: url(https://casedrop.ru/img/counters_frame.svg);
    background-repeat: no-repeat;
    pointer-events: none;
}




.profile-trade-layout__title {
    font-size: 13px;
    
    font-weight: 300;
    margin-bottom: 15px;
    text-align: left;
}

.notes-section {
    display: flex;
    margin: 0 -8px;
    padding: 15px 0;
}
.notes-section__note_large {
    width: 68%;
}
.info-block_note {
    border-color: #63adf2;
    background-color: rgba(99,173,242,.1);
	
}






.info-block__title {
    position: relative;
    display: flex;
    padding-left: 34px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}




}
.notes-section__note_small {
    width: 32%;
}
.info-block__title {
    position: relative;
    display: flex;
    padding-left: 34px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
	text-align: center;

}







.info-block__text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
}
.info-block_attention {
    border-color: #db324d;
    background-color: rgba(219,50,77,.1);
}















.user-balance-bonus {
    display: inline-table;
    margin: 15px 0 0;
    color: #f1f1f1;
	background-color: #093ff305;
    padding: 7px 11px;
	border-radius: 44px;
	border: 2px solid #24f507;
}


.info-block_attention {
    border-color: #db324d;
    background-color: rgba(219,50,77,.1);
	}



.info-block__title {
    position: relative;
    display: flex;
    padding-left: 34px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}
.info-block_attention .info-block__title:before {
    width: 24px;
    height: 24px;
    background-image: url(https://casedrop.ru/img/icon_skull.svg);
}
.info-block__text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
}
.notes-section__note_small {
    width: 32%;
}






a { transition: all 0.3s ease; color: #f5f4f3; text-decoration: none; }
a:hover { color: #fbbe58; }

.clear { clear: both; }
.clear:after { content: ''; height: 1px; display: block; clear: both; }
.main-width { width: calc(100% - 140px); margin: 0 auto; }


.fixedbar {

position: fixed;
    left: 0;
    top: -102px;
    bottom: 0;
   
    width: 260px;

min-height: 100%;
background-color: rgb(19 19 19 / 63%);
    z-index: 101;

    box-sizing: border-box;
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
	border-right: 1px solid hsla(0,0%,100%,0.08);

}























.fixedbar:after { content: ''; width: 100%; height: calc(100% - 1699px);background: url() repeat-y;  position: absolute; top: 1699px; left: 0;  }
.fixedbar .logo { background: url(https://mydrop.skin/images/case/csdrop_lo2go12.png); width: 275px; height: 145px; position: absolute; top: 74px; left:-22px;}
.fixedbar .heading { position: absolute; top: 30px; left: 55px; font-family: 'PTSans'; font-weight: bold; color: #beb8c0; font-size: 21px; text-transform: uppercase; }
.fixedbar .heading span { color: #d92d77; }
.fixedbar .btn-steam {
	    padding: 11px 0 20px 112px;
    
    position: absolute;
    top: 237px;
    left: 5px;
    
    display: block;
    align-items: center;
    position: absolute;
  
    padding-right: 24px;
    margin: 0 auto;
    width: 85%;
    height: 58px;
    border: 1px solid #7739f6;
    background-color: #000;
    border-radius: 5px;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: hsla(0,0%,100%,.9);
    cursor: pointer;
    transition: .2s ease-in-out;
	
	
	
	}
.fixedbar .btn-steam:before {
	
	content: '';

    background-repeat: no-repeat;
   
    position: absolute;
    
    bottom: -18px;
   
    top: 50%;
    width: 41px;
    height: 26px;
    left: 15px;
    transform: translateY(-50%);
    background-image: url(https://mydrop.skin/images/icon_steam.svg);
    transition: .2s ease-in-out;
    opacity: .9;
	
	
	}
.fixedbar .btn-steam:hover:before { opacity: 0; }
.fixedbar .btn-steam:after { content: ''; background: url() bottom; width: 191px; height: 129px; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s ease; } 
.fixedbar .btn-steam:hover:after { opacity: 1; }
.fixedbar .nav { list-style: none; position: absolute; top: 394px; width: 278px; font-family: 'TTLakes'; font-weight: bold; }
.fixedbar .nav li a { display: block; text-decoration: none;  color: #ffffff; font-size: 19px; height: 50px; line-height: 70px; position: relative; padding-left: 84px; z-index: 1; }
.fixedbar .nav li a:hover, .fixedbar .nav li a.active { color: #f7205b; }
.fixedbar .nav li a:after { content: '';  position: absolute; transition: all 0.5s ease;
    width: 2px;
    left: 0;
    top: 0;
    bottom: 0;
    background: #0064f4;
    opacity: 0; }
	
	
.fixedbar .nav span {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    padding: 4px 8px 4px;
    border-radius: 11px;
    background-color: #0062f1;
    box-shadow: 0 0 15px 0 rgba(99,173,242,.4);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 11px;
    color: #fff;
    pointer-events: none;
}

	
	
	
.fixedbar .nav li a:hover:after, .fixedbar .nav li a.active:after { opacity: 1; visibility: visible; left: 0;  }
.fixedbar .nav li a .ico { width: 32px; height: 66px; display: inline-block; vertical-align: middle; margin-right: 15px; position: relative; }
.fixedbar .nav li a .ico:before { content: ''; position: absolute; top: 50%; left: 50%; transition: all 0.5s ease; }
.fixedbar .nav li a .ico:after { content: ''; position: absolute; top: 50%; left: 50%; opacity: 0; transition: all 0.5s ease; visibility: hidden; }
.fixedbar .nav li a:hover .ico:before { opacity: 0; }
.fixedbar .nav li a:hover .ico:after { opacity: 1; visibility: visible;transform: scale(1); }
.fixedbar .nav li a .ico.ico-nav1:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav1.png); width: 33px; height: 39px; margin: -19px 0 0 -16px; }
.fixedbar .nav li a .ico.ico-nav1:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav1.png) bottom; width: 33px; height: 39px; margin: -19px 0 0 -16px; }
.fixedbar .nav li a .ico.ico-nav2:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav2.png); width: 31px; height: 36px; margin: -20px 0 0 -16px; }
.fixedbar .nav li a .ico.ico-nav2:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav2.png) bottom; width: 31px; height: 36px; margin: -20px 0 0 -16px; }
.fixedbar .nav li a .ico.ico-nav3:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav3.png); width: 25px; height: 35px; margin: -24px 0 0 -13px; }
.fixedbar .nav li a .ico.ico-nav3:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav3.png) bottom; width: 25px; height: 35px; margin: -24px 0 0 -13px; }
.fixedbar .nav li a .ico.ico-nav4:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav4.png); width: 28px; height: 28px; margin: -14px 0 0 -14px; }
.fixedbar .nav li a .ico.ico-nav4:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav4.png) bottom; width: 28px; height: 28px; margin: -14px 0 0 -14px; }
.fixedbar .nav li a .ico.ico-nav5:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav5.png); width: 27px; height: 26px; margin: -14px 0 0 -13px; }
.fixedbar .nav li a .ico.ico-nav5:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav5.png) bottom; width: 27px; height: 26px; margin: -14px 0 0 -13px; }
.fixedbar .nav li a .ico.ico-nav6:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav6.png); width: 31px; height: 31px; margin: -16px 0 0 -16px; }
.fixedbar .nav li a .ico.ico-nav6:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav6.png) bottom; width: 31px; height: 31px; margin: -16px 0 0 -16px; }
.fixedbar .logged { border-top: 1px solid hsla(0,0%,100%,.1);border-bottom: 1px solid hsla(0,0%,100%,.1); background: url() no-repeat center; width: 100%; max-width: 278px; height: 206px; position: absolute; top: 186px; left: 0; z-index: 1; text-align: center; padding: 46px 0 0; }
.fixedbar .logged .avatar { display: inline-block; vertical-align: middle; margin: -4px 9px 0 0;  width: 55px; height: 55px; border-radius: 100%; border: 3px solid #8c7d7dba; position: relative; }
.fixedbar .logged .avatar img { width: 100%; height: 100%; border-radius: 100%; }
.fixedbar .logged .avatar .hat { background: url(https://cdn.x-api.net/mynew/images/ny-hat.png); width: 36px; height: 50px; position: absolute; top: -7px; left: -15px; }
.fixedbar .logged .info { display: inline-block; vertical-align: middle; text-align: left;}
.fixedbar .logged .info span { display: block; color: #97949f; font-size: 12px; margin-bottom: 2px; }
.fixedbar .logged .info a { color: #f1f1f1; font-weight: bold; font-family: 'TTLakes'; font-size: 16px; display: inline-block; max-width: 122px; overflow: hidden; text-overflow: ellipsis; }
.fixedbar .logged .btn-exit { position: absolute; right: 8px; top: 12px; width: 24px; height: 26px; display: inline-block; vertical-align: middle; margin: 0 -5px 0 10px; cursor: pointer; }
.fixedbar .logged .btn-exit:before {
	
    content: '';
    background: url(https://mydrop.skin/img/logout.svg);
    width: 13px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease;
    background-size: 107%;
}







	}
.fixedbar .logged .btn-exit:hover:before { opacity: 0; }
.fixedbar .logged .btn-exit:after { content: ''; background: url() bottom; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s ease; opacity: 0; }
.fixedbar .logged .btn-exit:hover:after { opacity: 1; }
.fixedbar .logged .balance 
{      line-height: 20px;
    color: #ffffff;
    font-size: 19px;
    display: inline-block;
    margin: 10px 0 0;
    position: relative;
    width: 135px;
    padding: 6px 30px;
    /* font-weight: 600; */
    background-image: -webkit-linear-gradient(left,#0028ef,#e800dd);
    border-radius: 38px;
    transition: .2s ease;










 }
.fixedbar .logged .balance .btn-pay { width: 29px; height: 30px; position: absolute; right: 1px; top: 1px; cursor: pointer; }
.fixedbar .logged .balance .btn-pay:before { content: ''; background: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; }
.fixedbar .logged .balance .btn-pay:hover:before { opacity: 0; }
.fixedbar .logged .balance .btn-pay:after { content: ''; background: url; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; opacity: 0; }
.fixedbar .logged .balance .btn-pay:hover:after { opacity: 1; }
.fixedbar .mini-rang { height: 88px; background: linear-gradient(to right, rgba(45,17,44,0.5) 0%, rgba(9,3,11,0.5) 100%); position: absolute; top: 486px; width: 280px; }
.fixedbar .mini-rang .form { width: 220px; margin: 0 auto; padding: 11px 0 0; }
.fixedbar .mini-rang .form .sub-heading { color: #97949f; font-size: 12px; margin-bottom: 5px; }
.fixedbar .mini-rang .form .image { width: 62px; height: 26px; display: inline-block; vertical-align: middle; margin-right: 4px; }
.fixedbar .mini-rang .form .image img { width: 100%; height: 100%; }
.fixedbar .mini-rang .form .name { display: inline-block; vertical-align: middle; font-size: 12px; color: #d7d7d7; font-family: 'TTLakes'; width: 60px; overflow: hidden; text-overflow: ellipsis; margin-right: 5px; }
.fixedbar .mini-rang .form .btn-case { background: url(https://cdn.x-api.net/mynew/images/btn-case.png); width: 80px; display: inline-block; height: 26px; line-height: 27px; border-radius: 0 26px 26px 0; text-align: center; padding-right: 21px; color: #ffffff; font-size: 10px; box-shadow: 0 0 20px rgba(255,184,64,0.3); }
.fixedbar .mini-rang .form .line { height: 7px; border-radius: 7px; background: #1c1227; box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); margin: 10px 0 15px; position: relative; }
.fixedbar .mini-rang .form .line .current { border-radius: 7px; background: linear-gradient(to right, #ffbd40 0%, #f4403b 100%); height: 7px; text-align: right; box-shadow: 0 0 20px rgba(245,69,59,0.6); position: relative; }
.fixedbar .mini-rang .form .line .current:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 7px; background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.4) 100%); }
.fixedbar .fortune { height: 96px; box-shadow: inset 0 0 30px rgba(154,217,58,0.2); position: absolute; top: 574px; left: 0; width: 278px; }
.fixedbar .fortune .frame { width: 260px; height: 76px; margin: 10px auto 0; background: url(https://cdn.x-api.net/mynew/images/fortune-bg.png) no-repeat center; border: 1px dashed #5a6351; text-align: center; padding: 18px 0 0; font-family: 'TTLakes'; }
.fixedbar .fortune.locked .frame { border-color: #8b7159; }
.fixedbar .fortune .frame .image { display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.fixedbar .fortune .frame .info { display: inline-block; vertical-align: middle; text-align: left;  }
.fixedbar .fortune .frame .info .name { font-size: 15px; color: #9ad93a; font-weight: bold; }
.fixedbar .fortune.locked .frame .info .name { color: #dc484a; }
.fixedbar .fortune .frame .info .link a { color: #9ad93a; font-size: 12px; text-decoration: underline; font-weight: bold; margin: -3px 0 0; }
.fixedbar .fortune .frame .info .link a:hover { text-decoration: none; }
.fixedbar .fortune .frame .info .time { font-size: 12px; text-transform: uppercase; font-weight: bold; color: #dc484a; }
.fixedbar .fortune .frame .info .time span { color: #cac5ce; }
.btn-add { position: absolute; top: 0; right: 0; z-index: 6; background: #D12F31; color: #fff; text-decoration: none; padding: 10px 20px; font-size: 12px; text-transform: uppercase; cursor: pointer; }

.livedrop { height: 90px; font-family: 'PTSans Narrow'; font-size: 12px; text-align: center; position: relative; }
.livedrop .list { overflow: hidden; height: 100px; }
.livedrop.hover { z-index: 2; }
.livedrop.hover .list { height: 157px; }
.livedrop .overview { width: 999999px; }
.livedrop .item { float: left; width: 118px; position: relative; z-index: 1; cursor: pointer;  text-decoration: none; transition: all 0.5s ease; }
.livedrop .item.hidden { opacity: 0; width: 0; }
.livedrop .item:after { content: ''; width: 115px; height: 115px; position: absolute; top: -30px; left: 50%; margin-left: -65px; }



.livedrop .item.milspec:after {background-image: linear-gradient(-180deg,rgb(5, 123, 255),rgba(0,58,124,.6));
    border-bottom-color: #006ae2; border-radius: 5px;
    border-bottom: 2px solid transparent; }
.livedrop .item.restricted:after {background-image: linear-gradient(-180deg,rgb(144, 0, 255),rgba(70,0,124,.6));
    border-bottom-color: #8000e2;border-radius: 5px;
    border-bottom: 2px solid transparent; }
.livedrop .item.classified:after { background-image: linear-gradient(-180deg,rgb(255, 3, 181),rgba(124,0,88,.6));
    border-bottom-color: #e200a0; border-radius: 5px;
    border-bottom: 2px solid transparent;}
.livedrop .item.covert:after {background-image: linear-gradient(-180deg,rgb(255, 56, 2),rgba(124,26,0,.6));
    border-bottom-color: #e23000;border-radius: 5px;
    border-bottom: 2px solid transparent; }
.livedrop .item.knife:after { background-image: linear-gradient(-180deg,rgb(255, 248, 0),rgba(193, 187, 2, 0.6));
 border-radius: 5px;
    border-bottom: 2px solid transparent; }
.livedrop .item.other:after {background-image: linear-gradient(-180deg,rgb(5, 123, 255),rgba(0,58,124,.6));
    border-bottom-color: #006ae2;border-radius: 5px;
    border-bottom: 2px solid transparent; }
.livedrop .item:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/livedrop-item.png); width: 105px; height: 157px; position: absolute; top: -20px; left: 0; opacity: 0; visibility: hidden; transition: all 0.4s ease; }



#canvas {
border: 1px solid black;
position: absolute;
z-index: 10000;
}


#flake {
color: #fff;
position: absolute;
font-size: 25px;
top: -50px;
}

.canvas {
border: 1px solid black;
position: absolute;
z-index: 10000;
}


.flake {
color: #fff;
position: absolute;
font-size: 25px;
top: -50px;
}




.livedrop .item:hover:before { opacity: 1; visibility: visible; top: 0; }
.livedrop .item > .image { height: 80px; position: relative; z-index: 1; }
.livedrop .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 110%; }
.livedrop .item .caption { position: absolute; top: 65px; z-index: 1; height: 77px; left: 0; width: 100%; transition: all 0.3s ease; opacity: 0; visibility: hidden; }
.livedrop .item:hover .caption { opacity: 1; visibility: visible; top: 80px; transition: all 0.4s ease 0.1s; }
.livedrop .item .caption .image { height: 50px; position: relative; margin: -3px 0 0; }
.livedrop .item .caption .image img { max-width: 70%; max-height: 70%; }
.livedrop .item .caption .name { text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 5px; color: #d7d7d7; font-size: 12px; }
.livedrop .item .caption .desc { color: #97949f; font-size: 12px; overflow: hidden; text-overflow: ellipsis; padding: 0 5px; white-space: nowrap; }


.topbar { font-family: 'PTSans'; position: relative;  z-index: 0; margin-bottom: 40px; }
.topbar .main-width {
    padding: 28px 0;
        border-bottom: 1px solid hsla(0,0%,100%,.13);
		    width: 100%;
     }
.topbar .stat {  }
.topbar .stat .item { display: inline-block; vertical-align: top; margin: 0 25px 0 0; }
.topbar .stat .item .ico { display: inline-block; vertical-align: middle; margin: 4px 6px 0 0;  }
.topbar .stat .item .info { display: inline-block; vertical-align: middle; }
.topbar .stat .item .info .num  { color: #fffcfc; font-size: 26px; font-weight: bold; line-height: 26px; text-shadow: 0 0 15px #0065ea; }
.topbar .stat .item .info .desc { color: #97949f; font-size: 12px; text-transform: uppercase; }
.topbar .right { float: right; margin: 5px 0 0; }
.topbar .right a { display: inline-block; vertical-align: middle; color: #97949f; text-decoration: none; font-size: 12px; text-transform: uppercase; line-height: 14px; }
.topbar .right a:hover { color: #cbc8d6; }
.topbar .right .sep { width: 1px; margin: 0 12px; background: #3b324a; height: 34px; display: inline-block; vertical-align: middle; }
.topbar .right a div { position: relative; display: inline-block; vertical-align: middle; }
.topbar .right a .ico-trade { width: 42px; height: 31px; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.topbar .right a .ico-trade:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/ico-trade.png); width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.3s ease; }
.topbar .right a .ico-trade:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/ico-trade.png) bottom; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s ease; }
.topbar .right a:hover div:after { opacity: 1; }
.topbar .right a:hover div:before { opacity: 0; }
.topbar .right a span { display: inline-block; vertical-align: middle; }
.topbar .right a .ico-vk { background: url(https://cdn.x-api.net/mynew/images/ico-vk.png); width: 41px; height: 23px; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.topbar .right a .ico-vk:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/ico-vk.png); width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.3s ease; }
.topbar .right a .ico-vk:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/ico-vk.png) bottom; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s ease; }
.topbar .right a span { display: inline-block; vertical-align: middle; }
.topbar .page-header { float: left; color: #c3bec7; font-family: 'TTLakes'; font-size: 22px; font-weight: bold; margin: 9px 0 3px; text-transform: uppercase;}

.content .page-header { color: #c3bec7; font-family: 'TTLakes'; font-size: 15px; font-weight: bold; margin: 0 -86px 30px; text-align: center; text-transform: uppercase; }

.page-title { color: #c57474; font-size: 18px; text-transform: uppercase; font-weight: bold; font-family: 'TTLakes'; margin-bottom: 40px; text-align: left; }



.slider-main { margin: -50px 0 0; position: relative; overflow: hidden; }
.slider-main:hover { z-index: 1; overflow: visible; }
.slider-main .list { overflow: hidden; height: 200px; width: calc(100% - 140px); margin: 35px auto 0; float: left; }
.slider-main .overview { width: 999999px; }
.slider-main .item { float: left; width: 340px; text-align: center; text-decoration: none;position: relative; }
.slider-main .item .name { display: inline-block; vertical-align: middle; position: relative; z-index: 1; color: #ffffff; padding: 6px 20px 5px 15px; margin-right: -10px; margin-top: 1px; font-family: 'Arial'; font-size: 12px; font-weight: bold; text-transform: uppercase; font-style: italic; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s ease; }
.slider-main .item .name:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(20,13,23,0.4); z-index: -1; border-radius: 5px; transform: skewX(-10deg); }
.slider-main .item:hover .name { color: #ffbd40; }
.slider-main .item .image { height: 190px; margin:10px 0 0; position: relative; transition: all 0.4s ease; }
.slider-main .item:hover .image { transform: scale(0.9); }
.slider-main .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-height: 80%; max-width: 80%; }
.slider-main .item .price { display: inline-block; vertical-align: middle; position: relative; z-index: 1; padding: 7px 15px; color: #261d0c; font-size: 24px; font-weight: bold; line-height: 24px; }
.slider-main .item .price:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #ffbe3f; z-index: -1; border-radius: 5px; transform: skewX(-10deg); box-shadow: 0 0 35px rgba(183,133,46,0.5); }
.slider-main .item .price .num { }
.slider-main .item .price .old { position: absolute; top: 30px; color: #ffbd40; font-weight: normal; font-size: 18px; left: calc(50% - 4px); transform: translateX(-50%); padding: 2px 10px;  z-index: 1; text-decoration: line-through; opacity: 0.5; }
.slider-main .item .price .old:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #b20000; z-index: -1; border-radius: 4px; transform: skewX(-10deg); }
.slider-main .item .price .num .rub  { font-size: 18px; }
.slider-main .item .info { margin-top: -60px; }
.slider-main .short-list { width: 264px; position: absolute; left: 50%; margin-left: -132px; background: #1c122a; padding: 0 10px 10px; border-radius: 5px; z-index: 2; box-shadow: 15px 15px 10px rgba(28,18,42,0.47); top: 210px; transform: scale(0.8); opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.slider-main .item:hover .short-list { opacity: 1; visibility: visible; transform: scale(1); top: 180px; }
.slider-main .short-list .sub-heading { height: 30px; line-height: 30px; width: 236px; border-radius: 5px; background: #221633; color: #cac5ce; margin: -15px auto 10px; }
.slider-main .short-list .sub-item { float: left; height: 36px; width: 25%; position: relative; margin: 2px 0; }
.slider-main .short-list .sub-item img { max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.slider-main .short-list .sub-item:after { content: '';  width: 6px; height: 6px; border-radius: 100%; position: absolute; margin: -3px 0 0 -3px; top: 50%; left: 50%;  z-index: -1; opacity: 0.4; }
.slider-main .short-list .sub-item.milspec:after { box-shadow: 0 0 20px 10px rgba(86,91,191,1); background: rgba(86,91,191,1); }
.slider-main .short-list .sub-item.restricted:after { box-shadow: 0 0 20px 10px rgba(97,53,200,1); background: rgba(97,53,200,1); }
.slider-main .short-list .sub-item.classified:after { box-shadow: 0 0 20px 10px rgba(176,71,212,1); background: rgba(176,71,212,1); }
.slider-main .short-list .sub-item.covert:after { box-shadow: 0 0 20px 10px rgba(219,42,42,1); background: rgba(219,42,42,1); }
.slider-main .short-list .sub-item.knife:after { box-shadow: 0 0 20px 10px rgba(255,189,64,1); background: rgba(255,189,64,1); }
.slider-main .short-list:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/ico-view.png); width: 71px; height: 59px; position: absolute; top: -70px; left: 50%; margin-left: -36px; transition: all 0.3s ease; transform: scale(2); opacity: 0; visibility: hidden; }
.slider-main .item:hover .short-list:after { opacity: 1; visibility: visible; transform: scale(1); transition: all 0.3s ease 0.2s; }


.slider-main .cases-slider { height: 220px !important; }
.slider-main .prev { position: relative; background: url(https://cdn.x-api.net/mynew/images/slider-prev.png);  width: 70px; height: 211px; float: left;  margin: 25px 0 0;}
.slider-main .next { position: relative; background: url(https://cdn.x-api.net/mynew/images/slider-next.png);  width: 70px; height: 211px; float: left;  margin: 25px 0 0; }
.slider-main .prev:hover, .slider-main .next:hover { filter: brightness(1.2); }

.case-actions { padding: 30px 0; border-bottom: 1px solid #57475f; margin-bottom: 50px; font-family: 'TTLakes'; }
.case-actions .left { float: left; }
.case-actions .right { float: right; }
.case-actions .link-info { display: inline-block; vertical-align: middle; text-decoration: none; color: #ffbd40; font-size: 14px; margin: -2px 0 0 15px; border-bottom: 1px dashed #ffbd40; }
.case-actions .link-info:hover { border-color: rgba(271,76,124,0); }

.btn-create { width: 216px; height: 51px; line-height: 54px; text-align: center; text-decoration: none; font-size: 12px; text-transform: uppercase; display: inline-block; vertical-align: middle; border-radius: 5px; cursor: pointer; position: relative; margin: -1px 0 0; }
.btn-create:after { content: ''; background: rgba(255,189,64,0.1); border: 1px solid rgba(255,189,64,1); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; box-sizing: border-box; transform: skewX(-10deg); transition: all 0.3s ease; }
.btn-create:hover:after { background: rgba(255,189,64,0.21); }

.btn-create .ico-create { background: url(https://cdn.x-api.net/mynew/images/ico-create.png); width: 28px; height: 24px; display: inline-block; vertical-align: middle; margin: -5px 10px 0 0; }

.btn-all { width: 216px; height: 51px; line-height: 53px; text-align: center; text-decoration: none;font-size: 12px; display: inline-block; vertical-align: middle; position: relative; cursor: pointer; }
.btn-all:after { content: ''; background: rgba(255,189,64,0.1); border: 1px solid rgba(255,189,64,1); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; box-sizing: border-box; transform: skewX(-10deg); transition: all 0.3s ease; }
.btn-all:hover:after { background: rgba(255,189,64,0.21); }

.btn-all .ico-arrow { background: url(https://cdn.x-api.net/mynew/images/ico-arrow.png); width: 7px; height: 15px; display: inline-block; vertical-align: middle; margin: -3px 0 -2px 15px; }


.cases { margin-bottom: 50px; }
.cases .item { float: left; width: 20%; height: 210px; text-align: center; margin-bottom: 20px;  text-decoration: none; position: relative; }
.cases .item .keys {position: absolute;  top: 30px; border-radius: 100%; text-align: center; color: #fff; font-size: 12px; background: rgba(21,13,30,0.75); width: 68px; height: 68px; line-height: normal; left: 30px;  z-index: 1; padding: 12px 0 0; transition: all 0.3s ease; }
.cases .item .keys span { display: block; position: relative; padding: 3px 0; }
.cases .item .keys span.current:after { content: ''; width: 50px; height: 1px; background: #e81d60; position: absolute; bottom: -1px; left: 50%; margin-left: -25px; }
.cases .item .keys .circle { position: absolute; top: 0; left: 0; width: 68px; height: 68px; }

.cases .item .name { display: inline-block; vertical-align: middle; position: relative; z-index: 1; color: #ffffff; padding: 6px 20px 5px 15px; margin-right: -10px; margin-top: 1px; font-family: 'Arial'; font-size: 12px; font-weight: bold; text-transform: uppercase; font-style: italic; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s ease; }
.cases .item .name:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(20,13,23,0.4); z-index: -1; border-radius: 5px; transform: skewX(-10deg); }
.cases .item:not(.disable):hover .name { color: #ffbd40; }
.cases .item .image { height: 200px; position: relative; transition: all 0.4s ease; transition: all 0.3s ease; }
.cases .item:not(.disable):hover .image { transform: scale(0.9); }
.cases .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 300px; }
.cases .item .price {
	    position: absolute;
    height: 37px;
    min-width: 107px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-image: url(https://csdrop.net/images/price-frame_sale.svg);
	left : 80px;
	
	 }
.cases .item .price:after {
	
	    position: absolute;
    height: 37px;
    min-width: 107px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-image: url(https://csdrop.net/images/price-frame_sale.svg);
	
	
	
	
	 }
.cases .item .price .num { }
.cases .item .price .old { position: absolute; top: 30px; color: #ffbd40; font-weight: normal; font-size: 18px; left: calc(50% - 4px); transform: translateX(-50%); padding: 2px 10px;  z-index: 1; text-decoration: line-through; opacity: 0.5; }
.cases .item .price .old:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #b20000; z-index: -1; border-radius: 4px; transform: skewX(-10deg); }
.cases .item .price .num .rub  { font-size: 18px; }
.cases .item .info { margin-top: -30px; transition: all 0.3s ease; }
.cases .item:hover .info, .cases .item:hover .image, .cases .item:hover .keys { opacity: 0.6; }
.cases .short-list { width: 264px; position: absolute; left: 50%; margin-left: -132px; background: #1c122a; padding: 0 10px 10px; border-radius: 5px; z-index: 2; box-shadow: 15px 15px 10px rgba(28,18,42,0.47); top: 210px; transform: scale(0.8); opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.cases .item:hover .short-list { opacity: 1; visibility: visible; transform: scale(1); top: 180px; }
.cases .short-list .sub-heading { height: 30px; line-height: 30px; width: 236px; border-radius: 5px; background: #221633; color: #cac5ce; margin: -15px auto 10px; }
.cases .short-list .sub-item { float: left; height: 36px; width: 25%; position: relative; margin: 2px 0; }
.cases .short-list .sub-item img { max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.cases .short-list .sub-item:after { content: '';  width: 6px; height: 6px; border-radius: 100%; position: absolute; margin: -3px 0 0 -3px; top: 50%; left: 50%;  z-index: -1; opacity: 0.4; }
.cases .short-list .sub-item.milspec:after { box-shadow: 0 0 20px 10px rgba(86,91,191,1); background: rgba(86,91,191,1); }
.cases .short-list .sub-item.restricted:after { box-shadow: 0 0 20px 10px rgba(97,53,200,1); background: rgba(97,53,200,1); }
.cases .short-list .sub-item.classified:after { box-shadow: 0 0 20px 10px rgba(176,71,212,1); background: rgba(176,71,212,1); }
.cases .short-list .sub-item.covert:after { box-shadow: 0 0 20px 10px rgba(219,42,42,1); background: rgba(219,42,42,1); }
.cases .short-list .sub-item.knife:after { box-shadow: 0 0 20px 10px rgba(255,189,64,1); background: rgba(255,189,64,1); }
.cases .short-list:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/ico-view.png); width: 71px; height: 59px; position: absolute; top: -70px; left: 50%; margin-left: -36px; transition: all 0.3s ease; transform: scale(2); opacity: 0; visibility: hidden; }
.cases .item:hover .short-list:after { opacity: 1; visibility: visible; transform: scale(1); transition: all 0.3s ease 0.2s; }
.cases.normal .item .image { margin: 10px 0 0; height: 190px; }
.cases.normal .item .image img { max-width: 80%; max-height: 80%; }

.cases.big .item .image { margin: 40px 0 0; height: 190px;  }
.cases.big .item .image img { max-width: 88%; max-height: 88%; }



.footer { }
.footer .main-width { padding: 30px 0; border-top: 1px solid #463a55; }
.footer .copyright { float: left; font-size: 12px; color: #635d6e; font-family: 'PTSans'; }
.footer .copyright .image { display: inline-block; vertical-align: top; margin-right: 20px; }
.footer .copyright .info { display: inline-block; vertical-align: top; }
.footer .copyright .info span { display: block; margin: 10px 0 0; color: #9e9e9e; }
.footer .fnav { float: right; list-style: none; }
.footer .fnav li { display: inline-block; vertical-align: top; margin-right: 55px; }
.footer .fnav li:last-child { margin-right: 0; }
.footer .fnav li a { color: #97949f; text-decoration: none; font-size: 12px; text-transform: uppercase; line-height: 12px;  font-family: 'PTsans'; }
.footer .fnav li a:hover { color: #cfcbdc; }


.case { text-align: center; padding-bottom: 50px;}
.case .name { color: #d7d7d7; font-size: 20px; font-weight: bold; font-family: 'PTSans Narrow'; margin-bottom: 10px; text-transform: uppercase; }
.case .roulette { background: url(https://csdrop.net/images/1/roulette.png) no-repeat center; height: 374px; position: relative; margin: -60px 22px -30px; }
.case .roulette .image { height: 200px; position: absolute; left: 0; width: 100%; top: 90px; }
.case .roulette .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 80%; }
.case .variation { text-align: center; }
.case .variation .item { cursor: pointer; width: 58px; height: 58px; display: inline-block; margin: 0 -1px 2px; color: #d7d7d7; font-family: 'TTLakes'; font-size: 18px; font-weight: bold; text-transform: uppercase; text-decoration: none; background: rgba(69,53,81,0.9); border: 1px solid rgba(95,69,91,0.9); line-height: 57px; position: relative; }
.case .variation .item:first-child { border-radius: 10px 0 0 25px;}
.case .variation .item:first-child:after { border-radius: 10px 0 0 25px; overflow: hidden; }
.case .variation .item:last-child { border-radius: 0 10px 25px 0; }
.case .variation .item:last-child:after { border-radius: 0 10px 25px 0; overflow: hidden; }
.case .variation .item:hover, .case .variation .item.active { background: #dd4c7c; border-color: #dd4c7c; color: #000000; }
.case .variation .item:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/variation-active.png) no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s ease; box-shadow: 0 0 20px #c33c69;  }
.case .variation .item.active:after, .case .variation .item:hover:after { opacity: 1; }
.case .roulette .list { max-width: 828px; overflow: hidden; margin: 0 auto; position: relative; top: 96px; height: 181px; border-radius: 10px; }
.case .roulette .list:before { content: ''; background: linear-gradient(to right, rgba(29,20,39,1) 10%, rgba(29,20,39,0) 100%); position: absolute; top: 0; left: 0; width: 100px; height: 196px; z-index: 2; }
.case .roulette .list:after { content: ''; background: linear-gradient(to left, rgba(29,20,39,1) 10%, rgba(29,20,39,0) 100%); position: absolute; top: 0; right: 0; width: 100px; height: 196px; z-index: 1; }
.case .roulette .list .item { float: left; height: 196px; width: 164px; padding: 10px 0 0; background: #362a45; margin-right: 1px; position: relative; z-index: 1; }
.case .roulette .list .item:after { content: ''; background-size: 100% 100% !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.case .roulette .list .item.milspec:after { background: url(https://cdn.x-api.net/mynew/images/item-milspec.png) no-repeat center; }
.case .roulette .list .item.restricted:after { background: url(https://cdn.x-api.net/mynew/images/item-restricted.png) no-repeat center; }
.case .roulette .list .item.classified:after { background: url(https://cdn.x-api.net/mynew/images/item-classified.png) no-repeat center; }
.case .roulette .list .item.covert:after { background: url(https://cdn.x-api.net/mynew/images/item-covert.png) no-repeat center; }

.case .roulette .list .item.knife:after { background: url(https://cdn.x-api.net/mynew/images/item-knife.png) no-repeat center; }
.case .roulette .list .item.other:after { background: url(https://cdn.x-api.net/mynew/images/item-milspec.png) no-repeat center; }
.case .roulette .list .item .item-image { position: relative; height: 120px; margin-bottom: 5px; }
.case .roulette .list .item .item-image img { max-width: 80%; max-height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.case .roulette .list .item .item-name { text-transform: uppercase; font-family: 'TTLakes'; color: #d7d7d7; font-size: 18px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 5px; margin-bottom: 2px; }
.case .roulette .list .item .item-desc { color: #d7d7d7; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 5px; }
.case .roulette .item.milspec .item-desc { color: #8ed2ff; }
.case .roulette .item.restricted .item-desc { color: #bb8dff; }
.case .roulette .item.classified .item-desc { color: #ff8de3; }
.case .roulette .item.covert .item-desc { color: #ff8d8d; }
.case .roulette .item.knife .item-desc { color: #ffe08d; }
.case .roulette .item.other .item-desc { color: #12e5e7; }
.case .roulette .list .overview { width: 999999px; }
.case .roulette .list .fixed-width { width: 830px; position: absolute; left: 50%; margin-left: -415px; }
.case .roulette .arrows { background: url(https://csdrop.net/images/1/roulette-arrows.png); width: 51px; height: 224px; position: absolute; left: 50%; margin-left: -28px; top: 79px; z-index: 2; }
.case .items { margin-bottom: -40px; }
.case.many .sub-item {  display: inline-block; vertical-align: top; width: calc(33.333% - 14px); margin: 0 5px; }


.compare-buttons { text-align: center; font-family: 'TTLakes'; font-weight: bold; margin: 40px 0 45px; }
.compare-buttons .btn-compare { border-radius: 30px; width: 220px; height: 57px; line-height: 58px; text-transform: uppercase;  color: #d7d7d7; font-size: 18px; text-decoration: none;  display: inline-block; vertical-align: middle; border-radius: 5px; cursor: pointer; position: relative; z-index: 1; }
.compare-buttons .btn-compare:before { content: '';   height: 100%; width: 100%; position: absolute; z-index: -1; border: 2px solid #0063f1; box-sizing: border-box; left: 0; top: 0;  border-radius: 5px;  transition: all 0.3s ease; border-radius: 30px; }
.compare-buttons .btn-compare:hover:before { border-color: #dd4c7c; }
.compare-buttons .btn-compare:last-child:before { border-radius: 30px; }
.compare-buttons .btn-compare:hover { color: #dd4c7c; border-color: #dd4c7c; }
.compare-buttons .price { display: inline-block; vertical-align: middle;  width: 150px; height: 107px; line-height: 100px; font-size: 26px;  margin: -2px -23px 0; z-index: 2; position: relative; color: #ff0052; }
.compare-buttons .price sup { position: relative; top: 0px; left: 1px; font-size: 18px; }
.compare-buttons .price img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.infobox { margin: 0 auto; max-width: 530px; padding: 39px 20px 28px; border-radius: 10px; border: 1px solid #dd4c7c; background: rgba(221,76,124,0.09); font-family: 'PTSans'; position: relative; color: #dd4c7c; font-size: 16px; }
.infobox.yellow { background: rgba(255,189,64,0.09); border-color: #ffbd40; }
.infobox.yellow .heading { color: #ffbd40; }
.infobox.yellow .desc { margin: 10px 0 0; color: #d7d7d7; font-size: 16px; line-height: 21px; }
.infobox:after { content: ''; background: #241837 url(https://cdn.x-api.net/mynew/images/ico-infobox.png) no-repeat center; width: 32px; height: 32px; border-radius: 100%; border: 1px solid #ffbd40; position: absolute; right: -18px; top: -18px; }
.infobox .heading { font-size: 25px; text-transform: uppercase; font-family: 'TTLakes'; color: #dd4c7c; font-weight: bold; line-height: 25px; margin-bottom: 4px; }
.infobox .limit { color: #cfcfd0; font-size: 18px; margin: 20px 0 0; }
.infobox .desc { color: #ffbd40; }

.win { position: relative; height: 500px; padding: 100px 0 0; margin: -100px 0 20px; z-index: 1; }
.win:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: url(https://casedrop.ru/images/case/baraban/case-win-rar-classified.png) no-repeat center; animation: rotate 1.8s linear infinite; }
.win.milspec:before { background: url(http://casedrop.ru/images/case/baraban/case-win-rar-milspec.png) no-repeat center; }
.win.restricted:before { background: url(https://casedrop.ru/images/case/baraban/case-win-rar-restricted.png) no-repeat center; }
.win.classified:before { background: url(https://casedrop.ru/images/case/baraban/case-win-rar-classified.png) no-repeat center; }
.win.covert:before { background: url(https://casedrop.ru/images/case/baraban/case-win-rar-covert.png) no-repeat center; }
.win.knife:before { background: url(https://cdn.x-api.net/mynew/images/win-knife.png) no-repeat center; }
.win.other:before { background: url(http://casedrop.ru/images/case/baraban/case-win-rar-milspec.png) no-repeat center; }
.win .image { height: 300px; position: relative; margin-bottom: 10px; animation: scale 1s linear infinite; }
.win .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%;}
.win .sub-name { background: url(https://cdn.x-api.net/mynew/images/win-bg.png) no-repeat center; height: 45px; max-width: 403px; margin: 0 auto 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;   color: #ffffff; font-family: 'TTLakes'; font-size: 18px; padding: 10px 10px 0; text-transform: uppercase; }
.win.milspec .sub-name { background: url(https://cdn.x-api.net/mynew/images/win-bg-milspec.png) no-repeat center; }
.win.restricted .sub-name { background: url(https://cdn.x-api.net/mynew/images/win-bg-restricted.png) no-repeat center; }
.win.classified .sub-name { background: url(https://cdn.x-api.net/mynew/images/win-bg.png) no-repeat center; }
.win.covert .sub-name { background: url(https://cdn.x-api.net/mynew/images/win-bg-covert.png) no-repeat center; }
.win.knife .sub-name { background: url(https://cdn.x-api.net/mynew/images/win-bg-knife.png) no-repeat center; }
.win.other .sub-name { background: url(https://cdn.x-api.net/mynew/images/win-bg-other.png) no-repeat center; }
.win .sub-name span { }
.win .desc { font-family: 'PTSans'; color: #d7d7d7; font-size: 16px; }
.win .desc a { text-decoration: none; color: #ffbd40; }
.win .desc a:hover { text-decoration: underline; }
.win-actions { padding-bottom: 50px; margin-bottom: 50px; margin-top: 20px; border-bottom: 1px solid #483c58; }
.win-actions .btn { margin: 0 6px 10px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; }
.win-actions .btn:after {  }

.sep-line { background: #473a55; height: 1px; margin-bottom: 50px; }

.gradient-line { height: 10px; border-radius: 10px; margin-bottom: 70px; position: relative; }
.gradient-line:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 10px; background: linear-gradient(to bottom,rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.5) 100%); }

.gradient-line .item { width: 26px; text-align: center; color: #ffbd40; font-size: 14px; font-family: 'TTLakes'; position: absolute; z-index: 1; top: 25px; }
.gradient-line .item:after { content: ''; width: 2px; height: 24px; background: #ffbd40; position: absolute; top: -33px; left: 50%; margin-left: -1px; }
.gradient-line .item:nth-child(1) { left: calc(10% - 13px); }
.gradient-line .item:nth-child(2) { left: calc(30% - 13px); }
.gradient-line .item:nth-child(3) { left: calc(50% - 13px); }
.gradient-line .item:nth-child(4) { left: calc(70% - 13px); }
.gradient-line .item:nth-child(5) { left: calc(90% - 13px); }

@keyframes rotate { 
	0% { transform: rotate(0); }
	100% { transform: rotate(-360deg); }
}

@keyframes scale { 
	0%,100% { transform: scale(1); }
	50% { transform: scale(1.1); }
}


.btn { padding: 0 15px; font-size: 12px; font-family: 'TTLakes'; font-weight: bold; height: 57px; line-height: 60px; text-transform: uppercase;  color: #fff; text-decoration: none; display: inline-block; vertical-align: middle; position: relative; z-index: 1;  border-radius: 5px; cursor: pointer; }
.btn:after { content: ''; width: 100%; height: 100%; box-sizing: border-box;  position: absolute; top: 0; left: 0; z-index: -1;  border: 2px solid #0062f0; border-radius: 5px; transition: all 0.3s ease; border-radius: 30px;}
.btn:hover { color: #dd4c7c; border-color: #dd4c7c; }
.btn:hover:after { border-color: #dd4c7c; }
.btn .ico { display: inline-block; vertical-align: middle; position: relative; margin: -3px 10px 0 0; }
.btn .ico:before { content: ''; position: absolute; top: 0; left: 0; transition: all 0.3s ease; width: 100%; height: 100%; }
.btn:hover .ico:before { opacity: 0; }
.btn .ico:after { content: ''; position: absolute; top: 0; left: 0; transition: all 0.3s ease; opacity: 0; width: 100%; height: 100%; background-position: bottom !important; }
.btn:hover .ico:after { opacity: 1; }
.btn .ico-repeat { width: 26px; height: 24px; }
.btn .ico-repeat:before, .btn .ico-repeat:after { background: url(https://cdn.x-api.net/mynew/images/ico-repeat.png); }
.btn .ico-money { width: 25px; height: 25px; }
.btn .ico-money:before, .btn .ico-money:after { background: url(https://cdn.x-api.net/mynew/images/ico-money.png); }
.btn .ico-steam { width: 28px; height: 28px; }
.btn .ico-steam:before, .btn .ico-steam:after { background: url(https://cdn.x-api.net/mynew/images/ico-steam.png); }


.items {}
.items .item { float: left; background: rgba(0,0,0,0.15); height: 166px; padding: 0px 0 0; position: relative; text-align: center; margin: 0 46px 46px 0; width: calc(16.666% - 38.5px); z-index: 1; transition: filter 0.3s ease; }
.items .item:hover { filter: brightness(1.2);}
.items .item:after { content: ''; background-size: 100% 100% !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.items .item.milspec:after {background-image: linear-gradient(0deg,#004da5,rgba(0,106,226,.18));
    border-bottom-color: #006ae2; }
.items .item.restricted:after { 
    background-image: linear-gradient(0deg,#5d00a5,rgba(128,0,226,.18));
    border-bottom-color: #8000e2; }
.items .item.classified:after {background-image: linear-gradient(0deg,#95009e,rgba(226,0,160,.18));
    border-bottom-color: #e200a0; }
.items .item.covert:after {background-image: linear-gradient(0deg,#a52300,rgba(226,48,0,.18));
    border-bottom-color: #e23000;}
.items .item.knife:after { background-image: linear-gradient(0deg,#c29600,rgba(255,198,0,.18));
    border-bottom-color: #ffc600; }
.items .item.other:after {background-image: linear-gradient(0deg,#004da5,rgba(0,106,226,.18));
    border-bottom-color: #006ae2;}
.items .item:nth-child(6n) { margin-right: 0; }

.items .item .image { height: 110px; position: relative; margin-bottom: 5px; }
.items .item .image img { max-width: 80%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.items .item .name { text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; padding: 0 5px; font-family: 'TTLakes'; font-size: 12px; font-weight: normal; margin: 0 0 2px;  }
.items .item .desc { color: #d7d7d7; font-size: 14px; font-family: 'PTSans'; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.items .item.milspec .desc { color: #8ed2ff; }
.items .item.restricted .desc { color: #bb8dff; }
.items .item.classified .desc { color: #ff8de3; }
.items .item.covert .desc { color: #ff8d8d; }
.items .item.knife .desc { color: #ffe08d; }
.items .item.other .desc { color: #12e5e7; }
.items .item .link-download { position: absolute; top: 10px; left: 10px; z-index: 10; }
.items .item .actions { position: absolute; top: 10px; right: 10px; z-index: 1;}
.items .item .actions > * { display: inline-block; vertical-align: middle; margin-left: 6px; }


    background: linear-gradient(45deg,#006bf8,#fb2363);

.items .item .actions > * { display: inline-block; vertical-align: middle; margin-left: 6px; }
.items .item .small-price
 { 
   position: absolute;
    right: 36px;
    bottom: 145px;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(0,0,0,.4);
    padding: 0px 8px 0px;
    font-size: 14px;
    white-space: nowrap;
    color: #f5eeee;
    border-radius: 15px;

 }
.items .item .small-price span { font-size: 16px; position: relative; top: 0px; left: -1px; }
.items .fade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: rgba(49,37,67,0.9); }
.items .fade .align { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); }
.items .fade .heading { font-family: 'TTLakes'; color: #6e9a30; font-size: 14px; text-transform: uppercase; }
.items .fade .heading .ico-time { background: url(https://cdn.x-api.net/mynew/images/ico-time.png); width: 19px; height: 23px; display: inline-block; vertical-align: middle; margin: -5px 6px 0 0; }
.items .fade .secret { font-size: 12px; color: #6e9a30; margin: 10px 0 0; }

.btn-small { display: inline-block; height: 31px; line-height: 29px; border: 2px solid #6e9a30; font-size: 12px; text-transform: uppercase; font-family: 'TTLakes'; border-radius: 5px; color: #6e9a30; padding: 0 10px; margin: 11px 0 0; cursor: pointer; }
.btn-small:hover { background: #6e9a30; color: #fff; }

.center { text-align: center; }




.steps { background: rgba(0,0,0,0.24); width: calc(100% + 140px); margin: -36px 0 50px -70px; text-align: center; padding: 50px 0 30px; }
.steps .item { display: inline-block; vertical-align: top; width: 180px; margin: 0 26px 20px; position: relative; }
.steps .item:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/step-sep.png); width: 103px; height: 17px; position: absolute; right: -79px; top: 57px; }
.steps .item:last-child:after { display: none; }
.steps .item .image { width: 132px; height: 132px; border-radius: 100%; position: relative; border: 3px solid #dba140; margin: 0 auto 20px; }
.steps .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }



.faq-item { max-width: 980px; margin: 0 auto 15px; }
.faq-item .heading { position: relative; cursor: pointer; background: rgba(98,83,104,0.12); border-radius: 10px; border: 1px solid rgba(271,76,124,0.42); font-family: 'TTLakes'; font-size: 15px; padding: 23px 20px 22px 70px; transition: all 0.5s ease; }
.faq-item .heading:before { content: ''; height: 3px; width: 27px; position: absolute; left: 24px; top: 50%; margin-top: -1.5px; box-shadow: 0 0 15px 3px #633349; background: #dd4c7c; transition: all 0.3s ease; }
.faq-item.active .heading:before { background: rgba(255,189,64,1);  }
.faq-item .heading:after { content: ''; height: 27px; width: 3px; position: absolute; left: 36px; top: 50%; margin-top: -13.5px; box-shadow: 0 0 15px 3px #633349; background: #dd4c7c; transition: all 0.5s ease; }
.faq-item.active .heading:after { height: 0; margin-top: 0; background: rgba(255,189,64,1); }
.faq-item.active .heading { background: rgba(255,189,64,0.12); border-color: rgba(255,189,64,1); }
.faq-item .faq-content { padding: 0 20px 0 70px; color: #97949f; font-family: 'TTLakes'; font-size: 15px; line-height: 21px; transition: all 0.5s ease; height: 0; overflow: hidden; box-sizing: content-box; background: url(https://cdn.x-api.net/mynew/images/faq-content.png) no-repeat top center; position: relative; }
.faq-item .faq-content:after { content: ''; width: 4px; height: calc(100% - 40px); background: #ffbd40; position: absolute; left: 40px; top: 28px; box-shadow: 0 0 15px #d9a84a; }
.faq-item.active .faq-content { padding: 35px 20px 20px 70px; }


.benefits { margin: -100px 0 0; padding: 140px 0 100px; background: url() no-repeat top center; min-height: 800px; text-align: center; }
.benefits .item { display: inline-block; vertical-align: top; width: 220px; }
.benefits .item .name { color: #dd4c7c; text-transform: uppercase; font-size: 15px; font-family: 'TTLakes'; margin: -5px 0 10px; line-height: 21px; }
.benefits .item .desc { color: #97949f; font-size: 13px; line-height: 18px; }
.benefits .item:nth-child(2) { margin: 290px 0 0 -100px; }
.benefits .item:nth-child(3) { margin: 400px 100px 0 100px; }
.benefits .item:nth-child(4) { margin: 290px -100px 0 0; }



.promo-code {  width: calc(100% + 140px); margin: -36px 0 5px -70px; text-align: center; padding: 50px 0 50px; font-family: 'TTLakes'; user-select: none;  }
.promo-code .heading { color: #fff; font-weight: bold; font-size: 28px; text-transform: uppercase; font-family: 'TTLakes'; }
.promo-code .heading .what { background: url(https://cdn.x-api.net/mynew/images/ico-what.png); width: 21px; height: 21px; display: inline-block; vertical-align: top; margin: -10px 0 0 10px; cursor: pointer; }
.promo-code .sub-heading { color: #c3bec7; text-transform: uppercase; font-weight: bold; font-size: 18px; margin: -2px 0 15px; }
.promo-code .sub-heading span { color: #ffbd40; }
.promo-code .exits  { margin-bottom: 15px; }
.promo-code .code { color: #d84b7a; font-size: 36px; line-height: 36px; position: relative; display: inline-block; z-index: 1; padding: 17px 25px 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 15px; cursor: pointer; }
.promo-code .code .copied { color: #fff; font-size: 14px; position: absolute; font-weight: normal; font-family: 'PTSans Narrow'; top: -27px; transition: all 0.5s ease 0.2s; margin-left: -39px; left: 50%;  z-index: 2; }
.promo-code .code .copied.hide { opacity: 0; transform: scale(1.3,1); }
.promo-code .badge { background: url(https://cdn.x-api.net/mynew/images/badge-promo.png); width: 84px; height: 84px; position: absolute; top: -52px; right: -52px; z-index: 2; }
.promo-code .code:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 3px solid #d84b7a; box-sizing: border-box; border-radius: 5px; transform: skewX(-10deg); }
.promo-code .code-info { color: #d84b7a; font-size: 13px; }
.promo-code .copy { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; color: #ffbd40; font-size: 14px; font-family: 'PTSans Narrow'; font-weight: normal; opacity: 0; transition: all 0.3s ease; }
.promo-code .code:hover .copy { opacity: 1; }
.promo-code .copy:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(47,39,67,0.93); border: 3px solid #d84b7a; box-sizing: border-box; border-radius: 5px; transform: skewX(-10deg); }
.promo-code .copy span { position: absolute; z-index: 1; left: 50%; top: 50%; line-height: 14px; margin: -8px 0 0 -37px; border-bottom: 1px dashed #ffbd40; padding-bottom: 2px; }



.rally { background: url(https://cdn.x-api.net/mynew/images/rally.png) no-repeat top center; min-height: 311px; padding: 65px 0 50px; margin-bottom: 50px; border-bottom: 1px solid #463a55; text-align: center; font-family: 'TTLakes'; }
.rally .heading { font-size: 28px; font-weight: bold; color: #ffbd40; text-transform: uppercase; }
.rally .sub-heading { color: #d84b7a; text-transform: uppercase; font-weight: bold; font-size: 18px; margin: -4px 0 20px; }
.rally .desc { color: #ffbd40; font-size: 16px; max-width: 580px; margin: 0 auto 20px; }
.rally .important { display: inline-block; background: rgba(98,83,104,0.05); border-radius: 15px; border: 1px solid rgba(271,76,124,0.42); padding: 14px 20px; color: #dd4c7c; font-size: 14px; margin: 0 0 50px; }
.rally .box-first { background: url(https://casedrop.ru/images/case/rally-box1.png) no-repeat center; height: 252px; position: relative; margin-bottom: 20px; }
.rally .box { position: relative; }
.rally .box .align { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); } 
.rally .box .box-heading { font-size: 36px; font-weight: bold; color: #fff;}
.rally .box .box-sub-heading { margin: -5px 0 10px; }
.rally .box .btn { margin: 20px 0 0; font-size: 18px; padding: 0 30px; cursor: pointer; }
.rally .box-second { background: url(https://cdn.x-api.net/mynew/images/rally-box2.png) no-repeat center; height: 309px; }
.rally .box-second .align { top: calc(50% - 4px); }
.rally .box-second .time { margin: 10px 0 0; font-size: 12px; text-transform: uppercase; }
.rally .box-second .time .num { font-size: 25px; font-weight: bold; line-height: 25px; }
.rally .box .box-heading .what { background: url(https://cdn.x-api.net/mynew/images/ico-what.png); width: 21px; height: 21px; display: inline-block; vertical-align: top; margin: -5px 0 0 5px; cursor: pointer; }


[data-tooltip] { position: relative; }
[data-tooltip]:after { content: attr(data-tooltip); width: 200px; position: absolute; top: calc(100% + 20px); opacity: 0; visibility: hidden; transition: all 0.3s ease;  left: 50%; margin-left: -150px; padding: 10px; background: #181025; color: #97949f; font-size: 14px; line-height: 20px; font-family: 'PTSans'; font-weight: normal; border: 1px solid #332745; z-index: 3; text-align: left; text-transform: none; }
[data-tooltip]:hover:after { opacity: 1; visibility: visible; top: calc(100% + 5px); }


.overview-table { margin-bottom: 50px; overflow: auto; }

img { vertical-align: bottom; }


.table { width: 100%; border-collapse: collapse; min-width: 640px; }
.table th { font-size: 12px; color: #97949f; font-weight: normal; padding: 5px 30px; text-align: left; text-transform: uppercase; border-bottom: 1px solid #463a55;  }
.table td { padding: 5px 30px; border-bottom: 1px solid #463a55; color: #d7d7d7; transition: all 0.3s ease; }
.table tr:nth-child(even) td { background: rgba(255,255,255,0.05); }
.table tr:nth-child(even):hover td { background: rgba(255,255,255,0.07); }
.table:not(.no-img) tr:nth-child(even) td:last-child { background: rgba(255,255,255,0.05) url(https://cdn.x-api.net/mynew/images/td.png) no-repeat left center; }
.table .image { display: inline-block; vertical-align: middle; margin: 0 20px 0 0; }
.table .image img { height: 36px; }
.table .info-image { display: inline-block; vertical-align: middle; }
.table .info-image .name { margin-bottom: 2px; }
.table .avatar { display: inline-block; vertical-align: middle; margin: 4px 10px 4px 0; }
.table .avatar.win-frame { position: relative; z-index: 1; margin: 5px 15px 2px 0;  }
.table .avatar.win-frame:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/win-frame.png); width: 49px; height: 49px; position: absolute; left: -4px; top: -4px; z-index: -1; }
.table .avatar img { width: 41px; height: 41px; border-radius: 100%; }
.table tr:nth-child(odd) td.box-green { background: linear-gradient(to right, rgba(110,154,48,0) 30%, rgba(110,154,48,0.3) 100%); }
.table tr:nth-child(odd) td.box-red { background: linear-gradient(to right, rgba(185,38,51,0) 30%, rgba(185,38,51,0.3) 100%); }

.c-yellow { color: #ffbd40; }
.c-pink { color: #dd4c7c; }
.c-grey { color: #d7d7d7; }
.c-green { color: #6e9a30; }
.c-red { color: #b92633; }

.f-ttlakes { font-family: 'TTLakes'; }
.f-14 { font-size: 14px; }
.f-18 { font-size: 18px; }
.m-bottom { margin-bottom: 50px; }


.btn-more { padding: 0 20px; font-size: 14px; font-family: 'TTLakes';  text-transform: uppercase;  color: #fff; text-decoration: none; display: inline-block; vertical-align: middle; position: relative; z-index: 1;  border-radius: 5px; cursor: pointer; }
.btn-more:after { content: ''; width: 100%; height: 100%; box-sizing: border-box; background: rgba(255,189,64,0.1); position: absolute; top: 0; left: 0; z-index: -1; border: 2px solid #ffbd40; border-radius: 5px; transition: all 0.3s ease; }
.btn-more:hover { background: rgba(255,189,64,0.2); color: #fff; }

@keyframes preloader {
  0% { background: #866d3f; }
  50% { background: #ae8b49; }
  100% { background: #ffbd40; }
}
@keyframes preloader-green {
  0% { background: #305001; }
  50% { background: #436f05; }
  100% { background: #679329; }
}
.preloader { text-align: center; }
.preloader span { display: inline-block; position: relative; vertical-align: middle; width: 10px; height: 10px; line-height: 12px; }
.preloader span:before { content: ''; display: inline-block; vertical-align: middle; width: 6px; height: 6px; }
.preloader span:first-child:before { animation: preloader 0.3s linear infinite; }
.preloader span:nth-child(2):before { animation: preloader 0.3s linear infinite 0.1s; }
.preloader span:nth-child(3):before { animation: preloader 0.3s linear infinite 0.2s; }
.preloader.green span:first-child:before { animation: preloader-green 0.3s linear infinite; }
.preloader.green span:nth-child(2):before { animation: preloader-green 0.3s linear infinite 0.1s; }
.preloader.green span:nth-child(3):before { animation: preloader-green 0.3s linear infinite 0.2s; }



.pay { background: rgba(60,52,76,0.32); border: 1px solid rgba(111,97,123,0.22); margin: 0 auto 50px; max-width: 1000px; padding: 30px 20px 40px; text-align: center; }
.pay .heading { text-align: center; color: #c3bec7; font-size: 25px; font-family: 'TTLakes'; font-weight: bold; margin-bottom: 30px; text-transform: uppercase; }
.pay .sub-heading { margin: 30px 0; text-align: center; }
.pay .list { margin-bottom: 20px; }
.pay .list .item { float: left; width: calc(20% - 20px); background: rgba(98,83,104,0.22); border: 1px solid rgba(98,83,104,0.52); margin: 0 24px 24px 0; height: 172px; position: relative; cursor: pointer; transition: all 0.3s ease; }
.pay .list .item:nth-child(5n) { margin-right: 0; }
.pay .list .item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%; }
.pay .list .item.active { border-color: #d84b7a; background: rgba(98,83,104,0.52); }
.pay .btn { font-size: 18px; padding: 0 30px; margin: 30px 0 0; cursor: pointer; }
.pay .sum .num { font-size: 30px; font-family: 'TTLakes'; color: #fffeff; }
.pay .info { position: absolute; color: #97949f; font-size: 12px; width: 290px; text-align: left; margin: -50px 0 0; }
.pay .hidden-input { margin-bottom: 20px; position: relative; display: none; }
.pay .hidden-input .nice-select { height: 48px; line-height: 44px; border-radius: 5px 0 0 5px; font-family: 'PTSans'; }
.pay .hidden-input .nice-select .current { font-size: 14px; border: none; }
.pay .hidden-input .select { position: absolute; margin: 0px 0 0; }
.pay .hidden-input .input { text-align: left; padding: 0 10px 0 60px; }
.pay .hidden-input ::-webkit-input-placeholder { transition: all 0.3s ease; }
.pay .hidden-input :focus::-webkit-input-placeholder { opacity: 0; transform: translateX(20px) scale(1); }
.pay .hidden-input .nice-select .option { font-size: 12px; }

.promo-form { }
.promo-form .promo-heading { color: #d84b7a; font-family: 'TTLakes'; font-size: 15px; cursor: pointer; }
.promo-form .promo-heading span { border-bottom: 1px dashed #d84b7a; }
.promo-form .promo-heading .ico-promo { background: url(https://cdn.x-api.net/mynew/images/ico-promo.png); width: 27px; height: 27px; display: inline-block; vertical-align: middle; margin: -1px 10px 0 0; }
.promo-form .promo-input { display: none; }


.sum-form { width: 224px; height: 57px; border-radius: 5px; margin: 0 auto 40px; border: 3px solid #ffbd40; padding: 1px; }
.sum-form .btn-minus { float: left; width: 44px; height: 49px; position: relative; cursor: pointer; }
.sum-form .btn-minus:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://cdn.x-api.net/mynew/images/btn-minus.png); transition: all 0.3s ease; }
.sum-form .btn-minus:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://cdn.x-api.net/mynew/images/btn-minus.png) bottom; transition: all 0.3s ease; opacity: 0; }
.sum-form .btn-minus:hover:before { opacity: 0; }
.sum-form .btn-minus:hover:after { opacity: 1; }
.sum-form .btn-plus { float: right; width: 44px; height: 49px; position: relative; cursor: pointer; }
.sum-form .btn-plus:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://cdn.x-api.net/mynew/images/btn-plus.png); transition: all 0.3s ease; }
.sum-form .btn-plus:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://cdn.x-api.net/mynew/images/btn-plus.png) bottom; transition: all 0.3s ease; opacity: 0; }
.sum-form .btn-plus:hover:before { opacity: 0; }
.sum-form .btn-plus:hover:after { opacity: 1; }
.sum-form .input-num { width: calc(100% - 88px); height: 49px; background: none; outline: none; border: none; text-align: center; color: #c3bec7; font-family: 'TTLakes'; font-size: 20px; }


.input { color: #d84b7a; font-size: 14px; background: none; text-align: center; height: 48px;  font-family: 'PTSans'; outline: none; border-radius: 5px; width: 100%; max-width: 300px; border: 2px solid #d84b7a; transition: all 0.3s ease; }
.input:focus { box-shadow: 0 0 6px #d84b7a, inset 0 0 6px #d84b7a; }

::-webkit-input-placeholder { color: #d84b7a; transition: all 0.3s ease; }
:focus::-webkit-input-placeholder { opacity: 0; transform: scale(1.3); }


.best { height: 360px; position: relative; margin-bottom: 40px;  }
.best .item { width: 250px; text-align: center; position: absolute; top: 40px; }
.best .item .place { font-family: 'TTLakes'; font-size: 15px; text-transform: uppercase; font-weight: bold; color: #908d91; }
.best .item .name { color: #fff; margin-bottom: 14px; }
.best .item .avatar { width: 177px; height: 177px; border-radius: 100%; border: 4px solid #908d91; margin: 0 auto 40px; }
.best .item .avatar img { width: 100%; height: 100%; border-radius: 100%; }
.best .item .grid { width: 200px; margin: 0 auto; }
.best .item .col { width: 50%; float: left; }
.best .item .col .num { font-size: 18px; font-weight: bold; color: #c3bec7; text-transform: uppercase; line-height: 18px; font-family: 'TTLakes'; }
.best .item .col .desc { font-weight: bold; font-size: 10px; margin: 3px 0 0;  color: #c3bec7; text-transform: uppercase; line-height: 10px; font-family: 'TTLakes';}
.best .item:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/place2.png); width: 244px; height: 207px; position: absolute; top: 44px; left: 50%; margin-left: -123px; }
.best .item:nth-child(1) { left: 50%; margin-left: -125px; top: 0; }
.best .item:nth-child(1) .avatar { width: 208px; height: 208px; border-color: #c99843; margin-bottom: 60px; }
.best .item:nth-child(1) .place { color: #e1a640; font-size: 18px; }
.best .item:nth-child(1) .name { font-size: 16px; }
.best .item:nth-child(1):after { background: url(https://cdn.x-api.net/mynew/images/place1.png); width: 329px; height: 287px; margin-left: -165px; top: 11px; }
.best .item:nth-child(2) { left: 50%; margin-left: -495px; }
.best .item:nth-child(3) { left: 50%; margin-left: 245px; }
.best .item:nth-child(3) .place { color: #ac795e; }
.best .item:nth-child(3) .avatar { border-color: #ac795e; }
.best .item:nth-child(3):after { background: url(https://cdn.x-api.net/mynew/images/place3.png); width: 244px; height: 216px; top: 34px; }



.border-sep { height: 1px; background: #493d58; margin: 50px 0; }
.border-sep.second { margin: 20px 0 50px; }

.deposite { width: 300px; margin: 25px auto 0; position: relative; background: rgba(98,83,104,0.32); padding: 1px; border: 3px solid #8b6880; border-radius: 5px; height: 57px; }
.deposite .btn-pay { width: 112px; height: 49px; line-height: 50px; float: right; color: #251837; font-size: 15px; text-transform: uppercase; font-family: 'TTLakes'; font-weight: bold; background: #f9ae32; cursor: pointer; }
.deposite .input-num { width: calc(100% - 112px); height: 49px; outline: none; border: none; background: none; text-align: center; font-family: 'TTLakes'; color: #a6a1a1; font-size: 25px; }
.deposite .btn-pay:hover { background: #dd4c7c; color: #fff; }

.opened { background: url(https://cdn.x-api.net/mynew/images/opened.png); width: 180px; line-height: 59px; height: 57px; margin: 0 auto 25px; color: #241837; text-transform: uppercase; font-family: 'TTLakes'; font-weight: bold; cursor: pointer; }


.profile-steps { background: rgba(0,0,0,0.44); width: calc(100% + 140px); margin: -36px 0 50px -70px; text-align: center; padding: 50px 0; position: relative; transition: all 0.3s ease; }
.profile-steps .list { max-width: 1060px; margin: 0 auto; position: relative; z-index: 1; }
.profile-steps .list:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/profile-points.png) no-repeat center; height: 5px; width: 100%; position: absolute; left: 0; top: 66px; }
.profile-steps .list .item:nth-child(1) { position: absolute; left: -50px; top: 0; width: 140px; }
.profile-steps .list .item { margin: 0 auto; width: 240px; }
.profile-steps .list .item:nth-child(3) { position: absolute; right: -50px; top: 0;  width: 140px; }
.profile-steps .list .item .ico { background: url(https://cdn.x-api.net/mynew/images/ico-profile-no.png); width: 55px; height: 55px; margin: 0 auto 15px; }
.profile-steps .list .item.active .ico { background: url(https://cdn.x-api.net/mynew/images/ico-profile-ok.png); }
.profile-steps .list .item.active .name { color: #ffbd40; }
.profile-steps .list .item .name { color: #84355c; text-transform: uppercase; font-size: 18px; font-family: 'PTSans Narrow'; font-weight: bold; margin-bottom: 18px; }
.profile-steps .list .item .desc { color: #d7d7d7; font-family: 'PTSans Narrow'; }
.profile-steps .profile-close { background: url(https://cdn.x-api.net/mynew/images/profile-close.png); width: 22px; height: 22px; position: absolute; right: 25px; top: 25px; cursor: pointer; opacity: 0.5; }

.profile-steps .profile-close:hover { opacity: 0; }
.profile-steps.hide { height: 0; overflow: hidden; padding: 0; opacity: 0;  }



.profile { margin-bottom: 50px; position: relative; }
.profile .user { width: 208px; margin: 0 auto 10px; position: relative; text-align: center; font-family: 'TTLakes'; }
.profile .user:before { content: ''; background: url(); width: 524px; height: 267px; position: absolute; top: 42px; left: 50%; margin-left: -262px; z-index: -1; }
.profile .user.other:before { background: url(https://cdn.x-api.net/mynew/images/user-badge2.png); }
.profile .user.other { margin-bottom: -20px;}
.profile .user .name { color: #d7d7d7; font-size: 25px; font-weight: bold; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.profile .user .avatar { width: 208px; height: 208px; border-radius: 100%; border: 4px solid #e1a640; margin: 0 auto 4px; }
.profile .user .avatar img { width: 100%; height: 100%; border-radius: 100%; }
.profile .user .balance { color: #231f20; font-size: 25px; min-height: 40px; line-height: 35px; font-weight: 900; position: relative; z-index: 1; }
.profile .user .balance sup { font-size: 18px; position: relative; top: 4px; left: 4px; text-transform: uppercase; }
.profile .user .stat { position: absolute; top: 116px; left: 0; width: 100%; }
.profile .user .stat .item { width: 130px; text-align: center; position: absolute; }
.profile .user .stat .item .num { color: #e1a640; font-size: 45px; font-weight: 900; line-height: 55px; }
.profile .user .stat .item .desc { color: #d7d7d7; text-transform: uppercase; font-weight: bold; font-size: 20px; }
.profile .user .stat .item:nth-child(1) { left: -140px; }
.profile .user .stat .item:nth-child(2) { right: -140px; }
.profile .btn-profile-steam { background: url(https://cdn.x-api.net/mynew/images/btn-profile-steam.png); width: 196px; height: 46px; display: block; margin: 20px auto 0; cursor: pointer; }
.profile .btn-profile-steam:hover { filter: brightness(1.2); }
.profile .tradelink { margin: 5px 0 0; }
.profile .tradelink .heading { cursor: pointer; }
.profile .tradelink .heading span { color: #92a854; }
.profile .tradelink .heading .ico-tradelink { background: url(https://cdn.x-api.net/mynew/images/ico-tradelink.png); width: 20px; height: 20px; background-size: 100% 100%; display: inline-block; vertical-align: middle; margin: -3px 0 0 10px; }
.profile .tradelink .form { width: 320px; padding: 1px; border: 2px solid #1f5bde; position: relative; overflow: hidden;  transition: all 0.4s ease; float: right; }
.profile .tradelink.active .form { height: 56px; opacity: 1; overflow: visible; margin: 15px 0 15px; }
.profile .tradelink .form:after { content: ''; width: 0; height: 0; position: absolute; right: 5px; top: -8px; border-bottom: 8px solid #5e4e60; border-right: 8px solid transparent; border-left: 8px solid transparent; }
.profile .tradelink .form .btn-form { float: right; width: 87px; height: 50px; line-height: 50px; color: #d7d7d7; font-family: 'PTSans Narrow'; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); background: #df296b; text-align: center; cursor: pointer; }
.profile .tradelink .form .btn-form:hover { background: #dd4c7c; color: #d7d7d7; }
.profile .tradelink .form .textarea { width: calc(100% - 87px); height: 50px; resize: none; color: #97949f; font-size: 12px; font-family: 'PTSans';  background: none; outline: none; border: none; overflow: hidden; }
.profile .tradelink .form .link { font-size: 12px; margin: 5px 0 0; }
.profile .link-swin { text-decoration: none; }
.profile .link-swin .ico-swin { position: relative; width: 19px; height: 26px; display: inline-block; vertical-align: middle; margin: -2px 1px 0 10px; }
.profile .link-swin .ico-swin:before { content: ''; position: absolute; top: 0; left: 0; background: url(https://cdn.x-api.net/mynew/images/ico-swin.png); width: 100%; height: 100%; transition: all 0.3s ease; }
.profile .link-swin:hover .ico-swin:before { opacity: 0; }
.profile .link-swin .ico-swin:after { content: ''; position: absolute; top: 0; left: 0; background: url(https://cdn.x-api.net/mynew/images/ico-swin.png) bottom; opacity: 0; width: 100%; height: 100%; transition: all 0.3s ease; }
.profile .link-swin:hover .ico-swin:after { opacity: 1; }
.profile .link-swin span { font-family: 'TTLakes'; color: #f43b3b; border-bottom: 1px dashed #f43b3b; transition: all 0.3s ease; }
.profile .link-swin:hover span { color: #939393; border-color: #939393; }
.profile .like-case { background: url(https://cdn.x-api.net/mynew/images/like-case.png); width: 234px; height: 211px; position: absolute; left: 50%; margin-left: -565px; top: 46px; text-align: center; padding: 8px 0 0; }
.profile .like-case:hover { filter: brightness(1.2);}
.profile .like-case .heading { color: #fff; text-transform: uppercase; font-size: 13px; font-weight: 500; margin-bottom: 15px;  }
.profile .like-case .image { height: 120px; position: relative; margin-bottom: 4px; }
.profile .like-case .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%; }
.profile .like-case .name { color: #fff; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; }
.profile .best-case { width: 200px; position: absolute; right: 50%; margin-right: -550px; top: 46px; }
.profile .best-case .heading { background: url(https://cdn.x-api.net/mynew/images/best-case.png); width: 200px; height: 32px; line-height: 34px; text-align: center; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: 500; margin-bottom: -16px;  z-index: 2; position: relative; }
.profile .best-case .item { background: rgba(0,0,0,0.15); height: 185px; padding: 15px 0 0; position: relative; text-align: center; width: 100%; z-index: 1; transition: filter 0.3s ease; }
.profile .best-case .item:hover { filter: brightness(1.2);}
.profile .best-case .item:after { content: ''; background-size: 100% 100% !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: #261a38; }
.profile .best-case .item.milspec:after { background: url(https://cdn.x-api.net/mynew/images/item-milspec.png) no-repeat center; }
.profile .best-case .item.restricted:after { background: url(https://cdn.x-api.net/mynew/images/item-restricted.png) no-repeat center; }
.profile .best-case .item.covert:after { background: url(https://cdn.x-api.net/mynew/images/item-covert.png) no-repeat center; }
.profile .best-case .item.knife:after { background: url(https://cdn.x-api.net/mynew/images/item-knife.png) no-repeat center; }
.profile .best-case .item.other:after { background: url(https://cdn.x-api.net/mynew/images/item-milspec.png) no-repeat center; }
.profile .best-case .item:nth-child(6n) { margin-right: 0; }

.profile .best-case .item .image { height: 105px;  margin-bottom: 5px; }
.profile .best-case .item .image img { max-width: 80%; max-height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.profile .best-case .item .name { text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; padding: 11px 5px; font-family: 'TTLakes'; font-size: 16px; font-weight: normal; margin: 0 0 2px; white-space: nowrap; }
.profile .best-case .item .desc { color: #d7d7d7; font-size: 14px; font-family: 'PTSans'; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile .best-case .item.milspec .desc { color: #8ed2ff; }
.profile .best-case .item.restricted .desc { color: #bb8dff; }
.profile .best-case .item.classified .desc { color: #ff8de3; }
.profile .best-case .item.covert .desc { color: #ff8d8d; }
.profile .best-case .item.knife .desc { color: #ffe08d; }
.profile .best-case .item.other .desc { color: #12e5e7; }
.profile .best-case .item .small-price { background: url(https://cdn.x-api.net/mynew/images/small-price.png); width: 79px; height: 55px; color: #000; line-height: 60px; font-family: 'TTLakes'; font-size: 15px; white-space: nowrap; font-weight: bold; text-transform: uppercase; position: absolute; right: -9px; bottom: -18px; z-index: 3; }
.profile .best-case .item .small-price span { font-size: 16px; position: relative; top: 0px; left: -1px; }
.profile .user-box { margin: -60px 0 0; }
.profile .user-box .col { width: calc(50% - 90px); float: left; text-align: right; }
.profile .user-box .col:nth-child(2) { float: right; text-align: left; }
.profile .user-box .checks { position: relative; z-index: 1; margin: -2px 0 0; }
.profile .user-box .checks .item { margin: 6px 0; }

.checkbox { display: none; }
.checkbox + label span { width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: #302b36; border: 3px solid #9ad93a; margin: -4px 10px 0 0; position: relative; }
.checkbox + label { font-size: 14px; cursor: pointer;  }
.checkbox:checked + label span { box-shadow: 0 0 15px rgba(154,217,58,0.3); }
.checkbox:checked + label span:after { content: ''; width: 6px; height: 6px; position: absolute; top: 4px; left: 4px; background: #9ad93a; }

.change-sum { display: inline-block; vertical-align: top; position: relative; color: #9ad93a; }
.change-sum:hover .dropdown { opacity: 1; visibility: visible; }
.change-sum .current { background: #1e142b; border-radius: 5px; padding: 0 3px; }
.change-sum .dropdown { background: #1e142b;  color: #a4a4a4; padding: 3px 0; position: absolute; border-radius: 5px; width: 68px; top: 100%; left: 50%; margin-left: -34px; text-align: center; box-shadow: 0 5px 10px rgba(0,0,0,0.15); opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.change-sum .dropdown .sum { margin: 2px 0; transition: all 0.3s ease; }
.change-sum .dropdown .sum:hover { color: #fff; }

.profile-items .item .caption { position: absolute; height: 110px; top: 15px; left: 0; width: 100%; opacity: 0; transition: all 0.3s ease; }
.profile-items .item .image { transition: all 0.3s ease; }
.profile-items .item:hover { z-index: 9999; }
.profile-items .item:hover .image { opacity: 0; }
.profile-items .item:hover .caption { opacity: 1; }
.profile-items .item .caption img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 80%;}



.tabs { margin: 0px auto 35px auto; text-align: center; } 
.tabs .tab {  display: inline-block; margin: 6px 40px 15px; z-index: 1; vertical-align: middle; height: 57px; line-height: 58px; width: 300px; text-align: center; color: #ffffff; text-transform: uppercase; font-family: 'TTLakes'; font-size: 16px; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); position: relative; }
.tabs .tab:before { content: ''; width: 100%; height: 100%; box-sizing: border-box; background: rgba(255,255,255,0.1); position: absolute; top: 0; left: 0; z-index: -1; border: 1px solid rgba(255,255,255,0.6); border-radius: 5px; transition: all 0.3s ease; transform: skewX(-10deg); }
.tabs .tab.active:before, .tabs .tab:hover:before { border-color: #ffbd40; background: rgba(255,189,64,0.1); }
.tabs .tab:hover { }
.tabs .tab.active { color: #ffbd40; }
.tabs .tab.active:after { content: ''; width: 0; height: 0; position: absolute; left: 50%; margin-left: -10px; bottom: -10px; border-top: 10px solid #ffbd40; border-right: 10px solid transparent; border-left: 10px solid transparent; }


.tooltip { position: absolute; bottom: calc(100% + 10px); left: 50%; margin-left: -103px; width: 206px; color: #dd4c7c; font-size: 14px; font-family: 'PTSans'; line-height: 18px; z-index: 5; border: 1px solid #9a3963; border-radius: 15px; background: rgba(53,28,61,0.8); padding: 15px; transition: all 0.3s ease; }
.tooltip.hide { opacity: 0; visibility: hidden; bottom: calc(100% + 50px); }
.tooltip:after { content: ''; width: 0; height: 0; position: absolute; left: 50%; margin-left: -6px; bottom: -6px; border-top: 6px solid #9a3963; border-right: 6px solid transparent; border-left: 6px solid transparent; }
.tooltip .close-tooltip { background: url(https://cdn.x-api.net/mynew/images/close-tooltip.png); width: 16px; height: 16px; position: absolute; top: -4px; right: -4px; cursor: pointer; }
.tooltip .close-tooltip:hover { filter: brightness(1.2); }


.reviews { text-align: center; }
.reviews .heading { color: #dd4c7c; font-size: 25px; text-transform: uppercase; font-family: 'TTLakes'; font-weight: bold; }
.reviews .item { float: left; width: 33.3333%; padding: 0 10px; margin: 0 0 50px; color: #cfcfd0; }
.reviews .item .desc { max-width: 340px; margin: 0 auto; }
.reviews .item a { color: #dd4c7c; }
.reviews .item a:hover { color: #ff5f94; }


.contracts { margin-bottom: 20px; }
.contracts .item { height: 199px; width: calc(50% - 10px); margin: 0 auto 40px auto; position: relative; transition: all 0.3s ease; }
.contracts .item:hover { filter: brightness(1.3); }
.contracts .item:nth-child(2n) { margin-right: 0; }
.contracts .big-image { height: 199px; width: 180px; text-align: center; position: relative; z-index: 1; padding: 15px 0 0; }
.contracts .big-image:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/contracts-big-image.png); width: 193px; height: 199px; position: absolute; top: 0; left: 0; z-index: -1; }
.contracts .big-image .image { height: 110px; margin-bottom: 5px; position: relative; }
.contracts .big-image .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 80%; }
.contracts .big-image .name { color: #d7d7d7; font-size: 18px; text-transform: uppercase; padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'TTLakes'; }
.contracts .big-image .desc { color: #d7d7d7; font-size: 14px; padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.contracts .big-image .small-price { background: url(https://cdn.x-api.net/mynew/images/small-price.png); width: 79px; height: 55px; color: #000; line-height: 60px; font-family: 'TTLakes'; font-size: 18px; font-weight: bold; text-transform: uppercase; position: absolute; right: -3px; bottom: -18px; z-index: 3; }
.contracts .big-image .small-price span { font-size: 16px; position: relative; top: 0px; left: -1px; }
.contracts .list { width: calc(100% - 190px); right: 0; border: 2px solid #7e4164; top: 0; position: absolute; border-left: 0; height: 199px; }
.contracts .list .align { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); }
.contracts .list .sub-item { float: left; width: 20%; position: relative; height: 60px; }
.contracts .list .sub-item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 70%; max-height: 120%; }
.contracts .list .price { position: absolute; bottom: 8px; right: 10px; color: #a9a8ab; font-size: 13px; text-transform: uppercase; font-family: 'TTLakes'; }


.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; overflow: auto; opacity: 0; visibility: hidden; transition: all 0.5s ease 0.3s; }
.overlay .overlay-fade { position: fixed; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s ease 0.3s; }
.overlay .overlay-fade:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: rgba(36,24,56,0.66); transition: all 0.5s ease 0.3s; opacity: 1; }
.overlay .overlay-fade:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: rgba(36,24,56,0.66); transition: all 0.5s ease 0.3s; opacity: 0; }
.overlay.active { opacity: 1; visibility: visible; transition: all 0.5s ease; }
.overlay.active .overlay-fade:before, .overlay.active .overlay-fade:after { opacity: 1; visibility: visible; height: 50%; transition: all 0.5s ease; }

.popup { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1.1); text-align: center; opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.popup.active { opacity: 1; visibility: visible; transform: scale(1) translate(-50%,-50%); transition: all 0.5s ease 0.3s; }

.popup .close { position: absolute; top: -40px; right: 0; width: 23px; height: 24px; cursor: pointer; }
.popup .close:before { content: '';  background: url(https://cdn.x-api.net/mynew/images/ico-close.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; }
.popup .close:hover:before { opacity: 0; }
.popup .close:after { content: '';  background: url(https://cdn.x-api.net/mynew/images/ico-close.png) bottom; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; opacity: 0; }
.popup .close:hover:after { opacity: 1; }


.popup#signature { background: #291c3b; border-radius: 5px; padding: 25px 20px 20px; width: calc(100% - 20px); max-width: 370px; border: 2px solid #d84b7a; }
.popup#signature .heading { color: #c3bec7; font-family: 'TTLakes'; font-size: 22px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }
.popup#signature .btn { width: 240px; text-align: center; cursor: pointer; }
.popup#signature .info { color: #dd4c7c; font-size: 12px; margin: 15px 0 0; }
.popup#signature .sign { width: 240px; height: 138px; margin: 0 auto 12px; position: relative; border: 1px solid #47304b;}
.popup#signature .sign:after { content: 'Место для вашей подписи'; width: 110px; position: absolute; top: 50px; left: 50%; margin-left: -55px; color: #4b3c58; font-size: 14px; line-height: 16px; }
.popup#signature .sign .approved { background: url(https://cdn.x-api.net/mynew/images/approved.png); width: 138px; height: 137px; position: absolute; bottom: -45px; right: -45px; z-index: 3;}
.popup#signature #sign { position: absolute; z-index: 1; width: 268px; height: 138px; left: 0; }
.popup#swin { background: #291c3b; border-radius: 5px; padding: 20px 20px 20px; width: calc(100% - 20px); max-width: 570px; border: 2px solid #d84b7a; }


.black-info { text-align: center; margin-bottom: 30px; }
.black-info .inner { background: rgba(0,0,0,0.22); text-align: center; padding: 20px 20px; border-radius: 5px;  position: relative; transition: all 0.3s ease; display: inline-block; }
.black-info .image { display: inline-block; vertical-align: middle; margin: 0 20px 0 0; }
.black-info .info { display: inline-block; vertical-align: middle;  text-align: left; font-family: 'PTSans Narrow'; }


.contract .items { max-width: 1000px; margin: 0 auto; }
.contract .items .item { width: calc(20% - 40px); cursor: pointer; }
.contract .items .item:nth-child(6n) { margin-right: 46px; }
.contract .items .item:nth-child(5n) { margin-right: 0; }
.contract .items .item.none { background: none; border: 1px solid rgba(59,47,75,0.62); }
.contract .items .item.none .text { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); color: #4b3c58; font-size: 14px; line-height: 16px; }
.contract .items .item .pick { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://cdn.x-api.net/mynew/images/ico-pick.png) no-repeat center; border: 1px solid #ffbd40; }
.contract .btn { width: 230px; cursor: pointer; }
.contract .link-clear { position: absolute; color: #dd4c7c; font-size: 16px; font-weight: bold; font-family: 'TTLakes'; text-transform: uppercase; border-bottom: 1px dashed #dd4c7c; line-height: 18px; margin: 20px 0 0 -130px; }
.contract .link-clear:hover { border-color: rgba(221,72,124,0); }


.relative { position: relative; }


.change { position: relative; }
.change .col { width: calc(50% - 60px); float: left; }
.change .col:nth-child(2) { float: right; }
.change .items .item { width: calc(33.333% - 20px); margin: 0 30px 30px 0; cursor: pointer; }
.change .items .item:nth-child(6n) { margin-right: 30px; }
.change .items .item:nth-child(3n) { margin-right: 0; }
.change .items .item.none { background: none; border: 1px solid rgba(59,47,75,0.62); }
.change .items .item.none .text { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); color: #4b3c58; font-size: 14px; line-height: 16px; }
.change .items .item .pick { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://cdn.x-api.net/mynew/images/ico-pick.png) no-repeat center; border: 1px solid #ffbd40; }
.change .change-line { width: 1px; height: calc(100% - 30px); background: #50415b; position: absolute; top: 0; left: 50%; }
.change .change-line .btn-change { width: 75px; height: 262px; position: absolute; top: 50%; margin-top: -131px; left: 50%; margin-left: -37px; cursor: pointer; }
.change .change-line .btn-change:before { content: '';  background: url(https://cdn.x-api.net/mynew/images/btn-change.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; cursor: pointer; }
.change .change-line .btn-change:hover:before { opacity: 0;  }
.change .change-line .btn-change:after { content: '';  background: url(https://cdn.x-api.net/mynew/images/btn-change.png) right; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; opacity: 0; }
.change .change-line .btn-change:hover:after { opacity: 1;  }




.sep-arrow { background: url(https://cdn.x-api.net/mynew/images/sep-arrow.png); width: 70px; height: 70px; margin: 0 auto 30px; }

.create-case { }
.create-case .medium-desc { max-width: 450px; margin: 0 auto 30px; }


.tabs-info { text-align: center; margin-bottom: 30px; }
.tabs-info .item { display: inline-block; vertical-align: middle; margin:  0 14px 20px; position: relative; color: #dd4c7c; font-size: 16px; border: 1px solid rgba(221,76,124,0.25); background: rgba(221,76,124,0.035); border-radius: 15px; padding: 12px 20px 12px 38px; }
.tabs-info .item:before { content: ''; width: 6px; height: 6px; border-radius: 100%; position: absolute; left: 18px; top: 50%; margin-top: -3px; background:  rgba(221,76,124,1); box-shadow: 0 0 10px #c33b68; }


.create-list .items .item:not(.none) { cursor: pointer; }
.create-list .items .item.none { background: none; border: 1px solid rgba(59,47,75,0.62); }
.create-list .items .item .text { display: none; }
.create-list .items .item.none .text { display: block; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); color: #4b3c58; font-size: 14px; line-height: 16px; }
.create-list .items .item.none .text .num { font-size: 64px; line-height: 64px; font-family: 'TTLakes'; }
.create-list .items .item .fade img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.create-list .items .item .fade { opacity: 0; transition: all 0.3s ease; }
.create-list .items .item:hover .fade { opacity: 1; }


.create-price { text-align: center; max-width: 1001px; margin: 0 auto; padding-bottom: 50px; }
.create-price .sub-heading { margin-bottom: 40px; }
.create-price .slider-fixed { margin-bottom: 20px; height: 5px; }
.create-price .points { margin-bottom: 30px; position: relative; }
.create-price .points .scale { background: url(https://cdn.x-api.net/mynew/images/points.png) no-repeat center; height: 25px; background-size: 100% 100%; }
.create-price .points .sum { color: #97949f; font-size: 12px; width: 80px; text-align: center; position: absolute; margin-top: 5px; }
.create-price .points .sum.min { left: -40px; }
.create-price .points .sum.half { left: 50%; margin-left: -40px; }
.create-price .points .sum.max { right: -40px; }
.create-price .desc { position: relative; }
.create-price .desc .item { color: #c57474; font-size: 12px; width: 80px; text-align: center; position: absolute; margin-top: 5px; text-transform: uppercase; top: 0; }
.create-price .desc .item span { color: #777480; font-size: 10px; display: block; }
.create-price .desc .item:nth-child(1) { left: -40px; }
.create-price .desc .item:nth-child(2) { position: static; margin: 0 auto; width: 164px; text-align: center; }
.create-price .desc .item:nth-child(3) { right: -40px; }
.create-price .input { height: 57px; border-color: #ffbd40; color: #d7d7d7; font-size: 20px; font-family: 'TTLakes'; }
.create-price .input:focus { border-color: #dd4c7c; }
.create-case .btn-big-create { background: url(https://cdn.x-api.net/mynew/images/btn-createcase.png) center; max-width: 346px; width: 100%; height: 57px; line-height: 59px; color: #f8f6fc; text-transform: uppercase; font-family: 'TTLakes'; font-size: 15px; font-weight: bold; display: inline-block; margin-top: 26px; border-radius: 5px; cursor: pointer; }
.create-case .btn-big-create .ico-create { background: url(https://cdn.x-api.net/mynew/images/ico-create-white.png); width: 31px; height: 30px; display: inline-block; vertical-align: middle; margin: -4px 10px 0 0; }
.create-case .btn-big-create:hover { filter: brightness(1.2); }


.filters { max-width: 1060px; margin: 0 auto 40px; }
.filters .search { float: left; width: calc(100% - 300px); position: relative; }
.filters .search .search-input { height: 53px; width: 100%; outline: none; border: 1px solid #332745; background: #181025; padding: 0 60px 0 20px; font-family: 'PTSans'; font-size: 14px; color: #fff; }
.filters .search .search-input:focus { transition: all 0.3s ease; border-color: #dd4c7c; }
.filters .sort { float: right; text-align: right; }
.filters .search ::-webkit-input-placeholder { color: #97949f; transition: all 0.3s ease; }
.filters .search :focus::-webkit-input-placeholder { opacity: 0; transform: translateX(20px) scale(1); }
.filters .btn-search { width: 60px; height: 53px; position: absolute; top: 0; right: 0; cursor: pointer; }
.filters .btn-search:before { content: ''; width: 33px; height: 33px; background: url(https://cdn.x-api.net/mynew/images/btn-search.png); position: absolute; top: 50%; left: 50%; margin: -17px 0 0 -16px; transition: all 0.3s ease; }
.filters .btn-search:hover:before { opacity: 0; }
.filters .btn-search:after { content: ''; width: 33px; height: 33px; background: url(https://cdn.x-api.net/mynew/images/btn-search.png) bottom; position: absolute; top: 50%; left: 50%; margin: -17px 0 0 -16px; transition: all 0.3s ease; opacity: 0; }
.filters .btn-search:hover:after { opacity: 1; }


.add-box { max-width: 1060px; margin: 0 auto 50px; }
.add-box .sidebar { float: left; width: 240px; }
.add-box .container { float: right; width: calc(100% - 280px); }
.add-box .items .item { cursor: pointer; width: calc(25% - 34.5px); }
.add-box .items .item:nth-child(6n) { margin-right: 46px; }
.add-box .items .item:nth-child(4n) { margin-right: 0; }
.add-box .items .item .fade img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.add-box .items .item .fade { opacity: 0; transition: all 0.3s ease; }
.add-box .items .item:hover .fade { opacity: 1; }
.add-box .box { margin-bottom: 30px; border-radius: 15px; padding: 22px 22px 15px; background: rgba(47,32,61,0.25); border: 1px solid rgba(165,112,130,0.25); }
.add-box .box .heading { color: #b66b6e; text-transform: uppercase; font-family: 'TTLakes'; font-size: 15px; margin-bottom: 20px; }
.add-box .types { list-style: none; position: relative; }
.add-box .types .ico { height: 38px; position: relative; width: 70px; display: inline-block; vertical-align: middle; margin: -3px 10px 0 -10px; }
.add-box .types .ico img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.add-box .types li a { padding: 3px 0; display: block; color: #d7d7d7; position: relative; z-index: 2; font-size: 12px; text-transform: uppercase; font-family: 'TTLakes'; }
.add-box .types li a:hover, .add-box .types li a.active { color: #ffbd40; }
.add-box .types-hover { position: absolute; top: 0; left: -22px; width: calc(100% + 44px); height: 1px; background: #442e49; transition: all 0.5s ease; }
.add-box .types-hover:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/types-left.png); width: 25px; height: 26px; position: absolute; top: -12px; left: 0; }
.add-box .types-hover:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/types-right.png); width: 25px; height: 26px; position: absolute; top: -12px; right: 0; }
.add-box .rars { list-style: none; }
.add-box .rars li { margin: 22px 0; }
.add-box .rars li:last-child { margin-bottom: 10px; }
.add-box .rars li a { padding-left: 65px; color: #d7d7d7; text-transform: uppercase; font-size: 12px; font-family: 'TTLakes'; position: relative; }
.add-box .rars li a:before { content: ''; width: 14px; height: 14px; border-radius: 100%; border: 2px solid #d7d7d7; position: absolute; left: 15px; top: 50%; margin-top: -8px; box-sizing: border-box; }
.add-box .rars li a:after { content: ''; width: 14px; height: 14px; border-radius: 100%; background: #d7d7d7; position: absolute; left: 15px; top: 50%; margin-top: -8px; box-sizing: border-box; box-shadow: 0 0 15px #9e5437; opacity: 0; visibility: hidden; transition: all 0.4s ease; transform: scale(1.5); }
.add-box .rars li a:hover:after, .add-box .rars li a.active:after { opacity: 1; visibility: visible; transform: scale(1); }
.add-box .rars li a.milspec { color: #5663bf; }
.add-box .rars li a.milspec:before { border-color: #5663bf; }
.add-box .rars li a.milspec:after { background: #5663bf; }
.add-box .rars li a.restricted { color: #6135c8; }
.add-box .rars li a.restricted:before { border-color: #6135c8; }
.add-box .rars li a.restricted:after { background: #6135c8; }
.add-box .rars li a.classified { color: #b047d4; }
.add-box .rars li a.classified:before { border-color: #b047d4; }
.add-box .rars li a.classified:after { background: #b047d4; }
.add-box .rars li a.covert { color: #db2a2a; }
.add-box .rars li a.covert:before { border-color: #db2a2a; }
.add-box .rars li a.covert:after { background: #db2a2a; }
.add-box .rars li a.knife { color: #3b9dc6; }
.add-box .rars li a.knife:before { border-color: #3b9dc6; }
.add-box .rars li a.knife:after { background: #3b9dc6; }
.add-box .rars li a.other { color: #62c1c0; }
.add-box .rars li a.other:before { border-color: #62c1c0; }
.add-box .rars li a.other:after { background: #62c1c0; }


.create-form { position: relative; background: url(https://cdn.x-api.net/mynew/images/pickcase.png) no-repeat center; height: 604px; margin: -70px 0 -30px -70px; width: calc(100% + 140px); padding: 106px 0 0; }
.create-form .col { width: 310px; position: absolute; text-align: center; top: 0; }
.create-form .col .sub-heading {color: #b66b6e; font-family: 'TTLakes'; text-transform: uppercase; margin: 4px 0 24px; }
.create-form .col.case-col { left: 0; }
.create-form .col.case-emblem { right: 0; }
.create-form .container { max-width: 1014px; margin: 0 auto; position: relative; }
.create-form .mid { margin: 0 auto; width: 300px; position: relative; left: -2px; }
.create-form .mid .sub-heading { color: #d7d7d7; font-size: 20px; font-weight: bold; text-transform: uppercase; text-align: center; font-family: 'TTLakes'; }
.create-form .scroller { height: 360px; position: relative; }
.create-form .col .list .item { float: left; width: calc(50% - 2px); margin: 0 2px 2px 0; position: relative; height: 126px; background: rgba(57,45,74,0.48); cursor: pointer; transition: all 0.3s ease; }
.create-form .col .list .item:hover, .create-form .col .list .item.active { background: rgba(57,45,74,0.78); }
.create-form .col .list .item:nth-child(2n) { margin-right: 0; }
.create-form .col .list .item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 70%; }
.create-form .finish-image { height: 180px; position: relative; margin: 60px 0 15px;  }
.create-form .finish-image .image { }
.create-form .finish-image .image img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.create-form .finish-image .emblem { position: absolute; left: calc(50% + 25px); top: 50%; transform: translate(-50%,-50%); width: 54px; }
.create-form .finish-image .emblem img { width: 100%; }
.create-form .info { text-align: center; }
.create-form .info .desc { color: #f6b641; font-size: 16px; margin-bottom: 15px; }
.create-form .info .desc span { display: block; color: #97949f; font-size: 14px; }
.create-form .input { background: #181025; box-shadow: none; border: 3px solid #3d2f46; }
.create-form .input:focus { border-color: #dd4c7c; }
.create-form ::-webkit-input-placeholder { color: #6e6c74; transition: all 0.3s ease; }
.create-form :focus::-webkit-input-placeholder { opacity: 0; transform: scale(1.3); }


.slimScrollDiv { padding-right: 10px; }
.slimScrollBar { cursor: pointer; }

.overlay-mobile { opacity: 0; visibility: hidden; position: fixed; }
.mobile-top { display: none; }

.disable { opacity: 0.2; cursor: default; filter: grayscale(1); }

.creater-info { background: url(https://cdn.x-api.net/mynew/images/creater-info.png) no-repeat center; height: 148px; max-width: 853px; margin: 0 auto 40px; position: relative; padding: 1px 0 0; }
.creater-info .avatar { width: 90px; height: 90px; top: -13px; border-radius: 100%; border: 5px solid #ffbd40; position: absolute; left: 50%; margin-left: -45px; }
.creater-info .avatar img { width: 100%; height: 100%;    border-radius: 50px; }
.creater-info .col { color: #d7d7d7; font-size: 12px; text-transform: uppercase; font-family: 'TTLakes'; position: absolute; top: 58px; width: 160px; }
.creater-info .col:after { content: ''; width: 10px; height: 10px; background: #d94b7b; border-radius: 100%; box-shadow: 0 0 50px 40px #d94b7b; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -5px; z-index: -1; opacity: 0.3; }
.creater-info .col span { display: block; color: #ffbd40; font-size: 50px; line-height: 50px; margin: 2px 0 0; }
.creater-info .col.first { left: 145px; }
.creater-info .col.second { right: 145px; white-space: nowrap; }
.creater-info .mid { margin: 90px 0 0; font-size: 12px; font-family: 'TTLakes'; color: #ffbd40; }
.creater-info .mid span { display: block; font-size: 16px; color: #d7d7d7; }
.creater-info .image { width: 143px; height: 58px; position: absolute; left: 50%; margin-left: -71px; top: 14px; }
.creater-info .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.profile-items [data-tooltip]:after { top: auto; bottom: 100%; width: auto; margin-left: 0; transform: translateX(-50%); text-align: center; cursor: pointer; padding: 5px 10px; }
.profile-items [data-tooltip]:hover:after { bottom: calc(100% + 5px); }



/*.case-heading { background: url(https://cdn.x-api.net/mynew/images/case-heading.png) no-repeat center; height: 48px; line-height: 48px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #d7d7d7; font-size: 16px; font-weight: bold; font-family: 'TTLakes'; margin-bottom: 40px; margin-top: 20px; }
*/
.case-heading { height: 48px; line-height: 48px; text-align: inherit; white-space: nowrap; text-overflow: ellipsis; color: #d7d7d7; font-size: 16px; font-weight: bold; font-family: 'TTLakes'; margin-bottom: 40px; margin-top: 20px; position: relative; z-index: 1; }
.case-heading:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -15px;
    height: 3px;
    width: 687px;
    z-index: -1;
    background-image: linear-gradient(-90deg,rgba(249,172,43,0),#df2d6f 36%,#aa82e0);

}








	
	
	}
.case-heading .icon { display: inline-block; vertical-align: middle; height: 40px; position: relative; width: 40px; margin: -2px 10px 0 0; }
.case-heading .icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.case-heading span { display: inline-block; vertical-align: middle; max-width: calc(100% - 44px); }

.languages { background: url(https://cdn.x-api.net/mynew/images/languages.png); width: 278px; height: 91px; position: absolute; top: 1083px; left: 0; padding: 16px 0 0 99px; font-family: 'TTLakes'; font-size: 15px; text-transform: uppercase; }
.languages a { color: #cac5ce; font-weight: bold; }
.languages .item { margin: 6px 0; }
.languages a:hover, .languages a.active { color: #f6b641; text-shadow: 0 0 10px rgba(246,182,65,0.5); }


.shadow-sep { background: url(https://cdn.x-api.net/mynew/images/shadow.png) no-repeat center; height: 156px; margin: -130px auto 40px; }

.stat-grid { text-align: center; font-family: 'TTLakes'; margin: -20px 0 0; }
.stat-grid .item { display: inline-block; vertical-align: top; width: 185px; height: 109px; margin: 0 10px 7px; font-weight: bold; padding: 26px 0 0; }
.stat-grid .item:first-child { background: url(https://cdn.x-api.net/mynew/images/stat-grid-left.png); }
.stat-grid .item { background: url(https://cdn.x-api.net/mynew/images/stat-grid-center.png); }
.stat-grid .item:last-child { background: url(https://cdn.x-api.net/mynew/images/stat-grid-right.png); }
.stat-grid .item .heading { color: #ffbd40; margin-bottom: 8px; }
.stat-grid .item .num { font-size: 30px; line-height: 30px; }
.stat-grid.second { margin: 50px 0; }


.farm-list { margin: 40px auto ; max-width: 1240px; }
.farm-list .item { perspective: 1000px; }
.farm-list .item .image { transform: scale(0); transition: all 0.5s ease; }
.farm-list .item.show .image { transform: scale(1); }
.farm-list .item .name { transform: scale(0); transition: all 0.5s ease; }
.farm-list .item.show .name { transform: scale(1); }
.farm-list .item .desc { transform: scale(0); transition: all 0.5s ease; }
.farm-list .item.show .desc { transform: scale(1); }
.farm-list .item:before { content: ''; background: #1d132d url(https://cdn.x-api.net/mynew/images/md-badge.png) no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px dashed #3b2e47; transition: transform 0.4s ease, opacity 0.1s ease 0.4s; z-index: 1; }
.farm-list .item.show:before { transform: rotateY(90deg); opacity: 0; }
.farm-list .item { height: 160px; padding: 0; }
.farm-list .item .image { height: 90px; }

.link-cancel { display: inline-block; margin: 10px 0 0; color: #fff; font-size: 12px; border-bottom: 1px dashed #dd4c7c; text-transform: uppercase; padding-bottom: 2px; opacity: 0; visibility: hidden; }
.link-cancel.active { opacity: 1; visibility: visible; }

.user-filters { background: linear-gradient(to right, rgba(31,20,42,0) 0%, rgba(31,20,42,0.5) 50%, rgba(31,20,42,0) 100%); padding: 15px 0 7px; width: 100%; margin-bottom: 40px; text-align: left; }
.user-filters .list { float: left; }
.user-filters .list .item { float: left; color: #ffffff; text-transform: uppercase; font-family: 'TTLakes'; font-size: 13px; font-weight: bold; height: 40px; line-height: 42px; padding: 0 20px; position: relative; z-index: 1; margin: 0 8px 8px 0; }
.user-filters .list .item:after { content: ''; width: 100%; height: 100%; border: 2px solid #6f5287; border-radius: 5px; position: absolute; top: 0; left: 0; box-sizing: border-box; transform: skewX(-10deg); transition: all 0.3s ease; }
.user-filters .list .item:hover:after, .user-filters .list .item.active:after { background: rgba(255,189,64,0.2);  border-color: #ffbd40; }
.user-filters .search-form { float: right; }
.user-filters .search-form .search { position: relative; height: 40px; width: 280px; z-index: 1; }
.user-filters .search-form .search:after { content: ''; width: 100%; height: 100%; border: 1px solid rgba(115,107,126,0.5); border-radius: 5px; position: absolute; top: 0; left: 0; box-sizing: border-box; transform: skewX(-10deg); transition: all 0.3s ease; z-index: -1; background: rgba(115,107,126,0.1); }
.user-filters .search-form .search .input-search { width: 100%; height: 100%; outline: none; border: none; background: none; color: #fff; font-family: 'PTSans'; font-size: 13px; padding: 0 15px;  }
.user-filters .search-form .search ::-webkit-input-placeholder { color: #7b787e; transition: all 0.3s ease; font-style: italic; }
.user-filters .search-form .search :focus::-webkit-input-placeholder { opacity: 0; transform: translateX(20px) scale(1); }

.user-cases { }
.user-cases .item { float: left; position: relative; height: 224px; margin: 0 38px 50px 0; width: calc(20% - 30.5px); border-radius: 10px; padding: 30px 0 0; background: rgba(0,0,0,0.15); display: block; border-top: 2px solid #ffbd40; border-bottom: 2px solid #ffbd40; }
.user-cases .item:hover { background: rgba(0,0,0,0.35); }
.user-cases .item:nth-child(5n) { margin-right: 0; }
.user-cases .item .avatar { width: 53px; height: 53px; border-radius: 100%; position: absolute; top: -25px; left: 50%; margin-left: -26px; border: 2px solid #ffbd40; }
.user-cases .item .avatar img { width: 100%; height: 100%;border-radius: 50px; }
.user-cases .item .image { background: url(https://cdn.x-api.net/mynew/images/user-light.png) no-repeat center; height: 150px; position: relative; transition: all 0.3s ease; }
.user-cases .item:hover .image { transform: scale(0.9); }
.user-cases .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%; }
.user-cases .item .name { text-align: center; color: #c3bec7; font-family: 'TTLakes'; text-transform: uppercase; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-cases .item .price { background: url(https://cdn.x-api.net/mynew/images/user-price.png); width: 87px; height: 55px; position: absolute; bottom: -16px; right: -10px; text-align: center; color: #261d0c; font-size: 16px; font-weight: bold; padding: 19px 0 0 8px; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(255,255,255,0.2); }
.user-cases .item .short-list { width: 264px; position: absolute; left: 50%; margin-left: -132px; background: #1c122a; padding: 0 10px 10px; border-radius: 5px; z-index: 2; box-shadow: 15px 15px 10px rgba(28,18,42,0.47); top: 210px; transform: scale(0.8); opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.user-cases .item:hover .short-list { opacity: 1; visibility: visible; transform: scale(1); top: 180px; }
.user-cases .short-list .sub-heading { height: 30px; line-height: 30px; width: 236px; border-radius: 5px; text-align: center; background: #221633; color: #cac5ce; margin: -15px auto 10px; }
.user-cases .item .short-list .sub-item { float: left; height: 36px; width: 25%; position: relative; margin: 2px 0; }
.user-cases .item .short-list .sub-item img { max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.user-cases .item .short-list .sub-item:after { content: '';  width: 6px; height: 6px; border-radius: 100%; position: absolute; margin: -3px 0 0 -3px; top: 50%; left: 50%;  z-index: -1; opacity: 0.4; }
.user-cases .item .short-list .sub-item.milspec:after { box-shadow: 0 0 20px 10px rgba(86,91,191,1); background: rgba(86,91,191,1); }
.user-cases .item .short-list .sub-item.restricted:after { box-shadow: 0 0 20px 10px rgba(97,53,200,1); background: rgba(97,53,200,1); }
.user-cases .item .short-list .sub-item.classified:after { box-shadow: 0 0 20px 10px rgba(176,71,212,1); background: rgba(176,71,212,1); }
.user-cases .item .short-list .sub-item.covert:after { box-shadow: 0 0 20px 10px rgba(219,42,42,1); background: rgba(219,42,42,1); }
.user-cases .item .short-list .sub-item.knife:after { box-shadow: 0 0 20px 10px rgba(255,189,64,1); background: rgba(255,189,64,1); }
.user-cases .item .short-list:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/ico-view.png); width: 71px; height: 59px; position: absolute; top: -70px; left: 50%; margin-left: -36px; transition: all 0.3s ease; transform: scale(2); opacity: 0; visibility: hidden; }
.user-cases .item .item:hover .short-list:after { opacity: 1; visibility: visible; transform: scale(1); transition: all 0.3s ease 0.2s; }



.with-remove { }
.with-remove .item { cursor: pointer; }
.with-remove .item .fade img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.with-remove .item .fade { opacity: 0; transition: all 0.3s ease; }
.with-remove .item:hover .fade { opacity: 1; }


.link-delete { display: inline-block; margin: 10px 0 0; color: #fff; font-size: 12px; border-bottom: 1px dashed #dd4c7c; text-transform: uppercase; padding-bottom: 2px; }


.profile-before { margin-bottom: 40px; }
.profile-before .left { float: left; background: rgba(31,22,50,0.35); width: 305px; text-align: center; padding: 40px 0; }
.profile-before .user { position: relative; z-index: 1; width: 222px; margin: 0 auto; font-family: 'TTLakes'; }
.profile-before .user .avatar { width: 208px; height: 208px; margin: 0 auto; position: relative; border-radius: 100%; margin-bottom: 5px; border: 4px solid #e1a640; }
.profile-before .user .avatar img { width: 100%; height: 100%; border-radius: 100%; }
.profile-before .user:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/profile-before.png); width: 222px; height: 443px; position: absolute; top: 47px; left: 0; z-index: -1; }
.profile-before .user .name { font-size: 25px; color: #d7d7d7; font-weight: bold; margin-bottom: 20px; }

.profile-before .user .balance { color: #231f20; font-size: 25px; min-height: 40px; margin-bottom: 35px; min-width: 2px; line-height: 35px; font-weight: 900; position: relative; z-index: 1; }
.profile-before .user .balance sup { font-size: 18px; position: relative; top: 4px; left: 4px; text-transform: uppercase; }
.profile-before .user .stat { }
.profile-before .user .stat .item { text-align: center; margin-bottom: 10px;  }
.profile-before .user .stat .item .num { color: #e1a640; font-size: 35px; font-weight: 700; line-height: 35px; }
.profile-before .user .stat .item .desc { color: #d7d7d7; text-transform: uppercase;  font-size: 14px; margin: 5px 0 0; }
.profile-before .right { padding: 55px 45px 45px; min-height: 560px; float: right; width: calc(100% - 305px); background: linear-gradient(30deg, rgba(57,41,68,0.5) 0%, rgba(34,24,54,0.5) 40%); font-family: 'TTLakes'; }
.profile-before .right .sub-heding { text-align: center; font-size: 16px; text-transform: uppercase; margin-bottom: 40px; }
.profile-before .your-steps { max-width: 610px; margin: 0 auto 40px; }
.profile-before .your-steps .item { margin-bottom: 30px; }
.profile-before .your-steps .item .num { display: inline-block; vertical-align: middle; position: relative; width: 66px; text-align: center; color: #ffbd40; line-height: 68px; height: 66px; font-weight: 900; font-size: 66px; }
.profile-before .your-steps .item .info { display: inline-block; vertical-align: middle; width: calc(100% - 70px); }
.profile-before .your-steps .item .info .name { color: #ffffff; font-size: 20px; text-transform: uppercase; margin-bottom: 1px; }
.profile-before .your-steps .item .info .desc { color: #d7d7d7; font-size: 14px; line-height: normal; }
.profile-before .your-steps .item .num img { position: relative; top: -8px; }
.profile-before .your-steps .item .num:before { content: ''; width: 5px; height: 5px; border-radius: 100%; box-shadow: 0 0 25px 20px #ff7f40; position: absolute; top: 50%; left: 50%; margin: -3px 0 0 -3px; opacity: 0.1; }
.profile-before .your-steps .item .num.ok:before { box-shadow: 0 0 35px 20px #9ad93a; opacity: 0.2; }
.profile-before .sub-heading { text-align: center; margin-bottom: 20px; }
.profile-before .changeform { max-width: 610px; margin: 0 auto; position: relative; }
.profile-before .changeform .input { width: 100%; height: 52px; border-radius: 10px; background: #211831; padding: 0 146px 0 20px; font-family: 'TTlakes'; color: #d7d7d7; font-size: 14px; border: none; max-width: none; box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); }
.profile-before .changeform .btn-form { width: 146px; height: 52px; line-height: 54px; border-radius: 52px; text-align: center; position: absolute; right: 0; top: 0; background: #ffbd40; color: #201831; z-index: 1; }
.profile-before .changeform .btn-form:hover { background: #ffd78a; }

.steam-avatar { position: relative; display: block;}
.steam-avatar:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(34,23,43,0.85) url(https://cdn.x-api.net/mynew/images/ico-big-steam.png) no-repeat center; border-radius: 100%; opacity: 0; transition: all 0.3s ease; }
.steam-avatar:hover:after { opacity: 1; }

.best-drop { text-align: center; background: url(https://cdn.x-api.net/mynew/images/shadow.png) no-repeat center bottom; padding-bottom: 15px; margin: 30px 0;  }
.best-drop .item { display: inline-block; vertical-align: top; position: relative; width: 130px; height: 114px; margin: 0 5px 15px; border-radius: 5px; border-top: 2px solid #ffbd40; padding: 10px 0 0; background: linear-gradient(to bottom,rgba(36,23,53,0.7) 0%, rgba(86,91,191,0.2)); }
.best-drop .item .avatar { width: 30px; height: 30px; border-radius: 100%; border: 2px solid #ffbd40; position: absolute; top: -15px; left: 50%; margin-left: -15px; }
.best-drop .item .avatar img { width: 100%; height: 100%; border-radius: 100%; }
.best-drop .item .image { height: 75px; position: relative; margin-bottom: 3px; }
.best-drop .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 80%; }
.best-drop .item .name { color: #d7d7d7; font-size: 12px; text-transform: none; font-weight: normal; font-family: Arial; }
.best-drop .item.milspec { background: linear-gradient(to bottom,rgba(36,23,53,0.7) 0%, rgba(86,91,191,0.2)); }
.best-drop .item.restricted { background: linear-gradient(to bottom,rgba(36,23,53,0.7) 0%, rgba(97,53,200,0.2)); }
.best-drop .item.classified { background: linear-gradient(to bottom,rgba(36,23,53,0.7) 0%, rgba(176,71,212,0.2)); }
.best-drop .item.covert { background: linear-gradient(to bottom,rgba(36,23,53,0.7) 0%, rgba(219,42,42,0.2)); }
.best-drop .item.knife { background: linear-gradient(to bottom,rgba(36,23,53,0.7) 0%, rgba(255,189,64,0.2)); }
.best-drop .item.other { background: linear-gradient(to bottom,rgba(36,23,53,0.7) 0%, rgba(98,193,192,0.2)); }
.best-drop .heading { margin-bottom: 40px; text-align: center; }
.best-drop .heading .inline {  position: relative; z-index: 1; color: #d7d7d7; font-size: 14px; display: inline-block; padding: 12px 20px; }
.best-drop .heading span { color: #ffbd40; }
.best-drop .heading .inline:before { content: ''; background: #241735; width: 100%; top: 0; left: 0; height: 100%; position: absolute; z-index: -1;  transform: skewX(-10deg); border-radius: 5px; opacity: 0.7; }

.circle { background: url(https://cdn.x-api.net/mynew/images/circle.png); width: 570px; height: 570px; position: relative; margin: 0 auto 50px; }
.circle .list { position: absolute; top: 40px; left: 40px; width: 490px; height: 490px; }
.circle .item { width: 96px; height: 96px; background: url(https://cdn.x-api.net/mynew/images/circle-item.png); position: absolute; border-radius: 100%; border: 1.5px dashed #6a696c; transition: all 0.5s ease; }
.circle .item.hide { transform: scale(0) rotate(360deg); }
.circle .item .num { line-height: 96px; text-align: center; color: #ffffff; font-size: 30px; font-family: 'TTLakes'; display: none; }
.circle .item.none .num { display: block; }
.circle .item .name, .circle .item .desc, .circle .item .small-price { display: none; }
.circle .item.milspec { box-shadow: 0 0 40px rgba(86,91,191,0.3), inset 0 0 100px rgba(86,91,191,0.4); border-color: rgba(86,91,191,1); }
.circle .item.restricted { box-shadow: 0 0 40px rgba(97,53,200,0.3), inset 0 0 100px rgba(97,53,200,0.4); border-color: rgba(97,53,200,1); }
.circle .item.classified { box-shadow: 0 0 40px rgba(176,71,212,0.3), inset 0 0 100px rgba(176,71,212,0.4); border-color: rgba(176,71,212,1); }
.circle .item.covert { box-shadow: 0 0 40px rgba(219,42,42,0.3), inset 0 0 100px rgba(219,42,42,0.4); border-color: rgba(219,42,42,1); }
.circle .item.knife { box-shadow: 0 0 40px rgba(255,189,64,0.3), inset 0 0 100px rgba(255,189,64,0.4); border-color: rgba(255,189,64,1); }
.circle .item.other { box-shadow: 0 0 40px rgba(98,193,192,0.3), inset 0 0 100px rgba(98,193,192,0.4); border-color: rgba(98,193,192,1); }
.circle .item .image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.circle .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 80%; }
.circle .item .fade { position: absolute; width: 100%; height: 100%; border-radius: 100%; top: 0; left: 0; background: rgba(47,22,45,0.8); opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.circle .item:not(.none) { cursor: pointer; }
.circle .item:not(.none):hover .fade { opacity: 1; visibility: visible; }
.circle .item .fade img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.circle .item:nth-child(1) { left: 195px; }
.circle .item:nth-child(2) { left: 310px; top: 39px; }
.circle .item:nth-child(3) { left: 380px; top: 136px; }
.circle .item:nth-child(4) { left: 380px; top: 257px; }
.circle .item:nth-child(5) { left: 310px; top: 356px; }
.circle .item:nth-child(6) { left: 197px; top: 394px; }
.circle .item:nth-child(7) { left: 83px; top: 356px; }
.circle .item:nth-child(8) { left: 14px; top: 257px; }
.circle .item:nth-child(9) { left: 14px; top: 136px; }
.circle .item:nth-child(10) { left: 83px; top: 40px; }
.circle .btn-change { width: 135px; height: 135px; border-radius: 100%; background: #f6b641 url(https://cdn.x-api.net/mynew/images/ico-change.png) no-repeat center; position: absolute; top: 50%; left: 50%; margin: -67px 0 0 -67px; z-index: 2; box-shadow: 0 0 80px rgba(246,182,65,0.2); }
.circle .btn-change.hide {  animation: hide 2.3s ease; transform: rotate(640deg) scale(0); background: #fff url(https://cdn.x-api.net/mynew/images/ico-change.png) no-repeat center; visibility: hidden;  }
.circle .btn-change:hover { background: #fff url(https://cdn.x-api.net/mynew/images/ico-change.png) no-repeat center; transform: rotate(180deg);}
.circle .btn-change:before { content: ''; width: 163px; height: 163px; border-radius: 100%; position: absolute; left: -16px; top: -16px; border: 2px dashed #f6b641; transition: all 0.3s ease; }
.circle .btn-change.hide:before { display: none; }
.circle .btn-change:hover:before { width: 132px; height: 132px; left: 0; top: 0; border: 2px solid #fff; }
.circle .btn-clear { position: absolute; padding: 7px 15px 5px; top: 380px; left: 50%; margin-left: -44px; z-index: 1; color: #cc4775; font-size: 12px; text-transform: uppercase; font-weight: bold; }
.circle .btn-clear.hide { transform: scale(0); }
.circle .btn-clear:before { content: ''; border-radius: 4px; background: rgba(204,71,117,0.1); border: 1px solid rgba(204,71,117,1);  position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transform: skewX(-10deg); transition: all 0.3s ease; }
.circle .btn-clear:hover:before { background: rgba(204,71,117,0.3); }

.circle .circle-left { background: url(https://cdn.x-api.net/mynew/images/circle-left.png); width: 307px; height: 228px; position: absolute; top: 50%; margin-top: -114px; left: -283px; text-align: center; padding: 77px 0 0; font-family: 'TTLakes'; }
.circle .circle-left .heading { font-size: 15px; margin-bottom: 12px; }
.circle .circle-left .sum { color: #f6b641; font-size: 35px; font-weight: bold; }
.circle .circle-right { background: url(https://cdn.x-api.net/mynew/images/circle-right.png); width: 307px; height: 228px; position: absolute; top: 50%; margin-top: -114px; right: -283px; text-align: center; padding: 77px 0 0; font-family: 'TTLakes'; }
.circle .circle-right .heading { font-size: 15px; margin-bottom: 12px; }
.circle .circle-right .sum { color: #f6b641; font-size: 35px; font-weight: bold; }

.circle .caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.5); text-align: center; transition: all 0.5s ease 0.3s; visibility: hidden; opacity: 0;  }
.circle .caption.show { transform: scale(1) translate(-50%,-50%); visibility: visible; opacity: 1; }
.circle .caption .sub-image { height: 150px; width: 150px; position: relative; margin: 0px auto;}
.circle .caption .sub-image img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.circle .caption .sub-name { text-transform: uppercase; font-size: 15px; }
.circle .caption .sub-desc { font-size: 14px; }
.circle .caption.milspec .sub-desc { color: #8ed2ff; }
.circle .caption.restricted .sub-desc { color: #bb8dff; }
.circle .caption.classified .sub-desc { color: #ff8de3; }
.circle .caption.covert .sub-desc { color: #ff8d8d; }
.circle .caption.knife .sub-desc { color: #ffe08d; }
.circle .caption .price { padding: 5px 15px 4px; font-size: 15px; color: #000; background: #f6b641; font-weight: bold; font-family: 'TTLakes'; display: inline-block; margin: 5px 0 0; }


@keyframes hide {
	0% {  background: #fff url(https://cdn.x-api.net/mynew/images/ico-change.png) no-repeat center; transform: rotate(180deg) scale(1); opacity: 1; visibility: visible; }
	75% { transform: rotate(900deg) scale(1); background: #fff url(https://cdn.x-api.net/mynew/images/ico-change.png) no-repeat center; }
	100% {  transform: rotate(1200deg) scale(0); background: #fff url(https://cdn.x-api.net/mynew/images/ico-change.png) no-repeat center; visibility: hidden; }
}



.contracts-list { }
.contracts-list .heading { margin-bottom: 40px; font-weight: bold; font-family: 'TTLakes'; text-transform: uppercase; text-align: center; font-size: 18px; }
.contracts-list .items .item { cursor: pointer; }
.contracts-list .items .item .fade img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.contracts-list .items .item .fade { opacity: 0; transition: all 0.3s ease; }
.contracts-list .items .item:hover .fade { opacity: 1; }

.form-desc { max-width: 840px; background: url(https://cdn.x-api.net/mynew/images/shadow-top.png) no-repeat top center, url(https://cdn.x-api.net/mynew/images/shadow-bottom.png) no-repeat center bottom rgba(0,0,0,0.3); padding: 40px 50px; border-radius: 5px; margin: 50px auto; position: relative; font-size: 14px; line-height: 21px; }
.form-desc .heading { text-transform: uppercase; color: #ffbd40; font-size: 25px; font-weight: bold; margin-bottom: 20px; line-height: normal; }

.types-list { text-align: center; margin-bottom: 20px; }
.types-list .item { display: inline-block; vertical-align: top; margin: 0 13px 30px; font-family: 'TTLakes'; font-size: 14px; position: relative; }
.types-list .item:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/arrow-right.png); width: 11px; height: 20px; position: absolute; right: -21px; top: 50%; margin-top: -10px; }
.types-list .item:last-child:after { display: none; }

.types-list .item .type { width: 150px; height: 130px; border-radius: 15px; background: rgba(0,0,0,0.3); padding: 10px 0 0; }
.types-list .item .type .image { height: 85px; position: relative; }
.types-list .item .type .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.types-list .item .sub-item { width: 150px; height: 130px; border-radius: 15px; background: rgba(0,0,0,0.3); padding: 10px 0 0; overflow: hidden; position: relative; }
.types-list .item .sub-item .image { height: 70px; position: relative; margin-bottom: 5px; }
.types-list .item .sub-item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 80%; }
.types-list .item .list { overflow: hidden; height: 130px; width: 150px;  }
.types-list .item .sub-item .name { font-size: 14px; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.types-list .item .sub-item .desc { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; margin-top: -3px; }
.types-list .item .sub-item.milspec .desc { color: rgba(86,91,191,1); }
.types-list .item .sub-item.restricted .desc { color: rgba(97,53,200,1); }
.types-list .item .sub-item.classified .desc { color: rgba(176,71,212,1); }
.types-list .item .sub-item.covert .desc { color: rgba(219,42,42,1); }
.types-list .item .sub-item.knife .desc { color: rgba(255,189,64,1); }
.types-list .item .sub-item:after { content: ''; width: 50px; height: 50px; position: absolute; bottom: -50px; border-radius: 100%; left: 50%; margin-left: -25px; }
.types-list .item .sub-item.milspec:after { box-shadow: 0 0 100px rgba(86,91,191,1); }
.types-list .item .sub-item.restricted:after { box-shadow: 0 0 100px rgba(97,53,200,1); }
.types-list .item .sub-item.classified:after { box-shadow: 0 0 100px rgba(176,71,212,1); }
.types-list .item .sub-item.covert:after { box-shadow: 0 0 100px rgba(219,42,42,1); }
.types-list .item .sub-item.knife:after { box-shadow: 0 0 100px rgba(255,189,64,1); }

.rang { background: url(https://cdn.x-api.net/mynew/images/rang.png) repeat-y center; text-align: center; padding: 16px 0 20px; margin-bottom: 50px; font-family: 'TTLakes'; position: relative; }
.rang .form { width: 300px; margin: 0 auto; }
.rang .form .heading { color: #d7d7d7; font-size: 20px; font-weight: bold; }
.rang .form .item { font-size: 14px; }
.rang .form .item .left { float: left; }
.rang .form .item .right { float: right; }
.rang .form .item .image { margin-bottom: 3px;}
.rang .form .item .image img { width: 64px; height: 26px; }
.rang .form .item.small { font-size: 12px; text-align: center; }
.rang .form .line { height: 7px; border-radius: 7px; background: #1c1227; box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); margin: 5px 0 15px; position: relative; }
.rang .form .line .current { border-radius: 7px; background: linear-gradient(to right, #ffbd40 0%, #f4403b 100%); height: 7px; text-align: right; box-shadow: 0 0 20px rgba(245,69,59,0.6); }
.rang .form .line .current .num { color: #d7d7d7; font-size: 12px; position: relative; top: 10px; }
.rang .form .btn-gradient { background: url(https://cdn.x-api.net/mynew/images/btn-gradient.png); width: 130px; height: 35px; color: #fff; font-size: 12px; display: block; margin: -27px auto 0px; line-height: 37px; box-shadow: 0 0 40px rgba(245,69,59,0.3); }
.rang .form .btn-gradient:hover { filter: brightness(1.2); }

.new-boxes { display: inline-block; vertical-align: middle; margin: -20px 0; }
.new-boxes .item { display: inline-block; vertical-align: middle; width: 212px; height: 61px; border-radius: 5px; background: ; margin-right: 20px; }
.new-boxes .item .image { background:  url() no-repeat center; width: calc(100% - 130px); display: inline-block; vertical-align: middle; position: relative; height: 61px; border-radius: 5px 5px 0 0; }
.new-boxes .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 75%; max-height: 75%; }
.new-boxes .item .info { width: 126px; display: inline-block; vertical-align: middle; padding: 1px 0 0 7px; }
.new-boxes .item .info .f-line { color: #b36262; font-size: 10px; }
.new-boxes .item .info .s-line { color: #d7d7d7; font-size: 12px; }
.new-boxes .item .info .t-line { color: #97949f; font-size: 10px; margin-top: 1px; }

.lightSlider, .lSSlideOuter,  .slider-main .list { overflow: visible !important; }
.slider-main .lSSlideWrapper { height: 1000px; }

.rang-promo { background: url(https://cdn.x-api.net/mynew/images/rang-promo.png); width: 627px; height: 165px; position: absolute; right: 0; top: 0; font-family: 'TTLakes'; padding: 14px 0 0; }
.rang-promo .heading { color: #dd4c7c; font-family: 'TTLakes'; font-weight: bold; font-size: 20px; margin-bottom: 2px; }
.rang-promo .desc { font-size: 12px; }
.rang-promo .action { background: url(https://cdn.x-api.net/mynew/images/rang-action.png); width: 226px; height: 72px; line-height: 64px; margin: 8px auto 0; display: block; font-size: 30px; font-weight: bold; color: #fff; text-shadow: 3px 3px 0 rgba(0,0,0,0.2); position: relative; }
.rang-promo .action .sep { display: inline-block; vertical-align: middle; color: #ffbd40; animation: time 1s linear infinite; }
.rang-promo .badge { width: 50px; height: 50px; border-radius: 100%; border: 4px solid #ffbd40; line-height: 44px; color: #ffbd40; font-size: 20px; text-shadow: none; text-transform: uppercase; background: #dd4c7c; position: absolute; top: -15px; right: -15px; box-shadow: 0 0 35px rgba(255,189,64,0.4); }

body.active { overflow: hidden !important; }

.popup#fortune { width: calc(100% - 20px); max-width: 1400px; top: 150px; transform: translateX(-50%); background: rgba(32,22,48,0.9); padding: 50px; margin-bottom: 50px; }
.popup#fortune.active  { top: 50px; }
.popup#fortune .heading { background: url(https://cdn.x-api.net/mynew/images/popup-heading.png); width: 526px; height: 55px; margin: 0 auto 30px; line-height: 63px; text-align: center; color: #fff; font-size: 14px; font-family: 'TTLakes'; }
.popup#fortune .items { max-width: 1180px; margin: 0 auto; }
.popup#fortune .items .item { width: calc(20% - 37px); }
.popup#fortune .items .item:nth-child(6n) { margin-right: 46px; }
.popup#fortune .items .item:nth-child(5n) { margin-right: 0; }
.popup#fortune .sub-heading { text-align: center; font-size: 14px; font-family: 'TTLakes'; margin-bottom: 40px; color: #fff; letter-spacing: 0.02em; }
.popup#fortune .items .item.item-case .image { height: 125px; margin-bottom: 10px; }
.popup#fortune .items .item.item-case .desc { font-size: 14px; font-family: 'TTLakes'; }
.popup#fortune .items .item.item-percent .percent { font-size: 40px; color: #fff; margin: 45px 0 0; font-family: 'TTLakes'; }
.popup#fortune .items .item.item-percent .desc { font-size: 13px; text-transform: uppercase; font-family: 'TTLakes'; }

.fortune-container { margin-bottom: 40px; position: relative; }
.fortune-container .btn-fortune { background: url(https://cdn.x-api.net/mynew/images/btn-fortune.png); width: 189px; height: 189px; position: absolute; left: 50%; margin-left: -95px; top: 238px; z-index: 1; color: #fff; font-size: 21px; font-weight: bold; font-family: 'TTLakes'; line-height: 22px; text-shadow: 3px 3px 0 rgba(0,0,0,0.2); padding: 71px 0 0; letter-spacing: 0.02em; border-radius: 100%; box-shadow: 0 0 38px rgba(220,76,124,0.7); }
.fortune-container .btn-fortune:hover { filter: brightness(1.1); }

.fortune-circle { width: 574px; height: 574px; border-radius: 100%; border: 2px solid #ffbd40; margin: 0 auto; box-shadow: 0 0 30px rgba(255,189,64,0.3), inset 0 0 30px rgba(255,189,64,0.3); position: relative; }
.fortune-circle:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/fortune-picker.png); width: 211px; height: 364px; position: absolute; top: -10px; left: 50%; margin-left: -106px; z-index: 1; }
.fortune-circle .item { background: url(https://cdn.x-api.net/mynew/images/fortune-dark.png); width: 151px; height: 165px; position: absolute; }
.fortune-circle .item:nth-child(2n) { background: url(https://cdn.x-api.net/mynew/images/fortune-light.png); }
.fortune-circle .fortune-circle-block { width: 480px; height: 480px; margin: 45px; position: relative; }
.fortune-circle .fortune-circle-block.anim { animation: circle 5s ease; }
.fortune-circle .item:nth-child(1) { left: 50%; margin-left: -76px; top: -15px; }
.fortune-circle .item:nth-child(2) { left: 267px; top: 18px; transform: rotate(36deg); }
.fortune-circle .item:nth-child(3) { left: 331px; top: 106px; transform: rotate(72deg); }
.fortune-circle .item:nth-child(4) { left: 331px; top: 214px; transform: rotate(108deg); } 
.fortune-circle .item:nth-child(5) { left: 266px; top: 301px; transform: rotate(144deg); } 
.fortune-circle .item:nth-child(6) { left: 162px; top: 334px; transform: rotate(180deg); } 
.fortune-circle .item:nth-child(7) { left: 59px; top: 299px; transform: rotate(216deg); } 
.fortune-circle .item:nth-child(8) { left: -5px; top: 212px; transform: rotate(252deg); } 
.fortune-circle .item:nth-child(9) { left: -3px; top: 104px; transform: rotate(288deg); } 
.fortune-circle .item:nth-child(10) { left: 61px; top: 19px; transform: rotate(325deg); } 
.fortune-circle .item .image { position: relative; margin: 25px 0 0; text-align: center; }
.fortune-circle .item .image img { max-width: 60%; max-height: 80%; }
.fortune-circle .item .percent { margin: 40px 0 0; font-family: 'TTLakes'; color: #ffffff; font-size: 20px; font-weight: bold; line-height: 22px; }
.fortune-circle .item .percent.small .desc { font-size: 10px; line-height: 11px; }

.fortune-overview { height: 330px; overflow: hidden; padding: 50px 0 0; position: relative; }
.fortune-overview:after { content: ''; width: 500px; height: 50px; position: absolute; left: 50%; margin-left: -250px; bottom: -50px; box-shadow: 0 0 60px rgba(0,0,0,0.5); }

.fortune-block { width: 600px; height: 92px; margin: 0 auto; border-radius: 5px; background: #5d3e6f; box-shadow: inset 0 0 21px rgba(33,23,50,0.73); border: 2px solid #3a2746; color: #ffbd40; font-family: 'TTLakes'; letter-spacing: 0.02em; font-size: 14px; }
.fortune-block .left { float: left; width: 210px; text-align: center; padding: 26px 0 0; }
.fortune-block .right { float: right; width: 210px; text-align: center; padding: 21px 0 0; }
.fortune-block .time { font-size: 30px; font-weight: bold; color: #fff; margin: -4px 0 0; }
.fortune-block .right .sep { display: inline-block; vertical-align: middle; margin: -3px 0 0; color: #ffbd40; animation: time 1s linear infinite; }


.popup#coupon { background: url(https://cdn.x-api.net/mynew/images/popup-coupon.png) no-repeat center; height: 365px; max-width: 628px; margin: -182px 0 0 -314px; transform: none; width: calc(100% - 20px); padding: 40px 0 0; }
.popup#coupon .heading { color: #ffbd40; font-size: 25px; font-weight: bold; font-family: 'TTLakes'; margin-bottom: 30px; }
.popup#coupon .heading span { display: block; color: #c3bec7; font-size: 12px; font-weight: normal; }
.popup#coupon .close { background: url(https://cdn.x-api.net/mynew/images/close.png); width: 26px; height: 26px; right: 25px; top: 25px; }
.popup#coupon .close:after, .popup#coupon .close:before { display: none; }
.popup#coupon .close:hover { filter: brightness(1.3); }
.coupons { max-width: 430px; margin: 0 auto; user-select: none; }
.coupons .item { background: url(https://cdn.x-api.net/mynew/images/coupon-yellow.png); width: 115px; height: 93px; display: inline-block; vertical-align: top; margin: 0 7px 14px; font-size: 20px; color: #fff; line-height: 21px; font-weight: bold; font-family: 'TTLakes'; padding: 23px 0 0; text-shadow: 2px 2px 0 rgba(0,0,0,0.2); position: relative; }
.coupons .item .img { position: absolute; top: 0; left: 0; cursor: crosshair; }

#main-promo { cursor: pointer; }

.min-height { min-height: 660px; }

.new-footer { position: relative; z-index: 1; height: 260px; overflow: hidden; }
.new-footer:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/new-footer.png) no-repeat center; width: 100%; height: 260px; position: absolute; top: 0; left: 0; z-index: -1; }
.new-footer .main-width { max-width: 1200px; padding: 162px 0 0; }
.new-footer .copyright { float: left; }
.new-footer .copyright .image { display: inline-block; vertical-align: middle; margin-right: 20px; }
.new-footer .copyright .info { display: inline-block; vertical-align: middle; color: #231836; font-size: 12px; }
.new-footer .copyright .info span { display: block; margin: 6px 0 0;}
.new-footer .fnav { float: right; list-style: none; margin: 10px 0 0; }
.new-footer .fnav li { display: inline-block; vertical-align: middle; }
.new-footer .fnav li a { color: #271a3c; text-transform: uppercase; font-size: 12px; line-height: 14px; display: block; border-radius: 5px; padding: 9px 15px 7px; }
.new-footer .fnav li a:hover { background: rgba(221,76,124,0.1); }
.new-footer .fnav li a .ico { display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.new-footer .fnav li a span { display: inline-block; vertical-align: middle; }

.main-usercases { margin: -50px 0 0; }

.contracts-stat { max-width: 460px; margin: 0 auto 30px; border-radius: 5px; background: rgba(25,16,37,0.5); padding: 20px; }
.contracts-stat .item { font-family: 'TTLakes'; font-size: 14px; text-transform: uppercase; line-height: 21px; }
.contracts-stat .item span { color: #ffbd40; }

.contracts-profile { } 
.contracts-profile .item { float: left; width: calc(50% - 20px); margin-bottom: 15px; border-radius: 5px; background: rgba(66,56,83,0.2); }
.contracts-profile .item:nth-child(2n) { float: right; }
.contracts-profile .item .left { float: left; width: 155px; position: relative; z-index: 1; background: #231a39; padding: 8px 10px 10px; }
.contracts-profile .item .left:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/contracts-left.png) no-repeat center; width: 205px; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.contracts-profile .item .left > * { position: relative; z-index: 1; }
.contracts-profile .item .left:before { content: ''; opacity: 0.3; position: absolute; left: 0; top: 0; width: 150px; height: 100%; z-index: 1; border-radius: 5px 0 0 5px; }
.contracts-profile .item.milspec .left:before { background: linear-gradient(to right, rgba(86,91,191,1) 0%, rgba(86,91,191,0) 100%); }
.contracts-profile .item.restricted .left:before { background: linear-gradient(to right, rgba(97,53,200,1) 0%, rgba(97,53,200,0) 100%); }
.contracts-profile .item.classified .left:before { background: linear-gradient(to right, rgba(176,71,212,1) 0%, rgba(176,71,212,0) 100%); }
.contracts-profile .item.covert .left:before { background: linear-gradient(to right, rgba(219,42,42,1) 0%, rgba(219,42,42,0) 100%); }
.contracts-profile .item.knife .left:before { background: linear-gradient(to right, rgba(255,189,64,1) 0%, rgba(255,189,64,0) 100%); }
.contracts-profile .item .left .price { font-size: 12px; font-family: 'TTLakes'; font-weight: 500; text-transform: uppercase; }
.contracts-profile .item .left .price .action { display: inline-block; vertical-align: middle; margin-left: 10px; }
.contracts-profile .item .left .name { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.contracts-profile .item .left .image { height: 80px; margin: 5px 0; position: relative; }
.contracts-profile .item .left .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%; }
.contracts-profile .item .list { float: left; width: calc(100% - 155px); padding-left: 50px; }
.contracts-profile .item .list .sub-item { float: left; width: 20%; height: 68px; position: relative; cursor: pointer; text-decoration: none; }
.contracts-profile .item .list .sub-item .name { position: absolute; color: #fff; font-size: 9px; border-radius: 3px; background: #1e132d; padding: 5px; left: 50%; width: 110px; margin-left: -55px; z-index: 1; line-height: 12px; bottom: 10px; opacity: 0; visibility: hidden; transition: all 0.4s ease; }
.contracts-profile .item .list .sub-item:hover .name { bottom: -5px; opacity: 1; visibility: visible; }
.contracts-profile .item .list .sub-item .name:before { content: ''; opacity: 0.3; position: absolute; left: 0; top: 0; width: 30px; height: 100%; z-index: 1; border-radius: 5px 0 0 5px; }
.contracts-profile .item .list .sub-item:after { content: ''; width: 6px; height: 6px; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -3px 0 0 -3px; z-index: -1; opacity: 0; visibility: hidden; transition: all 0.4s ease; transform: scale(2); }
.contracts-profile .item .list .sub-item:hover:after { opacity: 1; visibility: visible; transform: scale(1); }
.contracts-profile .item .list .sub-item.milspec:after { background: rgba(86,91,191,1); box-shadow: 0 0 20px 15px rgba(86,91,191,1); }
.contracts-profile .item .list .sub-item.restricted:after { background: rgba(97,53,200,1); box-shadow: 0 0 20px 15px rgba(97,53,200,1); }
.contracts-profile .item .list .sub-item.classified:after { background: rgba(176,71,212,1); box-shadow: 0 0 20px 15px rgba(176,71,212,1); }
.contracts-profile .item .list .sub-item.covert:after { background: rgba(219,42,42,1); box-shadow: 0 0 20px 15px rgba(219,42,42,1); }
.contracts-profile .item .list .sub-item.knife:after { background: rgba(255,189,64,1); box-shadow: 0 0 20px 15px rgba(255,189,64,1); }

.contracts-profile .item .list .sub-item.milspec .name:before { background: linear-gradient(to right, rgba(86,91,191,1) 0%, rgba(86,91,191,0) 100%); }
.contracts-profile .item .list .sub-item.restricted .name:before { background: linear-gradient(to right, rgba(97,53,200,1) 0%, rgba(97,53,200,0) 100%); }
.contracts-profile .item .list .sub-item.classified .name:before { background: linear-gradient(to right, rgba(176,71,212,1) 0%, rgba(176,71,212,0) 100%); }
.contracts-profile .item .list .sub-item.covert .name:before { background: linear-gradient(to right, rgba(219,42,42,1) 0%, rgba(219,42,42,0) 100%); }
.contracts-profile .item .list .sub-item.knife .name:before { background: linear-gradient(to right, rgba(255,189,64,1) 0%, rgba(255,189,64,0) 100%); }
.contracts-profile .item .list .sub-item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 56%; }
.contracts-profile .item .list .sub-item .image { transition: all 0.4s ease; position: relative; height: 100%; top: 0; }
.contracts-profile .item .list .sub-item:hover .image { top: -15px; }


.page-desc { text-align: center; color: #dd4c7c; font-size: 14px; line-height: 17px; margin: -20px 0 30px; }
.arrows2 { background: url(https://cdn.x-api.net/mynew/images/arrows2.png); width: 409px; height: 83px; position: absolute; top: 50%; left: 50%; margin: -41px 0 0 -204px; }

.btn-all.big { text-transform: uppercase; font-size: 18px; }
.btn-all.big span { color: #d7d7d7; }
.mtop { margin: 30px 0 30px;}

.black-box { background: rgba(0,0,0,0.24); width: calc(100% + 140px); margin: 0 0 50px -70px; text-align: center; padding: 50px 0 30px; margin-bottom: 15px; }
.black-box .overview-table { margin-bottom: 10px; }

.partner-benefits { text-align: center; max-width: 1200px; margin: 0 auto; }
.partner-benefits .item { float: left; width: 25%; }
.partner-benefits .item .image { position: relative; height: 85px; margin-bottom: 15px; }
.partner-benefits .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.partner-benefits .item .name { color: #f6b641; font-weight: bold; margin-bottom: 8px; font-size: 17px; }
.partner-benefits .item .desc { max-width: 260px; margin: 0 auto; font-size: 15px; }
.partner-benefits .item a { color: #dd4c7c; }
.partner-benefits .item a:hover { text-decoration: underline; }


.ref-stat { width: 100%; border-collapse: collapse; max-width: 1480px; margin: 0 auto; }
.ref-stat th { color: #f6b641; font-weight: normal; padding: 0 10px 20px;  text-transform: uppercase; }
.ref-stat td { color: #ffffff; font-weight: bold; font-size: 25px; padding: 0 10px; }
.ref-stat .desc td { font-size: 15px; color: #8b8894; font-weight: normal; padding: 15px 10px 0; }

.partner-container { margin-bottom: 30px; }
.partner-container .col { width: calc(50% - 10px); background: rgba(0,0,0,0.24); padding: 30px; float: left; }
.partner-container .col:nth-child(2n) { float: right; }
.partner-container .col .title { text-align: center; font-weight: bold; font-size: 18px; margin-bottom: 25px; }
.partner-container .overview-table { margin-bottom: 0; }

.levels { width: 100%; text-align: center; }
.levels th { font-size: 15px; color: #d7d7d7; font-weight: normal; padding: 5px 10px; }
.levels td { padding: 6px 10px; color: #fffffe; font-size: 15px; }
.levels .badge { width: 112px; height: 31px; line-height: 31px; border-radius: 31px; background: rgba(56,41,69,0.34); color: #f6b641; margin: 0 auto; }

.copy-link { max-width: 370px; margin: 0 auto 18px; height: 44px; line-height: 42px; font-size: 17px; font-weight: 500; text-overflow: ellipsis; background: #241937; border-radius: 44px; padding: 0 20px; white-space: nowrap; cursor: pointer; position: relative; }
.copy-link .label { display: inline-block; vertical-align: middle; width: 125px; margin-right: 10px; color: #f6b641; }
.copy-link .info { width: calc(100% - 140px); display: inline-block; vertical-align: middle; color: #fff; overflow: hidden; }
.copy-link:after { content: 'COPY LINK'; line-height: 46px; text-align: center; color: #fff; background: rgba(221,76,124,0.8); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 44px; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.copy-link:hover:after { opacity: 1; visibility: visible; }
.copy-link:before { content: 'COPIED!'; position: absolute; left: calc(100% + 10px); top: 0; color: #dd4c7c; font-size: 14px; opacity: 0; visibility: hidden; transition: all 0.4s ease; }
.copy-link.active:before { opacity: 1; visibility: visible; }

@keyframes time {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes circle {
	0% { transform: rotate(0); }
	100% { transform: rotate(720deg); }
}

@media(min-width: 2000px) {	
	.cases { text-align: center; }
	.cases .item { width: calc(16.666% - 4px); display: inline-block; vertical-align: top; float: none; }
}

@media(min-width: 2300px) {	
	.cases .item { width: calc(14.285% - 4px); }
}

@media(min-width: 2500px) {	
	.cases .item { width: calc(12.5% - 4px); }
}

@media(min-width: 2800px) {	
	.cases .item { width: calc(11% - 4px); }
}

@media(max-width: 1830px) {	
	.new-boxes { display: none; }
}
@media(max-width: 1630px) {	
	
	.rang { background: none; }
	
	.rang-promo { position: static; background: none; text-align: center; width: 100%; height: auto; }
	
}

@media(max-width: 1560px) {	
	.benefits { background: none; height: auto; margin: 0; padding: 0; }
	.benefits .item { margin: 0 10px 20px !important; }
	
	.profile-steps .list:after { display: none; }
	.profile-steps .list .item:nth-child(1) { left: 0; }
	.profile-steps .list .item:nth-child(3) { right: 0; }
	.profile .like-case { margin-left: -515px; }
	.profile .best-case { margin-right: -500px; }
	
	.partner-container .col { width: 100%; float: none; }
	.partner-container .col:first-child { margin-bottom: 20px; }
	.black-box { width: 100%; margin: 0 0 30px; padding: 30px;  }
}

@media(max-width: 1480px) {
	.steps .item:after { display: none; }
	
	.circle .circle-left { position: static; float: left; width: 50%; margin: 600px 0 30px; background: rgba(33,22,46,0.5); }
	.circle .circle-right { position: static; float: right; width: 50%; margin: 600px 0  30px; background: rgba(33,22,46,0.5); }
	
	.new-footer .copyright { display: none; }
	
	.contracts-profile .item  { width: 100%; float: left !important; }
}

@media(max-width: 1380px) {
	.footer .fnav li { margin-right: 10px; }
	
	.contracts .item { width: 100%; float: none; margin: 0 0 20px 0; display: block; }
	
	.items .item { width: calc(16.666% - 25px); margin: 0 30px 30px 0; }
	
	.popup#fortune .items .item { width: calc(20% - 24px); }
	.popup#fortune .items .item:nth-child(6n) { margin-right: 30px; }
	.popup#fortune .items .item:nth-child(5n) { margin-right: 0; }
	
	.add-box .items .item {  width: calc(25% - 22.5px); }
	.add-box .items .item:nth-child(6n) { margin-right: 30px; }
	
	.create-form { background: url(https://cdn.x-api.net/mynew/images/pickcase2.png) no-repeat center; height: 863px; padding-top: 23px; margin-bottom: 30px; margin-top: 30px; }
	.create-form .container { max-width: 694px; left: 3px; }
	.create-form .col { top: 414px; width: 344px; }
	.create-form .col.case-col{ left: 2px; }
	.create-form .col.case-emblem { right: 2px; }
	.create-form .scroller { height: 372px; }
	.create-form .slimScrollBar { display: none !important; }
	.create-form .finish-image { margin-top: 50px; }
	
	.user-cases .item { width: calc(25% - 29px); }
	.user-cases .item:nth-child(5n) { margin-right: 38px; }
	.user-cases .item:nth-child(4n) { margin-right: 0; }
	
}

@media(max-width: 1280px) {
	.main-width { width: calc(100% - 40px); }
	.black-info { max-width: calc(100% + 40px); margin-left: -20px; }
	
	.cases .item { width: 25%; }
	
	
	.items .item { width: calc(20% - 24px); margin: 0 30px 30px 0; }
	.items .item:nth-child(6n) { margin-right: 30px; }
	.items .item:nth-child(5n) { margin-right: 0px; }
	
	.add-box .items .item {  width: calc(25% - 22.5px); }
	.add-box .items .item:nth-child(6n) { margin-right: 30px; }
	.add-box .items .item:nth-child(5n) { margin-right: 30px; }
	.add-box .items .item:nth-child(4n) { margin-right: 0px; }
	
	
	
	
	.create-price .desc .item:nth-child(1) { left: 0; text-align: left; }
	.create-price .desc .item:nth-child(3) { right: 0; text-align: right; }
	
	.create-price .points .sum.max { right: 0; text-align: right; }
	.create-price .points .sum.min { left: 0; text-align: left; }
	
	
	.steps, .promo-code, .profile-steps { width: calc(100% + 40px); margin-left: -20px; }
	
	.pay .list .item { width: calc(25% - 18px); }
	.pay .list .item:nth-child(5n) { margin-right: 24px; }
	.pay .list .item:nth-child(4n) { margin-right: 0; }
	.pay .info { position: static; margin: 20px auto 0; text-align: center; width: 100%; max-width: 300px; }
	
	.profile-steps .profile-close { top: 15px; right: 15px; }
	
	.best .item:nth-child(2) { left: 0; margin-left: 0; }
	.best .item:nth-child(3) { left: auto; right: 0; margin-left: 0; }
	
	.creater-info .col.first { left: 105px; }
	.creater-info .col.second { right: 105px; }
	
	.profile .best-case { position: relative; margin: 0 auto; right: 0; display: block; }
		
	.profile .like-case { position: relative; margin: 0 auto; left: 0; display: block; }
	
	.profile .user-box { margin: 65px 0 0; }
	.profile .user-box .col { width: 100% !important; float: none !important; text-align: center; }
	.profile .tradelink .form:after { left: 50%; margin-left: -10px; }
	.profile .tradelink .form { float: none; margin: 0 auto; }
	.profile .tradelink.active .form { margin: 15px auto; float: none; }
	.profile .user-box .checks { text-align: center; margin: 10px 0 -15px;}

	.partner-benefits .item { width: 100%; margin: 10px 0; }
	.partner-benefits .item .desc { max-width: none; }
	.ref-stat td { font-size: 20px; }
}

@media(max-width: 1140px) {
	.topbar .stat .item { margin-right: 10px; }
	.topbar .stat .item .ico { margin-right: 2px; }
	
	.change .items .item { width: calc(50% - 15px); }
	.change .items .item:nth-child(3n) { margin-right: 30px; }
	.change .items .item:nth-child(2n) { margin-right: 0; }
	
	.contract .items .item { width: calc(25% - 35px); }
	.contract .items .item:nth-child(5n) { margin-right: 46px; }
	.contract .items .item:nth-child(4n) { margin-right: 0; }
	
	.add-box .items .item {  width: calc(33.333% - 20.5px); }
	.add-box .items .item:nth-child(6n) { margin-right: 30px; }
	.add-box .items .item:nth-child(5n) { margin-right: 30px; }
	.add-box .items .item:nth-child(4n) { margin-right: 30px; }
	.add-box .items .item:nth-child(3n) { margin-right: 0; }
	.case.many .sub-item { width: calc(50% - 4px); }
	
	.user-cases .item { width: calc(33.333% - 26px); }
	.user-cases .item:nth-child(4n) { margin-right: 38px; }
	.user-cases .item:nth-child(3n) { margin-right: 0; }
}

@media(max-width: 1000px) {
	.fixedbar { display: none; }
	body { padding: 0; }
	
	body.active { overflow: hidden; }
	.overlay-mobile { position: fixed; top: 0; left: 0; width: 100%; overflow: auto; height: 100%; z-index: 999; background: rgba(22,15,35,0.42); transition: all 0.5s ease; }
	.overlay-mobile.active { opacity: 1; visibility: visible; }
	
	.livedrop { display: flex; }
	.btn-add { display: none; }
	.mobile-top { padding: 17px 0 15px; display: block; }
	.mobile-top .logo  {background: url(https://casedrop.ru/images/case/md.png); width: 120px; height: 97px; position: absolute; left: 50%; margin-left: -60px; top: -2px; }
	.mobile-top .nav-resize { float: left; position: relative; z-index: 1;  width: 50px; height: 50px; background: url(https://cdn.x-api.net/mynew/images/nav-resize.png) no-repeat center; }
	.mobile-top .btn-steam { width: 172px; height: 57px; float: right; margin: -3px 0; position: relative; cursor: pointer; }
	.mobile-top .btn-steam:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/btn-steam2.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; }
	.mobile-top .btn-steam:hover:before { opacity: 0; }
	.mobile-top .btn-steam:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/btn-steam2.png) bottom; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; opacity: 0; }
	.mobile-top .btn-steam:hover:after { opacity: 1; }
	
	
	
	.mobilebar { background: rgba(0, 0, 0, 0.88); no-repeat center top; width: 278px; min-height: 100vh; box-shadow: 5px 0 10px rgba(0,0,0,0.2); padding: 1px 0 0; transition: all 0.5s ease; transform: translateX(-280px); }
	.overlay-mobile.active .mobilebar { transform: translateX(0); }
	.mobilebar .nav { list-style: none; margin: 50px 0 0; width: 278px; font-family: 'TTLakes'; font-weight: bold; }
	.mobilebar .nav li a { display: block; text-decoration: none; text-transform: uppercase; color: #cac5ce; font-size: 15px; height: 66px; line-height: 66px; position: relative; padding-left: 52px; z-index: 1; }
	.mobilebar .nav li a:hover, .mobilebar .nav li a.active { color: #f6b641; }
	.mobilebar .nav li a:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/nav-hover.png); width: 278px; height: 68px; position: absolute; left: -150px; top: -1px; opacity: 0; visibility: hidden; transition: all 0.5s ease; }
	.mobilebar .nav li a:hover:after, .mobilebar .nav li a.active:after { opacity: 1; visibility: visible; left: 0;  }
	.mobilebar .nav li a .ico { width: 32px; height: 66px; display: inline-block; vertical-align: middle; margin-right: 15px; position: relative; }
	.mobilebar .nav li a .ico:before { content: ''; position: absolute; top: 50%; left: 50%; transition: all 0.5s ease; }
	.mobilebar .nav li a .ico:after { content: ''; position: absolute; top: 50%; left: 50%; opacity: 0; transition: all 0.5s ease; visibility: hidden; }
	.mobilebar .nav li a:hover .ico:before { opacity: 0; }
	.mobilebar .nav li a:hover .ico:after { opacity: 1; visibility: visible;transform: scale(1); }
	.mobilebar .nav li a .ico.ico-nav1:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav1.png); width: 33px; height: 39px; margin: -19px 0 0 -16px; }
	.mobilebar .nav li a .ico.ico-nav1:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav1.png) bottom; width: 33px; height: 39px; margin: -19px 0 0 -16px; }
	.mobilebar .nav li a .ico.ico-nav2:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav2.png); width: 31px; height: 36px; margin: -20px 0 0 -16px; }
	.mobilebar .nav li a .ico.ico-nav2:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav2.png) bottom; width: 31px; height: 36px; margin: -20px 0 0 -16px; }
	.mobilebar .nav li a .ico.ico-nav3:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav3.png); width: 25px; height: 35px; margin: -24px 0 0 -13px; }
	.mobilebar .nav li a .ico.ico-nav3:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav3.png) bottom; width: 25px; height: 35px; margin: -24px 0 0 -13px; }
	.mobilebar .nav li a .ico.ico-nav4:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav4.png); width: 28px; height: 28px; margin: -14px 0 0 -14px; }
	.mobilebar .nav li a .ico.ico-nav4:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav4.png) bottom; width: 28px; height: 28px; margin: -14px 0 0 -14px; }
	.mobilebar .nav li a .ico.ico-nav5:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav5.png); width: 27px; height: 26px; margin: -14px 0 0 -13px; }
	.mobilebar .nav li a .ico.ico-nav5:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav5.png) bottom; width: 27px; height: 26px; margin: -14px 0 0 -13px; }
	.mobilebar .nav li a .ico.ico-nav6:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav6.png); width: 31px; height: 31px; margin: -16px 0 0 -16px; }
	.mobilebar .nav li a .ico.ico-nav6:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav6.png) bottom; width: 31px; height: 31px; margin: -16px 0 0 -16px; }
	.mobile-close { position: absolute; z-index: 1; top: -40px; left: 230px; width: 23px; height: 24px; cursor: pointer; transition: all 0.5s ease; }
	.overlay-mobile.active .mobile-close { top: 20px; transition: all 0.5s ease 0.5s; }
	.mobile-close:before { content: '';  background: url(https://cdn.x-api.net/mynew/images/ico-close.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; }
	.mobile-close:hover:before { opacity: 0; }
	.mobile-close:after { content: '';  background: url(https://cdn.x-api.net/mynew/images/ico-close.png) bottom; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; opacity: 0; }
	.mobile-close:hover:after { opacity: 1; }
	
	.roulette-box { width: calc(100% + 40px); margin-left: -20px; }
	
	
	.items .item { width: calc(25% - 23px); margin: 0 30px 30px 0; }
	.items .item:nth-child(5n) { margin-right: 30px; }
	.items .item:nth-child(4n) { margin-right: 0px; }
	
	
	.popup#fortune .items .item { width: calc(25% - 22.5px); }
	.popup#fortune .items .item:nth-child(5n) { margin-right: 30px; }
	.popup#fortune .items .item:nth-child(4n) { margin-right: 0; }
	
	.what { display: none !important; }
	
	.best { height: auto; margin-bottom: 70px !important; }
	.best .item:nth-child(1) { margin-bottom: 0px !important; }
	.best .item { position: relative !important; left: auto !important; right: auto !important; margin: 0 auto 20px !important; display: block; }

	[data-tooltip]:after { width: 200px; margin-left: -100px; }
}

@media(max-width: 840px) {
	.cases .item { width: 33.333%; }
	
	.footer .main-width { padding: 20px 0 10px; }
	.footer .copyright .image { display: block; margin: 0 auto 10px; }
	.footer .copyright { float: none; width: 100%; text-align: center; margin-bottom: 10px; }
	.footer .fnav { float: none; text-align: center; }
	.footer .fnav li { margin: 0 10px 10px;}
	
	.contract .items .item { width: calc(25% - 22.5px); margin: 0 30px 30px 0; }
	.contract .items .item:nth-child(5n) { margin-right: 30px; }
	.contract .items .item:nth-child(4n) { margin-right: 0; }
	
	
	.add-box .items .item {  width: calc(50% - 15px); }
	.add-box .items .item:nth-child(6n) { margin-right: 30px; }
	.add-box .items .item:nth-child(5n) { margin-right: 30px; }
	.add-box .items .item:nth-child(4n) { margin-right: 30px; }
	.add-box .items .item:nth-child(3n) { margin-right: 30px; }
	.add-box .items .item:nth-child(2n) { margin-right: 0px; }
	
	
	.pay .list .item { width: calc(33.333% - 16px); }
	.pay .list .item:nth-child(4n) { margin-right: 24px; }
	.pay .list .item:nth-child(3n) { margin-right: 0; }
	
	.profile-before .left { float: none;  width: 100%; }
	.profile-before .right { float: none; padding: 10px; width: 100%; min-height: 0; }
	
	.popup#fortune { display: none; }
	
}

@media(max-width: 748px) {
	
	.topbar .main-width { padding: 15px 0; }
	.topbar .stat { float: none; text-align: center; margin-bottom: 15px; }
	.topbar .stat .info { text-align: left; }
	.topbar .right { float: none; text-align: center; border-top: 1px solid #57475f; padding: 15px 0 0;}
	.topbar .page-header { float: none; text-align: center; margin-bottom: 15px; margin-top: 2px; }
	
	.slider-main .list { width: 100%; }
	.slider-main .prev { display: none; }
	.slider-main .next { display: none; }
	.case-actions .link-info { display: none; }
	.case-actions .left { float: none; text-align: center; margin-bottom: 20px; }
	.case-actions .right { float: none; text-align: center; }
	
	.change .items .item { width: 100%; margin: 0 0 30px !important; }
	
	.contract .items .item { width: calc(33.333% - 20px); margin: 0 30px 30px 0; }
	.contract .items .item:nth-child(4n) { margin-right: 30px; }
	.contract .items .item:nth-child(3n) { margin-right: 0; }
	
	
	.items .item { width: calc(33.333% - 20px); margin: 0 30px 30px 0; }
	.items .item:nth-child(4n) { margin-right: 30px; }
	.items .item:nth-child(3n) { margin-right: 0px; }
	
	.tabs-info .item { width: 100%; margin: 0 0 10px; }
	
	.table tr td:last-child { background-image: none !important; }
	.table .image, .table .avatar { display: none; }
	.table td { padding: 15px 10px; }
	.table th { padding: 5px 10px; }
	
	.reviews .item:first-child { margin-top: 0; }
	.reviews .item { width: 100%; float: none; margin-top: -40px; }
	
	.creater-info { height: auto; background: none; }
	.creater-info .avatar { position: static; margin: 0 auto; }
	.creater-info .mid { margin: 20px auto; }
	.creater-info .col { float: left; width: 50%; position: relative; top: auto; left: auto !important; right:  auto !important; }
	.creater-info .col { font-size: 10px; }
	.creater-info .col span { font-size: 40px; line-height: 40px; }
	
	.user-filters .list { float: none; text-align: center; }
	.user-filters .list .item { float: none; display: inline-block; }
	.user-filters .search-form { float: none; text-align: center; }
	.user-filters .search-form .search { margin: 10px auto 0; }
	
	
	.new-footer .fnav { float: none; text-align: center; }
	.new-footer .fnav li a { background: none !important; padding: 5px; }
	.new-footer .fnav li a .ico { display: none; }
	
	.ref-stat th { font-size: 12px; padding: 5px 5px; }
	.ref-stat td { padding: 5px 5px !important; font-size: 13px !important; }
}

@media(max-width: 640px) {
	.cases .item { width: calc(50% - 4px); }
	.compare-buttons .btn-compare { width: 170px; font-size: 15px; }	
	.contract .items .item { width: calc(50% - 15px); margin: 0 30px 30px 0 !important; }
	.contract .items .item:nth-child(3n) { margin-right: 30px !important; }
	.contract .items .item:nth-child(2n) { margin-right: 0 !important; }
	.contract .link-clear { position: static; display: block; width: 81px; margin: 0 auto 10px; }
	.contracts .item { margin-bottom: 50px; }
	.contracts .list .price { bottom: -30px; right: 0; white-space: nowrap; }
	.contracts .list .sub-item { width: 33.333%; height: 40px; }
	
	.items .item { width: calc(50% - 15px); margin: 0 30px 30px 0; }
	.items .item:nth-child(3n) { margin-right: 30px; }
	.items .item:nth-child(2n) { margin-right: 0px; }
	
	.filters .search { width: 100%; float: none; margin: 0 0 10px; }
	.filters .sort { float: none; width: 100%; text-align: center; }
	
	.add-box .sidebar { width: 100%; float: none; }
	.add-box .sidebar .box { float: left; width: 50%; height: 489px; }
	.add-box .sidebar .box:nth-child(1) { border-radius: 15px 0 0 15px; }
	.add-box .sidebar .box:nth-child(2) { border-radius: 0 15px 15px 0; }
	.add-box .container { width: 100%; float: none; }
	
	.create-form { background: url(https://cdn.x-api.net/mynew/images/pickcase3.png) no-repeat center; height: 1639px; padding-top: 78px; margin: -30px 0 -30px -20px; width: calc(100% + 40px); }
	.create-form .container { max-width: 694px; left: 0px; }
	.create-form .col { top: 420px; max-width: 414px; width: 100%; left: 50%; transform: translateX(-50%); }
	.create-form .col.case-col{ left: 50%; transform: translateX(-50%); }
	.create-form .col.case-emblem { right: auto; top: 970px; }
	.create-form .scroller { height: 480px; }
	.create-form .slimScrollBar { display: none !important; }
	.create-form .finish-image { margin-top: 50px; }
	
	.promo-code .code { font-size: 24px; }	
	.promo-code .code .badge { display: none; }
	
	.pay .list .item { width: calc(50% - 12px); height: 130px; }
	.pay .list .item:nth-child(3n) { margin-right: 24px; }
	.pay .list .item:nth-child(2n) { margin-right: 0; }
	.pay .list .item img { max-width: 80%; }
	.profile-steps .list .item { position: static !important; margin: 15px auto 0 !important; }
	
	.profile { text-align: center; }
	.profile .tradelink { position: static; float: none; text-align: center; margin-bottom: 20px; }
	.profile .tradelink .form { width: 100%; margin: 0 auto; max-width: 320px; }
	.profile .link-swin { position: static; float: none; margin: 20px 0 0; }
	.profile .user { width: 100%; }
	.profile .user .stat { position: static; width: 100%; display: block; margin-bottom: 10px; }
	.profile .user .stat .item { position: static; width: 50%; float: left; }
	.profile .user:before { display: none; }
	.profile .user .balance { color: #ffbd40; }
	.case.many .sub-item { width: 100%; display: block; }
	
	
	.tabs { margin: 0px auto 50px auto; max-width: 100%; } 
	
	
	.user-cases .item { width: calc(50% - 19px); }
	.user-cases .item:nth-child(3n) { margin-right: 38px; }
	.user-cases .item:nth-child(2n) { margin-right: 0; }
	
	.contracts-profile .item .left { width: 100%; float: none; text-align: center; }
	.contracts-profile .item .left:after { display: none; }
	.contracts-profile .item .list { float: none; padding: 0;  width: 100%; }
}


@media(max-width: 600px) {
	.circle { background: none; height: auto!important; width: auto; text-align: center; }
	.circle .item { display: inline-block; margin: 5px; vertical-align: top;  position: relative; left: auto !important; top: auto !important; }
	.circle .list { position: static; width: auto; height: auto; }
	.circle .btn-change { position: relative; left: 0; top: 0; display: block; margin: 0 auto; }
	.circle .btn-clear { position: relative; left: 0; top: 0; display: block; margin: 50px auto ; }
	
	.circle .circle-left { margin: 30px 0 30px; height: auto; padding: 20px 0 10px; }
	.circle .circle-right { margin: 30px 0 30px; height: auto; padding: 20px 0 10px; }
}

@media(max-width: 480px) {
	.case .roulette { background: url(https://cdn.x-api.net/mynew/images/roulette-min.png) no-repeat center; }
	.win-actions .btn { width: 100%; display: block; margin: 0 0 10px; }
	.change .col { width: calc(50% - 20px); }
	.change .page-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.change .change-line .btn-change { z-index: 1; }
	
	.case .roulette .list { max-width: 410px; }
	
	.contract .items .item { width: calc(50% - 7.5px); margin: 0 30px 30px 0 !important; }
	.contract .items .item:nth-child(3n) { margin-right: 30px !important; }
	.contract .items .item:nth-child(2n) { margin-right: 0 !important; }
	
	
	.add-box .sidebar .box { float: none; width: 100%; height: auto; border-radius: 15px !important; }
	.rally .box .box-heading { font-size: 24px; line-height: 24px; margin-bottom: 10px; }
	
	.tooltip { display: none; }
	.tabs .tab { width: calc(50% - 1px); }
	
	.form-desc { padding: 25px 10px; }
}

@media(max-width: 460px) {
	.main-width { width: calc(100% - 20px); }
	.topbar .stat .item .info { text-align: center; }
	.topbar .stat .item .ico { display: none; }
	
	.cases.big .item .image { height: 120px; }
	
	.mobile-top .logo { display: none; }
	.compare-buttons .price { height: 48px; line-height: 40px; margin: 10px 0; background: #ffbe2e; width: auto; padding: 0 10px;}
	.compare-buttons .btn-compare { display: block; margin: 0 auto; width: 240px; font-size: 18px; }
	
	.roulette-box { width: calc(100% + 20px); margin-left: -10px; }
	
	.black-info { max-width: calc(100% + 20px); margin-left: -10px; }
	
	.contracts .list .sub-item { width: 50%; height: 35px; } 
	
	.create-price .desc .item:nth-child(1) { display: none; }
	.create-price .desc .item:nth-child(3) { display: none; }
	.create-case .btn-big-create { font-size: 13px; }
	
	.steps, .promo-code, .profile-steps { width: calc(100% + 20px); margin-left: -10px; }
	
	.promo-code .code { font-size: 18px; }	
	.circle .circle-left { width: 100%; float: none; margin: 30px 0 0; }
	.circle .circle-right { width: 100%; float: none; }
	
	.new-footer .fnav li a { font-size: 11px; }
}
.actions .btn-small { position: relative; z-index: 2; }
.gamestatus {    overflow: hidden;
    margin: 0px auto;
    width: 630px;}



@-webkit-keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}
@keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}
#blink7 {
   -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
.prmcode-head {
    position: relative;
    font-family: Exo\ 2,Noto Sans,Tahoma,Arial,sans-serif;
    font-weight: 700;
    font-style: italic;
    line-height: 1em;
    text-align: center;
    border-radius: 1.5em;
}
.prmcode-head {
    display: inline-block;
    z-index: 2;
    font-size: 1.5em;
    padding: .5em 1em;
    text-shadow: 0 1px 5px rgba(0,0,0,.5);
    background: #d02b30;
    background: linear-gradient(45deg,#006bf8,#fb2363);
    box-shadow: 0 0 10px rgba(255,210,0,.5), inset -1px -1px 0 hsla(0,0%,100%,.4);
    background-clip: padding-box;
    text-transform: uppercase;
}
.prmcode-codeblock {
    top: -.5em;
    font-size: 2.5em;
    padding: .7em .3em;
    background-clip: padding-box;
    color: #fff;
    background-color: rgba(0,0,0,.4);
    box-shadow: 0 0 50px rgba(44, 94, 221), 0 0 10px rgba(230, 42, 112);
    cursor: pointer;
}
.prmcode-codeblock, .prmcode-head {
    position: relative;
    font-family: Exo\ 2,Noto Sans,Tahoma,Arial,sans-serif;
    font-weight: 700;
    font-style: italic;
    line-height: 1em;
    text-align: center;
    border-radius: 1.5em;
}
.sidebar-auth__small{
transition: all .3s ease;
    color: #838b97;
    font-size: 16px;
}
.sidebar-auth__big {
    color: #f3f6f9;
    font-size: 20px;
    padding-bottom: 1px;
}

.drop-labels__price {
    display: inline-block;
    color: #fdfdfe;
    font-size: 15px;
    background-color: rgba(58, 71, 86, 0.3);
    border: 1px solid #3a4756;
    border-radius: 3px;
    padding: 2px 6px;
    height: 25px;
}

.actqq { position: absolute; top: 10px; right: 10px; z-index: 1; box-shadow: 0 0 10px rgba(255,210,0,.5), inset -1px -1px 0 hsla(0,0%,100%,.4);

}

.site-partner {
    display: block;
    position: absolute;
    top: 152px;
    left:-36%;
    margin: 0 0 0 154px;
    padding: 2px 13px 5px 19px;
    border: 1px solid rgba(229,41,112);
    border-radius: 19px;
    background: rgba(33,14,35,.9);
    z-index: 99;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    transition: .2s ease;
}


.online__light {
    display: inline-block;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    background: #40d228;
    animation-name: miganie;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
}
.item-rules {
    text-align: left;
    margin: 38px 0 0;
    line-height: 20px;
    font-size: 14px;
    color: #97949f;
}

 .pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,
.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#f81f5a;text-decoration:none;background-color:;border:1px solid #f5a307}
.pagination>li:first-child>a,
.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}


/* ========================================
   DH-LATEST - Горизонтальный блок дропов (без конфликтов)
   ======================================== */

.dh-latest-wrap {
    background: rgba(255, 255, 255, 0.02);
    border-radius: 16px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.04);
    margin-bottom: 20px;
}

.dh-latest-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.dh-latest-title {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

.dh-latest-title i {
    color: #a29bfe;
    margin-right: 10px;
}

.dh-latest-count {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.04);
    padding: 3px 14px;
    border-radius: 20px;
}

/* ===== ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ ===== */
.dh-latest-scroll {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 6px 2px 12px 2px;
    scrollbar-width: thin;
    scrollbar-color: rgba(108, 92, 231, 0.3) transparent;
}

.dh-latest-scroll::-webkit-scrollbar {
    height: 4px;
}

.dh-latest-scroll::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.02);
    border-radius: 4px;
}

.dh-latest-scroll::-webkit-scrollbar-thumb {
    background: rgba(108, 92, 231, 0.3);
    border-radius: 4px;
}

/* ===== КАРТОЧКА ===== */
.dh-latest-card {
    flex: 0 0 200px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.04);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Полоска редкости сверху */
.dh-latest-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 12px 12px 0 0;
    z-index: 2;
}

.dh-latest-card:hover {
    transform: translateY(-4px);
    border-color: rgba(108, 92, 231, 0.15);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
    background: rgba(255, 255, 255, 0.04);
}

.dh-latest-link {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 14px 12px;
    text-align: center;
}

.dh-latest-link:hover {
    text-decoration: none;
    color: inherit;
}

/* ===== ИЗОБРАЖЕНИЕ ===== */
.dh-latest-image {
    width: 64px;
    height: 64px;
    margin: 0 auto 8px;
    border-radius: 8px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.dh-latest-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.dh-latest-card:hover .dh-latest-img {
    transform: scale(1.08);
}

/* ===== ИНФОРМАЦИЯ ===== */
.dh-latest-name {
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 4px;
}

.dh-latest-first {
    font-weight: 700;
    color: #ffffff;
}

.dh-latest-second {
    color: rgba(255, 255, 255, 0.3);
    font-size: 11px;
    display: block;
}

.dh-latest-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.dh-latest-price {
    font-size: 14px;
    font-weight: 700;
}

.dh-latest-user {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.2);
}

.dh-latest-user i {
    font-size: 10px;
    margin-right: 4px;
}

/* ===== БЕЙДЖ РЕДКОСТИ ===== */
.dh-latest-badge {
    display: inline-block;
    font-size: 8px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 10px;
    border-radius: 10px;
    opacity: 0.7;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.dh-latest-card:hover .dh-latest-badge {
    opacity: 1;
}

/* ========================================
   ЦВЕТА РЕДКОСТЕЙ (через классы rarity-*)
   ======================================== */

/* Covert */
.dh-latest-card.rarity-covert::before {
    background: linear-gradient(90deg, #eb459e, #ff6b6b);
}
.dh-latest-card.rarity-covert .dh-latest-price {
    color: #ff6b6b;
}
.dh-latest-badge.rarity-covert {
    color: #ff6b6b;
    border-color: rgba(255, 107, 107, 0.2);
}

/* Classified */
.dh-latest-card.rarity-classified::before {
    background: linear-gradient(90deg, #d32ce6, #a29bfe);
}
.dh-latest-card.rarity-classified .dh-latest-price {
    color: #a29bfe;
}
.dh-latest-badge.rarity-classified {
    color: #a29bfe;
    border-color: rgba(162, 155, 254, 0.2);
}

/* Restricted */
.dh-latest-card.rarity-restricted::before {
    background: linear-gradient(90deg, #4b69ff, #8847ff);
}
.dh-latest-card.rarity-restricted .dh-latest-price {
    color: #4b69ff;
}
.dh-latest-badge.rarity-restricted {
    color: #4b69ff;
    border-color: rgba(75, 105, 255, 0.2);
}

/* Mil-Spec */
.dh-latest-card.rarity-milspec::before {
    background: linear-gradient(90deg, #5e98d9, #4fc3f7);
}
.dh-latest-card.rarity-milspec .dh-latest-price {
    color: #4fc3f7;
}
.dh-latest-badge.rarity-milspec {
    color: #4fc3f7;
    border-color: rgba(79, 195, 247, 0.2);
}

/* Other */
.dh-latest-card.rarity-other::before {
    background: linear-gradient(90deg, #7a8b9f, #b0bec5);
}
.dh-latest-card.rarity-other .dh-latest-price {
    color: #b0bec5;
}
.dh-latest-badge.rarity-other {
    color: #b0bec5;
    border-color: rgba(176, 190, 197, 0.2);
}

/* Industrial */
.dh-latest-card.rarity-industrial::before {
    background: linear-gradient(90deg, #7a8b9f, #b0bec5);
}
.dh-latest-card.rarity-industrial .dh-latest-price {
    color: #b0bec5;
}
.dh-latest-badge.rarity-industrial {
    color: #b0bec5;
    border-color: rgba(176, 190, 197, 0.2);
}

/* Knife */
.dh-latest-card.rarity-knife::before {
    background: linear-gradient(90deg, #ffd700, #ffb300);
}
.dh-latest-card.rarity-knife .dh-latest-price {
    color: #ffd700;
}
.dh-latest-badge.rarity-knife {
    color: #ffd700;
    border-color: rgba(255, 215, 0, 0.2);
}

/* Gloves */
.dh-latest-card.rarity-gloves::before {
    background: linear-gradient(90deg, #00e5ff, #00b8d4);
}
.dh-latest-card.rarity-gloves .dh-latest-price {
    color: #00e5ff;
}
.dh-latest-badge.rarity-gloves {
    color: #00e5ff;
    border-color: rgba(0, 229, 255, 0.2);
}

/* Rare - анимированный градиент */
.dh-latest-card.rarity-rare::before {
    background: linear-gradient(90deg, #ff6b6b, #ffd93d, #6bcb77, #4d96ff, #a29bfe, #fd79a8);
    background-size: 300% 100%;
    animation: dh-rare-anim 3s ease-in-out infinite;
}
.dh-latest-card.rarity-rare .dh-latest-price {
    background: linear-gradient(90deg, #ff6b6b, #ffd93d, #6bcb77, #4d96ff, #a29bfe, #fd79a8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 300% 100%;
    animation: dh-rare-anim 3s ease-in-out infinite;
}
.dh-latest-badge.rarity-rare {
    background: linear-gradient(90deg, #ff6b6b, #ffd93d, #6bcb77, #4d96ff, #a29bfe, #fd79a8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    border-color: rgba(255, 215, 0, 0.2);
}

@keyframes dh-rare-anim {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* ========================================
   АДАПТИВНОСТЬ
   ======================================== */

@media (max-width: 768px) {
    .dh-latest-wrap {
        padding: 16px;
    }
    .dh-latest-card {
        flex: 0 0 170px;
    }
    .dh-latest-image {
        width: 54px;
        height: 54px;
    }
    .dh-latest-first {
        font-size: 12px;
    }
    .dh-latest-second {
        font-size: 10px;
    }
    .dh-latest-price {
        font-size: 13px;
    }
    .dh-latest-user {
        font-size: 10px;
    }
}

@media (max-width: 480px) {
    .dh-latest-wrap {
        padding: 12px;
    }
    .dh-latest-title {
        font-size: 14px;
    }
    .dh-latest-count {
        font-size: 10px;
        padding: 2px 10px;
    }
    .dh-latest-card {
        flex: 0 0 150px;
    }
    .dh-latest-image {
        width: 46px;
        height: 46px;
    }
    .dh-latest-first {
        font-size: 11px;
    }
    .dh-latest-second {
        font-size: 9px;
    }
    .dh-latest-price {
        font-size: 12px;
    }
    .dh-latest-user {
        font-size: 9px;
    }
    .dh-latest-badge {
        font-size: 7px;
        padding: 1px 8px;
    }
}