@import url("/fonts/bastionc/stylesheet.css");

.tooltip-inner {
	font-family: 'BastionC';
	line-height: 1;
	font-size: 12pt;
}
.tooltip-inner p {
	margin: 0px;
}

html,
body {
    min-height: 100%;
	font-family: "Roboto", sans-serif;
	position: relative;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.headimg {
    background: #4c5e6c url(../img/back_440.jpg) top center;
    background-size: cover;
    background-position: left 0px top 43%;
	width: 100%;
	height: 350px;
	margin: 50px 0px -70px 0px;
}

.headbg {
	--background: rgba(0,0,0,0.5);
	height: 100%;
	width: 100%;
}

.headtext {
	color: white;
    text-align: center;
    padding: 90px 0px 0px 0px;
}

.navbar-inverse {
	background-color: rgb(17, 22, 27);
	border-color: rgba(255,255,255,0.1);
	position: absolute;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	color: #9d9d9d;
    background-color: transparent;
}

.dropdown-menu {
	border: none;
	border-radius: 0;
    -webkit-border-radius: 0;
}

.dropdown-menu > li > a{
	outline: none;
}

.dropdown-menu a i {
    color: rgba(0,0,0, 0.7);
    font-size: 13px;
    width: 22px;
    margin-right: 0;
}

.dropdown-menu a {
    display: block;
    margin: 0;
    padding: 8px 23px;
    line-height: inherit;
    font-size: 13px;
    color: rgba(0,0,0, 0.7);
}

.small-head{
	height: 150px;
	margin-bottom: -60px;
	background-position: left 0px top 34%;
}

.small-head > .headbg > .headtext {
    padding: 20px;
    text-align: left;
}

.headbread {
    width: 100%;
    background-color: rgba(20,45,89,0.25);
    height: 40px;
    display: block;
    position: absolute;
    top: 160px;
    border: 1px solid rgba(255,255,255,0.1);
}

.breadcrumb {
	background: transparent;
}

.breadcrumb > li > a {
	color: white;
	text-decoration: none;
}

.breadcrumb > .active {
	color: #f5f5f5;
}

.breadcrumb > li + li:before {
    content: '>';
}

.vk-avatar {
	width: 50px;
    height: 50px;
    border-radius: 50%;
    -moz-force-broken-image-icon: 0;
    background-color: transparent;
}

.input-group-addon > i {
	width: 20px;
}

.dropdown-menu > li {
    margin: 0px;
}

.dropdown-menu li > a {
    padding: 8px 0px 8px 20px;
}

.dropdown-menu li .label {
    font-size: 10px;
    padding: 5px;
    position: absolute;
    right: 20px;
}

.dropdown-menu {
	min-width: 200px;
}

.dropdown img {
    width: 40px;
	height: auto;
    max-height: 40px;
    margin-bottom: -15px;
    margin-top: -15px;
    margin-right: 5px;
    margin-left: -10px;
    border-radius: 20px;
}

.icon-coins {
    height: 16px;
    width: 22px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABDklEQVQ4T51SARHCMAzcHCChc4CETQGggOEAFMAUAAoYCsABcwAOmAQcwP8u4bKsO+7IXa5N+v18mqbJ0HKklvAgRy3WM7yJYJPUJU+IyxgQuQN8488sgV5+CbAW8NtcGpAowRSguwAptYJTOt0SEJJJvoMrwQ77rZNXSN97rMFcOsYIbkjmhuCKPVspHSlD5ldwYr4KLtjPBfyQCoxbOCdAhTTbzoIk2sIaAaXS2L+2w30tRJ6A5JkSTBA84ZTXwEshY8wzxfkHLewYeWkmF3Ih0GWMoPIfidX4Hn8TsKL/jb6IbaPXgspldY71l/Ue0YOtijEFvTHGqnGsHK+36EcakxtwwOmoUbb+0i73AdDzPpFk0JhvAAAAAElFTkSuQmCC);
    display: inline-block;
    top: 3px;
    position: relative;
	background-repeat: no-repeat;
}

.label-primary {
    background-color: #2776dc;
}

.label-danger {
    background-color: #e74c3c;
}

.panel-heading > h2 {
	margin: 0px;
}

.news-grid img {
	max-width: 100%;
}

.news-grid h2 > a {
	color: #333333;
    text-decoration: none;
}

.post-title {
	font-weight: bold;
	margin: 0;
	font-size: 14px; line-height: 1.42857143;
}

.post-title > a {
	color: #333;
	text-decoration: none;
	display: block;
	width: 100%;
	overflow: hidden;
	
	text-overflow: ellipsis;
}

.post {
	margin: 12px 0px 0px;
}

.post .row {
	display: table;
	width: 100%;
}

