* {
	padding: 0;
	border: 0;
	margin: 0;
	box-sizing: border-box;
}

h1,
h2,
h3 {
  //color: #ffaf43;
  //margin-bottom: 20px;
  line-height: 2.2;
  //text-transform: uppercase;
}
h1 {
  font-size: 20px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}

html, body {
	font-size: 13px;
	font-family: Arial, Tahoma, sans-serif;
	color: #eee;
	background-color: #0f1923;
}

body, a, input, select {
//    cursor: url(../images/mu2.gif), url(../images/mu2.cur.html),auto;
}

a:link, a:visited, a:hover, a:active {
	color: #26a69a;
	//text-decoration: none;
	font-weight: bold;
}

::-webkit-scrollbar {
	width: 13px;
}

/* Track */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: rgba(255,0,0,0.8);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4);
}


/* Main content
---------------------------------------------*/
main {
	
}

main:after {
	content: "";
    display: table;
    clear: both;	
}

li {list-style: none}
p {margin: 20px 0}
/* Content wrapper 
---------------------------------------------*/
.wrapper {
	max-width: 1200px;
	margin: 20px auto;
}

#content {
	border: 1px solid #22242e;
}

#content:after {
	content: "";
    display: table;
    clear: both;	
}

/* Header
---------------------------------------------*/
header {
	width: 100%;
	height: 275px;
	padding: 10px;
	font-family: tahoma;
	text-shadow: 1px 1px 1px black;
	border-bottom: 1px solid #22242e;
	float: left;
	background-image: url('../images/help-center3.png');
}

.logo {
	width: 25%;
	height: 155px;
	float: left;
}

.name {
	width: 75%;
	height: 155px;
	line-height: 155px;
	font-size: 18px;
	text-shadow: 1px 1px 1px black;
	float: left;
	padding-left: 20px;
}

.char-help {
    width: 300px;
    height: 220px;
    margin-left: -20px;
    margin-top: -20px;
}

header .wrapper:after {
	/* Clear floats after the columns/boxes	*/
    content: "";
    display: table;
    clear: both;	
}

/* Section style
---------------------------------------------*/
section {	
	width: 25%;
	float: left;
	background-color: #0f1923;
	padding-bottom: 0px;
	font-size: 12px;
}

    ul.pages-menu {
      list-style: none;
      padding: 0;
      margin: 0;
      width: 250px;
      background-color: #2c2c2c;
      color: white;
    }

    ul.pages-menu > li {
      position: relative;
    }

    .pages-menu .cat,
    .pages-menu .topic {
      display: block;
      padding: 10px;
      background-color: #3a3a3a;
      border-bottom: 1px solid #444;
      cursor: pointer;
    }

    .pages-menu .cat:hover,
    .pages-menu .topic:hover {
      background-color: #505050;
    }

    .pages-menu .dropdown {
      display: none;
      list-style: none;
      padding-left: 0;
      background-color: #444;
    }

    .pages-menu li:hover > .dropdown {
      display: block;
    }

    .pages-menu .dropdown li {
      padding: 8px 15px;
      border-bottom: 1px solid #555;
    }

    .pages-menu .dropdown li:hover {
      background-color: #666;
    }

    .pages-menu img {
      vertical-align: middle;
      margin-right: 5px;
    }

.topic {
	line-height: 16px;
	padding: 4px 25px;
//	cursor: url(../images/mu.gif), url(../images/mu.cur.html),auto;
}

.cat:hover, li.active .cat, li.active .topic,
.topic:hover {
	background-color: dodgerblue;
}

/* Article style
---------------------------------------------*/
article {
	width: 75%;
	float: left;
	padding: 20px;
	color: #ddd;
	font-size: 12px;
	line-height: 1.5;
}

article a:hover {
	text-decoration: underline;
//	cursor: url(../images/mu.gif), url(../images/mu.cur.html),auto;

}

.topics {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #0f1923;
}

.topics th {
	background-color: #0f1923;
	border-right: 1px #0f1923;
	border-bottom: 1px #0f1923;
	color: #ffffff;
	padding: 6px;
	padding-top: 6px;
	font-weight: normal;
	text-align: initial;
}

.topics td {
	border-right: 1px #0f1923;
	padding: 6px;
}

.tr2 {
	background-color: #0f1923;
}

/* Footer
---------------------------------------------*/
footer {
	text-align: center;
	padding: 15px;
}

/* Media queries for different browser sizes
---------------------------------------------*/
@media screen and (max-width: 940px){
	section, article {
		width: 35%;	/* The width is 50%, when the viewport is 900px or smaller */
	}

	article {
		width: 65%;	/* The width is 50%, when the viewport is 900px or smaller */
	}
}

@media screen and (max-width: 680px){
	section {
		width: 45%; /* The width is 100%, when the viewport is 600px or smaller */
	}

	article {
		width: 55%; /* The width is 100%, when the viewport is 600px or smaller */
	}
}

