@import '/css/font-awesome.min.css';
@font-face {
 font-family: 'Arian AMU Serif';
 src: local('Arian AMU Serif'), local('ArianAMUSerif'), url('arianamuserif.woff2') format('woff2'), url('arianamuserif.woff') format('woff'), url('arianamuserif.ttf') format('truetype');
 font-weight: 400;
 font-style: normal;
}
@font-face {
 font-family: 'Arian AMU Serif';
 src: local('Arian AMU Serif Italic'), local('ArianAMUSerif-Italic'), url('/fonts/arianamuserifitalic.woff2') format('woff2'), url('/fonts/arianamuserifitalic.woff') format('woff'), url('/fonts/arianamuserifitalic.ttf') format('truetype');
 font-weight: 400;
 font-style: italic;
}
@font-face {
 font-family: 'Arian AMU Serif';
 src: local('Arian AMU Serif Bold'), local('ArianAMUSerif-Bold'), url('/fonts/arianamuserifbold.woff2') format('woff2'), url('/fonts/arianamuserifbold.woff') format('woff'), url('/fonts/arianamuserifbold.ttf') format('truetype');
 font-weight: 700;
 font-style: normal;
}
@font-face {
 font-family: 'Arian AMU Serif';
 src: local('Arian AMU Serif Bold Italic'), local('ArianAMUSerif-BoldItalic'), url('/fonts/arianamuserifbolditalic.woff2') format('woff2'), url('/fonts/arianamuserifbolditalic.woff') format('woff'), url('/fonts/arianamuserifbolditalic.ttf') format('truetype');
 font-weight: 700;
 font-style: italic;
}

@font-face {
 font-family: 'Ahellya';
 src: local('Ahellya'), url('/fonts/ahellya.woff2') format('woff2'), url('/fonts/ahellya.woff') format('woff'), url('/fonts/ahellya.ttf') format('truetype');
 font-weight: 400;
 font-style: normal;
}
@font-face {
 font-family: 'Ahellya';
 src: local('Ahellya Italic'), local('Ahellya-Italic'), url('/fonts/ahellyaitalic.woff2') format('woff2'), url('/fonts/ahellyaitalic.woff') format('woff'), url('/fonts/ahellyaitalic.ttf') format('truetype');
 font-weight: 400;
 font-style: italic;
}
@font-face {
 font-family: 'PT Sans Narrow';
 src: local('PT Sans Narrow'), local('PTSans-Narrow'), url('/fonts/ptsansnarrow.woff2') format('woff2'), url('/fonts/ptsansnarrow.woff') format('woff'), url('/fonts/ptsansnarrow.ttf') format('truetype');
 font-weight: 400;
 font-style: normal;
}
@font-face {
 font-family: 'PT Sans Narrow';
 src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'), url('/fonts/ptsansnarrowbold.woff2') format('woff2'), url('/fonts/ptsansnarrowbold.woff') format('woff'), url('/fonts/ptsansnarrowbold.ttf') format('truetype');
 font-weight: 700;
 font-style: normal;
}

#easyTooltip{
 font-family: 'PT Sans Narrow';
 padding:5px 10px;
 border:1px solid #1abc9c;
 font-size:12px;
 background: -moz-linear-gradient(left, hsla(204,22%,26%,1) 10%, hsla(324,41%,30%,1) 100%);
 background: -webkit-linear-gradient(left, hsla(204,22%,26%,1) 10%,hsla(324,41%,30%,1) 100%);
 background: linear-gradient(to right, hsla(204,22%,26%,1) 10%,hsla(324,41%,30%,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#344652', endColorstr='#6b2d52',GradientType=1 );
 color:#fff;
}

body {
 padding:0;
 margin:0;
 background: #6b2d52;
 background: -moz-linear-gradient(left, hsla(204,22%,26%,1) 10%, hsla(324,41%,30%,1) 100%);
 background: -webkit-linear-gradient(left, hsla(204,22%,26%,1) 10%,hsla(324,41%,30%,1) 100%);
 background: linear-gradient(to right, hsla(204,22%,26%,1) 10%,hsla(324,41%,30%,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#344652', endColorstr='#6b2d52',GradientType=1 );
}
input[type="text"]{background:rgba(255,255,255,0.03);border-left:2px solid #1abc9c;padding:5px;color:#fff;border-right:0;border-top:0;border-bottom:0;}
input[type="submit"]{background:rgba(255,255,255,0.03);border:1px solid #1abc9c;padding:10px;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
a {text-decoration:none;color:#fff}
div.desc {clear:both;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:rgba(0,0,0,.2);padding:10px;font-family: 'Arian AMU Serif';font-size:20px}
div.desc > h1 {font-size:18px;text-align:center}
#page {
 background: url('/img/overlay.png');
 width:100%;
 min-height:100vh;
 overflow:auto
}

.wrapper {
 width:1000px;
 margin:0px auto
}

#header {
 border-bottom:1px solid rgba(230, 230, 230, 0.1);
 overflow:auto;
 clear:both;
 margin:0 0 20px 0
}
#header > .logo {
 color:#fff;
 font-size:24px;
 font-weight:bold;
 padding:10px 0;
 font-family: 'Ahellya';
 float:left;
 width:175px;
}
#header > .h2 {
 float:left;
 text-align:center;
 width:550px;
 padding:14px 0
}
#header > .h2 > h2 {
 color:#fff;
 font-weight:bold;
 font-family: 'Ahellya';
 font-size:18px;
 margin:0;
 padding:0;
}
#header > .auth {width:275px;float:left;text-align:right}
#header > .auth > a {
 -webkit-transition: all 500ms ease;
 -moz-transition: all 500ms ease;
 -ms-transition: all 500ms ease;
 -o-transition: all 500ms ease;
 transition: all 500ms ease;
 padding:15px 10px;
 display:inline-block;
 color:#fff;
 font-family: 'Ahellya';
 font-weight:bold;
 text-decoration:none;
 border-bottom:1px solid transparent;
 
}
#header > .auth > a:hover {
 border-bottom:1px solid #fff
}

