* { margin:0; padding:0; }

body { min-width:1320px; font-family:'PT Sans', sans-serif; color:#cccccc; font-size:12px; }
body.active { overflow:hidden; }

a { cursor:pointer; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration:none; color:#fff; }

.bg { position:absolute; top:0; left:0; width:100%; min-width:1320px; padding-bottom:40px; background:#181818; }
/*.bg1 { background:url(../images/bg1.jpg) no-repeat top center; height:700px; }
.bg2 { background:url(../images/bg2.jpg) no-repeat top center; height:944px; }
.bg3 { background:url(../images/bg3.jpg) no-repeat top center; height:624px; }
.bg4 { background:url(../images/bg4.jpg) no-repeat top center; height:634px; }
*/
.bg-header { background:url(../images/header.jpg) no-repeat center top; height:1326px; }
.bg-header .image { text-align:center; padding-top:140px; }
.bg-footer { background:url(../images/footer.png) no-repeat center top; height:1070px; position:absolute; bottom:0; width:100%; left:0; }

.clear { clear:both; }

.wrapper { width:1320px; position:relative; margin:0 auto; }

.top-bar { background:url(../images/top-bar.png); height:90px; position:fixed; left:0; top:0; width:100%; padding-top:12px; z-index:998; }

.logo { background:url(../images/logo-no.png); width:209px; height:85px; float:left; position:relative; margin-top:-15px;}
.logo:after { content:''; background:url(../images/logo.png); width:183px; height:50px; position:absolute; left:-1px; top:17px; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); opacity:0; visibility:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.logo:hover:after { opacity:1; visibility:visible; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1); }
.btn-steam { background:url(../images/btn-steam.png); width:234px; height:67px; float:right; margin:3px 0 0; }
.btn-steam:hover, .btn-tocase:hover, .btn-totop:hover { -webkit-filter:brightness(1.3); -moz-filter:brightness(1.3); -o-filter:brightness(1.3); filter:brightness(1.3); }

.logged { float:right; }
.logged .avatar { background:url(../images/avatar-bg.png); width:58px; height:58px; padding:1px; float:right; }
.logged .avatar img { width:58px; height:58px; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; border-radius:100%; }
.logged .info { float:right; text-align:right; margin:5px 10px 0 0; }
.logged .info .name { font-size:14px; text-shadow:1px 1px 1px rgba(0,0,0,0.2); color:#fff; font-weight:bold; }
.logged .info .balane { color:#ff9b48; }
.logged .info .actions { }
.logged .info .actions a { display:inline-block; vertical-align:middle; margin-left:5px; }
.logged .info .actions .btn-setting { background:url(../images/btn-setting.png); width:14px; height:15px; }
.logged .info .actions .btn-exit { background:url(../images/btn-exit.png); width:15px; height:15px; }

.nav { list-style:none; float:right; margin:10px 40px 0 0; }
.nav li { float:left; margin:0 22px; }
.nav li a { display:block; font-size:12px; text-transform:uppercase; color:#fff; text-decoration:none; font-weight:bold; position:relative; }
.nav li a:after { content:''; width:0; height:1px; position:absolute; bottom:-2px; left:0; background:#fff; -webkit-transition:all 0.4s cubic-bezier(.13,1.28,.5,1.14); -moz-transition:all 0.4s cubic-bezier(.13,1.28,.5,1.14); -o-transition:all 0.4s cubic-bezier(.13,1.28,.5,1.14); transition:all 0.4s cubic-bezier(.13,1.28,.5,1.14); }
.nav li a:hover:after { width:100%; }
.nav li .ico { width:100%; height:30px; margin-bottom:5px; -webkit-transition:all 0.4s cubic-bezier(.13,1.28,.5,1.14); -moz-transition:all 0.4s cubic-bezier(.13,1.28,.5,1.14); -o-transition:all 0.4s cubic-bezier(.13,1.28,.5,1.14); transition:all 0.4s cubic-bezier(.13,1.28,.5,1.14); }
.nav li .ico-faq { background:url(../images/ico-faq.png) no-repeat center; }
.nav li .ico-garant { background:url(../images/ico-garant.png) no-repeat center; }
.nav li .ico-about { background:url(../images/ico-about.png) no-repeat center; }
.nav li .ico-contact { background:url(../images/ico-contact.png) no-repeat center; }
.nav li a:hover .ico { -webkit-transform:scale(0.9) translateY(-10px); -moz-transform:scale(0.9) translateY(-10px); -o-transform:scale(0.9) translateY(-10px); transform:scale(0.9) translateY(-10px); }

.last-items { margin-top:480px; text-align:center; margin-bottom:40px; overflow: hidden; height: 152px; }
.last-items .item { display:inline-block; vertical-align:top; margin:0 10px; }
.last-items .item .image { background:url(../images/last-item-img-bg.png) no-repeat center; height:90px; width:190px; }
.last-items .item .image img { -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;  }
.last-items .item:hover .image img { -webkit-transform:translateY(-10px) rotateY(180deg); -moz-transform:translateY(-10px) rotateY(180deg); -o-transform:translateY(-10px) rotateY(180deg); transform:translateY(-10px) rotateY(180deg); }
.last-items .item .name { background:url(../images/last-item-name.png); width:171px; line-height:14px; font-size:12px; height:36px; padding-top:8px; margin:0 auto; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; }
.last-items .item:hover .name { -webkit-filter:brightness(1.7); -moz-filter:brightness(1.7); -o-filter:brightness(1.7); filter:brightness(1.7); }
.last-items .item .name b { text-shadow:1px 1px 1px rgba(0,0,0,1.00); }
.last-items .item .win { color:#ff9b48; }
.top-cases { text-align:center; height:748px; }
.top-cases .case { background:url(../images/top-case-bg.png); width:376px; height:374px; display:inline-block; vertical-align:top; margin:0 30px; -webkit-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -moz-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -o-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); }
.top-cases .case:hover { -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); -webkit-filter:brightness(1.5); -moz-filter:brightness(1.5); -o-filter:brightness(1.5); filter:brightness(1.5); }
.top-cases .case .image { margin:85px 0 0px; height:200px; -webkit-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -moz-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -o-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); }
.top-cases .case:hover .image { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); }
.top-cases .case .name { color:#ff9b48; font-size:16px; font-weight:bold; text-transform:uppercase; background:url(../images/top-case-line.png) repeat-x center bottom; padding-bottom:5px; width:200px; margin:0 auto 4px; }
.top-cases .case .price { font-weight:bold; }
.top-cases .case .price span { font-size:24px; }

.second-cases { text-align:center; height:552px; }
.second-cases .case { background:url(../images/second-case-bg.png); width:252px; height:246px; display:inline-block; vertical-align:top; margin:0 0px 30px; }
.second-cases .case .image { margin:70px 0 5px; height:90px;  -webkit-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -moz-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -o-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); }
.second-cases .case:hover .image { -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -o-transform:rotate(-10deg); transform:rotate(-10deg); }
.second-cases .case .name { color:#ffbd54; font-weight:bold; font-size:18px; text-shadow:2px 2px 6px rgba(0,0,0,1.00); }
.second-cases .btn-buy { background:url(../images/btn-green.png); width:192px; height:50px; line-height:46px; margin:5px auto 0; font-weight:bold; font-size:18px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); -webkit-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -moz-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -o-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); }
.second-cases .case:hover .btn-buy { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }
.second-cases .btn-buy span { font-weight:normal; font-size:12px; }

.cases { margin-top:20px; text-align:center; height:562px; }
.cases .heading { background:url(../images/case-heading.png) no-repeat center; height:26px; margin:0 auto 30px; }
.cases .case { background:url(../images/case-bg.png); width:239px; height:228px; display:inline-block; vertical-align:top; margin:0 10px 20px; -webkit-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -moz-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -o-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); }
.cases .case:hover { -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); }
.cases .case .image { height:120px; margin:40px 0 5px; -webkit-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -moz-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -o-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); }
.cases .case:hover .image { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); }
.cases .case .name { margin-bottom:3px; font-size:18px; font-weight:bold; text-shadow:1px 1px 4px rgba(0,0,0,1.00); }
.cases .case .btn-orange { background:url(../images/btn-orange.png); width:185px; height:49px; margin:0 auto; line-height:44px; font-size:18px; font-weight:bold; text-shadow:1px 1px 2px rgba(0,0,0,0.5); }
.cases .case .btn-orange span { font-size:12px; font-weight:normal; }