@media screen and (max-width: 600px){
	section, article {
		width: 100%; /* The width is 100%, when the viewport is 600px or smaller */
	}
}


tr {background-color: none}

.langs a {

  display: block;
  float: left;
  width: 36px;
  height: 22px;
  margin-left: 0px;
  opacity: 0.5;
}

.langs a:hover , .langs a:hover {
  opacity: 1;
}
.langs .active{
  opacity: 1;
}
#lang-ru {
  background: url(../img/ru.png) no-repeat;
}

#lang-en{
  background: url(../img/en.png) no-repeat;
}

.language {float: right;margin: 15px;position: relative;width: 200px}
.language li {display: inline-block;vertical-align: top;margin: 0 10px}

//.home-footer {padding:30px;text-align:center;}
.home-footer a {
    padding: 15px;
    background: #000;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    width: 45%;
    display: inline-block;
}

.home-footer a:hover {background-color: dodgerblue;}

.droplist {
font-size: 8px;
color: #534c3d;
position: absolute;
top: 0%; margin:0;
line-height: 20px;
text-shadow: 1px 1px #b8c1c8;
right: 0px;
}
.droplist span { display: block; font-size: 13px ;font-weight: 900;}
.shake-slow{display:inline-block;transform-origin:center center}.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-freeze:hover,.shake-trigger:hover .shake-freeze,.shake-slow:hover,.shake-trigger:hover .shake-slow{animation-play-state:running}@keyframes shake-slow{2%{transform:translate(1px, 7px) rotate(-1.5deg)}4%{transform:translate(6px, -6px) rotate(-1.5deg)}6%{transform:translate(5px, 4px) rotate(0.5deg)}8%{transform:translate(10px, -7px) rotate(2.5deg)}10%{transform:translate(-6px, 10px) rotate(2.5deg)}12%{transform:translate(-6px, -6px) rotate(-0.5deg)}14%{transform:translate(-4px, 9px) rotate(-2.5deg)}16%{transform:translate(-4px, 4px) rotate(1.5deg)}18%{transform:translate(-2px, -3px) rotate(-2.5deg)}20%{transform:translate(3px, 9px) rotate(2.5deg)}22%{transform:translate(1px, -4px) rotate(0.5deg)}24%{transform:translate(9px, 3px) rotate(3.5deg)}26%{transform:translate(-3px, 3px) rotate(-1.5deg)}28%{transform:translate(10px, -7px) rotate(3.5deg)}30%{transform:translate(-6px, -1px) rotate(3.5deg)}32%{transform:translate(-5px, 8px) rotate(-2.5deg)}34%{transform:translate(2px, -2px) rotate(3.5deg)}36%{transform:translate(0px, 3px) rotate(-0.5deg)}38%{transform:translate(-9px, -7px) rotate(-0.5deg)}40%{transform:translate(1px, -1px) rotate(0.5deg)}42%{transform:translate(-9px, 8px) rotate(0.5deg)}44%{transform:translate(1px, -2px) rotate(-0.5deg)}46%{transform:translate(-4px, -8px) rotate(1.5deg)}48%{transform:translate(-7px, 0px) rotate(0.5deg)}50%{transform:translate(6px, -7px) rotate(-2.5deg)}52%{transform:translate(-1px, -2px) rotate(-2.5deg)}54%{transform:translate(8px, 0px) rotate(2.5deg)}56%{transform:translate(-5px, -3px) rotate(2.5deg)}58%{transform:translate(5px, 2px) rotate(-2.5deg)}60%{transform:translate(5px, -3px) rotate(-1.5deg)}62%{transform:translate(1px, -8px) rotate(-1.5deg)}64%{transform:translate(7px, -7px) rotate(0.5deg)}66%{transform:translate(5px, -8px) rotate(1.5deg)}68%{transform:translate(-9px, -6px) rotate(3.5deg)}70%{transform:translate(-2px, -1px) rotate(-2.5deg)}72%{transform:translate(-4px, 3px) rotate(-2.5deg)}74%{transform:translate(8px, -7px) rotate(1.5deg)}76%{transform:translate(-2px, 7px) rotate(-1.5deg)}78%{transform:translate(3px, 7px) rotate(-1.5deg)}80%{transform:translate(1px, -3px) rotate(1.5deg)}82%{transform:translate(-6px, -4px) rotate(0.5deg)}84%{transform:translate(6px, 6px) rotate(-1.5deg)}86%{transform:translate(0px, -2px) rotate(-1.5deg)}88%{transform:translate(9px, -3px) rotate(-0.5deg)}90%{transform:translate(1px, 0px) rotate(1.5deg)}92%{transform:translate(0px, -6px) rotate(-1.5deg)}94%{transform:translate(-1px, -2px) rotate(2.5deg)}96%{transform:translate(5px, 1px) rotate(-2.5deg)}98%{transform:translate(4px, 0px) rotate(-0.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-slow:hover,.shake-trigger:hover .shake-slow,.shake-slow.shake-freeze,.shake-slow.shake-constant{animation:shake-slow 5s ease-in-out infinite}