.post-left {
	display: table-cell;
	vertical-align: top;
	width: 140px;
	height: 80px;
}

.post-right {
    display: table-cell;
    vertical-align: top;
    padding-left: 15px;
    height: 80px;
}

.post-left img {
	width: 100%;
	height: 100%;
	
    outline: 1px solid rgba(0, 0, 0, 0.25);
    outline-offset: -1px;
}

.post-content {
	display: block;
    overflow: hidden;
    height: 60px;
    text-overflow: ellipsis;
	text-align: justify;
	font-size: 12px;
	line-height: 15px;
}

.post-subright {
	display: table;
    height: 60px;
}

.post-subright time {
	display: block;
    position: absolute;
}

.news-view img {
	max-width:100%;
}

.icon-ya-disk  {
    d: path('M 22.892 10.178 c -0.836 -2.273 -6.145 -2.687 -11.716 -0.98 C 5.468 10.948 0.73 14.136 1.012 16.513 c 0.2 1.685 2.726 2.582 6.09 2.54 c -0.057 -0.074 -0.107 -0.15 -0.152 -0.228 c -0.78 -1.365 1.648 -3.428 5.186 -4.453 c 3.54 -1.025 6.64 -0.797 6.795 0.702 c 0.02 0.185 0.008 0.375 -0.033 0.57 c 3.103 -1.882 4.524 -4.028 3.995 -5.466 Z m -5.313 -2.96 c -1.244 -0.347 -3.678 -4.18 -8.04 -2.99 c -4.36 1.19 -4.508 5.908 -5.234 6.9 l -0.19 0.283 c 1.673 -1.193 3.934 -2.28 6.63 -3.07 c 2.585 -0.838 5.012 -1.14 7.027 -1.02 l -0.194 -0.1 Z m 0.285 8.175 c 0.248 0.88 -2.05 2.5 -4.27 3.235 c -2.223 0.733 -5.33 0.66 -5.555 -0.238 c -0.225 -0.9 1.662 -2.44 4.332 -3.218 s 5.244 -0.66 5.493 0.22 Z');
}

.icon-utorrent {
	d: path(' M 2.69 23.01 C 3.14 11.81 13.74 1.97 25.00 2.69 C 36.98 3.15 47.32 15.27 45.01 27.25 C 43.08 27.23 41.16 26.52 40.11 24.81 C 37.32 20.60 36.04 15.61 33.50 11.26 C 31.68 11.55 29.87 11.90 28.07 12.30 C 28.76 17.19 31.83 21.28 32.96 26.03 C 32.44 30.18 27.22 32.51 23.62 30.58 C 20.63 29.43 19.40 26.24 18.36 23.48 C 17.36 20.60 16.23 17.76 14.71 15.11 C 12.40 15.06 10.02 15.13 7.93 16.25 C 9.81 25.88 15.08 34.46 17.26 44.01 C 8.56 41.23 2.14 32.19 2.69 23.01 Z M 30.04 34.98 C 32.28 33.78 33.95 31.8 35.86 30.17 C 38.55 30.82 41.29 31.21 44.05 31.39 C 40.99 38.42 34.58 43.87 26.99 45.33 C 24.95 42.35 23.66 38.96 22.66 35.51 C 25.12 35.5 27.68 35.82 30.04 34.98 Z');
}

.btn-download header {
	height: 24px;
	line-height: 24px;
}

.btn-download svg, .btn-download .fa {
	height: 100%;
	margin-right: 5px;
	float: left;
	font-size: 24px;
	
}

.btn-download path {
	fill: #fff;
}

.btn-download footer:before {
    content: '';
}

.btn-download footer {
    font-size: 80%;
	color: #fff;
	float: left;
}

.btn-download header span {
	font-weight: 500;
}

.ref_reward_container {
	padding: 8px 0px 0px;
}

.ref_reward_referrer:before {
	content: 'Ваш подарок';
	color: black;
	font-weight: bold;
}

.ref_reward_referral:before {
	content: 'Подарок вашему рефералу';
	text-align: center;
	color: black;
	font-weight: bold;
}

.ref_reward_item > p {
    position: relative;
    display: contents;
}

.ref_reward_role {
	color: black;
	font-weight: bold;
}

.ref_reward {
	padding: 16px 0px;
}

.ref_marks {
    width: 100%;
	height: 100%;
    position: relative;
}

.ref_marks > div {
	height: 100%;
	position: absolute;
    text-align: right;
	border-right: 1px solid black;
	font-size: 10px;
	padding-top: 3px;
}

#faq p:before {
	content: '— ';
}

h5 {
	font-weight: 550;
}

.footer > .container > .pull-right {
	margin: 0;
}

#game-desc {
	font-size: 12px;
	color: grey;
	background-color: whitesmoke;
	text-align: justify;
}