*
{
	padding:0;
	margin:0;
	font-family: Tahoma, Geneva, "DejaVu Sans Condensed", sans-serif;
}
*, *::before, *::after {
  box-sizing: border-box;
}
input[type="text"] {
  font-family: inherit; /* 1 */
  font-size: inherit; /* 1 */
  line-height: inherit; /* 1 */
  margin: 0; /* 2 */
}
h1
{
	font-size:20px;
}
.top_menu
{
	width:100%;
	/*height:25px;*/
	text-align:right;
	padding:10px;
	box-sizing:border-box;
	background:#f2e0ae;
}

.top_menu .item
{
	text-decoration:underline;
	cursor:pointer;
	opacity:.3;
}

.top_menu .item.active
{
	opacity:1;
}

.cats_list,
.items_list
{
	width:100%;
}

.cats_list p,
.items_list p
{
	text-align:center;
	font-weight:bold;
}

.cats_list .item,
.items_list .item
{
	display:block;
	margin:5px 30px;
	box-sizing:border-box;
	padding:5px 10px;
	cursor:pointer;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	
}
.items_list .item
{
	font-weight:normal;
}
.cats_list .item:hover,
.items_list .item:hover
{
	text-decoration:underline;
}
.bread_crumbs
{
	/*display:block;*/
	display: none;
	margin:5px 10px;
	box-sizing:border-box;
	background:#32a5cf;
	padding:5px 10px;
	border-radius:3px;
	border:1px solid #dfeff5;
}
.bread_crumbs .item,
.bread_crumbs .item a
{
	display: inline-block;
	text-decoration:none;
	color:#FFF;

}
.bread_crumbs .item:not(:first-of-type):before
{
	content:" > ";
	color:#000;
}

.faq_image
{
	max-width:100%;
}

.full
{
	position:relative;
	margin:5px 20px;
	line-height:30px;
}
.li1
{
	
}

.li2
{
	margin-left:20px;
}

.li3
{
	margin-left:40px;
}
.li4
{
	margin-left:60px;
}
.li5
{
	margin-left:80px;
}
.feedback_form {
	padding: 10px;
    float: left;
    margin: 5px 10px;
    background: #5ca55c;
    border-radius: 3px;
    color: #fff;
}
.footer
{
	width:100%;
	position:fixed;
	height:25px;
	bottom:0px;
	text-align:right;
	background:#EBEBEB;
	padding:3px 5px;
	box-sizing:border-box;
/*	opacity:.3;*/
	cursor:pointer;
}
.footer:hover
{
	opacity:1;
}

#fog_of_war
{
	opacity:.3;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:#000;
	display:none;
}

#form_wrapper
{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow: auto;
	white-space: nowrap;
	text-align: center;
	z-index:9;
	display:none;
}
#form_wrapper:before 
{
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	content: '';
}
#form_wrapper .modal
{
	display: inline-block;
	white-space: normal;
	vertical-align: middle;
	text-align: left;
	z-index:999;
	border:2px solid #c4c4c4;
	border-radius:10px;
	min-height:150px;
	min-width:350px;
	max-width:100%;
	background:#FFF;
	width: 10%;
}
#form_wrapper .modal .header
{
	height:80px;
	line-height: 80px;
	width:100%;
	box-sizing:border-box;
	font-weight:bold;
	color:#666;
	display: inline-block;
	clear:both;
	text-align: center;
    text-transform: uppercase;
}
#form_wrapper .modal .body
{
	width: 100%;
    float: left;
    padding: 0 10% 10%;
}
#form_wrapper .modal .buttons
{
	padding-top: 20px;
	float: left;
    width: 100%;
}
.input_field
{
	margin-bottom: 1rem;
}
/* стили для label */
.input_field_label {
  display: block;
  margin-bottom: 0.25rem;
}
/* стили для input */
.input_field_input {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #bdbdbd;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.input_field_textarea {
  display: block;
  width: 100%;
  height: calc(5.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #bdbdbd;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.visible
{
	display:block !important;
}

.notification_wrapper
{
	position:absolute;
	top:10px;
	left:50%;
	margin: 0 0 0 -150px;
	min-height:1px;
	width:300px;
	z-index:10;
}

.notification_wrapper .item
{
	position:relative;
	float:left;
	width:100%;
	min-height:50px;
	box-sizing:border-box;
	padding:5px 10px;
	border-radius:5px;
	margin:0 0 10px 0;
	cursor:default;
}

.notification_wrapper .item.error
{
	border:1px solid red;
	background:red;
	color:white;
}

.notification_wrapper .item.success
{
	border:1px solid #7DD068;
	background:#8DEC75;
	color:black;
}

.warning
{
	border-color:red !important;
}

.content
{
	padding-bottom:20px;
}