.stat { text-align:center; height:100px; margin-top:60px; }
.stat .item { display:inline-block; vertical-align:top; color:#f0f0f0; font-size:24px; font-weight:bold; margin:0 80px; width:240px; }
.stat .item span { display:block; color:#bfd12b; font-size:60px; line-height:54px; text-shadow:2px 2px 5px rgba(0,0,0,1.00); }

.footer { position:relative; margin:100px auto 0; width:1000px; }
.footer .counters { float:left; position:relative; z-index:1; }
.footer .counters .counter { display:inline-block; vertical-align:middle; margin-right:7px; }
.footer .coolness { background:url(../images/coolness.png); width:80px; height:19px; float:right; position:relative; z-index:1; opacity:0.4; }
.footer .coolness:hover { opacity:1; }
.footer .copyright { position:absolute; top:0; left:0; width:100%; text-align:center; color:#71664e; }	

.overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.53); z-index:999; opacity:0; visibility:hidden; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
.overlay.active { opacity:1; visibility:visible; }

.popup { width:860px; padding:30px 40px; background:rgba(31,28,26,0.93); position:absolute; top:-2000px; left:50%; margin-left:-470px; font-family: verdana; font-size:13px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; opacity:0; visibility:hidden; }
.popup.active { opacity:1; visibility:visible; top:140px; }
.popup .heading { color:#ffdeaf; font-family: verdana; font-size:16px; font-weight:bold; margin-bottom:5px; text-shadow:1px 1px 3px rgba(0,0,0,1.00); }
.popup .btn-close { background:url(../images/btn-close.png); width:30px; height:30px; position:absolute; right:-35px; top:-35px; cursor:pointer; }

@media (max-width: 1024px) {
	.popup { width:calc(100% - 40px); padding:20px 20px; left:0; margin-left:0; }	
	.popup .btn-close { right:0; }
}


.title { color:#ff9b48; font-size:24px; font-weight:bold; text-shadow:2px 2px 5px rgba(0,0,0,1.00); margin-bottom:20px; text-align:center; }

.content { min-height:402px; margin-top:60px; text-align:center; margin-bottom:100px; }


.roullete { background:url(../images/roullete.png) no-repeat center; height:146px; padding-top:10px; text-align:center; position:relative; }
.roullete:after { content:''; background:url(../images/roullete-after.png); background-size:100% 100%; width:135px; height:159px; position:absolute; left:50%; margin-left:-67px; top:0; }
.roullete .hidden { width: 378px; overflow:hidden; height:159px; margin:0 auto; }
.roullete .overflow { width:99999px; text-align:left; }

.btn-start { display:block; width:200px; height:30px; line-height:30px; color:#fff; background:#C72326; margin:10px auto 0; }
.single-case { width: 124px; margin: 0px 3px 5px 0px; float:left;  vertical-align:top; text-align:center; -webkit-transition:all 0.15s linear; -moz-transition:all 0.15s linear; -o-transition:all 0.15s linear;transition:all 0.15s linear; }
.single-case.items { width: 136px; margin: 0px 2px 5px 2px; }
.single-case.items .items_image { width: 136px; }
.single-case.pick { -webkit-filter:brightness(1.7); -moz-filter:brightness(1.7); -o-filter:brightness(1.7); filter:brightness(1.7);  }
.single-case .image { background:url(../images/single-bg.png); width:124px; height:78px; padding-top:20px; -webkit-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -moz-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -o-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); }
.single-case:hover .image { opacity:0.8; }
.single-case .image img { -webkit-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -moz-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -o-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); width: 120px; margin-top: -32px; }
.single-case .image:hover img { -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); }
.single-case .name { height:35px; white-space: nowrap; text-overflow: ellipsis; padding: 3px 5px 0px 5px; overflow: hidden; text-shadow:1px 1px 1px rgba(0,0,0,0.6); background:#AF1114; -webkit-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -moz-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); -o-transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); transition:all 0.5s cubic-bezier(.13,1.28,.5,1.14); }
.single-case .name b { display:block; }
.single-case:hover .name { -webkit-filter:brightness(1.7); -moz-filter:brightness(1.7); -o-filter:brightness(1.7); filter:brightness(1.7); }
.single-case.red .name {
	background: rgb(104,32,12);
	background: -moz-linear-gradient(top,  rgba(104,32,12,1) 0%, rgba(216,22,9,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(104,32,12,1) 0%,rgba(216,22,9,1) 100%);
	background: linear-gradient(to bottom,  rgba(104,32,12,1) 0%,rgba(216,22,9,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68200c', endColorstr='#d81609',GradientType=0 );
}
.single-case.purple .name {
	background: rgb(91,13,96);
	background: -moz-linear-gradient(top,  rgba(91,13,96,1) 0%, rgba(217,9,195,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(91,13,96,1) 0%,rgba(217,9,195,1) 100%);
	background: linear-gradient(to bottom,  rgba(91,13,96,1) 0%,rgba(217,9,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b0d60', endColorstr='#d909c3',GradientType=0 );
}
.single-case.blue .name {
	background: rgb(14,78,96);
	background: -moz-linear-gradient(top,  rgba(14,78,96,1) 0%, rgba(10,164,220,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(14,78,96,1) 0%,rgba(10,164,220,1) 100%);
	background: linear-gradient(to bottom,  rgba(14,78,96,1) 0%,rgba(10,164,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4e60', endColorstr='#0aa4dc',GradientType=0 );	
}
.single-case.green .name {
	background: rgb(14,96,36);
	background: -moz-linear-gradient(top,  rgba(14,96,36,1) 0%, rgba(10,222,79,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(14,96,36,1) 0%,rgba(10,222,79,1) 100%);
	background: linear-gradient(to bottom,  rgba(14,96,36,1) 0%,rgba(10,222,79,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e6024', endColorstr='#0ade4f',GradientType=0 );
}
.single-case.lgreen .name {
	background: rgb(84,96,12);
	background: -moz-linear-gradient(top,  rgba(84,96,12,1) 0%, rgba(193,220,9,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(84,96,12,1) 0%,rgba(193,220,9,1) 100%);
	background: linear-gradient(to bottom,  rgba(84,96,12,1) 0%,rgba(193,220,9,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54600c', endColorstr='#c1dc09',GradientType=0 );
}
.single-case.orange .name {
	background: rgb(101,55,12);
	background: -moz-linear-gradient(top,  rgba(101,55,12,1) 0%, rgba(223,145,9,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(101,55,12,1) 0%,rgba(223,145,9,1) 100%);
	background: linear-gradient(to bottom,  rgba(101,55,12,1) 0%,rgba(223,145,9,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65370c', endColorstr='#df9109',GradientType=0 );
}

.btn-big { background:url(../images/btn-big.png); width:307px; padding-left:20px; height:66px; line-height:70px; margin:50px auto; display:block; text-align:center; text-shadow:1px 1px 0 #9f490c; font-size:18px; font-weight:bold; }
.btn-big .price { display:inline-block; vertical-align:middle; margin:-4px -20px 0 20px; font-size:36px; }
.btn-big .price span { font-weight:normal; font-size:12px; }
.btn-big:hover { -webkit-filter:brightness(1.4); -moz-filter:brightness(1.4); -o-filter:brightness(1.4); filter:brightness(1.4); }

.btn-big-input { background:url(../images/btn-big.png); border: none; font-family: 'PT Sans', sans-serif; cursor: pointer; color: white; width:307px; padding-left:20px; height:66px; line-height:70px; margin:50px auto; display:block; text-align:center; text-shadow:1px 1px 0 #9f490c; font-size:18px; font-weight:bold; }
.btn-big-input:hover { -webkit-filter:brightness(1.4); -moz-filter:brightness(1.4); -o-filter:brightness(1.4); filter:brightness(1.4); }

.case-items { max-width:840px; margin:0 auto; border:1px dotted #96775e; padding:8px 6px 6px 6px; }

.ico-info { background:url(../images/ico-info.png); width:32px; height:40px; margin:20px auto; }

.text-input { background:#2F2F2F; width:606px; height:39px; text-align:center; margin:0 auto; display:block; outline:none; border:1px solid #7A7A7A; color:#fff; font-size:12px; font-family:'PT Sans', sans-serif; }

.payments { background:url(../images/payments.png); width:174px; height:78px; display:block; margin:0 auto; }


.btn-tocase { background:url(../images/btn-tocase.png); width:101px; height:153px; position:fixed; right:20px; top:500px; opacity:0; visibility:hidden; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; }
.btn-tocase.active { opacity:1; visibility:visible; }
.btn-totop { background:url(../images/btn-totop.png); width:100px; height:71px; position:fixed; right:20px; bottom:20px; opacity:0; visibility:hidden; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; }
.btn-totop.active { opacity:1; visibility:visible; }

.single-case.uncommon .name { background: linear-gradient(to bottom, rgb(22, 103, 107) 0%,rgb(65, 189, 230) 100%); }
.single-case.milspec .name { background: linear-gradient(to bottom, rgba(14,78,96,1) 0%,rgb(13, 102, 177) 100%); }
.single-case.restricted .name { background: linear-gradient(to bottom, rgb(68, 14, 96) 0%,rgb(127, 13, 177) 100%); }
.single-case.classified .name { background: linear-gradient(to bottom, rgb(96, 14, 92) 0%,rgb(177, 13, 163) 100%); }
.single-case.covert .name { background: linear-gradient(to bottom, rgb(117, 29, 29) 0%,rgb(213, 69, 69) 100%); }
.single-case.rare .name { background: linear-gradient(to bottom, rgb(149, 110, 42) 0%,rgb(231, 184, 51) 100%); }