#menu {float:left;width:200px;}
#menu > .block {margin:0 0 25px 0;border-bottom:1px solid rgba(255,255,255,0.07)}
#menu > .block > .h {margin:10px 0;color:#fff;font-family: 'PT Sans Narrow';font-weight:bold;font-size:20px}
#menu > .block > .link > ul {margin:0;padding:0;}
#menu > .block > .link > ul > li {
 font-family: 'PT Sans Narrow';
 font-weight: 500;
 font-size: 17px;
 border-left: 2px solid rgba(255,255,255,0.03);
 height: 40px;
 list-style-type:none;
 line-height: 40px;
 padding: 0 8px 0 8px;
 position: relative;
 -webkit-transition: all 500ms ease;
 -moz-transition: all 500ms ease;
 -ms-transition: all 500ms ease;
 -o-transition: all 500ms ease;
 transition: all 500ms ease;
}
#menu > .block > .link > ul > li:hover {
 background: rgba(255,255,255,0.03);
 border-left: 2px solid #1abc9c;
}
#menu > .block > .inter > ul > li > a {
font-size:12px
}
#menu > .block > .link > ul > li > a {
 color:#DDE2E4
}
#menu > .block > .game > a {margin:10px 0;}
#menu > .block > .game > a > img {
 -webkit-transition: all 500ms ease;
 -moz-transition: all 500ms ease;
 -ms-transition: all 500ms ease;
 -o-transition: all 500ms ease;
 transition: all 500ms ease;
 width:160px;
 height:72px;
 margin:0 25px;
 -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
 
}
#menu > .block > .game > a:hover > img {
 -webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
 -moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
 box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
}

#menu > .block > .contact > a{display:block;font-family: 'PT Sans Narrow';font-weight:bold;padding:5px 10px;-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
#menu > .block > .contact > a:hover {color:#1abc9c}
#menu > .block > .contact > a.vk:hover {color:#45688E}

#body {float:left;width:800px;color:#fff;font-family: 'PT Sans Narrow';}
#footer {clear:both;float:right;color:#fff;font-family: 'PT Sans Narrow';text-align:right}
#footer > a {font-family: 'PT Sans Narrow';}

.animated {
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
 from {
 opacity: 0;
 }

 to {
 opacity: 1;
 }
}

@keyframes fadeIn {
 from {
 opacity: 0;
 }

 to {
 opacity: 1;
 }
}

.fadeIn {
 -webkit-animation-name: fadeIn;
 animation-name: fadeIn;
}


.price > h1 {
text-align:center
}
.opicanie {float:left;width:498px;padding:10px; font-family: 'PT Sans Narrow';}
.opicanie > .padding {padding:10px;background:rgba(0,0,0,.2);}
.buy {float:right}


.price_game {
border-left: 2px solid transparent; 
background:rgba(255,255,255,0.03);
width:370px;
height:50px; 
float:left;
padding:10px;
margin:10px 0; 
overflow:hidden; 
}
.price_game:hover {border-left: 2px solid #1abc9c; }
.price_game > .img_price {
width:100px;
float:left; 
text-align:center 
}
.price_game > .img_price > img {width:90px;height:41px}
.price_game > .title_price {font-size:16px;float:left;width:180px;}
.price_game > .price_number {float:left;text-align:center;width:83px;padding:10px 0}
.price_game > .price_number > strong {color:#1abc9c;font-size:18px;display:block}