/* ::::: http://newvulkan.com/assets/css/css.css?v1.073 ::::: */

@font-face {
	font-family: "Kelson Sans";
	font-style: normal;
	font-weight: normal;
	src: url('kelson-sans-regular.eot') format("embedded-opentype"), url('kelson-sans-regular.ttf') format("truetype"), url('kelson-sans-regular.svg') format("svg");
}
@font-face {
	font-family: "Kelson Sans";
	font-style: normal;
	font-weight: bold;
	src: url('kelson-sans-bold.eot') format("embedded-opentype"), url('kelson-sans-bold.ttf') format("truetype"), url('kelson-sans-bold.svg') format("svg");
}
html, body { height: 100%; position: relative; margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5 { margin: 0px; }
img { border: 0px none; }
a { outline: 0px none; color: rgb(153, 153, 153); }
a:hover { color: rgb(255, 255, 255); }
ul, li { list-style: outside none none; margin: 0px; padding: 0px; }
:focus { outline: 0px none; }
*::-moz-focus-inner { border: 0px none; }
body { font: 16px/20px Kelson Sans,Arial,sans-serif; color: rgb(100, 97, 91); background: url('bg.jpg') no-repeat fixed center 0px rgb(0, 0, 0); cursor: default; }
.wrap { min-width: 1099px; overflow: hidden; }
.cwrap { margin: 0px auto; width: 991px; padding: 0px 54px; background: url('bg-glas.png') repeat-y scroll center 0px transparent; }
.head { padding: 30px 0px 0px; }
.logo {  }
.head .menu { width: 240px; float: left; }
.head .menu ul {  }
.head .menu li { list-style: outside none none; width: 240px; transition: width 0.25s ease 0s; }
.head .menu li a { padding: 10px 0px 6px 35px; line-height: 20px; font-size: 16px; color: rgb(255, 255, 255); text-decoration: none; display: block; background: url('red-arrow.png') no-repeat scroll 12px center rgba(4, 33, 79, 0.5); border: 2px solid rgba(9, 70, 121, 0.7); border-radius: 3px; transition: background 0.25s ease 0s; }
.head .menu li a:hover { background-color: rgba(124, 233, 255, 0.4); }
.head .menu li:hover { width: 250px; transition: width 0.45s ease 0s; }
.head .hcenter { margin-left: 45px; padding: 0px; float: left; width: 255px; }
.head .logo { position: relative; top: -20px; left: -10px; display: block; margin-bottom: -20px; }
.head .right { width: 400px; float: right; }
.head .social { height: 30px; margin-bottom: 20px; color: rgb(255, 255, 255); }
.share42-item { position: relative; }
.share42-counter { position: absolute; bottom: -20px; left: 0px; background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.2); text-align: center; width: 100%; height: 20px; line-height: 22px; font-size: 12px; }
.share { float: right; }
.share a { border-radius: 3px; transition: border-radius 0.4s ease 0s; }
.share a:hover { border-radius: 20px; }
.playonmoney { width: 225px; height: 64px; background: url('startplay.png') no-repeat scroll 0px 0px transparent; margin: 0px auto; display: block; text-indent: -9000px; box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.8); }
.playonmoney:hover { background-position: 0px -64px; }
.promo { height: 275px;  background: none repeat scroll 0% 0% rgba(13, 34, 73, 0.4); border: 2px solid rgba(51, 115, 181, 0.5); border-radius: 3px; }
.promo li { width: 289px; margin: 15px auto; }
.promo li a { display: block; }
.promo .img { display: block; border-radius: 3px; overflow: hidden; margin-bottom: 5px; height: 85px; border: 2px solid rgba(51, 115, 181, 0.5); }
.promo .promo-text { text-decoration: none; font-size: 15px; color: rgb(221, 221, 221); }
.main { padding: 15px 0px; }
.body { float: left; width: 700px; background: none repeat scroll 0% 0% rgba(13, 34, 73, 0.4); border: 2px solid rgba(51, 115, 181, 0.5); border-radius: 3px; padding: 9px 7px; }
.sidebar { float: right; width: 240px; background: none repeat scroll 0% 0% rgba(13, 34, 73, 0.4); border: 2px solid rgba(51, 115, 181, 0.5); border-radius: 3px; }
.content { position: relative; background: none repeat scroll 0% 0% rgb(224, 249, 254); padding: 25px 16px; border-radius: 2px; color: rgb(61, 105, 143); }
.content a { color: rgb(237, 63, 0); }
.content li { list-style: outside none disc; }
.content ul { margin: 0px 0px 20px 18px; list-style: outside none circle; }
h1, h2, h3, h4, h5 { color: rgb(61, 105, 143); font-weight: bold; margin: 5px 0px 18px; }
h1 { font-size: 22px; line-height: 26px; border-bottom: 1px solid rgb(236, 65, 0); padding: 0px 0px 12px; text-transform: uppercase; }
h2 { font-size: 20px; line-height: 28px; }
.content p { margin: 0px 0px 16px; text-align: justify; }
.content img { border: 1px solid rgba(51, 115, 181, 0.5); background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 3px; border-radius: 3px; }
.published { text-align: right; font-size: 13px; color: rgb(170, 170, 170); }
.gameblock .random .play::after { display: block; content: "Демо"; background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.95); box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.8); color: rgb(68, 68, 68); position: absolute; left: 100%; top: 0px; padding: 10px 18px 8px; text-align: center; transform: rotateZ(180deg); transition: transform 0.27s ease 0.3s, opacity 0.27s ease 0.3s; transform-origin: 0px 100% 0px; opacity: 0; border-radius: 0px 20px 20px 0px; }
.gameblock .random a:hover .play::after { transform: rotateZ(0deg); opacity: 1; }
.gameblock .right .play::after { transform: rotateZ(-179deg); border-radius: 20px 0px 0px 20px; right: 100%; left: auto; transform-origin: 100% 100% 0px; }
.slots-title { color: rgb(255, 255, 255); display: block; }
.slots { margin: 0px 12px 20px; }
.slots ul { list-style: outside none none; width: 105%; margin: 0px; }
.slots li { float: left; width: 202px; height: 80px; padding: 5px; margin: 0px 15px 8px 0px; list-style: outside none none; border: 2px solid rgb(30, 49, 74); border-radius: 4px; background: none repeat scroll 0% 0% rgb(17, 35, 79); position: relative; }
.content .slots { margin: 0px 0px 20px; }
.content .slots li { margin: 0px 10px 8px 0px; }
.slots .img { display: block; margin-right: 5px; float: left; position: relative; overflow: hidden; border-radius: 10px / 200px; }
.slots .img:hover { box-shadow: 0px 1px 8px rgb(255, 255, 255); }
.slots .img img { border-radius: 3px; padding: 1px; border: 1px solid rgba(51, 115, 181, 0.5); background: none repeat scroll 0% 0% rgb(255, 255, 255); display: block; }
.slots .name { display: block; text-align: center; line-height: 16px; color: rgb(224, 249, 254); font-size: 14px; position: absolute; right: 0px; top: 4px; width: 80px; }
.slots .play { display: block; text-align: center; position: absolute; right: 5px; bottom: 4px; width: 70px; padding: 3px 0px 1px; color: rgb(255, 255, 255); background: none repeat scroll 0% 0% rgba(20, 90, 250, 0.7); border-radius: 3px; box-shadow: 0px 2px 1px rgba(255, 255, 255, 0.9); text-decoration: none; }
.slots .play:hover { color: rgb(170, 170, 170); box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.9); bottom: 2px; }
.bestslots li { border: 0px none; padding: 0px; width: 216px; height: 106px; background: none repeat scroll 0% 0% transparent; }
.bestslots .img { border: 2px solid rgb(30, 49, 74); border-radius: 4px; float: none; }
.bestslots .img img { background: none repeat scroll 0% 0% transparent; border: medium none; border-radius: 0px; }
.bestslots .play { right: auto; left: 50%; margin-left: -35px; bottom: -4px; }
.bestslots .play:hover { bottom: -3px; }
.block { margin: 0px 0px 10px; padding: 37px 18px; }
.block .block-head { color: rgb(255, 255, 255); padding: 0px 0px 18px; font-size: 22px; line-height: 22px; text-transform: uppercase; border-bottom: 1px solid rgb(255, 255, 255); }
.topslots ul { margin: 10px 0px; }
.topslots li { margin: 0px 0px 10px; position: relative; }
.topslots li a { text-decoration: none; }
.topslots li img { border-radius: 100px / 60px; box-shadow: 0px 0px 1px 20px rgba(105, 155, 255, 0); transition: box-shadow 0.21s ease 0s; }
.topslots li a:hover img { box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.9); }
.topslots li .name { display: block; color: rgb(255, 255, 255); font-size: 14px; line-height: 14px; position: absolute; right: 0px; bottom: 0px; text-shadow: 0px 1px 1px rgb(0, 0, 0); padding: 6px 12px 3px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4); transition: padding 0.4s ease 0s, background 0.4s ease 0s; }
.topslots li a:hover .name { padding: 8px 16px 5px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7); }
.articles ul { margin: 15px 0px 0px; }
.articles li { margin: 0px 0px 5px 2px; list-style: outside none none; }
.articles a { color: rgb(95, 159, 202); font-size: 15px; display: block; border-radius: 4px; transition: color 0.3s ease 0s; }
.articles a:hover { text-decoration: none; color: rgb(255, 255, 255); }
.likes-box::after { content: ""; display: block; position: absolute; right: -13px; top: 17px; width: 13px; height: 14px; background: url('likes-corner.png') no-repeat scroll 0px 0px transparent; }
.footer { border-top: 1px solid rgb(235, 71, 0); }
.footerbox { padding: 15px 0px 15px 0px; position: relative; }
.footer .left { float: left; width: 550px; }
.footer .right { float: right; width: 370px; }
.footer .copyright { color: rgb(58, 84, 99); font-size: 14px; margin: 0px 0px 22px; float: left; }
.footer .right .menu { font-size: 12px; margin: 0px 0px 15px; overflow: hidden; }
.footer .counters {  }
.clear { clear: both; }